react-native-theme-reveal 0.0.0-stage → 0.1.0

package/build/createThemeReveal.js

@@ -0,0 +1,186 @@
+import { useEffect, useLayoutEffect } from 'react';
+import ThemeRevealModule from './ThemeRevealModule';
+import { pagePointOf } from './originFromPress';
+import { resolveTransition } from './resolveTransition';
+import { createStore, useStore } from './store';
+const timestampOf = (event) => {
+    const { timestamp } = event?.nativeEvent ?? {};
+    return typeof timestamp === 'number' && Number.isFinite(timestamp) ? timestamp : undefined;
+};
+// A capture that no switch uses is freed after this long. Native frees it after the same time on its own.
+const CAPTURE_TIMEOUT_MS = 3000;
+export function createThemeReveal(options) {
+    const { getTheme, setTheme } = options;
+    const warn = (error) => console.warn(error);
+    // A throwing user callback must not skip setTheme or leave an unhandled rejection.
+    const call = (callback, arg) => {
+        try {
+            callback?.(arg);
+        }
+        catch (thrown) {
+            warn(thrown);
+        }
+    };
+    const onError = (error) => call(options.onError ?? warn, error);
+    const onSettled = (info) => call(options.onSettled, info);
+    const store = createStore({ pending: null, held: null });
+    let pendingOrigin = null;
+    let captured = null;
+    let latestId = 0;
+    let warmedUp = false;
+    const setOrigin = (point, viewTag) => {
+        pendingOrigin = { point, viewTag };
+    };
+    // Forgets the JS side of the capture and returns it. Native keeps it until prepare, cancel or dropCapture.
+    const releaseCapture = () => {
+        const current = captured;
+        captured = null;
+        if (current) {
+            clearTimeout(current.expiry);
+            clearTimeout(current.drop);
+        }
+        return current;
+    };
+    const freeCapture = () => ThemeRevealModule.dropCapture().catch(onError);
+    const startCapture = (point, viewTag, pressedAt) => {
+        releaseCapture();
+        const origin = { point, viewTag };
+        pendingOrigin = origin;
+        // A long press keeps its point for the switch on release, but not the snapshot.
+        const current = {
+            origin,
+            pressedAt,
+            expiry: setTimeout(() => {
+                if (captured !== current)
+                    return;
+                current.expired = true;
+                freeCapture();
+            }, CAPTURE_TIMEOUT_MS),
+        };
+        captured = current;
+        ThemeRevealModule.capture(viewTag).catch(onError);
+    };
+    const capture = (point, viewTag) => startCapture(point, viewTag, undefined);
+    const dropCapture = () => {
+        const current = releaseCapture();
+        if (current && pendingOrigin === current.origin)
+            pendingOrigin = null;
+        if (!current?.expired)
+            freeCapture();
+    };
+    // On release React Native calls onPressOut before onPress in the same dispatch (or up to 130 ms after onPress
+    // for a short press), and a cancelled press gets onPressOut with no onPress. So onPressOut only drops the
+    // capture in a later macrotask, and only if no switchTo took it by then. A late onPressOut whose touch is older
+    // than the capture's press-in belongs to an earlier press and leaves the capture alone.
+    const pressCapture = {
+        onPressIn: (event) => {
+            const origin = pagePointOf(event);
+            if (origin)
+                startCapture(origin.point, origin.viewTag, timestampOf(event));
+        },
+        onPressOut: (event) => {
+            const current = captured;
+            if (!current)
+                return;
+            const releasedAt = timestampOf(event);
+            if (current.pressedAt !== undefined && releasedAt !== undefined && releasedAt < current.pressedAt)
+                return;
+            clearTimeout(current.drop);
+            current.drop = setTimeout(() => {
+                if (captured === current)
+                    dropCapture();
+            }, 0);
+        },
+    };
+    const switchTo = async (theme, switchOptions) => {
+        const held = releaseCapture();
+        const origin = pendingOrigin;
+        pendingOrigin = null;
+        const id = ++latestId;
+        const startedAt = performance.now();
+        if (Object.is(getTheme(), theme)) {
+            if (held && !held.expired)
+                freeCapture();
+            try {
+                await ThemeRevealModule.cancel();
+            }
+            catch (error) {
+                onError(error);
+            }
+            return;
+        }
+        let capture = null;
+        try {
+            capture = await ThemeRevealModule.prepare(origin?.viewTag);
+        }
+        catch (error) {
+            onError(error);
+        }
+        if (id !== latestId)
+            return;
+        const prepareMs = performance.now() - startedAt;
+        if (!capture) {
+            setTheme(theme);
+            onSettled({ transition: null, capture: null, prepareMs, totalMs: performance.now() - startedAt });
+            return;
+        }
+        const transition = resolveTransition({
+            requested: switchOptions?.transition,
+            fallback: options.transition,
+            origin: origin?.point ?? null,
+            shape: options.shape,
+            durations: options.durations,
+            wipeDirection: options.wipeDirection,
+            requestedShape: switchOptions?.shape,
+            requestedWipeDirection: switchOptions?.wipeDirection,
+        });
+        store.set({ held: { id, theme: getTheme() } });
+        try {
+            setTheme(theme);
+        }
+        catch (error) {
+            if (store.get().held?.id === id)
+                store.set({ held: null });
+            ThemeRevealModule.cancel().catch(onError);
+            throw error;
+        }
+        store.set({ pending: { id, transition, capture, startedAt, prepareMs } });
+    };
+    // Once per instance: start the native capture path early so the first switch doesn't pay for it.
+    const warmUp = () => {
+        if (warmedUp || options.warmUp === false)
+            return;
+        warmedUp = true;
+        try {
+            ThemeRevealModule.warmUp().catch(onError);
+        }
+        catch (error) {
+            onError(error);
+        }
+    };
+    const useStart = () => {
+        const pending = useStore(store, (state) => state.pending);
+        useEffect(warmUp, []);
+        useLayoutEffect(() => {
+            if (!pending || store.get().pending !== pending)
+                return;
+            store.set({ pending: null });
+            const { id, transition, capture, startedAt, prepareMs } = pending;
+            ThemeRevealModule.start(transition)
+                .catch(onError)
+                .finally(() => {
+                if (store.get().held?.id === id)
+                    store.set({ held: null });
+                onSettled({
+                    transition: transition.type,
+                    capture,
+                    prepareMs,
+                    totalMs: performance.now() - startedAt,
+                });
+            });
+        }, [pending]);
+    };
+    const useHeldTheme = () => useStore(store, (state) => state.held?.theme ?? null);
+    return { setOrigin, capture, dropCapture, pressCapture, switchTo, useStart, useHeldTheme };
+}
+//# sourceMappingURL=createThemeReveal.js.map

