@ray-js/cli 0.3.0-beta.1c347991

package/README.md

@@ -0,0 +1 @@
+# @ray-js/cli

package/bin/ray

@@ -0,0 +1,25 @@
+#!/usr/bin/env node
+const { log } = require('@ray-js/shared');
+const colors = require('colors');
+
+colors.enable();
+
+if (process.argv.includes('--verbose') || 'VERBOSE' in process.env) {
+  process.env.LOG_LEVEL = 'verbose';
+}
+
+const program = require('commander');
+const pkg = require('../package.json');
+
+program
+  .version(pkg.version)
+  .description('Ray 命令行工具')
+  .command('start [cwd] [options]', '开发调试')
+  .alias('d')
+  .command('build [cwd] [options]', '构建应用/组件')
+  .alias('b')
+  .option('--verbose', '显示详细运行日志')
+  .parse(process.argv);
+
+log.info('env', 'node', process.version.yellow);
+log.info('cli', pkg.name, pkg.version.yellow);

package/bin/ray-build.js

@@ -0,0 +1,23 @@
+const program = require('commander');
+const path = require('path');
+const { log } = require('@ray-js/shared');
+program
+  .arguments('[cwd]')
+  .description('执行构建应用/组件')
+  .option('--source <folder>', '源码目录', 'src')
+  .option('--output <folder>', '产物目录')
+  .option('--mini', '启用压缩构建产物', true)
+  .option('--no-mini', '禁用压缩构建产物')
+  .option('-t --target <target>', '目标平台')
+  .option('-a --analyze', '开启 analyze 分析', false)
+  .option('--type <type>', '构建类型 eg: app | component', 'app')
+  .option('--transform-mode <mode>', '组件转换类型 eg: auto | pure', 'auto')
+  .option('--debug', '开启运行时日志', false)
+  .option('--max-workers <workers>', 'RN打包的max-workers')
+  .action(function (cwd = '', options) {
+    log.verbose('cli', options);
+    const finalCwd = path.join(process.cwd(), cwd);
+
+    require('../lib/build').default({ cwd: finalCwd, ...options });
+  })
+  .parse(process.argv);

package/bin/ray-start.js

@@ -0,0 +1,21 @@
+const program = require('commander');
+const path = require('path');
+const { log } = require('@ray-js/shared');
+program
+  .arguments('[cwd]')
+  .description('启动实时编译/预览')
+  .option('--source <folder>', '源码目录', 'src')
+  .option('--output <folder>', '产物目录')
+  .option('--mini', '启用压缩构建产物', true)
+  .option('--no-mini', '禁用压缩构建产物')
+  .option('-t --target <target>', '目标平台')
+  .option('-a --analyze', '开启 analyze 分析', false)
+  .option('--type <type>', '构建类型 eg: app | component', 'app')
+  .option('--transform-mode <mode>', '组件转换类型 eg: auto | pure', 'auto')
+  .option('--debug', '开启运行时日志', false)
+  .action(function (cwd = '', options) {
+    log.verbose('cli', options);
+    const finalCwd = path.join(process.cwd(), cwd);
+    require('../lib/start').default({ cwd: finalCwd, ...options });
+  })
+  .parse(process.argv);

package/lib/API.d.ts

@@ -0,0 +1,37 @@
+import WebpackChain from 'webpack-chain';
+import { API as IAPI, CliOptions, Plugin, PluginMethods, RayConfig } from '@ray-js/types';
+/**
+ * 命令行运行容器上下文
+ * 集成插件流程
+ */
+export default class API implements IAPI {
+    private plugins;
+    options: CliOptions;
+    config: RayConfig;
+    constructor(options: CliOptions);
+    /**
+     * 将 ray.config 作用于 webpack config
+     * @param config - webpack config
+     */
+    configIntoWebpackConfig(config: WebpackChain): void;
+    /**
+     * 在当前 cwd 路径下搜索 js ts 文件
+     * @param fileName - 文件名不包含后缀
+     */
+    searchJSFile(fileName: string): string;
+    requireJSFile(file: string, specifier: string): any;
+    /**
+     * 在当前 cwd 路径下写入文件
+     * @param fileBase - 文件地址
+     * @param context - 文件内容
+     */
+    writeFile(fileBase: string, context: string): void;
+    /**
+     * 加载 ray.config.js 文件
+     */
+    loadConfig(): void;
+    loadBuiltinPlugins(): void;
+    loadPlugin(pkg: string): Plugin;
+    addPlugin(plugin: Plugin): void;
+    callPluginMethod(method: PluginMethods, ...args: any[]): void;
+}

