canvu-react 0.4.70 → 0.4.72

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-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 { V as VectorViewportAssetKind, a as VectorViewportAssetStore } from './raster-image-canvas-ByaCKEVw.cjs';
+export { b as RasterImageCanvasRenderRequest, c as RasterImageCanvasRenderTarget, d as RasterImageCanvasRenderTargetResolver, R as RasterImageCanvasRenderingOptions, e as RasterImageCanvasSource, f as RasterImageCanvasSourceRequest, g as RasterImageCanvasSourceResolver, h as RasterImageCanvasSourceSizeRequest, i as RasterImageCanvasSourceSizeResolver, j as VectorViewportAssetHydrationRequest, k as VectorViewportAssetResolveRequest, l as VectorViewportAssetResolveResult, m as VectorViewportAssetUploadRequest, n as VectorViewportAssetUploadResult } from './raster-image-canvas-ByaCKEVw.cjs';
+import { I as IndexedDbImageStore } from './asset-hydration-6swZ6ciN.cjs';
+export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-6swZ6ciN.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-DOUBapS4.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-DOUBapS4.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { CSSProperties, ReactNode, ReactElement, SVGProps } from 'react';
@@ -115,6 +115,13 @@ type IngestAssetFilesToSceneItemsOptions = {
      */
     pdfScale?: number;
     pdfPageConcurrency?: number;
+    /**
+     * Cancels in-flight PDF rendering, asset uploads, and item emission.
+     *
+     * Pass this when ingestion is tied to a component lifecycle or route so stale
+     * imports stop work instead of continuing in the background.
+     */
+    signal?: AbortSignal;
     /**
      * Called as soon as canvu finishes converting one or more items from the
      * source files.

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-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 { V as VectorViewportAssetKind, a as VectorViewportAssetStore } from './raster-image-canvas-D3ZrySjr.js';
+export { b as RasterImageCanvasRenderRequest, c as RasterImageCanvasRenderTarget, d as RasterImageCanvasRenderTargetResolver, R as RasterImageCanvasRenderingOptions, e as RasterImageCanvasSource, f as RasterImageCanvasSourceRequest, g as RasterImageCanvasSourceResolver, h as RasterImageCanvasSourceSizeRequest, i as RasterImageCanvasSourceSizeResolver, j as VectorViewportAssetHydrationRequest, k as VectorViewportAssetResolveRequest, l as VectorViewportAssetResolveResult, m as VectorViewportAssetUploadRequest, n as VectorViewportAssetUploadResult } from './raster-image-canvas-D3ZrySjr.js';
+import { I as IndexedDbImageStore } from './asset-hydration-P0M5hn-p.js';
+export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-P0M5hn-p.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-C5wxwquF.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-C5wxwquF.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { CSSProperties, ReactNode, ReactElement, SVGProps } from 'react';
@@ -115,6 +115,13 @@ type IngestAssetFilesToSceneItemsOptions = {
      */
     pdfScale?: number;
     pdfPageConcurrency?: number;
+    /**
+     * Cancels in-flight PDF rendering, asset uploads, and item emission.
+     *
+     * Pass this when ingestion is tied to a component lifecycle or route so stale
+     * imports stop work instead of continuing in the background.
+     */
+    signal?: AbortSignal;
     /**
      * Called as soon as canvu finishes converting one or more items from the
      * source files.

package/dist/react.js

@@ -1201,7 +1201,8 @@ function getPdfJs() {
   }
   return pdfjsPromise;
 }
-async function renderPageToCanvas(page, scale) {
+async function renderPageToCanvas(page, scale, signal) {
+  throwIfAborted(signal);
   const raw = page.getViewport({ scale: 1 });
   const adjustedScale = Math.round(raw.width * scale) / raw.width;
   const viewport = page.getViewport({ scale: adjustedScale });
@@ -1214,22 +1215,48 @@ async function renderPageToCanvas(page, scale) {
   if (!ctx) throw new Error("Canvas 2D context unavailable");
   ctx.imageSmoothingEnabled = true;
   ctx.imageSmoothingQuality = "high";
-  await page.render({ canvas, viewport }).promise;
+  const renderTask = page.render({ canvas, viewport });
+  if (signal) {
+    const abortRender = () => {
+      renderTask.cancel();
+    };
+    signal.addEventListener("abort", abortRender, { once: true });
+    try {
+      await renderTask.promise;
+    } catch (error) {
+      if (signal.aborted) throw createAbortError();
+      throw error;
+    } finally {
+      signal.removeEventListener("abort", abortRender);
+    }
+  } else {
+    await renderTask.promise;
+  }
+  throwIfAborted(signal);
   return { canvas, width: w, height: h };
 }
+function createAbortError() {
+  return new DOMException("Aborted", "AbortError");
+}
+function throwIfAborted(signal) {
+  if (signal?.aborted) {
+    throw createAbortError();
+  }
+}
 function normalizePdfPageNumbers(pageNumbers, pageCount) {
   if (!pageNumbers || pageNumbers.length === 0) {
     return Array.from({ length: pageCount }, (_, index) => index + 1);
   }
   return [...new Set(pageNumbers)].filter((pageNumber) => pageNumber >= 1 && pageNumber <= pageCount).sort((left, right) => left - right);
 }
-async function runWithConcurrency(items, concurrency, execute) {
+async function runWithConcurrency(items, concurrency, execute, signal) {
   const results = new Array(items.length);
   let nextIndex = 0;
   const workerCount = Math.max(1, Math.min(concurrency, items.length));
   await Promise.all(
     Array.from({ length: workerCount }, async () => {
       while (nextIndex < items.length) {
+        throwIfAborted(signal);
         const currentIndex = nextIndex;
         nextIndex += 1;
         const item = items[currentIndex];
@@ -1237,6 +1264,7 @@ async function runWithConcurrency(items, concurrency, execute) {
           continue;
         }
         results[currentIndex] = await execute(item);
+        throwIfAborted(signal);
       }
     })
   );
@@ -1246,9 +1274,49 @@ async function loadPdfToStore(file, store, options) {
   const scale = options?.scale ?? 1.5;
   const pageConcurrency = options?.pageConcurrency ?? 2;
   const storeThumbnails = options?.storeThumbnails ?? false;
+  const signal = options?.signal;
+  throwIfAborted(signal);
   const pdfjs = await getPdfJs();
+  throwIfAborted(signal);
   const arrayBuffer = await file.arrayBuffer();
-  const pdf = await pdfjs.getDocument({ data: arrayBuffer }).promise;
+  throwIfAborted(signal);
+  const loadingTask = pdfjs.getDocument({ data: arrayBuffer });
+  if (signal) {
+    const abortLoading = () => {
+      void loadingTask.destroy();
+    };
+    signal.addEventListener("abort", abortLoading, { once: true });
+    try {
+      const pdf2 = await loadingTask.promise;
+      signal.removeEventListener("abort", abortLoading);
+      return await loadPdfDocumentToStore(pdf2, store, {
+        scale,
+        pageNumbers: options?.pageNumbers,
+        pageConcurrency,
+        storeThumbnails,
+        signal,
+        onPageStored: options?.onPageStored
+      });
+    } catch (error) {
+      if (signal.aborted) throw createAbortError();
+      throw error;
+    } finally {
+      signal.removeEventListener("abort", abortLoading);
+    }
+  }
+  const pdf = await loadingTask.promise;
+  return await loadPdfDocumentToStore(pdf, store, {
+    scale,
+    pageNumbers: options?.pageNumbers,
+    pageConcurrency,
+    storeThumbnails,
+    onPageStored: options?.onPageStored
+  });
+}
+async function loadPdfDocumentToStore(pdf, store, options) {
+  const { pageConcurrency, scale, signal } = options;
+  const storeThumbnails = options.storeThumbnails ?? false;
+  throwIfAborted(signal);
   const pageNumbers = normalizePdfPageNumbers(options?.pageNumbers, pdf.numPages);
   const bufferedResults = /* @__PURE__ */ new Map();
   let nextEmitIndex = 0;
@@ -1263,7 +1331,9 @@ async function loadPdfToStore(file, store, options) {
         if (!bufferedResult) break;
         bufferedResults.delete(nextPageNumber);
         nextEmitIndex += 1;
+        throwIfAborted(signal);
         await options?.onPageStored?.(bufferedResult);
+        throwIfAborted(signal);
       }
     };
     const nextChain = emitChain.then(run, run);
