weapp-tailwindcss 3.0.2 → 3.0.4

package/dist/webpack4.js

@@ -0,0 +1,208 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var options = require('./options-N9g3FpWO.js');
+var path = require('node:path');
+var fs = require('node:fs');
+var webpackSources = require('webpack-sources');
+var index = require('./index-Fkmyt0Rc.js');
+var defaults = require('./defaults-QOAV8NSV.js');
+var index$1 = require('./index-juOeq2Kt.js');
+require('magic-string');
+require('./replace.js');
+require('@weapp-core/escape');
+require('@ast-core/escape');
+require('./shared-AxeHlAoJ.js');
+require('@weapp-core/regex');
+require('@babel/generator');
+require('@babel/parser');
+require('@babel/traverse');
+require('@babel/types');
+require('htmlparser2');
+require('postcss');
+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');
+require('./defu-KWuJnZLV.js');
+require('debug');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var path__default = /*#__PURE__*/_interopDefaultCompat(path);
+var fs__default = /*#__PURE__*/_interopDefaultCompat(fs);
+
+const debug = index$1.createDebug('processAssets: ');
+class UnifiedWebpackPluginV4 {
+    constructor(options$1 = {}) {
+        if (options$1.customReplaceDictionary === undefined) {
+            options$1.customReplaceDictionary = 'simple';
+        }
+        this.options = options.getOptions(options$1);
+        this.appType = this.options.appType;
+    }
+    apply(compiler) {
+        const { mainCssChunkMatcher, disabled, onLoad, onUpdate, onEnd, onStart, styleHandler, patch, templateHandler, jsHandler, setMangleRuntimeSet, runtimeLoaderPath, cache, tailwindcssBasedir } = this.options;
+        if (disabled) {
+            return;
+        }
+        patch === null || patch === void 0 ? void 0 : patch();
+        const twPatcher = options.createTailwindcssPatcher();
+        function getClassSet() {
+            return twPatcher.getClassSet({
+                basedir: tailwindcssBasedir
+            });
+        }
+        onLoad();
+        const loader = runtimeLoaderPath !== null && runtimeLoaderPath !== void 0 ? runtimeLoaderPath : path__default["default"].resolve(__dirname, './weapp-tw-runtime-loader.js');
+        const isExisted = fs__default["default"].existsSync(loader);
+        const WeappTwRuntimeAopLoader = {
+            loader,
+            options: {
+                getClassSet
+            },
+            ident: null,
+            type: null
+        };
+        compiler.hooks.compilation.tap(index.pluginName, (compilation) => {
+            compilation.hooks.normalModuleLoader.tap(index.pluginName, (loaderContext, module) => {
+                if (isExisted) {
+                    const idx = module.loaders.findIndex((x) => x.loader.includes('postcss-loader'));
+                    if (idx > -1) {
+                        module.loaders.unshift(WeappTwRuntimeAopLoader);
+                    }
+                }
+            });
+        });
+        compiler.hooks.emit.tapPromise(index.pluginName, (compilation) => options.__awaiter(this, void 0, void 0, function* () {
+            onStart();
+            debug('start');
+            for (const chunk of compilation.chunks) {
+                if (chunk.id && chunk.hash) {
+                    cache.calcHashValueChanged(chunk.id, chunk.hash);
+                }
+            }
+            const assets = compilation.assets;
+            const entries = Object.entries(assets);
+            const groupedEntries = defaults.getGroupedEntries(entries, this.options);
+            const runtimeSet = getClassSet();
+            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 rawSource = originalSource.source().toString();
+                    const hash = cache.computeHash(rawSource);
+                    const cacheKey = file;
+                    cache.calcHashValueChanged(cacheKey, hash);
+                    yield cache.process(cacheKey, () => {
+                        const source = cache.get(cacheKey);
+                        if (source) {
+                            compilation.updateAsset(file, source);
+                            debug('html cache hit: %s', file);
+                        }
+                        else {
+                            return false;
+                        }
+                    }, () => {
+                        const wxml = templateHandler(rawSource, {
+                            runtimeSet
+                        });
+                        const source = new webpackSources.ConcatSource(wxml);
+                        compilation.updateAsset(file, source);
+                        onUpdate(file, rawSource, wxml);
+                        debug('html handle: %s', file);
+                        noCachedCount++;
+                        return {
+                            key: cacheKey,
+                            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 cacheKey = defaults.removeExt(file);
+                    yield cache.process(cacheKey, () => {
+                        const source = cache.get(cacheKey);
+                        if (source) {
+                            compilation.updateAsset(file, source);
+                            debug('js cache hit: %s', file);
+                        }
+                        else {
+                            return false;
+                        }
+                    }, () => {
+                        const rawSource = originalSource.source().toString();
+                        const mapFilename = file + '.map';
+                        const hasMap = Boolean(assets[mapFilename]);
+                        const { code, map } = jsHandler(rawSource, runtimeSet, {
+                            generateMap: hasMap
+                        });
+                        const source = new webpackSources.ConcatSource(code);
+                        compilation.updateAsset(file, source);
+                        onUpdate(file, rawSource, code);
+                        debug('js handle: %s', file);
+                        noCachedCount++;
+                        if (hasMap && map) {
+                            const source = new webpackSources.RawSource(map.toString());
+                            compilation.updateAsset(mapFilename, source);
+                        }
+                        return {
+                            key: cacheKey,
+                            source
+                        };
+                    });
+                }
+                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);
+                    const cacheKey = file;
+                    cache.calcHashValueChanged(cacheKey, hash);
+                    yield cache.process(cacheKey, () => {
+                        const source = cache.get(cacheKey);
+                        if (source) {
+                            compilation.updateAsset(file, 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(file, this.appType)
+                        });
+                        const source = new webpackSources.ConcatSource(css);
+                        compilation.updateAsset(file, source);
+                        onUpdate(file, rawSource, css);
+                        debug('css handle: %s', file);
+                        noCachedCount++;
+                        return {
+                            key: cacheKey,
+                            source
+                        };
+                    }));
+                }
+                debug('css handle finish, total: %d, no-cached: %d', groupedEntries.css.length, noCachedCount);
+            }
+            debug('end');
+            onEnd();
+        }));
+    }
+}
+
+exports.UnifiedWebpackPluginV4 = UnifiedWebpackPluginV4;

