canvu-react 0.4.69 → 0.4.70

package/dist/react.js

@@ -8383,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();
@@ -8642,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"] *,
@@ -8750,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;
@@ -8789,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;
 }
@@ -8808,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 {