weapp-tailwindcss 2.5.2 → 2.6.0

package/dist/postcss-b53e9504.js

@@ -0,0 +1,359 @@
+'use strict';
+
+var selectorParser = require('postcss-selector-parser');
+var shared = require('./shared-ae7dd073.js');
+var postcss = require('postcss');
+require('@csstools/postcss-is-pseudo-class');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var selectorParser__default = /*#__PURE__*/_interopDefaultCompat(selectorParser);
+
+const createTransform = (rule, options) => {
+    const { replaceUniversalSelectorWith, escapeMap, mangleContext } = options;
+    const replaceFlag = replaceUniversalSelectorWith !== false;
+    const transform = (selectors) => {
+        selectors.walk((selector) => {
+            if (selector.type === 'universal' && replaceFlag) {
+                selector.value = replaceUniversalSelectorWith;
+            }
+            if (selector.type === 'selector') {
+                const node = selector.nodes.find((x) => x.type === 'pseudo' && x.value === ':hover');
+                node && selector.remove();
+            }
+            if (selector.type === 'class') {
+                selector.value = shared.internalCssSelectorReplacer(selector.value, {
+                    escapeMap,
+                    mangleContext
+                });
+            }
+        });
+        if (selectors.length === 0) {
+            rule.remove();
+        }
+    };
+    return transform;
+};
+const getTransformer = (rule, options) => {
+    return selectorParser__default["default"](createTransform(rule, options));
+};
+const transformSync = (rule, options) => {
+    const transformer = getTransformer(rule, options);
+    return transformer.transformSync(rule, {
+        lossless: false,
+        updateSelector: true
+    });
+};
+
+var cssVars = [
+    {
+        prop: '--tw-border-spacing-x',
+        value: '0'
+    },
+    {
+        prop: '--tw-border-spacing-y',
+        value: '0'
+    },
+    {
+        prop: '--tw-translate-x',
+        value: '0'
+    },
+    {
+        prop: '--tw-translate-y',
+        value: '0'
+    },
+    {
+        prop: '--tw-rotate',
+        value: '0'
+    },
+    {
+        prop: '--tw-skew-x',
+        value: '0'
+    },
+    {
+        prop: '--tw-skew-y',
+        value: '0'
+    },
+    {
+        prop: '--tw-scale-x',
+        value: '1'
+    },
+    {
+        prop: '--tw-scale-y',
+        value: '1'
+    },
+    {
+        prop: '--tw-pan-x',
+        value: ' '
+    },
+    {
+        prop: '--tw-pan-y',
+        value: ' '
+    },
+    {
+        prop: '--tw-pinch-zoom',
+        value: ' '
+    },
+    {
+        prop: '--tw-scroll-snap-strictness',
+        value: 'proximity'
+    },
+    {
+        prop: '--tw-gradient-from-position',
+        value: ' '
+    },
+    {
+        prop: '--tw-gradient-via-position',
+        value: ' '
+    },
+    {
+        prop: '--tw-gradient-to-position',
+        value: ' '
+    },
+    {
+        prop: '--tw-ordinal',
+        value: ' '
+    },
+    {
+        prop: '--tw-slashed-zero',
+        value: ' '
+    },
+    {
+        prop: '--tw-numeric-figure',
+        value: ' '
+    },
+    {
+        prop: '--tw-numeric-spacing',
+        value: ' '
+    },
+    {
+        prop: '--tw-numeric-fraction',
+        value: ' '
+    },
+    {
+        prop: '--tw-ring-inset',
+        value: ' '
+    },
+    {
+        prop: '--tw-ring-offset-width',
+        value: '0rpx'
+    },
+    {
+        prop: '--tw-ring-offset-color',
+        value: '#fff'
+    },
+    {
+        prop: '--tw-ring-color',
+        value: 'rgba(59, 130, 246, 0.5)'
+    },
+    {
+        prop: '--tw-ring-offset-shadow',
+        value: '0 0 #0000'
+    },
+    {
+        prop: '--tw-ring-shadow',
+        value: '0 0 #0000'
+    },
+    {
+        prop: '--tw-shadow',
+        value: '0 0 #0000'
+    },
+    {
+        prop: '--tw-shadow-colored',
+        value: '0 0 #0000'
+    },
+    {
+        prop: '--tw-blur',
+        value: ' '
+    },
+    {
+        prop: '--tw-brightness',
+        value: ' '
+    },
+    {
+        prop: '--tw-contrast',
+        value: ' '
+    },
+    {
+        prop: '--tw-grayscale',
+        value: ' '
+    },
+    {
+        prop: '--tw-hue-rotate',
+        value: ' '
+    },
+    {
+        prop: '--tw-invert',
+        value: ' '
+    },
+    {
+        prop: '--tw-saturate',
+        value: ' '
+    },
+    {
+        prop: '--tw-sepia',
+        value: ' '
+    },
+    {
+        prop: '--tw-drop-shadow',
+        value: ' '
+    },
+    {
+        prop: '--tw-backdrop-blur',
+        value: ' '
+    },
+    {
+        prop: '--tw-backdrop-brightness',
+        value: ' '
+    },
+    {
+        prop: '--tw-backdrop-contrast',
+        value: ' '
+    },
+    {
+        prop: '--tw-backdrop-grayscale',
+        value: ' '
+    },
+    {
+        prop: '--tw-backdrop-hue-rotate',
+        value: ' '
+    },
+    {
+        prop: '--tw-backdrop-invert',
+        value: ' '
+    },
+    {
+        prop: '--tw-backdrop-opacity',
+        value: ' '
+    },
+    {
+        prop: '--tw-backdrop-saturate',
+        value: ' '
+    },
+    {
+        prop: '--tw-backdrop-sepia',
+        value: ' '
+    }
+];
+
+const initialNodes = cssVars.map((x) => {
+    return new postcss.Declaration({
+        prop: x.prop,
+        value: x.value
+    });
+});
+const PATTERNS = [/:not\(template\)\s*~\s*:not\(template\)/.source, /:not\(\[hidden\]\)\s*~\s*:not\(\[hidden\]\)/.source].join('|');
+const BROAD_MATCH_GLOBAL_REGEXP = new RegExp(PATTERNS, 'g');
+function testIfVariablesScope(node, count = 1) {
+    if (/:?:before/.test(node.selector) && /:?:after/.test(node.selector)) {
+        for (let i = 0; i < count; i++) {
+            const tryTestDecl = node.nodes[i];
+            if (tryTestDecl && tryTestDecl.type === 'decl' && tryTestDecl.prop.startsWith('--tw-')) {
+                continue;
+            }
+            else {
+                return false;
+            }
+        }
+        return true;
+    }
+    return false;
+}
+function testIfTwBackdrop(node, count = 1) {
+    if (node.type === 'rule' && node.selector === '::backdrop') {
+        for (let i = 0; i < count; i++) {
+            const tryTestDecl = node.nodes[i];
+            if (tryTestDecl && tryTestDecl.type === 'decl' && tryTestDecl.prop.startsWith('--tw-')) {
+                continue;
+            }
+            else {
+                return false;
+            }
+        }
+        return true;
+    }
+    return false;
+}
+function makePseudoVarRule() {
+    const pseudoVarRule = new postcss.Rule({
+        selector: '::before,::after'
+    });
+    pseudoVarRule.append(new postcss.Declaration({
+        prop: '--tw-content',
+        value: '""'
+    }));
+    return pseudoVarRule;
+}
+function remakeCssVarSelector(selectors, cssPreflightRange) {
+    const idx = selectors.indexOf('*');
+    if (idx > -1) {
+        selectors.splice(idx, 1);
+    }
+    if (!selectors.includes('view')) {
+        selectors.push('view');
+    }
+    if (cssPreflightRange === 'all' &&
+        !selectors.includes(':not(not)')) {
+        selectors.push(':not(not)');
+    }
+    return selectors;
+}
+function remakeCombinatorSelector(selector, cssChildCombinatorReplaceValue) {
+    let childCombinatorReplaceValue = 'view + view';
+    if (Array.isArray(cssChildCombinatorReplaceValue)) {
+        const part = cssChildCombinatorReplaceValue.join(',');
+        childCombinatorReplaceValue = [part, ' + ', part].join('');
+    }
+    else if (typeof cssChildCombinatorReplaceValue === 'string') {
+        childCombinatorReplaceValue = cssChildCombinatorReplaceValue;
+    }
+    return selector.replaceAll(BROAD_MATCH_GLOBAL_REGEXP, childCombinatorReplaceValue);
+}
+function commonChunkPreflight(node, options) {
+    node.selector = remakeCombinatorSelector(node.selector, options.cssChildCombinatorReplaceValue);
+    if (testIfVariablesScope(node)) {
+        node.selectors = remakeCssVarSelector(node.selectors, options.cssPreflightRange);
+        node.before(makePseudoVarRule());
+        if (typeof options.cssInjectPreflight === 'function') {
+            node.append(...options.cssInjectPreflight());
+        }
+    }
+    if (options.injectAdditionalCssVarScope && testIfTwBackdrop(node)) {
+        const syntheticRule = new postcss.Rule({
+            selectors: ['::after', '::before'],
+            nodes: initialNodes
+        });
+        syntheticRule.selectors = remakeCssVarSelector(syntheticRule.selectors, options.cssPreflightRange);
+        node.before(syntheticRule);
+        node.before(makePseudoVarRule());
+        if (typeof options.cssInjectPreflight === 'function') {
+            syntheticRule.append(...options.cssInjectPreflight());
+        }
+    }
+}
+
+const postcssPlugin = 'postcss-weapp-tailwindcss-rename-plugin';
+const pluginName = 'weapp-tailwindcss-webpack-plugin';
+const vitePluginName = 'vite-plugin-uni-app-weapp-tailwindcss-adaptor';
+
+const postcssWeappTailwindcss = (options = {
+    isMainChunk: true
+}) => {
+    const { customRuleCallback, isMainChunk } = options;
+    const flag = typeof customRuleCallback === 'function';
+    return {
+        postcssPlugin,
+        Once(css) {
+            css.walkRules((rule) => {
+                transformSync(rule, options);
+                isMainChunk && commonChunkPreflight(rule, options);
+                flag && customRuleCallback(rule, options);
+            });
+        }
+    };
+};
+postcssWeappTailwindcss.postcss = true;
+
+exports.pluginName = pluginName;
+exports.postcssWeappTailwindcss = postcssWeappTailwindcss;
+exports.vitePluginName = vitePluginName;

