@easyv/react-component-builder 0.17.1 → 0.18.0

package/launcher/build.js

@@ -1,107 +1,107 @@
-const fs = require("fs");
-const path = require("path");
-const chalk = require("chalk");
-const webpack = require("webpack");
-const filesize = require("filesize");
-const { appComponents, appBuild } = require("../config/paths");
-const { checkComponentFiles } = require("../utils");
-const getWebpackConfig = require("../config/webpack.config.build");
-
-function canReadAsset(asset) {
-  return (
-    /\.(js|css)$/.test(asset) &&
-    !/service-worker\.js/.test(asset) &&
-    !/precache-manifest\.[0-9a-f]+\.js/.test(asset)
-  );
-}
-
-module.exports = (name, option = {}) => {
-  const { unique = true, removeConsole } = option;
-  return new Promise((resolve, reject) => {
-    // 检查组件是否存在
-    // 开始打包
-    // 打包成功 返回bundle路径
-
-    const sourcePath = path.join(appComponents, name);
-
-    let easyvcid;
-    if (unique) {
-      // 生成组件唯一标识
-      const easyvc = path.join(sourcePath, ".easyvc");
-      if (fs.existsSync(easyvc)) {
-        easyvcid = fs.readFileSync(easyvc, { encoding: "utf8" });
-      }
-      if (!easyvcid) {
-        easyvcid = Array.from({ length: 6 })
-          .map(() => Math.random().toString(32).slice(2, 3))
-          .join("");
-        fs.writeFileSync(easyvc, easyvcid, { encoding: "utf8" });
-      }
-    }
-
-    // 重写base的modulename
-    const { base } = checkComponentFiles(sourcePath);
-    base.filename = `${base.module_name}`;
-    base.module_name = `${base.module_name}${unique ? "." + easyvcid : ""}`;
-    const compiler = webpack(
-      getWebpackConfig(base, { uniqueId: easyvcid, removeConsole })
-    );
-
-    console.log("Creating an optimized production build...");
-
-    compiler.run((err, stats) => {
-      const message = stats.toJson({ all: true, warnings: true, errors: true });
-
-      const errors = err || message.errors;
-      if (errors.length) {
-        console.log(chalk.red("Failed to compile.\n"));
-        console.log(chalk.red(errors + "\n"));
-        process.exit(1);
-      }
-
-      if (message.warnings.length) {
-        console.log(chalk.yellow("Compiled with warnings.\n"));
-        console.log(message.warnings.join("\n\n"));
-      } else {
-        // successful
-        console.log(chalk.green("Compiled successfully."));
-        console.log(`Time: ${message.time / 1000}s`);
-        console.log(`Built at: ${new Date(message.builtAt)}\n`);
-        console.log("File sizes:\n");
-
-        message.assets
-          .filter((asset) => canReadAsset(asset.name))
-          .map((asset) => {
-            var fileContents = fs.readFileSync(
-              path.resolve(appBuild, asset.name)
-            );
-            return {
-              folder: path.join(
-                path.basename(appBuild),
-                path.dirname(asset.name)
-              ),
-              name: path.basename(asset.name),
-              size: filesize(fileContents.length),
-            };
-          })
-          .sort((a, b) => b.size - a.size)
-          .map((asset) => {
-            console.log(
-              "  " +
-                asset.size +
-                "  " +
-                chalk.dim(asset.folder + path.sep) +
-                chalk.cyan(asset.name)
-            );
-          });
-
-        console.log();
-      }
-      resolve({
-        file: path.join(message.outputPath, message.assetsByChunkName.main),
-        base,
-        sourcePath: sourcePath,
-      });
-    });
-  });
-};
+const fs = require("fs");
+const path = require("path");
+const chalk = require("chalk");
+const webpack = require("webpack");
+const filesize = require("filesize");
+const { appComponents, appBuild } = require("../config/paths");
+const { checkComponentFiles } = require("../utils");
+const getWebpackConfig = require("../config/webpack.config.build");
+
+function canReadAsset(asset) {
+  return (
+    /\.(js|css)$/.test(asset) &&
+    !/service-worker\.js/.test(asset) &&
+    !/precache-manifest\.[0-9a-f]+\.js/.test(asset)
+  );
+}
+
+module.exports = (name, option = {}) => {
+  const { unique = true, removeConsole } = option;
+  return new Promise((resolve, reject) => {
+    // 检查组件是否存在
+    // 开始打包
+    // 打包成功 返回bundle路径
+
+    const sourcePath = path.join(appComponents, name);
+
+    let easyvcid;
+    if (unique) {
+      // 生成组件唯一标识
+      const easyvc = path.join(sourcePath, ".easyvc");
+      if (fs.existsSync(easyvc)) {
+        easyvcid = fs.readFileSync(easyvc, { encoding: "utf8" });
+      }
+      if (!easyvcid) {
+        easyvcid = Array.from({ length: 6 })
+          .map(() => Math.random().toString(32).slice(2, 3))
+          .join("");
+        fs.writeFileSync(easyvc, easyvcid, { encoding: "utf8" });
+      }
+    }
+
+    // 重写base的modulename
+    const { base } = checkComponentFiles(sourcePath);
+    base.filename = `${base.module_name}`;
+    base.module_name = `${base.module_name}${unique ? "." + easyvcid : ""}`;
+    const compiler = webpack(
+      getWebpackConfig(base, { uniqueId: easyvcid, removeConsole })
+    );
+
+    console.log("Creating an optimized production build...");
+
+    compiler.run((err, stats) => {
+      const message = stats.toJson({ all: true, warnings: true, errors: true });
+
+      const errors = err || message.errors;
+      if (errors.length) {
+        console.log(chalk.red("Failed to compile.\n"));
+        console.log(chalk.red(errors + "\n"));
+        process.exit(1);
+      }
+
+      if (message.warnings.length) {
+        console.log(chalk.yellow("Compiled with warnings.\n"));
+        console.log(message.warnings.join("\n\n"));
+      } else {
+        // successful
+        console.log(chalk.green("Compiled successfully."));
+        console.log(`Time: ${message.time / 1000}s`);
+        console.log(`Built at: ${new Date(message.builtAt)}\n`);
+        console.log("File sizes:\n");
+
+        message.assets
+          .filter((asset) => canReadAsset(asset.name))
+          .map((asset) => {
+            var fileContents = fs.readFileSync(
+              path.resolve(appBuild, asset.name)
+            );
+            return {
+              folder: path.join(
+                path.basename(appBuild),
+                path.dirname(asset.name)
+              ),
+              name: path.basename(asset.name),
+              size: filesize(fileContents.length),
+            };
+          })
+          .sort((a, b) => b.size - a.size)
+          .map((asset) => {
+            console.log(
+              "  " +
+                asset.size +
+                "  " +
+                chalk.dim(asset.folder + path.sep) +
+                chalk.cyan(asset.name)
+            );
+          });
+
+        console.log();
+      }
+      resolve({
+        file: path.join(message.outputPath, message.assetsByChunkName.main),
+        base,
+        sourcePath: sourcePath,
+      });
+    });
+  });
+};

