@ng-native/testing 0.0.1 → 0.1.0

package/dist/queries.d.ts

@@ -0,0 +1,73 @@
+/**
+ * Testing Library's queries, over the tree the renderer committed to the fake Fabric.
+ *
+ * There is no DOM here, so `@testing-library/dom` has nothing to query: a query reads the props a
+ * native view would actually receive. That makes the names mean what React Native Testing Library
+ * means by them rather than what the web does - a role is `accessibilityRole`, a label is
+ * `accessibilityLabel`, text is what a `Paragraph` holds.
+ *
+ * Every query re-reads the most recent commit. The fake builds a fresh node object per commit, so
+ * a node held across an interaction is a snapshot of the frame it was found in; query again to see
+ * what changed.
+ */
+import type { FakeFabricNode } from './test-utils.ts';
+import { type WaitForOptions } from './wait-for.ts';
+/** What a query matches against: a whole string (normalised), or a RegExp tested against it. */
+export type Matcher = string | RegExp;
+/** How a string `Matcher` compares. */
+export interface TextMatchOptions {
+    /** `false` matches a case-insensitive substring instead of the whole, trimmed string. */
+    exact?: boolean;
+    /**
+     * Also find what nobody could see or reach: views under `display: none`, and those hidden from
+     * accessibility. React Native Testing Library's option, and its default of `false`.
+     */
+    includeHiddenElements?: boolean;
+}
+/** `ByRole`'s options: a role alone matches every node with it, `name` narrows it to one. */
+export interface ByRoleOptions extends TextMatchOptions {
+    /** The accessible name: `accessibilityLabel`, or failing that the text inside the node. */
+    name?: Matcher;
+}
+interface QueryArgs {
+    Role: [role: Matcher, options?: ByRoleOptions];
+    Text: [text: Matcher, options?: TextMatchOptions];
+    TestId: [testId: Matcher, options?: TextMatchOptions];
+    LabelText: [label: Matcher, options?: TextMatchOptions];
+    PlaceholderText: [placeholder: Matcher, options?: TextMatchOptions];
+    DisplayValue: [value: Matcher, options?: TextMatchOptions];
+}
+type Name = keyof QueryArgs;
+type FindArgs<K extends Name> = [...QueryArgs[K], waitForOptions?: WaitForOptions];
+/**
+ * The query matrix: `getBy`, `getAllBy`, `queryBy`, `queryAllBy`, `findBy` and `findAllBy`, for
+ * each of `Role`, `Text`, `TestId`, `LabelText`, `PlaceholderText` and `DisplayValue`.
+ */
+export type BoundQueries = {
+    [K in Name as `getBy${K}`]: (...args: QueryArgs[K]) => FakeFabricNode;
+} & {
+    [K in Name as `getAllBy${K}`]: (...args: QueryArgs[K]) => FakeFabricNode[];
+} & {
+    [K in Name as `queryBy${K}`]: (...args: QueryArgs[K]) => FakeFabricNode | null;
+} & {
+    [K in Name as `queryAllBy${K}`]: (...args: QueryArgs[K]) => FakeFabricNode[];
+} & {
+    [K in Name as `findBy${K}`]: (...args: FindArgs<K>) => Promise<FakeFabricNode>;
+} & {
+    [K in Name as `findAllBy${K}`]: (...args: FindArgs<K>) => Promise<FakeFabricNode[]>;
+};
+export declare const flatten: (nodes: readonly FakeFabricNode[]) => FakeFabricNode[];
+/** What a screen reader would read out: every `RawText` under the node, in order. */
+export declare function textContent(node: FakeFabricNode): string;
+/** A text field under any of the names the platforms register it by. */
+export declare const isTextInput: (node: FakeFabricNode) => boolean;
+/**
+ * Every query, bound to a root that is looked up again on each call.
+ *
+ * `found` sees every node a query hands back, so an event fired on one later knows which render
+ * it came from.
+ */
+export declare function bindQueries(roots: () => readonly FakeFabricNode[], tree: () => string, found: (node: FakeFabricNode) => void): BoundQueries;
+/** The debug tree: view names, text, and the props a query can find a node by. */
+export declare function describeTree(nodes: readonly FakeFabricNode[], depth?: number): string;
+export {};

package/dist/queries.js

