@notectl/core 1.0.4 → 1.0.6

package/dist/plugins/font.mjs

@@ -0,0 +1,186 @@
+import { t } from "../chunks/Commands-DLP85Mp5.mjs";
+import { b as n } from "../chunks/AttrRegistry-DTsHyDVA.mjs";
+import { e, h as o, v as r } from "../chunks/Document-CI3iCwEP.mjs";
+import { i, a as s, s as a } from "../chunks/Selection-D5ZjXoB7.mjs";
+import { m as c } from "../chunks/TypeBrands-C09nE2qO.mjs";
+import { a as l } from "../chunks/ToolbarPlugin-sJTiZr-S.mjs";
+class f {
+  id = "font";
+  name = "Font";
+  priority = 22;
+  config;
+  injectedStyleElement = null;
+  context = null;
+  comboLabel = null;
+  constructor(t2) {
+    this.config = t2;
+  }
+  init(t2) {
+    t2.registerStyleSheet("\n/* Font Select — Combobox-style toolbar button */\n.notectl-toolbar-btn--font {\n	width: auto;\n	min-width: 100px;\n	max-width: 160px;\n	padding: 0 8px;\n	gap: 4px;\n	border: 1px solid var(--notectl-border);\n	border-radius: 4px;\n	background: var(--notectl-bg);\n}\n\n.notectl-toolbar-btn--font:hover {\n	background: var(--notectl-hover-bg);\n	border-color: var(--notectl-fg-muted);\n}\n\n.notectl-toolbar-btn--font.notectl-toolbar-btn--active {\n	background: var(--notectl-bg);\n	border-color: var(--notectl-primary-muted);\n}\n\n.notectl-toolbar-btn--font .notectl-toolbar-btn__icon {\n	display: flex;\n	align-items: center;\n	gap: 4px;\n	width: 100%;\n	overflow: hidden;\n}\n\n.notectl-toolbar-btn--font .notectl-toolbar-btn__icon svg {\n	display: none;\n}\n\n.notectl-font-select__label {\n	flex: 1;\n	font-size: 13px;\n	font-weight: 500;\n	color: var(--notectl-fg);\n	white-space: nowrap;\n	overflow: hidden;\n	text-overflow: ellipsis;\n	text-align: left;\n	line-height: 30px;\n}\n\n.notectl-font-select__arrow {\n	flex-shrink: 0;\n	font-size: 11px;\n	color: var(--notectl-fg-muted);\n	line-height: 30px;\n}\n\n/* Font Picker Popup */\n.notectl-font-picker {\n	min-width: 200px;\n	max-height: 320px;\n	overflow-y: auto;\n}\n\n.notectl-font-picker__list {\n	padding: 4px 0;\n}\n\n.notectl-font-picker__item {\n	display: flex;\n	align-items: center;\n	gap: 8px;\n	width: 100%;\n	padding: 7px 12px;\n	border: none;\n	background: none;\n	cursor: pointer;\n	font-size: 14px;\n	color: var(--notectl-fg);\n	line-height: 1.4;\n	text-align: left;\n	white-space: nowrap;\n	font-family: inherit;\n	transition: background 0.1s;\n}\n\n.notectl-font-picker__item:hover {\n	background: var(--notectl-hover-bg);\n}\n\n.notectl-font-picker__item--active {\n	background: var(--notectl-active-bg);\n	color: var(--notectl-primary-fg);\n}\n\n.notectl-font-picker__item--active:hover {\n	background: var(--notectl-active-bg);\n}\n\n.notectl-font-picker__check {\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	width: 16px;\n	flex-shrink: 0;\n	font-size: 13px;\n	font-weight: 600;\n	color: var(--notectl-primary-fg);\n}\n\n.notectl-font-picker__label {\n	flex: 1;\n}\n\n.notectl-font-picker__separator {\n	height: 1px;\n	background: var(--notectl-border);\n	margin: 4px 8px;\n}\n"), this.context = t2, this.registerMarkSpec(t2), this.registerCommands(t2), this.registerToolbarItem(t2), this.injectFontFaces();
+  }
+  destroy() {
+    this.injectedStyleElement?.remove(), this.injectedStyleElement = null, this.context = null, this.comboLabel = null;
+  }
+  onStateChange(t2, n2, e2) {
+    this.updateComboLabel(n2);
+  }
+  registerMarkSpec(t2) {
+    t2.registerMarkSpec({ type: "font", rank: 6, attrs: { family: { default: "" } }, toDOM(t3) {
+      const n2 = document.createElement("span"), e2 = t3.attrs?.family ?? "";
+      return e2 && (n2.style.fontFamily = e2), n2;
+    }, toHTMLString: (t3, n2) => {
+      const e2 = String(t3.attrs?.family ?? "");
+      return e2 ? `<span style="font-family: ${e2}">${n2}</span>` : n2;
+    }, parseHTML: [{ tag: "span", getAttrs: (t3) => {
+      const n2 = t3.style.fontFamily;
+      return !!n2 && { family: n2 };
+    } }], sanitize: { tags: ["span"] } });
+  }
+  registerCommands(t2) {
+    t2.registerCommand("removeFont", () => {
+      const n2 = t2.getState();
+      return this.removeFont(t2, n2);
+    }), t2.registerCommand("setFont", () => false);
+  }
+  get defaultFont() {
+    if (this.config.defaultFont) {
+      const t3 = this.config.fonts.find((t4) => t4.name === this.config.defaultFont);
+      if (t3) return t3;
+    }
+    const t2 = this.config.fonts[0];
+    if (!t2) throw new Error("FontPlugin: fonts list is empty");
+    return t2;
+  }
+  registerToolbarItem(t2) {
+    const n2 = `<span class="notectl-font-select__label" data-font-label>${this.defaultFont.name}</span><span class="notectl-font-select__arrow">▾</span>`;
+    t2.registerToolbarItem({ id: "font", group: "format", icon: n2, label: "Font", tooltip: "Font Family", command: "removeFont", priority: 5, popupType: "custom", separatorAfter: this.config.separatorAfter, renderPopup: (t3, n3) => {
+      this.renderFontPopup(t3, n3);
+    }, isActive: (t3) => this.isFontActive(t3) });
+  }
+  updateComboLabel(t2) {
+    if (!this.comboLabel) {
+      const t3 = this.context?.getPluginContainer("top");
+      if (!t3) return;
+      if (this.comboLabel = t3.querySelector("[data-font-label]") ?? null, !this.comboLabel) return;
+    }
+    const n2 = this.getActiveFont(t2), e2 = this.resolveFontName(n2);
+    this.comboLabel.textContent = e2;
+  }
+  resolveFontName(t2) {
+    if (!t2) return this.defaultFont.name;
+    const n2 = this.config.fonts.find((n3) => n3.family === t2);
+    return n2?.name ?? (t2.split(",")[0] ?? "").trim().replace(/'/g, "");
+  }
+  isFontActive(t2) {
+    return null !== this.getActiveFont(t2);
+  }
+  getActiveFont(t2) {
+    const o2 = t2.selection;
+    if (i(o2)) return null;
+    if (s(o2)) {
+      if (t2.storedMarks) {
+        const e2 = t2.storedMarks.find((t3) => "font" === t3.type);
+        return e2 && n(e2, "font") ? e2.attrs.family ?? null : null;
+      }
+      const r3 = t2.getBlock(o2.anchor.blockId);
+      if (!r3) return null;
+      const i2 = e(r3, o2.anchor.offset).find((t3) => "font" === t3.type);
+      return i2 && n(i2, "font") ? i2.attrs.family ?? null : null;
+    }
+    const r2 = t2.getBlock(o2.anchor.blockId);
+    if (!r2) return null;
+    const a2 = e(r2, o2.anchor.offset).find((t3) => "font" === t3.type);
+    return a2 && n(a2, "font") ? a2.attrs.family ?? null : null;
+  }
+  applyFont(n2, o2, r2) {
+    const l2 = o2.selection;
+    if (i(l2)) return false;
+    if (s(l2)) {
+      const t2 = o2.getBlock(l2.anchor.blockId);
+      if (!t2) return false;
+      const i2 = [...(o2.storedMarks ?? e(t2, l2.anchor.offset)).filter((t3) => "font" !== t3.type), { type: c("font"), attrs: { family: r2 } }], s2 = o2.transaction("command").setStoredMarks(i2, o2.storedMarks).setSelection(l2).build();
+      return n2.dispatch(s2), true;
+    }
+    const f2 = a(l2, o2.getBlockOrder()), p = o2.transaction("command"), m = { type: c("font"), attrs: { family: r2 } };
+    return t(o2, f2, (t2, n3, e2) => {
+      const r3 = o2.getBlock(t2);
+      if (r3) {
+        const o3 = this.findFontMarkInRange(r3, n3, e2);
+        o3 && p.removeMark(t2, n3, e2, o3);
+      }
+      p.addMark(t2, n3, e2, m);
+    }), p.setSelection(l2), n2.dispatch(p.build()), true;
+  }
+  removeFont(n2, r2) {
+    const l2 = r2.selection;
+    if (i(l2)) return false;
+    if (s(l2)) {
+      const t2 = r2.getBlock(l2.anchor.blockId);
+      if (!t2) return false;
+      const i2 = r2.storedMarks ?? e(t2, l2.anchor.offset);
+      if (!o(i2, c("font"))) return false;
+      const s2 = i2.filter((t3) => "font" !== t3.type), a2 = r2.transaction("command").setStoredMarks(s2, r2.storedMarks).setSelection(l2).build();
+      return n2.dispatch(a2), true;
+    }
+    const f2 = a(l2, r2.getBlockOrder()), p = r2.transaction("command");
+    return t(r2, f2, (t2, n3, e2) => {
+      const o2 = r2.getBlock(t2);
+      if (o2) {
+        const r3 = this.findFontMarkInRange(o2, n3, e2);
+        r3 && p.removeMark(t2, n3, e2, r3);
+      }
+    }), p.setSelection(l2), n2.dispatch(p.build()), true;
+  }
+  findFontMarkInRange(t2, n2, e2) {
+    const o2 = r(t2);
+    let i2 = 0;
+    for (const t3 of o2) {
+      const o3 = i2 + t3.text.length;
+      if (o3 > n2 && i2 < e2) {
+        const n3 = t3.marks.find((t4) => "font" === t4.type);
+        if (n3) return n3;
+      }
+      i2 = o3;
+    }
+  }
+  injectFontFaces() {
+    const t2 = [];
+    for (const n3 of this.config.fonts) if (n3.fontFaces?.length) for (const e2 of n3.fontFaces) {
+      const o2 = [`font-family: '${(n3.family.split(",")[0] ?? "").trim().replace(/'/g, "")}'`, `src: ${e2.src}`];
+      e2.weight && o2.push(`font-weight: ${e2.weight}`), e2.style && o2.push(`font-style: ${e2.style}`), o2.push(`font-display: ${e2.display ?? "swap"}`), t2.push(`@font-face {
+	${o2.join(";\n	")};
+}`);
+    }
+    if (0 === t2.length) return;
+    const n2 = document.createElement("style");
+    n2.setAttribute("data-notectl-fonts", ""), n2.textContent = t2.join("\n\n"), document.head.appendChild(n2), this.injectedStyleElement = n2;
+  }
+  dismissPopup() {
+    const t2 = this.context?.getService(l);
+    t2?.closePopup();
+  }
+  renderFontPopup(t2, n2) {
+    t2.classList.add("notectl-font-picker");
+    const e2 = n2.getState(), o2 = this.getActiveFont(e2), r2 = this.defaultFont.family, i2 = document.createElement("div");
+    i2.className = "notectl-font-picker__list";
+    for (const t3 of this.config.fonts) {
+      const e3 = t3.family === r2, s2 = e3 && !o2 || o2 === t3.family, a2 = this.createFontItem(t3.name, t3.family, s2, (o3) => {
+        o3.preventDefault(), o3.stopPropagation(), e3 ? n2.executeCommand("removeFont") : this.applyFont(n2, n2.getState(), t3.family), this.dismissPopup();
+      });
+      t3.category && a2.setAttribute("data-category", t3.category), i2.appendChild(a2);
+    }
+    t2.appendChild(i2);
+  }
+  createFontItem(t2, n2, e2, o2) {
+    const r2 = document.createElement("button");
+    r2.type = "button", r2.className = "notectl-font-picker__item", e2 && r2.classList.add("notectl-font-picker__item--active");
+    const i2 = document.createElement("span");
+    i2.className = "notectl-font-picker__check", i2.textContent = e2 ? "✓" : "", r2.appendChild(i2);
+    const s2 = document.createElement("span");
+    return s2.className = "notectl-font-picker__label", s2.textContent = t2, n2 && (s2.style.fontFamily = n2), r2.appendChild(s2), r2.addEventListener("mousedown", o2), r2;
+  }
+}
+export {
+  f as FontPlugin
+};
+//# sourceMappingURL=font.mjs.map

package/dist/plugins/font.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"font.mjs","sources":["../../src/plugins/font/FontPlugin.ts","../../src/editor/styles/font-select.ts"],"sourcesContent":["/**\n * FontPlugin: registers a font-family mark, a combobox-style toolbar selector\n * for font selection, and a developer-friendly API for registering custom fonts\n * (WOFF2, TTF, OTF).\n */\n\nimport { forEachBlockInRange } from '../../commands/Commands.js';\nimport { FONT_SELECT_CSS } from '../../editor/styles/font-select.js';\nimport { isMarkOfType } from '../../model/AttrRegistry.js';\nimport { getBlockMarksAtOffset, getTextChildren, hasMark } from '../../model/Document.js';\nimport type { BlockNode, Mark } from '../../model/Document.js';\nimport { isCollapsed, isNodeSelection, selectionRange } from '../../model/Selection.js';\nimport { markType } from '../../model/TypeBrands.js';\nimport type { EditorState } from '../../state/EditorState.js';\nimport type { Transaction } from '../../state/Transaction.js';\nimport type { Plugin, PluginContext } from '../Plugin.js';\nimport { ToolbarServiceKey } from '../toolbar/ToolbarPlugin.js';\n\n// --- Attribute Registry Augmentation ---\n\ndeclare module '../../model/AttrRegistry.js' {\n\tinterface MarkAttrRegistry {\n\t\tfont: { family: string };\n\t}\n}\n\n// --- Public Types ---\n\n/** Describes a single @font-face source. */\nexport interface FontFaceDescriptor {\n\t/** CSS `src` value, e.g. `\"url('/fonts/My.woff2') format('woff2')\"`. */\n\treadonly src: string;\n\t/** Font weight, e.g. `'400'` or `'300 700'` for variable fonts. */\n\treadonly weight?: string;\n\t/** Font style, e.g. `'normal'` or `'italic'`. */\n\treadonly style?: string;\n\t/** Font display strategy. Defaults to `'swap'`. */\n\treadonly display?: string;\n}\n\n/** Defines a font available in the editor. */\nexport interface FontDefinition {\n\t/** Display name shown in the toolbar dropdown. */\n\treadonly name: string;\n\t/** CSS `font-family` value, e.g. `\"'Fira Code', monospace\"`. */\n\treadonly family: string;\n\t/** Font category for grouping in the UI. */\n\treadonly category?: 'serif' | 'sans-serif' | 'monospace' | 'display' | 'handwriting';\n\t/**\n\t * Optional `@font-face` descriptors. When provided, the plugin\n\t * auto-injects the corresponding CSS rules into the document.\n\t */\n\treadonly fontFaces?: readonly FontFaceDescriptor[];\n}\n\n// --- Configuration ---\n\nexport interface FontConfig {\n\t/**\n\t * Fonts available in the editor. System fonts require no `fontFaces`.\n\t * Custom fonts with `fontFaces` get their `@font-face` rules auto-injected.\n\t *\n\t * Use `STARTER_FONTS` for a pre-configured set of fonts:\n\t * ```ts\n\t * new FontPlugin({ fonts: [...STARTER_FONTS] })\n\t * ```\n\t */\n\treadonly fonts: readonly FontDefinition[];\n\t/**\n\t * Name of the font that acts as the editor's default.\n\t * Selecting this font removes the mark (since the editor already uses it).\n\t * Defaults to the first font in the list.\n\t */\n\treadonly defaultFont?: string;\n\t/** When true, a separator is rendered after the font toolbar item. */\n\treadonly separatorAfter?: boolean;\n}\n\n// --- Plugin ---\n\nexport class FontPlugin implements Plugin {\n\treadonly id = 'font';\n\treadonly name = 'Font';\n\treadonly priority = 22;\n\n\tprivate readonly config: FontConfig;\n\tprivate injectedStyleElement: HTMLStyleElement | null = null;\n\tprivate context: PluginContext | null = null;\n\tprivate comboLabel: HTMLSpanElement | null = null;\n\n\tconstructor(config: FontConfig) {\n\t\tthis.config = config;\n\t}\n\n\tinit(context: PluginContext): void {\n\t\tcontext.registerStyleSheet(FONT_SELECT_CSS);\n\t\tthis.context = context;\n\t\tthis.registerMarkSpec(context);\n\t\tthis.registerCommands(context);\n\t\tthis.registerToolbarItem(context);\n\t\tthis.injectFontFaces();\n\t}\n\n\tdestroy(): void {\n\t\tthis.injectedStyleElement?.remove();\n\t\tthis.injectedStyleElement = null;\n\t\tthis.context = null;\n\t\tthis.comboLabel = null;\n\t}\n\n\tonStateChange(_oldState: EditorState, newState: EditorState, _tr: Transaction): void {\n\t\tthis.updateComboLabel(newState);\n\t}\n\n\t// --- Schema ---\n\n\tprivate registerMarkSpec(context: PluginContext): void {\n\t\tcontext.registerMarkSpec({\n\t\t\ttype: 'font',\n\t\t\trank: 6,\n\t\t\tattrs: {\n\t\t\t\tfamily: { default: '' },\n\t\t\t},\n\t\t\ttoDOM(mark) {\n\t\t\t\tconst span: HTMLElement = document.createElement('span');\n\t\t\t\tconst family: string = mark.attrs?.family ?? '';\n\t\t\t\tif (family) {\n\t\t\t\t\tspan.style.fontFamily = family;\n\t\t\t\t}\n\t\t\t\treturn span;\n\t\t\t},\n\t\t\ttoHTMLString: (mark, content) => {\n\t\t\t\tconst family: string = String(mark.attrs?.family ?? '');\n\t\t\t\tif (!family) return content;\n\t\t\t\treturn `<span style=\"font-family: ${family}\">${content}</span>`;\n\t\t\t},\n\t\t\tparseHTML: [\n\t\t\t\t{\n\t\t\t\t\ttag: 'span',\n\t\t\t\t\tgetAttrs: (el) => {\n\t\t\t\t\t\tconst family: string = el.style.fontFamily;\n\t\t\t\t\t\tif (!family) return false;\n\t\t\t\t\t\treturn { family };\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t],\n\t\t\tsanitize: { tags: ['span'] },\n\t\t});\n\t}\n\n\t// --- Commands ---\n\n\tprivate registerCommands(context: PluginContext): void {\n\t\tcontext.registerCommand('removeFont', () => {\n\t\t\tconst state: EditorState = context.getState();\n\t\t\treturn this.removeFont(context, state);\n\t\t});\n\n\t\tcontext.registerCommand('setFont', () => {\n\t\t\treturn false;\n\t\t});\n\t}\n\n\t// --- Toolbar ---\n\n\tprivate get defaultFont(): FontDefinition {\n\t\tif (this.config.defaultFont) {\n\t\t\tconst found: FontDefinition | undefined = this.config.fonts.find(\n\t\t\t\t(f) => f.name === this.config.defaultFont,\n\t\t\t);\n\t\t\tif (found) return found;\n\t\t}\n\t\tconst first: FontDefinition | undefined = this.config.fonts[0];\n\t\tif (!first) throw new Error('FontPlugin: fonts list is empty');\n\t\treturn first;\n\t}\n\n\tprivate registerToolbarItem(context: PluginContext): void {\n\t\t// The icon content renders as a combobox label + dropdown arrow.\n\t\t// The actual label text is updated via onStateChange → updateComboLabel.\n\t\tconst defaultName: string = this.defaultFont.name;\n\t\tconst label: string = `<span class=\"notectl-font-select__label\" data-font-label>${defaultName}</span>`;\n\t\tconst arrow = '<span class=\"notectl-font-select__arrow\">\\u25BE</span>';\n\t\tconst icon = `${label}${arrow}`;\n\n\t\tcontext.registerToolbarItem({\n\t\t\tid: 'font',\n\t\t\tgroup: 'format',\n\t\t\ticon,\n\t\t\tlabel: 'Font',\n\t\t\ttooltip: 'Font Family',\n\t\t\tcommand: 'removeFont',\n\t\t\tpriority: 5,\n\t\t\tpopupType: 'custom',\n\t\t\tseparatorAfter: this.config.separatorAfter,\n\t\t\trenderPopup: (container, ctx) => {\n\t\t\t\tthis.renderFontPopup(container, ctx);\n\t\t\t},\n\t\t\tisActive: (state) => this.isFontActive(state),\n\t\t});\n\t}\n\n\tprivate updateComboLabel(state: EditorState): void {\n\t\t// Lazily find the label element in the DOM\n\t\tif (!this.comboLabel) {\n\t\t\tconst container: HTMLElement | undefined = this.context?.getPluginContainer('top');\n\t\t\tif (!container) return;\n\t\t\tthis.comboLabel = container.querySelector<HTMLSpanElement>('[data-font-label]') ?? null;\n\t\t\tif (!this.comboLabel) return;\n\t\t}\n\n\t\tconst activeFamily: string | null = this.getActiveFont(state);\n\t\tconst displayName: string = this.resolveFontName(activeFamily);\n\t\tthis.comboLabel.textContent = displayName;\n\t}\n\n\tprivate resolveFontName(family: string | null): string {\n\t\tif (!family) return this.defaultFont.name;\n\t\tconst match: FontDefinition | undefined = this.config.fonts.find((f) => f.family === family);\n\t\treturn match?.name ?? (family.split(',')[0] ?? '').trim().replace(/'/g, '');\n\t}\n\n\t// --- State Queries ---\n\n\tprivate isFontActive(state: EditorState): boolean {\n\t\treturn this.getActiveFont(state) !== null;\n\t}\n\n\tgetActiveFont(state: EditorState): string | null {\n\t\tconst sel = state.selection;\n\t\tif (isNodeSelection(sel)) return null;\n\n\t\tif (isCollapsed(sel)) {\n\t\t\tif (state.storedMarks) {\n\t\t\t\tconst mark = state.storedMarks.find((m) => m.type === 'font');\n\t\t\t\treturn mark && isMarkOfType(mark, 'font') ? (mark.attrs.family ?? null) : null;\n\t\t\t}\n\t\t\tconst block = state.getBlock(sel.anchor.blockId);\n\t\t\tif (!block) return null;\n\t\t\tconst marks = getBlockMarksAtOffset(block, sel.anchor.offset);\n\t\t\tconst mark = marks.find((m) => m.type === 'font');\n\t\t\treturn mark && isMarkOfType(mark, 'font') ? (mark.attrs.family ?? null) : null;\n\t\t}\n\n\t\tconst block = state.getBlock(sel.anchor.blockId);\n\t\tif (!block) return null;\n\t\tconst marks = getBlockMarksAtOffset(block, sel.anchor.offset);\n\t\tconst mark = marks.find((m) => m.type === 'font');\n\t\treturn mark && isMarkOfType(mark, 'font') ? (mark.attrs.family ?? null) : null;\n\t}\n\n\t// --- Font Application ---\n\n\tapplyFont(context: PluginContext, state: EditorState, family: string): boolean {\n\t\tconst sel = state.selection;\n\t\tif (isNodeSelection(sel)) return false;\n\n\t\tif (isCollapsed(sel)) {\n\t\t\tconst anchorBlock = state.getBlock(sel.anchor.blockId);\n\t\t\tif (!anchorBlock) return false;\n\t\t\tconst currentMarks =\n\t\t\t\tstate.storedMarks ?? getBlockMarksAtOffset(anchorBlock, sel.anchor.offset);\n\t\t\tconst withoutFont = currentMarks.filter((m) => m.type !== 'font');\n\t\t\tconst newMarks = [...withoutFont, { type: markType('font'), attrs: { family } }];\n\n\t\t\tconst tr = state\n\t\t\t\t.transaction('command')\n\t\t\t\t.setStoredMarks(newMarks, state.storedMarks)\n\t\t\t\t.setSelection(sel)\n\t\t\t\t.build();\n\t\t\tcontext.dispatch(tr);\n\t\t\treturn true;\n\t\t}\n\n\t\tconst range = selectionRange(sel, state.getBlockOrder());\n\t\tconst builder = state.transaction('command');\n\t\tconst mark = { type: markType('font'), attrs: { family } };\n\n\t\tforEachBlockInRange(state, range, (blockId, from, to) => {\n\t\t\tconst block = state.getBlock(blockId);\n\t\t\tif (block) {\n\t\t\t\tconst existing: Mark | undefined = this.findFontMarkInRange(block, from, to);\n\t\t\t\tif (existing) {\n\t\t\t\t\tbuilder.removeMark(blockId, from, to, existing);\n\t\t\t\t}\n\t\t\t}\n\t\t\tbuilder.addMark(blockId, from, to, mark);\n\t\t});\n\n\t\tbuilder.setSelection(sel);\n\t\tcontext.dispatch(builder.build());\n\t\treturn true;\n\t}\n\n\tprivate removeFont(context: PluginContext, state: EditorState): boolean {\n\t\tconst sel = state.selection;\n\t\tif (isNodeSelection(sel)) return false;\n\n\t\tif (isCollapsed(sel)) {\n\t\t\tconst anchorBlock = state.getBlock(sel.anchor.blockId);\n\t\t\tif (!anchorBlock) return false;\n\t\t\tconst currentMarks =\n\t\t\t\tstate.storedMarks ?? getBlockMarksAtOffset(anchorBlock, sel.anchor.offset);\n\t\t\tif (!hasMark(currentMarks, markType('font'))) return false;\n\n\t\t\tconst newMarks = currentMarks.filter((m) => m.type !== 'font');\n\t\t\tconst tr = state\n\t\t\t\t.transaction('command')\n\t\t\t\t.setStoredMarks(newMarks, state.storedMarks)\n\t\t\t\t.setSelection(sel)\n\t\t\t\t.build();\n\t\t\tcontext.dispatch(tr);\n\t\t\treturn true;\n\t\t}\n\n\t\tconst range = selectionRange(sel, state.getBlockOrder());\n\t\tconst builder = state.transaction('command');\n\n\t\tforEachBlockInRange(state, range, (blockId, from, to) => {\n\t\t\tconst block = state.getBlock(blockId);\n\t\t\tif (block) {\n\t\t\t\tconst existing: Mark | undefined = this.findFontMarkInRange(block, from, to);\n\t\t\t\tif (existing) {\n\t\t\t\t\tbuilder.removeMark(blockId, from, to, existing);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\tbuilder.setSelection(sel);\n\t\tcontext.dispatch(builder.build());\n\t\treturn true;\n\t}\n\n\t/** Finds the first font mark in a block's text range (for proper step inversion). */\n\tprivate findFontMarkInRange(block: BlockNode, from: number, to: number): Mark | undefined {\n\t\tconst textChildren = getTextChildren(block);\n\t\tlet pos = 0;\n\t\tfor (const node of textChildren) {\n\t\t\tconst nodeEnd: number = pos + node.text.length;\n\t\t\tif (nodeEnd > from && pos < to) {\n\t\t\t\tconst fontMark: Mark | undefined = node.marks.find((m) => m.type === 'font');\n\t\t\t\tif (fontMark) return fontMark;\n\t\t\t}\n\t\t\tpos = nodeEnd;\n\t\t}\n\t\treturn undefined;\n\t}\n\n\t// --- @font-face Injection ---\n\n\tprivate injectFontFaces(): void {\n\t\tconst rules: string[] = [];\n\n\t\tfor (const font of this.config.fonts) {\n\t\t\tif (!font.fontFaces?.length) continue;\n\n\t\t\tfor (const face of font.fontFaces) {\n\t\t\t\tconst familyName: string = (font.family.split(',')[0] ?? '').trim().replace(/'/g, '');\n\t\t\t\tconst declarations: string[] = [`font-family: '${familyName}'`, `src: ${face.src}`];\n\t\t\t\tif (face.weight) {\n\t\t\t\t\tdeclarations.push(`font-weight: ${face.weight}`);\n\t\t\t\t}\n\t\t\t\tif (face.style) {\n\t\t\t\t\tdeclarations.push(`font-style: ${face.style}`);\n\t\t\t\t}\n\t\t\t\tdeclarations.push(`font-display: ${face.display ?? 'swap'}`);\n\n\t\t\t\trules.push(`@font-face {\\n\\t${declarations.join(';\\n\\t')};\\n}`);\n\t\t\t}\n\t\t}\n\n\t\tif (rules.length === 0) return;\n\n\t\tconst style: HTMLStyleElement = document.createElement('style');\n\t\tstyle.setAttribute('data-notectl-fonts', '');\n\t\tstyle.textContent = rules.join('\\n\\n');\n\t\tdocument.head.appendChild(style);\n\t\tthis.injectedStyleElement = style;\n\t}\n\n\t// --- Popup Rendering ---\n\n\tprivate dismissPopup(): void {\n\t\tconst toolbar = this.context?.getService(ToolbarServiceKey);\n\t\ttoolbar?.closePopup();\n\t}\n\n\tprivate renderFontPopup(container: HTMLElement, context: PluginContext): void {\n\t\tcontainer.classList.add('notectl-font-picker');\n\n\t\tconst state: EditorState = context.getState();\n\t\tconst activeFont: string | null = this.getActiveFont(state);\n\t\tconst defaultFamily: string = this.defaultFont.family;\n\n\t\tconst list: HTMLDivElement = document.createElement('div');\n\t\tlist.className = 'notectl-font-picker__list';\n\n\t\tfor (const font of this.config.fonts) {\n\t\t\tconst isDefault: boolean = font.family === defaultFamily;\n\t\t\tconst isActive: boolean = isDefault\n\t\t\t\t? !activeFont || activeFont === font.family\n\t\t\t\t: activeFont === font.family;\n\n\t\t\tconst item: HTMLButtonElement = this.createFontItem(\n\t\t\t\tfont.name,\n\t\t\t\tfont.family,\n\t\t\t\tisActive,\n\t\t\t\t(e: MouseEvent) => {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tif (isDefault) {\n\t\t\t\t\t\tcontext.executeCommand('removeFont');\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.applyFont(context, context.getState(), font.family);\n\t\t\t\t\t}\n\t\t\t\t\tthis.dismissPopup();\n\t\t\t\t},\n\t\t\t);\n\n\t\t\tif (font.category) {\n\t\t\t\titem.setAttribute('data-category', font.category);\n\t\t\t}\n\n\t\t\tlist.appendChild(item);\n\t\t}\n\n\t\tcontainer.appendChild(list);\n\t}\n\n\tprivate createFontItem(\n\t\tname: string,\n\t\tfamily: string,\n\t\tisActive: boolean,\n\t\thandler: (e: MouseEvent) => void,\n\t): HTMLButtonElement {\n\t\tconst item: HTMLButtonElement = document.createElement('button');\n\t\titem.type = 'button';\n\t\titem.className = 'notectl-font-picker__item';\n\n\t\tif (isActive) {\n\t\t\titem.classList.add('notectl-font-picker__item--active');\n\t\t}\n\n\t\t// Checkmark indicator\n\t\tconst check: HTMLSpanElement = document.createElement('span');\n\t\tcheck.className = 'notectl-font-picker__check';\n\t\tcheck.textContent = isActive ? '\\u2713' : '';\n\t\titem.appendChild(check);\n\n\t\t// Font name label (rendered in the font itself for preview)\n\t\tconst label: HTMLSpanElement = document.createElement('span');\n\t\tlabel.className = 'notectl-font-picker__label';\n\t\tlabel.textContent = name;\n\t\tif (family) {\n\t\t\tlabel.style.fontFamily = family;\n\t\t}\n\t\titem.appendChild(label);\n\n\t\titem.addEventListener('mousedown', handler);\n\t\treturn item;\n\t}\n}\n","/** Font picker toolbar combobox + popup styles. */\nexport const FONT_SELECT_CSS = `\n/* Font Select — Combobox-style toolbar button */\n.notectl-toolbar-btn--font {\n\twidth: auto;\n\tmin-width: 100px;\n\tmax-width: 160px;\n\tpadding: 0 8px;\n\tgap: 4px;\n\tborder: 1px solid var(--notectl-border);\n\tborder-radius: 4px;\n\tbackground: var(--notectl-bg);\n}\n\n.notectl-toolbar-btn--font:hover {\n\tbackground: var(--notectl-hover-bg);\n\tborder-color: var(--notectl-fg-muted);\n}\n\n.notectl-toolbar-btn--font.notectl-toolbar-btn--active {\n\tbackground: var(--notectl-bg);\n\tborder-color: var(--notectl-primary-muted);\n}\n\n.notectl-toolbar-btn--font .notectl-toolbar-btn__icon {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 4px;\n\twidth: 100%;\n\toverflow: hidden;\n}\n\n.notectl-toolbar-btn--font .notectl-toolbar-btn__icon svg {\n\tdisplay: none;\n}\n\n.notectl-font-select__label {\n\tflex: 1;\n\tfont-size: 13px;\n\tfont-weight: 500;\n\tcolor: var(--notectl-fg);\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\ttext-align: left;\n\tline-height: 30px;\n}\n\n.notectl-font-select__arrow {\n\tflex-shrink: 0;\n\tfont-size: 11px;\n\tcolor: var(--notectl-fg-muted);\n\tline-height: 30px;\n}\n\n/* Font Picker Popup */\n.notectl-font-picker {\n\tmin-width: 200px;\n\tmax-height: 320px;\n\toverflow-y: auto;\n}\n\n.notectl-font-picker__list {\n\tpadding: 4px 0;\n}\n\n.notectl-font-picker__item {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\twidth: 100%;\n\tpadding: 7px 12px;\n\tborder: none;\n\tbackground: none;\n\tcursor: pointer;\n\tfont-size: 14px;\n\tcolor: var(--notectl-fg);\n\tline-height: 1.4;\n\ttext-align: left;\n\twhite-space: nowrap;\n\tfont-family: inherit;\n\ttransition: background 0.1s;\n}\n\n.notectl-font-picker__item:hover {\n\tbackground: var(--notectl-hover-bg);\n}\n\n.notectl-font-picker__item--active {\n\tbackground: var(--notectl-active-bg);\n\tcolor: var(--notectl-primary-fg);\n}\n\n.notectl-font-picker__item--active:hover {\n\tbackground: var(--notectl-active-bg);\n}\n\n.notectl-font-picker__check {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 16px;\n\tflex-shrink: 0;\n\tfont-size: 13px;\n\tfont-weight: 600;\n\tcolor: var(--notectl-primary-fg);\n}\n\n.notectl-font-picker__label {\n\tflex: 1;\n}\n\n.notectl-font-picker__separator {\n\theight: 1px;\n\tbackground: var(--notectl-border);\n\tmargin: 4px 8px;\n}\n`;\n"],"names":["FontPlugin","id","name","priority","config","injectedStyleElement","context","comboLabel","this","registerStyleSheet","registerMarkSpec","registerCommands","registerToolbarItem","injectFontFaces","destroy","remove","_oldState","newState","_tr","updateComboLabel","type","rank","attrs","family","default","mark","span","document","createElement","style","fontFamily","toHTMLString","content","String","parseHTML","tag","getAttrs","el","sanitize","tags","registerCommand","state","getState","removeFont","defaultFont","found","fonts","find","f","first","Error","icon","group","label","tooltip","command","popupType","separatorAfter","renderPopup","container","ctx","renderFontPopup","isActive","isFontActive","getPluginContainer","querySelector","activeFamily","getActiveFont","displayName","resolveFontName","textContent","match","split","trim","replace","sel","selection","isNodeSelection","isCollapsed","storedMarks","m","isMarkOfType","block","getBlock","anchor","blockId","getBlockMarksAtOffset","offset","anchorBlock","newMarks","filter","markType","tr","transaction","setStoredMarks","setSelection","build","dispatch","range","selectionRange","getBlockOrder","builder","forEachBlockInRange","from","to","existing","findFontMarkInRange","removeMark","addMark","currentMarks","hasMark","textChildren","getTextChildren","pos","node","nodeEnd","text","length","fontMark","marks","rules","font","fontFaces","face","declarations","src","weight","push","display","join","setAttribute","head","appendChild","dismissPopup","toolbar","getService","ToolbarServiceKey","closePopup","classList","add","activeFont","defaultFamily","list","className","isDefault","item","createFontItem","e","preventDefault","stopPropagation","executeCommand","applyFont","category","handler","check","addEventListener"],"mappings":"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"}

