@weapp-tailwindcss/postcss 2.1.6-alpha.3 → 2.1.7

package/dist/index.d.mts

@@ -9,6 +9,8 @@ import 'postcss-load-config';
 
 declare function createStyleHandler(options?: Partial<IStyleHandlerOptions>): StyleHandler;
 
+declare function createFallbackPlaceholderReplacer(): (code: string) => string;
+
 declare function internalCssSelectorReplacer(selectors: string, options?: InternalCssSelectorReplacerOptions): string;
 
-export { IStyleHandlerOptions, InternalCssSelectorReplacerOptions, StyleHandler, createStyleHandler, internalCssSelectorReplacer };
+export { IStyleHandlerOptions, InternalCssSelectorReplacerOptions, StyleHandler, createFallbackPlaceholderReplacer, createStyleHandler, internalCssSelectorReplacer };

package/dist/index.d.ts

@@ -9,6 +9,8 @@ import 'postcss-load-config';
 
 declare function createStyleHandler(options?: Partial<IStyleHandlerOptions>): StyleHandler;
 
+declare function createFallbackPlaceholderReplacer(): (code: string) => string;
+
 declare function internalCssSelectorReplacer(selectors: string, options?: InternalCssSelectorReplacerOptions): string;
 
-export { IStyleHandlerOptions, InternalCssSelectorReplacerOptions, StyleHandler, createStyleHandler, internalCssSelectorReplacer };
+export { IStyleHandlerOptions, InternalCssSelectorReplacerOptions, StyleHandler, createFallbackPlaceholderReplacer, createStyleHandler, internalCssSelectorReplacer };

package/dist/index.js

@@ -1822,6 +1822,7 @@ function dedupeDeclarations(rule) {
 }
 
 // src/plugins/post/specificity-cleaner.ts
