@bloklabs/vue 1.16.0 → 2.0.0

package/dist/index.mjs

@@ -1,21 +1,20 @@
 import { Fragment as e, Teleport as t, computed as n, defineComponent as r, getCurrentInstance as i, h as a, inject as o, markRaw as s, nextTick as c, onBeforeUnmount as l, onErrorCaptured as u, onMounted as d, onScopeDispose as f, onUpdated as p, provide as m, reactive as h, ref as g, shallowRef as _, toRaw as v, toValue as y, watch as b } from "vue";
 import { Blok as x } from "@bloklabs/core";
-import { BlockChildrenMounted as S, DATA_ATTR as C, EMPTY_API as w, applyChildDecoration as T, changeTouchesSubtree as E, createBlocksApiForEditor as ee, createChildDecorationLedger as te, createEmittedEchoWindow as ne, deepEqual as D, equalsOutputData as O, fillDefaults as k, mountChildBlocks as A, normalizeReadOnlyConfig as j, toRenderableData as re, withSlotlessDescendants as ie } from "@bloklabs/core/adapters";
-//#region src/content-baseline-map.ts
+import { BlockChildrenMounted as S, DATA_ATTR as C, EMPTY_API as w, applyChildDecoration as T, changeTouchesSubtree as ee, createBlocksApiForEditor as te, createChildDecorationLedger as ne, createEmittedEchoWindow as E, deepEqual as D, describeFromPropSchema as O, equalsOutputData as k, fillDefaults as A, mountChildBlocks as re, normalizeReadOnlyConfig as j, toRenderableData as ie, withSlotlessDescendants as ae } from "@bloklabs/core/adapters";
+// src/content-baseline-map.ts
 var M = /* @__PURE__ */ new WeakMap();
