tailwindcss-injector 0.0.0 → 0.0.2

package/README.md

@@ -0,0 +1,112 @@
+# TailwindCSS Injector
+
+**English | [中文](./README-cn.md)**
+
+- [TailwindCSS Injector](#tailwindcss-injector)
+  - [Overview](#overview)
+  - [Features](#features)
+  - [Installation](#installation)
+  - [Usage](#usage)
+    - [Basic Example](#basic-example)
+  - [Options](#options)
+    - [Example Configuration](#example-configuration)
+  - [How It Works](#how-it-works)
+  - [License](#license)
+
+---
+
+## Overview
+
+`tailwindcss-injector` is a library designed to dynamically inject TailwindCSS directives and configurations into your CSS workflow. It includes a PostCSS plugin that supports multiple file extensions, dynamic configuration, and flexible filtering, enabling seamless integration into modern build pipelines.
+
+---
+
+## Features
+
+- **Dynamic Directive Injection**: Automatically inserts TailwindCSS directives like `@tailwind base`, `@tailwind components`, and `@tailwind utilities`.
+- **Multi-extension Support**: Processes files with customizable extensions (e.g., `.html`, `.js`, `.ts`).
+- **Inline or External Configuration**: Accepts inline configuration objects or paths to configuration files.
+- **Customizable Filters**: Use a filter function to process specific files.
+- **TailwindCSS Integration**: Dynamically adjusts TailwindCSS configurations per file.
+
+---
+
+## Installation
+
+Install the package and its dependencies:
+
+```bash
+npm install tailwindcss-injector tailwindcss postcss --save-dev
+```
+
+---
+
+## Usage
+
+To use the PostCSS plugin, import it from `tailwindcss-injector/postcss`:
+
+### Basic Example
+
+```javascript
+const tailwindInjector = require('tailwindcss-injector/postcss')
+
+module.exports = {
+  plugins: [
+    tailwindInjector({
+      cwd: process.cwd(),
+      config: './tailwind.config.js',
+      directiveParams: ['base', 'components', 'utilities'],
+      extensions: ['html', 'js', 'ts'],
+      filter: input => !!input?.file && input.file.endsWith('.css'),
+    }),
+  ],
+}
+```
+
+---
+
+## Options
+
+The plugin accepts the following options:
+
+| Option            | Type                                                               | Description                                                         |
+| ----------------- | ------------------------------------------------------------------ | ------------------------------------------------------------------- |
+| `cwd`             | `string`                                                           | Current working directory.                                          |
+| `config`          | `string \| Partial<Config> \| (input) => InlineTailwindcssOptions` | TailwindCSS configuration file path or inline configuration object. |
+| `directiveParams` | `('base' \| 'components' \| 'utilities' \| 'variants')[]`          | Array of TailwindCSS directives to inject.                          |
+| `extensions`      | `string[]`                                                         | Array of supported file extensions.                                 |
+| `filter`          | `(input?: postcss.Input) => boolean`                               | Custom function to filter files to process.                         |
+
+### Example Configuration
+
+```javascript
+{
+  cwd: process.cwd(), // Set current working directory
+  config: './tailwind.config.js', // Use an external TailwindCSS configuration file
+  directiveParams: ['base', 'components', 'utilities'], // Inject directives dynamically
+  extensions: ['html', 'js', 'ts'], // Process specific file extensions
+  filter: (input) => !!input?.file && input.file.endsWith('.css'), // Filter for CSS files only
+}
+```
+
+---
+
+## How It Works
+
+1. **Directive Injection**:
+   The plugin ensures that the specified TailwindCSS directives (`@tailwind base`, `@tailwind components`, etc.) are injected into the CSS files.
+
+2. **Dynamic Configuration**:
+   TailwindCSS configurations are dynamically adjusted based on the processed files, including custom extensions.
+
+3. **File Filtering**:
+   Files to process can be filtered using the `filter` option.
+
+4. **PostCSS Processing**:
+   The plugin integrates with PostCSS to apply TailwindCSS transformations seamlessly.
+
+---
+
+## License
+
+This project is licensed under the **MIT License**. See the `LICENSE` file for details.

package/dist/index.cjs

@@ -1,44 +1 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  bar: () => bar,
-  getDirname: () => getDirname,
-  xx: () => xx
-});
-module.exports = __toCommonJS(src_exports);
-function bar() {
-  return "foo";
-}
-function getDirname() {
-  return __dirname;
-}
-var xx = /* @__PURE__ */ ((xx2) => {
-  xx2[xx2["id"] = 0] = "id";
-  xx2[xx2["dd"] = 1] = "dd";
-  return xx2;
-})(xx || {});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  bar,
-  getDirname,
-  xx
-});

package/dist/index.d.cts

@@ -1,8 +1,2 @@
-declare function bar(): string;
-declare function getDirname(): string;
-declare enum xx {
-    id = 0,
-    dd = 1
-}
 
-export { bar, getDirname, xx };
+export {  }

package/dist/index.d.ts

@@ -1,8 +1,2 @@
-declare function bar(): string;
-declare function getDirname(): string;
-declare enum xx {
-    id = 0,
-    dd = 1
-}
 
-export { bar, getDirname, xx };
+export {  }

package/dist/index.js

@@ -1,24 +0,0 @@
-// ../../node_modules/.pnpm/tsup@8.3.5_jiti@2.4.0_postcss@8.4.49_tsx@4.19.2_typescript@5.7.2_yaml@2.6.1/node_modules/tsup/assets/esm_shims.js
-import { fileURLToPath } from "url";
-import path from "path";
-var getFilename = () => fileURLToPath(import.meta.url);
-var getDirname = () => path.dirname(getFilename());
-var __dirname = /* @__PURE__ */ getDirname();
-
-// src/index.ts
-function bar() {
-  return "foo";
-}
-function getDirname2() {
-  return __dirname;
-}
-var xx = /* @__PURE__ */ ((xx2) => {
-  xx2[xx2["id"] = 0] = "id";
-  xx2[xx2["dd"] = 1] = "dd";
-  return xx2;
-})(xx || {});
-export {
-  bar,
-  getDirname2 as getDirname,
-  xx
-};

package/dist/postcss.cjs

@@ -1,4 +1,241 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// ../../node_modules/.pnpm/defu@6.1.4/node_modules/defu/dist/defu.mjs
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// ../../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();
+  }
+});
+
+// ../../node_modules/.pnpm/is-primitive@3.0.1/node_modules/is-primitive/index.js
+var require_is_primitive = __commonJS({
+  "../../node_modules/.pnpm/is-primitive@3.0.1/node_modules/is-primitive/index.js"(exports, module) {
+    "use strict";
+    init_cjs_shims();
+    module.exports = function isPrimitive(val) {
+      if (typeof val === "object") {
+        return val === null;
+      }
+      return typeof val !== "function";
+    };
+  }
+});
+
+// ../../node_modules/.pnpm/isobject@3.0.1/node_modules/isobject/index.js
+var require_isobject = __commonJS({
+  "../../node_modules/.pnpm/isobject@3.0.1/node_modules/isobject/index.js"(exports, module) {
+    "use strict";
+    init_cjs_shims();
+    module.exports = function isObject(val) {
+      return val != null && typeof val === "object" && Array.isArray(val) === false;
+    };
+  }
+});
+
+// ../../node_modules/.pnpm/is-plain-object@2.0.4/node_modules/is-plain-object/index.js
+var require_is_plain_object = __commonJS({
+  "../../node_modules/.pnpm/is-plain-object@2.0.4/node_modules/is-plain-object/index.js"(exports, module) {
+    "use strict";
+    init_cjs_shims();
+    var isObject = require_isobject();
+    function isObjectObject(o) {
+      return isObject(o) === true && Object.prototype.toString.call(o) === "[object Object]";
+    }
+    module.exports = function isPlainObject2(o) {
+      var ctor, prot;
+      if (isObjectObject(o) === false) return false;
+      ctor = o.constructor;
+      if (typeof ctor !== "function") return false;
+      prot = ctor.prototype;
+      if (isObjectObject(prot) === false) return false;
+      if (prot.hasOwnProperty("isPrototypeOf") === false) {
+        return false;
+      }
+      return true;
+    };
+  }
+});
+
+// ../../node_modules/.pnpm/set-value@4.1.0/node_modules/set-value/index.js
+var require_set_value = __commonJS({
+  "../../node_modules/.pnpm/set-value@4.1.0/node_modules/set-value/index.js"(exports, module) {
+    "use strict";
+    init_cjs_shims();
+    var { deleteProperty } = Reflect;
+    var isPrimitive = require_is_primitive();
+    var isPlainObject2 = require_is_plain_object();
+    var isObject = (value) => {
+      return typeof value === "object" && value !== null || typeof value === "function";
+    };
+    var isUnsafeKey = (key) => {
+      return key === "__proto__" || key === "constructor" || key === "prototype";
+    };
+    var validateKey = (key) => {
+      if (!isPrimitive(key)) {
+        throw new TypeError("Object keys must be strings or symbols");
+      }
+      if (isUnsafeKey(key)) {
+        throw new Error(`Cannot set unsafe key: "${key}"`);
+      }
+    };
+    var toStringKey = (input) => {
+      return Array.isArray(input) ? input.flat().map(String).join(",") : input;
+    };
+    var createMemoKey = (input, options) => {
+      if (typeof input !== "string" || !options) return input;
+      let key = input + ";";
+      if (options.arrays !== void 0) key += `arrays=${options.arrays};`;
+      if (options.separator !== void 0) key += `separator=${options.separator};`;
+      if (options.split !== void 0) key += `split=${options.split};`;
+      if (options.merge !== void 0) key += `merge=${options.merge};`;
+      if (options.preservePaths !== void 0) key += `preservePaths=${options.preservePaths};`;
+      return key;
+    };
+    var memoize = (input, options, fn) => {
+      const key = toStringKey(options ? createMemoKey(input, options) : input);
+      validateKey(key);
+      const value = setValue.cache.get(key) || fn();
+      setValue.cache.set(key, value);
+      return value;
+    };
+    var splitString = (input, options = {}) => {
+      const sep = options.separator || ".";
+      const preserve = sep === "/" ? false : options.preservePaths;
+      if (typeof input === "string" && preserve !== false && /\//.test(input)) {
+        return [input];
+      }
+      const parts = [];
+      let part = "";
+      const push = (part2) => {
+        let number;
+        if (part2.trim() !== "" && Number.isInteger(number = Number(part2))) {
+          parts.push(number);
+        } else {
+          parts.push(part2);
+        }
+      };
+      for (let i = 0; i < input.length; i++) {
+        const value = input[i];
+        if (value === "\\") {
+          part += input[++i];
+          continue;
+        }
+        if (value === sep) {
+          push(part);
+          part = "";
+          continue;
+        }
+        part += value;
+      }
+      if (part) {
+        push(part);
+      }
+      return parts;
+    };
+    var split = (input, options) => {
+      if (options && typeof options.split === "function") return options.split(input);
+      if (typeof input === "symbol") return [input];
+      if (Array.isArray(input)) return input;
+      return memoize(input, options, () => splitString(input, options));
+    };
+    var assignProp = (obj, prop, value, options) => {
+      validateKey(prop);
+      if (value === void 0) {
+        deleteProperty(obj, prop);
+      } else if (options && options.merge) {
+        const merge = options.merge === "function" ? options.merge : Object.assign;
+        if (merge && isPlainObject2(obj[prop]) && isPlainObject2(value)) {
+          obj[prop] = merge(obj[prop], value);
+        } else {
+          obj[prop] = value;
+        }
+      } else {
+        obj[prop] = value;
+      }
+      return obj;
+    };
+    var setValue = (target, path3, value, options) => {
+      if (!path3 || !isObject(target)) return target;
+      const keys = split(path3, options);
+      let obj = target;
+      for (let i = 0; i < keys.length; i++) {
+        const key = keys[i];
+        const next = keys[i + 1];
+        validateKey(key);
+        if (next === void 0) {
+          assignProp(obj, key, value, options);
+          break;
+        }
+        if (typeof next === "number" && !Array.isArray(obj[key])) {
+          obj = obj[key] = [];
+          continue;
+        }
+        if (!isObject(obj[key])) {
+          obj[key] = {};
+        }
+        obj = obj[key];
+      }
+      return target;
+    };
+    setValue.split = split;
+    setValue.cache = /* @__PURE__ */ new Map();
+    setValue.clear = () => {
+      setValue.cache = /* @__PURE__ */ new Map();
+    };
+    module.exports = setValue;
+  }
+});
+
+// src/postcss.ts
+init_cjs_shims();
+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');
+
+// src/utils.ts
+init_cjs_shims();
+
+
+// ../../node_modules/.pnpm/defu@6.1.4/node_modules/defu/dist/defu.mjs
+init_cjs_shims();
 function isPlainObject(value) {
   if (value === null || typeof value !== "object") {
     return false;
@@ -66,25 +303,106 @@ 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));
+  }
+  const dir = _path2.default.dirname(filePath);
+  return _path2.default.join(dir, baseName);
+}
+var defuOverrideArray = createDefu((obj, key, value) => {
+  if (Array.isArray(obj[key]) && Array.isArray(value)) {
+    obj[key] = value;
+    return true;
+  }
+});
+
+// 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
+    }
+  });
+  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]);
+  }
+}
+
 // src/postcss.ts
