@dimina/compiler 1.0.1

package/dist/core/style-compiler.cjs

@@ -0,0 +1,154 @@
+"use strict";
+const fs = require("node:fs");
+const path = require("node:path");
+const node_worker_threads = require("node:worker_threads");
+const postcss = require("postcss");
+const autoprefixer = require("autoprefixer");
+const selectorParser = require("postcss-selector-parser");
+const cssnano = require("cssnano");
+const compilerSfc = require("@vue/compiler-sfc");
+const env = require("../env-Chow6VXH.cjs");
+const fileType = [".wxss", ".ddss"];
+const compileRes = /* @__PURE__ */ new Map();
+const processedModules = /* @__PURE__ */ new Set();
+if (!node_worker_threads.isMainThread) {
+  node_worker_threads.parentPort.on("message", async ({ pages, storeInfo }) => {
+    try {
+      env.resetStoreInfo(storeInfo);
+      const progress = {
+        _completedTasks: 0,
+        get completedTasks() {
+          return this._completedTasks;
+        },
+        set completedTasks(value) {
+          this._completedTasks = value;
+          node_worker_threads.parentPort.postMessage({ completedTasks: this._completedTasks });
+        }
+      };
+      await compileSS(pages.mainPages, null, progress);
+      for (const [root, subPages] of Object.entries(pages.subPages)) {
+        await compileSS(subPages.info, root, progress);
+      }
+      node_worker_threads.parentPort.postMessage({ success: true });
+    } catch (error) {
+      node_worker_threads.parentPort.postMessage({ success: false, error: error.message });
+    }
+  });
+}
+async function compileSS(pages, root, progress) {
+  for (const page of pages) {
+    const code = await buildCompileCss(page, []) || "";
+    const filename = `${page.path.replace(/\//g, "_")}`;
+    if (root) {
+      const subDir = `${env.getTargetPath()}/${root}`;
+      if (!fs.existsSync(subDir)) {
+        fs.mkdirSync(subDir);
+      }
+      fs.writeFileSync(`${subDir}/${filename}.css`, code);
+    } else {
+      const mainDir = `${env.getTargetPath()}/main`;
+      if (!fs.existsSync(mainDir)) {
+        fs.mkdirSync(mainDir);
+      }
+      fs.writeFileSync(`${mainDir}/${filename}.css`, code);
+    }
+    progress.completedTasks++;
+  }
+}
+async function buildCompileCss(module2, depthChain = []) {
+  const currentPath = module2.path;
+  if (depthChain.includes(currentPath)) {
+    console.warn(`检测到循环依赖: ${[...depthChain, currentPath].join(" -> ")}`);
+  }
+  if (depthChain.length > 100) {
+    console.warn(`检测到深度依赖: ${[...depthChain, currentPath].join(" -> ")}`);
+  }
+  depthChain = [...depthChain, currentPath];
+  let result = await enhanceCSS(module2) || "";
+  if (module2.usingComponents) {
+    for (const componentInfo of Object.values(module2.usingComponents)) {
+      const componentModule = env.getComponent(componentInfo);
+      if (!componentModule) {
+        continue;
+      }
+      result += await buildCompileCss(componentModule, depthChain);
+    }
+  }
+  processedModules.add(currentPath);
+  return result;
+}
+async function enhanceCSS(module2) {
+  const absolutePath = module2.absolutePath ? module2.absolutePath : getAbsolutePath(module2.path);
+  if (!absolutePath) {
+    return;
+  }
+  const inputCSS = env.getContentByPath(absolutePath);
+  if (!inputCSS) {
+    return;
+  }
+  if (compileRes.has(absolutePath)) {
+    return compileRes.get(absolutePath);
+  }
+  const fixedCSS = inputCSS.replace(/@import.*?(?<!;)\s*$/gm, "$&;");
+  const ast = postcss.parse(fixedCSS);
+  const promises = [];
+  ast.walk(async (node) => {
+    if (node.type === "atrule" && node.name === "import") {
+      const str = node.params.replace(/^['"]|['"]$/g, "");
+      const importFullPath = path.resolve(absolutePath, `../${str}`);
+      node.remove();
+      promises.push(buildCompileCss({ absolutePath: importFullPath, id: module2.id }));
+    } else if (node.type === "rule") {
+      if (node.selector.includes("::v-deep")) {
+        node.selector = node.selector.replace(/::v-deep\s+(\S[^{]*)/g, ":deep($1)");
+      }
+      node.selector = selectorParser((selectors) => {
+        selectors.walkTags((tag) => {
+          if (env.tagWhiteList.includes(tag.value)) {
+            tag.value = `.dd-${tag.value}`;
+          }
+        });
+      }).processSync(node.selector);
+      node.walkDecls((decl) => {
+        const match = decl.value.match(/url\("([^"]*)"\)/);
+        if (match) {
+          const imgSrc = match[1].trim();
+          if (imgSrc.startsWith("data:image")) {
+            return;
+          }
+          const realSrc = env.collectAssets(env.getWorkPath(), absolutePath, imgSrc, env.getTargetPath(), env.getAppId());
+          decl.value = `url(${realSrc})`;
+        } else {
+          decl.value = env.transformRpx(decl.value);
+        }
+      });
+    } else if (node.type === "comment") {
+      node.remove();
+    }
+  });
+  const cssCode = ast.toResult().css;
+  const code = compilerSfc.compileStyle({
+    source: cssCode,
+    id: module2.id,
+    scoped: !!module2.id
+  }).code;
+  const res = await postcss([autoprefixer({ overrideBrowserslist: ["cover 99.5%"] }), cssnano()]).process(code, {
+    from: void 0
+    // 未指定输入源文件路径
+  });
+  const importCss = (await Promise.all(promises)).filter(Boolean).join("");
+  const result = importCss ? importCss + res.css : res.css;
+  compileRes.set(module2.path, result);
+  return result;
+}
+function getAbsolutePath(modulePath) {
+  const workPath = env.getWorkPath();
+  const src = modulePath.startsWith("/") ? modulePath : `/${modulePath}`;
+  for (const ssType of fileType) {
+    const ssFullPath = `${workPath}${src}${ssType}`;
+    if (fs.existsSync(ssFullPath)) {
+      return ssFullPath;
+    }
+  }
+}
+module.exports = compileSS;

package/dist/core/style-compiler.js

@@ -0,0 +1,155 @@
+import fs from "node:fs";
+import path from "node:path";
+import { isMainThread, parentPort } from "node:worker_threads";
+import postcss from "postcss";
+import autoprefixer from "autoprefixer";
+import selectorParser from "postcss-selector-parser";
+import cssnano from "cssnano";
+import { compileStyle } from "@vue/compiler-sfc";
+import { r as resetStoreInfo, g as getTargetPath, a as getComponent, b as getContentByPath, h as tagWhiteList, d as collectAssets, e as getAppId, f as getWorkPath, t as transformRpx } from "../env-CezfCSQz.js";
+const fileType = [".wxss", ".ddss"];
+const compileRes = /* @__PURE__ */ new Map();
+const processedModules = /* @__PURE__ */ new Set();
+if (!isMainThread) {
+  parentPort.on("message", async ({ pages, storeInfo }) => {
+    try {
+      resetStoreInfo(storeInfo);
+      const progress = {
+        _completedTasks: 0,
+        get completedTasks() {
+          return this._completedTasks;
+        },
+        set completedTasks(value) {
+          this._completedTasks = value;
+          parentPort.postMessage({ completedTasks: this._completedTasks });
+        }
+      };
+      await compileSS(pages.mainPages, null, progress);
+      for (const [root, subPages] of Object.entries(pages.subPages)) {
+        await compileSS(subPages.info, root, progress);
+      }
+      parentPort.postMessage({ success: true });
+    } catch (error) {
+      parentPort.postMessage({ success: false, error: error.message });
+    }
+  });
+}
+async function compileSS(pages, root, progress) {
+  for (const page of pages) {
+    const code = await buildCompileCss(page, []) || "";
+    const filename = `${page.path.replace(/\//g, "_")}`;
+    if (root) {
+      const subDir = `${getTargetPath()}/${root}`;
+      if (!fs.existsSync(subDir)) {
+        fs.mkdirSync(subDir);
+      }
+      fs.writeFileSync(`${subDir}/${filename}.css`, code);
+    } else {
+      const mainDir = `${getTargetPath()}/main`;
+      if (!fs.existsSync(mainDir)) {
+        fs.mkdirSync(mainDir);
+      }
+      fs.writeFileSync(`${mainDir}/${filename}.css`, code);
+    }
+    progress.completedTasks++;
+  }
+}
+async function buildCompileCss(module, depthChain = []) {
+  const currentPath = module.path;
+  if (depthChain.includes(currentPath)) {
+    console.warn(`检测到循环依赖: ${[...depthChain, currentPath].join(" -> ")}`);
+  }
+  if (depthChain.length > 100) {
+    console.warn(`检测到深度依赖: ${[...depthChain, currentPath].join(" -> ")}`);
+  }
+  depthChain = [...depthChain, currentPath];
+  let result = await enhanceCSS(module) || "";
+  if (module.usingComponents) {
+    for (const componentInfo of Object.values(module.usingComponents)) {
+      const componentModule = getComponent(componentInfo);
+      if (!componentModule) {
+        continue;
+      }
+      result += await buildCompileCss(componentModule, depthChain);
+    }
+  }
+  processedModules.add(currentPath);
+  return result;
+}
+async function enhanceCSS(module) {
+  const absolutePath = module.absolutePath ? module.absolutePath : getAbsolutePath(module.path);
+  if (!absolutePath) {
+    return;
+  }
+  const inputCSS = getContentByPath(absolutePath);
+  if (!inputCSS) {
+    return;
+  }
+  if (compileRes.has(absolutePath)) {
+    return compileRes.get(absolutePath);
+  }
+  const fixedCSS = inputCSS.replace(/@import.*?(?<!;)\s*$/gm, "$&;");
+  const ast = postcss.parse(fixedCSS);
+  const promises = [];
+  ast.walk(async (node) => {
+    if (node.type === "atrule" && node.name === "import") {
+      const str = node.params.replace(/^['"]|['"]$/g, "");
+      const importFullPath = path.resolve(absolutePath, `../${str}`);
+      node.remove();
+      promises.push(buildCompileCss({ absolutePath: importFullPath, id: module.id }));
+    } else if (node.type === "rule") {
+      if (node.selector.includes("::v-deep")) {
+        node.selector = node.selector.replace(/::v-deep\s+(\S[^{]*)/g, ":deep($1)");
+      }
+      node.selector = selectorParser((selectors) => {
+        selectors.walkTags((tag) => {
+          if (tagWhiteList.includes(tag.value)) {
+            tag.value = `.dd-${tag.value}`;
+          }
+        });
+      }).processSync(node.selector);
+      node.walkDecls((decl) => {
+        const match = decl.value.match(/url\("([^"]*)"\)/);
+        if (match) {
+          const imgSrc = match[1].trim();
+          if (imgSrc.startsWith("data:image")) {
+            return;
+          }
+          const realSrc = collectAssets(getWorkPath(), absolutePath, imgSrc, getTargetPath(), getAppId());
+          decl.value = `url(${realSrc})`;
+        } else {
+          decl.value = transformRpx(decl.value);
+        }
+      });
+    } else if (node.type === "comment") {
+      node.remove();
+    }
+  });
+  const cssCode = ast.toResult().css;
+  const code = compileStyle({
+    source: cssCode,
+    id: module.id,
+    scoped: !!module.id
+  }).code;
+  const res = await postcss([autoprefixer({ overrideBrowserslist: ["cover 99.5%"] }), cssnano()]).process(code, {
+    from: void 0
+    // 未指定输入源文件路径
+  });
+  const importCss = (await Promise.all(promises)).filter(Boolean).join("");
+  const result = importCss ? importCss + res.css : res.css;
+  compileRes.set(module.path, result);
+  return result;
+}
+function getAbsolutePath(modulePath) {
+  const workPath = getWorkPath();
+  const src = modulePath.startsWith("/") ? modulePath : `/${modulePath}`;
+  for (const ssType of fileType) {
+    const ssFullPath = `${workPath}${src}${ssType}`;
+    if (fs.existsSync(ssFullPath)) {
+      return ssFullPath;
+    }
+  }
+}
+export {
+  compileSS as default
+};