@@ -1275,11 +1345,20 @@ async function loadPdfToStore(file, store, options) {
     pageNumbers,
     pageConcurrency,
     async (pageNumber) => {
+      throwIfAborted(signal);
       const page = await pdf.getPage(pageNumber);
-      const { canvas, width, height } = await renderPageToCanvas(page, scale);
+      throwIfAborted(signal);
+      const { canvas, width, height } = await renderPageToCanvas(
+        page,
+        scale,
+        signal
+      );
+      throwIfAborted(signal);
       const mime = "image/png";
       const pageBlob = await encodeCanvasToBlob(canvas, { mimeType: mime });
+      throwIfAborted(signal);
       const blobId = await store.storeOriginal(pageBlob);
+      throwIfAborted(signal);
       const thumbnailBlobId = storeThumbnails ? await (async () => {
         const thumbScale = Math.min(1, 256 / Math.max(width, height));
         const tw = Math.max(1, Math.round(width * thumbScale));
@@ -1296,6 +1375,7 @@ async function loadPdfToStore(file, store, options) {
         const thumbBlob = await encodeCanvasToBlob(thumbCanvas, {
           mimeType: mime
         });
+        throwIfAborted(signal);
         return await store.storeThumbnail(thumbBlob);
       })() : "";
       const pageResult = {
@@ -1307,7 +1387,8 @@ async function loadPdfToStore(file, store, options) {
       };
       await queuePageEmission(pageResult);
       return pageResult;
-    }
+    },
+    signal
   );
 }
 
