tailwind-styled-v4 5.0.13 → 5.0.14

package/dist/index.mjs

@@ -860,27 +860,15 @@ function resolveNativeBinary(runtimeDir) {
     }
     tried.push(`env:${envPath} (not found)`);
   }
-  const prebuiltPkgs = PLATFORM_MAP[platform] ?? [];
-  for (const pkg of prebuiltPkgs) {
-    try {
-      const candidate = _require.resolve(`${pkg}/tailwind_styled_parser.node`);
-      if (fs3.existsSync(candidate)) {
-        return { path: candidate, source: "prebuilt", platform, tried };
-      }
-      tried.push(`prebuilt:${pkg} (resolved but missing)`);
-    } catch {
-      tried.push(`prebuilt:${pkg} (not installed)`);
-    }
-  }
   const napiPlatform = platform === "linux-x64" ? "linux-x64-gnu" : platform === "linux-arm64" ? "linux-arm64-gnu" : platform;
-  const BINARY_NAMES_SELF = ["tailwind-styled-native", "tailwind_styled_parser"];
+  const BINARY_NAMES_SELF = ["tailwind-styled-native", "tailwind_styled_parser", "index"];
   if (runtimeDir) {
     for (const depth of ["..", path9.join("..", ".."), path9.join("..", "..", "..")]) {
       const pkgRoot = path9.resolve(runtimeDir, depth);
       for (const bin of BINARY_NAMES_SELF) {
         for (const suffix of ["", `.${platform}`, `.${napiPlatform}`]) {
           const candidate = path9.resolve(pkgRoot, "native", `${bin}${suffix}.node`);
-          tried.push(`self-bundled:${candidate}`);
+          tried.push(`native:${candidate}`);
           if (fs3.existsSync(candidate)) {
             return { path: candidate, source: "prebuilt", platform, tried };
           }
@@ -888,6 +876,18 @@ function resolveNativeBinary(runtimeDir) {
       }
     }
   }
+  const prebuiltPkgs = PLATFORM_MAP[platform] ?? [];
+  for (const pkg of prebuiltPkgs) {
+    try {
+      const candidate = _require.resolve(`${pkg}/tailwind_styled_parser.node`);
+      if (fs3.existsSync(candidate)) {
+        return { path: candidate, source: "prebuilt", platform, tried };
+      }
+      tried.push(`prebuilt:${pkg} (resolved but missing)`);
+    } catch {
+      tried.push(`prebuilt:${pkg} (not installed)`);
+    }
+  }
   const cwd = process.cwd();
   const base = runtimeDir ?? cwd;
   const BINARY_NAMES = ["tailwind-styled-native", "tailwind_styled_parser"];
@@ -4771,24 +4771,31 @@ var init_native_bridge2 = __esm({
 
 // packages/domain/core/src/native.ts
 init_src2();
-var isBrowser4 = typeof window !== "undefined" || typeof document !== "undefined";
-var NATIVE_UNAVAILABLE_MESSAGE2 = "[tailwind-styled/core] Native binding is required but not available.\nPlease ensure you have run: npm run build:rust";
+var isBrowser4 = typeof window !== "undefined" && typeof document !== "undefined";
+var NATIVE_UNAVAILABLE_MESSAGE2 = "[tailwind-styled/core] Native binding is required but not available.\nMake sure:\n  1. .node files were copied to dist/ during build\n  2. You installed the correct native package for your platform\n  3. npm run build:rust was executed successfully";
 var _nodeRequire = createRequire(import.meta.url);
 var _loadNative2 = (path15) => _nodeRequire(path15);
 var nativeBinding = null;
 var bindingLoadAttempted = false;
+var bindingError = null;
 var getBinding = () => {
-  if (isBrowser4) {
-    throw new Error(NATIVE_UNAVAILABLE_MESSAGE2 + "\n\nNative bindings are not available in browser. Use the compiled CSS output instead.");
-  }
   if (nativeBinding) return nativeBinding;
+  if (bindingError) {
+    throw bindingError;
+  }
   if (bindingLoadAttempted) {
     throw new Error(NATIVE_UNAVAILABLE_MESSAGE2);
   }
   bindingLoadAttempted = true;
   try {
-    const runtimeDir = isBrowser4 ? "" : dirname(fileURLToPath(import.meta.url));
-    const result = isBrowser4 ? { path: null, source: "not-found", platform: "browser", tried: [] } : resolveNativeBinary(runtimeDir);
+    if (isBrowser4) {
+      bindingError = new Error(
+        "[tailwind-styled/core] Cannot use template literals (tw`...`) in browser environment.\n\nTemplate literal parsing requires native Rust bindings compiled to WebAssembly,\nwhich is not currently supported.\n\nSolutions:\n1. Use object config only: tw.button({ base: '...', variants: {...} })\n2. Pre-compile components on the server (Next.js Server Components)\n3. Use @tailwind-styled browser-safe packages if available\n\nFor more info: https://github.com/Dictionar32/css-in-rust/discussions"
+      );
+      throw bindingError;
+    }
+    const runtimeDir = dirname(fileURLToPath(import.meta.url));
+    const result = resolveNativeBinary(runtimeDir);
     if (result.path && result.path.endsWith(".node")) {
       const mod = _loadNative2(result.path);
       if (mod?.batchSplitClasses) {
@@ -4796,11 +4803,22 @@ var getBinding = () => {
         return nativeBinding;
       }
     }
-    throw new Error(`${NATIVE_UNAVAILABLE_MESSAGE2}
+    bindingError = new Error(
+      `${NATIVE_UNAVAILABLE_MESSAGE2}
 
-Tried: ${result.tried.join("\n")}`);
+Resolution Attempts:
+${result.tried.map((t2) => `  - ${t2}`).join("\n")}
+
+Quick fixes:
+  1. npm run build:rust         # Build native binaries
+  2. npm install                # Reinstall with pre-built binaries
+  3. TW_NATIVE_PATH=/path/to/index.node npm run dev  # Specify binary path`
+    );
+    throw bindingError;
   } catch (err) {
-    throw err instanceof Error ? err : new Error(String(err));
+    const error = err instanceof Error ? err : new Error(String(err));
+    bindingError = error;
+    throw error;
   }
 };
 var getNativeBinding = getBinding;
@@ -6024,7 +6042,9 @@ function parseTemplate(strings, exprs) {
   if (cached) return cached;
   const binding = getNativeBinding();
   if (!binding?.parseTemplate) {
-    throw new Error("FATAL: Native binding 'parseTemplate' is required but not available.");
+    throw new Error(
+      "FATAL: Native binding 'parseTemplate' is required but not available in this environment.\n\nThis function is only available on Node.js with native bindings loaded.\nFor browser environments, use object config instead:\n  tw.button({ base: '...', variants: {...} })"
+    );
   }
   const r = binding.parseTemplate(raw);
   const subs = r.hasSubs ? JSON.parse(r.subsJson) : {};