@varlet/cli 1.27.20 → 2.0.0-alpha.1663499244572

package/lib/commands/create.js

@@ -1,132 +1,90 @@
-"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 __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.create = void 0;
-var logger_1 = __importDefault(require("../shared/logger"));
-var shared_1 = require("@varlet/shared");
-var fs_extra_1 = require("fs-extra");
-var path_1 = require("path");
-var constant_1 = require("../shared/constant");
-var varlet_config_1 = require("../config/varlet.config");
-var lodash_1 = require("lodash");
-function create(name, cmd) {
-    return __awaiter(this, void 0, void 0, function () {
-        var i18nFiles, namespace, bigCamelizeName, vueTemplate, indexTemplate, testsTemplate, exampleTemplate, localeIndexTemplate, localTemplate, componentDir, testsDir, exampleDir, exampleLocalDir, docsDir;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    i18nFiles = [];
-                    namespace = (0, lodash_1.get)((0, varlet_config_1.getVarletConfig)(), 'namespace');
-                    bigCamelizeName = (0, shared_1.bigCamelize)(name);
-                    vueTemplate = "<template>\n  <div class=\"".concat(namespace, "-").concat(name, "\"></div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: '").concat((0, shared_1.bigCamelize)(namespace)).concat(bigCamelizeName, "'\n})\n</script>\n\n<style lang=\"less\">\n.").concat(namespace, "-").concat(name, " {\n  display: flex;\n}\n</style>\n");
-                    indexTemplate = "import ".concat(bigCamelizeName, " from './").concat(bigCamelizeName, ".vue'\nimport type { App } from 'vue'\n\n").concat(bigCamelizeName, ".install = function(app: App) {\n  app.component(").concat(bigCamelizeName, ".name, ").concat(bigCamelizeName, ")\n}\n\nexport const _").concat(bigCamelizeName, "Component = ").concat(bigCamelizeName, "\n\nexport default ").concat(bigCamelizeName, "\n");
-                    testsTemplate = "import ".concat(bigCamelizeName, " from '..'\nimport { createApp } from 'vue'\nimport { mount } from '@vue/test-utils'\n\ntest('test ").concat(name, " use', () => {\n  const app = createApp({}).use(").concat(bigCamelizeName, ")\n  expect(app.component(").concat(bigCamelizeName, ".name)).toBeTruthy()\n})\n");
-                    exampleTemplate = "<script setup>\nimport ".concat(bigCamelizeName, " from '..'\nimport AppType from '@varlet/cli/site/mobile/components/AppType'\n</script>\n\n<template>\n  <app-type></app-type>\n  <").concat(namespace, "-").concat(name, "/>\n</template>\n");
-                    localeIndexTemplate = "// lib\nimport _zhCN from '../../../locale/zh-CN'\nimport _enCN from '../../../locale/en-US'\n// mobile example doc\nimport zhCN from './zh-CN'\nimport enUS from './en-US'\nimport { useLocale, add as _add, use as _use } from '../../../locale'\n\nconst { add, use: exampleUse, pack, packs, merge } = useLocale()\n\nconst use = (lang: string) => {\n  _use(lang)\n  exampleUse(lang)\n}\n\nexport { add, pack, packs, merge, use }\n\n// lib\n_add('zh-CN', _zhCN)\n_add('en-US', _enCN)\n// mobile example doc\nadd('zh-CN', zhCN as any)\nadd('en-US', enUS as any)\n";
-                    localTemplate = "export default {\n\n}\n";
-                    componentDir = (0, path_1.resolve)(constant_1.SRC_DIR, name);
-                    testsDir = (0, path_1.resolve)(constant_1.SRC_DIR, name, constant_1.TESTS_DIR_NAME);
-                    exampleDir = (0, path_1.resolve)(constant_1.SRC_DIR, name, constant_1.EXAMPLE_DIR_NAME);
-                    exampleLocalDir = (0, path_1.resolve)(constant_1.SRC_DIR, name, constant_1.EXAMPLE_DIR_NAME, constant_1.LOCALE_DIR_NAME);
-                    docsDir = (0, path_1.resolve)(constant_1.SRC_DIR, name, constant_1.DOCS_DIR_NAME);
-                    if ((0, fs_extra_1.pathExistsSync)(componentDir)) {
-                        logger_1.default.error('component directory is existed');
-                        return [2 /*return*/];
-                    }
-                    if (!cmd.disableI18n) {
-                        exampleTemplate = "<script setup>\nimport ".concat(bigCamelizeName, " from '..'\nimport AppType from '@varlet/cli/site/mobile/components/AppType'\nimport { watchLang } from '@varlet/cli/site/utils'\nimport { use, pack } from './locale'\n\nwatchLang(use)\n</script>\n\n<template>\n  <app-type></app-type>\n  <").concat(namespace, "-").concat(name, "/>\n</template>\n    ");
-                        i18nFiles = [
-                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(exampleLocalDir, 'index.ts'), localeIndexTemplate),
-                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(exampleLocalDir, 'en-US.ts'), localTemplate),
-                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(exampleLocalDir, 'zh-CN.ts'), localTemplate),
-                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(docsDir, 'en-US.md'), ''),
-                        ];
-                    }
-                    return [4 /*yield*/, Promise.all(__spreadArray(__spreadArray([
-                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(componentDir, "".concat(bigCamelizeName, ".vue")), vueTemplate),
-                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(componentDir, 'index.ts'), indexTemplate),
-                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(testsDir, 'index.spec.js'), testsTemplate),
-                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(exampleDir, 'index.vue'), exampleTemplate)
-                        ], __read(i18nFiles), false), [
-                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(docsDir, 'zh-CN.md'), ''),
-                        ], false))];
-                case 1:
-                    _a.sent();
-                    logger_1.default.success("Create ".concat(name, " success!"));
-                    logger_1.default.success("----------------------------");
-                    logger_1.default.success("".concat(name, "/"));
-                    logger_1.default.success("|- __tests__/ # Unit test folder");
-                    logger_1.default.success("|- docs/ # Internationalized document folder");
-                    logger_1.default.success("|- example/ # Mobile phone example code");
-                    logger_1.default.success("|- example/locale # Example locale");
-                    logger_1.default.success("|- ".concat(bigCamelizeName, ".vue # Sfc component, You can also use jsx or tsx"));
-                    logger_1.default.success("|- index.ts # Component entry, the folder where the file exists will be exposed to the user");
-                    return [2 /*return*/];
-            }
-        });
-    });
-}
-exports.create = create;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.create = void 0;
+const shared_1 = require("@varlet/shared");
+const inquirer_1 = require("inquirer");
+const ejs_1 = __importDefault(require("ejs"));
+const fs_extra_1 = require("fs-extra");
+const lodash_1 = require("lodash");
+const path_1 = require("path");
+const logger_1 = __importDefault(require("../shared/logger"));
+const fsUtils_1 = require("../shared/fsUtils");
+const varlet_config_1 = require("../config/varlet.config");
+const constant_1 = require("../shared/constant");
+const templateFiles = ['__tests__/index.spec.js', 'example/index.vue', `less.less`, 'index.ts'];
+const namespace = (0, lodash_1.get)((0, varlet_config_1.getVarletConfig)(), 'namespace');
+const createOptions = {
+    kebabCaseName: 'component-name',
+    bigCamelizeName: 'componentName',
+    style: 'vue',
+    namespace,
+    bigCamelizeNamespace: (0, shared_1.bigCamelize)(namespace),
+};
+const ejsRender = (filePath, options) => {
+    const { dir, name, ext } = (0, path_1.parse)(filePath);
+    const componentPath = (0, path_1.resolve)(constant_1.SRC_DIR, options.kebabCaseName);
+    const templatePath = (0, path_1.resolve)(componentPath, dir, `${name}.ejs`);
+    const templateCode = (0, fs_extra_1.readFileSync)(templatePath, { encoding: 'utf-8' });
+    const code = ejs_1.default.render(templateCode, options);
+    if (ext.endsWith(name)) {
+        filePath = `${name === 'less' ? createOptions.kebabCaseName : createOptions.bigCamelizeName}${ext}`;
+    }
+    (0, fs_extra_1.outputFileSync)((0, path_1.resolve)(componentPath, filePath), code);
+};
+const removeFiles = async (path) => {
+    !createOptions.locale && (0, fs_extra_1.removeSync)(`${path}/example/locale`);
+    (await (0, fsUtils_1.glob)(`${path}/**/*.ejs`)).forEach((file) => (0, fs_extra_1.removeSync)(file));
+};
+async function create(options) {
+    logger_1.default.title('\n📦📦 Create a Component ! \n');
+    const { name } = options.name
+        ? options
+        : await (0, inquirer_1.prompt)({
+            name: 'name',
+            message: 'Name of the component created: ',
+            default: createOptions.kebabCaseName,
+        });
+    createOptions.kebabCaseName = (0, shared_1.kebabCase)(name);
+    createOptions.bigCamelizeName = (0, shared_1.bigCamelize)(name);
+    if ((0, fs_extra_1.pathExistsSync)((0, path_1.resolve)(constant_1.SRC_DIR, createOptions.kebabCaseName))) {
+        logger_1.default.error(`${createOptions.kebabCaseName} already exist and cannot be recreated...`);
+        return;
+    }
+    // Determine whether the parameter carries internationalization.
+    const { locale } = options.locale
+        ? options
+        : await (0, inquirer_1.prompt)({
+            name: 'locale',
+            type: 'confirm',
+            message: 'Whether to use i18n?',
+            default: false,
+        });
+    createOptions.locale = locale;
+    // Determine whether the parameter carries a component style
+    if (options.sfc || options.tsx) {
+        createOptions.style = options.sfc ? 'vue' : 'tsx';
+    }
+    else {
+        const { style } = await (0, inquirer_1.prompt)({
+            name: 'style',
+            type: 'list',
+            message: 'Which style do you use to write your component ?',
+            choices: [
+                { name: 'sfc', value: 'vue' },
+                { name: 'tsx', value: 'tsx' },
+            ],
+            default: 'vue',
+        });
+        createOptions.style = style;
+    }
+    // Copy files to Current working directory
+    const componentPath = (0, path_1.resolve)(constant_1.SRC_DIR, createOptions.kebabCaseName);
+    (0, fs_extra_1.copySync)((0, path_1.resolve)(__dirname, '../../template/create'), componentPath);
+    [...templateFiles, `${createOptions.style}.${createOptions.style}`].forEach((file) => ejsRender(file, createOptions));
+    await removeFiles(componentPath);
+    logger_1.default.success(`Create ${createOptions.kebabCaseName} component success!`);
+}
+exports.create = create;

