@opositatest/markdown-text-editor 1.4.0 → 1.4.1

package/README.md

@@ -30,9 +30,27 @@ The editor currently focuses on text-first rich content that serializes cleanly
 - Block quotes
 - Code blocks
 - Links
+- Tables
 - Inline styles: bold, italic, underline, strikethrough, and inline code
 - Display math blocks written in LaTeX
 
+Indented / nested blocks are **not** part of the supported surface: `Tab` never indents (see [Tab key](#tab-key)).
+
+### Tab key
+
+`Tab` behaves like it does in any other form control: it moves focus to the next focusable element of the
+host page (`Shift-Tab` moves to the previous one), so it never indents a block or uses the browser's focus as a
+trap. `Escape` still blurs the editor.
+
+The only exceptions are BlockNote's own behaviours *inside* a block:
+
+- **Code blocks**: `Tab` inserts two spaces. `Shift-Tab` leaves the editor.
+- **Tables**: `Tab` / `Shift-Tab` move between cells. At the first/last cell they leave the editor instead of
+  indenting the table.
+
+Markdown that already contains nested lists (pasted content or a document saved before this rule) is still
+parsed and re-exported unchanged, but indentation can no longer be created from the keyboard.
+
 ### Math / LaTeX blocks
 
 The package includes a custom math block on top of the default BlockNote schema. It renders display formulas with KaTeX and stores them as fenced display-math blocks in Markdown:

package/dist/editor.js

@@ -87998,20 +87998,42 @@ var Q9 = {
 		}
 	},
 	generic: { ctrl_shortcut: "Ctrl" }
-};
+}, H_e = "codeBlock", U_e = "no-tab-indentation";
+function W_e(e) {
+	return e.key !== "Tab" || !e.shiftKey && e.isInCodeBlock ? !1 : !e.canMoveToAdjacentTableCell;
+}
+function G_e(e) {
+	return e.selection.$from.parent.type.name === H_e;
+}
+function K_e(e, t) {
+	return tS(t)(e, void 0);
+}
+function q_e(e, t) {
+	return W_e({
+		key: t.key,
+		shiftKey: t.shiftKey,
+		isInCodeBlock: G_e(e.state),
+		canMoveToAdjacentTableCell: K_e(e.state, t.shiftKey ? -1 : 1)
+	});
+}
+var J_e = () => ({
+	key: U_e,
+	prosemirrorPlugins: [new sr({ props: { handleDOMEvents: { keydown: q_e } } })]
+});
 //#endregion
 //#region src/hooks/use-app-block-note-editor/use-app-block-note-editor.ts
