build: 修复 tsc 构建 cdn 环境变量替换

Author: winjo

scripts/build.js

@@ -4,6 +4,7 @@ const args = require('minimist')(process.argv.slice(2));
 const glob = require('glob');
 const fse = require('fs-extra');
 const { invoke, exec } = require('./utils/utils');
+const { replaceWorkerAndWebviewAssets } = require('./utils/replace');
 
 invoke(async () => {
   const scope = args.scope || 'all';
@@ -15,6 +16,7 @@ invoke(async () => {
     const watch = args.w || args.watch ? '--watch' : '';
     await exec(`npx tsc --build packages/tsconfig.build.json ${watch}`);
     signale.success('编译成功');
+
     signale.pending('复制非 ts 资源');
     const cwd = path.join(__dirname, '../packages');
     const files = glob.sync('*/src/**/*.@(less)', { cwd, nodir: true });
@@ -26,6 +28,10 @@ invoke(async () => {
       await fse.copyFile(from, to);
     }
     signale.success('复制成功');
+
+    signale.pending('替换 extWorkerHost 和 webviewEndpoint cdn 资源');
+    await replaceWorkerAndWebviewAssets();
+    signale.success('替换成功');
   } catch (err) {
     signale.error('编译失败', err);
     throw err;

scripts/release.js

@@ -108,24 +108,8 @@ invoke(async () => {
 
   step('构建所有 packages...'); // --no-build 跳过
   if (args.build !== false) {
-    const configPath = path.resolve(__dirname, '..', 'packages/toolkit/define.json');
-    if (!fse.existsSync(configPath)) {
-      throw new Error('请先运行 build-assets 构建资源');
-    }
     await exec('yarn build');
-
-    step('注入 cdn 资源');
-    const targetFile = path.resolve(__dirname, '..', 'packages/alex/lib/api/createApp.js');
-    const { code, result } = replace(
-      await fse.readFile(targetFile, 'utf8'),
-      await fse.readJSON(configPath)
-    );
-    if (result) {
-      await fse.writeFile(targetFile, code);
-      console.log('(DONE)');
-    } else {
-      console.log('(SKIP)');
-    }
+    console.log('(DONE)');
   } else {
     console.log('(SKIP)');
   }
@@ -179,25 +163,6 @@ async function updatePackage(pkgRoot, version) {
   await fse.writeJSON(pkgPath, pkgJSON, { spaces: 2 });
 }
 
-/**
- * @param {string} code
- * @param {object} replacement
- */
-function replace(code, replacement) {
-  const keys = Object.keys(replacement)
-    .sort((a, b) => b.length - a.length)
-    .map((str) => str.replace(/[-[\]/{}()*+?.\\^$|]/g, '\\$&'));
-  const pattern = new RegExp(`\\b(${keys.join('|')})\\b`, 'g');
-
-  let result = false;
-  code = code.replace(pattern, (match) => {
-    result = true;
-    return JSON.stringify(replacement[match]);
-  });
-
-  return { code, result };
-}
-
 async function publishPackage(pkgName, version) {
   const pkgRoot = getPkgRoot(pkgName);
   const pkgPath = path.resolve(pkgRoot, 'package.json');

scripts/utils/replace.js

@@ -0,0 +1,50 @@
+/**
+ * 类似 @rollup/plugin-replace，用于 tsc 阶段替换 env
+ */
+
+const fse = require('fs-extra');
+const path = require('path');
+
+/**
+ * @param {string[]} files
+ * @param {Record<string, string>} replacement
+ */
+exports.replace = (files, replacement) => {
+  const keys = Object.keys(replacement)
+    .sort((a, b) => b.length - a.length)
+    .map((str) => str.replace(/[-[\]/{}()*+?.\\^$|]/g, '\\$&'));
+  const pattern = new RegExp(`\\b(${keys.join('|')})\\b`, 'g');
+
+  return Promise.all(
+    files.map(async (file) => {
+      let code = await fse.readFile(file, 'utf8');
+      let result = false;
+      code = code.replace(pattern, (match) => {
+        result = true;
+        return JSON.stringify(replacement[match]);
+      });
+
+      if (result) {
+        await fse.writeFile(file, code);
+      }
+    })
+  );
+};
+
+exports.replaceWorkerAndWebviewAssets = async () => {
+  const configPath = path.resolve(__dirname, '..', '..', 'packages/toolkit/define.json');
+  if (!fse.existsSync(configPath)) {
+    throw new Error('请先运行 build-assets 构建资源');
+  }
+
+  const targetFiles = [
+    path.resolve(__dirname, '..', '..', 'packages/alex/lib/api/createApp.js'),
+    path.resolve(__dirname, '..', '..', 'packages/alex/lib/api/createEditor.js'),
+  ];
+
+  if (!targetFiles.every((file) => fse.existsSync(file))) {
+    throw new Error('请先运行 build 构建 lib');
+  }
+
+  return exports.replace(targetFiles, await fse.readJSON(configPath));
+};