react-native-smooth-clip-view 0.1.0 → 0.2.1

package/ios/SmoothClipViewRegistry.h

@@ -0,0 +1,27 @@
+#import <Foundation/Foundation.h>
+
+#include <cstddef>
+#include "SmoothClipRegistry.h"
+
+@class SmoothClipView;
+
+namespace smoothclip {
+
+void registerView(
+    uint64_t driverId,
+    SmoothClipView *view,
+    Presentation initialPresentation);
+void unregisterView(uint64_t driverId, SmoothClipView *view);
+// Re-runs the mid-animation join for a registered view whose animation
+// install was deferred because it had no layout yet. Returns false when the
+// driver or its active animation no longer exists.
+bool joinActiveAnimation(uint64_t driverId, SmoothClipView *view);
+void viewAnimationDidStop(
+    uint64_t driverId,
+    int32_t animationId,
+    SmoothClipView *view,
+    bool finished);
+size_t registeredViewCount(uint64_t driverId);
+bool hasActiveAnimation(uint64_t driverId);
+
+} // namespace smoothclip

package/lib/module/NativeSmoothClipModule.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { TurboModuleRegistry } from 'react-native';
+export default TurboModuleRegistry.getEnforcing('NativeSmoothClipModule');
+//# sourceMappingURL=NativeSmoothClipModule.js.map

package/lib/module/NativeSmoothClipModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TurboModuleRegistry","getEnforcing"],"sourceRoot":"../../src","sources":["NativeSmoothClipModule.ts"],"mappings":";;AACA,SAASA,mBAAmB,QAAQ,cAAc;AAsGlD,eAAeA,mBAAmB,CAACC,YAAY,CAAO,wBAAwB,CAAC","ignoreList":[]}

package/lib/module/SmoothClipView.android.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { SmoothClipView } from "./SmoothClipView.ios.js";
+//# sourceMappingURL=SmoothClipView.android.js.map

package/lib/module/SmoothClipView.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SmoothClipView"],"sourceRoot":"../../src","sources":["SmoothClipView.android.tsx"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,yBAAsB","ignoreList":[]}

package/lib/module/SmoothClipView.ios.js

@@ -0,0 +1,34 @@
+"use strict";
+
+import { getDriverState } from "./driverState.js";
+import NativeSmoothClipView from './SmoothClipViewNativeComponent';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SmoothClipView({
+  driver,
+  children,
+  ...viewProps
+}) {
+  const {
+    driverId,
+    initialPresentation
+  } = getDriverState(driver);
+  const {
+    clip
+  } = initialPresentation;
+  const 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 /*#__PURE__*/_jsx(NativeSmoothClipView, {
+    ...nativeProps,
+    children: children
+  });
+}
+//# sourceMappingURL=SmoothClipView.ios.js.map

package/lib/module/SmoothClipView.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getDriverState","NativeSmoothClipView","jsx","_jsx","SmoothClipView","driver","children","viewProps","driverId","initialPresentation","clip","nativeProps","initialClipX","x","initialClipY","y","initialClipWidth","width","initialClipHeight","height","initialClipRadius","radius","initialContentTranslateX","contentTranslateX","initialContentTranslateY","contentTranslateY"],"sourceRoot":"../../src","sources":["SmoothClipView.ios.tsx"],"mappings":";;AAGA,SAASA,cAAc,QAAQ,kBAAe;AAC9C,OAAOC,oBAAoB,MAEpB,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOzC,OAAO,SAASC,cAAcA,CAAC;EAC7BC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACgB,CAAC,EAAE;EACtB,MAAM;IAAEC,QAAQ;IAAEC;EAAoB,CAAC,GAAGT,cAAc,CAACK,MAAM,CAAC;EAChE,MAAM;IAAEK;EAAK,CAAC,GAAGD,mBAAmB;EACpC,MAAME,WAAwB,GAAG;IAC/B,GAAGJ,SAAS;IACZC,QAAQ;IACRI,YAAY,EAAEF,IAAI,CAACG,CAAC;IACpBC,YAAY,EAAEJ,IAAI,CAACK,CAAC;IACpBC,gBAAgB,EAAEN,IAAI,CAACO,KAAK;IAC5BC,iBAAiB,EAAER,IAAI,CAACS,MAAM;IAC9BC,iBAAiB,EAAEV,IAAI,CAACW,MAAM;IAC9BC,wBAAwB,EAAEb,mBAAmB,CAACc,iBAAiB;IAC/DC,wBAAwB,EAAEf,mBAAmB,CAACgB;EAChD,CAAC;EAED,oBACEtB,IAAA,CAACF,oBAAoB;IAAA,GAAKU,WAAW;IAAAL,QAAA,EAAGA;EAAQ,CAAuB,CAAC;AAE5E","ignoreList":[]}

