feat: res framework cli

sky · sky · commit fcfe4da8a730 · 2019-10-13T21:06:29.000+08:00
diff --git a/.eslintignore b/.eslintignore
@@ -0,0 +1,10 @@
+test/fixtures
+coverage
+public
+test/web
+node_modules
+.spec.js
+coverage
+config
+.nyc_output
+*.test.js
diff --git a/.eslintrc b/.eslintrc
@@ -0,0 +1,47 @@
+{
+  "extends": "eslint",
+  "env": {
+    "node": true,
+    "es6": true,
+    "mocha": true
+  },
+  "parserOptions": {
+    "ecmaVersion": 6
+  },
+  "rules": {
+    "indent": [
+      "error",
+      2,
+      { "SwitchCase": 1 }
+    ],
+    "no-underscore-dangle": "off",
+    "consistent-return": "off",
+    "no-cond-assign": "off",
+    "lines-around-comment": "off",
+    "arrow-body-style": "off",
+    "no-confusing-arrow": "off",
+    "class-methods-use-this": "off",
+    "newline-after-var": "off",
+    "no-invalid-this": "off",
+    "no-nested-ternary": "off",
+    "no-unused-vars": "off",
+    "eol-last": "off",
+    "quotes": [
+      "error",
+      "single"
+    ],
+    "guard-for-in": "off",
+    "no-console": "off",
+    "no-undefined": "off",
+    "array-bracket-spacing": "off",
+    "no-unused-expressions": "off",
+    "func-style": [
+      "error",
+      "expression"
+    ],
+    "comma-dangle": [
+      "error",
+      "never"
+    ]
+  }
+}
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1,3 @@
+*.js linguist-language=javascript
+*.css linguist-language=javascript
+*.html linguist-language=javascript
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,11 @@
+logs/
+npm-debug.log
+node_modules/
+coverage/
+.idea/
+run/
+.DS_Store
+*.swp
+package-lock.json
+yarn.lock
+
diff --git a/.travis.yml b/.travis.yml
@@ -0,0 +1,10 @@
+sudo: false
+language: node_js
+node_js:
+  - '6'
+  - '8'
+  - '9'
+script:
+  - npm test
+after_success:
+  - npm run ci
diff --git a/README.md b/README.md
@@ -0,0 +1,53 @@
+# res-cli
+
+A Powerful Cross-platform  Node React Web Framework CLI.
+
+## Installation
+
+```bash
+$ npm install -g @easy-team/res-cli
+```
+
+Node.js >= 8.0.0 required.
+
+## Features
+
+- ✔︎ Res Application Development, such as `res dev`, `res start`, `res build`, `res lang`
+- ✔︎ Build with Webpack, such as `res build`, `res build --server`, `res build --speed`, `ves build --size`
+- ✔︎ Common Development Commands, such as `res open`, `res server`
+
+## QuickStart
+
+- Init Application
+
+```bash
+$ res init
+```
+
+- Development mode startup Application
+
+```bash
+$ res dev
+```
+
+- Publish mode startup Application
+
+```bash
+$ res build
+$ res build --server
+```
+
+- Webpack build size analysis
+
+```bash
+$ res build --size
+```
+
+
+## Document
+
+https://yuque.com/easy-team/res
+
+## Links
+
+https://yuque.com/easy-team/egg-react
diff --git a/bin/cli.js b/bin/cli.js
@@ -0,0 +1,8 @@
+#!/usr/bin/env node
+
+'use strict';
+
+const Command = require('../lib/command');
+new Command().run();
+
+
diff --git a/index.js b/index.js
@@ -0,0 +1,4 @@
+'use strict';
+module.exports = exports = require('./lib/config');
+exports.Action = require('./lib/action');
+exports.Command = require('./lib/command');
diff --git a/lib/action.js b/lib/action.js
@@ -0,0 +1,47 @@
+'use strict';
+const EasyCLI = require('@easy-team/easywebpack-cli');
+const Command = require('egg-bin');
+const ScriptCommand = require('egg-scripts');
+const Config = require('./config');
+module.exports = class ResAction extends EasyCLI.Action {
+
+  constructor(command) {
+    super(command);
+  }
+
+  initCustomizeConfig(options) {
+    return Config.getResConfig(options);
+  }
+
+
+  dev() {
+    const cmd = ['dev'];
+    if (EasyCLI.utils.isEggTypeScriptProject(this.baseDir)) {
+      cmd.push('-r');
+      cmd.push('egg-ts-helper/register');
+    }
+    new Command(cmd).start();
+  }
+
+  debug() {
+    new Command(['debug']).start();
+  }
+
+  test() {
+    new Command(['test']).start();
+  }
+
+  cov() {
+    new Command(['cov']).start();
+  }
+
+  start() {
+    new ScriptCommand().start();
+  }
+
+  tsc() {
+    const filepath = require.resolve('typescript/lib/tsc.js');
+    this.command.tool.exec(`node ${filepath}`);
+  }
+
+};
diff --git a/lib/ask.js b/lib/ask.js
@@ -0,0 +1,28 @@
+'use strict';
+const chalk = require('chalk');
+exports.boilerplateChoice = [
+  {
+    name: `Create ${chalk.green('Res')} ${chalk.yellow('Server Side Render')} Awesome Web Application`,
+    value: 'egg-react',
+    pkgName: 'egg-react-webpack-boilerplate',
+    choices: ['name', 'description', 'npm']
+  },
+  {
+    name: `Create ${chalk.green('Res + TypeScript')} ${chalk.yellow('Server Side Render')} Web Application`,
+    value: 'egg-react-typescript',
+    pkgName: 'egg-react-typescript-boilerplate',
+    choices: ['name', 'description', 'npm']
+  },
+  {
+    name: `Create ${chalk.green('Res + Nunjucks')} ${chalk.yellow('HTML')} Web Application`,
+    value: 'egg-react-html-boilerplate',
+    pkgName: 'egg-react-html-boilerplate',
+    choices: ['name', 'description', 'npm']
+  },
+  {
+    name: `Create ${chalk.green('Res + Nunjucks')} ${chalk.yellow('Asset Render')} Web Application`,
+    value: 'egg-react-asset-boilerplate',
+    pkgName: 'egg-react-asset-boilerplate',
+    choices: ['name', 'description', 'npm']
+  }
+];
diff --git a/lib/command.js b/lib/command.js
@@ -0,0 +1,36 @@
+'use strict';
+const path = require('path');
+const EasyCLI = require('@easy-team/easywebpack-cli');
+const Action = require('./action');
+
+module.exports = class ResCommand extends EasyCLI.Command {
+
+  constructor() {
+    super();
+    this.cli.name = 'res-cli';
+    this.cli.cmd = 'res';
+    this.context = path.resolve(__dirname, '..');
+    this.program.filename = path.resolve(this.baseDir, 'config/res.config.js');
+    this.action = new Action(this);
+  }
+
+  init() {
+    this.boilerplate = require('./ask');
+    super.init();
+  }
+
+  tsc() {
+    this.program
+      .command('tsc')
+      .option('-p, --project [filename]', 'tsconfig.json file path', this.baseDir)
+      .description('typescript compile')
+      .action(options => {
+        this.action.tsc(options);
+      });
+  }
+
+  command() {
+    this.register('tsc');
+    super.command();
+  }
+};
diff --git a/lib/config.js b/lib/config.js
@@ -0,0 +1,49 @@
+'use strict';
+const path = require('path');
+const fs = require('fs');
+const merge = require('webpack-merge');
+const easywebpack = require('@easy-team/easywebpack-react');
+
+exports.getResWebpackFileConfig = baseDir => {
+  const filepath = path.resolve(baseDir, 'config/res.config.js');
+  if (fs.existsSync(filepath)) {
+    return require(filepath);
+  }
+  return {};
+};
+
+exports.getResConfig = (options = {}) => {
+  const { baseDir = process.cwd(), env } = options;
+  const baseConfig = {
+    baseDir,
+    framework: 'react',
+    configured: true,
+    egg: true,
+    output: {
+      path: path.join(baseDir, 'app/public')
+    },
+    module: {
+      rules: [
+        {
+          ts: true
+        }, 
+        {
+          scss: true
+        },
+        {
+          stylus: true
+        },
+        {
+          less: true
+        }
+      ]
+    }
+  };
+  const resConfig = exports.getResWebpackFileConfig(baseDir);
+  return merge(baseConfig, resConfig, options);
+};
+
+exports.getWebpackConfig = (options = {}) => {
+  const config = exports.getResConfig(options);
+  return easywebpack.getWebpackConfig(config);
+};
diff --git a/package.json b/package.json
diff --git a/test/lib.test.js b/test/lib.test.js

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+*.js linguist-language=javascript`
	`2`	`+*.css linguist-language=javascript`
	`3`	`+*.html linguist-language=javascript`