package/dist/webpack4.mjs

@@ -0,0 +1,199 @@
+import { g as getOptions, c as createTailwindcssPatcher, _ as __awaiter } from './options-6YPFqoRJ.mjs';
+import path from 'node:path';
+import fs from 'node:fs';
+import { ConcatSource, RawSource } from 'webpack-sources';
+import { b as pluginName } from './index-_74RBzwy.mjs';
+import { g as getGroupedEntries, r as removeExt } from './defaults-TZpmwtzd.mjs';
+import { c as createDebug } from './index-06BoOZig.mjs';
+import 'magic-string';
+import './replace.mjs';
+import '@weapp-core/escape';
+import '@ast-core/escape';
+import './shared-0D5OOeXo.mjs';
+import '@weapp-core/regex';
+import '@babel/generator';
+import '@babel/parser';
+import '@babel/traverse';
+import '@babel/types';
+import 'htmlparser2';
+import 'postcss';
+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';
+import './defu-ms_ZBCiB.mjs';
+import 'debug';
+
+const debug = createDebug('processAssets: ');
+class UnifiedWebpackPluginV4 {
+    constructor(options = {}) {
+        if (options.customReplaceDictionary === undefined) {
+            options.customReplaceDictionary = 'simple';
+        }
+        this.options = getOptions(options);
+        this.appType = this.options.appType;
+    }
+    apply(compiler) {
+        const { mainCssChunkMatcher, disabled, onLoad, onUpdate, onEnd, onStart, styleHandler, patch, templateHandler, jsHandler, setMangleRuntimeSet, runtimeLoaderPath, cache, tailwindcssBasedir } = this.options;
+        if (disabled) {
+            return;
+        }
+        patch === null || patch === void 0 ? void 0 : patch();
+        const twPatcher = createTailwindcssPatcher();
+        function getClassSet() {
+            return twPatcher.getClassSet({
+                basedir: tailwindcssBasedir
+            });
+        }
+        onLoad();
+        const loader = runtimeLoaderPath !== null && runtimeLoaderPath !== void 0 ? runtimeLoaderPath : path.resolve(__dirname, './weapp-tw-runtime-loader.js');
+        const isExisted = fs.existsSync(loader);
+        const WeappTwRuntimeAopLoader = {
+            loader,
+            options: {
+                getClassSet
+            },
+            ident: null,
+            type: null
+        };
+        compiler.hooks.compilation.tap(pluginName, (compilation) => {
+            compilation.hooks.normalModuleLoader.tap(pluginName, (loaderContext, module) => {
+                if (isExisted) {
+                    const idx = module.loaders.findIndex((x) => x.loader.includes('postcss-loader'));
+                    if (idx > -1) {
+                        module.loaders.unshift(WeappTwRuntimeAopLoader);
+                    }
+                }
+            });
+        });
+        compiler.hooks.emit.tapPromise(pluginName, (compilation) => __awaiter(this, void 0, void 0, function* () {
+            onStart();
+            debug('start');
+            for (const chunk of compilation.chunks) {
+                if (chunk.id && chunk.hash) {
+                    cache.calcHashValueChanged(chunk.id, chunk.hash);
+                }
+            }
+            const assets = compilation.assets;
+            const entries = Object.entries(assets);
+            const groupedEntries = getGroupedEntries(entries, this.options);
+            const runtimeSet = getClassSet();
+            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 rawSource = originalSource.source().toString();
+                    const hash = cache.computeHash(rawSource);
+                    const cacheKey = file;
+                    cache.calcHashValueChanged(cacheKey, hash);
+                    yield cache.process(cacheKey, () => {
+                        const source = cache.get(cacheKey);
+                        if (source) {
+                            compilation.updateAsset(file, source);
+                            debug('html cache hit: %s', file);
+                        }
+                        else {
+                            return false;
+                        }
+                    }, () => {
+                        const wxml = templateHandler(rawSource, {
+                            runtimeSet
+                        });
+                        const source = new ConcatSource(wxml);
+                        compilation.updateAsset(file, source);
+                        onUpdate(file, rawSource, wxml);
+                        debug('html handle: %s', file);
+                        noCachedCount++;
+                        return {
+                            key: cacheKey,
+                            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 cacheKey = removeExt(file);
+                    yield cache.process(cacheKey, () => {
+                        const source = cache.get(cacheKey);
+                        if (source) {
+                            compilation.updateAsset(file, source);
+                            debug('js cache hit: %s', file);
+                        }
+                        else {
+                            return false;
+                        }
+                    }, () => {
+                        const rawSource = originalSource.source().toString();
+                        const mapFilename = file + '.map';
+                        const hasMap = Boolean(assets[mapFilename]);
+                        const { code, map } = jsHandler(rawSource, runtimeSet, {
+                            generateMap: hasMap
+                        });
+                        const source = new ConcatSource(code);
+                        compilation.updateAsset(file, source);
+                        onUpdate(file, rawSource, code);
+                        debug('js handle: %s', file);
+                        noCachedCount++;
+                        if (hasMap && map) {
+                            const source = new RawSource(map.toString());
+                            compilation.updateAsset(mapFilename, source);
+                        }
+                        return {
+                            key: cacheKey,
+                            source
+                        };
+                    });
+                }
+                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);
+                    const cacheKey = file;
+                    cache.calcHashValueChanged(cacheKey, hash);
+                    yield cache.process(cacheKey, () => {
+                        const source = cache.get(cacheKey);
+                        if (source) {
+                            compilation.updateAsset(file, source);
+                            debug('css cache hit: %s', file);
+                        }
+                        else {
+                            return false;
+                        }
+                    }, () => __awaiter(this, void 0, void 0, function* () {
+                        const css = yield styleHandler(rawSource, {
+                            isMainChunk: mainCssChunkMatcher(file, this.appType)
+                        });
+                        const source = new ConcatSource(css);
+                        compilation.updateAsset(file, source);
+                        onUpdate(file, rawSource, css);
+                        debug('css handle: %s', file);
+                        noCachedCount++;
+                        return {
+                            key: cacheKey,
+                            source
+                        };
+                    }));
+                }
+                debug('css handle finish, total: %d, no-cached: %d', groupedEntries.css.length, noCachedCount);
+            }
+            debug('end');
+            onEnd();
+        }));
+    }
+}
+
+export { UnifiedWebpackPluginV4 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "weapp-tailwindcss",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "description": "把tailwindcss jit引擎，带给小程序开发者们! bring tailwindcss jit engine to miniprogram developers!",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -31,6 +31,11 @@
       "require": "./dist/webpack.js",
       "import": "./dist/webpack.mjs"
     },