package/lib/module/SmoothClipView.js

@@ -1,30 +1,44 @@
 "use strict";
 
+import { useEffect } from 'react';
 import Animated, { dispatchCommand, useAnimatedReaction, useAnimatedRef } from 'react-native-reanimated';
+import { getDriverState, registerDriverView } from "./driverState.js";
+import { clipPresentationEquals, isFiniteClipPresentation } from "./geometry.js";
 import NativeSmoothClipView from './SmoothClipViewNativeComponent';
-import { clipGeometryEquals, isFiniteClipGeometry } from "./geometry.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const AnimatedNativeSmoothClipView = Animated.createAnimatedComponent(NativeSmoothClipView);
+/** Android fallback. iOS resolves SmoothClipView.ios.tsx instead. */
 export function SmoothClipView({
-  initialClip,
-  animatedClip,
+  driver,
   children,
   ...viewProps
 }) {
+  const {
+    driverId,
+    initialPresentation,
+    source
+  } = getDriverState(driver);
+  const {
+    clip
+  } = initialPresentation;
+  useEffect(() => registerDriverView(driver), [driver]);
   const nativeRef = useAnimatedRef();
-  useAnimatedReaction(() => animatedClip.value, (clip, previousClip) => {
-    if (!isFiniteClipGeometry(clip) || clipGeometryEquals(previousClip, clip)) {
+  useAnimatedReaction(() => source.value, (presentation, previousPresentation) => {
+    if (!isFiniteClipPresentation(presentation) || clipPresentationEquals(previousPresentation, presentation)) {
       return;
     }
-    dispatchCommand(nativeRef, 'setClipGeometry', [clip.x, clip.y, clip.width, clip.height, clip.radius]);
-  }, [nativeRef, animatedClip]);
+    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 = {
     ...viewProps,
-    initialClipX: initialClip.x,
-    initialClipY: initialClip.y,
-    initialClipWidth: initialClip.width,
-    initialClipHeight: initialClip.height,
-    initialClipRadius: initialClip.radius
+    driverId,
+    initialClipX: clip.x,
+    initialClipY: clip.y,
+    initialClipWidth: clip.width,
+    initialClipHeight: clip.height,
+    initialClipRadius: clip.radius,
+    initialContentTranslateX: initialPresentation.contentTranslateX,
+    initialContentTranslateY: initialPresentation.contentTranslateY
   };
   return /*#__PURE__*/_jsx(AnimatedNativeSmoothClipView, {
     ref: nativeRef,

package/lib/module/SmoothClipView.js.map

@@ -1 +1 @@
-{"version":3,"names":["Animated","dispatchCommand","useAnimatedReaction","useAnimatedRef","NativeSmoothClipView","clipGeometryEquals","isFiniteClipGeometry","jsx","_jsx","AnimatedNativeSmoothClipView","createAnimatedComponent","SmoothClipView","initialClip","animatedClip","children","viewProps","nativeRef","value","clip","previousClip","x","y","width","height","radius","nativeProps","initialClipX","initialClipY","initialClipWidth","initialClipHeight","initialClipRadius","ref"],"sourceRoot":"../../src","sources":["SmoothClipView.tsx"],"mappings":";;AAGA,OAAOA,QAAQ,IACbC,eAAe,EACfC,mBAAmB,EACnBC,cAAc,QAET,yBAAyB;AAChC,OAAOC,oBAAoB,MAEpB,iCAAiC;AACxC,SACEC,kBAAkB,EAClBC,oBAAoB,QAEf,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpB,MAAMC,4BAA4B,GAChCT,QAAQ,CAACU,uBAAuB,CAACN,oBAAoB,CAAC;AAQxD,OAAO,SAASO,cAAcA,CAAC;EAC7BC,WAAW;EACXC,YAAY;EACZC,QAAQ;EACR,GAAGC;AACgB,CAAC,EAAE;EACtB,MAAMC,SAAS,GACbb,cAAc,CAAkD,CAAC;EAEnED,mBAAmB,CACjB,MAAMW,YAAY,CAACI,KAAK,EACxB,CAACC,IAAI,EAAEC,YAAY,KAAK;IACtB,IACE,CAACb,oBAAoB,CAACY,IAAI,CAAC,IAC3Bb,kBAAkB,CAACc,YAAY,EAAED,IAAI,CAAC,EACtC;MACA;IACF;IAEAjB,eAAe,CAACe,SAAS,EAAE,iBAAiB,EAAE,CAC5CE,IAAI,CAACE,CAAC,EACNF,IAAI,CAACG,CAAC,EACNH,IAAI,CAACI,KAAK,EACVJ,IAAI,CAACK,MAAM,EACXL,IAAI,CAACM,MAAM,CACZ,CAAC;EACJ,CAAC,EACD,CAACR,SAAS,EAAEH,YAAY,CAC1B,CAAC;EAED,MAAMY,WAAwB,GAAG;IAC/B,GAAGV,SAAS;IACZW,YAAY,EAAEd,WAAW,CAACQ,CAAC;IAC3BO,YAAY,EAAEf,WAAW,CAACS,CAAC;IAC3BO,gBAAgB,EAAEhB,WAAW,CAACU,KAAK;IACnCO,iBAAiB,EAAEjB,WAAW,CAACW,MAAM;IACrCO,iBAAiB,EAAElB,WAAW,CAACY;EACjC,CAAC;EAED,oBACEhB,IAAA,CAACC,4BAA4B;IAACsB,GAAG,EAAEf,SAAU;IAAA,GAAKS,WAAW;IAAAX,QAAA,EAC1DA;EAAQ,CACmB,CAAC;AAEnC","ignoreList":[]}
+{"version":3,"names":["useEffect","Animated","dispatchCommand","useAnimatedReaction","useAnimatedRef","getDriverState","registerDriverView","clipPresentationEquals","isFiniteClipPresentation","NativeSmoothClipView","jsx","_jsx","AnimatedNativeSmoothClipView","createAnimatedComponent","SmoothClipView","driver","children","viewProps","driverId","initialPresentation","source","clip","nativeRef","value","presentation","previousPresentation","x","y","width","height","radius","contentTranslateX","contentTranslateY","nativeProps","initialClipX","initialClipY","initialClipWidth","initialClipHeight","initialClipRadius","initialContentTranslateX","initialContentTranslateY","ref"],"sourceRoot":"../../src","sources":["SmoothClipView.tsx"],"mappings":";;AACA,SAAyBA,SAAS,QAAQ,OAAO;AAEjD,OAAOC,QAAQ,IACbC,eAAe,EACfC,mBAAmB,EACnBC,cAAc,QACT,yBAAyB;AAEhC,SAASC,cAAc,EAAEC,kBAAkB,QAAQ,kBAAe;AAClE,SAASC,sBAAsB,EAAEC,wBAAwB,QAAQ,eAAY;AAC7E,OAAOC,oBAAoB,MAEpB,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEzC,MAAMC,4BAA4B,GAChCX,QAAQ,CAACY,uBAAuB,CAACJ,oBAAoB,CAAC;AAOxD;AACA,OAAO,SAASK,cAAcA,CAAC;EAC7BC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACgB,CAAC,EAAE;EACtB,MAAM;IAAEC,QAAQ;IAAEC,mBAAmB;IAAEC;EAAO,CAAC,GAAGf,cAAc,CAACU,MAAM,CAAC;EACxE,MAAM;IAAEM;EAAK,CAAC,GAAGF,mBAAmB;EACpCnB,SAAS,CAAC,MAAMM,kBAAkB,CAACS,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACrD,MAAMO,SAAS,GACblB,cAAc,CAAkD,CAAC;EAEnED,mBAAmB,CACjB,MAAMiB,MAAM,CAACG,KAAK,EAClB,CAACC,YAAY,EAAEC,oBAAoB,KAAK;IACtC,IACE,CAACjB,wBAAwB,CAACgB,YAAY,CAAC,IACvCjB,sBAAsB,CAACkB,oBAAoB,EAAED,YAAY,CAAC,EAC1D;MACA;IACF;IAEAtB,eAAe,CAACoB,SAAS,EAAE,qBAAqB,EAAE,CAChDE,YAAY,CAACH,IAAI,CAACK,CAAC,EACnBF,YAAY,CAACH,IAAI,CAACM,CAAC,EACnBH,YAAY,CAACH,IAAI,CAACO,KAAK,EACvBJ,YAAY,CAACH,IAAI,CAACQ,MAAM,EACxBL,YAAY,CAACH,IAAI,CAACS,MAAM,EACxBN,YAAY,CAACO,iBAAiB,EAC9BP,YAAY,CAACQ,iBAAiB,CAC/B,CAAC;EACJ,CAAC,EACD,CAACV,SAAS,EAAEF,MAAM,CACpB,CAAC;EAED,MAAMa,WAAwB,GAAG;IAC/B,GAAGhB,SAAS;IACZC,QAAQ;IACRgB,YAAY,EAAEb,IAAI,CAACK,CAAC;IACpBS,YAAY,EAAEd,IAAI,CAACM,CAAC;IACpBS,gBAAgB,EAAEf,IAAI,CAACO,KAAK;IAC5BS,iBAAiB,EAAEhB,IAAI,CAACQ,MAAM;IAC9BS,iBAAiB,EAAEjB,IAAI,CAACS,MAAM;IAC9BS,wBAAwB,EAAEpB,mBAAmB,CAACY,iBAAiB;IAC/DS,wBAAwB,EAAErB,mBAAmB,CAACa;EAChD,CAAC;EAED,oBACErB,IAAA,CAACC,4BAA4B;IAAC6B,GAAG,EAAEnB,SAAU;IAAA,GAAKW,WAAW;IAAAjB,QAAA,EAC1DA;EAAQ,CACmB,CAAC;AAEnC","ignoreList":[]}

package/lib/module/SmoothClipView.web.js

@@ -1,38 +1,54 @@
 "use strict";
 
+import { useEffect } from 'react';
 import Animated, { useAnimatedReaction, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
-import { clipGeometryEquals, isFiniteClipGeometry } from "./geometry.js";
+import { getDriverState, registerDriverView } from "./driverState.js";
+import { clipPresentationEquals, isFiniteClipPresentation } from "./geometry.js";
 import { createWebClipPath } from "./webClipPath.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-/** Build-safe fallback. Web performance is intentionally outside the POC. */
+/** Fixed-layout CSS fallback. */
 export function SmoothClipView({
-  initialClip,
-  animatedClip,
+  driver,
   children,
   style,
   ...viewProps
 }) {
-  const acceptedClip = useSharedValue(initialClip);
+  const {
+    initialPresentation,
+    source
+  } = getDriverState(driver);
+  useEffect(() => registerDriverView(driver), [driver]);
+  const acceptedPresentation = useSharedValue(initialPresentation);
   const initialClipStyle = {
-    clipPath: createWebClipPath(initialClip),
+    clipPath: createWebClipPath(initialPresentation.clip),
     overflow: 'hidden'
   };
-  useAnimatedReaction(() => animatedClip.value, (clip, previousClip) => {
-    if (isFiniteClipGeometry(clip) && !clipGeometryEquals(previousClip, clip)) {
-      acceptedClip.value = clip;
+  useAnimatedReaction(() => source.value, (presentation, previousPresentation) => {
+    if (isFiniteClipPresentation(presentation) && !clipPresentationEquals(previousPresentation, presentation)) {
+      acceptedPresentation.value = presentation;
     }
-  }, [animatedClip, acceptedClip]);
+  }, [source, acceptedPresentation]);
   const clipStyle = useAnimatedStyle(() => {
-    const clip = acceptedClip.value;
+    const clip = acceptedPresentation.value.clip;
     return {
       clipPath: createWebClipPath(clip),
       overflow: 'hidden'
     };
   });
+  const contentStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: acceptedPresentation.value.contentTranslateX
+    }, {
+      translateY: acceptedPresentation.value.contentTranslateY
+    }]
+  }));
   return /*#__PURE__*/_jsx(Animated.View, {
     ...viewProps,
     style: [style, initialClipStyle, clipStyle],
-    children: children
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: contentStyle,
+      children: children
+    })
   });
 }
 //# sourceMappingURL=SmoothClipView.web.js.map

package/lib/module/SmoothClipView.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["Animated","useAnimatedReaction","useAnimatedStyle","useSharedValue","clipGeometryEquals","isFiniteClipGeometry","createWebClipPath","jsx","_jsx","SmoothClipView","initialClip","animatedClip","children","style","viewProps","acceptedClip","initialClipStyle","clipPath","overflow","value","clip","previousClip","clipStyle","View"],"sourceRoot":"../../src","sources":["SmoothClipView.web.tsx"],"mappings":";;AAEA,OAAOA,QAAQ,IACbC,mBAAmB,EACnBC,gBAAgB,EAChBC,cAAc,QAET,yBAAyB;AAChC,SACEC,kBAAkB,EAClBC,oBAAoB,QAEf,eAAY;AACnB,SAASC,iBAAiB,QAAQ,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQlD;AACA,OAAO,SAASC,cAAcA,CAAC;EAC7BC,WAAW;EACXC,YAAY;EACZC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACgB,CAAC,EAAE;EACtB,MAAMC,YAAY,GAAGZ,cAAc,CAACO,WAAW,CAAC;EAChD,MAAMM,gBAAgB,GAAG;IACvBC,QAAQ,EAAEX,iBAAiB,CAACI,WAAW,CAAC;IACxCQ,QAAQ,EAAE;EACZ,CAAyB;EAEzBjB,mBAAmB,CACjB,MAAMU,YAAY,CAACQ,KAAK,EACxB,CAACC,IAAI,EAAEC,YAAY,KAAK;IACtB,IACEhB,oBAAoB,CAACe,IAAI,CAAC,IAC1B,CAAChB,kBAAkB,CAACiB,YAAY,EAAED,IAAI,CAAC,EACvC;MACAL,YAAY,CAACI,KAAK,GAAGC,IAAI;IAC3B;EACF,CAAC,EACD,CAACT,YAAY,EAAEI,YAAY,CAC7B,CAAC;EAED,MAAMO,SAAS,GAAGpB,gBAAgB,CAAC,MAAM;IACvC,MAAMkB,IAAI,GAAGL,YAAY,CAACI,KAAK;IAC/B,OAAO;MACLF,QAAQ,EAAEX,iBAAiB,CAACc,IAAI,CAAC;MACjCF,QAAQ,EAAE;IACZ,CAAC;EACH,CAAC,CAAC;EAEF,oBACEV,IAAA,CAACR,QAAQ,CAACuB,IAAI;IAAA,GAAKT,SAAS;IAAED,KAAK,EAAE,CAACA,KAAK,EAAEG,gBAAgB,EAAEM,SAAS,CAAE;IAAAV,QAAA,EACvEA;EAAQ,CACI,CAAC;AAEpB","ignoreList":[]}
+{"version":3,"names":["useEffect","Animated","useAnimatedReaction","useAnimatedStyle","useSharedValue","getDriverState","registerDriverView","clipPresentationEquals","isFiniteClipPresentation","createWebClipPath","jsx","_jsx","SmoothClipView","driver","children","style","viewProps","initialPresentation","source","acceptedPresentation","initialClipStyle","clipPath","clip","overflow","value","presentation","previousPresentation","clipStyle","contentStyle","transform","translateX","contentTranslateX","translateY","contentTranslateY","View"],"sourceRoot":"../../src","sources":["SmoothClipView.web.tsx"],"mappings":";;AAAA,SAAyBA,SAAS,QAAQ,OAAO;AAEjD,OAAOC,QAAQ,IACbC,mBAAmB,EACnBC,gBAAgB,EAChBC,cAAc,QACT,yBAAyB;AAEhC,SAASC,cAAc,EAAEC,kBAAkB,QAAQ,kBAAe;AAClE,SAASC,sBAAsB,EAAEC,wBAAwB,QAAQ,eAAY;AAC7E,SAASC,iBAAiB,QAAQ,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOlD;AACA,OAAO,SAASC,cAAcA,CAAC;EAC7BC,MAAM;EACNC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACgB,CAAC,EAAE;EACtB,MAAM;IAAEC,mBAAmB;IAAEC;EAAO,CAAC,GAAGb,cAAc,CAACQ,MAAM,CAAC;EAC9Db,SAAS,CAAC,MAAMM,kBAAkB,CAACO,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACrD,MAAMM,oBAAoB,GAAGf,cAAc,CAACa,mBAAmB,CAAC;EAChE,MAAMG,gBAAgB,GAAG;IACvBC,QAAQ,EAAEZ,iBAAiB,CAACQ,mBAAmB,CAACK,IAAI,CAAC;IACrDC,QAAQ,EAAE;EACZ,CAAyB;EAEzBrB,mBAAmB,CACjB,MAAMgB,MAAM,CAACM,KAAK,EAClB,CAACC,YAAY,EAAEC,oBAAoB,KAAK;IACtC,IACElB,wBAAwB,CAACiB,YAAY,CAAC,IACtC,CAAClB,sBAAsB,CAACmB,oBAAoB,EAAED,YAAY,CAAC,EAC3D;MACAN,oBAAoB,CAACK,KAAK,GAAGC,YAAY;IAC3C;EACF,CAAC,EACD,CAACP,MAAM,EAAEC,oBAAoB,CAC/B,CAAC;EAED,MAAMQ,SAAS,GAAGxB,gBAAgB,CAAC,MAAM;IACvC,MAAMmB,IAAI,GAAGH,oBAAoB,CAACK,KAAK,CAACF,IAAI;IAC5C,OAAO;MACLD,QAAQ,EAAEZ,iBAAiB,CAACa,IAAI,CAAC;MACjCC,QAAQ,EAAE;IACZ,CAAC;EACH,CAAC,CAAC;EAEF,MAAMK,YAAY,GAAGzB,gBAAgB,CAAC,OAAO;IAC3C0B,SAAS,EAAE,CACT;MAAEC,UAAU,EAAEX,oBAAoB,CAACK,KAAK,CAACO;IAAkB,CAAC,EAC5D;MAAEC,UAAU,EAAEb,oBAAoB,CAACK,KAAK,CAACS;IAAkB,CAAC;EAEhE,CAAC,CAAC,CAAC;EAEH,oBACEtB,IAAA,CAACV,QAAQ,CAACiC,IAAI;IAAA,GAAKlB,SAAS;IAAED,KAAK,EAAE,CAACA,KAAK,EAAEK,gBAAgB,EAAEO,SAAS,CAAE;IAAAb,QAAA,eACxEH,IAAA,CAACV,QAAQ,CAACiC,IAAI;MAACnB,KAAK,EAAEa,YAAa;MAAAd,QAAA,EAAEA;IAAQ,CAAgB;EAAC,CACjD,CAAC;AAEpB","ignoreList":[]}

