npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@ale-rainbow/rainbow-notification

v1.0.54

Published

Alcatel-Lucent Enterprise Rainbow Notification

Downloads

250

Readme

RAINBOW NOTIFICATION

Shared notification component for Rainbow's Web and Electron clients

Content of this module

This component provide a vanilla JS implementation and an associated css file. It is intended to be used by both the Web client and the Electron container.

Two classes in this module the RainbowNotification class and the RainbowNotificationAction class.

These two class are essentially "model" class which stored the notification data. But the RainbowNotification class also provided rendering ang event binding methods.

###RainbowNotification : the main class which describes the notification###

public id: string; // The notif identifier
public type: string; // The notif type 'info' or 'call'

// Originator info
public origin: string; // The notification originator (most often a contact name)

// Content stuff
public message: string; // The notification message
public mdMessage: string; // A markdown isued message (with appropriate css styling)
public avatarURL: string; // The avatarURL of the oginator
public infoTitle: string; // Additional information title
public infoMessage: string; // Additional information message
public callSubject: string; // Another additional message (used for call subject)

// AutoClose stuff
public delay: number; // The automatic close delay in ms (default : 15000ms);
public delayTimeout; // Private data to store the delay timeout object
public autoCloseAction; // The handler funct called when notif automatically close

// Action buttons
public actions: RainbowNotificationAction[]; // Array of actions

// Rendering and event binding methods
public getHTMLContent(): string; // Return the html code of the notification
public attachActionHandlers(attach: boolean = true): void // Bind/Unbind event to actions

###RainbowNotificationAction : describe a notification action###

// Action button description
public label: string; // The action button label
public color: string; // The button color ("grren", "red" or null)
public icon: string; // The icon identifier

// Multiple choice stuff
public choice: any[]; // List of choices 
public choiceTitleLabel: string; // Title label choice action (optional)
public choiceCloseLabel: string; // Label for close choice action
public choiceHandler: any; // handler function for choice

How to build and deploy from sources

Change version number in package
npm login mcordebard the pwd
npm run build
npm publish --access public