oasis-editor 0.0.185 → 0.0.187

package/dist/ui/OasisEditorEditorProps.d.ts

@@ -48,37 +48,37 @@ export interface OasisEditorEditorRefProps {
 export interface OasisEditorEditorSurfaceHandlers {
     onDragOver: (event: DragEvent) => void;
     onDrop: (event: DragEvent) => void;
-    onEditorMouseDown: (event: MouseEvent) => void;
-    onSurfaceMouseDown: (event: MouseEvent) => void;
+    onEditorPointerDown: (event: PointerEvent) => void;
+    onSurfacePointerDown: (event: PointerEvent) => void;
     onSurfaceClick?: (event: MouseEvent) => void;
-    onSurfaceMouseMove?: (event: MouseEvent) => void;
+    onSurfacePointerMove?: (event: PointerEvent) => void;
     onSurfaceDblClick: (event: MouseEvent) => void;
-    onParagraphMouseDown: (paragraphId: string, event: MouseEvent & {
+    onParagraphPointerDown: (paragraphId: string, event: PointerEvent & {
         currentTarget: HTMLParagraphElement;
     }) => void;
-    onImageMouseDown: (paragraphId: string, paragraphOffset: number, event: MouseEvent & {
+    onImagePointerDown: (paragraphId: string, paragraphOffset: number, event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
-    onImageResizeHandleMouseDown: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: MouseEvent & {
+    onImageResizeHandlePointerDown: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
-    onTextBoxResizeHandleMouseDown: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: MouseEvent & {
+    onTextBoxResizeHandlePointerDown: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
-    onImageRotateHandleMouseDown: (paragraphId: string, paragraphOffset: number, event: MouseEvent & {
+    onImageRotateHandlePointerDown: (paragraphId: string, paragraphOffset: number, event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
-    onImageCropHandleMouseDown?: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: MouseEvent & {
+    onImageCropHandlePointerDown?: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
-    onImageCropBodyMouseDown?: (paragraphId: string, paragraphOffset: number, event: MouseEvent & {
+    onImageCropBodyPointerDown?: (paragraphId: string, paragraphOffset: number, event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
-    onTextBoxRotateHandleMouseDown: (paragraphId: string, paragraphOffset: number, event: MouseEvent & {
+    onTextBoxRotateHandlePointerDown: (paragraphId: string, paragraphOffset: number, event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
-    onTableDragHandleMouseDown: (tableId: string, event: MouseEvent) => void;
-    onTableCornerResizeHandleMouseDown: (tableId: string, event: MouseEvent) => void;
+    onTableDragHandlePointerDown: (tableId: string, event: PointerEvent) => void;
+    onTableCornerResizeHandlePointerDown: (tableId: string, event: PointerEvent) => void;
     onRevisionMouseEnter: (revisionId: string, event: MouseEvent) => void;
     onRevisionMouseLeave?: (revisionId: string, event: MouseEvent) => void;
     onEditorContextMenu?: (event: MouseEvent) => void;
@@ -90,6 +90,9 @@ export interface OasisEditorEditorInputHandlers {
         currentTarget: HTMLTextAreaElement;
     }) => void;
     onCompositionStart: () => void;
+    onCompositionUpdate: (event: CompositionEvent & {
+        currentTarget: HTMLTextAreaElement;
+    }) => void;
     onCopy: (event: ClipboardEvent & {
         currentTarget: HTMLTextAreaElement;
     }) => void;

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

@@ -55,14 +55,14 @@ export interface EditorViewSurfaceInput {
     tableDrag: ReturnType<typeof createEditorTableDrag>;
     revisionController: ReturnType<typeof createEditorRevisionController>;
     handleDrop: OasisEditorEditorSurfaceHandlers["onDrop"];
-    onEditorMouseDown: OasisEditorEditorSurfaceHandlers["onEditorMouseDown"];
-    handleImageMouseDown: OasisEditorEditorSurfaceHandlers["onImageMouseDown"];
-    handleImageResizeHandleMouseDown: OasisEditorEditorSurfaceHandlers["onImageResizeHandleMouseDown"];
-    handleTextBoxResizeHandleMouseDown: OasisEditorEditorSurfaceHandlers["onTextBoxResizeHandleMouseDown"];
-    handleImageRotateHandleMouseDown: OasisEditorEditorSurfaceHandlers["onImageRotateHandleMouseDown"];
-    handleImageCropHandleMouseDown: NonNullable<OasisEditorEditorSurfaceHandlers["onImageCropHandleMouseDown"]>;
-    handleImageCropBodyMouseDown: NonNullable<OasisEditorEditorSurfaceHandlers["onImageCropBodyMouseDown"]>;
-    handleTextBoxRotateHandleMouseDown: OasisEditorEditorSurfaceHandlers["onTextBoxRotateHandleMouseDown"];
+    onEditorPointerDown: OasisEditorEditorSurfaceHandlers["onEditorPointerDown"];
+    handleImagePointerDown: OasisEditorEditorSurfaceHandlers["onImagePointerDown"];
+    handleImageResizeHandlePointerDown: OasisEditorEditorSurfaceHandlers["onImageResizeHandlePointerDown"];
+    handleTextBoxResizeHandlePointerDown: OasisEditorEditorSurfaceHandlers["onTextBoxResizeHandlePointerDown"];
+    handleImageRotateHandlePointerDown: OasisEditorEditorSurfaceHandlers["onImageRotateHandlePointerDown"];
+    handleImageCropHandlePointerDown: NonNullable<OasisEditorEditorSurfaceHandlers["onImageCropHandlePointerDown"]>;
+    handleImageCropBodyPointerDown: NonNullable<OasisEditorEditorSurfaceHandlers["onImageCropBodyPointerDown"]>;
+    handleTextBoxRotateHandlePointerDown: OasisEditorEditorSurfaceHandlers["onTextBoxRotateHandlePointerDown"];
     handleEditorContextMenu: (event: MouseEvent) => void;
 }
 /** Text-input / clipboard / keyboard handlers for the input bundle. */

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

@@ -14,6 +14,8 @@ export interface EditorInteractionRuntimeDeps {
     cloneState: (state: EditorState) => EditorState;
     focusInput: () => void;
     focusInputAfterPointerSelection: () => void;
+    /** Synchronous focus, required for touch to raise the on-screen keyboard. */
+    focusInputSync: () => void;
     surfaceRef: () => HTMLDivElement | undefined;
     viewportRef: () => HTMLDivElement | undefined;
     zoomFactor: () => number;
@@ -107,32 +109,32 @@ declare function createEditorInteractionRuntimeImpl(deps: EditorInteractionRunti
             height: number;
             src: string;
         } | null;
-        startImageDrag: (paragraphId: string, paragraphOffset: number, event: MouseEvent, pointerBounds?: import('../../app/controllers/useEditorImageOperations.js').ImagePointerBounds) => void;
+        startImageDrag: (paragraphId: string, paragraphOffset: number, event: PointerEvent, pointerBounds?: import('../../app/controllers/useEditorImageOperations.js').ImagePointerBounds) => void;
         stopImageDrag: () => void;
         stopImageResize: () => void;
         stopImageRotate: () => void;
         stopImageCrop: () => void;
-        handleImageMouseDown: (paragraphId: string, paragraphOffset: number, event: MouseEvent & {
+        handleImagePointerDown: (paragraphId: string, paragraphOffset: number, event: PointerEvent & {
             currentTarget: HTMLElement;
         }) => void;
-        handleImageResizeHandleMouseDown: (paragraphId: string, paragraphOffset: number, direction: import('../resizeGeometry.js').ResizeHandleDirection, event: MouseEvent & {
+        handleImageResizeHandlePointerDown: (paragraphId: string, paragraphOffset: number, direction: import('../resizeGeometry.js').ResizeHandleDirection, event: PointerEvent & {
             currentTarget: HTMLElement;
         }) => void;
-        handleImageRotateHandleMouseDown: (paragraphId: string, paragraphOffset: number, event: MouseEvent & {
+        handleImageRotateHandlePointerDown: (paragraphId: string, paragraphOffset: number, event: PointerEvent & {
             currentTarget: HTMLElement;
         }) => void;
-        handleImageCropHandleMouseDown: (paragraphId: string, paragraphOffset: number, direction: import('../resizeGeometry.js').ResizeHandleDirection, event: MouseEvent & {
+        handleImageCropHandlePointerDown: (paragraphId: string, paragraphOffset: number, direction: import('../resizeGeometry.js').ResizeHandleDirection, event: PointerEvent & {
             currentTarget: HTMLElement;
         }) => void;
-        handleImageCropBodyMouseDown: (paragraphId: string, paragraphOffset: number, event: MouseEvent & {
+        handleImageCropBodyPointerDown: (paragraphId: string, paragraphOffset: number, event: PointerEvent & {
             currentTarget: HTMLElement;
         }) => void;
     };
     textBoxOps: {
-        handleTextBoxResizeHandleMouseDown: (paragraphId: string, paragraphOffset: number, direction: import('../resizeGeometry.js').ResizeHandleDirection, event: MouseEvent & {
+        handleTextBoxResizeHandlePointerDown: (paragraphId: string, paragraphOffset: number, direction: import('../resizeGeometry.js').ResizeHandleDirection, event: PointerEvent & {
             currentTarget: HTMLElement;
         }) => void;
-        handleTextBoxRotateHandleMouseDown: (paragraphId: string, paragraphOffset: number, event: MouseEvent & {
+        handleTextBoxRotateHandlePointerDown: (paragraphId: string, paragraphOffset: number, event: PointerEvent & {
             currentTarget: HTMLElement;
         }) => void;
         stopTextBoxResize: () => void;
@@ -145,7 +147,7 @@ declare function createEditorInteractionRuntimeImpl(deps: EditorInteractionRunti
         applyToolbarValueStyleCommand: <K extends "link" | "styleId" | "underlineStyle" | "textEffect" | "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language">(key: K, value: import('../../core/model.js').EditorTextStyle[K] | null) => void;
         applyToolbarBooleanStyleCommand: (key: import('../toolbarStyleState.js').BooleanStyleKey) => void;
     };
-    onEditorMouseDown: (event: MouseEvent) => void;
+    onEditorPointerDown: (event: PointerEvent) => void;
     tableResize: import('../../app/controllers/useEditorTableResize.js').TableResizeOps;
     tableCornerResize: import('../../app/controllers/useEditorTableCornerResize.js').TableCornerResizeOps;
     tableDrag: {
@@ -162,7 +164,7 @@ declare function createEditorInteractionRuntimeImpl(deps: EditorInteractionRunti
             y: number;
         }>;
         dropTargetPos: import('solid-js').Accessor<EditorPosition | null>;
-        handleMouseDown: (tableId: string, event: MouseEvent) => void;
+        handlePointerDown: (tableId: string, event: PointerEvent) => void;
         stop: () => void;
     };
     revisionController: {
@@ -183,14 +185,14 @@ declare function createEditorInteractionRuntimeImpl(deps: EditorInteractionRunti
             top: number;
             height: number;
         } | null>;
-        tryStartTextDrag: (event: MouseEvent, hit: import('../canvas/CanvasHitTestService.js').SurfaceHit | null) => boolean;
+        tryStartTextDrag: (event: PointerEvent, hit: import('../canvas/CanvasHitTestService.js').SurfaceHit | null) => boolean;
         stopDrag: () => void;
     };
     surfaceEventsWithTextDrag: {
-        handleSurfaceMouseDown: (event: MouseEvent) => void;
+        handleSurfacePointerDown: (event: PointerEvent) => void;
         handleSurfaceClick: (event: MouseEvent) => void;
         handleSurfaceDblClick: (event: MouseEvent) => void;
-        handleParagraphMouseDown: (_paragraphId: string, event: MouseEvent & {
+        handleParagraphPointerDown: (_paragraphId: string, event: PointerEvent & {
             currentTarget: HTMLParagraphElement;
         }) => void;
         stopDragging: () => void;
@@ -200,6 +202,9 @@ declare function createEditorInteractionRuntimeImpl(deps: EditorInteractionRunti
             currentTarget: HTMLTextAreaElement;
         }) => void;
         handleCompositionStart: () => void;
+        handleCompositionUpdate: (event: CompositionEvent & {
+            currentTarget: HTMLTextAreaElement;
+        }) => void;
         handleCompositionEnd: (event: CompositionEvent & {
             currentTarget: HTMLTextAreaElement;
         }) => void;

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

@@ -5,6 +5,7 @@ export interface EditorFocusController {
     setFocused: Setter<boolean>;
     focusInput: () => void;
     focusInputAfterPointerSelection: () => void;
+    focusInputSync: () => void;
     viewportRef: HTMLDivElement | undefined;
     surfaceRef: HTMLDivElement | undefined;
     textareaRef: HTMLTextAreaElement | undefined;

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

@@ -32,6 +32,7 @@ export interface EditorInteractionWiringContext {
     logger: EditorLogger;
     focusInput: TableDragParams["focusInput"];
     focusInputAfterPointerSelection: TextDragParams["focusInputAfterPointerSelection"];
+    focusInputSync: () => void;
     clearPreferredColumn: TextDragParams["clearPreferredColumn"];
     resetTransactionGrouping: TextDragParams["resetTransactionGrouping"];
     surfaceRef: () => HTMLDivElement | undefined;

package/dist/ui/editorUiTypes.d.ts

@@ -92,24 +92,24 @@ export interface EditorSurfaceProps {
      * pages render in full (legacy behaviour).
      */
     viewportRef?: () => HTMLElement | undefined;
-    onSurfaceMouseDown: (event: MouseEvent) => void;
+    onSurfacePointerDown: (event: PointerEvent) => void;
     onSurfaceClick?: (event: MouseEvent) => void;
-    onSurfaceMouseMove?: (event: MouseEvent) => void;
+    onSurfacePointerMove?: (event: PointerEvent) => void;
     onSurfaceDblClick: (event: MouseEvent) => void;
-    onParagraphMouseDown: (paragraphId: string, event: MouseEvent & {
+    onParagraphPointerDown: (paragraphId: string, event: PointerEvent & {
         currentTarget: HTMLParagraphElement;
     }) => void;
-    onImageMouseDown: (paragraphId: string, paragraphOffset: number, event: MouseEvent & {
+    onImagePointerDown: (paragraphId: string, paragraphOffset: number, event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
-    onImageResizeHandleMouseDown: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: MouseEvent & {
+    onImageResizeHandlePointerDown: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
-    onTextBoxResizeHandleMouseDown: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: MouseEvent & {
+    onTextBoxResizeHandlePointerDown: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
-    onTableDragHandleMouseDown: (tableId: string, event: MouseEvent) => void;
-    onTableCornerResizeHandleMouseDown: (tableId: string, event: MouseEvent) => void;
+    onTableDragHandlePointerDown: (tableId: string, event: PointerEvent) => void;
+    onTableCornerResizeHandlePointerDown: (tableId: string, event: PointerEvent) => void;
     onRevisionMouseEnter: (revisionId: string, event: MouseEvent) => void;
     onRevisionMouseLeave?: (revisionId: string, event: MouseEvent) => void;
 }

package/dist/ui/overlays/ResizeHandlesOverlay.d.ts

@@ -15,15 +15,15 @@ export interface ResizeHandlesOverlayProps {
     variantClass: string;
     /** Current rotation in degrees, applied as a CSS transform on the overlay. */
     rotation?: () => number;
-    onResizeStart: (direction: ResizeHandleDirection, event: MouseEvent & {
+    onResizeStart: (direction: ResizeHandleDirection, event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
     /** Optional handler for pressing the overlay body (e.g. image drag-to-move). */
-    onBodyMouseDown?: (event: MouseEvent & {
+    onBodyMouseDown?: (event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
     /** Optional handler for pressing the rotation knob. */
-    onRotateStart?: (event: MouseEvent & {
+    onRotateStart?: (event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
 }

package/dist/ui/overlays/TableHandlesOverlay.d.ts

@@ -6,11 +6,11 @@ export interface TableHandlesOverlayProps {
     box: () => SelectedTableBox | null;
     readOnly: boolean;
     /** Press on the top-left move handle (drag/reorder the whole table). */
-    onMoveStart: (event: MouseEvent & {
+    onMoveStart: (event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
     /** Press on the bottom-right corner handle (proportional resize). */
-    onResizeStart: (event: MouseEvent & {
+    onResizeStart: (event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oasis-editor",
-  "version": "0.0.185",
+  "version": "0.0.187",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -55,6 +55,7 @@
     "preview": "vite preview",
     "test:perf": "playwright test",
     "test:smoke": "playwright test --config playwright.smoke.config.ts",
+    "test:e2e": "playwright test --config playwright.e2e.config.ts",
     "wasm:build": "wasm-pack build ./rust-core --target web --out-dir ../public/wasm",
     "dev:rust": "npm run wasm:build && vite",
     "build:all": "npm run wasm:build && npm run build",