@@ -0,0 +1,148 @@
+import { waitFor } from "./wait-for.js";
+const normalize = (text) => text.replace(/\s+/g, ' ').trim();
+function matches(value, matcher, exact = true) {
+    if (typeof value !== 'string')
+        return false;
+    const text = normalize(value);
+    if (matcher instanceof RegExp)
+        return matcher.test(text);
+    const wanted = normalize(matcher);
+    return exact ? text === wanted : text.toLowerCase().includes(wanted.toLowerCase());
+}
+const show = (matcher) => matcher instanceof RegExp ? String(matcher) : JSON.stringify(matcher);
+export const flatten = (nodes) => nodes.flatMap((node) => [node, ...flatten(node.children)]);
+/**
+ * A view that takes itself and everything under it out of sight or out of the accessibility tree,
+ * as React Native Testing Library's `isHiddenFromAccessibility` decides it.
+ */
+function hides(node) {
+    const props = node.props;
+    return (props['display'] === 'none' ||
+        props['accessibilityElementsHidden'] === true ||
+        props['aria-hidden'] === true ||
+        props['importantForAccessibility'] === 'no-hide-descendants');
+}
+/** Every node someone using the app could see or reach. */
+const reachable = (nodes) => nodes.flatMap((node) => (hides(node) ? [] : [node, ...reachable(node.children)]));
+/** What a screen reader would read out: every `RawText` under the node, in order. */
+export function textContent(node) {
+    if (node.viewName === 'RawText')
+        return String(node.props['text'] ?? '');
+    return node.children.map(textContent).join('');
+}
+/** A text field under any of the names the platforms register it by. */
+export const isTextInput = (node) => /TextInput/.test(node.viewName);
+/** What a screen reader reads out: the label, or failing that the text inside. */
+const nameOf = (node) => typeof node.props['accessibilityLabel'] === 'string'
+    ? node.props['accessibilityLabel']
+    : textContent(node);
+const QUERIES = {
+    Role: (role, options = {}) => ({
+        describe: `role ${show(role)}` + (options.name === undefined ? '' : ` and name ${show(options.name)}`),
+        select: (node) => matches(node.props['accessibilityRole'], role) &&
+            (options.name === undefined || matches(nameOf(node), options.name, options.exact)),
+    }),
+    // `Paragraph` alone: a nested `<text>` commits as a `Text` span inside one, so the paragraph is
+    // the whole run of text and the span is only a part of it.
+    Text: (text, options = {}) => ({
+        describe: `text ${show(text)}`,
+        select: (node) => node.viewName === 'Paragraph' && matches(textContent(node), text, options.exact),
+    }),
+    // Both, because the components commit both: `testID` from `testID`, `nativeID` from `nativeID`
+    // or its web spelling `id`, which is what most templates in this project reach for.
+    TestId: (testId, options = {}) => ({
+        describe: `testID ${show(testId)}`,
+        select: (node) => matches(node.props['testID'], testId, options.exact) ||
+            matches(node.props['nativeID'], testId, options.exact),
+    }),
+    LabelText: (label, options = {}) => ({
+        describe: `accessibilityLabel ${show(label)}`,
+        select: (node) => matches(node.props['accessibilityLabel'], label, options.exact),
+    }),
+    PlaceholderText: (placeholder, options = {}) => ({
+        describe: `placeholder ${show(placeholder)}`,
+        select: (node) => matches(node.props['placeholder'], placeholder, options.exact),
+    }),
+    // A text field's value is its `text` prop, which is what `<text-input>` binds its model to.
+    DisplayValue: (value, options = {}) => ({
+        describe: `display value ${show(value)}`,
+        select: (node) => isTextInput(node) && matches(node.props['text'], value, options.exact),
+    }),
+};
+/**
+ * Every query, bound to a root that is looked up again on each call.
+ *
+ * `found` sees every node a query hands back, so an event fired on one later knows which render
+ * it came from.
+ */
+export function bindQueries(roots, tree, found) {
+    const bound = {};
+    for (const name of Object.keys(QUERIES)) {
+        const all = (...args) => {
+            const query = QUERIES[name](...args);
+            const options = args[1];
+            const walk = options?.includeHiddenElements ? flatten : reachable;
+            const hits = walk(roots()).filter(query.select);
+            hits.forEach(found);
+            return hits;
+        };
+        const describe = (args) => QUERIES[name](...args).describe;
+        const one = (...args) => {
+            const hits = all(...args);
+            if (hits.length === 1)
+                return hits[0];
+            const problem = hits.length
+                ? `Found ${hits.length} nodes with ${describe(args)}, and expected one. Use getAllBy${name} if more than one is expected.`
+                : `Unable to find a node with ${describe(args)}.`;
+            throw new Error(`${problem}\n\n${tree()}`);
+        };
+        // The last argument of a `findBy` is the `waitFor` options, and it is only ever that when the
+        // query itself was given its options too.
+        const split = (args) => args.length > 2 ? [args.slice(0, 2), args[2]] : [args, undefined];
+        bound[`getAllBy${name}`] = (...args) => {
+            const hits = all(...args);
+            if (!hits.length)
+                throw new Error(`Unable to find a node with ${describe(args)}.\n\n${tree()}`);
+            return hits;
+        };
+        bound[`queryAllBy${name}`] = all;
+        bound[`getBy${name}`] = one;
+        bound[`queryBy${name}`] = (...args) => {
+            const hits = all(...args);
+            if (hits.length > 1)
+                return one(...args);
+            return hits[0] ?? null;
+        };
+        bound[`findBy${name}`] = (...args) => {
+            const [query, options] = split(args);
+            return waitFor(() => one(...query), options);
+        };
+        bound[`findAllBy${name}`] = (...args) => {
+            const [query, options] = split(args);
+            return waitFor(() => bound[`getAllBy${name}`](...query), options);
+        };
+    }
+    return bound;
+}
+/** The debug tree: view names, text, and the props a query can find a node by. */
+export function describeTree(nodes, depth = 0) {
+    return nodes
+        .map((node) => {
+        const text = node.viewName === 'RawText' ? ` ${JSON.stringify(node.props['text'])}` : '';
+        const props = IDENTIFYING.filter((key) => node.props[key] != null && node.props[key] !== '')
+            .map((key) => ` ${key === 'text' ? 'value' : key}=${JSON.stringify(node.props[key])}`)
+            .join('');
+        const line = '  '.repeat(depth) + node.viewName + text + (text ? '' : props);
+        return node.children.length ? `${line}\n${describeTree(node.children, depth + 1)}` : line;
+    })
+        .join('\n');
+}
+const IDENTIFYING = [
+    'testID',
+    'nativeID',
+    'accessibilityRole',
+    'accessibilityLabel',
+    'placeholder',
+    'text',
+];
+//# sourceMappingURL=queries.js.map

