react-native-gtkx 0.2.0-alpha.2 → 0.3.0-alpha.1

package/dist/reanimated-compat/layout-animation.js

@@ -0,0 +1,469 @@
+// The layout-animation builders' base class, and the four that are written by
+// hand: `FadeIn`, `FadeOut`, `LinearTransition` and `Keyframe`.
+//
+// A builder is plain data with a fluent surface. `FadeIn`, the class itself,
+// is a valid `entering` value; so is `FadeIn.duration(400).delay(100)`, which
+// is why every chainable method exists twice — once as an instance method and
+// once as a static that makes an instance first. That is upstream's own shape
+// (`BaseAnimationBuilder`), mirrored rather than reinvented, because app code
+// and library code both write it.
+//
+// `build()` returns upstream's function too: `(values) => ({ initialValues,
+// animations, callback })`, where `animations` holds ordinary `withTiming` /
+// `withSpring` descriptors keyed by property. Nothing here knows about GTK, a
+// widget, or a retention — this file decides WHAT should happen; the runtime
+// (layout-animation-runtime.ts) decides what of it this platform can honour
+// and drives it.
+//
+// SCOPE. The base class plus the four builders that cannot be expressed as a
+// table: three because they are the primitives everything else is measured
+// against, and `Keyframe` because it is the one builder you INSTANTIATE with a
+// track rather than configure. The catalogue proper — `BounceIn*`,
+// `Pinwheel*`, `Roll*`, `Stretch*` and the rest — is exactly the same
+// `initialValues`/`animations` pair over a different pair of numbers, so it
+// lives as data in layout-animation-presets.ts; the four `*Transition`
+// builders beside `LinearTransition` live in layout-transitions.ts.
+import { parseAngle } from "../style/transform";
+import { withDelay, withSequence, withSpring, withTiming, } from "./animation";
+const DEFAULT_DURATION = 300;
+export class AnimationBuilder {
+    durationV = undefined;
+    delayV = undefined;
+    easingV = undefined;
+    randomizeDelay = false;
+    type = "timing";
+    springConfigV = {};
+    initialValuesV = {};
+    callbackV = undefined;
+    rotateV = undefined;
+    static createInstance() {
+        return new this();
+    }
+    duration(durationMs) {
+        this.durationV = durationMs;
+        return this;
+    }
+    delay(delayMs) {
+        this.delayV = delayMs;
+        return this;
+    }
+    easing(easingFunction) {
+        this.easingV = easingFunction;
+        return this;
+    }
+    /** Upstream's "spread the delay over a window" helper, ported as-is. */
+    randomDelay() {
+        this.randomizeDelay = true;
+        return this;
+    }
+    springify(durationMs) {
+        this.type = "spring";
+        if (durationMs !== undefined) {
+            this.springConfigV.duration = durationMs;
+            // Upstream's `springify()` writes the same field `.duration()` does, so
+            // `getDuration()` reports the spring's length too. That matters here
+            // beyond parity: the retention fallback that keeps an exiting widget on
+            // screen is armed from `getMaxDuration()`, and a fallback shorter than
+            // the animation cuts the animation off.
+            this.durationV = durationMs;
+        }
+        return this;
+    }
+    /**
+     * The angle `ZoomInRotate` / `ZoomOutRotate` spin through.
+     *
+     * Upstream takes a bare number of RADIANS in a string (its default is
+     * `'0.3'`, interpolated into `` `${rotate}rad` ``), and a united value like
+     * `'90deg'` reaches its template as `'90degrad'`. A bare number or numeric
+     * string is read as radians here, exactly as upstream; a value that carries
+     * its own `deg`/`rad` unit is parsed instead of being concatenated into
+     * nonsense.
+     */
+    rotate(angle) {
+        this.rotateV = angle;
+        return this;
+    }
+    damping(value) {
+        this.springConfigV.damping = value;
+        return this;
+    }
+    dampingRatio(value) {
+        this.springConfigV.dampingRatio = value;
+        return this;
+    }
+    mass(value) {
+        this.springConfigV.mass = value;
+        return this;
+    }
+    stiffness(value) {
+        this.springConfigV.stiffness = value;
+        return this;
+    }
+    overshootClamping(value) {
+        this.springConfigV.overshootClamping = Boolean(value);
+        return this;
+    }
+    /**
+     * Accepted and ignored, because this platform's spring solver derives its
+     * rest condition from the same energy budget upstream stops on rather than
+     * from absolute thresholds — the difference is well under a pixel and is
+     * already in docs/api.md's differences table.
+     */
+    restDisplacementThreshold() {
+        return this;
+    }
+    restSpeedThreshold() {
+        return this;
+    }
+    /**
+     * Accepted and ignored: no reduce-motion source is wired on this platform
+     * yet, so every value behaves as `ReduceMotion.Never` — the same answer
+     * `useReducedMotion()` gives.
+     */
+    reduceMotion() {
+        return this;
+    }
+    withInitialValues(values) {
+        this.initialValuesV = values;
+        return this;
+    }
+    withCallback(callback) {
+        this.callbackV = callback;
+        return this;
+    }
+    getDelay() {
+        const delay = this.delayV ?? 0;
+        return this.randomizeDelay ? Math.random() * (delay || 1000) : delay;
+    }
+    /** The nominal length, as upstream reports it. */
+    getDuration() {
+        return this.durationV ?? DEFAULT_DURATION;
+    }
+    /**
+     * The UPPER BOUND on delay plus duration, which is what a retention arms
+     * its fallback timer from. Not `getDelay() + getDuration()`: `randomDelay`
+     * draws a fresh number on every call — deliberately, so a list staggers —
+     * and a fallback armed from one draw could cut short an animation built
+     * from another.
+     */
+    getMaxDuration() {
+        const delay = this.randomizeDelay
+            ? (this.delayV ?? 0) || 1000
+            : (this.delayV ?? 0);
+        return delay + this.getDuration();
+    }
+    /**
+     * `.rotate()` resolved to degrees, or `fallbackDegrees` when it was never
+     * called. See {@link AnimationBuilder.rotate} for the unit rules.
+     */
+    getRotationDegrees(fallbackDegrees) {
+        const configured = this.rotateV;
+        if (configured === undefined) {
+            return fallbackDegrees;
+        }
+        const bare = typeof configured === "number" ? configured : Number(configured);
+        if (Number.isFinite(bare)) {
+            return (bare * 180) / Math.PI;
+        }
+        return parseAngle(configured) ?? fallbackDegrees;
+    }
+    animation() {
+        if (this.type === "spring") {
+            const config = { ...this.springConfigV };
+            return (toValue) => withSpring(toValue, config);
+        }
+        const config = {};
+        if (this.durationV !== undefined) {
+            config.duration = this.durationV;
+        }
+        if (this.easingV !== undefined) {
+            config.easing = this.easingV;
+        }
+        return (toValue) => withTiming(toValue, config);
+    }
+    delayed(delayMs, animation) {
+        return delayMs <= 0 ? animation : withDelay(delayMs, animation);
+    }
+    build() {
+        throw new Error("react-native-reanimated: this animation builder does not implement build()");
+    }
+    // --- the statics, so `entering={FadeIn.duration(400)}` works ------------
+    static duration(durationMs) {
+        return this.createInstance().duration(durationMs);
+    }
+    static delay(delayMs) {
+        return this.createInstance().delay(delayMs);
+    }
+    static easing(easingFunction) {
+        return this.createInstance().easing(easingFunction);
+    }
+    static randomDelay() {
+        return this.createInstance().randomDelay();
+    }
+    static springify(durationMs) {
+        return this.createInstance().springify(durationMs);
+    }
+    static rotate(angle) {
+        return this.createInstance().rotate(angle);
+    }
+    static damping(value) {
+        return this.createInstance().damping(value);
+    }
+    static dampingRatio(value) {
+        return this.createInstance().dampingRatio(value);
+    }
+    static mass(value) {
+        return this.createInstance().mass(value);
+    }
+    static stiffness(value) {
+        return this.createInstance().stiffness(value);
+    }
+    static overshootClamping(value) {
+        return this.createInstance().overshootClamping(value);
+    }
+    static restDisplacementThreshold() {
+        return this.createInstance();
+    }
+    static restSpeedThreshold() {
+        return this.createInstance();
+    }
+    static reduceMotion() {
+        return this.createInstance();
+    }
+    static withInitialValues(values) {
+        return this.createInstance().withInitialValues(values);
+    }
+    static withCallback(callback) {
+        return this.createInstance().withCallback(callback);
+    }
+    static build() {
+        return this.createInstance().build();
+    }
+    static getDuration() {
+        return this.createInstance().getDuration();
+    }
+    static getDelay() {
+        return this.createInstance().getDelay();
+    }
+    static getMaxDuration() {
+        return this.createInstance().getMaxDuration();
+    }
+}
+/** Fades a view in as it mounts. */
+export class FadeIn extends AnimationBuilder {
+    build() {
+        const animation = this.animation();
+        const delayMs = this.getDelay();
+        const callback = this.callbackV;
+        const initialValues = this.initialValuesV;
+        return () => ({
+            initialValues: { opacity: 0, ...initialValues },
+            animations: { opacity: this.delayed(delayMs, animation(1)) },
+            callback,
+        });
+    }
+}
+/** Fades a view out as it unmounts — the animation that needs retention. */
+export class FadeOut extends AnimationBuilder {
+    build() {
+        const animation = this.animation();
+        const delayMs = this.getDelay();
+        const callback = this.callbackV;
+        const initialValues = this.initialValuesV;
+        return () => ({
+            initialValues: { opacity: 1, ...initialValues },
+            animations: { opacity: this.delayed(delayMs, animation(0)) },
+            callback,
+        });
+    }
+}
+/**
+ * Walks a view from where it was to where the layout engine just put it.
+ *
+ * Upstream animates `originX`/`originY`/`width`/`height`; the same four are
+ * produced here, and the runtime honours the origins (as a translation, which
+ * is paint-only) and applies the size immediately. See docs/api.md.
+ */
+export class LinearTransition extends AnimationBuilder {
+    build() {
+        const animation = this.animation();
+        const delayMs = this.getDelay();
+        const callback = this.callbackV;
+        return (values) => ({
+            initialValues: {
+                originX: values.currentOriginX,
+                originY: values.currentOriginY,
+                width: values.currentWidth,
+                height: values.currentHeight,
+            },
+            animations: {
+                originX: this.delayed(delayMs, animation(values.targetOriginX)),
+                originY: this.delayed(delayMs, animation(values.targetOriginY)),
+                width: this.delayed(delayMs, animation(values.targetWidth)),
+                height: this.delayed(delayMs, animation(values.targetHeight)),
+            },
+            callback,
+        });
+    }
+}
+// A map rather than two comparisons, and that is not a style choice: the
+// metro-preset test scans src for bare module specifiers with a regex that
+// looks for the import keyword next to a quoted string, and a comparison
+// against the quoted keyframe name reads to it as exactly that. Unquoted
+// object keys keep the word away from a quote.
+const NAMED_OFFSETS = { from: 0, to: 100 };
+const offsetOf = (key) => {
+    const named = NAMED_OFFSETS[key];
+    if (named !== undefined) {
+        return named;
+    }
+    const parsed = Number(key);
+    return Number.isFinite(parsed) ? parsed : null;
+};
+const TRANSFORM_PREFIX = "transform.";
+/**
+ * A hand-written keyframe track — the one builder that is a class you
+ * instantiate (`new Keyframe({...})`) rather than a preset you configure.
+ *
+ * Each keyframe is a percentage (or `from`/`to`) mapped to a style. Every
+ * property is turned into a `withSequence` of `withTiming` steps whose
+ * durations are the gaps between the offsets it appears at, which is exactly
+ * how upstream compiles them; a per-keyframe `easing` applies to the step
+ * that ENDS there, as in CSS.
+ */
+export class Keyframe extends AnimationBuilder {
+    definitions;
+    constructor(definitions) {
+        super();
+        this.definitions = definitions;
+    }
+    /** Keyframes and springs are different clocks; upstream refuses this too. */
+    springify() {
+        throw new Error("react-native-reanimated: Keyframe animations cannot be springified — a keyframe track is defined by " +
+            "its timeline, and a spring has none. Use `.duration()` and per-keyframe `easing` instead.");
+    }
+    // Keyframe values that are not numbers — a colour, a string length. They
+    // cannot be interpolated by a numeric animation, and DROPPING them is the
+    // one thing this repo does not do: they are handed to the built config as
+    // plain initial values instead, where the runtime names the property in a
+    // one-per-session warning rather than saying nothing.
+    unhandled = new Map();
+    tracks() {
+        const tracks = new Map();
+        this.unhandled.clear();
+        const push = (key, offset, value, easing) => {
+            if (typeof value !== "number") {
+                if (!this.unhandled.has(key)) {
+                    this.unhandled.set(key, value);
+                }
+                return;
+            }
+            const steps = tracks.get(key);
+            const step = { offset, value, easing };
+            if (steps) {
+                steps.push(step);
+            }
+            else {
+                tracks.set(key, [step]);
+            }
+        };
+        const offsets = [];
+        for (const key of Object.keys(this.definitions)) {
+            const offset = offsetOf(key);
+            if (offset === null) {
+                throw new Error(`react-native-reanimated: Keyframe offsets are percentages, \`from\` or \`to\` — got "${key}".`);
+            }
+            offsets.push(offset);
+        }
+        if (!offsets.includes(0)) {
+            throw new Error("react-native-reanimated: a Keyframe must define its `0` (or `from`) keyframe — there is nothing to start from otherwise.");
+        }
+        for (const key of Object.keys(this.definitions)) {
+            const offset = offsetOf(key);
+            const style = this.definitions[key];
+            const easing = style.easing;
+            for (const property of Object.keys(style)) {
+                if (property === "easing") {
+                    continue;
+                }
+                if (property === "transform") {
+                    const parts = style.transform;
+                    if (!Array.isArray(parts)) {
+                        continue;
+                    }
+                    parts.forEach((part, index) => {
+                        if (typeof part !== "object" || part === null) {
+                            return;
+                        }
+                        for (const [name, value] of Object.entries(part)) {
+                            push(`${TRANSFORM_PREFIX}${index}.${name}`, offset, value, easing);
+                        }
+                    });
+                    continue;
+                }
+                push(property, offset, style[property], easing);
+            }
+        }
+        for (const steps of tracks.values()) {
+            steps.sort((left, right) => left.offset - right.offset);
+        }
+        return tracks;
+    }
+    build() {
+        const tracks = this.tracks();
+        const totalDuration = this.getDuration();
+        const delayMs = this.getDelay();
+        const callback = this.callbackV;
+        const initialValues = {};
+        const animations = {};
+        const transformInitial = [];
+        const transformAnimated = [];
+        for (const [key, steps] of tracks) {
+            const first = steps[0];
+            const specs = [];
+            let previousOffset = first.offset;
+            for (const step of steps.slice(1)) {
+                const span = ((step.offset - previousOffset) / 100) * totalDuration;
+                previousOffset = step.offset;
+                specs.push(withTiming(step.value, {
+                    duration: span,
+                    ...(step.easing ? { easing: step.easing } : {}),
+                }));
+            }
+            const track = specs.length === 0
+                ? first.value
+                : this.delayed(delayMs, specs.length === 1 ? specs[0] : withSequence(...specs));
+            if (key.startsWith(TRANSFORM_PREFIX)) {
+                const [rawIndex, name] = key.slice(TRANSFORM_PREFIX.length).split(".");
+                const index = Number(rawIndex);
+                transformInitial[index] = {
+                    ...(transformInitial[index] ?? {}),
+                    [name]: first.value,
+                };
+                transformAnimated[index] = {
+                    ...(transformAnimated[index] ?? {}),
+                    [name]: track,
+                };
+                continue;
+            }
+            initialValues[key] = first.value;
+            animations[key] = track;
+        }
+        if (transformAnimated.length > 0) {
+            initialValues.transform = [...transformInitial];
+            animations.transform = [...transformAnimated];
+        }
+        // Whatever could not become a numeric track goes in as a plain value, so
+        // the runtime gets a chance to name it — see `unhandled` above.
+        for (const [key, value] of this.unhandled) {
+            initialValues[key] = value;
+        }
+        const extra = this.initialValuesV;
+        return () => ({
+            initialValues: { ...initialValues, ...extra },
+            animations,
+            callback,
+        });
+    }
+}
+//# sourceMappingURL=layout-animation.js.map

