
Security News
vlt Launches "reproduce": A New Tool Challenging the Limits of Package Provenance
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.
ng-snotify
Advanced tools
To install this library, run:
$ npm install ng-snotify -S
and then from your Angular AppModule
:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
// Import your library
import { SnotifyModule, SnotifyService } from 'ng-snotify';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
// Import SnotifyModule, also you can try SnotifyModule.forRoot() if you have build errors
SnotifyModule
],
providers: [SnotifyService],
bootstrap: [AppComponent]
})
export class AppModule { }
Add ng-snotify
component to you root component
<!-- You can now use your library component in app.component.html -->
<ng-snotify></ng-snotify>
Now you should inject SnotifyService
import {Component, OnInit} from '@angular/core';
// Import SnotifyService
import {SnotifyService} from 'ng-snotify';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
// Inject SnotifyService
constructor(private snotifyService: SnotifyService) {}
//You can set global config like this
ngOnInit() {
this.snotifyService.setConfig({
timeout: 30000
}, {
newOnTop: false,
});
}
//Hopefuly you can add a toast
addToast() {
this.snotifyService.success('Example success!', 'Here we are');
this.snotifyService.error('Example error!', 'Here we are', {
closeOnClick: false
});
this.snotifyService.warning('Example warning!', 'Here we are');
this.snotifyService.info('Example info!', 'Here we are');
this.snotifyService.bare('Example bare!', 'Here we are');
}
//You can remove all toasts from the field
clearToasts() {
this.snotifyService.clear();
}
}
Once your library is imported, you can use its components, interfaces and service in your Angular application:
To generate all *.js
, *.d.ts
and *.metadata.json
files:
$ npm run build
To lint all *.ts
files:
$ npm run lint
MIT © artemsky
FAQs
Angular 2+ notifications center
The npm package ng-snotify receives a total of 2,362 weekly downloads. As such, ng-snotify popularity was classified as popular.
We found that ng-snotify demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
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.
Security News
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.
Research
Security News
Socket researchers uncovered a malicious PyPI package exploiting Deezer’s API to enable coordinated music piracy through API abuse and C2 server control.
Research
The Socket Research Team discovered a malicious npm package, '@ton-wallet/create', stealing cryptocurrency wallet keys from developers and users in the TON ecosystem.