New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

ng-push-ivy

Package Overview
Dependencies
Maintainers
1
Versions
10
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ng-push-ivy

Angular Push Notifications API Wrapper

  • 1.0.8
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
252
decreased by-5.97%
Maintainers
1
Weekly downloads
 
Created
Source

ng-push-ivy

Angular Push Notifications API Wrapper

NPM Version NPM Downloads

If you aren't familiar with push notifications you can read more about them on the Mozilla developer network.

Installation

To install this library, run:

$ npm install ng-push-ivy --save

Setup

Import the PushNotificationsModule in to your AppModule:

@NgModule({
    imports: [PushNotificationsModule],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
})
export class AppModule { }

Now import the PushNotificationsService where you want to use it:

constructor( private _pushNotifications: PushNotificationsService ) {}

Requesting Permission

To request permission from the user to display push notifications call the requestPermission() method on the PushNotificationsService.

Create Notification

You can create a notification calling the create(title: string, options: PushNotification) method, like this:

this._pushNotifications.create('Test', {body: 'something'}).subscribe(
            res => console.log(res),
            err => console.log(err)
        )

The create() method returns an observable that emits the notification and the event when ever a show, click, close or error event occurs.

If you don't have permission to display the notification then the Permission not granted error will be thrown.

Options

The following are options that can be passed to the options parameter:

interface PushNotification {
    body?: string
    icon?: string
    tag?: string
    renotify?: boolean
    silent?: boolean
    sound?: string
    noscreen?: boolean
    sticky?: boolean
    dir?: 'auto' | 'ltr' | 'rtl'
    lang?: string
    vibrate?: number[]
}

Options correspond to the Notification interface of the Notification API: Mozilla developer network.

Examples

Registering to click event

this._pushNotifications.create(
    'Example One',
    {body: 'Just an example'}
)
    .subscribe(res => {
        if (res.event.type === 'click') {
            // You can do anything else here
            res.notification.close();
        }
    }
)

Using with universal method one (using injector)

Thank you @anode7 for submitting this example

import {Component, Inject, PLATFORM_ID, Injector} from '@angular/core';
import {isPlatformBrowser} from '@angular/common';

@Component({})
export class ExampleComponent {
    private _push:PushNotificationsService;

    constructor(
        @Inject(PLATFORM_ID) platformId: string,
        private injector: Injector,
    ) {
        if (isPlatformBrowser(platformId)) {
            //inject service only on browser platform
            this._push = this.injector.get(PushNotificationsService);
        }
    }
}

Using with universal method two (mock service)

A standard method used in Universal is creating a mock service which is injected in the ServerModule. A good example can be found here.

Development

$ npm run build

License

MIT © JerryFZhang

Keywords

FAQs

Package last updated on 26 Jan 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc