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 🙏

© 2026 – Pkg Stats / Ryan Hefner

@zultan/b54-components

v0.0.1

Published

b54-components

Readme

Quasar2 Storybook Boilerplate

Quasar2 Storybook Boilerplate https://quasar2-storybook-boilerplate-5ppdanscg-badsaarow.vercel.app/

Prerequisition

  • node 14, npm, android studio, xcode
  • For windows, set script-shell to pwsh or git bash
npm config set script-shell pwsh --userconfig ~/.npmrc
sudo npm install -g yarn cordova @quasar/cli @quasar/icongenie
yarn
cd src-cordova
cordova requirements

auth snyk

  • Checking licence requires snyk login
node_modules/.bin/snyk auth

Start the app in development mode (hot-code reloading, error reporting, etc.)

yarn run dev:browser
yarn run dev:android
yarn run dev:ios

storybook

yarn run dev:storybook
yarn run build:storybook

Lint the files

yarn run lint

Unit Test

yarn run test:unit:ci

E2E Test

yarn run test:e2e:ci

Audit

yarn run audit:snyk
yarn run audit:node_modules
yarn run audit:licenses
yarn run audit:lighthouse
  • yarn run audit:snyk needs running ./node_modules/.bin/snyk auth first

Build the app for production

yarn run build:android
yarn run build:ios

key signing - Change to your keystore

jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore <your-release-key.keystore> \dist\cordova\android\apk\release\android-debug.apk alias_name

Documents

  • ADR : doc/architecture/decisions

Cautions

  • DO NOT Upgrate to webpack5 : quasar does not support webpack5 yet

Troubleshooting

  • TLS error while yarn set NODE_TLS_REJECT_UNAUTHORIZED=0, $env:NODE_TLS_REJECT_UNAUTHORIZED=0

  • yarn run audit:snyk failed with exit code 2

    • check with debug log
    yarn run audit:snyk --debug
    ...
    "error-message": "`snyk` requires an authenticated account. Please run `snyk auth` and try again."
    • Do snyk auth first.