tailwind-styled-v4 5.0.7 → 5.0.8

package/dist/engine.js

@@ -2,8 +2,8 @@
 
 var path3 = require('path');
 var url = require('url');
-var fs = require('fs');
 var module$1 = require('module');
+var fs = require('fs');
 var worker_threads = require('worker_threads');
 var zod = require('zod');
 require('perf_hooks');
@@ -598,6 +598,147 @@ var init_native_bridge = __esm({
     resetScannerBridgeCache = scannerBridgeLoader.reset;
   }
 });
+var log3, NATIVE_UNAVAILABLE_MESSAGE, nativeBridge, bridgeLoadAttempted, bridgeLoadError, isValidNativeBridge, getNativeBridge;
+var init_nativeBridge = __esm({
+  "packages/domain/compiler/src/nativeBridge.ts"() {
+    init_src();
+    log3 = (...args) => {
+      if (process.env.DEBUG?.includes("compiler:native")) {
+        console.log("[compiler:native]", ...args);
+      }
+    };
+    NATIVE_UNAVAILABLE_MESSAGE = "[tailwind-styled/compiler v5] Native binding is required but not available.\nThis package requires native Rust bindings. There is no JavaScript fallback.\nPlease ensure:\n  1. The native module is properly installed\n  2. You have run: npm run build:rust (or use prebuilt binary)\n\nFor help, see: https://tailwind-styled.dev/docs/install";
+    nativeBridge = null;
+    bridgeLoadAttempted = false;
+    bridgeLoadError = null;
+    isValidNativeBridge = (mod) => {
+      const m = mod;
+      return !!(typeof m.transformSource === "function" || typeof m.extractAllClasses === "function" || typeof m.hasTwUsage === "function");
+    };
+    getNativeBridge = () => {
+      if (nativeBridge) {
+        return nativeBridge;
+      }
+      if (bridgeLoadAttempted) {
+        if (bridgeLoadError) {
+          throw bridgeLoadError;
+        }
+        throw new Error(NATIVE_UNAVAILABLE_MESSAGE);
+      }
+      bridgeLoadAttempted = true;
+      try {
+        const runtimeDir = resolveRuntimeDir(void 0, (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('engine.js', document.baseURI).href)));
+        const require3 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('engine.js', document.baseURI).href)));
+        const result = resolveNativeBinary(runtimeDir);
+        if (result.path && result.path.endsWith(".node")) {
+          try {
+            const binding = require3(result.path);
+            if (isValidNativeBridge(binding)) {
+              nativeBridge = binding;
+              log3("Native bridge loaded successfully from:", result.path);
+              return nativeBridge;
+            }
+          } catch (e) {
+            log3("Failed to require native binding:", e);
+          }
+        }
+        throw new Error(`${NATIVE_UNAVAILABLE_MESSAGE}
+
+Tried paths: ${result.tried.join("\n")}`);
+      } catch (err) {
+        bridgeLoadError = err instanceof Error ? err : new Error(String(err));
+        log3("Failed to load native bridge:", bridgeLoadError.message);
+        throw bridgeLoadError;
+      }
+    };
+    if (typeof process !== "undefined" && !bridgeLoadAttempted) {
+      try {
+        getNativeBridge();
+      } catch {
+      }
+    }
+  }
+});
+
+// packages/domain/compiler/src/tailwindEngine.ts
+var tailwindEngine_exports = {};
+__export(tailwindEngine_exports, {
+  generateRawCss: () => generateRawCss,
+  runCssPipeline: () => runCssPipeline,
+  runCssPipelineSync: () => runCssPipelineSync
+});
+function loadTailwindEngine() {
+  if (_twEngine) return _twEngine;
+  if (_twEngineError) throw _twEngineError;
+  try {
+    const tw = require2("tailwindcss");
+    if (typeof tw.compile !== "function") {
+      throw new Error("tailwindcss v4 not found \u2014 compile() API missing. Check tailwindcss version >= 4.");
+    }
+    _twEngine = tw;
+    return _twEngine;
+  } catch (e) {
+    _twEngineError = e instanceof Error ? e : new Error(String(e));
+    throw _twEngineError;
+  }
+}
+function generateRawCss(classes) {
+  if (classes.length === 0) return "";
+  const tw = loadTailwindEngine();
+  const compiler = tw.compile("@import 'tailwindcss';");
+  return compiler.build(classes);
+}
+function postProcessWithLightning(rawCss) {
+  if (!rawCss) return "";
+  const native = getNativeBridge();
+  if (typeof native.processTailwindCssLightning === "function") {
+    const result = native.processTailwindCssLightning(rawCss);
+    return result?.css ?? rawCss;
+  }
+  console.warn("[tailwind-styled] processTailwindCssLightning tidak tersedia \u2014 gunakan raw CSS");
+  return rawCss;
+}
+async function runCssPipeline(classes) {
+  const unique = [...new Set(classes.filter(Boolean))];
+  if (unique.length === 0) {
+    return { css: "", classes: [], sizeBytes: 0, optimized: false };
+  }
+  const rawCss = generateRawCss(unique);
+  const native = getNativeBridge();
+  const hasLightning = typeof native.processTailwindCssLightning === "function";
+  const finalCss = hasLightning ? postProcessWithLightning(rawCss) : rawCss;
+  return {
+    css: finalCss,
+    classes: unique,
+    sizeBytes: finalCss.length,
+    optimized: hasLightning
+  };
+}
+function runCssPipelineSync(classes) {
+  const unique = [...new Set(classes.filter(Boolean))];
+  if (unique.length === 0) {
+    return { css: "", classes: [], sizeBytes: 0, optimized: false };
+  }
+  const rawCss = generateRawCss(unique);
+  const native = getNativeBridge();
+  const hasLightning = typeof native.processTailwindCssLightning === "function";
+  const finalCss = hasLightning ? postProcessWithLightning(rawCss) : rawCss;
+  return {
+    css: finalCss,
+    classes: unique,
+    sizeBytes: finalCss.length,
+    optimized: hasLightning
+  };
+}
+var require2, _twEngine, _twEngineError;
+var init_tailwindEngine = __esm({
+  "packages/domain/compiler/src/tailwindEngine.ts"() {
+    init_nativeBridge();
+    require2 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('engine.js', document.baseURI).href)));
+    _twEngine = null;
+    _twEngineError = null;
+  }
+});
 
 // packages/domain/engine/src/ir.ts
 function registerPropertyName(id, name) {
@@ -2585,73 +2726,12 @@ async function analyzeWorkspace(root, options = {}) {
   };
 }
 
