canvu-react 0.4.50 → 0.4.51

package/dist/native.cjs

@@ -3925,11 +3925,12 @@ var MemoShape = react.memo(function MemoShape2({
   if (rotationTransform.length === 0) return shape;
   return /* @__PURE__ */ jsxRuntime.jsx(reactNativeSkia.Group, { transform: rotationTransform, origin: rotationOrigin, children: shape });
 });
-function NativeSceneRenderer({
+var NativeSceneRenderer = react.memo(function NativeSceneRenderer2({
   items,
   camera,
   width,
-  height
+  height,
+  renderTick
 }) {
   const cameraTransform = skiaCameraTransform(camera.zoom, camera.x, camera.y);
   const visible = cullItemsByViewport(
@@ -3938,7 +3939,7 @@ function NativeSceneRenderer({
   );
   if (width <= 0 || height <= 0) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(reactNativeSkia.Canvas, { style: { width, height }, children: /* @__PURE__ */ jsxRuntime.jsx(reactNativeSkia.Group, { transform: cameraTransform, children: visible.map((item) => /* @__PURE__ */ jsxRuntime.jsx(MemoShape, { item }, item.id)) }) });
-}
+});
 
 // src/native/native-style-inspector-values.ts
 var NATIVE_STYLE_PALETTE = [
@@ -5723,6 +5724,11 @@ var NativeVectorViewport = react.forwardRef(function NativeVectorViewport2({
     return activeItems.filter((item) => !hidden.has(item.id));
   }, [activeItems, eraserPreviewIds]);
   const showResizeHandles = interactive && selectedItems.length === 1 && !selectedItems[0]?.locked && supportsNativeResizeHandles(selectedItems[0]);
+  const eraserPreviewItems = react.useMemo(() => {
+    if (eraserPreviewIds.length === 0) return [];
+    const eraserPreviewIdSet = new Set(eraserPreviewIds);
+    return activeItems.filter((item) => eraserPreviewIdSet.has(item.id));
+  }, [activeItems, eraserPreviewIds]);
   const patchSelectedItemsStrokeStyle = react.useCallback(
     (patch) => {
       const change = onItemsChangeRef.current;
@@ -6529,7 +6535,8 @@ var NativeVectorViewport = react.forwardRef(function NativeVectorViewport2({
                 items: sceneItems,
                 camera,
                 width: size.width,
-                height: size.height
+                height: size.height,
+                renderTick: cameraTick
               }
             ),
             interactive && /* @__PURE__ */ jsxRuntime.jsx(
@@ -6543,9 +6550,7 @@ var NativeVectorViewport = react.forwardRef(function NativeVectorViewport2({
                 placementPreview,
                 laserTrail,
                 eraserTrail,
-                eraserPreviewItems: activeItems.filter(
-                  (item) => eraserPreviewIds.includes(item.id)
-                ),
+                eraserPreviewItems,
                 previewStrokeStyle: strokeStyleState,
                 remotePresence
               }