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

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

@@ -0,0 +1,350 @@
+// The `layout` transitions beyond `LinearTransition`: `CurvedTransition`,
+// `FadingTransition`, `JumpingTransition`, `SequencedTransition` and
+// `EntryExitTransition`.
+//
+// All five emit the same four properties `LinearTransition` does — `originX`,
+// `originY`, `width`, `height` — and differ only in the curve each takes to
+// get there, so they need nothing from the runtime that is not already
+// wired. The one thing they inherit with that is its documented difference:
+// the position animates (as a paint-only translation) and a size change lands
+// immediately, because a Yoga pass per frame costs what the TREE costs rather
+// than what the value costs (docs/research/animated-colors.md). Where a
+// transition's only parameter is a size curve — `CurvedTransition`'s
+// `.easingWidth()`/`.easingHeight()` — that parameter is therefore accepted
+// and ignored, and the row is in docs/api.md's differences table.
+//
+// Parameters are upstream's, from react-native-reanimated 4.5.3
+// (src/layoutReanimation/defaultTransitions/): the four default easings of a
+// curved transition, the 500 ms default of a fading and a sequenced one
+// against the 300 ms everything else uses, the out-exp/bounce pair a jump
+// arcs through.
+import { withDelay, withSequence, withTiming } from "./animation";
+import { Easing, } from "./easing";
+import { AnimationBuilder, FadeIn, FadeOut, } from "./layout-animation";
+const resolveBuilder = (source) => source;
+/**
+ * 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 class CurvedTransition extends AnimationBuilder {
+    easingXV = Easing.in(Easing.ease);
+    easingYV = Easing.out(Easing.ease);
+    easingWidthV = Easing.in(Easing.exp);
+    easingHeightV = Easing.out(Easing.exp);
+    easingX(easing) {
+        this.easingXV = easing;
+        return this;
+    }
+    easingY(easing) {
+        this.easingYV = easing;
+        return this;
+    }
+    easingWidth(easing) {
+        this.easingWidthV = easing;
+        return this;
+    }
+    easingHeight(easing) {
+        this.easingHeightV = easing;
+        return this;
+    }
+    static easingX(easing) {
+        return new CurvedTransition().easingX(easing);
+    }
+    static easingY(easing) {
+        return new CurvedTransition().easingY(easing);
+    }
+    static easingWidth(easing) {
+        return new CurvedTransition().easingWidth(easing);
+    }
+    static easingHeight(easing) {
+        return new CurvedTransition().easingHeight(easing);
+    }
+    build() {
+        const delayMs = this.getDelay();
+        const duration = this.getDuration();
+        const callback = this.callbackV;
+        const easingX = this.easingXV;
+        const easingY = this.easingYV;
+        const easingWidth = this.easingWidthV;
+        const easingHeight = this.easingHeightV;
+        return (values) => ({
+            initialValues: {
+                originX: values.currentOriginX,
+                originY: values.currentOriginY,
+                width: values.currentWidth,
+                height: values.currentHeight,
+            },
+            animations: {
+                originX: this.delayed(delayMs, withTiming(values.targetOriginX, { duration, easing: easingX })),
+                originY: this.delayed(delayMs, withTiming(values.targetOriginY, { duration, easing: easingY })),
+                width: this.delayed(delayMs, withTiming(values.targetWidth, { duration, easing: easingWidth })),
+                height: this.delayed(delayMs, withTiming(values.targetHeight, { duration, easing: easingHeight })),
+            },
+            callback,
+        });
+    }
+}
+/**
+ * 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 class FadingTransition extends AnimationBuilder {
+    /** Upstream's own default for this transition, and only this one. */
+    getDuration() {
+        return this.durationV ?? 500;
+    }
+    build() {
+        const delayMs = this.getDelay();
+        const halfDuration = this.getDuration() / 2;
+        const callback = this.callbackV;
+        // The rect lands at the bottom of the fade, so it is a zero-length timing
+        // held behind the first half — not a curve at all.
+        const snap = (target) => withDelay(delayMs + halfDuration, withTiming(target, { duration: 0 }));
+        return (values) => ({
+            initialValues: {
+                opacity: 1,
+                originX: values.currentOriginX,
+                originY: values.currentOriginY,
+                width: values.currentWidth,
+                height: values.currentHeight,
+            },
+            animations: {
+                opacity: this.delayed(delayMs, withSequence(withTiming(0, { duration: halfDuration }), withTiming(1, { duration: halfDuration }))),
+                originX: snap(values.targetOriginX),
+                originY: snap(values.targetOriginY),
+                width: snap(values.targetWidth),
+                height: snap(values.targetHeight),
+            },
+            callback,
+        });
+    }
+}
+/**
+ * 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 class JumpingTransition extends AnimationBuilder {
+    build() {
+        const delayMs = this.getDelay();
+        const duration = this.getDuration();
+        const halfDuration = duration / 2;
+        const callback = this.callbackV;
+        return (values) => {
+            const distance = Math.max(Math.abs(values.targetOriginX - values.currentOriginX), Math.abs(values.targetOriginY - values.currentOriginY));
+            return {
+                initialValues: {
+                    originX: values.currentOriginX,
+                    originY: values.currentOriginY,
+                    width: values.currentWidth,
+                    height: values.currentHeight,
+                },
+                animations: {
+                    originX: this.delayed(delayMs, withTiming(values.targetOriginX, { duration })),
+                    originY: this.delayed(delayMs, withSequence(withTiming(Math.min(values.targetOriginY, values.currentOriginY) -
+                        distance, { duration: halfDuration, easing: Easing.out(Easing.exp) }), withTiming(values.targetOriginY, {
+                        duration: halfDuration,
+                        easing: Easing.bounce,
+                    }))),
+                    width: this.delayed(delayMs, withTiming(values.targetWidth, { duration })),
+                    height: this.delayed(delayMs, withTiming(values.targetHeight, { duration })),
+                },
+                callback,
+            };
+        };
+    }
+}
+/**
+ * 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 class SequencedTransition extends AnimationBuilder {
+    reversed = false;
+    reverse() {
+        this.reversed = !this.reversed;
+        return this;
+    }
+    static reverse() {
+        return new SequencedTransition().reverse();
+    }
+    /** Upstream's own default for this transition. */
+    getDuration() {
+        return this.durationV ?? 500;
+    }
+    build() {
+        const delayMs = this.getDelay();
+        const config = { duration: this.getDuration() / 2 };
+        const callback = this.callbackV;
+        const reverse = this.reversed;
+        // Each property runs two halves; the one that moves in the FIRST half is
+        // the one whose intermediate target is already the destination.
+        const twoStep = (first, target) => this.delayed(delayMs, withSequence(withTiming(first, config), withTiming(target, config)));
+        return (values) => ({
+            initialValues: {
+                originX: values.currentOriginX,
+                originY: values.currentOriginY,
+                width: values.currentWidth,
+                height: values.currentHeight,
+            },
+            animations: {
+                originX: twoStep(reverse ? values.currentOriginX : values.targetOriginX, values.targetOriginX),
+                originY: twoStep(reverse ? values.targetOriginY : values.currentOriginY, values.targetOriginY),
+                width: twoStep(reverse ? values.currentWidth : values.targetWidth, values.targetWidth),
+                height: twoStep(reverse ? values.targetHeight : values.currentHeight, values.targetHeight),
+            },
+            callback,
+        });
+    }
+}
+// The value a transform slot returns to between an exit and an entry, decided
+// from the KEY. Upstream reads it off the animation object's `current`, which
+// is a field of ITS animation representation; the descriptors here are plain
+// data with no running value, and the key answers the same question — a
+// translate rests at 0, a scale at 1, an angle at 0.
+const neutralTransformValue = (key) => key.startsWith("scale") ? 1 : 0;
+const isFiniteNumber = (value) => typeof value === "number" && Number.isFinite(value);
+/**
+ * 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 class EntryExitTransition extends AnimationBuilder {
+    enteringV = FadeIn;
+    exitingV = FadeOut;
+    entering(animation) {
+        this.enteringV = animation;
+        return this;
+    }
+    exiting(animation) {
+        this.exitingV = animation;
+        return this;
+    }
+    static entering(animation) {
+        return new EntryExitTransition().entering(animation);
+    }
+    static exiting(animation) {
+        return new EntryExitTransition().exiting(animation);
+    }
+    build() {
+        const delayMs = this.getDelay();
+        const callback = this.callbackV;
+        const enteringBuild = resolveBuilder(this.enteringV).build();
+        const exitingBuild = resolveBuilder(this.exitingV).build();
+        const exitingDuration = resolveBuilder(this.exitingV).getDuration();
+        return (values) => {
+            const entering = enteringBuild(values);
+            const exiting = exitingBuild(values);
+            const animations = {};
+            const transform = [];
+            const eachTransform = (source, visit) => {
+                if (!Array.isArray(source)) {
+                    return;
+                }
+                source.forEach((entry, index) => {
+                    if (typeof entry === "object" && entry !== null) {
+                        for (const [key, value] of Object.entries(entry)) {
+                            visit(index, key, value);
+                        }
+                    }
+                });
+            };
+            const initialTransformValue = (config, index, key) => {
+                const slots = config.initialValues.transform;
+                const slot = Array.isArray(slots)
+                    ? slots[index]
+                    : undefined;
+                const value = slot?.[key];
+                return isFiniteNumber(value) ? value : 0;
+            };
+            // The exit runs first, and every property it touched is snapped back to
+            // where the ENTRY wants to begin before the entry plays.
+            eachTransform(exiting.animations.transform, (index, key, value) => {
+                transform.push({
+                    [key]: this.delayed(delayMs, withSequence(value, withTiming(initialTransformValue(exiting, index, key), {
+                        duration: 0,
+                    }))),
+                });
+            });
+            for (const [property, value] of Object.entries(exiting.animations)) {
+                if (property === "transform") {
+                    continue;
+                }
+                const enteringAnimation = entering.animations[property];
+                const bridgeTo = enteringAnimation !== undefined
+                    ? entering.initialValues[property]
+                    : (values[property] ??
+                        exiting.initialValues[property]);
+                const steps = [
+                    value,
+                    withTiming(isFiniteNumber(bridgeTo) ? bridgeTo : 0, { duration: 0 }),
+                ];
+                if (enteringAnimation !== undefined) {
+                    steps.push(enteringAnimation);
+                }
+                animations[property] = this.delayed(delayMs, withSequence(...steps));
+            }
+            // …then the entry, held back by the length of the exit.
+            eachTransform(entering.animations.transform, (index, key, value) => {
+                transform.push({
+                    [key]: this.delayed(delayMs + exitingDuration, withSequence(withTiming(initialTransformValue(entering, index, key), {
+                        duration: exitingDuration,
+                    }), value)),
+                });
+            });
+            for (const [property, value] of Object.entries(entering.animations)) {
+                if (property === "transform" || animations[property] !== undefined) {
+                    continue;
+                }
+                const initial = entering.initialValues[property];
+                animations[property] = this.delayed(delayMs, withSequence(withTiming(isFiniteNumber(initial) ? initial : 0, { duration: 0 }), value));
+            }
+            const initialTransform = [
+                ...(Array.isArray(exiting.initialValues.transform)
+                    ? exiting.initialValues.transform
+                    : []),
+                ...(Array.isArray(entering.animations.transform)
+                    ? entering.animations.transform.map((slot) => {
+                        const key = Object.keys(slot)[0];
+                        return key === undefined
+                            ? slot
+                            : { [key]: neutralTransformValue(key) };
+                    })
+                    : []),
+            ];
+            return {
+                initialValues: {
+                    ...exiting.initialValues,
+                    originX: values.currentOriginX,
+                    originY: values.currentOriginY,
+                    width: values.currentWidth,
+                    height: values.currentHeight,
+                    transform: initialTransform,
+                },
+                animations: {
+                    originX: withDelay(delayMs + exitingDuration, withTiming(values.targetOriginX, { duration: exitingDuration })),
+                    originY: withDelay(delayMs + exitingDuration, withTiming(values.targetOriginY, { duration: exitingDuration })),
+                    width: withDelay(delayMs + exitingDuration, withTiming(values.targetWidth, { duration: exitingDuration })),
+                    height: withDelay(delayMs + exitingDuration, withTiming(values.targetHeight, { duration: exitingDuration })),
+                    ...animations,
+                    ...(transform.length > 0 ? { transform } : {}),
+                },
+                callback,
+            };
+        };
+    }
+    /** The exit and the entry run one after the other, so the lengths add. */
+    getMaxDuration() {
+        return super.getMaxDuration() + resolveBuilder(this.exitingV).getDuration();
+    }
+}
+//# sourceMappingURL=layout-transitions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout-transitions.js","sourceRoot":"","sources":["../../src/reanimated-compat/layout-transitions.ts"],"names":[],"mappings":"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","sourcesContent":["// The `layout` transitions beyond `LinearTransition`: `CurvedTransition`,\n// `FadingTransition`, `JumpingTransition`, `SequencedTransition` and\n// `EntryExitTransition`.\n//\n// All five emit the same four properties `LinearTransition` does — `originX`,\n// `originY`, `width`, `height` — and differ only in the curve each takes to\n// get there, so they need nothing from the runtime that is not already\n// wired. The one thing they inherit with that is its documented difference:\n// the position animates (as a paint-only translation) and a size change lands\n// immediately, because a Yoga pass per frame costs what the TREE costs rather\n// than what the value costs (docs/research/animated-colors.md). Where a\n// transition's only parameter is a size curve — `CurvedTransition`'s\n// `.easingWidth()`/`.easingHeight()` — that parameter is therefore accepted\n// and ignored, and the row is in docs/api.md's differences table.\n//\n// Parameters are upstream's, from react-native-reanimated 4.5.3\n// (src/layoutReanimation/defaultTransitions/): the four default easings of a\n// curved transition, the 500 ms default of a fading and a sequenced one\n// against the 300 ms everything else uses, the out-exp/bounce pair a jump\n// arcs through.\nimport { withDelay, withSequence, withTiming } from \"./animation\"\nimport {\n  Easing,\n  type EasingFunction,\n  type EasingFunctionFactory,\n} from \"./easing\"\nimport {\n  AnimationBuilder,\n  FadeIn,\n  FadeOut,\n  type BuiltLayoutAnimation,\n  type LayoutAnimationBuilderLike,\n  type LayoutAnimationValues,\n} from \"./layout-animation\"\n\ntype AnyEasing = EasingFunction | EasingFunctionFactory\n\n/**\n * A builder, or the builder CLASS itself: `.entering(FadeIn)` and\n * `.entering(FadeIn.duration(400))` are both upstream's call surface.\n */\nexport type LayoutAnimationSource =\n  LayoutAnimationBuilderLike | typeof AnimationBuilder\n\n/**\n * The two methods {@link EntryExitTransition} needs off either shape. They\n * exist on both — `AnimationBuilder` declares each one twice, as an instance\n * method and as a static that makes an instance first — but the statics carry\n * a `this` constraint that no structural type can satisfy, so the split is\n * bridged here once rather than at every call.\n */\ntype ResolvedBuilder = {\n  build(): (values: LayoutAnimationValues) => BuiltLayoutAnimation\n  getDuration(): number\n}\n\nconst resolveBuilder = (source: LayoutAnimationSource): ResolvedBuilder =>\n  source as unknown as ResolvedBuilder\n\n/**\n * Walks a view to its new rect with a SEPARATE easing per axis, which is what\n * makes the path a curve rather than a straight line: an ease-in on x against\n * an ease-out on y bends the trajectory.\n *\n * `.easingWidth()` and `.easingHeight()` are accepted and ignored — see the\n * header, and docs/api.md.\n */\nexport class CurvedTransition extends AnimationBuilder {\n  easingXV: AnyEasing = Easing.in(Easing.ease)\n  easingYV: AnyEasing = Easing.out(Easing.ease)\n  easingWidthV: AnyEasing = Easing.in(Easing.exp)\n  easingHeightV: AnyEasing = Easing.out(Easing.exp)\n\n  easingX(easing: AnyEasing): this {\n    this.easingXV = easing\n    return this\n  }\n\n  easingY(easing: AnyEasing): this {\n    this.easingYV = easing\n    return this\n  }\n\n  easingWidth(easing: AnyEasing): this {\n    this.easingWidthV = easing\n    return this\n  }\n\n  easingHeight(easing: AnyEasing): this {\n    this.easingHeightV = easing\n    return this\n  }\n\n  static easingX(easing: AnyEasing): CurvedTransition {\n    return new CurvedTransition().easingX(easing)\n  }\n\n  static easingY(easing: AnyEasing): CurvedTransition {\n    return new CurvedTransition().easingY(easing)\n  }\n\n  static easingWidth(easing: AnyEasing): CurvedTransition {\n    return new CurvedTransition().easingWidth(easing)\n  }\n\n  static easingHeight(easing: AnyEasing): CurvedTransition {\n    return new CurvedTransition().easingHeight(easing)\n  }\n\n  override build(): (values: LayoutAnimationValues) => BuiltLayoutAnimation {\n    const delayMs = this.getDelay()\n    const duration = this.getDuration()\n    const callback = this.callbackV\n    const easingX = this.easingXV\n    const easingY = this.easingYV\n    const easingWidth = this.easingWidthV\n    const easingHeight = this.easingHeightV\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(\n          delayMs,\n          withTiming(values.targetOriginX, { duration, easing: easingX }),\n        ),\n        originY: this.delayed(\n          delayMs,\n          withTiming(values.targetOriginY, { duration, easing: easingY }),\n        ),\n        width: this.delayed(\n          delayMs,\n          withTiming(values.targetWidth, { duration, easing: easingWidth }),\n        ),\n        height: this.delayed(\n          delayMs,\n          withTiming(values.targetHeight, { duration, easing: easingHeight }),\n        ),\n      },\n      callback,\n    })\n  }\n}\n\n/**\n * Fades the view out, moves it while it is invisible, and fades it back in —\n * the transition for a rect change too large to be worth watching. Upstream's\n * default length is 500 ms rather than the 300 ms everything else uses.\n */\nexport class FadingTransition extends AnimationBuilder {\n  /** Upstream's own default for this transition, and only this one. */\n  override getDuration(): number {\n    return this.durationV ?? 500\n  }\n\n  override build(): (values: LayoutAnimationValues) => BuiltLayoutAnimation {\n    const delayMs = this.getDelay()\n    const halfDuration = this.getDuration() / 2\n    const callback = this.callbackV\n    // The rect lands at the bottom of the fade, so it is a zero-length timing\n    // held behind the first half — not a curve at all.\n    const snap = (target: number): number =>\n      withDelay(delayMs + halfDuration, withTiming(target, { duration: 0 }))\n    return (values) => ({\n      initialValues: {\n        opacity: 1,\n        originX: values.currentOriginX,\n        originY: values.currentOriginY,\n        width: values.currentWidth,\n        height: values.currentHeight,\n      },\n      animations: {\n        opacity: this.delayed(\n          delayMs,\n          withSequence(\n            withTiming(0, { duration: halfDuration }),\n            withTiming(1, { duration: halfDuration }),\n          ),\n        ),\n        originX: snap(values.targetOriginX),\n        originY: snap(values.targetOriginY),\n        width: snap(values.targetWidth),\n        height: snap(values.targetHeight),\n      },\n      callback,\n    })\n  }\n}\n\n/**\n * Arcs the view to its new position: it leaps clear of both the old and the\n * new row on an ease-out-exp, then drops onto the target on a bounce. The\n * height of the leap is the distance travelled, so a short move barely hops.\n */\nexport class JumpingTransition extends AnimationBuilder {\n  override build(): (values: LayoutAnimationValues) => BuiltLayoutAnimation {\n    const delayMs = this.getDelay()\n    const duration = this.getDuration()\n    const halfDuration = duration / 2\n    const callback = this.callbackV\n    return (values) => {\n      const distance = Math.max(\n        Math.abs(values.targetOriginX - values.currentOriginX),\n        Math.abs(values.targetOriginY - values.currentOriginY),\n      )\n      return {\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(\n            delayMs,\n            withTiming(values.targetOriginX, { duration }),\n          ),\n          originY: this.delayed(\n            delayMs,\n            withSequence(\n              withTiming(\n                Math.min(values.targetOriginY, values.currentOriginY) -\n                  distance,\n                { duration: halfDuration, easing: Easing.out(Easing.exp) },\n              ),\n              withTiming(values.targetOriginY, {\n                duration: halfDuration,\n                easing: Easing.bounce,\n              }),\n            ),\n          ),\n          width: this.delayed(\n            delayMs,\n            withTiming(values.targetWidth, { duration }),\n          ),\n          height: this.delayed(\n            delayMs,\n            withTiming(values.targetHeight, { duration }),\n          ),\n        },\n        callback,\n      }\n    }\n  }\n}\n\n/**\n * Moves one axis at a time: x first and then y, or the reverse with\n * `.reverse()`. Upstream's default length is 500 ms, split evenly.\n */\nexport class SequencedTransition extends AnimationBuilder {\n  reversed = false\n\n  reverse(): this {\n    this.reversed = !this.reversed\n    return this\n  }\n\n  static reverse(): SequencedTransition {\n    return new SequencedTransition().reverse()\n  }\n\n  /** Upstream's own default for this transition. */\n  override getDuration(): number {\n    return this.durationV ?? 500\n  }\n\n  override build(): (values: LayoutAnimationValues) => BuiltLayoutAnimation {\n    const delayMs = this.getDelay()\n    const config = { duration: this.getDuration() / 2 }\n    const callback = this.callbackV\n    const reverse = this.reversed\n    // Each property runs two halves; the one that moves in the FIRST half is\n    // the one whose intermediate target is already the destination.\n    const twoStep = (first: number, target: number): number =>\n      this.delayed(\n        delayMs,\n        withSequence(withTiming(first, config), withTiming(target, config)),\n      )\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: twoStep(\n          reverse ? values.currentOriginX : values.targetOriginX,\n          values.targetOriginX,\n        ),\n        originY: twoStep(\n          reverse ? values.targetOriginY : values.currentOriginY,\n          values.targetOriginY,\n        ),\n        width: twoStep(\n          reverse ? values.currentWidth : values.targetWidth,\n          values.targetWidth,\n        ),\n        height: twoStep(\n          reverse ? values.targetHeight : values.currentHeight,\n          values.targetHeight,\n        ),\n      },\n      callback,\n    })\n  }\n}\n\n// The value a transform slot returns to between an exit and an entry, decided\n// from the KEY. Upstream reads it off the animation object's `current`, which\n// is a field of ITS animation representation; the descriptors here are plain\n// data with no running value, and the key answers the same question — a\n// translate rests at 0, a scale at 1, an angle at 0.\nconst neutralTransformValue = (key: string): number =>\n  key.startsWith(\"scale\") ? 1 : 0\n\nconst isFiniteNumber = (value: unknown): value is number =>\n  typeof value === \"number\" && Number.isFinite(value)\n\n/**\n * Plays a full exit animation and then a full entry animation on the SAME\n * view when its layout changes — the transition for a view whose content\n * changed so much that moving it would read as the wrong thing moving.\n *\n * `.entering()` and `.exiting()` take any builder (or builder class); the\n * defaults are `FadeIn` and `FadeOut`. The two built configs are composed\n * here rather than run one after the other, so the whole thing is still one\n * animation with one callback.\n */\nexport class EntryExitTransition extends AnimationBuilder {\n  enteringV: LayoutAnimationSource = FadeIn\n  exitingV: LayoutAnimationSource = FadeOut\n\n  entering(animation: LayoutAnimationSource): this {\n    this.enteringV = animation\n    return this\n  }\n\n  exiting(animation: LayoutAnimationSource): this {\n    this.exitingV = animation\n    return this\n  }\n\n  static entering(animation: LayoutAnimationSource): EntryExitTransition {\n    return new EntryExitTransition().entering(animation)\n  }\n\n  static exiting(animation: LayoutAnimationSource): EntryExitTransition {\n    return new EntryExitTransition().exiting(animation)\n  }\n\n  override build(): (values: LayoutAnimationValues) => BuiltLayoutAnimation {\n    const delayMs = this.getDelay()\n    const callback = this.callbackV\n    const enteringBuild = resolveBuilder(this.enteringV).build()\n    const exitingBuild = resolveBuilder(this.exitingV).build()\n    const exitingDuration = resolveBuilder(this.exitingV).getDuration()\n\n    return (values) => {\n      const entering = enteringBuild(values)\n      const exiting = exitingBuild(values)\n      const animations: Record<string, unknown> = {}\n      const transform: Record<string, unknown>[] = []\n\n      const eachTransform = (\n        source: unknown,\n        visit: (index: number, key: string, value: unknown) => void,\n      ): void => {\n        if (!Array.isArray(source)) {\n          return\n        }\n        source.forEach((entry, index) => {\n          if (typeof entry === \"object\" && entry !== null) {\n            for (const [key, value] of Object.entries(entry)) {\n              visit(index, key, value)\n            }\n          }\n        })\n      }\n\n      const initialTransformValue = (\n        config: BuiltLayoutAnimation,\n        index: number,\n        key: string,\n      ): number => {\n        const slots = config.initialValues.transform\n        const slot = Array.isArray(slots)\n          ? (slots[index] as Record<string, unknown> | undefined)\n          : undefined\n        const value = slot?.[key]\n        return isFiniteNumber(value) ? value : 0\n      }\n\n      // The exit runs first, and every property it touched is snapped back to\n      // where the ENTRY wants to begin before the entry plays.\n      eachTransform(exiting.animations.transform, (index, key, value) => {\n        transform.push({\n          [key]: this.delayed(\n            delayMs,\n            withSequence(\n              value as number,\n              withTiming(initialTransformValue(exiting, index, key), {\n                duration: 0,\n              }),\n            ),\n          ),\n        })\n      })\n      for (const [property, value] of Object.entries(exiting.animations)) {\n        if (property === \"transform\") {\n          continue\n        }\n        const enteringAnimation = entering.animations[property]\n        const bridgeTo =\n          enteringAnimation !== undefined\n            ? entering.initialValues[property]\n            : (values[property as keyof LayoutAnimationValues] ??\n              exiting.initialValues[property])\n        const steps: unknown[] = [\n          value,\n          withTiming(isFiniteNumber(bridgeTo) ? bridgeTo : 0, { duration: 0 }),\n        ]\n        if (enteringAnimation !== undefined) {\n          steps.push(enteringAnimation)\n        }\n        animations[property] = this.delayed(\n          delayMs,\n          withSequence(...(steps as number[])),\n        )\n      }\n\n      // …then the entry, held back by the length of the exit.\n      eachTransform(entering.animations.transform, (index, key, value) => {\n        transform.push({\n          [key]: this.delayed(\n            delayMs + exitingDuration,\n            withSequence(\n              withTiming(initialTransformValue(entering, index, key), {\n                duration: exitingDuration,\n              }),\n              value as number,\n            ),\n          ),\n        })\n      })\n      for (const [property, value] of Object.entries(entering.animations)) {\n        if (property === \"transform\" || animations[property] !== undefined) {\n          continue\n        }\n        const initial = entering.initialValues[property]\n        animations[property] = this.delayed(\n          delayMs,\n          withSequence(\n            withTiming(isFiniteNumber(initial) ? initial : 0, { duration: 0 }),\n            value as number,\n          ),\n        )\n      }\n\n      const initialTransform = [\n        ...(Array.isArray(exiting.initialValues.transform)\n          ? (exiting.initialValues.transform as Record<string, unknown>[])\n          : []),\n        ...(Array.isArray(entering.animations.transform)\n          ? (entering.animations.transform as Record<string, unknown>[]).map(\n              (slot) => {\n                const key = Object.keys(slot)[0]\n                return key === undefined\n                  ? slot\n                  : { [key]: neutralTransformValue(key) }\n              },\n            )\n          : []),\n      ]\n\n      return {\n        initialValues: {\n          ...exiting.initialValues,\n          originX: values.currentOriginX,\n          originY: values.currentOriginY,\n          width: values.currentWidth,\n          height: values.currentHeight,\n          transform: initialTransform,\n        },\n        animations: {\n          originX: withDelay(\n            delayMs + exitingDuration,\n            withTiming(values.targetOriginX, { duration: exitingDuration }),\n          ),\n          originY: withDelay(\n            delayMs + exitingDuration,\n            withTiming(values.targetOriginY, { duration: exitingDuration }),\n          ),\n          width: withDelay(\n            delayMs + exitingDuration,\n            withTiming(values.targetWidth, { duration: exitingDuration }),\n          ),\n          height: withDelay(\n            delayMs + exitingDuration,\n            withTiming(values.targetHeight, { duration: exitingDuration }),\n          ),\n          ...animations,\n          ...(transform.length > 0 ? { transform } : {}),\n        },\n        callback,\n      }\n    }\n  }\n\n  /** The exit and the entry run one after the other, so the lengths add. */\n  override getMaxDuration(): number {\n    return super.getMaxDuration() + resolveBuilder(this.exitingV).getDuration()\n  }\n}\n"]}