package/build/createThemeReveal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createThemeReveal.js","sourceRoot":"","sources":["../src/createThemeReveal.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useLayoutEffect } from 'react'\nimport type { GestureResponderEvent } from 'react-native'\n\nimport ThemeRevealModule from './ThemeRevealModule'\nimport { pagePointOf } from './originFromPress'\nimport { resolveTransition } from './resolveTransition'\nimport { createStore, useStore } from './store'\nimport type { CapturePath, Point, Shape, Transition, TransitionType, WipeDirection } from './types'\n\nexport type SettledInfo = {\n  transition: TransitionType | null\n  // How the snapshot was taken, or null when there was none.\n  capture: CapturePath | null\n  prepareMs: number\n  totalMs: number\n}\n\nexport type ThemeRevealOptions<T> = {\n  getTheme: () => T\n  setTheme: (theme: T) => void\n  shape?: Shape\n  durations?: Partial<Record<TransitionType, number>>\n  transition?: TransitionType\n  wipeDirection?: WipeDirection\n  onError?: (error: unknown) => void\n  onSettled?: (info: SettledInfo) => void\n  // Prepare the native snapshot path when useStart mounts (Android: the copy thread, then the GPU snapshot on API 29\n  // and up, or one kept window-size bitmap below). Default true.\n  warmUp?: boolean\n}\n\nexport type SwitchOptions = {\n  transition?: TransitionType\n  shape?: Shape\n  wipeDirection?: WipeDirection\n}\n\n// Spread on a Pressable whose onPress calls switchTo: the snapshot is taken on press-in, and a press that ends\n// with no switch frees it.\nexport type PressCapture = {\n  onPressIn(event: GestureResponderEvent): void\n  onPressOut(event?: GestureResponderEvent): void\n}\n\nexport type ThemeReveal<T> = {\n  setOrigin(point: Point, viewTag?: number): void\n  capture(point: Point, viewTag?: number): void\n  dropCapture(): void\n  pressCapture: PressCapture\n  switchTo(theme: T, options?: SwitchOptions): Promise<void>\n  useStart(): void\n  useHeldTheme(): T | null\n}\n\ntype PendingStart = {\n  id: number\n  transition: Transition\n  capture: CapturePath\n  startedAt: number\n  prepareMs: number\n}\n\ntype Origin = { point: Point; viewTag?: number }\n\ntype Captured = {\n  origin: Origin\n  expiry: ReturnType<typeof setTimeout>\n  drop?: ReturnType<typeof setTimeout>\n  // Touch time of the press-in, to tell this press's onPressOut from a late one of an earlier press.\n  pressedAt?: number\n  // Native freed the snapshot after the timeout. The origin stays until the press ends.\n  expired?: boolean\n}\n\nconst timestampOf = (event: GestureResponderEvent | undefined): number | undefined => {\n  const { timestamp }: { timestamp?: unknown } = event?.nativeEvent ?? {}\n  return typeof timestamp === 'number' && Number.isFinite(timestamp) ? timestamp : undefined\n}\n\n// A capture that no switch uses is freed after this long. Native frees it after the same time on its own.\nconst CAPTURE_TIMEOUT_MS = 3000\n\ntype RevealState<T> = {\n  pending: PendingStart | null\n  held: { id: number; theme: T } | null\n}\n\nexport function createThemeReveal<T>(options: ThemeRevealOptions<T>): ThemeReveal<T> {\n  const { getTheme, setTheme } = options\n  const warn = (error: unknown) => console.warn(error)\n  // A throwing user callback must not skip setTheme or leave an unhandled rejection.\n  const call = <A>(callback: ((arg: A) => void) | undefined, arg: A) => {\n    try {\n      callback?.(arg)\n    } catch (thrown) {\n      warn(thrown)\n    }\n  }\n  const onError = (error: unknown) => call(options.onError ?? warn, error)\n  const onSettled = (info: SettledInfo) => call(options.onSettled, info)\n  const store = createStore<RevealState<T>>({ pending: null, held: null })\n  let pendingOrigin: Origin | null = null\n  let captured: Captured | null = null\n  let latestId = 0\n  let warmedUp = false\n\n  const setOrigin = (point: Point, viewTag?: number) => {\n    pendingOrigin = { point, viewTag }\n  }\n\n  // Forgets the JS side of the capture and returns it. Native keeps it until prepare, cancel or dropCapture.\n  const releaseCapture = () => {\n    const current = captured\n    captured = null\n    if (current) {\n      clearTimeout(current.expiry)\n      clearTimeout(current.drop)\n    }\n    return current\n  }\n\n  const freeCapture = () => ThemeRevealModule.dropCapture().catch(onError)\n\n  const startCapture = (point: Point, viewTag: number | undefined, pressedAt: number | undefined) => {\n    releaseCapture()\n    const origin = { point, viewTag }\n    pendingOrigin = origin\n    // A long press keeps its point for the switch on release, but not the snapshot.\n    const current: Captured = {\n      origin,\n      pressedAt,\n      expiry: setTimeout(() => {\n        if (captured !== current) return\n        current.expired = true\n        freeCapture()\n      }, CAPTURE_TIMEOUT_MS),\n    }\n    captured = current\n    ThemeRevealModule.capture(viewTag).catch(onError)\n  }\n\n  const capture = (point: Point, viewTag?: number) => startCapture(point, viewTag, undefined)\n\n  const dropCapture = () => {\n    const current = releaseCapture()\n    if (current && pendingOrigin === current.origin) pendingOrigin = null\n    if (!current?.expired) freeCapture()\n  }\n\n  // On release React Native calls onPressOut before onPress in the same dispatch (or up to 130 ms after onPress\n  // for a short press), and a cancelled press gets onPressOut with no onPress. So onPressOut only drops the\n  // capture in a later macrotask, and only if no switchTo took it by then. A late onPressOut whose touch is older\n  // than the capture's press-in belongs to an earlier press and leaves the capture alone.\n  const pressCapture: PressCapture = {\n    onPressIn: (event) => {\n      const origin = pagePointOf(event)\n      if (origin) startCapture(origin.point, origin.viewTag, timestampOf(event))\n    },\n    onPressOut: (event) => {\n      const current = captured\n      if (!current) return\n      const releasedAt = timestampOf(event)\n      if (current.pressedAt !== undefined && releasedAt !== undefined && releasedAt < current.pressedAt)\n        return\n      clearTimeout(current.drop)\n      current.drop = setTimeout(() => {\n        if (captured === current) dropCapture()\n      }, 0)\n    },\n  }\n\n  const switchTo = async (theme: T, switchOptions?: SwitchOptions) => {\n    const held = releaseCapture()\n    const origin = pendingOrigin\n    pendingOrigin = null\n    const id = ++latestId\n    const startedAt = performance.now()\n\n    if (Object.is(getTheme(), theme)) {\n      if (held && !held.expired) freeCapture()\n      try {\n        await ThemeRevealModule.cancel()\n      } catch (error) {\n        onError(error)\n      }\n      return\n    }\n\n    let capture: CapturePath | null = null\n    try {\n      capture = await ThemeRevealModule.prepare(origin?.viewTag)\n    } catch (error) {\n      onError(error)\n    }\n    if (id !== latestId) return\n    const prepareMs = performance.now() - startedAt\n\n    if (!capture) {\n      setTheme(theme)\n      onSettled({ transition: null, capture: null, prepareMs, totalMs: performance.now() - startedAt })\n      return\n    }\n\n    const transition = resolveTransition({\n      requested: switchOptions?.transition,\n      fallback: options.transition,\n      origin: origin?.point ?? null,\n      shape: options.shape,\n      durations: options.durations,\n      wipeDirection: options.wipeDirection,\n      requestedShape: switchOptions?.shape,\n      requestedWipeDirection: switchOptions?.wipeDirection,\n    })\n    store.set({ held: { id, theme: getTheme() } })\n    try {\n      setTheme(theme)\n    } catch (error) {\n      if (store.get().held?.id === id) store.set({ held: null })\n      ThemeRevealModule.cancel().catch(onError)\n      throw error\n    }\n    store.set({ pending: { id, transition, capture, startedAt, prepareMs } })\n  }\n\n  // Once per instance: start the native capture path early so the first switch doesn't pay for it.\n  const warmUp = () => {\n    if (warmedUp || options.warmUp === false) return\n    warmedUp = true\n    try {\n      ThemeRevealModule.warmUp().catch(onError)\n    } catch (error) {\n      onError(error)\n    }\n  }\n\n  const useStart = () => {\n    const pending = useStore(store, (state) => state.pending)\n\n    useEffect(warmUp, [])\n\n    useLayoutEffect(() => {\n      if (!pending || store.get().pending !== pending) return\n      store.set({ pending: null })\n      const { id, transition, capture, startedAt, prepareMs } = pending\n      ThemeRevealModule.start(transition)\n        .catch(onError)\n        .finally(() => {\n          if (store.get().held?.id === id) store.set({ held: null })\n          onSettled({\n            transition: transition.type,\n            capture,\n            prepareMs,\n            totalMs: performance.now() - startedAt,\n          })\n        })\n    }, [pending])\n  }\n\n  const useHeldTheme = () => useStore(store, (state) => state.held?.theme ?? null)\n\n  return { setOrigin, capture, dropCapture, pressCapture, switchTo, useStart, useHeldTheme }\n}\n"]}

package/build/index.d.ts

@@ -0,0 +1,9 @@
+export { default as ThemeRevealModule } from './ThemeRevealModule';
+export { createThemeReveal } from './createThemeReveal';
+export { originFromPress } from './originFromPress';
+export type { MeasurableView, PressOrigin } from './originFromPress';
+export { resolveTransition } from './resolveTransition';
+export type { ResolveTransitionInput } from './resolveTransition';
+export type { PressCapture, SettledInfo, SwitchOptions, ThemeReveal, ThemeRevealOptions, } from './createThemeReveal';
+export type { CapturePath, Point, Shape, Transition, TransitionType, WipeDirection } from './types';
+//# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,YAAY,EACV,YAAY,EACZ,WAAW,EACX,aAAa,EACb,WAAW,EACX,kBAAkB,GACnB,MAAM,qBAAqB,CAAA;AAC5B,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}

package/build/index.js

@@ -0,0 +1,5 @@
+export { default as ThemeRevealModule } from './ThemeRevealModule';
+export { createThemeReveal } from './createThemeReveal';
+export { originFromPress } from './originFromPress';
+export { resolveTransition } from './resolveTransition';
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA","sourcesContent":["export { default as ThemeRevealModule } from './ThemeRevealModule'\nexport { createThemeReveal } from './createThemeReveal'\nexport { originFromPress } from './originFromPress'\nexport type { MeasurableView, PressOrigin } from './originFromPress'\nexport { resolveTransition } from './resolveTransition'\nexport type { ResolveTransitionInput } from './resolveTransition'\nexport type {\n  PressCapture,\n  SettledInfo,\n  SwitchOptions,\n  ThemeReveal,\n  ThemeRevealOptions,\n} from './createThemeReveal'\nexport type { CapturePath, Point, Shape, Transition, TransitionType, WipeDirection } from './types'\n"]}

package/build/originFromPress.d.ts

@@ -0,0 +1,12 @@
+import type { GestureResponderEvent } from 'react-native';
+import type { Point } from './types';
+export type MeasurableView = {
+    measureInWindow(callback: (x: number, y: number, width: number, height: number) => void): void;
+};
+export type PressOrigin = {
+    point: Point;
+    viewTag?: number;
+};
+export declare function pagePointOf(event: GestureResponderEvent): PressOrigin | null;
+export declare function originFromPress(event: GestureResponderEvent, fallbackView?: MeasurableView | null): Promise<PressOrigin | null>;
+//# sourceMappingURL=originFromPress.d.ts.map

package/build/originFromPress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"originFromPress.d.ts","sourceRoot":"","sources":["../src/originFromPress.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,MAAM,MAAM,cAAc,GAAG;IAC3B,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI,CAAA;CAC/F,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAW5D,wBAAgB,WAAW,CAAC,KAAK,EAAE,qBAAqB,GAAG,WAAW,GAAG,IAAI,CAI5E;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,qBAAqB,EAC5B,YAAY,CAAC,EAAE,cAAc,GAAG,IAAI,GACnC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,CAW7B"}

package/build/originFromPress.js

@@ -0,0 +1,26 @@
+const isFiniteNumber = (value) => typeof value === 'number' && Number.isFinite(value);
+const viewTagOf = (event) => {
+    const { target } = event.nativeEvent;
+    return typeof target === 'number' ? { viewTag: target } : {};
+};
+// Touch point and target tag of a press event, or null when the event has no page point.
+export function pagePointOf(event) {
+    const { pageX, pageY } = event.nativeEvent;
+    if (!isFiniteNumber(pageX) || !isFiniteNumber(pageY))
+        return null;
+    return { point: { x: pageX, y: pageY }, ...viewTagOf(event) };
+}
+export function originFromPress(event, fallbackView) {
+    const tag = viewTagOf(event);
+    const origin = pagePointOf(event);
+    if (origin)
+        return Promise.resolve(origin);
+    if (!fallbackView)
+        return Promise.resolve(null);
+    return new Promise((resolve) => {
+        fallbackView.measureInWindow((x, y, width, height) => {
+            resolve({ point: { x: x + width / 2, y: y + height / 2 }, ...tag });
+        });
+    });
+}
+//# sourceMappingURL=originFromPress.js.map

package/build/originFromPress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"originFromPress.js","sourceRoot":"","sources":["../src/originFromPress.ts"],"names":[],"mappings":"AAUA,MAAM,cAAc,GAAG,CAAC,KAAc,EAAmB,EAAE,CACzD,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAErD,MAAM,SAAS,GAAG,CAAC,KAA4B,EAAwB,EAAE;IACvE,MAAM,EAAE,MAAM,EAAE,GAAyB,KAAK,CAAC,WAAW,CAAA;IAC1D,OAAO,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;AAC9D,CAAC,CAAA;AAED,yFAAyF;AACzF,MAAM,UAAU,WAAW,CAAC,KAA4B;IACtD,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAyC,KAAK,CAAC,WAAW,CAAA;IAChF,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IACjE,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,EAAE,CAAA;AAC/D,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,KAA4B,EAC5B,YAAoC;IAEpC,MAAM,GAAG,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAC5B,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC,CAAA;IAEjC,IAAI,MAAM;QAAE,OAAO,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;IAC1C,IAAI,CAAC,YAAY;QAAE,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/C,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;YACnD,OAAO,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,EAAE,EAAE,GAAG,GAAG,EAAE,CAAC,CAAA;QACrE,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import type { GestureResponderEvent } from 'react-native'\n\nimport type { Point } from './types'\n\nexport type MeasurableView = {\n  measureInWindow(callback: (x: number, y: number, width: number, height: number) => void): void\n}\n\nexport type PressOrigin = { point: Point; viewTag?: number }\n\nconst isFiniteNumber = (value: unknown): value is number =>\n  typeof value === 'number' && Number.isFinite(value)\n\nconst viewTagOf = (event: GestureResponderEvent): { viewTag?: number } => {\n  const { target }: { target?: unknown } = event.nativeEvent\n  return typeof target === 'number' ? { viewTag: target } : {}\n}\n\n// Touch point and target tag of a press event, or null when the event has no page point.\nexport function pagePointOf(event: GestureResponderEvent): PressOrigin | null {\n  const { pageX, pageY }: { pageX?: unknown; pageY?: unknown } = event.nativeEvent\n  if (!isFiniteNumber(pageX) || !isFiniteNumber(pageY)) return null\n  return { point: { x: pageX, y: pageY }, ...viewTagOf(event) }\n}\n\nexport function originFromPress(\n  event: GestureResponderEvent,\n  fallbackView?: MeasurableView | null,\n): Promise<PressOrigin | null> {\n  const tag = viewTagOf(event)\n  const origin = pagePointOf(event)\n\n  if (origin) return Promise.resolve(origin)\n  if (!fallbackView) return Promise.resolve(null)\n  return new Promise((resolve) => {\n    fallbackView.measureInWindow((x, y, width, height) => {\n      resolve({ point: { x: x + width / 2, y: y + height / 2 }, ...tag })\n    })\n  })\n}\n"]}