-var _postcss = require('postcss'); var _postcss2 = _interopRequireDefault(_postcss);
-var _tailwindcss = require('tailwindcss'); var _tailwindcss2 = _interopRequireDefault(_tailwindcss);
 var creator = (options) => {
-  const { config, filter } = defu(options, {
+  const { config, filter, directiveParams, cwd, extensions } = defuOverrideArray(options, {
     filter: () => true,
-    config: void 0
+    config: void 0,
+    directiveParams: ["utilities", "components"],
+    cwd: _process2.default.cwd(),
+    extensions: ["wxml", "js", "ts"]
   });
+  const extensionsGlob = `{${extensions.join(",")}}`;
   return {
     postcssPlugin: "postcss-tailwindcss-injector",
-    async Once(root) {
-      if (filter(_optionalChain([root, 'access', _ => _.source, 'optionalAccess', _2 => _2.input]))) {
-        const cfg = typeof config === "function" ? config(_optionalChain([root, 'access', _3 => _3.source, 'optionalAccess', _4 => _4.input])) : config;
-        const { root: newRoot } = await _postcss2.default.call(void 0, [
-          _tailwindcss2.default.call(void 0, cfg)
-        ]).process(root);
-        root.replaceWith(newRoot);
+    plugins: [
+      {
+        postcssPlugin: "post",
+        async Once(root, helpers) {
+          if (filter(_optionalChain([root, 'access', _3 => _3.source, 'optionalAccess', _4 => _4.input]))) {
+            let _root = root;
+            for (const params of directiveParams) {
+              const node = root.nodes.find((x) => x.type === "atrule" && x.params === params);
+              if (!node) {
+                _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;
+            let tailwindcssConfig;
+            if (typeof cfg === "string") {
+              tailwindcssConfig = await loadConfig({
+                cwd,
+                config: cfg
+              });
+            } else {
+              tailwindcssConfig = _nullishCoalesce(cfg, () => ( {
+                content: []
+              }));
+            }
+            if (tailwindcssConfig && _optionalChain([root, 'access', _7 => _7.source, 'optionalAccess', _8 => _8.input]) && root.source.input.file) {
+              (0, import_set_value.default)(tailwindcssConfig, "content", [
+                `${removeFileExtension(root.source.input.file)}.${extensionsGlob}`
+              ]);
+            }
+            const { root: newRoot } = await _postcss2.default.call(void 0, [
+              _tailwindcss2.default.call(void 0, tailwindcssConfig)
+            ]).process(_root);
+            root.replaceWith(newRoot);
+          }
+        }
       }
-    }
+    ]
   };
 };
 creator.postcss = true;
@@ -92,5 +410,39 @@ var postcss_default = creator;
 
 
 exports.default = postcss_default;
+/*! Bundled license information:
+
+is-primitive/index.js:
+  (*!
+   * is-primitive <https://github.com/jonschlinkert/is-primitive>
+   *
+   * Copyright (c) 2014-present, Jon Schlinkert.
+   * Released under the MIT License.
+   *)
+
+isobject/index.js:
+  (*!
+   * isobject <https://github.com/jonschlinkert/isobject>
+   *
+   * Copyright (c) 2014-2017, Jon Schlinkert.
+   * Released under the MIT License.
+   *)
+
+is-plain-object/index.js:
+  (*!
+   * is-plain-object <https://github.com/jonschlinkert/is-plain-object>
+   *
+   * Copyright (c) 2014-2017, Jon Schlinkert.
+   * Released under the MIT License.
+   *)
+
+set-value/index.js:
+  (*!
+   * set-value <https://github.com/jonschlinkert/set-value>
+   *
+   * Copyright (c) Jon Schlinkert (https://github.com/jonschlinkert).
+   * Released under the MIT License.
+   *)
+*/
 
 module.exports = exports.default;

package/dist/postcss.d.cts

@@ -1,13 +1,15 @@
 import postcss, { PluginCreator } from 'postcss';
 import { Config } from 'tailwindcss';
 
-type InlineTailwindcssOptions = string | Config | {
-    config: string | Config;
-} | undefined;
+type InlineTailwindcssOptions = string | Partial<Config> | undefined;
 interface Options {
+    cwd: string;
     filter: (input?: postcss.Input) => boolean;
     config: InlineTailwindcssOptions | ((input?: postcss.Input) => InlineTailwindcssOptions);
+    directiveParams: ('base' | 'components' | 'utilities' | 'variants')[];
+    extensions: string[];
 }
+
 declare const creator: PluginCreator<Partial<Options>>;
 
 export { type Options, creator as default };

package/dist/postcss.d.ts

@@ -1,13 +1,15 @@
 import postcss, { PluginCreator } from 'postcss';
 import { Config } from 'tailwindcss';
 
-type InlineTailwindcssOptions = string | Config | {
-    config: string | Config;
-} | undefined;
+type InlineTailwindcssOptions = string | Partial<Config> | undefined;
 interface Options {
+    cwd: string;
     filter: (input?: postcss.Input) => boolean;
     config: InlineTailwindcssOptions | ((input?: postcss.Input) => InlineTailwindcssOptions);
+    directiveParams: ('base' | 'components' | 'utilities' | 'variants')[];
+    extensions: string[];
 }
+
 declare const creator: PluginCreator<Partial<Options>>;
 
 export { type Options, creator as default };

package/dist/postcss.js

@@ -1,4 +1,238 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// ../../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/esm_shims.js
+var init_esm_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/esm_shims.js"() {
+    "use strict";
+  }
+});
+
+// ../../node_modules/.pnpm/is-primitive@3.0.1/node_modules/is-primitive/index.js
+var require_is_primitive = __commonJS({
+  "../../node_modules/.pnpm/is-primitive@3.0.1/node_modules/is-primitive/index.js"(exports, module) {
+    "use strict";
+    init_esm_shims();
+    module.exports = function isPrimitive(val) {
+      if (typeof val === "object") {
+        return val === null;
+      }
+      return typeof val !== "function";
+    };
+  }
+});
+
+// ../../node_modules/.pnpm/isobject@3.0.1/node_modules/isobject/index.js
+var require_isobject = __commonJS({
+  "../../node_modules/.pnpm/isobject@3.0.1/node_modules/isobject/index.js"(exports, module) {
+    "use strict";
+    init_esm_shims();
+    module.exports = function isObject(val) {
+      return val != null && typeof val === "object" && Array.isArray(val) === false;
+    };
+  }
+});
+
+// ../../node_modules/.pnpm/is-plain-object@2.0.4/node_modules/is-plain-object/index.js
+var require_is_plain_object = __commonJS({
+  "../../node_modules/.pnpm/is-plain-object@2.0.4/node_modules/is-plain-object/index.js"(exports, module) {
+    "use strict";
+    init_esm_shims();
+    var isObject = require_isobject();
+    function isObjectObject(o) {
+      return isObject(o) === true && Object.prototype.toString.call(o) === "[object Object]";
+    }
+    module.exports = function isPlainObject2(o) {
+      var ctor, prot;
+      if (isObjectObject(o) === false) return false;
+      ctor = o.constructor;
+      if (typeof ctor !== "function") return false;
+      prot = ctor.prototype;
+      if (isObjectObject(prot) === false) return false;
+      if (prot.hasOwnProperty("isPrototypeOf") === false) {
+        return false;
+      }
+      return true;
+    };
+  }
+});
+
+// ../../node_modules/.pnpm/set-value@4.1.0/node_modules/set-value/index.js
+var require_set_value = __commonJS({
+  "../../node_modules/.pnpm/set-value@4.1.0/node_modules/set-value/index.js"(exports, module) {
+    "use strict";
+    init_esm_shims();
+    var { deleteProperty } = Reflect;
+    var isPrimitive = require_is_primitive();
+    var isPlainObject2 = require_is_plain_object();
+    var isObject = (value) => {
+      return typeof value === "object" && value !== null || typeof value === "function";
+    };
+    var isUnsafeKey = (key) => {
+      return key === "__proto__" || key === "constructor" || key === "prototype";
+    };
+    var validateKey = (key) => {
+      if (!isPrimitive(key)) {
+        throw new TypeError("Object keys must be strings or symbols");
+      }
+      if (isUnsafeKey(key)) {
+        throw new Error(`Cannot set unsafe key: "${key}"`);
+      }
+    };
+    var toStringKey = (input) => {
+      return Array.isArray(input) ? input.flat().map(String).join(",") : input;
+    };
+    var createMemoKey = (input, options) => {
+      if (typeof input !== "string" || !options) return input;
+      let key = input + ";";
+      if (options.arrays !== void 0) key += `arrays=${options.arrays};`;
+      if (options.separator !== void 0) key += `separator=${options.separator};`;
+      if (options.split !== void 0) key += `split=${options.split};`;
+      if (options.merge !== void 0) key += `merge=${options.merge};`;
+      if (options.preservePaths !== void 0) key += `preservePaths=${options.preservePaths};`;
+      return key;
+    };
+    var memoize = (input, options, fn) => {
+      const key = toStringKey(options ? createMemoKey(input, options) : input);
+      validateKey(key);
+      const value = setValue.cache.get(key) || fn();
+      setValue.cache.set(key, value);
+      return value;
+    };
+    var splitString = (input, options = {}) => {
+      const sep = options.separator || ".";
+      const preserve = sep === "/" ? false : options.preservePaths;
+      if (typeof input === "string" && preserve !== false && /\//.test(input)) {
+        return [input];
+      }
+      const parts = [];
+      let part = "";
+      const push = (part2) => {
+        let number;
+        if (part2.trim() !== "" && Number.isInteger(number = Number(part2))) {
+          parts.push(number);
+        } else {
+          parts.push(part2);
+        }
+      };
+      for (let i = 0; i < input.length; i++) {
+        const value = input[i];
+        if (value === "\\") {
+          part += input[++i];
+          continue;
+        }
+        if (value === sep) {
+          push(part);
+          part = "";
+          continue;
+        }
+        part += value;
+      }
+      if (part) {
+        push(part);
+      }
+      return parts;
+    };
+    var split = (input, options) => {
+      if (options && typeof options.split === "function") return options.split(input);
+      if (typeof input === "symbol") return [input];
+      if (Array.isArray(input)) return input;
+      return memoize(input, options, () => splitString(input, options));
+    };
+    var assignProp = (obj, prop, value, options) => {
+      validateKey(prop);
+      if (value === void 0) {
+        deleteProperty(obj, prop);
+      } else if (options && options.merge) {
+        const merge = options.merge === "function" ? options.merge : Object.assign;
+        if (merge && isPlainObject2(obj[prop]) && isPlainObject2(value)) {
+          obj[prop] = merge(obj[prop], value);
+        } else {
+          obj[prop] = value;
+        }
+      } else {
+        obj[prop] = value;
+      }
+      return obj;
+    };
+    var setValue = (target, path3, value, options) => {
+      if (!path3 || !isObject(target)) return target;
+      const keys = split(path3, options);
+      let obj = target;
+      for (let i = 0; i < keys.length; i++) {
+        const key = keys[i];
+        const next = keys[i + 1];
+        validateKey(key);
+        if (next === void 0) {
+          assignProp(obj, key, value, options);
+          break;
+        }
+        if (typeof next === "number" && !Array.isArray(obj[key])) {
+          obj = obj[key] = [];
+          continue;
+        }
+        if (!isObject(obj[key])) {
+          obj[key] = {};
+        }
+        obj = obj[key];
+      }
+      return target;
+    };
+    setValue.split = split;
+    setValue.cache = /* @__PURE__ */ new Map();
+    setValue.clear = () => {
+      setValue.cache = /* @__PURE__ */ new Map();
+    };
+    module.exports = setValue;
+  }
+});
+
+// src/postcss.ts
+init_esm_shims();
+var import_set_value = __toESM(require_set_value(), 1);
+import process2 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";
+
+// src/utils.ts
+init_esm_shims();
+import path from "node:path";
+
 // ../../node_modules/.pnpm/defu@6.1.4/node_modules/defu/dist/defu.mjs
+init_esm_shims();
 function isPlainObject(value) {
   if (value === null || typeof value !== "object") {
     return false;
@@ -66,25 +300,106 @@ 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));
+  }
+  const dir = path.dirname(filePath);
+  return path.join(dir, baseName);
+}
+var defuOverrideArray = createDefu((obj, key, value) => {
+  if (Array.isArray(obj[key]) && Array.isArray(value)) {
+    obj[key] = value;
+    return true;
+  }
+});
+
+// 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
+    }
+  });
+  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;
+  }
+}
+
 // src/postcss.ts
