canvu-react 0.3.38 → 0.3.39

package/dist/react.d.cts

@@ -1,10 +1,10 @@
-import { I as IndexedDbImageStore } from './asset-hydration-EtEuBwb7.cjs';
-export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-EtEuBwb7.cjs';
+import { I as IndexedDbImageStore } from './asset-hydration-DowNdaOJ.cjs';
+export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-DowNdaOJ.cjs';
 import { V as VectorSceneItem } from './types-Bnq2HtHQ.cjs';
-import { V as VectorViewportAssetKind, x as VectorViewportAssetStore } from './shape-builders-CsbSRZnQ.cjs';
-export { y as VectorViewportAssetHydrationRequest, z as VectorViewportAssetResolveRequest, A as VectorViewportAssetResolveResult, B as VectorViewportAssetUploadRequest, C as VectorViewportAssetUploadResult } from './shape-builders-CsbSRZnQ.cjs';
-import { B as BoardComponentPosition, V as VectorToolDefinition, C as CanvasPlugin, a as VectorSelectionInspector } from './types-DWGk2_GZ.cjs';
-export { b as CanvasPluginComponentProps, c as CanvasPluginContribution, d as CanvasPluginItemsChangeMiddlewareContext, e as CanvasPluginRenderContext, f as CanvuChromeActiveToolStyle, g as CanvuChromeContext, h as CanvuChromeContextValue, i as CanvuChromeSelectionStyleChange, j as CanvuPluginContext, k as CanvuPluginContextValue, l as CanvuPluginViewportSnapshot, m as CustomShapePlacementOptions, P as PlacementPreview, n as VectorCanvasSpacePosition, o as VectorSelectionInspectorProps, p as VectorViewport, q as VectorViewportHandle, r as VectorViewportProps, W as WorldPointerDownDetail, s as createCanvuPlugin, t as getBoardPositionStyle, u as useCanvuChromeContext, v as useCanvuDocumentContext, w as useCanvuPluginContext, x as useCanvuPluginContribution, y as useCanvuResolvedTools, z as useCanvuViewportContext } from './types-DWGk2_GZ.cjs';
+import { V as VectorViewportAssetKind, E as VectorViewportAssetStore } from './shape-builders-Dedcl6tw.cjs';
+export { G as VectorViewportAssetHydrationRequest, H as VectorViewportAssetResolveRequest, I as VectorViewportAssetResolveResult, J as VectorViewportAssetUploadRequest, K as VectorViewportAssetUploadResult } from './shape-builders-Dedcl6tw.cjs';
+import { B as BoardComponentPosition, V as VectorToolDefinition, C as CanvasPlugin, a as VectorSelectionInspector } from './types-DUW61Tjy.cjs';
+export { b as CanvasPluginComponentProps, c as CanvasPluginContribution, d as CanvasPluginItemsChangeMiddlewareContext, e as CanvasPluginRenderContext, f as CanvuChromeActiveToolStyle, g as CanvuChromeContext, h as CanvuChromeContextValue, i as CanvuChromeSelectionStyleChange, j as CanvuPluginContext, k as CanvuPluginContextValue, l as CanvuPluginViewportSnapshot, m as CustomShapePlacementOptions, P as PlacementPreview, n as VectorCanvasSpacePosition, o as VectorSelectionInspectorProps, p as VectorViewport, q as VectorViewportHandle, r as VectorViewportProps, W as WorldPointerDownDetail, s as createCanvuPlugin, t as getBoardPositionStyle, u as useCanvuChromeContext, v as useCanvuDocumentContext, w as useCanvuPluginContext, x as useCanvuPluginContribution, y as useCanvuResolvedTools, z as useCanvuViewportContext } from './types-DUW61Tjy.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { CSSProperties, ReactNode, ReactElement, SVGProps } from 'react';

package/dist/react.d.ts

@@ -1,10 +1,10 @@
-import { I as IndexedDbImageStore } from './asset-hydration-DrTOgDdd.js';
-export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-DrTOgDdd.js';
+import { I as IndexedDbImageStore } from './asset-hydration-DdFLdlqX.js';
+export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-DdFLdlqX.js';
 import { V as VectorSceneItem } from './types-Bnq2HtHQ.js';
