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

typescript-node-boilerplate

v0.0.1

Published

This is a boilerplate for nodejs project with typescript. The followings are details of this boilerplate.

Downloads

3

Readme

typescript-node-boilerplate

This is a boilerplate for nodejs project with typescript.
The followings are details of this boilerplate.

blog post for this

npm-script

The commands are ordered alphabetically.

yarn clean

This command will clean up dist folder that is for build files(.js files)

"clean": "rimraf dist/*",

yarn dev:watch

This commands allows run index.ts file without compile and monitor the changes on the file

"dev:watch": "ts-node-dev --respwn src/index.ts",

yarn dev

This commands allows run index.ts file without compile

"dev": "ts-node src/index.ts",

yarn format

This commands will format all files with the rules that are based on .eslintrc.js

"format": "prettier --write 'src/**/*.{js,ts,json}'",

yarn lint:all

This command will lint all ts files and run tsc without generating any .js files

"lint:all": "yarn lint && yarn tscCheck",

yarn lint:fix

This command runs lint and modify codes to fix lint errors.

"lint:fx": "eslint src/**/*.ts --fix",

yarn lint

This command check all ts files with the rules that are based on .eslintrc.js

"lint": "eslint src/**/*.ts",

yarn start

This command compiles ts files and run build file which is dist/index.js

"start": "tsc && node dist/index.js",

yarn tsc

This compands ts files

"tsc": "tsc",

yarn tscCheck

This command shows tsc compile errors if there are any issues.

"tscCheck": "tsc --noEmit"

Machine info I used to set up this

Here is my environmental information. Basically, this repo is using yarn as a package manager.

$ node -v
v13.13.0

$ npm -v
6.14.4

$ yarn -v
1.22.4

$ uname -a
Darwin kojis-mac.lan1 20.0.0 Darwin Kernel Version 20.0.0: Fri Aug 14 00:25:13 PDT 2020; root:xnu-7195.40.44.151.1~4/RELEASE_X86_64 x86_64

$ sw_vers
ProductName:	macOS
ProductVersion:	11.0
BuildVersion:	20A5354i

TypeScript version

$ npx tsc -V
Version 4.0.2

ESLint + Prettier

$ ./node_modules/.bin/eslint --version
v7.7.0

$ ./node_modules/.bin/prettier --version
2.1.1