tailwindcss-patch 1.2.7 → 2.0.0-alpha.0

package/dist/index.mjs

@@ -0,0 +1,504 @@
+import path, { dirname } from 'node:path';
+import fs from 'node:fs';
+import fs$1 from 'node:fs/promises';
+import pkg from 'resolve';
+import { gte } from 'semver';
+import * as t from '@babel/types';
+import generate from '@babel/generator';
+import traverse from '@babel/traverse';
+import { parse } from '@babel/parser';
+import postcss from 'postcss';
+import postcssrc from 'postcss-load-config';
+import { createDefineConfig, loadConfig } from 'c12';
+
+
+
+// -- Unbuild CommonJS Shims --
+import __cjs_url__ from 'url';
+import __cjs_path__ from 'path';
+import __cjs_mod__ from 'module';
+const __filename = __cjs_url__.fileURLToPath(import.meta.url);
+const __dirname = __cjs_path__.dirname(__filename);
+const require = __cjs_mod__.createRequire(import.meta.url);
+const { sync } = pkg;
+function ensureFileContent(filepaths) {
+  if (typeof filepaths === "string") {
+    filepaths = [filepaths];
+  }
+  let content;
+  for (const filepath of filepaths) {
+    if (fs.existsSync(filepath)) {
+      content = fs.readFileSync(filepath, {
+        encoding: "utf8"
+      });
+      break;
+    }
+  }
+  return content;
+}
+function requireResolve(id, opts) {
+  return sync(id, opts);
+}
+async function ensureDir(p) {
+  try {
+    await fs$1.access(p);
+  } catch {
+    await fs$1.mkdir(p, {
+      recursive: true
+    });
+  }
+}
+
+function getTailwindcssEntry(basedir = process.cwd()) {
+  return requireResolve("tailwindcss");
+}
+function getContexts(basedir) {
+  const twPath = getTailwindcssEntry(basedir);
+  const distPath = path.dirname(twPath);
+  let injectFilePath = path.join(distPath, "plugin.js");
+  if (!fs.existsSync(injectFilePath)) {
+    injectFilePath = path.join(distPath, "index.js");
+  }
+  const mo = require(injectFilePath);
+  if (mo.contextRef) {
+    return mo.contextRef.value;
+  }
+  return [];
+}
+function getClassCaches(basedir) {
+  const contexts = getContexts(basedir);
+  return contexts.map((x) => x.classCache);
+}
+function getClassCacheSet(basedir) {
+  const classCaches = getClassCaches(basedir);
+  const classSet = /* @__PURE__ */ new Set();
+  for (const classCacheMap of classCaches) {
+    const keys = classCacheMap.keys();
+    for (const key of keys) {
+      classSet.add(key.toString());
+    }
+  }
+  return classSet;
+}
+
+const pkgName = "tailwindcss-patch";
+
+function log(message, ...optionalParams) {
+  return console.log(`[${pkgName}]:` + message, ...optionalParams);
+}
+
+function getCacheOptions(options) {
+  let cache;
+  switch (typeof options) {
+    case "undefined": {
+      cache = {
+        enable: false
+      };
+      break;
+    }
+    case "boolean": {
+      cache = {
+        enable: options
+      };
+      break;
+    }
+    case "object": {
+      cache = { ...options, enable: true };
+      break;
+    }
+  }
+  return cache;
+}
+class CacheManager {
+  constructor(options = {}) {
+    this.options = this.getOptions(options);
+  }
+  mkdir(cacheDirectory) {
+    const exists = fs.existsSync(cacheDirectory);
+    if (!exists) {
+      fs.mkdirSync(cacheDirectory, {
+        recursive: true
+      });
+    }
+    return cacheDirectory;
+  }
+  getOptions(options = {}) {
+    const cwd = options.cwd ?? process.cwd();
+    const dir = options.dir ?? path.resolve(cwd, "node_modules/.cache", pkgName);
+    const file = options.file ?? "index.json";
+    const filename = path.resolve(dir, file);
+    return {
+      cwd,
+      dir,
+      file,
+      filename,
+      strategy: "merge"
+    };
+  }
+  write(data) {
+    try {
+      const { dir, filename } = this.options;
+      this.mkdir(dir);
+      fs.writeFileSync(filename, JSON.stringify([...data], void 0, 2), "utf8");
+      return filename;
+    } catch {
+      log("write cache file fail!");
+    }
+  }
+  read() {
+    const { filename } = this.options;
+    try {
+      if (fs.existsSync(filename)) {
+        const data = fs.readFileSync(filename, "utf8");
+        return new Set(JSON.parse(data));
+      }
+    } catch {
+      log("parse cache content fail! path:" + filename);
+      try {
+        fs.unlinkSync(filename);
+      } catch {
+        log("delete cache file fail! path:" + filename);
+      }
+    }
+  }
+}
+
+function inspectProcessTailwindFeaturesReturnContext(content) {
+  const ast = parse(content);
+  let hasPatched = false;
+  traverse(ast, {
+    FunctionDeclaration(p) {
+      const n = p.node;
+      if (n.id?.name === "processTailwindFeatures" && n.body.body.length === 1 && t.isReturnStatement(n.body.body[0])) {
+        const rts = n.body.body[0];
+        if (t.isFunctionExpression(rts.argument)) {
+          const body = rts.argument.body.body;
+          const lastStatement = body.at(-1);
+          hasPatched = t.isReturnStatement(lastStatement) && t.isIdentifier(lastStatement.argument) && lastStatement.argument.name === "context";
+          if (!hasPatched) {
+            const rts2 = t.returnStatement(t.identifier("context"));
+            body.push(rts2);
+          }
+        }
+      }
+    }
+  });
+  return {
+    code: hasPatched ? content : generate(ast).code,
+    hasPatched
+  };
+}
+function inspectPostcssPlugin(content) {
+  const ast = parse(content);
+  const exportKey = "contextRef";
+  const variableName = "contextRef";
+  const valueKey = "value";
+  let hasPatched = false;
+  traverse(ast, {
+    Program(p) {
+      const n = p.node;
+      const idx = n.body.findIndex((x) => {
+        return t.isExpressionStatement(x) && t.isAssignmentExpression(x.expression) && t.isMemberExpression(x.expression.left) && t.isFunctionExpression(x.expression.right) && x.expression.right.id?.name === "tailwindcss";
+      });
+      if (idx > -1) {
+        const prevStatement = n.body[idx - 1];
+        const lastStatement = n.body.at(-1);
+        const hasPatchedCondition0 = prevStatement && t.isVariableDeclaration(prevStatement) && prevStatement.declarations.length === 1 && t.isIdentifier(prevStatement.declarations[0].id) && prevStatement.declarations[0].id.name === variableName;
+        const hasPatchedCondition1 = t.isExpressionStatement(lastStatement) && t.isAssignmentExpression(lastStatement.expression) && t.isIdentifier(lastStatement.expression.right) && lastStatement.expression.right.name === variableName;
+        hasPatched = hasPatchedCondition0 || hasPatchedCondition1;
+        if (!hasPatched) {
+          const statement = t.variableDeclaration("const", [
+            t.variableDeclarator(t.identifier(variableName), t.objectExpression([t.objectProperty(t.identifier(valueKey), t.arrayExpression())]))
+          ]);
+          n.body.splice(idx, 0, statement);
+          n.body.push(
+            t.expressionStatement(
+              t.assignmentExpression(
+                "=",
+                t.memberExpression(t.memberExpression(t.identifier("module"), t.identifier("exports")), t.identifier(exportKey)),
+                t.identifier(variableName)
+              )
+            )
+          );
+        }
+      }
+    },
+    FunctionExpression(p) {
+      if (hasPatched) {
+        return;
+      }
+      const n = p.node;
+      if (n.id?.name === "tailwindcss" && n.body.body.length === 1 && t.isReturnStatement(n.body.body[0])) {
+        const returnStatement = n.body.body[0];
+        if (t.isObjectExpression(returnStatement.argument) && returnStatement.argument.properties.length === 2) {
+          const properties = returnStatement.argument.properties;
+          if (t.isObjectProperty(properties[0]) && t.isObjectProperty(properties[1])) {
+            const keyMatched = t.isIdentifier(properties[0].key) && properties[0].key.name === "postcssPlugin";
+            const pluginsMatched = t.isIdentifier(properties[1].key) && properties[1].key.name === "plugins";
+            if (pluginsMatched && keyMatched && t.isCallExpression(properties[1].value) && t.isMemberExpression(properties[1].value.callee) && t.isArrayExpression(properties[1].value.callee.object)) {
+              const pluginsCode = properties[1].value.callee.object.elements;
+              if (pluginsCode[1] && t.isFunctionExpression(pluginsCode[1])) {
+                const targetBlockStatement = pluginsCode[1].body;
+                const lastStatement = targetBlockStatement.body.at(-1);
+                if (t.isExpressionStatement(lastStatement)) {
+                  const newExpressionStatement = t.expressionStatement(
+                    t.callExpression(
+                      t.memberExpression(
+                        t.memberExpression(t.identifier(variableName), t.identifier("value")),
+                        t.identifier("push")
+                      ),
+                      [lastStatement.expression]
+                    )
+                  );
+                  targetBlockStatement.body[targetBlockStatement.body.length - 1] = newExpressionStatement;
+                }
+                const ifIdx = targetBlockStatement.body.findIndex((x) => t.isIfStatement(x));
+                if (ifIdx > -1) {
+                  const ifRoot = targetBlockStatement.body[ifIdx];
+                  if (t.isBlockStatement(ifRoot.consequent) && ifRoot.consequent.body[1] && t.isForOfStatement(ifRoot.consequent.body[1])) {
+                    const forOf = ifRoot.consequent.body[1];
+                    if (t.isBlockStatement(forOf.body) && forOf.body.body.length === 1 && t.isIfStatement(forOf.body.body[0])) {
+                      const if2 = forOf.body.body[0];
+                      if (t.isBlockStatement(if2.consequent) && if2.consequent.body.length === 1 && t.isExpressionStatement(if2.consequent.body[0])) {
+                        const target = if2.consequent.body[0];
+                        const newExpressionStatement = t.expressionStatement(
+                          t.callExpression(t.memberExpression(t.memberExpression(t.identifier(variableName), t.identifier("value")), t.identifier("push")), [target.expression])
+                        );
+                        if2.consequent.body[0] = newExpressionStatement;
+                      }
+                    }
+                  }
+                }
+                targetBlockStatement.body.unshift(
+                  // contentRef.value = []
+                  // t.expressionStatement(t.assignmentExpression('=', t.memberExpression(t.identifier(variableName), t.identifier(valueKey)), t.arrayExpression()))
+                  // contentRef.value.length = 0
+                  t.expressionStatement(
+                    t.assignmentExpression(
+                      "=",
+                      t.memberExpression(t.memberExpression(t.identifier(variableName), t.identifier(valueKey)), t.identifier("length")),
+                      t.numericLiteral(0)
+                    )
+                  )
+                );
+              }
+            }
+          }
+        }
+      }
+    }
+    // BlockStatement(p) {
+    //   const n = p.node
+    //   if (start && p.parent.type === 'FunctionExpression' && !p.parent.id) {
+    //     n.body.unshift(t.expressionStatement(t.assignmentExpression('=', t.memberExpression(t.identifier(variableName), t.identifier(valueKey)), t.arrayExpression())))
+    //   }
+    // }
+  });
+  return {
+    code: hasPatched ? content : generate(ast).code,
+    hasPatched
+  };
+}
+
+function isObject(value) {
+  return value !== null && typeof value === "object";
+}
+function _defu(baseObject, defaults, namespace = ".", merger) {
+  if (!isObject(defaults)) {
+    return _defu(baseObject, {}, namespace, merger);
+  }
+  const object = Object.assign({}, defaults);
+  for (const key in baseObject) {
+    if (key === "__proto__" || key === "constructor") {
+      continue;
+    }
+    const value = baseObject[key];
+    if (value === null || value === void 0) {
+      continue;
+    }
+    if (merger && merger(object, key, value, namespace)) {
+      continue;
+    }
+    if (Array.isArray(value) && Array.isArray(object[key])) {
+      object[key] = [...value, ...object[key]];
+    } else if (isObject(value) && isObject(object[key])) {
+      object[key] = _defu(
+        value,
+        object[key],
+        (namespace ? `${namespace}.` : "") + key.toString(),
+        merger
+      );
+    } else {
+      object[key] = value;
+    }
+  }
+  return object;
+}
+function createDefu(merger) {
+  return (...arguments_) => (
+    // eslint-disable-next-line unicorn/no-array-reduce
+    arguments_.reduce((p, c) => _defu(p, c, "", merger), {})
+  );
+}
+const defu = createDefu();
+
+const defaultOptions = {
+  overwrite: true
+};
+
+function getInstalledPkgJsonPath(options = {}) {
+  try {
+    const tmpJsonPath = requireResolve(`tailwindcss/package.json`, {
+      paths: options.paths
+    });
+    return tmpJsonPath;
+  } catch (error) {
+    if (error.code === "MODULE_NOT_FOUND") {
+      console.warn("Can't find npm pkg: `tailwindcss`, Please ensure it has been installed!");
+    }
+  }
+}
+function getPatchOptions(options = {}) {
+  return defu(
+    options,
+    {
+      basedir: process.cwd()
+    },
+    defaultOptions
+  );
+}
+function createPatch(opt) {
+  return () => {
+    try {
+      const pkgJsonPath = getInstalledPkgJsonPath(opt);
+      return internalPatch(pkgJsonPath, opt);
+    } catch (error) {
+      console.warn(`patch tailwindcss failed:` + error.message);
+    }
+  };
+}
+function monkeyPatchForExposingContext(twDir, opt) {
+  const processTailwindFeaturesFilePath = path.resolve(twDir, "lib/processTailwindFeatures.js");
+  const processTailwindFeaturesContent = ensureFileContent(processTailwindFeaturesFilePath);
+  const result = {};
+  if (processTailwindFeaturesContent) {
+    const { code, hasPatched } = inspectProcessTailwindFeaturesReturnContext(processTailwindFeaturesContent);
+    if (!hasPatched && opt.overwrite) {
+      fs.writeFileSync(processTailwindFeaturesFilePath, code, {
+        encoding: "utf8"
+      });
+      console.log("patch tailwindcss processTailwindFeatures for return content successfully!");
+    }
+    result.processTailwindFeatures = code;
+  }
+  const pluginFilePath = path.resolve(twDir, "lib/plugin.js");
+  const indexFilePath = path.resolve(twDir, "lib/index.js");
+  const pluginContent = ensureFileContent([pluginFilePath, indexFilePath]);
+  if (pluginContent) {
+    const { code, hasPatched } = inspectPostcssPlugin(pluginContent);
+    if (!hasPatched && opt.overwrite) {
+      fs.writeFileSync(pluginFilePath, code, {
+        encoding: "utf8"
+      });
+      console.log("patch tailwindcss for expose runtime content successfully!");
+    }
+    result.plugin = code;
+  }
+  opt.custom && typeof opt.custom === "function" && opt.custom(twDir, result);
+  return result;
+}
+function internalPatch(pkgJsonPath, options) {
+  if (pkgJsonPath) {
+    const pkgJson = require(pkgJsonPath);
+    const twDir = path.dirname(pkgJsonPath);
+    if (gte(pkgJson.version, "3.0.0")) {
+      options.version = pkgJson.version;
+      const result = monkeyPatchForExposingContext(twDir, options);
+      return result;
+    }
+  }
+}
+
+async function getCss(p) {
+  const { options, plugins } = await postcssrc(void 0, p);
+  const res = await postcss(plugins).process("@tailwind base;@tailwind components;@tailwind utilities;", {
+    from: void 0,
+    ...options
+  });
+  return res;
+}
+
+class TailwindcssPatcher {
+  constructor(options = {}) {
+    this.rawOptions = options;
+    this.cacheOptions = getCacheOptions(options.cache);
+    this.patchOptions = getPatchOptions(options.patch);
+    this.patch = createPatch(this.patchOptions);
+    this.cacheManager = new CacheManager(this.cacheOptions);
+  }
+  getPkgEntry(basedir) {
+    return getTailwindcssEntry(basedir);
+  }
+  setCache(set) {
+    if (this.cacheOptions.enable) {
+      return this.cacheManager.write(set);
+    }
+  }
+  getCache() {
+    return this.cacheManager.read();
+  }
+  /**
+   * @description 在多个 tailwindcss 上下文时，这个方法将被执行多次，所以策略上应该使用 append
+   * 详见 taro weapp-tailwindcss 独立分包
+   * @param basedir
+   * @returns
+   */
+  getClassSet(options = {
+    cacheStrategy: this.cacheOptions.strategy ?? "merge"
+  }) {
+    const { basedir, cacheStrategy } = options;
+    const set = getClassCacheSet(basedir);
+    if (cacheStrategy === "overwrite") {
+      set.size > 0 && this.setCache(set);
+    } else if (cacheStrategy === "merge") {
+      const cacheSet = this.getCache();
+      if (cacheSet) {
+        for (const x of cacheSet) {
+          set.add(x);
+        }
+      }
+      this.setCache(set);
+    }
+    return set;
+  }
+  getContexts(basedir) {
+    return getContexts(basedir);
+  }
+  async extract(options) {
+    const { configDir, filename, loose } = options;
+    await getCss(configDir);
+    const set = this.getClassSet();
+    await ensureDir(dirname(filename));
+    const classList = [...set];
+    await fs$1.writeFile(filename, JSON.stringify(classList, null, loose ? 2 : void 0), "utf8");
+    return classList;
+  }
+}
+
+function getConfig() {
+  return loadConfig({
+    name: "tailwindcss-patch",
+    defaults: {
+      output: {
+        filename: ".tw-patch/tw-class-list.json"
+      },
+      postcss: {
+        configDir: process.cwd(),
+        loose: true
+      }
+    }
+  });
+}
+const defineConfig = createDefineConfig();
+
+export { CacheManager, TailwindcssPatcher, createPatch, defineConfig, ensureDir, ensureFileContent, getCacheOptions, getClassCacheSet, getClassCaches, getConfig, getContexts, getInstalledPkgJsonPath, getPatchOptions, getTailwindcssEntry, inspectPostcssPlugin, inspectProcessTailwindFeaturesReturnContext, internalPatch, monkeyPatchForExposingContext, requireResolve };

