canvu-react 0.4.47 → 0.4.49

package/dist/native.d.cts

@@ -1,13 +1,13 @@
-import { C as CanvuLinkData } from './link-item-DwzXOwU5.cjs';
-export { D as DEFAULT_LINK_CARD_SIZE, c as createLinkItem, g as getLinkData, i as isLinkItem } from './link-item-DwzXOwU5.cjs';
-import { C as Camera2D, S as StrokeStyle } from './shape-builders-CKEMjivV.cjs';
-export { o as createFreehandStrokeItem, q as createImageItem, t as createShapeId } from './shape-builders-CKEMjivV.cjs';
-import { V as VectorSceneItem, R as Rect } from './types-BCCvY6ie.cjs';
+import { C as CanvuLinkData } from './link-item-BMV3VUCr.cjs';
+export { D as DEFAULT_LINK_CARD_SIZE, c as createLinkItem, g as getLinkData, i as isLinkItem } from './link-item-BMV3VUCr.cjs';
+import { C as Camera2D, S as StrokeStyle } from './shape-builders-BmLS8CNh.cjs';
+export { o as createFreehandStrokeItem, q as createImageItem, t as createShapeId } from './shape-builders-BmLS8CNh.cjs';
+import { V as VectorSceneItem, R as Rect } from './types-fJNwEnHf.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import { StyleProp, ViewStyle, TextStyle } from 'react-native';
-import { R as RemotePresencePeer } from './types-BQUbxMgz.cjs';
+import { R as RemotePresencePeer } from './types-BOQLWyCw.cjs';
 
 type NativeImagesMenuLabels = {
     title?: string;

package/dist/native.d.ts

@@ -1,13 +1,13 @@
-import { C as CanvuLinkData } from './link-item-IW4GTnxl.js';
-export { D as DEFAULT_LINK_CARD_SIZE, c as createLinkItem, g as getLinkData, i as isLinkItem } from './link-item-IW4GTnxl.js';
-import { C as Camera2D, S as StrokeStyle } from './shape-builders-Cyh8zvDG.js';
-export { o as createFreehandStrokeItem, q as createImageItem, t as createShapeId } from './shape-builders-Cyh8zvDG.js';
-import { V as VectorSceneItem, R as Rect } from './types-BCCvY6ie.js';
+import { C as CanvuLinkData } from './link-item-COoNNvCu.js';
+export { D as DEFAULT_LINK_CARD_SIZE, c as createLinkItem, g as getLinkData, i as isLinkItem } from './link-item-COoNNvCu.js';
+import { C as Camera2D, S as StrokeStyle } from './shape-builders-BCOAG0pS.js';
+export { o as createFreehandStrokeItem, q as createImageItem, t as createShapeId } from './shape-builders-BCOAG0pS.js';
+import { V as VectorSceneItem, R as Rect } from './types-fJNwEnHf.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import { StyleProp, ViewStyle, TextStyle } from 'react-native';
-import { R as RemotePresencePeer } from './types-B82WiQQh.js';
+import { R as RemotePresencePeer } from './types-BMMPUak7.js';
 
 type NativeImagesMenuLabels = {
     title?: string;

package/dist/native.js

@@ -35,7 +35,7 @@ function buildCustomShapeChildrenSvg(inner, intrinsic, bounds) {
   const sy = b.height / intrinsic.height;
   return `<g transform="scale(${sx},${sy})">${inner}</g>`;
 }
-function createCustomShapeItem(id, bounds, content) {
+function createCustomShapeItem(id, bounds, content, options = {}) {
   const r = normalizeRect(bounds);
   const intrinsic = { width: r.width, height: r.height };
   const inner = resolveCustomInner(content, intrinsic);
@@ -47,6 +47,8 @@ function createCustomShapeItem(id, bounds, content) {
     toolKind: "custom",
     customIntrinsicSize: intrinsic,
     customInnerSvg: inner,
+    ...options.resizeHandles !== void 0 ? { customResizeHandles: options.resizeHandles } : {},
+    ...options.svgClassName ? { svgClassName: options.svgClassName } : {},
     childrenSvg: buildCustomShapeChildrenSvg(inner, intrinsic, r)
   };
 }
@@ -1589,7 +1591,42 @@ var styles = StyleSheet.create({
 });
 
 // src/interaction/resize-handles.ts
-var HANDLE_IDS = ["nw", "n", "ne", "e", "se", "s", "sw", "w"];
+var ALL_RESIZE_HANDLES = [
+  "nw",
+  "n",
+  "ne",
+  "e",
+  "se",
+  "s",
+  "sw",
+  "w"
+];
+var CORNER_RESIZE_HANDLES = [
+  "nw",
+  "ne",
+  "se",
+  "sw"
+];
+function dedupeHandles(handles) {
+  const allowed = new Set(handles);
+  return ALL_RESIZE_HANDLES.filter((handle) => allowed.has(handle));
+}
+function resolveCustomResizeHandles(handles) {
+  if (handles === "corners") return CORNER_RESIZE_HANDLES;
+  if (handles === "all" || handles === void 0) return ALL_RESIZE_HANDLES;
+  return dedupeHandles(handles);
+}
+function resolveResizeHandlesForItem(item) {
+  if (!item) return ALL_RESIZE_HANDLES;
+  if (getLinkData(item)) return CORNER_RESIZE_HANDLES;
+  if (item.toolKind === "custom") {
+    return resolveCustomResizeHandles(item.customResizeHandles);
+  }
+  return ALL_RESIZE_HANDLES;
+}
+function itemAllowsResizeHandle(item, handle) {
+  return resolveResizeHandlesForItem(item).includes(handle);
+}
 function getHandleWorldPosition(bounds, id) {
   const r = normalizeRect(bounds);
   const cx = r.x + r.width / 2;
@@ -1613,7 +1650,7 @@ function getHandleWorldPosition(bounds, id) {
       return { x: r.x, y: cy };
   }
 }
-function hitTestResizeHandle(bounds, worldX, worldY, radiusWorld, rotationRad = 0) {
+function hitTestResizeHandle(bounds, worldX, worldY, radiusWorld, rotationRad = 0, handles = ALL_RESIZE_HANDLES) {
   const r = normalizeRect(bounds);
   const pl = worldToItemLocal(
     worldX,
@@ -1627,7 +1664,7 @@ function hitTestResizeHandle(bounds, worldX, worldY, radiusWorld, rotationRad =
   const localBounds2 = { x: 0, y: 0, width: r.width, height: r.height };
   let best = null;
   let bestD = radiusWorld;
-  for (const id of HANDLE_IDS) {
+  for (const id of handles) {
     const p = getHandleWorldPosition(localBounds2, id);
     const d = Math.hypot(pl.x - p.x, pl.y - p.y);
     if (d <= bestD) {
@@ -2065,6 +2102,14 @@ async function loadSkiaImageFromHref(href) {
 var nativeSkiaImageCache = createNativeImageCache({
   loadImage: loadSkiaImageFromHref
 });
+function resolveNativeImageLoadingState(href, loadedImage) {
+  if (loadedImage?.image) return loadedImage;
+  return { href, image: null };
+}
+function resolveNativeImageRenderValue(href, loadedImage) {
+  if (!href) return null;
+  return loadedImage?.image ?? null;
+}
 function useCachedSkiaImage(href) {
   const [loadedImage, setLoadedImage] = useState(
     () => href ? { href, image: nativeSkiaImageCache.getCached(href) } : null
@@ -2081,7 +2126,9 @@ function useCachedSkiaImage(href) {
       return releaseImage;
     }
     let active = true;
-    setLoadedImage({ href, image: null });
+    setLoadedImage(
+      (currentLoadedImage) => resolveNativeImageLoadingState(href, currentLoadedImage)
+    );
     void nativeSkiaImageCache.load(href).then(
       (loadedImage2) => {
         if (active) setLoadedImage({ href, image: loadedImage2 });
@@ -2095,8 +2142,7 @@ function useCachedSkiaImage(href) {
       releaseImage();
     };
   }, [href]);
-  if (!href || loadedImage?.href !== href) return null;
-  return loadedImage.image;
+  return resolveNativeImageRenderValue(href, loadedImage);
 }
 
 // src/native/skia-transform.ts
@@ -3104,7 +3150,8 @@ function hitTestNativeSelectionHandle({
     worldPoint.x,
     worldPoint.y,
     handleRadiusWorld,
-    rotation
+    rotation,
+    resolveResizeHandlesForItem(selectedItem)
   );
   return handle ? { kind: "resize", handle } : null;
 }
@@ -3140,7 +3187,6 @@ function nativeRotationDragStart(input) {
     startRotation: input.item.rotation ?? 0
   };
 }
-var HANDLE_ORDER = ["nw", "n", "ne", "e", "se", "s", "sw", "w"];
 var ERASER_PREVIEW_OPACITY = 0.3;
 var OVERLAY_STROKE_PX = 1.25;
 var MARQUEE_DASH_PX = 4;
@@ -3229,7 +3275,7 @@ function NativeInteractionOverlay({
         return /* @__PURE__ */ jsx(Group, { transform: rotationTransform, origin: rotationOrigin, children: selectionRect }, it.id);
       }),
       showResizeHandles && bSingle && single && /* @__PURE__ */ jsxs(Fragment, { children: [
-        HANDLE_ORDER.map((hid) => {
+        resolveResizeHandlesForItem(single).map((hid) => {
           const p = getHandleWorldPositionRotated(bSingle, hid, rotSingle);
           return /* @__PURE__ */ jsxs(Group, { children: [
             /* @__PURE__ */ jsx(
@@ -5026,6 +5072,9 @@ function applyRotationFromPointer(item, startRotation, startPointerAngleRad, poi
 }
 function resizeItemByHandle(item, start, handle, currentWorld) {
   const sb = normalizeRect(start.bounds);
+  if (!itemAllowsResizeHandle(item, handle)) {
+    return item;
+  }
   const newBoundsRaw = computeNewBoundsForResize(item, sb, handle, currentWorld);
   const nb = normalizeRect(newBoundsRaw);
   const k = item.toolKind;