rnwind 0.0.2 → 0.0.3

package/lib/esm/metro/transformer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"transformer.mjs","sources":["../../../../src/metro/transformer.ts"],"sourcesContent":["import type { File } from '@babel/types'\nimport * as t from '@babel/types'\nimport { parse } from '@babel/parser'\nimport generate from '@babel/generator'\nimport { createHash } from 'node:crypto'\nimport { transformAst } from './transform-ast'\nimport { getClassNamePrefixes, getRnwindCacheKey, getRnwindState, onThemeChange } from './state'\nimport { STYLE_SPECIFIERS, THEME_SIGNATURE_MODULE } from './resolver'\nimport { filterUnknownClassCandidates } from './warn-unknown-classes'\n\n/** The shape of the upstream module we delegate parsing/babel work to. */\ninterface UpstreamTransformer {\n  transform: (args: BabelTransformerArgs) => Promise<BabelTransformerResult> | BabelTransformerResult\n}\n\n/** Env var that points at the upstream `babelTransformerPath` we override. */\nconst UPSTREAM_ENV = 'RNWIND_UPSTREAM_TRANSFORMER'\n\n/** Cached upstream module — required once, reused across every transform call. */\nlet cachedUpstream: UpstreamTransformer | null = null\n\nconst generateModule = (generate as unknown as { default?: typeof generate }).default ?? generate\n\n/**\n * Parse user source with the broad plugin set (Flow + JSX + TypeScript\n * + class properties). Permissive on purpose so we don't reject any\n * file the upstream could have handled. Returns `null` when parse\n * fails — caller falls back to the raw source string.\n * @param source Source text.\n * @returns Parsed AST, or null on parse failure.\n */\nfunction parseUserSource(source: string): File | null {\n  try {\n    return parse(source, {\n      sourceType: 'unambiguous',\n      allowReturnOutsideFunction: true,\n      allowImportExportEverywhere: true,\n      plugins: ['typescript', 'jsx'],\n    }) as unknown as File\n  } catch {\n    try {\n      return parse(source, {\n        sourceType: 'unambiguous',\n        allowReturnOutsideFunction: true,\n        allowImportExportEverywhere: true,\n        plugins: ['flow', 'jsx'],\n      }) as unknown as File\n    } catch {\n      return null\n    }\n  }\n}\n\n/**\n * Print Tailwind-shaped candidates oxide picked up but the parser\n * could NOT compile — typo, missing custom utility, or class not in\n * the user's theme. Filtering by candidates that ALSO appear inside a\n * `className=\"…\"` literal eliminates false positives from imports,\n * comments, and JSX prop values.\n * @param source Original source text — searched for className literals.\n * @param candidates Every candidate oxide surfaced from the source.\n * @param atoms Successfully resolved atoms (keys are class names).\n * @param filename Source path, prefixed onto the warning.\n */\nfunction warnUnknownClasses(\n  source: string,\n  candidates: readonly string[],\n  atoms: ReadonlyMap<string, unknown>,\n  filename: string,\n): void {\n  const atomNames = new Set(atoms.keys())\n  const unknown = filterUnknownClassCandidates(source, candidates, atomNames)\n  if (unknown.length === 0) return\n  // eslint-disable-next-line no-console\n  console.warn(`rnwind: unknown class${unknown.length > 1 ? 'es' : ''} in ${filename}: ${unknown.join(', ')}`)\n}\n\n/**\n * Extract the bare extension for oxide / internal switches.\n * @param filename Absolute path.\n * @returns Extension without the leading dot (`tsx` / `ts` / `js` / `jsx`).\n */\nfunction extensionOf(filename: string): string {\n  const index = filename.lastIndexOf('.')\n  if (index === -1) return 'tsx'\n  return filename.slice(index + 1)\n}\n\n/**\n * Read the project root Metro hands us per-transform. Falls back to\n * `process.cwd()` only when the upstream harness doesn't set it (unit\n * tests, standalone). Metro's production pipeline always sets it.\n * @param args Metro transformer args.\n * @returns Absolute project root.\n */\nfunction projectRootOf(args: BabelTransformerArgs): string {\n  const fromOptions = args.options?.projectRoot\n  if (typeof fromOptions === 'string' && fromOptions.length > 0) return fromOptions\n  return process.cwd()\n}\n\n/**\n * Whether a `.css` filename is the user's theme entry (the file\n * `withRnwindConfig` pointed us at via `RNWIND_CSS_ENTRY_FILE`).\n * Only the theme CSS should trigger a scheme rebuild — unrelated CSS\n * files in the project stay invisible to rnwind.\n * @param filename Absolute CSS path.\n * @returns Whether the file is the configured theme entry.\n */\nfunction isThemeCssEntry(filename: string): boolean {\n  const cssEntry = process.env.RNWIND_CSS_ENTRY_FILE\n  return typeof cssEntry === 'string' && cssEntry.length > 0 && cssEntry === filename\n}\n\n/**\n * Parse + run rnwind's JSX rewrite + regenerate source code. When\n * parsing or transformation fails, fall back to the original source —\n * we don't want a transient parse error to crash Metro for a file the\n * upstream might handle fine.\n * @param args Metro args; `src` is the original source text.\n * @returns Rewritten source text (with `className=` rewrites applied).\n */\nasync function rewriteSource(args: BabelTransformerArgs): Promise<string> {\n  const ast = parseUserSource(args.src)\n  if (!ast) return args.src\n\n  const state = getRnwindState(projectRootOf(args))\n  const extension = extensionOf(args.filename)\n  const parsed = await state.parser.parseAtoms({ content: args.src, extension })\n\n  warnUnknownClasses(args.src, parsed.candidates, parsed.atoms, args.filename)\n\n  const classNamePrefixes = getClassNamePrefixes()\n  if (parsed.atoms.size === 0) {\n    state.builder.dropFile(args.filename)\n    await state.builder.writeSchemes()\n    transformAst(ast, {\n      styleSpecifiers: [],\n      gradientAtoms: parsed.gradientAtoms,\n      hapticAtoms: parsed.hapticAtoms,\n      classNamePrefixes,\n    })\n    injectThemeSignatureImport(ast)\n    return generateModule(ast).code\n  }\n\n  const { changed } = await state.builder.recordFile(args.filename, parsed.atoms, parsed.keyframes)\n  if (changed) await state.builder.writeSchemes()\n\n  transformAst(ast, {\n    styleSpecifiers: STYLE_SPECIFIERS as unknown as readonly string[],\n    gradientAtoms: parsed.gradientAtoms,\n    hapticAtoms: parsed.hapticAtoms,\n    classNamePrefixes,\n  })\n  injectThemeSignatureImport(ast)\n  return generateModule(ast).code\n}\n\n/**\n * Prepend `import 'rnwind/__generated/theme-signature'` to every\n * rnwind-transformed file. The resolver maps that specifier to the\n * user's theme CSS so Metro's dependency graph carries a real edge\n * from this JS file to the CSS. When the user edits `global.css`,\n * the CSS module's SHA1 changes, and Metro invalidates every JS file\n * holding this import — forcing them to re-transform with the new\n * theme. The `.css` branch in {@link transform} returns an empty\n * `export {}` module so the runtime cost is one extra `require()`.\n * @param ast Babel File AST to mutate in place.\n */\nfunction injectThemeSignatureImport(ast: File): void {\n  const declaration = t.importDeclaration([], t.stringLiteral(THEME_SIGNATURE_MODULE))\n  ast.program.body.unshift(declaration)\n}\n\n/**\n * Read the upstream transformer's `getCacheKey()` so our cache-key\n * contribution composes with — rather than replaces — whatever the\n * host framework wants to mix in.\n * @returns Upstream cache key, or `null` when no upstream exposes one.\n */\nfunction loadUpstreamCacheKey(): string | null {\n  const upstream = loadUpstream() as (UpstreamTransformer & { getCacheKey?: () => string }) | null\n  if (!upstream) return null\n  try {\n    return typeof upstream.getCacheKey === 'function' ? upstream.getCacheKey() : null\n  } catch {\n    return null\n  }\n}\n\n/**\n * Invoke the upstream `babelTransformerPath` Metro originally had\n * configured. The path is read from `RNWIND_UPSTREAM_TRANSFORMER`,\n * which `withRnwindConfig` sets at Metro startup. When the env var is\n * unset (unit tests, standalone use), fall back to a typescript+jsx\n * parse.\n * @param args Metro's per-file args.\n * @returns Upstream transform result containing the post-babel AST.\n */\nasync function runUpstream(args: BabelTransformerArgs): Promise<BabelTransformerResult> {\n  if (args.ast && !process.env[UPSTREAM_ENV]) return { ast: args.ast }\n  const upstream = loadUpstream()\n  if (upstream) return await Promise.resolve(upstream.transform(args))\n  if (args.ast) return { ast: args.ast }\n  return { ast: parseSource(args.src) }\n}\n\n/**\n * Lazily require the upstream transformer module. Cached after first\n * load so per-file overhead is one cache lookup.\n * @returns Upstream module, or null when env is unset.\n */\nfunction loadUpstream(): UpstreamTransformer | null {\n  if (cachedUpstream) return cachedUpstream\n  const upstreamPath = process.env[UPSTREAM_ENV]\n  if (!upstreamPath || upstreamPath.length === 0) return null\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires\n    const required = require(upstreamPath) as UpstreamTransformer | { default?: UpstreamTransformer }\n    const upstream = (required as { default?: UpstreamTransformer }).default ?? (required as UpstreamTransformer)\n    if (typeof upstream.transform !== 'function') return null\n    cachedUpstream = upstream\n    return upstream\n  } catch (error) {\n    // eslint-disable-next-line no-console\n    if (process.env.RNWIND_DEBUG) console.error('rnwind: failed to load upstream transformer:', error)\n    return null\n  }\n}\n\n/**\n * Cheap guard — the file has to look JS/TS, live outside `node_modules`,\n * and mention `className=` before we spend AST cycles on it.\n * @param args Metro args.\n * @returns Whether the file might need the rnwind pass.\n */\nfunction isRewriteCandidate(args: BabelTransformerArgs): boolean {\n  if (!/\\.(?:tsx|ts|jsx|js)$/i.test(args.filename)) return false\n  if (args.filename.includes('/node_modules/')) return false\n  return args.src.includes('className=')\n}\n\n/**\n * Fallback parse when no upstream is configured AND Metro didn't hand\n * us an AST. Used by unit tests and standalone setups.\n * @param source Source text.\n * @returns Parsed Babel File.\n */\nfunction parseSource(source: string): File {\n  return parse(source, { sourceType: 'module', plugins: ['typescript', 'jsx'] }) as unknown as File\n}\n\n/** Metro's babel transformer signature. */\nexport interface BabelTransformerArgs {\n  filename: string\n  src: string\n  options: { projectRoot?: string; [key: string]: unknown }\n  ast?: File\n  plugins?: readonly unknown[]\n}\n\n/** Return shape Metro expects from a babel transformer. */\nexport interface BabelTransformerResult {\n  ast: File\n  metadata?: unknown\n}\n\n/**\n * rnwind's Metro babel transformer. Two phases per source file:\n *\n *  1. **Pre-process the source string before handing it to the upstream\n *     babel pipeline.** babel-preset-expo / React's JSX transform run\n *     inside the upstream and convert `<View className=\"...\"/>` into\n *     `React.createElement(View, {className})`. If we walked the AST\n *     AFTER the upstream, there'd be no JSX attributes left to\n *     rewrite. So we parse, run our pass, regenerate code, and feed\n *     THAT to the upstream as `src`.\n *  2. **Delegate to the upstream `babelTransformerPath`** (Expo's\n *     default handles Flow stripping, expo-router macros, etc.).\n *\n * Skip both phases when the file isn't a JS/TS source under user\n * code, or doesn't mention `className=` — hand straight to upstream.\n * @param args Metro's per-file args.\n * @returns Mutated AST + metadata.\n */\nexport async function transform(args: BabelTransformerArgs): Promise<BabelTransformerResult> {\n  // Short-circuit `.css` inputs: the theme CSS is pulled into the dep\n  // graph as a sentinel (see `THEME_SIGNATURE_MODULE` in resolver.ts)\n  // so Metro watches it and invalidates importers on edit, but the\n  // file's CSS syntax can't go through a JS babel transformer.\n  //\n  // When the CSS being transformed IS the user's theme entry, we\n  // piggyback on Metro's own file-watcher: Metro calls us here on\n  // every CSS save; we trigger `onThemeChange` to rebuild parser +\n  // rewrite scheme files with the new values. Metro's dep graph then\n  // HMRs the regenerated `common.style.js` to the running app.\n  //\n  // Emitting the CSS content hash in the fake JS output is what makes\n  // Metro propagate invalidation to downstream importers — constant\n  // `export {}` bytes would never look changed and Metro would skip\n  // the chain.\n  if (args.filename.endsWith('.css')) {\n    if (isThemeCssEntry(args.filename)) {\n      try {\n        await onThemeChange(projectRootOf(args))\n      } catch {\n        // CSS edit happened outside a configured project (e.g. tests).\n      }\n    }\n    const themeHash = createHash('sha256').update(args.src).digest('hex').slice(0, 16)\n    const stub = `export const __rnwindThemeHash = ${JSON.stringify(themeHash)};\\n`\n    return { ast: parse(stub, { sourceType: 'module' }) as unknown as File }\n  }\n  if (!isRewriteCandidate(args)) {\n    if (/\\.(?:tsx|ts|jsx|js)$/i.test(args.filename) && !args.filename.includes('/node_modules/')) {\n      try {\n        getRnwindState(projectRootOf(args)).builder.dropFile(args.filename)\n      } catch {\n        // State not configured (e.g. test). Nothing to drop.\n      }\n    }\n    return runUpstream(args)\n  }\n\n  const rewrittenSource = await rewriteSource(args)\n  return runUpstream({ ...args, src: rewrittenSource, ast: undefined })\n}\n\n/**\n * Metro's babel-transformer contract: a `getCacheKey()` export is\n * sampled per-file and mixed into the transform cache key. Returning\n * a string that includes the theme CSS content hash invalidates every\n * cached transform on every CSS edit — so the bundle rebuilds with\n * the new theme automatically on the next request.\n * @returns Cache-key segment that includes rnwind's current theme hash.\n */\nexport function getCacheKey(): string {\n  const upstreamKey = loadUpstreamCacheKey()\n  const ownKey = getRnwindCacheKey()\n  return upstreamKey ? `${upstreamKey}|${ownKey}` : ownKey\n}\n\n/** Test-only — drop the cached upstream so a new env var picks up next call. */\nexport function __resetUpstreamCache(): void {\n  cachedUpstream = null\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"transformer.mjs","sources":["../../../../src/metro/transformer.ts"],"sourcesContent":["import type { File } from '@babel/types'\nimport * as t from '@babel/types'\nimport { parse } from '@babel/parser'\nimport generate from '@babel/generator'\nimport { createHash } from 'node:crypto'\nimport { realpathSync } from 'node:fs'\nimport { transformAst } from './transform-ast'\nimport { getClassNamePrefixes, getHostComponents, getHostSources, getRnwindCacheKey, getRnwindState, onThemeChange } from './state'\nimport { STYLE_SPECIFIERS, THEME_SIGNATURE_MODULE } from './resolver'\nimport { filterUnknownClassCandidates } from './warn-unknown-classes'\n\n/** The shape of the upstream module we delegate parsing/babel work to. */\ninterface UpstreamTransformer {\n  transform: (args: BabelTransformerArgs) => Promise<BabelTransformerResult> | BabelTransformerResult\n}\n\n/** Env var that points at the upstream `babelTransformerPath` we override. */\nconst UPSTREAM_ENV = 'RNWIND_UPSTREAM_TRANSFORMER'\n\n/** Cached upstream module — required once, reused across every transform call. */\nlet cachedUpstream: UpstreamTransformer | null = null\n\nconst generateModule = (generate as unknown as { default?: typeof generate }).default ?? generate\n\n/**\n * Parse user source with the broad plugin set (Flow + JSX + TypeScript\n * + class properties). Permissive on purpose so we don't reject any\n * file the upstream could have handled. Returns `null` when parse\n * fails — caller falls back to the raw source string.\n * @param source Source text.\n * @returns Parsed AST, or null on parse failure.\n */\nfunction parseUserSource(source: string): File | null {\n  try {\n    return parse(source, {\n      sourceType: 'unambiguous',\n      allowReturnOutsideFunction: true,\n      allowImportExportEverywhere: true,\n      plugins: ['typescript', 'jsx'],\n    }) as unknown as File\n  } catch {\n    try {\n      return parse(source, {\n        sourceType: 'unambiguous',\n        allowReturnOutsideFunction: true,\n        allowImportExportEverywhere: true,\n        plugins: ['flow', 'jsx'],\n      }) as unknown as File\n    } catch {\n      return null\n    }\n  }\n}\n\n/**\n * Print Tailwind-shaped candidates oxide picked up but the parser\n * could NOT compile — typo, missing custom utility, or class not in\n * the user's theme. Filtering by candidates that ALSO appear inside a\n * `className=\"…\"` literal eliminates false positives from imports,\n * comments, and JSX prop values.\n * @param source Original source text — searched for className literals.\n * @param candidates Every candidate oxide surfaced from the source.\n * @param atoms Successfully resolved atoms (keys are class names).\n * @param filename Source path, prefixed onto the warning.\n */\nfunction warnUnknownClasses(\n  source: string,\n  candidates: readonly string[],\n  atoms: ReadonlyMap<string, unknown>,\n  filename: string,\n): void {\n  const atomNames = new Set(atoms.keys())\n  const unknown = filterUnknownClassCandidates(source, candidates, atomNames)\n  if (unknown.length === 0) return\n  // eslint-disable-next-line no-console\n  console.warn(`rnwind: unknown class${unknown.length > 1 ? 'es' : ''} in ${filename}: ${unknown.join(', ')}`)\n}\n\n/**\n * Extract the bare extension for oxide / internal switches.\n * @param filename Absolute path.\n * @returns Extension without the leading dot (`tsx` / `ts` / `js` / `jsx`).\n */\nfunction extensionOf(filename: string): string {\n  const index = filename.lastIndexOf('.')\n  if (index === -1) return 'tsx'\n  return filename.slice(index + 1)\n}\n\n/**\n * Read the project root Metro hands us per-transform. Falls back to\n * `process.cwd()` only when the upstream harness doesn't set it (unit\n * tests, standalone). Metro's production pipeline always sets it.\n * @param args Metro transformer args.\n * @returns Absolute project root.\n */\nfunction projectRootOf(args: BabelTransformerArgs): string {\n  const fromOptions = args.options?.projectRoot\n  if (typeof fromOptions === 'string' && fromOptions.length > 0) return fromOptions\n  return process.cwd()\n}\n\n/**\n * Whether a `.css` filename is the user's theme entry (the file\n * `withRnwindConfig` pointed us at via `RNWIND_CSS_ENTRY_FILE`).\n * Only the theme CSS should trigger a scheme rebuild — unrelated CSS\n * files in the project stay invisible to rnwind.\n * @param filename Absolute CSS path.\n * @returns Whether the file is the configured theme entry.\n */\nfunction isThemeCssEntry(filename: string): boolean {\n  const cssEntry = process.env.RNWIND_CSS_ENTRY_FILE\n  return typeof cssEntry === 'string' && cssEntry.length > 0 && cssEntry === filename\n}\n\n/**\n * Parse + run rnwind's JSX rewrite + regenerate source code. When\n * parsing or transformation fails, fall back to the original source —\n * we don't want a transient parse error to crash Metro for a file the\n * upstream might handle fine.\n * @param args Metro args; `src` is the original source text.\n * @returns Rewritten source text (with `className=` rewrites applied).\n */\nasync function rewriteSource(args: BabelTransformerArgs): Promise<string> {\n  const ast = parseUserSource(args.src)\n  if (!ast) return args.src\n\n  const state = getRnwindState(projectRootOf(args))\n  const extension = extensionOf(args.filename)\n  const parsed = await state.parser.parseAtoms({ content: args.src, extension })\n\n  warnUnknownClasses(args.src, parsed.candidates, parsed.atoms, args.filename)\n\n  const classNamePrefixes = getClassNamePrefixes()\n  const hostSources = getHostSources()\n  const hostComponents = getHostComponents()\n  if (parsed.atoms.size === 0) {\n    state.builder.dropFile(args.filename)\n    await state.builder.writeSchemes()\n    transformAst(ast, {\n      styleSpecifiers: [],\n      gradientAtoms: parsed.gradientAtoms,\n      hapticAtoms: parsed.hapticAtoms,\n      classNamePrefixes,\n      hostSources,\n      hostComponents,\n    })\n    injectThemeSignatureImport(ast)\n    return generateModule(ast).code\n  }\n\n  const { changed } = await state.builder.recordFile(args.filename, parsed.atoms, parsed.keyframes)\n  if (changed) await state.builder.writeSchemes()\n\n  transformAst(ast, {\n    styleSpecifiers: STYLE_SPECIFIERS as unknown as readonly string[],\n    gradientAtoms: parsed.gradientAtoms,\n    hapticAtoms: parsed.hapticAtoms,\n    classNamePrefixes,\n    hostSources,\n    hostComponents,\n  })\n  injectThemeSignatureImport(ast)\n  return generateModule(ast).code\n}\n\n/**\n * Prepend `import 'rnwind/__generated/theme-signature'` to every\n * rnwind-transformed file. The resolver maps that specifier to the\n * user's theme CSS so Metro's dependency graph carries a real edge\n * from this JS file to the CSS. When the user edits `global.css`,\n * the CSS module's SHA1 changes, and Metro invalidates every JS file\n * holding this import — forcing them to re-transform with the new\n * theme. The `.css` branch in {@link transform} returns an empty\n * `export {}` module so the runtime cost is one extra `require()`.\n * @param ast Babel File AST to mutate in place.\n */\nfunction injectThemeSignatureImport(ast: File): void {\n  const declaration = t.importDeclaration([], t.stringLiteral(THEME_SIGNATURE_MODULE))\n  ast.program.body.unshift(declaration)\n}\n\n/**\n * Read the upstream transformer's `getCacheKey()` so our cache-key\n * contribution composes with — rather than replaces — whatever the\n * host framework wants to mix in.\n * @returns Upstream cache key, or `null` when no upstream exposes one.\n */\nfunction loadUpstreamCacheKey(): string | null {\n  const upstream = loadUpstream() as (UpstreamTransformer & { getCacheKey?: () => string }) | null\n  if (!upstream) return null\n  try {\n    return typeof upstream.getCacheKey === 'function' ? upstream.getCacheKey() : null\n  } catch {\n    return null\n  }\n}\n\n/**\n * Invoke the upstream `babelTransformerPath` Metro originally had\n * configured. The path is read from `RNWIND_UPSTREAM_TRANSFORMER`,\n * which `withRnwindConfig` sets at Metro startup. When the env var is\n * unset (unit tests, standalone use), fall back to a typescript+jsx\n * parse.\n * @param args Metro's per-file args.\n * @returns Upstream transform result containing the post-babel AST.\n */\nasync function runUpstream(args: BabelTransformerArgs): Promise<BabelTransformerResult> {\n  if (args.ast && !process.env[UPSTREAM_ENV]) return { ast: args.ast }\n  const upstream = loadUpstream()\n  if (upstream) return await Promise.resolve(upstream.transform(args))\n  if (args.ast) return { ast: args.ast }\n  return { ast: parseSource(args.src) }\n}\n\n/**\n * Lazily require the upstream transformer module. Cached after first\n * load so per-file overhead is one cache lookup.\n * @returns Upstream module, or null when env is unset.\n */\nfunction loadUpstream(): UpstreamTransformer | null {\n  if (cachedUpstream) return cachedUpstream\n  const upstreamPath = process.env[UPSTREAM_ENV]\n  if (!upstreamPath || upstreamPath.length === 0) return null\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires\n    const required = require(upstreamPath) as UpstreamTransformer | { default?: UpstreamTransformer }\n    const upstream = (required as { default?: UpstreamTransformer }).default ?? (required as UpstreamTransformer)\n    if (typeof upstream.transform !== 'function') return null\n    cachedUpstream = upstream\n    return upstream\n  } catch (error) {\n    // eslint-disable-next-line no-console\n    if (process.env.RNWIND_DEBUG) console.error('rnwind: failed to load upstream transformer:', error)\n    return null\n  }\n}\n\n/**\n * Cheap guard — the file has to look JS/TS, live outside `node_modules`,\n * and mention `className=` before we spend AST cycles on it.\n *\n * Symlink awareness: monorepo workspaces (yarn / pnpm / bun workspaces)\n * symlink each package into the consumer's `node_modules/<name>`, so a\n * file from `packages/ui/src/Foo.tsx` ends up reaching the transformer\n * as `<root>/node_modules/ui/src/Foo.tsx`. The naïve `/node_modules/`\n * check would skip every workspace UI file. We `realpath` the filename\n * once and only bail when the resolved real path is ALSO under\n * node_modules — true third-party installs.\n * @param args Metro args.\n * @returns Whether the file might need the rnwind pass.\n */\nfunction isRewriteCandidate(args: BabelTransformerArgs): boolean {\n  if (!/\\.(?:tsx|ts|jsx|js)$/i.test(args.filename)) return false\n  // Case-insensitive so `<prefix>ClassName=` (e.g. `contentContainerClassName=`)\n  // — which has a capital `C` and so doesn't contain the lowercase\n  // `className=` — still routes the file through the rewrite pass.\n  if (!/classname=/i.test(args.src)) return false\n  if (!args.filename.includes('/node_modules/')) return true\n  // node_modules in path → could be a workspace symlink; resolve it.\n  try {\n    return !realpathSync(args.filename).includes('/node_modules/')\n  } catch {\n    // realpath failed (broken symlink, missing file). Fall back to skipping.\n    return false\n  }\n}\n\n/**\n * Fallback parse when no upstream is configured AND Metro didn't hand\n * us an AST. Used by unit tests and standalone setups.\n * @param source Source text.\n * @returns Parsed Babel File.\n */\nfunction parseSource(source: string): File {\n  return parse(source, { sourceType: 'module', plugins: ['typescript', 'jsx'] }) as unknown as File\n}\n\n/** Metro's babel transformer signature. */\nexport interface BabelTransformerArgs {\n  filename: string\n  src: string\n  options: { projectRoot?: string; [key: string]: unknown }\n  ast?: File\n  plugins?: readonly unknown[]\n}\n\n/** Return shape Metro expects from a babel transformer. */\nexport interface BabelTransformerResult {\n  ast: File\n  metadata?: unknown\n}\n\n/**\n * rnwind's Metro babel transformer. Two phases per source file:\n *\n *  1. **Pre-process the source string before handing it to the upstream\n *     babel pipeline.** babel-preset-expo / React's JSX transform run\n *     inside the upstream and convert `<View className=\"...\"/>` into\n *     `React.createElement(View, {className})`. If we walked the AST\n *     AFTER the upstream, there'd be no JSX attributes left to\n *     rewrite. So we parse, run our pass, regenerate code, and feed\n *     THAT to the upstream as `src`.\n *  2. **Delegate to the upstream `babelTransformerPath`** (Expo's\n *     default handles Flow stripping, expo-router macros, etc.).\n *\n * Skip both phases when the file isn't a JS/TS source under user\n * code, or doesn't mention `className=` — hand straight to upstream.\n * @param args Metro's per-file args.\n * @returns Mutated AST + metadata.\n */\nexport async function transform(args: BabelTransformerArgs): Promise<BabelTransformerResult> {\n  // Short-circuit `.css` inputs: the theme CSS is pulled into the dep\n  // graph as a sentinel (see `THEME_SIGNATURE_MODULE` in resolver.ts)\n  // so Metro watches it and invalidates importers on edit, but the\n  // file's CSS syntax can't go through a JS babel transformer.\n  //\n  // When the CSS being transformed IS the user's theme entry, we\n  // piggyback on Metro's own file-watcher: Metro calls us here on\n  // every CSS save; we trigger `onThemeChange` to rebuild parser +\n  // rewrite scheme files with the new values. Metro's dep graph then\n  // HMRs the regenerated `common.style.js` to the running app.\n  //\n  // Emitting the CSS content hash in the fake JS output is what makes\n  // Metro propagate invalidation to downstream importers — constant\n  // `export {}` bytes would never look changed and Metro would skip\n  // the chain.\n  if (args.filename.endsWith('.css')) {\n    if (isThemeCssEntry(args.filename)) {\n      try {\n        await onThemeChange(projectRootOf(args))\n      } catch {\n        // CSS edit happened outside a configured project (e.g. tests).\n      }\n    }\n    const themeHash = createHash('sha256').update(args.src).digest('hex').slice(0, 16)\n    const stub = `export const __rnwindThemeHash = ${JSON.stringify(themeHash)};\\n`\n    return { ast: parse(stub, { sourceType: 'module' }) as unknown as File }\n  }\n  if (!isRewriteCandidate(args)) {\n    if (/\\.(?:tsx|ts|jsx|js)$/i.test(args.filename) && !args.filename.includes('/node_modules/')) {\n      try {\n        getRnwindState(projectRootOf(args)).builder.dropFile(args.filename)\n      } catch {\n        // State not configured (e.g. test). Nothing to drop.\n      }\n    }\n    return runUpstream(args)\n  }\n\n  const rewrittenSource = await rewriteSource(args)\n  return runUpstream({ ...args, src: rewrittenSource, ast: undefined })\n}\n\n/**\n * Metro's babel-transformer contract: a `getCacheKey()` export is\n * sampled per-file and mixed into the transform cache key. Returning\n * a string that includes the theme CSS content hash invalidates every\n * cached transform on every CSS edit — so the bundle rebuilds with\n * the new theme automatically on the next request.\n * @returns Cache-key segment that includes rnwind's current theme hash.\n */\nexport function getCacheKey(): string {\n  const upstreamKey = loadUpstreamCacheKey()\n  const ownKey = getRnwindCacheKey()\n  return upstreamKey ? `${upstreamKey}|${ownKey}` : ownKey\n}\n\n/** Test-only — drop the cached upstream so a new env var picks up next call. */\nexport function __resetUpstreamCache(): void {\n  cachedUpstream = null\n}\n"],"names":[],"mappings":"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"}

package/lib/esm/metro/with-config.d.ts

@@ -17,6 +17,28 @@ export interface RnwindMetroOptions {
      * entries merge on top.
      */
     classNamePrefixes?: readonly string[];
+    /**
+     * Extra module specifiers whose JSX exports rnwind should treat as
+     * "host components" — i.e. tags whose `className="…"` attribute is
+     * rewritten to `style={lookupCss(…)}` at build time (zero runtime
+     * cost). Merged with the built-in defaults: `react-native`,
+     * `react-native-reanimated`, `react-native-svg`,
+     * `react-native-gesture-handler`, `expo-linear-gradient`, `expo-image`.
+     *
+     * Anything NOT marked as a host has its `className` left untouched —
+     * the importing component receives the raw string and decides what
+     * to do with it. Use this option to opt your design-system / UI
+     * primitive packages into the zero-runtime path.
+     */
+    hostSources?: readonly string[];
+    /**
+     * Extra JSX tag names (verbatim — may include `.` for member access
+     * like `'Animated.View'`) rnwind should treat as host components,
+     * regardless of where they're imported from. Useful for one-off
+     * escape-hatches: `import { View as MyBox } from 'react-native'`
+     * doesn't change the local name → `'MyBox'` here picks it up.
+     */
+    hostComponents?: readonly string[];
 }
 /** Shape we mutate on Metro's config. Loose so we don't pin Metro's internal types. */
 export interface MetroConfigLike {

package/lib/esm/metro/with-config.mjs

@@ -147,7 +147,7 @@ function withRnwindConfig(metroConfig, options) {
     const cssEntry = path.isAbsolute(options.cssEntryFile) ? options.cssEntryFile : path.resolve(projectRoot, options.cssEntryFile);
     mkdirSync(cacheDir, { recursive: true });
     const watchFolders = (metroConfig.watchFolders ?? []).filter((p) => typeof p === 'string' && p.length > 0);
-    configureRnwindState(cssEntry, cacheDir, watchFolders, options.classNamePrefixes);
+    configureRnwindState(cssEntry, cacheDir, watchFolders, options.classNamePrefixes, options.hostSources, options.hostComponents);
     // Warm the state eagerly (in the Metro master process) so oxide's
     // Scanner walks every project source (and every monorepo
     // watch-folder) ONCE and the manifest + scheme files hold the

package/lib/esm/metro/with-config.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"with-config.mjs","sources":["../../../../src/metro/with-config.ts"],"sourcesContent":["import { existsSync, mkdirSync, utimesSync, watch as watchFile } from 'node:fs'\nimport path from 'node:path'\nimport { writeDtsFile } from './dts'\nimport { createRnwindResolver, type ResolveRequestFn } from './resolver'\nimport { configureRnwindState, getRnwindState, onThemeChange } from './state'\n\n/** Default cache directory at the project root. Visible for debugging. */\nconst DEFAULT_CACHE_DIR = '.rnwind'\n\n/**\n * Active CSS watcher — replaced (and the prior one closed) when\n * `withRnwindConfig` is called again (Metro restart, repeated init).\n * Only one watcher per process; no stacking.\n */\nlet activeCssWatcher: { cssPath: string; close: () => void } | null = null\n\n/**\n * Watch the theme CSS for edits. On change, rewrite the per-scheme\n * files with the fresh theme AND bump `mtime` on every source file\n * rnwind has transformed so far — Metro's own watcher sees those\n * mtime changes, invalidates the modules, and re-transforms them\n * against the new CSS on the next request. `getCacheKey()` alone is\n * NOT enough: Metro samples the cache key once per worker lifetime,\n * so edits during an already-running dev server don't propagate\n * without this explicit nudge.\n * @param cssPath Absolute path to the theme CSS to watch.\n * @param projectRoot Metro's project root (for `getRnwindState`).\n */\nfunction watchThemeCss(cssPath: string, projectRoot: string): void {\n  if (activeCssWatcher?.cssPath === cssPath) return\n  activeCssWatcher?.close()\n  if (!existsSync(cssPath)) return\n  let pending = false\n  const watcher = watchFile(cssPath, { persistent: false }, () => {\n    // Debounce: editors often emit 2-3 change events per save (atomic\n    // rename dance, tmp files). Coalesce to ONE rebuild per microtask.\n    if (pending) return\n    pending = true\n    queueMicrotask(async () => {\n      pending = false\n      try {\n        await onThemeChange(projectRoot)\n        touchRecordedFiles(projectRoot)\n      } catch {\n        // Invalidation is best-effort — never crash the dev server.\n      }\n    })\n  })\n  activeCssWatcher = { cssPath, close: () => watcher.close() }\n}\n\n/**\n * Bump the mtime on every file the builder has transformed. Metro's\n * file watcher keys on `mtime`, so this is what makes it invalidate\n * those modules and re-transform them.\n * @param projectRoot Metro's project root.\n */\nfunction touchRecordedFiles(projectRoot: string): void {\n  const state = getRnwindState(projectRoot)\n  const files = state.builder.recordedFiles()\n  const now = new Date()\n  for (const file of files) {\n    try {\n      if (existsSync(file)) utimesSync(file, now, now)\n    } catch {\n      // One file's stat failure shouldn't stop the others.\n    }\n  }\n}\n\n/**\n * Where the rnwind babel transformer lives — resolved relative to this\n * module so the path works from both the `src/` tree (tests) and the\n * built `lib/` output. Tries a few extensions because `require.resolve`\n * doesn't auto-find `.cjs` / `.mjs` from a bare specifier.\n * @returns Absolute path to the rnwind transformer module.\n */\nfunction transformerPath(): string {\n  for (const candidate of ['./transformer.cjs', './transformer.mjs', './transformer.js', './transformer.ts', './transformer']) {\n    try {\n      return require.resolve(candidate)\n    } catch {\n      // try the next extension\n    }\n  }\n  throw new Error('rnwind: could not resolve the metro transformer path')\n}\n\n/**\n * Resolve the effective cache directory, honoring a user override and\n * falling back to `<projectRoot>/.rnwind`.\n * @param projectRoot Anchor for relative paths.\n * @param override User-supplied option.\n * @returns Absolute cache directory.\n */\nfunction resolveCacheDir(projectRoot: string, override: string | undefined): string {\n  if (!override || override.length === 0) return path.resolve(projectRoot, DEFAULT_CACHE_DIR)\n  return path.isAbsolute(override) ? override : path.resolve(projectRoot, override)\n}\n\n/**\n * Read the theme CSS and extract `@variant <name>` blocks for the .d.ts\n * generator. Forces construction of `getRnwindState`, then reads\n * `parser.declaredSchemes` (populated synchronously at construction).\n * @param cssEntry Absolute path to theme CSS.\n * @param projectRoot\n * @returns Scheme names (empty when the theme has no variants; `'base'` is filtered).\n */\nfunction discoverSchemes(cssEntry: string, projectRoot: string): readonly string[] {\n  if (!existsSync(cssEntry)) return []\n  try {\n    const { parser } = getRnwindState(projectRoot)\n    return parser.declaredSchemes.filter((name) => name !== 'base')\n  } catch {\n    return []\n  }\n}\n\n/** User-facing options for `withRnwindConfig`. */\nexport interface RnwindMetroOptions {\n  /** Path to the theme CSS (absolute or relative to `projectRoot`). Required. */\n  cssEntryFile: string\n  /** Where rnwind writes the `.d.ts` file. Set `false` to disable. Defaults to `<projectRoot>/rnwind-types.d.ts`. */\n  dtsFile?: string | false\n  /** Optional project-root override — defaults to `metroConfig.projectRoot` then `process.cwd()`. */\n  projectRoot?: string\n  /** Cache directory. Absolute, or relative to `projectRoot`. Default: `.rnwind` at project root. */\n  cacheDir?: string\n  /**\n   * Extra JSX prop-name prefixes that rnwind should rewrite. Each\n   * prefix `P` turns `<Tag PClassName=\"…\">` into `<Tag\n   * PStyle={lookupCss(…)}>`. The built-in `'contentContainer'` prefix\n   * is always on (covers ScrollView / FlatList / SectionList); user\n   * entries merge on top.\n   */\n  classNamePrefixes?: readonly string[]\n}\n\n/** Shape we mutate on Metro's config. Loose so we don't pin Metro's internal types. */\nexport interface MetroConfigLike {\n  projectRoot?: string\n  watchFolders?: string[]\n  transformer?: {\n    babelTransformerPath?: string\n    [key: string]: unknown\n  }\n  resolver?: {\n    resolveRequest?: ResolveRequestFn | null\n    [key: string]: unknown\n  }\n  [key: string]: unknown\n}\n\n/**\n * Wrap a Metro config with rnwind's pipeline:\n *  - Install the rnwind babel transformer.\n *  - Chain a `resolveRequest` hook that serves\n *    `rnwind/__generated/schemes` from `<cacheDir>/schemes.js`.\n *  - Write the `.d.ts` so TypeScript accepts `className=` on RN components.\n *  - Publish the theme CSS path + cache dir via env so Metro workers\n *    can rebuild their local state.\n *  - Ensure the cache dir is a watched folder Metro's haste-map indexes.\n *\n * Theme-edit hot reload happens implicitly: every transformed file\n * imports `rnwind/__generated/schemes`, and that module eager-imports\n * `common.style.js`. When the theme changes, the per-scheme files\n * regenerate with new bytes; Metro's content SHA1 dedup detects the\n * change and invalidates every importer automatically.\n * `getCacheKey()` on the transformer covers the per-file transform\n * cache. No file watcher / source-padding hack needed — the dep graph\n * carries the signal.\n * @param metroConfig Config from `getDefaultConfig(__dirname)` or equivalent.\n * @param options rnwind options.\n * @returns The same config, mutated.\n */\nexport function withRnwindConfig<C extends MetroConfigLike>(metroConfig: C, options: RnwindMetroOptions): C {\n  const projectRoot = options.projectRoot ?? metroConfig.projectRoot ?? process.cwd()\n  const cacheDir = resolveCacheDir(projectRoot, options.cacheDir)\n  const cssEntry = path.isAbsolute(options.cssEntryFile) ? options.cssEntryFile : path.resolve(projectRoot, options.cssEntryFile)\n\n  mkdirSync(cacheDir, { recursive: true })\n  const watchFolders = (metroConfig.watchFolders ?? []).filter((p) => typeof p === 'string' && p.length > 0)\n  configureRnwindState(cssEntry, cacheDir, watchFolders, options.classNamePrefixes)\n\n  // Warm the state eagerly (in the Metro master process) so oxide's\n  // Scanner walks every project source (and every monorepo\n  // watch-folder) ONCE and the manifest + scheme files hold the\n  // complete union before Metro's resolver tries to SHA1 them on the\n  // first transform. Each worker lazy-repeats this scan on its first\n  // transform to converge on identical state.\n  try {\n    void getRnwindState(projectRoot).builder.ensureFilesExist()\n  } catch {\n    // Any init error surfaces again at the first transform; don't crash Metro boot.\n  }\n\n  // Install transformer + resolver. Capture the existing\n  // babelTransformerPath BEFORE we override it — our worker chains to\n  // it (env-passed) so Flow / expo-router / babel-preset-expo etc. all\n  // continue to run.\n  const existingTransformerPath = metroConfig.transformer?.babelTransformerPath\n  if (typeof existingTransformerPath === 'string' && existingTransformerPath.length > 0) {\n    process.env.RNWIND_UPSTREAM_TRANSFORMER = existingTransformerPath\n  }\n  const upstream = metroConfig.resolver?.resolveRequest ?? null\n  metroConfig.transformer = { ...metroConfig.transformer, babelTransformerPath: transformerPath() }\n  metroConfig.resolver = { ...metroConfig.resolver, resolveRequest: createRnwindResolver(upstream) }\n\n  // Metro's haste-map indexes `watchFolders` at startup. Adding the\n  // cache dir guarantees scheme style files + manifest get SHA1'd\n  // without a \"Failed to get the SHA-1\" race when the first transform\n  // writes them.\n  const existingWatch = metroConfig.watchFolders ?? []\n  metroConfig.watchFolders = existingWatch.includes(cacheDir) ? existingWatch : [...existingWatch, cacheDir]\n\n  if (options.dtsFile !== false) {\n    const dtsPath = options.dtsFile ?? path.resolve(projectRoot, 'rnwind-types.d.ts')\n    const schemes = discoverSchemes(cssEntry, projectRoot)\n    writeDtsFile(dtsPath, schemes, options.classNamePrefixes)\n  }\n\n  // Watch the theme CSS. On edit, we rewrite scheme files AND touch\n  // mtime on every transformed source file so Metro invalidates them\n  // and re-transforms — the only reliable way to propagate theme\n  // changes to an already-running dev server.\n  watchThemeCss(cssEntry, projectRoot)\n\n  return metroConfig\n}\n"],"names":["watchFile"],"mappings":"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"}
+{"version":3,"file":"with-config.mjs","sources":["../../../../src/metro/with-config.ts"],"sourcesContent":["import { existsSync, mkdirSync, utimesSync, watch as watchFile } from 'node:fs'\nimport path from 'node:path'\nimport { writeDtsFile } from './dts'\nimport { createRnwindResolver, type ResolveRequestFn } from './resolver'\nimport { configureRnwindState, getRnwindState, onThemeChange } from './state'\n\n/** Default cache directory at the project root. Visible for debugging. */\nconst DEFAULT_CACHE_DIR = '.rnwind'\n\n/**\n * Active CSS watcher — replaced (and the prior one closed) when\n * `withRnwindConfig` is called again (Metro restart, repeated init).\n * Only one watcher per process; no stacking.\n */\nlet activeCssWatcher: { cssPath: string; close: () => void } | null = null\n\n/**\n * Watch the theme CSS for edits. On change, rewrite the per-scheme\n * files with the fresh theme AND bump `mtime` on every source file\n * rnwind has transformed so far — Metro's own watcher sees those\n * mtime changes, invalidates the modules, and re-transforms them\n * against the new CSS on the next request. `getCacheKey()` alone is\n * NOT enough: Metro samples the cache key once per worker lifetime,\n * so edits during an already-running dev server don't propagate\n * without this explicit nudge.\n * @param cssPath Absolute path to the theme CSS to watch.\n * @param projectRoot Metro's project root (for `getRnwindState`).\n */\nfunction watchThemeCss(cssPath: string, projectRoot: string): void {\n  if (activeCssWatcher?.cssPath === cssPath) return\n  activeCssWatcher?.close()\n  if (!existsSync(cssPath)) return\n  let pending = false\n  const watcher = watchFile(cssPath, { persistent: false }, () => {\n    // Debounce: editors often emit 2-3 change events per save (atomic\n    // rename dance, tmp files). Coalesce to ONE rebuild per microtask.\n    if (pending) return\n    pending = true\n    queueMicrotask(async () => {\n      pending = false\n      try {\n        await onThemeChange(projectRoot)\n        touchRecordedFiles(projectRoot)\n      } catch {\n        // Invalidation is best-effort — never crash the dev server.\n      }\n    })\n  })\n  activeCssWatcher = { cssPath, close: () => watcher.close() }\n}\n\n/**\n * Bump the mtime on every file the builder has transformed. Metro's\n * file watcher keys on `mtime`, so this is what makes it invalidate\n * those modules and re-transform them.\n * @param projectRoot Metro's project root.\n */\nfunction touchRecordedFiles(projectRoot: string): void {\n  const state = getRnwindState(projectRoot)\n  const files = state.builder.recordedFiles()\n  const now = new Date()\n  for (const file of files) {\n    try {\n      if (existsSync(file)) utimesSync(file, now, now)\n    } catch {\n      // One file's stat failure shouldn't stop the others.\n    }\n  }\n}\n\n/**\n * Where the rnwind babel transformer lives — resolved relative to this\n * module so the path works from both the `src/` tree (tests) and the\n * built `lib/` output. Tries a few extensions because `require.resolve`\n * doesn't auto-find `.cjs` / `.mjs` from a bare specifier.\n * @returns Absolute path to the rnwind transformer module.\n */\nfunction transformerPath(): string {\n  for (const candidate of ['./transformer.cjs', './transformer.mjs', './transformer.js', './transformer.ts', './transformer']) {\n    try {\n      return require.resolve(candidate)\n    } catch {\n      // try the next extension\n    }\n  }\n  throw new Error('rnwind: could not resolve the metro transformer path')\n}\n\n/**\n * Resolve the effective cache directory, honoring a user override and\n * falling back to `<projectRoot>/.rnwind`.\n * @param projectRoot Anchor for relative paths.\n * @param override User-supplied option.\n * @returns Absolute cache directory.\n */\nfunction resolveCacheDir(projectRoot: string, override: string | undefined): string {\n  if (!override || override.length === 0) return path.resolve(projectRoot, DEFAULT_CACHE_DIR)\n  return path.isAbsolute(override) ? override : path.resolve(projectRoot, override)\n}\n\n/**\n * Read the theme CSS and extract `@variant <name>` blocks for the .d.ts\n * generator. Forces construction of `getRnwindState`, then reads\n * `parser.declaredSchemes` (populated synchronously at construction).\n * @param cssEntry Absolute path to theme CSS.\n * @param projectRoot\n * @returns Scheme names (empty when the theme has no variants; `'base'` is filtered).\n */\nfunction discoverSchemes(cssEntry: string, projectRoot: string): readonly string[] {\n  if (!existsSync(cssEntry)) return []\n  try {\n    const { parser } = getRnwindState(projectRoot)\n    return parser.declaredSchemes.filter((name) => name !== 'base')\n  } catch {\n    return []\n  }\n}\n\n/** User-facing options for `withRnwindConfig`. */\nexport interface RnwindMetroOptions {\n  /** Path to the theme CSS (absolute or relative to `projectRoot`). Required. */\n  cssEntryFile: string\n  /** Where rnwind writes the `.d.ts` file. Set `false` to disable. Defaults to `<projectRoot>/rnwind-types.d.ts`. */\n  dtsFile?: string | false\n  /** Optional project-root override — defaults to `metroConfig.projectRoot` then `process.cwd()`. */\n  projectRoot?: string\n  /** Cache directory. Absolute, or relative to `projectRoot`. Default: `.rnwind` at project root. */\n  cacheDir?: string\n  /**\n   * Extra JSX prop-name prefixes that rnwind should rewrite. Each\n   * prefix `P` turns `<Tag PClassName=\"…\">` into `<Tag\n   * PStyle={lookupCss(…)}>`. The built-in `'contentContainer'` prefix\n   * is always on (covers ScrollView / FlatList / SectionList); user\n   * entries merge on top.\n   */\n  classNamePrefixes?: readonly string[]\n  /**\n   * Extra module specifiers whose JSX exports rnwind should treat as\n   * \"host components\" — i.e. tags whose `className=\"…\"` attribute is\n   * rewritten to `style={lookupCss(…)}` at build time (zero runtime\n   * cost). Merged with the built-in defaults: `react-native`,\n   * `react-native-reanimated`, `react-native-svg`,\n   * `react-native-gesture-handler`, `expo-linear-gradient`, `expo-image`.\n   *\n   * Anything NOT marked as a host has its `className` left untouched —\n   * the importing component receives the raw string and decides what\n   * to do with it. Use this option to opt your design-system / UI\n   * primitive packages into the zero-runtime path.\n   */\n  hostSources?: readonly string[]\n  /**\n   * Extra JSX tag names (verbatim — may include `.` for member access\n   * like `'Animated.View'`) rnwind should treat as host components,\n   * regardless of where they're imported from. Useful for one-off\n   * escape-hatches: `import { View as MyBox } from 'react-native'`\n   * doesn't change the local name → `'MyBox'` here picks it up.\n   */\n  hostComponents?: readonly string[]\n}\n\n/** Shape we mutate on Metro's config. Loose so we don't pin Metro's internal types. */\nexport interface MetroConfigLike {\n  projectRoot?: string\n  watchFolders?: string[]\n  transformer?: {\n    babelTransformerPath?: string\n    [key: string]: unknown\n  }\n  resolver?: {\n    resolveRequest?: ResolveRequestFn | null\n    [key: string]: unknown\n  }\n  [key: string]: unknown\n}\n\n/**\n * Wrap a Metro config with rnwind's pipeline:\n *  - Install the rnwind babel transformer.\n *  - Chain a `resolveRequest` hook that serves\n *    `rnwind/__generated/schemes` from `<cacheDir>/schemes.js`.\n *  - Write the `.d.ts` so TypeScript accepts `className=` on RN components.\n *  - Publish the theme CSS path + cache dir via env so Metro workers\n *    can rebuild their local state.\n *  - Ensure the cache dir is a watched folder Metro's haste-map indexes.\n *\n * Theme-edit hot reload happens implicitly: every transformed file\n * imports `rnwind/__generated/schemes`, and that module eager-imports\n * `common.style.js`. When the theme changes, the per-scheme files\n * regenerate with new bytes; Metro's content SHA1 dedup detects the\n * change and invalidates every importer automatically.\n * `getCacheKey()` on the transformer covers the per-file transform\n * cache. No file watcher / source-padding hack needed — the dep graph\n * carries the signal.\n * @param metroConfig Config from `getDefaultConfig(__dirname)` or equivalent.\n * @param options rnwind options.\n * @returns The same config, mutated.\n */\nexport function withRnwindConfig<C extends MetroConfigLike>(metroConfig: C, options: RnwindMetroOptions): C {\n  const projectRoot = options.projectRoot ?? metroConfig.projectRoot ?? process.cwd()\n  const cacheDir = resolveCacheDir(projectRoot, options.cacheDir)\n  const cssEntry = path.isAbsolute(options.cssEntryFile) ? options.cssEntryFile : path.resolve(projectRoot, options.cssEntryFile)\n\n  mkdirSync(cacheDir, { recursive: true })\n  const watchFolders = (metroConfig.watchFolders ?? []).filter((p) => typeof p === 'string' && p.length > 0)\n  configureRnwindState(cssEntry, cacheDir, watchFolders, options.classNamePrefixes, options.hostSources, options.hostComponents)\n\n  // Warm the state eagerly (in the Metro master process) so oxide's\n  // Scanner walks every project source (and every monorepo\n  // watch-folder) ONCE and the manifest + scheme files hold the\n  // complete union before Metro's resolver tries to SHA1 them on the\n  // first transform. Each worker lazy-repeats this scan on its first\n  // transform to converge on identical state.\n  try {\n    void getRnwindState(projectRoot).builder.ensureFilesExist()\n  } catch {\n    // Any init error surfaces again at the first transform; don't crash Metro boot.\n  }\n\n  // Install transformer + resolver. Capture the existing\n  // babelTransformerPath BEFORE we override it — our worker chains to\n  // it (env-passed) so Flow / expo-router / babel-preset-expo etc. all\n  // continue to run.\n  const existingTransformerPath = metroConfig.transformer?.babelTransformerPath\n  if (typeof existingTransformerPath === 'string' && existingTransformerPath.length > 0) {\n    process.env.RNWIND_UPSTREAM_TRANSFORMER = existingTransformerPath\n  }\n  const upstream = metroConfig.resolver?.resolveRequest ?? null\n  metroConfig.transformer = { ...metroConfig.transformer, babelTransformerPath: transformerPath() }\n  metroConfig.resolver = { ...metroConfig.resolver, resolveRequest: createRnwindResolver(upstream) }\n\n  // Metro's haste-map indexes `watchFolders` at startup. Adding the\n  // cache dir guarantees scheme style files + manifest get SHA1'd\n  // without a \"Failed to get the SHA-1\" race when the first transform\n  // writes them.\n  const existingWatch = metroConfig.watchFolders ?? []\n  metroConfig.watchFolders = existingWatch.includes(cacheDir) ? existingWatch : [...existingWatch, cacheDir]\n\n  if (options.dtsFile !== false) {\n    const dtsPath = options.dtsFile ?? path.resolve(projectRoot, 'rnwind-types.d.ts')\n    const schemes = discoverSchemes(cssEntry, projectRoot)\n    writeDtsFile(dtsPath, schemes, options.classNamePrefixes)\n  }\n\n  // Watch the theme CSS. On edit, we rewrite scheme files AND touch\n  // mtime on every transformed source file so Metro invalidates them\n  // and re-transforms — the only reliable way to propagate theme\n  // changes to an already-running dev server.\n  watchThemeCss(cssEntry, projectRoot)\n\n  return metroConfig\n}\n"],"names":["watchFile"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rnwind",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Tailwind for React Native",
   "author": "https://github.com/sagltd",
   "license": "MIT",
@@ -96,6 +96,7 @@
     "@types/culori": "^4.0.1",
     "@types/node": "^25.6.0",
     "metro-babel-transformer": "^0.84.3",
+    "tailwind-variants": "^3.2.2",
     "tinybench": "^6.0.0"
   },
   "dependencies": {

package/src/core/parser/color.ts

@@ -73,6 +73,23 @@ function culoriHexFor(color: LABColor): string | null {
   }
 }
 
+/**
+ * Composite a culori-produced sRGB hex with the source alpha into the RN
+ * color string. Shared tail for every culori-backed conversion (lab
+ * family, XYZ, wide-gamut RGB): opaque → the hex as-is; translucent →
+ * `rgba(...)` rebuilt from the hex channels.
+ * @param hex sRGB hex from culori, or `null` when culori rejected the color.
+ * @param alpha Source alpha (0–1).
+ * @returns RN color string.
+ */
+function withAlpha(hex: string | null, alpha: number): string {
+  if (!hex) return alpha < 1 ? 'rgba(0, 0, 0, 0)' : 'transparent'
+  if (alpha >= 1) return hex
+  const back = culoriRgb(hex)
+  if (!back) return hex
+  return rgbIntsToString(clampByte(back.r * 255), clampByte(back.g * 255), clampByte(back.b * 255), alpha)
+}
+
 /**
  * Convert a LAB / LCH / OKLAB / OKLCH color to sRGB hex via culori. RN
  * can't evaluate these modern color spaces at paint time; compile-time
@@ -81,12 +98,24 @@ function culoriHexFor(color: LABColor): string | null {
  * @returns Hex or rgba string in sRGB.
  */
 function labFamilyToHex(color: LABColor): string {
-  const hex = culoriHexFor(color)
-  if (!hex) return color.alpha < 1 ? 'rgba(0, 0, 0, 0)' : 'transparent'
-  if (color.alpha >= 1) return hex
-  const back = culoriRgb(hex)
-  if (!back) return hex
-  return rgbIntsToString(clampByte(back.r * 255), clampByte(back.g * 255), clampByte(back.b * 255), color.alpha)
+  return withAlpha(culoriHexFor(color), color.alpha)
+}
+
+/**
+ * Convert a wide-gamut `color(<space> r g b)` triple to sRGB hex via
+ * culori. The channels are NOT sRGB — each space (display-p3, rec2020,
+ * a98-rgb, prophoto-rgb, srgb-linear) carries its own primaries / transfer
+ * function, so a bare `channel * 255` would mis-paint. culori does the
+ * gamut + gamma conversion to sRGB.
+ * @param mode culori mode key for the source space.
+ * @param r Source red (0–1).
+ * @param g Source green (0–1).
+ * @param b Source blue (0–1).
+ * @param alpha Alpha channel (0–1).
+ * @returns sRGB color string RN accepts.
+ */
+function wideGamutToHex(mode: 'lrgb' | 'p3' | 'a98' | 'prophoto' | 'rec2020', r: number, g: number, b: number, alpha: number): string {
+  return withAlpha(formatHex({ mode, r, g, b }) ?? null, alpha)
 }
 
 /**
@@ -102,12 +131,7 @@ function labFamilyToHex(color: LABColor): string {
  */
 function xyzToHex(color: { type: 'xyz-d50' | 'xyz-d65'; x: number; y: number; z: number; alpha: number }): string {
   const mode = color.type === 'xyz-d50' ? 'xyz50' : 'xyz65'
-  const hex = formatHex({ mode, x: color.x, y: color.y, z: color.z }) ?? null
-  if (!hex) return color.alpha < 1 ? 'rgba(0, 0, 0, 0)' : 'transparent'
-  if (color.alpha >= 1) return hex
-  const back = culoriRgb(hex)
-  if (!back) return hex
-  return rgbIntsToString(clampByte(back.r * 255), clampByte(back.g * 255), clampByte(back.b * 255), color.alpha)
+  return withAlpha(formatHex({ mode, x: color.x, y: color.y, z: color.z }) ?? null, color.alpha)
 }
 
 /**
@@ -132,14 +156,24 @@ export function cssColorToString(color: CssColor): string {
     case 'oklch': {
       return labFamilyToHex(color)
     }
-    case 'srgb':
-    case 'srgb-linear':
-    case 'display-p3':
-    case 'a98-rgb':
-    case 'prophoto-rgb':
-    case 'rec2020': {
+    case 'srgb': {
       return floatRgbToString(color.r, color.g, color.b, color.alpha)
     }
+    case 'srgb-linear': {
+      return wideGamutToHex('lrgb', color.r, color.g, color.b, color.alpha)
+    }
+    case 'display-p3': {
+      return wideGamutToHex('p3', color.r, color.g, color.b, color.alpha)
+    }
+    case 'a98-rgb': {
+      return wideGamutToHex('a98', color.r, color.g, color.b, color.alpha)
+    }
+    case 'prophoto-rgb': {
+      return wideGamutToHex('prophoto', color.r, color.g, color.b, color.alpha)
+    }
+    case 'rec2020': {
+      return wideGamutToHex('rec2020', color.r, color.g, color.b, color.alpha)
+    }
     case 'xyz-d50':
     case 'xyz-d65': {
       return xyzToHex(color)

package/src/core/parser/layout-dispatcher.ts

@@ -85,6 +85,25 @@ export function dispatchLayoutDeclaration(decl: LcDeclaration): readonly RNEntry
       const v = mapJustifyKeyword(decl.value)
       return v === null ? [] : [['justifyContent', v]]
     }
+    case 'overflow': {
+      // Lightningcss splits CSS `overflow` into `{x, y}` axes; RN only
+      // supports a single `overflow` keyword (and only `'hidden' |
+      // 'visible' | 'scroll'` on iOS, `'hidden' | 'visible'` on
+      // Android — RN ignores unsupported keywords at runtime). Take
+      // the `x` axis when the user wrote shorthand; per-axis Tailwind
+      // utilities both emit shorthand here so axis splitting is rare.
+      const value = decl.value as { x?: unknown; y?: unknown }
+      if (typeof value.x !== 'string') return []
+      return [['overflow', value.x]]
+    }
+    case 'overflow-x':
+    case 'overflow-y': {
+      // Tailwind's `overflow-x-*` / `overflow-y-*` emit these longhands,
+      // not the `overflow` shorthand. RN has only a single `overflow`,
+      // so collapse both axes onto it (last one declared wins via the
+      // normal entry-merge order).
+      return typeof decl.value === 'string' ? [['overflow', decl.value]] : []
+    }
     default: {
       return null
     }

package/src/core/parser/length.ts

@@ -25,24 +25,38 @@ function roundFloat(n: number): number {
   return Math.round(n * 10_000) / 10_000
 }
 
+/**
+ * "Fully rounded" sentinel — emitted for Tailwind's `rounded-full` (and
+ * any other utility expanding to `calc(infinity * 1px)`). RN can't
+ * render `Infinity` as a style value (the StyleSheet validator silently
+ * drops it), but it accepts a finite large pixel count and renders the
+ * same pill / circle shape. 9999 covers every realistic phone screen.
+ */
+const FULLY_ROUNDED_PX = 9999
+
 /**
  * Convert a lightningcss `LengthValue` to a pixel number. Handles the
- * units Tailwind emits: px, rem, em. Unknown units pass through as the
- * raw numeric value so a later pass can warn.
+ * units Tailwind emits: px, rem, em. Tailwind v4's "fully rounded"
+ * expansion (`calc(infinity * 1px)`) lands here as `value === Infinity`
+ * — we clamp to a finite sentinel so RN can render it. Other non-finite
+ * values (NaN from a malformed expression) are clamped to 0 rather
+ * than leaking through as `null` in the serialized RN style.
  * @param length Typed length value.
- * @returns Pixel number.
+ * @returns Finite pixel number.
  */
 export function lengthToPx(length: LengthValue): number {
+  const raw = length.value
+  if (!Number.isFinite(raw)) return raw === Number.POSITIVE_INFINITY ? FULLY_ROUNDED_PX : 0
   switch (length.unit) {
     case 'px': {
-      return length.value
+      return raw
     }
     case 'rem':
     case 'em': {
-      return length.value * REM_TO_PX
+      return raw * REM_TO_PX
     }
     default: {
-      return length.value
+      return raw
     }
   }
 }

package/src/core/parser/shorthand.ts

@@ -16,8 +16,11 @@ import type { RNEntry } from './types'
 
 /**
  * Expand `margin` / `padding` shorthand (`{top, right, bottom, left}`) to
- * RN entries. When all four sides share the same converted value, collapse
- * to the single-key shorthand RN accepts; otherwise emit four longhands.
+ * RN entries. Collapses progressively for a smaller emitted style:
+ * - all four equal → single `padding` / `margin`
+ * - matching axes → `paddingHorizontal` + `paddingVertical`
+ * - one matching axis → that axis collapsed, opposite axis as longhands
+ * - otherwise → four longhands
  * @param property `'padding'` or `'margin'`.
  * @param value Typed shorthand record.
  * @returns RN entries.
@@ -29,6 +32,28 @@ export function expandFourSided(property: 'padding' | 'margin', value: Padding |
   const left = lengthPercentageOrAutoToValue(value.left)
   if (top === null || right === null || bottom === null || left === null) return []
   if (top === right && right === bottom && bottom === left) return [[property, top]]
+  const horizontalEqual = left === right
+  const verticalEqual = top === bottom
+  if (horizontalEqual && verticalEqual) {
+    return [
+      [`${property}Vertical`, top],
+      [`${property}Horizontal`, left],
+    ]
+  }
+  if (horizontalEqual) {
+    return [
+      [`${property}Top`, top],
+      [`${property}Bottom`, bottom],
+      [`${property}Horizontal`, left],
+    ]
+  }
+  if (verticalEqual) {
+    return [
+      [`${property}Vertical`, top],
+      [`${property}Right`, right],
+      [`${property}Left`, left],
+    ]
+  }
   return [
     [`${property}Top`, top],
     [`${property}Right`, right],
@@ -39,8 +64,10 @@ export function expandFourSided(property: 'padding' | 'margin', value: Padding |
 
 /**
  * Expand `padding-inline` / `margin-inline` (logical property) into RN's
- * physical left / right pair. RN has no RTL-aware logical props at the
- * style-object level, so we lower at compile time.
+ * physical pair. RN has no RTL-aware logical props at the style-object
+ * level, so we lower at compile time. When both sides match, emit the
+ * single `paddingHorizontal` / `marginHorizontal` shorthand for a more
+ * compact style.
  * @param property `'padding'` or `'margin'`.
  * @param value Typed inline shorthand.
  * @returns RN entries.
@@ -49,6 +76,7 @@ export function expandLogicalInline(property: 'padding' | 'margin', value: Paddi
   const start = lengthPercentageOrAutoToValue(value.inlineStart)
   const end = lengthPercentageOrAutoToValue(value.inlineEnd)
   if (start === null || end === null) return []
+  if (start === end) return [[`${property}Horizontal`, start]]
   return [
     [`${property}Left`, start],
     [`${property}Right`, end],
@@ -57,7 +85,8 @@ export function expandLogicalInline(property: 'padding' | 'margin', value: Paddi
 
 /**
  * Expand `padding-block` / `margin-block` (logical property) into RN's
- * physical top / bottom pair.
+ * physical pair. When both sides match, emit `paddingVertical` /
+ * `marginVertical` for a more compact style.
  * @param property `'padding'` or `'margin'`.
  * @param value Typed block shorthand.
  * @returns RN entries.
@@ -66,6 +95,7 @@ export function expandLogicalBlock(property: 'padding' | 'margin', value: Paddin
   const start = lengthPercentageOrAutoToValue(value.blockStart)
   const end = lengthPercentageOrAutoToValue(value.blockEnd)
   if (start === null || end === null) return []
+  if (start === end) return [[`${property}Vertical`, start]]
   return [
     [`${property}Top`, start],
     [`${property}Bottom`, end],

package/src/core/parser/theme-vars.ts

@@ -385,6 +385,59 @@ export function extractSchemeAliases(css: string): Map<string, string> {
   return aliases
 }
 
+/** Single class token (`.scheme-dark`) — non-global so `.test` is stateless. */
+const CLASS_TOKEN = /\.[A-Za-z_][\w-]*/
+
+/**
+ * Whether a `@custom-variant` selector body targets an ancestor *class*
+ * container (`&:where(.scheme-dark, .scheme-dark *)`, `.dark`). That's
+ * the only shape rnwind resolves as a runtime scheme — the parser's
+ * nested-rule matcher keys schemes off `.class` selectors. Pseudo-class
+ * / `@media` / `@supports` custom-variants (`&:hover`, `@supports
+ * (display: grid)`) carry no class and are ordinary Tailwind variants,
+ * not schemes.
+ * @param selector Selector body captured after the variant name.
+ * @returns True when the selector contains at least one class token.
+ */
+function isSchemeSelector(selector: string): boolean {
+  return CLASS_TOKEN.test(selector)
+}
+
+/**
+ * Collect every scheme name declared via `@custom-variant <name>
+ * (<class-selector>);` in first-appearance order.
+ *
+ * A scheme can be declared this way WITHOUT a matching `@variant <name>
+ * { … }` override block — its values then come entirely from the base
+ * `@theme`. That's Tailwind v4's standard shape: light defaults sit in
+ * `@theme` and only `@variant dark { … }` overrides them. Such a scheme
+ * still has to register so the runtime can switch to it, but
+ * {@link extractThemeVars} (which only sees `@variant` blocks) never
+ * surfaces it. The parser unions these names into its declared-scheme
+ * list so the base-only scheme isn't dropped.
+ *
+ * Only class-container selectors count — `@custom-variant` is Tailwind's
+ * general variant mechanism, so hover / focus / media / supports
+ * variants must NOT inflate the scheme list (or the generated `Scheme`
+ * union). See {@link isSchemeSelector}.
+ * @param css Theme CSS source.
+ * @returns Ordered, de-duplicated `@custom-variant` scheme names.
+ */
+export function extractCustomVariantSchemes(css: string): string[] {
+  const stripped = stripComments(css)
+  const seen = new Set<string>()
+  const out: string[] = []
+  for (const match of stripped.matchAll(CUSTOM_VARIANT_WITH_SELECTOR)) {
+    const name = match[1]!
+    const selector = match[2]!
+    if (name === BASE_SCHEME || seen.has(name)) continue
+    if (!isSchemeSelector(selector)) continue
+    seen.add(name)
+    out.push(name)
+  }
+  return out
+}
+
 /**
  * Rewrite the theme CSS so Tailwind's compiler accepts it:
  *  1. Strip every `@variant <name> { ... }` block — Tailwind rejects