package/dist/queries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queries.js","sourceRoot":"","sources":["../src/queries.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Testing Library's queries, over the tree the renderer committed to the fake Fabric.\n *\n * There is no DOM here, so `@testing-library/dom` has nothing to query: a query reads the props a\n * native view would actually receive. That makes the names mean what React Native Testing Library\n * means by them rather than what the web does - a role is `accessibilityRole`, a label is\n * `accessibilityLabel`, text is what a `Paragraph` holds.\n *\n * Every query re-reads the most recent commit. The fake builds a fresh node object per commit, so\n * a node held across an interaction is a snapshot of the frame it was found in; query again to see\n * what changed.\n */\nimport type { FakeFabricNode } from './test-utils.ts';\nimport { waitFor, type WaitForOptions } from './wait-for.ts';\n\n/** What a query matches against: a whole string (normalised), or a RegExp tested against it. */\nexport type Matcher = string | RegExp;\n\n/** How a string `Matcher` compares. */\nexport interface TextMatchOptions {\n  /** `false` matches a case-insensitive substring instead of the whole, trimmed string. */\n  exact?: boolean;\n  /**\n   * Also find what nobody could see or reach: views under `display: none`, and those hidden from\n   * accessibility. React Native Testing Library's option, and its default of `false`.\n   */\n  includeHiddenElements?: boolean;\n}\n\n/** `ByRole`'s options: a role alone matches every node with it, `name` narrows it to one. */\nexport interface ByRoleOptions extends TextMatchOptions {\n  /** The accessible name: `accessibilityLabel`, or failing that the text inside the node. */\n  name?: Matcher;\n}\n\ninterface QueryArgs {\n  Role: [role: Matcher, options?: ByRoleOptions];\n  Text: [text: Matcher, options?: TextMatchOptions];\n  TestId: [testId: Matcher, options?: TextMatchOptions];\n  LabelText: [label: Matcher, options?: TextMatchOptions];\n  PlaceholderText: [placeholder: Matcher, options?: TextMatchOptions];\n  DisplayValue: [value: Matcher, options?: TextMatchOptions];\n}\n\ntype Name = keyof QueryArgs;\ntype FindArgs<K extends Name> = [...QueryArgs[K], waitForOptions?: WaitForOptions];\n\n/**\n * The query matrix: `getBy`, `getAllBy`, `queryBy`, `queryAllBy`, `findBy` and `findAllBy`, for\n * each of `Role`, `Text`, `TestId`, `LabelText`, `PlaceholderText` and `DisplayValue`.\n */\nexport type BoundQueries = {\n  [K in Name as `getBy${K}`]: (...args: QueryArgs[K]) => FakeFabricNode;\n} & {\n  [K in Name as `getAllBy${K}`]: (...args: QueryArgs[K]) => FakeFabricNode[];\n} & {\n  [K in Name as `queryBy${K}`]: (...args: QueryArgs[K]) => FakeFabricNode | null;\n} & {\n  [K in Name as `queryAllBy${K}`]: (...args: QueryArgs[K]) => FakeFabricNode[];\n} & {\n  [K in Name as `findBy${K}`]: (...args: FindArgs<K>) => Promise<FakeFabricNode>;\n} & {\n  [K in Name as `findAllBy${K}`]: (...args: FindArgs<K>) => Promise<FakeFabricNode[]>;\n};\n\nconst normalize = (text: string): string => text.replace(/\\s+/g, ' ').trim();\n\nfunction matches(value: unknown, matcher: Matcher, exact = true): boolean {\n  if (typeof value !== 'string') return false;\n  const text = normalize(value);\n  if (matcher instanceof RegExp) return matcher.test(text);\n  const wanted = normalize(matcher);\n  return exact ? text === wanted : text.toLowerCase().includes(wanted.toLowerCase());\n}\n\nconst show = (matcher: Matcher): string =>\n  matcher instanceof RegExp ? String(matcher) : JSON.stringify(matcher);\n\nexport const flatten = (nodes: readonly FakeFabricNode[]): FakeFabricNode[] =>\n  nodes.flatMap((node) => [node, ...flatten(node.children)]);\n\n/**\n * A view that takes itself and everything under it out of sight or out of the accessibility tree,\n * as React Native Testing Library's `isHiddenFromAccessibility` decides it.\n */\nfunction hides(node: FakeFabricNode): boolean {\n  const props = node.props;\n  return (\n    props['display'] === 'none' ||\n    props['accessibilityElementsHidden'] === true ||\n    props['aria-hidden'] === true ||\n    props['importantForAccessibility'] === 'no-hide-descendants'\n  );\n}\n\n/** Every node someone using the app could see or reach. */\nconst reachable = (nodes: readonly FakeFabricNode[]): FakeFabricNode[] =>\n  nodes.flatMap((node) => (hides(node) ? [] : [node, ...reachable(node.children)]));\n\n/** What a screen reader would read out: every `RawText` under the node, in order. */\nexport function textContent(node: FakeFabricNode): string {\n  if (node.viewName === 'RawText') return String(node.props['text'] ?? '');\n  return node.children.map(textContent).join('');\n}\n\n/** A text field under any of the names the platforms register it by. */\nexport const isTextInput = (node: FakeFabricNode): boolean => /TextInput/.test(node.viewName);\n\ntype Query = { describe: string; select: (node: FakeFabricNode) => boolean };\n\n/** What a screen reader reads out: the label, or failing that the text inside. */\nconst nameOf = (node: FakeFabricNode): string =>\n  typeof node.props['accessibilityLabel'] === 'string'\n    ? node.props['accessibilityLabel']\n    : textContent(node);\n\nconst QUERIES: { [K in Name]: (...args: QueryArgs[K]) => Query } = {\n  Role: (role, options = {}) => ({\n    describe:\n      `role ${show(role)}` + (options.name === undefined ? '' : ` and name ${show(options.name)}`),\n    select: (node) =>\n      matches(node.props['accessibilityRole'], role) &&\n      (options.name === undefined || matches(nameOf(node), options.name, options.exact)),\n  }),\n  // `Paragraph` alone: a nested `<text>` commits as a `Text` span inside one, so the paragraph is\n  // the whole run of text and the span is only a part of it.\n  Text: (text, options = {}) => ({\n    describe: `text ${show(text)}`,\n    select: (node) =>\n      node.viewName === 'Paragraph' && matches(textContent(node), text, options.exact),\n  }),\n  // Both, because the components commit both: `testID` from `testID`, `nativeID` from `nativeID`\n  // or its web spelling `id`, which is what most templates in this project reach for.\n  TestId: (testId, options = {}) => ({\n    describe: `testID ${show(testId)}`,\n    select: (node) =>\n      matches(node.props['testID'], testId, options.exact) ||\n      matches(node.props['nativeID'], testId, options.exact),\n  }),\n  LabelText: (label, options = {}) => ({\n    describe: `accessibilityLabel ${show(label)}`,\n    select: (node) => matches(node.props['accessibilityLabel'], label, options.exact),\n  }),\n  PlaceholderText: (placeholder, options = {}) => ({\n    describe: `placeholder ${show(placeholder)}`,\n    select: (node) => matches(node.props['placeholder'], placeholder, options.exact),\n  }),\n  // A text field's value is its `text` prop, which is what `<text-input>` binds its model to.\n  DisplayValue: (value, options = {}) => ({\n    describe: `display value ${show(value)}`,\n    select: (node) => isTextInput(node) && matches(node.props['text'], value, options.exact),\n  }),\n};\n\n/**\n * Every query, bound to a root that is looked up again on each call.\n *\n * `found` sees every node a query hands back, so an event fired on one later knows which render\n * it came from.\n */\nexport function bindQueries(\n  roots: () => readonly FakeFabricNode[],\n  tree: () => string,\n  found: (node: FakeFabricNode) => void,\n): BoundQueries {\n  const bound: Record<string, unknown> = {};\n\n  for (const name of Object.keys(QUERIES) as Name[]) {\n    const all = (...args: unknown[]): FakeFabricNode[] => {\n      const query = (QUERIES[name] as (...a: unknown[]) => Query)(...args);\n      const options = args[1] as TextMatchOptions | undefined;\n      const walk = options?.includeHiddenElements ? flatten : reachable;\n      const hits = walk(roots()).filter(query.select);\n      hits.forEach(found);\n      return hits;\n    };\n    const describe = (args: unknown[]): string =>\n      (QUERIES[name] as (...a: unknown[]) => Query)(...args).describe;\n    const one = (...args: unknown[]): FakeFabricNode => {\n      const hits = all(...args);\n      if (hits.length === 1) return hits[0]!;\n      const problem = hits.length\n        ? `Found ${hits.length} nodes with ${describe(args)}, and expected one. Use getAllBy${name} if more than one is expected.`\n        : `Unable to find a node with ${describe(args)}.`;\n      throw new Error(`${problem}\\n\\n${tree()}`);\n    };\n    // The last argument of a `findBy` is the `waitFor` options, and it is only ever that when the\n    // query itself was given its options too.\n    const split = (args: unknown[]): [unknown[], WaitForOptions | undefined] =>\n      args.length > 2 ? [args.slice(0, 2), args[2] as WaitForOptions] : [args, undefined];\n\n    bound[`getAllBy${name}`] = (...args: unknown[]) => {\n      const hits = all(...args);\n      if (!hits.length)\n        throw new Error(`Unable to find a node with ${describe(args)}.\\n\\n${tree()}`);\n      return hits;\n    };\n    bound[`queryAllBy${name}`] = all;\n    bound[`getBy${name}`] = one;\n    bound[`queryBy${name}`] = (...args: unknown[]) => {\n      const hits = all(...args);\n      if (hits.length > 1) return one(...args);\n      return hits[0] ?? null;\n    };\n    bound[`findBy${name}`] = (...args: unknown[]) => {\n      const [query, options] = split(args);\n      return waitFor(() => one(...query), options);\n    };\n    bound[`findAllBy${name}`] = (...args: unknown[]) => {\n      const [query, options] = split(args);\n      return waitFor(() => (bound[`getAllBy${name}`] as typeof all)(...query), options);\n    };\n  }\n\n  return bound as BoundQueries;\n}\n\n/** The debug tree: view names, text, and the props a query can find a node by. */\nexport function describeTree(nodes: readonly FakeFabricNode[], depth = 0): string {\n  return nodes\n    .map((node) => {\n      const text = node.viewName === 'RawText' ? ` ${JSON.stringify(node.props['text'])}` : '';\n      const props = IDENTIFYING.filter((key) => node.props[key] != null && node.props[key] !== '')\n        .map((key) => ` ${key === 'text' ? 'value' : key}=${JSON.stringify(node.props[key])}`)\n        .join('');\n      const line = '  '.repeat(depth) + node.viewName + text + (text ? '' : props);\n      return node.children.length ? `${line}\\n${describeTree(node.children, depth + 1)}` : line;\n    })\n    .join('\\n');\n}\n\nconst IDENTIFYING = [\n  'testID',\n  'nativeID',\n  'accessibilityRole',\n  'accessibilityLabel',\n  'placeholder',\n  'text',\n];\n"]}

package/dist/reanimated-library.d.ts

@@ -0,0 +1,62 @@
+/**
+ * What a test gets for `react-native-reanimated`, whose source Node cannot load.
+ *
+ * An animation finishes the moment it is assigned: `withTiming(100)` is `100`, and its callback
+ * is called with `true` at once, so a test sees where an animation ends and what ends it does.
+ * `interpolate` and `Extrapolation` are the library's own arithmetic; `Easing` curves are the
+ * identity, since nothing in a test is between its ends.
+ *
+ * ponytail: the functions apps call from components, not the React hooks; add one when an app
+ * under test imports it.
+ */
+import { sharedValue } from './reanimated.ts';
+export type { SharedValue } from './reanimated.ts';
+type Done = ((finished?: boolean) => void) | undefined;
+export declare const makeMutable: typeof sharedValue;
+export declare function withTiming<T>(to: T, _config?: object, callback?: Done): T;
+export declare function withSpring<T>(to: T, _config?: object, callback?: Done): T;
+export declare function withDecay(_config: {
+    velocity?: number;
+}, callback?: Done): number;
+export declare function withDelay<T>(_delay: number, animation: T): T;
+export declare function withSequence<T>(...animations: T[]): T;
+export declare function withRepeat<T>(animation: T, _times?: number, _reverse?: boolean, callback?: Done): T;
+export declare function cancelAnimation(_value: unknown): void;
+/** What `@ng-native/components/reanimated` itself starts a style with; nothing runs it here. */
+export declare function startMapper(_worklet: () => void, _inputs?: unknown[]): number;
+export declare function stopMapper(_id: number): void;
+export declare const Extrapolation: {
+    readonly IDENTITY: "identity";
+    readonly CLAMP: "clamp";
+    readonly EXTEND: "extend";
+};
+type Extrapolate = (typeof Extrapolation)[keyof typeof Extrapolation];
+export declare function interpolate(x: number, input: readonly number[], output: readonly number[], extrapolate?: Extrapolate | {
+    extrapolateLeft?: Extrapolate;
+    extrapolateRight?: Extrapolate;
+}): number;
+export declare const Easing: {
+    linear: (t: number) => number;
+    ease: (t: number) => number;
+    quad: (t: number) => number;
+    cubic: (t: number) => number;
+    sin: (t: number) => number;
+    circle: (t: number) => number;
+    exp: (t: number) => number;
+    bounce: (t: number) => number;
+    poly: () => (t: number) => number;
+    elastic: () => (t: number) => number;
+    back: () => (t: number) => number;
+    bezier: () => (t: number) => number;
+    bezierFn: () => (t: number) => number;
+    in: (easing: (t: number) => number) => (t: number) => number;
+    out: (easing: (t: number) => number) => (t: number) => number;
+    inOut: (easing: (t: number) => number) => (t: number) => number;
+};
+export declare const ReduceMotion: {
+    readonly System: "system";
+    readonly Always: "always";
+    readonly Never: "never";
+};
+export declare function runOnJS<A extends unknown[], R>(fn: (...args: A) => R): (...args: A) => R;
+export declare function runOnUI<A extends unknown[], R>(fn: (...args: A) => R): (...args: A) => R;

package/dist/reanimated-library.js

@@ -0,0 +1,95 @@
+/**
+ * What a test gets for `react-native-reanimated`, whose source Node cannot load.
+ *
+ * An animation finishes the moment it is assigned: `withTiming(100)` is `100`, and its callback
+ * is called with `true` at once, so a test sees where an animation ends and what ends it does.
+ * `interpolate` and `Extrapolation` are the library's own arithmetic; `Easing` curves are the
+ * identity, since nothing in a test is between its ends.
+ *
+ * ponytail: the functions apps call from components, not the React hooks; add one when an app
+ * under test imports it.
+ */
+import { sharedValue } from "./reanimated.js";
+const settle = (to, callback) => {
+    callback?.(true);
+    return to;
+};
+export const makeMutable = sharedValue;
+export function withTiming(to, _config, callback) {
+    return settle(to, callback);
+}
+export function withSpring(to, _config, callback) {
+    return settle(to, callback);
+}
+export function withDecay(_config, callback) {
+    return settle(0, callback);
+}
+export function withDelay(_delay, animation) {
+    return animation;
+}
+export function withSequence(...animations) {
+    return animations[animations.length - 1];
+}
+export function withRepeat(animation, _times, _reverse, callback) {
+    return settle(animation, callback);
+}
+export function cancelAnimation(_value) { }
+/** What `@ng-native/components/reanimated` itself starts a style with; nothing runs it here. */
+export function startMapper(_worklet, _inputs) {
+    return 0;
+}
+export function stopMapper(_id) { }
+export const Extrapolation = { IDENTITY: 'identity', CLAMP: 'clamp', EXTEND: 'extend' };
+/** Past an end of the input range: the end's output, the input itself, or `undefined` to extend. */
+function beyond(x, output, how) {
+    if (how === 'clamp')
+        return output;
+    if (how === 'identity')
+        return x;
+    return undefined;
+}
+export function interpolate(x, input, output, extrapolate) {
+    const left = typeof extrapolate === 'object' ? extrapolate.extrapolateLeft : extrapolate;
+    const right = typeof extrapolate === 'object' ? extrapolate.extrapolateRight : extrapolate;
+    const last = input.length - 1;
+    const outside = x < input[0]
+        ? beyond(x, output[0], left)
+        : x > input[last]
+            ? beyond(x, output[last], right)
+            : undefined;
+    if (outside !== undefined)
+        return outside;
+    let i = 0;
+    while (i < last - 1 && x > input[i + 1])
+        i++;
+    const [a, b, p, q] = [input[i], input[i + 1], output[i], output[i + 1]];
+    return b === a ? p : p + ((x - a) / (b - a)) * (q - p);
+}
+const identity = (t) => t;
+const curve = () => identity;
+export const Easing = {
+    linear: identity,
+    ease: identity,
+    quad: identity,
+    cubic: identity,
+    sin: identity,
+    circle: identity,
+    exp: identity,
+    bounce: identity,
+    poly: curve,
+    elastic: curve,
+    back: curve,
+    bezier: curve,
+    bezierFn: curve,
+    in: (easing) => easing,
+    out: (easing) => easing,
+    inOut: (easing) => easing,
+};
+export const ReduceMotion = { System: 'system', Always: 'always', Never: 'never' };
+export function runOnJS(fn) {
+    return fn;
+}
+export function runOnUI(fn) {
+    return fn;
+}
+//# sourceMappingURL=reanimated-library.js.map

package/dist/reanimated-library.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reanimated-library.js","sourceRoot":"","sources":["../src/reanimated-library.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * What a test gets for `react-native-reanimated`, whose source Node cannot load.\n *\n * An animation finishes the moment it is assigned: `withTiming(100)` is `100`, and its callback\n * is called with `true` at once, so a test sees where an animation ends and what ends it does.\n * `interpolate` and `Extrapolation` are the library's own arithmetic; `Easing` curves are the\n * identity, since nothing in a test is between its ends.\n *\n * ponytail: the functions apps call from components, not the React hooks; add one when an app\n * under test imports it.\n */\nimport { sharedValue } from './reanimated.ts';\n\nexport type { SharedValue } from './reanimated.ts';\n\ntype Done = ((finished?: boolean) => void) | undefined;\n\nconst settle = <T>(to: T, callback: Done): T => {\n  callback?.(true);\n  return to;\n};\n\nexport const makeMutable = sharedValue;\n\nexport function withTiming<T>(to: T, _config?: object, callback?: Done): T {\n  return settle(to, callback);\n}\n\nexport function withSpring<T>(to: T, _config?: object, callback?: Done): T {\n  return settle(to, callback);\n}\n\nexport function withDecay(_config: { velocity?: number }, callback?: Done): number {\n  return settle(0, callback);\n}\n\nexport function withDelay<T>(_delay: number, animation: T): T {\n  return animation;\n}\n\nexport function withSequence<T>(...animations: T[]): T {\n  return animations[animations.length - 1]!;\n}\n\nexport function withRepeat<T>(\n  animation: T,\n  _times?: number,\n  _reverse?: boolean,\n  callback?: Done,\n): T {\n  return settle(animation, callback);\n}\n\nexport function cancelAnimation(_value: unknown): void {}\n\n/** What `@ng-native/components/reanimated` itself starts a style with; nothing runs it here. */\nexport function startMapper(_worklet: () => void, _inputs?: unknown[]): number {\n  return 0;\n}\n\nexport function stopMapper(_id: number): void {}\n\nexport const Extrapolation = { IDENTITY: 'identity', CLAMP: 'clamp', EXTEND: 'extend' } as const;\ntype Extrapolate = (typeof Extrapolation)[keyof typeof Extrapolation];\n\n/** Past an end of the input range: the end's output, the input itself, or `undefined` to extend. */\nfunction beyond(x: number, output: number, how: Extrapolate | undefined): number | undefined {\n  if (how === 'clamp') return output;\n  if (how === 'identity') return x;\n  return undefined;\n}\n\nexport function interpolate(\n  x: number,\n  input: readonly number[],\n  output: readonly number[],\n  extrapolate?: Extrapolate | { extrapolateLeft?: Extrapolate; extrapolateRight?: Extrapolate },\n): number {\n  const left = typeof extrapolate === 'object' ? extrapolate.extrapolateLeft : extrapolate;\n  const right = typeof extrapolate === 'object' ? extrapolate.extrapolateRight : extrapolate;\n  const last = input.length - 1;\n  const outside =\n    x < input[0]!\n      ? beyond(x, output[0]!, left)\n      : x > input[last]!\n        ? beyond(x, output[last]!, right)\n        : undefined;\n  if (outside !== undefined) return outside;\n  let i = 0;\n  while (i < last - 1 && x > input[i + 1]!) i++;\n  const [a, b, p, q] = [input[i]!, input[i + 1]!, output[i]!, output[i + 1]!];\n  return b === a ? p : p + ((x - a) / (b - a)) * (q - p);\n}\n\nconst identity = (t: number) => t;\nconst curve = () => identity;\nexport const Easing = {\n  linear: identity,\n  ease: identity,\n  quad: identity,\n  cubic: identity,\n  sin: identity,\n  circle: identity,\n  exp: identity,\n  bounce: identity,\n  poly: curve,\n  elastic: curve,\n  back: curve,\n  bezier: curve,\n  bezierFn: curve,\n  in: (easing: (t: number) => number) => easing,\n  out: (easing: (t: number) => number) => easing,\n  inOut: (easing: (t: number) => number) => easing,\n};\n\nexport const ReduceMotion = { System: 'system', Always: 'always', Never: 'never' } as const;\n\nexport function runOnJS<A extends unknown[], R>(fn: (...args: A) => R): (...args: A) => R {\n  return fn;\n}\n\nexport function runOnUI<A extends unknown[], R>(fn: (...args: A) => R): (...args: A) => R {\n  return fn;\n}\n"]}

package/dist/reanimated.d.ts

@@ -0,0 +1,30 @@
+import * as i0 from "@angular/core";
+/** A value both runtimes can see; here there is one runtime, and it is a signal. */
+export interface SharedValue<T = number> {
+    value: T;
+    get(): T;
+    set(value: T | ((current: T) => T)): void;
+}
+export interface WorkletStyleSpec {
+    readonly values: readonly unknown[];
+    updater(...values: readonly unknown[]): Record<string, unknown>;
+}
+export interface WorkletScrollSpec {
+    readonly values: readonly unknown[];
+    handler(event: never, ...values: readonly unknown[]): void;
+}
+export declare function sharedValue<T>(initial: T): SharedValue<T>;
+export declare function workletStyle<const T extends readonly SharedValue<unknown>[]>(values: T, updater: (...values: T) => Record<string, unknown>): WorkletStyleSpec;
+export declare function workletScroll<const T extends readonly SharedValue<unknown>[]>(values: T, handler: (event: never, ...values: T) => void): WorkletScrollSpec;
+export declare class WorkletStyle {
+    readonly workletStyle: import("@angular/core").InputSignal<WorkletStyleSpec>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<WorkletStyle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WorkletStyle, "[workletStyle]", never, { "workletStyle": { "alias": "workletStyle"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class WorkletScroll {
+    readonly workletScroll: import("@angular/core").InputSignal<WorkletScrollSpec>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<WorkletScroll, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WorkletScroll, "[workletScroll]", never, { "workletScroll": { "alias": "workletScroll"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/dist/reanimated.js

@@ -0,0 +1,80 @@
+/**
+ * What a test gets for `@ng-native/components/reanimated`.
+ *
+ * The real entry point reaches Reanimated's and react-native-worklets' source, which Node cannot
+ * load, so a test of any component with a `[workletStyle]` or a `[workletScroll]` failed to import
+ * before it ran. `ngNative()` resolves the entry point here instead, with the same selectors,
+ * inputs and factories, and the one runtime a test has standing in for the UI thread's.
+ *
+ * A shared value is a signal. A `[workletStyle]` writes what its worklet returns onto its view,
+ * again whenever a value it read changes; a `[workletScroll]` runs its worklet for every scroll
+ * event the view emits. So a test sees the style an animation settles on, not the frames between:
+ * `react-native-reanimated`'s stand-in finishes every animation at once.
+ */
+import { Directive, ElementRef, Renderer2, effect, inject, input, signal } from '@angular/core';
+import { HostEngine } from '@ng-native/fabric';
+import * as i0 from "@angular/core";
+export function sharedValue(initial) {
+    const state = signal(initial, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+    return {
+        get value() {
+            return state();
+        },
+        set value(next) {
+            state.set(next);
+        },
+        get: () => state(),
+        set: (next) => state.set(typeof next === 'function' ? next(state()) : next),
+    };
+}
+export function workletStyle(values, updater) {
+    return { values, updater };
+}
+export function workletScroll(values, handler) {
+    return { values, handler };
+}
+export class WorkletStyle {
+    workletStyle = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "workletStyle" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const node = inject(ElementRef).nativeElement;
+        const renderer = inject(Renderer2);
+        let written = [];
+        effect(() => {
+            const { values, updater } = this.workletStyle();
+            const style = updater(...values);
+            for (const key of written)
+                if (!(key in style))
+                    renderer.setProperty(node, key, undefined);
+            for (const [key, value] of Object.entries(style))
+                renderer.setProperty(node, key, value);
+            written = Object.keys(style);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: WorkletStyle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.2.0", type: WorkletStyle, isStandalone: true, selector: "[workletStyle]", inputs: { workletStyle: { classPropertyName: "workletStyle", publicName: "workletStyle", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: WorkletStyle, decorators: [{
+            type: Directive,
+            args: [{ selector: '[workletStyle]' }]
+        }], ctorParameters: () => [], propDecorators: { workletStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "workletStyle", required: true }] }] } });
+export class WorkletScroll {
+    workletScroll = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "workletScroll" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const node = inject(ElementRef).nativeElement;
+        const engine = inject(HostEngine);
+        effect((onCleanup) => {
+            const { values, handler } = this.workletScroll();
+            onCleanup(engine.setEventListener(node, 'topScroll', (event) => handler(event.nativeEvent, ...values)));
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: WorkletScroll, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.2.0", type: WorkletScroll, isStandalone: true, selector: "[workletScroll]", inputs: { workletScroll: { classPropertyName: "workletScroll", publicName: "workletScroll", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: WorkletScroll, decorators: [{
+            type: Directive,
+            args: [{ selector: '[workletScroll]' }]
+        }], ctorParameters: () => [], propDecorators: { workletScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "workletScroll", required: true }] }] } });
+//# sourceMappingURL=reanimated.js.map

