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

@ampush/centaurus

v1.6.2

Published

Centaurus, is an Ampush repository designed to house common UI components, JS classes, templates and API methods in a central place that can be imported and reused across other Ampush partner repositories as needed.

Downloads

67

Readme

Centaurus has 281 stars above magnitude 6.5, meaning that they are visible to the unaided eye, the most of any constellation.

Prerequisites

  • React
  • Webpack
  • Storybook.js
  • Jest
  • Yarn

ToDo

This repo is currently under construction

Some ToDo Items Include

Need to Document the Following:

  • The process of how to create and reuse code from Centaurus in other Ampush partner repos.
  • A Lucid Chart diagram outlining how this repo links to NPM and any other Ampush partner repo. Include references to This blog post
  • Need to expand on the process for component documentation
  • Need outline the process for testing. Thinking of using Jest

Additional ToDo's:

  • Remove styled components and use sass files instead
  • Need to update/add all relative dot files and root files from recent partner repos. .editorconfig, .gitattributes, .prettierrc.js, etc.
  • Need to configure CircleCI
  • Begin to add Ampush UI components, JS classes/modules, templates, API methods, etc. that we feel we could reuse across partners.

Getting Started

Development and Storybook

You can easily develop and interact with your components by using Storybook. To run the local server, simply run:

$ npm i
$ npm run storybook

Navigate to http://localhost:9001 to view your stories. They should automatically update as you develop.

Storybook will pick up any story from the stories.js file in a component folder.

Centaurus is currently using the latest technology available, so you may need to update your Node versions to the latest to accomodate Babel 7 and Webpack 4.

Clean the dev env

When webpack || storyboook || docz does not work or give you weird errors on screen, please go with:

$ yarn cleanup

This command will remove all node modules and different folders and will let you start fresh by installing the correct and updated dependencies.

How to Handle Project Versioning

Versioning should adhere to Semantic Versioning conventions. See https://semver.org for more details.