package/lib/API.js

@@ -0,0 +1,90 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const path_1 = __importDefault(require("path"));
+const shared_1 = require("@ray-js/shared");
+/**
+ * 命令行运行容器上下文
+ * 集成插件流程
+ */
+class API {
+    constructor(options) {
+        this.options = options;
+        this.plugins = [];
+        this.config = {};
+    }
+    /**
+     * 将 ray.config 作用于 webpack config
+     * @param config - webpack config
+     */
+    configIntoWebpackConfig(config) {
+        if (this.config.resolveAlias) {
+            Object.entries(this.config.resolveAlias).forEach(([key, value]) => {
+                config.resolve.alias.set(key, value);
+            });
+        }
+    }
+    /**
+     * 在当前 cwd 路径下搜索 js ts 文件
+     * @param fileName - 文件名不包含后缀
+     */
+    searchJSFile(fileName) {
+        return (0, shared_1.searchJSFile)(fileName, {
+            cwd: this.options.cwd,
+            extensions: ['.tsx', '.ts', '.jsx', '.js'],
+        });
+    }
+    requireJSFile(file, specifier) {
+        return (0, shared_1.requireJSFile)(file, specifier);
+    }
+    /**
+     * 在当前 cwd 路径下写入文件
+     * @param fileBase - 文件地址
+     * @param context - 文件内容
+     */
+    writeFile(fileBase, context) {
+        const file = path_1.default.join(this.options.cwd, fileBase);
+        (0, shared_1.writeFileSync)(file, context);
+    }
+    /**
+     * 加载 ray.config.js 文件
+     */
+    loadConfig() {
+        const rayConfigFile = this.searchJSFile(`ray.config`);
+        if (!rayConfigFile) {
+            shared_1.log.error('cli', 'Missing ray config file.');
+            throw new Error('Must has ray config.');
+        }
+        this.config = (0, shared_1.requireJSFile)(rayConfigFile);
+        shared_1.log.verbose('cli:API', 'ray.config', this.config);
+    }
+    loadBuiltinPlugins() {
+        ['@ray-js/build-plugin-router', '@ray-js/build-plugin-ray'].forEach((pluginName) => {
+            const p = this.loadPlugin(pluginName);
+            this.addPlugin(p);
+        });
+    }
+    loadPlugin(pkg) {
+        const pluginMain = require.resolve(pkg);
+        const plugin = (0, shared_1.requireJSFile)(pluginMain);
+        return plugin;
+    }
+    addPlugin(plugin) {
+        const pluginIns = plugin(this);
+        const exist = this.plugins.some((p) => p.name === pluginIns.name);
+        if (!exist) {
+            this.plugins.push(pluginIns);
+        }
+    }
+    callPluginMethod(method, ...args) {
+        shared_1.log.verbose('cli:api', 'callPluginMethod:', method);
+        this.plugins.forEach((plugin) => {
+            if (typeof plugin[method] === 'function') {
+                plugin[method].apply(plugin, args);
+            }
+        });
+    }
+}
+exports.default = API;

package/lib/build.d.ts

@@ -0,0 +1,2 @@
+import { CliOptions } from '@ray-js/types';
+export default function build(options: CliOptions): Promise<void>;

package/lib/build.js

@@ -0,0 +1,42 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const run_builder_1 = require("./run-builder");
+function build(options) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const { type = 'app' } = options, restOptions = __rest(options, ["type"]);
+        if (type === 'component') {
+            const { build: buildComponent } = require('@ray-js/builder-component');
+            yield buildComponent(Object.assign(Object.assign({}, restOptions), { mode: 'production', watch: false })).catch((error) => {
+                console.log(error);
+                process.exit(1);
+            });
+        }
+        else {
+            yield (0, run_builder_1.runBuilder)(Object.assign(Object.assign({}, options), { mode: 'production', watch: false })).catch((error) => {
+                console.log(error);
+                process.exit(1);
+            });
+        }
+    });
+}
+exports.default = build;