package/dist/reanimated-compat/mutable.d.ts

@@ -0,0 +1,29 @@
+import type { AnimatedApi, FrameScheduler } from "../animated/index";
+import { type Trackable } from "./tracking";
+/** The platform's animated-node listener shape. */
+export type NodeListener<T> = (state: {
+    value: T;
+}) => void;
+/** Upstream's shared-value listener shape. */
+export type ValueListener<T> = (value: T) => void;
+export type SharedValue<T = unknown> = Trackable & {
+    value: T;
+    get(): T;
+    set(next: T | ((current: T) => T)): void;
+    modify(modifier?: (current: T) => T, forceUpdate?: boolean): void;
+    addListener(listener: NodeListener<T>): string;
+    addListener(listenerID: number | string, listener: ValueListener<T>): string;
+    removeListener(listenerID: number | string): void;
+    /** @internal The platform's animated-node read. Never registers a mapper. */
+    __getValue(): T;
+    /** @internal Stops a running animation, leaving the value where it is. */
+    __cancelAnimation(): void;
+    /** Upstream's brand, which `isSharedValue` and consumer libraries check. */
+    _isReanimatedSharedValue: true;
+};
+/** A shared value a `useDerivedValue` owns: readable, not writable. */
+export type DerivedValue<T = unknown> = Readonly<SharedValue<T>>;
+export declare const createMakeMutable: (api: AnimatedApi, scheduler: FrameScheduler) => <T>(initial: T) => SharedValue<T>;
+export declare const isSharedValue: <T = unknown>(value: unknown) => value is SharedValue<T>;
+/** Stops the animation running on a shared value, leaving it where it is. */
+export declare const cancelAnimation: (sharedValue: unknown) => void;

