@seayoo-web/scripts 2.4.1 → 2.5.0

package/dist/{git-ByQTrD0l.js → git-9UtzsH83.js}

@@ -124,6 +124,42 @@ function getNowTime() {
 function fillZ(a) {
   return ("0" + a).slice(-2);
 }
+function deepMerge(target, ...sourceList) {
+  for (const source of sourceList) {
+    if (!source || typeof source !== "object") continue;
+    for (const key in source) {
+      if (Object.prototype.hasOwnProperty.call(source, key)) {
+        const sourceValue = source[key];
+        const targetValue = target[key];
+        if (isPlainObject(targetValue) && isPlainObject(sourceValue)) {
+          target[key] = deepMerge({ ...targetValue }, sourceValue);
+        } else if (isPlainObject(sourceValue)) {
+          target[key] = deepMerge({}, sourceValue);
+        } else if (Array.isArray(sourceValue)) {
+          target[key] = [...sourceValue];
+        } else {
+          target[key] = sourceValue;
+        }
+      }
+    }
+  }
+  return target;
+}
+function isPlainObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value) && Object.prototype.toString.call(value) === "[object Object]";
+}
+const formatReg = /\{\{\s*([\w\.]+)\s*\}\}/g;
+function format(string, source) {
+  return string.replace(formatReg, function(_, keys) {
+    let val = source;
+    const keyPath = keys.split(".");
+    for (let i = 0; i < keyPath.length; i++) {
+      const p = keyPath[i];
+      val = typeof val === "object" && !!val ? p in val ? val[p] : void 0 : void 0;
+    }
+    return val === void 0 || val === null ? "" : val + "";
+  });
+}
 const MainBranchName = "main";
 const DeployTagPrefix = "deploy_";
 const BackupTagPrefix = "backup_";
@@ -266,6 +302,9 @@ export {
   checkGitStatusBeforeDestroy as j,
   createBackupTag as k,
   getRepos as l,
+  isPlainObject as m,
+  format as n,
+  deepMerge as o,
   removeProjectFromWorkspace as r,
   submitAllDeletionChanges as s
 };

package/dist/index.js

@@ -8,7 +8,7 @@ import vueDevTools from "vite-plugin-vue-devtools";
 import { existsSync, readFileSync } from "fs";
 import { loadEnv } from "vite";
 import "colors";
-import { g as getNowTime, a as getCommitInfo, c as createPageDeployTag } from "./git-ByQTrD0l.js";
+import { g as getNowTime, a as getCommitInfo, c as createPageDeployTag } from "./git-9UtzsH83.js";
 import skipFormatting from "@vue/eslint-config-prettier/skip-formatting";
 import { vueTsConfigs, defineConfigWithVueTs } from "@vue/eslint-config-typescript";
 import { flatConfigs } from "eslint-plugin-import";

package/dist/node.js

@@ -1,11 +1,19 @@
-import { readFileSync } from "fs";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { readFileSync, readdirSync, statSync, existsSync, rmSync, mkdirSync, writeFileSync } from "fs";
 import "colors";
-import path from "path";
+import path, { resolve } from "path";
 import { Command } from "commander";
 import fs from "fs-extra";
 import inquirer from "inquirer";
 import ora from "ora";
