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

@aneuhold/main-scripts

v1.0.70

Published

Main scripts for use personally on any platform

Downloads

148

Readme

Main Scripts

This repo contains the main scripts I use on any OS (besides mobile... for now?). This should be installed and initally invoked by the startup script in the dotfiles repo.

This is also deployed to NPM here.

✅ Commands

Each command starts with tb. That stands for Tiny Box but that isn't really important 😛. Whenever running a command it will check for updates to this package once a day, and install them automatically if needed.

  • tb help Will emit all the commands and their options
  • tb test Just emits a test echo to see if the package is working.
  • tb update Will force update this package.
  • tb fpull Will run git fetch -a then git pull in the current working directory.
  • tb setup Will setup the development environment according to the current working directory name. If settings have not been determined yet for the directory name, shell, or terminal, then it will inform you and won't do anything else.
  • tb startup Will run the startup script for the current system with no arguments
  • tb scaffold [projectType] [projectName] Will build the given project type with the given project name as a new folder in the current working directory named with the given projectName.

🏞 Flow for Writing New Commands

  1. Write the new command in the TypeScript files
  2. Test the command by running yarn refresh. Keep running this whenever you want to test the command again.
  3. When ready to deploy an update to the package, use npm run pushpub.
  4. When done making changes to the package, use yarn reset:global to set the package to the npm registry version instead of having it linked locally.

To test new commands, you can write the command, then use the npm run refresh command if you want to try it globally. This will install the commands globally and uninstall any previous version if it was there. After this is done, it will have a link to the directory with this package for running commands. So you need to run yarn build for it to update the commands becuase it runs out of the lib directory when node gets a hold of it.

🚧 Commands to be Built

  • tb scaffold node Scaffolds a node project. Ideas on steps are below:
    • Intialize git and ask for a repo link and all that (setup a dedicated step / js file for this because it will be re-used)
    • Initialize npm (package.json)
      • Add the name from the name given
      • Add the scripts with the name given
    • Create README.md
    • Setup ESLINT with JSON config then update the config with specific values if needed
    • Add Typescript and the tsconfig.json file
    • Add prettier and the .prettierrc.json file
    • Update the tsconfig.json to match what is in this project at the moment probably.
    • Setup the build command in the package.json
    • Ideas on implementation
      • There needs to be a way to create the package.json, perhaps it needs to be built in memory first then written? Not sure. Maybe use npm init first and then grab that file? Looks like npm init might not work because it is interactive.

package.json Commands

  • npm run pushpub will build then do a git push then increment the patch number by one then publish the package to npm. It seems that this needs to be done with npm so that it uses the right credentials.
  • npm run refresh can be used for testing new commands. It will uninstall any previous global version of this package and then install the local version.
  • yarn reset:global will uninstall the global package and reinstall it from the npm registry instead of locally.
  • yarn add <package-name> Use yarn to add packages preferably.

Build Process Description

This consists of the following steps:

  • Delete the ./lib folder
  • Generate the files with TypeScript into the ./lib folder, including package.json because it uses that in some parts of the code.
  • Copy over the templates from the templates folder and overwrite because TypeScript does not copy over anything that isn't .ts.

Publish Process Description

  • Run the build process
  • Packs the files only including the the ./lib folder and the default things included. This does mean that the package.json is going to be in the package twice. But that is okay because the package.json that is in the lib folder will only be used to reference values. It isn't used for commands or locations of any anything.

Potential Issues

Windows Permissions Error with NPM

Sometimes it seems that permissions get messed up. The only solution seems to go to the Program Files for nodejs and change the permissions for that folder to allow all local users to have full control. Otherwise installing anything with nodejs doesn't seem to work anymore.

Error About Promises.Any when Running Commands

Node likely needs to be updated. Anything 14.x and earlier doesn't support ES2016 syntax pretty sure.