@stll/folio-core 0.39.0 → 0.39.1

package/dist/controller/hiddenEditorManager.js

@@ -7,6 +7,7 @@ import { ensureParaIdsInDoc, ensureParaIdsInState } from "../prosemirror/extensi
 import { createDocumentNumberingPlugin } from "../prosemirror/plugins/documentNumbering.js";
 import { createDocumentStylesPlugin } from "../prosemirror/plugins/documentStyles.js";
 import { schema } from "../prosemirror/schema/index.js";
+import { createTextInputPlugin } from "../prosemirror/textInput.js";
 import { proseDocumentParagraphSourceContract, readYjsParagraphSourceContract, withParagraphSourceContract, writeYjsParagraphSourceContract } from "../prosemirror/yjsParagraphSourceContract.js";
 import { createHiddenEditorApi } from "./hiddenEditorApi.js";
 import { panic } from "better-result";
@@ -113,7 +114,7 @@ function createHiddenEditorState(options) {
 	const numberingPlugin = createDocumentNumberingPlugin(document?.package.numbering);
 	const plugins = [
 		...externalPlugins,
-		...manager?.getPlugins() ?? [],
+		...manager?.getPlugins() ?? [createTextInputPlugin()],
 		styleResolverPlugin,
 		numberingPlugin
 	];

package/dist/display-list/primitives.d.ts

@@ -15,7 +15,7 @@ import { hasComplexScript, isComplexScriptCodePoint } from "../utils/scriptSegme
  * advances rightward from its origin whatever the paragraph does.
  */
 declare const glyphCellOffsetsPx: (run: DisplayGlyphRun) => readonly number[];
-declare const DISPLAY_PRIMITIVE_KINDS: ("line" | "rect" | "image" | "glyphRun" | "clipGroup" | "rotateGroup" | "opacityGroup")[];
+declare const DISPLAY_PRIMITIVE_KINDS: ("glyphRun" | "rect" | "line" | "image" | "clipGroup" | "rotateGroup" | "opacityGroup")[];
 /**
  * Dash geometry of each stroke pattern, as multiples of the stroke thickness.
  *

package/dist/prosemirror/extensions/ExtensionManager.js

@@ -1,3 +1,4 @@
+import { createTextInputPlugin } from "../textInput.js";
 import { panic } from "better-result";
 import { Schema } from "prosemirror-model";
 import { keymap } from "prosemirror-keymap";
@@ -46,7 +47,11 @@ var ExtensionManager = class {
 			if (runtime.keyboardShortcuts) allKeyboardShortcuts.push(runtime.keyboardShortcuts);
 			if (runtime.plugins) allPlugins.push(...runtime.plugins);
 		}
-		this.plugins = [...allPlugins, ...allKeyboardShortcuts.map((shortcuts) => keymap(shortcuts))];
+		this.plugins = [
+			createTextInputPlugin(),
+			...allPlugins,
+			...allKeyboardShortcuts.map((shortcuts) => keymap(shortcuts))
+		];
 		this.commands = allCommands;
 	}
 	/**

package/dist/prosemirror/plugins/suggestionMode.js

@@ -1,4 +1,5 @@
 import { splitBlockClearBorders } from "../extensions/features/BaseKeymapExtension.js";
+import { handleEditorBeforeInput } from "../textInput.js";
 import { canCarryTrackedRunMark } from "../trackedRunInlineAtoms.js";
 import { mintRevisionId, seedRevisionIdsFromDoc } from "./revisionIds.js";
 import { Plugin, PluginKey, TextSelection } from "prosemirror-state";
@@ -398,15 +399,8 @@ function createSuggestionModePlugin(initialActive = false, author = "User") {
 					return false;
 				},
 				beforeinput(view, event) {
-					const pluginState = suggestionModeKey.getState(view.state);
-					if (!pluginState?.active) return false;
-					if (composing || event.isComposing) return false;
-					if (event.inputType === "insertText" && event.data) {
-						event.preventDefault();
-						const { from, to } = view.state.selection;
-						return applySuggestionInsert(view, from, to, event.data, pluginState);
-					}
-					return false;
+					if (!suggestionModeKey.getState(view.state)?.active || composing) return false;
+					return handleEditorBeforeInput(view, event);
 				}
 			},
 			handleKeyDown(view, event) {

package/dist/prosemirror/textInput.d.ts

@@ -0,0 +1,21 @@
+import { EditorState, Plugin, Transaction } from "prosemirror-state";
+import { EditorView } from "prosemirror-view";
+//#region src/prosemirror/textInput.d.ts
+type TextInputHandler<TView> = (view: TView, from: number, to: number, text: string, defaultTransaction: () => Transaction) => unknown;
+type TextInputDispatchTarget<TView> = {
+  dispatch: (tr: Transaction) => void;
+  someProp: (propName: "handleTextInput", f: (handler: TextInputHandler<TView>) => unknown) => unknown;
+  state: EditorState;
+};
+type TextInput = {
+  text: string;
+  from: number;
+  to: number;
+};
+declare const dispatchEditorTextInput: <TView extends TextInputDispatchTarget<TView>>(view: TView, input: string | TextInput) => void;
+/** Shared DOM boundary for editor runtimes and standalone suggestion views. */
+declare const handleEditorBeforeInput: (view: EditorView, event: InputEvent) => boolean;
+/** Route committed text through the model before the browser mutates mark spans. */
+declare const createTextInputPlugin: () => Plugin<any>;
+//#endregion
+export { createTextInputPlugin, dispatchEditorTextInput, handleEditorBeforeInput };

package/dist/prosemirror/textInput.js

@@ -0,0 +1,61 @@
+import { Plugin } from "prosemirror-state";
+//#region src/prosemirror/textInput.ts
+const dispatchEditorTextInput = (view, input) => {
+	const { from, to } = typeof input === "string" ? view.state.selection : input;
+	const text = typeof input === "string" ? input : input.text;
+	const defaultTransaction = () => view.state.tr.insertText(text, from, to);
+	if (!view.someProp("handleTextInput", (handler) => handler(view, from, to, text, defaultTransaction))) view.dispatch(defaultTransaction());
+};
+const replacementSelection = (view, event) => {
+	if (typeof event.getTargetRanges !== "function") return null;
+	const ranges = event.getTargetRanges();
+	if (ranges.length !== 1) return null;
+	const range = ranges[0];
+	if (!range || !view.dom.contains(range.startContainer) || !view.dom.contains(range.endContainer)) return null;
+	const from = view.posAtDOM(range.startContainer, range.startOffset);
+	const to = view.posAtDOM(range.endContainer, range.endOffset);
+	if (from < 0 || to < from || to > view.state.doc.content.size) return null;
+	return {
+		from,
+		to
+	};
+};
+/** Shared DOM boundary for editor runtimes and standalone suggestion views. */
+const handleEditorBeforeInput = (view, event) => {
+	if (!view.editable || !event.cancelable || event.defaultPrevented || view.composing || event.isComposing) return false;
+	if (event.inputType !== "insertText" && event.inputType !== "insertReplacementText") return false;
+	const text = event.data ?? (event.dataTransfer?.types.includes("text/plain") ? event.dataTransfer.getData("text/plain") : null);
+	if (text === null) return false;
+	const selection = event.inputType === "insertReplacementText" ? replacementSelection(view, event) : view.state.selection;
+	if (!selection) return false;
+	event.preventDefault();
+	dispatchEditorTextInput(view, {
+		text,
+		from: selection.from,
+		to: selection.to
+	});
+	return true;
+};
+/** Route committed text through the model before the browser mutates mark spans. */
+const createTextInputPlugin = () => {
+	const compositions = /* @__PURE__ */ new WeakMap();
+	return new Plugin({ props: { handleDOMEvents: {
+		compositionstart(view, event) {
+			compositions.set(view, event);
+			return false;
+		},
+		compositionend(view, event) {
+			compositions.set(view, event);
+			queueMicrotask(() => {
+				if (compositions.get(view) === event) compositions.delete(view);
+			});
+			return false;
+		},
+		beforeinput(view, event) {
+			if (compositions.has(view)) return false;
+			return handleEditorBeforeInput(view, event);
+		}
+	} } });
+};
+//#endregion
+export { createTextInputPlugin, dispatchEditorTextInput, handleEditorBeforeInput };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stll/folio-core",
-  "version": "0.39.0",
+  "version": "0.39.1",
   "description": "Headless, framework-neutral core of folio: the OOXML (.docx) parser, document model, ProseMirror integration, and page-layout engine. No React.",
   "keywords": [
     "document-model",