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