canvu-react 0.4.68 → 0.4.70

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

@@ -110,6 +110,39 @@ type VectorViewportAssetStore = {
     getHydrationRequest?: (item: VectorSceneItem) => VectorViewportAssetHydrationRequest | null;
 };
 
+/**
+ * Input passed to `imageCanvasRendering.resolveSourceSize`.
+ *
+ * Use it when the item's current `imageIntrinsicSize` is only a preview size,
+ * but your backing image service can provide a larger source for zoomed canvas
+ * rendering. Return the effective source size Canvu should cap against before
+ * computing the next bitmap target.
+ */
+type RasterImageCanvasSourceSizeRequest = {
+    item: VectorSceneItem;
+    href: string;
+    intrinsicSize: {
+        width: number;
+        height: number;
+    };
+    contentRect: Rect;
+    viewportSize: {
+        width: number;
+        height: number;
+    };
+    cameraZoom: number;
+    devicePixelRatio: number;
+};
+/**
+ * Maps an image item to the effective source size used for zoom-aware bitmap
+ * sizing.
+ *
+ * Return `null`/`undefined` to use the item's `imageIntrinsicSize`.
+ */
+type RasterImageCanvasSourceSizeResolver = (request: RasterImageCanvasSourceSizeRequest) => {
+    width: number;
+    height: number;
+} | null | undefined;
 /**
  * Input passed to `imageCanvasRendering.resolveRenderTarget`.
  *
@@ -130,6 +163,10 @@ type RasterImageCanvasRenderRequest = {
         width: number;
         height: number;
     };
+    sourceSize: {
+        width: number;
+        height: number;
+    };
     contentRect: Rect;
     targetSize: {
         width: number;
@@ -170,6 +207,7 @@ type RasterImageCanvasRenderTargetResolver = (request: RasterImageCanvasRenderRe
  * already drawn instead of downgrading immediately.
  */
 type RasterImageCanvasRenderingOptions = {
+    resolveSourceSize?: RasterImageCanvasSourceSizeResolver;
     resolveRenderTarget?: RasterImageCanvasRenderTargetResolver;
     devicePixelRatio?: number;
     pixelHeadroom?: number;
@@ -178,4 +216,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, VectorViewportAssetHydrationRequest as e, VectorViewportAssetResolveRequest as f, VectorViewportAssetResolveResult as g, VectorViewportAssetUploadRequest as h, VectorViewportAssetUploadResult as i };
+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 };

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

@@ -110,6 +110,39 @@ type VectorViewportAssetStore = {
     getHydrationRequest?: (item: VectorSceneItem) => VectorViewportAssetHydrationRequest | null;
 };
 
+/**
+ * Input passed to `imageCanvasRendering.resolveSourceSize`.
+ *
+ * Use it when the item's current `imageIntrinsicSize` is only a preview size,
+ * but your backing image service can provide a larger source for zoomed canvas
+ * rendering. Return the effective source size Canvu should cap against before
+ * computing the next bitmap target.
+ */
+type RasterImageCanvasSourceSizeRequest = {
+    item: VectorSceneItem;
+    href: string;
+    intrinsicSize: {
+        width: number;
+        height: number;
+    };
+    contentRect: Rect;
+    viewportSize: {
+        width: number;
+        height: number;
+    };
+    cameraZoom: number;
+    devicePixelRatio: number;
+};
+/**
+ * Maps an image item to the effective source size used for zoom-aware bitmap
+ * sizing.
+ *
+ * Return `null`/`undefined` to use the item's `imageIntrinsicSize`.
+ */
+type RasterImageCanvasSourceSizeResolver = (request: RasterImageCanvasSourceSizeRequest) => {
+    width: number;
+    height: number;
+} | null | undefined;
 /**
  * Input passed to `imageCanvasRendering.resolveRenderTarget`.
  *
@@ -130,6 +163,10 @@ type RasterImageCanvasRenderRequest = {
         width: number;
         height: number;
     };
+    sourceSize: {
+        width: number;
+        height: number;
+    };
     contentRect: Rect;
     targetSize: {
         width: number;
@@ -170,6 +207,7 @@ type RasterImageCanvasRenderTargetResolver = (request: RasterImageCanvasRenderRe
  * already drawn instead of downgrading immediately.
  */
 type RasterImageCanvasRenderingOptions = {
+    resolveSourceSize?: RasterImageCanvasSourceSizeResolver;
     resolveRenderTarget?: RasterImageCanvasRenderTargetResolver;
     devicePixelRatio?: number;
     pixelHeadroom?: number;
@@ -178,4 +216,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, VectorViewportAssetHydrationRequest as e, VectorViewportAssetResolveRequest as f, VectorViewportAssetResolveResult as g, VectorViewportAssetUploadRequest as h, VectorViewportAssetUploadResult as i };
+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 };

package/dist/react.cjs

@@ -6894,6 +6894,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,
@@ -6936,6 +6937,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,
@@ -6975,6 +6998,7 @@ function resolveRasterImageCanvasRenderTarget({
   item,
   href,
   intrinsicSize,
+  sourceSize,
   contentRect,
   targetSize,
   viewportSize,
@@ -6985,6 +7009,7 @@ function resolveRasterImageCanvasRenderTarget({
     item,
     href,
     intrinsicSize,
+    sourceSize,
     contentRect,
     targetSize,
     viewportSize,
@@ -7320,9 +7345,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,
@@ -7333,6 +7367,7 @@ var SvgVectorRenderer = class {
       item,
       href: item.imageRasterHref,
       intrinsicSize: item.imageIntrinsicSize,
+      sourceSize,
       contentRect,
       targetSize,
       viewportSize,
@@ -8355,6 +8390,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();
@@ -8614,13 +8690,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"] *,
@@ -8722,15 +8791,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;
@@ -8761,15 +8821,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;
 }
@@ -8780,7 +8844,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 {