package/dist/reanimated-compat/mutable.js

@@ -0,0 +1,139 @@
+import { buildAnimation, isAnimationSpec, } from "./animation";
+import { trackRead } from "./tracking";
+export const createMakeMutable = (api, scheduler) => {
+    // Both halves of the one clock: the api for the animations the platform
+    // already implements, the scheduler for `withDecay`, whose per-frame step is
+    // Reanimated's own rather than RN's. See animation.ts.
+    const engine = { api, scheduler };
+    const makeMutable = (initial) => {
+        let current = initial;
+        const mappers = new Set();
+        const listeners = new Map();
+        let nextNodeListenerId = 1;
+        let running = null;
+        const notify = () => {
+            // Copied before iterating: a listener or a mapper may subscribe or
+            // unsubscribe while the write is being published.
+            for (const listener of [...listeners.values()]) {
+                listener(current);
+            }
+            for (const mapper of [...mappers]) {
+                mapper.run();
+            }
+        };
+        const commit = (next) => {
+            if (Object.is(next, current)) {
+                return;
+            }
+            current = next;
+            notify();
+        };
+        const stopAnimation = () => {
+            const animation = running;
+            running = null;
+            animation?.stop();
+        };
+        const startAnimation = (spec) => {
+            stopAnimation();
+            if (typeof current !== "number") {
+                throw new Error("react-native-reanimated: an animation can only be assigned to a shared value holding a number " +
+                    `(this one holds ${typeof current}). Colors and layout values cannot be animated on this platform yet — see docs/api.md.`);
+            }
+            // A fresh driver per run, constructed at the current value: restarting
+            // an animation must pick up from wherever the value is now, and the
+            // platform's engine derives its start value from the node it drives.
+            const driver = new api.Value(current);
+            const driverListener = driver.addListener(({ value }) => {
+                commit(value);
+            });
+            const animation = buildAnimation(engine, driver, spec);
+            const handle = { stop: () => animation.stop() };
+            running = handle;
+            animation.start(() => {
+                driver.removeListener(driverListener);
+                if (running === handle) {
+                    running = null;
+                }
+            });
+        };
+        const write = (next) => {
+            if (isAnimationSpec(next)) {
+                startAnimation(next);
+                return;
+            }
+            // A plain write cancels whatever was running, exactly as upstream's
+            // valueSetter does — assigning a value is how you stop an animation.
+            stopAnimation();
+            commit(next);
+        };
+        const shared = {
+            _isReanimatedSharedValue: true,
+            get value() {
+                trackRead(shared);
+                return current;
+            },
+            set value(next) {
+                write(next);
+            },
+            get() {
+                trackRead(shared);
+                return current;
+            },
+            set(next) {
+                write(typeof next === "function"
+                    ? next(current)
+                    : next);
+            },
+            modify(modifier, forceUpdate = true) {
+                const next = modifier ? modifier(current) : current;
+                if (!forceUpdate) {
+                    commit(next);
+                    return;
+                }
+                // forceUpdate republishes even when the modifier mutated the value in
+                // place and `Object.is` therefore still holds — the case the method
+                // exists for.
+                current = next;
+                notify();
+            },
+            addListener(first, second) {
+                if (typeof first === "function") {
+                    const id = `#${nextNodeListenerId++}`;
+                    listeners.set(id, (value) => first({ value }));
+                    return id;
+                }
+                const id = String(first);
+                if (second) {
+                    listeners.set(id, second);
+                }
+                return id;
+            },
+            removeListener(listenerID) {
+                listeners.delete(String(listenerID));
+            },
+            __getValue() {
+                return current;
+            },
+            __addMapper(mapper) {
+                mappers.add(mapper);
+            },
+            __removeMapper(mapper) {
+                mappers.delete(mapper);
+            },
+            __cancelAnimation() {
+                stopAnimation();
+            },
+        };
+        return shared;
+    };
+    return makeMutable;
+};
+export const isSharedValue = (value) => value
+    ?._isReanimatedSharedValue === true;
+/** Stops the animation running on a shared value, leaving it where it is. */
+export const cancelAnimation = (sharedValue) => {
+    if (isSharedValue(sharedValue)) {
+        sharedValue.__cancelAnimation();
+    }
+};
+//# sourceMappingURL=mutable.js.map

