canvu-react 0.4.71 → 0.4.73

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

@@ -22,6 +22,8 @@ type VectorViewportAssetUploadRequest = {
     file: File;
     /** High-level bucket for routing image vs PDF upload behavior. */
     kind: VectorViewportAssetKind;
+    /** Optional lifecycle signal for cancelling in-flight uploads. */
+    signal?: AbortSignal;
 };
 /**
  * Persisted metadata returned by a custom asset upload.

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

@@ -22,6 +22,8 @@ type VectorViewportAssetUploadRequest = {
     file: File;
     /** High-level bucket for routing image vs PDF upload behavior. */
     kind: VectorViewportAssetKind;
+    /** Optional lifecycle signal for cancelling in-flight uploads. */
+    signal?: AbortSignal;
 };
 /**
  * Persisted metadata returned by a custom asset upload.

package/dist/react.cjs

@@ -1208,7 +1208,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 });
@@ -1221,22 +1222,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];
@@ -1244,6 +1271,7 @@ async function runWithConcurrency(items, concurrency, execute) {
           continue;
         }
         results[currentIndex] = await execute(item);
+        throwIfAborted(signal);
       }
     })
   );
@@ -1253,9 +1281,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;
@@ -1270,7 +1338,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);
@@ -1282,11 +1352,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));
@@ -1303,6 +1382,7 @@ async function loadPdfToStore(file, store, options) {
         const thumbBlob = await encodeCanvasToBlob(thumbCanvas, {
           mimeType: mime
         });
+        throwIfAborted(signal);
         return await store.storeThumbnail(thumbBlob);
       })() : "";
       const pageResult = {
@@ -1314,7 +1394,8 @@ async function loadPdfToStore(file, store, options) {
       };
       await queuePageEmission(pageResult);
       return pageResult;
-    }
+    },
+    signal
   );
 }
 
@@ -1655,9 +1736,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) {
@@ -1671,6 +1765,7 @@ async function ingestAssetFilesToSceneItems(options) {
     gapWorld = 16,
     pdfScale = 1.15,
     pdfPageConcurrency = 2,
+    signal,
     decorateItem,
     onItemsReady,
     onError
@@ -1679,6 +1774,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 = {
@@ -1691,14 +1787,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 = {
@@ -1738,15 +1843,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);
@@ -1784,9 +1892,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,
@@ -2148,6 +2260,7 @@ function ImagesMenu({
   onItemsChange,
   onFocusItem,
   labels,
+  hiddenActions,
   defaultOpen = false,
   collapsedButtonClassName,
   collapsedButtonStyle,
@@ -2163,6 +2276,10 @@ function ImagesMenu({
   react.useEffect(() => {
     ensureOpenKeyframe();
   }, []);
+  const hiddenActionSet = react.useMemo(
+    () => new Set(hiddenActions ?? []),
+    [hiddenActions]
+  );
   if (managed.length === 0) {
     return null;
   }
@@ -2237,6 +2354,7 @@ function ImagesMenu({
               {
                 item,
                 labels: resolvedLabels,
+                hiddenActionSet,
                 onFocus: onFocusItem ? () => onFocusItem(item) : void 0,
                 onCopy: () => onItemsChange(copyManagedImage(items, item.id)),
                 onRotate: () => onItemsChange(rotateManagedImage(items, item.id)),
@@ -2253,6 +2371,7 @@ function ImagesMenu({
 function ImagesMenuRow({
   item,
   labels,
+  hiddenActionSet,
   onFocus,
   onCopy,
   onRotate,
@@ -2292,9 +2411,9 @@ function ImagesMenuRow({
     ),
     /* @__PURE__ */ jsxRuntime.jsx(FocusTarget, { label: labels.focus, onFocus, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: thumbBoxStyle, children: src ? /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: "", style: thumbImgStyle, draggable: false }) : null }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: actionsColumnStyle, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ImagesMenuAction, { label: labels.duplicate, onClick: onCopy, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyPlus, { size: 18 }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ImagesMenuAction, { label: labels.rotate, onClick: onRotate, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCw, { size: 18 }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ImagesMenuAction, { label: labels.delete, onClick: onDelete, danger: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { size: 18 }) })
+      !hiddenActionSet.has("duplicate") ? /* @__PURE__ */ jsxRuntime.jsx(ImagesMenuAction, { label: labels.duplicate, onClick: onCopy, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyPlus, { size: 18 }) }) : null,
+      !hiddenActionSet.has("rotate") ? /* @__PURE__ */ jsxRuntime.jsx(ImagesMenuAction, { label: labels.rotate, onClick: onRotate, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCw, { size: 18 }) }) : null,
+      !hiddenActionSet.has("delete") ? /* @__PURE__ */ jsxRuntime.jsx(ImagesMenuAction, { label: labels.delete, onClick: onDelete, danger: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { size: 18 }) }) : null
     ] })
   ] });
 }
@@ -8440,6 +8559,48 @@ function shallowEqualStringArray(a, b) {
   return true;
 }
 
+// src/react/stroke-input.ts
+var MAX_INTERPOLATED_POINTS_PER_SAMPLE = 192;
+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.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) => {
+    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();
@@ -8699,13 +8860,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"] *,
@@ -8807,15 +8961,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;
@@ -8846,15 +8991,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;
 }
@@ -8865,7 +9014,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 {