package/lib/commands/dev.d.ts

@@ -1,3 +1,5 @@
-export declare function dev(cmd: {
-    force?: boolean;
-}): Promise<void>;
+interface DevCommandOptions {
+    force?: boolean;
+}
+export declare function dev(options: DevCommandOptions): Promise<void>;
+export {};

package/lib/commands/dev.js

@@ -1,123 +1,44 @@
-"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 __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dev = void 0;
-var chokidar_1 = __importDefault(require("chokidar"));
-var logger_1 = __importDefault(require("../shared/logger"));
-var vite_1 = require("vite");
-var fs_extra_1 = require("fs-extra");
-var constant_1 = require("../shared/constant");
-var compileSiteEntry_1 = require("../compiler/compileSiteEntry");
-var vite_config_1 = require("../config/vite.config");
-var varlet_config_1 = require("../config/varlet.config");
-var lodash_1 = require("lodash");
-var server;
-var watcher;
-function startServer(force) {
-    return __awaiter(this, void 0, void 0, function () {
-        var isRestart, _a, _b, varletConfig, devConfig, inlineConfig;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    isRestart = Boolean(server);
-                    logger_1.default.info("".concat(isRestart ? 'Res' : 'S', "tarting server..."));
-                    // close all instance
-                    _a = server;
-                    if (!_a) 
-                    // close all instance
-                    return [3 /*break*/, 2];
-                    return [4 /*yield*/, server.close()];
-                case 1:
-                    _a = (_c.sent());
-                    _c.label = 2;
-                case 2:
-                    // close all instance
-                    _a;
-                    _b = watcher;
-                    if (!_b) return [3 /*break*/, 4];
-                    return [4 /*yield*/, watcher.close()];
-                case 3:
-                    _b = (_c.sent());
-                    _c.label = 4;
-                case 4:
-                    _b;
-                    // build all config
-                    return [4 /*yield*/, (0, compileSiteEntry_1.buildSiteEntry)()];
-                case 5:
-                    // build all config
-                    _c.sent();
-                    varletConfig = (0, varlet_config_1.getVarletConfig)();
-                    devConfig = (0, vite_config_1.getDevConfig)(varletConfig);
-                    inlineConfig = (0, lodash_1.merge)(devConfig, force ? { server: { force: true } } : {});
-                    return [4 /*yield*/, (0, vite_1.createServer)(inlineConfig)];
-                case 6:
-                    // create all instance
-                    server = _c.sent();
-                    return [4 /*yield*/, server.listen()];
-                case 7:
-                    _c.sent();
-                    server.printUrls();
-                    if ((0, fs_extra_1.pathExistsSync)(constant_1.VARLET_CONFIG)) {
-                        watcher = chokidar_1.default.watch(constant_1.VARLET_CONFIG);
-                        watcher.on('change', function () { return startServer(force); });
-                    }
-                    logger_1.default.success("\n".concat(isRestart ? 'Res' : 'S', "tart successfully!!!"));
-                    return [2 /*return*/];
-            }
-        });
-    });
-}
-function dev(cmd) {
-    return __awaiter(this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    process.env.NODE_ENV = 'development';
-                    (0, fs_extra_1.ensureDirSync)(constant_1.SRC_DIR);
-                    return [4 /*yield*/, startServer(cmd.force)];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    });
-}
-exports.dev = dev;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dev = void 0;
+const chokidar_1 = __importDefault(require("chokidar"));
+const logger_1 = __importDefault(require("../shared/logger"));
+const vite_1 = require("vite");
+const fs_extra_1 = require("fs-extra");
+const constant_1 = require("../shared/constant");
+const compileSiteEntry_1 = require("../compiler/compileSiteEntry");
+const vite_config_1 = require("../config/vite.config");
+const varlet_config_1 = require("../config/varlet.config");
+const lodash_1 = require("lodash");
+let server;
+let watcher;
+async function startServer(force) {
+    const isRestart = Boolean(server);
+    logger_1.default.info(`${isRestart ? 'Res' : 'S'}tarting server...`);
+    // close all instance
+    server && (await server.close());
+    watcher && (await watcher.close());
+    // build all config
+    await (0, compileSiteEntry_1.buildSiteEntry)();
+    const varletConfig = (0, varlet_config_1.getVarletConfig)();
+    const devConfig = (0, vite_config_1.getDevConfig)(varletConfig);
+    const inlineConfig = (0, lodash_1.merge)(devConfig, force ? { optimizeDeps: { force: true } } : {});
+    // create all instance
+    server = await (0, vite_1.createServer)(inlineConfig);
+    await server.listen();
+    server.printUrls();
+    if ((0, fs_extra_1.pathExistsSync)(constant_1.VARLET_CONFIG)) {
+        watcher = chokidar_1.default.watch(constant_1.VARLET_CONFIG);
+        watcher.on('change', () => startServer(force));
+    }
+    logger_1.default.success(`\n${isRestart ? 'Res' : 'S'}tart successfully!!!`);
+}
+async function dev(options) {
+    process.env.NODE_ENV = 'development';
+    (0, fs_extra_1.ensureDirSync)(constant_1.SRC_DIR);
+    await startServer(options.force);
+}
+exports.dev = dev;

package/lib/commands/gen.d.ts

@@ -1 +1,8 @@
-export declare function gen(name: string): Promise<void>;
+interface GenCommandOptions {
+    name?: string;
+    i18n?: boolean;
+    sfc?: boolean;
+    tsx?: boolean;
+}
+export declare function gen(options: GenCommandOptions): Promise<void>;
+export {};