package/dist/reanimated-compat/mutable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutable.js","sourceRoot":"","sources":["../../src/reanimated-compat/mutable.ts"],"names":[],"mappings":"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","sourcesContent":["// The shared value: an observable box, and the single place where the\n// worklet architecture actually collapses into something.\n//\n// On mobile a SharedValue is a bridge between two runtimes, with guest/host\n// decorators and a serializer behind `.value`. Here it is a closure over a\n// number with two kinds of subscriber — mappers (re-run on write) and\n// listeners (notified on write) — because GTK's main loop IS the JS thread,\n// so a write is a synchronous function call that walks its subscribers.\n//\n// The one deliberate shape decision, and it is load-bearing:\n// `addListener`/`removeListener` accept BOTH calling conventions.\n//\n//   - Upstream's is `addListener(listenerID, listener)` with the listener\n//     called with the raw value. Library code written against Reanimated\n//     uses that one.\n//   - This platform's animated nodes use `addListener(callback) => id` with\n//     `{ value }`, and `src/components/animated.tsx` recognises an animated\n//     node STRUCTURALLY (`addListener` + `__getValue`). Supporting it is what\n//     makes a shared value drivable by the existing `Animated.View` with no\n//     change to the view layer — the load-bearing discovery behind this whole\n//     epic (docs/research/reanimated.md).\n//\n// Implementing only one of the two would not fail loudly; it would fail\n// silently, which this repo treats as the worst outcome. The convention is\n// picked from what actually arrived, and the two id spaces are kept apart so\n// a caller-chosen numeric id cannot collide with a generated one.\nimport type {\n  AnimatedApi,\n  AnimatedValue,\n  FrameScheduler,\n} from \"../animated/index\"\nimport {\n  buildAnimation,\n  isAnimationSpec,\n  type AnimationEngine,\n  type AnimationSpec,\n} from \"./animation\"\nimport { trackRead, type Mapper, type Trackable } from \"./tracking\"\n\n/** The platform's animated-node listener shape. */\nexport type NodeListener<T> = (state: { value: T }) => void\n\n/** Upstream's shared-value listener shape. */\nexport type ValueListener<T> = (value: T) => void\n\nexport type SharedValue<T = unknown> = Trackable & {\n  value: T\n  get(): T\n  set(next: T | ((current: T) => T)): void\n  modify(modifier?: (current: T) => T, forceUpdate?: boolean): void\n  addListener(listener: NodeListener<T>): string\n  addListener(listenerID: number | string, listener: ValueListener<T>): string\n  removeListener(listenerID: number | string): void\n  /** @internal The platform's animated-node read. Never registers a mapper. */\n  __getValue(): T\n  /** @internal Stops a running animation, leaving the value where it is. */\n  __cancelAnimation(): void\n  /** Upstream's brand, which `isSharedValue` and consumer libraries check. */\n  _isReanimatedSharedValue: true\n}\n\n/** A shared value a `useDerivedValue` owns: readable, not writable. */\nexport type DerivedValue<T = unknown> = Readonly<SharedValue<T>>\n\ntype RunningAnimation = { stop(): void }\n\nexport const createMakeMutable = (\n  api: AnimatedApi,\n  scheduler: FrameScheduler,\n) => {\n  // Both halves of the one clock: the api for the animations the platform\n  // already implements, the scheduler for `withDecay`, whose per-frame step is\n  // Reanimated's own rather than RN's. See animation.ts.\n  const engine: AnimationEngine = { api, scheduler }\n\n  const makeMutable = <T>(initial: T): SharedValue<T> => {\n    let current = initial\n    const mappers = new Set<Mapper>()\n    const listeners = new Map<string, ValueListener<T>>()\n    let nextNodeListenerId = 1\n    let running: RunningAnimation | null = null\n\n    const notify = (): void => {\n      // Copied before iterating: a listener or a mapper may subscribe or\n      // unsubscribe while the write is being published.\n      for (const listener of [...listeners.values()]) {\n        listener(current)\n      }\n      for (const mapper of [...mappers]) {\n        mapper.run()\n      }\n    }\n\n    const commit = (next: T): void => {\n      if (Object.is(next, current)) {\n        return\n      }\n      current = next\n      notify()\n    }\n\n    const stopAnimation = (): void => {\n      const animation = running\n      running = null\n      animation?.stop()\n    }\n\n    const startAnimation = (spec: AnimationSpec): void => {\n      stopAnimation()\n      if (typeof current !== \"number\") {\n        throw new Error(\n          \"react-native-reanimated: an animation can only be assigned to a shared value holding a number \" +\n            `(this one holds ${typeof current}). Colors and layout values cannot be animated on this platform yet — see docs/api.md.`,\n        )\n      }\n      // A fresh driver per run, constructed at the current value: restarting\n      // an animation must pick up from wherever the value is now, and the\n      // platform's engine derives its start value from the node it drives.\n      const driver: AnimatedValue = new api.Value(current)\n      const driverListener = driver.addListener(({ value }) => {\n        commit(value as T)\n      })\n      const animation = buildAnimation(engine, driver, spec)\n      const handle: RunningAnimation = { stop: () => animation.stop() }\n      running = handle\n      animation.start(() => {\n        driver.removeListener(driverListener)\n        if (running === handle) {\n          running = null\n        }\n      })\n    }\n\n    const write = (next: T): void => {\n      if (isAnimationSpec(next)) {\n        startAnimation(next)\n        return\n      }\n      // A plain write cancels whatever was running, exactly as upstream's\n      // valueSetter does — assigning a value is how you stop an animation.\n      stopAnimation()\n      commit(next)\n    }\n\n    const shared: SharedValue<T> = {\n      _isReanimatedSharedValue: true,\n\n      get value() {\n        trackRead(shared)\n        return current\n      },\n      set value(next: T) {\n        write(next)\n      },\n\n      get() {\n        trackRead(shared)\n        return current\n      },\n      set(next) {\n        write(\n          typeof next === \"function\"\n            ? (next as (currentValue: T) => T)(current)\n            : next,\n        )\n      },\n\n      modify(modifier, forceUpdate = true) {\n        const next = modifier ? modifier(current) : current\n        if (!forceUpdate) {\n          commit(next)\n          return\n        }\n        // forceUpdate republishes even when the modifier mutated the value in\n        // place and `Object.is` therefore still holds — the case the method\n        // exists for.\n        current = next\n        notify()\n      },\n\n      addListener(\n        first: NodeListener<T> | number | string,\n        second?: ValueListener<T>,\n      ): string {\n        if (typeof first === \"function\") {\n          const id = `#${nextNodeListenerId++}`\n          listeners.set(id, (value) => first({ value }))\n          return id\n        }\n        const id = String(first)\n        if (second) {\n          listeners.set(id, second)\n        }\n        return id\n      },\n\n      removeListener(listenerID) {\n        listeners.delete(String(listenerID))\n      },\n\n      __getValue() {\n        return current\n      },\n\n      __addMapper(mapper) {\n        mappers.add(mapper)\n      },\n\n      __removeMapper(mapper) {\n        mappers.delete(mapper)\n      },\n\n      __cancelAnimation() {\n        stopAnimation()\n      },\n    }\n\n    return shared\n  }\n\n  return makeMutable\n}\n\nexport const isSharedValue = <T = unknown>(\n  value: unknown,\n): value is SharedValue<T> =>\n  (value as Record<string, unknown> | null | undefined)\n    ?._isReanimatedSharedValue === true\n\n/** Stops the animation running on a shared value, leaving it where it is. */\nexport const cancelAnimation = (sharedValue: unknown): void => {\n  if (isSharedValue(sharedValue)) {\n    sharedValue.__cancelAnimation()\n  }\n}\n"]}

package/dist/reanimated-compat/props.d.ts

@@ -0,0 +1,18 @@
+import { type StyleNode } from "./style";
+export type PropsObject = Record<string, unknown>;
+/** @internal Test seam: the warning is once per session by design. */
+export declare const resetUndriveablePropWarnings: () => void;
+export type AnimatedPropsObject = {
+    /** Stable object spread onto the component; never replaced in place. */
+    readonly props: PropsObject;
+    /** The nodes behind it, reusable when the props have to be rebuilt. */
+    readonly nodes: ReadonlyMap<string, StyleNode>;
+    /**
+     * Publishes a fresh updater result. Returns false when the SHAPE changed
+     * (a prop became numeric, stopped being numeric, or appeared) and the
+     * caller must rebuild — the nodes the component subscribed to no longer
+     * describe these props.
+     */
+    apply(next: PropsObject): boolean;
+};
+export declare const createAnimatedProps: (source: PropsObject, reuse?: ReadonlyMap<string, StyleNode>) => AnimatedPropsObject;