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

bootstrap-pagelet

v1.0.8

Published

Base Pagelet that is responsible for bootstrapping the client side of BigPipe

Downloads

84

Readme

Bootstrap Pagelet

Version npmBuild StatusDependenciesCoverage Status

This Pagelet is responsible for bootstrapping the client side of BigPipe and keeping state on the child pagelet queue. By default the Bootstrap Pagelet is provided with BigPipe. However, if you require a custom Bootstrap you can extend this Pagelet.

Installation

The boostrap Pagelet is distributed through the node package manager (npm).

npm install --save bootstrap-pagelet

Support

Got stuck? Or can't wrap your head around a concept or just want some feedback, we got a dedicated IRC channel for that on Freenode:

  • IRC Server: irc.freenode.net
  • IRC Room: #bigpipe

Still stuck? Create an issue. Every question you have is a bug in our documentation and that should be corrected. So please, don't hesitate to create issues, many of them.

Example

In this example the Bootstrap Pagelet is extended with a custom view. For instance, if you want to use a custom layout or have several repeating pagelets that always need to be added. BigPipe will automatically discover this extended version if it is provided to BigPipe alongside the other pagelets.

'use strict';

//
// Extend the Bootstrap Pagelet with a custom view.
//
var Bootstrap = require('bootstrap-pagelet').extend({
  view: '/path/to/my/custom-view.html'
});

//
// Initialise BigPipe server.
//
var pipe = require('bigpipe').createServer(2000, {
  pagelets: [ bootstrap, ... ]
});

API

The following methods are available on the bootstrap instance. Most are only used internally. There is rarely a reason to call these methods.

new Bootstrap()

public, returns Pagelet.

The bootstrap constructor expects several options to be provided, these include: queue, mode, req, res and pipe. The last option is a reference to the BigPipe instance, mainly to ensure the same Temper instance is re-used. All code examples assume your file is setup as:

'use strict';

var Bootstrap = require('bootstrap-pagelet');
  , bootstrap = new Bootstrap({ options });

Bootstrap.render()

public, returns string.

Generates the HTML from the values on the pagelet. The properties in bootstrap.keys are provided to the template parser.

var html = bootstrap.render();

Bootstrap.queue()

private, returns Pagelet.

Push a chunk of HTML on the queue to be flushed. This function will also decrease the internal counter of the number of flushed pagelets. By default the counter is decreased with 1, but a specific Number can be provided as well.

bootstrap.queue('chunk of html', 2);

Bootstrap.flush()

private, returns Pagelet.

Concatenates all values in the bootstrap._queue and writes the Buffer with the appropriate charset to the response. This function has a fallback for older Node.JS versions to ensure flush is always emitted.

var emit = bootstrap.once('flush', function (error) {
  // Result of the write to response.
});

bootstrap.flush();

Debugging

The library makes use the diagnostics module from Pagelet. To display the bootstrap Pagelet specific debug messages, supply the following before running the program or

DEBUG=pagelet:bootstrap node ...

Testing

Tests are automatically run on Travis CI to ensure that everything is functioning as intended. For local development we automatically install a pre-commit hook that runs the npm test command every time you commit changes. This ensures that we don't push any broken code in to this project.

To run tests locally, make sure the development dependencies are installed.

npm test
npm run coverage

License

Bootstrap-pagelet is released under MIT.