@csszyx/unplugin 0.7.0 → 0.9.0

package/README.md

@@ -66,10 +66,41 @@ 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 the **native Rust engine** through the optional `@csszyx/core-*` platform package; opt back into the previous oxc-parser JavaScript path with `build.parser: "oxc"`, or fall through to Babel with `build.parser: "babel"`.
 - **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
+
+The default parser is `rust`, which runs through the native engine in the
+matching optional `@csszyx/core-*` platform package. When that package is
+missing, csszyx fails loudly instead of silently falling back to another
+parser; reinstall to pick up the optional dependency for your platform, or
+opt into the JavaScript engine explicitly.
+
+Per project:
+
+```ts
+csszyx({
+  build: { parser: "oxc" }, // JavaScript oxc parser, no native addon
+});
+```
+
+Per build:
+
+```bash
+CSSZYX_PARSER=oxc pnpm build
+```
+
+The default `rust` path uses the native engine and shares the same
+`className` output shape as the JavaScript parsers. `build.parser: "oxc"`
+uses the previous JavaScript oxc-parser path with surgical magic-string
+edits to preserve source formatting outside touched ranges.
+`build.parser: "babel"` routes prescan, transform, and HMR discovery
+through the legacy Babel implementation as a final compatibility escape
+hatch.
 
 ## 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;
@@ -49,9 +18,9 @@ function unescapeTailwindClass(escapedName) {
         break;
       }
       const char = escapedName[i];
-      if (/[0-9a-fA-F]/.test(char)) {
+      if (/[0-9a-f]/i.test(char)) {
         let hexStr = "";
-        while (i < escapedName.length && /[0-9a-fA-F]/.test(escapedName[i]) && hexStr.length < 6) {
+        while (i < escapedName.length && /[0-9a-f]/i.test(escapedName[i]) && hexStr.length < 6) {
           hexStr += escapedName[i];
           i++;
         }
@@ -79,20 +48,20 @@ function escapeCSSClassName(className) {
     const char = className[i];
     const code = char.charCodeAt(0);
     if (i === 0) {
-      if (/[0-9]/.test(char)) {
-        result += "\\3" + char + " ";
+      if (/\d/.test(char)) {
+        result += `\\3${char} `;
         continue;
       }
       if (char === "-" && i + 1 < className.length) {
         const next = className[i + 1];
-        if (/[0-9]/.test(next) || next === "-") {
+        if (/\d/.test(next) || next === "-") {
           result += "\\-";
           continue;
         }
       }
     }
     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;
@@ -11,9 +11,9 @@ function unescapeTailwindClass(escapedName) {
         break;
       }
       const char = escapedName[i];
-      if (/[0-9a-fA-F]/.test(char)) {
+      if (/[0-9a-f]/i.test(char)) {
         let hexStr = "";
-        while (i < escapedName.length && /[0-9a-fA-F]/.test(escapedName[i]) && hexStr.length < 6) {
+        while (i < escapedName.length && /[0-9a-f]/i.test(escapedName[i]) && hexStr.length < 6) {
           hexStr += escapedName[i];
           i++;
         }
@@ -41,20 +41,20 @@ function escapeCSSClassName(className) {
     const char = className[i];
     const code = char.charCodeAt(0);
     if (i === 0) {
-      if (/[0-9]/.test(char)) {
-        result += "\\3" + char + " ";
+      if (/\d/.test(char)) {
+        result += `\\3${char} `;
         continue;
       }
       if (char === "-" && i + 1 < className.length) {
         const next = className[i + 1];
-        if (/[0-9]/.test(next) || next === "-") {
+        if (/\d/.test(next) || next === "-") {
           result += "\\-";
           continue;
         }
       }
     }
     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 };