cee

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

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

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.