-import postcss from "postcss";
-import tailwindcss from "tailwindcss";
 var creator = (options) => {
-  const { config, filter } = defu(options, {
+  const { config, filter, directiveParams, cwd, extensions } = defuOverrideArray(options, {
     filter: () => true,
-    config: void 0
+    config: void 0,
+    directiveParams: ["utilities", "components"],
+    cwd: process2.cwd(),
+    extensions: ["wxml", "js", "ts"]
   });
+  const extensionsGlob = `{${extensions.join(",")}}`;
   return {
     postcssPlugin: "postcss-tailwindcss-injector",
-    async Once(root) {
-      if (filter(root.source?.input)) {
-        const cfg = typeof config === "function" ? config(root.source?.input) : config;
-        const { root: newRoot } = await postcss([
-          tailwindcss(cfg)
-        ]).process(root);
-        root.replaceWith(newRoot);
+    plugins: [
+      {
+        postcssPlugin: "post",
+        async Once(root, helpers) {
+          if (filter(root.source?.input)) {
+            let _root = root;
+            for (const params of directiveParams) {
+              const node = root.nodes.find((x) => x.type === "atrule" && x.params === params);
+              if (!node) {
+                _root = _root.prepend(helpers.atRule({ name: "tailwind", params }));
+              }
+            }
+            const cfg = typeof config === "function" ? config(root.source?.input) : config;
+            let tailwindcssConfig;
+            if (typeof cfg === "string") {
+              tailwindcssConfig = await loadConfig({
+                cwd,
+                config: cfg
+              });
+            } else {
+              tailwindcssConfig = cfg ?? {
+                content: []
+              };
+            }
+            if (tailwindcssConfig && root.source?.input && root.source.input.file) {
+              (0, import_set_value.default)(tailwindcssConfig, "content", [
+                `${removeFileExtension(root.source.input.file)}.${extensionsGlob}`
+              ]);
+            }
+            const { root: newRoot } = await postcss([
+              tailwindcss(tailwindcssConfig)
+            ]).process(_root);
+            root.replaceWith(newRoot);
+          }
+        }
       }
-    }
+    ]
   };
 };
 creator.postcss = true;
@@ -92,3 +407,37 @@ var postcss_default = creator;
 export {
   postcss_default as default
 };
+/*! Bundled license information:
+
+is-primitive/index.js:
+  (*!
+   * is-primitive <https://github.com/jonschlinkert/is-primitive>
+   *
+   * Copyright (c) 2014-present, Jon Schlinkert.
+   * Released under the MIT License.
+   *)
+
+isobject/index.js:
+  (*!
+   * isobject <https://github.com/jonschlinkert/isobject>
+   *
+   * Copyright (c) 2014-2017, Jon Schlinkert.
+   * Released under the MIT License.
+   *)
+
+is-plain-object/index.js:
+  (*!
+   * is-plain-object <https://github.com/jonschlinkert/is-plain-object>
+   *
+   * Copyright (c) 2014-2017, Jon Schlinkert.
+   * Released under the MIT License.
+   *)
+
+set-value/index.js:
+  (*!
+   * set-value <https://github.com/jonschlinkert/set-value>
+   *
+   * Copyright (c) Jon Schlinkert (https://github.com/jonschlinkert).
+   * Released under the MIT License.
+   *)
+*/

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "tailwindcss-injector",
   "type": "module",
-  "version": "0.0.0",
+  "version": "0.0.2",
   "description": "tsup(esbuild) build package template",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/sonofmagic/monorepo-template.git",
-    "directory": "packages/bar"
+    "url": "git+https://github.com/sonofmagic/weapp-tailwindcss.git",
+    "directory": "packages/tailwindcss-injector"
   },
   "bugs": {
-    "url": "https://github.com/sonofmagic/monorepo-template/issues"
+    "url": "https://github.com/sonofmagic/weapp-tailwindcss/issues"
   },
   "keywords": [],
   "sideEffects": false,
@@ -31,6 +31,8 @@
     "dist"
   ],
   "dependencies": {
+    "jiti": "^2.4.1",
+    "lilconfig": "^3.1.3",
     "postcss": "^8.4.49",
     "tailwindcss": "^3.4.15"
   },