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

@bndynet/typescript-lib-starter

v1.16.1

Published

A starter project for creating your typescript library

Downloads

53

Readme

typescript-lib-starter

Release npm Coverage Status semver Code Styles semantic-release: angular

This starter project will standardize coding and publishing for your library, and implements following features:

  • :school_satchel: Include all packages for coding, linting, testing and building
  • :art: Compile sass to css using node-sass, autoprefixer and postcss
  • :inbox_tray: Build library to UMD and CommonJS modules
  • :blue_book: Generate API documentation of your TypeScript files automatically
  • :100: Check your commit message when git commit ...
  • :cl: Default CI scripts for GitHub Action, includes release and publish automatically
  • :bookmark: Generate CHANGELOG.md according to your commits in CI publishing process
  • :test_tube: Publish your unit tests report to coveralls.io by CI
  • :earth_asia: Publish API documentation, converage, demo and changelog to your gh-pages branch as your project site by CI
  • :package: Release to NPM and GitHub Package automatically by CI

Start your library

  1. Clone this repo:

    git clone https://github.com/bndynet/typescript-lib-starter.git <your-location> --depth 1

  2. Initialize your library:

    npm i && npm run init and type your package informations

  3. Now, you can code your library and bellow commands to start your work:

    npm start
    npm run lint
    npm run build
    npm run docs
    npm run test
    npm run test:watch
    npm run precommit
  4. Commit your changes and push them to your REPO.

Commit Message Guidelines

All commit message MUST follow https://github.com/angular/angular/blob/master/CONTRIBUTING.md#commit

Format as:

<type>(<scope>): <subject>
<BLANK LINE>
<body>
<BLANK LINE>
<footer>

Note: The <type> can be found in ./commitlint.config.js file.

GitHub Action

Add NPM_TOKEN in your repo -> Settings -> Secrets

If you enabled GitHub Actions, the action will publish your package to GitHub Package Registry automatically.