tailwindcss-injector 1.0.12 → 1.0.14

package/README.en.md

@@ -0,0 +1,9 @@
+# tailwindcss-injector
+
+> English | [简体中文](./README.md)
+
+This package injects Tailwind directives during PostCSS processing and tracks WXML import/include dependencies so mini program templates can participate in Tailwind content scanning.
+
+## Website
+
+For setup guides, configuration references, and framework examples, see the [official weapp-tailwindcss documentation](https://tw.icebreaker.top).

package/README.md

@@ -1,112 +1,9 @@
-# TailwindCSS Injector
+# tailwindcss-injector
 
-**English | [中文](./README-cn.md)**
+> 简体中文 | [English](./README.en.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)
+这个包用于在 PostCSS 流程中动态注入 Tailwind 指令，并追踪 WXML import/include 依赖，让小程序模板能进入 Tailwind content 扫描范围。
 
----
+## 官网
 
-## 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.
+更多接入方式、配置说明和框架示例见 [weapp-tailwindcss 官方文档](https://tw.icebreaker.top)。

package/dist/index.d.ts

@@ -1 +1 @@
-export { };
+export {}

package/dist/postcss.cjs

@@ -20,11 +20,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	enumerable: true
 }) : target, mod));
 //#endregion
-let postcss = require("postcss");
-postcss = __toESM(postcss, 1);
-let tailwindcss = require("tailwindcss");
-tailwindcss = __toESM(tailwindcss, 1);
-let tailwindcss_config = require("tailwindcss-config");
 let node_process = require("node:process");
 node_process = __toESM(node_process, 1);
 let node_path = require("node:path");
@@ -131,32 +126,8 @@ async function getDepFiles(file) {
 }
 //#endregion
 //#region src/postcss.ts