package/build/resolveTransition.d.ts

@@ -0,0 +1,13 @@
+import type { Point, Shape, Transition, TransitionType, WipeDirection } from './types';
+export type ResolveTransitionInput = {
+    requested?: TransitionType;
+    fallback?: TransitionType;
+    origin: Point | null;
+    shape?: Shape;
+    durations?: Partial<Record<TransitionType, number>>;
+    wipeDirection?: WipeDirection;
+    requestedShape?: Shape;
+    requestedWipeDirection?: WipeDirection;
+};
+export declare function resolveTransition(input: ResolveTransitionInput): Transition;
+//# sourceMappingURL=resolveTransition.d.ts.map

package/build/resolveTransition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveTransition.d.ts","sourceRoot":"","sources":["../src/resolveTransition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEtF,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,MAAM,EAAE,KAAK,GAAG,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAA;IACnD,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,cAAc,CAAC,EAAE,KAAK,CAAA;IACtB,sBAAsB,CAAC,EAAE,aAAa,CAAA;CACvC,CAAA;AA0BD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,UAAU,CAyB3E"}

package/build/resolveTransition.js

@@ -0,0 +1,43 @@
+const DEFAULT_DURATIONS = {
+    reveal: 450,
+    inverseReveal: 450,
+    wipe: 400,
+    crossfade: 300,
+};
+const MAX_DURATION_MS = 10_000;
+const isValidDuration = (ms) => ms !== undefined && Number.isFinite(ms) && ms > 0 && ms <= MAX_DURATION_MS;
+const isNumber = (value) => typeof value === 'number' && Number.isFinite(value);
+const isPoint = (value) => typeof value === 'object' && value !== null && isNumber(value.x) && isNumber(value.y);
+const isShape = (value) => typeof value === 'object' &&
+    value !== null &&
+    typeof value.path === 'string' &&
+    isPoint(value.anchor) &&
+    isNumber(value.inscribedRadius);
+export function resolveTransition(input) {
+    const { requested, fallback, durations } = input;
+    // Untyped callers can pass null, undefined or other non-numbers inside origin or shape. Android rejects start for
+    // those before its parser runs, so they fall back here: no origin, and the circle.
+    const origin = isPoint(input.origin) ? input.origin : null;
+    const type = requested ?? fallback ?? (origin ? 'reveal' : 'crossfade');
+    const requestedShape = input.requestedShape ?? input.shape;
+    const shape = isShape(requestedShape) ? requestedShape : undefined;
+    const wipeDirection = input.requestedWipeDirection ?? input.wipeDirection;
+    const durationOf = (kind) => {
+        const ms = durations?.[kind];
+        return isValidDuration(ms) ? ms : DEFAULT_DURATIONS[kind];
+    };
+    switch (type) {
+        case 'reveal':
+        case 'inverseReveal':
+            if (!origin)
+                return { type: 'crossfade', durationMs: durationOf('crossfade') };
+            return shape
+                ? { type, origin, durationMs: durationOf(type), shape }
+                : { type, origin, durationMs: durationOf(type) };
+        case 'wipe':
+            return { type, direction: wipeDirection ?? 'up', durationMs: durationOf(type) };
+        case 'crossfade':
+            return { type, durationMs: durationOf(type) };
+    }
+}
+//# sourceMappingURL=resolveTransition.js.map

