Update help info and add a short global name cssd

Author: yuanchuan

README.md

@@ -1,6 +1,6 @@
 # @css-doodle/cli
 
-The css-doodle CLI for previewing and generating images.
+The css-doodle command line tool for previewing and generating images.
 
 <img src="screenshot/preview.png" width="480px" alt="screenshot" />
 
@@ -16,38 +16,38 @@ npm install -g @css-doodle/cli
 Generate an image from the CSS Doodle source file.
 
 ```bash
-$ css-doodle render code.css
+cssd render code.css
 ```
 
 #### -o, --output
 
 Custom output filename of the generated image.
 
 ```bash
-$ css-doodle render code.css -o result.png
+cssd render code.css -o result.png
 ```
 
 #### -x, --scale
 
 Scale factor of the generated image, defaults to 1.
 
 ```bash
-$ css-doodle render code.css -x 4
+cssd render code.css -x 4
 ```
 
 ### preview
 Open a window to preview the CSS Doodle file.
 
 ```bash
-$ css-doodle preview code.css
+cssd preview code.css
 ```
 
 #### --fullscreen
 
 Open the preview in fullscreen mode.
 
 ```bash
-$ css-doodle preview code.css --fullscreen
+cssd preview code.css --fullscreen
 ```
 
 
@@ -56,15 +56,15 @@ $ css-doodle preview code.css --fullscreen
 Display/set the configuration.
 
 ```bash
-$ css-doodle config
+cssd config
 ```
 
 #### browserPath
 
 Use a custom browser to preview and generate images.
 
 ```bash
-$ css-doodle config browserPath /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome
+cssd config browserPath /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome
 ```
 
 ### generate
@@ -76,15 +76,15 @@ Generate code using CSS Doodle generators.
 Generate SVG code using svg() function.
 
 ```bash
-$ css-doodle generate svg code.css
+cssd generate svg code.css
 ```
 
 #### polygon
 
 Generate CSS polygon() using shape() function.
 
 ```bash
-$ css-doodle generate polygon code.css
+cssd generate polygon code.css
 ```
 
 ## Usage

bin/index.js

@@ -142,38 +142,43 @@ function handleDisplayConfig(field) {
     }
 }
 
+function getProgramName() {
+    let name = path.basename(process.argv[1]);
+    return pkg.bin[name] ? name : 'cssd';
+}
+
 program
-    .name('css-doodle')
+    .name(getProgramName())
     .description(pkg.description)
     .version(pkg.version);
 
 program
     .command('render')
-    .description('generate an image from the CSS Doodle source file')
-    .argument('[source]', 'the CSS Doodle source file used to generate the image')
+    .description('generate an image from css-doodle file')
+    .argument('[source]', 'css-doolde source file used to generate the image')
     .option('-o, --output <output>', 'custom filename of the generated image')
     .option('-x, --scale <scale>', 'scale factor of the generated image, defaults to 1')
     .action((source, options) => {
         handleRender(source, options);
     });
 
 program.command('preview')
-    .description('open a window to preview the CSS Doodle file')
-    .argument('<source>', 'source file to preview')
+    .description('open a window to preview the css-doodle file')
+    .argument('<source>', 'css-doodle source file to preview')
     .option('--fullscreen', 'open the preview in fullscreen mode')
     .action((source, options) => {
         handlePreview(source, options);
     });
 
 program.command('parse')
     .description('print the parsed tokens, helped to debug on development')
-    .argument('[source]', 'source file to parse')
+    .argument('[source]', 'css-doodle source file to parse')
     .action((source) => {
         handleParse(source);
     });
 
 program.command('config')
-    .description('display/set the configuration')
+    .description('display/set the configurations')
     .action(() => {
         handleDisplayConfig();
     })
@@ -186,23 +191,26 @@ program.command('config')
         }
     });
 
-const commandGenerate = program.command('generate')
-    .description('generate code using CSS Doodle generators')
+const commandGenerate =
+    program.command('generate')
+    .description('generate code using css-doodle generators')
     .action((_, cmd) => {
         cmd.help();
     });
 
-    commandGenerate.command('svg [source]')
-        .description('generate SVG code using svg() function')
-        .action((source) => {
-            handleGenerateSVG(source);
-        })
+commandGenerate
+    .command('svg [source]')
+    .description('generate SVG code with svg() function')
+    .action((source) => {
+        handleGenerateSVG(source);
+    });
 
-    commandGenerate.command('polygon [source]')
-        .description('generate CSS polygon() using shape() function')
-        .action(source => {
-            handleGenerateShape(source);
-        });
+commandGenerate
+    .command('polygon [source]')
+    .description('generate CSS polygon() with shape() function')
+    .action(source => {
+        handleGenerateShape(source);
+    });
 
 if (process.argv.length <= 2) {
     program.help();

package.json

@@ -1,9 +1,10 @@
 {
   "name": "@css-doodle/cli",
   "version": "1.1.0",
-  "description": "The css-doodle CLI for previewing and generating images",
+  "description": "The css-doodle command line tool for previewing and generating images",
   "bin": {
-    "css-doodle": "bin/index.js"
+    "css-doodle": "bin/index.js",
+    "cssd": "bin/index.js"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"