@@ -1648,9 +1729,22 @@ function finalizeIngestedItem(item, context, uploadResult, decorateItem) {
   const itemWithAssetData = applyAssetUploadResultToItem(item, uploadResult);
   return decorateItem ? decorateItem(itemWithAssetData, context) : itemWithAssetData;
 }
-async function uploadAssetIfNeeded(assetStore, file, kind) {
+function createAbortError2() {
+  return new DOMException("Aborted", "AbortError");
+}
+function throwIfAborted2(signal) {
+  if (signal?.aborted) {
+    throw createAbortError2();
+  }
+}
+function isAbortError(error) {
+  return (error instanceof DOMException || error instanceof Error) && error.name === "AbortError";
+}
+async function uploadAssetIfNeeded(assetStore, file, kind, signal) {
+  throwIfAborted2(signal);
   if (!assetStore) return null;
-  const result = await assetStore.upload({ file, kind });
+  const result = await assetStore.upload({ file, kind, signal });
+  throwIfAborted2(signal);
   return result ?? null;
 }
 async function ingestAssetFilesToSceneItems(options) {
@@ -1664,6 +1758,7 @@ async function ingestAssetFilesToSceneItems(options) {
     gapWorld = 16,
     pdfScale = 1.15,
     pdfPageConcurrency = 2,
+    signal,
     decorateItem,
     onItemsReady,
     onError
@@ -1672,6 +1767,7 @@ async function ingestAssetFilesToSceneItems(options) {
   const errors = [];
   let occupiedBottomY = existingItems.length > 0 ? Math.max(...existingItems.map((item) => item.bounds.y + item.bounds.height)) : null;
   for (const file of files) {
+    throwIfAborted2(signal);
     const kind = getAssetKindForFile(file);
     if (!kind) {
       const error = {
@@ -1684,14 +1780,23 @@ async function ingestAssetFilesToSceneItems(options) {
     }
     try {
       if (kind === "pdf") {
-        const uploadResultPromise = uploadAssetIfNeeded(assetStore, file, kind);
+        const uploadResultPromise = uploadAssetIfNeeded(
+          assetStore,
+          file,
+          kind,
+          signal
+        );
+        void uploadResultPromise.catch(() => void 0);
         await loadPdfToStore(file, imageStore, {
           scale: pdfScale,
           pageConcurrency: pdfPageConcurrency,
           storeThumbnails: false,
+          signal,
           onPageStored: async (page) => {
+            throwIfAborted2(signal);
             const uploadResult2 = await uploadResultPromise;
             const fullUrl2 = await createBlobUrlFromStore(imageStore, page.blobId);
+            throwIfAborted2(signal);
             const naturalTopY2 = worldCenter.y - page.height / 2;
             const stackedTopY2 = occupiedBottomY == null ? naturalTopY2 : occupiedBottomY + gapWorld;
             const bounds2 = {
@@ -1731,15 +1836,18 @@ async function ingestAssetFilesToSceneItems(options) {
             );
             items.push(item2);
             occupiedBottomY = bounds2.y + page.height;
+            throwIfAborted2(signal);
             onItemsReady?.([item2], { file, kind });
           }
         });
         continue;
       }
+      throwIfAborted2(signal);
       const [uploadResult, storedImage] = await Promise.all([
-        uploadAssetIfNeeded(assetStore, file, kind),
+        uploadAssetIfNeeded(assetStore, file, kind, signal),
         loadImageToStore(file, imageStore)
       ]);
+      throwIfAborted2(signal);
       const { blobId, thumbnailBlobId, width, height } = storedImage;
       const fullUrl = await createBlobUrlFromStore(imageStore, blobId);
       const thumbBlob = await imageStore.getThumbnail(thumbnailBlobId);
@@ -1777,9 +1885,13 @@ async function ingestAssetFilesToSceneItems(options) {
         decorateItem
       );
       items.push(item);
+      throwIfAborted2(signal);
       onItemsReady?.([item], { file, kind });
       occupiedBottomY = occupiedBottomY == null ? bounds.y + height : Math.max(occupiedBottomY, bounds.y + height);
     } catch (error) {
+      if (isAbortError(error)) {
+        throw error;
+      }
       const fileError = {
         file,
         kind,
@@ -6889,6 +7001,7 @@ function resolveRasterImageCanvasRenderingOptions(options) {
   return {
     resolveSourceSize: options.resolveSourceSize,
     resolveRenderTarget: options.resolveRenderTarget,
+    resolveCanvasSource: options.resolveCanvasSource,
     devicePixelRatio: toPositiveFiniteNumber(
       options.devicePixelRatio,
       fallbackDevicePixelRatio
@@ -7153,6 +7266,36 @@ function loadImageElement(href, signal) {
     image.src = href;
   });
 }
+function normalizeDecodedRasterImageSource(source) {
+  if (!source) return null;
+  const width = Math.max(1, Math.round(source.width));
+  const height = Math.max(1, Math.round(source.height));
+  if (!Number.isFinite(width) || !Number.isFinite(height)) return null;
+  return {
+    width,
+    height,
+    draw: source.draw,
+    close: source.close ?? (() => {
+    })
+  };
+}
+async function resolveDecodedRasterImageSource({
+  options,
+  request,
+  width,
+  height,
+  signal
+}) {
+  if (options?.resolveCanvasSource) {
+    const source = await options.resolveCanvasSource({
+      ...request,
+      signal
+    });
+    const decoded = normalizeDecodedRasterImageSource(source);
+    if (decoded) return decoded;
+  }
+  return decodeRasterImage(request.targetHref, width, height, signal);
+}
 var SvgVectorRenderer = class {
   container;
   scene;
@@ -7385,7 +7528,20 @@ var SvgVectorRenderer = class {
     }
     const request = {
       itemHref: item.imageRasterHref,
-      target
+      target,
+      sourceRequest: {
+        item,
+        href: item.imageRasterHref,
+        intrinsicSize: item.imageIntrinsicSize,
+        sourceSize,
+        contentRect: target.contentRect,
+        targetSize: target.targetSize,
+        viewportSize,
+        cameraZoom: this.camera.zoom,
+        devicePixelRatio: options.devicePixelRatio,
+        targetHref: target.href,
+        sourceKey: target.sourceKey
+      }
     };
     if (rasterCanvas.abortController) {
       if (rasterCanvas.loadingItemHref !== item.imageRasterHref) {
@@ -7475,7 +7631,13 @@ var SvgVectorRenderer = class {
     rasterCanvas.loadingWidth = width;
     rasterCanvas.loadingHeight = height;
     rasterCanvas.queuedTarget = null;
-    decodeRasterImage(target.href, width, height, abortController.signal).then((decoded) => {
+    resolveDecodedRasterImageSource({
+      options: this.rasterImageCanvasRendering,
+      request: request.sourceRequest,
+      width,
+      height,
+      signal: abortController.signal
+    }).then((decoded) => {
       if (abortController.signal.aborted || rasterCanvas.loadSequence !== sequence) {
         decoded.close();
         return;
@@ -8384,6 +8546,7 @@ function shallowEqualStringArray(a, b) {
 }
 
 // src/react/stroke-input.ts
+var MAX_INTERPOLATED_POINTS_PER_SAMPLE = 192;
 function getPointerEventSamples(event) {
   if (typeof event.getCoalescedEvents !== "function") {
     return [event];
@@ -8407,9 +8570,9 @@ function appendInterpolatedStrokePoint(points, nextPoint, maxStepWorld) {
   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))
+  const stepCount = Math.min(
+    MAX_INTERPOLATED_POINTS_PER_SAMPLE,
+    Math.max(1, Math.ceil(distance / resolveMaxStepWorld(maxStepWorld)))
   );
   if (stepCount === 1) return [...points, nextPoint];
   const interpolatedPoints = Array.from({ length: stepCount }, (_, index) => {