Desktop Notifications

import { Notification } from '@webviewjs/webview';

new Notification('Hello!');

import { Notification } from '@webviewjs/webview';

new Notification('Build complete', {
  body: 'Your application compiled successfully.',
});

new Notification('Download finished', {
  body: 'Your archive is ready.',
  icon: './assets/icon.png',
});

new Notification('Mail', {
  icon: 'mail-unread',
});

import { readFile } from 'node:fs/promises';
import { Notification } from '@webviewjs/webview';

const screenshot = await readFile('./preview.png');

new Notification('Screenshot captured', {
  body: 'Click to view',
  image: screenshot,
});

const notification = new Notification('Build complete', {
  body: 'Click to open the output folder.',
});

notification.on('show', () => {
  console.log('Shown');
});

notification.on('click', () => {
  console.log('Clicked');
});

notification.on('close', () => {
  console.log('Dismissed');
});

notification.on('error', ({ error }) => {
  console.error(error);
});

notification.onclick = () => {
  console.log('Clicked');
};

notification.onclose = () => {
  console.log('Closed');
};

const notification = new Notification('Download complete', {
  body: 'Choose what to do next.',

  persistent: true,

  actions: [
    {
      action: 'open',
      title: 'Open',
    },
    {
      action: 'dismiss',
      title: 'Dismiss',
    },
  ],
});

notification.on('click', ({ action }) => {
  switch (action) {
    case 'open':
      openDownload();
      break;

    case 'dismiss':
      notification.close();
      break;

    default:
      console.log('Notification body clicked');
  }
});

new Notification('Backup finished', {
  persistent: true,
});

notification.close();

console.log(Notification.permission);
// "granted"

await Notification.requestPermission();