Neural Processing Mechanisms
    Wondering what’s next for npm?Check out our public roadmap! »

    @cycle/notification

    2.0.0 • Public • Published

    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$
        }
    }

    Install

    npm i @cycle/notification

    DownloadsWeekly Downloads

    0

    Version

    2.0.0

    License

    MIT

    Last publish

    Collaborators

    • avatar
    • avatar