package/build/resolveTransition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveTransition.js","sourceRoot":"","sources":["../src/resolveTransition.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Point, Shape, Transition, TransitionType, WipeDirection } from './types'\n\nexport type ResolveTransitionInput = {\n  requested?: TransitionType\n  fallback?: TransitionType\n  origin: Point | null\n  shape?: Shape\n  durations?: Partial<Record<TransitionType, number>>\n  wipeDirection?: WipeDirection\n  requestedShape?: Shape\n  requestedWipeDirection?: WipeDirection\n}\n\nconst DEFAULT_DURATIONS: Record<TransitionType, number> = {\n  reveal: 450,\n  inverseReveal: 450,\n  wipe: 400,\n  crossfade: 300,\n}\n\nconst MAX_DURATION_MS = 10_000\n\nconst isValidDuration = (ms: number | undefined): ms is number =>\n  ms !== undefined && Number.isFinite(ms) && ms > 0 && ms <= MAX_DURATION_MS\n\nconst isNumber = (value: unknown): value is number => typeof value === 'number' && Number.isFinite(value)\n\nconst isPoint = (value: unknown): value is Point =>\n  typeof value === 'object' && value !== null && isNumber((value as Point).x) && isNumber((value as Point).y)\n\nconst isShape = (value: unknown): value is Shape =>\n  typeof value === 'object' &&\n  value !== null &&\n  typeof (value as Shape).path === 'string' &&\n  isPoint((value as Shape).anchor) &&\n  isNumber((value as Shape).inscribedRadius)\n\nexport function resolveTransition(input: ResolveTransitionInput): Transition {\n  const { requested, fallback, durations } = input\n  // Untyped callers can pass null, undefined or other non-numbers inside origin or shape. Android rejects start for\n  // those before its parser runs, so they fall back here: no origin, and the circle.\n  const origin = isPoint(input.origin) ? input.origin : null\n  const type = requested ?? fallback ?? (origin ? 'reveal' : 'crossfade')\n  const requestedShape = input.requestedShape ?? input.shape\n  const shape = isShape(requestedShape) ? requestedShape : undefined\n  const wipeDirection = input.requestedWipeDirection ?? input.wipeDirection\n  const durationOf = (kind: TransitionType) => {\n    const ms = durations?.[kind]\n    return isValidDuration(ms) ? ms : DEFAULT_DURATIONS[kind]\n  }\n  switch (type) {\n    case 'reveal':\n    case 'inverseReveal':\n      if (!origin) return { type: 'crossfade', durationMs: durationOf('crossfade') }\n      return shape\n        ? { type, origin, durationMs: durationOf(type), shape }\n        : { type, origin, durationMs: durationOf(type) }\n    case 'wipe':\n      return { type, direction: wipeDirection ?? 'up', durationMs: durationOf(type) }\n    case 'crossfade':\n      return { type, durationMs: durationOf(type) }\n  }\n}\n"]}

package/build/store.d.ts

@@ -0,0 +1,8 @@
+export type Store<S> = {
+    get(): S;
+    set(partial: Partial<S>): void;
+    subscribe(listener: () => void): () => void;
+};
+export declare function createStore<S>(initial: S): Store<S>;
+export declare function useStore<S, V>(store: Store<S>, select: (state: S) => V): V;
+//# sourceMappingURL=store.d.ts.map

package/build/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;IACrB,GAAG,IAAI,CAAC,CAAA;IACR,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;IAC9B,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAA;CAC5C,CAAA;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAgBnD;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAG1E"}

package/build/store.js

@@ -0,0 +1,23 @@
+import { useSyncExternalStore } from 'react';
+export function createStore(initial) {
+    let state = initial;
+    const listeners = new Set();
+    return {
+        get: () => state,
+        set: (partial) => {
+            state = { ...state, ...partial };
+            listeners.forEach((listener) => listener());
+        },
+        subscribe: (listener) => {
+            listeners.add(listener);
+            return () => {
+                listeners.delete(listener);
+            };
+        },
+    };
+}
+export function useStore(store, select) {
+    const getSnapshot = () => select(store.get());
+    return useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
+}
+//# sourceMappingURL=store.js.map

package/build/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAQ5C,MAAM,UAAU,WAAW,CAAI,OAAU;IACvC,IAAI,KAAK,GAAG,OAAO,CAAA;IACnB,MAAM,SAAS,GAAG,IAAI,GAAG,EAAc,CAAA;IACvC,OAAO;QACL,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK;QAChB,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE;YACf,KAAK,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,OAAO,EAAE,CAAA;YAChC,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAA;QAC7C,CAAC;QACD,SAAS,EAAE,CAAC,QAAQ,EAAE,EAAE;YACtB,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;YACvB,OAAO,GAAG,EAAE;gBACV,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;YAC5B,CAAC,CAAA;QACH,CAAC;KACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAO,KAAe,EAAE,MAAuB;IACrE,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAA;IAC7C,OAAO,oBAAoB,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAA;AACxE,CAAC","sourcesContent":["import { useSyncExternalStore } from 'react'\n\nexport type Store<S> = {\n  get(): S\n  set(partial: Partial<S>): void\n  subscribe(listener: () => void): () => void\n}\n\nexport function createStore<S>(initial: S): Store<S> {\n  let state = initial\n  const listeners = new Set<() => void>()\n  return {\n    get: () => state,\n    set: (partial) => {\n      state = { ...state, ...partial }\n      listeners.forEach((listener) => listener())\n    },\n    subscribe: (listener) => {\n      listeners.add(listener)\n      return () => {\n        listeners.delete(listener)\n      }\n    },\n  }\n}\n\nexport function useStore<S, V>(store: Store<S>, select: (state: S) => V): V {\n  const getSnapshot = () => select(store.get())\n  return useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot)\n}\n"]}