package/dist/postcss.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var postcss = require('./postcss-fbdc673b.js');
+var postcss = require('./postcss-b53e9504.js');
 var postcssIsPseudoClass = require('@csstools/postcss-is-pseudo-class');
 require('postcss-selector-parser');
 require('./shared-ae7dd073.js');

package/dist/postcss.mjs

@@ -1,4 +1,4 @@
-export { p as postcssWeappTailwindcss } from './postcss-9a63df9d.mjs';
+export { p as postcssWeappTailwindcss } from './postcss-760298ba.mjs';
 export { default as postcssIsPseudoClass } from '@csstools/postcss-is-pseudo-class';
 import 'postcss-selector-parser';
 import './shared-7c88fb94.mjs';

package/dist/types.d.ts

@@ -19,6 +19,7 @@ export type RequiredStyleHandlerOptions = {
     cssChildCombinatorReplaceValue?: string | string[];
     replaceUniversalSelectorWith?: string | false;
     escapeMap?: Record<string, string>;
+    injectAdditionalCssVarScope?: boolean;
 };
 export type CustomRuleCallback = (node: Rule, options: Readonly<RequiredStyleHandlerOptions>) => void;
 export interface InternalCssSelectorReplacerOptions {
@@ -89,6 +90,7 @@ export interface UserDefinedOptions {
     cssChildCombinatorReplaceValue?: string | string[];
     wxsMatcher?: ((name: string) => boolean) | string | string[];
     inlineWxs?: boolean;
+    injectAdditionalCssVarScope?: boolean;
 }
 export interface IMangleScopeContext {
     rawOptions: UserDefinedOptions['mangle'];

package/dist/vite.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var options = require('./options-ad127e0c.js');
-var postcss = require('./postcss-fbdc673b.js');
+var options = require('./options-487394fa.js');
+var postcss = require('./postcss-b53e9504.js');
 require('micromatch');
 require('@babel/types');
 require('@babel/generator');

package/dist/vite.mjs

@@ -1,5 +1,5 @@
-import { g as getOptions, a as createTailwindcssPatcher, b as getGroupedEntries } from './options-1e3a224a.mjs';
-import { v as vitePluginName } from './postcss-9a63df9d.mjs';
+import { g as getOptions, a as createTailwindcssPatcher, b as getGroupedEntries } from './options-f7b71f03.mjs';
+import { v as vitePluginName } from './postcss-760298ba.mjs';
 import 'micromatch';
 import '@babel/types';
 import '@babel/generator';

package/dist/webpack.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var path = require('node:path');
 var fs = require('node:fs');
-var options = require('./options-ad127e0c.js');
-var postcss = require('./postcss-fbdc673b.js');
+var options = require('./options-487394fa.js');
+var postcss = require('./postcss-b53e9504.js');
 require('micromatch');
 require('@babel/types');
 require('@babel/generator');

package/dist/webpack.mjs

@@ -1,7 +1,7 @@
 import path from 'node:path';
 import fs from 'node:fs';
-import { g as getOptions, a as createTailwindcssPatcher, b as getGroupedEntries } from './options-1e3a224a.mjs';
-import { a as pluginName } from './postcss-9a63df9d.mjs';
+import { g as getOptions, a as createTailwindcssPatcher, b as getGroupedEntries } from './options-f7b71f03.mjs';
+import { a as pluginName } from './postcss-760298ba.mjs';
 import 'micromatch';
 import '@babel/types';
 import '@babel/generator';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "weapp-tailwindcss",
-  "version": "2.5.2",
+  "version": "2.6.0",
   "description": "把tailwindcss jit引擎，带给小程序开发者们\nbring tailwindcss jit engine to our miniprogram developers!",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -96,54 +96,54 @@
   },
   "homepage": "https://weapp-tw.icebreaker.top",
   "devDependencies": {
-    "@babel/core": "^7.21.4",
+    "@babel/core": "^7.22.8",
     "@icebreakers/cli": "^0.1.1",
     "@icebreakers/readme": "0.1.0",
     "@rollup/plugin-alias": "^5.0.0",
-    "@rollup/plugin-commonjs": "^25.0.1",
+    "@rollup/plugin-commonjs": "^25.0.2",
     "@rollup/plugin-json": "^6.0.0",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@rollup/plugin-terser": "^0.4.3",
-    "@rollup/plugin-typescript": "^11.1.1",
+    "@rollup/plugin-typescript": "^11.1.2",
     "@tsconfig/recommended": "^1.0.2",
     "@types/babel__generator": "^7.6.4",
-    "@types/babel__traverse": "^7.18.5",
+    "@types/babel__traverse": "^7.20.1",
     "@types/fs-extra": "^11.0.1",
-    "@types/gulp": "^4.0.11",
+    "@types/gulp": "^4.0.13",
     "@types/gulp-postcss": "^8.0.3",
     "@types/jest": "^29.5.2",
     "@types/klaw": "^3.0.3",
     "@types/loader-utils": "^2.0.3",
     "@types/lodash": "^4.14.195",
     "@types/micromatch": "^4.0.2",
-    "@types/node": "^20.3.1",
+    "@types/node": "^20.4.1",
     "@types/semver": "^7.5.0",
     "@types/vinyl": "^2.0.7",
     "@types/webpack": "^5.28.1",
     "@types/webpack-sources": "^3.2.0",
-    "@vitest/coverage-v8": "^0.32.2",
+    "@vitest/coverage-v8": "^0.33.0",
     "autoprefixer": "^10.4.14",
-    "babel-loader": "^9.1.2",
+    "babel-loader": "^9.1.3",
     "bumpp": "^9.1.1",
     "chalk": "4.1.2",
     "cross-env": "^7.0.3",
     "css-loader": "^6.8.1",
     "defu": "6.1.2",
     "del": "^6.1.1",
-    "eslint": "8.43.0",
+    "eslint": "8.44.0",
     "eslint-config-icebreaker": "^1.1.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-prettier": "^4.2.1",
     "execa": "5",
-    "fast-glob": "^3.2.12",
+    "fast-glob": "^3.3.0",
     "fs-extra": "^11.1.1",
     "gulp": "^4.0.2",
     "gulp-postcss": "^9.0.1",
     "html-loader": "^4.2.0",
-    "jest": "^29.5.0",
+    "jest": "^29.6.1",
     "klaw": "^4.1.0",
     "lodash": "^4.17.21",
-    "magic-string": "^0.30.0",
+    "magic-string": "^0.30.1",
     "mini-css-extract-plugin": "^2.7.6",
     "miniprogram-automator": "^0.12.0",
     "pkg-types": "^1.0.3",
@@ -152,40 +152,40 @@
     "postcss-rem-to-responsive-pixel": "^5.1.3",
     "prettier": "^2.8.8",
     "promisify-loader-runner": "^1.0.0",
-    "rollup": "^3.25.1",
+    "rollup": "^3.26.2",
     "rollup-plugin-visualizer": "^5.9.2",
     "style-loader": "^3.3.3",
     "tailwind-children": "^0.5.0",
     "tailwindcss": "^3.3.2",
-    "ts-jest": "^29.1.0",
+    "ts-jest": "^29.1.1",
     "ts-node": "^10.9.1",
-    "ts-patch": "^3.0.0",
+    "ts-patch": "^3.0.1",
     "tsd": "^0.28.1",
-    "tslib": "^2.5.3",
-    "typescript": "^5.1.3",
+    "tslib": "^2.6.0",
+    "typescript": "^5.1.6",
     "typescript-transform-paths": "^3.4.6",
     "vinyl": "^3.0.0",
-    "vite": "^4.3.9",
-    "vitest": "^0.32.2",
+    "vite": "^4.4.2",
+    "vitest": "^0.33.0",
     "weapp-tailwindcss-children": "^0.1.0",
-    "webpack": "^5.87.0",
+    "webpack": "^5.88.1",
     "webpack-build-utils": "^0.0.4"
   },
   "dependencies": {
-    "@babel/generator": "^7.21.4",
-    "@babel/parser": "^7.21.4",
-    "@babel/traverse": "^7.21.4",
-    "@babel/types": "^7.21.4",
-    "@csstools/postcss-is-pseudo-class": "^3.2.1",
+    "@babel/generator": "^7.22.7",
+    "@babel/parser": "^7.22.7",
+    "@babel/traverse": "^7.22.8",
+    "@babel/types": "^7.22.5",
+    "@csstools/postcss-is-pseudo-class": "^4.0.0",
     "loader-utils": "^2.0.3",
     "micromatch": "^4.0.5",
-    "postcss": "8.4.24",
+    "postcss": "8.4.25",
     "postcss-selector-parser": "^6.0.13",
-    "semver": "^7.5.2",
+    "semver": "^7.5.4",
     "tailwindcss-mangle-shared": "^1.2.6",
     "tailwindcss-patch": "^1.2.6"
   },
-  "packageManager": "pnpm@8.6.2",
+  "packageManager": "pnpm@8.6.3",
   "scripts": {
     "dev": "yarn clean && yarn dts && cross-env NODE_ENV=development rollup -c rollup.config.ts --configPlugin typescript -w",
     "build": "yarn clean && cross-env NODE_ENV=production rollup -c rollup.config.ts --configPlugin typescript && yarn dts",
@@ -205,6 +205,7 @@
     "clean": "node scripts/clean.js",
     "debug:web": "cd demo/web && yarn dev",
     "raw": "ts-node scripts/raw",
+    "get-decl": "ts-node scripts/get-decl.ts",
     "demo:dev": "node scripts/demo/dev.js",
     "demo:build": "node scripts/demo/build.js",
     "demo:build:local": "node scripts/demo/build.js --local",