-import { b as getMonorepoRoot, d as addProjectToWorkspace, e as copyTemplate, f as copyGlobalFiles, h as getProjects, i as getTemplates, j as checkGitStatusBeforeDestroy, k as createBackupTag, r as removeProjectFromWorkspace, s as submitAllDeletionChanges, l as getRepos } from "./git-ByQTrD0l.js";
+import { b as getMonorepoRoot, d as addProjectToWorkspace, e as copyTemplate, f as copyGlobalFiles, h as getProjects, i as getTemplates, j as checkGitStatusBeforeDestroy, k as createBackupTag, r as removeProjectFromWorkspace, s as submitAllDeletionChanges, l as getRepos, m as isPlainObject, n as format, o as deepMerge } from "./git-9UtzsH83.js";
+import { finderUpload } from "@seayoo-web/finder";
+import { finderDeploy, finderUpload as finderUpload2 } from "@seayoo-web/finder";
+import { createServer } from "http";
+import chokidar from "chokidar";
+import { minify } from "html-minifier-terser";
 const commitRE = /^(?:revert: )?(?:feat|fix|docs|style|refactor|test|build|chore|debug|tweak|improve)(?:\(.+\))?: .{1,100}/;
 function checkCommit() {
   const msgPath = process.argv[2];
@@ -277,8 +285,350 @@ async function destroyRepo() {
   spinner.succeed("页面已经销毁！".green);
 }
 program.action(startCreateJob);
+const styleReg = /<style>.+?<\/style>/gi;
+const scriptReg = /<script>.+?<\/script>/gi;
+const scriptMetaReg = /<script meta>.+?<\/script>/gi;
+const htmlReg = /<template>.+?<\/template>/gi;
+class FooterBuilder {
+  constructor({
+    codeBaseDir,
+    distDir,
+    dataJsonFile,
+    envFilePath,
+    injectFunction
+  }) {
+    __publicField(this, "codeBaseDir");
+    __publicField(this, "envFilePath");
+    __publicField(this, "distDir");
+    __publicField(this, "dataJsonFile");
+    __publicField(this, "injectFunction");
+    __publicField(this, "$groups");
+    this.codeBaseDir = codeBaseDir;
+    this.envFilePath = envFilePath;
+    this.distDir = distDir;
+    this.dataJsonFile = dataJsonFile;
+    this.injectFunction = injectFunction;
+    this.$groups = readdirSync(codeBaseDir).filter((name) => {
+      return statSync(resolve(codeBaseDir, name)).isDirectory();
+    });
+    if (this.$groups.length === 0) {
+      console.warn("⚠️没有找到组信息，请先创建组目录。");
+    }
+    if (existsSync(distDir)) {
+      rmSync(distDir, { recursive: true });
+    }
+    for (const group of this.$groups) {
+      mkdirSync(resolve(distDir, group), { recursive: true });
+    }
+  }
+  get groups() {
+    return this.$groups;
+  }
+  getDeployUserKey() {
+    if (!existsSync(this.envFilePath)) {
+      return null;
+    }
+    const config = readFileSync(this.envFilePath, "utf8").toString();
+    const userMatch = config.match(/SY_DEPLOY_USER *= *([a-z\d]+)/);
+    const keyMatch = config.match(/SY_DEPLOY_KEY *= *([a-z\d]+)/);
+    return {
+      user: ((userMatch == null ? void 0 : userMatch[1]) || "").trim(),
+      key: ((keyMatch == null ? void 0 : keyMatch[1]) || "").trim()
+    };
+  }
+  getAllTemplates() {
+    return this.$groups.map((group) => {
+      const groupDir = resolve(this.codeBaseDir, group);
+      return readdirSync(groupDir).filter((file) => file.endsWith(".html")).map((file) => `${group}/${file}`);
+    }).flat();
+  }
+  getTemplateFile(group, template) {
+    return `${group}/${template}.html`;
+  }
+  loadDefaultData() {
+    const jsonText = readFileSync(this.dataJsonFile).toString();
+    function removeCommit(json) {
+      for (const key in json) {
+        if (isPlainObject(json[key])) {
+          removeCommit(json[key]);
+        } else if (key.startsWith("-") || key.startsWith("+") || key.startsWith("#")) {
+          delete json[key];
+        }
+      }
+      return json;
+    }
+    try {
+      return removeCommit(JSON.parse(jsonText));
+    } catch (e) {
+      console.log("配置数据加载失败", e);
+      return {};
+    }
+  }
+  formatMetaConfig(string) {
+    try {
+      const json = new Function(string.replace(/export default/, ";return "))();
+      if (!isPlainObject(json)) {
+        console.error("格式化 meta 信息错误，应该是一个简单对象");
+        return null;
+      }
+      const keys = Object.keys(json);
+      if (keys.length === 0) {
+        console.error("格式化 meta 信息错误，对象不能为空");
+        return null;
+      }
+      const result = [];
+      for (const key of keys) {
+        if (!key.includes("/public/footer/") && !key.includes("/snippets/")) {
+          console.error(`deployTo (${key}) 错误, 必须包含路径 "/public/footer/" 或 "/snippets/"`);
+          return null;
+        }
+        const config = json[key];
+        if (!isPlainObject(config)) {
+          console.error(`deployTo (${key}) 配置错误，应该是一个简单对象`);
+          return null;
+        }
+        if (!("enabledIn" in config) || !Array.isArray(config.enabledIn) || config.enabledIn.length === 0 || config.enabledIn.some((x) => typeof x !== "string")) {
+          console.error(`deployTo (${key}) 配置项 enabledIn 错误, 应该是一个包含域名的非空数组`);
+          return null;
+        }
+        if ("payload" in config && !isPlainObject(config.payload)) {
+          console.error(`deployTo (${key}) 配置项 payload 错误, 应该是一个对象`);
+          return null;
+        }
+        result.push({
+          deployTo: key,
+          enabledIn: config.enabledIn,
+          payload: isPlainObject(config.payload) ? config.payload : void 0
+        });
+      }
+      return result;
+    } catch (e) {
+      console.error("Format Meta Config Error", e);
+      return null;
+    }
+  }
+  async buildEntry(template, payloadData) {
+    if (!template.endsWith(".html")) {
+      console.error(`${template} 不是  html 文件！`);
+      return [];
+    }
+    const htmlRaw = readFileSync(resolve(this.codeBaseDir, template)).toString();
+    const miniHtml = await minify(htmlRaw, {
+      collapseWhitespace: true,
+      removeComments: true,
+      removeScriptTypeAttributes: true,
+      removeStyleLinkTypeAttributes: true,
+      sortAttributes: true,
+      removeEmptyElements: true,
+      minifyCSS: true,
+      minifyJS: true
+    });
+    const style = (miniHtml.match(styleReg) || []).map((code) => code.slice(7, -8)).join("");
+    const meta = (miniHtml.match(scriptMetaReg) || []).map((code) => code.slice(13, -9)).join(";");
+    const script = (miniHtml.match(scriptReg) || []).map((code) => code.slice(8, -9)).join(";");
+    const html = (miniHtml.match(htmlReg) || []).map((code) => code.slice(10, -11)).join("");
+    if (!html) {
+      console.log(`${template} 的 html 数据配置错误，请检查。`);
+      return [];
+    }
+    if (!style) {
+      console.log(`${template} 的 style 数据配置错误，请检查。`);
+      return [];
+    }
+    const metaConfig = this.formatMetaConfig(meta);
+    if (!metaConfig) {
+      console.log(`${template} 的 script meta 数据配置错误，请检查。`);
+      return [];
+    }
+    const buildResult = [];
+    for (const config of metaConfig) {
+      const formattedHTML = format(html, deepMerge({}, payloadData || {}, config.payload || {})).replace(/<img [^>]*?src=""[^>]+>/gi, "").replace(/<a [^>]*?href=""[^>]+>(.*?)<\/a>/gi, "$1").replace(/<p class="">/gi, "<p>").replace(/(?:<p>\s*<\/p>|<section>\s*<\/section>|<div>\s*<\/div>)/gi, "");
+      buildResult.push({
+        deployTo: config.deployTo,
+        group: template.replace(/\/.*$/, ""),
+        template,
+        filename: config.deployTo.replace(/^.*\//, ""),
+        code: await this.combineToCode(config.enabledIn, style, script, formattedHTML)
+      });
+    }
+    return buildResult;
+  }
+  async combineToCode(enabledIn, style, script, html) {
+    const func = (await minify(`<script>${this.injectFunction}<\/script>`, {
+      collapseWhitespace: true,
+      removeComments: true,
+      minifyJS: true
+    })).slice(8, -9).replace(/function injectFooter/, "function");
+    return `(${func})(${JSON.stringify(enabledIn)},${JSON.stringify(style)},${JSON.stringify(script)},${JSON.stringify(html)})`;
+  }
+  async upload(deployTo, code, user, key) {
+    return await finderUpload({
+      fileContent: code,
+      deployTo,
+      user,
+      key,
+      preview: true
+    }).then(() => null).catch((err) => err instanceof Error ? err : new Error(err));
+  }
+  /**
+   * 核心构建方法，根据模板文件生成结果
+   * @param templateFile 可选模板文件路径，若未提供则使用所有模板
+   * @returns 返回构建结果数组
+   */
+  async coreBuild(templateFile) {
+    const templateData = this.loadDefaultData();
+    const templates = templateFile ? [templateFile.replace(/\\/g, "/")] : this.getAllTemplates();
+    const result = [];
+    for (const html of templates) {
+      result.push(...await this.buildEntry(html, templateData));
+    }
+    return result;
+  }
+  /**
+   * 构建模板并输出结果文件
+   * @param templateFile - 模板文件路径
+   */
+  async buildAndOutput(templateFile) {
+    const result = await this.coreBuild(templateFile);
+    for (const { group, template, filename, code } of result) {
+      mkdirSync(resolve(this.distDir, group, template), { recursive: true });
+      writeFileSync(resolve(this.distDir, group, template, filename), code);
+    }
+  }
+  /**
+   * 监听代码目录变化并触发构建
+   * @description 使用chokidar监控代码目录，当非目录添加事件发生时：
+   * - 如果是.html文件，构建并输出相对路径
+   * - 其他文件变更则触发全量构建
+   */
+  startFileWatch() {
+    chokidar.watch(this.codeBaseDir).on("all", (event, path2) => {
+      if (event !== "addDir") {
+        if (path2.endsWith(".html")) {
+          this.buildAndOutput(path2.slice(4).replace(/\\/g, "/"));
+        } else {
+          this.buildAndOutput();
+        }
+      }
+    });
+  }
+  /**
+   * 启动部署服务器，监听指定端口
+   * @param port 服务器监听端口，默认为7759
+   * @description
+   * 1. 处理跨域请求和预检OPTIONS请求
+   * 2. 验证部署配置和用户权限
+   * 3. 支持两种部署模式：
+   *    - 部署单个文件：匹配 /deploy/[group]/[template]/[filename] 路径
+   *    - 部署模板下所有文件：匹配 /deploy/[group]/[template] 路径
+   * 4. 返回部署结果或错误信息
+   */
+  startDeployServer(port = 7759) {
+    const server = createServer(async (req, res) => {
+      const cosHeader = {
+        "Access-Control-Allow-Origin": req.headers.origin || "https://127.0.0.1",
+        "Access-Control-Allow-Methods": "GET, OPTIONS",
+        "Access-Control-Allow-Headers": "Content-Type, Authorization",
+        "Access-Control-Max-Age": "86400"
+      };
+      const url = (req.url || "").trim();
+      const method = (req.method || "get").toLowerCase();
+      if (method === "options") {
+        res.writeHead(200, cosHeader);
+        res.end();
+        return;
+      }
+      const fileDeployInfo = url.match(/deploy\/([^/]+)\/([^/]+)\/([^/]+)$/);
+      const templateDeployInfo = url.match(/deploy\/([^/]+)\/([^/]+)$/);
+      const user = this.getDeployUserKey();
+      if (fileDeployInfo || templateDeployInfo) {
+        if (!user) {
+          res.writeHead(403, cosHeader);
+          res.write("请先在根目录添加 .env.local 文件");
+          res.end();
+          return;
+        }
+        if (!user.user) {
+          res.writeHead(403, cosHeader);
+          res.write("请设置 .env.local 文件中 SY_DEPLOY_USER");
+          res.end();
+          return;
+        }
+        if (!user.key) {
+          res.writeHead(403, cosHeader);
+          res.write("请设置 .env.local 文件中 SY_DEPLOY_KEY");
+          res.end();
+          return;
+        }
+        const group = (fileDeployInfo == null ? void 0 : fileDeployInfo[1]) || (templateDeployInfo == null ? void 0 : templateDeployInfo[1]) || "";
+        const allGroups = this.groups;
+        if (!allGroups.includes(group)) {
+          res.writeHead(403, cosHeader);
+          res.write(`分组错误，没有 ${group}`);
+          res.end();
+          return;
+        }
+        const template = fileDeployInfo ? this.getTemplateFile(fileDeployInfo[1], fileDeployInfo[2]) : templateDeployInfo ? this.getTemplateFile(templateDeployInfo[1], templateDeployInfo[2]) : "";
+        const allTemplates = this.getAllTemplates();
+        if (!allTemplates.includes(template)) {
+          res.writeHead(403, cosHeader);
+          res.write(`模板错误，没有 ${template}`);
+          res.end();
+          return;
+        }
+      }
+      if (fileDeployInfo) {
+        const buildResult = await this.coreBuild(this.getTemplateFile(fileDeployInfo[1], fileDeployInfo[2]));
+        const filename = `${fileDeployInfo[3].replace(/\.js$/, "")}.js`;
+        const data = buildResult.find((data2) => data2.filename === filename);
+        if (!data) {
+          res.writeHead(504, cosHeader);
+          res.write(`没有找到文件 ${filename}`);
+          res.end();
+          return;
+        }
+        const err = await this.upload(data.deployTo, data.code, (user == null ? void 0 : user.user) || "", (user == null ? void 0 : user.key) || "");
+        res.writeHead(200, { "Content-Type": "text/plain", ...cosHeader });
+        res.write(err ? `部署失败 ${err.message}` : `部署完毕 ${data.deployTo}`);
+        res.end();
+        return;
+      }
+      if (templateDeployInfo) {
+        const buildResult = await this.coreBuild(this.getTemplateFile(templateDeployInfo[1], templateDeployInfo[2]));
+        const success = [];
+        const failed = [];
+        for (const data of buildResult) {
+          const err = await this.upload(data.deployTo, data.code, (user == null ? void 0 : user.user) || "", (user == null ? void 0 : user.key) || "");
+          if (err) {
+            failed.push(data.deployTo);
+          } else {
+            success.push(data.deployTo);
+          }
+        }
+        res.writeHead(200, { "Content-Type": "text/plain", ...cosHeader });
+        res.write(
+          [
+            success.length > 0 ? `部署成功
+ ${success.join("\n")}` : "",
+            failed.length > 0 ? `部署失败
+ ${failed.join("\n")}` : ""
+          ].join("\n")
+        );
+        res.end();
+        return;
+      }
+      res.writeHead(404, { "Content-Type": "text/plain", ...cosHeader });
+      res.write("Api Not Found");
+      res.end();
+    });
+    server.listen(port);
+  }
+}
 export {
+  FooterBuilder,
   checkCommit,
+  finderDeploy,
+  finderUpload2 as finderUpload,
   runCreateScript,
   runDestroyScript
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seayoo-web/scripts",
-  "version": "2.4.1",
+  "version": "2.5.0",
   "description": "scripts for seayoo web repos",
   "type": "module",
   "source": "index.ts",
@@ -38,11 +38,13 @@
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.5.0",
+    "chokidar": "^4.0.3",
     "colors": "^1.4.0",
     "commander": "^13.1.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-vue": "^9.33.0",
     "fs-extra": "^11.3.0",
+    "html-minifier-terser": "^7.2.0",
     "inquirer": "^12.5.2",
     "jiti": "^2.4.2",
     "ora": "^8.2.0",
@@ -51,10 +53,11 @@
     "terser": "^5.39.0",
     "vite-plugin-stylelint": "^6.0.0",
     "vite-plugin-vue-devtools": "^7.7.5",
-    "@seayoo-web/finder": "^2.1.0"
+    "@seayoo-web/finder": "^2.1.1"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
+    "@types/html-minifier-terser": "^7.0.2",
     "@types/node": "^22.14.1",
     "@typescript-eslint/utils": "^8.30.1",
     "eslint": "^9.25.0",

package/types/node.d.ts

@@ -1,3 +1,5 @@
 export * from "./src/commit";
 export * from "./src/create";
 export * from "./src/destroy";
+export * from "./src/finder";
+export * from "./src/footer";

package/types/src/finder.d.ts

@@ -0,0 +1 @@
+export { finderUpload, finderDeploy } from "@seayoo-web/finder";

package/types/src/footer.d.ts

@@ -0,0 +1,60 @@
+export declare class FooterBuilder {
+    private codeBaseDir;
+    private envFilePath;
+    private distDir;
+    private dataJsonFile;
+    private injectFunction;
+    private $groups;
+    constructor({ codeBaseDir, distDir, dataJsonFile, envFilePath, injectFunction, }: {
+        codeBaseDir: string;
+        distDir: string;
+        dataJsonFile: string;
+        envFilePath: string;
+        injectFunction: string;
+    });
+    get groups(): string[];
+    private getDeployUserKey;
+    private getAllTemplates;
+    private getTemplateFile;
+    private loadDefaultData;
+    private formatMetaConfig;
+    private buildEntry;
+    private combineToCode;
+    private upload;
+    /**
+     * 核心构建方法，根据模板文件生成结果
+     * @param templateFile 可选模板文件路径，若未提供则使用所有模板
+     * @returns 返回构建结果数组
+     */
+    coreBuild(templateFile?: string): Promise<{
+        deployTo: string;
+        group: string;
+        template: string;
+        filename: string;
+        code: string;
+    }[]>;
+    /**
+     * 构建模板并输出结果文件
+     * @param templateFile - 模板文件路径
+     */
+    buildAndOutput(templateFile?: string): Promise<void>;
+    /**
+     * 监听代码目录变化并触发构建
+     * @description 使用chokidar监控代码目录，当非目录添加事件发生时：
+     * - 如果是.html文件，构建并输出相对路径
+     * - 其他文件变更则触发全量构建
+     */
+    startFileWatch(): void;
+    /**
+     * 启动部署服务器，监听指定端口
+     * @param port 服务器监听端口，默认为7759
+     * @description
+     * 1. 处理跨域请求和预检OPTIONS请求
+     * 2. 验证部署配置和用户权限
+     * 3. 支持两种部署模式：
+     *    - 部署单个文件：匹配 /deploy/[group]/[template]/[filename] 路径
+     *    - 部署模板下所有文件：匹配 /deploy/[group]/[template] 路径
+     * 4. 返回部署结果或错误信息
+     */
+    startDeployServer(port?: number): void;
+}

package/types/src/utils.d.ts

@@ -44,3 +44,11 @@ export declare function addProjectToWorkspace(project: string): Promise<void>;
  */
 export declare function removeProjectFromWorkspace(project: string): Promise<void>;
 export declare function getNowTime(): string;
+export declare function deepMerge(target: Record<string, unknown>, ...sourceList: Record<string, unknown>[]): Record<string, unknown>;
+export declare function isPlainObject(value: unknown): value is Record<string, unknown>;
+/**
+ * 模板格式化
+ * @param string 要格式化的模板字符串
+ * @param source 要填充的数据源
+ */
+export declare function format(string: string, source: Record<string, unknown>): string;