package/lib/module/SmoothClipViewNativeComponent.ts

@@ -7,11 +7,14 @@ import {
 } from 'react-native';
 
 export interface NativeProps extends ViewProps {
+  driverId: CodegenTypes.Double;
   initialClipX: CodegenTypes.Double;
   initialClipY: CodegenTypes.Double;
   initialClipWidth: CodegenTypes.Double;
   initialClipHeight: CodegenTypes.Double;
   initialClipRadius: CodegenTypes.Double;
+  initialContentTranslateX: CodegenTypes.Double;
+  initialContentTranslateY: CodegenTypes.Double;
 }
 
 interface NativeCommands {
@@ -23,10 +26,20 @@ interface NativeCommands {
     height: CodegenTypes.Double,
     radius: CodegenTypes.Double
   ) => void;
+  setClipPresentation: (
+    viewRef: React.ElementRef<HostComponent<NativeProps>>,
+    x: CodegenTypes.Double,
+    y: CodegenTypes.Double,
+    width: CodegenTypes.Double,
+    height: CodegenTypes.Double,
+    radius: CodegenTypes.Double,
+    contentTranslateX: CodegenTypes.Double,
+    contentTranslateY: CodegenTypes.Double
+  ) => void;
 }
 
 export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['setClipGeometry'],
