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

asset-helper

v1.0.0

Published

NodeJs Asset Helper

Downloads

4

Readme

Asset Helper

Build Status

A simple and easy to use module to manage asset path and versions.

Installation

Install the module through NPM:

$ npm install asset-helper --save

Requires Node 4 or above

Examples

Include the module and create a new AssetHelper object:

const AssetHelper = require('asset-helper');

// Will output style/main.css
const assetHelper = new AssetHelper();
console.log(assetHelper.path('style/main.css')); 

// Will output http://www.foo.com/style/main.css
const assetHelperWithBaseUrl = new AssetHelper({
  baseUrl: 'http://www.foo.com/'
});
console.log(assetHelperWithBaseUrl.path('style/main.css')); 

// Will output /style/main.css?v=3094302hdhsd9fu9023
const assetHelperWithHash = new AssetHelper({
  baseDirectory: __dirname + '/../public/',
  appendHash: true
});
console.log(assetHelperWithHash.path('style/main.css'));

// You can override configuration params on individual calls:
// Will output /style/main.css
console.log(assetHelperWithHash.path('style/main.css', { appendHash: false }));

Configuration options

baseUrl

It will prepend a base url to your asset. Useful in case you use a CDN and want the local path when on development environment.

baseDirectory

Needed for calculating the hash, it should point to your asset main directory.

appendHash

It will append a querystring with a MD5 calculated on file content.

Testing

$ npm test

Contributing

This module was originally written to be used with Receiptful and is used in a production environment currently. This will ensure that this module is well maintained, bug free and as up to date as possible.

Receiptful's developers will continue to make updates as often as required to have a consistently bug free platform, but we are happy to review any feature requests or issues and are accepting constructive pull requests.