canvu-react 0.4.68 → 0.4.70

package/dist/react.d.cts

@@ -1,11 +1,11 @@
 import { V as VectorSceneItem } from './types-fJNwEnHf.cjs';
 export { C as CustomShapeResizeHandles, b as ResizeHandleId } from './types-fJNwEnHf.cjs';
-import { V as VectorViewportAssetKind, a as VectorViewportAssetStore } from './raster-image-canvas-zerVYllB.cjs';
-export { b as RasterImageCanvasRenderRequest, c as RasterImageCanvasRenderTarget, d as RasterImageCanvasRenderTargetResolver, R as RasterImageCanvasRenderingOptions, e as VectorViewportAssetHydrationRequest, f as VectorViewportAssetResolveRequest, g as VectorViewportAssetResolveResult, h as VectorViewportAssetUploadRequest, i as VectorViewportAssetUploadResult } from './raster-image-canvas-zerVYllB.cjs';
-import { I as IndexedDbImageStore } from './asset-hydration-Dw99FGJB.cjs';
-export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-Dw99FGJB.cjs';
-import { B as BoardComponentPosition, V as VectorToolDefinition, C as CustomShapePlacementOptions, a as CanvuBeforeInteractionHook, b as CanvuAfterInteractionHook, c as CanvasPlugin, d as VectorSelectionInspector } from './types-BZ9wK9Y3.cjs';
-export { e as CanvasPluginComponentProps, f as CanvasPluginContribution, g as CanvasPluginItemsChangeMiddlewareContext, h as CanvasPluginRenderContext, i as CanvuAfterInteractionDetail, j as CanvuBeforeInteractionResult, k as CanvuChromeActiveToolStyle, l as CanvuChromeContext, m as CanvuChromeContextValue, n as CanvuChromeSelectionStyleChange, o as CanvuInteractionDetail, p as CanvuInteractionKind, q as CanvuInteractionOutcome, r as CanvuInteractionPoint, s as CanvuPluginContext, t as CanvuPluginContextValue, u as CanvuPluginViewportSnapshot, P as PlacementPreview, R as ReadOnlyInteractionOptions, v as ReadOnlyItemClickCandidateDetail, w as ReadOnlyItemClickScope, S as SHAPE_CONTEXT_MENU_ITEM_IDS, x as SelectModeItemClickDetail, y as SelectModeItemClickResult, z as ShapeContextMenu, A as ShapeContextMenuItem, D as ShapeContextMenuProps, E as ShapeContextMenuRenderContext, F as VectorCanvasSpacePosition, G as VectorItemsChangeInfo, H as VectorItemsChangeMotive, I as VectorSelectionInspectorProps, J as VectorViewport, K as VectorViewportHandle, L as VectorViewportProps, W as WorldPointerDownDetail, M as createCanvuPlugin, N as getBoardPositionStyle, O as useCanvuChromeContext, Q as useCanvuDocumentContext, T as useCanvuPluginContext, U as useCanvuPluginContribution, X as useCanvuResolvedTools, Y as useCanvuViewportContext } from './types-BZ9wK9Y3.cjs';
+import { V as VectorViewportAssetKind, a as VectorViewportAssetStore } from './raster-image-canvas-nK9kM9UJ.cjs';
+export { b as RasterImageCanvasRenderRequest, c as RasterImageCanvasRenderTarget, d as RasterImageCanvasRenderTargetResolver, R as RasterImageCanvasRenderingOptions, e as RasterImageCanvasSourceSizeRequest, f as RasterImageCanvasSourceSizeResolver, g as VectorViewportAssetHydrationRequest, h as VectorViewportAssetResolveRequest, i as VectorViewportAssetResolveResult, j as VectorViewportAssetUploadRequest, k as VectorViewportAssetUploadResult } from './raster-image-canvas-nK9kM9UJ.cjs';
+import { I as IndexedDbImageStore } from './asset-hydration-D2xaUoAT.cjs';
+export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-D2xaUoAT.cjs';
+import { B as BoardComponentPosition, V as VectorToolDefinition, C as CustomShapePlacementOptions, a as CanvuBeforeInteractionHook, b as CanvuAfterInteractionHook, c as CanvasPlugin, d as VectorSelectionInspector } from './types-D402X18k.cjs';
+export { e as CanvasPluginComponentProps, f as CanvasPluginContribution, g as CanvasPluginItemsChangeMiddlewareContext, h as CanvasPluginRenderContext, i as CanvuAfterInteractionDetail, j as CanvuBeforeInteractionResult, k as CanvuChromeActiveToolStyle, l as CanvuChromeContext, m as CanvuChromeContextValue, n as CanvuChromeSelectionStyleChange, o as CanvuInteractionDetail, p as CanvuInteractionKind, q as CanvuInteractionOutcome, r as CanvuInteractionPoint, s as CanvuPluginContext, t as CanvuPluginContextValue, u as CanvuPluginViewportSnapshot, P as PlacementPreview, R as ReadOnlyInteractionOptions, v as ReadOnlyItemClickCandidateDetail, w as ReadOnlyItemClickScope, S as SHAPE_CONTEXT_MENU_ITEM_IDS, x as SelectModeItemClickDetail, y as SelectModeItemClickResult, z as ShapeContextMenu, A as ShapeContextMenuItem, D as ShapeContextMenuProps, E as ShapeContextMenuRenderContext, F as VectorCanvasSpacePosition, G as VectorItemsChangeInfo, H as VectorItemsChangeMotive, I as VectorSelectionInspectorProps, J as VectorViewport, K as VectorViewportHandle, L as VectorViewportProps, W as WorldPointerDownDetail, M as createCanvuPlugin, N as getBoardPositionStyle, O as useCanvuChromeContext, Q as useCanvuDocumentContext, T as useCanvuPluginContext, U as useCanvuPluginContribution, X as useCanvuResolvedTools, Y as useCanvuViewportContext } from './types-D402X18k.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,11 +1,11 @@
 import { V as VectorSceneItem } from './types-fJNwEnHf.js';
 export { C as CustomShapeResizeHandles, b as ResizeHandleId } from './types-fJNwEnHf.js';
-import { V as VectorViewportAssetKind, a as VectorViewportAssetStore } from './raster-image-canvas-BZh73aoc.js';
-export { b as RasterImageCanvasRenderRequest, c as RasterImageCanvasRenderTarget, d as RasterImageCanvasRenderTargetResolver, R as RasterImageCanvasRenderingOptions, e as VectorViewportAssetHydrationRequest, f as VectorViewportAssetResolveRequest, g as VectorViewportAssetResolveResult, h as VectorViewportAssetUploadRequest, i as VectorViewportAssetUploadResult } from './raster-image-canvas-BZh73aoc.js';
-import { I as IndexedDbImageStore } from './asset-hydration-aNXfeayg.js';
-export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-aNXfeayg.js';
-import { B as BoardComponentPosition, V as VectorToolDefinition, C as CustomShapePlacementOptions, a as CanvuBeforeInteractionHook, b as CanvuAfterInteractionHook, c as CanvasPlugin, d as VectorSelectionInspector } from './types-94XpQMy7.js';
-export { e as CanvasPluginComponentProps, f as CanvasPluginContribution, g as CanvasPluginItemsChangeMiddlewareContext, h as CanvasPluginRenderContext, i as CanvuAfterInteractionDetail, j as CanvuBeforeInteractionResult, k as CanvuChromeActiveToolStyle, l as CanvuChromeContext, m as CanvuChromeContextValue, n as CanvuChromeSelectionStyleChange, o as CanvuInteractionDetail, p as CanvuInteractionKind, q as CanvuInteractionOutcome, r as CanvuInteractionPoint, s as CanvuPluginContext, t as CanvuPluginContextValue, u as CanvuPluginViewportSnapshot, P as PlacementPreview, R as ReadOnlyInteractionOptions, v as ReadOnlyItemClickCandidateDetail, w as ReadOnlyItemClickScope, S as SHAPE_CONTEXT_MENU_ITEM_IDS, x as SelectModeItemClickDetail, y as SelectModeItemClickResult, z as ShapeContextMenu, A as ShapeContextMenuItem, D as ShapeContextMenuProps, E as ShapeContextMenuRenderContext, F as VectorCanvasSpacePosition, G as VectorItemsChangeInfo, H as VectorItemsChangeMotive, I as VectorSelectionInspectorProps, J as VectorViewport, K as VectorViewportHandle, L as VectorViewportProps, W as WorldPointerDownDetail, M as createCanvuPlugin, N as getBoardPositionStyle, O as useCanvuChromeContext, Q as useCanvuDocumentContext, T as useCanvuPluginContext, U as useCanvuPluginContribution, X as useCanvuResolvedTools, Y as useCanvuViewportContext } from './types-94XpQMy7.js';
+import { V as VectorViewportAssetKind, a as VectorViewportAssetStore } from './raster-image-canvas-CCOmB4NY.js';
+export { b as RasterImageCanvasRenderRequest, c as RasterImageCanvasRenderTarget, d as RasterImageCanvasRenderTargetResolver, R as RasterImageCanvasRenderingOptions, e as RasterImageCanvasSourceSizeRequest, f as RasterImageCanvasSourceSizeResolver, g as VectorViewportAssetHydrationRequest, h as VectorViewportAssetResolveRequest, i as VectorViewportAssetResolveResult, j as VectorViewportAssetUploadRequest, k as VectorViewportAssetUploadResult } from './raster-image-canvas-CCOmB4NY.js';
+import { I as IndexedDbImageStore } from './asset-hydration-D9eThWse.js';
+export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-D9eThWse.js';
+import { B as BoardComponentPosition, V as VectorToolDefinition, C as CustomShapePlacementOptions, a as CanvuBeforeInteractionHook, b as CanvuAfterInteractionHook, c as CanvasPlugin, d as VectorSelectionInspector } from './types-CMuEaiM7.js';
+export { e as CanvasPluginComponentProps, f as CanvasPluginContribution, g as CanvasPluginItemsChangeMiddlewareContext, h as CanvasPluginRenderContext, i as CanvuAfterInteractionDetail, j as CanvuBeforeInteractionResult, k as CanvuChromeActiveToolStyle, l as CanvuChromeContext, m as CanvuChromeContextValue, n as CanvuChromeSelectionStyleChange, o as CanvuInteractionDetail, p as CanvuInteractionKind, q as CanvuInteractionOutcome, r as CanvuInteractionPoint, s as CanvuPluginContext, t as CanvuPluginContextValue, u as CanvuPluginViewportSnapshot, P as PlacementPreview, R as ReadOnlyInteractionOptions, v as ReadOnlyItemClickCandidateDetail, w as ReadOnlyItemClickScope, S as SHAPE_CONTEXT_MENU_ITEM_IDS, x as SelectModeItemClickDetail, y as SelectModeItemClickResult, z as ShapeContextMenu, A as ShapeContextMenuItem, D as ShapeContextMenuProps, E as ShapeContextMenuRenderContext, F as VectorCanvasSpacePosition, G as VectorItemsChangeInfo, H as VectorItemsChangeMotive, I as VectorSelectionInspectorProps, J as VectorViewport, K as VectorViewportHandle, L as VectorViewportProps, W as WorldPointerDownDetail, M as createCanvuPlugin, N as getBoardPositionStyle, O as useCanvuChromeContext, Q as useCanvuDocumentContext, T as useCanvuPluginContext, U as useCanvuPluginContribution, X as useCanvuResolvedTools, Y as useCanvuViewportContext } from './types-CMuEaiM7.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

