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

express-dsn

v1.1.0

Published

A custom notification handler designed for Express

Downloads

6

Readme

Dead Simple Notifications

A robust notification framework extension for Express

Build Status

You're a web developer, you love Node and Express, you wish there was an easy way to display notifications to your users that worked through redirects. We're here to help!

Example

var express = require('express'),
	dsn = require('express-dsn');

var app = express();

dsn.extend(app);

app.get('/view', function(req, res) {
	res.json(200, res.locals.notifications);
});

app.post('/message', function(req, res) {
	res.notify({ title: 'My Title', content: "My message content goes here...", type: 'alert' });
	res.redirect('/view');
});

app.listen(8080);

How it Works

DSN works by extending the Express response object and hooking the redirect and render methods. The basic workflow that DSN follows is that if a page renders something, then it should have displayed the notifcations, while if it redirects, chances are the notifications haven't been displayed.

Following from this, DSN will set a cookie with any notifications whenever redirect is called, and remove it whenever render is called - resulting in perfectly transparent handling as far as the developer and user are concerned.

To make your life even easier, DSN uses the res.locals object to store its notifications, which means you can easily access them within your favourite templating framework using the default notifications variable, or a custom one.

API

The following is a list of all the possible ways in which you can use DSN given its available functions. It should give you a good idea of the functionality provided.

var dsn = require('dsn');

dsn.extend(app);
dsn.notify(res, notification);
dsn.clear(res);

dsn.options.cookie = 'dsn';
dsn.options.property = 'notifications';

app.get('/', function(req, res) {
	res.notify(notification);
	res.clearNotifications();
});

Customization

If you aren't happy with the name of the notifications variable, or wish to change the name of the cookie that DSN uses, then you will probably want to customize DSN to suit your needs. DSN provides some basic customization through the dsn.options property.

  • cookie The name of the cookie used to store notifications for users. Defaults to dsn.
  • property The name of the property on res.locals used to store notifications for your templating engine. Defaults to notifications.