oasis-editor 0.0.106 → 0.0.107

package/dist/ui/OasisEditorEditor.d.ts

@@ -1,12 +1,13 @@
 import { Accessor, JSX } from 'solid-js';
 import { ToolbarHost } from './components/Toolbar/state/createToolbarApi.js';
-import { EditorLayoutParagraph, EditorState } from '../core/model.js';
+import { EditorLayoutDocument, EditorLayoutParagraph, EditorState } from '../core/model.js';
 import { ImportProgressState } from '../app/controllers/useEditorDocumentIO.js';
 import { CaretBox, CommentHighlightBox, InputBox, LayoutOptionsOverlay, RevisionBox, SelectedImageBox, SelectedTextBoxBox, SelectionBox } from './editorUiTypes.js';
 import { ResizeHandleDirection } from './resizeGeometry.js';
 
 type ImportProgress = ImportProgressState;
 export interface OasisEditorEditorLayoutProps {
+    documentLayout: Accessor<EditorLayoutDocument>;
     measuredBlockHeights?: Accessor<Record<string, number>>;
     measuredParagraphLayouts?: Accessor<Record<string, EditorLayoutParagraph>>;
     viewportHeight?: number | string;
@@ -105,7 +106,7 @@ export interface OasisEditorEditorFileHandlers {
 }
 export interface OasisEditorEditorProps {
     state: Accessor<EditorState>;
-    layout?: OasisEditorEditorLayoutProps;
+    layout: OasisEditorEditorLayoutProps;
     overlays: OasisEditorEditorOverlayProps;
     refs?: OasisEditorEditorRefProps;
     surfaceHandlers: OasisEditorEditorSurfaceHandlers;

package/dist/ui/app/EditorDragLayers.d.ts

@@ -1,4 +1,5 @@
-import { EditorState } from '../../core/model.js';
+import { EditorLayoutDocument, EditorState } from '../../core/model.js';
+import { CanvasLayoutSnapshotProvider } from '../canvas/canvasLayoutSnapshotProvider.js';
 import { createEditorImageOperations } from '../../app/controllers/useEditorImageOperations.js';
 import { createEditorTableResize } from '../../app/controllers/useEditorTableResize.js';
 import { createEditorTableDrag } from '../../app/controllers/useEditorTableDrag.js';
@@ -7,6 +8,9 @@ import { createEditorTextDrag } from '../../app/controllers/useEditorTextDrag.js
 export interface EditorDragLayersProps {
     state: EditorState;
     surfaceRef: HTMLDivElement | undefined;
+    documentLayout: () => EditorLayoutDocument;
+    snapshotProvider: CanvasLayoutSnapshotProvider;
+    zoomFactor?: () => number;
     tableResize: ReturnType<typeof createEditorTableResize>;
     imageOps: ReturnType<typeof createEditorImageOperations>;
     tableDrag: ReturnType<typeof createEditorTableDrag>;

package/dist/ui/app/EditorWorkspace.d.ts

@@ -4,7 +4,7 @@ import { ShellProps } from '../shells/DocumentShell.js';
 import { ToolbarHost } from '../components/Toolbar/state/createToolbarApi.js';
 import { ToolbarRegistry } from '../components/Toolbar/registry/ToolbarRegistry.js';
 import { MenuRegistry } from '../components/Menubar/menuRegistry.js';
-import { EditorLayoutParagraph, EditorState } from '../../core/model.js';
+import { EditorLayoutDocument, EditorLayoutParagraph, EditorState } from '../../core/model.js';
 import { ToolbarLayoutMode, ToolbarViewMode } from '../OasisEditorAppProps.js';
 import { OasisEditor } from '../../core/plugin.js';
 
@@ -34,6 +34,7 @@ export interface EditorWorkspaceView {
     viewportHeight: () => number | string | undefined;
     measuredBlockHeights: Accessor<Record<string, number>>;
     measuredParagraphLayouts: Accessor<Record<string, EditorLayoutParagraph>>;
+    documentLayout: Accessor<EditorLayoutDocument>;
     layout: OasisEditorEditorLayoutProps;
     overlays: OasisEditorEditorOverlayProps;
     refs: OasisEditorEditorRefProps;

package/dist/ui/app/buildEditorViewProps.d.ts

@@ -1,5 +1,6 @@
 import { Accessor, JSX } from 'solid-js';
 import { CaretBox, CommentHighlightBox, InputBox, LayoutOptionsOverlay, RevisionBox, SelectedImageBox, SelectedTextBoxBox, SelectionBox } from '../editorUiTypes.js';
+import { EditorLayoutDocument } from '../../core/model.js';
 import { OasisEditorEditorFileHandlers, OasisEditorEditorInputHandlers, OasisEditorEditorLayoutProps, OasisEditorEditorOverlayProps, OasisEditorEditorRefProps, OasisEditorEditorSurfaceHandlers } from '../OasisEditorEditor.js';
 import { createEditorFocusController } from './useEditorFocus.js';
 import { createEditorSurfaceEvents } from '../../app/controllers/useEditorSurfaceEvents.js';
@@ -11,6 +12,7 @@ import { createEditorRevisionController } from '../../app/controllers/useEditorR
 type ImportProgress = NonNullable<ReturnType<NonNullable<OasisEditorEditorOverlayProps["importProgress"]>>>;
 /** Page sizing / zoom inputs that shape the layout prop bundle. */
 export interface EditorViewLayoutInput {
+    documentLayout: Accessor<EditorLayoutDocument>;
     viewportHeight: number | string | undefined;
     className: string | undefined;
     style: JSX.CSSProperties | undefined;

package/dist/ui/app/createEditorDocumentRuntime.d.ts

@@ -50,6 +50,8 @@ export declare function createEditorDocumentRuntime(deps: EditorDocumentRuntimeD
     isImportInProgress: () => boolean;
     measuredBlockHeights: import('solid-js').Accessor<Record<string, number>>;
     measuredParagraphLayouts: import('solid-js').Accessor<Record<string, import('../../core/model.js').EditorLayoutParagraph>>;
+    documentLayout: import('solid-js').Accessor<import('../../core/model.js').EditorLayoutDocument>;
+    canvasSnapshotProvider: import('../canvas/canvasLayoutSnapshotProvider.js').CanvasLayoutSnapshotProvider;
     inputBox: import('solid-js').Accessor<import('../editorUiTypes.js').InputBox>;
     selectionBoxes: import('solid-js').Accessor<import('../editorUiTypes.js').SelectionBox[]>;
     commentHighlights: import('solid-js').Accessor<import('../editorUiTypes.js').CommentHighlightBox[]>;

package/dist/ui/app/createEditorInteractionRuntime.d.ts

@@ -30,6 +30,8 @@ export interface EditorInteractionRuntimeDeps {
     setPreferredColumnX: DocRuntime["setPreferredColumnX"];
     measuredBlockHeights: DocRuntime["measuredBlockHeights"];
     measuredParagraphLayouts: DocRuntime["measuredParagraphLayouts"];
+    documentLayout: DocRuntime["documentLayout"];
+    canvasSnapshotProvider: DocRuntime["canvasSnapshotProvider"];
 }
 /**
  * Phase B of the editor runtime: selection queries, the hit resolver, find &

package/dist/ui/app/useCanvasSurfaceHitResolver.d.ts

@@ -1,13 +1,14 @@
 import { Accessor } from 'solid-js';
-import { EditorLayoutParagraph, EditorState } from '../../core/model.js';
+import { EditorLayoutDocument, EditorState } from '../../core/model.js';
 import { SurfaceHit } from '../canvas/CanvasHitTestService.js';
+import { CanvasLayoutSnapshotProvider } from '../canvas/canvasLayoutSnapshotProvider.js';
 
 export declare function createCanvasSurfaceHitResolver(deps: {
     state: Accessor<EditorState>;
     surfaceRef: Accessor<HTMLDivElement | null>;
     viewportRef: Accessor<HTMLElement | null>;
-    measuredBlockHeights: Accessor<Record<string, number>>;
-    measuredParagraphLayouts: Accessor<Record<string, EditorLayoutParagraph>>;
+    documentLayout: Accessor<EditorLayoutDocument>;
+    canvasSnapshotProvider: CanvasLayoutSnapshotProvider;
     zoomFactor: Accessor<number>;
 }): {
     resolveSurfaceHitAtPoint: (clientX: number, clientY: number, context?: {

package/dist/ui/app/useEditorInteractionWiring.d.ts

@@ -39,6 +39,8 @@ export interface EditorInteractionWiringContext {
     preferredColumnX: NavigationParams["preferredColumnX"];
     setPreferredColumnX: NavigationParams["setPreferredColumnX"];
     zoomFactor: NavigationParams["zoomFactor"];
+    documentLayout: NavigationParams["documentLayout"];
+    canvasSnapshotProvider: NavigationParams["canvasSnapshotProvider"];
     resolveSurfaceHitAtPoint: TextDragParams["resolveSurfaceHitAtPoint"];
     resolvePositionAtSurfacePoint: TableDragParams["resolvePositionAtSurfacePoint"];
     tableOps: ReturnType<typeof createEditorTableOperations>;

package/dist/ui/canvas/canvasLayoutSnapshotProvider.d.ts

@@ -0,0 +1,14 @@
+import { EditorLayoutDocument, EditorState } from '../../core/model.js';
+import { CanvasLayoutSnapshot } from './canvasSnapshotTypes.js';
+
+export interface CanvasLayoutSnapshotProvider {
+    getCanvasLayoutSnapshot(options: {
+        surface: HTMLElement;
+        state: EditorState;
+        documentLayout: EditorLayoutDocument;
+        zoomFactor?: number;
+    }): CanvasLayoutSnapshot | null;
+    clear(): void;
+}
+export declare function getCanvasPageRectSignature(surface: HTMLElement): string;
+export declare function createCanvasLayoutSnapshotProvider(): CanvasLayoutSnapshotProvider;

package/dist/ui/canvas/canvasSnapshotTypes.d.ts

@@ -1,4 +1,4 @@
-import { EditorEditingZone, EditorLayoutParagraph, EditorParagraphNode, EditorPosition, EditorState, EditorTextBoxData } from '../../core/model.js';
+import { EditorEditingZone, EditorLayoutDocument, EditorParagraphNode, EditorPosition, EditorState, EditorTextBoxData } from '../../core/model.js';
 import { CanvasUnsupportedReason } from './CanvasTableLayout.js';
 import { VerticalRenderMode } from './verticalText.js';
 
@@ -156,8 +156,7 @@ export interface CanvasLayoutSnapshot {
 export interface BuildCanvasLayoutSnapshotOptions {
     surface: HTMLElement;
     state: EditorState;
-    measuredBlockHeights?: Record<string, number>;
-    measuredParagraphLayouts?: Record<string, EditorLayoutParagraph>;
+    documentLayout: EditorLayoutDocument;
     /**
      * Visual zoom factor (CSS `transform: scale(z)`) applied to the surface. The
      * snapshot is built in "screen-anchored local" space so it is invariant under

package/dist/ui/canvas/canvasTextMeasurer.d.ts

@@ -0,0 +1,3 @@
+import { ITextMeasurer } from '../../core/engine.js';
+
+export declare const canvasTextMeasurer: ITextMeasurer;

package/dist/ui/components/DropCaret.d.ts

@@ -1,8 +1,12 @@
-import { EditorState, EditorPosition } from '../../core/model.js';
+import { EditorLayoutDocument, EditorPosition, EditorState } from '../../core/model.js';
+import { CanvasLayoutSnapshotProvider } from '../canvas/canvasLayoutSnapshotProvider.js';
 
 export declare function DropCaret(props: {
     surfaceRef: HTMLDivElement | undefined;
     state: EditorState;
+    documentLayout: () => EditorLayoutDocument;
+    snapshotProvider: CanvasLayoutSnapshotProvider;
+    zoomFactor?: () => number;
     targetPos: () => EditorPosition;
     pointerPos?: () => {
         x: number;

package/dist/ui/components/Outline/OutlinePanel.d.ts

@@ -1,4 +1,5 @@
-import { EditorState } from '../../../core/model.js';
+import { EditorState, EditorLayoutDocument } from '../../../core/model.js';
+import { CanvasLayoutSnapshotProvider } from '../../canvas/canvasLayoutSnapshotProvider.js';
 
 export interface OutlinePanelProps {
     state: EditorState;
@@ -6,5 +7,8 @@ export interface OutlinePanelProps {
     defaultCollapsed?: boolean;
     surfaceRef?: () => HTMLDivElement | undefined;
     viewportRef?: () => HTMLDivElement | undefined;
+    documentLayout: () => EditorLayoutDocument;
+    zoomFactor?: () => number;
+    snapshotProvider: CanvasLayoutSnapshotProvider;
 }
 export declare function OutlinePanel(props: OutlinePanelProps): import("solid-js").JSX.Element;

package/dist/ui/editorUiTypes.d.ts

@@ -1,5 +1,5 @@
 import { Accessor } from 'solid-js';
-import { EditorState, EditorLayoutParagraph } from '../core/model.js';
+import { EditorLayoutDocument, EditorLayoutParagraph, EditorState } from '../core/model.js';
 import { WrapPreset } from '../core/commands/floatingLayout.js';
 import { ResizeHandleDirection } from './resizeGeometry.js';
 export interface InputBox {
@@ -72,6 +72,7 @@ export interface LayoutOptionsOverlay {
 }
 export interface EditorSurfaceProps {
     state: Accessor<EditorState>;
+    documentLayout: Accessor<EditorLayoutDocument>;
     measuredBlockHeights?: Accessor<Record<string, number>>;
     measuredParagraphLayouts?: Accessor<Record<string, EditorLayoutParagraph>>;
     /**

package/dist/ui/shells/DocumentShell.d.ts

@@ -3,7 +3,7 @@ import { OasisEditorEditorFileHandlers, OasisEditorEditorInputHandlers, OasisEdi
 import { ToolbarHost } from '../components/Toolbar/state/createToolbarApi.js';
 import { ToolbarRegistry } from '../components/Toolbar/registry/ToolbarRegistry.js';
 import { MenuRegistry } from '../components/Menubar/menuRegistry.js';
-import { EditorLayoutParagraph, EditorState } from '../../core/model.js';
+import { EditorLayoutDocument, EditorLayoutParagraph, EditorState } from '../../core/model.js';
 import { ToolbarLayoutMode, ToolbarViewMode } from '../OasisEditorAppProps.js';
 import { OasisEditor } from '../../core/plugin.js';
 
@@ -24,9 +24,10 @@ export interface ShellProps {
     isReadOnly: boolean;
     measuredBlockHeights: Accessor<Record<string, number>>;
     measuredParagraphLayouts: Accessor<Record<string, EditorLayoutParagraph>>;
+    documentLayout: Accessor<EditorLayoutDocument>;
     viewportHeight: Accessor<number | string | undefined>;
     showFloatingTableToolbar: Accessor<boolean>;
-    layout: Omit<OasisEditorEditorLayoutProps, "measuredBlockHeights" | "measuredParagraphLayouts" | "viewportHeight" | "readOnly">;
+    layout: Omit<OasisEditorEditorLayoutProps, "documentLayout" | "measuredBlockHeights" | "measuredParagraphLayouts" | "viewportHeight" | "readOnly">;
     overlays: Omit<OasisEditorEditorOverlayProps, "toolbarHost" | "persistenceStatus" | "showFloatingTableToolbar">;
     refs: OasisEditorEditorRefProps;
     surfaceHandlers: OasisEditorEditorSurfaceHandlers;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oasis-editor",
-  "version": "0.0.106",
+  "version": "0.0.107",
   "type": "module",
   "repository": {
     "type": "git",