tailwind-styled-v4 5.0.18 → 5.0.21

package/dist/turbopackLoader.mjs

@@ -180,8 +180,44 @@ var init_nativeBridge = __esm({
           try {
             const binding = _loadNative(result.path);
             if (isValidNativeBridge(binding)) {
-              nativeBridge = binding;
-              log("Native bridge loaded successfully from:", result.path);
+              const toCamelCase = (str) => {
+                return str.replace(/_([a-z0-9])/g, (_, g) => g.toUpperCase());
+              };
+              nativeBridge = new Proxy(binding, {
+                get(target, prop) {
+                  if (typeof prop === "string") {
+                    if (prop in target) {
+                      return target[prop];
+                    }
+                    const camelKey = toCamelCase(prop);
+                    if (camelKey in target) {
+                      const val = target[camelKey];
+                      if (typeof val === "function") {
+                        return val.bind(target);
+                      }
+                      return val;
+                    }
+                    const napiKey = `${camelKey}Napi`;
+                    if (napiKey in target) {
+                      const val = target[napiKey];
+                      if (typeof val === "function") {
+                        return val.bind(target);
+                      }
+                      return val;
+                    }
+                    const napiInnerKey = `${camelKey}NapiInner`;
+                    if (napiInnerKey in target) {
+                      const val = target[napiInnerKey];
+                      if (typeof val === "function") {
+                        return val.bind(target);
+                      }
+                      return val;
+                    }
+                  }
+                  return target[prop];
+                }
+              });
+              log("Native bridge loaded successfully and proxy-wrapped from:", result.path);
               return nativeBridge;
             }
           } catch (e) {
@@ -229,8 +265,8 @@ async function generateCssNative(classes, options) {
   return css;
 }
 function clearThemeCache() {
+  const native = getNativeBridge();
   try {
-    const native = getNativeBridge();
     if (!native?.clearThemeCache) {
       return;
     }
@@ -238,6 +274,16 @@ function clearThemeCache() {
   } catch {
   }
 }
+function resetCacheStats() {
+  const native = getNativeBridge();
+  try {
+    if (!native?.resetCacheStats) {
+      return;
+    }
+    native.resetCacheStats();
+  } catch {
+  }
+}
 var init_cssGeneratorNative = __esm({
   "packages/domain/compiler/src/compiler/cssGeneratorNative.ts"() {
     init_nativeBridge();
@@ -363,6 +409,16 @@ function minifyCss(css) {
   if (!native?.minify_css) throw new Error("minify_css not available");
   return native.minify_css(css);
 }
+function generateCss(ruleJson, minify) {
+  const native = getNativeBridge();
+  if (!native?.generate_css) throw new Error("generate_css not available");
+  return native.generate_css(ruleJson, minify);
+}
+function generateCssBatch(rulesJson, minify) {
+  const native = getNativeBridge();
+  if (!native?.generate_css_batch) throw new Error("generate_css_batch not available");
+  return native.generate_css_batch(rulesJson, minify);
+}
 function compileAnimation(animationName, from, to) {
   const native = getNativeBridge();
   if (!native?.compile_animation) throw new Error("compile_animation not available");
@@ -800,7 +856,7 @@ function postProcessWithLightning(rawCss) {
   }
   return result.css;
 }
-async function runCssPipeline(classes, cssEntryContent, root, minify = true) {
+async function runCssPipeline(classes, cssEntryContent, root, minify = true, minifier = "lightning") {
   const filtered = classes.filter(Boolean);
   const uniqueMap = /* @__PURE__ */ new Map();
   filtered.forEach((cls) => uniqueMap.set(cls, cls));
@@ -808,7 +864,7 @@ async function runCssPipeline(classes, cssEntryContent, root, minify = true) {
   if (unique.length === 0) {
     return { css: "", classes: [], sizeBytes: 0, optimized: false };
   }
-  const cacheKey = _getCacheKey(unique, minify, cssEntryContent, root);
+  const cacheKey = _getCacheKey(unique, minify, cssEntryContent, root) + `|${minifier}`;
   const cached = _cssCache.get(cacheKey);
   if (cached) {
     _cacheHits++;
@@ -825,7 +881,14 @@ async function runCssPipeline(classes, cssEntryContent, root, minify = true) {
   const theme = getThemeConfig();
   rawCss = await generateCssNative(unique, { theme });
   usedRustCompiler = true;
-  const finalCss = minify ? postProcessWithLightning(rawCss) : rawCss;
+  let finalCss = rawCss;
+  if (minify) {
+    if (minifier === "fast") {
+      finalCss = minifyCss(rawCss);
+    } else {
+      finalCss = postProcessWithLightning(rawCss);
+    }
+  }
   if (process.env.DEBUG?.includes("compiler")) {
     console.log(
       `[Compiler] Generated CSS from ${unique.length} classes (${usedRustCompiler ? "Rust" : "JavaScript"})`,
@@ -861,6 +924,7 @@ var init_tailwindEngine = __esm({
   "packages/domain/compiler/src/compiler/tailwindEngine.ts"() {
     init_nativeBridge();
     init_cssGeneratorNative();
+    init_cssCompilationNative();
     createRequire(import.meta.url);
     _cssCache = /* @__PURE__ */ new Map();
     _cacheHits = 0;
@@ -893,9 +957,10 @@ __export(parser_exports, {
   mergeClassesStatic: () => mergeClassesStatic,
   normalizeAndDedupClasses: () => normalizeAndDedupClasses,
   normalizeClasses: () => normalizeClasses,
+  parseClass: () => parseClass,
   parseClasses: () => parseClasses
 });
-var parseClasses, extractAllClasses, extractClassesFromSource, astExtractClasses, normalizeClasses, mergeClassesStatic, normalizeAndDedupClasses, extractComponentUsage, batchExtractClasses, checkAgainstSafelist, diffClassLists;
+var parseClasses, parseClass, extractAllClasses, extractClassesFromSource, astExtractClasses, normalizeClasses, mergeClassesStatic, normalizeAndDedupClasses, extractComponentUsage, batchExtractClasses, checkAgainstSafelist, diffClassLists;
 var init_parser = __esm({
   "packages/domain/compiler/src/parser/index.ts"() {
     init_nativeBridge();
@@ -906,6 +971,14 @@ var init_parser = __esm({
       }
       return native.parseClasses(raw) || [];
     };
+    parseClass = (input) => {
+      const native = getNativeBridge();
+      if (!native?.parseClass) {
+        throw new Error("FATAL: Native binding 'parseClass' is required but not available.");
+      }
+      const result = native.parseClass(input);
+      return typeof result === "string" ? JSON.parse(result) : result;
+    };
     extractAllClasses = (source) => {
       const native = getNativeBridge();
       if (!native?.extractAllClasses) {
@@ -1037,6 +1110,35 @@ function mergeCssDeclarationsNative(cssChunks) {
   if (!native?.mergeCssDeclarations) throw new Error("mergeCssDeclarations not available");
   return native.mergeCssDeclarations(cssChunks);
 }
+function getWeek6FeaturesStatus() {
+  const native = getNativeBridge();
+  if (!native?.getWeek6FeaturesStatus) throw new Error("getWeek6FeaturesStatus not available");
+  const resultJson = native.getWeek6FeaturesStatus();
+  return JSON.parse(resultJson);
+}
+function getMemoryStatsNative() {
+  const native = getNativeBridge();
+  if (!native?.getMemoryStatsNative) throw new Error("getMemoryStatsNative not available");
+  const resultJson = native.getMemoryStatsNative();
+  return JSON.parse(resultJson);
+}
+function getMemoryRecommendationsNative() {
+  const native = getNativeBridge();
+  if (!native?.getMemoryRecommendationsNative) throw new Error("getMemoryRecommendationsNative not available");
+  const resultJson = native.getMemoryRecommendationsNative();
+  return JSON.parse(resultJson);
+}
+function estimateOptimalCacheConfigNative(workloadType, expectedEntries) {
+  const native = getNativeBridge();
+  if (!native?.estimateOptimalCacheConfigNative) throw new Error("estimateOptimalCacheConfigNative not available");
+  const resultJson = native.estimateOptimalCacheConfigNative(workloadType, expectedEntries);
+  return JSON.parse(resultJson);
+}
+function resetMemoryStats() {
+  const native = getNativeBridge();
+  if (!native?.resetMemoryStats) throw new Error("resetMemoryStats not available");
+  native.resetMemoryStats();
+}
 var init_analyzerNative = __esm({
   "packages/domain/compiler/src/analyzer/analyzerNative.ts"() {
     init_nativeBridge();
@@ -1326,6 +1428,52 @@ function cachePriority(mtimeMs, sizeBytes, hitCount) {
   if (!native?.cache_priority) throw new Error("cache_priority not available");
   return native.cache_priority(mtimeMs, sizeBytes, hitCount);
 }
+function getResolverPoolStats() {
+  const native = getNativeBridge();
+  if (!native?.getResolverPoolStats) throw new Error("getResolverPoolStats not available");
+  const statsJson = native.getResolverPoolStats();
+  try {
+    return JSON.parse(statsJson);
+  } catch {
+    return {
+      hits: 0,
+      misses: 0,
+      total: 0,
+      hit_rate: 0,
+      cached_resolvers: 0
+    };
+  }
+}
+function clearResolverPool() {
+  const native = getNativeBridge();
+  if (!native?.clearResolverPool) throw new Error("clearResolverPool not available");
+  const resultJson = native.clearResolverPool();
+  try {
+    return JSON.parse(resultJson);
+  } catch {
+    return { status: "error" };
+  }
+}
+function resolveColorCached(themeId, color, configJson) {
+  const native = getNativeBridge();
+  if (!native?.resolveColorCached) throw new Error("resolveColorCached not available");
+  return native.resolveColorCached(themeId, color, configJson);
+}
+function resolveSpacingCached(themeId, spacing, configJson) {
+  const native = getNativeBridge();
+  if (!native?.resolveSpacingCached) throw new Error("resolveSpacingCached not available");
+  return native.resolveSpacingCached(themeId, spacing, configJson);
+}
+function resolveFontSizeCached(themeId, size, configJson) {
+  const native = getNativeBridge();
+  if (!native?.resolveFontSizeCached) throw new Error("resolveFontSizeCached not available");
+  return native.resolveFontSizeCached(themeId, size, configJson);
+}
+function resetResolverPoolStats() {
+  const native = getNativeBridge();
+  if (!native?.resetResolverPoolStats) throw new Error("resetResolverPoolStats not available");
+  native.resetResolverPoolStats();
+}
 var init_cacheNative = __esm({
   "packages/domain/compiler/src/cache/cacheNative.ts"() {
     init_nativeBridge();
@@ -1974,9 +2122,9 @@ var init_src2 = __esm({
       if (normalized.includes("/layout.") || normalized.includes("/loading.") || normalized.includes("/error.")) {
         return "__global";
       }
-      const pageMatch = normalized.match(/\/app\/(.+?)\/page\.[tj]sx?$/);
+      const pageMatch = normalized.match(/(?:^|\/)app\/(.+?)\/page\.[tj]sx?$/);
       if (pageMatch) return `/${pageMatch[1]}`;
-      const rootPage = normalized.match(/\/app\/page\.[tj]sx?$/);
+      const rootPage = normalized.match(/(?:^|\/)app\/page\.[tj]sx?$/);
       if (rootPage) return "/";
       return null;
     };
@@ -2135,6 +2283,7 @@ __export(internal_exports, {
   clearCssGenCache: () => clearCssGenCache,
   clearParseCache: () => clearParseCache,
   clearResolveCache: () => clearResolveCache,
+  clearResolverPool: () => clearResolverPool,
   clearThemeCache: () => clearThemeCache,
   collectFiles: () => collectFiles,
   compileAnimation: () => compileAnimation,
@@ -2157,6 +2306,7 @@ __export(internal_exports, {
   eliminateDeadCssNative: () => eliminateDeadCssNative,
   emitPluginHook: () => emitPluginHook,
   estimateOptimalCacheConfig: () => estimateOptimalCacheConfig,
+  estimateOptimalCacheConfigNative: () => estimateOptimalCacheConfigNative,
   extractAllClasses: () => extractAllClasses,
   extractAndGenerateStateCss: () => extractAndGenerateStateCss,
   extractAndGenerateStateCssNative: () => extractAndGenerateStateCssNative,
@@ -2170,6 +2320,8 @@ __export(internal_exports, {
   fileToRoute: () => fileToRoute,
   findDeadVariants: () => findDeadVariants,
   generateAtomicCss: () => generateAtomicCss,
+  generateCss: () => generateCss,
+  generateCssBatch: () => generateCssBatch,
   generateCssForClasses: () => generateCssForClasses,
   generateCssNative: () => generateCssNative,
   generateSafelist: () => generateSafelist,
@@ -2185,10 +2337,14 @@ __export(internal_exports, {
   getCompilerDiagnostics: () => getCompilerDiagnostics,
   getContentPaths: () => getContentPaths,
   getIncrementalEngine: () => getIncrementalEngine,
+  getMemoryRecommendationsNative: () => getMemoryRecommendationsNative,
+  getMemoryStatsNative: () => getMemoryStatsNative,
   getNativeBridge: () => getNativeBridge,
   getPluginHooks: () => getPluginHooks,
+  getResolverPoolStats: () => getResolverPoolStats,
   getRouteClasses: () => getRouteClasses,
   getWatchStats: () => getWatchStats,
+  getWeek6FeaturesStatus: () => getWeek6FeaturesStatus,
   hasTwUsage: () => hasTwUsage,
   hashContent: () => hashContent,
   hoistComponentsNative: () => hoistComponentsNative,
@@ -2217,6 +2373,7 @@ __export(internal_exports, {
   normalizeClasses: () => normalizeClasses,
   optimizeCssNative: () => optimizeCssNative,
   parseAtomicClass: () => parseAtomicClass,
+  parseClass: () => parseClass,
   parseClasses: () => parseClasses,
   pollWatchEvents: () => pollWatchEvents,
   processFileChange: () => processFileChange,
@@ -2268,12 +2425,18 @@ __export(internal_exports, {
   registerPropertyName: () => registerPropertyName,
   registerValueName: () => registerValueName,
   resetBucketEngine: () => resetBucketEngine,
+  resetCacheStats: () => resetCacheStats,
   resetCompilationMetrics: () => resetCompilationMetrics,
   resetIncrementalEngine: () => resetIncrementalEngine,
+  resetMemoryStats: () => resetMemoryStats,
+  resetResolverPoolStats: () => resetResolverPoolStats,
   resolveCascade: () => resolveCascade,
   resolveClassNames: () => resolveClassNames,
+  resolveColorCached: () => resolveColorCached,
   resolveConflictGroup: () => resolveConflictGroup,
+  resolveFontSizeCached: () => resolveFontSizeCached,
   resolveSimpleVariants: () => resolveSimpleVariants,
+  resolveSpacingCached: () => resolveSpacingCached,
   resolveThemeValue: () => resolveThemeValue,
   resolveVariants: () => resolveVariants,
   reverseLookupProperty: () => reverseLookupProperty,
@@ -2377,8 +2540,8 @@ function detectRouter(resourcePath) {
 var NEXT_RSC_ENTRIES = /(?:^|[\\/])(?:layout|page|loading|error|not-found|template|default)\.[jt]sx?$/;
 function isSkippable(resourcePath) {
   const normalized = resourcePath.replace(/\\/g, "/");
-  return normalized.includes("/node_modules/") || normalized.endsWith(".d.ts") || normalized.endsWith(".d.mts") || normalized.endsWith(".d.cts") || // Skip CSS/assets
-  /\.(css|scss|sass|less|svg|png|jpg|jpeg|gif|webp|ico|woff|woff2|ttf|eot)$/.test(normalized) || // Skip Next.js RSC entry files — Turbopack tidak punya exclude di rule level,
+  return normalized.includes("/node_modules/") || normalized.endsWith(".d.ts") || normalized.endsWith(".d.mts") || normalized.endsWith(".d.cts") || // Skip non-JS files that Turbopack may pass to the loader (no rule-level exclude)
+  /\.(css|scss|sass|less|svg|png|jpg|jpeg|gif|webp|ico|woff|woff2|ttf|eot|md|mdx|txt|yaml|yml|json|tsbuildinfo)$/.test(normalized) || // Skip Next.js RSC entry files — Turbopack tidak punya exclude di rule level,
   // jadi guard ini menggantikan NEXT_RSC_ENTRIES exclude yang ada di webpack path.
   NEXT_RSC_ENTRIES.test(normalized);
 }
@@ -2487,7 +2650,11 @@ function writePerFileSafelist(safelistPath, resourcePath, classes) {
   }
 }
 function turbopackLoader(source, options = {}) {
-  if (isSkippable(this.resourcePath)) return source;
+  if (isSkippable(this.resourcePath)) {
+    const isRscEntry = NEXT_RSC_ENTRIES.test(this.resourcePath.replace(/\\/g, "/"));
+    const hasUseClient = /^\s*["'](use client)["']/.test(source);
+    if (!isRscEntry || !hasUseClient) return source;
+  }
   const router = detectRouter(this.resourcePath);
   const nextMajor = parseNum(options.nextMajor);
   const debug = parseBool(options.debug);