-// packages/domain/compiler/src/nativeBridge.ts
-init_src();
-var log3 = (...args) => {
-  if (process.env.DEBUG?.includes("compiler:native")) {
-    console.log("[compiler:native]", ...args);
-  }
-};
-var NATIVE_UNAVAILABLE_MESSAGE = "[tailwind-styled/compiler v5] Native binding is required but not available.\nThis package requires native Rust bindings. There is no JavaScript fallback.\nPlease ensure:\n  1. The native module is properly installed\n  2. You have run: npm run build:rust (or use prebuilt binary)\n\nFor help, see: https://tailwind-styled.dev/docs/install";
-var nativeBridge = null;
-var bridgeLoadAttempted = false;
-var bridgeLoadError = null;
-var isValidNativeBridge = (mod) => {
-  const m = mod;
-  return !!(typeof m.transformSource === "function" || typeof m.extractAllClasses === "function" || typeof m.hasTwUsage === "function");
-};
-var getNativeBridge = () => {
-  if (nativeBridge) {
-    return nativeBridge;
-  }
-  if (bridgeLoadAttempted) {
-    if (bridgeLoadError) {
-      throw bridgeLoadError;
-    }
-    throw new Error(NATIVE_UNAVAILABLE_MESSAGE);
-  }
-  bridgeLoadAttempted = true;
-  try {
-    const runtimeDir = resolveRuntimeDir(void 0, (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('engine.js', document.baseURI).href)));
-    const require2 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('engine.js', document.baseURI).href)));
-    const result = resolveNativeBinary(runtimeDir);
-    if (result.path && result.path.endsWith(".node")) {
-      try {
-        const binding = require2(result.path);
-        if (isValidNativeBridge(binding)) {
-          nativeBridge = binding;
-          log3("Native bridge loaded successfully from:", result.path);
-          return nativeBridge;
-        }
-      } catch (e) {
-        log3("Failed to require native binding:", e);
-      }
-    }
-    throw new Error(`${NATIVE_UNAVAILABLE_MESSAGE}
-
-Tried paths: ${result.tried.join("\n")}`);
-  } catch (err) {
-    bridgeLoadError = err instanceof Error ? err : new Error(String(err));
-    log3("Failed to load native bridge:", bridgeLoadError.message);
-    throw bridgeLoadError;
-  }
-};
-
 // packages/domain/compiler/src/index.ts
-var compileCssFromClasses = (classes, prefix) => {
-  const native = getNativeBridge();
-  if (!native?.transformSource) {
-    throw new Error("FATAL: Native binding 'transformSource' is required but not available.");
-  }
-  const result = native.transformSource(classes.join(" "), { prefix: "" });
-  if (!result) {
-    throw new Error("FATAL: transformSource returned null");
-  }
-  return result;
-};
+init_nativeBridge();
 var generateCssForClasses = async (classes, _tailwindConfig, _root) => {
-  const result = await compileCssFromClasses(classes);
-  return result?.code || "";
+  const { runCssPipeline: runCssPipeline2 } = await Promise.resolve().then(() => (init_tailwindEngine(), tailwindEngine_exports));
+  const result = await runCssPipeline2(classes);
+  return result.css;
 };
 var mergeClassesStatic = (classes) => {
   const result = normalizeAndDedupClasses(classes);