+  supportedCommands: ['setClipGeometry', 'setClipPresentation'],
 });
 
 export default codegenNativeComponent<NativeProps>(

package/lib/module/driverState.js

@@ -0,0 +1,102 @@
+"use strict";
+
+const states = new WeakMap();
+const statesById = new Map();
+let nextDriverId = Date.now() * 1024;
+export function allocateDriverId() {
+  nextDriverId += 1;
+  if (!Number.isSafeInteger(nextDriverId)) nextDriverId = 1;
+  return nextDriverId;
+}
+export function setDriverState(driver, state) {
+  // WeakMap-only: safe to call from render (discarded renders leave nothing
+  // reachable) and survives effect replays so getDriverState keeps working.
+  states.set(driver, state);
+}
+
+// The strong by-id index is attached in the driver hook's effect and detached
+// in its cleanup, so discarded renders never leak entries and StrictMode /
+// <Activity> effect replays can re-attach the same state.
+export function attachDriverState(state) {
+  statesById.set(state.driverId, state);
+}
+export function detachDriverState(state) {
+  if (statesById.get(state.driverId) === state) {
+    statesById.delete(state.driverId);
+  }
+}
+export function createDriverState(driverId, initialPresentation, source, onAnimationComplete, activeAnimationId, ownership) {
+  return {
+    driverId,
+    initialPresentation,
+    source,
+    activeAnimationId,
+    ownership,
+    onAnimationComplete,
+    mountedViews: new Set(),
+    animationParticipants: new Map(),
+    failedAnimations: new Set(),
+    completionDeferrals: 0,
+    deferredCompletions: []
+  };
+}
+export function registerDriverView(driver) {
+  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, animationId) {
+  const state = statesById.get(driverId);
+  if (state) {
+    state.animationParticipants.set(animationId, new Set(state.mountedViews));
+  }
+}
+export function finishDriverAnimation(driverId, animationId, finished) {
+  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, animationId, finished) {
+  const state = statesById.get(driverId);
+  if (!state) return;
+  const result = {
+    animationId,
+    finished
+  };
+  if (state.completionDeferrals > 0) {
+    state.deferredCompletions.push(result);
+    return;
+  }
+  state.onAnimationComplete.current?.(result);
+}
+export function deferDriverCompletions(driverId) {
+  const state = statesById.get(driverId);
+  if (state) state.completionDeferrals += 1;
+}
+export function releaseDriverCompletions(driverId) {
+  const state = statesById.get(driverId);
+  if (!state || state.completionDeferrals === 0) return;
+  state.completionDeferrals -= 1;
+  if (state.completionDeferrals !== 0) return;
+  const deferred = state.deferredCompletions.splice(0);
+  for (const result of deferred) {
+    state.onAnimationComplete.current?.(result);
+  }
+}
+export function getDriverState(driver) {
+  const state = states.get(driver);
+  if (!state) {
+    throw new Error('[SmoothClipView] Drivers must be created by useSmoothClipDriver.');
+  }
+  return state;
+}
+//# sourceMappingURL=driverState.js.map

package/lib/module/driverState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["states","WeakMap","statesById","Map","nextDriverId","Date","now","allocateDriverId","Number","isSafeInteger","setDriverState","driver","state","set","attachDriverState","driverId","detachDriverState","get","delete","createDriverState","initialPresentation","source","onAnimationComplete","activeAnimationId","ownership","mountedViews","Set","animationParticipants","failedAnimations","completionDeferrals","deferredCompletions","registerDriverView","getDriverState","token","add","animationId","participants","has","snapshotDriverViews","finishDriverAnimation","finished","result","deliverDriverCompletion","push","current","deferDriverCompletions","releaseDriverCompletions","deferred","splice","Error"],"sourceRoot":"../../src","sources":["driverState.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/driverTypes.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=driverTypes.js.map

package/lib/module/driverTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["driverTypes.ts"],"mappings":"","ignoreList":[]}

package/lib/module/drivers.android.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { useSmoothClipDriver } from "./drivers.ios.js";
+//# sourceMappingURL=drivers.android.js.map

package/lib/module/drivers.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSmoothClipDriver"],"sourceRoot":"../../src","sources":["drivers.android.ts"],"mappings":";;AAAA,SAASA,mBAAmB,QAAQ,kBAAe","ignoreList":[]}