package/dist/plugins/hard-break/HardBreakPlugin.d.ts

@@ -0,0 +1,16 @@
+import { Plugin, PluginContext } from '../Plugin.js';
+declare module '../../model/AttrRegistry.js' {
+    interface InlineNodeAttrRegistry {
+        hard_break: Record<string, never>;
+    }
+}
+export declare class HardBreakPlugin implements Plugin {
+    readonly id = "hard-break";
+    readonly name = "Hard Break";
+    readonly priority = 10;
+    init(context: PluginContext): void;
+    private registerInlineNodeSpec;
+    private registerCommands;
+    private registerKeymap;
+}
+//# sourceMappingURL=HardBreakPlugin.d.ts.map

package/dist/plugins/hard-break/HardBreakPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HardBreakPlugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/hard-break/HardBreakPlugin.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAI1D,OAAO,QAAQ,6BAA6B,CAAC;IAC5C,UAAU,sBAAsB;QAC/B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;KAClC;CACD;AAID,qBAAa,eAAgB,YAAW,MAAM;IAC7C,QAAQ,CAAC,EAAE,gBAAgB;IAC3B,QAAQ,CAAC,IAAI,gBAAgB;IAC7B,QAAQ,CAAC,QAAQ,MAAM;IAEvB,IAAI,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAMlC,OAAO,CAAC,sBAAsB;IAc9B,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,cAAc;CAWtB"}

