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

morse-css

v4.1.2

Published

A SCSS and component building framework

Downloads

1,898

Readme

Morse

CSS Framework and documentation project found at https://gcdtech.gitlab.io/morse/

Running Docusaurus

  1. cd docusaurus/morse
  2. (npm install)
  3. npm start

Rebuilding SCSS

  1. cd docusaurus/morse
  2. npm run dev

Site should automatically start at http://localhost:3000/

Contributing to Morse

  • The Morse team meets every 2 weeks for sprint planning
  • Merge requests should be reviewed by someone else on the team.

Weekly Sprint Planning Minutes

Developing Morse React components

React components are kept in the lib folder. To develop components, you may want to test your changes in a project. NPM or Yarn's link feature can help you with this.

The following assumes the use of NPM, but will also work with Yarn.

1. Link Morse with your project

If your project depends on Morse, a symlink can be created between your checked out version of Morse and the Morse library in your project's node_modules folder.

First, register Morse with your package manager for linking.

morse$ npm link

Then complete the link in your project root

your-project$ npm link "morse-css"

2. Compile Morse

As the main file in the Morse package relies on a file being present in dist, and you want your Morse changes to appear on save, you can start the TypeScript compiler in watch mode to rebuild changes automatically.

An NPM script is provided for convenience:

morse$ npm run ts:watch

Code of Conduct

Coming soon