tailwindcss-injector 0.0.2 → 0.1.1

package/dist/postcss.cjs

@@ -28,12 +28,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 
 // ../../node_modules/.pnpm/tsup@8.3.5_jiti@2.4.1_postcss@8.4.49_tsx@4.19.2_typescript@5.7.2_yaml@2.6.1/node_modules/tsup/assets/cjs_shims.js
-var getImportMetaUrl, importMetaUrl;
 var init_cjs_shims = __esm({
   "../../node_modules/.pnpm/tsup@8.3.5_jiti@2.4.1_postcss@8.4.49_tsx@4.19.2_typescript@5.7.2_yaml@2.6.1/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
-    getImportMetaUrl = () => typeof document === "undefined" ? new URL(`file:${__filename}`).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
-    importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
   }
 });
 
@@ -222,17 +219,12 @@ var import_set_value = __toESM(require_set_value(), 1);
 var _process = require('process'); var _process2 = _interopRequireDefault(_process);
 var _postcss = require('postcss'); var _postcss2 = _interopRequireDefault(_postcss);
 var _tailwindcss = require('tailwindcss'); var _tailwindcss2 = _interopRequireDefault(_tailwindcss);
-
-// src/config.ts
-init_cjs_shims();
-var _path = require('path'); var _path2 = _interopRequireDefault(_path);
-
-var _jiti = require('jiti');
-var _lilconfig = require('lilconfig');
+var _tailwindcssconfig = require('tailwindcss-config');
 
 // src/utils.ts
 init_cjs_shims();
-
+var _crypto = require('crypto'); var _crypto2 = _interopRequireDefault(_crypto);
+var _path = require('path'); var _path2 = _interopRequireDefault(_path);
 
 // ../../node_modules/.pnpm/defu@6.1.4/node_modules/defu/dist/defu.mjs
 init_cjs_shims();
