@varlet/cli 2.0.0-alpha.1663499244572 → 2.0.0-alpha.1664031123039

package/lib/commands/create.js

@@ -1,90 +1,166 @@
-"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;
+"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.create = void 0;
+var ejs_1 = __importDefault(require("ejs"));
+var logger_1 = __importDefault(require("../shared/logger"));
+var shared_1 = require("@varlet/shared");
+var inquirer_1 = require("inquirer");
+var fs_extra_1 = require("fs-extra");
+var lodash_1 = require("lodash");
+var path_1 = require("path");
+var fsUtils_1 = require("../shared/fsUtils");
+var varlet_config_1 = require("../config/varlet.config");
+var constant_1 = require("../shared/constant");
+function renderTemplates(componentFolder, componentFolderName, renderData) {
+    return __awaiter(this, void 0, void 0, function () {
+        var templates;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, (0, fsUtils_1.glob)("".concat(componentFolder, "/**/*.ejs"))];
+                case 1:
+                    templates = _a.sent();
+                    templates.forEach(function (template) {
+                        var templateCode = (0, fs_extra_1.readFileSync)(template, { encoding: 'utf-8' });
+                        var code = ejs_1.default.render(templateCode, renderData);
+                        var file = template
+                            .replace('[componentName]', (0, shared_1.camelize)(componentFolderName))
+                            .replace('[ComponentName]', (0, shared_1.bigCamelize)(componentFolderName))
+                            .replace('.ejs', '');
+                        (0, fs_extra_1.writeFileSync)(file, code);
+                        (0, fs_extra_1.removeSync)(template);
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+function create(options) {
+    return __awaiter(this, void 0, void 0, function () {
+        var namespace, renderData, name, _a, componentFolder, componentFolderName, locale, _b, style;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    logger_1.default.title('\n📦📦 Create a component ! \n');
+                    namespace = (0, lodash_1.get)((0, varlet_config_1.getVarletConfig)(), 'namespace');
+                    renderData = {
+                        namespace: namespace,
+                        bigCamelizeNamespace: (0, shared_1.bigCamelize)(namespace),
+                        kebabCaseName: 'component-name',
+                        bigCamelizeName: 'ComponentName',
+                        camelizeName: 'componentName',
+                        style: 'vue',
+                    };
+                    if (!options.name) return [3 /*break*/, 1];
+                    _a = options;
+                    return [3 /*break*/, 3];
+                case 1: return [4 /*yield*/, (0, inquirer_1.prompt)({
+                        name: 'name',
+                        message: 'Name of the component created: ',
+                        default: renderData.kebabCaseName,
+                    })];
+                case 2:
+                    _a = _c.sent();
+                    _c.label = 3;
+                case 3:
+                    name = (_a).name;
+                    renderData.kebabCaseName = (0, shared_1.kebabCase)(name);
+                    renderData.camelizeName = (0, shared_1.camelize)(name);
+                    renderData.bigCamelizeName = (0, shared_1.bigCamelize)(name);
+                    componentFolder = (0, path_1.resolve)(constant_1.SRC_DIR, renderData.kebabCaseName);
+                    componentFolderName = renderData.kebabCaseName;
+                    if ((0, fs_extra_1.pathExistsSync)(componentFolder)) {
+                        logger_1.default.warning("".concat(componentFolderName, " already exist and cannot be recreated..."));
+                        return [2 /*return*/];
+                    }
+                    if (!options.locale) return [3 /*break*/, 4];
+                    _b = options;
+                    return [3 /*break*/, 6];
+                case 4: return [4 /*yield*/, (0, inquirer_1.prompt)({
+                        name: 'locale',
+                        type: 'confirm',
+                        message: 'Whether to use i18n?',
+                        default: false,
+                    })];
+                case 5:
+                    _b = _c.sent();
+                    _c.label = 6;
+                case 6:
+                    locale = (_b).locale;
+                    renderData.locale = locale;
+                    if (!(options.sfc || options.tsx)) return [3 /*break*/, 7];
+                    renderData.style = options.sfc ? 'vue' : 'tsx';
+                    return [3 /*break*/, 9];
+                case 7: return [4 /*yield*/, (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',
+                    })];
+                case 8:
+                    style = (_c.sent()).style;
+                    renderData.style = style;
+                    _c.label = 9;
+                case 9:
+                    (0, fs_extra_1.copySync)((0, path_1.resolve)(__dirname, '../../template/create'), componentFolder);
+                    return [4 /*yield*/, renderTemplates(componentFolder, componentFolderName, renderData)];
+                case 10:
+                    _c.sent();
+                    if (!renderData.locale) {
+                        (0, fs_extra_1.removeSync)((0, path_1.resolve)(componentFolder, '/example/locale'));
+                    }
+                    if (renderData.style !== 'vue') {
+                        (0, fs_extra_1.removeSync)((0, path_1.resolve)(componentFolder, "".concat(renderData.bigCamelizeName, ".vue")));
+                    }
+                    if (renderData.style !== 'tsx') {
+                        (0, fs_extra_1.removeSync)((0, path_1.resolve)(componentFolder, "".concat(renderData.bigCamelizeName, ".tsx")));
+                    }
+                    logger_1.default.success("Create ".concat(componentFolderName, " component success!"));
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+exports.create = create;

package/lib/commands/dev.d.ts

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

package/lib/commands/dev.js

@@ -1,44 +1,123 @@
-"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;
+"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 ? { optimizeDeps: { 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(options) {
+    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(options.force)];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+exports.dev = dev;

package/lib/commands/gen.d.ts

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