rnwind 0.0.1 → 0.0.2

package/lib/cjs/runtime/lookup-css.d.ts

@@ -0,0 +1,164 @@
+/**
+ * Runtime resolver for rnwind-transformed files.
+ *
+ * Hot path is ONE WeakMap.get + cached-array return for stable atoms
+ * (no `active:`/`focus:`/`*-safe` variance beyond what the cache key
+ * captures). First call per (hoist, scheme, stateIndex) walks the
+ * atoms once, looks each up as
+ *
+ *   `cache.atoms[scheme]?.[atom] ?? cache.atoms.common?.[atom]`
+ *
+ * and caches the result. `registerAtoms(scheme, record)` bumps a
+ * version counter; the next lookup notices the mismatch and rebuilds.
+ *
+ * Keyframes are inlined directly into atom values via `animationName`
+ * at build time — no separate registry.
+ */
+import type { RnwindState } from './components/rnwind-provider';
+/**
+ * One entry in the sorted-by-threshold breakpoints array. The runtime
+ * derives an atom's threshold by matching its `<prefix>:` against
+ * `name`; the array form is preferred over a Map so the hot-path
+ * `tierFor(width)` walk is a tight numeric loop.
+ */
+interface BreakpointEntry {
+    readonly name: string;
+    readonly minWidth: number;
+}
+/** Optional window-height provider for the `screen-minus-y` marker. */
+type WindowHeightProvider = () => number;
+/**
+ * Optional scheme loader. Registered by the generated manifest module
+ * (`rnwind/__generated/schemes`) once at import time. SchemeProvider
+ * calls it synchronously on every render with the active scheme name;
+ * first call per scheme pulls the scheme's style module in via an
+ * inline `require()` — subsequent calls are a no-op through Metro's
+ * module cache.
+ */
+type SchemeLoader = (scheme: string) => void;
+/**
+ * Per-render snapshot of which interactive states (active, focus) are
+ * currently engaged. Forwarded from the `useInteract()` hook the
+ * transformer injects.
+ */
+export interface InteractState {
+    active?: boolean;
+    focus?: boolean;
+}
+/**
+ * Safe-area insets bundle the transformer passes to `lookupCss` when a
+ * file uses any `*-safe` utility.
+ */
+export interface LookupInsets {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+/**
+ * Precomputed safe-area marker spec emitted by the build-side
+ * `envelopeSafeMarkers`. Tuple form: `[cssKey, sideTag, or, offset]`.
+ */
+export type SafeMarkerSpec = readonly [string, string, number | undefined, number | undefined];
+/** Type alias: the atom-list build output the transformer emits. */
+export type HoistedClassName = readonly string[];
+/**
+ * Register a window-height provider used by the `screen-minus-y`
+ * safe-area variant. When not wired, `h-screen-safe` resolves to `0`.
+ * @param provider Callback returning the current window height in px.
+ */
+export declare function setWindowHeightProvider(provider: WindowHeightProvider | null): void;
+/**
+ * Register the scheme-loader function exported by the generated
+ * manifest module. Called once at manifest-module evaluation time —
+ * subsequent registrations override the previous loader (useful for
+ * tests).
+ * @param loader Manifest's `ensureSchemeLoaded` function, or null to
+ *   detach (tests).
+ */
+export declare function registerSchemeLoader(loader: SchemeLoader | null): void;
+/**
+ * Ensure the given scheme's style module is loaded. Safe to call in
+ * render — zero-cost after the first call per scheme thanks to
+ * Metro's module cache, and a no-op when no loader is registered
+ * (tests, or a bundle without rnwind-transformed sources).
+ * @param scheme Active scheme name.
+ */
+export declare function loadScheme(scheme: string): void;
+/**
+ * Register (or re-register) one scheme's atoms in the global registry.
+ * Pure property assignment — no iteration, no allocation. The version
+ * counter bump invalidates every hoist-level result cache lazily on
+ * next read.
+ * @param scheme Registry key — `'common'` for the always-loaded
+ *   fallback, or a variant name (`'dark'`, `'light'`, `'brand'`, ...).
+ * @param atoms Plain record keyed by atom name.
+ */
+export declare function registerAtoms(scheme: string, atoms: Record<string, unknown>): void;
+/**
+ * Register the responsive-breakpoint table the manifest module emits at
+ * load time. Replaces the prior table — calling with `{}` clears it.
+ * Bumps `atomVersion` so any cached lookup invalidates on next read,
+ * which matters during a theme HMR cycle that adds/removes breakpoints.
+ * @param breakpoints Breakpoint name → minimum-width threshold (px).
+ */
+export declare function registerBreakpoints(breakpoints: Record<string, number>): void;
+/**
+ * Snapshot of the registered breakpoints, for callers that want to
+ * compute their own derivations (e.g. the provider deriving the active
+ * breakpoint name). Returns a fresh array — callers can iterate without
+ * worrying about concurrent mutation from a manifest reload.
+ * @returns Breakpoints sorted by ascending min-width threshold.
+ */
+export declare function getBreakpoints(): readonly BreakpointEntry[];
+/**
+ * Sentinel name returned by {@link activeBreakpointFor} ONLY when no
+ * breakpoints are registered at all (bundle without rnwind-transformed
+ * sources, fresh test setup). When at least one breakpoint is
+ * registered, the function falls back to the smallest registered name
+ * instead — so phone-width devices (402 dp on a stock iPhone, well
+ * below `sm = 640`) report `activeBreakpoint === 'sm'` rather than the
+ * abstract `'base'`. This matches the user expectation that the value
+ * is always a real Tailwind breakpoint label they can branch on.
+ *
+ * Note: this is decoupled from the className filter. `sm:*` atoms
+ * still only fire at `windowWidth >= 640` per Tailwind's mobile-first
+ * spec — `activeBreakpoint === 'sm'` at 402 means "I'm in the smallest
+ * tier", not "`sm:` classes are firing".
+ */
+export declare const BASE_BREAKPOINT = "base";
+/**
+ * Resolve the currently-active breakpoint name for a width:
+ *  - `windowWidth >= some threshold` → the highest matching breakpoint name.
+ *  - below every registered threshold → the smallest registered name.
+ *  - no breakpoints registered → {@link BASE_BREAKPOINT}.
+ * Always returns a string so consumers can branch on it without
+ * null-handling.
+ * @param windowWidth Live window width in px.
+ * @returns Active breakpoint name (never null).
+ */
+export declare function activeBreakpointFor(windowWidth: number): string;
+/**
+ * Resolve a className input against the active rnwind context. Hot
+ * path:
+ *  - Array input (build hoist): ONE WeakMap.get + ONE record-access
+ *    + cached array return. No per-render allocation when there's no
+ *    userStyle and the hoist has no safe atoms.
+ *  - String input (dynamic `className={expr}`): tokenise + walk.
+ * @param input Hoisted atom list or raw className string.
+ * @param ctx Rnwind context — `{scheme, fontScale, insets}` (extra
+ *   fields ignored). Pass the result of `useRnwind()` directly.
+ * @param userStyle Optional caller-supplied style appended last.
+ * @param interactState Live active/focus flags from `useInteract()`.
+ * @returns Style array for React Native's `style` prop.
+ */
+export declare function lookupCss(input: HoistedClassName | string | null | undefined, ctx: RnwindState, userStyle?: unknown, interactState?: InteractState): readonly unknown[];
+/** Test-only — clear the global registry between suites. */
+export declare function __resetLookupCssState(): void;
+/**
+ * Test-only sugar: accept a single-scheme record and register it as the
+ * `common` table.
+ * @param record Atom name → value record (registered under `common`).
+ */
+export declare function __registerAtomsFromRecord(record: Record<string, unknown>): void;
+export {};

package/lib/cjs/runtime/types.d.ts

@@ -0,0 +1,29 @@
+/**
+ * App-level configuration projected into the type system. Apps extend this
+ * interface from their generated `rnwind-types.d.ts` — which rnwind writes
+ * alongside the CSS theme on every Metro start — to narrow `Scheme` to the
+ * exact scheme names declared in `global.css`.
+ *
+ * Left empty here so library code stays buildable without a generated
+ * augmentation; `Scheme` falls back to `string` under that default.
+ * @example
+ * ```ts
+ * // rnwind-types.d.ts (auto-generated)
+ * declare module 'rnwind' {
+ *   export interface RnwindConfig {
+ *     themes: readonly ['light', 'dark', 'brand']
+ *   }
+ * }
+ * ```
+ */
+export interface RnwindConfig {
+}
+/**
+ * Type of the `scheme` prop + the value returned by `useScheme()`. Resolves
+ * to the literal union declared on {@link RnwindConfig.themes} when the app
+ * provides one via `rnwind-types.d.ts`; falls back to `string` otherwise so
+ * consumers without generated types keep compiling.
+ */
+export type Scheme = RnwindConfig extends {
+    themes: infer T;
+} ? T extends readonly (infer S)[] ? Extract<S, string> : string : string;

package/lib/cjs/testing/index.cjs

@@ -0,0 +1,367 @@
+'use strict';
+
+var parser = require('@babel/parser');
+var generate$1 = require('@babel/generator');
+var node_fs = require('node:fs');
+var node_module = require('node:module');
+var node_os = require('node:os');
+var path = require('node:path');
+var React = require('react');
+var lookupCss = require('../runtime/lookup-css.cjs');
+var rnwindProvider = require('../runtime/components/rnwind-provider.cjs');
+var haptics = require('../runtime/haptics.cjs');
+var state = require('../metro/state.cjs');
+var metro_transformer = require('../metro/transformer.cjs');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+// ────────────────────────────────────────────────────────────────────────
+// Private constants
+// ────────────────────────────────────────────────────────────────────────
+/**
+ * Minimal theme every `renderWithCss` call defaults to. Ships the two
+ * conventional schemes so atoms carrying `dark:` / `light:` prefixes
+ * resolve without the caller having to craft a theme CSS string.
+ */
+const DEFAULT_THEME_CSS = `@import 'tailwindcss';
+@layer theme {
+  :root {
+    @variant light { --color-bg: #ffffff; --color-fg: #0a0a0a; }
+    @variant dark  { --color-bg: #0a0a0a; --color-fg: #ffffff; }
+  }
+}
+`;
+/** `StyleSheet.create` stub the evaluated bundle calls — identity at test time. */
+const BUNDLE_STYLE_SHEET = { create: (styles) => styles, hairlineWidth: 1 };
+/** Stubbed interactive-state hook return matching `useInteract()`. */
+const NOOP_INTERACT = {
+    state: undefined,
+    onPressIn: () => undefined,
+    onPressOut: () => undefined,
+    onFocus: () => undefined,
+    onBlur: () => undefined,
+};
+/**
+ * Identity chain helper matching `chainPress` / `chainFocus`. Returns a
+ * single callback that invokes every supplied handler in turn.
+ * @param handlers Handlers to chain.
+ * @returns Combined callback.
+ */
+const NOOP_CHAIN = (...handlers) => (...args) => {
+    for (const handler of handlers) {
+        if (typeof handler === 'function')
+            handler(...args);
+    }
+};
+// Synthesize a require rooted at the consumer's cwd so optional peer
+// lookups (`@testing-library/react-native`, `esbuild`) resolve from THEIR
+// node_modules, not rnwind's. A workspace-local rnwind install resolves
+// through a different node_modules chain than the test cwd — we want the
+// test's chain.
+const localRequire = node_module.createRequire(path.join(process.cwd(), 'package.json'));
+const generate = generate$1.default ?? generate$1;
+/**
+ * Pre-loaded `@testing-library/react-native`. Resolved once at module
+ * init (not lazily per-call) because the testing library registers
+ * `beforeAll`/`afterEach` cleanup hooks on import — and Bun's test
+ * runner refuses to register lifecycle hooks from inside a running
+ * test body, which is where the first `renderWithCss` call lands.
+ */
+const TESTING_LIBRARY = (() => {
+    try {
+        return localRequire('@testing-library/react-native');
+    }
+    catch (error) {
+        throw new Error('rnwind/testing: cannot load `@testing-library/react-native`. Add it to your dev dependencies. Underlying error: ' +
+            (error instanceof Error ? error.message : String(error)));
+    }
+})();
+/**
+ * Default lookup for the test process's `react-native` module. Users
+ * who run with a mocked `react-native` (via Bun's `mock.module` or
+ * Jest's `jest.mock`) get the mock here automatically.
+ * @returns React Native namespace bindings.
+ */
+function resolveReactNative() {
+    return localRequire('react-native');
+}
+/**
+ * Compile JSX + TypeScript source to plain JS. Prefers Bun's built-in
+ * transpiler (fast, zero-dep); falls back to `esbuild` if running under
+ * Node (Jest users). Throws with an install hint if neither is available.
+ * @param source Source text to compile.
+ * @returns JavaScript suitable for `new Function(...)` evaluation.
+ */
+function compileToJs(source) {
+    const globalBun = globalThis.Bun;
+    if (globalBun?.Transpiler) {
+        return new globalBun.Transpiler({
+            loader: 'tsx',
+            tsconfig: JSON.stringify({ compilerOptions: { jsx: 'react', target: 'esnext' } }),
+        }).transformSync(source);
+    }
+    try {
+        const esbuild = localRequire('esbuild');
+        return esbuild.transformSync(source, { loader: 'tsx', jsx: 'transform', target: 'esnext' }).code;
+    }
+    catch {
+        throw new Error('rnwind/testing: cannot compile JSX. Run tests under Bun (which has a built-in transpiler) ' +
+            'or install `esbuild` as a dev dependency for Node / Jest setups.');
+    }
+}
+/**
+ * Evaluate the union `style.js` the ledger wrote during the transform
+ * so its `registerAtoms` call lands in the process-global registry.
+ * Strips the `react-native` + `rnwind` imports from the source and
+ * forwards local bindings into the evaluated closure.
+ * @param cacheDir The rnwind cache dir where the ledger writes bundles.
+ */
+function evaluateStyleBundle(cacheDir) {
+    const filePath = path.join(cacheDir, 'style.js');
+    if (!node_fs.existsSync(filePath))
+        return;
+    const body = node_fs.readFileSync(filePath, 'utf8')
+        .replaceAll(/import \{ StyleSheet \} from 'react-native'\s*\n/g, '')
+        .replaceAll(/import \{[^}]+\} from 'rnwind'\s*\n/g, '');
+    // Bundle body is generated by rnwind itself — not user-controlled.
+    // eslint-disable-next-line sonarjs/code-eval
+    new Function('StyleSheet', 'registerAtoms', body)(BUNDLE_STYLE_SHEET, lookupCss.registerAtoms);
+}
+/**
+ * Evaluate the transformer's rewritten source as a standalone module:
+ * strip synthetic imports, forward `import ... from 'rnwind'` +
+ * `'react-native'` to local bindings, compile JSX via the compiler, and
+ * capture the default export.
+ * @param transformedSource Post-transformer source.
+ * @param reactNative `react-native` namespace bindings to forward.
+ * @returns The default-exported component.
+ */
+function evaluateRewrittenModule(transformedSource, reactNative) {
+    const prepared = transformedSource
+        .replaceAll(/import\s+["']rnwind\/__generated\/[^"']+["'];?\s*\n?/g, '')
+        .replaceAll(/import\s+\{([^}]+)\}\s+from\s+["']rnwind["'];?/g, 'const {$1} = __rnwind;')
+        .replaceAll(/import\s+\{([^}]+)\}\s+from\s+["']react-native["'];?/g, 'const {$1} = __reactNative;')
+        .replace(/export\s+default\s+/, 'module.exports.default = ');
+    const compiled = compileToJs(prepared);
+    const rnwindEnv = {
+        lookupCss: lookupCss.lookupCss,
+        useRnwind: rnwindProvider.useRnwind,
+        useR_: rnwindProvider.useR_,
+        useMountHaptic: haptics.useMountHaptic,
+        triggerHaptic: haptics.triggerHaptic,
+        useInteract: () => NOOP_INTERACT,
+        chainPress: NOOP_CHAIN,
+        chainFocus: NOOP_CHAIN,
+    };
+    const moduleObject = { exports: {} };
+    // Compiled source originates from rnwind's own transformer + the JSX compiler.
+    // eslint-disable-next-line sonarjs/code-eval
+    new Function('React', '__rnwind', '__reactNative', 'module', compiled)(React__namespace, rnwindEnv, reactNative, moduleObject);
+    if (!moduleObject.exports.default) {
+        throw new Error('rnwind/testing: evaluated module did not export a default component.');
+    }
+    return moduleObject.exports.default;
+}
+/**
+ * Build the root element `@testing-library/react-native`'s `render`
+ * receives. When a scheme is specified, wrap the component in a live
+ * `<RnwindProvider>` so hooks like `useScheme()` and `useCss()` return
+ * the requested scheme. Otherwise render bare (context falls back to the
+ * default `'light'`).
+ * @param Component Component to render.
+ * @param scheme Optional active scheme override.
+ * @param insets
+ * @param onHaptics
+ * @returns The React element to hand to `render`.
+ */
+function buildRootElement(Component, scheme, insets, onHaptics) {
+    const child = React__namespace.createElement(Component);
+    if (scheme === undefined && !insets && !onHaptics)
+        return child;
+    const providerProps = {
+        scheme: (scheme ?? 'light'),
+    };
+    if (insets)
+        providerProps.insets = insets;
+    if (onHaptics)
+        providerProps.onHaptics = onHaptics;
+    return React__namespace.createElement(rnwindProvider.RnwindProvider, providerProps, child);
+}
+/**
+ * Compose the `wrapper` option `renderHook` accepts. When a scheme is
+ * set, wrap the hook's execution context in `<RnwindProvider>` so hooks
+ * that read `useScheme()` see the requested scheme. If the user also
+ * supplies their own wrapper, nest it inside the provider so both apply.
+ * @param scheme Optional active scheme override.
+ * @param userWrapper Optional user-supplied wrapper component.
+ * @returns A wrapper component suitable for `renderHook`'s `wrapper` option.
+ */
+function composeHookWrapper(scheme, userWrapper) {
+    if (scheme === undefined && !userWrapper)
+        return undefined;
+    return function RnwindTestWrapper({ children }) {
+        const inner = userWrapper ? React__namespace.createElement(userWrapper, null, children) : children;
+        if (scheme === undefined)
+            return inner;
+        return React__namespace.createElement(rnwindProvider.RnwindProvider, { scheme: scheme }, inner);
+    };
+}
+/**
+ * Spin up an ephemeral rnwind project and register the atoms produced
+ * by `source` (when provided) into the runtime. Returns the project
+ * state and the post-transform source so callers can render the
+ * rewritten module or just rely on the registered atoms.
+ *
+ * Shared between `renderWithCss` (needs the rewritten component) and
+ * `renderHookWithCss` (only needs the atoms in the registry).
+ * @param options Options controlling the theme and pre-registered source.
+ * @param options.themeCss Theme CSS override.
+ * @param options.source Source whose Tailwind candidates should be registered.
+ * @returns Paths plus the transformed source and a `cleanup` closure.
+ */
+async function bootstrapRnwindRuntime(options) {
+    const projectRoot = node_fs.mkdtempSync(path.join(node_os.tmpdir(), 'rnwind-test-'));
+    const cacheDir = path.join(projectRoot, '.rnwind-cache');
+    const cssPath = path.join(projectRoot, 'theme.css');
+    node_fs.writeFileSync(cssPath, options.themeCss ?? DEFAULT_THEME_CSS);
+    state.configureRnwindState(cssPath, cacheDir);
+    let transformedSource = '';
+    if (options.source !== undefined) {
+        const filename = path.join(projectRoot, 'App.tsx');
+        node_fs.writeFileSync(filename, options.source);
+        const ast = parser.parse(options.source, { sourceType: 'module', plugins: ['typescript', 'jsx'] });
+        const result = await metro_transformer.transform({ filename, src: options.source, options: { projectRoot }, ast });
+        transformedSource = generate(result.ast).code;
+        evaluateStyleBundle(cacheDir);
+    }
+    const cleanup = () => {
+        lookupCss.__resetLookupCssState();
+        state.resetRnwindState();
+        if (node_fs.existsSync(projectRoot))
+            node_fs.rmSync(projectRoot, { recursive: true, force: true });
+    };
+    return { projectRoot, cacheDir, transformedSource, cleanup };
+}
+/**
+ * Synthesize a throwaway source file that mentions each className in a
+ * JSX `className="..."` attribute so the Metro transformer's scanner
+ * picks them up and records their resolved styles into the union
+ * `style.js`. Used by `renderHookWithCss` to pre-register atoms the
+ * hook under test will look up.
+ * @param classNames Class names to include.
+ * @returns Source string suitable for `bootstrapRnwindRuntime`.
+ */
+function sourceFromClassNames(classNames) {
+    const joined = classNames.join(' ').replaceAll('"', String.raw `\"`);
+    return `const V: any = () => null\nexport default () => <V className="${joined}" />\n`;
+}
+// ────────────────────────────────────────────────────────────────────────
+// Public exports — functions
+// ────────────────────────────────────────────────────────────────────────
+/**
+ * Feed a source string through rnwind's Metro transformer, evaluate
+ * the generated `style.js` bundle, evaluate the rewritten module, and
+ * render the default-exported component with
+ * `@testing-library/react-native`.
+ *
+ * The rendered RN element's `style` prop is the EXACT array your
+ * production bundle would attach — same transformer, same runtime
+ * resolver, same atoms. Assert on `flatten(node.props.style)` to verify
+ * the resolved values.
+ * @example
+ * ```tsx
+ * const handle = await renderWithCss(
+ *   `import { View } from 'react-native'
+ *    export default () => <View className="bg-primary p-4" testID="box" />`,
+ *   { themeCss: `@import 'tailwindcss'; @theme { --color-primary: #6366f1; }` },
+ * )
+ * const flat = flatten(handle.getByTestId('box').props.style)
+ * expect(flat.backgroundColor).toBe('#6366f1')
+ * ```
+ * @param source User source (one file) to transform + render.
+ * @param options Optional theme override, scheme, and `react-native` bindings.
+ * @returns Render queries + diagnostic handles.
+ */
+async function renderWithCss(source, options = {}) {
+    const reactNative = options.reactNative ?? resolveReactNative();
+    const { projectRoot: _projectRoot, transformedSource, cleanup, } = await bootstrapRnwindRuntime({
+        themeCss: options.themeCss,
+        source,
+    });
+    const Component = evaluateRewrittenModule(transformedSource, reactNative);
+    const rendered = TESTING_LIBRARY.render(buildRootElement(Component, options.scheme, options.insets, options.onHaptics));
+    return Object.assign({}, rendered, { transformedSource, cleanup });
+}
+/**
+ * Render-side counterpart to {@link renderWithCss} for testing hooks in
+ * isolation. Pre-registers atoms for the supplied `classNames`, wraps
+ * the hook in an optional `<RnwindProvider>`, and forwards to
+ * `@testing-library/react-native`'s `renderHook`.
+ * @example
+ * ```ts
+ * const { result, cleanup } = await renderHookWithCss(
+ *   () => useCss('bg-primary'),
+ *   {
+ *     themeCss: `@import 'tailwindcss'; @theme { --color-primary: #6366f1; }`,
+ *     classNames: ['bg-primary'],
+ *   },
+ * )
+ * expect(flatten(result.current).backgroundColor).toBe('#6366f1')
+ * cleanup()
+ * ```
+ * @param callback Hook body — same shape as `renderHook(callback)`.
+ * @param options Theme, scheme, classNames to pre-register, plus
+ *   everything `renderHook` itself accepts (`initialProps`, `wrapper`).
+ * @returns `renderHook`'s return value plus a `cleanup` function.
+ */
+async function renderHookWithCss(callback, options = {}) {
+    const { cleanup } = await bootstrapRnwindRuntime({
+        themeCss: options.themeCss,
+        source: options.classNames && options.classNames.length > 0 ? sourceFromClassNames(options.classNames) : undefined,
+    });
+    const wrapper = composeHookWrapper(options.scheme, options.wrapper);
+    const { themeCss: _themeCss, scheme: _scheme, classNames: _classNames, ...hookOptions } = options;
+    const rendered = TESTING_LIBRARY.renderHook(callback, {
+        ...hookOptions,
+        wrapper,
+    });
+    return Object.assign({}, rendered, { cleanup });
+}
+/**
+ * Flatten a React Native style array (or single style object) into one
+ * merged record. RN flattens left-to-right (later wins), so the returned
+ * record is what the native view manager actually applies.
+ * @param styles Style array, single object, or null/undefined.
+ * @returns Flat style record.
+ */
+function flatten(styles) {
+    if (styles == null)
+        return {};
+    if (Array.isArray(styles))
+        return Object.assign({}, ...styles.map((entry) => flatten(entry)));
+    if (typeof styles === 'object')
+        return styles;
+    return {};
+}
+
+exports.flatten = flatten;
+exports.renderHookWithCss = renderHookWithCss;
+exports.renderWithCss = renderWithCss;
+//# sourceMappingURL=index.cjs.map

package/lib/cjs/testing/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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":["createRequire","generateImport","existsSync","readFileSync","registerAtoms","lookupCss","useRnwind","useR_","useMountHaptic","triggerHaptic","React","RnwindProvider","mkdtempSync","tmpdir","writeFileSync","configureRnwindState","parse","metroTransform","__resetLookupCssState","resetRnwindState","rmSync"],"mappings":"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"}