-function ae(e, t) {
+function oe(e, t) {
 	M.set(e, t);
 }
-function oe(e) {
+function se(e) {
 	return M.get(e);
 }
-function se(e) {
+function ce(e) {
 	M.delete(e);
 }
-//#endregion
-//#region src/holder-map.ts
+// src/holder-map.ts
 var N = /* @__PURE__ */ new WeakMap();
-function ce(e, t) {
+function le(e, t) {
 	N.set(e, t);
 }
 function P(e) {
@@ -24,8 +23,7 @@ function P(e) {
 function F(e) {
 	N.delete(e);
 }
-//#endregion
-//#region \0@oxc-project+runtime@0.152.0/helpers/esm/typeof.js
+// \0@oxc-project+runtime@0.155.0/helpers/esm/typeof.js
 function I(e) {
 	"@babel/helpers - typeof";
 	return I = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
@@ -34,8 +32,7 @@ function I(e) {
 		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
 	}, I(e);
 }
-//#endregion
-//#region \0@oxc-project+runtime@0.152.0/helpers/esm/toPrimitive.js
+// \0@oxc-project+runtime@0.155.0/helpers/esm/toPrimitive.js
 function L(e, t) {
 	if (I(e) != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
@@ -46,14 +43,12 @@ function L(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-//#endregion
-//#region \0@oxc-project+runtime@0.152.0/helpers/esm/toPropertyKey.js
+// \0@oxc-project+runtime@0.155.0/helpers/esm/toPropertyKey.js
 function R(e) {
 	var t = L(e, "string");
 	return I(t) == "symbol" ? t : t + "";
 }
-//#endregion
-//#region \0@oxc-project+runtime@0.152.0/helpers/esm/defineProperty.js
+// \0@oxc-project+runtime@0.155.0/helpers/esm/defineProperty.js
 function z(e, t, n) {
 	return (t = R(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
@@ -62,8 +57,7 @@ function z(e, t, n) {
 		writable: !0
 	}) : e[t] = n, e;
 }
-//#endregion
-//#region \0@oxc-project+runtime@0.152.0/helpers/esm/objectSpread2.js
+// \0@oxc-project+runtime@0.155.0/helpers/esm/objectSpread2.js
 function B(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
@@ -85,8 +79,7 @@ function V(e) {
 	}
 	return e;
 }
-//#endregion
-//#region src/provide-blok.ts
+// src/provide-blok.ts
 var H = Symbol("BLOK_DEFAULT_CONFIG");
 function U(e) {
 	m(H, e);
@@ -103,9 +96,8 @@ function G(e, t) {
 	}
 	return (e.tools !== void 0 || t.tools !== void 0) && (n.tools = V(V({}, e.tools), t.tools)), n;
 }
-//#endregion
-//#region src/block-portal-registry.ts
-var K = "__blokPortalRegistry", le = () => {
+// src/block-portal-registry.ts
+var K = "__blokPortalRegistry", ue = () => {
 	let e = h(/* @__PURE__ */ new Map());
 	return {
 		entries: e,
@@ -122,17 +114,16 @@ var K = "__blokPortalRegistry", le = () => {
 		}
 	};
 }, q = /* @__PURE__ */ new WeakMap();
-function ue(e, t) {
+function de(e, t) {
 	q.set(e, t);
 }
-function de(e) {
+function fe(e) {
 	return q.get(e);
 }
-function fe(e) {
+function pe(e) {
 	q.delete(e);
 }
-//#endregion
-//#region src/useBlok.ts
+// src/useBlok.ts
 var J = (e) => ({
 	onChange: e.onChange !== void 0,
 	onSave: e.onSave !== void 0,
@@ -140,7 +131,7 @@ var J = (e) => ({
 	onSubmit: e.onSubmit !== void 0,
 	onBeforeRender: e.onBeforeRender !== void 0,
 	onAfterRender: e.onAfterRender !== void 0
-}), pe = (e) => `[Blok] \`data\` is ignored while collaboration is on: the document lives on the sync service and is shared with everyone editing it, so replacing it from this editor would overwrite their work. To replace the whole document, call POST /sync/${e == null ? "{doc}" : e}/reset on your server — it reloads the document from your own document endpoint and every open editor picks it up. To change part of it, use the blocks API (insert/update/delete).`, me = (e, t) => {
+}), me = (e) => `[Blok] \`data\` is ignored while collaboration is on: the document lives on the sync service and is shared with everyone editing it, so replacing it from this editor would overwrite their work. To replace the whole document, call POST /sync/${e == null ? "{doc}" : e}/reset on your server — it reloads the document from your own document endpoint and every open editor picks it up. To change part of it, use the blocks API (insert/update/delete).`, he = (e, t) => {
 	if (typeof e != "object" || !e) return e;
 	let n = {};
 	for (let [i, a] of Object.entries(e)) {
@@ -173,7 +164,7 @@ function Y(e, t) {
 			onBeforeRender: !1,
 			onAfterRender: !1
 		}
-	}, s = ne(), c = {
+	}, s = E(), c = {
 		onChange: (...e) => {
 			var t, n;
 			(t = (n = i()).onChange) == null || t.call(n, ...e);
@@ -203,7 +194,7 @@ function Y(e, t) {
 		return delete t.holder, t.data !== void 0 && (t.data = v(t.data)), t;
 	}, f = () => {
 		if (a.current !== null) {
-			F(a.current), fe(a.current), se(a.current);
+			F(a.current), pe(a.current), ce(a.current);
 			try {
 				a.current.destroy();
 			} catch (e) {}
@@ -212,17 +203,34 @@ function Y(e, t) {
 	}, p = () => {
 		let e = document.createElement("div");
 		a.holder = e;
-		let t = u(), r = le();
-		t.tools !== void 0 && (t.tools = me(t.tools, r));
+		let t = u(), r = ue();
+		t.tools !== void 0 && (t.tools = he(t.tools, r));
 		let o = J(i());
 		t.onChange = o.onChange ? c.onChange : void 0, t.onSave = o.onSave ? c.onSave : void 0, t.onEnter = o.onEnter ? c.onEnter : void 0, t.onSubmit = o.onSubmit ? c.onSubmit : void 0, t.onBeforeRender = o.onBeforeRender ? c.onBeforeRender : void 0, t.onAfterRender = o.onAfterRender ? c.onAfterRender : void 0, a.appliedHandlerPresence = o;
-		let l = new x(V(V({}, t), {}, { holder: e }));
-		a.current = l, a.constructedCollaboration = t.collaboration, ce(l, e), ue(l, r), ae(l, { markRendered: (e) => {
+		let l = t.pageTitle;
+		l && (t.pageTitle = V(V({}, typeof l == "object" ? v(l) : {}), {}, {
+			onChange: (...e) => {
+				let t = i().pageTitle;
+				if (typeof t == "object" && t) {
+					var n;
+					(n = t.onChange) == null || n.call(t, ...e);
+				}
+			},
+			onIconChange: (...e) => {
+				let t = i().pageTitle;
+				if (typeof t == "object" && t) {
+					var n;
+					(n = t.onIconChange) == null || n.call(t, ...e);
+				}
+			}
+		}));
+		let d = new x(V(V({}, t), {}, { holder: e }));
+		a.current = d, a.constructedCollaboration = t.collaboration, le(d, e), de(d, r), oe(d, { markRendered: (e) => {
 			s.clear(), a.lastRenderedData = e;
-		} }), l.isReady.then(() => {
-			a.current === l && (n.value = l);
+		} }), d.isReady.then(() => {
+			a.current === d && (n.value = d);
 		}).catch(() => {
-			a.current === l && f();
+			a.current === d && f();
 		});
 	};
 	b([
@@ -302,25 +310,20 @@ function Y(e, t) {
 			return;
 		}
 		let n = a.lastRenderedData, r = a.pendingData;
-		if (n !== void 0 && O(t, n) || r !== void 0 && O(t, r) || s.matches(t)) return;
+		if (n !== void 0 && k(t, n) || r !== void 0 && k(t, r) || s.matches(t)) return;
 		let i = a.constructedCollaboration;
-		if (i !== void 0) {
-			a.collaborationWarnedFor !== e && (a.collaborationWarnedFor = e, console.warn(pe(i.doc)));
-			return;
-		}
-		s.clear(), a.pendingData = t, a.renderChain = a.renderChain.then(() => e.render(re(v(t)))).then(() => {
+		i === void 0 ? (s.clear(), a.pendingData = t, a.renderChain = a.renderChain.then(() => e.render(ie(v(t)))).then(() => {
 			a.lastRenderedData = t;
 		}, () => void 0).then(() => {
 			a.pendingData === t && (a.pendingData = void 0);
-		});
+		})) : a.collaborationWarnedFor !== e && (a.collaborationWarnedFor = e, console.warn(me(i.doc)));
 	}, { immediate: !0 }), t !== void 0 && b(() => y(t), () => {
 		f(), p();
 	}), d(p), l(f), n;
 }
-//#endregion
-//#region src/useBlocks.ts
+// src/useBlocks.ts
 var X = "block changed";
-function he(e, t = {}) {
+function ge(e, t = {}) {
 	let n = _(0), r = () => {
 		let t = y(e);
 		return t === null ? null : v(t);
@@ -340,9 +343,9 @@ function he(e, t = {}) {
 		let r = (r) => {
 			var i;
 			let a = (i = y(t.within)) == null ? null : i;
-			(a === null || E(e, r, a)) && (n.value += 1);
+			(a === null || ee(e, r, a)) && (n.value += 1);
 		};
-		e.on(X, r), o.editor = e, o.handler = r, a.value = ee(e, i);
+		e.on(X, r), o.editor = e, o.handler = r, a.value = te(e, i);
 	}, { immediate: !0 }), f(s), {
 		getById: (e) => a.value.getById(e),
 		getChildren: (e) => a.value.getChildren(e),
@@ -350,7 +353,7 @@ function he(e, t = {}) {
 		insertMany: (e) => a.value.insertMany(e),
 		insertTree: (e) => a.value.insertTree(e),
 		insertMarkdown: (e, t) => a.value.insertMarkdown(e, t),
-		exportMarkdown: () => a.value.exportMarkdown(),
+		exportMarkdown: (e) => a.value.exportMarkdown(e),
 		move: (e, t) => a.value.move(e, t),
 		nest: (e, t) => a.value.nest(e, t),
 		unnest: (e) => a.value.unnest(e),
@@ -370,14 +373,14 @@ function he(e, t = {}) {
 		insertOutputData: (e, t) => a.value.insertOutputData(e, t),
 		splitBlock: (e, t, n, r, i) => a.value.splitBlock(e, t, n, r, i),
 		insertInsideParent: (e, t, n) => a.value.insertInsideParent(e, t, n),
+		create: (e) => a.value.create(e),
 		render: (e) => a.value.render(e),
 		clear: () => a.value.clear(),
 		isSyncingFromYjs: () => a.value.isSyncingFromYjs()
 	};
 }
-//#endregion
-//#region src/useBlokReady.ts
-function ge(e = {}) {
+// src/useBlokReady.ts
+function _e(e = {}) {
 	let { within: t, settleOn: n } = e, r = _(!1), i = () => {
 		var e;
 		let i = t === void 0 || (e = y(t)) == null ? null : e;
@@ -388,9 +391,8 @@ function ge(e = {}) {
 	};
 	return f(x.subscribeReady(i)), d(i), r;
 }
-//#endregion
-//#region src/BlockPortalHost.ts
-var _e = r({
+// src/BlockPortalHost.ts
+var ve = r({
 	name: "BlockErrorBoundary",
 	setup(e, { slots: t }) {
 		return u(() => !1), () => {
@@ -398,7 +400,7 @@ var _e = r({
 			return (e = t.default) == null ? void 0 : e.call(t);
 		};
 	}
-}), ve = r({
+}), ye = r({
 	name: "BlockPortalHost",
 	props: { registry: {
 		type: Object,
@@ -408,14 +410,13 @@ var _e = r({
 		return () => a(e, Array.from(n.registry.entries.entries()).map(([e, n]) => a(t, {
 			key: e,
 			to: n.hostEl
-		}, [a(_e, null, { default: () => a(n.component, n.props) })])));
+		}, [a(ve, null, { default: () => a(n.component, n.props) })])));
 	}
-}), Z = Symbol("BLOK_EDITOR_INSTANCE"), ye = _(null);
-function be() {
-	return o(Z, ye);
+}), Z = Symbol("BLOK_EDITOR_INSTANCE"), be = _(null);
+function xe() {
+	return o(Z, be);
 }
-//#endregion
-//#region src/BlokContent.ts
+// src/BlokContent.ts
 var Q = r({
 	name: "BlokContent",
 	props: { editor: {
@@ -440,17 +441,38 @@ var Q = r({
 		}), l(() => {
 			i(e.editor);
 		}), () => {
-			let n = e.editor, r = n === null ? void 0 : de(v(n));
-			return a("div", { ref: t }, r === void 0 ? [] : [a(ve, { registry: r })]);
+			let n = e.editor, r = n === null ? void 0 : fe(v(n));
+			return a("div", { ref: t }, r === void 0 ? [] : [a(ye, { registry: r })]);
 		};
 	}
-}), xe = /* @__PURE__ */ "autofocus.defaultBlock.dataModel.placeholder.sanitizer.hideToolbar.toolbarPosition.maxHistoryLength.historyDebounceTime.newGroupDelay.globalUndoRedo.tools.data.minHeight.loader.logLevel.readOnly.i18n.link.linkPaste.inlineToolbar.inlineEmoji.find.tunes.style.theme.scrollToBlock.user.resolveUser.notifierPosition.notifier.width.onBeforeRender.onBeforePaste.onEnter.onSubmit.onError.onImageFailure.migrations.uploader.media.server.ticket.persistence.collaboration.documentId.tabSync.captureClicksBelowEditor".split("."), Se = (e, t, n) => {
+}), Se = r({
+	name: "BlokTitle",
+	props: { editor: {
+		type: Object,
+		default: null
+	} },
+	setup(e) {
+		let t = g(null), n = (e) => {
+			e !== null && t.value !== null && v(e).title.mount(t.value);
+		}, r = (e) => {
+			let t = e === null ? void 0 : v(e).title;
+			typeof (t == null ? void 0 : t.mount) == "function" && t.mount(null);
+		};
+		return d(() => {
+			n(e.editor);
+		}), b(() => e.editor, (e, t) => {
+			r(t == null ? null : t), n(e);
+		}), l(() => {
+			r(e.editor);
+		}), () => a("div", { ref: t });
+	}
+}), Ce = /* @__PURE__ */ "autofocus.defaultBlock.dataModel.placeholder.sanitizer.hideToolbar.toolbarPosition.maxHistoryLength.historyDebounceTime.newGroupDelay.globalUndoRedo.tools.data.minHeight.loader.logLevel.readOnly.i18n.link.linkPaste.inlineToolbar.inlineEmoji.find.tunes.style.theme.scrollToBlock.user.resolveUser.notifierPosition.notifier.width.onBeforeRender.onBeforePaste.onEnter.onSubmit.onError.onImageFailure.migrations.uploader.media.server.ticket.persistence.collaboration.documentId.tabSync.captureClicksBelowEditor.pageTitle.agent".split("."), $ = (e, t, n) => {
 	let r = t.flatMap((t) => {
 		var n;
 		return (n = e == null ? void 0 : e[t]) == null ? [] : n;
 	});
 	for (let e of r) typeof e == "function" && e(n);
-}, Ce = r({
+}, we = r({
 	name: "BlokEditor",
 	inheritAttrs: !1,
 	props: {
@@ -646,6 +668,14 @@ var Q = r({
 			type: Boolean,
 			default: void 0
 		},
+		pageTitle: {
+			type: [Boolean, Object],
+			default: void 0
+		},
+		agent: {
+			type: Object,
+			default: void 0
+		},
 		recreateKey: { type: null }
 	},
 	emits: {
@@ -668,7 +698,7 @@ var Q = r({
 		});
 		let u = (e) => l.value.split("|").includes(e), d = () => {
 			let n = {};
-			for (let t of xe) {
+			for (let t of Ce) {
 				let r = e[t];
 				r !== void 0 && (n[t] = r);
 			}
@@ -678,11 +708,7 @@ var Q = r({
 					event: n
 				});
 			}), (u("onSave") || u("onUpdate:data")) && (n.onSave = (e) => {
-				if ((s == null ? void 0 : s.isUnmounted) === !0) {
-					Se(s.vnode.props, ["onUpdate:data", "onSave"], e);
-					return;
-				}
-				t("update:data", e), t("save", e);
+				(s == null ? void 0 : s.isUnmounted) === !0 ? $(s.vnode.props, ["onUpdate:data", "onSave"], e) : (t("update:data", e), t("save", e));
 			}), u("onAfterRender") && (n.onAfterRender = (e) => {
 				t("after-render", e);
 			}), u("onThemeChange") && (n.onThemeChange = (e) => {
@@ -725,30 +751,30 @@ var Q = r({
 				let t = f.value;
 				if (t !== null) return t.render(e).then(() => {
 					var n;
-					(n = oe(t)) == null || n.markRendered(e);
+					(n = se(t)) == null || n.markRendered(e);
 				});
 			}
 		}), () => a(Q, V({ editor: f.value }, o));
 	}
-}), $ = [
+}), Te = [
 	"toolbox",
 	"isReadOnlySupported",
 	"__isBlokVueBlock"
-], we = /* @__PURE__ */ new Set([
+], Ee = /* @__PURE__ */ new Set([
 	void 0,
 	"user",
 	"api",
 	"convert"
-]), Te = (e, t, n) => {
+]), De = (e, t, n) => {
 	var r;
 	e == null || (r = e.events) == null || r.emit(S, {
 		blockId: t,
 		childIds: n.map((e) => e.id)
 	});
 };
-function Ee(e) {
-	var t, n;
-	let i = () => r({
+function Oe(e) {
+	var t, n, i;
+	let o = () => r({
 		name: `VueBlock(${e.type})`,
 		props: {
 			ctx: {
@@ -766,7 +792,7 @@ function Ee(e) {
 				return (e = t.notifyMounted) == null ? void 0 : e.call(t);
 			}), e.setup(t.ctx);
 		}
-	}), o = (t = class {
+	}), s = (t = class {
 		static get toolbox() {
 			return e.toolbox;
 		}
@@ -774,8 +800,8 @@ function Ee(e) {
 			return !0;
 		}
 		constructor(t) {
-			var n, o, s;
-			this.wrappedComponent = i(), this.mountSignalled = !1, this.hostEl = null, this.pendingDispatch = !1, this.anchorEl = null, this.toolbarAnchorRef = (e) => {
+			var n, i, s;
+			this.wrappedComponent = o(), this.mountSignalled = !1, this.hostEl = null, this.pendingDispatch = !1, this.anchorEl = null, this.toolbarAnchorRef = (e) => {
 				let t = e === null || e instanceof Element ? e : e.$el;
 				this.anchorEl = t instanceof HTMLElement ? t : null;
 			}, this.notifyMounted = () => {
@@ -786,12 +812,12 @@ function Ee(e) {
 					origin: this.origin,
 					api: this.api
 				};
-				if ((t = e.onMounted) == null || t.call(e, this.blockApi, n), we.has(this.origin)) {
+				if ((t = e.onMounted) == null || t.call(e, this.blockApi, n), Ee.has(this.origin)) {
 					var r;
 					(r = e.onCreated) == null || r.call(e, this.blockApi, n);
 				}
 			}, this.commit = (t) => {
-				let n = k(e.propSchema, V(V({}, this.mirror), t));
+				let n = A(e.propSchema, V(V({}, this.mirror), t));
 				D(n, this.mirror) || (this.mirror = n, this.lastRendered = n, this.dataRef.value = n, this.flushDispatch());
 			}, this.blockApi = t.block;
 			let c = (n = t.config) == null ? {} : n;
@@ -800,7 +826,7 @@ function Ee(e) {
 			this.pointerDrag = () => {
 				var e;
 				return (l == null || (e = l.blocks) == null ? void 0 : e.isPointerDragActive) === !0;
-			}, this.mirror = k(e.propSchema, v((o = t.data) == null ? {} : o)), this.lastRendered = this.mirror, this.dataRef = _(this.mirror), this.readOnlyRef = _(t.readOnly), this.origin = (s = t.origin) == null ? "api" : s;
+			}, this.mirror = A(e.propSchema, v((i = t.data) == null ? {} : i)), this.lastRendered = this.mirror, this.dataRef = _(this.mirror), this.readOnlyRef = _(t.readOnly), this.origin = (s = t.origin) == null ? "api" : s;
 			let u = this.blockApi, f = this.api;
 			this.childrenComponent = r({
 				name: `VueBlockChildren(${e.type})`,
@@ -815,13 +841,13 @@ function Ee(e) {
 					}
 				},
 				setup(e) {
-					let t = g(null), n = te(), r = () => {
+					let t = g(null), n = ne(), r = () => {
 						if (t.value === null) return;
 						let r = u.getChildren();
-						A(t.value, ie(r, (e) => f.blocks.getChildren(e))), T(n, r, {
+						re(t.value, ae(r, (e) => f.blocks.getChildren(e))), T(n, r, {
 							childAttributes: e.childAttributes,
 							childContentAttributes: e.childContentAttributes
-						}), Te(f, u.id, r);
+						}), De(f, u.id, r);
 					};
 					return d(r), p(r), () => a("div", {
 						ref: t,
@@ -860,8 +886,8 @@ function Ee(e) {
 			return this.mirror;
 		}
 		async setData(t) {
-			let n = k(e.propSchema, v(t == null ? {} : t));
-			return D(n, this.lastRendered) ? !0 : (this.mirror = n, this.lastRendered = n, this.dataRef.value = n, await c(), !0);
+			let n = A(e.propSchema, v(t == null ? {} : t));
+			return D(n, this.lastRendered) || (this.mirror = n, this.lastRendered = n, this.dataRef.value = n, await c()), !0;
 		}
 		setReadOnly(e) {
 			this.readOnlyRef.value = e;
@@ -877,13 +903,21 @@ function Ee(e) {
 			var n;
 			return ((n = e.onNavigationEnter) == null ? void 0 : n.call(e, t, this.blockApi)) === !0;
 		}
+		isReadOnly() {
+			var t;
+			return ((t = e.isReadOnly) == null ? void 0 : t.call(e, this.blockApi)) === !0;
+		}
+		isDataReadOnly() {
+			var t;
+			return ((t = e.isDataReadOnly) == null ? void 0 : t.call(e, this.blockApi)) === !0;
+		}
 		moved() {
 			var t;
 			(t = e.onMoved) == null || t.call(e, this.blockApi);
 		}
-		removed() {
-			var t, n, r;
-			(t = this.registry) == null || t.unregister(this.blockApi.id, (n = this.hostEl) == null ? void 0 : n), (r = e.onRemoved) == null || r.call(e, this.blockApi);
+		removed(t) {
+			var n, r, i;
+			(n = this.registry) == null || n.unregister(this.blockApi.id, (r = this.hostEl) == null ? void 0 : r), (i = e.onRemoved) == null || i.call(e, this.blockApi, t);
 		}
 		destroy() {
 			var e, t;
@@ -897,22 +931,30 @@ function Ee(e) {
 			if (this.pendingDispatch) return;
 			this.pendingDispatch = !0;
 			let e = () => {
-				if (this.pointerDrag()) {
-					requestAnimationFrame(e);
-					return;
-				}
-				this.pendingDispatch = !1, this.blockApi.dispatchChange();
+				this.pointerDrag() ? requestAnimationFrame(e) : (this.pendingDispatch = !1, this.blockApi.dispatchChange());
 			};
 			requestAnimationFrame(e);
 		}
 	}, t.__isBlokVueBlock = !0, t);
-	for (let [t, r] of Object.entries((n = e.statics) == null ? {} : n)) $.includes(t) || Object.defineProperty(o, t, {
+	for (let [t, r] of Object.entries((n = e.statics) == null ? {} : n)) Te.includes(t) || Object.defineProperty(s, t, {
 		value: r,
 		writable: !0,
 		enumerable: !0,
 		configurable: !0
 	});
-	return o;
+	return ((i = e.statics) == null ? void 0 : i.describe) === void 0 && Object.defineProperty(s, "describe", {
+		value: () => {
+			var t;
+			return O({
+				type: e.type,
+				title: e.toolbox !== void 0 && !Array.isArray(e.toolbox) ? e.toolbox.title : void 0,
+				propSchema: e.propSchema,
+				richTextFields: (t = e.statics) == null ? void 0 : t.richTextFields
+			});
+		},
+		writable: !0,
+		enumerable: !0,
+		configurable: !0
+	}), s;
 }
-//#endregion
-export { H as BLOK_DEFAULT_CONFIG, Z as BLOK_EDITOR_INSTANCE, Q as BlokContent, Ce as BlokEditor, Ee as createVueBlock, U as provideBlok, he as useBlocks, Y as useBlok, W as useBlokDefaults, be as useBlokInstance, ge as useBlokReady };
+export { H as BLOK_DEFAULT_CONFIG, Z as BLOK_EDITOR_INSTANCE, Q as BlokContent, we as BlokEditor, Se as BlokTitle, Oe as createVueBlock, U as provideBlok, ge as useBlocks, Y as useBlok, W as useBlokDefaults, xe as useBlokInstance, _e as useBlokReady };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloklabs/vue",
-  "version": "1.16.0",
+  "version": "2.0.0",
   "description": "Vue block editor — official Vue 3 bindings for Blok, the headless Notion-like rich text editor. Composables and components that render blocks and save to JSON.",
   "license": "Apache-2.0",
   "author": "JackUait",
@@ -44,8 +44,7 @@
   },
   "files": [
     "dist",
-    "types",
-    "src"
+    "types"
   ],
   "publishConfig": {
     "access": "public"
@@ -54,7 +53,7 @@
     "build": "yarn run -T vite build --mode production"
   },
   "peerDependencies": {
-    "@bloklabs/core": "^1.16.0",
+    "@bloklabs/core": "^2.0.0",
     "vue": "^3.5.0"
   }
 }

package/types/index.d.ts

@@ -86,6 +86,24 @@ export declare function useBlok(
  */
 export declare const BlokContent: DefineComponent<BlokContentProps>;
 
+/** Props for the `BlokTitle` component. Other attributes fall through to its `<div>`. */
+export interface BlokTitleProps {
+  /** The Blok editor instance, or null while it is not ready. */
+  editor: Blok | null;
+}
+
+/**
+ * Places the editor's page title in a `<div>` of your own, through `editor.title.mount`.
+ * The editor needs `pageTitle` set: this component only moves the title.
+ * On unmount the title goes back above the first block. Slot content is not rendered.
+ *
+ * @example
+ * ```ts
+ * h(BlokTitle, { editor: editorRef.value?.instance ?? null })
+ * ```
+ */
+export declare const BlokTitle: DefineComponent<BlokTitleProps>;
+
 /**
  * Props for `<BlokEditor>` — every `UseBlokConfig` option except the callbacks
  * surfaced as emits (`onReady`/`onChange`/`onSave`/`onAfterRender`/`onThemeChange`),
@@ -226,6 +244,19 @@ export interface InsertSpec {
   caret?: CaretTarget;
 }
 
+/** Spec for {@link UseBlocksApi.create}. */
+export interface CreateSpec {
+  type?: string;
+  data?: BlockToolData;
+  /** `null` is the root. Omitted: the `before`/`after` sibling's parent, or the root. */
+  parentId?: string | null;
+  /** Defaults to `'end'`. */
+  position?: InsertPosition;
+  id?: string;
+  tunes?: { [name: string]: BlockTuneData };
+  focus?: boolean;
+}
+
 /**
  * One node of a pre-built nested subtree for {@link UseBlocksApi.insertTree}.
  *
@@ -311,7 +342,7 @@ export interface UseBlocksApi {
    * `parentId` nests the import (top-level converted blocks are reparented under
    * it); a dangling `parentId` (re-checked after the async convert) and a
    * converter failure both return `[]`. Returns all created {@link BlockNode}s in
-   * document order. `config` is forwarded to the converter (gfm/toolMap/extensions).
+   * document order. `config` is forwarded to the converter (gfm/toolMap/onUnknownNode/title).
    */
   insertMarkdown(
     markdown: string,
@@ -323,8 +354,9 @@ export interface UseBlocksApi {
    * {@link insertMarkdown}). Async: the serializer is lazy-loaded. Markdown cannot
    * express every block, so some structure is dropped (table `colspan`/`rowspan`,
    * heading columns). Returns `''` for an empty document. Pre-ready: `''`.
+   * `title: true` writes the page title first, as core's does.
    */
-  exportMarkdown(): Promise<string>;
+  exportMarkdown(options?: { title?: boolean }): Promise<string>;
   /**
    * Move `id` to a flat slot, as a single operation. No-op when `id` is unknown.
    * For a relative `{ before|after }` target it is also a no-op when the ref is
@@ -448,6 +480,14 @@ export interface UseBlocksApi {
    * `childData` defaults to an empty paragraph. Returns the created node. Pre-ready: `null`.
    */
   insertInsideParent(parentId: string, insertIndex: number, childData?: BlockToolData): BlockNode | null;
+  /**
+   * Add a block the way a toolbox pick does, for a host button such as "New
+   * page" — delegates to core's `blocks.create`. Goes to the end of the root
+   * unless `parentId`/`position` say otherwise. Resolves `null` for an unknown
+   * tool or a place that does not exist; rejects with the tool's
+   * `prepareInsert` error, inserting nothing. Pre-ready: `null`.
+   */
+  create(spec?: CreateSpec): Promise<BlockNode | null>;
   /**
    * Replace the WHOLE document with blocks parsed from saved {@link OutputData} —
    * delegates to core's `blocks.render`. CLEARS existing content first (a
@@ -689,6 +729,19 @@ export interface CreateVueBlockSpec<Data extends BlockToolData = BlockToolData>
    * @param block - this block's per-block API
    */
   onNavigationEnter?: (event: KeyboardEvent, block: BlockAPI) => boolean;
+  /**
+   * Core's `isReadOnly` hook: true when this block takes no edits from the
+   * user or an agent while the editor stays editable (no delete, move, merge,
+   * nesting or undo into it). Asked on each gesture; a throw counts as true.
+   * @param block - this block's per-block API
+   */
+  isReadOnly?: (block: BlockAPI) => boolean;
+  /**
+   * Core's `isDataReadOnly` hook: true when only this block's own data is
+   * frozen and its children stay open. A throw counts as true.
+   * @param block - this block's per-block API
+   */
+  isDataReadOnly?: (block: BlockAPI) => boolean;
   onRendered?: (block: BlockAPI) => void;
   /**
    * Fired ONCE per block instance, after the teleport's FIRST commit — the
@@ -729,7 +782,8 @@ export interface CreateVueBlockSpec<Data extends BlockToolData = BlockToolData>
    */
   onCreated?: (block: BlockAPI, context: VueBlockMountedContext) => void;
   onMoved?: (block: BlockAPI) => void;
-  onRemoved?: (block: BlockAPI) => void;
+  /** `removal.deleted` is true when a local edit deleted the block (see BlockTool.removed). */
+  onRemoved?: (block: BlockAPI, removal?: { deleted: boolean }) => void;
 }
 
 /**