Remove web-vitals (#429)

examples/relay-reactjs-chat/package-lock.json

@@ -15,8 +15,7 @@
         "protons": "^2.0.3",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
-        "react-scripts": "5.0.0",
+        "react-scripts": "5.0.0"
-        "web-vitals": "^2.1.3"
       },
       "devDependencies": {
         "cra-webpack-rewired": "^1.0.1"
@@ -15696,11 +15695,6 @@
         "minimalistic-assert": "^1.0.0"
       }
     },
-    "node_modules/web-vitals": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/web-vitals/-/web-vitals-2.1.3.tgz",
-      "integrity": "sha512-+ijpniAzcnQicXaXIN0/eHQAiV/jMt1oHGHTmz7VdAJPPkzzDhmoYPSpLgJTuFtUh+jCjxCoeTZPg7Ic+g8o7w=="
-    },
     "node_modules/webidl-conversions": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-6.1.0.tgz",
@@ -27875,11 +27869,6 @@
         "minimalistic-assert": "^1.0.0"
       }
     },
-    "web-vitals": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/web-vitals/-/web-vitals-2.1.3.tgz",
-      "integrity": "sha512-+ijpniAzcnQicXaXIN0/eHQAiV/jMt1oHGHTmz7VdAJPPkzzDhmoYPSpLgJTuFtUh+jCjxCoeTZPg7Ic+g8o7w=="
-    },
     "webidl-conversions": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-6.1.0.tgz",

examples/relay-reactjs-chat/package.json

@@ -10,8 +10,7 @@
     "protons": "^2.0.3",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-scripts": "5.0.0",
+    "react-scripts": "5.0.0"
-    "web-vitals": "^2.1.3"
   },
   "scripts": {
     "start": "cra-webpack-rewired start",

examples/relay-reactjs-chat/src/App.js

@@ -25,7 +25,7 @@ function App() {
 
     setWakuStatus('Starting');
 
-    Waku.create({ bootstrap: true }).then((waku) => {
+    Waku.create({ bootstrap: { default: true } }).then((waku) => {
       setWaku(waku);
       setWakuStatus('Connecting');
       waku.waitForConnectedPeer().then(() => {
@@ -103,7 +103,7 @@ function sendMessage(message, waku, timestamp) {
   // Encode to protobuf
   const payload = proto.SimpleChatMessage.encode({
     timestamp: time,
-    text: message
+    text: message,
   });
 
   // Wrap in a Waku Message

examples/relay-reactjs-chat/src/index.js

@@ -2,7 +2,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
-import reportWebVitals from './reportWebVitals';
 
 ReactDOM.render(
   <React.StrictMode>
@@ -10,8 +9,3 @@ ReactDOM.render(
   </React.StrictMode>,
   document.getElementById('root')
 );
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();

examples/relay-reactjs-chat/src/reportWebVitals.js

@@ -1,13 +0,0 @@
-const reportWebVitals = onPerfEntry => {
-  if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
-  }
-};
-
-export default reportWebVitals;

examples/store-reactjs-chat/package.json

@@ -9,7 +9,7 @@
     "assert": "^2.0.0",
     "buffer": "^6.0.3",
     "crypto-browserify": "^3.12.0",
-    "js-waku": "^0.14.2",
+    "js-waku": "../../build/esm",
     "protons": "^2.0.3",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",

examples/store-reactjs-chat/src/App.js

@@ -22,7 +22,7 @@ function App() {
 
     setWakuStatus('Starting');
 
-    Waku.create({ bootstrap: true }).then((waku) => {
+    Waku.create({ bootstrap: { default: true } }).then((waku) => {
       setWaku(waku);
       setWakuStatus('Connecting');
     });

examples/store-reactjs-chat/src/index.js

@@ -2,7 +2,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
-import reportWebVitals from './reportWebVitals';
 
 ReactDOM.render(
   <React.StrictMode>
@@ -10,8 +9,3 @@ ReactDOM.render(
   </React.StrictMode>,
   document.getElementById('root')
 );
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();

examples/store-reactjs-chat/src/reportWebVitals.js

@@ -1,13 +0,0 @@
-const reportWebVitals = onPerfEntry => {
-  if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
-  }
-};
-
-export default reportWebVitals;