package/dist/plugins/hard-break/index.d.ts

@@ -0,0 +1,2 @@
+export { HardBreakPlugin } from './HardBreakPlugin.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/plugins/hard-break/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/hard-break/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/plugins/hard-break.mjs

@@ -0,0 +1,28 @@
+import { l as e } from "../chunks/Commands-DLP85Mp5.mjs";
+class r {
+  id = "hard-break";
+  name = "Hard Break";
+  priority = 10;
+  init(e2) {
+    this.registerInlineNodeSpec(e2), this.registerCommands(e2), this.registerKeymap(e2);
+  }
+  registerInlineNodeSpec(e2) {
+    e2.registerInlineNodeSpec({ type: "hard_break", toDOM: () => document.createElement("br"), toHTMLString: () => "<br>", parseHTML: [{ tag: "br" }], sanitize: { tags: ["br"] } });
+  }
+  registerCommands(r2) {
+    r2.registerCommand("insertHardBreak", () => {
+      const t = r2.getState(), i = e(t);
+      return !!i && (r2.dispatch(i), true);
+    });
+  }
+  registerKeymap(r2) {
+    r2.registerKeymap({ "Shift-Enter": () => {
+      const t = r2.getState(), i = e(t);
+      return !!i && (r2.dispatch(i), true);
+    } });
+  }
+}
+export {
+  r as HardBreakPlugin
+};
+//# sourceMappingURL=hard-break.mjs.map

