feat: Add support for web push notifications

[dplewis]

New Pull Request Checklist

• I am not disclosing a vulnerability.
• I am creating this PR in reference to an issue.

Issue Description

I've added Parse.Installation support parse-community/Parse-SDK-JS#2119 to the JS SDK. The user can now save a deviceToken and deviceType however their is no way to use Parse.Push with this.

Approach

I've tested this in production and it works great!

Client

const register = await navigator.serviceWorker.register('./worker.js', { scope: '/' }); const subscription = await register.pushManager.subscribe({ userVisibleOnly: true, applicationServerKey: publicVapidKey, }); const currentInstallation = await Parse.Installation.currentInstallation(); currentInstallation.set('deviceType', 'web'); currentInstallation.set('deviceToken', JSON.stringify(subscription)); await currentInstallation.save(); 

Service Worker (worker.js)

self.addEventListener('push', (e) => { const data = e.data.json(); self.registration.showNotification(data.alert, {}); }); 

Server

const PushAdapter = require('@parse/push-adapter').default; const parseServerOptions = { push: { adapter: new PushAdapter({ web: { /* [options](https://github.com/web-push-libs/web-push#api-reference) */ vapidDetails: { subject: 'test@example.com', publicKey: 'publicVapidKey', privateKey: 'privateKey', }, }, }) }, /* Other Parse Server options */ }; const query = new Parse.Query(Parse.Installation); query.equalTo('deviceType', 'web'); await Parse.Push.send({ where: query, data: { alert: 'Hello World!', }, }, { useMasterKey: true }); 

TODOs before merging

• Add tests
• Add entry to changelog
• Add changes to documentation (guides, repository pages, in-code descriptions)

[parse-github-assistant]

Thanks for opening this pull request!

• ❌ Please link an issue that describes the reason for this pull request, otherwise your pull request will be closed. Make sure to write it as Closes: #123 in the PR description, so I can recognize it.

[mtrezza]

Looks good, waiting for CI to pass...

[dplewis]

@mtrezza Codecov is broken

[parseplatformorg]

🎉 This change has been released in version 6.1.0