package/lib/index.d.ts

@@ -0,0 +1 @@
+export { default as API } from './API';

package/lib/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.API = void 0;
+var API_1 = require("./API");
+Object.defineProperty(exports, "API", { enumerable: true, get: function () { return __importDefault(API_1).default; } });

package/lib/run-builder.d.ts

@@ -0,0 +1,2 @@
+import { CliOptions } from '@ray-js/types';
+export declare function runBuilder(options: CliOptions): Promise<void>;

package/lib/run-builder.js

@@ -0,0 +1,53 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.runBuilder = void 0;
+const API_1 = __importDefault(require("./API"));
+function runBuilder(options) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const api = new API_1.default(options);
+        const { type = 'app' } = options, restOptions = __rest(options, ["type"]);
+        api.loadConfig();
+        // 加载内置插件
+        api.loadBuiltinPlugins();
+        api.callPluginMethod('setup');
+        if (['wechat', 'tuya'].includes(restOptions.target)) {
+            const { build: buildMiniProgram } = require('@ray-js/builder-mp');
+            yield buildMiniProgram(Object.assign({}, restOptions), { api });
+        }
+        else if (restOptions.target === 'web') {
+            const { build: buildWeb } = require('@ray-js/builder-web');
+            yield buildWeb(Object.assign({}, restOptions), { api });
+        }
+        else if (restOptions.target === 'native') {
+            const { build: buildRN } = require('@ray-js/builder-native');
+            yield buildRN(Object.assign({}, restOptions), { api });
+        }
+        else {
+            throw new Error(`Target '${restOptions.target}' is not supported.'`);
+        }
+    });
+}
+exports.runBuilder = runBuilder;

package/lib/start.d.ts

@@ -0,0 +1,2 @@
+import { CliOptions } from '@ray-js/types';
+export default function start(options: CliOptions): Promise<void>;

package/lib/start.js

@@ -0,0 +1,42 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const run_builder_1 = require("./run-builder");
+function start(options) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const { type = 'app' } = options, restOptions = __rest(options, ["type"]);
+        if (type === 'component') {
+            const { build: buildComponent } = require('@ray-js/builder-component');
+            yield buildComponent(Object.assign(Object.assign({}, restOptions), { watch: true })).catch((error) => {
+                console.log(error);
+                process.exit(1);
+            });
+        }
+        else {
+            yield (0, run_builder_1.runBuilder)(Object.assign(Object.assign({}, options), { mode: 'development', watch: true })).catch((error) => {
+                console.log(error);
+                process.exit(1);
+            });
+        }
+    });
+}
+exports.default = start;

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@ray-js/cli",
+  "version": "0.3.0-beta.1c347991",
+  "description": "Ray cli",
+  "bin": {
+    "ray": "./bin/ray"
+  },
+  "keywords": [
+    "ray"
+  ],
+  "author": "子长 <zichang.nong@tuya.com>",
+  "license": "MIT",
+  "main": "lib/index.js",
+  "files": [
+    "lib",
+    "bin"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "scripts": {
+    "clean": "rm -rf lib",
+    "build": "tsc -p ./tsconfig.build.json",
+    "watch": "tsc -p ./tsconfig.build.json --watch"
+  },
+  "dependencies": {
+    "@ray-js/build-plugin-ray": "^0.3.0-beta.1c347991",
+    "@ray-js/build-plugin-router": "^0.3.0-beta.1c347991",
+    "@ray-js/builder-component": "^0.3.0-beta.1c347991",
+    "@ray-js/builder-mp": "^0.3.0-beta.1c347991",
+    "@ray-js/builder-native": "^0.3.0-beta.1c347991",
+    "@ray-js/builder-web": "^0.3.0-beta.1c347991",
+    "@ray-js/shared": "^0.3.0-beta.1c347991",
+    "@ray-js/types": "^0.3.0-beta.1c347991",
+    "colors": "1.4.0",
+    "commander": "^8.2.0"
+  },
+  "devDependencies": {
+    "webpack-chain": "^6.5.1"
+  },
+  "maintainers": [
+    {
+      "name": "tuyafe",
+      "email": "tuyafe@tuya.com"
+    }
+  ],
+  "gitHead": "e0bd013022ddda63380d3c9e20fd8cadb46cd61f",
+  "repository": {}
+}