mirror of
https://github.com/discourse/discourse.git
synced 2024-12-05 11:23:39 +08:00
587e9ed9ba
This is necessary so MacOS Ventura (and in 2023 iOS) can use our new default push notifications. We still disable caching of dynamic routes on Apple devices due to it's always being buggy there.
273 lines
8.5 KiB
Plaintext
273 lines
8.5 KiB
Plaintext
'use strict';
|
|
|
|
importScripts("<%= "#{Discourse.asset_host}#{Discourse.base_path}/javascripts/workbox/workbox-sw.js" %>");
|
|
|
|
workbox.setConfig({
|
|
modulePathPrefix: "<%= "#{Discourse.asset_host}#{Discourse.base_path}/javascripts/workbox" %>",
|
|
debug: false
|
|
});
|
|
|
|
var authUrls = ["auth", "session/sso_login", "session/sso"].map(path => `<%= Discourse.base_path %>/${path}`);
|
|
var chatRegex = /\/chat\/channel\/(\d+)\//;
|
|
var inlineReplyIcon = "<%= UrlHelper.absolute("/images/push-notifications/inline_reply.png") %>";
|
|
|
|
var cacheVersion = "1";
|
|
var discourseCacheName = "discourse-" + cacheVersion;
|
|
var externalCacheName = "external-" + cacheVersion;
|
|
|
|
// Chrome 97 shipped with broken samesite cookie handling when proxying requests through service workers
|
|
// https://bugs.chromium.org/p/chromium/issues/detail?id=1286367
|
|
var chromeVersionMatch = navigator.userAgent.match(/Chrome\/97.0.(\d+)/);
|
|
var isBrokenChrome97 = chromeVersionMatch && parseInt(chromeVersionMatch[1]) <= 4692;
|
|
var isApple = /iPhone|iPod|Mac OS/.test(navigator.userAgent);
|
|
|
|
// Cache all GET requests, so Discourse can be used while offline
|
|
workbox.routing.registerRoute(
|
|
function(args) {
|
|
return args.url.origin === location.origin && !authUrls.some(u => args.url.pathname.startsWith(u)) && !isBrokenChrome97 && !isApple;
|
|
}, // Match all except auth routes
|
|
new workbox.strategies.NetworkFirst({ // This will only use the cache when a network request fails
|
|
cacheName: discourseCacheName,
|
|
plugins: [
|
|
new workbox.cacheableResponse.Plugin({
|
|
statuses: [200] // opaque responses will return status code '0'
|
|
}), // for s3 secure uploads signed urls
|
|
new workbox.expiration.Plugin({
|
|
maxAgeSeconds: 7* 24 * 60 * 60, // 7 days
|
|
maxEntries: 250,
|
|
purgeOnQuotaError: true, // safe to automatically delete if exceeding the available storage
|
|
}),
|
|
],
|
|
})
|
|
);
|
|
|
|
var cdnUrls = [];
|
|
|
|
<% if GlobalSetting.try(:cdn_cors_enabled) %>
|
|
cdnUrls = ["<%= "#{GlobalSetting.s3_cdn_url}" %>", "<%= "#{GlobalSetting.cdn_url}" %>"].filter(Boolean);
|
|
|
|
if (cdnUrls.length > 0) {
|
|
var cdnCacheName = "cdn-" + cacheVersion;
|
|
var cdnUrl = "<%= "#{GlobalSetting.cdn_url}" %>";
|
|
|
|
var appendQueryStringPlugin = {
|
|
requestWillFetch: function (args) {
|
|
var request = args.request;
|
|
|
|
if (request.url.startsWith(cdnUrl)) {
|
|
var url = new URL(request.url);
|
|
// Using this temporary query param to force browsers to redownload images from server.
|
|
url.searchParams.append('refresh', 'true');
|
|
return new Request(url.href, request);
|
|
}
|
|
|
|
return request;
|
|
}
|
|
};
|
|
|
|
workbox.routing.registerRoute(
|
|
function(args) {
|
|
var matching = cdnUrls.filter(
|
|
function(url) {
|
|
return args.url.href.startsWith(url);
|
|
}
|
|
);
|
|
return matching.length > 0;
|
|
}, // Match all cdn resources
|
|
new workbox.strategies.NetworkFirst({ // This will only use the cache when a network request fails
|
|
cacheName: cdnCacheName,
|
|
fetchOptions: {
|
|
mode: 'cors',
|
|
credentials: 'omit'
|
|
},
|
|
plugins: [
|
|
new workbox.expiration.Plugin({
|
|
maxAgeSeconds: 7* 24 * 60 * 60, // 7 days
|
|
maxEntries: 250,
|
|
purgeOnQuotaError: true, // safe to automatically delete if exceeding the available storage
|
|
}),
|
|
appendQueryStringPlugin
|
|
],
|
|
})
|
|
);
|
|
}
|
|
<% end %>
|
|
|
|
workbox.routing.registerRoute(
|
|
function(args) {
|
|
if (args.url.origin === location.origin) {
|
|
return false;
|
|
}
|
|
|
|
var matching = cdnUrls.filter(
|
|
function(url) {
|
|
return args.url.href.startsWith(url);
|
|
}
|
|
);
|
|
return matching.length === 0;
|
|
}, // Match all other external resources
|
|
new workbox.strategies.NetworkFirst({ // This will only use the cache when a network request fails
|
|
cacheName: externalCacheName,
|
|
plugins: [
|
|
new workbox.cacheableResponse.Plugin({
|
|
statuses: [200] // opaque responses will return status code '0'
|
|
}),
|
|
new workbox.expiration.Plugin({
|
|
maxAgeSeconds: 7* 24 * 60 * 60, // 7 days
|
|
maxEntries: 250,
|
|
purgeOnQuotaError: true, // safe to automatically delete if exceeding the available storage
|
|
}),
|
|
],
|
|
})
|
|
);
|
|
|
|
var idleThresholdTime = 1000 * 10; // 10 seconds
|
|
var lastAction = -1;
|
|
|
|
function isIdle() {
|
|
return lastAction + idleThresholdTime < Date.now();
|
|
}
|
|
|
|
function showNotification(title, body, icon, badge, tag, baseUrl, url) {
|
|
var notificationOptions = {
|
|
body: body,
|
|
icon: icon,
|
|
badge: badge,
|
|
data: { url: url, baseUrl: baseUrl },
|
|
tag: tag
|
|
}
|
|
|
|
if (chatRegex.test(url)) {
|
|
notificationOptions['actions'] = [{
|
|
action: "reply",
|
|
title: "Reply",
|
|
placeholder: "reply",
|
|
type: "text",
|
|
icon: inlineReplyIcon
|
|
}];
|
|
}
|
|
|
|
return self.registration.showNotification(title, notificationOptions);
|
|
}
|
|
|
|
self.addEventListener('push', function(event) {
|
|
var payload = event.data.json();
|
|
if(!isIdle() && payload.hide_when_active) {
|
|
return false;
|
|
}
|
|
|
|
event.waitUntil(
|
|
self.registration.getNotifications({ tag: payload.tag }).then(function(notifications) {
|
|
if (notifications && notifications.length > 0) {
|
|
notifications.forEach(function(notification) {
|
|
notification.close();
|
|
});
|
|
}
|
|
|
|
return showNotification(payload.title, payload.body, payload.icon, payload.badge, payload.tag, payload.base_url, payload.url);
|
|
})
|
|
);
|
|
});
|
|
|
|
self.addEventListener('notificationclick', function(event) {
|
|
// Android doesn't close the notification when you click on it
|
|
// See: http://crbug.com/463146
|
|
event.notification.close();
|
|
var url = event.notification.data.url;
|
|
var baseUrl = event.notification.data.baseUrl;
|
|
|
|
if (event.action === "reply") {
|
|
let csrf;
|
|
fetch("/session/csrf", {
|
|
credentials: "include",
|
|
headers: {
|
|
Accept: "application/json",
|
|
},
|
|
})
|
|
.then((response) => {
|
|
if (!response.ok) {
|
|
throw new Error("Network response was not OK");
|
|
}
|
|
return response.json();
|
|
})
|
|
.then((data) => {
|
|
csrf = data.csrf;
|
|
|
|
let chatTest = url.match(chatRegex);
|
|
if (chatTest.length > 0) {
|
|
let chatChannel = chatTest[1];
|
|
|
|
fetch(`${baseUrl}/chat/${chatChannel}.json`, {
|
|
credentials: "include",
|
|
headers: {
|
|
"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8",
|
|
"X-CSRF-Token": csrf,
|
|
},
|
|
body: `message=${event.reply}`,
|
|
method: "POST",
|
|
mode: "cors",
|
|
});
|
|
}
|
|
});
|
|
} else {
|
|
// This looks to see if the current window is already open and
|
|
// focuses if it is
|
|
event.waitUntil(
|
|
clients.matchAll({ type: "window" }).then(function (clientList) {
|
|
var reusedClientWindow = clientList.some(function (client) {
|
|
if (client.url === baseUrl + url && "focus" in client) {
|
|
client.focus();
|
|
return true;
|
|
}
|
|
|
|
if ("postMessage" in client && "focus" in client) {
|
|
client.focus();
|
|
client.postMessage({ url: url });
|
|
return true;
|
|
}
|
|
return false;
|
|
});
|
|
|
|
if (!reusedClientWindow && clients.openWindow)
|
|
return clients.openWindow(baseUrl + url);
|
|
})
|
|
);
|
|
}
|
|
});
|
|
|
|
self.addEventListener('message', function(event) {
|
|
if('lastAction' in event.data){
|
|
lastAction = event.data.lastAction;
|
|
}
|
|
});
|
|
|
|
self.addEventListener('pushsubscriptionchange', function(event) {
|
|
event.waitUntil(
|
|
Promise.all(
|
|
fetch('<%= Discourse.base_url %>/push_notifications/subscribe', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
|
|
body: new URLSearchParams({
|
|
"subscription[endpoint]": event.newSubscription.endpoint,
|
|
"subscription[keys][auth]": event.newSubscription.toJSON().keys.auth,
|
|
"subscription[keys][p256dh]": event.newSubscription.toJSON().keys.p256dh,
|
|
"send_confirmation": false
|
|
})
|
|
}),
|
|
fetch('<%= Discourse.base_url %>/push_notifications/unsubscribe', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
|
|
body: new URLSearchParams({
|
|
"subscription[endpoint]": event.oldSubscription.endpoint,
|
|
"subscription[keys][auth]": event.oldSubscription.toJSON().keys.auth,
|
|
"subscription[keys][p256dh]": event.oldSubscription.toJSON().keys.p256dh
|
|
})
|
|
})
|
|
)
|
|
);
|
|
});
|
|
|
|
<% DiscoursePluginRegistry.service_workers.each do |js| %>
|
|
<%=raw "#{File.read(js)}" %>
|
|
<% end %>
|