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

cee

v1.0.8

Published

A great tool built on top of BrowserSync for time-saving synchronised browser testing!

Downloads

3

Readme

cee

 __   ___  ___ 
/  ` |__  |__  
\__, |___ |___ 
               

A Node JS CLI tool for CLR(Cloud Live Reload).

CEE

BrowserSync is a great tool for time-saving synchronised browser testing, but it has its drawbacks.

  1. Testing synchronization between different devices is relied on the same wifi network.

    At least you have to do some effort to make the internet tunnel configuration work.

  2. Its UI isn't intuitionistic enough.

  3. No testing records and statistics.

CEE is aimed at kicking off these drawbacks, its synchronization features are built on top of BrowserSync, but it has its own unique charm.

Features

  1. All the features of BrowserSync.

  2. Built-in support for synchronised browser testing through internet.

    It means that you can do developing job at your office, and let your boss or anyone else test your web pages anywhere having network.

  3. Nice and intuitionistic UI.

    See the screenshots above.

  4. Records your developing and testing actions, and provides you data statistics.

    You can review how many web pages, css files, images or any other files were handled by yourself over a period of time.

How to use?

Create a personal access token on github for CEE

CEE uses this token to authenticate against github, and uses your github account to do the testing records and statistics.

Create the token from here: https://github.com/settings/tokens

Install

npm i -g cee

Note that CEE was written with ES6 syntax guideline and needs nodejs v4.x or above.

Run it

Type cee in your console.

You will be prompted to provide the github access token the first time you run it.

Under normal circumstances, you will see the similar output as below on your console screen.

┌─┐┌─┐┌─┐
│  ├┤ ├┤
└─┘└─┘└─┘
v1.0.3, by aotu.io

Welcome back, geek mamboer!

Usage: cee <command> [options]

Commands:
  config  Operations on the configuration.
  sync    Synchronize all the files to the CLR Server.
  watch   Watch the current working directory and synchronize the changed file
          to the CLR Server.

Options:
  --dir, -d   The working directory.
  -h, --help  Show help                                                [boolean]

Check http://aotu.io/cee for more instructions.

Commands API

config

You can use the config command to do certain operations on the CEE configuration.

For example, we can view the current configuration through the commands below.

# list the local configuration
cee config list

# list the global configuration
cee config list -g

For more details on the sub-commands of config, just type cee config.

# view all the sub-commands of config
cee config

sync

cee sync

Use the sync command to synchronize all the files to the CLR Server.

Note: You can deploy your own copy of CLR Server, remember to update the server url in the configuration.

watch

cee watch

Watch the current working directory and synchronize the changed file to the CLR Server.

CEE will open its web UI on your default browser when working in the watching mode.