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

metabuild

v1.0.9

Published

Stop wasting time syncing and updating your project's README and Package Files!

Downloads

17

Readme

Stop wasting time syncing and updating your project's README and Package Files!

Here's some of the things it can do:

  • Keep your projects data files synchronised appropriately, supports:
    • package.json
    • bower.json
    • component.json
    • jquery.json
  • Create beautiful standardised readme files that stay in sync with your data files, supports:
    • README
    • CONTRIBUTING
    • LICENSE
    • BACKERS
    • HISTORY
  • Automatic injection of the appropriate installation methods, supports:
  • Automatic injection of your desired badges
  • Automatic injection of your SPDX license information
  • Keep your data and readme files up to date with remote data, supports:
    • Pulling in your latest contributors from GitHub
    • Pulling in your latest sponsors from remote APIs (coming soon)

NPM

Running Projectz

Directly

Once installed locally, you can compile your project using projectz by running the following in your terminal:

node ./node_modules/.bin/projectz compile

Automatically

To make projectz more automatic, we recommended adding the direct command above to your build tool.

If you don't use a build tool, but do use npm, then you can add the following to your project's package.json file:

{
  "scripts": {
    "compile": "node ./node_modules/.bin/projectz compile",
    "posttest": "node ./node_modules/.bin/projectz compile"
  }
}

The compile script here lets you use npm run-script compile to compile your project with projectz.

The posttest script here automatically compiles your project with projectz after your tests have successfully completed, providing you use npm test to run your tests. This is a great place to put projectz as projectz only updates meta documents so won't affect your test, and will always run before a publish.

Configuring Projectz

Data Files

Projectz helps you maintain the following data files:

  • package.json
  • bower.json
  • component.json
  • jquery.json

It does this by reading them, combining their data in memory, and then outputting the appropriate fields and over-rides for each file.

Each file can serve as the master meta data file, however you can also define a projectz.cson CSON file that you can use if you'd like to have the benefit of comments, optional commas, multiline strings, etc for your primary meta data file.

The special fields are as so:

{
	# Project's human readable name
	title: "Projectz",

	# Project name
	name: "projectz",

	# Project's Website URL
	homepage: "https://github.com/bevry/projectz",

	# Project's demo URL
	# If this is missing, and `homepage` is set, we set it to the `homepage` value
	demo: "https://github.com/bevry/projectz",

	# Project description
	description: "Stop wasting time syncing and updating your project's README and Package Files!",

	# Project's SPDX License
	# Uses https://www.npmjs.com/packages/spdx for parsing
	license: "MIT",

	# Whether the project can run on the client-side in web browsers
	# If this is missing, and the component or bower package files exist, then this becomes `true`
	browsers: true,

	# Project's author details
	# Can be an array or CSV string
	author: "2013+ Bevry Pty Ltd <[email protected]> (http://bevry.me)",

	# Maintainers
	maintainers: [
		"Benjamin Lupton ([email protected]) (http://balupton.com)"
	],

	# Sponsors
	sponsors: [
		"Benjamin Lupton ([email protected]) (http://balupton.com)"
	],

	# Contributors
	# Automatically combined with the contributors from the GitHub Repository API
	contributors: [
		"Benjamin Lupton ([email protected]) (http://balupton.com)"
	],

	# Project's repository details
	# If this is missing, and `homepage` is a GitHub URL, this determined automatically
	repository: {
		type: "git",
		url: "https://github.com/bevry/projectz.git"
	},

	# Project's issue tracker
	# If this is missing, and `repository` is a GitHub repository, this determined automatically
	bugs: {
		url: "https://github.com/bevry/projectz/issues"
	},

	# Project's badges for use in the readme files
	# Uses https://www.npmjs.com/packages/badges for parsing and rendering, see for usage
	badges: {
		list: []
		config: {}
	}
}

Readme Files

Projectz helps you maintain the following readme files:

  • README.md
  • CONTRIBUTING.md
  • LICENSE.md
  • BACKERS.md
  • HISTORY.md

It does this by reading them, and replacing comment tags with the appropriate data.

The following comment tags are supported:

  • <!-- TITLE --> — outputs the package's title field
  • <!-- BADGES --> — outputs the badges you have enabled from your package's badges field
  • <!-- DESCRIPTION --> — outputs the package's description field
  • <!-- INSTALL --> — outputs the package's installation instructions
  • <!-- HISTORY --> — outputs a link to the HISTORY file if it exists, otherwise if it is a Github repository, outputs a link to the releases page
  • <!-- CONTRIBUTE --> — outputs a link to the CONTRIBUTE file if it exists
  • <!-- BACKERS --> — outputs the information from the sponsors field, as well as any funding badges
  • <!-- LICENSE --> — outputs a summary of the license information

As well as these comment tags for updating entire files:

  • <!-- LICENSEFILE --> — outputs the complete license information
  • <!-- BACKERSFILE --> — same as <!-- BACKERS --> but made for an individual file instead

As an example, here is a a basic README.md file:

<!-- TITLE -->
<!-- BADGES -->
<!-- DESCRIPTION -->
<!-- INSTALL -->

## Usage
Usage instructions go here

<!-- HISTORY -->
<!-- CONTRIBUTE -->
<!-- BACKERS -->
<!-- LICENSE -->

Discover the release history by heading on over to the HISTORY.md file.

Discover how you can contribute by heading on over to the CONTRIBUTING.md file.

These amazing people are maintaining this project:

No sponsors yet! Will you be the first?

These amazing people have contributed code to this project:

Discover how you can contribute by heading on over to the CONTRIBUTING.md file.

Unless stated otherwise all works are:

and licensed under: