canvu-react 0.3.38 → 0.3.39

package/dist/react.cjs

@@ -6463,6 +6463,18 @@ var SvgVectorRenderer = class {
   }
 };
 
+// src/scene/link-item.ts
+var LINK_PLUGIN_KEY = "canvuLink";
+var isCanvuLinkData = (value) => {
+  if (!value || typeof value !== "object") return false;
+  const candidate = value;
+  return typeof candidate.href === "string" && candidate.href.length > 0;
+};
+function getLinkData(item) {
+  const entry = item.pluginData?.[LINK_PLUGIN_KEY];
+  return isCanvuLinkData(entry) ? entry : null;
+}
+
 // src/scene/scene.ts
 var VectorScene = class {
   items = [];
@@ -7639,6 +7651,7 @@ var VectorViewport = react.forwardRef(
     selectedIds: selectedIdsProp,
     onSelectionChange,
     onItemsChange: consumerOnItemsChange,
+    onActivateLink,
     onWorldPointerDown: consumerOnWorldPointerDown,
     toolbar,
     navMenu,
@@ -7819,6 +7832,8 @@ var VectorViewport = react.forwardRef(
     const itemsRef = react.useRef(items);
     const onWorldPointerDownRef = react.useRef(onWorldPointerDown);
     const onItemsChangeRef = react.useRef(onItemsChange);
+    const onActivateLinkRef = react.useRef(onActivateLink);
+    onActivateLinkRef.current = onActivateLink;
     const assetStoreRef = react.useRef(assetStore);
     assetStoreRef.current = assetStore;
     const customPlacementRef = react.useRef(customPlacement);
@@ -9094,13 +9109,27 @@ var VectorViewport = react.forwardRef(
     );
     const handleOverlayDoubleClick = react.useCallback(
       (e) => {
-        if (!interactiveRef.current || !onItemsChangeRef.current) return;
-        if (toolIdRef.current !== "select") return;
-        e.preventDefault();
         const cam = cameraRef.current;
         if (!cam) return;
         const { worldX, worldY } = screenToWorld(e.clientX, e.clientY);
         const lineHitWorld = 10 / cam.zoom;
+        const linkHit = hitTestWorldPoint(resolvedItemsRef.current, worldX, worldY, {
+          lineHitWorld,
+          ignoreLocked: false
+        });
+        const link = linkHit ? getLinkData(linkHit) : null;
+        if (linkHit && link) {
+          e.preventDefault();
+          if (onActivateLinkRef.current) {
+            onActivateLinkRef.current({ link, item: linkHit });
+          } else if (typeof window !== "undefined" && typeof window.open === "function") {
+            window.open(link.href, "_blank", "noopener,noreferrer");
+          }
+          return;
+        }
+        if (!interactiveRef.current || !onItemsChangeRef.current) return;
+        if (toolIdRef.current !== "select") return;
+        e.preventDefault();
         const hit = hitTestWorldPoint(resolvedItemsRef.current, worldX, worldY, {
           lineHitWorld,
           ignoreLocked: true