dd05ee3a65
Co-authored-by: Eric Nemchik <eric@nemchik.com> Co-authored-by: Pavel Djundik <xPaw@users.noreply.github.com>
92 lines
2.4 KiB
TypeScript
92 lines
2.4 KiB
TypeScript
import socket from "./socket";
|
|
import {store} from "./store";
|
|
|
|
export default {togglePushSubscription};
|
|
|
|
socket.once("push:issubscribed", function (hasSubscriptionOnServer) {
|
|
if (!isAllowedServiceWorkersHost()) {
|
|
store.commit("pushNotificationState", "nohttps");
|
|
return;
|
|
}
|
|
|
|
if (!("serviceWorker" in navigator)) {
|
|
return;
|
|
}
|
|
|
|
navigator.serviceWorker
|
|
.register("service-worker.js")
|
|
.then((registration) => {
|
|
store.commit("hasServiceWorker");
|
|
|
|
if (!registration.pushManager) {
|
|
return;
|
|
}
|
|
|
|
return registration.pushManager.getSubscription().then((subscription) => {
|
|
// If client has push registration but the server knows nothing about it,
|
|
// this subscription is broken and client has to register again
|
|
if (subscription && hasSubscriptionOnServer === false) {
|
|
void subscription.unsubscribe().then((successful) => {
|
|
store.commit(
|
|
"pushNotificationState",
|
|
successful ? "supported" : "unsupported"
|
|
);
|
|
});
|
|
} else {
|
|
store.commit(
|
|
"pushNotificationState",
|
|
subscription ? "subscribed" : "supported"
|
|
);
|
|
}
|
|
});
|
|
})
|
|
.catch((err) => {
|
|
store.commit("pushNotificationState", "unsupported");
|
|
console.error(err); // eslint-disable-line no-console
|
|
});
|
|
});
|
|
|
|
function togglePushSubscription() {
|
|
store.commit("pushNotificationState", "loading");
|
|
|
|
navigator.serviceWorker.ready
|
|
.then((registration) =>
|
|
registration.pushManager.getSubscription().then((existingSubscription) => {
|
|
if (existingSubscription) {
|
|
socket.emit("push:unregister");
|
|
|
|
return existingSubscription.unsubscribe().then((successful) => {
|
|
store.commit(
|
|
"pushNotificationState",
|
|
successful ? "supported" : "unsupported"
|
|
);
|
|
});
|
|
}
|
|
|
|
return registration.pushManager
|
|
.subscribe({
|
|
applicationServerKey: store.state.serverConfiguration?.applicationServerKey,
|
|
userVisibleOnly: true,
|
|
})
|
|
.then((subscription) => {
|
|
socket.emit("push:register", subscription.toJSON());
|
|
store.commit("pushNotificationState", "subscribed");
|
|
store.commit("refreshDesktopNotificationState");
|
|
});
|
|
})
|
|
)
|
|
.catch((err) => {
|
|
store.commit("pushNotificationState", "unsupported");
|
|
store.commit("refreshDesktopNotificationState");
|
|
console.error(err); // eslint-disable-line no-console
|
|
});
|
|
}
|
|
|
|
function isAllowedServiceWorkersHost() {
|
|
return (
|
|
location.protocol === "https:" ||
|
|
location.hostname === "localhost" ||
|
|
location.hostname === "127.0.0.1"
|
|
);
|
|
}
|