@csszyx/unplugin 0.6.2 → 0.8.0

package/README.md

@@ -66,10 +66,32 @@ module.exports = {
 
 ## Features
 
-- **sz prop transform** -- Compiles `sz={{ }}` objects into `className` strings via Babel AST
+- **sz prop transform** -- Compiles `sz={{ }}` objects into `className` strings. Defaults to **oxc-parser + magic-string** (surgical edits, preserves source formatting) since v0.8.0; falls back to Babel automatically on unexpected oxc failures.
 - **HTML injection** -- Injects mangle maps and checksums for SSR hydration
 - **HMR support** -- Updates styles instantly during development
 - **CSS mangling** -- Compresses class names (e.g., `text-center` -> `z`) in production builds
+- **File filters** -- Top-level `include` / `exclude` (glob or RegExp) skip large generated files before the AST budget guard fires; see [Config Overview](https://csszyx.com/config/overview#file-filters)
+
+## Parser selection
+
+Per project:
+
+```ts
+csszyx({
+  build: { parser: "babel" }, // opt out of oxc default
+});
+```
+
+Per build:
+
+```bash
+CSSZYX_PARSER=babel pnpm build
+```
+
+Either path routes prescan, transform, and HMR discovery through the
+legacy Babel implementation. Both paths produce identical class output;
+the only difference is whether magic-string preserves your original
+formatting (oxc) or Babel's code generator pretty-prints it.
 
 ## License
 

package/dist/css-mangler.cjs

@@ -1,44 +1,13 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
+
+const postcss = require('postcss');
+const selectorParser = require('postcss-selector-parser');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+const postcss__default = /*#__PURE__*/_interopDefaultCompat(postcss);
+const selectorParser__default = /*#__PURE__*/_interopDefaultCompat(selectorParser);
 
-// src/css-mangler.ts
-var css_mangler_exports = {};
-__export(css_mangler_exports, {
-  createPostCSSPlugin: () => createPostCSSPlugin,
-  escapeCSSClassName: () => escapeCSSClassName,
-  mangleCSS: () => mangleCSS,
-  mangleCSSSync: () => mangleCSSSync,
-  unescapeTailwindClass: () => unescapeTailwindClass
-});
-module.exports = __toCommonJS(css_mangler_exports);
-var import_postcss = __toESM(require("postcss"), 1);
-var import_postcss_selector_parser = __toESM(require("postcss-selector-parser"), 1);
 function unescapeTailwindClass(escapedName) {
   let result = "";
   let i = 0;
@@ -80,7 +49,7 @@ function escapeCSSClassName(className) {
     const code = char.charCodeAt(0);
     if (i === 0) {
       if (/[0-9]/.test(char)) {
-        result += "\\3" + char + " ";
+        result += `\\3${char} `;
         continue;
       }
       if (char === "-" && i + 1 < className.length) {
@@ -92,7 +61,7 @@ function escapeCSSClassName(className) {
       }
     }
     if (/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/.test(char)) {
-      result += "\\" + char;
+      result += `\\${char}`;
     } else if (code >= 128) {
       result += char;
     } else {
@@ -102,7 +71,7 @@ function escapeCSSClassName(className) {
   return result;
 }
 function createSelectorProcessor(mangleMap, mangledClasses, unmangledClasses) {
-  return (0, import_postcss_selector_parser.default)((selectors) => {
+  return selectorParser__default((selectors) => {
     selectors.walkClasses((classNode) => {
       const originalValue = classNode.value;
       const unescapedValue = unescapeTailwindClass(originalValue);
@@ -127,11 +96,7 @@ async function mangleCSS(css, mangleMap, options = {}) {
   const mangledClasses = /* @__PURE__ */ new Set();
   const unmangledClasses = /* @__PURE__ */ new Set();
   let transformedCount = 0;
-  const selectorProcessor = createSelectorProcessor(
-    mangleMap,
-    mangledClasses,
-    unmangledClasses
-  );
+  const selectorProcessor = createSelectorProcessor(mangleMap, mangledClasses, unmangledClasses);
   const csszyxManglerPlugin = {
     postcssPlugin: "csszyx-css-mangler",
     Rule(rule) {
@@ -149,7 +114,7 @@ async function mangleCSS(css, mangleMap, options = {}) {
       }
     }
   };
-  const result = await (0, import_postcss.default)([csszyxManglerPlugin]).process(css, {
+  const result = await postcss__default([csszyxManglerPlugin]).process(css, {
     from: options.from
   });
   if (options.debug) {
@@ -168,12 +133,8 @@ function mangleCSSSync(css, mangleMap, options = {}) {
   const mangledClasses = /* @__PURE__ */ new Set();
   const unmangledClasses = /* @__PURE__ */ new Set();
   let transformedCount = 0;
-  const selectorProcessor = createSelectorProcessor(
-    mangleMap,
-    mangledClasses,
-    unmangledClasses
-  );
-  const root = import_postcss.default.parse(css, { from: options.from });
+  const selectorProcessor = createSelectorProcessor(mangleMap, mangledClasses, unmangledClasses);
+  const root = postcss__default.parse(css, { from: options.from });
   root.walkRules((rule) => {
     try {
       const originalSelector = rule.selector;
@@ -203,11 +164,7 @@ function mangleCSSSync(css, mangleMap, options = {}) {
 function createPostCSSPlugin(mangleMap, options = {}) {
   const mangledClasses = /* @__PURE__ */ new Set();
   const unmangledClasses = /* @__PURE__ */ new Set();
-  const selectorProcessor = createSelectorProcessor(
-    mangleMap,
-    mangledClasses,
-    unmangledClasses
-  );
+  const selectorProcessor = createSelectorProcessor(mangleMap, mangledClasses, unmangledClasses);
   return {
     postcssPlugin: "csszyx-css-mangler",
     Rule(rule) {
@@ -230,11 +187,9 @@ function createPostCSSPlugin(mangleMap, options = {}) {
     }
   };
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createPostCSSPlugin,
-  escapeCSSClassName,
-  mangleCSS,
-  mangleCSSSync,
-  unescapeTailwindClass
-});
+
+exports.createPostCSSPlugin = createPostCSSPlugin;
+exports.escapeCSSClassName = escapeCSSClassName;
+exports.mangleCSS = mangleCSS;
+exports.mangleCSSSync = mangleCSSSync;
+exports.unescapeTailwindClass = unescapeTailwindClass;

package/dist/css-mangler.d.cts

@@ -120,4 +120,5 @@ declare function mangleCSSSync(css: string, mangleMap: MangleMap, options?: CSSM
  */
 declare function createPostCSSPlugin(mangleMap: MangleMap, options?: CSSManglerOptions): postcss.Plugin;
 
-export { type CSSManglerOptions, type CSSManglerResult, type MangleMap, createPostCSSPlugin, escapeCSSClassName, mangleCSS, mangleCSSSync, unescapeTailwindClass };
+export { createPostCSSPlugin, escapeCSSClassName, mangleCSS, mangleCSSSync, unescapeTailwindClass };
+export type { CSSManglerOptions, CSSManglerResult, MangleMap };

package/dist/{css-mangler.d.ts → css-mangler.d.mts}

@@ -120,4 +120,5 @@ declare function mangleCSSSync(css: string, mangleMap: MangleMap, options?: CSSM
  */
 declare function createPostCSSPlugin(mangleMap: MangleMap, options?: CSSManglerOptions): postcss.Plugin;
 
-export { type CSSManglerOptions, type CSSManglerResult, type MangleMap, createPostCSSPlugin, escapeCSSClassName, mangleCSS, mangleCSSSync, unescapeTailwindClass };
+export { createPostCSSPlugin, escapeCSSClassName, mangleCSS, mangleCSSSync, unescapeTailwindClass };
+export type { CSSManglerOptions, CSSManglerResult, MangleMap };

package/dist/{chunk-4M7CPGP7.js → css-mangler.mjs}

@@ -1,6 +1,6 @@
-// src/css-mangler.ts
-import postcss from "postcss";
-import selectorParser from "postcss-selector-parser";
+import postcss from 'postcss';
+import selectorParser from 'postcss-selector-parser';
+
 function unescapeTailwindClass(escapedName) {
   let result = "";
   let i = 0;
@@ -42,7 +42,7 @@ function escapeCSSClassName(className) {
     const code = char.charCodeAt(0);
     if (i === 0) {
       if (/[0-9]/.test(char)) {
-        result += "\\3" + char + " ";
+        result += `\\3${char} `;
         continue;
       }
       if (char === "-" && i + 1 < className.length) {
@@ -54,7 +54,7 @@ function escapeCSSClassName(className) {
       }
     }
     if (/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/.test(char)) {
-      result += "\\" + char;
+      result += `\\${char}`;
     } else if (code >= 128) {
       result += char;
     } else {
@@ -89,11 +89,7 @@ async function mangleCSS(css, mangleMap, options = {}) {
   const mangledClasses = /* @__PURE__ */ new Set();
   const unmangledClasses = /* @__PURE__ */ new Set();
   let transformedCount = 0;
-  const selectorProcessor = createSelectorProcessor(
-    mangleMap,
-    mangledClasses,
-    unmangledClasses
-  );
+  const selectorProcessor = createSelectorProcessor(mangleMap, mangledClasses, unmangledClasses);
   const csszyxManglerPlugin = {
     postcssPlugin: "csszyx-css-mangler",
     Rule(rule) {
@@ -130,11 +126,7 @@ function mangleCSSSync(css, mangleMap, options = {}) {
   const mangledClasses = /* @__PURE__ */ new Set();
   const unmangledClasses = /* @__PURE__ */ new Set();
   let transformedCount = 0;
-  const selectorProcessor = createSelectorProcessor(
-    mangleMap,
-    mangledClasses,
-    unmangledClasses
-  );
+  const selectorProcessor = createSelectorProcessor(mangleMap, mangledClasses, unmangledClasses);
   const root = postcss.parse(css, { from: options.from });
   root.walkRules((rule) => {
     try {
@@ -165,11 +157,7 @@ function mangleCSSSync(css, mangleMap, options = {}) {
 function createPostCSSPlugin(mangleMap, options = {}) {
   const mangledClasses = /* @__PURE__ */ new Set();
   const unmangledClasses = /* @__PURE__ */ new Set();
-  const selectorProcessor = createSelectorProcessor(
-    mangleMap,
-    mangledClasses,
-    unmangledClasses
-  );
+  const selectorProcessor = createSelectorProcessor(mangleMap, mangledClasses, unmangledClasses);
   return {
     postcssPlugin: "csszyx-css-mangler",
     Rule(rule) {
@@ -193,10 +181,4 @@ function createPostCSSPlugin(mangleMap, options = {}) {
   };
 }
 
-export {
-  unescapeTailwindClass,
-  escapeCSSClassName,
-  mangleCSS,
-  mangleCSSSync,
-  createPostCSSPlugin
-};
+export { createPostCSSPlugin, escapeCSSClassName, mangleCSS, mangleCSSSync, unescapeTailwindClass };