canvu-react 0.4.50 → 0.4.51

package/dist/native.d.cts

@@ -113,8 +113,9 @@ type NativeSceneRendererProps = {
     readonly camera: Camera2D;
     readonly width: number;
     readonly height: number;
+    readonly renderTick: number;
 };
-declare function NativeSceneRenderer({ items, camera, width, height, }: NativeSceneRendererProps): react_jsx_runtime.JSX.Element | null;
+declare const NativeSceneRenderer: react.NamedExoticComponent<NativeSceneRendererProps>;
 
 type NativeShapeRendererProps = {
     readonly item: VectorSceneItem;

package/dist/native.d.ts

@@ -113,8 +113,9 @@ type NativeSceneRendererProps = {
     readonly camera: Camera2D;
     readonly width: number;
     readonly height: number;
+    readonly renderTick: number;
 };
-declare function NativeSceneRenderer({ items, camera, width, height, }: NativeSceneRendererProps): react_jsx_runtime.JSX.Element | null;
+declare const NativeSceneRenderer: react.NamedExoticComponent<NativeSceneRendererProps>;
 
 type NativeShapeRendererProps = {
     readonly item: VectorSceneItem;

package/dist/native.js

@@ -3919,11 +3919,12 @@ var MemoShape = memo(function MemoShape2({
   if (rotationTransform.length === 0) return shape;
   return /* @__PURE__ */ jsx(Group, { transform: rotationTransform, origin: rotationOrigin, children: shape });
 });
-function NativeSceneRenderer({
+var NativeSceneRenderer = memo(function NativeSceneRenderer2({
   items,
   camera,
   width,
-  height
+  height,
+  renderTick
 }) {
   const cameraTransform = skiaCameraTransform(camera.zoom, camera.x, camera.y);
   const visible = cullItemsByViewport(
@@ -3932,7 +3933,7 @@ function NativeSceneRenderer({
   );
   if (width <= 0 || height <= 0) return null;
   return /* @__PURE__ */ jsx(Canvas, { style: { width, height }, children: /* @__PURE__ */ jsx(Group, { transform: cameraTransform, children: visible.map((item) => /* @__PURE__ */ jsx(MemoShape, { item }, item.id)) }) });
-}
+});
 
 // src/native/native-style-inspector-values.ts
 var NATIVE_STYLE_PALETTE = [
@@ -5717,6 +5718,11 @@ var NativeVectorViewport = 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 = useMemo(() => {
+    if (eraserPreviewIds.length === 0) return [];
+    const eraserPreviewIdSet = new Set(eraserPreviewIds);
+    return activeItems.filter((item) => eraserPreviewIdSet.has(item.id));
+  }, [activeItems, eraserPreviewIds]);
   const patchSelectedItemsStrokeStyle = useCallback(
     (patch) => {
       const change = onItemsChangeRef.current;
@@ -6523,7 +6529,8 @@ var NativeVectorViewport = forwardRef(function NativeVectorViewport2({
                 items: sceneItems,
                 camera,
                 width: size.width,
-                height: size.height
+                height: size.height,
+                renderTick: cameraTick
               }
             ),
             interactive && /* @__PURE__ */ jsx(
@@ -6537,9 +6544,7 @@ var NativeVectorViewport = forwardRef(function NativeVectorViewport2({
                 placementPreview,
                 laserTrail,
                 eraserTrail,
-                eraserPreviewItems: activeItems.filter(
-                  (item) => eraserPreviewIds.includes(item.id)
-                ),
+                eraserPreviewItems,
                 previewStrokeStyle: strokeStyleState,
                 remotePresence
               }