Method handleClick

packages/service-worker/worker/src/driver.ts:426–477

(notification: Notification, action?: string)

  }

  private async handleClick(notification: Notification, action?: string): Promise<void> {
    notification.close();

    const options: {-readonly [K in keyof Notification]?: Notification[K]} = {};
    // The filter uses `name in notification` because the properties are on the prototype so
    // hasOwnProperty does not work here
    NOTIFICATION_OPTION_NAMES.filter((name) => name in notification).forEach(
      (name) => (options[name] = notification[name]),
    );

    const notificationAction = action === '' || action === undefined ? 'default' : action;

    const onActionClick = notification?.data?.onActionClick?.[notificationAction];

    const urlToOpen = new URL(onActionClick?.url ?? '', this.scope.registration.scope).href;

    switch (onActionClick?.operation) {
      case 'openWindow':
        await this.scope.clients.openWindow(urlToOpen);
        break;
      case 'focusLastFocusedOrOpen': {
        let matchingClient = await this.getLastFocusedMatchingClient(this.scope);
        if (matchingClient) {
          await matchingClient?.focus();
        } else {
          await this.scope.clients.openWindow(urlToOpen);
        }
        break;
      }
      case 'navigateLastFocusedOrOpen': {
        let matchingClient = await this.getLastFocusedMatchingClient(this.scope);
        if (matchingClient) {
          matchingClient = await matchingClient.navigate(urlToOpen);
          await matchingClient?.focus();
        } else {
          await this.scope.clients.openWindow(urlToOpen);
        }
        break;
      }
      case 'sendRequest': {
        await this.scope.fetch(urlToOpen);
        break;
      }
      default:
        break;
    }

    await this.broadcast({
      type: 'NOTIFICATION_CLICK',
      data: {action, notification: options},
    });
  }

  /**
   * Handles the closing of a notification by extracting its options and