canvu-react 0.4.56 → 0.4.58

package/dist/native.cjs

@@ -5547,6 +5547,58 @@ function NativeSelectionContextMenuButton({
     }
   );
 }
+var NativeCameraRenderLayer = react.forwardRef(function NativeCameraRenderLayer2({
+  items,
+  camera,
+  width,
+  height,
+  interactive,
+  selectedItems,
+  showResizeHandles,
+  placementPreview,
+  laserTrail,
+  eraserTrail,
+  eraserPreviewItems,
+  previewStrokeStyle,
+  remotePresence
+}, ref) {
+  const [cameraTick, setCameraTick] = react.useState(0);
+  react.useImperativeHandle(
+    ref,
+    () => ({
+      requestRender: () => setCameraTick((n) => n + 1)
+    }),
+    []
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      NativeSceneRenderer,
+      {
+        items,
+        camera,
+        width,
+        height,
+        renderTick: cameraTick
+      }
+    ),
+    interactive && /* @__PURE__ */ jsxRuntime.jsx(
+      NativeInteractionOverlay,
+      {
+        camera,
+        width,
+        height,
+        selectedItems,
+        showResizeHandles,
+        placementPreview,
+        laserTrail,
+        eraserTrail,
+        eraserPreviewItems,
+        previewStrokeStyle,
+        remotePresence
+      }
+    )
+  ] });
+});
 var NativeVectorViewport = react.forwardRef(function NativeVectorViewport2({
   items,
   selectedIds = [],
@@ -5574,6 +5626,7 @@ var NativeVectorViewport = react.forwardRef(function NativeVectorViewport2({
 }, ref) {
   const [size, setSize] = react.useState({ width: 0, height: 0 });
   const cameraRef = react.useRef(null);
+  const cameraRenderLayerRef = react.useRef(null);
   const toolIdRef = react.useRef(toolId);
   toolIdRef.current = toolId;
   const toolLockedRef = react.useRef(toolLocked);
@@ -5768,7 +5821,6 @@ var NativeVectorViewport = react.forwardRef(function NativeVectorViewport2({
     cameraRef.current = new Camera2D({ minZoom: 0.05, maxZoom: 32 });
   }
   const camera = cameraRef.current;
-  const [cameraTick, setCameraTick] = react.useState(0);
   const selectedItems = react.useMemo(
     () => activeItems.filter((item) => selectedIds.includes(item.id)),
     [activeItems, selectedIds]
@@ -5845,7 +5897,7 @@ var NativeVectorViewport = react.forwardRef(function NativeVectorViewport2({
     onWorldPointerLeaveRef.current?.();
   }, []);
   const requestRender = react.useCallback(() => {
-    setCameraTick((n) => n + 1);
+    cameraRenderLayerRef.current?.requestRender();
     onCameraChangeRef.current?.();
   }, []);
   const onLayout = react.useCallback((e) => {
@@ -6752,7 +6804,7 @@ var NativeVectorViewport = react.forwardRef(function NativeVectorViewport2({
   const nativeLinkCanSubmit = pendingNativeLinkRequest !== null && normalizedNativeLinkHref !== null && onItemsChange != null;
   return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: { flex: 1, overflow: "hidden" }, onLayout, children: [
     size.width > 0 && size.height > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx(
         reactNative.View,
         {
           style: reactNative.StyleSheet.absoluteFill,
@@ -6765,34 +6817,25 @@ var NativeVectorViewport = react.forwardRef(function NativeVectorViewport2({
             notifyWorldPointerLeave();
           },
           ...panResponder.panHandlers,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              NativeSceneRenderer,
-              {
-                items: sceneItems,
-                camera,
-                width: size.width,
-                height: size.height,
-                renderTick: cameraTick
-              }
-            ),
-            interactive && /* @__PURE__ */ jsxRuntime.jsx(
-              NativeInteractionOverlay,
-              {
-                camera,
-                width: size.width,
-                height: size.height,
-                selectedItems,
-                showResizeHandles,
-                placementPreview,
-                laserTrail,
-                eraserTrail,
-                eraserPreviewItems,
-                previewStrokeStyle: strokeStyleState,
-                remotePresence
-              }
-            )
-          ]
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            NativeCameraRenderLayer,
+            {
+              ref: cameraRenderLayerRef,
+              items: sceneItems,
+              camera,
+              width: size.width,
+              height: size.height,
+              interactive,
+              selectedItems,
+              showResizeHandles,
+              placementPreview,
+              laserTrail,
+              eraserTrail,
+              eraserPreviewItems,
+              previewStrokeStyle: strokeStyleState,
+              remotePresence
+            }
+          )
         }
       ),
       overlay ? /* @__PURE__ */ jsxRuntime.jsx(