package/dist/plugins/hard-break.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hard-break.mjs","sources":["../../src/plugins/hard-break/HardBreakPlugin.ts"],"sourcesContent":["/**\n * HardBreakPlugin: registers a hard line break (Shift+Enter → `<br>`)\n * as an InlineNode, with command and keymap bindings.\n */\n\nimport { insertHardBreakCommand } from '../../commands/Commands.js';\nimport type { Plugin, PluginContext } from '../Plugin.js';\n\n// --- Attribute Registry Augmentation ---\n\ndeclare module '../../model/AttrRegistry.js' {\n\tinterface InlineNodeAttrRegistry {\n\t\thard_break: Record<string, never>;\n\t}\n}\n\n// --- Plugin ---\n\nexport class HardBreakPlugin implements Plugin {\n\treadonly id = 'hard-break';\n\treadonly name = 'Hard Break';\n\treadonly priority = 10;\n\n\tinit(context: PluginContext): void {\n\t\tthis.registerInlineNodeSpec(context);\n\t\tthis.registerCommands(context);\n\t\tthis.registerKeymap(context);\n\t}\n\n\tprivate registerInlineNodeSpec(context: PluginContext): void {\n\t\tcontext.registerInlineNodeSpec({\n\t\t\ttype: 'hard_break',\n\t\t\ttoDOM() {\n\t\t\t\treturn document.createElement('br');\n\t\t\t},\n\t\t\ttoHTMLString() {\n\t\t\t\treturn '<br>';\n\t\t\t},\n\t\t\tparseHTML: [{ tag: 'br' }],\n\t\t\tsanitize: { tags: ['br'] },\n\t\t});\n\t}\n\n\tprivate registerCommands(context: PluginContext): void {\n\t\tcontext.registerCommand('insertHardBreak', () => {\n\t\t\tconst state = context.getState();\n\t\t\tconst tr = insertHardBreakCommand(state);\n\t\t\tif (!tr) return false;\n\t\t\tcontext.dispatch(tr);\n\t\t\treturn true;\n\t\t});\n\t}\n\n\tprivate registerKeymap(context: PluginContext): void {\n\t\tcontext.registerKeymap({\n\t\t\t'Shift-Enter': () => {\n\t\t\t\tconst state = context.getState();\n\t\t\t\tconst tr = insertHardBreakCommand(state);\n\t\t\t\tif (!tr) return false;\n\t\t\t\tcontext.dispatch(tr);\n\t\t\t\treturn true;\n\t\t\t},\n\t\t});\n\t}\n}\n"],"names":["HardBreakPlugin","id","name","priority","context","this","registerInlineNodeSpec","registerCommands","registerKeymap","type","toDOM","document","createElement","toHTMLString","parseHTML","tag","sanitize","tags","registerCommand","state","getState","tr","insertHardBreakCommand","dispatch"],"mappings":";AAkBO,MAAMA,EAAAA;AAAAA,EACHC,KAAK;AAAA,EACLC,OAAO;AAAA,EACPC,WAAW;AAAA,EAEpB,KAAKC,IAAAA;AACJC,SAAKC,uBAAuBF,EAAAA,GAC5BC,KAAKE,iBAAiBH,EAAAA,GACtBC,KAAKG,eAAeJ,EAAAA;AAAAA,EACrB;AAAA,EAEQ,uBAAuBA;AAC9BA,IAAAA,GAAQE,uBAAuB,EAC9BG,MAAM,cACNC,OAAA,MACQC,SAASC,cAAc,IAAA,GAE/BC,cAAA,MACQ,QAERC,WAAW,CAAC,EAAEC,KAAK,SACnBC,UAAU,EAAEC,MAAM,CAAC,IAAA,EAAA,EAAA,CAAA;AAAA,EAErB;AAAA,EAEQ,iBAAiBb;AACxBA,IAAAA,GAAQc,gBAAgB,mBAAmB,MAAA;AAC1C,YAAMC,IAAQf,GAAQgB,SAAAA,GAChBC,IAAKC,EAAuBH,CAAAA;AAClC,eAAKE,MACLjB,GAAQmB,SAASF,CAAAA,GAAAA;AAAAA,IACV,CAAA;AAAA,EAET;AAAA,EAEQ,eAAejB;AACtBA,IAAAA,GAAQI,eAAe,EACtB,eAAe,MAAA;AACd,YAAMW,IAAQf,GAAQgB,YAChBC,IAAKC,EAAuBH;AAClC,aAAA,CAAA,CAAKE,MACLjB,GAAQmB,SAASF,CAAAA,GAAAA;AAAAA;EAIpB;AAAA;"}

package/dist/plugins/heading/BlockTypePickerEntry.d.ts

@@ -0,0 +1,20 @@
+import { EditorState } from '../../state/EditorState.js';
+export interface PickerEntryStyle {
+    readonly fontSize: string;
+    readonly fontWeight: string;
+}
+export interface BlockTypePickerEntry {
+    /** Unique identifier, e.g. 'heading-1', 'footer'. */
+    readonly id: string;
+    /** Display label shown in the picker, e.g. 'Heading 1'. */
+    readonly label: string;
+    /** Command to execute when the entry is selected. */
+    readonly command: string;
+    /** Sort order — lower values appear first. */
+    readonly priority: number;
+    /** Optional styling for the label in the picker dropdown. */
+    readonly style?: PickerEntryStyle;
+    /** Returns true when this entry matches the current block type. */
+    isActive(state: EditorState): boolean;
+}
+//# sourceMappingURL=BlockTypePickerEntry.d.ts.map

package/dist/plugins/heading/BlockTypePickerEntry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockTypePickerEntry.d.ts","sourceRoot":"","sources":["../../../src/plugins/heading/BlockTypePickerEntry.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,WAAW,gBAAgB;IAChC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,oBAAoB;IACpC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,qDAAqD;IACrD,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,8CAA8C;IAC9C,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,6DAA6D;IAC7D,QAAQ,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IAClC,mEAAmE;IACnE,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,OAAO,CAAC;CACtC"}

