Web: Added registerSW for start Service-Worker + Added post SkipWaiting on update
This commit is contained in:
parent
902a44daf2
commit
4484d609a6
61
packages/asc-web-common/utils/sw-helper.js
Normal file
61
packages/asc-web-common/utils/sw-helper.js
Normal file
@ -0,0 +1,61 @@
|
||||
import { Workbox } from "workbox-window";
|
||||
|
||||
export default registerSW = (homepage) => {
|
||||
if (process.env.NODE_ENV === "production" && "serviceWorker" in navigator) {
|
||||
const wb = new Workbox(`${homepage}/sw.js`);
|
||||
|
||||
//TODO: watch https://developers.google.com/web/tools/workbox/guides/advanced-recipes and https://github.com/webmaxru/prog-web-news/blob/5ff94b45c9d317409c21c0fbb7d76e92f064471b/src/app/app-shell/app-shell.component.ts
|
||||
|
||||
const showSkipWaitingPrompt = (event) => {
|
||||
console.log(
|
||||
`A new service worker has installed, but it can't activate` +
|
||||
`until all tabs running the current version have fully unloaded.`
|
||||
);
|
||||
|
||||
// Assuming the user accepted the update, set up a listener
|
||||
// that will reload the page as soon as the previously waiting
|
||||
// service worker has taken control.
|
||||
wb.addEventListener("controlling", () => {
|
||||
window.location.reload();
|
||||
});
|
||||
|
||||
// This will postMessage() to the waiting service worker.
|
||||
wb.messageSkipWaiting();
|
||||
|
||||
// let snackBarRef = this.snackBar.open(
|
||||
|
||||
// "A new version of the website available",
|
||||
// "Reload page",
|
||||
// {
|
||||
// duration: 5000,
|
||||
// }
|
||||
// );
|
||||
|
||||
// // Displaying prompt
|
||||
|
||||
// snackBarRef.onAction().subscribe(() => {
|
||||
// // Assuming the user accepted the update, set up a listener
|
||||
// // that will reload the page as soon as the previously waiting
|
||||
// // service worker has taken control.
|
||||
// wb.addEventListener("controlling", () => {
|
||||
// window.location.reload();
|
||||
// });
|
||||
|
||||
// // This will postMessage() to the waiting service worker.
|
||||
// wb.messageSkipWaiting();
|
||||
// });
|
||||
};
|
||||
|
||||
// Add an event listener to detect when the registered
|
||||
// service worker has installed but is waiting to activate.
|
||||
wb.addEventListener("waiting", showSkipWaitingPrompt);
|
||||
|
||||
wb.register()
|
||||
.then((reg) => {
|
||||
console.log("Successful service worker registration", reg);
|
||||
})
|
||||
.catch((err) => console.error("Service worker registration failed", err));
|
||||
} else {
|
||||
console.log("SKIP registerSW because of DEV mode");
|
||||
}
|
||||
};
|
@ -81,20 +81,20 @@ offlineFallback({
|
||||
// ALL OTHER EVENTS
|
||||
|
||||
// Receive push and show a notification
|
||||
self.addEventListener("push", function (event) {
|
||||
console.log("[Service Worker]: Received push event", event);
|
||||
// self.addEventListener("push", function (event) {
|
||||
// console.log("[Service Worker]: Received push event", event);
|
||||
|
||||
var notificationData = {};
|
||||
// var notificationData = {};
|
||||
|
||||
if (event.data.json()) {
|
||||
notificationData = event.data.json();
|
||||
} else {
|
||||
notificationData = {
|
||||
title: "Something Has Happened",
|
||||
message: "Something you might want to check out",
|
||||
icon: "/assets/img/pwa-logo.png",
|
||||
};
|
||||
}
|
||||
// if (event.data.json()) {
|
||||
// notificationData = event.data.json();
|
||||
// } else {
|
||||
// notificationData = {
|
||||
// title: "Something Has Happened",
|
||||
// message: "Something you might want to check out",
|
||||
// icon: "/assets/img/pwa-logo.png",
|
||||
// };
|
||||
// }
|
||||
|
||||
self.registration.showNotification(notificationData.title, notificationData);
|
||||
});
|
||||
// self.registration.showNotification(notificationData.title, notificationData);
|
||||
// });
|
||||
|
42
products/ASC.CRM/Client/src/bootstrap.js
vendored
42
products/ASC.CRM/Client/src/bootstrap.js
vendored
@ -2,46 +2,8 @@ import App from "./App";
|
||||
import React from "react";
|
||||
import ReactDOM from "react-dom";
|
||||
import config from "../package.json";
|
||||
import { Workbox, messageSW } from "workbox-window";
|
||||
import registerSW from "@appserver/common/utils/sw-helper";
|
||||
|
||||
ReactDOM.render(<App />, document.getElementById("root"));
|
||||
|
||||
if (process.env.NODE_ENV === "production" && "serviceWorker" in navigator) {
|
||||
const wb = new Workbox(`${config.homepage}/sw.js`);
|
||||
|
||||
//TODO: watch https://developers.google.com/web/tools/workbox/guides/advanced-recipes and https://github.com/webmaxru/prog-web-news/blob/5ff94b45c9d317409c21c0fbb7d76e92f064471b/src/app/app-shell/app-shell.component.ts
|
||||
|
||||
// const showSkipWaitingPrompt = (event) => {
|
||||
// let snackBarRef = this.snackBar.open(
|
||||
// "A new version of the website available",
|
||||
// "Reload page",
|
||||
// {
|
||||
// duration: 5000,
|
||||
// }
|
||||
// );
|
||||
|
||||
// // Displaying prompt
|
||||
|
||||
// snackBarRef.onAction().subscribe(() => {
|
||||
// // Assuming the user accepted the update, set up a listener
|
||||
// // that will reload the page as soon as the previously waiting
|
||||
// // service worker has taken control.
|
||||
// wb.addEventListener("controlling", () => {
|
||||
// window.location.reload();
|
||||
// });
|
||||
|
||||
// // This will postMessage() to the waiting service worker.
|
||||
// wb.messageSkipWaiting();
|
||||
// });
|
||||
// };
|
||||
|
||||
// // Add an event listener to detect when the registered
|
||||
// // service worker has installed but is waiting to activate.
|
||||
// wb.addEventListener("waiting", showSkipWaitingPrompt);
|
||||
|
||||
wb.register()
|
||||
.then((reg) => {
|
||||
console.log("Successful service worker registration", reg);
|
||||
})
|
||||
.catch((err) => console.error("Service worker registration failed", err));
|
||||
}
|
||||
registerSW(config.homepage);
|
||||
|
42
products/ASC.Files/Client/src/bootstrap.js
vendored
42
products/ASC.Files/Client/src/bootstrap.js
vendored
@ -2,46 +2,8 @@ import App from "./App";
|
||||
import React from "react";
|
||||
import ReactDOM from "react-dom";
|
||||
import config from "../package.json";
|
||||
import { Workbox, messageSW } from "workbox-window";
|
||||
import registerSW from "@appserver/common/utils/sw-helper";
|
||||
|
||||
ReactDOM.render(<App />, document.getElementById("root"));
|
||||
|
||||
if (process.env.NODE_ENV === "production" && "serviceWorker" in navigator) {
|
||||
const wb = new Workbox(`${config.homepage}/sw.js`);
|
||||
|
||||
//TODO: watch https://developers.google.com/web/tools/workbox/guides/advanced-recipes and https://github.com/webmaxru/prog-web-news/blob/5ff94b45c9d317409c21c0fbb7d76e92f064471b/src/app/app-shell/app-shell.component.ts
|
||||
|
||||
// const showSkipWaitingPrompt = (event) => {
|
||||
// let snackBarRef = this.snackBar.open(
|
||||
// "A new version of the website available",
|
||||
// "Reload page",
|
||||
// {
|
||||
// duration: 5000,
|
||||
// }
|
||||
// );
|
||||
|
||||
// // Displaying prompt
|
||||
|
||||
// snackBarRef.onAction().subscribe(() => {
|
||||
// // Assuming the user accepted the update, set up a listener
|
||||
// // that will reload the page as soon as the previously waiting
|
||||
// // service worker has taken control.
|
||||
// wb.addEventListener("controlling", () => {
|
||||
// window.location.reload();
|
||||
// });
|
||||
|
||||
// // This will postMessage() to the waiting service worker.
|
||||
// wb.messageSkipWaiting();
|
||||
// });
|
||||
// };
|
||||
|
||||
// // Add an event listener to detect when the registered
|
||||
// // service worker has installed but is waiting to activate.
|
||||
// wb.addEventListener("waiting", showSkipWaitingPrompt);
|
||||
|
||||
wb.register()
|
||||
.then((reg) => {
|
||||
console.log("Successful service worker registration", reg);
|
||||
})
|
||||
.catch((err) => console.error("Service worker registration failed", err));
|
||||
}
|
||||
registerSW(config.homepage);
|
||||
|
42
products/ASC.People/Client/src/bootstrap.js
vendored
42
products/ASC.People/Client/src/bootstrap.js
vendored
@ -2,46 +2,8 @@ import App from "./App";
|
||||
import React from "react";
|
||||
import ReactDOM from "react-dom";
|
||||
import config from "../package.json";
|
||||
import { Workbox, messageSW } from "workbox-window";
|
||||
import registerSW from "@appserver/common/utils/sw-helper";
|
||||
|
||||
ReactDOM.render(<App />, document.getElementById("root"));
|
||||
|
||||
if (process.env.NODE_ENV === "production" && "serviceWorker" in navigator) {
|
||||
const wb = new Workbox(`${config.homepage}/sw.js`);
|
||||
|
||||
//TODO: watch https://developers.google.com/web/tools/workbox/guides/advanced-recipes and https://github.com/webmaxru/prog-web-news/blob/5ff94b45c9d317409c21c0fbb7d76e92f064471b/src/app/app-shell/app-shell.component.ts
|
||||
|
||||
// const showSkipWaitingPrompt = (event) => {
|
||||
// let snackBarRef = this.snackBar.open(
|
||||
// "A new version of the website available",
|
||||
// "Reload page",
|
||||
// {
|
||||
// duration: 5000,
|
||||
// }
|
||||
// );
|
||||
|
||||
// // Displaying prompt
|
||||
|
||||
// snackBarRef.onAction().subscribe(() => {
|
||||
// // Assuming the user accepted the update, set up a listener
|
||||
// // that will reload the page as soon as the previously waiting
|
||||
// // service worker has taken control.
|
||||
// wb.addEventListener("controlling", () => {
|
||||
// window.location.reload();
|
||||
// });
|
||||
|
||||
// // This will postMessage() to the waiting service worker.
|
||||
// wb.messageSkipWaiting();
|
||||
// });
|
||||
// };
|
||||
|
||||
// // Add an event listener to detect when the registered
|
||||
// // service worker has installed but is waiting to activate.
|
||||
// wb.addEventListener("waiting", showSkipWaitingPrompt);
|
||||
|
||||
wb.register()
|
||||
.then((reg) => {
|
||||
console.log("Successful service worker registration", reg);
|
||||
})
|
||||
.catch((err) => console.error("Service worker registration failed", err));
|
||||
}
|
||||
registerSW(config.homepage);
|
||||
|
42
products/ASC.Projects/Client/src/bootstrap.js
vendored
42
products/ASC.Projects/Client/src/bootstrap.js
vendored
@ -2,46 +2,8 @@ import App from "./App";
|
||||
import React from "react";
|
||||
import ReactDOM from "react-dom";
|
||||
import config from "../package.json";
|
||||
import { Workbox, messageSW } from "workbox-window";
|
||||
import registerSW from "@appserver/common/utils/sw-helper";
|
||||
|
||||
ReactDOM.render(<App />, document.getElementById("root"));
|
||||
|
||||
if (process.env.NODE_ENV === "production" && "serviceWorker" in navigator) {
|
||||
const wb = new Workbox(`${config.homepage}/sw.js`);
|
||||
|
||||
//TODO: watch https://developers.google.com/web/tools/workbox/guides/advanced-recipes and https://github.com/webmaxru/prog-web-news/blob/5ff94b45c9d317409c21c0fbb7d76e92f064471b/src/app/app-shell/app-shell.component.ts
|
||||
|
||||
// const showSkipWaitingPrompt = (event) => {
|
||||
// let snackBarRef = this.snackBar.open(
|
||||
// "A new version of the website available",
|
||||
// "Reload page",
|
||||
// {
|
||||
// duration: 5000,
|
||||
// }
|
||||
// );
|
||||
|
||||
// // Displaying prompt
|
||||
|
||||
// snackBarRef.onAction().subscribe(() => {
|
||||
// // Assuming the user accepted the update, set up a listener
|
||||
// // that will reload the page as soon as the previously waiting
|
||||
// // service worker has taken control.
|
||||
// wb.addEventListener("controlling", () => {
|
||||
// window.location.reload();
|
||||
// });
|
||||
|
||||
// // This will postMessage() to the waiting service worker.
|
||||
// wb.messageSkipWaiting();
|
||||
// });
|
||||
// };
|
||||
|
||||
// // Add an event listener to detect when the registered
|
||||
// // service worker has installed but is waiting to activate.
|
||||
// wb.addEventListener("waiting", showSkipWaitingPrompt);
|
||||
|
||||
wb.register()
|
||||
.then((reg) => {
|
||||
console.log("Successful service worker registration", reg);
|
||||
})
|
||||
.catch((err) => console.error("Service worker registration failed", err));
|
||||
}
|
||||
registerSW(config.homepage);
|
||||
|
42
web/ASC.Web.Client/src/bootstrap.js
vendored
42
web/ASC.Web.Client/src/bootstrap.js
vendored
@ -2,46 +2,8 @@ import React from "react";
|
||||
import ReactDOM from "react-dom";
|
||||
import App from "./App";
|
||||
import config from "../package.json";
|
||||
import { Workbox, messageSW } from "workbox-window";
|
||||
import registerSW from "@appserver/common/utils/sw-helper";
|
||||
|
||||
ReactDOM.render(<App />, document.getElementById("root"));
|
||||
|
||||
if (process.env.NODE_ENV === "production" && "serviceWorker" in navigator) {
|
||||
const wb = new Workbox(`${config.homepage}/sw.js`);
|
||||
|
||||
//TODO: watch https://developers.google.com/web/tools/workbox/guides/advanced-recipes and https://github.com/webmaxru/prog-web-news/blob/5ff94b45c9d317409c21c0fbb7d76e92f064471b/src/app/app-shell/app-shell.component.ts
|
||||
|
||||
// const showSkipWaitingPrompt = (event) => {
|
||||
// let snackBarRef = this.snackBar.open(
|
||||
// "A new version of the website available",
|
||||
// "Reload page",
|
||||
// {
|
||||
// duration: 5000,
|
||||
// }
|
||||
// );
|
||||
|
||||
// // Displaying prompt
|
||||
|
||||
// snackBarRef.onAction().subscribe(() => {
|
||||
// // Assuming the user accepted the update, set up a listener
|
||||
// // that will reload the page as soon as the previously waiting
|
||||
// // service worker has taken control.
|
||||
// wb.addEventListener("controlling", () => {
|
||||
// window.location.reload();
|
||||
// });
|
||||
|
||||
// // This will postMessage() to the waiting service worker.
|
||||
// wb.messageSkipWaiting();
|
||||
// });
|
||||
// };
|
||||
|
||||
// // Add an event listener to detect when the registered
|
||||
// // service worker has installed but is waiting to activate.
|
||||
// wb.addEventListener("waiting", showSkipWaitingPrompt);
|
||||
|
||||
wb.register()
|
||||
.then((reg) => {
|
||||
console.log("Successful service worker registration", reg);
|
||||
})
|
||||
.catch((err) => console.error("Service worker registration failed", err));
|
||||
}
|
||||
registerSW(config.homepage);
|
||||
|
42
web/ASC.Web.Editor/src/bootstrap.js
vendored
42
web/ASC.Web.Editor/src/bootstrap.js
vendored
@ -2,46 +2,8 @@ import React from "react";
|
||||
import ReactDOM from "react-dom";
|
||||
import App from "./App";
|
||||
import config from "../package.json";
|
||||
import { Workbox, messageSW } from "workbox-window";
|
||||
import registerSW from "@appserver/common/utils/sw-helper";
|
||||
|
||||
ReactDOM.render(<App />, document.getElementById("root"));
|
||||
|
||||
if (process.env.NODE_ENV === "production" && "serviceWorker" in navigator) {
|
||||
const wb = new Workbox(`${config.homepage}/sw.js`);
|
||||
|
||||
//TODO: watch https://developers.google.com/web/tools/workbox/guides/advanced-recipes and https://github.com/webmaxru/prog-web-news/blob/5ff94b45c9d317409c21c0fbb7d76e92f064471b/src/app/app-shell/app-shell.component.ts
|
||||
|
||||
// const showSkipWaitingPrompt = (event) => {
|
||||
// let snackBarRef = this.snackBar.open(
|
||||
// "A new version of the website available",
|
||||
// "Reload page",
|
||||
// {
|
||||
// duration: 5000,
|
||||
// }
|
||||
// );
|
||||
|
||||
// // Displaying prompt
|
||||
|
||||
// snackBarRef.onAction().subscribe(() => {
|
||||
// // Assuming the user accepted the update, set up a listener
|
||||
// // that will reload the page as soon as the previously waiting
|
||||
// // service worker has taken control.
|
||||
// wb.addEventListener("controlling", () => {
|
||||
// window.location.reload();
|
||||
// });
|
||||
|
||||
// // This will postMessage() to the waiting service worker.
|
||||
// wb.messageSkipWaiting();
|
||||
// });
|
||||
// };
|
||||
|
||||
// // Add an event listener to detect when the registered
|
||||
// // service worker has installed but is waiting to activate.
|
||||
// wb.addEventListener("waiting", showSkipWaitingPrompt);
|
||||
|
||||
wb.register()
|
||||
.then((reg) => {
|
||||
console.log("Successful service worker registration", reg);
|
||||
})
|
||||
.catch((err) => console.error("Service worker registration failed", err));
|
||||
}
|
||||
registerSW(config.homepage);
|
||||
|
42
web/ASC.Web.Login/src/bootstrap.js
vendored
42
web/ASC.Web.Login/src/bootstrap.js
vendored
@ -2,46 +2,8 @@ import React from "react";
|
||||
import ReactDOM from "react-dom";
|
||||
import App from "./App";
|
||||
import config from "../package.json";
|
||||
import { Workbox, messageSW } from "workbox-window";
|
||||
import registerSW from "@appserver/common/utils/sw-helper";
|
||||
|
||||
ReactDOM.render(<App />, document.getElementById("root"));
|
||||
|
||||
if (process.env.NODE_ENV === "production" && "serviceWorker" in navigator) {
|
||||
const wb = new Workbox(`${config.homepage}/sw.js`);
|
||||
|
||||
//TODO: watch https://developers.google.com/web/tools/workbox/guides/advanced-recipes and https://github.com/webmaxru/prog-web-news/blob/5ff94b45c9d317409c21c0fbb7d76e92f064471b/src/app/app-shell/app-shell.component.ts
|
||||
|
||||
// const showSkipWaitingPrompt = (event) => {
|
||||
// let snackBarRef = this.snackBar.open(
|
||||
// "A new version of the website available",
|
||||
// "Reload page",
|
||||
// {
|
||||
// duration: 5000,
|
||||
// }
|
||||
// );
|
||||
|
||||
// // Displaying prompt
|
||||
|
||||
// snackBarRef.onAction().subscribe(() => {
|
||||
// // Assuming the user accepted the update, set up a listener
|
||||
// // that will reload the page as soon as the previously waiting
|
||||
// // service worker has taken control.
|
||||
// wb.addEventListener("controlling", () => {
|
||||
// window.location.reload();
|
||||
// });
|
||||
|
||||
// // This will postMessage() to the waiting service worker.
|
||||
// wb.messageSkipWaiting();
|
||||
// });
|
||||
// };
|
||||
|
||||
// // Add an event listener to detect when the registered
|
||||
// // service worker has installed but is waiting to activate.
|
||||
// wb.addEventListener("waiting", showSkipWaitingPrompt);
|
||||
|
||||
wb.register()
|
||||
.then((reg) => {
|
||||
console.log("Successful service worker registration", reg);
|
||||
})
|
||||
.catch((err) => console.error("Service worker registration failed", err));
|
||||
}
|
||||
registerSW(config.homepage);
|
||||
|
Loading…
Reference in New Issue
Block a user