\n );\n }\n}\n\nexport default withStyles(styles)(CustomStripEffects);\n","/home/nathan/source/inovelli-led-strip-toolbox/src/LED.js",[],"/home/nathan/source/inovelli-led-strip-toolbox/src/CustomEffectEditor.js",[],"/home/nathan/source/inovelli-led-strip-toolbox/src/HomeAssistantIcon.js",[],"/home/nathan/source/inovelli-led-strip-toolbox/src/ParameterModal.js",[],"/home/nathan/source/inovelli-led-strip-toolbox/src/SaveAsIcon.js",[],"/home/nathan/source/inovelli-led-strip-toolbox/src/SaveIcon.js",[],"/home/nathan/source/inovelli-led-strip-toolbox/src/SaveDialog.js",[],"/home/nathan/source/inovelli-led-strip-toolbox/src/ImportProgram.js",[],"/home/nathan/source/inovelli-led-strip-toolbox/src/OpenDialog.js",[],"/home/nathan/source/inovelli-led-strip-toolbox/src/Utils.js",[],"/home/nathan/source/inovelli-led-strip-toolbox/src/ClipboardAccess.js",[],"/home/nathan/source/inovelli-led-strip-toolbox/src/AboutDialog.js",[],"/home/nathan/source/inovelli-led-strip-toolbox/src/ShareDialog.js",[],"/home/nathan/source/inovelli-led-strip-toolbox/src/service-worker.js",[],"/home/nathan/source/inovelli-led-strip-toolbox/src/serviceWorkerRegistration.js",[],"/home/nathan/source/inovelli-led-strip-toolbox/src/reportWebVitals.js",[],{"ruleId":"119","replacedBy":"120"},{"ruleId":"121","replacedBy":"122"},{"ruleId":"123","severity":1,"message":"124","line":1,"column":1,"nodeType":"125","endLine":11,"endColumn":3},{"ruleId":"126","severity":1,"message":"127","line":2,"column":35,"nodeType":"128","messageId":"129","endLine":2,"endColumn":39},{"ruleId":"126","severity":1,"message":"130","line":2,"column":41,"nodeType":"128","messageId":"129","endLine":2,"endColumn":44},{"ruleId":"126","severity":1,"message":"131","line":3,"column":8,"nodeType":"128","messageId":"129","endLine":3,"endColumn":13},{"ruleId":"126","severity":1,"message":"132","line":14,"column":3,"nodeType":"128","messageId":"129","endLine":14,"endColumn":12},{"ruleId":"126","severity":1,"message":"133","line":17,"column":3,"nodeType":"128","messageId":"129","endLine":17,"endColumn":17},{"ruleId":"126","severity":1,"message":"134","line":19,"column":3,"nodeType":"128","messageId":"129","endLine":19,"endColumn":10},{"ruleId":"126","severity":1,"message":"135","line":20,"column":3,"nodeType":"128","messageId":"129","endLine":20,"endColumn":9},{"ruleId":"126","severity":1,"message":"136","line":32,"column":8,"nodeType":"128","messageId":"129","endLine":32,"endColumn":16},{"ruleId":"126","severity":1,"message":"137","line":41,"column":3,"nodeType":"128","messageId":"129","endLine":41,"endColumn":11},"no-native-reassign",["138"],"no-negated-in-lhs",["139"],"import/no-anonymous-default-export","Assign object to a variable before exporting as module default","ExportDefaultDeclaration","no-unused-vars","'Tabs' is defined but never used.","Identifier","unusedVar","'Tab' is defined but never used.","'Strip' is defined but never used.","'TextField' is defined but never used.","'InputAdornment' is defined but never used.","'SvgIcon' is defined but never used.","'Button' is defined but never used.","'PlayIcon' is defined but never used.","'FINISHES' is defined but never used.","no-global-assign","no-unsafe-negation"]
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index d0a5611..642749d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16835,6 +16835,11 @@
"minimalistic-assert": "^1.0.0"
}
},
+ "web-vitals": {
+ "version": "0.2.4",
+ "resolved": "https://registry.npmjs.org/web-vitals/-/web-vitals-0.2.4.tgz",
+ "integrity": "sha512-6BjspCO9VriYy12z356nL6JBS0GYeEcA457YyRzD+dD6XYCQ75NKhcOHUMHentOE7OcVCIXXDvOm0jKFfQG2Gg=="
+ },
"webidl-conversions": {
"version": "6.1.0",
"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-6.1.0.tgz",
diff --git a/package.json b/package.json
index caecccd..4fe777c 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,20 @@
"qs": "^6.9.4",
"react": "^16.13.1",
"react-dom": "^16.13.1",
- "react-scripts": "4.0.1"
+ "react-scripts": "4.0.1",
+ "web-vitals": "^0.2.4",
+ "workbox-background-sync": "^5.1.4",
+ "workbox-broadcast-update": "^5.1.4",
+ "workbox-cacheable-response": "^5.1.4",
+ "workbox-core": "^5.1.4",
+ "workbox-expiration": "^5.1.4",
+ "workbox-google-analytics": "^5.1.4",
+ "workbox-navigation-preload": "^5.1.4",
+ "workbox-precaching": "^5.1.4",
+ "workbox-range-requests": "^5.1.4",
+ "workbox-routing": "^5.1.4",
+ "workbox-strategies": "^5.1.4",
+ "workbox-streams": "^5.1.4"
},
"scripts": {
"start": "react-scripts start",
diff --git a/src/index.js b/src/index.js
index afb3eb0..04790e4 100644
--- a/src/index.js
+++ b/src/index.js
@@ -2,7 +2,8 @@ import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import AppWrapper from "./AppWrapper";
-import * as serviceWorker from "./serviceWorker";
+import * as serviceWorkerRegistration from './serviceWorkerRegistration';
+//import reportWebVitals from './reportWebVitals';
import swConfig from "./swconfig";
ReactDOM.render(
@@ -15,4 +16,6 @@ ReactDOM.render(
// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.register(swConfig);
+serviceWorkerRegistration.register(swConfig);
+
+//reportWebVitals();
\ No newline at end of file
diff --git a/src/reportWebVitals.js b/src/reportWebVitals.js
new file mode 100644
index 0000000..532f29b
--- /dev/null
+++ b/src/reportWebVitals.js
@@ -0,0 +1,13 @@
+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;
diff --git a/src/service-worker.js b/src/service-worker.js
new file mode 100644
index 0000000..0f1e0ce
--- /dev/null
+++ b/src/service-worker.js
@@ -0,0 +1,72 @@
+/* eslint-disable no-restricted-globals */
+
+// This service worker can be customized!
+// See https://developers.google.com/web/tools/workbox/modules
+// for the list of available Workbox modules, or add any other
+// code you'd like.
+// You can also remove this file if you'd prefer not to use a
+// service worker, and the Workbox build step will be skipped.
+
+import { clientsClaim } from 'workbox-core';
+import { ExpirationPlugin } from 'workbox-expiration';
+import { precacheAndRoute, createHandlerBoundToURL } from 'workbox-precaching';
+import { registerRoute } from 'workbox-routing';
+import { StaleWhileRevalidate } from 'workbox-strategies';
+
+clientsClaim();
+
+// Precache all of the assets generated by your build process.
+// Their URLs are injected into the manifest variable below.
+// This variable must be present somewhere in your service worker file,
+// even if you decide not to use precaching. See https://cra.link/PWA
+precacheAndRoute(self.__WB_MANIFEST);
+
+// Set up App Shell-style routing, so that all navigation requests
+// are fulfilled with your index.html shell. Learn more at
+// https://developers.google.com/web/fundamentals/architecture/app-shell
+const fileExtensionRegexp = new RegExp('/[^/?]+\\.[^/]+$');
+registerRoute(
+ // Return false to exempt requests from being fulfilled by index.html.
+ ({ request, url }) => {
+ // If this isn't a navigation, skip.
+ if (request.mode !== 'navigate') {
+ return false;
+ } // If this is a URL that starts with /_, skip.
+
+ if (url.pathname.startsWith('/_')) {
+ return false;
+ } // If this looks like a URL for a resource, because it contains // a file extension, skip.
+
+ if (url.pathname.match(fileExtensionRegexp)) {
+ return false;
+ } // Return true to signal that we want to use the handler.
+
+ return true;
+ },
+ createHandlerBoundToURL(process.env.PUBLIC_URL + '/index.html')
+);
+
+// An example runtime caching route for requests that aren't handled by the
+// precache, in this case same-origin .png requests like those from in public/
+registerRoute(
+ // Add in any other file extensions or routing criteria as needed.
+ ({ url }) => url.origin === self.location.origin && url.pathname.endsWith('.png'), // Customize this strategy as needed, e.g., by changing to CacheFirst.
+ new StaleWhileRevalidate({
+ cacheName: 'images',
+ plugins: [
+ // Ensure that once this runtime cache reaches a maximum size the
+ // least-recently used images are removed.
+ new ExpirationPlugin({ maxEntries: 50 }),
+ ],
+ })
+);
+
+// This allows the web app to trigger skipWaiting via
+// registration.waiting.postMessage({type: 'SKIP_WAITING'})
+self.addEventListener('message', (event) => {
+ if (event.data && event.data.type === 'SKIP_WAITING') {
+ self.skipWaiting();
+ }
+});
+
+// Any other custom service worker logic can go here.
diff --git a/src/serviceWorker.js b/src/serviceWorkerRegistration.js
similarity index 88%
rename from src/serviceWorker.js
rename to src/serviceWorkerRegistration.js
index b04b771..2262ecd 100644
--- a/src/serviceWorker.js
+++ b/src/serviceWorkerRegistration.js
@@ -8,16 +8,14 @@
// resources are updated in the background.
// To learn more about the benefits of this model and instructions on how to
-// opt-in, read https://bit.ly/CRA-PWA
+// opt-in, read https://cra.link/PWA
const isLocalhost = Boolean(
window.location.hostname === 'localhost' ||
// [::1] is the IPv6 localhost address.
window.location.hostname === '[::1]' ||
// 127.0.0.0/8 are considered localhost for IPv4.
- window.location.hostname.match(
- /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
- )
+ window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/)
);
export function register(config) {
@@ -43,7 +41,7 @@ export function register(config) {
navigator.serviceWorker.ready.then(() => {
console.log(
'This web app is being served cache-first by a service ' +
- 'worker. To learn more, visit https://bit.ly/CRA-PWA'
+ 'worker. To learn more, visit https://cra.link/PWA'
);
});
} else {
@@ -57,7 +55,7 @@ export function register(config) {
function registerValidSW(swUrl, config) {
navigator.serviceWorker
.register(swUrl)
- .then(registration => {
+ .then((registration) => {
registration.onupdatefound = () => {
const installingWorker = registration.installing;
if (installingWorker == null) {
@@ -71,7 +69,7 @@ function registerValidSW(swUrl, config) {
// content until all client tabs are closed.
console.log(
'New content is available and will be used when all ' +
- 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'
+ 'tabs for this page are closed. See https://cra.link/PWA.'
);
// Execute callback
@@ -93,7 +91,7 @@ function registerValidSW(swUrl, config) {
};
};
})
- .catch(error => {
+ .catch((error) => {
console.error('Error during service worker registration:', error);
});
}
@@ -103,7 +101,7 @@ function checkValidServiceWorker(swUrl, config) {
fetch(swUrl, {
headers: { 'Service-Worker': 'script' },
})
- .then(response => {
+ .then((response) => {
// Ensure service worker exists, and that we really are getting a JS file.
const contentType = response.headers.get('content-type');
if (
@@ -111,7 +109,7 @@ function checkValidServiceWorker(swUrl, config) {
(contentType != null && contentType.indexOf('javascript') === -1)
) {
// No service worker found. Probably a different app. Reload the page.
- navigator.serviceWorker.ready.then(registration => {
+ navigator.serviceWorker.ready.then((registration) => {
registration.unregister().then(() => {
window.location.reload();
});
@@ -122,19 +120,17 @@ function checkValidServiceWorker(swUrl, config) {
}
})
.catch(() => {
- console.log(
- 'No internet connection found. App is running in offline mode.'
- );
+ console.log('No internet connection found. App is running in offline mode.');
});
}
export function unregister() {
if ('serviceWorker' in navigator) {
navigator.serviceWorker.ready
- .then(registration => {
+ .then((registration) => {
registration.unregister();
})
- .catch(error => {
+ .catch((error) => {
console.error(error.message);
});
}