package/package.json

@@ -1,10 +1,25 @@
 {
   "name": "tailwindcss-patch",
-  "version": "1.2.7",
+  "version": "2.0.0-alpha.0",
   "description": "patch tailwindcss for exposing context",
-  "main": "dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "./dist/*",
+        "./dist/index.d.ts"
+      ]
+    }
+  },
+  "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
-  "types": "dist/types/index.d.ts",
+  "types": "./dist/index.d.ts",
   "bin": {
     "tw-patch": "bin/tw-patch.js",
     "tailwindcss-patch": "bin/tw-patch.js"
@@ -28,9 +43,9 @@
     "@types/babel__traverse": "^7.20.1",
     "@types/resolve": "^1.20.2",
     "@types/semver": "^7.5.0",
+    "dedent": "^1.5.1",
     "defu": "^6.1.2",
     "pkg-types": "^1.0.3",
-    "postcss": "^8.4.26",
     "tailwindcss": "^3.3.3"
   },
   "dependencies": {
@@ -38,7 +53,11 @@
     "@babel/parser": "^7.22.7",
     "@babel/traverse": "^7.22.8",
     "@babel/types": "^7.22.5",
-    "resolve": "^1.22.2",
+    "c12": "^1.4.2",
+    "cac": "^6.7.14",
+    "postcss": "^8.4.27",
+    "postcss-load-config": "^4.0.1",
+    "resolve": "^1.22.4",
     "semver": "^7.5.4"
   },
   "homepage": "https://github.com/sonofmagic/tailwindcss-mangle",
@@ -46,12 +65,16 @@
     "type": "git",
     "url": "git+https://github.com/sonofmagic/tailwindcss-mangle.git"
   },
+  "bugs": {
+    "url": "https://github.com/sonofmagic/tailwindcss-mangle/issues"
+  },
+  "directories": {
+    "test": "test"
+  },
   "scripts": {
-    "dev": "cross-env NODE_ENV=development rollup -cw",
-    "build": "cross-env NODE_ENV=production rollup -c",
-    "dev:tsc": "tsc -p tsconfig.json --sourceMap",
-    "build:tsc": "tsc -p tsconfig.json",
-    "test": "npm run patch && jest",
-    "patch": "ts-node src/cli.ts"
+    "build": "unbuild",
+    "test": "vitest run --coverage.enabled",
+    "test:dev": "vitest",
+    "cli": "node bin/tw-patch.js"
   }
 }

package/dist/cli.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var patcher = require('./patcher-a07f477f.js');
-require('node:path');
-require('node:fs');
-require('semver');
-require('@babel/types');
-require('@babel/generator');
-require('@babel/traverse');
-require('@babel/parser');
-require('resolve');
-
-const opt = patcher.getPatchOptions();
-const patch = patcher.createPatch(opt);
-patch();