tailwind-styled-v4 5.0.7 → 5.0.8

package/dist/next.d.mts

@@ -1,4 +1,5 @@
 import { z } from 'zod';
+import { NextConfig } from 'next';
 
 declare const NextAdapterOptionsSchema: z.ZodObject<{
     mode: z.ZodOptional<z.ZodLiteral<"zero-runtime">>;
@@ -33,47 +34,12 @@ interface TailwindStyledLoaderOptions {
     incremental?: boolean;
     verbose?: boolean;
     preserveImports?: boolean;
-    /** Path ke safelist dev file — di-inject oleh TwSafelistDevPlugin (dev only) */
-    safelistPath?: string;
 }
 interface TailwindStyledNextOptions extends Pick<TailwindStyledLoaderOptions, "mode" | "autoClientBoundary" | "addDataAttr" | "hoist" | "routeCss" | "incremental" | "verbose"> {
     include?: RegExp;
     exclude?: RegExp;
 }
-interface NextWebpackUseEntry {
-    loader: string;
-    options?: TailwindStyledLoaderOptions;
-}
-interface NextWebpackRule {
-    test?: RegExp;
-    exclude?: RegExp;
-    enforce?: "pre" | "post";
-    use?: NextWebpackUseEntry[];
-}
-interface NextWebpackConfig {
-    module?: {
-        rules?: NextWebpackRule[];
-    };
-    [key: string]: unknown;
-}
-interface NextWebpackOptions {
-    buildId: string;
-    dev: boolean;
-    isServer: boolean;
-    nextRuntime?: "nodejs" | "edge";
-    defaultLoaders: {
-        babel: unknown;
-    };
-    webpack: unknown;
-    dir: string;
-    config: Record<string, unknown>;
-    totalPages: number;
-}
-interface NextConfigWithTurbopack {
-    webpack?: ((config: NextWebpackConfig, options: NextWebpackOptions) => NextWebpackConfig | Promise<NextWebpackConfig>) | null | undefined;
-    turbopack?: Record<string, unknown>;
-    [key: string]: unknown;
-}
-declare function withTailwindStyled(options?: TailwindStyledNextOptions): (nextConfig?: NextConfigWithTurbopack) => NextConfigWithTurbopack;
+
+declare function withTailwindStyled(options?: TailwindStyledNextOptions): (nextConfig?: NextConfig) => NextConfig;
 
 export { type NextAdapterOptionsInput, NextAdapterOptionsSchema, type TailwindStyledNextOptions, parseNextAdapterOptions, withTailwindStyled };

package/dist/next.d.ts

@@ -1,4 +1,5 @@
 import { z } from 'zod';
+import { NextConfig } from 'next';
 
 declare const NextAdapterOptionsSchema: z.ZodObject<{
     mode: z.ZodOptional<z.ZodLiteral<"zero-runtime">>;
@@ -33,47 +34,12 @@ interface TailwindStyledLoaderOptions {
     incremental?: boolean;
     verbose?: boolean;
     preserveImports?: boolean;
-    /** Path ke safelist dev file — di-inject oleh TwSafelistDevPlugin (dev only) */
-    safelistPath?: string;
 }
 interface TailwindStyledNextOptions extends Pick<TailwindStyledLoaderOptions, "mode" | "autoClientBoundary" | "addDataAttr" | "hoist" | "routeCss" | "incremental" | "verbose"> {
     include?: RegExp;
     exclude?: RegExp;
 }
-interface NextWebpackUseEntry {
-    loader: string;
-    options?: TailwindStyledLoaderOptions;
-}
-interface NextWebpackRule {
-    test?: RegExp;
-    exclude?: RegExp;
-    enforce?: "pre" | "post";
-    use?: NextWebpackUseEntry[];
-}
-interface NextWebpackConfig {
-    module?: {
-        rules?: NextWebpackRule[];
-    };
-    [key: string]: unknown;
-}
-interface NextWebpackOptions {
-    buildId: string;
-    dev: boolean;
-    isServer: boolean;
-    nextRuntime?: "nodejs" | "edge";
-    defaultLoaders: {
-        babel: unknown;
-    };
-    webpack: unknown;
-    dir: string;
-    config: Record<string, unknown>;
-    totalPages: number;
-}
-interface NextConfigWithTurbopack {
-    webpack?: ((config: NextWebpackConfig, options: NextWebpackOptions) => NextWebpackConfig | Promise<NextWebpackConfig>) | null | undefined;
-    turbopack?: Record<string, unknown>;
-    [key: string]: unknown;
-}
-declare function withTailwindStyled(options?: TailwindStyledNextOptions): (nextConfig?: NextConfigWithTurbopack) => NextConfigWithTurbopack;
+
+declare function withTailwindStyled(options?: TailwindStyledNextOptions): (nextConfig?: NextConfig) => NextConfig;
 
 export { type NextAdapterOptionsInput, NextAdapterOptionsSchema, type TailwindStyledNextOptions, parseNextAdapterOptions, withTailwindStyled };

package/dist/next.js

@@ -122,7 +122,7 @@ function resolveLoaderPath(loaderBasename, importMetaUrl) {
   }).path;
 }
 
