weapp-tailwindcss 3.0.3 → 3.0.4

package/README.md

@@ -21,8 +21,12 @@
 [![test](https://github.com/sonofmagic/weapp-tailwindcss/actions/workflows/test.yml/badge.svg?branch=main)](https://github.com/sonofmagic/weapp-tailwindcss/actions/workflows/test.yml)
 [![codecov](https://codecov.io/gh/sonofmagic/weapp-tailwindcss/branch/main/graph/badge.svg?token=zn05qXYznt)](https://codecov.io/gh/sonofmagic/weapp-tailwindcss)
 
-> `小程序` + `tailwindcss` 全方面解决方案  
-> 想试试在小程序里使用 `CSS-in-JS` 思想？ 👉🏻👉🏻试试 [`weapp-pandacss`](https://github.com/sonofmagic/weapp-pandacss)
+> 降低开发维护成本，提升开发效率的 `小程序` `tailwindcss` 全方面解决方案
+>
+> 我的其他项目:  
+> `CSS UI` 生成器 [`@icestack/ui`](https://ui.icebreaker.top/zh-CN) 已经发布，快来用它管理你的`CSS` 组件吧！
+>
+> 想试试在小程序里使用**编译时**`CSS-in-JS` 工具？ 👉🏻👉🏻试试 [`weapp-pandacss`](https://github.com/sonofmagic/weapp-pandacss)
 
 \[[国内部署的文档地址](https://weapp-tw.icebreaker.top)\] \| \[[备用Github Page](https://sonofmagic.github.io/weapp-tailwindcss/)\] \| \[[1.x文档]('./v1.md')\]
 

package/dist/bundlers/webpack/BaseUnifiedPlugin/v4.d.ts

@@ -0,0 +1,8 @@
+import type { Compiler } from 'webpack4';
+import type { AppType, UserDefinedOptions, InternalUserDefinedOptions, IBaseWebpackPlugin } from "../../../types";
+export declare class UnifiedWebpackPluginV4 implements IBaseWebpackPlugin {
+    options: InternalUserDefinedOptions;
+    appType?: AppType;
+    constructor(options?: UserDefinedOptions);
+    apply(compiler: Compiler): void;
+}

package/dist/cli.js

@@ -1,6 +1,8 @@
 'use strict';
 
-var options = require('./options-MDCr-9Qn.js');
+var semver = require('semver');
+var options = require('./options-N9g3FpWO.js');
+var index = require('./index-Fkmyt0Rc.js');
 require('magic-string');
 require('./replace.js');
 require('@weapp-core/escape');
@@ -15,20 +17,27 @@ require('./defu-KWuJnZLV.js');
 require('@babel/types');
 require('htmlparser2');
 require('postcss');
-require('./postcss-bdPbDgs7.js');
-require('@csstools/postcss-is-pseudo-class');
-require('postcss-rem-to-responsive-pixel');
-require('postcss-selector-parser');
 require('node:path');
 require('node:fs');
-require('semver');
 require('tailwindcss-patch');
 require('@tailwindcss-mangle/shared');
 require('lru-cache');
 require('md5');
+require('@csstools/postcss-is-pseudo-class');
+require('postcss-rem-to-responsive-pixel');
+require('postcss-selector-parser');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var semver__default = /*#__PURE__*/_interopDefaultCompat(semver);
 
 const args = process.argv.slice(2);
-if (args[0] === 'patch') {
+if (semver__default["default"].lt(process.versions.node, index.WEAPP_TW_REQUIRED_NODE_VERSION)) {
+    console.error(`You are using Node.js ${process.versions.node}. For weapp-tailwindcss, Node.js version >= v${index.WEAPP_TW_REQUIRED_NODE_VERSION} is required.`);
+    process.exit(1);
+}
+const command = args[0];
+if (command === 'patch') {
     const options$1 = options.getOptions();
     const patch = options.createPatch(options$1.supportCustomLengthUnitsPatch);
     patch();

package/dist/cli.mjs

@@ -1,4 +1,6 @@
-import { g as getOptions, c as createPatch } from './options-9bBYg22L.mjs';
+import semver from 'semver';
+import { g as getOptions, a as createPatch } from './options-6YPFqoRJ.mjs';
+import { W as WEAPP_TW_REQUIRED_NODE_VERSION } from './index-_74RBzwy.mjs';
 import 'magic-string';
 import './replace.mjs';
 import '@weapp-core/escape';
@@ -13,20 +15,23 @@ import './defu-ms_ZBCiB.mjs';
 import '@babel/types';
 import 'htmlparser2';
 import 'postcss';
-import './postcss-MxkGjr8g.mjs';
-import '@csstools/postcss-is-pseudo-class';
-import 'postcss-rem-to-responsive-pixel';
-import 'postcss-selector-parser';
 import 'node:path';
 import 'node:fs';
-import 'semver';
 import 'tailwindcss-patch';
 import '@tailwindcss-mangle/shared';
 import 'lru-cache';
 import 'md5';
+import '@csstools/postcss-is-pseudo-class';
+import 'postcss-rem-to-responsive-pixel';
+import 'postcss-selector-parser';
 
 const args = process.argv.slice(2);
-if (args[0] === 'patch') {
+if (semver.lt(process.versions.node, WEAPP_TW_REQUIRED_NODE_VERSION)) {
+    console.error(`You are using Node.js ${process.versions.node}. For weapp-tailwindcss, Node.js version >= v${WEAPP_TW_REQUIRED_NODE_VERSION} is required.`);
+    process.exit(1);
+}
+const command = args[0];
+if (command === 'patch') {
     const options = getOptions();
     const patch = createPatch(options.supportCustomLengthUnitsPatch);
     patch();

package/dist/constants.d.ts

@@ -4,3 +4,4 @@ export declare const ManglePluginHooks = "ManglePluginHooks";
 export declare const WeappTailwindcssWebpackPluginOptimizeChunkAssetsHooks = "WeappTailwindcssWebpackPluginOptimizeChunkAssetsHooks";
 export declare const pluginName = "weapp-tailwindcss-webpack-plugin";
 export declare const vitePluginName = "vite-plugin-uni-app-weapp-tailwindcss-adaptor";
+export declare const WEAPP_TW_REQUIRED_NODE_VERSION = "16.6.0";

package/dist/core.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var options = require('./options-MDCr-9Qn.js');
+var options = require('./options-N9g3FpWO.js');
 require('magic-string');
 require('./replace.js');
 require('@weapp-core/escape');
@@ -17,7 +17,7 @@ require('./defu-KWuJnZLV.js');
 require('@babel/types');
 require('htmlparser2');
 require('postcss');
-require('./postcss-bdPbDgs7.js');
+require('./index-Fkmyt0Rc.js');
 require('@csstools/postcss-is-pseudo-class');
 require('postcss-rem-to-responsive-pixel');
 require('postcss-selector-parser');

package/dist/core.mjs

@@ -1,4 +1,4 @@
-import { g as getOptions, a as createTailwindcssPatcher, _ as __awaiter } from './options-9bBYg22L.mjs';
+import { g as getOptions, c as createTailwindcssPatcher, _ as __awaiter } from './options-6YPFqoRJ.mjs';
 import 'magic-string';
 import './replace.mjs';
 import '@weapp-core/escape';
@@ -13,7 +13,7 @@ import './defu-ms_ZBCiB.mjs';
 import '@babel/types';
 import 'htmlparser2';
 import 'postcss';
-import './postcss-MxkGjr8g.mjs';
+import './index-_74RBzwy.mjs';
 import '@csstools/postcss-is-pseudo-class';
 import 'postcss-rem-to-responsive-pixel';
 import 'postcss-selector-parser';

package/dist/css-macro/index.js

@@ -4,7 +4,7 @@ var plugin = require('tailwindcss/plugin');
 var constants = require('../constants-EVxkHOXL.js');
 var defu = require('../defu-KWuJnZLV.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var plugin__default = /*#__PURE__*/_interopDefaultCompat(plugin);
 

package/dist/gulp.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var options = require('./options-MDCr-9Qn.js');
-var stream = require('node:stream');
+var index = require('./index-8OJKpYld.js');
+require('./options-N9g3FpWO.js');
 require('magic-string');
 require('./replace.js');
 require('@weapp-core/escape');
@@ -18,7 +18,7 @@ require('./defu-KWuJnZLV.js');
 require('@babel/types');
 require('htmlparser2');
 require('postcss');
-require('./postcss-bdPbDgs7.js');
+require('./index-Fkmyt0Rc.js');
 require('@csstools/postcss-is-pseudo-class');
 require('postcss-rem-to-responsive-pixel');
 require('postcss-selector-parser');
@@ -29,69 +29,8 @@ require('tailwindcss-patch');
 require('@tailwindcss-mangle/shared');
 require('lru-cache');
 require('md5');
+require('node:stream');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var stream__default = /*#__PURE__*/_interopDefaultCompat(stream);
 
-const Transform = stream__default["default"].Transform;
-function createPlugins(options$1 = {}) {
-    const opts = options.getOptions(options$1);
-    const { templateHandler, styleHandler, patch, jsHandler, setMangleRuntimeSet, tailwindcssBasedir } = opts;
-    let runtimeSet = new Set();
-    patch === null || patch === void 0 ? void 0 : patch();
-    const twPatcher = options.createTailwindcssPatcher();
-    function transformWxss() {
-        const transformStream = new Transform({ objectMode: true });
-        transformStream._transform = function (file, encoding, callback) {
-            return options.__awaiter(this, void 0, void 0, function* () {
-                runtimeSet = twPatcher.getClassSet({
-                    basedir: tailwindcssBasedir
-                });
-                setMangleRuntimeSet(runtimeSet);
-                const error = null;
-                if (file.contents) {
-                    const code = yield styleHandler(file.contents.toString(), {
-                        isMainChunk: true
-                    });
-                    file.contents = Buffer.from(code);
-                }
-                callback(error, file);
-            });
-        };
-        return transformStream;
-    }
-    function transformJs() {
-        const transformStream = new Transform({ objectMode: true });
-        transformStream._transform = function (file, encoding, callback) {
-            const error = null;
-            if (file.contents) {
-                const { code } = jsHandler(file.contents.toString(), runtimeSet);
-                file.contents = Buffer.from(code);
-            }
-            callback(error, file);
-        };
-        return transformStream;
-    }
-    function transformWxml() {
-        const transformStream = new Transform({ objectMode: true });
-        transformStream._transform = function (file, encoding, callback) {
-            const error = null;
-            if (file.contents) {
-                const code = templateHandler(file.contents.toString(), {
-                    runtimeSet
-                });
-                file.contents = Buffer.from(code);
-            }
-            callback(error, file);
-        };
-        return transformStream;
-    }
-    return {
-        transformWxss,
-        transformWxml,
-        transformJs
-    };
-}
-
-exports.createPlugins = createPlugins;
+exports.createPlugins = index.createPlugins;

package/dist/gulp.mjs

@@ -1,5 +1,5 @@
-import { g as getOptions, a as createTailwindcssPatcher, _ as __awaiter } from './options-9bBYg22L.mjs';
-import stream from 'node:stream';
+export { c as createPlugins } from './index-u-U9HdG6.mjs';
+import './options-6YPFqoRJ.mjs';
 import 'magic-string';
 import './replace.mjs';
 import '@weapp-core/escape';
@@ -14,7 +14,7 @@ import './defu-ms_ZBCiB.mjs';
 import '@babel/types';
 import 'htmlparser2';
 import 'postcss';
-import './postcss-MxkGjr8g.mjs';
+import './index-_74RBzwy.mjs';
 import '@csstools/postcss-is-pseudo-class';
 import 'postcss-rem-to-responsive-pixel';
 import 'postcss-selector-parser';
@@ -25,65 +25,4 @@ import 'tailwindcss-patch';
 import '@tailwindcss-mangle/shared';
 import 'lru-cache';
 import 'md5';
-
-const Transform = stream.Transform;
-function createPlugins(options = {}) {
-    const opts = getOptions(options);
-    const { templateHandler, styleHandler, patch, jsHandler, setMangleRuntimeSet, tailwindcssBasedir } = opts;
-    let runtimeSet = new Set();
-    patch === null || patch === void 0 ? void 0 : patch();
-    const twPatcher = createTailwindcssPatcher();
-    function transformWxss() {
-        const transformStream = new Transform({ objectMode: true });
-        transformStream._transform = function (file, encoding, callback) {
-            return __awaiter(this, void 0, void 0, function* () {
-                runtimeSet = twPatcher.getClassSet({
-                    basedir: tailwindcssBasedir
-                });
-                setMangleRuntimeSet(runtimeSet);
-                const error = null;
-                if (file.contents) {
-                    const code = yield styleHandler(file.contents.toString(), {
-                        isMainChunk: true
-                    });
-                    file.contents = Buffer.from(code);
-                }
-                callback(error, file);
-            });
-        };
-        return transformStream;
-    }
-    function transformJs() {
-        const transformStream = new Transform({ objectMode: true });
-        transformStream._transform = function (file, encoding, callback) {
-            const error = null;
-            if (file.contents) {
-                const { code } = jsHandler(file.contents.toString(), runtimeSet);
-                file.contents = Buffer.from(code);
-            }
-            callback(error, file);
-        };
-        return transformStream;
-    }
-    function transformWxml() {
-        const transformStream = new Transform({ objectMode: true });
-        transformStream._transform = function (file, encoding, callback) {
-            const error = null;
-            if (file.contents) {
-                const code = templateHandler(file.contents.toString(), {
-                    runtimeSet
-                });
-                file.contents = Buffer.from(code);
-            }
-            callback(error, file);
-        };
-        return transformStream;
-    }
-    return {
-        transformWxss,
-        transformWxml,
-        transformJs
-    };
-}
-
-export { createPlugins };
+import 'node:stream';

package/dist/index-8OJKpYld.js

@@ -0,0 +1,70 @@
+'use strict';
+
+var options = require('./options-N9g3FpWO.js');
+var stream = require('node:stream');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var stream__default = /*#__PURE__*/_interopDefaultCompat(stream);
+
+const Transform = stream__default["default"].Transform;
+function createPlugins(options$1 = {}) {
+    const opts = options.getOptions(options$1);
+    const { templateHandler, styleHandler, patch, jsHandler, setMangleRuntimeSet, tailwindcssBasedir } = opts;
+    let runtimeSet = new Set();
+    patch === null || patch === void 0 ? void 0 : patch();
+    const twPatcher = options.createTailwindcssPatcher();
+    function transformWxss() {
+        const transformStream = new Transform({ objectMode: true });
+        transformStream._transform = function (file, encoding, callback) {
+            return options.__awaiter(this, void 0, void 0, function* () {
+                runtimeSet = twPatcher.getClassSet({
+                    basedir: tailwindcssBasedir
+                });
+                setMangleRuntimeSet(runtimeSet);
+                const error = null;
+                if (file.contents) {
+                    const code = yield styleHandler(file.contents.toString(), {
+                        isMainChunk: true
+                    });
+                    file.contents = Buffer.from(code);
+                }
+                callback(error, file);
+            });
+        };
+        return transformStream;
+    }
+    function transformJs() {
+        const transformStream = new Transform({ objectMode: true });
+        transformStream._transform = function (file, encoding, callback) {
+            const error = null;
+            if (file.contents) {
+                const { code } = jsHandler(file.contents.toString(), runtimeSet);
+                file.contents = Buffer.from(code);
+            }
+            callback(error, file);
+        };
+        return transformStream;
+    }
+    function transformWxml() {
+        const transformStream = new Transform({ objectMode: true });
+        transformStream._transform = function (file, encoding, callback) {
+            const error = null;
+            if (file.contents) {
+                const code = templateHandler(file.contents.toString(), {
+                    runtimeSet
+                });
+                file.contents = Buffer.from(code);
+            }
+            callback(error, file);
+        };
+        return transformStream;
+    }
+    return {
+        transformWxss,
+        transformWxml,
+        transformJs
+    };
+}
+
+exports.createPlugins = createPlugins;

package/dist/{postcss-bdPbDgs7.js → index-Fkmyt0Rc.js}

@@ -6,7 +6,7 @@ var selectorParser = require('postcss-selector-parser');
 var shared = require('./shared-AxeHlAoJ.js');
 var postcss = require('postcss');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var postcssIsPseudoClass__default = /*#__PURE__*/_interopDefaultCompat(postcssIsPseudoClass);
 var postcssRem2rpx__default = /*#__PURE__*/_interopDefaultCompat(postcssRem2rpx);
@@ -380,6 +380,7 @@ function commonChunkPreflight(node, options) {
 const postcssPlugin = 'postcss-weapp-tailwindcss-rename-plugin';
 const pluginName = 'weapp-tailwindcss-webpack-plugin';
 const vitePluginName = 'vite-plugin-uni-app-weapp-tailwindcss-adaptor';
+const WEAPP_TW_REQUIRED_NODE_VERSION = '16.6.0';
 
 function isAtMediaHover(atRule) {
     return /media\(\s*hover\s*:\s*hover\s*\)/.test(atRule.name) || (atRule.name === 'media' && /\(\s*hover\s*:\s*hover\s*\)/.test(atRule.params));
@@ -486,6 +487,7 @@ function getPlugins(options) {
     return plugins;
 }
 
+exports.WEAPP_TW_REQUIRED_NODE_VERSION = WEAPP_TW_REQUIRED_NODE_VERSION;
 exports.getPlugins = getPlugins;
 exports.pluginName = pluginName;
 exports.postcssWeappTailwindcssPostPlugin = postcssWeappTailwindcssPostPlugin;

package/dist/index-KpA8Y68V.js

@@ -0,0 +1,142 @@
+'use strict';
+
+var options = require('./options-N9g3FpWO.js');
+var index = require('./index-Fkmyt0Rc.js');
+var defaults = require('./defaults-QOAV8NSV.js');
+var index$1 = require('./index-juOeq2Kt.js');
+
+const debug = index$1.createDebug('generateBundle: ');
+function UnifiedViteWeappTailwindcssPlugin(options$1 = {}) {
+    if (options$1.customReplaceDictionary === undefined) {
+        options$1.customReplaceDictionary = 'simple';
+    }
+    const opts = options.getOptions(options$1);
+    const { disabled, onEnd, onLoad, onStart, onUpdate, templateHandler, styleHandler, patch, jsHandler, mainCssChunkMatcher, appType, setMangleRuntimeSet, cache, tailwindcssBasedir } = opts;
+    if (disabled) {
+        return;
+    }
+    patch === null || patch === void 0 ? void 0 : patch();
+    const twPatcher = options.createTailwindcssPatcher();
+    onLoad();
+    return {
+        name: index.vitePluginName,
+        enforce: 'post',
+        generateBundle(opt, bundle) {
+            return options.__awaiter(this, void 0, void 0, function* () {
+                debug('start');
+                onStart();
+                const entries = Object.entries(bundle);
+                const groupedEntries = defaults.getGroupedEntries(entries, opts);
+                const runtimeSet = twPatcher.getClassSet({
+                    basedir: tailwindcssBasedir
+                });
+                setMangleRuntimeSet(runtimeSet);
+                debug('get runtimeSet, class count: %d', runtimeSet.size);
+                if (Array.isArray(groupedEntries.html)) {
+                    let noCachedCount = 0;
+                    for (let i = 0; i < groupedEntries.html.length; i++) {
+                        const [file, originalSource] = groupedEntries.html[i];
+                        const oldVal = originalSource.source.toString();
+                        const hash = cache.computeHash(oldVal);
+                        cache.calcHashValueChanged(file, hash);
+                        yield cache.process(file, () => {
+                            const source = cache.get(file);
+                            if (source) {
+                                originalSource.source = source;
+                                debug('html cache hit: %s', file);
+                            }
+                            else {
+                                return false;
+                            }
+                        }, () => {
+                            originalSource.source = templateHandler(oldVal, {
+                                runtimeSet
+                            });
+                            onUpdate(file, oldVal, originalSource.source);
+                            debug('html handle: %s', file);
+                            noCachedCount++;
+                            return {
+                                key: file,
+                                source: originalSource.source
+                            };
+                        });
+                    }
+                    debug('html handle finish, total: %d, no-cached: %d', groupedEntries.html.length, noCachedCount);
+                }
+                if (Array.isArray(groupedEntries.js)) {
+                    let noCachedCount = 0;
+                    for (let i = 0; i < groupedEntries.js.length; i++) {
+                        const [file, originalSource] = groupedEntries.js[i];
+                        const rawSource = originalSource.code;
+                        const hash = cache.computeHash(rawSource);
+                        cache.calcHashValueChanged(file, hash);
+                        yield cache.process(file, () => {
+                            const source = cache.get(file);
+                            if (source) {
+                                originalSource.code = source;
+                                debug('js cache hit: %s', file);
+                            }
+                            else {
+                                return false;
+                            }
+                        }, () => {
+                            const mapFilename = file + '.map';
+                            const hasMap = Boolean(bundle[mapFilename]);
+                            const { code, map } = jsHandler(rawSource, runtimeSet, {
+                                generateMap: hasMap
+                            });
+                            originalSource.code = code;
+                            onUpdate(file, rawSource, code);
+                            debug('js handle: %s', file);
+                            noCachedCount++;
+                            if (hasMap && map) {
+                                bundle[mapFilename].source = map.toString();
+                            }
+                            return {
+                                key: file,
+                                source: code
+                            };
+                        });
+                    }
+                    debug('js handle finish, total: %d, no-cached: %d', groupedEntries.js.length, noCachedCount);
+                }
+                if (Array.isArray(groupedEntries.css)) {
+                    let noCachedCount = 0;
+                    for (let i = 0; i < groupedEntries.css.length; i++) {
+                        const [file, originalSource] = groupedEntries.css[i];
+                        const rawSource = originalSource.source.toString();
+                        const hash = cache.computeHash(rawSource);
+                        cache.calcHashValueChanged(file, hash);
+                        yield cache.process(file, () => {
+                            const source = cache.get(file);
+                            if (source) {
+                                originalSource.source = source;
+                                debug('css cache hit: %s', file);
+                            }
+                            else {
+                                return false;
+                            }
+                        }, () => options.__awaiter(this, void 0, void 0, function* () {
+                            const css = yield styleHandler(rawSource, {
+                                isMainChunk: mainCssChunkMatcher(originalSource.fileName, appType)
+                            });
+                            originalSource.source = css;
+                            onUpdate(file, rawSource, css);
+                            debug('css handle: %s', file);
+                            noCachedCount++;
+                            return {
+                                key: file,
+                                source: css
+                            };
+                        }));
+                    }
+                    debug('css handle finish, total: %d, no-cached: %d', groupedEntries.css.length, noCachedCount);
+                }
+                onEnd();
+                debug('end');
+            });
+        }
+    };
+}
+
+exports.UnifiedViteWeappTailwindcssPlugin = UnifiedViteWeappTailwindcssPlugin;