package/dist/plugins/heading/HeadingPlugin.d.ts

@@ -0,0 +1,78 @@
+import { EditorState } from '../../state/EditorState.js';
+import { Transaction } from '../../state/Transaction.js';
+import { Plugin, PluginContext } from '../Plugin.js';
+import { BlockAlignment } from '../alignment/AlignmentPlugin.js';
+declare module '../../model/AttrRegistry.js' {
+    interface NodeAttrRegistry {
+        heading: {
+            level: HeadingLevel;
+            align?: BlockAlignment;
+        };
+        title: {
+            align?: BlockAlignment;
+        };
+        subtitle: {
+            align?: BlockAlignment;
+        };
+    }
+}
+export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export interface HeadingConfig {
+    /** Which heading levels to enable. Defaults to [1, 2, 3, 4, 5, 6]. */
+    readonly levels: readonly HeadingLevel[];
+    /** When true, a separator is rendered after the heading toolbar item. */
+    readonly separatorAfter?: boolean;
+}
+export declare class HeadingPlugin implements Plugin {
+    readonly id = "heading";
+    readonly name = "Heading";
+    readonly priority = 30;
+    private readonly config;
+    private context;
+    private comboLabel;
+    constructor(config?: Partial<HeadingConfig>);
+    init(context: PluginContext): void;
+    destroy(): void;
+    onStateChange(_oldState: EditorState, newState: EditorState, _tr: Transaction): void;
+    private registerNodeSpecs;
+    private registerCommands;
+    private registerKeymaps;
+    private registerInputRules;
+    private registerPickerEntries;
+    private registerToolbarItem;
+    private updateComboLabel;
+    private getActiveLabel;
+    private dismissPopup;
+    private renderHeadingPopup;
+    private createPickerItem;
+    private static readonly HEADING_TYPES;
+    /**
+     * Handles Enter inside a heading block.
+     * Empty heading → convert to paragraph.
+     * Cursor at end → split and convert new block to paragraph.
+     * Cursor in middle → normal split (both stay heading).
+     */
+    private handleEnter;
+    /**
+     * Toggles between a special block type (title/subtitle) and paragraph.
+     * If the block is already that type, resets to paragraph.
+     */
+    private toggleSpecialBlock;
+    /**
+     * Toggles between heading (at given level) and paragraph.
+     * If the block is already a heading at the same level, resets to paragraph.
+     */
+    private toggleHeading;
+    private setBlockType;
+    /**
+     * Adds removeMark steps for each excluded mark type found
+     * on the block's inline text content.
+     */
+    private stripExcludedMarks;
+    /**
+     * Clears excluded mark types from stored marks so that
+     * subsequent typing does not reintroduce them.
+     */
+    private clearExcludedStoredMarks;
+}
+//# sourceMappingURL=HeadingPlugin.d.ts.map

package/dist/plugins/heading/HeadingPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingPlugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/heading/HeadingPlugin.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAcH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAsB,MAAM,4BAA4B,CAAC;AAClF,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAMtE,OAAO,QAAQ,6BAA6B,CAAC;IAC5C,UAAU,gBAAgB;QACzB,OAAO,EAAE;YAAE,KAAK,EAAE,YAAY,CAAC;YAAC,KAAK,CAAC,EAAE,cAAc,CAAA;SAAE,CAAC;QACzD,KAAK,EAAE;YAAE,KAAK,CAAC,EAAE,cAAc,CAAA;SAAE,CAAC;QAClC,QAAQ,EAAE;YAAE,KAAK,CAAC,EAAE,cAAc,CAAA;SAAE,CAAC;KACrC;CACD;AAID,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjD,MAAM,WAAW,aAAa;IAC7B,sEAAsE;IACtE,QAAQ,CAAC,MAAM,EAAE,SAAS,YAAY,EAAE,CAAC;IACzC,yEAAyE;IACzE,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;CAClC;AAkCD,qBAAa,aAAc,YAAW,MAAM;IAC3C,QAAQ,CAAC,EAAE,aAAa;IACxB,QAAQ,CAAC,IAAI,aAAa;IAC1B,QAAQ,CAAC,QAAQ,MAAM;IAEvB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgB;IACvC,OAAO,CAAC,OAAO,CAA8B;IAC7C,OAAO,CAAC,UAAU,CAAgC;gBAEtC,MAAM,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC;IAI3C,IAAI,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAWlC,OAAO,IAAI,IAAI;IAKf,aAAa,CAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,WAAW,GAAG,IAAI;IAIpF,OAAO,CAAC,iBAAiB;IA+DzB,OAAO,CAAC,gBAAgB;IA4BxB,OAAO,CAAC,eAAe;IAcvB,OAAO,CAAC,kBAAkB;IA0B1B,OAAO,CAAC,qBAAqB;IAuD7B,OAAO,CAAC,mBAAmB;IAyB3B,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,kBAAkB;IAgC1B,OAAO,CAAC,gBAAgB;IAoCxB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAIlC;IAEH;;;;;OAKG;IACH,OAAO,CAAC,WAAW;IAyCnB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAa1B;;;OAGG;IACH,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,YAAY;IA0BpB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IA4B1B;;;OAGG;IACH,OAAO,CAAC,wBAAwB;CAgBhC"}

