@cycle/notification
v2.0.0
Published
Cycle.js driver for HTML5 Notifications
Downloads
9
Readme
Cycle Notification Driver
A Cycle.js Driver for showing and responding to HTML5 Notifications.
npm install @cycle/notification
Usage
Basics:
import Cycle from '@cycle/core';
import { makeNotificationDriver } from '@cycle/notification'
function main({notification}) {
// ...
}
const drivers = {
notification: makeNotificationDriver()
}
Cycle.run(main, drivers)
Simple and normal use case:
function main({notification}) {
let notifications$ = Rx.Observable
.interval(10000)
.startWith(-1)
.map( (value) => ({
title: 'Test Notification',
body: `Interval ${value}`,
tag: 'test-notification',
icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAEUlEQVQIW2Pg3uSLjBgo5AMACSoZ+1zqJ8AAAAAASUVORK5CYII='
}) )
.take(10),
show$ = notification.get('show'),
click$ = notification.get('click'),
error$ = notification.get('error'),
close$ = notification.get('close'),
all$ = Rx.Observable.merge(show$, click$, error$, close$)
all$.do(args => console.log(args)).subscribe()
return {
notification: notifications$
}
}