oasis-editor 0.0.23 → 0.0.25

package/dist/{OasisEditorApp-DsrdPjCM.js → OasisEditorApp-y3iUL8-k.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { n as normalizeSelection, g as getParagraphs, c as createEditorParagraphFromRuns, a as getParagraphLength, b as createEditorRun, d as getDocumentSections, e as createEditorStyledRun, f as getParagraphText, h as getActiveZone, i as getActiveSectionIndex, p as positionToParagraphOffset, j as paragraphOffsetToPosition, k as clampPosition, l as findParagraphIndex, m as createCollapsedSelection, o as isSelectionCollapsed, q as createEditorParagraph, r as getBlockParagraphs, s as findParagraphTableLocation, t as buildTableCellLayout, u as createEditorTableCell, v as createEditorTable, w as createEditorTableRow, x as underlineStyleToCssDecorationStyle, y as resolveImageSrc, z as createEditorFootnote, A as createFootnoteReferenceRun, B as renumberFootnotes, C as iterateFootnoteReferenceRuns, D as getFootnoteDisplayMarker, E as createSignal, F as createEffect, G as onCleanup, H as buildCanvasLayoutSnapshot, I as on, J as onMount, K as debounce, L as unwrap, M as getDocumentParagraphs, N as getDocumentSectionsCanonical, O as createEditorDocument, P as getPageContentWidth, Q as getDocumentPageSettings, R as getTableCellContentWidthForParagraph, S as resolveResizedDimensions, T as resolveTextBoxRenderHeight, U as resolveEffectiveParagraphStyle, V as resolveEffectiveTextStyleForParagraph, W as iterateEndnoteReferenceRuns, X as JSZip, Y as imageContentTypeDefaults, Z as imageExtensionFromMime, _ as pxToPt$1, $ as buildSegmentTable, a0 as buildCanvasTableLayout, a1 as resolveFloatingObjectRect, a2 as getTextBoxFloatingGeometry, a3 as getPresetPathSegments, a4 as projectBlocksLayout, a5 as textStyleToFontSizePt, a6 as PX_PER_POINT, a7 as DEFAULT_FONT_SIZE_PX, a8 as isDoubleUnderlineStyle, a9 as isWavyUnderlineStyle, aa as underlineStyleLineWidthPx, ab as underlineStyleDashArray, ac as getListLabelInset, ad as getParagraphBorderInsets, ae as normalizeFamily, af as ROBOTO_FONT_FILES, ag as loadFontAsset, ah as OFFICE_COMPAT_FONT_FAMILIES, ai as buildSfnt, aj as defaultFontDecoderRegistry, ak as SfntFontProgram, al as collectPdfFontFamilies, am as projectDocumentLayout, an as getPageHeaderZoneTop, ao as getPageBodyTop, ap as getPageColumnRects, aq as findFootnoteReference, ar as FOOTNOTE_MARKER_GUTTER_PX, as as resolveImporterForFile, at as createEditorStateFromDocument, au as getDocumentParagraphsCanonical, av as getToolbarStyleState, aw as STANDARD_FONT_SIZES_PT, ax as fontSizePxToPt, ay as probeLocalFontFamilies, az as createInitialEditorState, aA as parseFontSizePtToPx, aB as formatFontSizePt, aC as listKindForTag, aD as isParagraphTag, aE as collectInlineRuns, aF as parseParagraphStyle, aG as t, aH as preciseFontModeVersion, aI as isPreciseFontModeEnabled, aJ as togglePreciseFontMode, aK as nextFontSizePt, aL as previousFontSizePt, aM as fontSizePtToPx, aN as createDefaultToolbarPreset, aO as defaultMenuItems, aP as MenuRegistry, aQ as createToolbarRegistry, aR as Editor, aS as resolveCommandRef, aT as commandRefName, aU as InlineShell, aV as BalloonShell, aW as DocumentShell, aX as createMemo, aY as getCaretRectFromSnapshot, aZ as getParagraphRectFromSnapshot, a_ as createComponent, a$ as CaretOverlay, b0 as Show, b1 as createRenderEffect, b2 as style, b3 as setAttribute, b4 as setStyleProperty, b5 as memo, b6 as template, b7 as insert, b8 as use, b9 as addEventListener, ba as Dialog, bb as delegateEvents, bc as className, bd as For, be as UNDERLINE_STYLE_OPTIONS, bf as Tabs, bg as measureParagraphMinContentWidthPx, bh as getEditableBlocksForZone, bi as findParagraphLocation, bj as createSectionBoundaryParagraph, bk as normalizePageSettings, bl as DEFAULT_EDITOR_PAGE_SETTINGS, bm as markStart, bn as markEnd, bo as getParagraphEntries, bp as getParagraphById, bq as PluginUiHost, br as OasisEditorEditor, bs as perfTimer, bt as OasisBrandMark, bu as setPreciseFontPreference, bv as setWelcomeSeen, bw as enablePreciseFontMode, bx as createOasisEditorClient, by as setLocale, bz as startLongTaskObserver, bA as installGlobalReport, bB as applyStoredPreciseFontPreference, bC as getWelcomeSeen, bD as isLocalFontAccessSupported, bE as EDITOR_SCROLL_PADDING_PX, bF as Toolbar, bG as OasisEditorLoading, bH as createEditorLogger, bI as getCachedCanvasImage, bJ as registerDomStatsSurface } from "./index-Cok7gHa_.js";
+import { n as normalizeSelection, g as getParagraphs, c as createEditorParagraphFromRuns, a as getParagraphLength, b as createEditorRun, d as getDocumentSections, e as createEditorStyledRun, f as getParagraphText, h as getActiveZone, i as getActiveSectionIndex, p as positionToParagraphOffset, j as paragraphOffsetToPosition, k as clampPosition, l as findParagraphIndex, m as createCollapsedSelection, o as isSelectionCollapsed, q as createEditorParagraph, r as getBlockParagraphs, s as findParagraphTableLocation, t as buildTableCellLayout, u as createEditorTableCell, v as createEditorTable, w as createEditorTableRow, x as underlineStyleToCssDecorationStyle, y as resolveImageSrc, z as createEditorFootnote, A as createFootnoteReferenceRun, B as renumberFootnotes, C as iterateFootnoteReferenceRuns, D as getFootnoteDisplayMarker, E as createSignal, F as createEffect, G as onCleanup, H as buildCanvasLayoutSnapshot, I as on, J as onMount, K as debounce, L as unwrap, M as getDocumentParagraphs, N as getDocumentSectionsCanonical, O as createEditorDocument, P as getPageContentWidth, Q as getDocumentPageSettings, R as getTableCellContentWidthForParagraph, S as resolveResizedDimensions, T as resolveTextBoxRenderHeight, U as resolveEffectiveParagraphStyle, V as resolveEffectiveTextStyleForParagraph, W as iterateEndnoteReferenceRuns, X as JSZip, Y as imageContentTypeDefaults, Z as imageExtensionFromMime, _ as pxToPt$1, $ as buildSegmentTable, a0 as buildCanvasTableLayout, a1 as resolveFloatingObjectRect, a2 as getTextBoxFloatingGeometry, a3 as getPresetPathSegments, a4 as projectBlocksLayout, a5 as textStyleToFontSizePt, a6 as PX_PER_POINT, a7 as DEFAULT_FONT_SIZE_PX, a8 as isDoubleUnderlineStyle, a9 as isWavyUnderlineStyle, aa as underlineStyleLineWidthPx, ab as underlineStyleDashArray, ac as getListLabelInset, ad as getParagraphBorderInsets, ae as normalizeFamily, af as ROBOTO_FONT_FILES, ag as loadFontAsset, ah as OFFICE_COMPAT_FONT_FAMILIES, ai as buildSfnt, aj as defaultFontDecoderRegistry, ak as SfntFontProgram, al as collectPdfFontFamilies, am as projectDocumentLayout, an as getPageHeaderZoneTop, ao as getPageBodyTop, ap as getPageColumnRects, aq as findFootnoteReference, ar as FOOTNOTE_MARKER_GUTTER_PX, as as resolveImporterForFile, at as createEditorStateFromDocument, au as getDocumentParagraphsCanonical, av as getToolbarStyleState, aw as STANDARD_FONT_SIZES_PT, ax as fontSizePxToPt, ay as probeLocalFontFamilies, az as createInitialEditorState, aA as parseFontSizePtToPx, aB as formatFontSizePt, aC as listKindForTag, aD as isParagraphTag, aE as collectInlineRuns, aF as parseParagraphStyle, aG as t, aH as preciseFontModeVersion, aI as isPreciseFontModeEnabled, aJ as togglePreciseFontMode, aK as nextFontSizePt, aL as previousFontSizePt, aM as fontSizePtToPx, aN as createDefaultToolbarPreset, aO as defaultMenuItems, aP as MenuRegistry, aQ as createToolbarRegistry, aR as Editor, aS as resolveCommandRef, aT as commandRefName, aU as InlineShell, aV as BalloonShell, aW as DocumentShell, aX as createMemo, aY as getCaretRectFromSnapshot, aZ as getParagraphRectFromSnapshot, a_ as createComponent, a$ as CaretOverlay, b0 as Show, b1 as createRenderEffect, b2 as style, b3 as setAttribute, b4 as setStyleProperty, b5 as memo, b6 as template, b7 as insert, b8 as use, b9 as addEventListener, ba as Dialog, bb as delegateEvents, bc as className, bd as For, be as UNDERLINE_STYLE_OPTIONS, bf as Tabs, bg as measureParagraphMinContentWidthPx, bh as getEditableBlocksForZone, bi as findParagraphLocation, bj as createSectionBoundaryParagraph, bk as normalizePageSettings, bl as DEFAULT_EDITOR_PAGE_SETTINGS, bm as markStart, bn as markEnd, bo as getParagraphEntries, bp as getParagraphById, bq as PluginUiHost, br as OasisEditorEditor, bs as perfTimer, bt as OasisBrandMark, bu as setPreciseFontPreference, bv as setWelcomeSeen, bw as enablePreciseFontMode, bx as createOasisEditorClient, by as setLocale, bz as createEditorZoom, bA as startLongTaskObserver, bB as installGlobalReport, bC as applyStoredPreciseFontPreference, bD as getWelcomeSeen, bE as isLocalFontAccessSupported, bF as EDITOR_SCROLL_PADDING_PX, bG as Toolbar, bH as OasisEditorLoading, bI as createEditorLogger, bJ as getCachedCanvasImage, bK as registerDomStatsSurface } from "./index-Df7Ob0Ek.js";
 function getSelectedObjectRun(state, predicate) {
   const normalized = normalizeSelection(state);
   if (normalized.isCollapsed || normalized.startIndex !== normalized.endIndex || normalized.endParagraphOffset - normalized.startParagraphOffset !== 1) {
@@ -5488,6 +5488,7 @@ function useEditorLayout(props) {
   );
   let syncRequestId = 0;
   const syncInputBox = (_reason = "selection") => {
+    var _a;
     const surface = props.surfaceRef();
     if (!surface) {
       setSelectionBoxes([]);
@@ -5501,7 +5502,8 @@ function useEditorLayout(props) {
       surface,
       state: props.state,
       measuredBlockHeights: measuredBlockHeights(),
-      measuredParagraphLayouts: measuredParagraphLayouts()
+      measuredParagraphLayouts: measuredParagraphLayouts(),
+      zoomFactor: (_a = props.zoomFactor) == null ? void 0 : _a.call(props)
     });
     if (!snapshot) {
       setSelectionBoxes([]);
@@ -39822,8 +39824,12 @@ function resolveImageAtPoint(snapshot, pageIndex, zone, clientX, clientY, pierce
 }
 function resolveCanvasSurfaceHitAtPoint(options) {
   var _a, _b, _c;
-  const { snapshot, state, clientX, clientY } = options;
+  const { snapshot, state } = options;
   const pierce = options.pierce ?? false;
+  const zoomFactor = options.zoomFactor && options.zoomFactor > 0 ? options.zoomFactor : 1;
+  const surfaceRect = snapshot.surfaceRect;
+  const clientX = surfaceRect.left + (options.clientX - surfaceRect.left) / zoomFactor;
+  const clientY = surfaceRect.top + (options.clientY - surfaceRect.top) / zoomFactor;
   const page = resolveNearestPage(snapshot.pages, clientX, clientY);
   if (!page) {
     return null;
@@ -39982,12 +39988,14 @@ function createCanvasSurfaceHitResolver(deps) {
     const viewportScrollLeft = (currentViewportRef == null ? void 0 : currentViewportRef.scrollLeft) ?? 0;
     const windowWidth = window.innerWidth;
     const windowHeight = window.innerHeight;
-    const shouldReuseSnapshot = canvasSnapshotCache && canvasSnapshotCache.documentRef === currentState.document && canvasSnapshotCache.measuredBlockHeightsRef === currentMeasuredBlockHeights && canvasSnapshotCache.measuredParagraphLayoutsRef === currentMeasuredParagraphLayouts && canvasSnapshotCache.surfaceRef === currentSurfaceRef && canvasSnapshotCache.viewportScrollTop === viewportScrollTop && canvasSnapshotCache.viewportScrollLeft === viewportScrollLeft && canvasSnapshotCache.surfaceClientWidth === currentSurfaceRef.clientWidth && canvasSnapshotCache.surfaceClientHeight === currentSurfaceRef.clientHeight && canvasSnapshotCache.windowWidth === windowWidth && canvasSnapshotCache.windowHeight === windowHeight;
+    const zoomFactor = deps.zoomFactor();
+    const shouldReuseSnapshot = canvasSnapshotCache && canvasSnapshotCache.documentRef === currentState.document && canvasSnapshotCache.measuredBlockHeightsRef === currentMeasuredBlockHeights && canvasSnapshotCache.measuredParagraphLayoutsRef === currentMeasuredParagraphLayouts && canvasSnapshotCache.surfaceRef === currentSurfaceRef && canvasSnapshotCache.viewportScrollTop === viewportScrollTop && canvasSnapshotCache.viewportScrollLeft === viewportScrollLeft && canvasSnapshotCache.surfaceClientWidth === currentSurfaceRef.clientWidth && canvasSnapshotCache.surfaceClientHeight === currentSurfaceRef.clientHeight && canvasSnapshotCache.windowWidth === windowWidth && canvasSnapshotCache.windowHeight === windowHeight && canvasSnapshotCache.zoomFactor === zoomFactor;
     const snapshot = shouldReuseSnapshot ? canvasSnapshotCache.snapshot : buildCanvasLayoutSnapshot({
       surface: currentSurfaceRef,
       state: currentState,
       measuredBlockHeights: currentMeasuredBlockHeights,
-      measuredParagraphLayouts: currentMeasuredParagraphLayouts
+      measuredParagraphLayouts: currentMeasuredParagraphLayouts,
+      zoomFactor
     });
     if (!shouldReuseSnapshot) {
       canvasSnapshotCache = {
@@ -40001,7 +40009,8 @@ function createCanvasSurfaceHitResolver(deps) {
         surfaceClientWidth: currentSurfaceRef.clientWidth,
         surfaceClientHeight: currentSurfaceRef.clientHeight,
         windowWidth,
-        windowHeight
+        windowHeight,
+        zoomFactor
       };
     }
     recordCanvasDebugLayoutSnapshot(snapshot);
@@ -40014,7 +40023,8 @@ function createCanvasSurfaceHitResolver(deps) {
       state: currentState,
       clientX,
       clientY,
-      pierce: context.pierce ?? false
+      pierce: context.pierce ?? false,
+      zoomFactor
     });
     recordCanvasDebugHit(hit);
     return hit;
@@ -45736,7 +45746,7 @@ function createEditorNavigation(deps) {
     return moveVerticalSelection(direction, false);
   };
   const moveVerticalSelection = (direction, extend) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const state = deps.state();
     const paragraphs = getParagraphs(state);
     const currentIndex = paragraphs.findIndex(
@@ -45751,7 +45761,8 @@ function createEditorNavigation(deps) {
     const desiredX = preferredX === null ? deps.caretBox().left + ((surfaceRect == null ? void 0 : surfaceRect.left) ?? 0) : preferredX;
     const snapshot = surfaceRef ? buildCanvasLayoutSnapshot({
       surface: surfaceRef,
-      state
+      state,
+      zoomFactor: (_a = deps.zoomFactor) == null ? void 0 : _a.call(deps)
     }) : null;
     let targetIndex = currentIndex + direction;
     const tableLocation = findParagraphTableLocation(
@@ -45793,7 +45804,7 @@ function createEditorNavigation(deps) {
               const distance = desiredX < left ? left - desiredX : desiredX > right ? desiredX - right : 0;
               return { entry, distance };
             }).sort((left, right) => left.distance - right.distance);
-            const candidate = (_a = scoredCandidates[0]) == null ? void 0 : _a.entry;
+            const candidate = (_b = scoredCandidates[0]) == null ? void 0 : _b.entry;
             if (!candidate) {
               continue;
             }
@@ -45803,14 +45814,14 @@ function createEditorNavigation(deps) {
           }
         } else {
           if (direction < 0) {
-            const firstParaId = (_d = (_c = (_b = block.rows[0]) == null ? void 0 : _b.cells[0]) == null ? void 0 : _c.blocks[0]) == null ? void 0 : _d.id;
+            const firstParaId = (_e = (_d = (_c = block.rows[0]) == null ? void 0 : _c.cells[0]) == null ? void 0 : _d.blocks[0]) == null ? void 0 : _e.id;
             if (firstParaId) {
               targetIndex = paragraphs.findIndex((p) => p.id === firstParaId) - 1;
             }
           } else {
             const lastRow = block.rows[block.rows.length - 1];
             const lastCell = lastRow == null ? void 0 : lastRow.cells[lastRow.cells.length - 1];
-            const lastParaId = (_e = lastCell == null ? void 0 : lastCell.blocks[lastCell.blocks.length - 1]) == null ? void 0 : _e.id;
+            const lastParaId = (_f = lastCell == null ? void 0 : lastCell.blocks[lastCell.blocks.length - 1]) == null ? void 0 : _f.id;
             if (lastParaId) {
               targetIndex = paragraphs.findIndex((p) => p.id === lastParaId) + 1;
             }
@@ -45959,7 +45970,8 @@ function useEditorInteractionWiring(ctx) {
     setPreferredColumnX: ctx.setPreferredColumnX,
     clearPreferredColumn: ctx.clearPreferredColumn,
     resetTransactionGrouping: ctx.resetTransactionGrouping,
-    focusInput: ctx.focusInput
+    focusInput: ctx.focusInput,
+    zoomFactor: ctx.zoomFactor
   });
   const { handleCopy, handleCut, handlePaste, handleDrop } = createEditorClipboardController({
     state,
@@ -45992,7 +46004,10 @@ function buildEditorViewProps(ctx) {
   const layout = {
     viewportHeight: ctx.viewportHeight,
     class: ctx.className,
-    style: ctx.style
+    style: ctx.style,
+    zoomPercent: ctx.zoomPercent,
+    setZoomPercent: ctx.setZoomPercent,
+    zoomFactor: ctx.zoomFactor
   };
   const overlays = {
     selectionBoxes: ctx.selectionBoxes,
@@ -46397,6 +46412,7 @@ function OasisEditorApp(props = {}) {
   const focusInput = focusController.focusInput;
   const focusInputAfterPointerSelection = focusController.focusInputAfterPointerSelection;
   const [initialLoading, setInitialLoading] = createSignal(ui().loading !== false);
+  const zoom = createEditorZoom();
   const {
     linkDialog,
     setLinkDialog,
@@ -46456,7 +46472,8 @@ function OasisEditorApp(props = {}) {
     state,
     surfaceRef,
     viewportRef,
-    isImporting: isImportInProgress
+    isImporting: isImportInProgress,
+    zoomFactor: zoom.zoomFactor
   });
   const {
     status: persistenceStatus
@@ -46579,7 +46596,8 @@ function OasisEditorApp(props = {}) {
     surfaceRef: () => surfaceRef() ?? null,
     viewportRef: () => viewportRef() ?? null,
     measuredBlockHeights,
-    measuredParagraphLayouts
+    measuredParagraphLayouts,
+    zoomFactor: zoom.zoomFactor
   });
   const resolveSurfaceHitAtPoint = canvasHitResolver.resolveSurfaceHitAtPoint;
   const fr = useEditorFindReplace({
@@ -46664,6 +46682,7 @@ function OasisEditorApp(props = {}) {
     caretBox: () => caretBox(),
     preferredColumnX: () => preferredColumnX(),
     setPreferredColumnX,
+    zoomFactor: zoom.zoomFactor,
     resolveSurfaceHitAtPoint,
     resolvePositionAtSurfacePoint,
     tableOps,
@@ -46960,6 +46979,9 @@ function OasisEditorApp(props = {}) {
     viewportHeight: ui().viewportHeight,
     className: ui().class,
     style: ui().style,
+    zoomPercent: zoom.zoomPercent,
+    setZoomPercent: zoom.setZoomPercent,
+    zoomFactor: zoom.zoomFactor,
     selectionBoxes,
     commentHighlights,
     selectedImageBox,

package/dist/app/controllers/useEditorLayout.d.ts

@@ -7,6 +7,8 @@ interface UseEditorLayoutProps {
     surfaceRef: () => HTMLDivElement | undefined;
     viewportRef: () => HTMLDivElement | undefined;
     isImporting?: () => boolean;
+    /** Current visual zoom factor; the snapshot stays zoom-invariant. */
+    zoomFactor?: () => number;
 }
 type LayoutSyncReason = "selection" | "scroll" | "content-change" | "resize" | "import";
 export interface LayoutInvalidation {

package/dist/app/controllers/useEditorNavigation.d.ts

@@ -12,6 +12,12 @@ export interface UseEditorNavigationProps {
     clearPreferredColumn: () => void;
     resetTransactionGrouping: () => void;
     focusInput: () => void;
+    /**
+     * Current visual zoom factor. `desiredX` and the snapshot slots both live in
+     * "screen-anchored local" space, so the comparison stays correct once the
+     * snapshot is built zoom-aware.
+     */
+    zoomFactor?: () => number;
 }
 export declare function createEditorNavigation(deps: UseEditorNavigationProps): {
     moveSelectionToParagraphBoundary: (boundary: "start" | "end", extend: boolean) => boolean;