package/dist/plugins/heading/index.d.ts

@@ -0,0 +1,3 @@
+export { HeadingPlugin, type HeadingConfig, type HeadingLevel, } from './HeadingPlugin.js';
+export type { BlockTypePickerEntry, PickerEntryStyle, } from './BlockTypePickerEntry.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/plugins/heading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/heading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,aAAa,EACb,KAAK,aAAa,EAClB,KAAK,YAAY,GACjB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EACX,oBAAoB,EACpB,gBAAgB,GAChB,MAAM,2BAA2B,CAAC"}

package/dist/plugins/heading.mjs

@@ -0,0 +1,188 @@
+import { p as t, g as e, b as n, j as o, k as r } from "../chunks/Document-CI3iCwEP.mjs";
+import { c as i } from "../chunks/NodeSpec-NZVvcCuH.mjs";
+import { i as l, a, c as s } from "../chunks/Selection-D5ZjXoB7.mjs";
+import { n as c } from "../chunks/TypeBrands-C09nE2qO.mjs";
+import { a as g } from "../chunks/ToolbarPlugin-sJTiZr-S.mjs";
+const d = { levels: [1, 2, 3, 4, 5, 6] }, p = { 1: "h1", 2: "h2", 3: "h3", 4: "h4", 5: "h5", 6: "h6" }, h = { 1: "Heading 1", 2: "Heading 2", 3: "Heading 3", 4: "Heading 4", 5: "Heading 5", 6: "Heading 6" }, u = "Paragraph";
+class b {
+  id = "heading";
+  name = "Heading";
+  priority = 30;
+  config;
+  context = null;
+  comboLabel = null;
+  constructor(t2) {
+    this.config = { ...d, ...t2 };
+  }
+  init(t2) {
+    t2.registerStyleSheet("\n/* Heading Select — Combobox-style toolbar button */\n.notectl-toolbar-btn--heading {\n	width: auto;\n	min-width: 100px;\n	max-width: 160px;\n	padding: 0 8px;\n	gap: 4px;\n	border: 1px solid var(--notectl-border);\n	border-radius: 4px;\n	background: var(--notectl-bg);\n}\n\n.notectl-toolbar-btn--heading:hover {\n	background: var(--notectl-hover-bg);\n	border-color: var(--notectl-fg-muted);\n}\n\n.notectl-toolbar-btn--heading.notectl-toolbar-btn--active {\n	background: var(--notectl-bg);\n	border-color: var(--notectl-primary-muted);\n}\n\n.notectl-toolbar-btn--heading .notectl-toolbar-btn__icon {\n	display: flex;\n	align-items: center;\n	gap: 4px;\n	width: 100%;\n	overflow: hidden;\n}\n\n.notectl-toolbar-btn--heading .notectl-toolbar-btn__icon svg {\n	display: none;\n}\n\n.notectl-heading-select__label {\n	flex: 1;\n	font-size: 13px;\n	font-weight: 500;\n	color: var(--notectl-fg);\n	white-space: nowrap;\n	overflow: hidden;\n	text-overflow: ellipsis;\n	text-align: left;\n	line-height: 30px;\n}\n\n.notectl-heading-select__arrow {\n	flex-shrink: 0;\n	font-size: 11px;\n	color: var(--notectl-fg-muted);\n	line-height: 30px;\n}\n\n/* Heading Picker Popup */\n.notectl-heading-picker {\n	min-width: 200px;\n	max-height: 320px;\n	overflow-y: auto;\n}\n\n.notectl-heading-picker__list {\n	padding: 4px 0;\n}\n\n.notectl-heading-picker__item {\n	display: flex;\n	align-items: center;\n	gap: 8px;\n	width: 100%;\n	padding: 7px 12px;\n	border: none;\n	background: none;\n	cursor: pointer;\n	font-size: 14px;\n	color: var(--notectl-fg);\n	text-align: left;\n	white-space: nowrap;\n	font-family: inherit;\n	transition: background 0.1s;\n}\n\n.notectl-heading-picker__item:hover {\n	background: var(--notectl-hover-bg);\n}\n\n.notectl-heading-picker__item--active {\n	background: var(--notectl-active-bg);\n	color: var(--notectl-primary-fg);\n}\n\n.notectl-heading-picker__item--active:hover {\n	background: var(--notectl-active-bg);\n}\n\n.notectl-heading-picker__check {\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	width: 16px;\n	flex-shrink: 0;\n	font-size: 13px;\n	font-weight: 600;\n	color: var(--notectl-primary-fg);\n}\n\n.notectl-heading-picker__label {\n	flex: 1;\n}\n"), this.context = t2, this.registerNodeSpecs(t2), this.registerCommands(t2), this.registerKeymaps(t2), this.registerInputRules(t2), this.registerPickerEntries(t2), this.registerToolbarItem(t2);
+  }
+  destroy() {
+    this.context = null, this.comboLabel = null;
+  }
+  onStateChange(t2, e2, n2) {
+    this.updateComboLabel(e2);
+  }
+  registerNodeSpecs(t2) {
+    t2.registerNodeSpec({ type: "title", group: "block", content: { allow: ["text"] }, excludeMarks: ["fontSize"], toDOM(t3) {
+      const e2 = i("h1", t3.id);
+      return e2.classList.add("notectl-title"), e2;
+    }, toHTML: (t3, e2) => `<h1>${e2 || "<br>"}</h1>`, sanitize: { tags: ["h1"] } }), t2.registerNodeSpec({ type: "subtitle", group: "block", content: { allow: ["text"] }, excludeMarks: ["fontSize"], toDOM(t3) {
+      const e2 = i("h2", t3.id);
+      return e2.classList.add("notectl-subtitle"), e2;
+    }, toHTML: (t3, e2) => `<h2>${e2 || "<br>"}</h2>`, sanitize: { tags: ["h2"] } }), t2.registerNodeSpec({ type: "heading", group: "block", content: { allow: ["text"] }, excludeMarks: ["fontSize"], attrs: { level: { default: 1 } }, toDOM(t3) {
+      const e2 = t3.attrs?.level ?? 1;
+      return i(p[e2] ?? "h1", t3.id);
+    }, toHTML(t3, e2) {
+      const n2 = t3.attrs?.level ?? 1, o2 = p[n2] ?? "h1";
+      return `<${o2}>${e2 || "<br>"}</${o2}>`;
+    }, parseHTML: [{ tag: "h1", getAttrs: () => ({ level: 1 }) }, { tag: "h2", getAttrs: () => ({ level: 2 }) }, { tag: "h3", getAttrs: () => ({ level: 3 }) }, { tag: "h4", getAttrs: () => ({ level: 4 }) }, { tag: "h5", getAttrs: () => ({ level: 5 }) }, { tag: "h6", getAttrs: () => ({ level: 6 }) }], sanitize: { tags: ["h1", "h2", "h3", "h4", "h5", "h6"] } });
+  }
+  registerCommands(t2) {
+    t2.registerCommand("setTitle", () => this.toggleSpecialBlock(t2, "title")), t2.registerCommand("setSubtitle", () => this.toggleSpecialBlock(t2, "subtitle"));
+    for (const e2 of this.config.levels) t2.registerCommand(`setHeading${e2}`, () => this.toggleHeading(t2, e2));
+    t2.registerCommand("toggleHeading", () => this.toggleHeading(t2, 1)), t2.registerCommand("setParagraph", () => this.setBlockType(t2, c("paragraph")));
+  }
+  registerKeymaps(t2) {
+    const e2 = { Enter: () => this.handleEnter(t2) };
+    for (const n2 of this.config.levels) n2 <= 6 && (e2[`Mod-Shift-${n2}`] = () => t2.executeCommand(`setHeading${n2}`));
+    t2.registerKeymap(e2);
+  }
+  registerInputRules(t2) {
+    for (const e2 of this.config.levels) {
+      const n2 = "#".repeat(e2), o2 = new RegExp(`^${n2} $`);
+      t2.registerInputRule({ pattern: o2, handler(t3, n3, o3, r2) {
+        const i2 = t3.selection;
+        if (l(i2)) return null;
+        if (!a(i2)) return null;
+        const g2 = t3.getBlock(i2.anchor.blockId);
+        return g2 && "paragraph" === g2.type ? t3.transaction("input").deleteTextAt(i2.anchor.blockId, o3, o3 + e2 + 1).setBlockType(i2.anchor.blockId, c("heading"), { level: e2 }).setSelection(s(i2.anchor.blockId, 0)).build() : null;
+      } });
+    }
+  }
+  registerPickerEntries(t2) {
+    t2.registerBlockTypePickerEntry({ id: "paragraph", label: u, command: "setParagraph", priority: 10, isActive: (t3) => {
+      if (l(t3.selection)) return false;
+      const e2 = t3.getBlock(t3.selection.anchor.blockId);
+      return "paragraph" === e2?.type;
+    } }), t2.registerBlockTypePickerEntry({ id: "title", label: "Title", command: "setTitle", priority: 20, style: { fontSize: "1.6em", fontWeight: "700" }, isActive: (t3) => {
+      if (l(t3.selection)) return false;
+      const e2 = t3.getBlock(t3.selection.anchor.blockId);
+      return "title" === e2?.type;
+    } }), t2.registerBlockTypePickerEntry({ id: "subtitle", label: "Subtitle", command: "setSubtitle", priority: 30, style: { fontSize: "1.3em", fontWeight: "500" }, isActive: (t3) => {
+      if (l(t3.selection)) return false;
+      const e2 = t3.getBlock(t3.selection.anchor.blockId);
+      return "subtitle" === e2?.type;
+    } });
+    for (const e2 of this.config.levels) t2.registerBlockTypePickerEntry({ id: `heading-${e2}`, label: h[e2], command: `setHeading${e2}`, priority: 100 + e2, style: { fontSize: 1.4 - 0.1 * e2 + "em", fontWeight: "600" }, isActive: (t3) => {
+      if (l(t3.selection)) return false;
+      const n2 = t3.getBlock(t3.selection.anchor.blockId);
+      return "heading" === n2?.type && n2.attrs?.level === e2;
+    } });
+  }
+  registerToolbarItem(t2) {
+    const e2 = `<span class="notectl-heading-select__label" data-heading-label>${u}</span><span class="notectl-heading-select__arrow">▾</span>`;
+    t2.registerToolbarItem({ id: "heading", group: "block", icon: e2, label: "Block Type", tooltip: "Block Type", command: "setParagraph", priority: 50, popupType: "custom", separatorAfter: this.config.separatorAfter, renderPopup: (t3, e3) => {
+      this.renderHeadingPopup(t3, e3);
+    }, isActive: (e3) => t2.getSchemaRegistry().getBlockTypePickerEntries().some((t3) => "paragraph" !== t3.id && t3.isActive(e3)) });
+  }
+  updateComboLabel(t2) {
+    if (!this.comboLabel) {
+      const t3 = this.context?.getPluginContainer("top");
+      if (!t3) return;
+      if (this.comboLabel = t3.querySelector("[data-heading-label]") ?? null, !this.comboLabel) return;
+    }
+    this.comboLabel.textContent = this.getActiveLabel(t2);
+  }
+  getActiveLabel(t2) {
+    if (l(t2.selection)) return u;
+    const e2 = this.context?.getSchemaRegistry().getBlockTypePickerEntries() ?? [];
+    for (const n2 of e2) if (n2.isActive(t2)) return n2.label;
+    return u;
+  }
+  dismissPopup() {
+    const t2 = this.context?.getService(g);
+    t2?.closePopup();
+  }
+  renderHeadingPopup(t2, e2) {
+    t2.classList.add("notectl-heading-picker");
+    const n2 = e2.getState();
+    if (l(n2.selection)) return;
+    const o2 = document.createElement("div");
+    o2.className = "notectl-heading-picker__list", o2.setAttribute("role", "listbox"), o2.setAttribute("aria-label", "Block types");
+    const r2 = e2.getSchemaRegistry().getBlockTypePickerEntries();
+    for (const t3 of r2) {
+      const r3 = t3.isActive(n2);
+      o2.appendChild(this.createPickerItem(t3.label, r3, (n3) => {
+        n3.preventDefault(), n3.stopPropagation(), e2.executeCommand(t3.command), this.dismissPopup();
+      }, t3.style));
+    }
+    t2.appendChild(o2);
+  }
+  createPickerItem(t2, e2, n2, o2) {
+    const r2 = document.createElement("button");
+    r2.type = "button", r2.className = "notectl-heading-picker__item", r2.setAttribute("role", "option"), r2.setAttribute("aria-selected", String(e2)), e2 && r2.classList.add("notectl-heading-picker__item--active");
+    const i2 = document.createElement("span");
+    i2.className = "notectl-heading-picker__check", i2.textContent = e2 ? "✓" : "", r2.appendChild(i2);
+    const l2 = document.createElement("span");
+    return l2.className = "notectl-heading-picker__label", l2.textContent = t2, o2 && (l2.style.fontSize = o2.fontSize, l2.style.fontWeight = o2.fontWeight), r2.appendChild(l2), r2.addEventListener("mousedown", n2), r2;
+  }
+  static HEADING_TYPES = /* @__PURE__ */ new Set(["heading", "title", "subtitle"]);
+  handleEnter(o2) {
+    const r2 = o2.getState(), i2 = r2.selection;
+    if (l(i2)) return false;
+    if (!a(i2)) return false;
+    const g2 = r2.getBlock(i2.anchor.blockId);
+    if (!g2 || !b.HEADING_TYPES.has(g2.type)) return false;
+    if ("" === t(g2)) {
+      const t2 = r2.transaction("input").setBlockType(i2.anchor.blockId, c("paragraph")).setSelection(i2).build();
+      return o2.dispatch(t2), true;
+    }
+    const d2 = e(g2);
+    if (i2.anchor.offset >= d2) {
+      const t2 = n(), e2 = r2.transaction("input").splitBlock(i2.anchor.blockId, i2.anchor.offset, t2).setBlockType(t2, c("paragraph")).setSelection(s(t2, 0)).build();
+      return o2.dispatch(e2), true;
+    }
+    return false;
+  }
+  toggleSpecialBlock(t2, e2) {
+    const n2 = t2.getState();
+    if (l(n2.selection)) return false;
+    const o2 = n2.getBlock(n2.selection.anchor.blockId);
+    return !!o2 && (o2.type === e2 ? this.setBlockType(t2, c("paragraph")) : this.setBlockType(t2, c(e2)));
+  }
+  toggleHeading(t2, e2) {
+    const n2 = t2.getState(), o2 = n2.selection;
+    if (l(o2)) return false;
+    const r2 = n2.getBlock(o2.anchor.blockId);
+    return !!r2 && ("heading" === r2.type && r2.attrs?.level === e2 ? this.setBlockType(t2, c("paragraph")) : this.setBlockType(t2, c("heading"), { level: e2 }));
+  }
+  setBlockType(t2, e2, n2) {
+    const o2 = t2.getState(), r2 = o2.selection;
+    if (l(r2)) return false;
+    const i2 = o2.getBlock(r2.anchor.blockId);
+    if (!i2) return false;
+    const a2 = o2.transaction("command"), s2 = t2.getSchemaRegistry().getNodeSpec(e2);
+    s2?.excludeMarks && s2.excludeMarks.length > 0 && (this.stripExcludedMarks(a2, i2, s2.excludeMarks), this.clearExcludedStoredMarks(a2, o2, s2.excludeMarks));
+    const c2 = a2.setBlockType(r2.anchor.blockId, e2, n2).setSelection(r2).build();
+    return t2.dispatch(c2), true;
+  }
+  stripExcludedMarks(t2, n2, i2) {
+    if (0 === e(n2)) return;
+    const l2 = new Set(i2), a2 = o(n2);
+    let s2 = 0;
+    for (const e2 of a2) if (r(e2)) {
+      if (e2.text.length > 0) for (const o2 of e2.marks) l2.has(o2.type) && t2.removeMark(n2.id, s2, s2 + e2.text.length, o2);
+      s2 += e2.text.length;
+    } else s2 += 1;
+  }
+  clearExcludedStoredMarks(t2, e2, n2) {
+    if (!e2.storedMarks) return;
+    const o2 = new Set(n2), r2 = e2.storedMarks.filter((t3) => !o2.has(t3.type));
+    r2.length !== e2.storedMarks.length && t2.setStoredMarks(r2.length > 0 ? r2 : null, e2.storedMarks);
+  }
+}
+export {
+  b as HeadingPlugin
+};
+//# sourceMappingURL=heading.mjs.map