@tmsfe/tmskit 0.0.2 → 0.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tmsfe/tmskit",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "tmskit",
   "main": "main.js",
   "bin": {
@@ -21,47 +21,48 @@
     "@rollup/plugin-babel": "^5.0.2",
     "@rollup/plugin-commonjs": "^19.0.0",
     "@rollup/plugin-dynamic-import-vars": "^1.1.1",
-    "@rollup/plugin-json": "^4.0.3"
+    "@rollup/plugin-json": "^4.0.3",
+    "rollup": "^2.6.1",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-replace": "^2.2.0",
+    "rollup-plugin-terser": "^6.1.0",
+    "rollup-plugin-typescript2": "0.27.0"
   },
   "dependencies": {
     "@babel/core": "^7.15.0",
     "@babel/plugin-transform-modules-commonjs": "^7.16.0",
     "@babel/preset-env": "^7.16.0",
     "async": "^3.2.2",
+    "axios": "^0.21.4",
     "babel-core": "^6.26.3",
     "babel-loader": "^8.2.3",
-    "copy-webpack-plugin": "^9.1.0",
-    "cross-env": "^7.0.3",
-    "leven": "3.1.0",
-    "metalsmith": "^2.3.0",
-    "minimist": "^1.2.5",
-    "rollup": "^2.6.1",
-    "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-terser": "^6.1.0",
-    "rollup-plugin-typescript2": "0.27.0",
-    "ts-loader": "^9.2.6",
-    "url-loader": "^4.1.1",
-    "webpack": "^5.64.0",
-    "webpack-cli": "^4.9.1",
-    "axios": "^0.21.4",
     "chalk": "^4.1.0",
     "commander": "^6.2.1",
+    "copy-webpack-plugin": "^9.1.0",
+    "cross-env": "^7.0.3",
     "download-git-repo": "^3.0.2",
     "ejs": "^3.1.5",
     "file-loader": "^6.2.0",
     "fs-extra": "^9.0.1",
+    "glob-ignore": "^1.0.2",
     "inquirer": "^7.3.3",
+    "leven": "3.1.0",
     "lodash": "^4.17.21",
+    "metalsmith": "^2.3.0",
     "mini-css-extract-plugin": "^2.4.5",
+    "minimist": "^1.2.5",
     "miniprogram-ci": "1.4.13",
     "ora": "^5.1.0",
     "replace-ext": "^2.0.0",
-    "rollup-plugin-replace": "^2.2.0",
     "shelljs": "^0.8.4",
+    "ts-loader": "^9.2.6",
     "tslib": "^1.14.1",
     "typescript": "^3.8.3",
+    "url-loader": "^4.1.1",
     "username": "5.1.0",
-    "webpack-chain": "^6.5.1"
+    "webpack": "^5.64.0",
+    "webpack-chain": "^6.5.1",
+    "webpack-cli": "^4.9.1"
   },
   "engines": {
     "node": "^12.17.0 || >= 14.0.0"

package/src/config/constant.js

@@ -48,6 +48,8 @@ const ENV = {
   prod: 'production',
 };
 
+const  TEMPLATE_TKIT_DIR = '_tmskit';
+
 export {
   HOME_DIR,
   CACHE_DIR,
@@ -62,4 +64,5 @@ export {
   MODULE_CODE_DIR,
   MODE,
   ENV,
+  TEMPLATE_TKIT_DIR,
 };

package/src/scripts/create/ask.js

@@ -1,17 +1,19 @@
 const fs = require('fs');
 const inquirer = require('inquirer');
+const { resolve } = require('../../utils/widgets');
+const { TEMPLATE_TKIT_DIR } = require('../../config/constant');
 /**
  * 获取模板内的问题
- * @param {string} templateDir 模板目录
+ * @param {string} dir questions.json所在的目录
  * @returns {Array} inquirer 问题数组
  */
-const parseTemplateQuestions = (templateDir) => {
+const parseTemplateQuestions = (dir) => {
   let prompts = [];
-  if (!fs.existsSync(`${templateDir}/questions.json`)) {
+  if (!fs.existsSync(`${dir}/questions.json`)) {
     return prompts;
   }
   try {
-    const json = JSON.parse(fs.readFileSync(`${templateDir}/questions.json`));
+    const json = JSON.parse(fs.readFileSync(`${dir}/questions.json`));
     if (Array.isArray(json) && json.length > 0) {
       json.forEach((item, index) => {
         if (!isQuestionType(item)) {
@@ -38,7 +40,7 @@ const isQuestionType = (result) => {
 };
 
 const ask = templateDir => (files, metalsmith, next) => {
-  const prompts = parseTemplateQuestions(templateDir);
+  const prompts = parseTemplateQuestions(resolve(templateDir, TEMPLATE_TKIT_DIR));
   const metadata = metalsmith.metadata();
   const filteredPrompts = prompts.filter((prompt) => {
     if (metadata[prompt.name] && `${metadata[prompt.name]}`.trim() !== '') {

package/src/scripts/create/generator.js

@@ -18,7 +18,6 @@ const generator = (buildDir, distDir, preMetadata) => new Promise((resolve, reje
       if (err) {
         reject(err);
       } else {
-        fs.unlinkSync(`${distDir}/questions.json`);
         resolve('finish');
       }
     });

package/src/scripts/create/index.js

@@ -1,7 +1,7 @@
 const path = require('path');
 const fs = require('fs');
 const shelljs = require('shelljs');
-const { TEMPLATE_DIR, TEMPLATE_PATH } = require('../../config/constant.js');
+const { TEMPLATE_DIR, TEMPLATE_PATH, TEMPLATE_TKIT_DIR } = require('../../config/constant.js');
 const { downloadRepoForGit, createTask, resolve } = require('../../utils/widgets');
 const io = require('../../utils/io');
 const { fail, succeed } = require('../../utils/log');
@@ -41,7 +41,7 @@ async function create(appName) {
   await createTask(downloadRepoForGit, '拉取模板仓库', '拉取模板仓库完成')(
     'https://git.woa.com/tmsfe/tms-frontend.git',
     TEMPLATE_DIR,
-    'master',
+    'feat-albertluo-template82b',
   );
 
   // 生成模板(1. 询问问题， 2. ejs生成模板  3.生成到目标目录)
@@ -50,11 +50,19 @@ async function create(appName) {
     appType,
   }).then(() => {
     succeed('项目创建完成，开始初始化...');
+
     shelljs.cd(appName);
-    // 初始化构件主包的代码， 让用户打开项目可以跑起来
-    if (fs.existsSync(resolve(`${appName}/tms.config.js`))) {
-      shelljs.exec('tmskit run build');
+    const hooks = require(resolve(appName, TEMPLATE_TKIT_DIR, 'hooks.js'));
+    if (hooks.afterCreate) {
+      hooks.afterCreate.forEach((item) => {
+        if (typeof item === 'function') {
+          item.call(null, shelljs, { appName });
+        } else {
+          shelljs.exec(item);
+        }
+      });
     }
+    shelljs.rm('-rf', resolve(appName, TEMPLATE_TKIT_DIR));
   })
     .catch((err) => {
       fail(err.message);

package/src/scripts/run/index.js

@@ -1,7 +1,8 @@
 const init = require('./init/index');
 const dev = require('./dev/index');
 const build = require('./build/index');
-const { createTask  } = require('../../utils/widgets');
+const install = require('./install/index');
+const { createTask, resolve  } = require('../../utils/widgets');
 const { MODE } = require('../../config/constant');
 const { readTmsConfig, checkModules } = require('../../utils/tkitUtils');
 
@@ -22,6 +23,11 @@ const handleModulesArg = (cmd) => {
 };
 
 async function run(commandName, cmd) {
+  if (commandName === 'install') {
+    install(resolve('./'));
+    return;
+  }
+
   const moduleArg = handleModulesArg(cmd);
   const { env } = cmd;
 

package/src/scripts/run/install/index.js

@@ -0,0 +1,40 @@
+const shelljs = require('shelljs');
+const { createTask } = require('../../../utils/widgets');
+const { buildMpNpm } = require('../../../utils/mpCiUtils');
+const glob = require('glob-ignore');
+const path = require('path');
+
+function npmInstall(contextDir) {
+  return new Promise((resolve, reject) => {
+    glob(`${contextDir}/**/package.json`, ['node_modules', 'miniprogram_npm'], (err, files) => {
+      console.log('files', files);
+      if (err) {
+        reject(err);
+      }
+      files.forEach((file) => {
+        const dir = path.dirname(file);
+        shelljs.cd(dir);
+        shelljs.exec('npx pnpm install --prod --registry http://mirrors.tencent.com/npm/', { silent: false });
+      });
+      resolve();
+    });
+  });
+}
+
+async function install(contextDir) {
+  // npm install
+  await createTask(
+    npmInstall,
+    '开始npm install',
+    'npm install完成',
+  )(contextDir);
+
+  // 构建miniprograme_npm
+  await createTask(
+    buildMpNpm,
+    '开始构建miniprogram_npm',
+    '构建miniprogram_npm 完成',
+  )({ appId: 'null', projectPath: contextDir, privateKey: 'null' });
+}
+
+module.exports = install;

package/src/utils/widgets.js

@@ -96,7 +96,7 @@ function downloadRepo(dest, downloadOptions = { repoUrl: '', gitUrl: '', branch:
 function downloadRepoForGit(url, dest, branch) {
   const cwd = process.cwd();
 
-  return new Promise((resolve, reject) => {
+  return new Promise((resolve) => {
     // 如果目标目录不存在
     if (fs.existsSync(dest)) {
       shelljs.rm('-rf', path.join(dest));
@@ -105,17 +105,10 @@ function downloadRepoForGit(url, dest, branch) {
     shelljs.mkdir('-p', dest);
     shelljs.cd(dest);
 
-    shelljs.exec(`git clone ${url} ${dest} --depth=1`, shelljsOptons);
-
-    shelljs.exec(`git checkout ${branch}`, (code) => {
-      if (code === 0) {
-        shelljs.cd(cwd);
+    shelljs.exec(`git clone ${url} ${dest} --branch ${branch} --depth 1`, shelljsOptons);
 
-        resolve();
-      }
-
-      reject();
-    });
+    shelljs.cd(cwd);
+    resolve();
   });
 }
 

package/src/webpack/plugins/entryExtractPlugin/index.js

@@ -5,7 +5,6 @@ const { getEntry } = require('../../utils');
 class EntryExtraPlugin {
   constructor(options = {}) {
     this.options = options;
-    this.scriptExtensions = options.scriptExtensions || ['.ts', '.js'];
   }
 
   applyEntry(compiler, entry) {

package/src/webpack/plugins/px2rpx/index.js

@@ -1,14 +0,0 @@
-const px2rpx = postcss.plugin('postcss-px2rpx', (opts = {}) => {
-  const { proportion = 1, minPixelValue = 0 } = opts;
-
-  return (root) => {
-    root.replaceValues(pxRegExp, { fast: 'px' }, (string) => {
-      const pixels = parseInt(string, 10);
-      if (pixels < minPixelValue) return `${pixels}px`;
-      return `${proportion * parseInt(string, 10)}rpx`;
-    });
-  };
-});
-
-
-export default px2rpx;