@csszyx/unplugin 0.5.0 → 0.6.2

package/dist/{chunk-CW4XYEQR.js → chunk-JGJOUK2R.js}

@@ -154,6 +154,7 @@ import { preprocess as vuePreprocess } from "@csszyx/vue-adapter";
 import { createUnplugin } from "unplugin";
 
 // src/html-transformer.ts
+import { createHash } from "crypto";
 function injectChecksum(html, checksum, minify = false) {
   const attrName = minify ? "data-sz-cs" : "data-sz-checksum";
   const htmlTagPattern = /<html([^>]*)>/i;
@@ -213,6 +214,46 @@ function injectHydrationData(html, mangleMap, checksum, options = {}) {
 function transformIndexHtml(html, mangleMap, checksum, options = {}) {
   return injectHydrationData(html, mangleMap, checksum, options);
 }
+function buildRecoveryManifest(tokens, options = {}) {
+  const stripped = options.production === true;
+  const strippedDevOnlyPaths = [];
+  const sorted = {};
+  const sortedKeys = [...tokens.keys()].sort();
+  for (const key of sortedKeys) {
+    const data = tokens.get(key);
+    if (!data) {
+      continue;
+    }
+    if (stripped && data.mode === "dev-only") {
+      strippedDevOnlyPaths.push(data.path);
+      continue;
+    }
+    sorted[key] = stripped ? { mode: data.mode, component: data.component, path: "" } : data;
+  }
+  const serialised = JSON.stringify(sorted);
+  const fullChecksum = createHash("sha256").update(serialised).digest("hex");
+  const checksum = fullChecksum.substring(0, 16);
+  const buildId = `${Date.now().toString(36)}-${fullChecksum.substring(0, 6)}`;
+  return {
+    manifest: { buildId, checksum, tokens: sorted },
+    strippedDevOnlyPaths
+  };
+}
+function injectRecoveryManifest(html, manifest) {
+  if (Object.keys(manifest.tokens).length === 0) {
+    return html;
+  }
+  const json = JSON.stringify(manifest);
+  const scriptTag = `<script id="__SZ_RECOVERY_MANIFEST__" type="application/json">${json}</script>`;
+  if (html.includes("</head>")) {
+    return html.replace("</head>", `${scriptTag}
+</head>`);
+  } else if (html.includes("</html>")) {
+    return html.replace("</html>", `${scriptTag}
+</html>`);
+  }
+  return html + scriptTag;
+}
 
 // src/theme-type-writer.ts
 import { mkdirSync, writeFileSync } from "fs";
@@ -537,12 +578,14 @@ function mangleCodeClassesSync(code, mangleMap) {
 }
 function createCsszyxPlugins(options = {}) {
   const manglingEnabled = options.production?.mangle !== false;
+  const astBudgetOverride = options.build?.astBudgetLimit;
   const state = {
     classes: /* @__PURE__ */ new Set(),
     mangleMap: {},
     checksum: "",
     finalized: false,
-    rootDir: process.cwd()
+    rootDir: process.cwd(),
+    recoveryTokens: /* @__PURE__ */ new Map()
   };
   const SAFELIST_FILENAME = "csszyx-classes.html";
   const SOURCE_EXTENSIONS = /* @__PURE__ */ new Set([".tsx", ".jsx", ".ts", ".js"]);
@@ -587,7 +630,7 @@ function createCsszyxPlugins(options = {}) {
             if (!content.includes("sz=") && !content.includes("sz:")) {
               continue;
             }
-            const result = transformSourceCode(content);
+            const result = transformSourceCode(content, filePath, { astBudget: astBudgetOverride });
             if (!result.transformed) {
               continue;
             }
@@ -597,6 +640,9 @@ function createCsszyxPlugins(options = {}) {
             for (const cls of result.rawClassNames) {
               rawDiscoveredClasses.add(cls);
             }
+            for (const [token, data] of result.recoveryTokens) {
+              state.recoveryTokens.set(token, data);
+            }
             if (result.usesRuntime) {
               const szCallRe = /_sz\(\s*\{/g;
               let szMatch;
@@ -818,7 +864,7 @@ ${sourceDirective}`
             transformed = true;
           }
         } else {
-          const result = transformSourceCode(code);
+          const result = transformSourceCode(code, id, { astBudget: astBudgetOverride });
           transformedCode = result.code;
           usesRuntime = result.usesRuntime;
           usesMerge = result.usesMerge;
@@ -831,6 +877,9 @@ ${sourceDirective}`
   ${msg}`);
             }
           }
+          for (const [token, data] of result.recoveryTokens) {
+            state.recoveryTokens.set(token, data);
+          }
         }
       }
       if (transformedCode.includes("<html") && /layout|Root|Document|app\\.tsx?$/i.test(id)) {
@@ -971,7 +1020,7 @@ ${sourceDirective}`
           return;
         }
         try {
-          result = transformSourceCode(fileContent);
+          result = transformSourceCode(fileContent, ctx.file, { astBudget: astBudgetOverride });
         } catch {
           return;
         }
@@ -982,6 +1031,9 @@ ${sourceDirective}`
         for (const cls of result.classes) {
           state.classes.add(cls);
         }
+        for (const [token, data] of result.recoveryTokens) {
+          state.recoveryTokens.set(token, data);
+        }
         if (state.classes.size > sizeBefore) {
           writeSafelistFile(state.classes);
           const safelistPath = path.join(state.rootDir, SAFELIST_FILENAME);
@@ -998,10 +1050,24 @@ ${sourceDirective}`
          */
         handler(html) {
           finalizeMangleMap();
-          return transformIndexHtml(html, state.mangleMap, state.checksum, {
+          let result = transformIndexHtml(html, state.mangleMap, state.checksum, {
             mode: options.production?.injectChecksum === false ? "script" : "script",
             minify: process.env.NODE_ENV === "production"
           });
+          if (state.recoveryTokens.size > 0) {
+            const isProduction = process.env.NODE_ENV === "production";
+            const { manifest, strippedDevOnlyPaths } = buildRecoveryManifest(
+              state.recoveryTokens,
+              { production: isProduction }
+            );
+            if (strippedDevOnlyPaths.length > 0) {
+              console.warn(
+                `[csszyx] Stripped ${strippedDevOnlyPaths.length} szRecover="dev-only" token(s) from the production manifest. Recovery for these elements is disabled in production by design. Sites: ${strippedDevOnlyPaths.join(", ")}`
+              );
+            }
+            result = injectRecoveryManifest(result, manifest);
+          }
+          return result;
         }
       }
     }

package/dist/index.cjs

@@ -395,6 +395,7 @@ var import_vue_adapter = require("@csszyx/vue-adapter");
 var import_unplugin = require("unplugin");
 
 // src/html-transformer.ts
+var import_node_crypto = require("crypto");
 function injectChecksum(html, checksum, minify = false) {
   const attrName = minify ? "data-sz-cs" : "data-sz-checksum";
   const htmlTagPattern = /<html([^>]*)>/i;
@@ -454,6 +455,46 @@ function injectHydrationData(html, mangleMap, checksum, options = {}) {
 function transformIndexHtml(html, mangleMap, checksum, options = {}) {
   return injectHydrationData(html, mangleMap, checksum, options);
 }
+function buildRecoveryManifest(tokens, options = {}) {
+  const stripped = options.production === true;
+  const strippedDevOnlyPaths = [];
+  const sorted = {};
+  const sortedKeys = [...tokens.keys()].sort();
+  for (const key of sortedKeys) {
+    const data = tokens.get(key);
+    if (!data) {
+      continue;
+    }
+    if (stripped && data.mode === "dev-only") {
+      strippedDevOnlyPaths.push(data.path);
+      continue;
+    }
+    sorted[key] = stripped ? { mode: data.mode, component: data.component, path: "" } : data;
+  }
+  const serialised = JSON.stringify(sorted);
+  const fullChecksum = (0, import_node_crypto.createHash)("sha256").update(serialised).digest("hex");
+  const checksum = fullChecksum.substring(0, 16);
+  const buildId = `${Date.now().toString(36)}-${fullChecksum.substring(0, 6)}`;
+  return {
+    manifest: { buildId, checksum, tokens: sorted },
+    strippedDevOnlyPaths
+  };
+}
+function injectRecoveryManifest(html, manifest) {
+  if (Object.keys(manifest.tokens).length === 0) {
+    return html;
+  }
+  const json = JSON.stringify(manifest);
+  const scriptTag = `<script id="__SZ_RECOVERY_MANIFEST__" type="application/json">${json}</script>`;
+  if (html.includes("</head>")) {
+    return html.replace("</head>", `${scriptTag}
+</head>`);
+  } else if (html.includes("</html>")) {
+    return html.replace("</html>", `${scriptTag}
+</html>`);
+  }
+  return html + scriptTag;
+}
 
 // src/theme-type-writer.ts
 var import_node_fs = require("fs");
@@ -778,12 +819,14 @@ function mangleCodeClassesSync(code, mangleMap) {
 }
 function createCsszyxPlugins(options = {}) {
   const manglingEnabled = options.production?.mangle !== false;
+  const astBudgetOverride = options.build?.astBudgetLimit;
   const state = {
     classes: /* @__PURE__ */ new Set(),
     mangleMap: {},
     checksum: "",
     finalized: false,
-    rootDir: process.cwd()
+    rootDir: process.cwd(),
+    recoveryTokens: /* @__PURE__ */ new Map()
   };
   const SAFELIST_FILENAME = "csszyx-classes.html";
   const SOURCE_EXTENSIONS = /* @__PURE__ */ new Set([".tsx", ".jsx", ".ts", ".js"]);
@@ -828,7 +871,7 @@ function createCsszyxPlugins(options = {}) {
             if (!content.includes("sz=") && !content.includes("sz:")) {
               continue;
             }
-            const result = (0, import_compiler.transformSourceCode)(content);
+            const result = (0, import_compiler.transformSourceCode)(content, filePath, { astBudget: astBudgetOverride });
             if (!result.transformed) {
               continue;
             }
@@ -838,6 +881,9 @@ function createCsszyxPlugins(options = {}) {
             for (const cls of result.rawClassNames) {
               rawDiscoveredClasses.add(cls);
             }
+            for (const [token, data] of result.recoveryTokens) {
+              state.recoveryTokens.set(token, data);
+            }
             if (result.usesRuntime) {
               const szCallRe = /_sz\(\s*\{/g;
               let szMatch;
@@ -1059,7 +1105,7 @@ ${sourceDirective}`
             transformed = true;
           }
         } else {
-          const result = (0, import_compiler.transformSourceCode)(code);
+          const result = (0, import_compiler.transformSourceCode)(code, id, { astBudget: astBudgetOverride });
           transformedCode = result.code;
           usesRuntime = result.usesRuntime;
           usesMerge = result.usesMerge;
@@ -1072,6 +1118,9 @@ ${sourceDirective}`
   ${msg}`);
             }
           }
+          for (const [token, data] of result.recoveryTokens) {
+            state.recoveryTokens.set(token, data);
+          }
         }
       }
       if (transformedCode.includes("<html") && /layout|Root|Document|app\\.tsx?$/i.test(id)) {
@@ -1212,7 +1261,7 @@ ${sourceDirective}`
           return;
         }
         try {
-          result = (0, import_compiler.transformSourceCode)(fileContent);
+          result = (0, import_compiler.transformSourceCode)(fileContent, ctx.file, { astBudget: astBudgetOverride });
         } catch {
           return;
         }
@@ -1223,6 +1272,9 @@ ${sourceDirective}`
         for (const cls of result.classes) {
           state.classes.add(cls);
         }
+        for (const [token, data] of result.recoveryTokens) {
+          state.recoveryTokens.set(token, data);
+        }
         if (state.classes.size > sizeBefore) {
           writeSafelistFile(state.classes);
           const safelistPath = path.join(state.rootDir, SAFELIST_FILENAME);
@@ -1239,10 +1291,24 @@ ${sourceDirective}`
          */
         handler(html) {
           finalizeMangleMap();
-          return transformIndexHtml(html, state.mangleMap, state.checksum, {
+          let result = transformIndexHtml(html, state.mangleMap, state.checksum, {
             mode: options.production?.injectChecksum === false ? "script" : "script",
             minify: process.env.NODE_ENV === "production"
           });
+          if (state.recoveryTokens.size > 0) {
+            const isProduction = process.env.NODE_ENV === "production";
+            const { manifest, strippedDevOnlyPaths } = buildRecoveryManifest(
+              state.recoveryTokens,
+              { production: isProduction }
+            );
+            if (strippedDevOnlyPaths.length > 0) {
+              console.warn(
+                `[csszyx] Stripped ${strippedDevOnlyPaths.length} szRecover="dev-only" token(s) from the production manifest. Recovery for these elements is disabled in production by design. Sites: ${strippedDevOnlyPaths.join(", ")}`
+              );
+            }
+            result = injectRecoveryManifest(result, manifest);
+          }
+          return result;
         }
       }
     }

package/dist/index.js

@@ -8,7 +8,7 @@ import {
   unplugin,
   vitePlugin,
   webpackPlugin
-} from "./chunk-CW4XYEQR.js";
+} from "./chunk-JGJOUK2R.js";
 import {
   createPostCSSPlugin,
   escapeCSSClassName,

package/dist/vite.cjs

@@ -140,6 +140,7 @@ function mangleCSSSync(css, mangleMap, options = {}) {
 }
 
 // src/html-transformer.ts
+var import_node_crypto = require("crypto");
 function injectChecksum(html, checksum, minify = false) {
   const attrName = minify ? "data-sz-cs" : "data-sz-checksum";
   const htmlTagPattern = /<html([^>]*)>/i;
@@ -199,6 +200,46 @@ function injectHydrationData(html, mangleMap, checksum, options = {}) {
 function transformIndexHtml(html, mangleMap, checksum, options = {}) {
   return injectHydrationData(html, mangleMap, checksum, options);
 }
+function buildRecoveryManifest(tokens, options = {}) {
+  const stripped = options.production === true;
+  const strippedDevOnlyPaths = [];
+  const sorted = {};
+  const sortedKeys = [...tokens.keys()].sort();
+  for (const key of sortedKeys) {
+    const data = tokens.get(key);
+    if (!data) {
+      continue;
+    }
+    if (stripped && data.mode === "dev-only") {
+      strippedDevOnlyPaths.push(data.path);
+      continue;
+    }
+    sorted[key] = stripped ? { mode: data.mode, component: data.component, path: "" } : data;
+  }
+  const serialised = JSON.stringify(sorted);
+  const fullChecksum = (0, import_node_crypto.createHash)("sha256").update(serialised).digest("hex");
+  const checksum = fullChecksum.substring(0, 16);
+  const buildId = `${Date.now().toString(36)}-${fullChecksum.substring(0, 6)}`;
+  return {
+    manifest: { buildId, checksum, tokens: sorted },
+    strippedDevOnlyPaths
+  };
+}
+function injectRecoveryManifest(html, manifest) {
+  if (Object.keys(manifest.tokens).length === 0) {
+    return html;
+  }
+  const json = JSON.stringify(manifest);
+  const scriptTag = `<script id="__SZ_RECOVERY_MANIFEST__" type="application/json">${json}</script>`;
+  if (html.includes("</head>")) {
+    return html.replace("</head>", `${scriptTag}
+</head>`);
+  } else if (html.includes("</html>")) {
+    return html.replace("</html>", `${scriptTag}
+</html>`);
+  }
+  return html + scriptTag;
+}
 
 // src/theme-scanner.ts
 var EMPTY_THEME = { colors: [], spacings: [], fonts: [], radii: [], shadows: [] };
@@ -662,12 +703,14 @@ function mangleCodeClassesSync(code, mangleMap) {
 }
 function createCsszyxPlugins(options = {}) {
   const manglingEnabled = options.production?.mangle !== false;
+  const astBudgetOverride = options.build?.astBudgetLimit;
   const state = {
     classes: /* @__PURE__ */ new Set(),
     mangleMap: {},
     checksum: "",
     finalized: false,
-    rootDir: process.cwd()
+    rootDir: process.cwd(),
+    recoveryTokens: /* @__PURE__ */ new Map()
   };
   const SAFELIST_FILENAME = "csszyx-classes.html";
   const SOURCE_EXTENSIONS = /* @__PURE__ */ new Set([".tsx", ".jsx", ".ts", ".js"]);
@@ -712,7 +755,7 @@ function createCsszyxPlugins(options = {}) {
             if (!content.includes("sz=") && !content.includes("sz:")) {
               continue;
             }
-            const result = (0, import_compiler.transformSourceCode)(content);
+            const result = (0, import_compiler.transformSourceCode)(content, filePath, { astBudget: astBudgetOverride });
             if (!result.transformed) {
               continue;
             }
@@ -722,6 +765,9 @@ function createCsszyxPlugins(options = {}) {
             for (const cls of result.rawClassNames) {
               rawDiscoveredClasses.add(cls);
             }
+            for (const [token, data] of result.recoveryTokens) {
+              state.recoveryTokens.set(token, data);
+            }
             if (result.usesRuntime) {
               const szCallRe = /_sz\(\s*\{/g;
               let szMatch;
@@ -943,7 +989,7 @@ ${sourceDirective}`
             transformed = true;
           }
         } else {
-          const result = (0, import_compiler.transformSourceCode)(code);
+          const result = (0, import_compiler.transformSourceCode)(code, id, { astBudget: astBudgetOverride });
           transformedCode = result.code;
           usesRuntime = result.usesRuntime;
           usesMerge = result.usesMerge;
@@ -956,6 +1002,9 @@ ${sourceDirective}`
   ${msg}`);
             }
           }
+          for (const [token, data] of result.recoveryTokens) {
+            state.recoveryTokens.set(token, data);
+          }
         }
       }
       if (transformedCode.includes("<html") && /layout|Root|Document|app\\.tsx?$/i.test(id)) {
@@ -1096,7 +1145,7 @@ ${sourceDirective}`
           return;
         }
         try {
-          result = (0, import_compiler.transformSourceCode)(fileContent);
+          result = (0, import_compiler.transformSourceCode)(fileContent, ctx.file, { astBudget: astBudgetOverride });
         } catch {
           return;
         }
@@ -1107,6 +1156,9 @@ ${sourceDirective}`
         for (const cls of result.classes) {
           state.classes.add(cls);
         }
+        for (const [token, data] of result.recoveryTokens) {
+          state.recoveryTokens.set(token, data);
+        }
         if (state.classes.size > sizeBefore) {
           writeSafelistFile(state.classes);
           const safelistPath = path.join(state.rootDir, SAFELIST_FILENAME);
@@ -1123,10 +1175,24 @@ ${sourceDirective}`
          */
         handler(html) {
           finalizeMangleMap();
-          return transformIndexHtml(html, state.mangleMap, state.checksum, {
+          let result = transformIndexHtml(html, state.mangleMap, state.checksum, {
             mode: options.production?.injectChecksum === false ? "script" : "script",
             minify: process.env.NODE_ENV === "production"
           });
+          if (state.recoveryTokens.size > 0) {
+            const isProduction = process.env.NODE_ENV === "production";
+            const { manifest, strippedDevOnlyPaths } = buildRecoveryManifest(
+              state.recoveryTokens,
+              { production: isProduction }
+            );
+            if (strippedDevOnlyPaths.length > 0) {
+              console.warn(
+                `[csszyx] Stripped ${strippedDevOnlyPaths.length} szRecover="dev-only" token(s) from the production manifest. Recovery for these elements is disabled in production by design. Sites: ${strippedDevOnlyPaths.join(", ")}`
+              );
+            }
+            result = injectRecoveryManifest(result, manifest);
+          }
+          return result;
         }
       }
     }

package/dist/vite.js

@@ -1,6 +1,6 @@
 import {
   vitePlugin
-} from "./chunk-CW4XYEQR.js";
+} from "./chunk-JGJOUK2R.js";
 import "./chunk-4M7CPGP7.js";
 
 // src/vite.ts

package/dist/webpack.cjs

@@ -140,6 +140,7 @@ function mangleCSSSync(css, mangleMap, options = {}) {
 }
 
 // src/html-transformer.ts
+var import_node_crypto = require("crypto");
 function injectChecksum(html, checksum, minify = false) {
   const attrName = minify ? "data-sz-cs" : "data-sz-checksum";
   const htmlTagPattern = /<html([^>]*)>/i;
@@ -199,6 +200,46 @@ function injectHydrationData(html, mangleMap, checksum, options = {}) {
 function transformIndexHtml(html, mangleMap, checksum, options = {}) {
   return injectHydrationData(html, mangleMap, checksum, options);
 }
+function buildRecoveryManifest(tokens, options = {}) {
+  const stripped = options.production === true;
+  const strippedDevOnlyPaths = [];
+  const sorted = {};
+  const sortedKeys = [...tokens.keys()].sort();
+  for (const key of sortedKeys) {
+    const data = tokens.get(key);
+    if (!data) {
+      continue;
+    }
+    if (stripped && data.mode === "dev-only") {
+      strippedDevOnlyPaths.push(data.path);
+      continue;
+    }
+    sorted[key] = stripped ? { mode: data.mode, component: data.component, path: "" } : data;
+  }
+  const serialised = JSON.stringify(sorted);
+  const fullChecksum = (0, import_node_crypto.createHash)("sha256").update(serialised).digest("hex");
+  const checksum = fullChecksum.substring(0, 16);
+  const buildId = `${Date.now().toString(36)}-${fullChecksum.substring(0, 6)}`;
+  return {
+    manifest: { buildId, checksum, tokens: sorted },
+    strippedDevOnlyPaths
+  };
+}
+function injectRecoveryManifest(html, manifest) {
+  if (Object.keys(manifest.tokens).length === 0) {
+    return html;
+  }
+  const json = JSON.stringify(manifest);
+  const scriptTag = `<script id="__SZ_RECOVERY_MANIFEST__" type="application/json">${json}</script>`;
+  if (html.includes("</head>")) {
+    return html.replace("</head>", `${scriptTag}
+</head>`);
+  } else if (html.includes("</html>")) {
+    return html.replace("</html>", `${scriptTag}
+</html>`);
+  }
+  return html + scriptTag;
+}
 
 // src/theme-scanner.ts
 var EMPTY_THEME = { colors: [], spacings: [], fonts: [], radii: [], shadows: [] };
@@ -662,12 +703,14 @@ function mangleCodeClassesSync(code, mangleMap) {
 }
 function createCsszyxPlugins(options = {}) {
   const manglingEnabled = options.production?.mangle !== false;
+  const astBudgetOverride = options.build?.astBudgetLimit;
   const state = {
     classes: /* @__PURE__ */ new Set(),
     mangleMap: {},
     checksum: "",
     finalized: false,
-    rootDir: process.cwd()
+    rootDir: process.cwd(),
+    recoveryTokens: /* @__PURE__ */ new Map()
   };
   const SAFELIST_FILENAME = "csszyx-classes.html";
   const SOURCE_EXTENSIONS = /* @__PURE__ */ new Set([".tsx", ".jsx", ".ts", ".js"]);
@@ -712,7 +755,7 @@ function createCsszyxPlugins(options = {}) {
             if (!content.includes("sz=") && !content.includes("sz:")) {
               continue;
             }
-            const result = (0, import_compiler.transformSourceCode)(content);
+            const result = (0, import_compiler.transformSourceCode)(content, filePath, { astBudget: astBudgetOverride });
             if (!result.transformed) {
               continue;
             }
@@ -722,6 +765,9 @@ function createCsszyxPlugins(options = {}) {
             for (const cls of result.rawClassNames) {
               rawDiscoveredClasses.add(cls);
             }
+            for (const [token, data] of result.recoveryTokens) {
+              state.recoveryTokens.set(token, data);
+            }
             if (result.usesRuntime) {
               const szCallRe = /_sz\(\s*\{/g;
               let szMatch;
@@ -943,7 +989,7 @@ ${sourceDirective}`
             transformed = true;
           }
         } else {
-          const result = (0, import_compiler.transformSourceCode)(code);
+          const result = (0, import_compiler.transformSourceCode)(code, id, { astBudget: astBudgetOverride });
           transformedCode = result.code;
           usesRuntime = result.usesRuntime;
           usesMerge = result.usesMerge;
@@ -956,6 +1002,9 @@ ${sourceDirective}`
   ${msg}`);
             }
           }
+          for (const [token, data] of result.recoveryTokens) {
+            state.recoveryTokens.set(token, data);
+          }
         }
       }
       if (transformedCode.includes("<html") && /layout|Root|Document|app\\.tsx?$/i.test(id)) {
@@ -1096,7 +1145,7 @@ ${sourceDirective}`
           return;
         }
         try {
-          result = (0, import_compiler.transformSourceCode)(fileContent);
+          result = (0, import_compiler.transformSourceCode)(fileContent, ctx.file, { astBudget: astBudgetOverride });
         } catch {
           return;
         }
@@ -1107,6 +1156,9 @@ ${sourceDirective}`
         for (const cls of result.classes) {
           state.classes.add(cls);
         }
+        for (const [token, data] of result.recoveryTokens) {
+          state.recoveryTokens.set(token, data);
+        }
         if (state.classes.size > sizeBefore) {
           writeSafelistFile(state.classes);
           const safelistPath = path.join(state.rootDir, SAFELIST_FILENAME);
@@ -1123,10 +1175,24 @@ ${sourceDirective}`
          */
         handler(html) {
           finalizeMangleMap();
-          return transformIndexHtml(html, state.mangleMap, state.checksum, {
+          let result = transformIndexHtml(html, state.mangleMap, state.checksum, {
             mode: options.production?.injectChecksum === false ? "script" : "script",
             minify: process.env.NODE_ENV === "production"
           });
+          if (state.recoveryTokens.size > 0) {
+            const isProduction = process.env.NODE_ENV === "production";
+            const { manifest, strippedDevOnlyPaths } = buildRecoveryManifest(
+              state.recoveryTokens,
+              { production: isProduction }
+            );
+            if (strippedDevOnlyPaths.length > 0) {
+              console.warn(
+                `[csszyx] Stripped ${strippedDevOnlyPaths.length} szRecover="dev-only" token(s) from the production manifest. Recovery for these elements is disabled in production by design. Sites: ${strippedDevOnlyPaths.join(", ")}`
+              );
+            }
+            result = injectRecoveryManifest(result, manifest);
+          }
+          return result;
         }
       }
     }

package/dist/webpack.js

@@ -1,6 +1,6 @@
 import {
   webpackPlugin
-} from "./chunk-CW4XYEQR.js";
+} from "./chunk-JGJOUK2R.js";
 import "./chunk-4M7CPGP7.js";
 
 // src/webpack.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@csszyx/unplugin",
-  "version": "0.5.0",
+  "version": "0.6.2",
   "description": "Vite and Webpack integration for csszyx",
   "keywords": [
     "csszyx",
@@ -55,11 +55,11 @@
     "postcss": "^8.4.35",
     "postcss-selector-parser": "^6.0.15",
     "unplugin": "^1.10.1",
-    "@csszyx/compiler": "0.5.0",
-    "@csszyx/core": "0.5.0",
-    "@csszyx/svelte-adapter": "0.5.0",
-    "@csszyx/types": "0.5.0",
-    "@csszyx/vue-adapter": "0.5.0"
+    "@csszyx/core": "0.6.2",
+    "@csszyx/compiler": "0.6.2",
+    "@csszyx/svelte-adapter": "0.6.2",
+    "@csszyx/types": "0.6.2",
+    "@csszyx/vue-adapter": "0.6.2"
   },
   "devDependencies": {
     "@types/node": "^20.11.0",