-async function H_e(e) {
+async function Y_e(e) {
 	return new Promise((t) => {
 		let n = new FileReader();
 		n.onloadend = () => t(n.result), n.readAsDataURL(e);
 	});
 }
-function U_e(e) {
+function X_e(e) {
 	let { placeholder: t } = e;
 	return Z1({
 		schema: J9,
-		uploadFile: H_e,
+		extensions: [J_e],
+		uploadFile: Y_e,
 		dictionary: t ? {
 			...Q9,
 			placeholders: {
@@ -88024,15 +88046,15 @@ function U_e(e) {
 }
 //#endregion
 //#region src/editor/editor-field/editor-field-markdown.ts
-var W_e = /^<img\s+[^>]*\bwidth="\d+(?:\.\d+)?"[^>]*\/?>$/i, G_e = /(\w+)="([^"]*)"/g;
-function K_e(e, t) {
-	let n = Y_e(t).flatMap((t) => {
+var Z_e = /^<img\s+[^>]*\bwidth="\d+(?:\.\d+)?"[^>]*\/?>$/i, Q_e = /(\w+)="([^"]*)"/g;
+function $_e(e, t) {
+	let n = nve(t).flatMap((t) => {
 		if (t.type === "math") return [{
 			type: "math",
 			props: { latex: t.value }
 		}];
 		if (t.type === "image") {
-			let e = q_e(t.value);
+			let e = eve(t.value);
 			return e ? [e] : [];
 		}
 		return t.value.trim() ? e.tryParseMarkdownToBlocks(t.value) : [];
@@ -88055,9 +88077,9 @@ function $9(e, t = e.document) {
 	}
 	return i(), n.join("\n\n").trim();
 }
-function q_e(e) {
+function eve(e) {
 	let t = {};
-	for (let n of e.matchAll(G_e)) t[n[1]] = J_e(n[2]);
+	for (let n of e.matchAll(Q_e)) t[n[1]] = tve(n[2]);
 	let n = t.src;
 	return n ? {
 		type: "image",
@@ -88067,10 +88089,10 @@ function q_e(e) {
 		}
 	} : null;
 }
-function J_e(e) {
+function tve(e) {
 	return e.replace(/&quot;/g, "\"").replace(/&amp;/g, "&");
 }
-function Y_e(e) {
+function nve(e) {
 	let t = e.replace(/\r\n?/g, "\n");
 	if (!t.trim()) return [];
 	let n = t.split("\n"), r = [], i = [], a = null;
@@ -88094,7 +88116,7 @@ function Y_e(e) {
 			a.push(e);
 			continue;
 		}
-		if (W_e.test(t)) {
+		if (Z_e.test(t)) {
 			o(), r.push({
 				type: "image",
 				value: t
@@ -88107,9 +88129,9 @@ function Y_e(e) {
 }
 //#endregion
 //#region src/editor/hooks/use-editor-field-controller.ts
-function X_e(e) {
-	let { defaultValue: t, enabledMediaBlocks: n = [], hiddenSlashMenuItems: r = [], onChange: i, onReady: a, placeholder: o, ref: s, value: c } = e, l = (0, E.useRef)(c ?? t ?? ""), u = (0, E.useRef)(!1), d = U_e({ placeholder: o }), f = d, p = (0, E.useCallback)((e) => {
-		u.current = !0, d.replaceBlocks(d.document, K_e(f, e)), l.current = $9(f), u.current = !1;
+function rve(e) {
+	let { defaultValue: t, enabledMediaBlocks: n = [], hiddenSlashMenuItems: r = [], onChange: i, onReady: a, placeholder: o, ref: s, value: c } = e, l = (0, E.useRef)(c ?? t ?? ""), u = (0, E.useRef)(!1), d = X_e({ placeholder: o }), f = d, p = (0, E.useCallback)((e) => {
+		u.current = !0, d.replaceBlocks(d.document, $_e(f, e)), l.current = $9(f), u.current = !1;
 	}, [d, f]), m = (0, E.useCallback)(() => {
 		d.focus();
 	}, [d]), h = (0, E.useCallback)(() => l.current, []), g = (0, E.useCallback)((e) => {
@@ -88165,12 +88187,12 @@ function X_e(e) {
 }
 //#endregion
 //#region src/editor/editor-field/editor-field.tsx
-function Z_e(e, t) {
+function ive(e, t) {
 	let n = {};
 	if (e && (n.width = e), t && (n.height = t, n["--markdown-text-editor-height"] = t), !(!e && !t)) return n;
 }
-var Q_e = (0, E.forwardRef)(function({ className: e, defaultValue: t, disabled: n = !1, enabledMediaBlocks: r = [], formattingToolbar: i = !0, height: a, hiddenSlashMenuItems: o = [], onChange: s, onReady: c, placeholder: l, readonly: u = !1, value: d, width: f }, p) {
-	let { editor: m, handleBlockNoteChange: h, handleSuggestionMenuItems: g } = X_e({
+var ave = (0, E.forwardRef)(function({ className: e, defaultValue: t, disabled: n = !1, enabledMediaBlocks: r = [], formattingToolbar: i = !0, height: a, hiddenSlashMenuItems: o = [], onChange: s, onReady: c, placeholder: l, readonly: u = !1, value: d, width: f }, p) {
+	let { editor: m, handleBlockNoteChange: h, handleSuggestionMenuItems: g } = rve({
 		defaultValue: t,
 		enabledMediaBlocks: r,
 		hiddenSlashMenuItems: o,
@@ -88179,7 +88201,7 @@ var Q_e = (0, E.forwardRef)(function({ className: e, defaultValue: t, disabled:
 		placeholder: l,
 		ref: p,
 		value: d
-	}), _ = Z_e(f, a);
+	}), _ = ive(f, a);
 	return /* @__PURE__ */ (0, D.jsx)("div", {
 		className: e,
 		"data-disabled": n ? "true" : void 0,
@@ -88199,7 +88221,7 @@ var Q_e = (0, E.forwardRef)(function({ className: e, defaultValue: t, disabled:
 			})
 		})
 	});
-}), $_e = class extends HTMLElement {
+}), ove = class extends HTMLElement {
 	static formAssociated = !0;
 	static get observedAttributes() {
 		return [...m];
@@ -88331,7 +88353,7 @@ var Q_e = (0, E.forwardRef)(function({ className: e, defaultValue: t, disabled:
 		return this.required && !this.disabled && !this.readOnly && this.currentValue === "";
 	}
 	renderReact() {
-		!this.isConnected || !this.root || this.root.render(/* @__PURE__ */ (0, D.jsx)(Q_e, {
+		!this.isConnected || !this.root || this.root.render(/* @__PURE__ */ (0, D.jsx)(ave, {
 			ref: this.handleEditorRef,
 			value: this.currentValue,
 			disabled: this.disabled,
@@ -88409,10 +88431,10 @@ var Q_e = (0, E.forwardRef)(function({ className: e, defaultValue: t, disabled:
 };
 //#endregion
 //#region src/markdown-text-editor/register-markdown-text-editor.ts
-function eve() {
-	customElements.get("markdown-text-editor") || customElements.define(d, $_e);
+function sve() {
+	customElements.get("markdown-text-editor") || customElements.define(d, ove);
 }
-eve();
+sve();
 //#endregion
 
 export {};