rnwind 0.0.3 → 0.0.5

package/lib/esm/testing/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../src/testing/index.ts"],"sourcesContent":["/* eslint-disable sonarjs/no-unused-vars */\nimport type { File as BabelFile } from '@babel/types'\nimport { parse } from '@babel/parser'\nimport generateImport from '@babel/generator'\nimport { existsSync, mkdtempSync, readFileSync, rmSync, writeFileSync } from 'node:fs'\nimport { createRequire } from 'node:module'\nimport { tmpdir } from 'node:os'\nimport path from 'node:path'\nimport * as React from 'react'\nimport type {\n  render as testingLibraryRender,\n  renderHook as testingLibraryRenderHook,\n  RenderHookOptions,\n} from '@testing-library/react-native'\nimport { configureRnwindState, resetRnwindState, transform as metroTransform } from '../metro'\nimport { __resetLookupCssState, lookupCss, registerAtoms } from '../runtime/lookup-css'\nimport type { Insets } from '../runtime/components/rnwind-provider'\nimport { RnwindProvider, useRnwind, useR_ } from '../runtime/components/rnwind-provider'\nimport { triggerHaptic, useMountHaptic } from '../runtime/haptics'\nimport type { OnHaptics } from '../core/parser/haptics'\nimport type { Scheme } from '../runtime/types'\n\n// ────────────────────────────────────────────────────────────────────────\n// Private constants\n// ────────────────────────────────────────────────────────────────────────\n\n/**\n * Minimal theme every `renderWithCss` call defaults to. Ships the two\n * conventional schemes so atoms carrying `dark:` / `light:` prefixes\n * resolve without the caller having to craft a theme CSS string.\n */\nconst DEFAULT_THEME_CSS = `@import 'tailwindcss';\n@layer theme {\n  :root {\n    @variant light { --color-bg: #ffffff; --color-fg: #0a0a0a; }\n    @variant dark  { --color-bg: #0a0a0a; --color-fg: #ffffff; }\n  }\n}\n`\n\n/** `StyleSheet.create` stub the evaluated bundle calls — identity at test time. */\nconst BUNDLE_STYLE_SHEET = { create: <T>(styles: T): T => styles, hairlineWidth: 1 }\n\n/** Stubbed interactive-state hook return matching `useInteract()`. */\nconst NOOP_INTERACT = {\n  state: undefined,\n  onPressIn: (): void => undefined,\n  onPressOut: (): void => undefined,\n  onFocus: (): void => undefined,\n  onBlur: (): void => undefined,\n}\n\n/**\n * Identity chain helper matching `chainPress` / `chainFocus`. Returns a\n * single callback that invokes every supplied handler in turn.\n * @param handlers Handlers to chain.\n * @returns Combined callback.\n */\nconst NOOP_CHAIN =\n  (...handlers: ReadonlyArray<((...args: unknown[]) => unknown) | undefined>) =>\n  (...args: unknown[]): void => {\n    for (const handler of handlers) {\n      if (typeof handler === 'function') handler(...args)\n    }\n  }\n\n// Synthesize a require rooted at the consumer's cwd so optional peer\n// lookups (`@testing-library/react-native`, `esbuild`) resolve from THEIR\n// node_modules, not rnwind's. A workspace-local rnwind install resolves\n// through a different node_modules chain than the test cwd — we want the\n// test's chain.\nconst localRequire: NodeRequire = createRequire(path.join(process.cwd(), 'package.json'))\n\nconst generate: typeof generateImport = (generateImport as { default?: typeof generateImport }).default ?? generateImport\n\n/**\n * Pre-loaded `@testing-library/react-native`. Resolved once at module\n * init (not lazily per-call) because the testing library registers\n * `beforeAll`/`afterEach` cleanup hooks on import — and Bun's test\n * runner refuses to register lifecycle hooks from inside a running\n * test body, which is where the first `renderWithCss` call lands.\n */\nconst TESTING_LIBRARY: {\n  render: typeof testingLibraryRender\n  renderHook: typeof testingLibraryRenderHook\n} = (() => {\n  try {\n    return localRequire('@testing-library/react-native') as {\n      render: typeof testingLibraryRender\n      renderHook: typeof testingLibraryRenderHook\n    }\n  } catch (error) {\n    throw new Error(\n      'rnwind/testing: cannot load `@testing-library/react-native`. Add it to your dev dependencies. Underlying error: ' +\n        (error instanceof Error ? error.message : String(error)),\n    )\n  }\n})()\n\n// ────────────────────────────────────────────────────────────────────────\n// Private helpers\n// ────────────────────────────────────────────────────────────────────────\n\n/**\n * Scheme string typed to match what `<RnwindProvider>` accepts. Users\n * who declare their own scheme names via `rnwind-types.d.ts` get them\n * through `Scheme`; everyone else gets `'light' | 'dark' | string`.\n */\ntype SchemeName = Scheme\n\n/**\n * Default lookup for the test process's `react-native` module. Users\n * who run with a mocked `react-native` (via Bun's `mock.module` or\n * Jest's `jest.mock`) get the mock here automatically.\n * @returns React Native namespace bindings.\n */\nfunction resolveReactNative(): Record<string, unknown> {\n  return localRequire('react-native') as Record<string, unknown>\n}\n\n/**\n * Compile JSX + TypeScript source to plain JS. Prefers Bun's built-in\n * transpiler (fast, zero-dep); falls back to `esbuild` if running under\n * Node (Jest users). Throws with an install hint if neither is available.\n * @param source Source text to compile.\n * @returns JavaScript suitable for `new Function(...)` evaluation.\n */\nfunction compileToJs(source: string): string {\n  const globalBun = (\n    globalThis as { Bun?: { Transpiler: new (options: unknown) => { transformSync: (text: string) => string } } }\n  ).Bun\n  if (globalBun?.Transpiler) {\n    return new globalBun.Transpiler({\n      loader: 'tsx',\n      tsconfig: JSON.stringify({ compilerOptions: { jsx: 'react', target: 'esnext' } }),\n    }).transformSync(source)\n  }\n  try {\n    const esbuild = localRequire('esbuild') as {\n      transformSync: (text: string, options: { loader: string; jsx: string; target?: string }) => { code: string }\n    }\n    return esbuild.transformSync(source, { loader: 'tsx', jsx: 'transform', target: 'esnext' }).code\n  } catch {\n    throw new Error(\n      'rnwind/testing: cannot compile JSX. Run tests under Bun (which has a built-in transpiler) ' +\n        'or install `esbuild` as a dev dependency for Node / Jest setups.',\n    )\n  }\n}\n\n/**\n * Evaluate the union `style.js` the ledger wrote during the transform\n * so its `registerAtoms` call lands in the process-global registry.\n * Strips the `react-native` + `rnwind` imports from the source and\n * forwards local bindings into the evaluated closure.\n * @param cacheDir The rnwind cache dir where the ledger writes bundles.\n */\nfunction evaluateStyleBundle(cacheDir: string): void {\n  const filePath = path.join(cacheDir, 'style.js')\n  if (!existsSync(filePath)) return\n  const body = readFileSync(filePath, 'utf8')\n    .replaceAll(/import \\{ StyleSheet \\} from 'react-native'\\s*\\n/g, '')\n    .replaceAll(/import \\{[^}]+\\} from 'rnwind'\\s*\\n/g, '')\n  // Bundle body is generated by rnwind itself — not user-controlled.\n  // eslint-disable-next-line sonarjs/code-eval\n  new Function('StyleSheet', 'registerAtoms', body)(BUNDLE_STYLE_SHEET, registerAtoms)\n}\n\n/**\n * Evaluate the transformer's rewritten source as a standalone module:\n * strip synthetic imports, forward `import ... from 'rnwind'` +\n * `'react-native'` to local bindings, compile JSX via the compiler, and\n * capture the default export.\n * @param transformedSource Post-transformer source.\n * @param reactNative `react-native` namespace bindings to forward.\n * @returns The default-exported component.\n */\nfunction evaluateRewrittenModule(\n  transformedSource: string,\n  reactNative: Record<string, unknown>,\n): React.ComponentType<Record<string, unknown>> {\n  const prepared = transformedSource\n    .replaceAll(/import\\s+[\"']rnwind\\/__generated\\/[^\"']+[\"'];?\\s*\\n?/g, '')\n    .replaceAll(/import\\s+\\{([^}]+)\\}\\s+from\\s+[\"']rnwind[\"'];?/g, 'const {$1} = __rnwind;')\n    .replaceAll(/import\\s+\\{([^}]+)\\}\\s+from\\s+[\"']react-native[\"'];?/g, 'const {$1} = __reactNative;')\n    .replace(/export\\s+default\\s+/, 'module.exports.default = ')\n\n  const compiled = compileToJs(prepared)\n  const rnwindEnv = {\n    lookupCss,\n    useRnwind,\n    useR_,\n    useMountHaptic,\n    triggerHaptic,\n    useInteract: () => NOOP_INTERACT,\n    chainPress: NOOP_CHAIN,\n    chainFocus: NOOP_CHAIN,\n  }\n  const moduleObject: { exports: { default?: React.ComponentType<Record<string, unknown>> } } = { exports: {} }\n  // Compiled source originates from rnwind's own transformer + the JSX compiler.\n  // eslint-disable-next-line sonarjs/code-eval\n  new Function('React', '__rnwind', '__reactNative', 'module', compiled)(React, rnwindEnv, reactNative, moduleObject)\n  if (!moduleObject.exports.default) {\n    throw new Error('rnwind/testing: evaluated module did not export a default component.')\n  }\n  return moduleObject.exports.default\n}\n\n/**\n * Build the root element `@testing-library/react-native`'s `render`\n * receives. When a scheme is specified, wrap the component in a live\n * `<RnwindProvider>` so hooks like `useScheme()` and `useCss()` return\n * the requested scheme. Otherwise render bare (context falls back to the\n * default `'light'`).\n * @param Component Component to render.\n * @param scheme Optional active scheme override.\n * @param insets\n * @param onHaptics\n * @returns The React element to hand to `render`.\n */\nfunction buildRootElement(\n  Component: React.ComponentType<Record<string, unknown>>,\n  scheme: string | undefined,\n  insets: Partial<Insets> | undefined,\n  onHaptics: OnHaptics | undefined,\n): React.ReactElement {\n  const child = React.createElement(Component)\n  if (scheme === undefined && !insets && !onHaptics) return child\n  const providerProps: { scheme: SchemeName; insets?: Partial<Insets>; onHaptics?: OnHaptics } = {\n    scheme: (scheme ?? 'light') as SchemeName,\n  }\n  if (insets) providerProps.insets = insets\n  if (onHaptics) providerProps.onHaptics = onHaptics\n  return React.createElement(RnwindProvider, providerProps, child)\n}\n\n/**\n * Compose the `wrapper` option `renderHook` accepts. When a scheme is\n * set, wrap the hook's execution context in `<RnwindProvider>` so hooks\n * that read `useScheme()` see the requested scheme. If the user also\n * supplies their own wrapper, nest it inside the provider so both apply.\n * @param scheme Optional active scheme override.\n * @param userWrapper Optional user-supplied wrapper component.\n * @returns A wrapper component suitable for `renderHook`'s `wrapper` option.\n */\nfunction composeHookWrapper(\n  scheme: string | undefined,\n  userWrapper: React.ComponentType<{ children?: React.ReactNode }> | undefined,\n): React.ComponentType<{ children?: React.ReactNode }> | undefined {\n  if (scheme === undefined && !userWrapper) return undefined\n  return function RnwindTestWrapper({ children }: { children?: React.ReactNode }): React.ReactElement {\n    const inner = userWrapper ? React.createElement(userWrapper, null, children) : (children as React.ReactElement)\n    if (scheme === undefined) return inner\n    return React.createElement(RnwindProvider, { scheme: scheme as SchemeName }, inner)\n  }\n}\n\n/**\n * Spin up an ephemeral rnwind project and register the atoms produced\n * by `source` (when provided) into the runtime. Returns the project\n * state and the post-transform source so callers can render the\n * rewritten module or just rely on the registered atoms.\n *\n * Shared between `renderWithCss` (needs the rewritten component) and\n * `renderHookWithCss` (only needs the atoms in the registry).\n * @param options Options controlling the theme and pre-registered source.\n * @param options.themeCss Theme CSS override.\n * @param options.source Source whose Tailwind candidates should be registered.\n * @returns Paths plus the transformed source and a `cleanup` closure.\n */\nasync function bootstrapRnwindRuntime(options: { themeCss?: string; source?: string }): Promise<{\n  projectRoot: string\n  cacheDir: string\n  transformedSource: string\n  cleanup: () => void\n}> {\n  const projectRoot = mkdtempSync(path.join(tmpdir(), 'rnwind-test-'))\n  const cacheDir = path.join(projectRoot, '.rnwind-cache')\n  const cssPath = path.join(projectRoot, 'theme.css')\n  writeFileSync(cssPath, options.themeCss ?? DEFAULT_THEME_CSS)\n  configureRnwindState(cssPath, cacheDir)\n\n  let transformedSource = ''\n  if (options.source !== undefined) {\n    const filename = path.join(projectRoot, 'App.tsx')\n    writeFileSync(filename, options.source)\n    const ast: BabelFile = parse(options.source, { sourceType: 'module', plugins: ['typescript', 'jsx'] })\n    const result = await metroTransform({ filename, src: options.source, options: { projectRoot }, ast })\n    transformedSource = generate(result.ast).code\n    evaluateStyleBundle(cacheDir)\n  }\n\n  const cleanup = (): void => {\n    __resetLookupCssState()\n    resetRnwindState()\n    if (existsSync(projectRoot)) rmSync(projectRoot, { recursive: true, force: true })\n  }\n\n  return { projectRoot, cacheDir, transformedSource, cleanup }\n}\n\n/**\n * Synthesize a throwaway source file that mentions each className in a\n * JSX `className=\"...\"` attribute so the Metro transformer's scanner\n * picks them up and records their resolved styles into the union\n * `style.js`. Used by `renderHookWithCss` to pre-register atoms the\n * hook under test will look up.\n * @param classNames Class names to include.\n * @returns Source string suitable for `bootstrapRnwindRuntime`.\n */\nfunction sourceFromClassNames(classNames: readonly string[]): string {\n  const joined = classNames.join(' ').replaceAll('\"', String.raw`\\\"`)\n  return `const V: any = () => null\\nexport default () => <V className=\"${joined}\" />\\n`\n}\n\n// ────────────────────────────────────────────────────────────────────────\n// Public exports — types\n// ────────────────────────────────────────────────────────────────────────\n\n/** Exact signature of `@testing-library/react-native`'s `render`. */\nexport type Render = typeof testingLibraryRender\n\n/** Exact signature of `@testing-library/react-native`'s `renderHook`. */\nexport type RenderHook = typeof testingLibraryRenderHook\n\n/**\n * Exact return type of `@testing-library/react-native`'s `render` — we\n * re-export the upstream type so tests get every query (`getByTestId`,\n * `queryByText`, `rerender`, `unmount`, `debug`, `UNSAFE_root`, …) with\n * its real signature.\n */\nexport type TestingLibraryRenderAPI = ReturnType<typeof testingLibraryRender>\n\n/** Options accepted by {@link renderWithCss}. */\nexport interface RenderWithCssOptions {\n  /** Theme CSS fed to rnwind's parser. Defaults to {@link DEFAULT_THEME_CSS}. */\n  themeCss?: string\n  /**\n   * Active scheme the runtime resolver uses. Defaults to `'light'`.\n   * Flip to `'dark'` / `'brand'` / ... to exercise scheme-variant atoms.\n   */\n  scheme?: string\n  /**\n   * Safe-area insets to inject. When provided, the component tree is\n   * rendered under a `<RnwindProvider insets={...}>` so `*-safe` atoms\n   * resolve to real numbers instead of the `0` fallback. Partial is\n   * accepted — missing sides default to zero.\n   */\n  insets?: Partial<Insets>\n  /**\n   * Haptic dispatcher forwarded onto the implicit `<RnwindProvider>`.\n   * Tests pass a spy callback to assert which haptic atoms fired.\n   */\n  onHaptics?: OnHaptics\n  /**\n   * `react-native` namespace bindings forwarded into the rewritten\n   * module. Defaults to importing the test process's `react-native`\n   * (typically a mocked stub). Override to inject custom host elements.\n   */\n  reactNative?: Record<string, unknown>\n}\n\n/**\n * Result of a {@link renderWithCss} call. Every key from\n * `@testing-library/react-native`'s `render` return value is spread onto\n * this object — `getByTestId`, `queryByText`, `rerender`, `unmount`,\n * `debug`, etc. — so tests use the testing-library API directly.\n *\n * Two rnwind-specific handles are added:\n *  - `transformedSource` — the exact code the rnwind Metro transformer\n *    emitted for your input. Log it to confirm the rewrite.\n *  - `cleanup` — tears down the ephemeral rnwind state + chunk cache dir.\n *    Call from `afterEach` so successive tests don't share atoms.\n */\nexport type RenderWithCssResult = TestingLibraryRenderAPI & {\n  /** The post-transformer source text. Same code Metro would ship. */\n  transformedSource: string\n  /** Tear down the ephemeral rnwind state + cache dir. */\n  cleanup: () => void\n}\n\n/** Options accepted by {@link renderHookWithCss}. */\nexport interface RenderHookWithCssOptions<Props> extends RenderHookOptions<Props> {\n  /** Theme CSS fed to rnwind's parser. Defaults to the built-in minimal theme. */\n  themeCss?: string\n  /**\n   * Active scheme the runtime resolver uses. Defaults to `'light'`. When\n   * set, the hook is wrapped in `<RnwindProvider scheme={scheme}>` so\n   * `useScheme()` / `useCss()` observe the override.\n   */\n  scheme?: string\n  /**\n   * Class names to pre-register into the runtime atom registry before\n   * the hook runs. rnwind synthesizes a throwaway source file mentioning\n   * these classes, feeds it through the real Metro transformer, and\n   * evaluates the generated `style.js` bundle — so the hook sees\n   * exactly the atoms the production bundle would register.\n   */\n  classNames?: readonly string[]\n}\n\n/**\n * Result of a {@link renderHookWithCss} call. Mirrors\n * `@testing-library/react-native`'s `renderHook` return type — `result`,\n * `rerender`, `unmount` — and adds a `cleanup` that tears down the\n * ephemeral rnwind state.\n */\nexport type RenderHookWithCssResult<Result, Props> = ReturnType<typeof testingLibraryRenderHook<Result, Props>> & {\n  /** Tear down the ephemeral rnwind state + cache dir. */\n  cleanup: () => void\n}\n\n// ────────────────────────────────────────────────────────────────────────\n// Public exports — functions\n// ────────────────────────────────────────────────────────────────────────\n\n/**\n * Feed a source string through rnwind's Metro transformer, evaluate\n * the generated `style.js` bundle, evaluate the rewritten module, and\n * render the default-exported component with\n * `@testing-library/react-native`.\n *\n * The rendered RN element's `style` prop is the EXACT array your\n * production bundle would attach — same transformer, same runtime\n * resolver, same atoms. Assert on `flatten(node.props.style)` to verify\n * the resolved values.\n * @example\n * ```tsx\n * const handle = await renderWithCss(\n *   `import { View } from 'react-native'\n *    export default () => <View className=\"bg-primary p-4\" testID=\"box\" />`,\n *   { themeCss: `@import 'tailwindcss'; @theme { --color-primary: #6366f1; }` },\n * )\n * const flat = flatten(handle.getByTestId('box').props.style)\n * expect(flat.backgroundColor).toBe('#6366f1')\n * ```\n * @param source User source (one file) to transform + render.\n * @param options Optional theme override, scheme, and `react-native` bindings.\n * @returns Render queries + diagnostic handles.\n */\nexport async function renderWithCss(source: string, options: RenderWithCssOptions = {}): Promise<RenderWithCssResult> {\n  const reactNative = options.reactNative ?? resolveReactNative()\n  const {\n    projectRoot: _projectRoot,\n    transformedSource,\n    cleanup,\n  } = await bootstrapRnwindRuntime({\n    themeCss: options.themeCss,\n    source,\n  })\n  const Component = evaluateRewrittenModule(transformedSource, reactNative)\n  const rendered = TESTING_LIBRARY.render(buildRootElement(Component, options.scheme, options.insets, options.onHaptics))\n  return Object.assign({}, rendered, { transformedSource, cleanup })\n}\n\n/**\n * Render-side counterpart to {@link renderWithCss} for testing hooks in\n * isolation. Pre-registers atoms for the supplied `classNames`, wraps\n * the hook in an optional `<RnwindProvider>`, and forwards to\n * `@testing-library/react-native`'s `renderHook`.\n * @example\n * ```ts\n * const { result, cleanup } = await renderHookWithCss(\n *   () => useCss('bg-primary'),\n *   {\n *     themeCss: `@import 'tailwindcss'; @theme { --color-primary: #6366f1; }`,\n *     classNames: ['bg-primary'],\n *   },\n * )\n * expect(flatten(result.current).backgroundColor).toBe('#6366f1')\n * cleanup()\n * ```\n * @param callback Hook body — same shape as `renderHook(callback)`.\n * @param options Theme, scheme, classNames to pre-register, plus\n *   everything `renderHook` itself accepts (`initialProps`, `wrapper`).\n * @returns `renderHook`'s return value plus a `cleanup` function.\n */\nexport async function renderHookWithCss<Result, Props = unknown>(\n  callback: (props: Props) => Result,\n  options: RenderHookWithCssOptions<Props> = {},\n): Promise<RenderHookWithCssResult<Result, Props>> {\n  const { cleanup } = await bootstrapRnwindRuntime({\n    themeCss: options.themeCss,\n    source: options.classNames && options.classNames.length > 0 ? sourceFromClassNames(options.classNames) : undefined,\n  })\n  const wrapper = composeHookWrapper(options.scheme, options.wrapper as RenderHookWithCssOptions<Props>['wrapper'])\n  const { themeCss: _themeCss, scheme: _scheme, classNames: _classNames, ...hookOptions } = options\n  const rendered = TESTING_LIBRARY.renderHook<Result, Props>(callback, {\n    ...(hookOptions as RenderHookOptions<Props>),\n    wrapper,\n  })\n  return Object.assign({}, rendered, { cleanup })\n}\n\n/**\n * Flatten a React Native style array (or single style object) into one\n * merged record. RN flattens left-to-right (later wins), so the returned\n * record is what the native view manager actually applies.\n * @param styles Style array, single object, or null/undefined.\n * @returns Flat style record.\n */\nexport function flatten(styles: unknown): Record<string, unknown> {\n  if (styles == null) return {}\n  if (Array.isArray(styles)) return Object.assign({}, ...styles.map((entry) => flatten(entry)))\n  if (typeof styles === 'object') return styles as Record<string, unknown>\n  return {}\n}\n"],"names":["generateImport","metroTransform"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../src/testing/index.ts"],"sourcesContent":["/* eslint-disable sonarjs/no-unused-vars */\nimport type { File as BabelFile } from '@babel/types'\nimport { parse } from '@babel/parser'\nimport generateImport from '@babel/generator'\nimport { existsSync, mkdtempSync, readdirSync, readFileSync, rmSync, writeFileSync } from 'node:fs'\nimport { createRequire } from 'node:module'\nimport { tmpdir } from 'node:os'\nimport path from 'node:path'\nimport * as React from 'react'\nimport type {\n  render as testingLibraryRender,\n  renderHook as testingLibraryRenderHook,\n  RenderHookOptions,\n} from '@testing-library/react-native'\nimport { configureRnwindState, resetRnwindState, transform as metroTransform } from '../metro'\nimport {\n  __resetLookupCssState,\n  registerAtoms,\n  registerBreakpoints,\n  registerSchemeLoader,\n} from '../runtime/lookup-css'\nimport { __resetResolveState, registerGradients, registerHaptics, registerMolecules } from '../runtime/resolve'\nimport * as rnwindRuntime from '../runtime'\nimport type { Insets } from '../runtime/components/rnwind-provider'\nimport { RnwindProvider } from '../runtime/components/rnwind-provider'\nimport type { OnHaptics } from '../core/parser/haptics'\nimport type { Scheme } from '../runtime/types'\n\n// ────────────────────────────────────────────────────────────────────────\n// Private constants\n// ────────────────────────────────────────────────────────────────────────\n\n/**\n * Minimal theme every `renderWithCss` call defaults to. Ships the two\n * conventional schemes so atoms carrying `dark:` / `light:` prefixes\n * resolve without the caller having to craft a theme CSS string.\n */\nconst DEFAULT_THEME_CSS = `@import 'tailwindcss';\n@layer theme {\n  :root {\n    @variant light { --color-bg: #ffffff; --color-fg: #0a0a0a; }\n    @variant dark  { --color-bg: #0a0a0a; --color-fg: #ffffff; }\n  }\n}\n`\n\n/** `StyleSheet.create` stub the evaluated bundle calls — identity at test time. */\nconst BUNDLE_STYLE_SHEET = { create: <T>(styles: T): T => styles, hairlineWidth: 1 }\n\n// Synthesize a require rooted at the consumer's cwd so optional peer\n// lookups (`@testing-library/react-native`, `esbuild`) resolve from THEIR\n// node_modules, not rnwind's. A workspace-local rnwind install resolves\n// through a different node_modules chain than the test cwd — we want the\n// test's chain.\nconst localRequire: NodeRequire = createRequire(path.join(process.cwd(), 'package.json'))\n\nconst generate: typeof generateImport = (generateImport as { default?: typeof generateImport }).default ?? generateImport\n\n/**\n * Pre-loaded `@testing-library/react-native`. Resolved once at module\n * init (not lazily per-call) because the testing library registers\n * `beforeAll`/`afterEach` cleanup hooks on import — and Bun's test\n * runner refuses to register lifecycle hooks from inside a running\n * test body, which is where the first `renderWithCss` call lands.\n */\nconst TESTING_LIBRARY: {\n  render: typeof testingLibraryRender\n  renderHook: typeof testingLibraryRenderHook\n} = (() => {\n  try {\n    return localRequire('@testing-library/react-native') as {\n      render: typeof testingLibraryRender\n      renderHook: typeof testingLibraryRenderHook\n    }\n  } catch (error) {\n    throw new Error(\n      'rnwind/testing: cannot load `@testing-library/react-native`. Add it to your dev dependencies. Underlying error: ' +\n        (error instanceof Error ? error.message : String(error)),\n    )\n  }\n})()\n\n// ────────────────────────────────────────────────────────────────────────\n// Private helpers\n// ────────────────────────────────────────────────────────────────────────\n\n/**\n * Scheme string typed to match what `<RnwindProvider>` accepts. Users\n * who declare their own scheme names via `rnwind-types.d.ts` get them\n * through `Scheme`; everyone else gets `'light' | 'dark' | string`.\n */\ntype SchemeName = Scheme\n\n/**\n * Default lookup for the test process's `react-native` module. Users\n * who run with a mocked `react-native` (via Bun's `mock.module` or\n * Jest's `jest.mock`) get the mock here automatically.\n * @returns React Native namespace bindings.\n */\nfunction resolveReactNative(): Record<string, unknown> {\n  return localRequire('react-native') as Record<string, unknown>\n}\n\n/**\n * Compile JSX + TypeScript source to plain JS. Prefers Bun's built-in\n * transpiler (fast, zero-dep); falls back to `esbuild` if running under\n * Node (Jest users). Throws with an install hint if neither is available.\n * @param source Source text to compile.\n * @returns JavaScript suitable for `new Function(...)` evaluation.\n */\nfunction compileToJs(source: string): string {\n  const globalBun = (\n    globalThis as { Bun?: { Transpiler: new (options: unknown) => { transformSync: (text: string) => string } } }\n  ).Bun\n  if (globalBun?.Transpiler) {\n    return new globalBun.Transpiler({\n      loader: 'tsx',\n      tsconfig: JSON.stringify({ compilerOptions: { jsx: 'react', target: 'esnext' } }),\n    }).transformSync(source)\n  }\n  try {\n    const esbuild = localRequire('esbuild') as {\n      transformSync: (text: string, options: { loader: string; jsx: string; target?: string }) => { code: string }\n    }\n    return esbuild.transformSync(source, { loader: 'tsx', jsx: 'transform', target: 'esnext' }).code\n  } catch {\n    throw new Error(\n      'rnwind/testing: cannot compile JSX. Run tests under Bun (which has a built-in transpiler) ' +\n        'or install `esbuild` as a dev dependency for Node / Jest setups.',\n    )\n  }\n}\n\n/**\n * Evaluate one generated registry file (`common.style.js`,\n * `<variant>.style.js`, or `schemes.js`) so its `registerAtoms` /\n * `registerBreakpoints` / `registerGradients` / `registerHaptics` /\n * `registerSchemeLoader` calls land in the process-global registries the\n * runtime resolver reads. Imports (`'rnwind'`, `'react-native'`, relative\n * `./common.style`), `require(...)` loaders, and `export {...}` are\n * stripped — every scheme file is evaluated directly, so lazy loaders are\n * inert.\n * @param filePath Absolute path to the generated file.\n */\nfunction evaluateGeneratedFile(filePath: string): void {\n  if (!existsSync(filePath)) return\n  const body = readFileSync(filePath, 'utf8')\n    .replaceAll(/import\\s+\\{[^}]*\\}\\s+from\\s+['\"][^'\"]+['\"];?\\s*\\n?/g, '')\n    .replaceAll(/import\\s+['\"][^'\"]+['\"];?\\s*\\n?/g, '')\n    .replaceAll(/export\\s+\\{[^}]*\\}\\s*;?\\s*\\n?/g, '')\n  // Generated body is produced by rnwind itself — not user-controlled.\n  // `require` is neutralised: each variant file is evaluated directly,\n  // so the manifest's lazy `require('./x.style')` loaders are no-ops.\n  // eslint-disable-next-line sonarjs/code-eval\n  new Function(\n    'StyleSheet',\n    'registerAtoms',\n    'registerMolecules',\n    'registerBreakpoints',\n    'registerGradients',\n    'registerHaptics',\n    'registerSchemeLoader',\n    'require',\n    body,\n  )(\n    BUNDLE_STYLE_SHEET,\n    registerAtoms,\n    registerMolecules,\n    registerBreakpoints,\n    registerGradients,\n    registerHaptics,\n    registerSchemeLoader,\n    () => {},\n  )\n}\n\n/**\n * Sort comparator that floats `common.style.js` to the front, rest alpha.\n * @param a\n * @param b\n */\nfunction commonFirst(a: string, b: string): number {\n  if (a === 'common.style.js') return -1\n  if (b === 'common.style.js') return 1\n  return a.localeCompare(b)\n}\n\n/**\n * Evaluate every generated registry the transform wrote (`common` +\n * every variant scheme + the manifest) so the runtime resolver sees the\n * full atom / molecule / gradient / haptic registries — same state a\n * production bundle would hold once all scheme files load.\n * @param cacheDir The rnwind cache dir holding the generated files.\n */\nfunction evaluateGeneratedRegistries(cacheDir: string): void {\n  if (!existsSync(cacheDir)) return\n  const files = readdirSync(cacheDir).filter((name) => name.endsWith('.style.js'))\n  // common first so variants layer their diffs on top of it.\n  for (const name of files.toSorted(commonFirst)) {\n    evaluateGeneratedFile(path.join(cacheDir, name))\n  }\n  evaluateGeneratedFile(path.join(cacheDir, 'schemes.js'))\n}\n\n/**\n * Move every `const {…} = __rnwind;` / `const {…} = __reactNative;`\n * binding line to the top of the source, preserving order, so they\n * initialise before the transformer's `const View = _rnwWrap(_rnw0)`\n * wrap declarations reference them. Mirrors ESM import hoisting.\n * @param source Source with imports already converted to const-destructures.\n * @returns Source with binding consts hoisted to the front.\n */\nfunction hoistBindingConsts(source: string): string {\n  const hoisted: string[] = []\n  const rest: string[] = []\n  for (const line of source.split('\\n')) {\n    if (/=\\s*__(?:rnwind|reactNative);\\s*$/.test(line)) hoisted.push(line)\n    else rest.push(line)\n  }\n  return [...hoisted, ...rest].join('\\n')\n}\n\n/**\n * Evaluate the transformer's rewritten source as a standalone module:\n * strip synthetic generated imports, forward `import ... from 'rnwind'`\n * (incl. the injected `wrap as _rnwWrap`) and `'react-native'` to local\n * bindings, compile JSX via the compiler, and capture the default export.\n * Aliased named imports (`{ View as _rnw0 }`) are converted to valid\n * destructuring (`{ View: _rnw0 }`). The import-derived `const`s are then\n * hoisted above the body: the transformer injects `const View =\n * _rnwWrap(_rnw0)` ahead of the (real-ESM-hoisted) `import … as _rnw0`,\n * so without re-hoisting the binding the eval would hit a TDZ on `_rnw0`.\n * @param transformedSource Post-transformer source.\n * @param reactNative `react-native` namespace bindings to forward.\n * @returns The default-exported component.\n */\nfunction evaluateRewrittenModule(\n  transformedSource: string,\n  reactNative: Record<string, unknown>,\n): React.ComponentType<Record<string, unknown>> {\n  const prepared = transformedSource\n    .replaceAll(/import\\s+[\"']rnwind\\/__generated\\/[^\"']+[\"'];?\\s*\\n?/g, '')\n    .replaceAll(/import\\s+\\{([^}]+)\\}\\s+from\\s+[\"']rnwind[\"'];?/g, (_m, spec: string) => `const {${spec.replaceAll(/\\bas\\b/g, ':')}} = __rnwind;`)\n    .replaceAll(/import\\s+\\{([^}]+)\\}\\s+from\\s+[\"']react-native[\"'];?/g, (_m, spec: string) => `const {${spec.replaceAll(/\\bas\\b/g, ':')}} = __reactNative;`)\n    .replace(/export\\s+default\\s+/, 'module.exports.default = ')\n\n  const compiled = compileToJs(hoistBindingConsts(prepared))\n  const moduleObject: { exports: { default?: React.ComponentType<Record<string, unknown>> } } = { exports: {} }\n  // Compiled source originates from rnwind's own transformer + the JSX compiler.\n  // eslint-disable-next-line sonarjs/code-eval\n  new Function('React', '__rnwind', '__reactNative', 'module', compiled)(React, rnwindRuntime, reactNative, moduleObject)\n  if (!moduleObject.exports.default) {\n    throw new Error('rnwind/testing: evaluated module did not export a default component.')\n  }\n  return moduleObject.exports.default\n}\n\n/**\n * Build the root element `@testing-library/react-native`'s `render`\n * receives. When a scheme is specified, wrap the component in a live\n * `<RnwindProvider>` so hooks like `useScheme()` and `useCss()` return\n * the requested scheme. Otherwise render bare (context falls back to the\n * default `'light'`).\n * @param Component Component to render.\n * @param scheme Optional active scheme override.\n * @param insets\n * @param onHaptics\n * @returns The React element to hand to `render`.\n */\nfunction buildRootElement(\n  Component: React.ComponentType<Record<string, unknown>>,\n  scheme: string | undefined,\n  insets: Partial<Insets> | undefined,\n  onHaptics: OnHaptics | undefined,\n): React.ReactElement {\n  const child = React.createElement(Component)\n  if (scheme === undefined && !insets && !onHaptics) return child\n  const providerProps: { scheme: SchemeName; insets?: Partial<Insets>; onHaptics?: OnHaptics } = {\n    scheme: (scheme ?? 'light') as SchemeName,\n  }\n  if (insets) providerProps.insets = insets\n  if (onHaptics) providerProps.onHaptics = onHaptics\n  return React.createElement(RnwindProvider, providerProps, child)\n}\n\n/**\n * Compose the `wrapper` option `renderHook` accepts. When a scheme is\n * set, wrap the hook's execution context in `<RnwindProvider>` so hooks\n * that read `useScheme()` see the requested scheme. If the user also\n * supplies their own wrapper, nest it inside the provider so both apply.\n * @param scheme Optional active scheme override.\n * @param userWrapper Optional user-supplied wrapper component.\n * @returns A wrapper component suitable for `renderHook`'s `wrapper` option.\n */\nfunction composeHookWrapper(\n  scheme: string | undefined,\n  userWrapper: React.ComponentType<{ children?: React.ReactNode }> | undefined,\n): React.ComponentType<{ children?: React.ReactNode }> | undefined {\n  if (scheme === undefined && !userWrapper) return undefined\n  return function RnwindTestWrapper({ children }: { children?: React.ReactNode }): React.ReactElement {\n    const inner = userWrapper ? React.createElement(userWrapper, null, children) : (children as React.ReactElement)\n    if (scheme === undefined) return inner\n    return React.createElement(RnwindProvider, { scheme: scheme as SchemeName }, inner)\n  }\n}\n\n/**\n * Spin up an ephemeral rnwind project and register the atoms produced\n * by `source` (when provided) into the runtime. Returns the project\n * state and the post-transform source so callers can render the\n * rewritten module or just rely on the registered atoms.\n *\n * Shared between `renderWithCss` (needs the rewritten component) and\n * `renderHookWithCss` (only needs the atoms in the registry).\n * @param options Options controlling the theme and pre-registered source.\n * @param options.themeCss Theme CSS override.\n * @param options.source Source whose Tailwind candidates should be registered.\n * @returns Paths plus the transformed source and a `cleanup` closure.\n */\nasync function bootstrapRnwindRuntime(options: { themeCss?: string; source?: string }): Promise<{\n  projectRoot: string\n  cacheDir: string\n  transformedSource: string\n  cleanup: () => void\n}> {\n  const projectRoot = mkdtempSync(path.join(tmpdir(), 'rnwind-test-'))\n  const cacheDir = path.join(projectRoot, '.rnwind-cache')\n  const cssPath = path.join(projectRoot, 'theme.css')\n  writeFileSync(cssPath, options.themeCss ?? DEFAULT_THEME_CSS)\n  configureRnwindState(cssPath, cacheDir)\n\n  let transformedSource = ''\n  if (options.source !== undefined) {\n    const filename = path.join(projectRoot, 'App.tsx')\n    writeFileSync(filename, options.source)\n    const ast: BabelFile = parse(options.source, { sourceType: 'module', plugins: ['typescript', 'jsx'] })\n    const result = await metroTransform({ filename, src: options.source, options: { projectRoot }, ast })\n    transformedSource = generate(result.ast).code\n    evaluateGeneratedRegistries(cacheDir)\n  }\n\n  const cleanup = (): void => {\n    __resetLookupCssState()\n    __resetResolveState()\n    resetRnwindState()\n    if (existsSync(projectRoot)) rmSync(projectRoot, { recursive: true, force: true })\n  }\n\n  return { projectRoot, cacheDir, transformedSource, cleanup }\n}\n\n/**\n * Synthesize a throwaway source file that mentions each className in a\n * JSX `className=\"...\"` attribute so the Metro transformer's scanner\n * picks them up and records their resolved styles into the union\n * `style.js`. Used by `renderHookWithCss` to pre-register atoms the\n * hook under test will look up.\n * @param classNames Class names to include.\n * @returns Source string suitable for `bootstrapRnwindRuntime`.\n */\nfunction sourceFromClassNames(classNames: readonly string[]): string {\n  const joined = classNames.join(' ').replaceAll('\"', String.raw`\\\"`)\n  return `const V: any = () => null\\nexport default () => <V className=\"${joined}\" />\\n`\n}\n\n// ────────────────────────────────────────────────────────────────────────\n// Public exports — types\n// ────────────────────────────────────────────────────────────────────────\n\n/** Exact signature of `@testing-library/react-native`'s `render`. */\nexport type Render = typeof testingLibraryRender\n\n/** Exact signature of `@testing-library/react-native`'s `renderHook`. */\nexport type RenderHook = typeof testingLibraryRenderHook\n\n/**\n * Exact return type of `@testing-library/react-native`'s `render` — we\n * re-export the upstream type so tests get every query (`getByTestId`,\n * `queryByText`, `rerender`, `unmount`, `debug`, `UNSAFE_root`, …) with\n * its real signature.\n */\nexport type TestingLibraryRenderAPI = ReturnType<typeof testingLibraryRender>\n\n/** Options accepted by {@link renderWithCss}. */\nexport interface RenderWithCssOptions {\n  /** Theme CSS fed to rnwind's parser. Defaults to {@link DEFAULT_THEME_CSS}. */\n  themeCss?: string\n  /**\n   * Active scheme the runtime resolver uses. Defaults to `'light'`.\n   * Flip to `'dark'` / `'brand'` / ... to exercise scheme-variant atoms.\n   */\n  scheme?: string\n  /**\n   * Safe-area insets to inject. When provided, the component tree is\n   * rendered under a `<RnwindProvider insets={...}>` so `*-safe` atoms\n   * resolve to real numbers instead of the `0` fallback. Partial is\n   * accepted — missing sides default to zero.\n   */\n  insets?: Partial<Insets>\n  /**\n   * Haptic dispatcher forwarded onto the implicit `<RnwindProvider>`.\n   * Tests pass a spy callback to assert which haptic atoms fired.\n   */\n  onHaptics?: OnHaptics\n  /**\n   * `react-native` namespace bindings forwarded into the rewritten\n   * module. Defaults to importing the test process's `react-native`\n   * (typically a mocked stub). Override to inject custom host elements.\n   */\n  reactNative?: Record<string, unknown>\n}\n\n/**\n * Result of a {@link renderWithCss} call. Every key from\n * `@testing-library/react-native`'s `render` return value is spread onto\n * this object — `getByTestId`, `queryByText`, `rerender`, `unmount`,\n * `debug`, etc. — so tests use the testing-library API directly.\n *\n * Two rnwind-specific handles are added:\n *  - `transformedSource` — the exact code the rnwind Metro transformer\n *    emitted for your input. Log it to confirm the rewrite.\n *  - `cleanup` — tears down the ephemeral rnwind state + chunk cache dir.\n *    Call from `afterEach` so successive tests don't share atoms.\n */\nexport type RenderWithCssResult = TestingLibraryRenderAPI & {\n  /** The post-transformer source text. Same code Metro would ship. */\n  transformedSource: string\n  /** Tear down the ephemeral rnwind state + cache dir. */\n  cleanup: () => void\n}\n\n/** Options accepted by {@link renderHookWithCss}. */\nexport interface RenderHookWithCssOptions<Props> extends RenderHookOptions<Props> {\n  /** Theme CSS fed to rnwind's parser. Defaults to the built-in minimal theme. */\n  themeCss?: string\n  /**\n   * Active scheme the runtime resolver uses. Defaults to `'light'`. When\n   * set, the hook is wrapped in `<RnwindProvider scheme={scheme}>` so\n   * `useScheme()` / `useCss()` observe the override.\n   */\n  scheme?: string\n  /**\n   * Class names to pre-register into the runtime atom registry before\n   * the hook runs. rnwind synthesizes a throwaway source file mentioning\n   * these classes, feeds it through the real Metro transformer, and\n   * evaluates the generated `style.js` bundle — so the hook sees\n   * exactly the atoms the production bundle would register.\n   */\n  classNames?: readonly string[]\n}\n\n/**\n * Result of a {@link renderHookWithCss} call. Mirrors\n * `@testing-library/react-native`'s `renderHook` return type — `result`,\n * `rerender`, `unmount` — and adds a `cleanup` that tears down the\n * ephemeral rnwind state.\n */\nexport type RenderHookWithCssResult<Result, Props> = ReturnType<typeof testingLibraryRenderHook<Result, Props>> & {\n  /** Tear down the ephemeral rnwind state + cache dir. */\n  cleanup: () => void\n}\n\n// ────────────────────────────────────────────────────────────────────────\n// Public exports — functions\n// ────────────────────────────────────────────────────────────────────────\n\n/**\n * Feed a source string through rnwind's Metro transformer, evaluate\n * the generated `style.js` bundle, evaluate the rewritten module, and\n * render the default-exported component with\n * `@testing-library/react-native`.\n *\n * The rendered RN element's `style` prop is the EXACT array your\n * production bundle would attach — same transformer, same runtime\n * resolver, same atoms. Assert on `flatten(node.props.style)` to verify\n * the resolved values.\n * @example\n * ```tsx\n * const handle = await renderWithCss(\n *   `import { View } from 'react-native'\n *    export default () => <View className=\"bg-primary p-4\" testID=\"box\" />`,\n *   { themeCss: `@import 'tailwindcss'; @theme { --color-primary: #6366f1; }` },\n * )\n * const flat = flatten(handle.getByTestId('box').props.style)\n * expect(flat.backgroundColor).toBe('#6366f1')\n * ```\n * @param source User source (one file) to transform + render.\n * @param options Optional theme override, scheme, and `react-native` bindings.\n * @returns Render queries + diagnostic handles.\n */\nexport async function renderWithCss(source: string, options: RenderWithCssOptions = {}): Promise<RenderWithCssResult> {\n  const reactNative = options.reactNative ?? resolveReactNative()\n  const {\n    projectRoot: _projectRoot,\n    transformedSource,\n    cleanup,\n  } = await bootstrapRnwindRuntime({\n    themeCss: options.themeCss,\n    source,\n  })\n  const Component = evaluateRewrittenModule(transformedSource, reactNative)\n  const rendered = TESTING_LIBRARY.render(buildRootElement(Component, options.scheme, options.insets, options.onHaptics))\n  return Object.assign({}, rendered, { transformedSource, cleanup })\n}\n\n/**\n * Render-side counterpart to {@link renderWithCss} for testing hooks in\n * isolation. Pre-registers atoms for the supplied `classNames`, wraps\n * the hook in an optional `<RnwindProvider>`, and forwards to\n * `@testing-library/react-native`'s `renderHook`.\n * @example\n * ```ts\n * const { result, cleanup } = await renderHookWithCss(\n *   () => useCss('bg-primary'),\n *   {\n *     themeCss: `@import 'tailwindcss'; @theme { --color-primary: #6366f1; }`,\n *     classNames: ['bg-primary'],\n *   },\n * )\n * expect(flatten(result.current).backgroundColor).toBe('#6366f1')\n * cleanup()\n * ```\n * @param callback Hook body — same shape as `renderHook(callback)`.\n * @param options Theme, scheme, classNames to pre-register, plus\n *   everything `renderHook` itself accepts (`initialProps`, `wrapper`).\n * @returns `renderHook`'s return value plus a `cleanup` function.\n */\nexport async function renderHookWithCss<Result, Props = unknown>(\n  callback: (props: Props) => Result,\n  options: RenderHookWithCssOptions<Props> = {},\n): Promise<RenderHookWithCssResult<Result, Props>> {\n  const { cleanup } = await bootstrapRnwindRuntime({\n    themeCss: options.themeCss,\n    source: options.classNames && options.classNames.length > 0 ? sourceFromClassNames(options.classNames) : undefined,\n  })\n  const wrapper = composeHookWrapper(options.scheme, options.wrapper as RenderHookWithCssOptions<Props>['wrapper'])\n  const { themeCss: _themeCss, scheme: _scheme, classNames: _classNames, ...hookOptions } = options\n  const rendered = TESTING_LIBRARY.renderHook<Result, Props>(callback, {\n    ...(hookOptions as RenderHookOptions<Props>),\n    wrapper,\n  })\n  return Object.assign({}, rendered, { cleanup })\n}\n\n/**\n * Flatten a React Native style array (or single style object) into one\n * merged record. RN flattens left-to-right (later wins), so the returned\n * record is what the native view manager actually applies.\n * @param styles Style array, single object, or null/undefined.\n * @returns Flat style record.\n */\nexport function flatten(styles: unknown): Record<string, unknown> {\n  if (styles == null) return {}\n  if (Array.isArray(styles)) return Object.assign({}, ...styles.map((entry) => flatten(entry)))\n  if (typeof styles === 'object') return styles as Record<string, unknown>\n  return {}\n}\n"],"names":["generateImport","rnwindRuntime","metroTransform"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rnwind",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "Tailwind for React Native",
   "author": "https://github.com/sagltd",
   "license": "MIT",
