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

verdaccio-theme-hilio

v1.14.5

Published

Verdaccio User Interface

Downloads

4

Readme

verdaccio gif

Version 4 UI Theme

Verdaccio UI is a theme plugin build in React, Flow and Emotion. It uses Jest and Enzyme for Unit testing.

verdaccio (latest) docker pulls backers stackshare discord node MIT Crowdin codecov

Twitter followers Github

Contributing

We use >=yarn, keep in mind that we use lockfiles and use at least Node v12 to be able to build the project.

Install dependencies

yarn 

For development run the following command, it will execute webpack and verdaccio to

yarn dev

The configuration file is located on tools/_config.yaml.

Run linting tooling and test to check your code is clean before commit.

⚠️ The development mode just emulate interaction of the UI development with a real verdaccio server, but it is not the real integration. UI is just a theme plugin dependency in the Verdaccio project.

Before commit

Don't forget run the following commands before commit and push your code, it will save you time.

yarn lint && yarn test

Commits

Remember we follow the the Conventional Commits specification.

🤓 Feel free to participate in code reviews, let us know if you want to participate in this plugin.

End to End Testing

Additionally, we recommend run E2E testing before push and verify your changes do not break anything. These command will run in our CI anyway.

yarn build && yarn test:e2e

yarn build will build with webpack the production files.

Special Thanks

Thanks to the following companies to help us to achieve our goals providing free open source licenses.

jetbrain crowdin browserstack

Open Collective Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]

sponsor sponsor sponsor sponsor sponsor sponsor sponsor sponsor sponsor sponsor

Open Collective Backers

Thank you to all our backers! 🙏 [Become a backer]

backers

Contributors

This project exists thanks to all the people who contribute.

contrubitors

FAQ / Contact / Troubleshoot

If you have any issue you can try the following options, do no desist to ask or check our issues database, perhaps someone has asked already what you are looking for.

Translations

Translations are handled locally. I18n files can be found in the folder i18n/translations/* of this repository. We would love to provide translations from other languages, embracing all our users, but unfortunately we cannot do this without your help. Would you like to help us? Please feel super welcome to add a locale by opening a pull request.

Your PR should contain:

1 - A json file in the folder i18n/translations/* with the translations. The file must be named according to the new added language

2 - The files i18n/config.ts and LanguageSwitch.tsx updated with the new language. Please see the current structure

3 - The other translations containing the new language in the language of the file. Example:

New language: cs_CZ

The file pt-BR should contain:

"lng": {
    ...,
    "czech": "Tcheco"
}

4 - A SVG flag of the new translated language in the the folder src/components/Icon/img/*. You maybe want to compress the svg file using https://jakearchibald.github.io/svgomg/

License

Verdaccio is MIT licensed

Contributors