react-native-smooth-clip-view 0.2.8 → 0.3.0

package/src/NativeSmoothClipModule.ts

@@ -9,6 +9,81 @@ export interface Spec extends TurboModule {
       finished: boolean;
     }>
   >;
+  readonly onClipGroupAnimationComplete: CodegenTypes.EventEmitter<
+    Readonly<{
+      controllerId: CodegenTypes.Double;
+      groupId: CodegenTypes.Int32;
+      finished: boolean;
+      driverIds: ReadonlyArray<CodegenTypes.Double>;
+    }>
+  >;
+  getPresentationProtocolVersion(): CodegenTypes.Int32;
+  supportsAutonomousComplexPathAnimation(): boolean;
+  beginGroupInteractionV2(
+    driverIds: ReadonlyArray<CodegenTypes.Double>
+  ): ReadonlyArray<CodegenTypes.Double>;
+  snapshotGroupV2(
+    driverIds: ReadonlyArray<CodegenTypes.Double>
+  ): ReadonlyArray<CodegenTypes.Double>;
+  setClipPresentationBatchV2(
+    entries: ReadonlyArray<CodegenTypes.Double>
+  ): boolean;
+  animateTimingGroupV2(
+    controllerId: CodegenTypes.Double,
+    entries: ReadonlyArray<CodegenTypes.Double>,
+    durationMs: CodegenTypes.Double,
+    controlPoint1X: CodegenTypes.Double,
+    controlPoint1Y: CodegenTypes.Double,
+    controlPoint2X: CodegenTypes.Double,
+    controlPoint2Y: CodegenTypes.Double,
+    reduceMotion: CodegenTypes.Int32,
+    suspensionPolicy: CodegenTypes.Int32
+  ): CodegenTypes.Int32;
+  animateSpringGroupV2(
+    controllerId: CodegenTypes.Double,
+    entries: ReadonlyArray<CodegenTypes.Double>,
+    mass: CodegenTypes.Double,
+    stiffness: CodegenTypes.Double,
+    damping: CodegenTypes.Double,
+    initialVelocity: CodegenTypes.Double,
+    inheritVelocity: boolean,
+    reduceMotion: CodegenTypes.Int32,
+    suspensionPolicy: CodegenTypes.Int32
+  ): CodegenTypes.Int32;
+  animateKeyframesGroupV2(
+    controllerId: CodegenTypes.Double,
+    entries: ReadonlyArray<CodegenTypes.Double>,
+    durationMs: CodegenTypes.Double,
+    reduceMotion: CodegenTypes.Int32,
+    suspensionPolicy: CodegenTypes.Int32
+  ): CodegenTypes.Int32;
+  cancelAnimationGroupV2(
+    groupId: CodegenTypes.Int32,
+    behavior: CodegenTypes.Int32
+  ): ReadonlyArray<CodegenTypes.Double>;
+  setClipPresentationV2(
+    driverId: CodegenTypes.Double,
+    x: CodegenTypes.Double,
+    y: CodegenTypes.Double,
+    width: CodegenTypes.Double,
+    height: CodegenTypes.Double,
+    topLeftRadius: CodegenTypes.Double,
+    topRightRadius: CodegenTypes.Double,
+    bottomRightRadius: CodegenTypes.Double,
+    bottomLeftRadius: CodegenTypes.Double,
+    curveCode: CodegenTypes.Int32,
+    contentTranslateX: CodegenTypes.Double,
+    contentTranslateY: CodegenTypes.Double,
+    contentScale: CodegenTypes.Double,
+    takeOwnership: boolean,
+    overridePendingAnimation: boolean
+  ): void;
+  beginInteractionV2(
+    driverId: CodegenTypes.Double
+  ): ReadonlyArray<CodegenTypes.Double>;
+  snapshotCurrentV2(
+    driverId: CodegenTypes.Double
+  ): ReadonlyArray<CodegenTypes.Double>;
   setClipPresentation(
     driverId: CodegenTypes.Double,
     x: CodegenTypes.Double,
@@ -48,6 +123,40 @@ export interface Spec extends TurboModule {
     controlPoint2Y: CodegenTypes.Double,
     reduceMotion: CodegenTypes.Int32
   ): CodegenTypes.Int32;
+  animateTimingV2(
+    driverId: CodegenTypes.Double,
+    hasInteractiveStart: boolean,
+    startX: CodegenTypes.Double,
+    startY: CodegenTypes.Double,
+    startWidth: CodegenTypes.Double,
+    startHeight: CodegenTypes.Double,
+    startTopLeftRadius: CodegenTypes.Double,
+    startTopRightRadius: CodegenTypes.Double,
+    startBottomRightRadius: CodegenTypes.Double,
+    startBottomLeftRadius: CodegenTypes.Double,
+    startCurveCode: CodegenTypes.Int32,
+    startContentTranslateX: CodegenTypes.Double,
+    startContentTranslateY: CodegenTypes.Double,
+    startContentScale: CodegenTypes.Double,
+    x: CodegenTypes.Double,
+    y: CodegenTypes.Double,
+    width: CodegenTypes.Double,
+    height: CodegenTypes.Double,
+    topLeftRadius: CodegenTypes.Double,
+    topRightRadius: CodegenTypes.Double,
+    bottomRightRadius: CodegenTypes.Double,
+    bottomLeftRadius: CodegenTypes.Double,
+    curveCode: CodegenTypes.Int32,
+    contentTranslateX: CodegenTypes.Double,
+    contentTranslateY: CodegenTypes.Double,
+    contentScale: CodegenTypes.Double,
+    durationMs: CodegenTypes.Double,
+    controlPoint1X: CodegenTypes.Double,
+    controlPoint1Y: CodegenTypes.Double,
+    controlPoint2X: CodegenTypes.Double,
+    controlPoint2Y: CodegenTypes.Double,
+    reduceMotion: CodegenTypes.Int32
+  ): CodegenTypes.Int32;
   animateSpring(
     driverId: CodegenTypes.Double,
     hasInteractiveStart: boolean,
@@ -72,6 +181,40 @@ export interface Spec extends TurboModule {
     inheritVelocity: boolean,
     reduceMotion: CodegenTypes.Int32
   ): CodegenTypes.Int32;
+  animateSpringV2(
+    driverId: CodegenTypes.Double,
+    hasInteractiveStart: boolean,
+    startX: CodegenTypes.Double,
+    startY: CodegenTypes.Double,
+    startWidth: CodegenTypes.Double,
+    startHeight: CodegenTypes.Double,
+    startTopLeftRadius: CodegenTypes.Double,
+    startTopRightRadius: CodegenTypes.Double,
+    startBottomRightRadius: CodegenTypes.Double,
+    startBottomLeftRadius: CodegenTypes.Double,
+    startCurveCode: CodegenTypes.Int32,
+    startContentTranslateX: CodegenTypes.Double,
+    startContentTranslateY: CodegenTypes.Double,
+    startContentScale: CodegenTypes.Double,
+    x: CodegenTypes.Double,
+    y: CodegenTypes.Double,
+    width: CodegenTypes.Double,
+    height: CodegenTypes.Double,
+    topLeftRadius: CodegenTypes.Double,
+    topRightRadius: CodegenTypes.Double,
+    bottomRightRadius: CodegenTypes.Double,
+    bottomLeftRadius: CodegenTypes.Double,
+    curveCode: CodegenTypes.Int32,
+    contentTranslateX: CodegenTypes.Double,
+    contentTranslateY: CodegenTypes.Double,
+    contentScale: CodegenTypes.Double,
+    mass: CodegenTypes.Double,
+    stiffness: CodegenTypes.Double,
+    damping: CodegenTypes.Double,
+    initialVelocity: CodegenTypes.Double,
+    inheritVelocity: boolean,
+    reduceMotion: CodegenTypes.Int32
+  ): CodegenTypes.Int32;
   animateKeyframes(
     driverId: CodegenTypes.Double,
     hasInteractiveStart: boolean,
@@ -93,12 +236,144 @@ export interface Spec extends TurboModule {
     frames: ReadonlyArray<CodegenTypes.Double>,
     reduceMotion: CodegenTypes.Int32
   ): CodegenTypes.Int32;
+  animateKeyframesV2(
+    driverId: CodegenTypes.Double,
+    hasInteractiveStart: boolean,
+    startX: CodegenTypes.Double,
+    startY: CodegenTypes.Double,
+    startWidth: CodegenTypes.Double,
+    startHeight: CodegenTypes.Double,
+    startTopLeftRadius: CodegenTypes.Double,
+    startTopRightRadius: CodegenTypes.Double,
+    startBottomRightRadius: CodegenTypes.Double,
+    startBottomLeftRadius: CodegenTypes.Double,
+    startCurveCode: CodegenTypes.Int32,
+    startContentTranslateX: CodegenTypes.Double,
+    startContentTranslateY: CodegenTypes.Double,
+    startContentScale: CodegenTypes.Double,
+    x: CodegenTypes.Double,
+    y: CodegenTypes.Double,
+    width: CodegenTypes.Double,
+    height: CodegenTypes.Double,
+    topLeftRadius: CodegenTypes.Double,
+    topRightRadius: CodegenTypes.Double,
+    bottomRightRadius: CodegenTypes.Double,
+    bottomLeftRadius: CodegenTypes.Double,
+    curveCode: CodegenTypes.Int32,
+    contentTranslateX: CodegenTypes.Double,
+    contentTranslateY: CodegenTypes.Double,
+    contentScale: CodegenTypes.Double,
+    durationMs: CodegenTypes.Double,
+    frames: ReadonlyArray<CodegenTypes.Double>,
+    reduceMotion: CodegenTypes.Int32
+  ): CodegenTypes.Int32;
+  animateTimingFromV2(
+    driverId: CodegenTypes.Double,
+    startX: CodegenTypes.Double,
+    startY: CodegenTypes.Double,
+    startWidth: CodegenTypes.Double,
+    startHeight: CodegenTypes.Double,
+    startTopLeftRadius: CodegenTypes.Double,
+    startTopRightRadius: CodegenTypes.Double,
+    startBottomRightRadius: CodegenTypes.Double,
+    startBottomLeftRadius: CodegenTypes.Double,
+    startCurveCode: CodegenTypes.Int32,
+    startContentTranslateX: CodegenTypes.Double,
+    startContentTranslateY: CodegenTypes.Double,
+    startContentScale: CodegenTypes.Double,
+    x: CodegenTypes.Double,
+    y: CodegenTypes.Double,
+    width: CodegenTypes.Double,
+    height: CodegenTypes.Double,
+    topLeftRadius: CodegenTypes.Double,
+    topRightRadius: CodegenTypes.Double,
+    bottomRightRadius: CodegenTypes.Double,
+    bottomLeftRadius: CodegenTypes.Double,
+    curveCode: CodegenTypes.Int32,
+    contentTranslateX: CodegenTypes.Double,
+    contentTranslateY: CodegenTypes.Double,
+    contentScale: CodegenTypes.Double,
+    durationMs: CodegenTypes.Double,
+    controlPoint1X: CodegenTypes.Double,
+    controlPoint1Y: CodegenTypes.Double,
+    controlPoint2X: CodegenTypes.Double,
+    controlPoint2Y: CodegenTypes.Double,
+    reduceMotion: CodegenTypes.Int32
+  ): CodegenTypes.Int32;
+  animateSpringFromV2(
+    driverId: CodegenTypes.Double,
+    startX: CodegenTypes.Double,
+    startY: CodegenTypes.Double,
+    startWidth: CodegenTypes.Double,
+    startHeight: CodegenTypes.Double,
+    startTopLeftRadius: CodegenTypes.Double,
+    startTopRightRadius: CodegenTypes.Double,
+    startBottomRightRadius: CodegenTypes.Double,
+    startBottomLeftRadius: CodegenTypes.Double,
+    startCurveCode: CodegenTypes.Int32,
+    startContentTranslateX: CodegenTypes.Double,
+    startContentTranslateY: CodegenTypes.Double,
+    startContentScale: CodegenTypes.Double,
+    x: CodegenTypes.Double,
+    y: CodegenTypes.Double,
+    width: CodegenTypes.Double,
+    height: CodegenTypes.Double,
+    topLeftRadius: CodegenTypes.Double,
+    topRightRadius: CodegenTypes.Double,
+    bottomRightRadius: CodegenTypes.Double,
+    bottomLeftRadius: CodegenTypes.Double,
+    curveCode: CodegenTypes.Int32,
+    contentTranslateX: CodegenTypes.Double,
+    contentTranslateY: CodegenTypes.Double,
+    contentScale: CodegenTypes.Double,
+    mass: CodegenTypes.Double,
+    stiffness: CodegenTypes.Double,
+    damping: CodegenTypes.Double,
+    initialVelocity: CodegenTypes.Double,
+    inheritVelocity: boolean,
+    reduceMotion: CodegenTypes.Int32
+  ): CodegenTypes.Int32;
+  animateKeyframesFromV2(
+    driverId: CodegenTypes.Double,
+    startX: CodegenTypes.Double,
+    startY: CodegenTypes.Double,
+    startWidth: CodegenTypes.Double,
+    startHeight: CodegenTypes.Double,
+    startTopLeftRadius: CodegenTypes.Double,
+    startTopRightRadius: CodegenTypes.Double,
+    startBottomRightRadius: CodegenTypes.Double,
+    startBottomLeftRadius: CodegenTypes.Double,
+    startCurveCode: CodegenTypes.Int32,
+    startContentTranslateX: CodegenTypes.Double,
+    startContentTranslateY: CodegenTypes.Double,
+    startContentScale: CodegenTypes.Double,
+    x: CodegenTypes.Double,
+    y: CodegenTypes.Double,
+    width: CodegenTypes.Double,
+    height: CodegenTypes.Double,
+    topLeftRadius: CodegenTypes.Double,
+    topRightRadius: CodegenTypes.Double,
+    bottomRightRadius: CodegenTypes.Double,
+    bottomLeftRadius: CodegenTypes.Double,
+    curveCode: CodegenTypes.Int32,
+    contentTranslateX: CodegenTypes.Double,
+    contentTranslateY: CodegenTypes.Double,
+    contentScale: CodegenTypes.Double,
+    durationMs: CodegenTypes.Double,
+    frames: ReadonlyArray<CodegenTypes.Double>,
+    reduceMotion: CodegenTypes.Int32
+  ): CodegenTypes.Int32;
   rejectAnimation(driverId: CodegenTypes.Double): CodegenTypes.Int32;
   cancelAnimation(
     driverId: CodegenTypes.Double,
     animationId: CodegenTypes.Int32,
     behavior: CodegenTypes.Int32
   ): ReadonlyArray<CodegenTypes.Double>;
+  cancelAnimationV2(
+    driverId: CodegenTypes.Double,
+    animationId: CodegenTypes.Int32,
+    behavior: CodegenTypes.Int32
+  ): ReadonlyArray<CodegenTypes.Double>;
   destroyDriver(driverId: CodegenTypes.Double): void;
 }
 

package/src/SmoothClipView.ios.tsx

@@ -1,7 +1,10 @@
-import type { ReactNode } from 'react';
+import { forwardRef, type ComponentRef, type ReactNode } from 'react';
 import { type ViewProps } from 'react-native';
 import type { SmoothClipDriver } from './driverTypes';
 import { getDriverState } from './driverState';
+import { getSmoothClipCapabilities } from './capabilities';
+import { canonicalizeClipPresentation } from './geometry';
+import { assertInitialPresentationProtocol } from './presentationProtocol';
 import NativeSmoothClipView, {
   type NativeProps,
 } from './SmoothClipViewNativeComponent';
@@ -11,13 +14,20 @@ export type SmoothClipViewProps = ViewProps & {
   children?: ReactNode;
 };
 
-export function SmoothClipView({
-  driver,
-  children,
-  ...viewProps
-}: SmoothClipViewProps) {
+export const SmoothClipView = forwardRef<
+  ComponentRef<typeof NativeSmoothClipView>,
+  SmoothClipViewProps
+>(function SmoothClipViewComponent(
+  { driver, children, ...viewProps },
+  forwardedRef
+) {
   const { driverId, initialPresentation } = getDriverState(driver);
-  const { clip } = initialPresentation;
+  const canonical = canonicalizeClipPresentation(initialPresentation);
+  if (canonical === null) return null;
+  const { clip } = canonical;
+  const protocolVersion =
+    getSmoothClipCapabilities().presentationProtocolVersion;
+  assertInitialPresentationProtocol(canonical, protocolVersion);
   const nativeProps: NativeProps = {
     ...viewProps,
     driverId,
@@ -26,11 +36,20 @@ export function SmoothClipView({
     initialClipWidth: clip.width,
     initialClipHeight: clip.height,
     initialClipRadius: clip.radius,
-    initialContentTranslateX: initialPresentation.contentTranslateX,
-    initialContentTranslateY: initialPresentation.contentTranslateY,
+    presentationVersion: protocolVersion,
+    initialClipTopLeftRadius: clip.topLeftRadius,
+    initialClipTopRightRadius: clip.topRightRadius,
+    initialClipBottomRightRadius: clip.bottomRightRadius,
+    initialClipBottomLeftRadius: clip.bottomLeftRadius,
+    initialClipCurve: clip.curve === 'continuous' ? 1 : 0,
+    initialContentTranslateX: canonical.contentTranslateX,
+    initialContentTranslateY: canonical.contentTranslateY,
+    initialContentScale: canonical.contentScale,
   };
 
   return (
-    <NativeSmoothClipView {...nativeProps}>{children}</NativeSmoothClipView>
+    <NativeSmoothClipView ref={forwardedRef} {...nativeProps}>
+      {children}
+    </NativeSmoothClipView>
   );
-}
+});

package/src/SmoothClipView.tsx

@@ -1,76 +1,2 @@
-import type React from 'react';
-import { type ReactNode, useEffect } from 'react';
-import { type ViewProps } from 'react-native';
-import Animated, {
-  dispatchCommand,
-  useAnimatedReaction,
-  useAnimatedRef,
-} from 'react-native-reanimated';
-import type { SmoothClipDriver } from './driverTypes';
-import { getDriverState, registerDriverView } from './driverState';
-import { clipPresentationEquals, isFiniteClipPresentation } from './geometry';
-import NativeSmoothClipView, {
-  type NativeProps,
-} from './SmoothClipViewNativeComponent';
-
-const AnimatedNativeSmoothClipView =
-  Animated.createAnimatedComponent(NativeSmoothClipView);
-
-export type SmoothClipViewProps = ViewProps & {
-  driver: SmoothClipDriver;
-  children?: ReactNode;
-};
-
-/** Android fallback. iOS resolves SmoothClipView.ios.tsx instead. */
-export function SmoothClipView({
-  driver,
-  children,
-  ...viewProps
-}: SmoothClipViewProps) {
-  const { driverId, initialPresentation, source } = getDriverState(driver);
-  const { clip } = initialPresentation;
-  useEffect(() => registerDriverView(driver), [driver]);
-  const nativeRef =
-    useAnimatedRef<React.ComponentRef<typeof NativeSmoothClipView>>();
-
-  useAnimatedReaction(
-    () => source.value,
-    (presentation, previousPresentation) => {
-      if (
-        !isFiniteClipPresentation(presentation) ||
-        clipPresentationEquals(previousPresentation, presentation)
-      ) {
-        return;
-      }
-
-      dispatchCommand(nativeRef, 'setClipPresentation', [
-        presentation.clip.x,
-        presentation.clip.y,
-        presentation.clip.width,
-        presentation.clip.height,
-        presentation.clip.radius,
-        presentation.contentTranslateX,
-        presentation.contentTranslateY,
-      ]);
-    },
-    [nativeRef, source]
-  );
-
-  const nativeProps: NativeProps = {
-    ...viewProps,
-    driverId,
-    initialClipX: clip.x,
-    initialClipY: clip.y,
-    initialClipWidth: clip.width,
-    initialClipHeight: clip.height,
-    initialClipRadius: clip.radius,
-    initialContentTranslateX: initialPresentation.contentTranslateX,
-    initialContentTranslateY: initialPresentation.contentTranslateY,
-  };
-
-  return (
-    <AnimatedNativeSmoothClipView ref={nativeRef} {...nativeProps}>
-      {children}
-    </AnimatedNativeSmoothClipView>
-  );
-}
+export { SmoothClipView } from './SmoothClipView.ios';
+export type { SmoothClipViewProps } from './SmoothClipView.ios';

package/src/SmoothClipViewNativeComponent.ts

@@ -13,8 +13,15 @@ export interface NativeProps extends ViewProps {
   initialClipWidth: CodegenTypes.Double;
   initialClipHeight: CodegenTypes.Double;
   initialClipRadius: CodegenTypes.Double;
+  presentationVersion: CodegenTypes.Int32;
+  initialClipTopLeftRadius: CodegenTypes.Double;
+  initialClipTopRightRadius: CodegenTypes.Double;
+  initialClipBottomRightRadius: CodegenTypes.Double;
+  initialClipBottomLeftRadius: CodegenTypes.Double;
+  initialClipCurve: CodegenTypes.Int32;
   initialContentTranslateX: CodegenTypes.Double;
   initialContentTranslateY: CodegenTypes.Double;
+  initialContentScale: CodegenTypes.Double;
 }
 
 interface NativeCommands {
@@ -36,10 +43,29 @@ interface NativeCommands {
     contentTranslateX: CodegenTypes.Double,
     contentTranslateY: CodegenTypes.Double
   ) => void;
+  setClipPresentationV2: (
+    viewRef: React.ElementRef<HostComponent<NativeProps>>,
+    x: CodegenTypes.Double,
+    y: CodegenTypes.Double,
+    width: CodegenTypes.Double,
+    height: CodegenTypes.Double,
+    topLeftRadius: CodegenTypes.Double,
+    topRightRadius: CodegenTypes.Double,
+    bottomRightRadius: CodegenTypes.Double,
+    bottomLeftRadius: CodegenTypes.Double,
+    curveCode: CodegenTypes.Int32,
+    contentTranslateX: CodegenTypes.Double,
+    contentTranslateY: CodegenTypes.Double,
+    contentScale: CodegenTypes.Double
+  ) => void;
 }
 
 export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['setClipGeometry', 'setClipPresentation'],
+  supportedCommands: [
+    'setClipGeometry',
+    'setClipPresentation',
+    'setClipPresentationV2',
+  ],
 });
 
 export default codegenNativeComponent<NativeProps>(

package/src/capabilities.native.ts

@@ -0,0 +1,69 @@
+import NativeSmoothClipModule from './smoothClipNative';
+import {
+  SMOOTH_CLIP_V1_CAPABILITIES,
+  type SmoothClipCapabilities,
+} from './capabilityTypes';
+
+type VersionedModule = typeof NativeSmoothClipModule & {
+  getPresentationProtocolVersion?: () => number;
+  supportsAutonomousComplexPathAnimation?: () => boolean;
+};
+
+let cached: SmoothClipCapabilities | undefined;
+
+export function getSmoothClipCapabilities(): SmoothClipCapabilities {
+  if (cached) return cached;
+  const module = NativeSmoothClipModule as VersionedModule;
+  let version = 1;
+  try {
+    version = module.getPresentationProtocolVersion?.() === 2 ? 2 : 1;
+  } catch {
+    version = 1;
+  }
+  if (version !== 2) {
+    cached = SMOOTH_CLIP_V1_CAPABILITIES;
+    return cached;
+  }
+  let autonomousComplexPathAnimation = false;
+  try {
+    autonomousComplexPathAnimation =
+      module.supportsAutonomousComplexPathAnimation?.() === true;
+  } catch {
+    autonomousComplexPathAnimation = false;
+  }
+  const groups =
+    typeof (
+      module as Partial<{
+        beginGroupInteractionV2: unknown;
+        snapshotGroupV2: unknown;
+        setClipPresentationBatchV2: unknown;
+        animateTimingGroupV2: unknown;
+        animateSpringGroupV2: unknown;
+        animateKeyframesGroupV2: unknown;
+        cancelAnimationGroupV2: unknown;
+      }>
+    ).beginGroupInteractionV2 === 'function' &&
+    typeof (module as Partial<{ snapshotGroupV2: unknown }>).snapshotGroupV2 ===
+      'function' &&
+    typeof (module as Partial<{ setClipPresentationBatchV2: unknown }>)
+      .setClipPresentationBatchV2 === 'function' &&
+    typeof (module as Partial<{ animateTimingGroupV2: unknown }>)
+      .animateTimingGroupV2 === 'function' &&
+    typeof (module as Partial<{ animateSpringGroupV2: unknown }>)
+      .animateSpringGroupV2 === 'function' &&
+    typeof (module as Partial<{ animateKeyframesGroupV2: unknown }>)
+      .animateKeyframesGroupV2 === 'function' &&
+    typeof (module as Partial<{ cancelAnimationGroupV2: unknown }>)
+      .cancelAnimationGroupV2 === 'function' &&
+    typeof (module as Partial<{ onClipGroupAnimationComplete: unknown }>)
+      .onClipGroupAnimationComplete === 'function';
+  cached = {
+    presentationProtocolVersion: 2,
+    groups,
+    perCornerRadii: true,
+    continuousCurve: true,
+    contentScale: true,
+    autonomousComplexPathAnimation,
+  };
+  return cached;
+}

package/src/capabilities.ts

@@ -0,0 +1,2 @@
+export { getSmoothClipCapabilities } from './capabilities.native';
+export type { SmoothClipCapabilities } from './capabilityTypes';

package/src/capabilityTypes.ts

@@ -0,0 +1,17 @@
+export type SmoothClipCapabilities = Readonly<{
+  presentationProtocolVersion: 1 | 2;
+  groups: boolean;
+  perCornerRadii: boolean;
+  continuousCurve: boolean;
+  contentScale: boolean;
+  autonomousComplexPathAnimation: boolean;
+}>;
+
+export const SMOOTH_CLIP_V1_CAPABILITIES: SmoothClipCapabilities = {
+  presentationProtocolVersion: 1,
+  groups: false,
+  perCornerRadii: false,
+  continuousCurve: false,
+  contentScale: false,
+  autonomousComplexPathAnimation: false,
+};

package/src/driverState.ts

@@ -8,12 +8,10 @@ export type DriverState = {
   source: SharedValue<SmoothClipPresentation>;
   activeAnimationId?: SharedValue<number>;
   ownership?: SharedValue<number>;
+  ready?: SharedValue<number>;
   onAnimationComplete: {
     current: ((result: ClipAnimationResult) => void) | undefined;
   };
-  mountedViews: Set<object>;
-  animationParticipants: Map<number, Set<object>>;
-  failedAnimations: Set<number>;
   completionDeferrals: number;
   deferredCompletions: ClipAnimationResult[];
 };
@@ -73,49 +71,11 @@ export function createDriverState(
     activeAnimationId,
     ownership,
     onAnimationComplete,
-    mountedViews: new Set(),
-    animationParticipants: new Map(),
-    failedAnimations: new Set(),
     completionDeferrals: 0,
     deferredCompletions: [],
   };
 }
 
-export function registerDriverView(driver: SmoothClipDriver): () => void {
-  const state = getDriverState(driver);
-  const token = {};
-  state.mountedViews.add(token);
-  return () => {
-    state.mountedViews.delete(token);
-    for (const [animationId, participants] of state.animationParticipants) {
-      if (participants.has(token)) state.failedAnimations.add(animationId);
-    }
-  };
-}
-
-export function snapshotDriverViews(
-  driverId: number,
-  animationId: number
-): void {
-  const state = statesById.get(driverId);
-  if (state) {
-    state.animationParticipants.set(animationId, new Set(state.mountedViews));
-  }
-}
-
-export function finishDriverAnimation(
-  driverId: number,
-  animationId: number,
-  finished: boolean
-): boolean {
-  const state = statesById.get(driverId);
-  if (!state) return finished;
-  const result = finished && !state.failedAnimations.has(animationId);
-  state.animationParticipants.delete(animationId);
-  state.failedAnimations.delete(animationId);
-  return result;
-}
-
 export function deliverDriverCompletion(
   driverId: number,
   animationId: number,