-// packages/domain/shared/src/native-resolution.ts
+// packages/domain/shared/src/index.ts
 var isBrowser2 = typeof window !== "undefined" || typeof document !== "undefined";
 var nodeModuleRef = null;
 function getNodeModuleRef() {
@@ -137,211 +137,17 @@ function getNodeModuleRef() {
     return null;
   }
 }
-var _nodeFs = null;
-var _nodePath = null;
-var _require = null;
-function getNodeFs() {
-  if (isBrowser2) return { existsSync: () => false };
-  const nodeRequire = getNodeModuleRef();
-  if (!nodeRequire) return { existsSync: () => false };
-  if (!_nodeFs) _nodeFs = nodeRequire.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('next.js', document.baseURI).href)))("node:fs");
-  return _nodeFs;
-}
-function getNodePath() {
-  if (isBrowser2) return { resolve: () => "", dirname: "" };
-  const nodeRequire = getNodeModuleRef();
-  if (!nodeRequire) return { resolve: () => "", dirname: "" };
-  if (!_nodePath) _nodePath = nodeRequire.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('next.js', document.baseURI).href)))("node:path");
-  return _nodePath;
-}
-function getRequire(_importMetaUrl) {
-  if (isBrowser2) 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;
-}
-var PLATFORM_MAP = {
-  "linux-x64": ["@tailwind-styled/native-linux-x64"],
-  "linux-arm64": ["@tailwind-styled/native-linux-arm64"],
-  "darwin-x64": ["@tailwind-styled/native-darwin-x64"],
-  "darwin-arm64": ["@tailwind-styled/native-darwin-arm64"],
-  "win32-x64": ["@tailwind-styled/native-win32-x64"],
-  "win32-arm64": ["@tailwind-styled/native-win32-arm64"]
-};
-function platformKey() {
-  if (isBrowser2) return "browser";
-  return `${process.platform}-${process.arch}`;
-}
-function resolveNativeBinary(runtimeDir) {
-  const platform = platformKey();
-  const tried = [];
-  if (isBrowser2) {
-    return { path: null, source: "not-found", platform, tried: ["not available in browser"] };
-  }
-  const fs2 = getNodeFs();
-  const path2 = getNodePath();
-  const _req = getRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('next.js', document.baseURI).href)));
-  const envPath = process.env.TW_NATIVE_PATH?.trim();
-  if (envPath) {
-    if (fs2.existsSync(envPath)) {
-      return { path: envPath, source: "env", platform, tried };
-    }
-    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`);
-      if (fs2.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 localCandidates = [
-    path2.resolve(base, "tailwind_styled_parser.node"),
-    path2.resolve(base, "..", "tailwind_styled_parser.node"),
-    path2.resolve(cwd, "native", "tailwind_styled_parser.node"),
-    path2.resolve(cwd, "native", "target", "release", "tailwind_styled_parser.node"),
-    // napi-rs conventional output
-    path2.resolve(base, `tailwind_styled_parser.${platform}.node`)
-  ];
-  for (const candidate of localCandidates) {
-    tried.push(`local:${candidate}`);
-    if (fs2.existsSync(candidate)) {
-      return { path: candidate, source: "local", platform, tried };
-    }
-  }
-  return { path: null, source: "not-found", platform, tried };
-}
-
-// packages/domain/shared/src/index.ts
-var isBrowser3 = typeof window !== "undefined" || typeof document !== "undefined";
-var nodeModuleRef2 = null;
-function getNodeModuleRef2() {
-  if (isBrowser3) 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;
-  }
-}
-var _nodeUrl = null;
-function getNodeUrl() {
-  if (isBrowser3) 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((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('next.js', document.baseURI).href)))("node:url");
-  return _nodeUrl;
-}
-function getRequire2() {
-  if (isBrowser3) return (() => {
+function getRequire() {
+  if (isBrowser2) return (() => {
     throw new Error("require not available in browser");
   });
-  const nodeRequire = getNodeModuleRef2();
+  const nodeRequire = getNodeModuleRef();
   if (!nodeRequire) return (() => {
     throw new Error("require not available");
   });
   return nodeRequire.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('next.js', document.baseURI).href)));
 }
-getRequire2();
-function resolveRuntimeDir(dir, importMetaUrl) {
-  if (isBrowser3) return "";
-  try {
-    return getNodeUrl().fileURLToPath(importMetaUrl);
-  } catch {
-    return process.cwd();
-  }
-}
-var log = (...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('next.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('next.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;
-          log("Native bridge loaded successfully from:", result.path);
-          return nativeBridge;
-        }
-      } catch (e) {
-        log("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));
-    log("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;
-};
-var buildStyleTag = (classes) => {
-  const result = compileCssFromClasses(classes);
-  return result?.code ? `<style data-tailwind-styled>${result.code}</style>` : "";
-};
-var _routeClassMap = /* @__PURE__ */ new Map();
-var getAllRouteClasses = () => {
-  return new Map(_routeClassMap);
-};
-var clearRouteClasses = () => {
-  _routeClassMap.clear();
-};
+getRequire();
 
 // packages/presentation/next/src/withTailwindStyled.ts
 function getDirnameFromUrl2(importMetaUrl) {
@@ -358,12 +164,12 @@ function getDirnameFromUrl2(importMetaUrl) {
   return lastSlash > 0 ? importMetaUrl.slice(0, lastSlash) : "";
 }
 var require2 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('next.js', document.baseURI).href)));
-var resolveRuntimeDir2 = () => getDirnameFromUrl2((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('next.js', document.baseURI).href)));
+var resolveRuntimeDir = () => getDirnameFromUrl2((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('next.js', document.baseURI).href)));
 var resolveLoaderPath2 = (basename) => {
   try {
     return resolveLoaderPath(basename, (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('next.js', document.baseURI).href)));
   } catch {
-    const runtimeDir = resolveRuntimeDir2();
+    const runtimeDir = resolveRuntimeDir();
     const candidates = [
       path__default.default.resolve(runtimeDir, `${basename}.mjs`),
       path__default.default.resolve(runtimeDir, `${basename}.js`),
@@ -450,15 +256,14 @@ var applyWebpackRule = (config, options, loaderPath) => {
     "@tailwind-styled/theme",
     "@tailwind-styled/preset"
   ];
-  const configAny = config;
-  if (!configAny.externals) {
-    configAny.externals = [];
+  if (!config.externals) {
+    config.externals = [];
   }
-  const ext = configAny.externals;
+  const ext = config.externals;
   if (Array.isArray(ext)) {
     externalPackages.forEach((pkg) => {
       const found = ext.find(
-        (e) => typeof e === "string" && e.includes(pkg) || typeof e === "object" && e !== null && Object.keys(e).some((k) => k.includes(pkg))
+        (e) => typeof e === "string" && e.includes(pkg) || typeof e === "object" && e !== null && !Array.isArray(e) && Object.keys(e).some((k) => k.includes(pkg))
       );
       if (!found) {
         ext.push(pkg);
@@ -478,9 +283,10 @@ var mergeTurbopackRules = (existingRules, nextRules) => {
     if (typeof current === "object" && current !== null && "loaders" in current) {
       const typedCurrent = current;
       if (Array.isArray(typedCurrent.loaders)) {
+        const incomingLoaders = incomingRule.loaders ?? [];
         merged[pattern] = {
           ...current,
-          loaders: [...typedCurrent.loaders, ...incomingRule.loaders]
+          loaders: [...typedCurrent.loaders, ...incomingLoaders]
         };
         console.warn(
           `[tailwind-styled] Turbopack rule '${pattern}' already exists. Appending tailwind-styled loader.`
@@ -495,96 +301,6 @@ var mergeTurbopackRules = (existingRules, nextRules) => {
   }
   return merged;
 };
-function escapeClassName(cls) {
-  return cls.replace(/([^a-zA-Z0-9_-])/g, "\\$1");
-}
-var TwSafelistDevPlugin = class {
-  outputPath;
-  lastHash = "";
-  constructor(cwd) {
-    this.outputPath = path__default.default.resolve(cwd, ".next", "tw-classes", "_webpack-merged.css");
-  }
-  apply(compiler) {
-    const resetClasses = () => {
-      try {
-        clearRouteClasses();
-      } catch {
-      }
-    };
-    compiler.hooks.watchRun.tap("TwSafelistDevPlugin", resetClasses);
-    compiler.hooks.beforeRun.tap("TwSafelistDevPlugin", resetClasses);
-    compiler.hooks.afterCompile.tap("TwSafelistDevPlugin", () => {
-      try {
-        const routeMap = getAllRouteClasses();
-        const allClasses = /* @__PURE__ */ new Set();
-        for (const classes of routeMap.values()) {
-          for (const cls of classes) allClasses.add(cls);
-        }
-        if (allClasses.size === 0) return;
-        const sorted = [...allClasses].sort();
-        const hash = sorted.join(",");
-        if (hash === this.lastHash) return;
-        this.lastHash = hash;
-        const css = [
-          "/* tailwind-styled-v4 safelist \u2014 auto-generated, do not edit */",
-          "/* @tw-safelist */",
-          ".tw-safelist {",
-          sorted.map((cls) => `  /* ${cls} */`).join("\n"),
-          "}",
-          // Juga emit sebagai @layer utilities agar v4 langsung generate
-          "@layer utilities {",
-          sorted.map((cls) => `.${escapeClassName(cls)} {}`).join("\n"),
-          "}"
-        ].join("\n");
-        const dir = path__default.default.dirname(this.outputPath);
-        if (!fs__default.default.existsSync(dir)) fs__default.default.mkdirSync(dir, { recursive: true });
-        fs__default.default.writeFileSync(this.outputPath, css, "utf-8");
-      } catch {
-      }
-    });
-  }
-};
-var TwCssManifestPlugin = class {
-  apply(compiler) {
-    compiler.hooks.emit.tapAsync("TwCssManifestPlugin", async (compilation, callback) => {
-      if (compiler.options?.mode === "development") {
-        callback();
-        return;
-      }
-      try {
-        const routeMap = getAllRouteClasses();
-        if (routeMap.size === 0) {
-          callback();
-          return;
-        }
-        const manifest = {};
-        for (const [route, classes] of routeMap.entries()) {
-          if (classes.size === 0) continue;
-          let css = "";
-          try {
-            css = buildStyleTag(Array.from(classes)).replace(/<style[^>]*>/, "").replace(/<\/style>/, "").trim();
-          } catch {
-          }
-          if (!css) continue;
-          const filename = route === "/" ? "index.css" : route === "__global" ? "_global.css" : `${route.replace(/^\//, "").replace(/\//g, "_")}.css`;
-          const outputPath = `static/css/tw/${filename}`;
-          compilation.assets[outputPath] = {
-            source: () => css,
-            size: () => css.length
-          };
-          manifest[route] = filename;
-        }
-        const manifestJson = JSON.stringify({ routes: manifest }, null, 2);
-        compilation.assets["static/css/tw/css-manifest.json"] = {
-          source: () => manifestJson,
-          size: () => manifestJson.length
-        };
-      } catch {
-      }
-      callback();
-    });
-  }
-};
 function withTailwindStyled(options = {}) {
   checkNextVersion();
   const normalizedOptions = parseNextAdapterOptions(options);
@@ -593,12 +309,6 @@ function withTailwindStyled(options = {}) {
   return function wrap(nextConfig = {}) {
     const previousWebpack = nextConfig.webpack;
     const loaderOptions = createLoaderOptions(normalizedOptions);
-    const safelistPath = path__default.default.resolve(
-      typeof process !== "undefined" ? process.cwd() : "",
-      ".next",
-      "tailwind-styled-safelist.css"
-      // used as anchor; loader derives tw-classes/ from dirname
-    );
     return {
       ...nextConfig,
       webpack(config, webpackOptions) {
@@ -616,15 +326,6 @@ function withTailwindStyled(options = {}) {
               "@tailwind-styled/plugin": "commonjs2 @tailwind-styled/plugin"
             });
           }
-          if (!finalConfig._twCssPluginAdded) {
-            const plugins = finalConfig.plugins ?? [];
-            plugins.push(new TwCssManifestPlugin());
-            if (webpackOptions.dev) {
-              plugins.push(new TwSafelistDevPlugin(webpackOptions.dir));
-            }
-            finalConfig.plugins = plugins;
-            finalConfig._twCssPluginAdded = true;
-          }
           return finalConfig;
         };
         if (typeof previousWebpack !== "function") {
@@ -643,7 +344,7 @@ function withTailwindStyled(options = {}) {
         ...nextConfig.turbopack ?? {},
         rules: mergeTurbopackRules(
           nextConfig.turbopack?.rules ?? {},
-          buildTurbopackRules(turbopackLoaderPath, { ...loaderOptions, safelistPath })
+          buildTurbopackRules(turbopackLoaderPath, loaderOptions)
         )
       }
     };