package/build/types.d.ts

@@ -0,0 +1,31 @@
+export type Point = {
+    x: number;
+    y: number;
+};
+export type Shape = {
+    path: string;
+    anchor: Point;
+    inscribedRadius: number;
+};
+export type WipeDirection = 'up' | 'down' | 'left' | 'right';
+export type Transition = {
+    type: 'reveal';
+    origin: Point;
+    durationMs: number;
+    shape?: Shape;
+} | {
+    type: 'inverseReveal';
+    origin: Point;
+    durationMs: number;
+    shape?: Shape;
+} | {
+    type: 'wipe';
+    direction: WipeDirection;
+    durationMs: number;
+} | {
+    type: 'crossfade';
+    durationMs: number;
+};
+export type TransitionType = Transition['type'];
+export type CapturePath = 'gpu' | 'pixelcopy' | 'view';
+//# sourceMappingURL=types.d.ts.map

package/build/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAE5C,MAAM,MAAM,KAAK,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,KAAK,CAAC;IAAC,eAAe,EAAE,MAAM,CAAA;CAAE,CAAA;AAE5E,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;AAE5D,MAAM,MAAM,UAAU,GAClB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,KAAK,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GACpE;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,MAAM,EAAE,KAAK,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAC3E;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,aAAa,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,GAC9D;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAAA;AAE7C,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC,CAAA;AAI/C,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,WAAW,GAAG,MAAM,CAAA"}

