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

codeblog

v3.3.2

Published

<a href="https://jarredsumner.com/codeblog-cli"> <img width="1236" alt="Untitled" src="https://user-images.githubusercontent.com/709451/58215499-023a3180-7caf-11e9-8509-7ab1321392f0.png"> </a>

Downloads

33

Readme

Codeblog CLI

Read this on Codeblog

The Codeblog CLI lets you write React.js components and use them on Codeblog. When you publish a component on Codeblog, anyone else can use it immediately.

Code from your local development environment and debug/test it on https://codeblog.com/write. Codeblog will automatically reload your component as you edit it in your local text editor.

When you're ready to show it to other people, run codeblog publish and other people will be able to see and use your component.

Publishing components on Codeblog is a really easy way to make stuff and show people.

Installation

Before we get started, you'll need to you have Node.js (v8+) installed.

To install the CLI, run the following command in your terminal

npm install -g codeblog

codeblog new

codeblog new HelloCodeblog

After you enter a filename, this will create two files in the current directory:

  • HelloCodeblog.js

  • HelloCodeblog.package.js

The first file is your code. The second file is the metadata required for Codeblog to know how to use your component. You might not need to mess with the second file.

Immediately after creating the files, it will open the files in your text editor and then run codeblog dev for you, kicking off the development server.

codeblog dev

To launch the dev server, run this command:

codeblog dev

This launches a dev server with instant code reloading. You develop in your local code editor, and it shows up on https://codeblog.com/write.

Note: if you don't publish your components, they won't show up for anyone other than you.

codeblog publish

To publish your components, run this command:

codeblog publish HelloCodeblog

This will make your component show up on search and show your name as the author.

The source code for your component will be published on GitHub. For example, here's the source code for the code snippet component.