canvu-react 0.4.68 → 0.4.70

package/dist/index.d.cts

@@ -2,8 +2,8 @@ import { C as Camera2D } from './shape-builders-DzhCOuzo.cjs';
 export { a as Camera2DOptions, D as DEFAULT_STROKE_STYLE, F as FreehandSvgPayload, S as StrokeStyle, b as applyStrokeToItem, c as buildArchitecturalCloudPathD, d as buildArchitecturalCloudSvg, e as buildArrowSvg, f as buildDrawDotSvg, g as buildEllipseSvg, h as buildFreehandPathSvg, i as buildLineSvg, j as buildRectSvg, k as computeFreehandSvgPayload, l as createArchitecturalCloudItem, m as createDrawDotItem, n as createEllipseItem, o as createFreehandStrokeItem, p as createImageFromVectorTrace, q as createImageItem, r as createLineItem, s as createRectangleItem, t as createShapeId, u as createTextItem, v as lineEndpointsToLocal, w as rebuildItemSvg, x as resolveStrokeStyle } from './shape-builders-DzhCOuzo.cjs';
 import { V as VectorSceneItem, A as ArrowEndpointBinding, C as CustomShapeResizeHandles, R as Rect } from './types-fJNwEnHf.cjs';
 export { a as ArrowBindings, b as ResizeHandleId, c as VectorPathPoint, n as normalizeRect, r as rectsIntersect } from './types-fJNwEnHf.cjs';
-export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-Dw99FGJB.cjs';
-import { R as RasterImageCanvasRenderingOptions } from './raster-image-canvas-zerVYllB.cjs';
+export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-D2xaUoAT.cjs';
+import { R as RasterImageCanvasRenderingOptions } from './raster-image-canvas-nK9kM9UJ.cjs';
 export { C as CanvuLinkData, D as DEFAULT_LINK_CARD_SIZE, L as LINK_PLUGIN_KEY, b as buildLinkCardSvg, c as createLinkItem, g as getLinkData, i as isLinkItem } from './link-item-BMV3VUCr.cjs';
 
 type EncodeCanvasToBlobOptions = {

package/dist/index.d.ts

@@ -2,8 +2,8 @@ import { C as Camera2D } from './shape-builders-xG3A66sv.js';
 export { a as Camera2DOptions, D as DEFAULT_STROKE_STYLE, F as FreehandSvgPayload, S as StrokeStyle, b as applyStrokeToItem, c as buildArchitecturalCloudPathD, d as buildArchitecturalCloudSvg, e as buildArrowSvg, f as buildDrawDotSvg, g as buildEllipseSvg, h as buildFreehandPathSvg, i as buildLineSvg, j as buildRectSvg, k as computeFreehandSvgPayload, l as createArchitecturalCloudItem, m as createDrawDotItem, n as createEllipseItem, o as createFreehandStrokeItem, p as createImageFromVectorTrace, q as createImageItem, r as createLineItem, s as createRectangleItem, t as createShapeId, u as createTextItem, v as lineEndpointsToLocal, w as rebuildItemSvg, x as resolveStrokeStyle } from './shape-builders-xG3A66sv.js';
 import { V as VectorSceneItem, A as ArrowEndpointBinding, C as CustomShapeResizeHandles, R as Rect } from './types-fJNwEnHf.js';
 export { a as ArrowBindings, b as ResizeHandleId, c as VectorPathPoint, n as normalizeRect, r as rectsIntersect } from './types-fJNwEnHf.js';
-export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-aNXfeayg.js';
-import { R as RasterImageCanvasRenderingOptions } from './raster-image-canvas-BZh73aoc.js';
+export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-D9eThWse.js';
+import { R as RasterImageCanvasRenderingOptions } from './raster-image-canvas-CCOmB4NY.js';
 export { C as CanvuLinkData, D as DEFAULT_LINK_CARD_SIZE, L as LINK_PLUGIN_KEY, b as buildLinkCardSvg, c as createLinkItem, g as getLinkData, i as isLinkItem } from './link-item-COoNNvCu.js';
 
 type EncodeCanvasToBlobOptions = {

package/dist/index.js

@@ -2579,6 +2579,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,
@@ -2621,6 +2622,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,
@@ -2660,6 +2683,7 @@ function resolveRasterImageCanvasRenderTarget({
   item,
   href,
   intrinsicSize,
+  sourceSize,
   contentRect,
   targetSize,
   viewportSize,
@@ -2670,6 +2694,7 @@ function resolveRasterImageCanvasRenderTarget({
     item,
     href,
     intrinsicSize,
+    sourceSize,
     contentRect,
     targetSize,
     viewportSize,
@@ -3005,9 +3030,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,
@@ -3018,6 +3052,7 @@ var SvgVectorRenderer = class {
       item,
       href: item.imageRasterHref,
       intrinsicSize: item.imageIntrinsicSize,
+      sourceSize,
       contentRect,
       targetSize,
       viewportSize,