@@ -56,6 +56,7 @@
   ],
   "scripts": {
     "build": "rollup -c rollup.config.mjs",
+    "bench": "bun run bench/resolve.bench.ts",
     "test": "bun test ./__tests__",
     "test:coverage": "bun test ./__tests__ --coverage",
     "typecheck": "tsc --noEmit",

package/src/core/normalize-classname.ts

@@ -0,0 +1,19 @@
+/**
+ * Normalize a className for molecule keying: trim, collapse runs of
+ * whitespace, and drop exact-duplicate tokens — but PRESERVE ORDER.
+ * Tailwind is last-wins for conflicting utilities (`p-4 p-2` ≠ `p-2 p-4`),
+ * so sorting would corrupt the merge. Build-time (molecule keys) and
+ * runtime (lookup) call the identical function so their keys always match.
+ * @param className Raw className string.
+ * @returns Normalized, order-preserving className.
+ */
+export function normalizeClassName(className: string): string {
+  const seen = new Set<string>()
+  const out: string[] = []
+  for (const token of className.trim().split(/\s+/)) {
+    if (token.length === 0 || seen.has(token)) continue
+    seen.add(token)
+    out.push(token)
+  }
+  return out.join(' ')
+}

package/src/core/style-builder/build-style.ts

@@ -1,4 +1,5 @@
 import type { KeyframeBlock, RNStyle, SchemedStyle } from '../parser'
+import { normalizeClassName } from '../normalize-classname'
 
 /** Match atom names like `border-hairline`, `h-hairline`, `border-t-hairline`, etc. */
 const HAIRLINE_ATOM = /-hairline$/
@@ -179,61 +180,96 @@ function prepareAtomValue(atomName: string, style: RNStyle, keyframes: ReadonlyM
 }
 
 /**
- * Per-file value deduplicator — interns each unique serialized atom
- * value once and emits `const _s<N> = <value>` at module scope. Scheme
- * entries reference the const instead of inlining the literal.
- *
- * Wins: (1) smaller bundle bytes for themes with many atoms sharing a
- * style shape; (2) stable `===` inside one scheme so two atoms
- * resolving to the same value yield the same object reference.
+ * Decide which serialized atom values get hoisted to a shared `const`.
+ * A value is hoisted ONLY when ≥2 atoms share it — then one
+ * `const _s<N> = <value>` saves the repeated bytes AND gives those atoms
+ * one shared object (reference identity). A value used once is inlined
+ * directly at its atom (`"-m-2": {"margin":-8}`) — hoisting a singleton
+ * would only add bytes. First-seen order keeps the const indices stable
+ * across workers.
+ * @param entries `[atomName, serializedValue]` pairs (atom-sorted).
+ * @returns `{ constFor }` value→const-name map + `decls` source lines.
  */
-class ValueDeduper {
-  private readonly byText = new Map<string, string>()
-  private readonly decls: string[] = []
-
-  intern(serialized: string): string {
-    const existing = this.byText.get(serialized)
-    if (existing) return existing
-    const name = `_s${this.decls.length}`
-    this.decls.push(`const ${name} = ${serialized}`)
-    this.byText.set(serialized, name)
-    return name
+function planValueConsts(entries: readonly (readonly [string, string])[]): {
+  constFor: ReadonlyMap<string, string>
+  decls: readonly string[]
+} {
+  const counts = new Map<string, number>()
+  for (const [, value] of entries) counts.set(value, (counts.get(value) ?? 0) + 1)
+  const constFor = new Map<string, string>()
+  const decls: string[] = []
+  for (const [value, count] of counts) {
+    if (count < 2) continue
+    const name = `_s${decls.length}`
+    constFor.set(value, name)
+    decls.push(`const ${name} = ${value}`)
   }
+  return { constFor, decls }
+}
 
-  get declarations(): readonly string[] {
-    return this.decls
-  }
+/**
+ * Serialize a scheme's molecule map into a `registerMolecules(...)` object
+ * literal, sorted by className for byte-deterministic output.
+ * @param molecules normalized className → pre-merged style object.
+ * @returns Object-literal source (`null` when empty).
+ */
+function serializeMolecules(molecules: Record<string, RNStyle> | undefined): string | null {
+  if (!molecules) return null
+  const keys = Object.keys(molecules).toSorted((a, b) => a.localeCompare(b))
+  if (keys.length === 0) return null
+  const body = keys.map((cn) => `  ${JSON.stringify(cn)}: ${JSON.stringify(molecules[cn])},`)
+  return ['{', ...body, '}'].join('\n')
 }
 
 /**
  * Render one scheme file's source. `entries` is the list of atoms this
  * scheme contributes — for `common` every atom's canonical value; for
  * a variant only atoms whose value differs from canonical. Hairline
- * atoms in this file trigger the `StyleSheet` import.
+ * atoms in this file trigger the `StyleSheet` import. Pre-merged
+ * molecules (when present) are registered alongside the atoms so the
+ * runtime resolver's molecule-first path is populated.
  * @param schemeName Registry key (`'common'` or the variant name).
  * @param entries `[atomName, serializedValue]` pairs to emit.
+ * @param molecules Pre-merged className → style map for this scheme.
  * @returns JS source text.
  */
-function renderSchemeFile(schemeName: string, entries: readonly (readonly [string, string])[]): string {
+function renderSchemeFile(
+  schemeName: string,
+  entries: readonly (readonly [string, string])[],
+  molecules?: Record<string, RNStyle>,
+): string {
   const needsStyleSheet = entries.some(([atom]) => isHairlineAtom(atom))
-  const deduper = new ValueDeduper()
-  const recordLines: string[] = []
-  for (const [atom, value] of entries) {
-    const ref = deduper.intern(value)
-    recordLines.push(`  ${JSON.stringify(atom)}: ${ref},`)
-  }
+  const { constFor, decls } = planValueConsts(entries)
+  const recordLines = entries.map(([atom, value]) => `  ${JSON.stringify(atom)}: ${constFor.get(value) ?? value},`)
+  const moleculeLiteral = serializeMolecules(molecules)
 
+  const imports = ['registerAtoms']
+  if (moleculeLiteral) imports.push('registerMolecules')
   const lines: string[] = []
   if (needsStyleSheet) lines.push(`import { StyleSheet } from 'react-native'`)
-  lines.push(`import { registerAtoms } from 'rnwind'`, ``)
-  if (deduper.declarations.length > 0) {
-    for (const decl of deduper.declarations) lines.push(decl)
+  lines.push(`import { ${imports.join(', ')} } from 'rnwind'`, ``)
+  if (decls.length > 0) {
+    for (const decl of decls) lines.push(decl)
     lines.push(``)
   }
   lines.push(`registerAtoms(${JSON.stringify(schemeName)}, {`, ...recordLines, `})`, ``)
+  if (moleculeLiteral) lines.push(`registerMolecules(${JSON.stringify(schemeName)}, ${moleculeLiteral})`, ``)
   return lines.join('\n')
 }
 
+/**
+ * Serialize a feature map (atom name → JSON-able value: gradient info or
+ * haptic request) into a stable JS object literal for the manifest.
+ * Sorted by key so the output is byte-deterministic across workers.
+ * @param map Atom name → feature value.
+ * @returns Object-literal source.
+ */
+function serializeFeatureMap(map: ReadonlyMap<string, unknown>): string {
+  const entries = [...map.entries()].toSorted((a, b) => a[0].localeCompare(b[0]))
+  const body = entries.map(([key, value]) => `${JSON.stringify(key)}: ${JSON.stringify(value)}`).join(', ')
+  return `{ ${body} }`
+}
+
 /**
  * Render the JS-object literal for the responsive-breakpoint table the
  * runtime registers at manifest-load time. Sorted by ascending px
@@ -250,35 +286,215 @@ function serializeBreakpoints(breakpoints: ReadonlyMap<string, number>): string
 }
 
 /**
- * Render the manifest module. Eager-imports `common.style.js` (every
- * rewritten source file pulls this via a transitive side-effect
- * import), registers the responsive-breakpoint table once, and lazy-
- * requires every variant scheme's file through an inline require —
- * first call in `ensureSchemeLoaded(name)` triggers the scheme
- * module's evaluation; Metro's module cache makes subsequent calls
- * no-ops.
+ * Render the manifest module. EAGER-imports `common.style.js` AND every
+ * variant scheme file so every scheme's atoms register the moment the
+ * manifest evaluates — no lazy `require`. Lazy loading raced the cold
+ * start: `RnwindProvider` calls `loadScheme(scheme)` on its first render,
+ * but on a cold boot the manifest (hence `registerSchemeLoader`) may not
+ * have evaluated yet, so that call no-ops and the active variant's atoms
+ * never load — scheme-dependent styles fall back to `common` (the light
+ * default) until a reload. Eager imports remove the race entirely; the
+ * variant files are small diffs, so the upfront cost is negligible.
+ * `ensureSchemeLoaded` stays exported as a no-op for API compatibility.
  * @param variants Variant scheme names (no `base`, no `common`).
  * @param breakpoints Responsive breakpoint name → px-threshold map.
+ * @param gradients Atom → gradient info for `registerGradients`.
+ * @param haptics Atom → haptic request for `registerHaptics`.
  * @returns JS source text.
  */
-function renderManifest(variants: readonly string[], breakpoints: ReadonlyMap<string, number>): string {
-  const lines: string[] = [
-    `import { registerSchemeLoader, registerBreakpoints } from 'rnwind'`,
-    `import './common.style'`,
+function renderManifest(
+  variants: readonly string[],
+  breakpoints: ReadonlyMap<string, number>,
+  gradients: ReadonlyMap<string, unknown>,
+  haptics: ReadonlyMap<string, unknown>,
+): string {
+  const imports = ['registerSchemeLoader', 'registerBreakpoints']
+  if (gradients.size > 0) imports.push('registerGradients')
+  if (haptics.size > 0) imports.push('registerHaptics')
+  const lines: string[] = [`import { ${imports.join(', ')} } from 'rnwind'`, `import './common.style'`]
+  for (const variant of variants) lines.push(`import ${JSON.stringify(`./${variant}.style`)}`)
+  lines.push(``, `registerBreakpoints(${serializeBreakpoints(breakpoints)})`)
+  if (gradients.size > 0) lines.push(`registerGradients(${serializeFeatureMap(gradients)})`)
+  if (haptics.size > 0) lines.push(`registerHaptics(${serializeFeatureMap(haptics)})`)
+  lines.push(
+    ``,
+    `function ensureSchemeLoaded(_name) {}`,
     ``,
-    `registerBreakpoints(${serializeBreakpoints(breakpoints)})`,
+    `registerSchemeLoader(ensureSchemeLoaded)`,
     ``,
-  ]
-  if (variants.length === 0) {
-    lines.push(`function ensureSchemeLoaded(_name) {}`, ``, `registerSchemeLoader(ensureSchemeLoaded)`, ``, `export { ensureSchemeLoaded }`, ``)
-    return lines.join('\n')
+    `export { ensureSchemeLoaded }`,
+    ``,
+  )
+  return lines.join('\n')
+}
+
+/**
+ * Whether a resolved style carries a nested safe-area marker — molecules
+ * can't pre-bake these because the inset value is per-render.
+ * @param style Raw resolved RN style (pre-envelope).
+ * @returns True when any value is a `{__safe: ...}` marker.
+ */
+function hasSafeMarker(style: RNStyle): boolean {
+  for (const key of Object.keys(style)) {
+    const value = style[key]
+    if (typeof value !== 'object' || !value) continue
+    if ('__safe' in value) return true
   }
-  lines.push(`const LOADERS = {`)
+  return false
+}
+
+/**
+ * Whether a resolved style has font-scale-sensitive props. Molecules
+ * can't pre-bake these because `fontSize`/`lineHeight` scale per-render
+ * with `useWindowDimensions().fontScale`.
+ * @param style Resolved RN style.
+ * @returns True when `fontSize` or `lineHeight` is present.
+ */
+function hasFontScaleProperty(style: RNStyle): boolean {
+  return 'fontSize' in style || 'lineHeight' in style
+}
+
+/**
+ * Whether a token is a feature-only utility (gradient stop/direction,
+ * haptic, or text-truncate) that contributes NO RN `style` — the runtime
+ * resolver folds these in via `attachFeatures`, so they don't disqualify
+ * a molecule, they just merge nothing.
+ * @param token Atom name.
+ * @param gradients Gradient feature map.
+ * @param haptics Haptic feature map.
+ * @returns True when the token is a non-style feature.
+ */
+function isFeatureToken(token: string, gradients: ReadonlyMap<string, unknown>, haptics: ReadonlyMap<string, unknown>): boolean {
+  if (gradients.has(token) || haptics.has(token)) return true
+  return token === 'truncate' || token === 'text-ellipsis' || token === 'text-clip' || token.startsWith('line-clamp-')
+}
+
+/**
+ * Resolve one atom's value under a scheme: the scheme's own non-empty
+ * bucket, falling back to canonical. `common` always reads canonical.
+ * @param schemed Parser-produced per-scheme bucket.
+ * @param scheme Scheme key (`'common'` or a variant name).
+ * @returns The atom's RN style for that scheme, or undefined.
+ */
+function schemeValueOf(schemed: SchemedStyle, scheme: string): RNStyle | undefined {
+  if (scheme === COMMON_SCHEME) return canonicalValue(schemed)
+  const own = (schemed as Readonly<Record<string, RNStyle>>)[scheme]
+  return isNonEmptyStyle(own) ? own : canonicalValue(schemed)
+}
+
+/**
+ * Pre-merge a normalized className's atoms into ONE RN style object for a
+ * scheme, or null when the className is NOT molecule-eligible. A
+ * className is eligible only when every token is context-independent:
+ *  - no variant prefix (`active:` / `focus:` / `md:` / `dark:` — anything
+ *    with a `:`), so scheme/state/breakpoint gating never applies,
+ *  - no `*-hairline`, `*-safe`, or font-scale (`fontSize`/`lineHeight`)
+ *    atom, whose value is resolved per-render.
+ * Feature-only tokens (gradient / haptic / truncate) are skipped, not
+ * disqualifying — the runtime folds them in via `attachFeatures`. Unknown
+ * tokens disqualify so the atom path still surfaces the dev warning.
+ * @param tokens Normalized className tokens (order preserved).
+ * @param scheme Scheme key to resolve each atom under.
+ * @param resolved Per-atom schemed styles.
+ * @param keyframes Keyframes to inline into `animationName`.
+ * @param gradients Gradient feature map.
+ * @param haptics Haptic feature map.
+ * @returns Merged style object, or null when not eligible.
+ */
+function mergeMolecule(
+  tokens: readonly string[],
+  scheme: string,
+  resolved: ReadonlyMap<string, SchemedStyle>,
+  keyframes: ReadonlyMap<string, KeyframeBlock>,
+  gradients: ReadonlyMap<string, unknown>,
+  haptics: ReadonlyMap<string, unknown>,
+): RNStyle | null {
+  const merged: RNStyle = {}
+  for (const token of tokens) {
+    if (token.includes(':')) return null
+    if (isFeatureToken(token, gradients, haptics)) continue
+    if (isHairlineAtom(token)) return null
+    const schemed = resolved.get(token)
+    if (!schemed) return null
+    const raw = schemeValueOf(schemed, scheme)
+    if (!raw) continue
+    if (hasSafeMarker(raw) || hasFontScaleProperty(raw)) return null
+    Object.assign(merged, inlineAnimationName(raw, keyframes))
+  }
+  return merged
+}
+
+/**
+ * Emit each variant's molecule for one className — but only when the
+ * variant's merge DIFFERS from common (runtime falls back to common).
+ * @param normalized Normalized className key.
+ * @param tokens Normalized className tokens.
+ * @param commonText Serialized common-scheme merge for the diff check.
+ * @param variants Variant scheme names.
+ * @param variantMaps Mutable per-variant molecule collectors.
+ * @param resolved Per-atom schemed styles.
+ * @param keyframes Keyframes to inline.
+ * @param gradients Gradient feature map.
+ * @param haptics Haptic feature map.
+ */
+function addVariantMolecules(
+  normalized: string,
+  tokens: readonly string[],
+  commonText: string,
+  variants: readonly string[],
+  variantMaps: Record<string, Record<string, RNStyle>>,
+  resolved: ReadonlyMap<string, SchemedStyle>,
+  keyframes: ReadonlyMap<string, KeyframeBlock>,
+  gradients: ReadonlyMap<string, unknown>,
+  haptics: ReadonlyMap<string, unknown>,
+): void {
   for (const variant of variants) {
-    lines.push(`  ${JSON.stringify(variant)}: () => require(${JSON.stringify(`./${variant}.style`)}),`)
+    const variantMerged = mergeMolecule(tokens, variant, resolved, keyframes, gradients, haptics)
+    if (variantMerged === null) continue
+    if (JSON.stringify(variantMerged) !== commonText) variantMaps[variant][normalized] = variantMerged
   }
-  lines.push(`}`, ``, `function ensureSchemeLoaded(name) {`, `  const loader = LOADERS[name]`, `  if (loader) loader()`, `}`, ``, `registerSchemeLoader(ensureSchemeLoaded)`, ``, `export { ensureSchemeLoaded }`, ``)
-  return lines.join('\n')
+}
+
+/**
+ * Build per-scheme molecules for every literal className the project
+ * uses. Each eligible className gets a pre-merged style object under
+ * `common`; a variant only carries an entry when its merge DIFFERS from
+ * common (runtime falls back `molecules[scheme] ?? molecules.common`).
+ * @param literals Distinct literal className strings (raw).
+ * @param resolved Per-atom schemed styles.
+ * @param keyframes Keyframes to inline.
+ * @param variants Variant scheme names.
+ * @param gradients Gradient feature map.
+ * @param haptics Haptic feature map.
+ * @returns scheme → (normalized className → merged style).
+ */
+function buildMolecules(
+  literals: readonly string[],
+  resolved: ReadonlyMap<string, SchemedStyle>,
+  keyframes: ReadonlyMap<string, KeyframeBlock>,
+  variants: readonly string[],
+  gradients: ReadonlyMap<string, unknown>,
+  haptics: ReadonlyMap<string, unknown>,
+): Record<string, Record<string, RNStyle>> {
+  const common: Record<string, RNStyle> = {}
+  const variantMaps: Record<string, Record<string, RNStyle>> = {}
+  for (const variant of variants) variantMaps[variant] = {}
+
+  for (const literal of literals) {
+    const normalized = normalizeClassName(literal)
+    if (normalized.length === 0) continue
+    const tokens = normalized.split(' ')
+    const commonMerged = mergeMolecule(tokens, COMMON_SCHEME, resolved, keyframes, gradients, haptics)
+    if (commonMerged === null) continue
+    common[normalized] = commonMerged
+    addVariantMolecules(normalized, tokens, JSON.stringify(commonMerged), variants, variantMaps, resolved, keyframes, gradients, haptics)
+  }
+
+  const out: Record<string, Record<string, RNStyle>> = { [COMMON_SCHEME]: common }
+  for (const variant of variants) {
+    if (Object.keys(variantMaps[variant]).length > 0) out[variant] = variantMaps[variant]
+  }
+  return out
 }
 
 /** Output of one build pass — one source per scheme plus the manifest. */
@@ -458,6 +674,11 @@ const EMPTY_BREAKPOINTS: ReadonlyMap<string, number> = new Map()
  *   manifest emits `registerBreakpoints({...})` so the runtime can gate
  *   `md:*` / `lg:*` atoms on `windowWidth`. Optional — empty when the
  *   theme declares no breakpoints (legacy/test callers).
+ * @param gradients Gradient feature map (atom → role/colour) for the manifest + molecule eligibility.
+ * @param haptics Haptic feature map (atom → request) for the manifest + molecule eligibility.
+ * @param literals Distinct literal className strings — pre-merged into
+ *   per-scheme molecules so the runtime resolver's O(1) molecule-first
+ *   path is populated. Empty for legacy/test callers (atom path only).
  * @returns Per-scheme sources, manifest source, variant list.
  */
 export function buildSchemeSources(
@@ -466,6 +687,9 @@ export function buildSchemeSources(
   keyframes: ReadonlyMap<string, KeyframeBlock>,
   cache?: AtomSerializedCache,
   breakpoints: ReadonlyMap<string, number> = EMPTY_BREAKPOINTS,
+  gradients: ReadonlyMap<string, unknown> = EMPTY_FEATURE_MAP,
+  haptics: ReadonlyMap<string, unknown> = EMPTY_FEATURE_MAP,
+  literals: readonly string[] = EMPTY_LITERALS,
 ): BuildSchemeSourcesOutput {
   const variants = collectVariantSchemes(resolved)
   const commonEntries: (readonly [string, string])[] = []
@@ -481,20 +705,27 @@ export function buildSchemeSources(
     misses += collectAtomEntries(atom, schemed, canonical, variants, keyframes, commonEntries, variantEntries, cache)
   }
 
+  const molecules = buildMolecules(literals, resolved, keyframes, variants, gradients, haptics)
   const schemeSources: Record<string, string> = {
-    [COMMON_SCHEME]: renderSchemeFile(COMMON_SCHEME, commonEntries),
+    [COMMON_SCHEME]: renderSchemeFile(COMMON_SCHEME, commonEntries, molecules[COMMON_SCHEME]),
   }
   for (const variant of variants) {
-    schemeSources[variant] = renderSchemeFile(variant, variantEntries[variant])
+    schemeSources[variant] = renderSchemeFile(variant, variantEntries[variant], molecules[variant])
   }
 
   return {
     schemeSources,
-    manifestSource: renderManifest(variants, breakpoints),
+    manifestSource: renderManifest(variants, breakpoints, gradients, haptics),
     variants,
     serializedMisses: misses,
   }
 }
 
+/** Shared empty feature map default. */
+const EMPTY_FEATURE_MAP: ReadonlyMap<string, unknown> = new Map()
+
+/** Shared empty literal-list default (atom-only callers). */
+const EMPTY_LITERALS: readonly string[] = []
+
 /** Registry key the runtime uses for the always-loaded fallback. */
 export const COMMON_SCHEME_NAME: string = COMMON_SCHEME