@yak/react 10.0.0-rc.0 → 10.0.0-rc.2

package/dist/withYak/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../withYak/allow-global-css.ts","../../../yak-internals/config.ts","../../withYak/index.ts"],"sourcesContent":["import { existsSync } from \"node:fs\";\nimport path from \"node:path\";\n\ninterface WebpackConfig {\n  module?: { rules?: unknown[] };\n}\n\ninterface Rule {\n  test?: unknown;\n  issuer?: unknown;\n  use?: unknown;\n  oneOf?: unknown;\n  rules?: unknown;\n}\n\nexport function hasAppDir(projectDir: string): boolean {\n  return (\n    // mirrors next.js's `findDir(dir, \"app\")`\n    // https://github.com/vercel/next.js/blob/v16.3.4/packages/next/src/lib/find-pages-dir.ts#L4-L13\n    existsSync(path.join(projectDir, \"app\")) || existsSync(path.join(projectDir, \"src\", \"app\"))\n  );\n}\n\n/**\n * Next.js (pages router) only allows global CSS imports from `_app`.\n * Everywhere else it expects CSS Modules. Yak's co-located `*.yak.css`\n * files are plain global CSS, because yak already hashes the class names\n * itself, so there's no risk of leaking styles\n *\n * Next.js has no option to allow this, so we copy its `_app` global CSS\n * rule without the `_app` issuer check and limit the copy to `.yak.css`.\n * The copy goes to the start of the same `oneOf`, so it matches before\n * Next's error rules.\n */\nexport function allowYakGlobalCss(webpackConfig: WebpackConfig) {\n  const rules = webpackConfig.module?.rules;\n  if (!Array.isArray(rules)) {\n    return;\n  }\n\n  // Next.js's internal `regexCssGlobal` source\n  // https://github.com/vercel/next.js/blob/v16.3.4/packages/next/src/build/webpack/config/blocks/css/index.ts#L23\n  const nextGlobalCssRegExpSource = \"(?<!\\\\.module)\\\\.css$\";\n\n  const isRule = (value: unknown): value is Rule =>\n    typeof value === \"object\" && value !== null && !Array.isArray(value);\n\n  // Next.js sets `issuer: { and: [ctx.customAppFile] }`, where\n  // `customAppFile` is a RegExp for the path of `pages/_app`\n  // https://github.com/vercel/next.js/blob/v16.3.4/packages/next/src/build/webpack-config.ts#L2550-L2552\n  const hasAppIssuer = (rule: Rule): boolean => {\n    if (!isRule(rule.issuer)) return false;\n    const and = (rule.issuer as { and?: unknown }).and;\n    return Array.isArray(and) && and[0] instanceof RegExp && and[0].source.endsWith(\"_app\");\n  };\n\n  const isAppGlobalCssRule = (rule: Rule): boolean =>\n    rule.test instanceof RegExp &&\n    rule.test.source === nextGlobalCssRegExpSource &&\n    hasAppIssuer(rule) &&\n    Array.isArray(rule.use);\n\n  const findAppRule = (ruleList: unknown): { oneOf: unknown[]; appRule: Rule } | undefined => {\n    if (!Array.isArray(ruleList)) return undefined;\n    for (const rule of ruleList) {\n      if (!isRule(rule)) continue;\n      if (Array.isArray(rule.oneOf)) {\n        const appRule = rule.oneOf.find(\n          (item): item is Rule => isRule(item) && isAppGlobalCssRule(item),\n        );\n        if (appRule) return { oneOf: rule.oneOf, appRule };\n      }\n      const found = findAppRule(rule.oneOf) ?? findAppRule(rule.rules);\n      if (found) return found;\n    }\n    return undefined;\n  };\n\n  const found = findAppRule(rules);\n  if (!found) {\n    console.warn(\n      \"@yak/react: could not find the next.js global-CSS rules. \" +\n        \"Please report this issue with your Next.js version at \" +\n        \"https://github.com/DigitecGalaxus/next-yak/issues/new\",\n    );\n    return;\n  }\n\n  found.oneOf.unshift({\n    test: /\\.yak\\.css$/,\n    sideEffects: true,\n    use: [...(found.appRule.use as unknown[])],\n  });\n}\n","/// <reference types=\"node\" />\nimport { existsSync } from \"node:fs\";\nimport path from \"node:path\";\n\nexport type YakConfigOptions = {\n  /**\n   * Generate compact CSS class and variable names.\n   * @defaultValue\n   * enabled if NODE_ENV is set to `production`, otherwise disabled\n   */\n  minify?: boolean;\n  contextPath?: string;\n  /**\n   * Optional prefix for generated CSS identifiers.\n   * This can be used to ensure unique class names across different applications\n   * or to add organization-specific prefixes.\n   */\n  prefix?: string;\n  /**\n   * Adds `displayName` to each component for better React DevTools debugging\n   * - Enabled by default in development mode\n   * - Disabled by default in production\n   * - Increases bundle size slightly when enabled\n   */\n  displayNames?: boolean;\n  /**\n   * Fold statically known styles at build time: JSX usages of fully static\n   * styled components become plain DOM elements, and a static `css` prop\n   * becomes a plain `className`. Both skip the runtime wrapper and merge calls.\n   * @defaultValue true\n   */\n  foldStatic?: boolean;\n  /**\n   * Fail the build when a `css` prop has a value @yak/react can't handle\n   * (e.g. an array, an object or a plain string). @yak/react claims the `css`\n   * prop, so a malformed value is almost always a mistake worth surfacing.\n   *\n   * Set to `false` to leave such props untouched instead, e.g. when another\n   * library on the same element uses its own `css` prop.\n   * @defaultValue true\n   */\n  strictCssProp?: boolean;\n  experiments?: {\n    /**\n     * Debug logging for transformed files.\n     * - `true` - log all files\n     * - `object` - filter by pattern and/or output types (at least one required)\n     */\n    debug?:\n      | true\n      | { pattern: string; types?: Array<\"ts\" | \"css\" | \"css-resolved\"> }\n      | { pattern?: string; types: Array<\"ts\" | \"css\" | \"css-resolved\"> };\n    transpilationMode?: \"CssModule\" | \"Css\";\n    /**\n     * Suppress deprecation warnings for :global() selectors during migration period\n     * @defaultValue false\n     */\n    suppressDeprecationWarnings?: boolean;\n  };\n};\n\n/**\n * Build the base yak-swc plugin options shared by every bundler integration\n * (webpack, turbopack, vite, rsbuild). The caller adds the bundler-specific\n * `importMode` on top.\n *\n * @param yakOptions - Yak configuration options\n * @param basePath - Base path used by yak-swc to derive stable identifiers\n */\nexport function buildYakPluginOptions(yakOptions: YakConfigOptions, basePath: string) {\n  const minify = yakOptions.minify ?? process.env.NODE_ENV === \"production\";\n  return {\n    minify,\n    basePath,\n    prefix: yakOptions.prefix,\n    displayNames: yakOptions.displayNames ?? !minify,\n    foldStatic: yakOptions.foldStatic ?? true,\n    strictCssProp: yakOptions.strictCssProp ?? true,\n    suppressDeprecationWarnings: yakOptions.experiments?.suppressDeprecationWarnings ?? false,\n    reactRefreshReg: true,\n  };\n}\n\n/**\n * Try to resolve yak\n */\nexport function resolveYakContext(contextPath: string | undefined, cwd: string) {\n  const yakContext = contextPath\n    ? path.resolve(cwd, contextPath)\n    : path.resolve(cwd, \"yak.context\");\n  const extensions = [\"\", \".ts\", \".tsx\", \".js\", \".jsx\"];\n  for (const extension in extensions) {\n    const fileName = yakContext + extensions[extension];\n    if (existsSync(fileName)) {\n      return fileName;\n    }\n  }\n  if (contextPath) {\n    throw new Error(`Could not find yak context file at ${yakContext}`);\n  }\n}\n","/// <reference types=\"node\" />\nimport type { NextConfig } from \"next\";\nimport path, { dirname } from \"node:path\";\nimport { fileURLToPath } from \"node:url\";\nimport { allowYakGlobalCss, hasAppDir } from \"./allow-global-css.ts\";\nimport {\n  buildYakPluginOptions,\n  resolveYakContext,\n  type YakConfigOptions,\n} from \"yak-internals/config\";\n\nexport { buildYakPluginOptions, resolveYakContext } from \"yak-internals/config\";\nexport type { YakConfigOptions } from \"yak-internals/config\";\n\nconst currentDir =\n  typeof __dirname !== \"undefined\" ? __dirname : dirname(fileURLToPath(import.meta.url));\n\nconst addYak = (yakOptions: YakConfigOptions, nextConfig: NextConfig) => {\n  const yakPluginOptions = buildYakPluginOptions(yakOptions, currentDir);\n\n  const transpilation = yakOptions.experiments?.transpilationMode ?? \"CssModule\";\n  const cssExtension = transpilation === \"CssModule\" ? \".yak.module.css\" : \".yak.css\";\n\n  if (process.env.TURBOPACK === \"1\" || process.env.TURBOPACK === \"auto\") {\n    addYakTurbopack(nextConfig, yakOptions, {\n      ...yakPluginOptions,\n      importMode: {\n        value: \"data:text/css;base64,\",\n        transpilation: \"Css\",\n        encoding: \"Base64\",\n      },\n    });\n  } else {\n    addYakWebpack(nextConfig, yakOptions, {\n      ...yakPluginOptions,\n      importMode: {\n        value: `./{{__BASE_NAME__}}${cssExtension}!=!./{{__BASE_NAME__}}?./{{__BASE_NAME__}}${cssExtension}`,\n        transpilation,\n        encoding: \"None\",\n      },\n    });\n  }\n  return nextConfig;\n};\n\n/**\n * Configure Turbopack with yak loader for CSS-in-JS transformation\n * @param nextConfig - Next.js configuration object\n * @param yakOptions - Yak configuration options\n * @param yakPluginOptions - Processed plugin options for yak-swc\n */\nfunction addYakTurbopack(\n  nextConfig: NextConfig,\n  yakOptions: YakConfigOptions,\n  yakPluginOptions: {\n    minify: boolean;\n    basePath: string;\n    prefix?: string;\n    displayNames: boolean;\n    foldStatic: boolean;\n    strictCssProp: boolean;\n    importMode: {\n      value: string;\n      transpilation: string;\n      encoding: string;\n    };\n  },\n) {\n  // turbopack can't handle options with undefined values, so we remove them\n  const yakLoader = removeUndefinedRecursive({\n    loader: path.join(currentDir, \"../loaders/turbo-loader.cjs\"),\n    options: {\n      yakOptions: yakOptions,\n      yakPluginOptions: yakPluginOptions,\n    },\n  }) as { loader: string; options: {} };\n\n  nextConfig.turbopack ||= {};\n  nextConfig.turbopack.rules ||= {};\n\n  const ruleKey = \"*.{js,jsx,cjs,mjs,ts,tsx,cts,mts}\";\n  const rule = {\n    loaders: [] as { loader: string; options: {} }[],\n    ...nextConfig.turbopack.rules[ruleKey],\n  };\n  rule.loaders.push(yakLoader);\n  nextConfig.turbopack.rules[ruleKey] = rule;\n\n  // Configure resolveAlias for custom yak context (similar to webpack)\n  // This allows users to provide a custom context file that will be used\n  // instead of the default baseContext\n  const yakContext = resolveYakContext(yakOptions.contextPath, process.cwd());\n  if (yakContext) {\n    nextConfig.turbopack.resolveAlias ||= {};\n    nextConfig.turbopack.resolveAlias[\"@yak/react/context/baseContext\"] =\n      // This is a hack around the fact that turbopack currently only supports relative paths\n      // turbopack: \"server relative imports are not implemented yet\"\n      // Relative is quite dangerous here as it relies on the cwd being the starting point\n      `./${path.relative(process.cwd(), yakContext)}`;\n  }\n}\n\n/**\n * Configure Webpack with yak SWC plugin and webpack loader for CSS-in-JS transformation\n * @param nextConfig - Next.js configuration object\n * @param yakOptions - Yak configuration options\n * @param yakPluginOptions - Processed plugin options for yak-swc\n */\nfunction addYakWebpack(\n  nextConfig: NextConfig,\n  yakOptions: YakConfigOptions,\n  yakPluginOptions: {\n    minify: boolean;\n    basePath: string;\n    prefix?: string;\n    displayNames: boolean;\n    foldStatic: boolean;\n    strictCssProp: boolean;\n    importMode: {\n      value: string;\n      transpilation: string;\n      encoding: string;\n    };\n  },\n) {\n  // Add SWC plugin for Webpack\n  nextConfig.experimental ||= {};\n  nextConfig.experimental.swcPlugins ||= [];\n  nextConfig.experimental.swcPlugins.push([\"@yak/swc\", yakPluginOptions]);\n\n  // Configure webpack loader\n  const previousConfig = nextConfig.webpack;\n  nextConfig.webpack = (webpackConfig, options) => {\n    if (previousConfig) {\n      webpackConfig = previousConfig(webpackConfig, options);\n    }\n\n    if (\n      yakOptions.experiments?.transpilationMode === \"Css\" &&\n      !options.isServer &&\n      !hasAppDir(options.dir)\n    ) {\n      // Next.js restricts global CSS imports only in the client build of a pages-only project, so only patch its rules there\n      allowYakGlobalCss(webpackConfig);\n    }\n\n    webpackConfig.module.rules.push({\n      test:\n        yakOptions.experiments?.transpilationMode === \"Css\" ? /\\.yak\\.css$/ : /\\.yak\\.module\\.css$/,\n      loader: path.join(currentDir, \"../loaders/webpack-loader.cjs\"),\n      options: yakOptions,\n    });\n\n    // With the following alias the internal @yak/react code\n    // is able to import a context which works for server components\n    const yakContext = resolveYakContext(\n      yakOptions.contextPath,\n      webpackConfig.context || process.cwd(),\n    );\n    if (yakContext) {\n      webpackConfig.resolve.alias[\"@yak/react/context/baseContext\"] = yakContext;\n    }\n\n    return webpackConfig;\n  };\n}\n\n/**\n * Recursively removes undefined values from an object or array.\n *\n * This function deeply traverses the input object/array and creates a new structure\n * with all undefined values filtered out. For objects, properties with undefined values\n * are omitted. For arrays, undefined elements are removed from the result.\n *\n * @param obj - The object or array to process\n * @returns A new object/array with undefined values removed, or the original value if no changes were needed\n */\nfunction removeUndefinedRecursive<T>(obj: T): {} {\n  if (typeof obj !== \"object\" || obj === null) {\n    return obj as {};\n  }\n\n  if (Array.isArray(obj)) {\n    const filtered: unknown[] = [];\n    for (let i = 0; i < obj.length; i++) {\n      const processed = removeUndefinedRecursive(obj[i]);\n      if (processed !== undefined) {\n        filtered.push(processed);\n      }\n    }\n    return filtered as {};\n  }\n\n  const newObj: Record<string, unknown> = {};\n  let hasChanges = false;\n\n  for (const key in obj) {\n    if (Object.prototype.hasOwnProperty.call(obj, key)) {\n      const value = removeUndefinedRecursive((obj as any)[key]);\n      if (value !== undefined) {\n        newObj[key] = value;\n        hasChanges = true;\n      }\n    }\n  }\n\n  return hasChanges ? (newObj as {}) : obj;\n}\n\n// Wrapper to allow sync, async, and function configuration of Next.js\n/**\n * Add Yak to your Next.js app\n *\n * @usage\n *\n * ```ts\n * // next.config.js\n * const { withYak } = require(\"@yak/react/withYak\");\n * const nextConfig = {\n *   // your next config here\n * };\n * module.exports = withYak(nextConfig);\n * ```\n *\n * With a custom yakConfig\n *\n * ```ts\n * // next.config.js\n * const { withYak } = require(\"@yak/react/withYak\");\n * const nextConfig = {\n *   // your next config here\n * };\n * const yakConfig = {\n *   // Optional prefix for generated CSS identifiers\n *   prefix: \"my-app\",\n *   // Other yak config options...\n * };\n * module.exports = withYak(yakConfig, nextConfig);\n * ```\n */\nexport const withYak: {\n  <\n    T extends\n      | Record<string, any>\n      | ((...args: any[]) => Record<string, any>)\n      | ((...args: any[]) => Promise<Record<string, any>>),\n  >(\n    yakOptions: YakConfigOptions,\n    nextConfig: T,\n  ): T;\n  // no yakConfig\n  <\n    T extends\n      | Record<string, any>\n      | ((...args: any[]) => Record<string, any>)\n      | ((...args: any[]) => Promise<Record<string, any>>),\n  >(\n    nextConfig: T,\n    _?: undefined,\n  ): T;\n} = (maybeYakOptions, nextConfig) => {\n  if (nextConfig === undefined) {\n    return withYak({}, maybeYakOptions);\n  }\n  // If the second parameter is present the first parameter must be a YakConfigOptions\n  const yakOptions = maybeYakOptions as YakConfigOptions;\n  if (typeof nextConfig === \"function\") {\n    /**\n     * A NextConfig can be a sync or async function\n     * https://nextjs.org/docs/pages/api-reference/next-config-js\n     * @param {any[]} args\n     */\n    return (...args) => {\n      /** Dynamic Next Configs can be async or sync */\n      const config = nextConfig(...args) as NextConfig | Promise<NextConfig>;\n      return config instanceof Promise\n        ? config.then((config) => addYak(yakOptions, config))\n        : addYak(yakOptions, config);\n    };\n  }\n  return addYak(yakOptions, nextConfig);\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../withYak/allow-global-css.ts","../../../yak-internals/config.ts","../../withYak/index.ts"],"sourcesContent":["import { existsSync } from \"node:fs\";\nimport path from \"node:path\";\n\ninterface WebpackConfig {\n  module?: { rules?: unknown[] };\n}\n\ninterface Rule {\n  test?: unknown;\n  issuer?: unknown;\n  use?: unknown;\n  oneOf?: unknown;\n  rules?: unknown;\n}\n\nexport function hasAppDir(projectDir: string): boolean {\n  return (\n    // mirrors next.js's `findDir(dir, \"app\")`\n    // https://github.com/vercel/next.js/blob/v16.3.4/packages/next/src/lib/find-pages-dir.ts#L4-L13\n    existsSync(path.join(projectDir, \"app\")) || existsSync(path.join(projectDir, \"src\", \"app\"))\n  );\n}\n\n/**\n * Next.js (pages router) only allows global CSS imports from `_app`.\n * Everywhere else it expects CSS Modules. Yak's co-located `*.yak.css`\n * files are plain global CSS, because yak already hashes the class names\n * itself, so there's no risk of leaking styles\n *\n * Next.js has no option to allow this, so we copy its `_app` global CSS\n * rule without the `_app` issuer check and limit the copy to `.yak.css`.\n * The copy goes to the start of the same `oneOf`, so it matches before\n * Next's error rules.\n */\nexport function allowYakGlobalCss(webpackConfig: WebpackConfig) {\n  const rules = webpackConfig.module?.rules;\n  if (!Array.isArray(rules)) {\n    return;\n  }\n\n  // Next.js's internal `regexCssGlobal` source\n  // https://github.com/vercel/next.js/blob/v16.3.4/packages/next/src/build/webpack/config/blocks/css/index.ts#L23\n  const nextGlobalCssRegExpSource = \"(?<!\\\\.module)\\\\.css$\";\n\n  const isRule = (value: unknown): value is Rule =>\n    typeof value === \"object\" && value !== null && !Array.isArray(value);\n\n  // Next.js sets `issuer: { and: [ctx.customAppFile] }`, where\n  // `customAppFile` is a RegExp for the path of `pages/_app`\n  // https://github.com/vercel/next.js/blob/v16.3.4/packages/next/src/build/webpack-config.ts#L2550-L2552\n  const hasAppIssuer = (rule: Rule): boolean => {\n    if (!isRule(rule.issuer)) return false;\n    const and = (rule.issuer as { and?: unknown }).and;\n    return Array.isArray(and) && and[0] instanceof RegExp && and[0].source.endsWith(\"_app\");\n  };\n\n  const isAppGlobalCssRule = (rule: Rule): boolean =>\n    rule.test instanceof RegExp &&\n    rule.test.source === nextGlobalCssRegExpSource &&\n    hasAppIssuer(rule) &&\n    Array.isArray(rule.use);\n\n  const findAppRule = (ruleList: unknown): { oneOf: unknown[]; appRule: Rule } | undefined => {\n    if (!Array.isArray(ruleList)) return undefined;\n    for (const rule of ruleList) {\n      if (!isRule(rule)) continue;\n      if (Array.isArray(rule.oneOf)) {\n        const appRule = rule.oneOf.find(\n          (item): item is Rule => isRule(item) && isAppGlobalCssRule(item),\n        );\n        if (appRule) return { oneOf: rule.oneOf, appRule };\n      }\n      const found = findAppRule(rule.oneOf) ?? findAppRule(rule.rules);\n      if (found) return found;\n    }\n    return undefined;\n  };\n\n  const found = findAppRule(rules);\n  if (!found) {\n    console.warn(\n      \"@yak/react: could not find the next.js global-CSS rules. \" +\n        \"Please report this issue with your Next.js version at \" +\n        \"https://github.com/galaxuslabs/yak/issues/new\",\n    );\n    return;\n  }\n\n  found.oneOf.unshift({\n    test: /\\.yak\\.css$/,\n    sideEffects: true,\n    use: [...(found.appRule.use as unknown[])],\n  });\n}\n","/// <reference types=\"node\" />\nimport { existsSync } from \"node:fs\";\nimport path from \"node:path\";\n\nexport type YakConfigOptions = {\n  /**\n   * Generate compact CSS class and variable names.\n   * @defaultValue\n   * enabled if NODE_ENV is set to `production`, otherwise disabled\n   */\n  minify?: boolean;\n  contextPath?: string;\n  /**\n   * Optional prefix for generated CSS identifiers.\n   * This can be used to ensure unique class names across different applications\n   * or to add organization-specific prefixes.\n   */\n  prefix?: string;\n  /**\n   * Adds `displayName` to each component for better React DevTools debugging\n   * - Enabled by default in development mode\n   * - Disabled by default in production\n   * - Increases bundle size slightly when enabled\n   */\n  displayNames?: boolean;\n  /**\n   * Fold statically known styles at build time: JSX usages of fully static\n   * styled components become plain DOM elements, and a static `css` prop\n   * becomes a plain `className`. Both skip the runtime wrapper and merge calls.\n   * @defaultValue true\n   */\n  foldStatic?: boolean;\n  /**\n   * Fail the build when a `css` prop has a value @yak/react can't handle\n   * (e.g. an array, an object or a plain string). @yak/react claims the `css`\n   * prop, so a malformed value is almost always a mistake worth surfacing.\n   *\n   * Set to `false` to leave such props untouched instead, e.g. when another\n   * library on the same element uses its own `css` prop.\n   * @defaultValue true\n   */\n  strictCssProp?: boolean;\n  /**\n   * Debug logging for transformed files.\n   * - `true` - log all files\n   * - `object` - filter by pattern and/or output types (at least one required)\n   */\n  debug?:\n    | true\n    | { pattern: string; types?: Array<\"ts\" | \"css\" | \"css-resolved\"> }\n    | { pattern?: string; types: Array<\"ts\" | \"css\" | \"css-resolved\"> };\n};\n\n/**\n * Build the base yak-swc plugin options shared by every bundler integration\n * (webpack, turbopack, vite, rsbuild). The caller adds the bundler-specific\n * `importMode` on top.\n *\n * @param yakOptions - Yak configuration options\n * @param basePath - Base path used by yak-swc to derive stable identifiers\n */\nexport function buildYakPluginOptions(yakOptions: YakConfigOptions, basePath: string) {\n  const minify = yakOptions.minify ?? process.env.NODE_ENV === \"production\";\n  return {\n    minify,\n    basePath,\n    prefix: yakOptions.prefix,\n    displayNames: yakOptions.displayNames ?? !minify,\n    foldStatic: yakOptions.foldStatic ?? true,\n    strictCssProp: yakOptions.strictCssProp ?? true,\n    reactRefreshReg: true,\n  };\n}\n\n/**\n * Try to resolve yak\n */\nexport function resolveYakContext(contextPath: string | undefined, cwd: string) {\n  const yakContext = contextPath\n    ? path.resolve(cwd, contextPath)\n    : path.resolve(cwd, \"yak.context\");\n  const extensions = [\"\", \".ts\", \".tsx\", \".js\", \".jsx\"];\n  for (const extension in extensions) {\n    const fileName = yakContext + extensions[extension];\n    if (existsSync(fileName)) {\n      return fileName;\n    }\n  }\n  if (contextPath) {\n    throw new Error(`Could not find yak context file at ${yakContext}`);\n  }\n}\n","/// <reference types=\"node\" />\nimport type { NextConfig } from \"next\";\nimport path from \"node:path\";\nimport { allowYakGlobalCss, hasAppDir } from \"./allow-global-css.ts\";\nimport {\n  buildYakPluginOptions,\n  resolveYakContext,\n  type YakConfigOptions,\n} from \"yak-internals/config\";\n\nexport { buildYakPluginOptions, resolveYakContext } from \"yak-internals/config\";\nexport type { YakConfigOptions } from \"yak-internals/config\";\n\nconst currentDir = import.meta.dirname;\n\nconst addYak = (yakOptions: YakConfigOptions, nextConfig: NextConfig) => {\n  const yakPluginOptions = buildYakPluginOptions(yakOptions, currentDir);\n\n  if (process.env.TURBOPACK === \"1\" || process.env.TURBOPACK === \"auto\") {\n    addYakTurbopack(nextConfig, yakOptions, {\n      ...yakPluginOptions,\n      importMode: {\n        value: \"data:text/css;base64,\",\n        encoding: \"Base64\",\n      },\n    });\n  } else {\n    addYakWebpack(nextConfig, yakOptions, {\n      ...yakPluginOptions,\n      importMode: {\n        value: \"./{{__BASE_NAME__}}.yak.css!=!./{{__BASE_NAME__}}?./{{__BASE_NAME__}}.yak.css\",\n        encoding: \"None\",\n      },\n    });\n  }\n  return nextConfig;\n};\n\n/**\n * Configure Turbopack with yak loader for CSS-in-JS transformation\n * @param nextConfig - Next.js configuration object\n * @param yakOptions - Yak configuration options\n * @param yakPluginOptions - Processed plugin options for yak-swc\n */\nfunction addYakTurbopack(\n  nextConfig: NextConfig,\n  yakOptions: YakConfigOptions,\n  yakPluginOptions: {\n    minify: boolean;\n    basePath: string;\n    prefix?: string;\n    displayNames: boolean;\n    foldStatic: boolean;\n    strictCssProp: boolean;\n    importMode: {\n      value: string;\n      encoding: string;\n    };\n  },\n) {\n  // turbopack can't handle options with undefined values, so we remove them\n  const yakLoader = removeUndefinedRecursive({\n    loader: path.join(currentDir, \"../loaders/turbo-loader.js\"),\n    options: {\n      yakOptions: yakOptions,\n      yakPluginOptions: yakPluginOptions,\n    },\n  }) as { loader: string; options: {} };\n\n  nextConfig.turbopack ||= {};\n  nextConfig.turbopack.rules ||= {};\n\n  const ruleKey = \"*.{js,jsx,cjs,mjs,ts,tsx,cts,mts}\";\n  const rule = {\n    loaders: [] as { loader: string; options: {} }[],\n    ...nextConfig.turbopack.rules[ruleKey],\n  };\n  rule.loaders.push(yakLoader);\n  nextConfig.turbopack.rules[ruleKey] = rule;\n\n  // Configure resolveAlias for custom yak context (similar to webpack)\n  // This allows users to provide a custom context file that will be used\n  // instead of the default baseContext\n  const yakContext = resolveYakContext(yakOptions.contextPath, process.cwd());\n  if (yakContext) {\n    nextConfig.turbopack.resolveAlias ||= {};\n    nextConfig.turbopack.resolveAlias[\"@yak/react/context/baseContext\"] =\n      // This is a hack around the fact that turbopack currently only supports relative paths\n      // turbopack: \"server relative imports are not implemented yet\"\n      // Relative is quite dangerous here as it relies on the cwd being the starting point\n      `./${path.relative(process.cwd(), yakContext)}`;\n  }\n}\n\n/**\n * Configure Webpack with yak SWC plugin and webpack loader for CSS-in-JS transformation\n * @param nextConfig - Next.js configuration object\n * @param yakOptions - Yak configuration options\n * @param yakPluginOptions - Processed plugin options for yak-swc\n */\nfunction addYakWebpack(\n  nextConfig: NextConfig,\n  yakOptions: YakConfigOptions,\n  yakPluginOptions: {\n    minify: boolean;\n    basePath: string;\n    prefix?: string;\n    displayNames: boolean;\n    foldStatic: boolean;\n    strictCssProp: boolean;\n    importMode: {\n      value: string;\n      encoding: string;\n    };\n  },\n) {\n  // Add SWC plugin for Webpack\n  nextConfig.experimental ||= {};\n  nextConfig.experimental.swcPlugins ||= [];\n  nextConfig.experimental.swcPlugins.push([\"@yak/swc\", yakPluginOptions]);\n\n  // Configure webpack loader\n  const previousConfig = nextConfig.webpack;\n  nextConfig.webpack = (webpackConfig, options) => {\n    if (previousConfig) {\n      webpackConfig = previousConfig(webpackConfig, options);\n    }\n\n    if (!options.isServer && !hasAppDir(options.dir)) {\n      // Next.js restricts global CSS imports only in the client build of a pages-only project, so only patch its rules there\n      allowYakGlobalCss(webpackConfig);\n    }\n\n    webpackConfig.module.rules.push({\n      test: /\\.yak\\.css$/,\n      loader: path.join(currentDir, \"../loaders/webpack-loader.js\"),\n      options: yakOptions,\n    });\n\n    // With the following alias the internal @yak/react code\n    // is able to import a context which works for server components\n    const yakContext = resolveYakContext(\n      yakOptions.contextPath,\n      webpackConfig.context || process.cwd(),\n    );\n    if (yakContext) {\n      webpackConfig.resolve.alias[\"@yak/react/context/baseContext\"] = yakContext;\n    }\n\n    return webpackConfig;\n  };\n}\n\n/**\n * Recursively removes undefined values from an object or array.\n *\n * This function deeply traverses the input object/array and creates a new structure\n * with all undefined values filtered out. For objects, properties with undefined values\n * are omitted. For arrays, undefined elements are removed from the result.\n *\n * @param obj - The object or array to process\n * @returns A new object/array with undefined values removed, or the original value if no changes were needed\n */\nfunction removeUndefinedRecursive<T>(obj: T): {} {\n  if (typeof obj !== \"object\" || obj === null) {\n    return obj as {};\n  }\n\n  if (Array.isArray(obj)) {\n    const filtered: unknown[] = [];\n    for (let i = 0; i < obj.length; i++) {\n      const processed = removeUndefinedRecursive(obj[i]);\n      if (processed !== undefined) {\n        filtered.push(processed);\n      }\n    }\n    return filtered as {};\n  }\n\n  const newObj: Record<string, unknown> = {};\n  let hasChanges = false;\n\n  for (const key in obj) {\n    if (Object.prototype.hasOwnProperty.call(obj, key)) {\n      const value = removeUndefinedRecursive((obj as any)[key]);\n      if (value !== undefined) {\n        newObj[key] = value;\n        hasChanges = true;\n      }\n    }\n  }\n\n  return hasChanges ? (newObj as {}) : obj;\n}\n\n// Wrapper to allow sync, async, and function configuration of Next.js\n/**\n * Add Yak to your Next.js app\n *\n * @usage\n *\n * ```ts\n * // next.config.js\n * const { withYak } = require(\"@yak/react/withYak\");\n * const nextConfig = {\n *   // your next config here\n * };\n * module.exports = withYak(nextConfig);\n * ```\n *\n * With a custom yakConfig\n *\n * ```ts\n * // next.config.js\n * const { withYak } = require(\"@yak/react/withYak\");\n * const nextConfig = {\n *   // your next config here\n * };\n * const yakConfig = {\n *   // Optional prefix for generated CSS identifiers\n *   prefix: \"my-app\",\n *   // Other yak config options...\n * };\n * module.exports = withYak(yakConfig, nextConfig);\n * ```\n */\nexport const withYak: {\n  <\n    T extends\n      | Record<string, any>\n      | ((...args: any[]) => Record<string, any>)\n      | ((...args: any[]) => Promise<Record<string, any>>),\n  >(\n    yakOptions: YakConfigOptions,\n    nextConfig: T,\n  ): T;\n  // no yakConfig\n  <\n    T extends\n      | Record<string, any>\n      | ((...args: any[]) => Record<string, any>)\n      | ((...args: any[]) => Promise<Record<string, any>>),\n  >(\n    nextConfig: T,\n    _?: undefined,\n  ): T;\n} = (maybeYakOptions, nextConfig) => {\n  if (nextConfig === undefined) {\n    return withYak({}, maybeYakOptions);\n  }\n  // If the second parameter is present the first parameter must be a YakConfigOptions\n  const yakOptions = maybeYakOptions as YakConfigOptions;\n  if (typeof nextConfig === \"function\") {\n    /**\n     * A NextConfig can be a sync or async function\n     * https://nextjs.org/docs/pages/api-reference/next-config-js\n     * @param {any[]} args\n     */\n    return (...args) => {\n      /** Dynamic Next Configs can be async or sync */\n      const config = nextConfig(...args) as NextConfig | Promise<NextConfig>;\n      return config instanceof Promise\n        ? config.then((config) => addYak(yakOptions, config))\n        : addYak(yakOptions, config);\n    };\n  }\n  return addYak(yakOptions, nextConfig);\n};\n"],"mappings":"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"}

