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

builder-docs-archetype-dev

v6.0.1

Published

An archetype for building static landing/documentation pages for our projects. (Development)

Downloads

50

Readme

Builder Docs Archetype

A Builder archetype for Formidable static React landers.

Landers

Integration

  1. In the root, you need to create a ./static-routes.js file that exports an array of all the routes your heart desires.
module.exports = [
  "/",
  "/about",
  "/pineapples"
];

Lander Release

To release a project controlled by this archetype (e.g., victory-docs), use the following guide:

IMPORTANT - NPM: To correctly run preversion your first step is to make sure that you have a very modern npm binary:

$ npm install -g npm

Built files in build/ should not be committed during development or PRs. Instead we only build and commit them for published, tagged releases. So the basic workflow is:

# Make sure you have a clean, up-to-date `master`
$ git pull
$ git status # (should be no changes)

# Choose a semantic update for the new version.
# If you're unsure, read about semantic versioning at http://semver.org/
$ npm version major|minor|patch -m "Version %s - INSERT_REASONS"

# Push the `build/` directory, version commits, and tag:
$ git push --follow-tags

# And finally publish to `npm`!
$ npm publish

And you've published!

For a reliable systems of releases, the landers should aim for versioning along these lines:

  • Patch: Typos, missing assets, broken styles, very minor copyedits.
  • Minor: Add a new blog post, change styles.
  • Major: Rearchitect how the lander works, remove pages, or something else huge.

For additional information on the underlying NPM technologies and approaches, please review:

Archetype

This section applies to the archetype itself (builder-docs-archetype).

Builder Dependencies

You can read the Builder docs for the full story. Here is an overview of the Builder three-way dependency scheme:

  • package.json:dependencies: Production dependencies for the archetype installed in a project.
  • dev/package.json:dependencies: Development dependencies for the archetype installed in a project.
  • package.json:devDependencies: The development dependencies used internally for the this archetype during development (self tests, checks, etc.) that are not part of the overall archetype outside workflow.

Checks, Tests

Run npm run builder:check

Archetype Release

For tagged official releases only of the archetype, make sure to:

  1. Bump package.json version
  2. Generate a new ARCHETYPE-dev package.json
  3. Add to git, tag, and publish
$ vim package.json            # Bump version
$ vim CHANGELOG.md            # Add version notes
$ builder-support gen-dev     # Generate `dev/*` files
$ npm run builder:check       # Last check!
$ git add package.json dev
$ git commit -m "Version bump"
$ git tag -a "vNUMBER" -m "vNUMBER - INSERT_REASONS" # Create tag
$ git push --follow-tags
$ npm publish                 # Publish main project
$ cd dev && npm publish       # Publish dev project