package/dist/reanimated-compat/layout-animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-animation.js","sourceRoot":"","sources":["../../src/reanimated-compat/layout-animation.ts"],"names":[],"mappings":"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","sourcesContent":["// The layout-animation builders' base class, and the four that are written by\n// hand: `FadeIn`, `FadeOut`, `LinearTransition` and `Keyframe`.\n//\n// A builder is plain data with a fluent surface. `FadeIn`, the class itself,\n// is a valid `entering` value; so is `FadeIn.duration(400).delay(100)`, which\n// is why every chainable method exists twice — once as an instance method and\n// once as a static that makes an instance first. That is upstream's own shape\n// (`BaseAnimationBuilder`), mirrored rather than reinvented, because app code\n// and library code both write it.\n//\n// `build()` returns upstream's function too: `(values) => ({ initialValues,\n// animations, callback })`, where `animations` holds ordinary `withTiming` /\n// `withSpring` descriptors keyed by property. Nothing here knows about GTK, a\n// widget, or a retention — this file decides WHAT should happen; the runtime\n// (layout-animation-runtime.ts) decides what of it this platform can honour\n// and drives it.\n//\n// SCOPE. The base class plus the four builders that cannot be expressed as a\n// table: three because they are the primitives everything else is measured\n// against, and `Keyframe` because it is the one builder you INSTANTIATE with a\n// track rather than configure. The catalogue proper — `BounceIn*`,\n// `Pinwheel*`, `Roll*`, `Stretch*` and the rest — is exactly the same\n// `initialValues`/`animations` pair over a different pair of numbers, so it\n// lives as data in layout-animation-presets.ts; the four `*Transition`\n// builders beside `LinearTransition` live in layout-transitions.ts.\nimport { parseAngle } from \"../style/transform\"\nimport {\n  withDelay,\n  withSequence,\n  withSpring,\n  withTiming,\n  type WithSpringConfig,\n} from \"./animation\"\nimport type { EasingFunction, EasingFunctionFactory } from \"./easing\"\n\n/**\n * What a builder is handed when it is asked to produce a config. Upstream\n * fills the `target*` half for an entering animation and the `current*` half\n * for an exiting one; both halves are always populated here, from the rects\n * the layout engine committed, because a superset costs nothing and a builder\n * that reads the wrong half would otherwise get `undefined`.\n */\nexport type LayoutAnimationValues = {\n  targetOriginX: number\n  targetOriginY: number\n  targetWidth: number\n  targetHeight: number\n  targetGlobalOriginX: number\n  targetGlobalOriginY: number\n  currentOriginX: number\n  currentOriginY: number\n  currentWidth: number\n  currentHeight: number\n  currentGlobalOriginX: number\n  currentGlobalOriginY: number\n  windowWidth: number\n  windowHeight: number\n}\n\n/** Called when a layout animation settles or is cut short, as upstream. */\nexport type LayoutAnimationCallback = (finished: boolean) => void\n\n/** Upstream's built config: where to start, what to run, who to tell. */\nexport type BuiltLayoutAnimation = {\n  initialValues: Record<string, unknown>\n  animations: Record<string, unknown>\n  callback?: LayoutAnimationCallback\n}\n\n/** Anything an `entering`, `exiting` or `layout` prop accepts. */\nexport type LayoutAnimationBuilderLike = {\n  build(): (values: LayoutAnimationValues) => BuiltLayoutAnimation\n  /** The longest this animation can run, which is what arms a retention. */\n  getMaxDuration(): number\n}\n\nconst DEFAULT_DURATION = 300\n\ntype TimingLike = (toValue: number) => number\n\nexport class AnimationBuilder {\n  durationV: number | undefined = undefined\n  delayV: number | undefined = undefined\n  easingV: EasingFunction | EasingFunctionFactory | undefined = undefined\n  randomizeDelay = false\n  type: \"timing\" | \"spring\" = \"timing\"\n  springConfigV: WithSpringConfig = {}\n  initialValuesV: Record<string, unknown> = {}\n  callbackV: LayoutAnimationCallback | undefined = undefined\n  rotateV: string | number | undefined = undefined\n\n  static createInstance<T extends typeof AnimationBuilder>(\n    this: T,\n  ): InstanceType<T> {\n    return new this() as InstanceType<T>\n  }\n\n  duration(durationMs: number): this {\n    this.durationV = durationMs\n    return this\n  }\n\n  delay(delayMs: number): this {\n    this.delayV = delayMs\n    return this\n  }\n\n  easing(easingFunction: EasingFunction | EasingFunctionFactory): this {\n    this.easingV = easingFunction\n    return this\n  }\n\n  /** Upstream's \"spread the delay over a window\" helper, ported as-is. */\n  randomDelay(): this {\n    this.randomizeDelay = true\n    return this\n  }\n\n  springify(durationMs?: number): this {\n    this.type = \"spring\"\n    if (durationMs !== undefined) {\n      this.springConfigV.duration = durationMs\n      // Upstream's `springify()` writes the same field `.duration()` does, so\n      // `getDuration()` reports the spring's length too. That matters here\n      // beyond parity: the retention fallback that keeps an exiting widget on\n      // screen is armed from `getMaxDuration()`, and a fallback shorter than\n      // the animation cuts the animation off.\n      this.durationV = durationMs\n    }\n    return this\n  }\n\n  /**\n   * The angle `ZoomInRotate` / `ZoomOutRotate` spin through.\n   *\n   * Upstream takes a bare number of RADIANS in a string (its default is\n   * `'0.3'`, interpolated into `` `${rotate}rad` ``), and a united value like\n   * `'90deg'` reaches its template as `'90degrad'`. A bare number or numeric\n   * string is read as radians here, exactly as upstream; a value that carries\n   * its own `deg`/`rad` unit is parsed instead of being concatenated into\n   * nonsense.\n   */\n  rotate(angle: string | number): this {\n    this.rotateV = angle\n    return this\n  }\n\n  damping(value: number): this {\n    this.springConfigV.damping = value\n    return this\n  }\n\n  dampingRatio(value: number): this {\n    this.springConfigV.dampingRatio = value\n    return this\n  }\n\n  mass(value: number): this {\n    this.springConfigV.mass = value\n    return this\n  }\n\n  stiffness(value: number): this {\n    this.springConfigV.stiffness = value\n    return this\n  }\n\n  overshootClamping(value: number): this {\n    this.springConfigV.overshootClamping = Boolean(value)\n    return this\n  }\n\n  /**\n   * Accepted and ignored, because this platform's spring solver derives its\n   * rest condition from the same energy budget upstream stops on rather than\n   * from absolute thresholds — the difference is well under a pixel and is\n   * already in docs/api.md's differences table.\n   */\n  restDisplacementThreshold(): this {\n    return this\n  }\n\n  restSpeedThreshold(): this {\n    return this\n  }\n\n  /**\n   * Accepted and ignored: no reduce-motion source is wired on this platform\n   * yet, so every value behaves as `ReduceMotion.Never` — the same answer\n   * `useReducedMotion()` gives.\n   */\n  reduceMotion(): this {\n    return this\n  }\n\n  withInitialValues(values: Record<string, unknown>): this {\n    this.initialValuesV = values\n    return this\n  }\n\n  withCallback(callback: LayoutAnimationCallback): this {\n    this.callbackV = callback\n    return this\n  }\n\n  getDelay(): number {\n    const delay = this.delayV ?? 0\n    return this.randomizeDelay ? Math.random() * (delay || 1000) : delay\n  }\n\n  /** The nominal length, as upstream reports it. */\n  getDuration(): number {\n    return this.durationV ?? DEFAULT_DURATION\n  }\n\n  /**\n   * The UPPER BOUND on delay plus duration, which is what a retention arms\n   * its fallback timer from. Not `getDelay() + getDuration()`: `randomDelay`\n   * draws a fresh number on every call — deliberately, so a list staggers —\n   * and a fallback armed from one draw could cut short an animation built\n   * from another.\n   */\n  getMaxDuration(): number {\n    const delay = this.randomizeDelay\n      ? (this.delayV ?? 0) || 1000\n      : (this.delayV ?? 0)\n    return delay + this.getDuration()\n  }\n\n  /**\n   * `.rotate()` resolved to degrees, or `fallbackDegrees` when it was never\n   * called. See {@link AnimationBuilder.rotate} for the unit rules.\n   */\n  protected getRotationDegrees(fallbackDegrees: number): number {\n    const configured = this.rotateV\n    if (configured === undefined) {\n      return fallbackDegrees\n    }\n    const bare =\n      typeof configured === \"number\" ? configured : Number(configured)\n    if (Number.isFinite(bare)) {\n      return (bare * 180) / Math.PI\n    }\n    return parseAngle(configured) ?? fallbackDegrees\n  }\n\n  protected animation(): TimingLike {\n    if (this.type === \"spring\") {\n      const config = { ...this.springConfigV }\n      return (toValue: number) => withSpring(toValue, config)\n    }\n    const config: {\n      duration?: number\n      easing?: EasingFunction | EasingFunctionFactory\n    } = {}\n    if (this.durationV !== undefined) {\n      config.duration = this.durationV\n    }\n    if (this.easingV !== undefined) {\n      config.easing = this.easingV\n    }\n    return (toValue: number) => withTiming(toValue, config)\n  }\n\n  protected delayed(delayMs: number, animation: number): number {\n    return delayMs <= 0 ? animation : withDelay(delayMs, animation)\n  }\n\n  build(): (values: LayoutAnimationValues) => BuiltLayoutAnimation {\n    throw new Error(\n      \"react-native-reanimated: this animation builder does not implement build()\",\n    )\n  }\n\n  // --- the statics, so `entering={FadeIn.duration(400)}` works ------------\n\n  static duration<T extends typeof AnimationBuilder>(\n    this: T,\n    durationMs: number,\n  ): InstanceType<T> {\n    return this.createInstance().duration(durationMs) as InstanceType<T>\n  }\n\n  static delay<T extends typeof AnimationBuilder>(\n    this: T,\n    delayMs: number,\n  ): InstanceType<T> {\n    return this.createInstance().delay(delayMs) as InstanceType<T>\n  }\n\n  static easing<T extends typeof AnimationBuilder>(\n    this: T,\n    easingFunction: EasingFunction | EasingFunctionFactory,\n  ): InstanceType<T> {\n    return this.createInstance().easing(easingFunction) as InstanceType<T>\n  }\n\n  static randomDelay<T extends typeof AnimationBuilder>(\n    this: T,\n  ): InstanceType<T> {\n    return this.createInstance().randomDelay() as InstanceType<T>\n  }\n\n  static springify<T extends typeof AnimationBuilder>(\n    this: T,\n    durationMs?: number,\n  ): InstanceType<T> {\n    return this.createInstance().springify(durationMs) as InstanceType<T>\n  }\n\n  static rotate<T extends typeof AnimationBuilder>(\n    this: T,\n    angle: string | number,\n  ): InstanceType<T> {\n    return this.createInstance().rotate(angle) as InstanceType<T>\n  }\n\n  static damping<T extends typeof AnimationBuilder>(\n    this: T,\n    value: number,\n  ): InstanceType<T> {\n    return this.createInstance().damping(value) as InstanceType<T>\n  }\n\n  static dampingRatio<T extends typeof AnimationBuilder>(\n    this: T,\n    value: number,\n  ): InstanceType<T> {\n    return this.createInstance().dampingRatio(value) as InstanceType<T>\n  }\n\n  static mass<T extends typeof AnimationBuilder>(\n    this: T,\n    value: number,\n  ): InstanceType<T> {\n    return this.createInstance().mass(value) as InstanceType<T>\n  }\n\n  static stiffness<T extends typeof AnimationBuilder>(\n    this: T,\n    value: number,\n  ): InstanceType<T> {\n    return this.createInstance().stiffness(value) as InstanceType<T>\n  }\n\n  static overshootClamping<T extends typeof AnimationBuilder>(\n    this: T,\n    value: number,\n  ): InstanceType<T> {\n    return this.createInstance().overshootClamping(value) as InstanceType<T>\n  }\n\n  static restDisplacementThreshold<T extends typeof AnimationBuilder>(\n    this: T,\n  ): InstanceType<T> {\n    return this.createInstance() as InstanceType<T>\n  }\n\n  static restSpeedThreshold<T extends typeof AnimationBuilder>(\n    this: T,\n  ): InstanceType<T> {\n    return this.createInstance() as InstanceType<T>\n  }\n\n  static reduceMotion<T extends typeof AnimationBuilder>(\n    this: T,\n  ): InstanceType<T> {\n    return this.createInstance() as InstanceType<T>\n  }\n\n  static withInitialValues<T extends typeof AnimationBuilder>(\n    this: T,\n    values: Record<string, unknown>,\n  ): InstanceType<T> {\n    return this.createInstance().withInitialValues(values) as InstanceType<T>\n  }\n\n  static withCallback<T extends typeof AnimationBuilder>(\n    this: T,\n    callback: LayoutAnimationCallback,\n  ): InstanceType<T> {\n    return this.createInstance().withCallback(callback) as InstanceType<T>\n  }\n\n  static build<T extends typeof AnimationBuilder>(\n    this: T,\n  ): (values: LayoutAnimationValues) => BuiltLayoutAnimation {\n    return this.createInstance().build()\n  }\n\n  static getDuration<T extends typeof AnimationBuilder>(this: T): number {\n    return this.createInstance().getDuration()\n  }\n\n  static getDelay<T extends typeof AnimationBuilder>(this: T): number {\n    return this.createInstance().getDelay()\n  }\n\n  static getMaxDuration<T extends typeof AnimationBuilder>(this: T): number {\n    return this.createInstance().getMaxDuration()\n  }\n}\n\n/** Fades a view in as it mounts. */\nexport class FadeIn extends AnimationBuilder {\n  override build(): (values: LayoutAnimationValues) => BuiltLayoutAnimation {\n    const animation = this.animation()\n    const delayMs = this.getDelay()\n    const callback = this.callbackV\n    const initialValues = this.initialValuesV\n    return () => ({\n      initialValues: { opacity: 0, ...initialValues },\n      animations: { opacity: this.delayed(delayMs, animation(1)) },\n      callback,\n    })\n  }\n}\n\n/** Fades a view out as it unmounts — the animation that needs retention. */\nexport class FadeOut extends AnimationBuilder {\n  override build(): (values: LayoutAnimationValues) => BuiltLayoutAnimation {\n    const animation = this.animation()\n    const delayMs = this.getDelay()\n    const callback = this.callbackV\n    const initialValues = this.initialValuesV\n    return () => ({\n      initialValues: { opacity: 1, ...initialValues },\n      animations: { opacity: this.delayed(delayMs, animation(0)) },\n      callback,\n    })\n  }\n}\n\n/**\n * Walks a view from where it was to where the layout engine just put it.\n *\n * Upstream animates `originX`/`originY`/`width`/`height`; the same four are\n * produced here, and the runtime honours the origins (as a translation, which\n * is paint-only) and applies the size immediately. See docs/api.md.\n */\nexport class LinearTransition extends AnimationBuilder {\n  override build(): (values: LayoutAnimationValues) => BuiltLayoutAnimation {\n    const animation = this.animation()\n    const delayMs = this.getDelay()\n    const callback = this.callbackV\n    return (values) => ({\n      initialValues: {\n        originX: values.currentOriginX,\n        originY: values.currentOriginY,\n        width: values.currentWidth,\n        height: values.currentHeight,\n      },\n      animations: {\n        originX: this.delayed(delayMs, animation(values.targetOriginX)),\n        originY: this.delayed(delayMs, animation(values.targetOriginY)),\n        width: this.delayed(delayMs, animation(values.targetWidth)),\n        height: this.delayed(delayMs, animation(values.targetHeight)),\n      },\n      callback,\n    })\n  }\n}\n\n// --- Keyframe ------------------------------------------------------------\n\ntype KeyframeStyle = Record<string, unknown> & {\n  easing?: EasingFunction | EasingFunctionFactory\n}\n\nexport type KeyframeDefinitions = Record<string | number, KeyframeStyle>\n\ntype Step = {\n  offset: number\n  value: number\n  easing: EasingFunction | EasingFunctionFactory | undefined\n}\n\n// A map rather than two comparisons, and that is not a style choice: the\n// metro-preset test scans src for bare module specifiers with a regex that\n// looks for the import keyword next to a quoted string, and a comparison\n// against the quoted keyframe name reads to it as exactly that. Unquoted\n// object keys keep the word away from a quote.\nconst NAMED_OFFSETS: Record<string, number> = { from: 0, to: 100 }\n\nconst offsetOf = (key: string): number | null => {\n  const named = NAMED_OFFSETS[key]\n  if (named !== undefined) {\n    return named\n  }\n  const parsed = Number(key)\n  return Number.isFinite(parsed) ? parsed : null\n}\n\nconst TRANSFORM_PREFIX = \"transform.\"\n\n/**\n * A hand-written keyframe track — the one builder that is a class you\n * instantiate (`new Keyframe({...})`) rather than a preset you configure.\n *\n * Each keyframe is a percentage (or `from`/`to`) mapped to a style. Every\n * property is turned into a `withSequence` of `withTiming` steps whose\n * durations are the gaps between the offsets it appears at, which is exactly\n * how upstream compiles them; a per-keyframe `easing` applies to the step\n * that ENDS there, as in CSS.\n */\nexport class Keyframe extends AnimationBuilder {\n  private readonly definitions: KeyframeDefinitions\n\n  constructor(definitions: KeyframeDefinitions) {\n    super()\n    this.definitions = definitions\n  }\n\n  /** Keyframes and springs are different clocks; upstream refuses this too. */\n  override springify(): this {\n    throw new Error(\n      \"react-native-reanimated: Keyframe animations cannot be springified — a keyframe track is defined by \" +\n        \"its timeline, and a spring has none. Use `.duration()` and per-keyframe `easing` instead.\",\n    )\n  }\n\n  // Keyframe values that are not numbers — a colour, a string length. They\n  // cannot be interpolated by a numeric animation, and DROPPING them is the\n  // one thing this repo does not do: they are handed to the built config as\n  // plain initial values instead, where the runtime names the property in a\n  // one-per-session warning rather than saying nothing.\n  private readonly unhandled = new Map<string, unknown>()\n\n  private tracks(): Map<string, Step[]> {\n    const tracks = new Map<string, Step[]>()\n    this.unhandled.clear()\n    const push = (\n      key: string,\n      offset: number,\n      value: unknown,\n      easing: EasingFunction | EasingFunctionFactory | undefined,\n    ): void => {\n      if (typeof value !== \"number\") {\n        if (!this.unhandled.has(key)) {\n          this.unhandled.set(key, value)\n        }\n        return\n      }\n      const steps = tracks.get(key)\n      const step: Step = { offset, value, easing }\n      if (steps) {\n        steps.push(step)\n      } else {\n        tracks.set(key, [step])\n      }\n    }\n\n    const offsets: number[] = []\n    for (const key of Object.keys(this.definitions)) {\n      const offset = offsetOf(key)\n      if (offset === null) {\n        throw new Error(\n          `react-native-reanimated: Keyframe offsets are percentages, \\`from\\` or \\`to\\` — got \"${key}\".`,\n        )\n      }\n      offsets.push(offset)\n    }\n    if (!offsets.includes(0)) {\n      throw new Error(\n        \"react-native-reanimated: a Keyframe must define its `0` (or `from`) keyframe — there is nothing to start from otherwise.\",\n      )\n    }\n\n    for (const key of Object.keys(this.definitions)) {\n      const offset = offsetOf(key)!\n      const style = this.definitions[key]!\n      const easing = style.easing\n      for (const property of Object.keys(style)) {\n        if (property === \"easing\") {\n          continue\n        }\n        if (property === \"transform\") {\n          const parts = style.transform\n          if (!Array.isArray(parts)) {\n            continue\n          }\n          parts.forEach((part, index) => {\n            if (typeof part !== \"object\" || part === null) {\n              return\n            }\n            for (const [name, value] of Object.entries(part)) {\n              push(`${TRANSFORM_PREFIX}${index}.${name}`, offset, value, easing)\n            }\n          })\n          continue\n        }\n        push(property, offset, style[property], easing)\n      }\n    }\n\n    for (const steps of tracks.values()) {\n      steps.sort((left, right) => left.offset - right.offset)\n    }\n    return tracks\n  }\n\n  override build(): (values: LayoutAnimationValues) => BuiltLayoutAnimation {\n    const tracks = this.tracks()\n    const totalDuration = this.getDuration()\n    const delayMs = this.getDelay()\n    const callback = this.callbackV\n    const initialValues: Record<string, unknown> = {}\n    const animations: Record<string, unknown> = {}\n    const transformInitial: Record<string, unknown>[] = []\n    const transformAnimated: Record<string, unknown>[] = []\n\n    for (const [key, steps] of tracks) {\n      const first = steps[0]!\n      const specs: number[] = []\n      let previousOffset = first.offset\n      for (const step of steps.slice(1)) {\n        const span = ((step.offset - previousOffset) / 100) * totalDuration\n        previousOffset = step.offset\n        specs.push(\n          withTiming(step.value, {\n            duration: span,\n            ...(step.easing ? { easing: step.easing } : {}),\n          }),\n        )\n      }\n      const track =\n        specs.length === 0\n          ? first.value\n          : this.delayed(\n              delayMs,\n              specs.length === 1 ? specs[0]! : withSequence(...specs),\n            )\n\n      if (key.startsWith(TRANSFORM_PREFIX)) {\n        const [rawIndex, name] = key.slice(TRANSFORM_PREFIX.length).split(\".\")\n        const index = Number(rawIndex)\n        transformInitial[index] = {\n          ...(transformInitial[index] ?? {}),\n          [name!]: first.value,\n        }\n        transformAnimated[index] = {\n          ...(transformAnimated[index] ?? {}),\n          [name!]: track,\n        }\n        continue\n      }\n      initialValues[key] = first.value\n      animations[key] = track\n    }\n\n    if (transformAnimated.length > 0) {\n      initialValues.transform = [...transformInitial]\n      animations.transform = [...transformAnimated]\n    }\n\n    // Whatever could not become a numeric track goes in as a plain value, so\n    // the runtime gets a chance to name it — see `unhandled` above.\n    for (const [key, value] of this.unhandled) {\n      initialValues[key] = value\n    }\n\n    const extra = this.initialValuesV\n    return () => ({\n      initialValues: { ...initialValues, ...extra },\n      animations,\n      callback,\n    })\n  }\n}\n"]}

