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

@sunderapps/config

v0.5.2

Published

Config files for the @sunderapps suite of npm libraries

Downloads

7

Readme

@sunderapps/config

Config files for the @sunderapps suite of npm libraries

Getting Started

Install this project as a dev dependency and configure

npm i -D @sunderapps/config \
&& ./node_modules/.bin/sunderapps-config
npm i -D @sunderapps/config; `
./node_modules/.bin/sunderapps-config

Updating (minor/patch updates)

npm run update

Upgrading (major updates)

npm run upgrade

Full Setup

Install dependencies

macOS X+

brew install git gh node \
&& brew install --cask visual-studio-code

Windows 10+

winget install git.git; `
winget install github.cli; `
winget install openjs.nodejs.lts; `
winget install microsoft.visualstudiocode

Linux

Arch
sudo pacman -Sy git github-cli nodejs-lts-gallium code

Set your git identity

git config --global user.email '[email]' \
&& git config --global user.name '[name]'

Log in to GitHub CLI and follow the prompts

gh auth login

Log in to npm and follow the prompts

npm adduser

Create and enter a project directory

cd [path/to/code] && mkdir [project] && cd [project]

Create a GitHub repo (still need to make template and test this)

gh repo create [project] -c -d '[description]' -p Sunder-Apps/template --public && npm i

Usage

Use the provided npm scripts to manage your project. Check your updated package.json for more scripts you can run.

Development

Serving

To automatically recompile your dev source files when one is changed and host it on the configured port (default is 42069), run:

npm run serve

Watching

To automatically recompile your dev source files when one is changed, run:

npm run watch

Testing

To run tests on your source files, run:

npm run test

Management

Cleaning

To remove all build files, run:

npm run clean

Preparing

To build all of your source files, run:

npm run prepare

This will run automatically after dependencies are installed (npm i) and before the package is distributed (npm version [args]).

Versioning

To update the version of the package, commit changes to git, and publish the changes to npm with one command, run:

npm version [major|minor|patch] --force -m "%s - [commit message]"

Configuration (edit your package.json to change these)

Defaults:

"config": {
  "prefix": "sun",        // The library prefix of the project
  "library": "sun",       // The name of the library
  "port": "42069",        // The port to run the dev server on
  "index": "index",       // The name of the main bundle file
  "webpack": "...",       // DO NOT EDIT
  "dirs": {
    "doc": "docs",        // Required for npm scripts
    "test": "test",
    "src": "src",         // Required for npm scripts
    "config": "config",
    "imports": "imports",
    "scss": "scss",       // Required for npm scripts
    "ts": "ts",
    "dist": "dist",       // Required for npm scripts
    "css": "css",
    "js": "js"
  },
  "exts": {               // File extensions
    "html": ".html",
    "scss": ".scss",
    "ts": ".ts",
    "css": ".css",
    "js": ".js",
    "dts": ".d.ts",
    "map": ".map",
    "chunk": ".chunk"
  }
},