+var FALLBACK_PLACEHOLDER_SUFFIXES = [":not(#n)", ":not(#\\#)"];
 function normalizeSelectorList(value) {
   if (value === void 0 || value === false) {
     return [];
@@ -1836,6 +1837,45 @@ function getSpecificityMatchingName(options) {
   }
   return void 0;
 }
+function replaceFallbackPlaceholder(selector) {
+  let output = selector;
+  for (const suffix of FALLBACK_PLACEHOLDER_SUFFIXES) {
+    if (output.includes(suffix)) {
+      output = output.split(suffix).join("");
+    }
+  }
+  return output;
+}
+function createFallbackPlaceholderReplacer() {
+  return (code) => {
+    let output = code;
+    for (const suffix of FALLBACK_PLACEHOLDER_SUFFIXES) {
+      if (output.includes(suffix)) {
+        output = output.split(suffix).join("");
+      }
+    }
+    return output;
+  };
+}
+function createFallbackPlaceholderCleaner() {
+  return (rule) => {
+    if (!rule.selectors || rule.selectors.length === 0) {
+      return;
+    }
+    let changed = false;
+    const next = rule.selectors.map((selector) => {
+      const updated = replaceFallbackPlaceholder(selector);
+      if (updated !== selector) {
+        changed = true;
+      }
+      return updated;
+    });
+    changed && assignRuleSelectors(rule, next, {
+      phase: "post",
+      reason: "clean-fallback-placeholder"
+    });
+  };
+}
 function createRootSpecificityCleaner(options) {
   const specificityMatchingName = getSpecificityMatchingName(options);
   const selectors = normalizeSelectorList(_optionalChain([options, 'access', _49 => _49.cssSelectorReplacement, 'optionalAccess', _50 => _50.root]));
@@ -1908,6 +1948,7 @@ var postcssWeappTailwindcssPostPlugin = (options) => {
     postcssPlugin
   };
   const cleanRootSpecificity = createRootSpecificityCleaner(opts);
+  const cleanFallbackPlaceholder = createFallbackPlaceholderCleaner();
   const shouldAppendHostSelector = createHostSelectorAppender(opts);
   const enableMainChunkTransforms = opts.isMainChunk !== false;
   if (enableMainChunkTransforms || cleanRootSpecificity) {
@@ -1916,6 +1957,7 @@ var postcssWeappTailwindcssPostPlugin = (options) => {
       if (enableMainChunkTransforms) {
         _optionalChain([fallbackRemove, 'optionalAccess', _56 => _56.transformSync, 'call', _57 => _57(rule)]);
       }
+      cleanFallbackPlaceholder(rule);
       _optionalChain([cleanRootSpecificity, 'optionalCall', _58 => _58(rule)]);
       if (enableMainChunkTransforms) {
         if (_optionalChain([shouldAppendHostSelector, 'optionalCall', _59 => _59(rule)])) {
@@ -2596,4 +2638,5 @@ function createStyleHandler(options) {
 
 
 
-exports.createInjectPreflight = createInjectPreflight; exports.createStyleHandler = createStyleHandler; exports.createStylePipeline = createStylePipeline; exports.internalCssSelectorReplacer = internalCssSelectorReplacer;
+
+exports.createFallbackPlaceholderReplacer = createFallbackPlaceholderReplacer; exports.createInjectPreflight = createInjectPreflight; exports.createStyleHandler = createStyleHandler; exports.createStylePipeline = createStylePipeline; exports.internalCssSelectorReplacer = internalCssSelectorReplacer;

package/dist/index.mjs

@@ -1822,6 +1822,7 @@ function dedupeDeclarations(rule) {
 }
 
 // src/plugins/post/specificity-cleaner.ts
+var FALLBACK_PLACEHOLDER_SUFFIXES = [":not(#n)", ":not(#\\#)"];
 function normalizeSelectorList(value) {
   if (value === void 0 || value === false) {
     return [];
@@ -1836,6 +1837,45 @@ function getSpecificityMatchingName(options) {
   }
   return void 0;
 }
+function replaceFallbackPlaceholder(selector) {
+  let output = selector;
+  for (const suffix of FALLBACK_PLACEHOLDER_SUFFIXES) {
+    if (output.includes(suffix)) {
+      output = output.split(suffix).join("");
+    }
+  }
+  return output;
+}
+function createFallbackPlaceholderReplacer() {
+  return (code) => {
+    let output = code;
+    for (const suffix of FALLBACK_PLACEHOLDER_SUFFIXES) {
+      if (output.includes(suffix)) {
+        output = output.split(suffix).join("");
+      }
+    }
+    return output;
+  };
+}
+function createFallbackPlaceholderCleaner() {
+  return (rule) => {
+    if (!rule.selectors || rule.selectors.length === 0) {
+      return;
+    }
+    let changed = false;
+    const next = rule.selectors.map((selector) => {
+      const updated = replaceFallbackPlaceholder(selector);
+      if (updated !== selector) {
+        changed = true;
+      }
+      return updated;
+    });
+    changed && assignRuleSelectors(rule, next, {
+      phase: "post",
+      reason: "clean-fallback-placeholder"
+    });
+  };
+}
 function createRootSpecificityCleaner(options) {
   const specificityMatchingName = getSpecificityMatchingName(options);
   const selectors = normalizeSelectorList(options.cssSelectorReplacement?.root);
@@ -1908,6 +1948,7 @@ var postcssWeappTailwindcssPostPlugin = (options) => {
     postcssPlugin
   };
   const cleanRootSpecificity = createRootSpecificityCleaner(opts);
+  const cleanFallbackPlaceholder = createFallbackPlaceholderCleaner();
   const shouldAppendHostSelector = createHostSelectorAppender(opts);
   const enableMainChunkTransforms = opts.isMainChunk !== false;
   if (enableMainChunkTransforms || cleanRootSpecificity) {
@@ -1916,6 +1957,7 @@ var postcssWeappTailwindcssPostPlugin = (options) => {
       if (enableMainChunkTransforms) {
         fallbackRemove?.transformSync(rule);
       }
+      cleanFallbackPlaceholder(rule);
       cleanRootSpecificity?.(rule);
       if (enableMainChunkTransforms) {
         if (shouldAppendHostSelector?.(rule)) {
@@ -2592,6 +2634,7 @@ function createStyleHandler(options) {
   return handler;
 }
 export {
+  createFallbackPlaceholderReplacer,
   createInjectPreflight,
   createStyleHandler,
   createStylePipeline,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weapp-tailwindcss/postcss",
-  "version": "2.1.6-alpha.3",
+  "version": "2.1.7",
   "description": "@weapp-tailwindcss/postcss",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -65,7 +65,7 @@
     "postcss-selector-parser": "~7.1.1",
     "postcss-units-to-px": "^0.2.0",
     "postcss-value-parser": "^4.2.0",
-    "@weapp-tailwindcss/shared": "1.1.3-alpha.1"
+    "@weapp-tailwindcss/shared": "1.1.3"
   },
   "devDependencies": {
     "@csstools/postcss-is-pseudo-class": "^6.0.0",