tailwind-styled-v4 5.0.8 → 5.0.10

package/dist/compiler.mjs

@@ -1,4 +1,9 @@
 import { createRequire } from 'module';
+import * as fs from 'fs';
+import * as path from 'path';
+import path__default from 'path';
+import 'crypto';
+import { fileURLToPath } from 'url';
 
 /* tailwind-styled-v4 v5.0.4 | MIT | https://github.com/dictionar32/tailwind-styled-v4 */
 var __defProp = Object.defineProperty;
@@ -16,45 +21,6 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-
-// packages/domain/shared/src/native-resolution.ts
-function getNodeModuleRef() {
-  if (isBrowser) return null;
-  if (nodeModuleRef !== null) return nodeModuleRef;
-  try {
-    const test = typeof __require === "function" ? __require("module") : null;
-    nodeModuleRef = test;
-    return test;
-  } catch {
-    nodeModuleRef = null;
-    return null;
-  }
-}
-function getNodeFs() {
-  if (isBrowser) return { existsSync: () => false };
-  const nodeRequire = getNodeModuleRef();
-  if (!nodeRequire) return { existsSync: () => false };
-  if (!_nodeFs) _nodeFs = nodeRequire.createRequire(import.meta.url)("node:fs");
-  return _nodeFs;
-}
-function getNodePath() {
-  if (isBrowser) return { resolve: () => "", dirname: "" };
-  const nodeRequire = getNodeModuleRef();
-  if (!nodeRequire) return { resolve: () => "", dirname: "" };
-  if (!_nodePath) _nodePath = nodeRequire.createRequire(import.meta.url)("node:path");
-  return _nodePath;
-}
-function getRequire(_importMetaUrl) {
-  if (isBrowser) return () => {
-    throw new Error("node:module not available");
-  };
-  const nodeRequire = getNodeModuleRef();
-  if (!nodeRequire) return () => {
-    throw new Error("require not available");
-  };
-  if (!_require) _require = nodeRequire.createRequire(_importMetaUrl);
-  return _require;
-}
 function platformKey() {
   if (isBrowser) return "browser";
   return `${process.platform}-${process.arch}`;
@@ -65,9 +31,9 @@ function resolveNativeBinary(runtimeDir) {
   if (isBrowser) {
     return { path: null, source: "not-found", platform, tried: ["not available in browser"] };
   }
-  const fs = getNodeFs();
-  const path = getNodePath();
-  const _req = getRequire(import.meta.url);
+  if (process.env.TWS_DISABLE_NATIVE === "1") {
+    return { path: null, source: "not-found", platform, tried: [] };
+  }
   const envPath = process.env.TW_NATIVE_PATH?.trim();
   if (envPath) {
     if (fs.existsSync(envPath)) {
@@ -75,13 +41,10 @@ function resolveNativeBinary(runtimeDir) {
     }
     tried.push(`env:${envPath} (not found)`);
   }
-  if (process.env.TWS_NO_NATIVE === "1" || process.env.TWS_NO_RUST === "1" || process.env.TWS_DISABLE_NATIVE === "1") {
-    return { path: null, source: "not-found", platform, tried: ["disabled by env"] };
-  }
   const prebuiltPkgs = PLATFORM_MAP[platform] ?? [];
   for (const pkg of prebuiltPkgs) {
     try {
-      const candidate = _req.resolve(`${pkg}/tailwind_styled_parser.node`);
+      const candidate = _require.resolve(`${pkg}/tailwind_styled_parser.node`);
       if (fs.existsSync(candidate)) {
         return { path: candidate, source: "prebuilt", platform, tried };
       }
@@ -92,14 +55,30 @@ function resolveNativeBinary(runtimeDir) {
   }
   const cwd = process.cwd();
   const base = runtimeDir ?? cwd;
-  const localCandidates = [
-    path.resolve(base, "tailwind_styled_parser.node"),
-    path.resolve(base, "..", "tailwind_styled_parser.node"),
-    path.resolve(cwd, "native", "tailwind_styled_parser.node"),
-    path.resolve(cwd, "native", "target", "release", "tailwind_styled_parser.node"),
-    // napi-rs conventional output
-    path.resolve(base, `tailwind_styled_parser.${platform}.node`)
-  ];
+  const napiPlatform = platform === "linux-x64" ? "linux-x64-gnu" : platform === "linux-arm64" ? "linux-arm64-gnu" : platform;
+  const BINARY_NAMES = ["tailwind-styled-native", "tailwind_styled_parser"];
+  const localCandidates = [];
+  for (const bin of BINARY_NAMES) {
+    localCandidates.push(path.resolve(base, `${bin}.node`));
+    localCandidates.push(path.resolve(base, "..", `${bin}.node`));
+    localCandidates.push(path.resolve(base, `${bin}.${platform}.node`));
+    localCandidates.push(path.resolve(base, `${bin}.${napiPlatform}.node`));
+  }
+  for (const startDir of [cwd, base]) {
+    let dir = startDir;
+    for (let i = 0; i < 6; i++) {
+      const nativeDir = path.resolve(dir, "native");
+      for (const bin of BINARY_NAMES) {
+        localCandidates.push(path.resolve(nativeDir, `${bin}.node`));
+        localCandidates.push(path.resolve(nativeDir, `${bin}.${platform}.node`));
+        localCandidates.push(path.resolve(nativeDir, `${bin}.${napiPlatform}.node`));
+        localCandidates.push(path.resolve(nativeDir, "target", "release", `${bin}.node`));
+      }
+      const parent = path.resolve(dir, "..");
+      if (parent === dir) break;
+      dir = parent;
+    }
+  }
   for (const candidate of localCandidates) {
     tried.push(`local:${candidate}`);
     if (fs.existsSync(candidate)) {
@@ -108,14 +87,11 @@ function resolveNativeBinary(runtimeDir) {
   }
   return { path: null, source: "not-found", platform, tried };
 }
-var isBrowser, nodeModuleRef, _nodeFs, _nodePath, _require, PLATFORM_MAP;
+var isBrowser, _require, PLATFORM_MAP;
 var init_native_resolution = __esm({
   "packages/domain/shared/src/native-resolution.ts"() {
     isBrowser = typeof window !== "undefined" || typeof document !== "undefined";
-    nodeModuleRef = null;
-    _nodeFs = null;
-    _nodePath = null;
-    _require = null;
+    _require = typeof __require !== "undefined" ? __require : createRequire(import.meta.url);
     PLATFORM_MAP = {
       "linux-x64": ["@tailwind-styled/native-linux-x64"],
       "linux-arm64": ["@tailwind-styled/native-linux-arm64"],
@@ -126,59 +102,26 @@ var init_native_resolution = __esm({
     };
   }
 });
-
-// packages/domain/shared/src/index.ts
-function getNodeModuleRef2() {
-  if (isBrowser2) return null;
-  if (nodeModuleRef2 !== null) return nodeModuleRef2;
-  try {
-    const test = typeof __require === "function" ? __require("module") : null;
-    nodeModuleRef2 = test;
-    return test;
-  } catch {
-    nodeModuleRef2 = null;
-    return null;
-  }
-}
-function getNodeUrl() {
-  if (isBrowser2) throw new Error("node:url not available in browser");
-  const nodeRequire = getNodeModuleRef2();
-  if (!nodeRequire) throw new Error("require not available");
-  if (!_nodeUrl) _nodeUrl = nodeRequire.createRequire(import.meta.url)("node:url");
-  return _nodeUrl;
-}
-function getRequire2() {
-  if (isBrowser2) return (() => {
-    throw new Error("require not available in browser");
-  });
-  const nodeRequire = getNodeModuleRef2();
-  if (!nodeRequire) return (() => {
-    throw new Error("require not available");
-  });
-  return nodeRequire.createRequire(import.meta.url);
-}
 function resolveRuntimeDir(dir, importMetaUrl) {
-  if (isBrowser2) return "";
   try {
-    return getNodeUrl().fileURLToPath(importMetaUrl);
+    return path__default.dirname(fileURLToPath(importMetaUrl));
   } catch {
     return process.cwd();
   }
 }
-var isBrowser2, nodeModuleRef2, _nodeUrl;
 var init_src = __esm({
   "packages/domain/shared/src/index.ts"() {
     init_native_resolution();
-    isBrowser2 = typeof window !== "undefined" || typeof document !== "undefined";
-    nodeModuleRef2 = null;
-    _nodeUrl = null;
-    getRequire2();
+    createRequire(import.meta.url);
   }
 });
-var log, NATIVE_UNAVAILABLE_MESSAGE, nativeBridge, bridgeLoadAttempted, bridgeLoadError, isValidNativeBridge, getNativeBridge, resetNativeBridgeCache, adaptNativeResult;
+
+// packages/domain/compiler/src/nativeBridge.ts
+var _loadNative, log, NATIVE_UNAVAILABLE_MESSAGE, nativeBridge, bridgeLoadAttempted, bridgeLoadError, isValidNativeBridge, getNativeBridge, resetNativeBridgeCache, adaptNativeResult;
 var init_nativeBridge = __esm({
   "packages/domain/compiler/src/nativeBridge.ts"() {
     init_src();
+    _loadNative = (path3) => __require(path3);
     log = (...args) => {
       if (process.env.DEBUG?.includes("compiler:native")) {
         console.log("[compiler:native]", ...args);
@@ -205,11 +148,10 @@ var init_nativeBridge = __esm({
       bridgeLoadAttempted = true;
       try {
         const runtimeDir = resolveRuntimeDir(void 0, import.meta.url);
-        const require3 = createRequire(import.meta.url);
         const result = resolveNativeBinary(runtimeDir);
         if (result.path && result.path.endsWith(".node")) {
           try {
-            const binding = require3(result.path);
+            const binding = _loadNative(result.path);
             if (isValidNativeBridge(binding)) {
               nativeBridge = binding;
               log("Native bridge loaded successfully from:", result.path);
@@ -256,6 +198,7 @@ Tried paths: ${result.tried.join("\n")}`);
 var tailwindEngine_exports = {};
 __export(tailwindEngine_exports, {
   generateRawCss: () => generateRawCss,
+  processTailwindCssWithTargets: () => processTailwindCssWithTargets,
   runCssPipeline: () => runCssPipeline,
   runCssPipelineSync: () => runCssPipelineSync
 });
@@ -283,12 +226,11 @@ function generateRawCss(classes) {
 function postProcessWithLightning(rawCss) {
   if (!rawCss) return "";
   const native = getNativeBridge();
-  if (typeof native.processTailwindCssLightning === "function") {
-    const result = native.processTailwindCssLightning(rawCss);
-    return result?.css ?? rawCss;
+  if (typeof native.processTailwindCssLightning !== "function") {
+    throw new Error("FATAL: Native binding 'processTailwindCssLightning' is required but not available.");
   }
-  console.warn("[tailwind-styled] processTailwindCssLightning tidak tersedia \u2014 gunakan raw CSS");
-  return rawCss;
+  const result = native.processTailwindCssLightning(rawCss);
+  return result?.css ?? rawCss;
 }
 async function runCssPipeline(classes) {
   const unique = [...new Set(classes.filter(Boolean))];
@@ -322,6 +264,14 @@ function runCssPipelineSync(classes) {
     optimized: hasLightning
   };
 }
+function processTailwindCssWithTargets(css, targets) {
+  const native = getNativeBridge();
+  if (!native?.processTailwindCssWithTargets) {
+    throw new Error("FATAL: Native binding 'processTailwindCssWithTargets' is required but not available.");
+  }
+  const result = native.processTailwindCssWithTargets(css, targets ?? null);
+  return (result?.css ?? css).trim();
+}
 var require2, _twEngine, _twEngineError;
 var init_tailwindEngine = __esm({
   "packages/domain/compiler/src/tailwindEngine.ts"() {
@@ -410,18 +360,10 @@ var astExtractClasses = (source, filename) => {
 var parseClasses = (raw) => {
   const native = getNativeBridge();
   if (!native?.parseClasses) {
-    return parseClassesJs(raw);
+    throw new Error("FATAL: Native binding 'parseClasses' is required but not available.");
   }
   return native.parseClasses(raw) || [];
 };
-function parseClassesJs(raw) {
-  if (!raw || typeof raw !== "string") return [];
-  const classes = raw.split(/\s+/).filter(Boolean);
-  return classes.map((cls) => ({
-    raw: cls,
-    type: cls.includes(":") ? "variant" : cls.includes("/") ? "arbitrary" : "utility"
-  }));
-}
 var normalizeClasses = (raw) => {
   const result = normalizeAndDedupClasses(raw);
   return result?.normalized || "";
@@ -430,75 +372,81 @@ var mergeClassesStatic = (classes) => {
   const result = normalizeAndDedupClasses(classes);
   return result?.normalized || "";
 };
-function normalizeAndDedupClassesJs(raw) {
-  const seen = /* @__PURE__ */ new Set();
-  const result = [];
-  let duplicatesRemoved = 0;
-  for (const token of raw.split(/\s+/)) {
-    if (token.length === 0) continue;
-    if (seen.has(token)) {
-      duplicatesRemoved++;
-    } else {
-      seen.add(token);
-      result.push(token);
-    }
-  }
-  return {
-    normalized: result.join(" "),
-    duplicatesRemoved,
-    uniqueCount: result.length
-  };
-}
 var normalizeAndDedupClasses = (raw) => {
   const native = getNativeBridge();
   if (!native?.normalizeAndDedupClasses) {
-    return normalizeAndDedupClassesJs(raw);
+    throw new Error("FATAL: Native binding 'normalizeAndDedupClasses' is required but not available.");
   }
   const result = native.normalizeAndDedupClasses(raw);
   return result || { normalized: "", duplicatesRemoved: 0, uniqueCount: 0 };
 };
 var eliminateDeadCss = (css, deadClasses) => {
-  let result = css;
-  for (const dead of deadClasses) {
-    result = result.replace(new RegExp(`\\.${dead.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}[^{]*\\{[^}]*\\}`, "g"), "");
+  const native = getNativeBridge();
+  if (!native?.processTailwindCssLightning) {
+    throw new Error("FATAL: Native binding 'processTailwindCssLightning' is required but not available.");
   }
-  return result;
+  const deadSet = deadClasses;
+  const pruned = css.split(/(?<=\})\s*/).filter((rule) => {
+    const m = rule.match(/\.([a-zA-Z0-9_-]+)/);
+    return !m || !deadSet.has(m[1]);
+  }).join("\n");
+  const compiled = native.processTailwindCssLightning(pruned);
+  return (compiled?.css ?? pruned).trim();
 };
 var findDeadVariants = (variantConfig, usage) => {
   const unused = [];
-  const variants = variantConfig;
-  for (const [key, values] of Object.entries(variants)) {
-    for (const [value] of Object.entries(values)) {
-      const keyValue = `${key}:${value}`;
-      if (!usage[key]?.has(value)) {
-        unused.push(keyValue);
+  const configs = Array.isArray(variantConfig) ? variantConfig : [{ name: "__root__", variants: variantConfig }];
+  for (const component of configs) {
+    const componentUsage = usage[component.name] ?? /* @__PURE__ */ new Set();
+    const variants = component.variants;
+    for (const [key, values] of Object.entries(variants)) {
+      for (const [value] of Object.entries(values)) {
+        if (!componentUsage.has(`${key}:${value}`)) {
+          unused.push(`${component.name !== "__root__" ? `${component.name}/` : ""}${key}:${value}`);
+        }
       }
     }
   }
-  return unused;
+  return {
+    unusedCount: unused.length,
+    unused
+  };
 };
 var runElimination = (css, scanResult) => {
-  const scanJson = JSON.stringify(scanResult);
-  const classes = extractAllClasses(css);
-  const usage = analyzeClassUsage(classes, scanJson, css) || [];
-  const deadClasses = new Set(usage.filter((u) => u.isDeadCode).map((u) => u.className));
-  return eliminateDeadCss(css, deadClasses);
+  const native = getNativeBridge();
+  if (!native?.detectDeadCode) {
+    throw new Error("FATAL: Native binding 'detectDeadCode' is required but not available.");
+  }
+  const dead = native.detectDeadCode(
+    JSON.stringify(scanResult),
+    css
+  );
+  return eliminateDeadCss(css, new Set(dead.deadInCss ?? []));
 };
 var optimizeCss = (css) => {
-  const classes = extractAllClasses(css);
-  const usage = analyzeClassUsage(classes, "[]", css) || [];
-  const usedClasses = new Set(usage.filter((u) => !u.isDeadCode).map((u) => u.className));
-  let result = css;
-  const classRegex = /\.([a-zA-Z0-9_-]+)/g;
-  result = result.replace(classRegex, (match, className) => {
-    return usedClasses.has(className) ? match : "";
-  });
-  result = result.replace(/[^{}]*\{\s*\}/g, "");
-  return result.trim();
+  const native = getNativeBridge();
+  if (!native?.detectDeadCode) {
+    throw new Error("FATAL: Native binding 'detectDeadCode' is required but not available.");
+  }
+  const deadResult = native.detectDeadCode(
+    JSON.stringify({ uniqueClasses: [] }),
+    css
+  );
+  if (!native?.processTailwindCssLightning) {
+    throw new Error("FATAL: Native binding 'processTailwindCssLightning' is required but not available.");
+  }
+  const deadSet = new Set(deadResult.deadInCss ?? []);
+  const pruned = css.split(/(?<=\})\s*/).filter((rule) => {
+    const selectorMatch = rule.match(/\.([a-zA-Z0-9_-]+)/);
+    if (!selectorMatch) return true;
+    return !deadSet.has(selectorMatch[1]);
+  }).join("\n");
+  const compiled = native.processTailwindCssLightning(pruned);
+  return (compiled?.css ?? pruned).trim();
 };
 var scanProjectUsage = (dirs, cwd) => {
-  const path = __require("path");
-  const files = dirs.map((dir) => path.resolve(cwd, dir));
+  const path3 = __require("path");
+  const files = dirs.map((dir) => path3.resolve(cwd, dir));
   const results = batchExtractClasses(files) || [];
   const combined = {};
   for (const result of results) {
@@ -622,23 +570,23 @@ var generateSafelist = (scanDirs, outputPath, cwd) => {
   const classes = scanProjectUsage(scanDirs, cwd || process.cwd());
   const allClasses = Object.keys(classes).sort();
   if (outputPath) {
-    const fs = __require("fs");
-    fs.writeFileSync(outputPath, JSON.stringify(allClasses, null, 2));
+    const fs3 = __require("fs");
+    fs3.writeFileSync(outputPath, JSON.stringify(allClasses, null, 2));
   }
   return allClasses;
 };
 var loadSafelist = (safelistPath) => {
-  const fs = __require("fs");
+  const fs3 = __require("fs");
   try {
-    const content = fs.readFileSync(safelistPath, "utf-8");
+    const content = fs3.readFileSync(safelistPath, "utf-8");
     return JSON.parse(content);
   } catch {
     return [];
   }
 };
 var loadTailwindConfig = (cwd = process.cwd()) => {
-  const fs = __require("fs");
-  const path = __require("path");
+  const fs3 = __require("fs");
+  const path3 = __require("path");
   const configFiles = [
     "tailwind.config.ts",
     "tailwind.config.js",
@@ -646,8 +594,8 @@ var loadTailwindConfig = (cwd = process.cwd()) => {
     "tailwind.config.cjs"
   ];
   for (const file of configFiles) {
-    const fullPath = path.join(cwd, file);
-    if (fs.existsSync(fullPath)) {
+    const fullPath = path3.join(cwd, file);
+    if (fs3.existsSync(fullPath)) {
       const mod = __require(fullPath);
       return mod.default || mod;
     }
@@ -655,12 +603,12 @@ var loadTailwindConfig = (cwd = process.cwd()) => {
   return {};
 };
 var getContentPaths = (cwd = process.cwd()) => {
-  const path = __require("path");
+  const path3 = __require("path");
   return {
     content: [
-      path.join(cwd, "src/**/*.{js,ts,jsx,tsx}"),
-      path.join(cwd, "app/**/*.{js,ts,jsx,tsx}"),
-      path.join(cwd, "pages/**/*.{js,ts,jsx,tsx}")
+      path3.join(cwd, "src/**/*.{js,ts,jsx,tsx}"),
+      path3.join(cwd, "app/**/*.{js,ts,jsx,tsx}"),
+      path3.join(cwd, "pages/**/*.{js,ts,jsx,tsx}")
     ]
   };
 };
@@ -696,58 +644,67 @@ var fileToRoute = (filepath) => {
   return null;
 };
 var getAllRoutes = () => {
+  const native = getNativeBridge();
+  if (!native?.analyzeClasses) {
+    throw new Error("FATAL: Native binding 'analyzeClasses' is required but not available.");
+  }
   return ["/", "__global"];
 };
-var getRouteClasses = (route) => {
+var getRouteClasses = (_route) => {
   return /* @__PURE__ */ new Set();
 };
-var registerFileClasses = (filepath, classes) => {
+var registerFileClasses = (_filepath, _classes) => {
 };
-var registerGlobalClasses = (classes) => {
+var registerGlobalClasses = (_classes) => {
 };
-var incrementalEngineInstance = null;
+var _incrementalEngineInstance = null;
 var getIncrementalEngine = () => {
-  if (!incrementalEngineInstance) {
-    incrementalEngineInstance = {
-      compile: (source) => transformSource(source)
-    };
+  if (!_incrementalEngineInstance) {
+    _incrementalEngineInstance = new IncrementalEngine();
   }
-  return incrementalEngineInstance;
+  return _incrementalEngineInstance;
 };
 var resetIncrementalEngine = () => {
-  incrementalEngineInstance = null;
+  _incrementalEngineInstance = null;
 };
 var IncrementalEngine = class {
   compile(source) {
     return transformSource(source);
   }
 };
-var bucketEngineInstance = null;
 var getBucketEngine = () => {
-  if (!bucketEngineInstance) {
-    bucketEngineInstance = {
-      add: (className) => className,
-      get: (bucket) => []
-    };
+  const native = getNativeBridge();
+  if (!native?.classifyAndSortClasses) {
+    throw new Error("FATAL: Native binding 'classifyAndSortClasses' is required but not available.");
   }
-  return bucketEngineInstance;
+  return {
+    add: (className) => className,
+    get: (_bucket) => []
+  };
 };
 var resetBucketEngine = () => {
-  bucketEngineInstance = null;
 };
 var BucketEngine = class {
   add(className) {
     return className;
   }
 };
-var classifyNode = (node) => {
+var classifyNode = (_node) => {
+  const native = getNativeBridge();
+  if (!native?.classifyAndSortClasses) {
+    throw new Error("FATAL: Native binding 'classifyAndSortClasses' is required but not available.");
+  }
   return "unknown";
 };
 var detectConflicts = (classes) => {
+  const native = getNativeBridge();
+  if (!native?.analyzeClassUsage) {
+    throw new Error("FATAL: Native binding 'analyzeClassUsage' is required but not available.");
+  }
   return [];
 };
 var bucketSort = (classes) => {
-  return classes;
+  return classifyAndSortClasses(classes).map((c) => c.raw ?? c);
 };
 
 export { BucketEngine, IncrementalEngine, adaptNativeResult, analyzeClassUsage, analyzeClasses, analyzeFile, analyzeRsc, analyzeVariantUsage, astExtractClasses, batchExtractClasses, bucketSort, buildStyleTag, checkAgainstSafelist, classifyAndSortClasses, classifyNode, compileCssFromClasses, compileCssNative, compileVariantTable, compileVariants, detectConflicts, diffClassLists, eliminateDeadCss, extractAllClasses, extractClassesFromSource, extractComponentUsage, fileToRoute, findDeadVariants, generateCssForClasses, generateSafelist, getAllRoutes, getBucketEngine, getContentPaths, getIncrementalEngine, getNativeBridge, getRouteClasses, hasTwUsage, hoistComponents, injectClientDirective, injectServerOnlyComment, isAlreadyTransformed, loadSafelist, loadTailwindConfig, mergeClassesStatic, mergeCssDeclarations, normalizeAndDedupClasses, normalizeClasses, optimizeCss, parseClasses, registerFileClasses, registerGlobalClasses, resetBucketEngine, resetIncrementalEngine, resetNativeBridgeCache, runElimination, runLoaderTransform, scanProjectUsage, shouldProcess, shouldSkipFile, transformSource };