Solvedangular feat(service-worker): provide more options for notification click actions

Currently, clicking on a push notification emits a value on SwPush#notificationClicks. This is fine, but limited (e.g. when there is no app instance currently open).

We need a way to provide more advanced configuration options wrt handling notification clicks.

Possible options off the top of my head:

• If there are no open clients:

  1. Open a new window at ServiceWorkerRegistration#scope.
  2. Open a new window at a URL defined in Notification#data.url (or some other property we agree on).
  3. Have another convention to specify URLs per action in Notification#data.urlPerAction. Then we could look up the URL to open based on the action's name.

• If there are clients open:

  1. Focus the last focused client.
  2. Navigate the last focused client to a specific URL (e.g. if specified in Notification#data.url or Notification#data.urlPerAction).

Alternatively, we could specify some operations per action according to some predefined convention. E.g.:

notification: NotificationOptions = {
  actions: [
    {action: 'foo', title: 'Open new tab'},
    {action: 'bar', title: 'Navigate in last focused tab'},
    {action: 'baz', title: 'Focus last focused tab'},
    {action: 'qux', title: 'Focus last focused tab (if any) or open new tab'},
  ],
  data: {
    onActionClick: {
      foo: {operation: 'openWindow', url: 'http://example.com/foo'},
      bar: {operation: 'navigateLastFocused', url: 'http://example.com/bar'},
      baz: {operation: 'focusLastFocused'},
      qux: {operation: 'focusLastFocusedOrOpen', url: 'http://example.com/qux'},
    },
  },
}

Originally posted by @gkalpak in #25860

Not sure if you are still looking for a solution to this, but you could make your own service worker and import the cli built one into yours.
In ./src, create a sw.js

importScripts('./ngsw-worker.js');
self.addEventListener('notificationclick', (event) => {
  //do something here
})

Then when you register your service worker in your app, use
ServiceWorkerModule.register('/sw.js', { enabled: environment.production })
and be sure to add it to the assets in angular.json

Any progress on this? Is it now possible to click on a notification and open an URL?

Just to keep track of the current support of Notification#actions: https://web-confluence.appspot.com/#!/catalog?q=%22Notification%23actions%22

This workaround does not work anymore, self is undefined at this point and we can't get a reference to the service worker itself. Any news on this feature request? It is really needed.