(),\n };\n },\n\n apply(transaction, prev, oldState, newState) {\n prev.currentTransactionOldBlockAttrs = {};\n prev.updatedBlocks.clear();\n\n if (!transaction.docChanged) {\n return prev;\n }\n\n // Only check nodes affected by the transaction, not the entire document.\n // changedRange() is O(steps) unlike tiptap's getChangedRanges which is O(steps²).\n const newRange = transaction.changedRange();\n if (!newRange) {\n return prev;\n }\n\n // Map the new-doc range back to old-doc coordinates\n const invertedMapping = transaction.mapping.invert();\n const oldRange = {\n from: invertedMapping.map(newRange.from, -1),\n to: invertedMapping.map(newRange.to, 1),\n };\n\n const currentTransactionOriginalOldBlockAttrs = {} as any;\n\n const oldNodes = findChildrenInRange(\n oldState.doc,\n oldRange,\n (node) => node.attrs.id,\n );\n const oldNodesById = new Map(\n oldNodes.map((node) => [\n getNodeId(node.node, oldState.doc),\n node,\n ]),\n );\n const newNodes = findChildrenInRange(\n newState.doc,\n newRange,\n (node) => node.attrs.id,\n );\n\n for (const node of newNodes) {\n const nodeId = getNodeId(node.node, newState.doc);\n const oldNode = oldNodesById.get(nodeId);\n\n const oldContentNode = oldNode?.node.firstChild;\n const newContentNode = node.node.firstChild;\n\n if (oldNode && oldContentNode && newContentNode) {\n const newAttrs = {\n index: newContentNode.attrs.index,\n level: newContentNode.attrs.level,\n type: newContentNode.type.name,\n depth: newState.doc.resolve(node.pos).depth,\n };\n\n const oldAttrs = {\n index: oldContentNode.attrs.index,\n level: oldContentNode.attrs.level,\n type: oldContentNode.type.name,\n depth: oldState.doc.resolve(oldNode.pos).depth,\n };\n\n currentTransactionOriginalOldBlockAttrs[nodeId] = oldAttrs;\n\n prev.currentTransactionOldBlockAttrs[nodeId] = oldAttrs;\n\n if (\n oldAttrs.index !== newAttrs.index ||\n oldAttrs.level !== newAttrs.level ||\n oldAttrs.type !== newAttrs.type ||\n oldAttrs.depth !== newAttrs.depth\n ) {\n (oldAttrs as any)[\"depth-change\"] =\n oldAttrs.depth - newAttrs.depth;\n\n prev.updatedBlocks.add(nodeId);\n }\n }\n }\n\n prev.prevTransactionOldBlockAttrs =\n currentTransactionOriginalOldBlockAttrs;\n\n return prev;\n },\n },\n props: {\n decorations(state) {\n const pluginState = (this as Plugin).getState(state);\n if (pluginState.updatedBlocks.size === 0) {\n return undefined;\n }\n\n const decorations: Decoration[] = [];\n\n state.doc.descendants((node, pos) => {\n if (!node.attrs.id) {\n return;\n }\n\n const id = getNodeId(node, state.doc);\n\n if (!pluginState.updatedBlocks.has(id)) {\n return;\n }\n\n const prevAttrs = pluginState.currentTransactionOldBlockAttrs[id];\n const decorationAttrs: any = {};\n\n for (const [nodeAttr, val] of Object.entries(prevAttrs)) {\n decorationAttrs[\"data-prev-\" + nodeAttributes[nodeAttr]] =\n val || \"none\";\n }\n\n decorations.push(\n Decoration.node(pos, pos + node.nodeSize, {\n ...decorationAttrs,\n }),\n );\n });\n\n return DecorationSet.create(state.doc, decorations);\n },\n },\n }),\n ],\n } as const;\n});\n","import { EditorView } from \"prosemirror-view\";\n\nexport function getDraggableBlockFromElement(\n element: Element,\n view: EditorView,\n) {\n while (\n element &&\n element.parentElement &&\n element.parentElement !== view.dom &&\n element.getAttribute?.(\"data-node-type\") !== \"blockContainer\"\n ) {\n element = element.parentElement;\n }\n if (element.getAttribute?.(\"data-node-type\") !== \"blockContainer\") {\n return undefined;\n }\n return { node: element as HTMLElement, id: element.getAttribute(\"data-id\")! };\n}\n","/**\n * Custom HTML-to-Markdown serializer for BlockNote.\n * Replaces the unified/rehype-remark pipeline with a direct DOM-based implementation.\n *\n * Input: HTML string from createExternalHTMLExporter\n * Output: GFM-compatible markdown string\n */\n\n/**\n * Convert an HTML string (from BlockNote's external HTML exporter) to markdown.\n */\nexport function htmlToMarkdown(html: string): string {\n // Use a temporary element to parse HTML. This works in both browser and\n // server (JSDOM) environments, unlike `new DOMParser()` which may not be\n // globally available in Node.js.\n const container = document.createElement(\"div\");\n container.innerHTML = html;\n const result = serializeChildren(container, {\n indent: \"\",\n inListItem: false,\n });\n return result.trim() + \"\\n\";\n}\n\ninterface SerializeContext {\n indent: string; // current indentation prefix for list nesting\n // True when the current node is being serialized as continuation content\n // of a parent list item. Used to suppress trailing blank lines that would\n // otherwise turn the parent list into a \"loose\" list.\n inListItem: boolean;\n}\n\n// ─── Main Serializer ─────────────────────────────────────────────────────────\n\nfunction serializeChildren(node: Node, ctx: SerializeContext): string {\n let result = \"\";\n const children = Array.from(node.childNodes);\n\n for (let i = 0; i < children.length; i++) {\n const child = children[i];\n result += serializeNode(child, ctx);\n }\n\n return result;\n}\n\nfunction serializeNode(node: Node, ctx: SerializeContext): string {\n if (node.nodeType === 3 /* Node.TEXT_NODE */) {\n return node.textContent || \"\";\n }\n\n if (node.nodeType !== 1 /* Node.ELEMENT_NODE */) {\n return \"\";\n }\n\n const el = node as HTMLElement;\n const tag = el.tagName.toLowerCase();\n\n switch (tag) {\n case \"p\":\n return serializeParagraph(el, ctx);\n case \"h1\":\n case \"h2\":\n case \"h3\":\n case \"h4\":\n case \"h5\":\n case \"h6\":\n return serializeHeading(el, ctx);\n case \"blockquote\":\n return serializeBlockquote(el, ctx);\n case \"pre\":\n return serializeCodeBlock(el, ctx);\n case \"ul\":\n return serializeUnorderedList(el, ctx);\n case \"ol\":\n return serializeOrderedList(el, ctx);\n case \"table\":\n return serializeTable(el, ctx);\n case \"hr\":\n return ctx.indent + \"***\\n\\n\";\n case \"math\":\n return serializeMathBlock(el, ctx);\n case \"img\":\n return serializeImage(el, ctx);\n case \"video\":\n return serializeVideo(el, ctx);\n case \"audio\":\n return serializeAudio(el, ctx);\n case \"embed\":\n return serializeEmbed(el, ctx);\n case \"figure\":\n return serializeFigure(el, ctx);\n case \"a\":\n // Block-level link (file block)\n return serializeBlockLink(el, ctx);\n case \"details\":\n return serializeDetails(el, ctx);\n case \"div\":\n // Page break or generic container — serialize children\n return serializeChildren(el, ctx);\n case \"br\":\n return \"\";\n default:\n return serializeChildren(el, ctx);\n }\n}\n\n// ─── Block Serializers ───────────────────────────────────────────────────────\n\nfunction serializeParagraph(el: HTMLElement, ctx: SerializeContext): string {\n const content = serializeInlineContent(el);\n // Trim leading/trailing hard breaks (matching remark behavior)\n const trimmed = trimHardBreaks(content);\n if (ctx.inListItem) {\n return trimmed;\n }\n return ctx.indent + trimmed + \"\\n\\n\";\n}\n\nfunction serializeHeading(el: HTMLElement, ctx: SerializeContext): string {\n const level = parseInt(el.tagName[1], 10);\n const prefix = \"#\".repeat(level) + \" \";\n const content = serializeInlineContent(el);\n return ctx.indent + prefix + content + \"\\n\\n\";\n}\n\nfunction serializeBlockquote(el: HTMLElement, ctx: SerializeContext): string {\n // Check if blockquote contains block-level elements (like )\n const blockChildren = Array.from(el.children).filter((child) => {\n const tag = child.tagName.toLowerCase();\n return [\"p\", \"ul\", \"ol\", \"pre\", \"blockquote\", \"table\", \"hr\"].includes(tag);\n });\n\n let content: string;\n if (blockChildren.length > 0) {\n // Has block-level children — serialize each\n const parts: string[] = [];\n for (const child of blockChildren) {\n const tag = child.tagName.toLowerCase();\n if (tag === \"p\") {\n parts.push(serializeInlineContent(child as HTMLElement));\n } else {\n const innerCtx: SerializeContext = { indent: \"\", inListItem: false };\n parts.push(serializeNode(child, innerCtx).trim());\n }\n }\n content = parts.join(\"\\n\\n\");\n } else {\n // No block-level children — treat entire content as inline\n content = serializeInlineContent(el);\n }\n\n const lines = content.split(\"\\n\");\n return lines.map((line) => ctx.indent + \"> \" + line).join(\"\\n\") + \"\\n\\n\";\n}\n\nfunction serializeCodeBlock(el: HTMLElement, ctx: SerializeContext): string {\n const codeEl = el.querySelector(\"code\");\n if (!codeEl) {\n return \"\";\n }\n\n const language =\n codeEl.getAttribute(\"data-language\") ||\n extractLanguageFromClass(codeEl.className) ||\n \"\";\n\n // Extract code content, handling
elements as newlines\n const code = extractCodeContent(codeEl);\n\n // Use a fence longer than the longest backtick run in the code\n const longestRun = Math.max(\n 0,\n ...(code.match(/`+/g) ?? []).map((run) => run.length),\n );\n const fence = \"`\".repeat(Math.max(3, longestRun + 1));\n\n // For empty code blocks, don't add a newline between the fences\n if (!code) {\n return ctx.indent + fence + language + \"\\n\" + ctx.indent + fence + \"\\n\\n\";\n }\n\n // Every (non-blank) line carries the indent - inside a list item or\n // blockquote, an unindented line would end the parent container. Blank\n // lines stay blank: they don't terminate an indented fence, and indenting\n // them would add trailing whitespace.\n const lines = [\n fence + language,\n ...(code.endsWith(\"\\n\") ? code.slice(0, -1) : code).split(\"\\n\"),\n fence,\n ];\n return (\n lines.map((line) => (line ? ctx.indent + line : line)).join(\"\\n\") + \"\\n\\n\"\n );\n}\n\n// The LaTeX source of a MathML element, taken from the annotation KaTeX\n// embeds in its output (also what external HTML parsing reads). Falls back to\n// the element's text content for MathML from other sources.\nfunction extractMathLatexSource(el: Element): string {\n const annotation = el.querySelector(\n 'annotation[encoding=\"application/x-tex\"]',\n );\n return (annotation?.textContent ?? el.textContent ?? \"\").trim();\n}\n\nfunction serializeMathBlock(el: HTMLElement, ctx: SerializeContext): string {\n const latex = extractMathLatexSource(el);\n // Every (non-blank) line carries the indent - inside a list item or\n // blockquote, an unindented line would end the parent container.\n return (\n [\"$$\", ...latex.split(\"\\n\"), \"$$\"]\n .map((line) => (line ? ctx.indent + line : line))\n .join(\"\\n\") + \"\\n\\n\"\n );\n}\n\nfunction extractCodeContent(el: Element): string {\n let result = \"\";\n for (const child of Array.from(el.childNodes)) {\n if (child.nodeType === 3 /* Node.TEXT_NODE */) {\n result += child.textContent || \"\";\n } else if (child.nodeType === 1 /* Node.ELEMENT_NODE */) {\n const tag = (child as HTMLElement).tagName.toLowerCase();\n if (tag === \"br\") {\n result += \"\\n\";\n } else {\n result += extractCodeContent(child as Element);\n }\n }\n }\n return result;\n}\n\nfunction extractLanguageFromClass(className: string): string {\n const match = className.match(/language-(\\S+)/);\n return match ? match[1] : \"\";\n}\n\nfunction serializeUnorderedList(\n el: HTMLElement,\n ctx: SerializeContext,\n): string {\n let result = \"\";\n const items = Array.from(el.children).filter(\n (child) => child.tagName.toLowerCase() === \"li\",\n );\n\n for (const item of items) {\n result += serializeListItem(item as HTMLElement, \"bullet\", ctx);\n }\n\n // Trailing blank line separates the list from the next block. Skip when\n // this list is nested inside another list item — adding it would convert\n // the parent list into a \"loose\" list (or break tightness).\n if (!ctx.inListItem) {\n result += \"\\n\";\n }\n return result;\n}\n\nfunction serializeOrderedList(el: HTMLElement, ctx: SerializeContext): string {\n let result = \"\";\n const items = Array.from(el.children).filter(\n (child) => child.tagName.toLowerCase() === \"li\",\n );\n const startNum = parseInt(el.getAttribute(\"start\") || \"1\", 10);\n\n for (let i = 0; i < items.length; i++) {\n const num = startNum + i;\n result += serializeListItem(items[i] as HTMLElement, \"ordered\", ctx, num);\n }\n\n if (!ctx.inListItem) {\n result += \"\\n\";\n }\n return result;\n}\n\nfunction serializeListItem(\n el: HTMLElement,\n listType: \"bullet\" | \"ordered\",\n ctx: SerializeContext,\n num?: number,\n): string {\n // Check for checkbox (task list) - direct children only\n let checkbox: HTMLInputElement | null = null;\n let details: HTMLElement | null = null;\n\n for (const child of Array.from(el.children)) {\n const tag = child.tagName.toLowerCase();\n if (tag === \"input\" && (child as HTMLInputElement).type === \"checkbox\") {\n checkbox = child as HTMLInputElement;\n }\n if (tag === \"details\") {\n details = child as HTMLElement;\n }\n }\n\n let marker: string;\n let markerWidth: number;\n\n if (checkbox) {\n const state = checkbox.checked ? \"[x]\" : \"[ ]\";\n marker = `* ${state} `;\n // For child indentation, use bullet width (2), not full checkbox marker width\n markerWidth = 2;\n } else if (listType === \"ordered\") {\n marker = `${num}. `;\n markerWidth = marker.length;\n } else {\n marker = \"* \";\n markerWidth = 2;\n }\n\n // Collect the item's inline content\n let inlineContent: string;\n let firstContentEl: Element | null;\n\n if (details) {\n // Toggle item: get content from summary\n const summary = details.querySelector(\"summary\");\n const summaryP = summary?.querySelector(\"p\");\n firstContentEl = details;\n inlineContent = summaryP ? serializeInlineContent(summaryP) : \"\";\n } else {\n firstContentEl = getFirstContentElement(el, checkbox);\n inlineContent = firstContentEl\n ? serializeInlineContent(firstContentEl)\n : \"\";\n }\n\n // The marker line ends with a single `\\n` so that consecutive list items\n // produce a \"tight\" list (no blank line between markers). Continuation\n // content within the item (nested lists, continuation paragraphs, other\n // blocks) injects its own spacing as needed.\n let result = ctx.indent + marker + inlineContent + \"\\n\";\n\n // Serialize child content (nested lists, continuation paragraphs, etc.)\n const childIndent = ctx.indent + \" \".repeat(markerWidth);\n const childCtx: SerializeContext = { indent: childIndent, inListItem: true };\n\n // For toggle items, also serialize children inside the details element\n if (details) {\n const summary = details.querySelector(\"summary\");\n for (const child of Array.from(details.children)) {\n if (child === summary) {\n continue;\n }\n const childTag = child.tagName.toLowerCase();\n if (childTag === \"p\") {\n const content = serializeInlineContent(child as HTMLElement);\n // Continuation paragraph needs a blank line to separate it from the\n // previous content; CommonMark would otherwise treat it as a soft\n // wrap of that content.\n result += \"\\n\" + childIndent + content + \"\\n\";\n } else {\n result += serializeNode(child, childCtx);\n }\n }\n }\n\n const children = Array.from(el.children);\n for (const child of children) {\n const childTag = child.tagName.toLowerCase();\n\n // Skip the first content element and checkbox\n if (child === firstContentEl || (child as HTMLElement) === checkbox) {\n continue;\n }\n if (childTag === \"input\") {\n continue;\n }\n\n // Nested lists and other block content\n if (childTag === \"ul\" || childTag === \"ol\") {\n // Nested list flows directly under the parent marker — no blank line.\n result += serializeNode(child, childCtx);\n } else if (childTag === \"p\") {\n // Continuation paragraph within list item — requires blank line before\n // so it isn't read as part of the marker line's text.\n const content = serializeInlineContent(child as HTMLElement);\n result += \"\\n\" + childIndent + content + \"\\n\";\n } else {\n // Other block-level children (code blocks, blockquotes, etc.) already\n // emit their own separating newlines; prefix with a blank line so they\n // are recognized as separate blocks.\n result += \"\\n\" + serializeNode(child, childCtx);\n }\n }\n\n return result;\n}\n\nfunction getFirstContentElement(\n li: HTMLElement,\n checkbox: HTMLInputElement | null,\n): HTMLElement | null {\n for (const child of Array.from(li.children)) {\n if (child === checkbox) {\n continue;\n }\n if (child.tagName.toLowerCase() === \"input\") {\n continue;\n }\n const tag = child.tagName.toLowerCase();\n if (tag === \"p\" || tag === \"span\") {\n return child as HTMLElement;\n }\n }\n return null;\n}\n\n// ─── Table Serializer ────────────────────────────────────────────────────────\n\nfunction serializeTable(el: HTMLElement, ctx: SerializeContext): string {\n // First, determine column count from colgroup or first row\n const colgroup = el.querySelector(\"colgroup\");\n let colCount = 0;\n\n if (colgroup) {\n colCount = colgroup.querySelectorAll(\"col\").length;\n }\n\n const rows: string[][] = [];\n let hasHeader = false;\n\n // Collect all rows, handling colspan/rowspan\n const trElements = el.querySelectorAll(\"tr\");\n // Build a grid to handle colspan/rowspan\n const grid: (string | null)[][] = [];\n\n trElements.forEach((tr, rowIdx) => {\n if (!grid[rowIdx]) {\n grid[rowIdx] = [];\n }\n const cellElements = tr.querySelectorAll(\"th, td\");\n let gridCol = 0;\n\n cellElements.forEach((cell) => {\n // Find next empty column in this row\n while (grid[rowIdx][gridCol] !== undefined) {\n gridCol++;\n }\n\n if (rowIdx === 0 && cell.tagName.toLowerCase() === \"th\") {\n hasHeader = true;\n }\n\n const content = escapeTableCell(\n serializeInlineContent(cell as HTMLElement).trim(),\n );\n const colspan = parseInt(cell.getAttribute(\"colspan\") || \"1\", 10);\n const rowspan = parseInt(cell.getAttribute(\"rowspan\") || \"1\", 10);\n\n // Fill the grid\n for (let r = 0; r < rowspan; r++) {\n for (let c = 0; c < colspan; c++) {\n const ri = rowIdx + r;\n if (!grid[ri]) {\n grid[ri] = [];\n }\n grid[ri][gridCol + c] = r === 0 && c === 0 ? content : \"\";\n }\n }\n\n gridCol += colspan;\n });\n\n // Update colCount\n if (grid[rowIdx]) {\n colCount = Math.max(colCount, grid[rowIdx].length);\n }\n });\n\n // Convert grid to rows\n for (const gridRow of grid) {\n const row: string[] = [];\n for (let c = 0; c < colCount; c++) {\n row.push(gridRow && gridRow[c] !== undefined ? (gridRow[c] ?? \"\") : \"\");\n }\n rows.push(row);\n }\n\n if (rows.length === 0) {\n return \"\";\n }\n\n // Determine column widths\n const colWidths: number[] = [];\n for (let c = 0; c < colCount; c++) {\n let maxWidth = 3; // minimum width for separator \"---\"\n for (const row of rows) {\n const cellWidth = c < row.length ? row[c].length : 0;\n maxWidth = Math.max(maxWidth, cellWidth);\n }\n // Use minimum of 10 to match remark output\n colWidths.push(Math.max(maxWidth, 10));\n }\n\n let result = \"\";\n\n if (hasHeader) {\n result += ctx.indent + formatTableRow(rows[0], colWidths, colCount) + \"\\n\";\n result += ctx.indent + formatSeparatorRow(colWidths, colCount) + \"\\n\";\n for (let r = 1; r < rows.length; r++) {\n result +=\n ctx.indent + formatTableRow(rows[r], colWidths, colCount) + \"\\n\";\n }\n } else {\n // No header — emit empty header + separator\n const emptyRow = new Array(colCount).fill(\"\");\n result += ctx.indent + formatTableRow(emptyRow, colWidths, colCount) + \"\\n\";\n result += ctx.indent + formatSeparatorRow(colWidths, colCount) + \"\\n\";\n for (const row of rows) {\n result += ctx.indent + formatTableRow(row, colWidths, colCount) + \"\\n\";\n }\n }\n\n result += \"\\n\";\n return result;\n}\n\nfunction escapeTableCell(text: string): string {\n return text.replace(/\\|/g, \"\\\\|\");\n}\n\nfunction formatTableRow(\n cells: string[],\n colWidths: number[],\n colCount: number,\n): string {\n const parts: string[] = [];\n for (let c = 0; c < colCount; c++) {\n const cell = c < cells.length ? cells[c] : \"\";\n parts.push(\" \" + cell.padEnd(colWidths[c]) + \" \");\n }\n return \"|\" + parts.join(\"|\") + \"|\";\n}\n\nfunction formatSeparatorRow(colWidths: number[], colCount: number): string {\n const parts: string[] = [];\n for (let c = 0; c < colCount; c++) {\n parts.push(\" \" + \"-\".repeat(colWidths[c]) + \" \");\n }\n return \"|\" + parts.join(\"|\") + \"|\";\n}\n\n// ─── Media Serializers ───────────────────────────────────────────────────────\n\nfunction serializeImage(el: HTMLElement, ctx: SerializeContext): string {\n const src = el.getAttribute(\"src\") || \"\";\n const alt = el.getAttribute(\"alt\") || \"\";\n // Empty placeholder — preserve the block-level break, matching how\n // serializeParagraph/serializeHeading emit `\\n\\n` for empty content.\n if (!src) {\n return \"\\n\\n\";\n }\n return ctx.indent + `\\n\\n`;\n}\n\nfunction serializeVideo(el: HTMLElement, ctx: SerializeContext): string {\n const src = el.getAttribute(\"src\") || el.getAttribute(\"data-url\") || \"\";\n const name = el.getAttribute(\"data-name\") || el.getAttribute(\"title\") || \"\";\n if (!src) {\n return \"\\n\\n\";\n }\n return ctx.indent + `\\n\\n`;\n}\n\nfunction serializeAudio(el: HTMLElement, ctx: SerializeContext): string {\n const src = el.getAttribute(\"src\") || \"\";\n if (!src) {\n return \"\\n\\n\";\n }\n // Audio has no markdown syntax, so emit raw HTML. The markdown parser\n // passes