tailwind-styled-v4 5.1.16 → 5.1.18

package/dist/shared.js

@@ -230,9 +230,9 @@ function parseNative(schema, data, context) {
   const result = schema.safeParse(data);
   if (!result.success) {
     const first = result.error.issues[0];
-    const path6 = first?.path?.join(".") ?? "(root)";
+    const path7 = first?.path?.join(".") ?? "(root)";
     throw new Error(
-      `[${context}] Native binding returned unexpected data: ${path6}: ${first?.message ?? "validation failed"}`
+      `[${context}] Native binding returned unexpected data: ${path7}: ${first?.message ?? "validation failed"}`
     );
   }
   return result.data;
@@ -667,11 +667,11 @@ function resolvePath(...segments) {
     return segments.join("/").replace(/\/+/g, "/");
   }
 }
-function existsSync(path6) {
+function existsSync(path7) {
   if (isBrowser2) return false;
   try {
     const nodeFs = require(NODE_FS);
-    return nodeFs.existsSync(path6);
+    return nodeFs.existsSync(path7);
   } catch {
     return false;
   }
@@ -1026,9 +1026,9 @@ var init_native_resolution = __esm({
 // packages/domain/shared/src/observability.ts
 function createObservabilityClient(opts = {}) {
   const { baseUrl = "http://localhost:7421", timeoutMs = 3e3 } = opts;
-  async function fetchJson(path6) {
+  async function fetchJson(path7) {
     try {
-      const res = await fetch(`${baseUrl}${path6}`, {
+      const res = await fetch(`${baseUrl}${path7}`, {
         signal: AbortSignal.timeout(timeoutMs)
       });
       if (!res.ok) return null;
@@ -1069,7 +1069,7 @@ var init_nativeBridge = __esm({
     "use strict";
     init_cjs_shims();
     init_src2();
-    _loadNative = (path6) => require(path6);
+    _loadNative = (path7) => require(path7);
     log = (...args) => {
       if (process.env.DEBUG?.includes("compiler:native")) {
         console.log("[compiler:native]", ...args);
@@ -2895,6 +2895,17 @@ var init_watch = __esm({
   }
 });
 
+// packages/domain/compiler/src/routeGraph.ts
+var import_node_fs, import_node_path;
+var init_routeGraph = __esm({
+  "packages/domain/compiler/src/routeGraph.ts"() {
+    "use strict";
+    init_cjs_shims();
+    import_node_fs = __toESM(require("fs"), 1);
+    import_node_path = __toESM(require("path"), 1);
+  }
+});
+
 // packages/domain/compiler/src/index.ts
 function _layoutClassesToCss(classes) {
   const native = getNativeBridge();
@@ -2930,13 +2941,13 @@ function extractContainerCssFromSource(source) {
   }
   return rules.join("\n");
 }
-var import_node_fs, import_node_path, import_node_module4, _require2, transformSource, hasTwUsage, isAlreadyTransformed, shouldProcess, compileCssFromClasses, buildStyleTag, generateCssForClasses, eliminateDeadCss, findDeadVariants, runElimination, scanProjectUsage, generateSafelist, loadSafelist, loadTailwindConfig, getContentPaths, _CONTAINER_BREAKPOINTS, runLoaderTransform, shouldSkipFile, fileToRoute, getAllRoutes, getRouteClasses, registerFileClasses, registerGlobalClasses, _incrementalEngineInstance, getIncrementalEngine, resetIncrementalEngine, IncrementalEngine, getBucketEngine, resetBucketEngine, classifyNode, detectConflicts, bucketSort, analyzeFile, analyzeVariantUsage, injectClientDirective, injectServerOnlyComment, analyzeClasses, extractTwStateConfigs, generateStaticStateCss, extractAndGenerateStateCss;
+var import_node_fs2, import_node_path2, import_node_module4, _require2, transformSource, hasTwUsage, isAlreadyTransformed, shouldProcess, compileCssFromClasses, buildStyleTag, generateCssForClasses, eliminateDeadCss, findDeadVariants, runElimination, scanProjectUsage, generateSafelist, loadSafelist, loadTailwindConfig, getContentPaths, _CONTAINER_BREAKPOINTS, runLoaderTransform, shouldSkipFile, fileToRoute, getAllRoutes, _fileClassesMap, _globalClasses, getRouteClasses, getAllRegisteredClasses, registerFileClasses, registerGlobalClasses, resetRouteClassRegistry, _incrementalEngineInstance, getIncrementalEngine, resetIncrementalEngine, IncrementalEngine, getBucketEngine, resetBucketEngine, classifyNode, detectConflicts, bucketSort, analyzeFile, analyzeVariantUsage, injectClientDirective, injectServerOnlyComment, analyzeClasses, extractTwStateConfigs, generateStaticStateCss, extractAndGenerateStateCss;
 var init_src = __esm({
   "packages/domain/compiler/src/index.ts"() {
     "use strict";
     init_cjs_shims();
-    import_node_fs = __toESM(require("fs"), 1);
-    import_node_path = __toESM(require("path"), 1);
+    import_node_fs2 = __toESM(require("fs"), 1);
+    import_node_path2 = __toESM(require("path"), 1);
     import_node_module4 = require("module");
     init_nativeBridge();
     init_compiler();
@@ -2945,6 +2956,7 @@ var init_src = __esm({
     init_cache();
     init_redis();
     init_watch();
+    init_routeGraph();
     _require2 = (0, import_node_module4.createRequire)(
       typeof require !== "undefined" ? typeof __filename !== "undefined" ? `file://${__filename}` : "file://unknown" : importMetaUrl
     );
@@ -3039,7 +3051,7 @@ var init_src = __esm({
     };
     scanProjectUsage = (dirs, cwd) => {
       const { batchExtractClasses: batchExtractClasses2 } = _require2("./parser");
-      const files = dirs.map((dir) => import_node_path.default.resolve(cwd, dir));
+      const files = dirs.map((dir) => import_node_path2.default.resolve(cwd, dir));
       const results = batchExtractClasses2(files) || [];
       const combined = {};
       for (const result of results) {
@@ -3056,13 +3068,13 @@ var init_src = __esm({
       const classes = scanProjectUsage(scanDirs, cwd || process.cwd());
       const allClasses = Object.keys(classes).sort();
       if (outputPath) {
-        import_node_fs.default.writeFileSync(outputPath, JSON.stringify(allClasses, null, 2));
+        import_node_fs2.default.writeFileSync(outputPath, JSON.stringify(allClasses, null, 2));
       }
       return allClasses;
     };
     loadSafelist = (safelistPath) => {
       try {
-        const content = import_node_fs.default.readFileSync(safelistPath, "utf-8");
+        const content = import_node_fs2.default.readFileSync(safelistPath, "utf-8");
         return JSON.parse(content);
       } catch {
         return [];
@@ -3076,8 +3088,8 @@ var init_src = __esm({
         "tailwind.config.cjs"
       ];
       for (const file of configFiles) {
-        const fullPath = import_node_path.default.join(cwd, file);
-        if (import_node_fs.default.existsSync(fullPath)) {
+        const fullPath = import_node_path2.default.join(cwd, file);
+        if (import_node_fs2.default.existsSync(fullPath)) {
           const mod = require(fullPath);
           return mod.default || mod;
         }
@@ -3087,9 +3099,9 @@ var init_src = __esm({
     getContentPaths = (cwd = process.cwd()) => {
       return {
         content: [
-          import_node_path.default.join(cwd, "src/**/*.{js,ts,jsx,tsx}"),
-          import_node_path.default.join(cwd, "app/**/*.{js,ts,jsx,tsx}"),
-          import_node_path.default.join(cwd, "pages/**/*.{js,ts,jsx,tsx}")
+          import_node_path2.default.join(cwd, "src/**/*.{js,ts,jsx,tsx}"),
+          import_node_path2.default.join(cwd, "app/**/*.{js,ts,jsx,tsx}"),
+          import_node_path2.default.join(cwd, "pages/**/*.{js,ts,jsx,tsx}")
         ]
       };
     };
@@ -3160,10 +3172,38 @@ var init_src = __esm({
       }
       return ["/", "__global"];
     };
-    getRouteClasses = (_route) => /* @__PURE__ */ new Set();
-    registerFileClasses = (_filepath, _classes) => {
+    _fileClassesMap = /* @__PURE__ */ new Map();
+    _globalClasses = /* @__PURE__ */ new Set();
+    getRouteClasses = (route) => {
+      const result = /* @__PURE__ */ new Set();
+      for (const [filepath, classes] of _fileClassesMap) {
+        const fileRoute = fileToRoute(filepath) ?? "__global";
+        if (fileRoute === route) {
+          for (const cls of classes) result.add(cls);
+        }
+      }
+      return result;
+    };
+    getAllRegisteredClasses = () => {
+      const result = new Set(_globalClasses);
+      for (const classes of _fileClassesMap.values()) {
+        for (const cls of classes) result.add(cls);
+      }
+      return result;
+    };
+    registerFileClasses = (filepath, classes) => {
+      if (!classes || classes.length === 0) {
+        _fileClassesMap.delete(filepath);
+        return;
+      }
+      _fileClassesMap.set(filepath, new Set(classes));
     };
-    registerGlobalClasses = (_classes) => {
+    registerGlobalClasses = (classes) => {
+      for (const cls of classes) _globalClasses.add(cls);
+    };
+    resetRouteClassRegistry = () => {
+      _fileClassesMap.clear();
+      _globalClasses.clear();
     };
     _incrementalEngineInstance = null;
     getIncrementalEngine = () => {
@@ -3354,6 +3394,7 @@ __export(internal_exports, {
   generateStaticStateCss: () => generateStaticStateCss,
   generateStaticStateCssNative: () => generateStaticStateCssNative,
   generateSubComponentTypes: () => generateSubComponentTypes,
+  getAllRegisteredClasses: () => getAllRegisteredClasses,
   getAllRoutes: () => getAllRoutes,
   getBucketEngine: () => getBucketEngine,
   getCacheOptimizationHints: () => getCacheOptimizationHints,
@@ -3456,6 +3497,7 @@ __export(internal_exports, {
   resetIncrementalEngine: () => resetIncrementalEngine,
   resetMemoryStats: () => resetMemoryStats,
   resetResolverPoolStats: () => resetResolverPoolStats,
+  resetRouteClassRegistry: () => resetRouteClassRegistry,
   resolveCascade: () => resolveCascade,
   resolveClassNames: () => resolveClassNames,
   resolveColorCached: () => resolveColorCached,
@@ -3546,17 +3588,17 @@ function getNative() {
 function* walkSourceFiles(dir) {
   let entries;
   try {
-    entries = import_node_fs2.default.readdirSync(dir, { withFileTypes: true });
+    entries = import_node_fs3.default.readdirSync(dir, { withFileTypes: true });
   } catch {
     return;
   }
   for (const entry of entries) {
-    const fullPath = import_node_path2.default.join(dir, entry.name);
+    const fullPath = import_node_path3.default.join(dir, entry.name);
     if (entry.isDirectory()) {
       if (IGNORE_PATTERNS.some((p) => entry.name === p || entry.name.startsWith(p))) continue;
       yield* walkSourceFiles(fullPath);
     } else if (entry.isFile()) {
-      const ext = import_node_path2.default.extname(entry.name);
+      const ext = import_node_path3.default.extname(entry.name);
       if (SOURCE_EXTENSIONS.has(ext)) yield fullPath;
     }
   }
@@ -3620,7 +3662,7 @@ function extractStaticStateCss(srcDir, options = {}) {
         allConfigs.push(...configs);
         if (verbose) {
           process.stderr.write(
-            `[tw:static-state] ${import_node_path2.default.relative(srcDir, filePath)}: ${configs.length} komponen
+            `[tw:static-state] ${import_node_path3.default.relative(srcDir, filePath)}: ${configs.length} komponen
 `
           );
         }
@@ -3631,7 +3673,7 @@ function extractStaticStateCss(srcDir, options = {}) {
       if (filesScanned >= maxFiles) break;
       let source;
       try {
-        source = import_node_fs2.default.readFileSync(filePath, "utf-8");
+        source = import_node_fs3.default.readFileSync(filePath, "utf-8");
       } catch {
         continue;
       }
@@ -3644,7 +3686,7 @@ function extractStaticStateCss(srcDir, options = {}) {
         allConfigs.push(...configs);
         if (verbose) {
           process.stderr.write(
-            `[tw:static-state] ${import_node_path2.default.relative(srcDir, filePath)}: ${configs.length} komponen
+            `[tw:static-state] ${import_node_path3.default.relative(srcDir, filePath)}: ${configs.length} komponen
 `
           );
         }
@@ -3738,12 +3780,12 @@ function appendStaticStateCssToSafelist(srcDir, safelistPath, options = {}) {
     resolvedCss: options.resolvedCss || ""
     // ← ensure always passed
   });
-  const twClassesDir = import_node_path2.default.join(import_node_path2.default.dirname(safelistPath), "tw-classes");
-  import_node_fs2.default.mkdirSync(twClassesDir, { recursive: true });
-  const stateFilePath = import_node_path2.default.join(twClassesDir, TW_STATE_STATIC_FILENAME);
+  const twClassesDir = import_node_path3.default.join(import_node_path3.default.dirname(safelistPath), "tw-classes");
+  import_node_fs3.default.mkdirSync(twClassesDir, { recursive: true });
+  const stateFilePath = import_node_path3.default.join(twClassesDir, TW_STATE_STATIC_FILENAME);
   if (result.rulesGenerated === 0) {
     try {
-      import_node_fs2.default.writeFileSync(
+      import_node_fs3.default.writeFileSync(
         stateFilePath,
         "/* tw-state-static.css \u2014 tidak ada state rules yang di-generate */\n",
         "utf-8"
@@ -3753,7 +3795,7 @@ function appendStaticStateCssToSafelist(srcDir, safelistPath, options = {}) {
     return `[tw:static-state] tidak ada state rules yang di-generate (${result.filesScanned} files di-scan)`;
   }
   try {
-    import_node_fs2.default.writeFileSync(stateFilePath, result.generatedCss, "utf-8");
+    import_node_fs3.default.writeFileSync(stateFilePath, result.generatedCss, "utf-8");
     return [
       `[tw:static-state] ${result.rulesGenerated} static state rules di-generate`,
       `  \u2192 ${result.filesScanned} files scanned, ${result.filesWithStates} dengan states`,
@@ -3765,13 +3807,13 @@ function appendStaticStateCssToSafelist(srcDir, safelistPath, options = {}) {
     return `[tw:static-state] gagal tulis state CSS: ${msg}`;
   }
 }
-var import_node_fs2, import_node_path2, SOURCE_EXTENSIONS, IGNORE_PATTERNS, _native, TW_STATE_STATIC_FILENAME;
+var import_node_fs3, import_node_path3, SOURCE_EXTENSIONS, IGNORE_PATTERNS, _native, TW_STATE_STATIC_FILENAME;
 var init_staticStateExtractor = __esm({
   "packages/domain/shared/src/staticStateExtractor.ts"() {
     "use strict";
     init_cjs_shims();
-    import_node_fs2 = __toESM(require("fs"));
-    import_node_path2 = __toESM(require("path"));
+    import_node_fs3 = __toESM(require("fs"));
+    import_node_path3 = __toESM(require("path"));
     SOURCE_EXTENSIONS = /* @__PURE__ */ new Set([".ts", ".tsx", ".js", ".jsx", ".mts", ".mjs"]);
     IGNORE_PATTERNS = ["node_modules", ".next", "dist", "build", ".git", "coverage", "__tests__"];
     _native = null;
@@ -3789,8 +3831,8 @@ function setGlobalLogFile(filePath) {
   _globalLogFile = filePath;
   _logFileInitialized = false;
   try {
-    import_node_fs3.default.mkdirSync(import_node_path3.default.dirname(filePath), { recursive: true });
-    import_node_fs3.default.writeFileSync(
+    import_node_fs4.default.mkdirSync(import_node_path4.default.dirname(filePath), { recursive: true });
+    import_node_fs4.default.writeFileSync(
       filePath,
       `# tailwind-styled build log \u2014 ${(/* @__PURE__ */ new Date()).toISOString()}
 `,
@@ -3803,7 +3845,7 @@ function setGlobalLogFile(filePath) {
 function writeToFile(line) {
   if (!_globalLogFile || !_logFileInitialized) return;
   try {
-    import_node_fs3.default.appendFileSync(_globalLogFile, line);
+    import_node_fs4.default.appendFileSync(_globalLogFile, line);
   } catch {
   }
 }
@@ -3830,13 +3872,13 @@ function createLogger(prefix, level) {
     setLogFile: (filePath) => setGlobalLogFile(filePath)
   };
 }
-var import_node_fs3, import_node_path3, LEVELS, _globalLogFile, _logFileInitialized, logger;
+var import_node_fs4, import_node_path4, LEVELS, _globalLogFile, _logFileInitialized, logger;
 var init_logger = __esm({
   "packages/domain/shared/src/logger.ts"() {
     "use strict";
     init_cjs_shims();
-    import_node_fs3 = __toESM(require("fs"));
-    import_node_path3 = __toESM(require("path"));
+    import_node_fs4 = __toESM(require("fs"));
+    import_node_path4 = __toESM(require("path"));
     LEVELS = { silent: 0, error: 1, warn: 2, info: 3, debug: 4 };
     _globalLogFile = null;
     _logFileInitialized = false;
@@ -3874,9 +3916,9 @@ function createDebugLogger(namespace, label) {
     }
   };
 }
-function formatIssuePath(path6) {
-  if (!path6 || path6.length === 0) return "(root)";
-  return path6.map(
+function formatIssuePath(path7) {
+  if (!path7 || path7.length === 0) return "(root)";
+  return path7.map(
     (segment) => typeof segment === "symbol" ? segment.description ?? segment.toString() : String(segment)
   ).join(".");
 }
@@ -3890,9 +3932,9 @@ function loadNativeBinding(options) {
   const { runtimeDir, candidates, isValid } = options;
   const loadErrors = [];
   for (const candidate of candidates) {
-    const candidatePath = import_node_path4.default.resolve(runtimeDir, candidate);
+    const candidatePath = import_node_path5.default.resolve(runtimeDir, candidate);
     try {
-      if (!import_node_fs4.default.existsSync(candidatePath) && !import_node_fs4.default.existsSync(candidatePath + ".node")) {
+      if (!import_node_fs5.default.existsSync(candidatePath) && !import_node_fs5.default.existsSync(candidatePath + ".node")) {
         continue;
       }
       const mod = requireNativeModule(candidatePath);
@@ -3924,9 +3966,9 @@ function resolveNativeBindingCandidates(options) {
     }
   }
   if (!includeDefaultCandidates) return candidates;
-  if (import_node_fs4.default.existsSync(runtimeDir)) {
+  if (import_node_fs5.default.existsSync(runtimeDir)) {
     try {
-      for (const entry of import_node_fs4.default.readdirSync(runtimeDir)) {
+      for (const entry of import_node_fs5.default.readdirSync(runtimeDir)) {
         if (entry.endsWith(".node")) candidates.push(entry);
       }
     } catch {
@@ -3935,22 +3977,22 @@ function resolveNativeBindingCandidates(options) {
   const BINARY_NAMES = ["tailwind-styled-native", "tailwind_styled_parser"];
   const napiPlatform = process.platform === "linux" && process.arch === "x64" ? "linux-x64-gnu" : process.platform === "linux" && process.arch === "arm64" ? "linux-arm64-gnu" : `${process.platform}-${process.arch}`;
   for (const bin of BINARY_NAMES) {
-    candidates.push(import_node_path4.default.resolve(runtimeDir, `${bin}.node`));
-    candidates.push(import_node_path4.default.resolve(runtimeDir, `${bin}.${napiPlatform}.node`));
-    candidates.push(import_node_path4.default.resolve(runtimeDir, "..", "native", `${bin}.node`));
-    candidates.push(import_node_path4.default.resolve(runtimeDir, "..", "native", `${bin}.${napiPlatform}.node`));
-    candidates.push(import_node_path4.default.resolve(process.cwd(), "native", `${bin}.node`));
-    candidates.push(import_node_path4.default.resolve(process.cwd(), "native", `${bin}.${napiPlatform}.node`));
-    candidates.push(import_node_path4.default.resolve(runtimeDir, "..", "..", "..", "..", "native", `${bin}.node`));
-    candidates.push(import_node_path4.default.resolve(runtimeDir, "..", "..", "..", "..", "native", `${bin}.${napiPlatform}.node`));
-    candidates.push(import_node_path4.default.resolve(runtimeDir, "..", "..", "..", "native", `${bin}.node`));
+    candidates.push(import_node_path5.default.resolve(runtimeDir, `${bin}.node`));
+    candidates.push(import_node_path5.default.resolve(runtimeDir, `${bin}.${napiPlatform}.node`));
+    candidates.push(import_node_path5.default.resolve(runtimeDir, "..", "native", `${bin}.node`));
+    candidates.push(import_node_path5.default.resolve(runtimeDir, "..", "native", `${bin}.${napiPlatform}.node`));
+    candidates.push(import_node_path5.default.resolve(process.cwd(), "native", `${bin}.node`));
+    candidates.push(import_node_path5.default.resolve(process.cwd(), "native", `${bin}.${napiPlatform}.node`));
+    candidates.push(import_node_path5.default.resolve(runtimeDir, "..", "..", "..", "..", "native", `${bin}.node`));
+    candidates.push(import_node_path5.default.resolve(runtimeDir, "..", "..", "..", "..", "native", `${bin}.${napiPlatform}.node`));
+    candidates.push(import_node_path5.default.resolve(runtimeDir, "..", "..", "..", "native", `${bin}.node`));
   }
   return Array.from(new Set(candidates));
 }
 function resolveRuntimeDir(dir, importMetaUrl2) {
-  if (dir) return import_node_path4.default.resolve(dir);
+  if (dir) return import_node_path5.default.resolve(dir);
   try {
-    return import_node_path4.default.dirname((0, import_node_url.fileURLToPath)(importMetaUrl2));
+    return import_node_path5.default.dirname((0, import_node_url.fileURLToPath)(importMetaUrl2));
   } catch {
     return process.cwd();
   }
@@ -3964,14 +4006,14 @@ function formatErrorMessage(error) {
   if (error instanceof Error) return error.message;
   return String(error);
 }
-var import_node_crypto, import_node_fs4, import_node_path4, import_node_url, import_node_module5, TwError, _require3, LRUCache;
+var import_node_crypto, import_node_fs5, import_node_path5, import_node_url, import_node_module5, TwError, _require3, LRUCache;
 var init_src2 = __esm({
   "packages/domain/shared/src/index.ts"() {
     "use strict";
     init_cjs_shims();
     import_node_crypto = require("crypto");
-    import_node_fs4 = __toESM(require("fs"));
-    import_node_path4 = __toESM(require("path"));
+    import_node_fs5 = __toESM(require("fs"));
+    import_node_path5 = __toESM(require("path"));
     import_node_url = require("url");
     import_node_module5 = require("module");
     init_trace();
@@ -4020,8 +4062,8 @@ var init_src2 = __esm({
       /** Buat TwError dari ZodError — dukung shape Zod v3 (`errors`) dan v4 (`issues`). */
       static fromZod(err) {
         const first = err.issues?.[0] ?? err.errors?.[0];
-        const path6 = formatIssuePath(first?.path);
-        const message = first ? `${path6}: ${first.message}` : "Schema validation failed";
+        const path7 = formatIssuePath(first?.path);
+        const message = first ? `${path7}: ${first.message}` : "Schema validation failed";
         return new _TwError("validation", "SCHEMA_VALIDATION_FAILED", message, err);
       }
       static wrap(source, code, err) {