@@ -305,9 +297,14 @@ var defuArrayFn = createDefu((object, key, currentValue) => {
 
 // src/utils.ts
 function removeFileExtension(filePath) {
-  let baseName = _path2.default.basename(filePath, _path2.default.extname(filePath));
-  while (baseName.includes(".")) {
-    baseName = _path2.default.basename(baseName, _path2.default.extname(baseName));
+  if (!filePath) {
+    return "";
+  }
+  let baseName = _path2.default.basename(filePath);
+  let ext = _path2.default.extname(baseName);
+  while (ext) {
+    baseName = baseName.slice(0, -ext.length);
+    ext = _path2.default.extname(baseName);
   }
   const dir = _path2.default.dirname(filePath);
   return _path2.default.join(dir, baseName);
@@ -318,41 +315,107 @@ var defuOverrideArray = createDefu((obj, key, value) => {
     return true;
   }
 });
+function md5(input) {
+  const hash = _crypto2.default.createHash("md5");
+  hash.update(input);
+  return hash.digest("hex");
+}
 
-// src/config.ts
-var jiti = _jiti.createJiti.call(void 0, importMetaUrl);
-var moduleName = "tailwind";
-async function loadConfig(options) {
-  const { config, cwd } = defuOverrideArray(options, {
-    cwd: _process2.default.cwd()
-  });
-  const searcher = _lilconfig.lilconfig.call(void 0, "tailwindcss", {
-    searchPlaces: [
-      `${moduleName}.config.js`,
-      `${moduleName}.config.cjs`,
-      `${moduleName}.config.mjs`,
-      `${moduleName}.config.ts`,
-      `${moduleName}.config.cts`,
-      `${moduleName}.config.mts`
-    ],
-    loaders: {
-      ".js": jiti,
-      ".cjs": jiti,
-      ".mjs": jiti,
-      ".ts": jiti,
-      ".cts": jiti,
-      ".mts": jiti
+// src/wxml.ts
+init_cjs_shims();
+
+var _fsextra = require('fs-extra'); var _fsextra2 = _interopRequireDefault(_fsextra);
+var _htmlparser2 = require('htmlparser2');
+var _magicstring = require('magic-string'); var _magicstring2 = _interopRequireDefault(_magicstring);
+var hashMap = /* @__PURE__ */ new Map();
+var depsMap = /* @__PURE__ */ new Map();
+var srcImportTagsMap = {
+  // audio: ['src', 'poster'],
+  // video: ['src', 'poster'],
+  // image: ['src'],
+  // https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/01wxs-module.html
+  // wxs: ['src'],
+  // https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/import.html
+  import: ["src"],
+  include: ["src"]
+};
+function processWxml(wxml) {
+  const ms = new (0, _magicstring2.default)(wxml.toString());
+  const deps = [];
+  let currentTagName = "";
+  let importAttrs;
+  let attrs = {};
+  const parser = new (0, _htmlparser2.Parser)(
+    {
+      onopentagname(name) {
+        currentTagName = name;
+        importAttrs = srcImportTagsMap[currentTagName];
+      },
+      onattribute(name, value, quote) {
+        attrs[name] = value;
+        if (importAttrs) {
+          for (const attrName of importAttrs) {
+            if (attrName === name) {
+              deps.push({
+                name,
+                value,
+                quote,
+                tagName: currentTagName,
+                start: parser.startIndex,
+                end: parser.endIndex,
+                attrs
+              });
+            }
+          }
+        }
+      },
+      onclosetag() {
+        currentTagName = "";
+        attrs = {};
+        importAttrs = void 0;
+      }
+    },
+    {
+      lowerCaseTags: false,
+      xmlMode: true
+    }
+  );
+  parser.write(
+    ms.original
+  );
+  parser.end();
+  return deps;
+}
+async function getDep(filepath, set2) {
+  if (await _fsextra2.default.exists(filepath)) {
+    const dirname = _path2.default.dirname(filepath);
+    set2.add(filepath);
+    const wxml = await _fsextra2.default.readFile(filepath, "utf8");
+    const hash = md5(wxml);
+    const oldHash = hashMap.get(filepath);
+    const isChanged = hash !== oldHash;
+    let deps = [];
+    const cacheDeps = depsMap.get(filepath);
+    if (isChanged || !cacheDeps) {
+      hashMap.set(filepath, hash);
+      deps = await processWxml(wxml);
+      depsMap.set(filepath, deps);
+    } else {
+      deps = cacheDeps;
+    }
+    for (const { value } of deps) {
+      const p = _path2.default.resolve(dirname, value);
+      if (!set2.has(p)) {
+        await getDep(p, set2);
+      }
     }
-  });
-  if (typeof config === "string" && config) {
-    const configPath = _path2.default.isAbsolute(config) ? config : _path2.default.resolve(cwd, config);
-    const result = await searcher.load(configPath);
-    return _optionalChain([result, 'optionalAccess', _ => _.config]);
-  } else {
-    const result = await searcher.search(cwd);
-    return _optionalChain([result, 'optionalAccess', _2 => _2.config]);
   }
 }
+async function getDepFiles(file) {
+  const set2 = /* @__PURE__ */ new Set();
+  await getDep(file, set2);
+  return set2;
+}
 
 // src/postcss.ts
 var creator = (options) => {
@@ -370,7 +433,7 @@ var creator = (options) => {
       {
         postcssPlugin: "post",
         async Once(root, helpers) {
-          if (filter(_optionalChain([root, 'access', _3 => _3.source, 'optionalAccess', _4 => _4.input]))) {
+          if (filter(_optionalChain([root, 'access', _ => _.source, 'optionalAccess', _2 => _2.input]))) {
             let _root = root;
             for (const params of directiveParams) {
               const node = root.nodes.find((x) => x.type === "atrule" && x.params === params);
@@ -378,10 +441,10 @@ var creator = (options) => {
                 _root = _root.prepend(helpers.atRule({ name: "tailwind", params }));
               }
             }
-            const cfg = typeof config === "function" ? config(_optionalChain([root, 'access', _5 => _5.source, 'optionalAccess', _6 => _6.input])) : config;
+            const cfg = typeof config === "function" ? config(_optionalChain([root, 'access', _3 => _3.source, 'optionalAccess', _4 => _4.input])) : config;
             let tailwindcssConfig;
             if (typeof cfg === "string") {
-              tailwindcssConfig = await loadConfig({
+              tailwindcssConfig = await _tailwindcssconfig.loadConfig.call(void 0, {
                 cwd,
                 config: cfg
               });
@@ -390,10 +453,17 @@ var creator = (options) => {
                 content: []
               }));
             }
-            if (tailwindcssConfig && _optionalChain([root, 'access', _7 => _7.source, 'optionalAccess', _8 => _8.input]) && root.source.input.file) {
+            if (tailwindcssConfig && _optionalChain([root, 'access', _5 => _5.source, 'optionalAccess', _6 => _6.input]) && root.source.input.file) {
+              const basename = removeFileExtension(root.source.input.file);
               (0, import_set_value.default)(tailwindcssConfig, "content", [
-                `${removeFileExtension(root.source.input.file)}.${extensionsGlob}`
+                `${basename}.${extensionsGlob}`
               ]);
+              const deps = await getDepFiles(`${basename}.wxml`);
+              for (const dep of deps) {
+                if (Array.isArray(tailwindcssConfig.content)) {
+                  tailwindcssConfig.content.push(`${removeFileExtension(dep)}.${extensionsGlob}`);
+                }
+              }
             }
             const { root: newRoot } = await _postcss2.default.call(void 0, [
               _tailwindcss2.default.call(void 0, tailwindcssConfig)

package/dist/postcss.js

@@ -216,19 +216,14 @@ var require_set_value = __commonJS({
 // src/postcss.ts
 init_esm_shims();
 var import_set_value = __toESM(require_set_value(), 1);
-import process2 from "node:process";
+import process from "node:process";
 import postcss from "postcss";
 import tailwindcss from "tailwindcss";
-
-// src/config.ts
-init_esm_shims();
-import path2 from "node:path";
-import process from "node:process";
-import { createJiti } from "jiti";
-import { lilconfig } from "lilconfig";
+import { loadConfig } from "tailwindcss-config";
 
 // src/utils.ts
 init_esm_shims();
+import crypto from "node:crypto";
 import path from "node:path";
 
 // ../../node_modules/.pnpm/defu@6.1.4/node_modules/defu/dist/defu.mjs
@@ -302,9 +297,14 @@ var defuArrayFn = createDefu((object, key, currentValue) => {
 
 // src/utils.ts
 function removeFileExtension(filePath) {
-  let baseName = path.basename(filePath, path.extname(filePath));
-  while (baseName.includes(".")) {
-    baseName = path.basename(baseName, path.extname(baseName));
+  if (!filePath) {
+    return "";
+  }
+  let baseName = path.basename(filePath);
+  let ext = path.extname(baseName);
+  while (ext) {
+    baseName = baseName.slice(0, -ext.length);
+    ext = path.extname(baseName);
   }
   const dir = path.dirname(filePath);
   return path.join(dir, baseName);
@@ -315,41 +315,107 @@ var defuOverrideArray = createDefu((obj, key, value) => {
     return true;
   }
 });
+function md5(input) {
+  const hash = crypto.createHash("md5");
+  hash.update(input);
+  return hash.digest("hex");
+}
 
-// src/config.ts
-var jiti = createJiti(import.meta.url);
-var moduleName = "tailwind";
-async function loadConfig(options) {
-  const { config, cwd } = defuOverrideArray(options, {
-    cwd: process.cwd()
-  });
-  const searcher = lilconfig("tailwindcss", {
-    searchPlaces: [
-      `${moduleName}.config.js`,
-      `${moduleName}.config.cjs`,
-      `${moduleName}.config.mjs`,
-      `${moduleName}.config.ts`,
-      `${moduleName}.config.cts`,
-      `${moduleName}.config.mts`
-    ],
-    loaders: {
-      ".js": jiti,
-      ".cjs": jiti,
-      ".mjs": jiti,
-      ".ts": jiti,
-      ".cts": jiti,
-      ".mts": jiti
+// src/wxml.ts
+init_esm_shims();
+import path2 from "node:path";
+import fs from "fs-extra";
+import { Parser } from "htmlparser2";
+import MagicString from "magic-string";
+var hashMap = /* @__PURE__ */ new Map();
+var depsMap = /* @__PURE__ */ new Map();
+var srcImportTagsMap = {
+  // audio: ['src', 'poster'],
+  // video: ['src', 'poster'],
+  // image: ['src'],
+  // https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/01wxs-module.html
+  // wxs: ['src'],
+  // https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/import.html
+  import: ["src"],
+  include: ["src"]
+};
+function processWxml(wxml) {
+  const ms = new MagicString(wxml.toString());
+  const deps = [];
+  let currentTagName = "";
+  let importAttrs;
+  let attrs = {};
+  const parser = new Parser(
+    {
+      onopentagname(name) {
+        currentTagName = name;
+        importAttrs = srcImportTagsMap[currentTagName];
+      },
+      onattribute(name, value, quote) {
+        attrs[name] = value;
+        if (importAttrs) {
+          for (const attrName of importAttrs) {
+            if (attrName === name) {
+              deps.push({
+                name,
+                value,
+                quote,
+                tagName: currentTagName,
+                start: parser.startIndex,
+                end: parser.endIndex,
+                attrs
+              });
+            }
+          }
+        }
+      },
+      onclosetag() {
+        currentTagName = "";
+        attrs = {};
+        importAttrs = void 0;
+      }
+    },
+    {
+      lowerCaseTags: false,
+      xmlMode: true
+    }
+  );
+  parser.write(
+    ms.original
+  );
+  parser.end();
+  return deps;
+}
+async function getDep(filepath, set2) {
+  if (await fs.exists(filepath)) {
+    const dirname = path2.dirname(filepath);
+    set2.add(filepath);
+    const wxml = await fs.readFile(filepath, "utf8");
+    const hash = md5(wxml);
+    const oldHash = hashMap.get(filepath);
+    const isChanged = hash !== oldHash;
+    let deps = [];
+    const cacheDeps = depsMap.get(filepath);
+    if (isChanged || !cacheDeps) {
+      hashMap.set(filepath, hash);
+      deps = await processWxml(wxml);
+      depsMap.set(filepath, deps);
+    } else {
+      deps = cacheDeps;
+    }
+    for (const { value } of deps) {
+      const p = path2.resolve(dirname, value);
+      if (!set2.has(p)) {
+        await getDep(p, set2);
+      }
     }
-  });
-  if (typeof config === "string" && config) {
-    const configPath = path2.isAbsolute(config) ? config : path2.resolve(cwd, config);
-    const result = await searcher.load(configPath);
-    return result?.config;
-  } else {
-    const result = await searcher.search(cwd);
-    return result?.config;
   }
 }
+async function getDepFiles(file) {
+  const set2 = /* @__PURE__ */ new Set();
+  await getDep(file, set2);
+  return set2;
+}
 
 // src/postcss.ts
 var creator = (options) => {
@@ -357,7 +423,7 @@ var creator = (options) => {
     filter: () => true,
     config: void 0,
     directiveParams: ["utilities", "components"],
-    cwd: process2.cwd(),
+    cwd: process.cwd(),
     extensions: ["wxml", "js", "ts"]
   });
   const extensionsGlob = `{${extensions.join(",")}}`;
@@ -388,9 +454,16 @@ var creator = (options) => {
               };
             }
             if (tailwindcssConfig && root.source?.input && root.source.input.file) {
+              const basename = removeFileExtension(root.source.input.file);
               (0, import_set_value.default)(tailwindcssConfig, "content", [
-                `${removeFileExtension(root.source.input.file)}.${extensionsGlob}`
+                `${basename}.${extensionsGlob}`
               ]);
+              const deps = await getDepFiles(`${basename}.wxml`);
+              for (const dep of deps) {
+                if (Array.isArray(tailwindcssConfig.content)) {
+                  tailwindcssConfig.content.push(`${removeFileExtension(dep)}.${extensionsGlob}`);
+                }
+              }
             }
             const { root: newRoot } = await postcss([
               tailwindcss(tailwindcssConfig)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tailwindcss-injector",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.1.1",
   "description": "tsup(esbuild) build package template",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -31,10 +31,12 @@
     "dist"
   ],
   "dependencies": {
-    "jiti": "^2.4.1",
-    "lilconfig": "^3.1.3",
+    "fs-extra": "^11.2.0",
+    "htmlparser2": "^9.1.0",
+    "magic-string": "^0.30.14",
     "postcss": "^8.4.49",
-    "tailwindcss": "^3.4.15"
+    "tailwindcss": "^3.4.16",
+    "tailwindcss-config": "0.0.0"
   },
   "scripts": {
     "dev": "tsup --watch --sourcemap",