package/launcher/generate.js

@@ -1,99 +1,99 @@
-var inquirer = require('inquirer');
-var path = require('path');
-const fs = require('fs');
-const fse = require('fs-extra');
-const chalk = require('chalk');
-const { appComponents, appPackage, templates } = require('../config/paths');
-
-const defaultValues = {
-  module_name: 'text',
-  name: '文本',
-};
-let templateValues = [
-  {
-    name: 'React演示',
-    value: 'basic',
-  },
-  {
-    name: 'Three Component',
-    value: 'three-component',
-  },
-];
-
-module.exports = (cb, addCustom, generateCustom, add) => {
-  if (!add) {
-    const custom = addCustom();
-    templateValues = [...templateValues, ...custom];
-  }
-
-  inquirer
-    .prompt([
-      {
-        type: 'input',
-        name: 'moduleName',
-        message: '你的组件名称是什么?',
-        validate: function (value) {
-          return /^[a-zA-Z][\w-]+$/.test(value)
-            ? true
-            : '名称只能是 英文开头 包含 英文、数字、_- 的字符串';
-        },
-        default: defaultValues.module_name,
-      },
-      {
-        type: 'input',
-        name: 'name',
-        message: '中文别名是什么?',
-        default: defaultValues.name,
-      },
-      {
-        type: 'list',
-        name: 'template',
-        message: '要添加哪种模版?',
-        choices: templateValues,
-      },
-    ])
-    .then((answers) => {
-      let { moduleName, name, template } = answers;
-      const base = {
-        name: !add ? name : '##name##',
-        module_name: !add ? moduleName : '##module_name##',
-        version: '1.0.0',
-        show: 1,
-      };
-
-      const copyPath = path.join(appComponents, moduleName);
-      // 检查重名
-      if (fs.existsSync(copyPath)) {
-        console.log(chalk.red(`组件名称已存在`));
-        process.exit();
-      }
-
-      if (template.includes('custom-')) {
-        generateCustom(name, moduleName, template.split('custom-')[1]);
-      } else {
-        // 重写配置
-        const templatePath = path.join(templates, template);
-        const configPath = 'config/main.json';
-
-        fse.copySync(templatePath, copyPath, {
-          filter: (src, dest) => {
-            if (src === path.join(templatePath, configPath)) {
-              const config = require(src);
-              config.base = base;
-              fs.writeFileSync(
-                path.join(copyPath, configPath),
-                JSON.stringify(config, null, 2),
-              );
-              return 0;
-            }
-            return 1;
-          },
-        });
-      }
-
-      console.log();
-      console.log(chalk.green(`模版添加成功`));
-      cb && cb();
-    })
-    .catch((error) => cb && cb(error));
-};
+var inquirer = require('inquirer');
+var path = require('path');
+const fs = require('fs');
+const fse = require('fs-extra');
+const chalk = require('chalk');
+const { appComponents, appPackage, templates } = require('../config/paths');
+
+const defaultValues = {
+  module_name: 'text',
+  name: '文本',
+};
+let templateValues = [
+  {
+    name: 'React演示',
+    value: 'basic',
+  },
+  {
+    name: 'Three Component',
+    value: 'three-component',
+  },
+];
+
+module.exports = (cb, addCustom, generateCustom, add) => {
+  if (!add) {
+    const custom = addCustom();
+    templateValues = [...templateValues, ...custom];
+  }
+
+  inquirer
+    .prompt([
+      {
+        type: 'input',
+        name: 'moduleName',
+        message: '你的组件名称是什么?',
+        validate: function (value) {
+          return /^[a-zA-Z][\w-]+$/.test(value)
+            ? true
+            : '名称只能是 英文开头 包含 英文、数字、_- 的字符串';
+        },
+        default: defaultValues.module_name,
+      },
+      {
+        type: 'input',
+        name: 'name',
+        message: '中文别名是什么?',
+        default: defaultValues.name,
+      },
+      {
+        type: 'list',
+        name: 'template',
+        message: '要添加哪种模版?',
+        choices: templateValues,
+      },
+    ])
+    .then((answers) => {
+      let { moduleName, name, template } = answers;
+      const base = {
+        name: !add ? name : '##name##',
+        module_name: !add ? moduleName : '##module_name##',
+        version: '1.0.0',
+        show: 1,
+      };
+
+      const copyPath = path.join(appComponents, moduleName);
+      // 检查重名
+      if (fs.existsSync(copyPath)) {
+        console.log(chalk.red(`组件名称已存在`));
+        process.exit();
+      }
+
+      if (template.includes('custom-')) {
+        generateCustom(name, moduleName, template.substring(7));
+      } else {
+        // 重写配置
+        const templatePath = path.join(templates, template);
+        const configPath = 'config/main.json';
+
+        fse.copySync(templatePath, copyPath, {
+          filter: (src, dest) => {
+            if (src === path.join(templatePath, configPath)) {
+              const config = require(src);
+              config.base = base;
+              fs.writeFileSync(
+                path.join(copyPath, configPath),
+                JSON.stringify(config, null, 2),
+              );
+              return 0;
+            }
+            return 1;
+          },
+        });
+      }
+
+      console.log();
+      console.log(chalk.green(`模版添加成功`));
+      cb && cb();
+    })
+    .catch((error) => cb && cb(error));
+};