canvu-react 0.4.47 → 0.4.49

package/dist/{link-item-DwzXOwU5.d.cts → link-item-BMV3VUCr.d.cts}

@@ -1,4 +1,4 @@
-import { R as Rect, V as VectorSceneItem } from './types-BCCvY6ie.cjs';
+import { R as Rect, V as VectorSceneItem } from './types-fJNwEnHf.cjs';
 
 /** Plugin key under which link metadata is stored on a link item's `pluginData`. */
 declare const LINK_PLUGIN_KEY = "canvuLink";

package/dist/{link-item-IW4GTnxl.d.ts → link-item-COoNNvCu.d.ts}

@@ -1,4 +1,4 @@
-import { R as Rect, V as VectorSceneItem } from './types-BCCvY6ie.js';
+import { R as Rect, V as VectorSceneItem } from './types-fJNwEnHf.js';
 
 /** Plugin key under which link metadata is stored on a link item's `pluginData`. */
 declare const LINK_PLUGIN_KEY = "canvuLink";

package/dist/native.cjs

@@ -41,7 +41,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);
@@ -53,6 +53,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)
   };
 }
@@ -1595,7 +1597,42 @@ var styles = reactNative.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;
@@ -1619,7 +1656,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,
@@ -1633,7 +1670,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) {
@@ -2071,6 +2108,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] = react.useState(
     () => href ? { href, image: nativeSkiaImageCache.getCached(href) } : null
@@ -2087,7 +2132,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 });
@@ -2101,8 +2148,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
@@ -3110,7 +3156,8 @@ function hitTestNativeSelectionHandle({
     worldPoint.x,
     worldPoint.y,
     handleRadiusWorld,
-    rotation
+    rotation,
+    resolveResizeHandlesForItem(selectedItem)
   );
   return handle ? { kind: "resize", handle } : null;
 }
@@ -3146,7 +3193,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;
@@ -3235,7 +3281,7 @@ function NativeInteractionOverlay({
         return /* @__PURE__ */ jsxRuntime.jsx(reactNativeSkia.Group, { transform: rotationTransform, origin: rotationOrigin, children: selectionRect }, it.id);
       }),
       showResizeHandles && bSingle && single && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        HANDLE_ORDER.map((hid) => {
+        resolveResizeHandlesForItem(single).map((hid) => {
           const p = getHandleWorldPositionRotated(bSingle, hid, rotSingle);
           return /* @__PURE__ */ jsxRuntime.jsxs(reactNativeSkia.Group, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -5032,6 +5078,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;