-const configCache = /* @__PURE__ */ new Map();
-async function loadTailwindConfigOnce(cwd, configPath) {
-	const cacheKey = `${cwd}::${configPath}`;
-	let cached = configCache.get(cacheKey);
-	if (!cached) {
-		cached = (0, tailwindcss_config.loadConfig)({
-			cwd,
-			config: configPath
-		}).then((result) => result?.config);
-		configCache.set(cacheKey, cached);
-	}
-	return cached;
-}
-function cloneConfig(config) {
-	if (!config) return config;
-	return { ...config };
-}
-async function resolveTailwindConfig(config, cwd, sourceInput) {
-	if (!config) return;
-	const resolved = typeof config === "function" ? config(sourceInput) : config;
-	if (typeof resolved === "string") return cloneConfig(await loadTailwindConfigOnce(cwd, resolved));
-	return cloneConfig(resolved);
-}
 const creator = (options) => {
-	const { config, filter, directiveParams, cwd, extensions, insertAfterAtRulesNames, insertAfterComments } = getConfig(options);
-	const extensionsGlob = `{${extensions.join(",")}}`;
+	const { filter, directiveParams, insertAfterAtRulesNames, insertAfterComments } = getConfig(options);
 	return {
 		postcssPlugin,
 		plugins: [{
@@ -187,21 +158,12 @@ const creator = (options) => {
 						directivePresence.add(params);
 					}
 					if (sourceInput?.file) {
-						const tailwindcssConfig = await resolveTailwindConfig(config, cwd, sourceInput) ?? { content: [] };
-						const basename = (0, _weapp_tailwindcss_shared_node.removeAllExtensions)(sourceInput.file);
-						const contentEntries = [`${basename}.${extensionsGlob}`];
-						const deps = await getDepFiles(`${basename}.wxml`);
-						for (const dep of deps) contentEntries.push(`${(0, _weapp_tailwindcss_shared_node.removeAllExtensions)(dep)}.${extensionsGlob}`);
-						const uniqueEntries = [...new Set(contentEntries)];
-						const { content: existingContent } = tailwindcssConfig;
-						if (!existingContent || Array.isArray(existingContent)) tailwindcssConfig.content = uniqueEntries;
-						else if (typeof existingContent === "object" && existingContent !== null) {
-							const normalizedContent = { ...existingContent };
-							const currentFiles = normalizedContent.files;
-							normalizedContent.files = [...new Set([...Array.isArray(currentFiles) ? currentFiles : typeof currentFiles === "string" ? [currentFiles] : [], ...uniqueEntries])];
-							tailwindcssConfig.content = normalizedContent;
-						} else tailwindcssConfig.content = uniqueEntries;
-						await (0, postcss.default)([(0, tailwindcss.default)(tailwindcssConfig)]).process(root, { from: sourceInput.file }).async();
+						const deps = await getDepFiles(sourceInput.file.replace(/\.[^.]+$/, ".wxml"));
+						for (const dep of deps) helpers.result.messages.push({
+							type: "dependency",
+							plugin: postcssPlugin,
+							file: dep
+						});
 					}
 				}
 			}

package/dist/postcss.d.ts

@@ -1,6 +1,5 @@
 import postcss, { PluginCreator } from "postcss";
 import { Config } from "tailwindcss";
-
 //#region src/types.d.ts
 type InlineTailwindcssOptions = string | Partial<Config> | undefined;
 interface Options {

package/dist/postcss.js

@@ -1,9 +1,6 @@
-import postcss from "postcss";
-import tailwindcss from "tailwindcss";
-import { loadConfig } from "tailwindcss-config";
 import process from "node:process";
 import { defuOverrideArray, regExpTest } from "@weapp-tailwindcss/shared";
-import { md5, removeAllExtensions as removeFileExtension } from "@weapp-tailwindcss/shared/node";
+import { md5 } from "@weapp-tailwindcss/shared/node";
 import path from "node:path";
 import fs from "fs-extra";
 import { Parser } from "htmlparser2";
@@ -103,32 +100,8 @@ async function getDepFiles(file) {
 }
 //#endregion
 //#region src/postcss.ts
-const configCache = /* @__PURE__ */ new Map();
-async function loadTailwindConfigOnce(cwd, configPath) {
-	const cacheKey = `${cwd}::${configPath}`;
-	let cached = configCache.get(cacheKey);
-	if (!cached) {
-		cached = loadConfig({
-			cwd,
-			config: configPath
-		}).then((result) => result?.config);
-		configCache.set(cacheKey, cached);
-	}
-	return cached;
-}
-function cloneConfig(config) {
-	if (!config) return config;
-	return { ...config };
-}
-async function resolveTailwindConfig(config, cwd, sourceInput) {
-	if (!config) return;
-	const resolved = typeof config === "function" ? config(sourceInput) : config;
-	if (typeof resolved === "string") return cloneConfig(await loadTailwindConfigOnce(cwd, resolved));
-	return cloneConfig(resolved);
-}
 const creator = (options) => {
-	const { config, filter, directiveParams, cwd, extensions, insertAfterAtRulesNames, insertAfterComments } = getConfig(options);
-	const extensionsGlob = `{${extensions.join(",")}}`;
+	const { filter, directiveParams, insertAfterAtRulesNames, insertAfterComments } = getConfig(options);
 	return {
 		postcssPlugin,
 		plugins: [{
@@ -159,21 +132,12 @@ const creator = (options) => {
 						directivePresence.add(params);
 					}
 					if (sourceInput?.file) {
-						const tailwindcssConfig = await resolveTailwindConfig(config, cwd, sourceInput) ?? { content: [] };
-						const basename = removeFileExtension(sourceInput.file);
-						const contentEntries = [`${basename}.${extensionsGlob}`];
-						const deps = await getDepFiles(`${basename}.wxml`);
-						for (const dep of deps) contentEntries.push(`${removeFileExtension(dep)}.${extensionsGlob}`);
-						const uniqueEntries = [...new Set(contentEntries)];
-						const { content: existingContent } = tailwindcssConfig;
-						if (!existingContent || Array.isArray(existingContent)) tailwindcssConfig.content = uniqueEntries;
-						else if (typeof existingContent === "object" && existingContent !== null) {
-							const normalizedContent = { ...existingContent };
-							const currentFiles = normalizedContent.files;
-							normalizedContent.files = [...new Set([...Array.isArray(currentFiles) ? currentFiles : typeof currentFiles === "string" ? [currentFiles] : [], ...uniqueEntries])];
-							tailwindcssConfig.content = normalizedContent;
-						} else tailwindcssConfig.content = uniqueEntries;
-						await postcss([tailwindcss(tailwindcssConfig)]).process(root, { from: sourceInput.file }).async();
+						const deps = await getDepFiles(sourceInput.file.replace(/\.[^.]+$/, ".wxml"));
+						for (const dep of deps) helpers.result.messages.push({
+							type: "dependency",
+							plugin: postcssPlugin,
+							file: dep
+						});
 					}
 				}
 			}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tailwindcss-injector",
   "type": "module",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "tsdown build package template",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -34,13 +34,13 @@
     "node": "^20.19.0 || >=22.12.0"
   },
   "dependencies": {
-    "fs-extra": "^11.3.5",
+    "fs-extra": "^11.3.6",
     "htmlparser2": "^12.0.0",
-    "magic-string": "^0.30.21",
-    "postcss": "^8.5.15",
-    "tailwindcss": "^3.4.19",
-    "tailwindcss-config": "2.0.0",
-    "@weapp-tailwindcss/shared": "2.0.0"
+    "magic-string": "^1.0.0",
+    "postcss": "^8.5.21",
+    "tailwindcss": "^4.3.3",
+    "@weapp-tailwindcss/shared": "2.0.1",
+    "tailwindcss-config": "2.0.2"
   },
   "scripts": {
     "dev": "tsdown --watch --sourcemap",