Web Notification plugin for Choo.
Note: be careful when using notifications. Overuse, or even asking for permissions unexpectedly can provide people with a bad experience. Make sure people know why you're asking for permission to send notifications. Use this API responsibly.
var html = require('choo/html')
var choo = require('choo')
var app = choo()
app.use(require('choo-devtools')())
app.use(require('./')())
app.route('/', (state, emit) => {
return html`
<body>
<button onclick=${enable} disabled=${state.notification.permission}>
${state.notification.permission
? 'Notifications are enabled'
: 'Enable notifications'}
</button>
<button onclick=${notify}>
Clicky
</button>
</body>
`
function enable () {
emit('notification:request')
}
function notify () {
if (state.notification.permission) {
emit('notification:new', 'clicky!')
}
}
})
app.mount('body')Request to use the notifications API. Emits either 'notification:granted' or
'notification:denied' after calling it. Also emits a 'render' event after
the permission state changes.
Emitted after calling 'notification:request'.
Emitted after calling 'notification:request'.
Emit a new notification. Make sure you have access to send notifications before.
Create a new choo-notification instance.
$ npm install choo-notification
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent