mirror of
https://github.com/mastodon/mastodon.git
synced 2024-08-20 21:08:15 -07:00
0c7c188c45
* feat: Register push subscription * feat: Notify when mentioned * feat: Boost, favourite, reply, follow, follow request * feat: Notification interaction * feat: Handle change of public key * feat: Unsubscribe if things go wrong * feat: Do not send normal notifications if push is enabled * feat: Focus client if open * refactor: Move push logic to WebPushSubscription * feat: Better title and body * feat: Localize messages * chore: Fix lint errors * feat: Settings * refactor: Lazy load * fix: Check if push settings exist * feat: Device-based preferences * refactor: Simplify logic * refactor: Pull request feedback * refactor: Pull request feedback * refactor: Create /api/web/push_subscriptions endpoint * feat: Spec PushSubscriptionController * refactor: WebPushSubscription => Web::PushSubscription * feat: Spec Web::PushSubscription * feat: Display first media attachment * feat: Support direction * fix: Stuff broken while rebasing * refactor: Integration with session activations * refactor: Cleanup * refactor: Simplify implementation * feat: Set VAPID keys via environment * chore: Comments * fix: Crash when no alerts * fix: Set VAPID keys in testing environment * fix: Follow link * feat: Notification actions * fix: Delete previous subscription * chore: Temporary logs * refactor: Move migration to a later date * fix: Fetch the correct session activation and misc bugs * refactor: Move migration to a later date * fix: Remove follow request (no notifications) * feat: Send administrator contact to push service * feat: Set time-to-live * fix: Do not show sensitive images * fix: Reducer crash in error handling * feat: Add badge * chore: Fix lint error * fix: Checkbox label overlap * fix: Check for payload support * fix: Rename action "type" (crash in latest Chrome) * feat: Action to expand notification * fix: Lint errors * fix: Unescape notification body * fix: Do not allow boosting if the status is hidden * feat: Add VAPID keys to the production sample environment * fix: Strip HTML tags from status * refactor: Better error messages * refactor: Handle browser not implementing the VAPID protocol (Samsung Internet) * fix: Error when target_status is nil * fix: Handle lack of image * fix: Delete reference to invalid subscriptions * feat: Better error handling * fix: Unescape HTML characters after tags are striped * refactor: Simpify code * fix: Modify to work with #4091 * Sort strings alphabetically * i18n: Updated Polish translation it annoys me that it's not fully localized :P * refactor: Use current_session in PushSubscriptionController * fix: Rebase mistake * fix: Set cacheName to mastodon * refactor: Pull request feedback * refactor: Remove logging statements * chore(yarn): Fix conflicts with master * chore(yarn): Copy latest from master * chore(yarn): Readd offline-plugin * refactor: Use save! and update! * refactor: Send notifications async * fix: Allow retry when push fails * fix: Save track for failed pushes * fix: Minify sw.js * fix: Remove account_id from fabricator
109 lines
4.4 KiB
JavaScript
109 lines
4.4 KiB
JavaScript
import axios from 'axios';
|
|
import { store } from './containers/mastodon';
|
|
import { setBrowserSupport, setSubscription, clearSubscription } from './actions/push_notifications';
|
|
|
|
// Taken from https://www.npmjs.com/package/web-push
|
|
const urlBase64ToUint8Array = (base64String) => {
|
|
const padding = '='.repeat((4 - base64String.length % 4) % 4);
|
|
const base64 = (base64String + padding)
|
|
.replace(/\-/g, '+')
|
|
.replace(/_/g, '/');
|
|
|
|
const rawData = window.atob(base64);
|
|
const outputArray = new Uint8Array(rawData.length);
|
|
|
|
for (let i = 0; i < rawData.length; ++i) {
|
|
outputArray[i] = rawData.charCodeAt(i);
|
|
}
|
|
return outputArray;
|
|
};
|
|
|
|
const getApplicationServerKey = () => document.querySelector('[name="applicationServerKey"]').getAttribute('content');
|
|
|
|
const getRegistration = () => navigator.serviceWorker.ready;
|
|
|
|
const getPushSubscription = (registration) =>
|
|
registration.pushManager.getSubscription()
|
|
.then(subscription => ({ registration, subscription }));
|
|
|
|
const subscribe = (registration) =>
|
|
registration.pushManager.subscribe({
|
|
userVisibleOnly: true,
|
|
applicationServerKey: urlBase64ToUint8Array(getApplicationServerKey()),
|
|
});
|
|
|
|
const unsubscribe = ({ registration, subscription }) =>
|
|
subscription ? subscription.unsubscribe().then(() => registration) : registration;
|
|
|
|
const sendSubscriptionToBackend = (subscription) =>
|
|
axios.post('/api/web/push_subscriptions', {
|
|
data: subscription,
|
|
}).then(response => response.data);
|
|
|
|
// Last one checks for payload support: https://web-push-book.gauntface.com/chapter-06/01-non-standards-browsers/#no-payload
|
|
const supportsPushNotifications = ('serviceWorker' in navigator && 'PushManager' in window && 'getKey' in PushSubscription.prototype);
|
|
|
|
export function register () {
|
|
store.dispatch(setBrowserSupport(supportsPushNotifications));
|
|
|
|
if (supportsPushNotifications) {
|
|
if (!getApplicationServerKey()) {
|
|
// eslint-disable-next-line no-console
|
|
console.error('The VAPID public key is not set. You will not be able to receive Web Push Notifications.');
|
|
return;
|
|
}
|
|
|
|
getRegistration()
|
|
.then(getPushSubscription)
|
|
.then(({ registration, subscription }) => {
|
|
if (subscription !== null) {
|
|
// We have a subscription, check if it is still valid
|
|
const currentServerKey = (new Uint8Array(subscription.options.applicationServerKey)).toString();
|
|
const subscriptionServerKey = urlBase64ToUint8Array(getApplicationServerKey()).toString();
|
|
const serverEndpoint = store.getState().getIn(['push_notifications', 'subscription', 'endpoint']);
|
|
|
|
// If the VAPID public key did not change and the endpoint corresponds
|
|
// to the endpoint saved in the backend, the subscription is valid
|
|
if (subscriptionServerKey === currentServerKey && subscription.endpoint === serverEndpoint) {
|
|
return subscription;
|
|
} else {
|
|
// Something went wrong, try to subscribe again
|
|
return unsubscribe({ registration, subscription }).then(subscribe).then(sendSubscriptionToBackend);
|
|
}
|
|
}
|
|
|
|
// No subscription, try to subscribe
|
|
return subscribe(registration).then(sendSubscriptionToBackend);
|
|
})
|
|
.then(subscription => {
|
|
// If we got a PushSubscription (and not a subscription object from the backend)
|
|
// it means that the backend subscription is valid (and was set during hydration)
|
|
if (!(subscription instanceof PushSubscription)) {
|
|
store.dispatch(setSubscription(subscription));
|
|
}
|
|
})
|
|
.catch(error => {
|
|
if (error.code === 20 && error.name === 'AbortError') {
|
|
// eslint-disable-next-line no-console
|
|
console.warn('Your browser supports Web Push Notifications, but does not seem to implement the VAPID protocol.');
|
|
} else if (error.code === 5 && error.name === 'InvalidCharacterError') {
|
|
// eslint-disable-next-line no-console
|
|
console.error('The VAPID public key seems to be invalid:', getApplicationServerKey());
|
|
}
|
|
|
|
// Clear alerts and hide UI settings
|
|
store.dispatch(clearSubscription());
|
|
|
|
try {
|
|
getRegistration()
|
|
.then(getPushSubscription)
|
|
.then(unsubscribe);
|
|
} catch (e) {
|
|
|
|
}
|
|
});
|
|
} else {
|
|
// eslint-disable-next-line no-console
|
|
console.warn('Your browser does not support Web Push Notifications.');
|
|
}
|
|
}
|