package/dist/reanimated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reanimated.js","sourceRoot":"","sources":["../src/reanimated.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * What a test gets for `@ng-native/components/reanimated`.\n *\n * The real entry point reaches Reanimated's and react-native-worklets' source, which Node cannot\n * load, so a test of any component with a `[workletStyle]` or a `[workletScroll]` failed to import\n * before it ran. `ngNative()` resolves the entry point here instead, with the same selectors,\n * inputs and factories, and the one runtime a test has standing in for the UI thread's.\n *\n * A shared value is a signal. A `[workletStyle]` writes what its worklet returns onto its view,\n * again whenever a value it read changes; a `[workletScroll]` runs its worklet for every scroll\n * event the view emits. So a test sees the style an animation settles on, not the frames between:\n * `react-native-reanimated`'s stand-in finishes every animation at once.\n */\nimport { Directive, ElementRef, Renderer2, effect, inject, input, signal } from '@angular/core';\nimport { HostEngine, type HostNode } from '@ng-native/fabric';\n\n/** A value both runtimes can see; here there is one runtime, and it is a signal. */\nexport interface SharedValue<T = number> {\n  value: T;\n  get(): T;\n  set(value: T | ((current: T) => T)): void;\n}\n\nexport interface WorkletStyleSpec {\n  readonly values: readonly unknown[];\n  updater(...values: readonly unknown[]): Record<string, unknown>;\n}\n\nexport interface WorkletScrollSpec {\n  readonly values: readonly unknown[];\n  handler(event: never, ...values: readonly unknown[]): void;\n}\n\nexport function sharedValue<T>(initial: T): SharedValue<T> {\n  const state = signal(initial);\n  return {\n    get value() {\n      return state();\n    },\n    set value(next: T) {\n      state.set(next);\n    },\n    get: () => state(),\n    set: (next) =>\n      state.set(typeof next === 'function' ? (next as (current: T) => T)(state()) : next),\n  };\n}\n\nexport function workletStyle<const T extends readonly SharedValue<unknown>[]>(\n  values: T,\n  updater: (...values: T) => Record<string, unknown>,\n): WorkletStyleSpec {\n  return { values, updater } as WorkletStyleSpec;\n}\n\nexport function workletScroll<const T extends readonly SharedValue<unknown>[]>(\n  values: T,\n  handler: (event: never, ...values: T) => void,\n): WorkletScrollSpec {\n  return { values, handler } as WorkletScrollSpec;\n}\n\n@Directive({ selector: '[workletStyle]' })\nexport class WorkletStyle {\n  readonly workletStyle = input.required<WorkletStyleSpec>();\n\n  constructor() {\n    const node = inject(ElementRef).nativeElement as HostNode;\n    const renderer = inject(Renderer2);\n    let written: readonly string[] = [];\n    effect(() => {\n      const { values, updater } = this.workletStyle();\n      const style = updater(...values);\n      for (const key of written) if (!(key in style)) renderer.setProperty(node, key, undefined);\n      for (const [key, value] of Object.entries(style)) renderer.setProperty(node, key, value);\n      written = Object.keys(style);\n    });\n  }\n}\n\n@Directive({ selector: '[workletScroll]' })\nexport class WorkletScroll {\n  readonly workletScroll = input.required<WorkletScrollSpec>();\n\n  constructor() {\n    const node = inject(ElementRef).nativeElement as HostNode;\n    const engine = inject(HostEngine);\n    effect((onCleanup) => {\n      const { values, handler } = this.workletScroll();\n      onCleanup(\n        engine.setEventListener(node, 'topScroll', (event) =>\n          handler((event as { nativeEvent: never }).nativeEvent, ...values),\n        ),\n      );\n    });\n  }\n}\n"]}