package/loaders/lib/resolveCrossFileSelectors.ts

@@ -107,7 +107,6 @@ function getParseContext(loader: LoaderContext<YakConfigOptions>): ParseContext
     async evaluateYakModule(modulePath) {
       return loader.importModule(modulePath);
     },
-    transpilationMode: loader.getOptions().experiments?.transpilationMode,
   };
 }
 

package/loaders/turbo-loader.ts

@@ -1,17 +1,18 @@
 import { transform as swcTransform } from "@swc/core";
 import { createRequire } from "node:module";
-import { dirname } from "node:path";
+import { dirname, join } from "node:path";
 import type { LoaderContext } from "webpack";
 import { parseModule } from "yak-internals/cross-file-resolver/parse-module";
 import { resolveCrossFileConstant } from "yak-internals/cross-file-resolver/resolve";
+import { rewriteRelativeCssUrls } from "yak-internals/cross-file-resolver/rewrite-relative-css-urls";
 import type { YakConfigOptions } from "../withYak/index.js";
 import { createDebugLogger } from "yak-internals/debug-logger";
 import { extractCss } from "yak-internals/extract-css";
 import { parseExports } from "yak-internals/parse-exports";
 import { getSwcParserOptions } from "yak-internals/swc-parser-options";
 
-const universalRequire = typeof require === "undefined" ? createRequire(import.meta.url) : require;
-const yakSwcPluginPath = universalRequire.resolve("@yak/swc");
+const require = createRequire(import.meta.url);
+const yakSwcPluginPath = require.resolve("@yak/swc");
 const dataUrlImportPrefix = 'import "data:text/css;base64,';
 
 /**
@@ -21,7 +22,18 @@ const dataUrlImportPrefix = 'import "data:text/css;base64,';
  * e.g.: `import "data:text/css;base64,"`
  */
 export default async function cssExtractLoader(
-  this: LoaderContext<{ yakOptions: YakConfigOptions; yakPluginOptions: any }>,
+  this: LoaderContext<{
+    yakOptions: YakConfigOptions;
+    yakPluginOptions: any;
+    /**
+     * Rspack resolves the url() paths of a data: url css import from the
+     * compiler root, not from the importing file. With this option the loader
+     * rewrites relative paths to point from the root:
+     * url("./img/a.png") in src/Box.tsx -> url("./src/img/a.png").
+     * Turbopack resolves them from the importing file and needs no rewrite.
+     */
+    cssUrlsFromRoot?: boolean;
+  }>,
   code: string,
   sourceMap: string | undefined,
 ): Promise<string | void> {
@@ -34,9 +46,10 @@ export default async function cssExtractLoader(
 
   const {
     yakPluginOptions,
-    yakOptions: { experiments },
+    yakOptions: { debug },
+    cssUrlsFromRoot,
   } = this.getOptions();
-  const debugLog = createDebugLogger(experiments?.debug, this.rootContext);
+  const debugLog = createDebugLogger(debug, this.rootContext);
   const resolveTurbopack = this.getResolve({});
   const transform = createTransform(yakPluginOptions, yakSwcPluginPath);
 
@@ -69,7 +82,7 @@ export default async function cssExtractLoader(
     const result = await transform(code, this.resourcePath, this.rootContext, sourceMap);
     debugLog("ts", result.code, this.resourcePath);
 
-    let css = extractCss(result.code, "Css");
+    let css = extractCss(result.code);
     debugLog("css", css, this.resourcePath);
 
     const { resolved } = await resolveCrossFileConstant(
@@ -77,7 +90,6 @@ export default async function cssExtractLoader(
         parse: (modulePath) => {
           return parseModule(
             {
-              transpilationMode: "Css",
               extractExports: async (modulePath) => {
                 const sourceContents = await fsReadFile(modulePath);
                 return parseExports(sourceContents);
@@ -113,10 +125,19 @@ export default async function cssExtractLoader(
       this.addDependency(dep);
     }
 
-    const codeWithCrossFileResolved = replaceDataUrlImport(result.code, resolved);
+    // A file name in the root directory: the rewrite only uses its directory
+    const dataUrlCss = cssUrlsFromRoot
+      ? rewriteRelativeCssUrls(resolved, this.resourcePath, join(this.rootContext, "root.css"))
+      : resolved;
+    const codeWithCrossFileResolved = replaceDataUrlImport(result.code, dataUrlCss);
 
-    debugLog("css-resolved", resolved, this.resourcePath);
-    return callback(null, codeWithCrossFileResolved, result.map);
+    debugLog("css-resolved", dataUrlCss, this.resourcePath);
+    // swc returns a JSON string, which babel-loader rejects as inputSourceMap
+    return callback(
+      null,
+      codeWithCrossFileResolved,
+      result.map ? JSON.parse(result.map) : undefined,
+    );
   } catch (error) {
     // Register cross-file dependencies even on error so turbopack re-runs
     // this loader when a broken dependency is fixed.

package/loaders/webpack-loader.ts

@@ -26,14 +26,11 @@ export default async function cssExtractLoader(
     if (!source) {
       return callback(new Error(`Source code for ${this.resourcePath} is empty`));
     }
-    const { experiments } = this.getOptions();
-    const debugLog = createDebugLogger(
-      experiments?.debug,
-      this._compiler?.context ?? process.cwd(),
-    );
+    const { debug } = this.getOptions();
+    const debugLog = createDebugLogger(debug, this._compiler?.context ?? process.cwd());
 
     debugLog("ts", source, this.resourcePath);
-    const css = extractCss(source, experiments?.transpilationMode);
+    const css = extractCss(source);
     debugLog("css", css, this.resourcePath);
 
     return resolveCrossFileConstant(this, this.context, css).then((result) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yak/react",
-  "version": "10.0.0-rc.0",
+  "version": "10.0.0-rc.2",
   "description": "@yak/react is a CSS-in-JS library for React: styled-components syntax with CSS extracted at build time. Works with Next.js, Vite and Rsbuild.",
   "keywords": [
     "css-in-js",
@@ -11,7 +11,7 @@
   ],
   "homepage": "https://yak.js.org/",
   "bugs": {
-    "url": "https://github.com/DigitecGalaxus/next-yak/issues"
+    "url": "https://github.com/galaxuslabs/yak/issues"
   },
   "license": "MIT",
   "author": {
@@ -24,7 +24,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/DigitecGalaxus/next-yak.git"
+    "url": "https://github.com/galaxuslabs/yak.git"
   },
   "files": [
     "dist",
@@ -39,152 +39,90 @@
   "types": "./dist/",
   "exports": {
     ".": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      },
-      "require": {
-        "types": "./dist/index.d.cts",
-        "default": "./dist/index.cjs"
-      }
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
     },
     "./static": {
-      "import": {
-        "types": "./dist/static/index.d.ts",
-        "default": "./dist/static/index.js"
-      },
-      "require": {
-        "types": "./dist/static/index.d.cts",
-        "default": "./dist/static/index.cjs"
-      }
+      "types": "./dist/static/index.d.ts",
+      "default": "./dist/static/index.js"
     },
     "./internal": {
-      "import": {
-        "types": "./dist/internal.d.ts",
-        "default": "./dist/internal.js"
-      },
-      "require": {
-        "types": "./dist/internal.d.cts",
-        "default": "./dist/internal.cjs"
-      }
+      "types": "./dist/internal.d.ts",
+      "default": "./dist/internal.js"
     },
     "./withYak": {
-      "import": {
-        "types": "./dist/withYak/index.d.ts",
-        "default": "./dist/withYak/index.js"
-      },
-      "require": {
-        "types": "./dist/withYak/index.d.cts",
-        "default": "./dist/withYak/index.cjs"
-      }
+      "types": "./dist/withYak/index.d.ts",
+      "default": "./dist/withYak/index.js"
     },
     "./context/baseContext": {
-      "import": {
-        "types": "./dist/context/baseContext.d.ts",
-        "default": "./dist/context/baseContext.js"
-      },
-      "require": {
-        "types": "./dist/context/baseContext.d.cts",
-        "default": "./dist/context/baseContext.cjs"
-      }
+      "types": "./dist/context/baseContext.d.ts",
+      "default": "./dist/context/baseContext.js"
     },
     "./context": {
       "react-server": {
-        "import": {
-          "types": "./dist/context/index.server.d.ts",
-          "default": "./dist/context/index.server.js"
-        },
-        "require": {
-          "types": "./dist/context/index.server.d.cts",
-          "default": "./dist/context/index.server.cjs"
-        }
+        "types": "./dist/context/index.server.d.ts",
+        "default": "./dist/context/index.server.js"
       },
       "default": {
-        "import": {
-          "types": "./dist/context/index.d.ts",
-          "default": "./dist/context/index.js"
-        },
-        "require": {
-          "types": "./dist/context/index.d.cts",
-          "default": "./dist/context/index.cjs"
-        }
+        "types": "./dist/context/index.d.ts",
+        "default": "./dist/context/index.js"
       }
     },
     "./jsx-runtime": {
-      "import": {
-        "types": "./dist/jsx-runtime.d.ts",
-        "default": "./dist/jsx-runtime.js"
-      },
-      "require": {
-        "types": "./dist/jsx-runtime.d.cts",
-        "default": "./dist/jsx-runtime.cjs"
-      }
+      "types": "./dist/jsx-runtime.d.ts",
+      "default": "./dist/jsx-runtime.js"
     },
     "./jsx-dev-runtime": {
-      "import": {
-        "types": "./dist/jsx-dev-runtime.d.ts",
-        "default": "./dist/jsx-dev-runtime.js"
-      },
-      "require": {
-        "types": "./dist/jsx-dev-runtime.d.cts",
-        "default": "./dist/jsx-dev-runtime.cjs"
-      }
+      "types": "./dist/jsx-dev-runtime.d.ts",
+      "default": "./dist/jsx-dev-runtime.js"
     },
-    "./loaders/webpack-loader": "./dist/loaders/webpack-loader.cjs",
+    "./loaders/webpack-loader": "./dist/loaders/webpack-loader.js",
     "./vite": {
-      "import": {
-        "types": "./dist/loaders/vite-plugin.d.ts",
-        "default": "./dist/loaders/vite-plugin.js"
-      }
+      "types": "./dist/loaders/vite-plugin.d.ts",
+      "default": "./dist/loaders/vite-plugin.js"
     },
     "./cross-file-resolver": {
-      "import": {
-        "types": "./dist/cross-file-resolver/index.d.ts",
-        "default": "./dist/cross-file-resolver/index.js"
-      }
+      "types": "./dist/cross-file-resolver/index.d.ts",
+      "default": "./dist/cross-file-resolver/index.js"
     },
     "./isolated-source-eval": {
-      "import": {
-        "types": "./dist/isolated-source-eval/index.d.ts",
-        "default": "./dist/isolated-source-eval/index.js"
-      }
+      "types": "./dist/isolated-source-eval/index.d.ts",
+      "default": "./dist/isolated-source-eval/index.js"
     },
     "./rsbuild": {
-      "import": {
-        "types": "./dist/rsbuild/index.d.ts",
-        "default": "./dist/rsbuild/index.js"
-      }
+      "types": "./dist/rsbuild/index.d.ts",
+      "default": "./dist/rsbuild/index.js"
     }
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@babel/parser": "^8.0.4",
-    "@swc/core": "~1.15.47",
-    "@yak/swc": "10.0.0-rc.0"
+    "@babel/parser": "^8.0.7",
+    "@swc/core": "~1.16.18",
+    "@yak/swc": "10.0.0-rc.2"
   },
   "devDependencies": {
-    "@rsbuild/core": "2.2.2",
+    "@rsbuild/core": "2.2.13",
     "@testing-library/react": "16.3.3",
     "@types/jest": "30.0.0",
-    "@types/node": "26.4.1",
-    "@types/react": "19.2.18",
-    "@types/react-dom": "19.2.5",
+    "@types/node": "26.6.5",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
     "@types/webpack": "5.28.5",
-    "jsdom": "30.0.1",
-    "next": "16.3.4",
-    "react": "19.2.8",
-    "tsdown": "0.22.14",
+    "jsdom": "30.1.3",
+    "next": "16.4.2",
+    "react": "19.3.1",
+    "tsdown": "0.23.1",
     "typescript": "6.0.3",
-    "vite": "8.2.2",
-    "vitest": "4.1.11",
+    "vite": "8.3.4",
+    "vitest": "5.0.5",
     "yak-internals": "0.0.0"
   },
   "peerDependencies": {
     "@rsbuild/core": ">=2.0.0",
     "@types/react": ">=19",
-    "next": ">=16.1.0",
+    "next": ">=16.4.0",
     "react": ">=19.0.0",
     "vite": ">=7.0.0"
   },
@@ -205,6 +143,9 @@
       "optional": true
     }
   },
+  "engines": {
+    "node": ">=22.18.0"
+  },
   "scripts": {
     "build": "tsdown",
     "watch": "tsdown --watch",

package/rsbuild/index.ts

@@ -11,8 +11,8 @@ import {
 // provide `this.fs.readFile`, `this.getResolve` and `this.addDependency` — which
 // is exactly what the turbopack loader uses — so the turbopack loader runs as-is
 // on Rspack. The compiled loader lives next to this file under dist/
-// (dist/rsbuild/index.js and dist/loaders/turbo-loader.cjs are siblings).
-const rspackLoaderPath = fileURLToPath(new URL("../loaders/turbo-loader.cjs", import.meta.url));
+// (dist/rsbuild/index.js and dist/loaders/turbo-loader.js are siblings).
+const rspackLoaderPath = fileURLToPath(new URL("../loaders/turbo-loader.js", import.meta.url));
 
 /**
  * Rsbuild plugin for @yak/react.
@@ -46,7 +46,6 @@ export function pluginYak(yakOptions: YakConfigOptions = {}): RsbuildPlugin {
           ...buildYakPluginOptions(yakOptions, rootContext),
           importMode: {
             value: "data:text/css;base64,",
-            transpilation: "Css",
             encoding: "Base64",
           },
         };
@@ -61,7 +60,7 @@ export function pluginYak(yakOptions: YakConfigOptions = {}): RsbuildPlugin {
             use: [
               {
                 loader: rspackLoaderPath,
-                options: { yakOptions, yakPluginOptions },
+                options: { yakOptions, yakPluginOptions, cssUrlsFromRoot: true },
               },
             ],
           },

package/runtime/context/index.tsx

@@ -8,14 +8,14 @@ export interface YakTheme {}
 
 /**
  * The yak theme context
- * @see https://github.com/DigitecGalaxus/next-yak/blob/main/packages/yak-react/runtime/context/README.md
+ * @see https://github.com/galaxuslabs/yak/blob/main/packages/yak-react/runtime/context/README.md
  */
 const YakContext = createContext<YakTheme>({});
 
 /**
  * Returns the current yak theme context
  *
- * @see https://github.com/DigitecGalaxus/next-yak/blob/main/packages/yak-react/runtime/context/README.md
+ * @see https://github.com/galaxuslabs/yak/blob/main/packages/yak-react/runtime/context/README.md
  */
 export const useTheme = (): YakTheme => {
   const context = use(YakContext);
@@ -25,7 +25,7 @@ export const useTheme = (): YakTheme => {
 /**
  * Yak theme context provider
  *
- * @see https://github.com/DigitecGalaxus/next-yak/blob/main/packages/yak-react/runtime/context/README.md
+ * @see https://github.com/galaxuslabs/yak/blob/main/packages/yak-react/runtime/context/README.md
  */
 export const YakThemeProvider = ({
   children,

package/withYak/allow-global-css.ts

@@ -81,7 +81,7 @@ export function allowYakGlobalCss(webpackConfig: WebpackConfig) {
     console.warn(
       "@yak/react: could not find the next.js global-CSS rules. " +
         "Please report this issue with your Next.js version at " +
-        "https://github.com/DigitecGalaxus/next-yak/issues/new",
+        "https://github.com/galaxuslabs/yak/issues/new",
     );
     return;
   }

package/withYak/index.ts

@@ -1,7 +1,6 @@
 /// <reference types="node" />
 import type { NextConfig } from "next";
-import path, { dirname } from "node:path";
-import { fileURLToPath } from "node:url";
+import path from "node:path";
 import { allowYakGlobalCss, hasAppDir } from "./allow-global-css.ts";
 import {
   buildYakPluginOptions,
@@ -12,21 +11,16 @@ import {
 export { buildYakPluginOptions, resolveYakContext } from "yak-internals/config";
 export type { YakConfigOptions } from "yak-internals/config";
 
-const currentDir =
-  typeof __dirname !== "undefined" ? __dirname : dirname(fileURLToPath(import.meta.url));
+const currentDir = import.meta.dirname;
 
 const addYak = (yakOptions: YakConfigOptions, nextConfig: NextConfig) => {
   const yakPluginOptions = buildYakPluginOptions(yakOptions, currentDir);
 
-  const transpilation = yakOptions.experiments?.transpilationMode ?? "CssModule";
-  const cssExtension = transpilation === "CssModule" ? ".yak.module.css" : ".yak.css";
-
   if (process.env.TURBOPACK === "1" || process.env.TURBOPACK === "auto") {
     addYakTurbopack(nextConfig, yakOptions, {
       ...yakPluginOptions,
       importMode: {
         value: "data:text/css;base64,",
-        transpilation: "Css",
         encoding: "Base64",
       },
     });
@@ -34,8 +28,7 @@ const addYak = (yakOptions: YakConfigOptions, nextConfig: NextConfig) => {
     addYakWebpack(nextConfig, yakOptions, {
       ...yakPluginOptions,
       importMode: {
-        value: `./{{__BASE_NAME__}}${cssExtension}!=!./{{__BASE_NAME__}}?./{{__BASE_NAME__}}${cssExtension}`,
-        transpilation,
+        value: "./{{__BASE_NAME__}}.yak.css!=!./{{__BASE_NAME__}}?./{{__BASE_NAME__}}.yak.css",
         encoding: "None",
       },
     });
@@ -61,14 +54,13 @@ function addYakTurbopack(
     strictCssProp: boolean;
     importMode: {
       value: string;
-      transpilation: string;
       encoding: string;
     };
   },
 ) {
   // turbopack can't handle options with undefined values, so we remove them
   const yakLoader = removeUndefinedRecursive({
-    loader: path.join(currentDir, "../loaders/turbo-loader.cjs"),
+    loader: path.join(currentDir, "../loaders/turbo-loader.js"),
     options: {
       yakOptions: yakOptions,
       yakPluginOptions: yakPluginOptions,
@@ -118,7 +110,6 @@ function addYakWebpack(
     strictCssProp: boolean;
     importMode: {
       value: string;
-      transpilation: string;
       encoding: string;
     };
   },
@@ -135,19 +126,14 @@ function addYakWebpack(
       webpackConfig = previousConfig(webpackConfig, options);
     }
 
-    if (
-      yakOptions.experiments?.transpilationMode === "Css" &&
-      !options.isServer &&
-      !hasAppDir(options.dir)
-    ) {
+    if (!options.isServer && !hasAppDir(options.dir)) {
       // Next.js restricts global CSS imports only in the client build of a pages-only project, so only patch its rules there
       allowYakGlobalCss(webpackConfig);
     }
 
     webpackConfig.module.rules.push({
-      test:
-        yakOptions.experiments?.transpilationMode === "Css" ? /\.yak\.css$/ : /\.yak\.module\.css$/,
-      loader: path.join(currentDir, "../loaders/webpack-loader.cjs"),
+      test: /\.yak\.css$/,
+      loader: path.join(currentDir, "../loaders/webpack-loader.js"),
       options: yakOptions,
     });
 

package/dist/context/baseContext.cjs

@@ -1,9 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-//#region runtime/context/baseContext.tsx
-function getYakThemeContext() {
-	return {};
-}
-
-//#endregion
-exports.getYakThemeContext = getYakThemeContext;
-//# sourceMappingURL=baseContext.cjs.map

package/dist/context/baseContext.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"baseContext.cjs","names":[],"sources":["../../runtime/context/baseContext.tsx"],"sourcesContent":["import type { YakTheme } from \"@yak/react\";\n\nexport function getYakThemeContext() {\n  return {} as YakTheme | undefined;\n}\n"],"mappings":";;AAEA,SAAgB,qBAAqB;CACnC,OAAO,CAAC;AACV"}

package/dist/context/baseContext.d.cts

@@ -1,6 +0,0 @@
-import { YakTheme } from "@yak/react";
-//#region runtime/context/baseContext.d.ts
-declare function getYakThemeContext(): YakTheme | undefined;
-//#endregion
-export { getYakThemeContext };
-//# sourceMappingURL=baseContext.d.cts.map