package/build/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["export type Point = { x: number; y: number }\n\nexport type Shape = { path: string; anchor: Point; inscribedRadius: number }\n\nexport type WipeDirection = 'up' | 'down' | 'left' | 'right'\n\nexport type Transition =\n  | { type: 'reveal'; origin: Point; durationMs: number; shape?: Shape }\n  | { type: 'inverseReveal'; origin: Point; durationMs: number; shape?: Shape }\n  | { type: 'wipe'; direction: WipeDirection; durationMs: number }\n  | { type: 'crossfade'; durationMs: number }\n\nexport type TransitionType = Transition['type']\n\n// How the snapshot was taken. Android: 'gpu' (a GPU draw of the window, API 29+) or 'pixelcopy' (a readback).\n// iOS: 'view' (snapshotView).\nexport type CapturePath = 'gpu' | 'pixelcopy' | 'view'\n"]}

package/expo-module.config.json

@@ -0,0 +1,9 @@
+{
+  "platforms": ["ios", "android"],
+  "ios": {
+    "modules": ["ThemeRevealModule"]
+  },
+  "android": {
+    "modules": ["expo.modules.themereveal.ThemeRevealModule"]
+  }
+}

package/ios/Motion.swift

@@ -0,0 +1,171 @@
+import CoreGraphics
+import Foundation
+
+enum WipeDirection: String {
+  case up, down, left, right
+}
+
+// Reveal shape in path units. The anchor goes on the origin, and the radius is the distance
+// from the anchor to the nearest edge (a bad value falls back to half the bounds diagonal).
+struct RevealShape {
+  let path: CGPath
+  let bounds: CGRect
+  let anchor: CGPoint
+  let inscribedRadius: CGFloat
+
+  static let circle = RevealShape(
+    path: CGPath(ellipseIn: CGRect(x: -1, y: -1, width: 2, height: 2), transform: nil),
+    anchor: .zero,
+    inscribedRadius: 1)
+
+  // An unparsable or empty path, or a non-finite anchor, falls back to the unit circle.
+  static func resolve(path: String, anchor: CGPoint, inscribedRadius: CGFloat) -> RevealShape {
+    parse(path: path, anchor: anchor, inscribedRadius: inscribedRadius) ?? circle
+  }
+
+  // nil for an unparsable or empty path, or a non-finite anchor. The path keeps nonzero
+  // fill (as on Android) inside the even-odd reveal mask.
+  static func parse(path: String, anchor: CGPoint, inscribedRadius: CGFloat) -> RevealShape? {
+    guard anchor.x.isFinite, anchor.y.isFinite, let parsed = SVGPath.parse(path) else { return nil }
+    let shape = RevealShape(
+      path: parsed.normalized(using: .winding), anchor: anchor, inscribedRadius: inscribedRadius)
+    guard shape.bounds.width > 0, shape.bounds.height > 0 else { return nil }
+    return shape
+  }
+
+  private init(path: CGPath, anchor: CGPoint, inscribedRadius: CGFloat) {
+    self.path = path
+    bounds = path.boundingBoxOfPath
+    self.anchor = anchor
+    self.inscribedRadius = Motion.effectiveInscribedRadius(
+      bounds: bounds, anchor: anchor, inscribedRadius: inscribedRadius)
+  }
+}
+
+enum Motion {
+  static let startHeight: CGFloat = 24
+  static let samplesPerSecond = 120.0
+  // Keyframes stop at 10 s of samples; a longer duration stretches them.
+  static let maxSeconds = 10.0
+  static let maxSamples = 1200
+  static let maxDurationMs = 10_000.0
+  static let easeX1 = 0.65
+  static let easeY1 = 0.0
+  static let easeX2 = 0.35
+  static let easeY2 = 1.0
+
+  private static let growthCurve = 1.4
+  private static let easeSteps = 24
+
+  static func growth(g: Double, from: Double, to: Double) -> Double {
+    from * pow(to / from, pow(g, growthCurve))
+  }
+
+  static func shrink(g: Double, from: Double, to: Double) -> Double {
+    max(0, growth(g: 1 - g, from: from, to: to) - from * g)
+  }
+
+  static func coverScale(
+    originX: CGFloat, originY: CGFloat, width: CGFloat, height: CGFloat, inscribedRadius: CGFloat
+  ) -> CGFloat {
+    hypot(max(originX, width - originX), max(originY, height - originY)) / inscribedRadius
+  }
+
+  static func easeInOut(_ t: Double) -> Double {
+    if t <= 0 { return 0 }
+    if t >= 1 { return 1 }
+    var lo = 0.0
+    var hi = 1.0
+    for _ in 0..<easeSteps {
+      let mid = (lo + hi) / 2
+      if bezier(mid, easeX1, easeX2) < t { lo = mid } else { hi = mid }
+    }
+    return bezier((lo + hi) / 2, easeY1, easeY2)
+  }
+
+  // Non-finite, zero, negative or overlong durations are invalid: the overlay would sit on
+  // screen too long. Same cap as Android.
+  static func durationSeconds(ms: Double) -> Double? {
+    guard ms.isFinite, ms > 0, ms <= maxDurationMs else { return nil }
+    return ms / 1000
+  }
+
+  static func canAnimate(active: Bool, reduceMotion: Bool) -> Bool {
+    active && !reduceMotion
+  }
+
+  static func sameSize(_ snapshot: CGSize, _ window: CGSize) -> Bool {
+    snapshot.width == window.width && snapshot.height == window.height
+  }
+
+  // A press-in capture no switch uses is dropped after this long. Same as Android.
+  static let captureTimeoutSeconds = 3.0
+
+  // A held capture can stand in for prepare's own snapshot if it shows the same window with the
+  // same presented screen (no modal presented or dismissed since), that window still has its
+  // size, and it's no older than the timeout.
+  static func canUseCapture(
+    sameWindow: Bool, samePresentation: Bool, captured: CGSize, current: CGSize, ageSeconds: Double
+  ) -> Bool {
+    sameWindow && samePresentation && sameSize(captured, current) && ageSeconds >= 0
+      && ageSeconds < captureTimeoutSeconds
+  }
+
+  static func effectiveInscribedRadius(bounds: CGRect, anchor: CGPoint, inscribedRadius: CGFloat) -> CGFloat {
+    let anchorInside = anchor.x >= bounds.minX && anchor.x <= bounds.maxX
+      && anchor.y >= bounds.minY && anchor.y <= bounds.maxY
+    return inscribedRadius > 0 && anchorInside ? inscribedRadius : hypot(bounds.width, bounds.height) / 2
+  }
+
+  // Scale at which the shape is startHeight points tall.
+  static func startScale(for shape: RevealShape) -> CGFloat {
+    startHeight / shape.bounds.height
+  }
+
+  static func shapePath(_ shape: RevealShape, origin: CGPoint, scale: CGFloat) -> CGPath {
+    let transform = CGAffineTransform(translationX: origin.x, y: origin.y)
+      .scaledBy(x: scale, y: scale)
+      .translatedBy(x: -shape.anchor.x, y: -shape.anchor.y)
+    let path = CGMutablePath()
+    path.addPath(shape.path, transform: transform)
+    return path
+  }
+
+  // reveal: the window rect with the shape as an even-odd hole. inverse: the shape alone.
+  static func maskPath(_ shape: RevealShape, origin: CGPoint, scale: CGFloat, bounds: CGRect, inverse: Bool) -> CGPath {
+    if inverse { return shapePath(shape, origin: origin, scale: scale) }
+    let path = CGMutablePath()
+    path.addRect(bounds)
+    path.addPath(shapePath(shape, origin: origin, scale: scale))
+    return path
+  }
+
+  static func sampleCount(duration: Double) -> Int {
+    guard duration > 0 else { return 2 }
+    return min(maxSamples, max(2, Int((min(duration, maxSeconds) * samplesPerSecond).rounded())))
+  }
+
+  // steps + 1 scales, g linear in time from 0 to 1.
+  static func scales(from: Double, to: Double, steps: Int, inverse: Bool) -> [Double] {
+    (0...steps).map { step in
+      let g = Double(step) / Double(steps)
+      return inverse ? shrink(g: g, from: from, to: to) : growth(g: g, from: from, to: to)
+    }
+  }
+
+  // How far the wipe mask moves. The edge travels in the named direction, uncovering the
+  // new theme behind it (up: from the bottom).
+  static func wipeOffset(_ direction: WipeDirection, size: CGSize) -> CGPoint {
+    switch direction {
+    case .up: return CGPoint(x: 0, y: -size.height)
+    case .down: return CGPoint(x: 0, y: size.height)
+    case .left: return CGPoint(x: -size.width, y: 0)
+    case .right: return CGPoint(x: size.width, y: 0)
+    }
+  }
+
+  private static func bezier(_ s: Double, _ p1: Double, _ p2: Double) -> Double {
+    let u = 1 - s
+    return 3 * u * u * s * p1 + 3 * u * s * s * p2 + s * s * s
+  }
+}