package/dist/reanimated-compat/layout-transitions.d.ts

@@ -0,0 +1,83 @@
+import { type EasingFunction, type EasingFunctionFactory } from "./easing";
+import { AnimationBuilder, type BuiltLayoutAnimation, type LayoutAnimationBuilderLike, type LayoutAnimationValues } from "./layout-animation";
+type AnyEasing = EasingFunction | EasingFunctionFactory;
+/**
+ * A builder, or the builder CLASS itself: `.entering(FadeIn)` and
+ * `.entering(FadeIn.duration(400))` are both upstream's call surface.
+ */
+export type LayoutAnimationSource = LayoutAnimationBuilderLike | typeof AnimationBuilder;
+/**
+ * Walks a view to its new rect with a SEPARATE easing per axis, which is what
+ * makes the path a curve rather than a straight line: an ease-in on x against
+ * an ease-out on y bends the trajectory.
+ *
+ * `.easingWidth()` and `.easingHeight()` are accepted and ignored — see the
+ * header, and docs/api.md.
+ */
+export declare class CurvedTransition extends AnimationBuilder {
+    easingXV: AnyEasing;
+    easingYV: AnyEasing;
+    easingWidthV: AnyEasing;
+    easingHeightV: AnyEasing;
+    easingX(easing: AnyEasing): this;
+    easingY(easing: AnyEasing): this;
+    easingWidth(easing: AnyEasing): this;
+    easingHeight(easing: AnyEasing): this;
+    static easingX(easing: AnyEasing): CurvedTransition;
+    static easingY(easing: AnyEasing): CurvedTransition;
+    static easingWidth(easing: AnyEasing): CurvedTransition;
+    static easingHeight(easing: AnyEasing): CurvedTransition;
+    build(): (values: LayoutAnimationValues) => BuiltLayoutAnimation;
+}
+/**
+ * Fades the view out, moves it while it is invisible, and fades it back in —
+ * the transition for a rect change too large to be worth watching. Upstream's
+ * default length is 500 ms rather than the 300 ms everything else uses.
+ */
+export declare class FadingTransition extends AnimationBuilder {
+    /** Upstream's own default for this transition, and only this one. */
+    getDuration(): number;
+    build(): (values: LayoutAnimationValues) => BuiltLayoutAnimation;
+}
+/**
+ * Arcs the view to its new position: it leaps clear of both the old and the
+ * new row on an ease-out-exp, then drops onto the target on a bounce. The
+ * height of the leap is the distance travelled, so a short move barely hops.
+ */
+export declare class JumpingTransition extends AnimationBuilder {
+    build(): (values: LayoutAnimationValues) => BuiltLayoutAnimation;
+}
+/**
+ * Moves one axis at a time: x first and then y, or the reverse with
+ * `.reverse()`. Upstream's default length is 500 ms, split evenly.
+ */
+export declare class SequencedTransition extends AnimationBuilder {
+    reversed: boolean;
+    reverse(): this;
+    static reverse(): SequencedTransition;
+    /** Upstream's own default for this transition. */
+    getDuration(): number;
+    build(): (values: LayoutAnimationValues) => BuiltLayoutAnimation;
+}
+/**
+ * Plays a full exit animation and then a full entry animation on the SAME
+ * view when its layout changes — the transition for a view whose content
+ * changed so much that moving it would read as the wrong thing moving.
+ *
+ * `.entering()` and `.exiting()` take any builder (or builder class); the
+ * defaults are `FadeIn` and `FadeOut`. The two built configs are composed
+ * here rather than run one after the other, so the whole thing is still one
+ * animation with one callback.
+ */
+export declare class EntryExitTransition extends AnimationBuilder {
+    enteringV: LayoutAnimationSource;
+    exitingV: LayoutAnimationSource;
+    entering(animation: LayoutAnimationSource): this;
+    exiting(animation: LayoutAnimationSource): this;
+    static entering(animation: LayoutAnimationSource): EntryExitTransition;
+    static exiting(animation: LayoutAnimationSource): EntryExitTransition;
+    build(): (values: LayoutAnimationValues) => BuiltLayoutAnimation;
+    /** The exit and the entry run one after the other, so the lengths add. */
+    getMaxDuration(): number;
+}
+export {};