canvu-react 0.4.70 → 0.4.71

package/dist/{raster-image-canvas-CCOmB4NY.d.ts → raster-image-canvas-BqBgE8C-.d.ts}

@@ -179,6 +179,37 @@ type RasterImageCanvasRenderRequest = {
     cameraZoom: number;
     devicePixelRatio: number;
 };
+/**
+ * Bitmap-like source returned by `imageCanvasRendering.resolveCanvasSource`.
+ *
+ * Apps can render into an offscreen canvas, create an `ImageBitmap`, or wrap any
+ * other canvas-compatible source and let Canvu copy it into the visible canvas
+ * without changing the underlying SVG image URL.
+ */
+type RasterImageCanvasSource = {
+    width: number;
+    height: number;
+    draw: (context: CanvasRenderingContext2D) => void;
+    close?: () => void;
+};
+/**
+ * Input passed to `imageCanvasRendering.resolveCanvasSource`.
+ *
+ * Use this for custom async rendering pipelines such as PDF page rasterization.
+ * Canvu keeps the previous canvas visible while this request resolves and aborts
+ * stale requests when the item leaves the viewport or a sharper target is queued.
+ */
+type RasterImageCanvasSourceRequest = RasterImageCanvasRenderRequest & {
+    targetHref: string;
+    sourceKey: string;
+    signal: AbortSignal;
+};
+/**
+ * Maps an image item plus requested bitmap size to a custom canvas source.
+ *
+ * Return `null`/`undefined` to let Canvu fetch and decode the resolved URL.
+ */
+type RasterImageCanvasSourceResolver = (request: RasterImageCanvasSourceRequest) => RasterImageCanvasSource | null | undefined | Promise<RasterImageCanvasSource | null | undefined>;
 /**
  * Resolved raster source for a zoom-aware canvas redraw.
  *
@@ -209,6 +240,7 @@ type RasterImageCanvasRenderTargetResolver = (request: RasterImageCanvasRenderRe
 type RasterImageCanvasRenderingOptions = {
     resolveSourceSize?: RasterImageCanvasSourceSizeResolver;
     resolveRenderTarget?: RasterImageCanvasRenderTargetResolver;
+    resolveCanvasSource?: RasterImageCanvasSourceResolver;
     devicePixelRatio?: number;
     pixelHeadroom?: number;
     maxPixelCount?: number;
@@ -216,4 +248,4 @@ type RasterImageCanvasRenderingOptions = {
     upscaleRedrawRatio?: number;
 };
 
-export type { RasterImageCanvasRenderingOptions as R, VectorViewportAssetKind as V, VectorViewportAssetStore as a, RasterImageCanvasRenderRequest as b, RasterImageCanvasRenderTarget as c, RasterImageCanvasRenderTargetResolver as d, RasterImageCanvasSourceSizeRequest as e, RasterImageCanvasSourceSizeResolver as f, VectorViewportAssetHydrationRequest as g, VectorViewportAssetResolveRequest as h, VectorViewportAssetResolveResult as i, VectorViewportAssetUploadRequest as j, VectorViewportAssetUploadResult as k };
+export type { RasterImageCanvasRenderingOptions as R, VectorViewportAssetKind as V, VectorViewportAssetStore as a, RasterImageCanvasRenderRequest as b, RasterImageCanvasRenderTarget as c, RasterImageCanvasRenderTargetResolver as d, RasterImageCanvasSource as e, RasterImageCanvasSourceRequest as f, RasterImageCanvasSourceResolver as g, RasterImageCanvasSourceSizeRequest as h, RasterImageCanvasSourceSizeResolver as i, VectorViewportAssetHydrationRequest as j, VectorViewportAssetResolveRequest as k, VectorViewportAssetResolveResult as l, VectorViewportAssetUploadRequest as m, VectorViewportAssetUploadResult as n };

package/dist/{raster-image-canvas-nK9kM9UJ.d.cts → raster-image-canvas-Byq087t9.d.cts}

@@ -179,6 +179,37 @@ type RasterImageCanvasRenderRequest = {
     cameraZoom: number;
     devicePixelRatio: number;
 };
+/**
+ * Bitmap-like source returned by `imageCanvasRendering.resolveCanvasSource`.
+ *
+ * Apps can render into an offscreen canvas, create an `ImageBitmap`, or wrap any
+ * other canvas-compatible source and let Canvu copy it into the visible canvas
+ * without changing the underlying SVG image URL.
+ */
+type RasterImageCanvasSource = {
+    width: number;
+    height: number;
+    draw: (context: CanvasRenderingContext2D) => void;
+    close?: () => void;
+};
+/**
+ * Input passed to `imageCanvasRendering.resolveCanvasSource`.
+ *
+ * Use this for custom async rendering pipelines such as PDF page rasterization.
+ * Canvu keeps the previous canvas visible while this request resolves and aborts
+ * stale requests when the item leaves the viewport or a sharper target is queued.
+ */
+type RasterImageCanvasSourceRequest = RasterImageCanvasRenderRequest & {
+    targetHref: string;
+    sourceKey: string;
+    signal: AbortSignal;
+};
+/**
+ * Maps an image item plus requested bitmap size to a custom canvas source.
+ *
+ * Return `null`/`undefined` to let Canvu fetch and decode the resolved URL.
+ */
+type RasterImageCanvasSourceResolver = (request: RasterImageCanvasSourceRequest) => RasterImageCanvasSource | null | undefined | Promise<RasterImageCanvasSource | null | undefined>;
 /**
  * Resolved raster source for a zoom-aware canvas redraw.
  *
@@ -209,6 +240,7 @@ type RasterImageCanvasRenderTargetResolver = (request: RasterImageCanvasRenderRe
 type RasterImageCanvasRenderingOptions = {
     resolveSourceSize?: RasterImageCanvasSourceSizeResolver;
     resolveRenderTarget?: RasterImageCanvasRenderTargetResolver;
+    resolveCanvasSource?: RasterImageCanvasSourceResolver;
     devicePixelRatio?: number;
     pixelHeadroom?: number;
     maxPixelCount?: number;
@@ -216,4 +248,4 @@ type RasterImageCanvasRenderingOptions = {
     upscaleRedrawRatio?: number;
 };
 
-export type { RasterImageCanvasRenderingOptions as R, VectorViewportAssetKind as V, VectorViewportAssetStore as a, RasterImageCanvasRenderRequest as b, RasterImageCanvasRenderTarget as c, RasterImageCanvasRenderTargetResolver as d, RasterImageCanvasSourceSizeRequest as e, RasterImageCanvasSourceSizeResolver as f, VectorViewportAssetHydrationRequest as g, VectorViewportAssetResolveRequest as h, VectorViewportAssetResolveResult as i, VectorViewportAssetUploadRequest as j, VectorViewportAssetUploadResult as k };
+export type { RasterImageCanvasRenderingOptions as R, VectorViewportAssetKind as V, VectorViewportAssetStore as a, RasterImageCanvasRenderRequest as b, RasterImageCanvasRenderTarget as c, RasterImageCanvasRenderTargetResolver as d, RasterImageCanvasSource as e, RasterImageCanvasSourceRequest as f, RasterImageCanvasSourceResolver as g, RasterImageCanvasSourceSizeRequest as h, RasterImageCanvasSourceSizeResolver as i, VectorViewportAssetHydrationRequest as j, VectorViewportAssetResolveRequest as k, VectorViewportAssetResolveResult as l, VectorViewportAssetUploadRequest as m, VectorViewportAssetUploadResult as n };

package/dist/react.cjs

@@ -6896,6 +6896,7 @@ function resolveRasterImageCanvasRenderingOptions(options) {
   return {
     resolveSourceSize: options.resolveSourceSize,
     resolveRenderTarget: options.resolveRenderTarget,
+    resolveCanvasSource: options.resolveCanvasSource,
     devicePixelRatio: toPositiveFiniteNumber(
       options.devicePixelRatio,
       fallbackDevicePixelRatio
@@ -7160,6 +7161,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;
@@ -7392,7 +7423,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) {
@@ -7482,7 +7526,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;
@@ -8390,47 +8440,6 @@ 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();
@@ -8690,6 +8699,13 @@ 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"] *,
@@ -8791,6 +8807,15 @@ 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;
@@ -8821,19 +8846,15 @@ function isLikelyStylusTouch(touch) {
 }
 function appendPointerEventSamplesToStrokePoints(points, ev, zoom, screenToWorldFn) {
   let interpolated = points;
-  const maxStepWorld = ev.pointerType === "pen" ? 0.35 / zoom : 1 / zoom;
-  for (const sample of getPointerEventSamples(ev)) {
+  ev.pointerType === "pen" ? 0.35 / zoom : 1 / zoom;
+  for (const sample of pointerEventSamples(ev)) {
     const nextPoint = pointerSampleToWorldPoint(
       screenToWorldFn,
       sample.clientX,
       sample.clientY,
       sample.pointerType === "pen" ? sample.pressure : void 0
     );
-    interpolated = appendInterpolatedStrokePoint(
-      interpolated,
-      nextPoint,
-      maxStepWorld
-    );
+    interpolated = appendInterpolatedPoints(interpolated, nextPoint);
   }
   return interpolated;
 }
@@ -8844,7 +8865,7 @@ function appendTouchToStrokePoints(points, touch, zoom, screenToWorldFn) {
     touch.clientY,
     touchPressure(touch)
   );
-  return appendInterpolatedStrokePoint(points, nextPoint, 0.35 / zoom);
+  return appendInterpolatedPoints(points, nextPoint);
 }
 function createStraightStrokeState(anchorPoint, clientX, clientY) {
   return {