@@ -6887,6 +6887,7 @@ function resolveRasterImageCanvasRenderingOptions(options) {
   if (!options) return null;
   const fallbackDevicePixelRatio = typeof window === "undefined" ? 1 : window.devicePixelRatio;
   return {
+    resolveSourceSize: options.resolveSourceSize,
     resolveRenderTarget: options.resolveRenderTarget,
     devicePixelRatio: toPositiveFiniteNumber(
       options.devicePixelRatio,
@@ -6929,6 +6930,28 @@ function getRasterImageContentRect(item) {
   const height = width / imageAspectRatio;
   return { x: 0, y: (bounds.height - height) / 2, width, height };
 }
+function resolveRasterImageCanvasSourceSize({
+  item,
+  href,
+  intrinsicSize,
+  contentRect,
+  viewportSize,
+  cameraZoom,
+  options
+}) {
+  const resolved = options.resolveSourceSize?.({
+    item,
+    href,
+    intrinsicSize,
+    contentRect,
+    viewportSize,
+    cameraZoom,
+    devicePixelRatio: options.devicePixelRatio
+  });
+  const width = toPositiveFiniteNumber(resolved?.width, intrinsicSize.width);
+  const height = toPositiveFiniteNumber(resolved?.height, intrinsicSize.height);
+  return { width, height };
+}
 function getRasterImageCanvasTargetSize({
   intrinsicSize,
   contentRect,
@@ -6968,6 +6991,7 @@ function resolveRasterImageCanvasRenderTarget({
   item,
   href,
   intrinsicSize,
+  sourceSize,
   contentRect,
   targetSize,
   viewportSize,
@@ -6978,6 +7002,7 @@ function resolveRasterImageCanvasRenderTarget({
     item,
     href,
     intrinsicSize,
+    sourceSize,
     contentRect,
     targetSize,
     viewportSize,
@@ -7313,9 +7338,18 @@ var SvgVectorRenderer = class {
       this.releaseRasterImageCanvas(cached);
       return;
     }
-    const targetSize = getRasterImageCanvasTargetSize({
+    const sourceSize = resolveRasterImageCanvasSourceSize({
+      item,
+      href: item.imageRasterHref,
       intrinsicSize: item.imageIntrinsicSize,
       contentRect,
+      viewportSize,
+      cameraZoom: this.camera.zoom,
+      options
+    });
+    const targetSize = getRasterImageCanvasTargetSize({
+      intrinsicSize: sourceSize,
+      contentRect,
       cameraZoom: this.camera.zoom,
       devicePixelRatio: options.devicePixelRatio,
       pixelHeadroom: options.pixelHeadroom,
@@ -7326,6 +7360,7 @@ var SvgVectorRenderer = class {
       item,
       href: item.imageRasterHref,
       intrinsicSize: item.imageIntrinsicSize,
+      sourceSize,
       contentRect,
       targetSize,
       viewportSize,
@@ -8348,6 +8383,47 @@ function shallowEqualStringArray(a, b) {
   return true;
 }
 
+// src/react/stroke-input.ts
+function getPointerEventSamples(event) {
+  if (typeof event.getCoalescedEvents !== "function") {
+    return [event];
+  }
+  const samples = event.getCoalescedEvents();
+  return samples.length > 0 ? samples : [event];
+}
+var resolveInterpolatedPressure = (lastPoint, nextPoint, ratio) => {
+  if (lastPoint.pressure != null && nextPoint.pressure != null) {
+    return lastPoint.pressure + (nextPoint.pressure - lastPoint.pressure) * ratio;
+  }
+  return ratio === 1 ? nextPoint.pressure : void 0;
+};
+var resolveMaxStepWorld = (maxStepWorld) => Number.isFinite(maxStepWorld) && maxStepWorld > 0 ? maxStepWorld : Number.POSITIVE_INFINITY;
+function appendInterpolatedStrokePoint(points, nextPoint, maxStepWorld) {
+  if (points.length === 0) return [nextPoint];
+  const lastPoint = points[points.length - 1];
+  if (!lastPoint) return [...points, nextPoint];
+  const deltaX = nextPoint.x - lastPoint.x;
+  const deltaY = nextPoint.y - lastPoint.y;
+  const distanceSquared = deltaX * deltaX + deltaY * deltaY;
+  if (distanceSquared < 1e-12) return points;
+  const distance = Math.sqrt(distanceSquared);
+  const stepCount = Math.max(
+    1,
+    Math.ceil(distance / resolveMaxStepWorld(maxStepWorld))
+  );
+  if (stepCount === 1) return [...points, nextPoint];
+  const interpolatedPoints = Array.from({ length: stepCount }, (_, index) => {
+    const ratio = (index + 1) / stepCount;
+    const pressure = resolveInterpolatedPressure(lastPoint, nextPoint, ratio);
+    return {
+      x: lastPoint.x + deltaX * ratio,
+      y: lastPoint.y + deltaY * ratio,
+      ...pressure != null ? { pressure } : {}
+    };
+  });
+  return [...points, ...interpolatedPoints];
+}
+
 // src/react/TextEditOverlay.tsx
 init_rect();
 init_text_svg();
@@ -8607,13 +8683,6 @@ function pointInSelectedItemBounds(item, worldX, worldY) {
   );
   return local.x >= 0 && local.x <= bounds.width && local.y >= 0 && local.y <= bounds.height;
 }
-function pointerEventSamples(ev) {
-  if (ev.pointerType !== "pen" || typeof ev.getCoalescedEvents !== "function") {
-    return [ev];
-  }
-  const samples = ev.getCoalescedEvents();
-  return samples.length > 0 ? samples : [ev];
-}
 var CANVU_PEN_ACTIVE_UI_BLOCK_CSS = `
 [data-canvu-pen-active="true"] [data-slot="vector-canvas-toolbar"],
 [data-canvu-pen-active="true"] [data-slot="vector-canvas-toolbar"] *,
@@ -8715,15 +8784,6 @@ function VectorViewportPluginInstances({
     ] }, plugin.id);
   }) });
 }
-function appendInterpolatedPoints(points, next, maxStepWorld) {
-  if (points.length === 0) return [next];
-  const last = points[points.length - 1];
-  if (!last) return [...points, next];
-  const dx = next.x - last.x;
-  const dy = next.y - last.y;
-  if (dx * dx + dy * dy < 1e-12) return points;
-  return [...points, next];
-}
 function pointerSampleToWorldPoint(screenToWorldFn, clientX, clientY, pressure) {
   const { worldX, worldY } = screenToWorldFn(clientX, clientY);
   const safePressure = pressure != null && Number.isFinite(pressure) ? Math.min(1, Math.max(0, pressure)) : void 0;
@@ -8754,15 +8814,19 @@ function isLikelyStylusTouch(touch) {
 }
 function appendPointerEventSamplesToStrokePoints(points, ev, zoom, screenToWorldFn) {
   let interpolated = points;
-  ev.pointerType === "pen" ? 0.35 / zoom : 1 / zoom;
-  for (const sample of pointerEventSamples(ev)) {
+  const maxStepWorld = ev.pointerType === "pen" ? 0.35 / zoom : 1 / zoom;
+  for (const sample of getPointerEventSamples(ev)) {
     const nextPoint = pointerSampleToWorldPoint(
       screenToWorldFn,
       sample.clientX,
       sample.clientY,
       sample.pointerType === "pen" ? sample.pressure : void 0
     );
-    interpolated = appendInterpolatedPoints(interpolated, nextPoint);
+    interpolated = appendInterpolatedStrokePoint(
+      interpolated,
+      nextPoint,
+      maxStepWorld
+    );
   }
   return interpolated;
 }
@@ -8773,7 +8837,7 @@ function appendTouchToStrokePoints(points, touch, zoom, screenToWorldFn) {
     touch.clientY,
     touchPressure(touch)
   );
-  return appendInterpolatedPoints(points, nextPoint);
+  return appendInterpolatedStrokePoint(points, nextPoint, 0.35 / zoom);
 }
 function createStraightStrokeState(anchorPoint, clientX, clientY) {
   return {