tailwind-styled-v4 5.1.16 → 5.1.17

package/dist/compiler.mjs

@@ -171,7 +171,7 @@ var init_nativeBridge = __esm({
     "use strict";
     init_esm_shims();
     init_src();
-    _loadNative = (path5) => __require(path5);
+    _loadNative = (path6) => __require(path6);
     log = (...args) => {
       if (process.env.DEBUG?.includes("compiler:native")) {
         console.log("[compiler:native]", ...args);
@@ -2014,9 +2014,202 @@ var init_watch = __esm({
   }
 });
 
-// packages/domain/compiler/src/index.ts
+// packages/domain/compiler/src/routeGraph.ts
 import fs3 from "fs";
 import path4 from "path";
+function deriveRouteFromPageFile(normalizedFile) {
+  const rootMatch = normalizedFile.match(ROOT_PAGE_RE);
+  if (rootMatch) return "/";
+  const match = normalizedFile.match(PAGE_RE);
+  if (!match) return null;
+  const segments = match[1].split("/").filter((s) => !(s.startsWith("(") && s.endsWith(")")));
+  return `/${segments.join("/")}`;
+}
+function stripJsonComments(input) {
+  let out = "";
+  let i = 0;
+  let inString = false;
+  let stringChar = "";
+  while (i < input.length) {
+    const ch = input[i];
+    if (inString) {
+      out += ch;
+      if (ch === "\\" && i + 1 < input.length) {
+        out += input[i + 1];
+        i += 2;
+        continue;
+      }
+      if (ch === stringChar) inString = false;
+      i++;
+      continue;
+    }
+    if (ch === '"' || ch === "'") {
+      inString = true;
+      stringChar = ch;
+      out += ch;
+      i++;
+      continue;
+    }
+    if (ch === "/" && input[i + 1] === "/") {
+      while (i < input.length && input[i] !== "\n") i++;
+      continue;
+    }
+    if (ch === "/" && input[i + 1] === "*") {
+      i += 2;
+      while (i < input.length && !(input[i] === "*" && input[i + 1] === "/")) i++;
+      i += 2;
+      continue;
+    }
+    out += ch;
+    i++;
+  }
+  return out;
+}
+function loadTsconfigAliases(root) {
+  for (const candidate of ["tsconfig.json", "jsconfig.json"]) {
+    const configPath = path4.join(root, candidate);
+    if (!fs3.existsSync(configPath)) continue;
+    try {
+      const raw = stripJsonComments(fs3.readFileSync(configPath, "utf-8"));
+      const parsed = JSON.parse(raw);
+      const co = parsed.compilerOptions;
+      if (!co?.paths) continue;
+      const baseDir = path4.join(root, co.baseUrl ?? ".");
+      const paths = Object.entries(co.paths).map(([prefix, targets]) => ({
+        prefix: prefix.replace(/\*$/, ""),
+        targets: targets.map((t) => t.replace(/\*$/, ""))
+      }));
+      return { baseDir, paths };
+    } catch {
+      continue;
+    }
+  }
+  return null;
+}
+function resolveSpecifier(specifier, fromFile, aliasInfo) {
+  let candidate = null;
+  if (specifier.startsWith(".")) {
+    candidate = path4.resolve(path4.dirname(fromFile), specifier);
+  } else if (aliasInfo) {
+    for (const { prefix, targets } of aliasInfo.paths) {
+      if (specifier.startsWith(prefix)) {
+        const rest = specifier.slice(prefix.length);
+        candidate = path4.join(aliasInfo.baseDir, targets[0] ?? "", rest);
+        break;
+      }
+    }
+  }
+  if (!candidate) return null;
+  if (/\.(css|scss|sass|less|svg|png|jpe?g|gif|webp|json|woff2?|ttf|eot)$/i.test(candidate)) return null;
+  if (fs3.existsSync(candidate) && fs3.statSync(candidate).isFile()) return candidate;
+  for (const ext of CODE_EXTENSIONS) {
+    if (fs3.existsSync(candidate + ext)) return candidate + ext;
+  }
+  for (const ext of CODE_EXTENSIONS) {
+    const indexPath = path4.join(candidate, `index${ext}`);
+    if (fs3.existsSync(indexPath)) return indexPath;
+  }
+  return null;
+}
+function extractImportSpecifiers(source) {
+  const specs = /* @__PURE__ */ new Set();
+  for (const re of [IMPORT_FROM_RE, SIDE_EFFECT_IMPORT_RE, DYNAMIC_IMPORT_RE]) {
+    re.lastIndex = 0;
+    let m;
+    while (m = re.exec(source)) {
+      if (m[1]) specs.add(m[1]);
+    }
+  }
+  return [...specs];
+}
+function buildRouteClassBuckets(root, srcDir, files) {
+  const aliasInfo = loadTsconfigAliases(root);
+  const classesByFile = /* @__PURE__ */ new Map();
+  const adjacency = /* @__PURE__ */ new Map();
+  for (const f of files) {
+    const normalized = path4.normalize(f.file);
+    classesByFile.set(normalized, f.classes);
+    if (!adjacency.has(normalized)) adjacency.set(normalized, /* @__PURE__ */ new Set());
+  }
+  for (const f of files) {
+    const normalized = path4.normalize(f.file);
+    let source;
+    try {
+      source = fs3.readFileSync(normalized, "utf-8");
+    } catch {
+      continue;
+    }
+    const edges = adjacency.get(normalized);
+    for (const spec of extractImportSpecifiers(source)) {
+      const resolved = resolveSpecifier(spec, normalized, aliasInfo);
+      if (resolved && classesByFile.has(resolved)) edges.add(resolved);
+    }
+  }
+  const routeEntries = [];
+  for (const f of files) {
+    const normalized = path4.normalize(f.file).replace(/\\/g, "/");
+    const route = deriveRouteFromPageFile(normalized);
+    if (route) routeEntries.push({ route, file: path4.normalize(f.file) });
+  }
+  const reachableByRoute = /* @__PURE__ */ new Map();
+  for (const { route, file } of routeEntries) {
+    const visited = /* @__PURE__ */ new Set();
+    const queue = [file];
+    while (queue.length > 0) {
+      const current = queue.shift();
+      if (visited.has(current)) continue;
+      visited.add(current);
+      for (const next of adjacency.get(current) ?? []) {
+        if (!visited.has(next)) queue.push(next);
+      }
+    }
+    reachableByRoute.set(route, visited);
+  }
+  const routesByFile = /* @__PURE__ */ new Map();
+  for (const [route, fileSet] of reachableByRoute) {
+    for (const file of fileSet) {
+      if (!routesByFile.has(file)) routesByFile.set(file, /* @__PURE__ */ new Set());
+      routesByFile.get(file).add(route);
+    }
+  }
+  const result = { routes: /* @__PURE__ */ new Map(), global: /* @__PURE__ */ new Set() };
+  for (const [file, classes] of classesByFile) {
+    const normalizedSlash = file.replace(/\\/g, "/");
+    const isSharedSegment = SHARED_SEGMENT_RE.test(normalizedSlash);
+    const reachingRoutes = isSharedSegment ? /* @__PURE__ */ new Set() : routesByFile.get(file);
+    if (!isSharedSegment && reachingRoutes && reachingRoutes.size === 1) {
+      const [route] = reachingRoutes;
+      if (!result.routes.has(route)) result.routes.set(route, /* @__PURE__ */ new Set());
+      const bucket = result.routes.get(route);
+      for (const cls of classes) bucket.add(cls);
+    } else {
+      for (const cls of classes) result.global.add(cls);
+    }
+  }
+  return result;
+}
+function routeToCssFilename(route) {
+  const slug = route.replace(/^\/+/, "").replace(/[^a-zA-Z0-9_-]+/g, "_").replace(/^_+|_+$/g, "");
+  return `route_${slug || "root"}.css`;
+}
+var CODE_EXTENSIONS, SHARED_SEGMENT_RE, PAGE_RE, ROOT_PAGE_RE, IMPORT_FROM_RE, SIDE_EFFECT_IMPORT_RE, DYNAMIC_IMPORT_RE;
+var init_routeGraph = __esm({
+  "packages/domain/compiler/src/routeGraph.ts"() {
+    "use strict";
+    init_esm_shims();
+    CODE_EXTENSIONS = [".tsx", ".ts", ".jsx", ".js", ".mjs", ".cjs"];
+    SHARED_SEGMENT_RE = /(?:^|[\\/])(layout|loading|error|template|not-found|default)\.(?:tsx|ts|jsx|js)$/;
+    PAGE_RE = /(?:^|[\\/])app[\\/](.*?)[\\/]page\.(?:tsx|ts|jsx|js)$/;
+    ROOT_PAGE_RE = /(?:^|[\\/])app[\\/]page\.(?:tsx|ts|jsx|js)$/;
+    IMPORT_FROM_RE = /(?:import|export)(?:[^'"`;]*?)from\s+["']([^"']+)["']/g;
+    SIDE_EFFECT_IMPORT_RE = /^\s*import\s+["']([^"']+)["']/gm;
+    DYNAMIC_IMPORT_RE = /\bimport\s*\(\s*["']([^"']+)["']\s*\)/g;
+  }
+});
+
+// packages/domain/compiler/src/index.ts
+import fs4 from "fs";
+import path5 from "path";
 import { createRequire as createRequire5 } from "module";
 function _layoutClassesToCss(classes) {
   const native = getNativeBridge();
@@ -2052,7 +2245,7 @@ function extractContainerCssFromSource(source) {
   }
   return rules.join("\n");
 }
-var _require3, 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, BucketEngine, classifyNode, detectConflicts, bucketSort, analyzeFile, analyzeVariantUsage, injectClientDirective, injectServerOnlyComment, analyzeClasses, extractTwStateConfigs, generateStaticStateCss, extractAndGenerateStateCss;
+var _require3, 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, BucketEngine, classifyNode, detectConflicts, bucketSort, analyzeFile, analyzeVariantUsage, injectClientDirective, injectServerOnlyComment, analyzeClasses, extractTwStateConfigs, generateStaticStateCss, extractAndGenerateStateCss;
 var init_src2 = __esm({
   "packages/domain/compiler/src/index.ts"() {
     "use strict";
@@ -2064,6 +2257,7 @@ var init_src2 = __esm({
     init_cache();
     init_redis();
     init_watch();
+    init_routeGraph();
     _require3 = createRequire5(
       typeof __require !== "undefined" ? typeof __filename !== "undefined" ? `file://${__filename}` : "file://unknown" : import.meta.url
     );
@@ -2158,7 +2352,7 @@ var init_src2 = __esm({
     };
     scanProjectUsage = (dirs, cwd) => {
       const { batchExtractClasses: batchExtractClasses2 } = _require3("./parser");
-      const files = dirs.map((dir) => path4.resolve(cwd, dir));
+      const files = dirs.map((dir) => path5.resolve(cwd, dir));
       const results = batchExtractClasses2(files) || [];
       const combined = {};
       for (const result of results) {
@@ -2175,13 +2369,13 @@ var init_src2 = __esm({
       const classes = scanProjectUsage(scanDirs, cwd || process.cwd());
       const allClasses = Object.keys(classes).sort();
       if (outputPath) {
-        fs3.writeFileSync(outputPath, JSON.stringify(allClasses, null, 2));
+        fs4.writeFileSync(outputPath, JSON.stringify(allClasses, null, 2));
       }
       return allClasses;
     };
     loadSafelist = (safelistPath) => {
       try {
-        const content = fs3.readFileSync(safelistPath, "utf-8");
+        const content = fs4.readFileSync(safelistPath, "utf-8");
         return JSON.parse(content);
       } catch {
         return [];
@@ -2195,8 +2389,8 @@ var init_src2 = __esm({
         "tailwind.config.cjs"
       ];
       for (const file of configFiles) {
-        const fullPath = path4.join(cwd, file);
-        if (fs3.existsSync(fullPath)) {
+        const fullPath = path5.join(cwd, file);
+        if (fs4.existsSync(fullPath)) {
           const mod = __require(fullPath);
           return mod.default || mod;
         }
@@ -2206,9 +2400,9 @@ var init_src2 = __esm({
     getContentPaths = (cwd = process.cwd()) => {
       return {
         content: [
-          path4.join(cwd, "src/**/*.{js,ts,jsx,tsx}"),
-          path4.join(cwd, "app/**/*.{js,ts,jsx,tsx}"),
-          path4.join(cwd, "pages/**/*.{js,ts,jsx,tsx}")
+          path5.join(cwd, "src/**/*.{js,ts,jsx,tsx}"),
+          path5.join(cwd, "app/**/*.{js,ts,jsx,tsx}"),
+          path5.join(cwd, "pages/**/*.{js,ts,jsx,tsx}")
         ]
       };
     };
@@ -2279,10 +2473,38 @@ var init_src2 = __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 = () => {
@@ -2421,6 +2643,7 @@ export {
   batchExtractClasses,
   batchExtractClassesNative,
   bucketSort,
+  buildRouteClassBuckets,
   buildStyleTag,
   cachePriority,
   cacheRead,
@@ -2480,6 +2703,7 @@ export {
   generateStaticStateCss,
   generateStaticStateCssNative,
   generateSubComponentTypes,
+  getAllRegisteredClasses,
   getAllRoutes,
   getBucketEngine,
   getCacheOptimizationHints,
@@ -2583,6 +2807,7 @@ export {
   resetMemoryStats,
   resetNativeBridgeCache,
   resetResolverPoolStats,
+  resetRouteClassRegistry,
   resolveCascade,
   resolveClassNames,
   resolveColorCached,
@@ -2594,6 +2819,7 @@ export {
   resolveVariants,
   reverseLookupProperty,
   reverseLookupValue,
+  routeToCssFilename,
   runCssPipeline,
   runElimination,
   runLoaderTransform,