+    "./webpack4": {
+      "types": "./dist/webpack4.d.ts",
+      "require": "./dist/webpack4.js",
+      "import": "./dist/webpack4.mjs"
+    },
     "./core": {
       "types": "./dist/core.d.ts",
       "require": "./dist/core.js",
@@ -117,12 +122,12 @@
   },
   "homepage": "https://weapp-tw.icebreaker.top",
   "devDependencies": {
-    "@babel/core": "^7.23.3",
+    "@babel/core": "^7.23.6",
     "@icebreakers/cli": "0.1.1",
     "@icebreakers/readme": "0.1.0",
     "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-json": "^6.0.1",
+    "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.5",
@@ -130,7 +135,7 @@
     "@types/babel__generator": "^7.6.7",
     "@types/babel__traverse": "^7.20.4",
     "@types/debug": "^4.1.12",
-    "@types/diff": "^5.0.8",
+    "@types/diff": "^5.0.9",
     "@types/fs-extra": "^11.0.4",
     "@types/gulp": "^4.0.17",
     "@types/gulp-postcss": "^8.0.6",
@@ -140,15 +145,17 @@
     "@types/lodash": "^4.14.202",
     "@types/md5": "^2.3.5",
     "@types/micromatch": "^4.0.6",
-    "@types/node": "^20.10.0",
+    "@types/node": "^20.10.4",
     "@types/semver": "^7.5.6",
     "@types/vinyl": "^2.0.11",
     "@types/webpack": "^5.28.5",
     "@types/webpack-sources": "^3.2.3",
-    "@vitest/coverage-v8": "^0.34.6",
+    "@types/webpack4": "npm:@types/webpack@4",
+    "@vitest/coverage-v8": "^1.0.4",
+    "@vitest/ui": "^1.0.4",
     "autoprefixer": "^10.4.16",
     "babel-loader": "^9.1.3",
-    "bumpp": "^9.2.0",
+    "bumpp": "^9.2.1",
     "colorette": "^2.0.20",
     "cross-env": "^7.0.3",
     "css-loader": "^6.8.1",
@@ -158,13 +165,13 @@
     "del": "^7.1.0",
     "diff": "^5.1.0",
     "domhandler": "^5.0.3",
-    "eslint": "8.54.0",
+    "eslint": "8.55.0",
     "eslint-config-icebreaker": "^1.2.2",
-    "eslint-config-prettier": "^9.0.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.0.1",
     "execa": "^7.2.0",
     "fast-glob": "^3.3.2",
-    "fs-extra": "^11.1.1",
+    "fs-extra": "^11.2.0",
     "gulp": "^4.0.2",
     "gulp-postcss": "^9.0.1",
     "html-loader": "^4.2.0",
@@ -174,34 +181,34 @@
     "mini-css-extract-plugin": "^2.7.6",
     "miniprogram-automator": "^0.12.1",
     "pkg-types": "^1.0.3",
-    "postcss-load-config": "^4.0.2",
+    "postcss-load-config": "^5.0.2",
     "postcss-loader": "^7.3.3",
-    "prettier": "^3.1.0",
+    "prettier": "^3.1.1",
     "promisify-loader-runner": "^1.0.1",
-    "rollup": "^4.6.0",
-    "rollup-plugin-visualizer": "^5.9.3",
+    "rollup": "^4.9.0",
+    "rollup-plugin-visualizer": "^5.11.0",
     "sass": "^1.69.5",
     "style-loader": "^3.3.3",
-    "tailwindcss": "^3.3.5",
-    "ts-node": "^10.9.1",
-    "ts-patch": "^3.0.2",
+    "tailwindcss": "^3.3.6",
+    "ts-node": "^10.9.2",
+    "ts-patch": "^3.1.1",
     "tsd": "^0.29.0",
     "tslib": "^2.6.2",
-    "typescript": "^5.3.2",
+    "typescript": "^5.3.3",
     "typescript-transform-paths": "^3.4.6",
     "vinyl": "^3.0.0",
-    "vite": "^5.0.2",
-    "vitest": "^0.34.6",
+    "vite": "^5.0.9",
+    "vitest": "^1.0.4",
     "weapp-tailwindcss-children": "^0.1.0",
     "webpack": "^5.89.0",
     "webpack-build-utils": "^0.0.7"
   },
   "dependencies": {
     "@ast-core/escape": "^1.0.1",
-    "@babel/generator": "^7.23.4",
-    "@babel/parser": "^7.23.4",
-    "@babel/traverse": "^7.23.4",
-    "@babel/types": "^7.23.4",
+    "@babel/generator": "^7.23.5",
+    "@babel/parser": "^7.23.5",
+    "@babel/traverse": "^7.23.5",
+    "@babel/types": "^7.23.5",
     "@csstools/postcss-is-pseudo-class": "^4.0.3",
     "@tailwindcss-mangle/shared": "^2.2.2",
     "@weapp-core/escape": "^2.0.0",
@@ -212,11 +219,12 @@
     "lru-cache": "^10.1.0",
     "magic-string": "^0.30.5",
     "md5": "^2.3.0",
-    "postcss": "8.4.31",
+    "postcss": "8.4.32",
     "postcss-rem-to-responsive-pixel": "^6.0.1",
     "postcss-selector-parser": "^6.0.13",
     "semver": "^7.5.4",
-    "tailwindcss-patch": "^2.2.2"
+    "tailwindcss-patch": "^2.2.2",
+    "webpack-sources": "^3.2.3"
   },
   "packageManager": "pnpm@8.10.2",
   "engines": {
@@ -230,6 +238,7 @@
     "dts": "tsc --emitDeclarationOnly -p tsconfig.dts.json",
     "test": "npm run postinstall && vitest run",
     "test:dev": "vitest",
+    "test:ui": "vitest --ui",
     "vitest:coverage": "vitest run --coverage",
     "e2e": "vitest run -c ./vitest.e2e.config.ts",
     "e2e:dev": "vitest -c ./vitest.e2e.config.ts",