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

ccl-base

v1.0.0

Published

This is a mono-repo project which has both Ginie app (built on top of react-native) , CCL (chart library as packages) and Docz (documentation of packages)

Downloads

38

Readme

Introduction:

This is a mono-repo project which has both Ginie app (built on top of react-native) , CCL (chart library as packages) and Docz (documentation of packages)

To add dependency at root level, run with -W. For example, see below
yarn add --dev -W prettier

** Commit should be done via yarn commit. Don't use git commit **

Development Setup Requirements

Prerequisites

  • XCode (Not applicable for windows OS)
  • Android Studio and standard setup for Android studio
  • yarn: We recommend to use yarn as package manager, as our lint-staged commands are using yarn.
  • lerna: For versioning packages
  • commitizen: To standardise commit workflow

Prerequisites for React-native in Mac (Android):

Add local.properties in android folder with below content

sdk.dir = /Users/username/Library/Android/sdk

Build commands

To run Ginie locally

  • Install Prerequisites as mentioned above.
  • Install the packages using : yarn
  • Install pod libraries for ios using: yarn pod
  • Start the application using : yarn ginie:start
  • In a parallel terminal, run the application using : yarn ginie:ios to run in iOS simulator or yarn ginie:android to run in android emulator.

To generate APK:

  • Install Prerequisites as mentioned above.
  • Install the packages using : yarn
  • Build the application using yarn ginie:android:bundle
  • The output of the file can be found in applications/ginieNative/android/app/build/outputs/apk/release/app-release.apk

To generate IPA:

  • Not yet defined

To run Docz locally

  • Install Prerequisites as mentioned above.
  • Install the packages using : yarn
  • Start the application using : yarn docz:start

To build docz

  • Install Prerequisites as mentioned above.
  • Install the packages using : yarn
  • Start the application using : yarn docz:build

To build/publish packages

  • Install Prerequisites as mentioned above.
  • Install the packages using : yarn
  • Start the application using : yarn publish:packages

Contributing

Linting

eslint rules are maintained as packages within this repository.

JavaScript files that aren't formatted by prettier will cause eslint to fail. You should either use an editor's prettier plugin to format your files when you save them, or run yarn prettier before committing your changes.

Lint errors MUST be fixed before a pull request will be accepted.

Git commit guidelines

This project follows conventional-commits for commiting code. Specifically, we follow a slight variation on the Angular commit conventions, so read that and become familiar. This enables us to automatically generate CHANGELOGs for each package, and calculate semver.

We use yarn commit instead of git commit. This uses the commitizen-cli with a custom adaptor to assist in writing the commit according to the correct structure.

The commit message structure is:

type(scope): summary

description

breaking

i.e.

fix(survey): update api endpoint for survey submit
Commit Summary Wording

When writing your commit summary:

  • Explain why, not how.
    • Bad: "use overflow-wrap and word-break"
    • Good: "prevent long URLs from overflowing"
  • Write in the imperative case.

If in doubt, try and complete the following sentence:

If applied, this commit will...

i.e.

  • Bad (how, not why): If applied, this commit will use overflow-wrap and word-break.
  • Bad (not imperitive): If applied, this commit will fix a bug causing long URLs to overflow.
  • Good: If applied, this commit will prevent long URLs from overflowing.

Editor

We recommend Visual Studio Code for the editor.