tailwind-styled-v4 5.1.16 → 5.1.18

package/dist/shared.mjs

@@ -230,9 +230,9 @@ function parseNative(schema, data, context) {
   const result = schema.safeParse(data);
   if (!result.success) {
     const first = result.error.issues[0];
-    const path7 = first?.path?.join(".") ?? "(root)";
+    const path8 = first?.path?.join(".") ?? "(root)";
     throw new Error(
-      `[${context}] Native binding returned unexpected data: ${path7}: ${first?.message ?? "validation failed"}`
+      `[${context}] Native binding returned unexpected data: ${path8}: ${first?.message ?? "validation failed"}`
     );
   }
   return result.data;
@@ -666,11 +666,11 @@ function resolvePath(...segments) {
     return segments.join("/").replace(/\/+/g, "/");
   }
 }
-function existsSync(path7) {
+function existsSync(path8) {
   if (isBrowser2) return false;
   try {
     const nodeFs = __require(NODE_FS);
-    return nodeFs.existsSync(path7);
+    return nodeFs.existsSync(path8);
   } catch {
     return false;
   }
@@ -1024,9 +1024,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(path7) {
+  async function fetchJson(path8) {
     try {
-      const res = await fetch(`${baseUrl}${path7}`, {
+      const res = await fetch(`${baseUrl}${path8}`, {
         signal: AbortSignal.timeout(timeoutMs)
       });
       if (!res.ok) return null;
@@ -1067,7 +1067,7 @@ var init_nativeBridge = __esm({
     "use strict";
     init_esm_shims();
     init_src2();
-    _loadNative = (path7) => __require(path7);
+    _loadNative = (path8) => __require(path8);
     log = (...args) => {
       if (process.env.DEBUG?.includes("compiler:native")) {
         console.log("[compiler:native]", ...args);
@@ -2891,9 +2891,19 @@ var init_watch = __esm({
   }
 });
 
-// packages/domain/compiler/src/index.ts
+// packages/domain/compiler/src/routeGraph.ts
 import fs2 from "fs";
 import path3 from "path";
+var init_routeGraph = __esm({
+  "packages/domain/compiler/src/routeGraph.ts"() {
+    "use strict";
+    init_esm_shims();
+  }
+});
+
+// packages/domain/compiler/src/index.ts
+import fs3 from "fs";
+import path4 from "path";
 import { createRequire as createRequire4 } from "module";
 function _layoutClassesToCss(classes) {
   const native = getNativeBridge();
@@ -2929,7 +2939,7 @@ function extractContainerCssFromSource(source) {
   }
   return rules.join("\n");
 }
-var _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 _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";
@@ -2941,6 +2951,7 @@ var init_src = __esm({
     init_cache();
     init_redis();
     init_watch();
+    init_routeGraph();
     _require2 = createRequire4(
       typeof __require !== "undefined" ? typeof __filename !== "undefined" ? `file://${__filename}` : "file://unknown" : import.meta.url
     );
@@ -3035,7 +3046,7 @@ var init_src = __esm({
     };
     scanProjectUsage = (dirs, cwd) => {
       const { batchExtractClasses: batchExtractClasses2 } = _require2("./parser");
-      const files = dirs.map((dir) => path3.resolve(cwd, dir));
+      const files = dirs.map((dir) => path4.resolve(cwd, dir));
       const results = batchExtractClasses2(files) || [];
       const combined = {};
       for (const result of results) {
@@ -3052,13 +3063,13 @@ var init_src = __esm({
       const classes = scanProjectUsage(scanDirs, cwd || process.cwd());
       const allClasses = Object.keys(classes).sort();
       if (outputPath) {
-        fs2.writeFileSync(outputPath, JSON.stringify(allClasses, null, 2));
+        fs3.writeFileSync(outputPath, JSON.stringify(allClasses, null, 2));
       }
       return allClasses;
     };
     loadSafelist = (safelistPath) => {
       try {
-        const content = fs2.readFileSync(safelistPath, "utf-8");
+        const content = fs3.readFileSync(safelistPath, "utf-8");
         return JSON.parse(content);
       } catch {
         return [];
@@ -3072,8 +3083,8 @@ var init_src = __esm({
         "tailwind.config.cjs"
       ];
       for (const file of configFiles) {
-        const fullPath = path3.join(cwd, file);
-        if (fs2.existsSync(fullPath)) {
+        const fullPath = path4.join(cwd, file);
+        if (fs3.existsSync(fullPath)) {
           const mod = __require(fullPath);
           return mod.default || mod;
         }
@@ -3083,9 +3094,9 @@ var init_src = __esm({
     getContentPaths = (cwd = process.cwd()) => {
       return {
         content: [
-          path3.join(cwd, "src/**/*.{js,ts,jsx,tsx}"),
-          path3.join(cwd, "app/**/*.{js,ts,jsx,tsx}"),
-          path3.join(cwd, "pages/**/*.{js,ts,jsx,tsx}")
+          path4.join(cwd, "src/**/*.{js,ts,jsx,tsx}"),
+          path4.join(cwd, "app/**/*.{js,ts,jsx,tsx}"),
+          path4.join(cwd, "pages/**/*.{js,ts,jsx,tsx}")
         ]
       };
     };
@@ -3156,10 +3167,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) => {
+      for (const cls of classes) _globalClasses.add(cls);
     };
-    registerGlobalClasses = (_classes) => {
+    resetRouteClassRegistry = () => {
+      _fileClassesMap.clear();
+      _globalClasses.clear();
     };
     _incrementalEngineInstance = null;
     getIncrementalEngine = () => {
@@ -3350,6 +3389,7 @@ __export(internal_exports, {
   generateStaticStateCss: () => generateStaticStateCss,
   generateStaticStateCssNative: () => generateStaticStateCssNative,
   generateSubComponentTypes: () => generateSubComponentTypes,
+  getAllRegisteredClasses: () => getAllRegisteredClasses,
   getAllRoutes: () => getAllRoutes,
   getBucketEngine: () => getBucketEngine,
   getCacheOptimizationHints: () => getCacheOptimizationHints,
@@ -3452,6 +3492,7 @@ __export(internal_exports, {
   resetIncrementalEngine: () => resetIncrementalEngine,
   resetMemoryStats: () => resetMemoryStats,
   resetResolverPoolStats: () => resetResolverPoolStats,
+  resetRouteClassRegistry: () => resetRouteClassRegistry,
   resolveCascade: () => resolveCascade,
   resolveClassNames: () => resolveClassNames,
   resolveColorCached: () => resolveColorCached,
@@ -3513,8 +3554,8 @@ var init_internal = __esm({
 });
 
 // packages/domain/shared/src/staticStateExtractor.ts
-import fs3 from "fs";
-import path4 from "path";
+import fs4 from "fs";
+import path5 from "path";
 function getNative() {
   if (_native) return _native;
   try {
@@ -3544,17 +3585,17 @@ function getNative() {
 function* walkSourceFiles(dir) {
   let entries;
   try {
-    entries = fs3.readdirSync(dir, { withFileTypes: true });
+    entries = fs4.readdirSync(dir, { withFileTypes: true });
   } catch {
     return;
   }
   for (const entry of entries) {
-    const fullPath = path4.join(dir, entry.name);
+    const fullPath = path5.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 = path4.extname(entry.name);
+      const ext = path5.extname(entry.name);
       if (SOURCE_EXTENSIONS.has(ext)) yield fullPath;
     }
   }
@@ -3618,7 +3659,7 @@ function extractStaticStateCss(srcDir, options = {}) {
         allConfigs.push(...configs);
         if (verbose) {
           process.stderr.write(
-            `[tw:static-state] ${path4.relative(srcDir, filePath)}: ${configs.length} komponen
+            `[tw:static-state] ${path5.relative(srcDir, filePath)}: ${configs.length} komponen
 `
           );
         }
@@ -3629,7 +3670,7 @@ function extractStaticStateCss(srcDir, options = {}) {
       if (filesScanned >= maxFiles) break;
       let source;
       try {
-        source = fs3.readFileSync(filePath, "utf-8");
+        source = fs4.readFileSync(filePath, "utf-8");
       } catch {
         continue;
       }
@@ -3642,7 +3683,7 @@ function extractStaticStateCss(srcDir, options = {}) {
         allConfigs.push(...configs);
         if (verbose) {
           process.stderr.write(
-            `[tw:static-state] ${path4.relative(srcDir, filePath)}: ${configs.length} komponen
+            `[tw:static-state] ${path5.relative(srcDir, filePath)}: ${configs.length} komponen
 `
           );
         }
@@ -3736,12 +3777,12 @@ function appendStaticStateCssToSafelist(srcDir, safelistPath, options = {}) {
     resolvedCss: options.resolvedCss || ""
     // ← ensure always passed
   });
-  const twClassesDir = path4.join(path4.dirname(safelistPath), "tw-classes");
-  fs3.mkdirSync(twClassesDir, { recursive: true });
-  const stateFilePath = path4.join(twClassesDir, TW_STATE_STATIC_FILENAME);
+  const twClassesDir = path5.join(path5.dirname(safelistPath), "tw-classes");
+  fs4.mkdirSync(twClassesDir, { recursive: true });
+  const stateFilePath = path5.join(twClassesDir, TW_STATE_STATIC_FILENAME);
   if (result.rulesGenerated === 0) {
     try {
-      fs3.writeFileSync(
+      fs4.writeFileSync(
         stateFilePath,
         "/* tw-state-static.css \u2014 tidak ada state rules yang di-generate */\n",
         "utf-8"
@@ -3751,7 +3792,7 @@ function appendStaticStateCssToSafelist(srcDir, safelistPath, options = {}) {
     return `[tw:static-state] tidak ada state rules yang di-generate (${result.filesScanned} files di-scan)`;
   }
   try {
-    fs3.writeFileSync(stateFilePath, result.generatedCss, "utf-8");
+    fs4.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`,
@@ -3776,8 +3817,8 @@ var init_staticStateExtractor = __esm({
 });
 
 // packages/domain/shared/src/logger.ts
-import fs4 from "fs";
-import path5 from "path";
+import fs5 from "fs";
+import path6 from "path";
 function getEnvLevel() {
   const env = process.env.TWS_LOG_LEVEL?.toLowerCase();
   if (env && env in LEVELS) return env;
@@ -3787,8 +3828,8 @@ function setGlobalLogFile(filePath) {
   _globalLogFile = filePath;
   _logFileInitialized = false;
   try {
-    fs4.mkdirSync(path5.dirname(filePath), { recursive: true });
-    fs4.writeFileSync(
+    fs5.mkdirSync(path6.dirname(filePath), { recursive: true });
+    fs5.writeFileSync(
       filePath,
       `# tailwind-styled build log \u2014 ${(/* @__PURE__ */ new Date()).toISOString()}
 `,
@@ -3801,7 +3842,7 @@ function setGlobalLogFile(filePath) {
 function writeToFile(line) {
   if (!_globalLogFile || !_logFileInitialized) return;
   try {
-    fs4.appendFileSync(_globalLogFile, line);
+    fs5.appendFileSync(_globalLogFile, line);
   } catch {
   }
 }
@@ -3842,8 +3883,8 @@ var init_logger = __esm({
 
 // packages/domain/shared/src/index.ts
 import { createHash } from "crypto";
-import fs5 from "fs";
-import path6 from "path";
+import fs6 from "fs";
+import path7 from "path";
 import { fileURLToPath as fileURLToPath2 } from "url";
 import { createRequire as createRequire5 } from "module";
 function createLogger2(namespace) {
@@ -3875,9 +3916,9 @@ function createDebugLogger(namespace, label) {
     }
   };
 }
-function formatIssuePath(path7) {
-  if (!path7 || path7.length === 0) return "(root)";
-  return path7.map(
+function formatIssuePath(path8) {
+  if (!path8 || path8.length === 0) return "(root)";
+  return path8.map(
     (segment) => typeof segment === "symbol" ? segment.description ?? segment.toString() : String(segment)
   ).join(".");
 }
@@ -3891,9 +3932,9 @@ function loadNativeBinding(options) {
   const { runtimeDir, candidates, isValid } = options;
   const loadErrors = [];
   for (const candidate of candidates) {
-    const candidatePath = path6.resolve(runtimeDir, candidate);
+    const candidatePath = path7.resolve(runtimeDir, candidate);
     try {
-      if (!fs5.existsSync(candidatePath) && !fs5.existsSync(candidatePath + ".node")) {
+      if (!fs6.existsSync(candidatePath) && !fs6.existsSync(candidatePath + ".node")) {
         continue;
       }
       const mod = requireNativeModule(candidatePath);
@@ -3925,9 +3966,9 @@ function resolveNativeBindingCandidates(options) {
     }
   }
   if (!includeDefaultCandidates) return candidates;
-  if (fs5.existsSync(runtimeDir)) {
+  if (fs6.existsSync(runtimeDir)) {
     try {
-      for (const entry of fs5.readdirSync(runtimeDir)) {
+      for (const entry of fs6.readdirSync(runtimeDir)) {
         if (entry.endsWith(".node")) candidates.push(entry);
       }
     } catch {
@@ -3936,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(path6.resolve(runtimeDir, `${bin}.node`));
-    candidates.push(path6.resolve(runtimeDir, `${bin}.${napiPlatform}.node`));
-    candidates.push(path6.resolve(runtimeDir, "..", "native", `${bin}.node`));
-    candidates.push(path6.resolve(runtimeDir, "..", "native", `${bin}.${napiPlatform}.node`));
-    candidates.push(path6.resolve(process.cwd(), "native", `${bin}.node`));
-    candidates.push(path6.resolve(process.cwd(), "native", `${bin}.${napiPlatform}.node`));
-    candidates.push(path6.resolve(runtimeDir, "..", "..", "..", "..", "native", `${bin}.node`));
-    candidates.push(path6.resolve(runtimeDir, "..", "..", "..", "..", "native", `${bin}.${napiPlatform}.node`));
-    candidates.push(path6.resolve(runtimeDir, "..", "..", "..", "native", `${bin}.node`));
+    candidates.push(path7.resolve(runtimeDir, `${bin}.node`));
+    candidates.push(path7.resolve(runtimeDir, `${bin}.${napiPlatform}.node`));
+    candidates.push(path7.resolve(runtimeDir, "..", "native", `${bin}.node`));
+    candidates.push(path7.resolve(runtimeDir, "..", "native", `${bin}.${napiPlatform}.node`));
+    candidates.push(path7.resolve(process.cwd(), "native", `${bin}.node`));
+    candidates.push(path7.resolve(process.cwd(), "native", `${bin}.${napiPlatform}.node`));
+    candidates.push(path7.resolve(runtimeDir, "..", "..", "..", "..", "native", `${bin}.node`));
+    candidates.push(path7.resolve(runtimeDir, "..", "..", "..", "..", "native", `${bin}.${napiPlatform}.node`));
+    candidates.push(path7.resolve(runtimeDir, "..", "..", "..", "native", `${bin}.node`));
   }
   return Array.from(new Set(candidates));
 }
 function resolveRuntimeDir(dir, importMetaUrl) {
-  if (dir) return path6.resolve(dir);
+  if (dir) return path7.resolve(dir);
   try {
-    return path6.dirname(fileURLToPath2(importMetaUrl));
+    return path7.dirname(fileURLToPath2(importMetaUrl));
   } catch {
     return process.cwd();
   }
@@ -4016,8 +4057,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 path7 = formatIssuePath(first?.path);
-        const message = first ? `${path7}: ${first.message}` : "Schema validation failed";
+        const path8 = formatIssuePath(first?.path);
+        const message = first ? `${path8}: ${first.message}` : "Schema validation failed";
         return new _TwError("validation", "SCHEMA_VALIDATION_FAILED", message, err);
       }
       static wrap(source, code, err) {