@bikdotai/bik-component-library 0.0.804-beta.5 → 0.0.804-beta.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../node_modules/prosemirror-model/dist/index.js");const e=t=>`<div data-section-divider="${t}" style="display:none;height:0;line-height:0;overflow:hidden;"></div>`;function n(t){var e;if(!t)return"";return null!==(e=i(t).get("body"))&&void 0!==e?e:t}function i(t){const e=new Map,n=/<div[^>]*data-section-divider="([^"]*)[^>]*>\s*<\/div>/g,i=[];let r;for(;null!==(r=n.exec(t));)i.push({id:r[1],index:r.index,endIndex:r.index+r[0].length});if(0===i.length)return e.set("body",t),e;e.set("body",t.slice(0,i[0].index));for(let n=0;n<i.length;n++){const r=i[n].endIndex,o=n+1<i.length?i[n+1].index:t.length;e.set(i[n].id,t.slice(r,o))}return e}function r(e,n){var i;const r=o(e,n);if(-1===r)return{html:"",text:"",isEmpty:!0,characterCount:0};const c=s(e,n),l=e.state.doc.slice(r,c),d=document.createElement("div"),u=t.DOMSerializer.fromSchema(e.schema);d.appendChild(u.serializeFragment(l.content));const a=d.innerHTML,v=null!==(i=d.textContent)&&void 0!==i?i:"";return{html:a,text:v,isEmpty:!v.trim(),characterCount:v.length}}function o(t,e){if("body"===e)return 1;let n=-1;return t.state.doc.descendants(((t,i)=>{if(-1!==n)return!1;"sectionDivider"===t.type.name&&t.attrs.sectionId===e&&(n=i+t.nodeSize)})),n}function s(t,e){const n=t.state.doc,i=n.content.size;if("body"===e){let t=-1;return n.descendants(((e,n)=>{if(-1!==t)return!1;"sectionDivider"===e.type.name&&(t=n)})),-1!==t?t:i}let r=!1,o=-1;return n.descendants(((t,n)=>-1===o&&(r?void("sectionDivider"===t.type.name&&(o=n)):("sectionDivider"===t.type.name&&t.attrs.sectionId===e&&(r=!0),!1)))),-1!==o?o:i}exports.SECTION_DIVIDER_HTML=e,exports.buildSectionedContent=function(t,n){let i=t;for(const t of n)i+=e(t.id)+t.content;return i},exports.extractActiveFormats=function(t){var e,n,i,r;return{bold:t.isActive("bold"),italic:t.isActive("italic"),underline:t.isActive("underline"),strike:t.isActive("strike"),bulletList:t.isActive("bulletList"),orderedList:t.isActive("orderedList"),blockquote:t.isActive("blockquote"),codeBlock:t.isActive("codeBlock"),link:(()=>{var e,n,i;if(t.isActive("link"))return{href:null!==(e=t.getAttributes("link").href)&&void 0!==e?e:""};const{$from:r}=t.state.selection;if(r.pos>0){const t=r.doc.resolve(r.pos).marks().find((t=>"link"===t.type.name));if(t)return{href:null!==(i=t.attrs.href)&&void 0!==i?i:""};{const t=r.nodeBefore,e=null==t?void 0:t.marks.find((t=>"link"===t.type.name));if(e)return{href:null!==(n=e.attrs.href)&&void 0!==n?n:""}}}return null})(),textAlign:t.isActive({textAlign:"center"})?"center":t.isActive({textAlign:"right"})?"right":t.isActive({textAlign:"justify"})?"justify":t.isActive({textAlign:"left"})?"left":null,fontFamily:null!==(e=t.getAttributes("textStyle").fontFamily)&&void 0!==e?e:null,fontSize:null!==(n=t.getAttributes("textStyle").fontSize)&&void 0!==n?n:null,color:null!==(i=t.getAttributes("textStyle").color)&&void 0!==i?i:null,highlight:t.isActive("highlight")?null!==(r=t.getAttributes("highlight").color)&&void 0!==r?r:"default":null,superscript:t.isActive("superscript"),subscript:t.isActive("subscript")}},exports.extractAllSectionsFromHtml=i,exports.extractBodyContent=function(t){return r(t,"body")},exports.extractContent=function(t){var e,n,i;return{html:t.getHTML(),text:t.getText(),isEmpty:t.isEmpty,characterCount:null!==(i=null===(n=null===(e=t.storage.characterCount)||void 0===e?void 0:e.characters)||void 0===n?void 0:n.call(e))&&void 0!==i?i:t.getText().length}},exports.extractSectionContent=r,exports.findSectionEndPos=s,exports.findSectionStartPos=o,exports.getBodyHtml=n,exports.getSectionsHtml=function(t){if(!t)return"";const e=n(t);return t.substring(e.length)},exports.normalizeHtml=function(t){return t.replace(/<p>\s*<br\s*\/?>\s*<\/p>/gi,"<p></p>")},exports.setSectionContentInEditor=function(n,i,r){const c=o(n,i);if(-1===c){const t=n.state.doc.content.size,o=e(i)+r;return void n.commands.insertContentAt(t,o,{updateSelection:!1})}const l=s(n,i),d=function(e,n){const i=document.createElement("div");return i.innerHTML=n,t.DOMParser.fromSchema(e.schema).parse(i).content}(n,r),{tr:u}=n.state,a="body"===i?0:c;u.replaceWith(a,l,d),u.setMeta("addToHistory",!1),n.view.dispatch(u)};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../node_modules/prosemirror-model/dist/index.js");const e=t=>`<div data-section-divider="${t}" style="display:none;height:0;line-height:0;overflow:hidden;"></div>`;function n(t){var e;if(!t)return"";return null!==(e=i(t).get("body"))&&void 0!==e?e:t}function i(t){const e=new Map,n=/<div[^>]*data-section-divider="([^"]*)[^>]*>\s*<\/div>/g,i=[];let r;for(;null!==(r=n.exec(t));)i.push({id:r[1],index:r.index,endIndex:r.index+r[0].length});if(0===i.length)return e.set("body",t),e;e.set("body",t.slice(0,i[0].index));for(let n=0;n<i.length;n++){const r=i[n].endIndex,o=n+1<i.length?i[n+1].index:t.length;e.set(i[n].id,t.slice(r,o))}return e}function r(e,n){var i;const r=o(e,n);if(-1===r)return{html:"",text:"",isEmpty:!0,characterCount:0};const c=s(e,n),l=e.state.doc.slice(r,c),d=document.createElement("div"),u=t.DOMSerializer.fromSchema(e.schema);d.appendChild(u.serializeFragment(l.content));const a=d.innerHTML,v=null!==(i=d.textContent)&&void 0!==i?i:"";return{html:a,text:v,isEmpty:!v.trim(),characterCount:v.length}}function o(t,e){if("body"===e)return 1;let n=-1;return t.state.doc.descendants(((t,i)=>{if(-1!==n)return!1;"sectionDivider"===t.type.name&&t.attrs.sectionId===e&&(n=i+t.nodeSize)})),n}function s(t,e){const n=t.state.doc,i=n.content.size;if("body"===e){let t=-1;return n.descendants(((e,n)=>{if(-1!==t)return!1;"sectionDivider"===e.type.name&&(t=n)})),-1!==t?t:i}let r=!1,o=-1;return n.descendants(((t,n)=>-1===o&&(r?void("sectionDivider"===t.type.name&&(o=n)):("sectionDivider"===t.type.name&&t.attrs.sectionId===e&&(r=!0),!1)))),-1!==o?o:i}exports.SECTION_DIVIDER_HTML=e,exports.buildSectionedContent=function(t,n){let i=t;for(const t of n)i+=e(t.id)+t.content;return i},exports.extractActiveFormats=function(t){var e,n,i,r;return{bold:t.isActive("bold"),italic:t.isActive("italic"),underline:t.isActive("underline"),strike:t.isActive("strike"),bulletList:t.isActive("bulletList"),orderedList:t.isActive("orderedList"),blockquote:t.isActive("blockquote"),codeBlock:t.isActive("codeBlock"),link:(()=>{var e,n,i;if(t.isActive("link"))return{href:null!==(e=t.getAttributes("link").href)&&void 0!==e?e:""};const{$from:r}=t.state.selection;if(r.pos>0){const t=r.doc.resolve(r.pos).marks().find((t=>"link"===t.type.name));if(t)return{href:null!==(i=t.attrs.href)&&void 0!==i?i:""};{const t=r.nodeBefore,e=null==t?void 0:t.marks.find((t=>"link"===t.type.name));if(e)return{href:null!==(n=e.attrs.href)&&void 0!==n?n:""}}}return null})(),textAlign:t.isActive({textAlign:"center"})?"center":t.isActive({textAlign:"right"})?"right":t.isActive({textAlign:"justify"})?"justify":t.isActive({textAlign:"left"})?"left":null,fontFamily:null!==(e=t.getAttributes("textStyle").fontFamily)&&void 0!==e?e:null,fontSize:null!==(n=t.getAttributes("textStyle").fontSize)&&void 0!==n?n:null,color:null!==(i=t.getAttributes("textStyle").color)&&void 0!==i?i:null,highlight:t.isActive("highlight")?null!==(r=t.getAttributes("highlight").color)&&void 0!==r?r:"default":null,superscript:t.isActive("superscript"),subscript:t.isActive("subscript")}},exports.extractAllSectionsFromHtml=i,exports.extractBodyContent=function(t){return r(t,"body")},exports.extractContent=function(t){var e,n,i;return{html:t.getHTML(),text:t.getText(),isEmpty:t.isEmpty,characterCount:null!==(i=null===(n=null===(e=t.storage.characterCount)||void 0===e?void 0:e.characters)||void 0===n?void 0:n.call(e))&&void 0!==i?i:t.getText().length}},exports.extractSectionContent=r,exports.findSectionEndPos=s,exports.findSectionStartPos=o,exports.getBodyHtml=n,exports.getSectionsHtml=function(t){if(!t)return"";const e=n(t);return t.substring(e.length)},exports.normalizeHtml=function(t){return t.replace(/<p>\s*<br\s*\/?>\s*<\/p>/gi,"<p></p>").replace(/<\/?span[^>]*>/gi,"")},exports.setSectionContentInEditor=function(n,i,r){const c=o(n,i);if(-1===c){const t=n.state.doc.content.size,o=e(i)+r;return void n.commands.insertContentAt(t,o,{updateSelection:!1})}const l=s(n,i),d=function(e,n){const i=document.createElement("div");return i.innerHTML=n,t.DOMParser.fromSchema(e.schema).parse(i).content}(n,r),{tr:u}=n.state,a="body"===i?0:c;u.replaceWith(a,l,d),u.setMeta("addToHistory",!1),n.view.dispatch(u)};
|
|
2
2
|
//# sourceMappingURL=BikEditor.utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BikEditor.utils.js","sources":["../../../src/editor/BikEditor.utils.ts"],"sourcesContent":["import { Editor } from '@tiptap/core';\nimport { DOMParser, DOMSerializer } from 'prosemirror-model';\nimport { EditorSnapshot, FormatState } from './BikEditor.types';\n\n// ---------------------------------------------------------------------------\n// HTML normalisation\n// ---------------------------------------------------------------------------\n\n/**\n * Normalise HTML before passing it to TipTap.\n *\n * Problem: Quill uses `<p><br></p>` as a blank-line separator. TipTap's\n * HardBreak extension parses that `<br>` as a real `hard_break` node.\n * ProseMirror then also appends `<br class=\"ProseMirror-trailingBreak\">` as a\n * cursor-position decoration, making the empty paragraph render at **2× line\n * height** instead of 1×.\n *\n * Fix: replace `<p><br></p>` → `<p></p>` so TipTap stores a truly empty\n * paragraph. ProseMirror adds only the trailing decoration, giving the correct\n * 1× line height. The WA text output is unchanged (`\\n` either way after\n * surrounding-newline collapse in `toWhatsAppText`).\n */\nexport function normalizeHtml(html: string): string {\n\treturn html.replace(/<p>\\s*<br\\s*\\/?>\\s*<\\/p>/gi, '<p></p>');\n}\n\n// ---------------------------------------------------------------------------\n// Section divider HTML\n// ---------------------------------------------------------------------------\n\nexport const SECTION_DIVIDER_HTML = (id: string) =>\n\t`<div data-section-divider=\"${id}\" style=\"display:none;height:0;line-height:0;overflow:hidden;\"></div>`;\n\n/**\n * Build initial HTML for an editor with one or more named sections below the body.\n * Each section is separated by an invisible divider node.\n *\n * @example\n * buildSectionedContent('<p>Body</p>', [\n * { id: 'signature', content: '<p>Alice</p>' },\n * { id: 'forwarded', content: '<p>--- fwd ---</p>' },\n * ])\n */\nexport function buildSectionedContent(\n\tbody: string,\n\tsections: Array<{ id: string; content: string }>,\n): string {\n\tlet html = body;\n\tfor (const s of sections) {\n\t\thtml += SECTION_DIVIDER_HTML(s.id) + s.content;\n\t}\n\treturn html;\n}\n\n// ---------------------------------------------------------------------------\n// Section extraction\n// ---------------------------------------------------------------------------\n\n/**\n * Parse the editor HTML into a Map of sectionId → raw HTML string.\n * The special key `'body'` always holds the content before the first divider.\n * Map iteration order matches document order.\n */\nexport function extractAllSections(editor: Editor): Map<string, string> {\n\treturn extractAllSectionsFromHtml(editor.getHTML());\n}\n\n/**\n * Extract just the body portion (everything before the first section divider)\n * from an HTML string produced by BikEditor. Safe to call on plain HTML too —\n * returns the full string when no dividers are present.\n */\nexport function getBodyHtml(html: string): string {\n\tif (!html) return '';\n\tconst sections = extractAllSectionsFromHtml(html);\n\treturn sections.get('body') ?? html;\n}\n\n/**\n * Extract everything from the first section divider onward (dividers + their\n * content). Returns an empty string when there are no sections.\n */\nexport function getSectionsHtml(html: string): string {\n\tif (!html) return '';\n\tconst body = getBodyHtml(html);\n\treturn html.substring(body.length);\n}\n\nexport function extractAllSectionsFromHtml(html: string): Map<string, string> {\n\tconst sections = new Map<string, string>();\n\tconst dividerRegex =\n\t\t/<div[^>]*data-section-divider=\"([^\"]*)[^>]*>\\s*<\\/div>/g;\n\tconst dividers: Array<{ id: string; index: number; endIndex: number }> = [];\n\n\tlet match: RegExpExecArray | null;\n\twhile ((match = dividerRegex.exec(html)) !== null) {\n\t\tdividers.push({\n\t\t\tid: match[1],\n\t\t\tindex: match.index,\n\t\t\tendIndex: match.index + match[0].length,\n\t\t});\n\t}\n\n\tif (dividers.length === 0) {\n\t\tsections.set('body', html);\n\t\treturn sections;\n\t}\n\n\tsections.set('body', html.slice(0, dividers[0].index));\n\tfor (let i = 0; i < dividers.length; i++) {\n\t\tconst start = dividers[i].endIndex;\n\t\tconst end = i + 1 < dividers.length ? dividers[i + 1].index : html.length;\n\t\tsections.set(dividers[i].id, html.slice(start, end));\n\t}\n\n\treturn sections;\n}\n\n/** Returns BikEditorContent for a single named section (or 'body'). */\nexport function extractSectionContent(\n\teditor: Editor,\n\tid: string,\n): EditorSnapshot {\n\tconst startPos = findSectionStartPos(editor, id);\n\tif (startPos === -1)\n\t\treturn { html: '', text: '', isEmpty: true, characterCount: 0 };\n\tconst endPos = findSectionEndPos(editor, id);\n\tconst slice = editor.state.doc.slice(startPos, endPos);\n\tconst container = document.createElement('div');\n\tconst serializer = DOMSerializer.fromSchema(editor.schema);\n\tcontainer.appendChild(serializer.serializeFragment(slice.content));\n\tconst html = container.innerHTML;\n\tconst text = container.textContent ?? '';\n\treturn { html, text, isEmpty: !text.trim(), characterCount: text.length };\n}\n\n/**\n * Parse an HTML string into ProseMirror nodes using the editor's schema.\n */\nfunction parseHtmlToNodes(editor: Editor, html: string) {\n\tconst container = document.createElement('div');\n\tcontainer.innerHTML = html;\n\treturn DOMParser.fromSchema(editor.schema).parse(container).content;\n}\n\n/**\n * Replace the content of a single named section without touching others.\n * Uses a ProseMirror transaction to replace only the target range,\n * preserving undo history and other sections' state.\n * If the section doesn't exist yet, it is appended at the end of the document.\n */\nexport function setSectionContentInEditor(\n\teditor: Editor,\n\tid: string,\n\thtml: string,\n): void {\n\tconst startPos = findSectionStartPos(editor, id);\n\tif (startPos === -1) {\n\t\tconst endPos = editor.state.doc.content.size;\n\t\tconst dividerHtml = SECTION_DIVIDER_HTML(id) + html;\n\t\teditor.commands.insertContentAt(endPos, dividerHtml, {\n\t\t\tupdateSelection: false,\n\t\t});\n\t\treturn;\n\t}\n\tconst endPos = findSectionEndPos(editor, id);\n\tconst fragment = parseHtmlToNodes(editor, html);\n\tconst { tr } = editor.state;\n\t// For body, replace from position 0 (before the first paragraph's opening\n\t// boundary) so ProseMirror swaps entire block nodes cleanly. Position 1\n\t// (inside the paragraph) would force ProseMirror to close the open paragraph\n\t// first, creating a ghost empty <p></p>.\n\tconst replaceFrom = id === 'body' ? 0 : startPos;\n\ttr.replaceWith(replaceFrom, endPos, fragment);\n\ttr.setMeta('addToHistory', false);\n\teditor.view.dispatch(tr);\n}\n\n// ---------------------------------------------------------------------------\n// Convenience shorthands (body = first section)\n// ---------------------------------------------------------------------------\n\n/** Extract BikEditorContent for just the body (before the first divider). */\nexport function extractBodyContent(editor: Editor): EditorSnapshot {\n\treturn extractSectionContent(editor, 'body');\n}\n\n// ---------------------------------------------------------------------------\n// Active formats\n// ---------------------------------------------------------------------------\n\nexport function extractActiveFormats(editor: Editor): FormatState {\n\treturn {\n\t\tbold: editor.isActive('bold'),\n\t\titalic: editor.isActive('italic'),\n\t\tunderline: editor.isActive('underline'),\n\t\tstrike: editor.isActive('strike'),\n\t\tbulletList: editor.isActive('bulletList'),\n\t\torderedList: editor.isActive('orderedList'),\n\t\tblockquote: editor.isActive('blockquote'),\n\t\tcodeBlock: editor.isActive('codeBlock'),\n\t\tlink: (() => {\n\t\t\tif (editor.isActive('link')) {\n\t\t\t\treturn { href: editor.getAttributes('link')['href'] ?? '' };\n\t\t\t}\n\t\t\tconst { $from } = editor.state.selection;\n\t\t\tif ($from.pos > 0) {\n\t\t\t\tconst before = $from.doc.resolve($from.pos);\n\t\t\t\tconst linkMark = before.marks().find((m) => m.type.name === 'link');\n\t\t\t\tif (!linkMark) {\n\t\t\t\t\tconst nodeBefore = $from.nodeBefore;\n\t\t\t\t\tconst markOnPrev = nodeBefore?.marks.find(\n\t\t\t\t\t\t(m) => m.type.name === 'link',\n\t\t\t\t\t);\n\t\t\t\t\tif (markOnPrev) {\n\t\t\t\t\t\treturn { href: markOnPrev.attrs['href'] ?? '' };\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\treturn { href: linkMark.attrs['href'] ?? '' };\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn null;\n\t\t})(),\n\t\ttextAlign: editor.isActive({ textAlign: 'center' })\n\t\t\t? 'center'\n\t\t\t: editor.isActive({ textAlign: 'right' })\n\t\t\t? 'right'\n\t\t\t: editor.isActive({ textAlign: 'justify' })\n\t\t\t? 'justify'\n\t\t\t: editor.isActive({ textAlign: 'left' })\n\t\t\t? 'left'\n\t\t\t: null,\n\t\tfontFamily: editor.getAttributes('textStyle')['fontFamily'] ?? null,\n\t\tfontSize: editor.getAttributes('textStyle')['fontSize'] ?? null,\n\t\tcolor: editor.getAttributes('textStyle')['color'] ?? null,\n\t\thighlight: editor.isActive('highlight')\n\t\t\t? editor.getAttributes('highlight')['color'] ?? 'default'\n\t\t\t: null,\n\t\tsuperscript: editor.isActive('superscript'),\n\t\tsubscript: editor.isActive('subscript'),\n\t};\n}\n\nexport function extractContent(editor: Editor): EditorSnapshot {\n\treturn {\n\t\thtml: editor.getHTML(),\n\t\ttext: editor.getText(),\n\t\tisEmpty: editor.isEmpty,\n\t\tcharacterCount:\n\t\t\teditor.storage.characterCount?.characters?.() ?? editor.getText().length,\n\t};\n}\n\n// ---------------------------------------------------------------------------\n// Section position helpers (used by insertAtSectionStart/End and appendBodyContent)\n// ---------------------------------------------------------------------------\n\n/**\n * Returns the ProseMirror position immediately after a section's opening divider\n * (i.e. the start of the section's own content).\n * For `'body'`, returns 1 (beginning of the document).\n * Returns -1 if the named section's divider is not found.\n */\nexport function findSectionStartPos(editor: Editor, sectionId: string): number {\n\tif (sectionId === 'body') return 1;\n\tlet startPos = -1;\n\teditor.state.doc.descendants((node, pos) => {\n\t\tif (startPos !== -1) return false;\n\t\tif (\n\t\t\tnode.type.name === 'sectionDivider' &&\n\t\t\tnode.attrs['sectionId'] === sectionId\n\t\t) {\n\t\t\tstartPos = pos + node.nodeSize; // position right after the divider\n\t\t}\n\t});\n\treturn startPos;\n}\n\n/**\n * Returns the ProseMirror position at the end of a named section's content:\n * - For `'body'`: position of the first section divider, or end of document.\n * - For a named section: position of the next divider, or end of document.\n */\nexport function findSectionEndPos(editor: Editor, sectionId: string): number {\n\tconst doc = editor.state.doc;\n\tconst docSize = doc.content.size;\n\n\tif (sectionId === 'body') {\n\t\tlet firstDividerPos = -1;\n\t\tdoc.descendants((node, pos) => {\n\t\t\tif (firstDividerPos !== -1) return false;\n\t\t\tif (node.type.name === 'sectionDivider') {\n\t\t\t\tfirstDividerPos = pos;\n\t\t\t}\n\t\t});\n\t\treturn firstDividerPos !== -1 ? firstDividerPos : docSize;\n\t}\n\n\tlet passedSection = false;\n\tlet nextDividerPos = -1;\n\tdoc.descendants((node, pos) => {\n\t\tif (nextDividerPos !== -1) return false;\n\t\tif (!passedSection) {\n\t\t\tif (\n\t\t\t\tnode.type.name === 'sectionDivider' &&\n\t\t\t\tnode.attrs['sectionId'] === sectionId\n\t\t\t) {\n\t\t\t\tpassedSection = true;\n\t\t\t}\n\t\t\treturn false;\n\t\t}\n\t\tif (node.type.name === 'sectionDivider') {\n\t\t\tnextDividerPos = pos;\n\t\t}\n\t});\n\treturn nextDividerPos !== -1 ? nextDividerPos : docSize;\n}\n"],"names":["SECTION_DIVIDER_HTML","id","getBodyHtml","html","_a","extractAllSectionsFromHtml","get","sections","Map","dividerRegex","dividers","match","exec","push","index","endIndex","length","set","slice","i","start","end","extractSectionContent","editor","startPos","findSectionStartPos","text","isEmpty","characterCount","endPos","findSectionEndPos","state","doc","container","document","createElement","serializer","DOMSerializer","fromSchema","schema","appendChild","serializeFragment","content","innerHTML","textContent","trim","sectionId","descendants","node","pos","type","name","attrs","nodeSize","docSize","size","firstDividerPos","passedSection","nextDividerPos","body","s","bold","isActive","italic","underline","strike","bulletList","orderedList","blockquote","codeBlock","link","href","getAttributes","$from","selection","linkMark","resolve","marks","find","m","_c","nodeBefore","markOnPrev","_b","textAlign","fontFamily","fontSize","color","highlight","_d","superscript","subscript","getHTML","getText","storage","characters","substring","replace","dividerHtml","commands","insertContentAt","updateSelection","fragment","DOMParser","parse","parseHtmlToNodes","tr","replaceFrom","replaceWith","setMeta","view","dispatch"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BikEditor.utils.js","sources":["../../../src/editor/BikEditor.utils.ts"],"sourcesContent":["import { Editor } from '@tiptap/core';\nimport { DOMParser, DOMSerializer } from 'prosemirror-model';\nimport { EditorSnapshot, FormatState } from './BikEditor.types';\n\n// ---------------------------------------------------------------------------\n// HTML normalisation\n// ---------------------------------------------------------------------------\n\n/**\n * Normalise HTML before passing it to TipTap.\n *\n * Problem: Quill uses `<p><br></p>` as a blank-line separator. TipTap's\n * HardBreak extension parses that `<br>` as a real `hard_break` node.\n * ProseMirror then also appends `<br class=\"ProseMirror-trailingBreak\">` as a\n * cursor-position decoration, making the empty paragraph render at **2× line\n * height** instead of 1×.\n *\n * Fix: replace `<p><br></p>` → `<p></p>` so TipTap stores a truly empty\n * paragraph. ProseMirror adds only the trailing decoration, giving the correct\n * 1× line height. The WA text output is unchanged (`\\n` either way after\n * surrounding-newline collapse in `toWhatsAppText`).\n */\nexport function normalizeHtml(html: string): string {\n\treturn html\n\t\t.replace(/<p>\\s*<br\\s*\\/?>\\s*<\\/p>/gi, '<p></p>')\n\t\t.replace(/<\\/?span[^>]*>/gi, '');\n}\n\n// ---------------------------------------------------------------------------\n// Section divider HTML\n// ---------------------------------------------------------------------------\n\nexport const SECTION_DIVIDER_HTML = (id: string) =>\n\t`<div data-section-divider=\"${id}\" style=\"display:none;height:0;line-height:0;overflow:hidden;\"></div>`;\n\n/**\n * Build initial HTML for an editor with one or more named sections below the body.\n * Each section is separated by an invisible divider node.\n *\n * @example\n * buildSectionedContent('<p>Body</p>', [\n * { id: 'signature', content: '<p>Alice</p>' },\n * { id: 'forwarded', content: '<p>--- fwd ---</p>' },\n * ])\n */\nexport function buildSectionedContent(\n\tbody: string,\n\tsections: Array<{ id: string; content: string }>,\n): string {\n\tlet html = body;\n\tfor (const s of sections) {\n\t\thtml += SECTION_DIVIDER_HTML(s.id) + s.content;\n\t}\n\treturn html;\n}\n\n// ---------------------------------------------------------------------------\n// Section extraction\n// ---------------------------------------------------------------------------\n\n/**\n * Parse the editor HTML into a Map of sectionId → raw HTML string.\n * The special key `'body'` always holds the content before the first divider.\n * Map iteration order matches document order.\n */\nexport function extractAllSections(editor: Editor): Map<string, string> {\n\treturn extractAllSectionsFromHtml(editor.getHTML());\n}\n\n/**\n * Extract just the body portion (everything before the first section divider)\n * from an HTML string produced by BikEditor. Safe to call on plain HTML too —\n * returns the full string when no dividers are present.\n */\nexport function getBodyHtml(html: string): string {\n\tif (!html) return '';\n\tconst sections = extractAllSectionsFromHtml(html);\n\treturn sections.get('body') ?? html;\n}\n\n/**\n * Extract everything from the first section divider onward (dividers + their\n * content). Returns an empty string when there are no sections.\n */\nexport function getSectionsHtml(html: string): string {\n\tif (!html) return '';\n\tconst body = getBodyHtml(html);\n\treturn html.substring(body.length);\n}\n\nexport function extractAllSectionsFromHtml(html: string): Map<string, string> {\n\tconst sections = new Map<string, string>();\n\tconst dividerRegex =\n\t\t/<div[^>]*data-section-divider=\"([^\"]*)[^>]*>\\s*<\\/div>/g;\n\tconst dividers: Array<{ id: string; index: number; endIndex: number }> = [];\n\n\tlet match: RegExpExecArray | null;\n\twhile ((match = dividerRegex.exec(html)) !== null) {\n\t\tdividers.push({\n\t\t\tid: match[1],\n\t\t\tindex: match.index,\n\t\t\tendIndex: match.index + match[0].length,\n\t\t});\n\t}\n\n\tif (dividers.length === 0) {\n\t\tsections.set('body', html);\n\t\treturn sections;\n\t}\n\n\tsections.set('body', html.slice(0, dividers[0].index));\n\tfor (let i = 0; i < dividers.length; i++) {\n\t\tconst start = dividers[i].endIndex;\n\t\tconst end = i + 1 < dividers.length ? dividers[i + 1].index : html.length;\n\t\tsections.set(dividers[i].id, html.slice(start, end));\n\t}\n\n\treturn sections;\n}\n\n/** Returns BikEditorContent for a single named section (or 'body'). */\nexport function extractSectionContent(\n\teditor: Editor,\n\tid: string,\n): EditorSnapshot {\n\tconst startPos = findSectionStartPos(editor, id);\n\tif (startPos === -1)\n\t\treturn { html: '', text: '', isEmpty: true, characterCount: 0 };\n\tconst endPos = findSectionEndPos(editor, id);\n\tconst slice = editor.state.doc.slice(startPos, endPos);\n\tconst container = document.createElement('div');\n\tconst serializer = DOMSerializer.fromSchema(editor.schema);\n\tcontainer.appendChild(serializer.serializeFragment(slice.content));\n\tconst html = container.innerHTML;\n\tconst text = container.textContent ?? '';\n\treturn { html, text, isEmpty: !text.trim(), characterCount: text.length };\n}\n\n/**\n * Parse an HTML string into ProseMirror nodes using the editor's schema.\n */\nfunction parseHtmlToNodes(editor: Editor, html: string) {\n\tconst container = document.createElement('div');\n\tcontainer.innerHTML = html;\n\treturn DOMParser.fromSchema(editor.schema).parse(container).content;\n}\n\n/**\n * Replace the content of a single named section without touching others.\n * Uses a ProseMirror transaction to replace only the target range,\n * preserving undo history and other sections' state.\n * If the section doesn't exist yet, it is appended at the end of the document.\n */\nexport function setSectionContentInEditor(\n\teditor: Editor,\n\tid: string,\n\thtml: string,\n): void {\n\tconst startPos = findSectionStartPos(editor, id);\n\tif (startPos === -1) {\n\t\tconst endPos = editor.state.doc.content.size;\n\t\tconst dividerHtml = SECTION_DIVIDER_HTML(id) + html;\n\t\teditor.commands.insertContentAt(endPos, dividerHtml, {\n\t\t\tupdateSelection: false,\n\t\t});\n\t\treturn;\n\t}\n\tconst endPos = findSectionEndPos(editor, id);\n\tconst fragment = parseHtmlToNodes(editor, html);\n\tconst { tr } = editor.state;\n\t// For body, replace from position 0 (before the first paragraph's opening\n\t// boundary) so ProseMirror swaps entire block nodes cleanly. Position 1\n\t// (inside the paragraph) would force ProseMirror to close the open paragraph\n\t// first, creating a ghost empty <p></p>.\n\tconst replaceFrom = id === 'body' ? 0 : startPos;\n\ttr.replaceWith(replaceFrom, endPos, fragment);\n\ttr.setMeta('addToHistory', false);\n\teditor.view.dispatch(tr);\n}\n\n// ---------------------------------------------------------------------------\n// Convenience shorthands (body = first section)\n// ---------------------------------------------------------------------------\n\n/** Extract BikEditorContent for just the body (before the first divider). */\nexport function extractBodyContent(editor: Editor): EditorSnapshot {\n\treturn extractSectionContent(editor, 'body');\n}\n\n// ---------------------------------------------------------------------------\n// Active formats\n// ---------------------------------------------------------------------------\n\nexport function extractActiveFormats(editor: Editor): FormatState {\n\treturn {\n\t\tbold: editor.isActive('bold'),\n\t\titalic: editor.isActive('italic'),\n\t\tunderline: editor.isActive('underline'),\n\t\tstrike: editor.isActive('strike'),\n\t\tbulletList: editor.isActive('bulletList'),\n\t\torderedList: editor.isActive('orderedList'),\n\t\tblockquote: editor.isActive('blockquote'),\n\t\tcodeBlock: editor.isActive('codeBlock'),\n\t\tlink: (() => {\n\t\t\tif (editor.isActive('link')) {\n\t\t\t\treturn { href: editor.getAttributes('link')['href'] ?? '' };\n\t\t\t}\n\t\t\tconst { $from } = editor.state.selection;\n\t\t\tif ($from.pos > 0) {\n\t\t\t\tconst before = $from.doc.resolve($from.pos);\n\t\t\t\tconst linkMark = before.marks().find((m) => m.type.name === 'link');\n\t\t\t\tif (!linkMark) {\n\t\t\t\t\tconst nodeBefore = $from.nodeBefore;\n\t\t\t\t\tconst markOnPrev = nodeBefore?.marks.find(\n\t\t\t\t\t\t(m) => m.type.name === 'link',\n\t\t\t\t\t);\n\t\t\t\t\tif (markOnPrev) {\n\t\t\t\t\t\treturn { href: markOnPrev.attrs['href'] ?? '' };\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\treturn { href: linkMark.attrs['href'] ?? '' };\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn null;\n\t\t})(),\n\t\ttextAlign: editor.isActive({ textAlign: 'center' })\n\t\t\t? 'center'\n\t\t\t: editor.isActive({ textAlign: 'right' })\n\t\t\t? 'right'\n\t\t\t: editor.isActive({ textAlign: 'justify' })\n\t\t\t? 'justify'\n\t\t\t: editor.isActive({ textAlign: 'left' })\n\t\t\t? 'left'\n\t\t\t: null,\n\t\tfontFamily: editor.getAttributes('textStyle')['fontFamily'] ?? null,\n\t\tfontSize: editor.getAttributes('textStyle')['fontSize'] ?? null,\n\t\tcolor: editor.getAttributes('textStyle')['color'] ?? null,\n\t\thighlight: editor.isActive('highlight')\n\t\t\t? editor.getAttributes('highlight')['color'] ?? 'default'\n\t\t\t: null,\n\t\tsuperscript: editor.isActive('superscript'),\n\t\tsubscript: editor.isActive('subscript'),\n\t};\n}\n\nexport function extractContent(editor: Editor): EditorSnapshot {\n\treturn {\n\t\thtml: editor.getHTML(),\n\t\ttext: editor.getText(),\n\t\tisEmpty: editor.isEmpty,\n\t\tcharacterCount:\n\t\t\teditor.storage.characterCount?.characters?.() ?? editor.getText().length,\n\t};\n}\n\n// ---------------------------------------------------------------------------\n// Section position helpers (used by insertAtSectionStart/End and appendBodyContent)\n// ---------------------------------------------------------------------------\n\n/**\n * Returns the ProseMirror position immediately after a section's opening divider\n * (i.e. the start of the section's own content).\n * For `'body'`, returns 1 (beginning of the document).\n * Returns -1 if the named section's divider is not found.\n */\nexport function findSectionStartPos(editor: Editor, sectionId: string): number {\n\tif (sectionId === 'body') return 1;\n\tlet startPos = -1;\n\teditor.state.doc.descendants((node, pos) => {\n\t\tif (startPos !== -1) return false;\n\t\tif (\n\t\t\tnode.type.name === 'sectionDivider' &&\n\t\t\tnode.attrs['sectionId'] === sectionId\n\t\t) {\n\t\t\tstartPos = pos + node.nodeSize; // position right after the divider\n\t\t}\n\t});\n\treturn startPos;\n}\n\n/**\n * Returns the ProseMirror position at the end of a named section's content:\n * - For `'body'`: position of the first section divider, or end of document.\n * - For a named section: position of the next divider, or end of document.\n */\nexport function findSectionEndPos(editor: Editor, sectionId: string): number {\n\tconst doc = editor.state.doc;\n\tconst docSize = doc.content.size;\n\n\tif (sectionId === 'body') {\n\t\tlet firstDividerPos = -1;\n\t\tdoc.descendants((node, pos) => {\n\t\t\tif (firstDividerPos !== -1) return false;\n\t\t\tif (node.type.name === 'sectionDivider') {\n\t\t\t\tfirstDividerPos = pos;\n\t\t\t}\n\t\t});\n\t\treturn firstDividerPos !== -1 ? firstDividerPos : docSize;\n\t}\n\n\tlet passedSection = false;\n\tlet nextDividerPos = -1;\n\tdoc.descendants((node, pos) => {\n\t\tif (nextDividerPos !== -1) return false;\n\t\tif (!passedSection) {\n\t\t\tif (\n\t\t\t\tnode.type.name === 'sectionDivider' &&\n\t\t\t\tnode.attrs['sectionId'] === sectionId\n\t\t\t) {\n\t\t\t\tpassedSection = true;\n\t\t\t}\n\t\t\treturn false;\n\t\t}\n\t\tif (node.type.name === 'sectionDivider') {\n\t\t\tnextDividerPos = pos;\n\t\t}\n\t});\n\treturn nextDividerPos !== -1 ? nextDividerPos : docSize;\n}\n"],"names":["SECTION_DIVIDER_HTML","id","getBodyHtml","html","_a","extractAllSectionsFromHtml","get","sections","Map","dividerRegex","dividers","match","exec","push","index","endIndex","length","set","slice","i","start","end","extractSectionContent","editor","startPos","findSectionStartPos","text","isEmpty","characterCount","endPos","findSectionEndPos","state","doc","container","document","createElement","serializer","DOMSerializer","fromSchema","schema","appendChild","serializeFragment","content","innerHTML","textContent","trim","sectionId","descendants","node","pos","type","name","attrs","nodeSize","docSize","size","firstDividerPos","passedSection","nextDividerPos","body","s","bold","isActive","italic","underline","strike","bulletList","orderedList","blockquote","codeBlock","link","href","getAttributes","$from","selection","linkMark","resolve","marks","find","m","_c","nodeBefore","markOnPrev","_b","textAlign","fontFamily","fontSize","color","highlight","_d","superscript","subscript","getHTML","getText","storage","characters","substring","replace","dividerHtml","commands","insertContentAt","updateSelection","fragment","DOMParser","parse","parseHtmlToNodes","tr","replaceFrom","replaceWith","setMeta","view","dispatch"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{DOMSerializer as t,DOMParser as e}from"../node_modules/prosemirror-model/dist/index.js";function i(t){return t.replace(/<p>\s*<br\s*\/?>\s*<\/p>/gi,"<p></p>")}const n=t=>`<div data-section-divider="${t}" style="display:none;height:0;line-height:0;overflow:hidden;"></div>`;function r(t,e){let i=t;for(const t of e)i+=n(t.id)+t.content;return i}function o(t){var e;if(!t)return"";return null!==(e=l(t).get("body"))&&void 0!==e?e:t}function s(t){if(!t)return"";const e=o(t);return t.substring(e.length)}function l(t){const e=new Map,i=/<div[^>]*data-section-divider="([^"]*)[^>]*>\s*<\/div>/g,n=[];let r;for(;null!==(r=i.exec(t));)n.push({id:r[1],index:r.index,endIndex:r.index+r[0].length});if(0===n.length)return e.set("body",t),e;e.set("body",t.slice(0,n[0].index));for(let i=0;i<n.length;i++){const r=n[i].endIndex,o=i+1<n.length?n[i+1].index:t.length;e.set(n[i].id,t.slice(r,o))}return e}function c(e,i){var n;const r=v(e,i);if(-1===r)return{html:"",text:"",isEmpty:!0,characterCount:0};const o=h(e,i),s=e.state.doc.slice(r,o),l=document.createElement("div"),c=t.fromSchema(e.schema);l.appendChild(c.serializeFragment(s.content));const d=l.innerHTML,u=null!==(n=l.textContent)&&void 0!==n?n:"";return{html:d,text:u,isEmpty:!u.trim(),characterCount:u.length}}function d(t,i,r){const o=v(t,i);if(-1===o){const e=t.state.doc.content.size,o=n(i)+r;return void t.commands.insertContentAt(e,o,{updateSelection:!1})}const s=h(t,i),l=function(t,i){const n=document.createElement("div");return n.innerHTML=i,e.fromSchema(t.schema).parse(n).content}(t,r),{tr:c}=t.state,d="body"===i?0:o;c.replaceWith(d,s,l),c.setMeta("addToHistory",!1),t.view.dispatch(c)}function u(t){return c(t,"body")}function a(t){var e,i,n,r;return{bold:t.isActive("bold"),italic:t.isActive("italic"),underline:t.isActive("underline"),strike:t.isActive("strike"),bulletList:t.isActive("bulletList"),orderedList:t.isActive("orderedList"),blockquote:t.isActive("blockquote"),codeBlock:t.isActive("codeBlock"),link:(()=>{var e,i,n;if(t.isActive("link"))return{href:null!==(e=t.getAttributes("link").href)&&void 0!==e?e:""};const{$from:r}=t.state.selection;if(r.pos>0){const t=r.doc.resolve(r.pos).marks().find((t=>"link"===t.type.name));if(t)return{href:null!==(n=t.attrs.href)&&void 0!==n?n:""};{const t=r.nodeBefore,e=null==t?void 0:t.marks.find((t=>"link"===t.type.name));if(e)return{href:null!==(i=e.attrs.href)&&void 0!==i?i:""}}}return null})(),textAlign:t.isActive({textAlign:"center"})?"center":t.isActive({textAlign:"right"})?"right":t.isActive({textAlign:"justify"})?"justify":t.isActive({textAlign:"left"})?"left":null,fontFamily:null!==(e=t.getAttributes("textStyle").fontFamily)&&void 0!==e?e:null,fontSize:null!==(i=t.getAttributes("textStyle").fontSize)&&void 0!==i?i:null,color:null!==(n=t.getAttributes("textStyle").color)&&void 0!==n?n:null,highlight:t.isActive("highlight")?null!==(r=t.getAttributes("highlight").color)&&void 0!==r?r:"default":null,superscript:t.isActive("superscript"),subscript:t.isActive("subscript")}}function f(t){var e,i,n;return{html:t.getHTML(),text:t.getText(),isEmpty:t.isEmpty,characterCount:null!==(n=null===(i=null===(e=t.storage.characterCount)||void 0===e?void 0:e.characters)||void 0===i?void 0:i.call(e))&&void 0!==n?n:t.getText().length}}function v(t,e){if("body"===e)return 1;let i=-1;return t.state.doc.descendants(((t,n)=>{if(-1!==i)return!1;"sectionDivider"===t.type.name&&t.attrs.sectionId===e&&(i=n+t.nodeSize)})),i}function h(t,e){const i=t.state.doc,n=i.content.size;if("body"===e){let t=-1;return i.descendants(((e,i)=>{if(-1!==t)return!1;"sectionDivider"===e.type.name&&(t=i)})),-1!==t?t:n}let r=!1,o=-1;return i.descendants(((t,i)=>-1===o&&(r?void("sectionDivider"===t.type.name&&(o=i)):("sectionDivider"===t.type.name&&t.attrs.sectionId===e&&(r=!0),!1)))),-1!==o?o:n}export{n as SECTION_DIVIDER_HTML,r as buildSectionedContent,a as extractActiveFormats,l as extractAllSectionsFromHtml,u as extractBodyContent,f as extractContent,c as extractSectionContent,h as findSectionEndPos,v as findSectionStartPos,o as getBodyHtml,s as getSectionsHtml,i as normalizeHtml,d as setSectionContentInEditor};
|
|
1
|
+
import{DOMSerializer as t,DOMParser as e}from"../node_modules/prosemirror-model/dist/index.js";function i(t){return t.replace(/<p>\s*<br\s*\/?>\s*<\/p>/gi,"<p></p>").replace(/<\/?span[^>]*>/gi,"")}const n=t=>`<div data-section-divider="${t}" style="display:none;height:0;line-height:0;overflow:hidden;"></div>`;function r(t,e){let i=t;for(const t of e)i+=n(t.id)+t.content;return i}function o(t){var e;if(!t)return"";return null!==(e=l(t).get("body"))&&void 0!==e?e:t}function s(t){if(!t)return"";const e=o(t);return t.substring(e.length)}function l(t){const e=new Map,i=/<div[^>]*data-section-divider="([^"]*)[^>]*>\s*<\/div>/g,n=[];let r;for(;null!==(r=i.exec(t));)n.push({id:r[1],index:r.index,endIndex:r.index+r[0].length});if(0===n.length)return e.set("body",t),e;e.set("body",t.slice(0,n[0].index));for(let i=0;i<n.length;i++){const r=n[i].endIndex,o=i+1<n.length?n[i+1].index:t.length;e.set(n[i].id,t.slice(r,o))}return e}function c(e,i){var n;const r=v(e,i);if(-1===r)return{html:"",text:"",isEmpty:!0,characterCount:0};const o=h(e,i),s=e.state.doc.slice(r,o),l=document.createElement("div"),c=t.fromSchema(e.schema);l.appendChild(c.serializeFragment(s.content));const d=l.innerHTML,u=null!==(n=l.textContent)&&void 0!==n?n:"";return{html:d,text:u,isEmpty:!u.trim(),characterCount:u.length}}function d(t,i,r){const o=v(t,i);if(-1===o){const e=t.state.doc.content.size,o=n(i)+r;return void t.commands.insertContentAt(e,o,{updateSelection:!1})}const s=h(t,i),l=function(t,i){const n=document.createElement("div");return n.innerHTML=i,e.fromSchema(t.schema).parse(n).content}(t,r),{tr:c}=t.state,d="body"===i?0:o;c.replaceWith(d,s,l),c.setMeta("addToHistory",!1),t.view.dispatch(c)}function u(t){return c(t,"body")}function a(t){var e,i,n,r;return{bold:t.isActive("bold"),italic:t.isActive("italic"),underline:t.isActive("underline"),strike:t.isActive("strike"),bulletList:t.isActive("bulletList"),orderedList:t.isActive("orderedList"),blockquote:t.isActive("blockquote"),codeBlock:t.isActive("codeBlock"),link:(()=>{var e,i,n;if(t.isActive("link"))return{href:null!==(e=t.getAttributes("link").href)&&void 0!==e?e:""};const{$from:r}=t.state.selection;if(r.pos>0){const t=r.doc.resolve(r.pos).marks().find((t=>"link"===t.type.name));if(t)return{href:null!==(n=t.attrs.href)&&void 0!==n?n:""};{const t=r.nodeBefore,e=null==t?void 0:t.marks.find((t=>"link"===t.type.name));if(e)return{href:null!==(i=e.attrs.href)&&void 0!==i?i:""}}}return null})(),textAlign:t.isActive({textAlign:"center"})?"center":t.isActive({textAlign:"right"})?"right":t.isActive({textAlign:"justify"})?"justify":t.isActive({textAlign:"left"})?"left":null,fontFamily:null!==(e=t.getAttributes("textStyle").fontFamily)&&void 0!==e?e:null,fontSize:null!==(i=t.getAttributes("textStyle").fontSize)&&void 0!==i?i:null,color:null!==(n=t.getAttributes("textStyle").color)&&void 0!==n?n:null,highlight:t.isActive("highlight")?null!==(r=t.getAttributes("highlight").color)&&void 0!==r?r:"default":null,superscript:t.isActive("superscript"),subscript:t.isActive("subscript")}}function f(t){var e,i,n;return{html:t.getHTML(),text:t.getText(),isEmpty:t.isEmpty,characterCount:null!==(n=null===(i=null===(e=t.storage.characterCount)||void 0===e?void 0:e.characters)||void 0===i?void 0:i.call(e))&&void 0!==n?n:t.getText().length}}function v(t,e){if("body"===e)return 1;let i=-1;return t.state.doc.descendants(((t,n)=>{if(-1!==i)return!1;"sectionDivider"===t.type.name&&t.attrs.sectionId===e&&(i=n+t.nodeSize)})),i}function h(t,e){const i=t.state.doc,n=i.content.size;if("body"===e){let t=-1;return i.descendants(((e,i)=>{if(-1!==t)return!1;"sectionDivider"===e.type.name&&(t=i)})),-1!==t?t:n}let r=!1,o=-1;return i.descendants(((t,i)=>-1===o&&(r?void("sectionDivider"===t.type.name&&(o=i)):("sectionDivider"===t.type.name&&t.attrs.sectionId===e&&(r=!0),!1)))),-1!==o?o:n}export{n as SECTION_DIVIDER_HTML,r as buildSectionedContent,a as extractActiveFormats,l as extractAllSectionsFromHtml,u as extractBodyContent,f as extractContent,c as extractSectionContent,h as findSectionEndPos,v as findSectionStartPos,o as getBodyHtml,s as getSectionsHtml,i as normalizeHtml,d as setSectionContentInEditor};
|
|
2
2
|
//# sourceMappingURL=BikEditor.utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BikEditor.utils.js","sources":["../../../src/editor/BikEditor.utils.ts"],"sourcesContent":["import { Editor } from '@tiptap/core';\nimport { DOMParser, DOMSerializer } from 'prosemirror-model';\nimport { EditorSnapshot, FormatState } from './BikEditor.types';\n\n// ---------------------------------------------------------------------------\n// HTML normalisation\n// ---------------------------------------------------------------------------\n\n/**\n * Normalise HTML before passing it to TipTap.\n *\n * Problem: Quill uses `<p><br></p>` as a blank-line separator. TipTap's\n * HardBreak extension parses that `<br>` as a real `hard_break` node.\n * ProseMirror then also appends `<br class=\"ProseMirror-trailingBreak\">` as a\n * cursor-position decoration, making the empty paragraph render at **2× line\n * height** instead of 1×.\n *\n * Fix: replace `<p><br></p>` → `<p></p>` so TipTap stores a truly empty\n * paragraph. ProseMirror adds only the trailing decoration, giving the correct\n * 1× line height. The WA text output is unchanged (`\\n` either way after\n * surrounding-newline collapse in `toWhatsAppText`).\n */\nexport function normalizeHtml(html: string): string {\n\treturn html.replace(/<p>\\s*<br\\s*\\/?>\\s*<\\/p>/gi, '<p></p>');\n}\n\n// ---------------------------------------------------------------------------\n// Section divider HTML\n// ---------------------------------------------------------------------------\n\nexport const SECTION_DIVIDER_HTML = (id: string) =>\n\t`<div data-section-divider=\"${id}\" style=\"display:none;height:0;line-height:0;overflow:hidden;\"></div>`;\n\n/**\n * Build initial HTML for an editor with one or more named sections below the body.\n * Each section is separated by an invisible divider node.\n *\n * @example\n * buildSectionedContent('<p>Body</p>', [\n * { id: 'signature', content: '<p>Alice</p>' },\n * { id: 'forwarded', content: '<p>--- fwd ---</p>' },\n * ])\n */\nexport function buildSectionedContent(\n\tbody: string,\n\tsections: Array<{ id: string; content: string }>,\n): string {\n\tlet html = body;\n\tfor (const s of sections) {\n\t\thtml += SECTION_DIVIDER_HTML(s.id) + s.content;\n\t}\n\treturn html;\n}\n\n// ---------------------------------------------------------------------------\n// Section extraction\n// ---------------------------------------------------------------------------\n\n/**\n * Parse the editor HTML into a Map of sectionId → raw HTML string.\n * The special key `'body'` always holds the content before the first divider.\n * Map iteration order matches document order.\n */\nexport function extractAllSections(editor: Editor): Map<string, string> {\n\treturn extractAllSectionsFromHtml(editor.getHTML());\n}\n\n/**\n * Extract just the body portion (everything before the first section divider)\n * from an HTML string produced by BikEditor. Safe to call on plain HTML too —\n * returns the full string when no dividers are present.\n */\nexport function getBodyHtml(html: string): string {\n\tif (!html) return '';\n\tconst sections = extractAllSectionsFromHtml(html);\n\treturn sections.get('body') ?? html;\n}\n\n/**\n * Extract everything from the first section divider onward (dividers + their\n * content). Returns an empty string when there are no sections.\n */\nexport function getSectionsHtml(html: string): string {\n\tif (!html) return '';\n\tconst body = getBodyHtml(html);\n\treturn html.substring(body.length);\n}\n\nexport function extractAllSectionsFromHtml(html: string): Map<string, string> {\n\tconst sections = new Map<string, string>();\n\tconst dividerRegex =\n\t\t/<div[^>]*data-section-divider=\"([^\"]*)[^>]*>\\s*<\\/div>/g;\n\tconst dividers: Array<{ id: string; index: number; endIndex: number }> = [];\n\n\tlet match: RegExpExecArray | null;\n\twhile ((match = dividerRegex.exec(html)) !== null) {\n\t\tdividers.push({\n\t\t\tid: match[1],\n\t\t\tindex: match.index,\n\t\t\tendIndex: match.index + match[0].length,\n\t\t});\n\t}\n\n\tif (dividers.length === 0) {\n\t\tsections.set('body', html);\n\t\treturn sections;\n\t}\n\n\tsections.set('body', html.slice(0, dividers[0].index));\n\tfor (let i = 0; i < dividers.length; i++) {\n\t\tconst start = dividers[i].endIndex;\n\t\tconst end = i + 1 < dividers.length ? dividers[i + 1].index : html.length;\n\t\tsections.set(dividers[i].id, html.slice(start, end));\n\t}\n\n\treturn sections;\n}\n\n/** Returns BikEditorContent for a single named section (or 'body'). */\nexport function extractSectionContent(\n\teditor: Editor,\n\tid: string,\n): EditorSnapshot {\n\tconst startPos = findSectionStartPos(editor, id);\n\tif (startPos === -1)\n\t\treturn { html: '', text: '', isEmpty: true, characterCount: 0 };\n\tconst endPos = findSectionEndPos(editor, id);\n\tconst slice = editor.state.doc.slice(startPos, endPos);\n\tconst container = document.createElement('div');\n\tconst serializer = DOMSerializer.fromSchema(editor.schema);\n\tcontainer.appendChild(serializer.serializeFragment(slice.content));\n\tconst html = container.innerHTML;\n\tconst text = container.textContent ?? '';\n\treturn { html, text, isEmpty: !text.trim(), characterCount: text.length };\n}\n\n/**\n * Parse an HTML string into ProseMirror nodes using the editor's schema.\n */\nfunction parseHtmlToNodes(editor: Editor, html: string) {\n\tconst container = document.createElement('div');\n\tcontainer.innerHTML = html;\n\treturn DOMParser.fromSchema(editor.schema).parse(container).content;\n}\n\n/**\n * Replace the content of a single named section without touching others.\n * Uses a ProseMirror transaction to replace only the target range,\n * preserving undo history and other sections' state.\n * If the section doesn't exist yet, it is appended at the end of the document.\n */\nexport function setSectionContentInEditor(\n\teditor: Editor,\n\tid: string,\n\thtml: string,\n): void {\n\tconst startPos = findSectionStartPos(editor, id);\n\tif (startPos === -1) {\n\t\tconst endPos = editor.state.doc.content.size;\n\t\tconst dividerHtml = SECTION_DIVIDER_HTML(id) + html;\n\t\teditor.commands.insertContentAt(endPos, dividerHtml, {\n\t\t\tupdateSelection: false,\n\t\t});\n\t\treturn;\n\t}\n\tconst endPos = findSectionEndPos(editor, id);\n\tconst fragment = parseHtmlToNodes(editor, html);\n\tconst { tr } = editor.state;\n\t// For body, replace from position 0 (before the first paragraph's opening\n\t// boundary) so ProseMirror swaps entire block nodes cleanly. Position 1\n\t// (inside the paragraph) would force ProseMirror to close the open paragraph\n\t// first, creating a ghost empty <p></p>.\n\tconst replaceFrom = id === 'body' ? 0 : startPos;\n\ttr.replaceWith(replaceFrom, endPos, fragment);\n\ttr.setMeta('addToHistory', false);\n\teditor.view.dispatch(tr);\n}\n\n// ---------------------------------------------------------------------------\n// Convenience shorthands (body = first section)\n// ---------------------------------------------------------------------------\n\n/** Extract BikEditorContent for just the body (before the first divider). */\nexport function extractBodyContent(editor: Editor): EditorSnapshot {\n\treturn extractSectionContent(editor, 'body');\n}\n\n// ---------------------------------------------------------------------------\n// Active formats\n// ---------------------------------------------------------------------------\n\nexport function extractActiveFormats(editor: Editor): FormatState {\n\treturn {\n\t\tbold: editor.isActive('bold'),\n\t\titalic: editor.isActive('italic'),\n\t\tunderline: editor.isActive('underline'),\n\t\tstrike: editor.isActive('strike'),\n\t\tbulletList: editor.isActive('bulletList'),\n\t\torderedList: editor.isActive('orderedList'),\n\t\tblockquote: editor.isActive('blockquote'),\n\t\tcodeBlock: editor.isActive('codeBlock'),\n\t\tlink: (() => {\n\t\t\tif (editor.isActive('link')) {\n\t\t\t\treturn { href: editor.getAttributes('link')['href'] ?? '' };\n\t\t\t}\n\t\t\tconst { $from } = editor.state.selection;\n\t\t\tif ($from.pos > 0) {\n\t\t\t\tconst before = $from.doc.resolve($from.pos);\n\t\t\t\tconst linkMark = before.marks().find((m) => m.type.name === 'link');\n\t\t\t\tif (!linkMark) {\n\t\t\t\t\tconst nodeBefore = $from.nodeBefore;\n\t\t\t\t\tconst markOnPrev = nodeBefore?.marks.find(\n\t\t\t\t\t\t(m) => m.type.name === 'link',\n\t\t\t\t\t);\n\t\t\t\t\tif (markOnPrev) {\n\t\t\t\t\t\treturn { href: markOnPrev.attrs['href'] ?? '' };\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\treturn { href: linkMark.attrs['href'] ?? '' };\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn null;\n\t\t})(),\n\t\ttextAlign: editor.isActive({ textAlign: 'center' })\n\t\t\t? 'center'\n\t\t\t: editor.isActive({ textAlign: 'right' })\n\t\t\t? 'right'\n\t\t\t: editor.isActive({ textAlign: 'justify' })\n\t\t\t? 'justify'\n\t\t\t: editor.isActive({ textAlign: 'left' })\n\t\t\t? 'left'\n\t\t\t: null,\n\t\tfontFamily: editor.getAttributes('textStyle')['fontFamily'] ?? null,\n\t\tfontSize: editor.getAttributes('textStyle')['fontSize'] ?? null,\n\t\tcolor: editor.getAttributes('textStyle')['color'] ?? null,\n\t\thighlight: editor.isActive('highlight')\n\t\t\t? editor.getAttributes('highlight')['color'] ?? 'default'\n\t\t\t: null,\n\t\tsuperscript: editor.isActive('superscript'),\n\t\tsubscript: editor.isActive('subscript'),\n\t};\n}\n\nexport function extractContent(editor: Editor): EditorSnapshot {\n\treturn {\n\t\thtml: editor.getHTML(),\n\t\ttext: editor.getText(),\n\t\tisEmpty: editor.isEmpty,\n\t\tcharacterCount:\n\t\t\teditor.storage.characterCount?.characters?.() ?? editor.getText().length,\n\t};\n}\n\n// ---------------------------------------------------------------------------\n// Section position helpers (used by insertAtSectionStart/End and appendBodyContent)\n// ---------------------------------------------------------------------------\n\n/**\n * Returns the ProseMirror position immediately after a section's opening divider\n * (i.e. the start of the section's own content).\n * For `'body'`, returns 1 (beginning of the document).\n * Returns -1 if the named section's divider is not found.\n */\nexport function findSectionStartPos(editor: Editor, sectionId: string): number {\n\tif (sectionId === 'body') return 1;\n\tlet startPos = -1;\n\teditor.state.doc.descendants((node, pos) => {\n\t\tif (startPos !== -1) return false;\n\t\tif (\n\t\t\tnode.type.name === 'sectionDivider' &&\n\t\t\tnode.attrs['sectionId'] === sectionId\n\t\t) {\n\t\t\tstartPos = pos + node.nodeSize; // position right after the divider\n\t\t}\n\t});\n\treturn startPos;\n}\n\n/**\n * Returns the ProseMirror position at the end of a named section's content:\n * - For `'body'`: position of the first section divider, or end of document.\n * - For a named section: position of the next divider, or end of document.\n */\nexport function findSectionEndPos(editor: Editor, sectionId: string): number {\n\tconst doc = editor.state.doc;\n\tconst docSize = doc.content.size;\n\n\tif (sectionId === 'body') {\n\t\tlet firstDividerPos = -1;\n\t\tdoc.descendants((node, pos) => {\n\t\t\tif (firstDividerPos !== -1) return false;\n\t\t\tif (node.type.name === 'sectionDivider') {\n\t\t\t\tfirstDividerPos = pos;\n\t\t\t}\n\t\t});\n\t\treturn firstDividerPos !== -1 ? firstDividerPos : docSize;\n\t}\n\n\tlet passedSection = false;\n\tlet nextDividerPos = -1;\n\tdoc.descendants((node, pos) => {\n\t\tif (nextDividerPos !== -1) return false;\n\t\tif (!passedSection) {\n\t\t\tif (\n\t\t\t\tnode.type.name === 'sectionDivider' &&\n\t\t\t\tnode.attrs['sectionId'] === sectionId\n\t\t\t) {\n\t\t\t\tpassedSection = true;\n\t\t\t}\n\t\t\treturn false;\n\t\t}\n\t\tif (node.type.name === 'sectionDivider') {\n\t\t\tnextDividerPos = pos;\n\t\t}\n\t});\n\treturn nextDividerPos !== -1 ? nextDividerPos : docSize;\n}\n"],"names":["normalizeHtml","html","replace","SECTION_DIVIDER_HTML","id","buildSectionedContent","body","sections","s","content","getBodyHtml","_a","extractAllSectionsFromHtml","get","getSectionsHtml","substring","length","Map","dividerRegex","dividers","match","exec","push","index","endIndex","set","slice","i","start","end","extractSectionContent","editor","startPos","findSectionStartPos","text","isEmpty","characterCount","endPos","findSectionEndPos","state","doc","container","document","createElement","serializer","DOMSerializer","fromSchema","schema","appendChild","serializeFragment","innerHTML","textContent","trim","setSectionContentInEditor","size","dividerHtml","commands","insertContentAt","updateSelection","fragment","DOMParser","parse","parseHtmlToNodes","tr","replaceFrom","replaceWith","setMeta","view","dispatch","extractBodyContent","extractActiveFormats","bold","isActive","italic","underline","strike","bulletList","orderedList","blockquote","codeBlock","link","href","getAttributes","$from","selection","pos","linkMark","resolve","marks","find","m","type","name","_c","attrs","nodeBefore","markOnPrev","_b","textAlign","fontFamily","fontSize","color","highlight","_d","superscript","subscript","extractContent","getHTML","getText","storage","characters","sectionId","descendants","node","nodeSize","docSize","firstDividerPos","passedSection","nextDividerPos"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BikEditor.utils.js","sources":["../../../src/editor/BikEditor.utils.ts"],"sourcesContent":["import { Editor } from '@tiptap/core';\nimport { DOMParser, DOMSerializer } from 'prosemirror-model';\nimport { EditorSnapshot, FormatState } from './BikEditor.types';\n\n// ---------------------------------------------------------------------------\n// HTML normalisation\n// ---------------------------------------------------------------------------\n\n/**\n * Normalise HTML before passing it to TipTap.\n *\n * Problem: Quill uses `<p><br></p>` as a blank-line separator. TipTap's\n * HardBreak extension parses that `<br>` as a real `hard_break` node.\n * ProseMirror then also appends `<br class=\"ProseMirror-trailingBreak\">` as a\n * cursor-position decoration, making the empty paragraph render at **2× line\n * height** instead of 1×.\n *\n * Fix: replace `<p><br></p>` → `<p></p>` so TipTap stores a truly empty\n * paragraph. ProseMirror adds only the trailing decoration, giving the correct\n * 1× line height. The WA text output is unchanged (`\\n` either way after\n * surrounding-newline collapse in `toWhatsAppText`).\n */\nexport function normalizeHtml(html: string): string {\n\treturn html\n\t\t.replace(/<p>\\s*<br\\s*\\/?>\\s*<\\/p>/gi, '<p></p>')\n\t\t.replace(/<\\/?span[^>]*>/gi, '');\n}\n\n// ---------------------------------------------------------------------------\n// Section divider HTML\n// ---------------------------------------------------------------------------\n\nexport const SECTION_DIVIDER_HTML = (id: string) =>\n\t`<div data-section-divider=\"${id}\" style=\"display:none;height:0;line-height:0;overflow:hidden;\"></div>`;\n\n/**\n * Build initial HTML for an editor with one or more named sections below the body.\n * Each section is separated by an invisible divider node.\n *\n * @example\n * buildSectionedContent('<p>Body</p>', [\n * { id: 'signature', content: '<p>Alice</p>' },\n * { id: 'forwarded', content: '<p>--- fwd ---</p>' },\n * ])\n */\nexport function buildSectionedContent(\n\tbody: string,\n\tsections: Array<{ id: string; content: string }>,\n): string {\n\tlet html = body;\n\tfor (const s of sections) {\n\t\thtml += SECTION_DIVIDER_HTML(s.id) + s.content;\n\t}\n\treturn html;\n}\n\n// ---------------------------------------------------------------------------\n// Section extraction\n// ---------------------------------------------------------------------------\n\n/**\n * Parse the editor HTML into a Map of sectionId → raw HTML string.\n * The special key `'body'` always holds the content before the first divider.\n * Map iteration order matches document order.\n */\nexport function extractAllSections(editor: Editor): Map<string, string> {\n\treturn extractAllSectionsFromHtml(editor.getHTML());\n}\n\n/**\n * Extract just the body portion (everything before the first section divider)\n * from an HTML string produced by BikEditor. Safe to call on plain HTML too —\n * returns the full string when no dividers are present.\n */\nexport function getBodyHtml(html: string): string {\n\tif (!html) return '';\n\tconst sections = extractAllSectionsFromHtml(html);\n\treturn sections.get('body') ?? html;\n}\n\n/**\n * Extract everything from the first section divider onward (dividers + their\n * content). Returns an empty string when there are no sections.\n */\nexport function getSectionsHtml(html: string): string {\n\tif (!html) return '';\n\tconst body = getBodyHtml(html);\n\treturn html.substring(body.length);\n}\n\nexport function extractAllSectionsFromHtml(html: string): Map<string, string> {\n\tconst sections = new Map<string, string>();\n\tconst dividerRegex =\n\t\t/<div[^>]*data-section-divider=\"([^\"]*)[^>]*>\\s*<\\/div>/g;\n\tconst dividers: Array<{ id: string; index: number; endIndex: number }> = [];\n\n\tlet match: RegExpExecArray | null;\n\twhile ((match = dividerRegex.exec(html)) !== null) {\n\t\tdividers.push({\n\t\t\tid: match[1],\n\t\t\tindex: match.index,\n\t\t\tendIndex: match.index + match[0].length,\n\t\t});\n\t}\n\n\tif (dividers.length === 0) {\n\t\tsections.set('body', html);\n\t\treturn sections;\n\t}\n\n\tsections.set('body', html.slice(0, dividers[0].index));\n\tfor (let i = 0; i < dividers.length; i++) {\n\t\tconst start = dividers[i].endIndex;\n\t\tconst end = i + 1 < dividers.length ? dividers[i + 1].index : html.length;\n\t\tsections.set(dividers[i].id, html.slice(start, end));\n\t}\n\n\treturn sections;\n}\n\n/** Returns BikEditorContent for a single named section (or 'body'). */\nexport function extractSectionContent(\n\teditor: Editor,\n\tid: string,\n): EditorSnapshot {\n\tconst startPos = findSectionStartPos(editor, id);\n\tif (startPos === -1)\n\t\treturn { html: '', text: '', isEmpty: true, characterCount: 0 };\n\tconst endPos = findSectionEndPos(editor, id);\n\tconst slice = editor.state.doc.slice(startPos, endPos);\n\tconst container = document.createElement('div');\n\tconst serializer = DOMSerializer.fromSchema(editor.schema);\n\tcontainer.appendChild(serializer.serializeFragment(slice.content));\n\tconst html = container.innerHTML;\n\tconst text = container.textContent ?? '';\n\treturn { html, text, isEmpty: !text.trim(), characterCount: text.length };\n}\n\n/**\n * Parse an HTML string into ProseMirror nodes using the editor's schema.\n */\nfunction parseHtmlToNodes(editor: Editor, html: string) {\n\tconst container = document.createElement('div');\n\tcontainer.innerHTML = html;\n\treturn DOMParser.fromSchema(editor.schema).parse(container).content;\n}\n\n/**\n * Replace the content of a single named section without touching others.\n * Uses a ProseMirror transaction to replace only the target range,\n * preserving undo history and other sections' state.\n * If the section doesn't exist yet, it is appended at the end of the document.\n */\nexport function setSectionContentInEditor(\n\teditor: Editor,\n\tid: string,\n\thtml: string,\n): void {\n\tconst startPos = findSectionStartPos(editor, id);\n\tif (startPos === -1) {\n\t\tconst endPos = editor.state.doc.content.size;\n\t\tconst dividerHtml = SECTION_DIVIDER_HTML(id) + html;\n\t\teditor.commands.insertContentAt(endPos, dividerHtml, {\n\t\t\tupdateSelection: false,\n\t\t});\n\t\treturn;\n\t}\n\tconst endPos = findSectionEndPos(editor, id);\n\tconst fragment = parseHtmlToNodes(editor, html);\n\tconst { tr } = editor.state;\n\t// For body, replace from position 0 (before the first paragraph's opening\n\t// boundary) so ProseMirror swaps entire block nodes cleanly. Position 1\n\t// (inside the paragraph) would force ProseMirror to close the open paragraph\n\t// first, creating a ghost empty <p></p>.\n\tconst replaceFrom = id === 'body' ? 0 : startPos;\n\ttr.replaceWith(replaceFrom, endPos, fragment);\n\ttr.setMeta('addToHistory', false);\n\teditor.view.dispatch(tr);\n}\n\n// ---------------------------------------------------------------------------\n// Convenience shorthands (body = first section)\n// ---------------------------------------------------------------------------\n\n/** Extract BikEditorContent for just the body (before the first divider). */\nexport function extractBodyContent(editor: Editor): EditorSnapshot {\n\treturn extractSectionContent(editor, 'body');\n}\n\n// ---------------------------------------------------------------------------\n// Active formats\n// ---------------------------------------------------------------------------\n\nexport function extractActiveFormats(editor: Editor): FormatState {\n\treturn {\n\t\tbold: editor.isActive('bold'),\n\t\titalic: editor.isActive('italic'),\n\t\tunderline: editor.isActive('underline'),\n\t\tstrike: editor.isActive('strike'),\n\t\tbulletList: editor.isActive('bulletList'),\n\t\torderedList: editor.isActive('orderedList'),\n\t\tblockquote: editor.isActive('blockquote'),\n\t\tcodeBlock: editor.isActive('codeBlock'),\n\t\tlink: (() => {\n\t\t\tif (editor.isActive('link')) {\n\t\t\t\treturn { href: editor.getAttributes('link')['href'] ?? '' };\n\t\t\t}\n\t\t\tconst { $from } = editor.state.selection;\n\t\t\tif ($from.pos > 0) {\n\t\t\t\tconst before = $from.doc.resolve($from.pos);\n\t\t\t\tconst linkMark = before.marks().find((m) => m.type.name === 'link');\n\t\t\t\tif (!linkMark) {\n\t\t\t\t\tconst nodeBefore = $from.nodeBefore;\n\t\t\t\t\tconst markOnPrev = nodeBefore?.marks.find(\n\t\t\t\t\t\t(m) => m.type.name === 'link',\n\t\t\t\t\t);\n\t\t\t\t\tif (markOnPrev) {\n\t\t\t\t\t\treturn { href: markOnPrev.attrs['href'] ?? '' };\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\treturn { href: linkMark.attrs['href'] ?? '' };\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn null;\n\t\t})(),\n\t\ttextAlign: editor.isActive({ textAlign: 'center' })\n\t\t\t? 'center'\n\t\t\t: editor.isActive({ textAlign: 'right' })\n\t\t\t? 'right'\n\t\t\t: editor.isActive({ textAlign: 'justify' })\n\t\t\t? 'justify'\n\t\t\t: editor.isActive({ textAlign: 'left' })\n\t\t\t? 'left'\n\t\t\t: null,\n\t\tfontFamily: editor.getAttributes('textStyle')['fontFamily'] ?? null,\n\t\tfontSize: editor.getAttributes('textStyle')['fontSize'] ?? null,\n\t\tcolor: editor.getAttributes('textStyle')['color'] ?? null,\n\t\thighlight: editor.isActive('highlight')\n\t\t\t? editor.getAttributes('highlight')['color'] ?? 'default'\n\t\t\t: null,\n\t\tsuperscript: editor.isActive('superscript'),\n\t\tsubscript: editor.isActive('subscript'),\n\t};\n}\n\nexport function extractContent(editor: Editor): EditorSnapshot {\n\treturn {\n\t\thtml: editor.getHTML(),\n\t\ttext: editor.getText(),\n\t\tisEmpty: editor.isEmpty,\n\t\tcharacterCount:\n\t\t\teditor.storage.characterCount?.characters?.() ?? editor.getText().length,\n\t};\n}\n\n// ---------------------------------------------------------------------------\n// Section position helpers (used by insertAtSectionStart/End and appendBodyContent)\n// ---------------------------------------------------------------------------\n\n/**\n * Returns the ProseMirror position immediately after a section's opening divider\n * (i.e. the start of the section's own content).\n * For `'body'`, returns 1 (beginning of the document).\n * Returns -1 if the named section's divider is not found.\n */\nexport function findSectionStartPos(editor: Editor, sectionId: string): number {\n\tif (sectionId === 'body') return 1;\n\tlet startPos = -1;\n\teditor.state.doc.descendants((node, pos) => {\n\t\tif (startPos !== -1) return false;\n\t\tif (\n\t\t\tnode.type.name === 'sectionDivider' &&\n\t\t\tnode.attrs['sectionId'] === sectionId\n\t\t) {\n\t\t\tstartPos = pos + node.nodeSize; // position right after the divider\n\t\t}\n\t});\n\treturn startPos;\n}\n\n/**\n * Returns the ProseMirror position at the end of a named section's content:\n * - For `'body'`: position of the first section divider, or end of document.\n * - For a named section: position of the next divider, or end of document.\n */\nexport function findSectionEndPos(editor: Editor, sectionId: string): number {\n\tconst doc = editor.state.doc;\n\tconst docSize = doc.content.size;\n\n\tif (sectionId === 'body') {\n\t\tlet firstDividerPos = -1;\n\t\tdoc.descendants((node, pos) => {\n\t\t\tif (firstDividerPos !== -1) return false;\n\t\t\tif (node.type.name === 'sectionDivider') {\n\t\t\t\tfirstDividerPos = pos;\n\t\t\t}\n\t\t});\n\t\treturn firstDividerPos !== -1 ? firstDividerPos : docSize;\n\t}\n\n\tlet passedSection = false;\n\tlet nextDividerPos = -1;\n\tdoc.descendants((node, pos) => {\n\t\tif (nextDividerPos !== -1) return false;\n\t\tif (!passedSection) {\n\t\t\tif (\n\t\t\t\tnode.type.name === 'sectionDivider' &&\n\t\t\t\tnode.attrs['sectionId'] === sectionId\n\t\t\t) {\n\t\t\t\tpassedSection = true;\n\t\t\t}\n\t\t\treturn false;\n\t\t}\n\t\tif (node.type.name === 'sectionDivider') {\n\t\t\tnextDividerPos = pos;\n\t\t}\n\t});\n\treturn nextDividerPos !== -1 ? nextDividerPos : docSize;\n}\n"],"names":["normalizeHtml","html","replace","SECTION_DIVIDER_HTML","id","buildSectionedContent","body","sections","s","content","getBodyHtml","_a","extractAllSectionsFromHtml","get","getSectionsHtml","substring","length","Map","dividerRegex","dividers","match","exec","push","index","endIndex","set","slice","i","start","end","extractSectionContent","editor","startPos","findSectionStartPos","text","isEmpty","characterCount","endPos","findSectionEndPos","state","doc","container","document","createElement","serializer","DOMSerializer","fromSchema","schema","appendChild","serializeFragment","innerHTML","textContent","trim","setSectionContentInEditor","size","dividerHtml","commands","insertContentAt","updateSelection","fragment","DOMParser","parse","parseHtmlToNodes","tr","replaceFrom","replaceWith","setMeta","view","dispatch","extractBodyContent","extractActiveFormats","bold","isActive","italic","underline","strike","bulletList","orderedList","blockquote","codeBlock","link","href","getAttributes","$from","selection","pos","linkMark","resolve","marks","find","m","type","name","_c","attrs","nodeBefore","markOnPrev","_b","textAlign","fontFamily","fontSize","color","highlight","_d","superscript","subscript","extractContent","getHTML","getText","storage","characters","sectionId","descendants","node","nodeSize","docSize","firstDividerPos","passedSection","nextDividerPos"],"mappings":"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"}
|