-import { V as VectorViewportAssetKind, x as VectorViewportAssetStore } from './shape-builders-CsSXKCcs.js';
-export { y as VectorViewportAssetHydrationRequest, z as VectorViewportAssetResolveRequest, A as VectorViewportAssetResolveResult, B as VectorViewportAssetUploadRequest, C as VectorViewportAssetUploadResult } from './shape-builders-CsSXKCcs.js';
-import { B as BoardComponentPosition, V as VectorToolDefinition, C as CanvasPlugin, a as VectorSelectionInspector } from './types-B6PAYKzx.js';
-export { b as CanvasPluginComponentProps, c as CanvasPluginContribution, d as CanvasPluginItemsChangeMiddlewareContext, e as CanvasPluginRenderContext, f as CanvuChromeActiveToolStyle, g as CanvuChromeContext, h as CanvuChromeContextValue, i as CanvuChromeSelectionStyleChange, j as CanvuPluginContext, k as CanvuPluginContextValue, l as CanvuPluginViewportSnapshot, m as CustomShapePlacementOptions, P as PlacementPreview, n as VectorCanvasSpacePosition, o as VectorSelectionInspectorProps, p as VectorViewport, q as VectorViewportHandle, r as VectorViewportProps, W as WorldPointerDownDetail, s as createCanvuPlugin, t as getBoardPositionStyle, u as useCanvuChromeContext, v as useCanvuDocumentContext, w as useCanvuPluginContext, x as useCanvuPluginContribution, y as useCanvuResolvedTools, z as useCanvuViewportContext } from './types-B6PAYKzx.js';
+import { V as VectorViewportAssetKind, E as VectorViewportAssetStore } from './shape-builders-C7bxJBGR.js';
+export { G as VectorViewportAssetHydrationRequest, H as VectorViewportAssetResolveRequest, I as VectorViewportAssetResolveResult, J as VectorViewportAssetUploadRequest, K as VectorViewportAssetUploadResult } from './shape-builders-C7bxJBGR.js';
+import { B as BoardComponentPosition, V as VectorToolDefinition, C as CanvasPlugin, a as VectorSelectionInspector } from './types-BBb8KoyW.js';
+export { b as CanvasPluginComponentProps, c as CanvasPluginContribution, d as CanvasPluginItemsChangeMiddlewareContext, e as CanvasPluginRenderContext, f as CanvuChromeActiveToolStyle, g as CanvuChromeContext, h as CanvuChromeContextValue, i as CanvuChromeSelectionStyleChange, j as CanvuPluginContext, k as CanvuPluginContextValue, l as CanvuPluginViewportSnapshot, m as CustomShapePlacementOptions, P as PlacementPreview, n as VectorCanvasSpacePosition, o as VectorSelectionInspectorProps, p as VectorViewport, q as VectorViewportHandle, r as VectorViewportProps, W as WorldPointerDownDetail, s as createCanvuPlugin, t as getBoardPositionStyle, u as useCanvuChromeContext, v as useCanvuDocumentContext, w as useCanvuPluginContext, x as useCanvuPluginContribution, y as useCanvuResolvedTools, z as useCanvuViewportContext } from './types-BBb8KoyW.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { CSSProperties, ReactNode, ReactElement, SVGProps } from 'react';

package/dist/react.js

@@ -6456,6 +6456,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 = [];
@@ -7632,6 +7644,7 @@ var VectorViewport = forwardRef(
     selectedIds: selectedIdsProp,
     onSelectionChange,
     onItemsChange: consumerOnItemsChange,
+    onActivateLink,
     onWorldPointerDown: consumerOnWorldPointerDown,
     toolbar,
     navMenu,
@@ -7812,6 +7825,8 @@ var VectorViewport = forwardRef(
     const itemsRef = useRef(items);
     const onWorldPointerDownRef = useRef(onWorldPointerDown);
     const onItemsChangeRef = useRef(onItemsChange);
+    const onActivateLinkRef = useRef(onActivateLink);
+    onActivateLinkRef.current = onActivateLink;
     const assetStoreRef = useRef(assetStore);
     assetStoreRef.current = assetStore;
     const customPlacementRef = useRef(customPlacement);
@@ -9087,13 +9102,27 @@ var VectorViewport = forwardRef(
     );
     const handleOverlayDoubleClick = 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