@qse/edu-scripts 1.12.5 → 1.13.1

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # 更新日志
 
+## 1.13.0 (2022-11-10)
+
+- feat: 教育集成项目部署增加日志功能
+
 ## 1.12.5 (2022-11-03)
 
 - feat: 优化 cdn external 规则

package/docs/debug.md

@@ -0,0 +1,17 @@
+# 代码调试
+
+## 使用 `React Developer Tools` 调试
+
+1. 安装 `React Developer Tools` 插件
+2. 打开控制台(F12)
+3. 切换到 `Component` 标签页
+4. 选中需要查看的组件，可以看到 `state/props/hooks` 等信息
+
+## 使用 vscode 调试代码
+
+1. 打开 `JavaScript Debug Terminal` 终端，输入 `npm run start` 命令启动项目。
+
+![](https://p0.meituan.net/dpplatform/78a65449d74d1fbd61cc47e98c419a011041253.gif)
+
+2. 按住 `ctrl/command` 点击 `http://localhost:port` 打开链接
+3. 代码里打断点，网页点击触发断点

package/docs/refactor-react-16.md

@@ -19,11 +19,8 @@ frame 项目 react15 升级 react16 指南
 ```html
 <script src="//static.qsepay.net/lib/react15.4.1_fastclick1.0.6_natty-storage2.0.2-fetch2.4.2_common2.js"></script>
 
-将上面这条 CDN 替换成下面这两条之一
+将上面这条 CDN 替换成下面这条
 
-<!-- 一般使用这条 -->
-<script src="//static.qsepay.net/lib/react16.14_fastclick1.0.6_natty-storage2.0.2-fetch2.4.2_common31.js"></script>
-<!-- 如果需要 axios 请使用这条 -->
 <script src="//static.qsepay.net/lib/react16.14_fastclick1.0.6_natty-storage2.0.2-fetch2.4.2_axios0.21.1_common31.js"></script>
 ```
 

package/lib/auto-refactor.js

@@ -144,7 +144,7 @@ module.exports = async function autoRefactor() {
     scripts.postversion = 'npm run build && npm run deploy';
   });
   await step('删除 babel/webpack 相关依赖', spinner => {
-    const deleteRe = /(babel|autoprefixer|webpack|loader|less|css|sass|hmr|ssh-sftp|regenerator-runtime|nowa)/i;
+    const deleteRe = /(babel|autoprefixer|webpack|loader|less|css|sass|hmr|ssh-sftp|regenerator-runtime|nowa|prettier)/i;
     const deletePkgs = {
       dependencies: [],
       devDependencies: []

package/lib/deploy.js

@@ -71,6 +71,18 @@ async function normalDeploy(args) {
     };
   }
 
+  function dateTime() {
+    let date = new Date();
+    date = new Date(date.getTime() - date.getTimezoneOffset() * 60000);
+    return date.toISOString().replace(/T/, ' ').replace(/\..+/, '');
+  }
+
+  function updateLogContent(content, info) {
+    const lines = content.trim().split('\n');
+    lines.push(`[${dateTime()}] ${JSON.stringify(info)}\n`);
+    return lines.slice(0, 50).join('\n');
+  }
+
   async function upload(opts) {
     // 上传dist文件
     const {
@@ -92,22 +104,39 @@ async function normalDeploy(args) {
       // 创建本地临时文件夹，位置在 `opts.localPath` 下的 `__tmp__` 文件夹
       fs.mkdirSync(tmpDir, {
         recursive: true
-      }); // 拉取远程文件到本地
-
-      await sftp.fastGet(remoteFile, tmpFile); // 读取本地文件内容
-
-      let code = await fs.readFile(tmpFile, {
-        encoding: 'utf-8'
       });
-      code = changeDeployVersion(code, {
+      const info = {
         name: pkg.name,
         version: pkg.version,
         grayscale: appConfig.grayscale
-      });
-      await sftp.fastPut(tmpFile, remoteFile + '.bak');
-      await fs.writeFile(tmpFile, code); // 将修改完的内容传回服务器
-
-      await sftp.fastPut(tmpFile, remoteFile);
+      };
+      {
+        // 拉取远程文件到本地
+        await sftp.fastGet(remoteFile, tmpFile); // 读取本地文件内容
+
+        let code = await fs.readFile(tmpFile, {
+          encoding: 'utf-8'
+        });
+        code = changeDeployVersion(code, info);
+        await sftp.fastPut(tmpFile, remoteFile + '.bak');
+        await fs.writeFile(tmpFile, code); // 将修改完的内容传回服务器
+
+        await sftp.fastPut(tmpFile, remoteFile);
+      }
+      {
+        const remoteLogFile = remoteFile + '.log';
+        const tmpLogFile = tmpFile + '.log';
+        let content = '';
+
+        try {
+          await sftp.fastGet(remoteLogFile, tmpLogFile);
+          content = await fs.readFile(tmpLogFile, 'utf-8');
+        } catch (error) {}
+
+        content = updateLogContent(content, info);
+        await fs.writeFile(tmpLogFile, content);
+        await sftp.fastPut(tmpLogFile, remoteLogFile);
+      }
       spinner.succeed('已更新 ver.js 版本配置');
     } catch (e) {
       spinner.fail(`自动修改 ver.js 失败，请手动修改`);

package/lib/utils/changeDeployVersion.js

@@ -94,6 +94,19 @@ function changeDeployVersion(code, pkg) {
       path.node.properties.push(t.objectProperty(t.identifier(keyName), t.stringLiteral(version)));
     }
   }
+  /**
+   * @param {babel.NodePath<t.ObjectExpression>} path
+   */
+
+
+  function deleteModuleComments(path) {
+    path.traverse({
+      ObjectExpression(path) {
+        delete path.node.leadingComments;
+      }
+
+    });
+  }
   /**
    * @param {babel.NodePath<t.VariableDeclarator>} path
    */
@@ -114,6 +127,7 @@ function changeDeployVersion(code, pkg) {
     addModuleToTarget(targetPath);
   }
 
+  deleteModuleComments(targetPath);
   return format(generate(ast, {
     minified: true
   }).code, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qse/edu-scripts",
-  "version": "1.12.5",
+  "version": "1.13.1",
   "author": "Kinoko",
   "license": "MIT",
   "description": "教育工程化基础框架",

package/src/auto-refactor.js

@@ -134,7 +134,7 @@ module.exports = async function autoRefactor() {
 
   await step('删除 babel/webpack 相关依赖', (spinner) => {
     const deleteRe =
-      /(babel|autoprefixer|webpack|loader|less|css|sass|hmr|ssh-sftp|regenerator-runtime|nowa)/i
+      /(babel|autoprefixer|webpack|loader|less|css|sass|hmr|ssh-sftp|regenerator-runtime|nowa|prettier)/i
 
     const deletePkgs = {
       dependencies: [],

package/src/deploy.js

@@ -55,6 +55,17 @@ async function normalDeploy(args) {
     return { tmpDir, tmpFile, remoteFile, tmpBase }
   }
 
+  function dateTime() {
+    let date = new Date()
+    date = new Date(date.getTime() - date.getTimezoneOffset() * 60000)
+    return date.toISOString().replace(/T/, ' ').replace(/\..+/, '')
+  }
+  function updateLogContent(content, info) {
+    const lines = content.trim().split('\n')
+    lines.push(`[${dateTime()}] ${JSON.stringify(info)}\n`)
+    return lines.slice(0, 50).join('\n')
+  }
+
   async function upload(opts) {
     // 上传dist文件
     const { sftp, opts: fullOpts } = await sshSftp(opts)
@@ -69,21 +80,38 @@ async function normalDeploy(args) {
       // 创建本地临时文件夹，位置在 `opts.localPath` 下的 `__tmp__` 文件夹
       fs.mkdirSync(tmpDir, { recursive: true })
 
-      // 拉取远程文件到本地
-      await sftp.fastGet(remoteFile, tmpFile)
-
-      // 读取本地文件内容
-      let code = await fs.readFile(tmpFile, { encoding: 'utf-8' })
-      code = changeDeployVersion(code, {
+      const info = {
         name: pkg.name,
         version: pkg.version,
         grayscale: appConfig.grayscale,
-      })
+      }
 
-      await sftp.fastPut(tmpFile, remoteFile + '.bak')
-      await fs.writeFile(tmpFile, code)
-      // 将修改完的内容传回服务器
-      await sftp.fastPut(tmpFile, remoteFile)
+      {
+        // 拉取远程文件到本地
+        await sftp.fastGet(remoteFile, tmpFile)
+
+        // 读取本地文件内容
+        let code = await fs.readFile(tmpFile, { encoding: 'utf-8' })
+        code = changeDeployVersion(code, info)
+
+        await sftp.fastPut(tmpFile, remoteFile + '.bak')
+        await fs.writeFile(tmpFile, code)
+        // 将修改完的内容传回服务器
+        await sftp.fastPut(tmpFile, remoteFile)
+      }
+
+      {
+        const remoteLogFile = remoteFile + '.log'
+        const tmpLogFile = tmpFile + '.log'
+        let content = ''
+        try {
+          await sftp.fastGet(remoteLogFile, tmpLogFile)
+          content = await fs.readFile(tmpLogFile, 'utf-8')
+        } catch (error) {}
+        content = updateLogContent(content, info)
+        await fs.writeFile(tmpLogFile, content)
+        await sftp.fastPut(tmpLogFile, remoteLogFile)
+      }
 
       spinner.succeed('已更新 ver.js 版本配置')
     } catch (e) {

package/src/utils/changeDeployVersion.js

@@ -80,6 +80,16 @@ function changeDeployVersion(code, pkg) {
       path.node.properties.push(t.objectProperty(t.identifier(keyName), t.stringLiteral(version)))
     }
   }
+  /**
+   * @param {babel.NodePath<t.ObjectExpression>} path
+   */
+  function deleteModuleComments(path) {
+    path.traverse({
+      ObjectExpression(path) {
+        delete path.node.leadingComments
+      },
+    })
+  }
 
   /**
    * @param {babel.NodePath<t.VariableDeclarator>} path
@@ -105,6 +115,7 @@ function changeDeployVersion(code, pkg) {
   } else {
     addModuleToTarget(targetPath)
   }
+  deleteModuleComments(targetPath)
 
   return format(generate(ast, { minified: true }).code, {
     parser: 'babel',

package/tsconfig.json

@@ -26,6 +26,7 @@
     "**/__test__",
     "test",
     "docs",
-    "tests"
+    "tests",
+    "static"
   ]
 }