npm - @aquera/nile-elements - Versions diffs - 2.0.16 → 2.0.18 - Mend

@aquera/nile-elements 2.0.16 → 2.0.18

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.

Files changed (383) hide show

package/dist/src/nile-wysiwyg-editor/engine/inputrules.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inputrules.js","sourceRoot":"","sources":["../../../../src/nile-wysiwyg-editor/engine/inputrules.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n inputRules,\n wrappingInputRule,\n textblockTypeInputRule,\n InputRule,\n} from 'prosemirror-inputrules';\nimport { MarkType, Schema } from 'prosemirror-model';\nimport { Plugin } from 'prosemirror-state';\n\nfunction escapeRegex(text: string): string {\n return text.replace(/[.+?^${}()\|[\\]\\\\]/g, '\\\\$&');\n}\n\n/* True when the cursor sits in code (block or mark) — no autocorrect there. /\nfunction isInCodeContext(state: import('prosemirror-state').EditorState): boolean {\n const { $from } = state.selection;\n if ($from.parent.type.spec.code) return true;\n const code = state.schema.marks.code;\n return !!(code && code.isInSet(state.storedMarks \|\| $from.marks()));\n}\n\n/\n String-replacement rule (the library stringHandler plus a code-context\n * guard): when the regex has a capture group, only the group is replaced and\n * the surrounding matched text is preserved.\n /\nfunction replaceRule(regexp: RegExp, replacement: string): InputRule {\n return new InputRule(regexp, (state, match, start, end) => {\n if (isInCodeContext(state)) return null;\n let insert = replacement;\n let from = start;\n if (match.length > 1 && match[1] !== undefined) {\n const offset = match[0].lastIndexOf(match[1]);\n insert += match[0].slice(offset + match[1].length);\n from += offset;\n const cutOff = from - end;\n if (cutOff > 0) {\n insert = match[0].slice(offset - cutOff, offset) + insert;\n from = end;\n }\n }\n return state.tr.insertText(insert, from, end);\n });\n}\n\n/\n CKEditor-style text transformations: symbols, fractions, dashes, ellipsis\n * and smart quotes. All skipped inside code and revertable with Backspace.\n /\nfunction textTransformRules(): InputRule[] {\n return [\n // Symbols.\n replaceRule(/\$c\$$/i, '©'),\n replaceRule(/\$r\$$/i, '®'),\n replaceRule(/\$tm\$$/i, '™'),\n // Fractions (word-bounded, completed by a space).\n replaceRule(/(?:^\|\\s)(1\\/2)\\s$/, '½'),\n replaceRule(/(?:^\|\\s)(1\\/4)\\s$/, '¼'),\n replaceRule(/(?:^\|\\s)(3\\/4)\\s$/, '¾'),\n // Dashes: \" --- \" → em, \" -- \" → en. The em rule can't be shadowed by\n // the en rule because the en rule requires whitespace before \"--\".\n replaceRule(/\\s(---)\\s$/, '—'),\n replaceRule(/\\s(--)\\s$/, '–'),\n // Ellipsis.\n replaceRule(/\\.\\.\\.$/, '…'),\n // Smart quotes: opening after start/space/bracket, closing elsewhere.\n replaceRule(/(?:^\|[\\s{[(<'\"‘“])(\")$/, '“'),\n replaceRule(/\"$/, '”'),\n replaceRule(/(?:^\|[\\s{[(<'\"‘“])(')$/, '‘'),\n replaceRule(/'$/, '’'),\n ];\n}\n\nexport interface InputRulesOptions {\n /* Include the autocorrect/typography rules. Defaults to true. /\n textTransform?: boolean;\n}\n\n/\n Markdown mark shortcut: typing `<delim>text<delim>` applies the mark and\n * strips the delimiters. The matched range (delimiters and all) is replaced\n * with the marked content, so the final typed delimiter never lands.\n /\nfunction markInputRule(delim: string, markType: MarkType): InputRule {\n const escaped = escapeRegex(delim);\n const inner = escapeRegex(delim[0]);\n const regexp = new RegExp(\n `(?:^\|\\\\s)${escaped}([^${inner}\\\\s](?:[^${inner}][^${inner}\\\\s])?)${escaped}$`\n );\n return new InputRule(regexp, (state, match, start, end) => {\n const content = match[1];\n const delimStart = start + match[0].indexOf(delim);\n const tr = state.tr;\n tr.delete(delimStart, end);\n tr.insertText(content, delimStart);\n tr.addMark(delimStart, delimStart + content.length, markType.create());\n tr.removeStoredMark(markType);\n return tr;\n });\n}\n\n/*\n Autolink: typing a space after a bare URL (`https://…`, `http://…` or\n * `www.…`) converts it into a link. Trailing punctuation stays outside the\n * link, code spans and existing links are left alone, and Backspace\n * (undoInputRule) reverts the conversion like any other input rule.\n /\nfunction linkifyRule(schema: Schema): InputRule {\n const linkType = schema.marks.link;\n const regexp = /(?:^\|\\s)((?:https?:\\/\\/\|www\\.)[^\\s][^\\s.,:;!?'\")\\]}])\\s$/i;\n return new InputRule(regexp, (state, match, start, end) => {\n const url = match[1];\n const urlStart = start + match[0].indexOf(url);\n const urlEnd = urlStart + url.length;\n if (state.doc.rangeHasMark(urlStart, urlEnd, linkType)) return null;\n if (state.doc.rangeHasMark(urlStart, urlEnd, schema.marks.code)) return null;\n const href = /^www\\./i.test(url) ? `https://${url}` : url;\n const tr = state.tr;\n tr.addMark(urlStart, urlEnd, linkType.create({ href }));\n tr.removeStoredMark(linkType);\n tr.insertText(' ', end);\n return tr;\n });\n}\n\n/*\n Markdown-style typing shortcuts: block rules plus inline mark rules\n * (bold, italic, `code`, ~~strike~~), and (unless disabled) the\n * typography autocorrect rules.\n /\nexport function buildInputRules(schema: Schema, options: InputRulesOptions = {}): Plugin {\n const transforms = options.textTransform === false ? [] : textTransformRules();\n return inputRules({\n rules: [\n ...transforms,\n // \"# \" … \"###### \" → heading\n textblockTypeInputRule(\n new RegExp('^(#{1,6})\\\\s$'),\n schema.nodes.heading,\n match => ({ level: match[1].length })\n ),\n // \"> \" → blockquote\n wrappingInputRule(/^\\s>\\s$/, schema.nodes.blockquote),\n // \"- \" or \"* \" → bullet list\n wrappingInputRule(/^\\s([-])\\s$/, schema.nodes.bullet_list),\n // \"1. \" → ordered list\n wrappingInputRule(\n /^(\\d+)\\.\\s$/,\n schema.nodes.ordered_list,\n match => ({ order: +match[1] }),\n (match, node) => node.childCount + node.attrs.order === +match[1]\n ),\n // \"```\" → code block\n textblockTypeInputRule(/^```$/, schema.nodes.code_block),\n // \"[] \" or \"[ ] \" → checklist\n wrappingInputRule(/^\\s\\[[ ]?\\]\\s$/, schema.nodes.task_list),\n // Inline marks. Bold before italic so '' is never read as italic;\n // strike (~~) before subscript (~) so a double tilde is never a single.\n markInputRule('', schema.marks.bold),\n markInputRule('', schema.marks.italic),\n markInputRule('~~', schema.marks.strike),\n markInputRule('~', schema.marks.subscript),\n markInputRule('^', schema.marks.superscript),\n markInputRule('`', schema.marks.code),\n // Bare URL + space → link.\n linkifyRule(schema),\n ],\n });\n}\n"]}
1	+ {"version":3,"file":"inputrules.js","sourceRoot":"","sources":["../../../../src/nile-wysiwyg-editor/engine/inputrules.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n inputRules,\n wrappingInputRule,\n textblockTypeInputRule,\n InputRule,\n} from 'prosemirror-inputrules';\nimport { MarkType, Schema } from 'prosemirror-model';\nimport { Plugin, TextSelection } from 'prosemirror-state';\n\nfunction escapeRegex(text: string): string {\n return text.replace(/[.+?^${}()\|[\\]\\\\]/g, '\\\\$&');\n}\n\n/* True when the cursor sits in code (block or mark) — no autocorrect there. /\nfunction isInCodeContext(state: import('prosemirror-state').EditorState): boolean {\n const { $from } = state.selection;\n if ($from.parent.type.spec.code) return true;\n const code = state.schema.marks.code;\n return !!(code && code.isInSet(state.storedMarks \|\| $from.marks()));\n}\n\n/\n String-replacement rule (the library stringHandler plus a code-context\n * guard): when the regex has a capture group, only the group is replaced and\n * the surrounding matched text is preserved.\n /\nfunction replaceRule(regexp: RegExp, replacement: string): InputRule {\n return new InputRule(regexp, (state, match, start, end) => {\n if (isInCodeContext(state)) return null;\n let insert = replacement;\n let from = start;\n if (match.length > 1 && match[1] !== undefined) {\n const offset = match[0].lastIndexOf(match[1]);\n insert += match[0].slice(offset + match[1].length);\n from += offset;\n const cutOff = from - end;\n if (cutOff > 0) {\n insert = match[0].slice(offset - cutOff, offset) + insert;\n from = end;\n }\n }\n return state.tr.insertText(insert, from, end);\n });\n}\n\n/\n CKEditor-style text transformations: symbols, fractions, dashes, ellipsis\n * and smart quotes. All skipped inside code and revertable with Backspace.\n /\nfunction textTransformRules(): InputRule[] {\n return [\n // Symbols.\n replaceRule(/\$c\$$/i, '©'),\n replaceRule(/\$r\$$/i, '®'),\n replaceRule(/\$tm\$$/i, '™'),\n // Fractions (word-bounded, completed by a space).\n replaceRule(/(?:^\|\\s)(1\\/2)\\s$/, '½'),\n replaceRule(/(?:^\|\\s)(1\\/4)\\s$/, '¼'),\n replaceRule(/(?:^\|\\s)(3\\/4)\\s$/, '¾'),\n // Dashes: \" --- \" → em, \" -- \" → en. The em rule can't be shadowed by\n // the en rule because the en rule requires whitespace before \"--\".\n replaceRule(/\\s(---)\\s$/, '—'),\n replaceRule(/\\s(--)\\s$/, '–'),\n // Ellipsis.\n replaceRule(/\\.\\.\\.$/, '…'),\n // Smart quotes: opening after start/space/bracket, closing elsewhere.\n replaceRule(/(?:^\|[\\s{[(<'\"‘“])(\")$/, '“'),\n replaceRule(/\"$/, '”'),\n replaceRule(/(?:^\|[\\s{[(<'\"‘“])(')$/, '‘'),\n replaceRule(/'$/, '’'),\n ];\n}\n\nexport interface InputRulesOptions {\n /* Include the autocorrect/typography rules. Defaults to true. /\n textTransform?: boolean;\n}\n\n/\n Markdown mark shortcut: typing `<delim>text<delim>` applies the mark and\n * strips the delimiters. The matched range (delimiters and all) is replaced\n * with the marked content, so the final typed delimiter never lands.\n /\nfunction markInputRule(delim: string, markType: MarkType): InputRule {\n const escaped = escapeRegex(delim);\n const inner = escapeRegex(delim[0]);\n const regexp = new RegExp(\n `(?:^\|\\\\s)${escaped}([^${inner}\\\\s](?:[^${inner}][^${inner}\\\\s])?)${escaped}$`\n );\n return new InputRule(regexp, (state, match, start, end) => {\n const content = match[1];\n const delimStart = start + match[0].indexOf(delim);\n const tr = state.tr;\n tr.delete(delimStart, end);\n tr.insertText(content, delimStart);\n tr.addMark(delimStart, delimStart + content.length, markType.create());\n tr.removeStoredMark(markType);\n return tr;\n });\n}\n\n/*\n Autolink: typing a space after a bare URL (`https://…`, `http://…` or\n * `www.…`) converts it into a link. Trailing punctuation stays outside the\n * link, code spans and existing links are left alone, and Backspace\n * (undoInputRule) reverts the conversion like any other input rule.\n /\nfunction linkifyRule(schema: Schema): InputRule {\n const linkType = schema.marks.link;\n const regexp = /(?:^\|\\s)((?:https?:\\/\\/\|www\\.)[^\\s][^\\s.,:;!?'\")\\]}])\\s$/i;\n return new InputRule(regexp, (state, match, start, end) => {\n const url = match[1];\n const urlStart = start + match[0].indexOf(url);\n const urlEnd = urlStart + url.length;\n if (state.doc.rangeHasMark(urlStart, urlEnd, linkType)) return null;\n if (state.doc.rangeHasMark(urlStart, urlEnd, schema.marks.code)) return null;\n const href = /^www\\./i.test(url) ? `https://${url}` : url;\n const tr = state.tr;\n tr.addMark(urlStart, urlEnd, linkType.create({ href }));\n tr.removeStoredMark(linkType);\n tr.insertText(' ', end);\n return tr;\n });\n}\n\n/*\n Markdown-style typing shortcuts: block rules plus inline mark rules\n * (bold, italic, `code`, ~~strike~~), and (unless disabled) the\n * typography autocorrect rules.\n /\n/* \"---\", \"**\" or \"___\" alone in a top-level paragraph → horizontal rule. /\nfunction horizontalRuleRule(schema: Schema): InputRule {\n return new InputRule(/^(?:---\|\\\\\\\|___)$/, (state, _match, start) => {\n const $start = state.doc.resolve(start);\n const { paragraph, horizontal_rule: hr } = schema.nodes;\n // The rule's two earlier characters must be the whole paragraph.\n if ($start.parent.type !== paragraph \|\| $start.parent.content.size !== 2) return null;\n const index = $start.index(-1);\n if (!$start.node(-1).canReplaceWith(index, index + 1, hr)) return null;\n const before = $start.before();\n const tr = state.tr.replaceWith(before, $start.after(), [hr.create(), paragraph.create()]);\n return tr.setSelection(TextSelection.create(tr.doc, before + 2)).scrollIntoView();\n });\n}\n\nexport function buildInputRules(schema: Schema, options: InputRulesOptions = {}): Plugin {\n const transforms = options.textTransform === false ? [] : textTransformRules();\n return inputRules({\n rules: [\n ...transforms,\n // \"# \" … \"###### \" → heading\n textblockTypeInputRule(\n new RegExp('^(#{1,6})\\\\s$'),\n schema.nodes.heading,\n match => ({ level: match[1].length })\n ),\n // \"> \" → blockquote\n wrappingInputRule(/^\\s>\\s$/, schema.nodes.blockquote),\n // \"- \" or \"* \" → bullet list\n wrappingInputRule(/^\\s([-])\\s$/, schema.nodes.bullet_list),\n // \"1. \" → ordered list\n wrappingInputRule(\n /^(\\d+)\\.\\s$/,\n schema.nodes.ordered_list,\n match => ({ order: +match[1] }),\n (match, node) => node.childCount + node.attrs.order === +match[1]\n ),\n // \"```\" → code block\n textblockTypeInputRule(/^```$/, schema.nodes.code_block),\n // \"---\" / \"**\" / \"___\" → horizontal rule\n horizontalRuleRule(schema),\n // \"[] \" or \"[ ] \" → checklist\n wrappingInputRule(/^\\s\\[[ ]?\\]\\s$/, schema.nodes.task_list),\n // Inline marks. Bold before italic so '' is never read as italic;\n // strike (~~) before subscript (~) so a double tilde is never a single.\n markInputRule('', schema.marks.bold),\n markInputRule('*', schema.marks.italic),\n markInputRule('~~', schema.marks.strike),\n markInputRule('~', schema.marks.subscript),\n markInputRule('^', schema.marks.superscript),\n markInputRule('`', schema.marks.code),\n // Bare URL + space → link.\n linkifyRule(schema),\n ],\n });\n}\n"]}

package/dist/src/nile-wysiwyg-editor/engine/plugins/image-view.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { NodeSelection } from 'prosemirror-state';
+import { imageWidthCss } from '../schema';
 const MIN_WIDTH = 40;
 /**
  * Attaches four corner drag-handles to a wrapper and returns a cleanup
@@ -71,7 +72,7 @@ export class ImageView {
             this.img.title = title;
         else
             this.img.removeAttribute('title');
-        this.img.style.width = width ? `${width}px` : '';
+        this.img.style.width = imageWidthCss(width) ?? '';
     }
     update(node) {
         if (node.type !== this.node.type)
@@ -143,7 +144,7 @@ export class FigureView {
             this.img.title = title;
         else
             this.img.removeAttribute('title');
-        this.dom.style.width = width ? `${width}px` : '';
+        this.dom.style.width = imageWidthCss(width) ?? '';
         if (align)
             this.dom.setAttribute('data-align', align);
         else

package/dist/src/nile-wysiwyg-editor/engine/plugins/image-view.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"image-view.js","sourceRoot":"","sources":["../../../../../src/nile-wysiwyg-editor/engine/plugins/image-view.ts"],"names":[],"mappings":"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","sourcesContent":["import { Node as PMNode } from 'prosemirror-model';\nimport { EditorView, NodeView } from 'prosemirror-view';\nimport { NodeSelection } from 'prosemirror-state';\n\nconst MIN_WIDTH = 40;\n\n/*\n Attaches four corner drag-handles to a wrapper and returns a cleanup\n * function. Dragging previews by mutating the target's style; on release the\n * final width is committed through onCommit (one transaction).\n /\nexport function attachResizeHandles(\n wrapper: HTMLElement,\n img: HTMLElement,\n onCommit: (width: number) => void,\n minWidth: number = MIN_WIDTH\n): void {\n for (const corner of ['nw', 'ne', 'sw', 'se']) {\n const handle = document.createElement('span');\n handle.className = `nile-wysiwyg__resize-handle nile-wysiwyg__resize-handle--${corner}`;\n handle.dataset.resizeHandle = corner;\n handle.contentEditable = 'false';\n handle.addEventListener('mousedown', event => {\n event.preventDefault();\n event.stopPropagation();\n const startX = event.clientX;\n const startWidth = img.getBoundingClientRect().width;\n const sign = corner.includes('w') ? -1 : 1;\n const maxWidth =\n wrapper.closest('.ProseMirror')?.getBoundingClientRect().width ?? 2000;\n let width = startWidth;\n const onMove = (move: MouseEvent): void => {\n width = Math.max(\n minWidth,\n Math.min(maxWidth, startWidth + sign (move.clientX - startX))\n );\n img.style.width = `${Math.round(width)}px`;\n };\n const onUp = (): void => {\n window.removeEventListener('mousemove', onMove);\n window.removeEventListener('mouseup', onUp);\n wrapper.classList.remove('nile-wysiwyg__resizing');\n onCommit(Math.round(width));\n };\n // While dragging, iframes inside the wrapper must not swallow mouse\n // events (they are separate documents); CSS keys off this class.\n wrapper.classList.add('nile-wysiwyg__resizing');\n window.addEventListener('mousemove', onMove);\n window.addEventListener('mouseup', onUp);\n });\n wrapper.appendChild(handle);\n }\n}\n\nexport function isResizeEvent(event: Event): boolean {\n return (\n event.target instanceof HTMLElement && !!event.target.dataset.resizeHandle\n );\n}\n\n/** Inline image with drag-resize handles shown while selected. /\nexport class ImageView implements NodeView {\n dom: HTMLSpanElement;\n\n private img: HTMLImageElement;\n\n constructor(\n private node: PMNode,\n view: EditorView,\n getPos: () => number \| undefined\n ) {\n this.dom = document.createElement('span');\n this.dom.className = 'nile-wysiwyg__image-resizer';\n this.img = document.createElement('img');\n this.applyAttrs(node);\n this.dom.appendChild(this.img);\n attachResizeHandles(this.dom, this.img, width => {\n const pos = getPos();\n if (pos === undefined \|\| !view.editable) return;\n const current = view.state.doc.nodeAt(pos);\n if (!current) return;\n view.dispatch(\n view.state.tr.setNodeMarkup(pos, undefined, { ...current.attrs, width })\n );\n });\n }\n\n private applyAttrs(node: PMNode): void {\n const { src, alt, title, width } = node.attrs;\n this.img.src = src;\n if (alt) this.img.alt = alt;\n else this.img.removeAttribute('alt');\n if (title) this.img.title = title;\n else this.img.removeAttribute('title');\n this.img.style.width = width ? `${width}px` : '';\n }\n\n update(node: PMNode): boolean {\n if (node.type !== this.node.type) return false;\n this.node = node;\n this.applyAttrs(node);\n return true;\n }\n\n selectNode(): void {\n this.dom.classList.add('nile-wysiwyg__image-resizer--selected');\n }\n\n deselectNode(): void {\n this.dom.classList.remove('nile-wysiwyg__image-resizer--selected');\n }\n\n stopEvent(event: Event): boolean {\n return isResizeEvent(event);\n }\n\n ignoreMutation(): boolean {\n return true;\n }\n}\n\n/\n Captioned figure: non-editable image (with resize handles) above an\n * editable figcaption (the node's content). Clicking the image selects the\n * whole figure.\n */\nexport class FigureView implements NodeView {\n dom: HTMLElement;\n\n contentDOM: HTMLElement;\n\n private img: HTMLImageElement;\n\n private wrapper: HTMLSpanElement;\n\n constructor(\n private node: PMNode,\n view: EditorView,\n getPos: () => number \| undefined\n ) {\n this.dom = document.createElement('figure');\n this.dom.className = 'nile-wysiwyg__figure';\n\n this.wrapper = document.createElement('span');\n this.wrapper.className = 'nile-wysiwyg__image-resizer';\n this.wrapper.contentEditable = 'false';\n this.img = document.createElement('img');\n this.wrapper.appendChild(this.img);\n\n this.contentDOM = document.createElement('figcaption');\n this.contentDOM.className = 'nile-wysiwyg__figcaption';\n\n this.dom.append(this.wrapper, this.contentDOM);\n this.applyAttrs(node);\n\n // Clicking the image selects the figure node (instead of dropping the\n // cursor into the caption).\n this.img.addEventListener('mousedown', event => {\n event.preventDefault();\n const pos = getPos();\n if (pos === undefined) return;\n view.dispatch(\n view.state.tr.setSelection(NodeSelection.create(view.state.doc, pos))\n );\n view.focus();\n });\n\n attachResizeHandles(this.wrapper, this.img, width => {\n const pos = getPos();\n if (pos === undefined \|\| !view.editable) return;\n const current = view.state.doc.nodeAt(pos);\n if (!current) return;\n view.dispatch(\n view.state.tr.setNodeMarkup(pos, undefined, { ...current.attrs, width })\n );\n });\n }\n\n private applyAttrs(node: PMNode): void {\n const { src, alt, title, width, align } = node.attrs;\n this.img.src = src;\n if (alt) this.img.alt = alt;\n else this.img.removeAttribute('alt');\n if (title) this.img.title = title;\n else this.img.removeAttribute('title');\n this.dom.style.width = width ? `${width}px` : '';\n if (align) this.dom.setAttribute('data-align', align);\n else this.dom.removeAttribute('data-align');\n this.dom.classList.toggle(\n 'nile-wysiwyg__figure--empty-caption',\n node.content.size === 0\n );\n }\n\n update(node: PMNode): boolean {\n if (node.type !== this.node.type) return false;\n this.node = node;\n this.applyAttrs(node);\n return true;\n }\n\n selectNode(): void {\n this.dom.classList.add('nile-wysiwyg__figure--selected');\n this.wrapper.classList.add('nile-wysiwyg__image-resizer--selected');\n }\n\n deselectNode(): void {\n this.dom.classList.remove('nile-wysiwyg__figure--selected');\n this.wrapper.classList.remove('nile-wysiwyg__image-resizer--selected');\n }\n\n stopEvent(event: Event): boolean {\n return isResizeEvent(event);\n }\n\n ignoreMutation(mutation: MutationRecord): boolean {\n // Caption edits must flow through; image/handle mutations must not.\n return !this.contentDOM.contains(mutation.target);\n }\n}\n"]}
1	+ {"version":3,"file":"image-view.js","sourceRoot":"","sources":["../../../../../src/nile-wysiwyg-editor/engine/plugins/image-view.ts"],"names":[],"mappings":"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","sourcesContent":["import { Node as PMNode } from 'prosemirror-model';\nimport { EditorView, NodeView } from 'prosemirror-view';\nimport { NodeSelection } from 'prosemirror-state';\nimport { imageWidthCss } from '../schema';\n\nconst MIN_WIDTH = 40;\n\n/*\n Attaches four corner drag-handles to a wrapper and returns a cleanup\n * function. Dragging previews by mutating the target's style; on release the\n * final width is committed through onCommit (one transaction).\n /\nexport function attachResizeHandles(\n wrapper: HTMLElement,\n img: HTMLElement,\n onCommit: (width: number) => void,\n minWidth: number = MIN_WIDTH\n): void {\n for (const corner of ['nw', 'ne', 'sw', 'se']) {\n const handle = document.createElement('span');\n handle.className = `nile-wysiwyg__resize-handle nile-wysiwyg__resize-handle--${corner}`;\n handle.dataset.resizeHandle = corner;\n handle.contentEditable = 'false';\n handle.addEventListener('mousedown', event => {\n event.preventDefault();\n event.stopPropagation();\n const startX = event.clientX;\n const startWidth = img.getBoundingClientRect().width;\n const sign = corner.includes('w') ? -1 : 1;\n const maxWidth =\n wrapper.closest('.ProseMirror')?.getBoundingClientRect().width ?? 2000;\n let width = startWidth;\n const onMove = (move: MouseEvent): void => {\n width = Math.max(\n minWidth,\n Math.min(maxWidth, startWidth + sign (move.clientX - startX))\n );\n img.style.width = `${Math.round(width)}px`;\n };\n const onUp = (): void => {\n window.removeEventListener('mousemove', onMove);\n window.removeEventListener('mouseup', onUp);\n wrapper.classList.remove('nile-wysiwyg__resizing');\n onCommit(Math.round(width));\n };\n // While dragging, iframes inside the wrapper must not swallow mouse\n // events (they are separate documents); CSS keys off this class.\n wrapper.classList.add('nile-wysiwyg__resizing');\n window.addEventListener('mousemove', onMove);\n window.addEventListener('mouseup', onUp);\n });\n wrapper.appendChild(handle);\n }\n}\n\nexport function isResizeEvent(event: Event): boolean {\n return (\n event.target instanceof HTMLElement && !!event.target.dataset.resizeHandle\n );\n}\n\n/** Inline image with drag-resize handles shown while selected. /\nexport class ImageView implements NodeView {\n dom: HTMLSpanElement;\n\n private img: HTMLImageElement;\n\n constructor(\n private node: PMNode,\n view: EditorView,\n getPos: () => number \| undefined\n ) {\n this.dom = document.createElement('span');\n this.dom.className = 'nile-wysiwyg__image-resizer';\n this.img = document.createElement('img');\n this.applyAttrs(node);\n this.dom.appendChild(this.img);\n attachResizeHandles(this.dom, this.img, width => {\n const pos = getPos();\n if (pos === undefined \|\| !view.editable) return;\n const current = view.state.doc.nodeAt(pos);\n if (!current) return;\n view.dispatch(\n view.state.tr.setNodeMarkup(pos, undefined, { ...current.attrs, width })\n );\n });\n }\n\n private applyAttrs(node: PMNode): void {\n const { src, alt, title, width } = node.attrs;\n this.img.src = src;\n if (alt) this.img.alt = alt;\n else this.img.removeAttribute('alt');\n if (title) this.img.title = title;\n else this.img.removeAttribute('title');\n this.img.style.width = imageWidthCss(width) ?? '';\n }\n\n update(node: PMNode): boolean {\n if (node.type !== this.node.type) return false;\n this.node = node;\n this.applyAttrs(node);\n return true;\n }\n\n selectNode(): void {\n this.dom.classList.add('nile-wysiwyg__image-resizer--selected');\n }\n\n deselectNode(): void {\n this.dom.classList.remove('nile-wysiwyg__image-resizer--selected');\n }\n\n stopEvent(event: Event): boolean {\n return isResizeEvent(event);\n }\n\n ignoreMutation(): boolean {\n return true;\n }\n}\n\n/\n Captioned figure: non-editable image (with resize handles) above an\n * editable figcaption (the node's content). Clicking the image selects the\n * whole figure.\n */\nexport class FigureView implements NodeView {\n dom: HTMLElement;\n\n contentDOM: HTMLElement;\n\n private img: HTMLImageElement;\n\n private wrapper: HTMLSpanElement;\n\n constructor(\n private node: PMNode,\n view: EditorView,\n getPos: () => number \| undefined\n ) {\n this.dom = document.createElement('figure');\n this.dom.className = 'nile-wysiwyg__figure';\n\n this.wrapper = document.createElement('span');\n this.wrapper.className = 'nile-wysiwyg__image-resizer';\n this.wrapper.contentEditable = 'false';\n this.img = document.createElement('img');\n this.wrapper.appendChild(this.img);\n\n this.contentDOM = document.createElement('figcaption');\n this.contentDOM.className = 'nile-wysiwyg__figcaption';\n\n this.dom.append(this.wrapper, this.contentDOM);\n this.applyAttrs(node);\n\n // Clicking the image selects the figure node (instead of dropping the\n // cursor into the caption).\n this.img.addEventListener('mousedown', event => {\n event.preventDefault();\n const pos = getPos();\n if (pos === undefined) return;\n view.dispatch(\n view.state.tr.setSelection(NodeSelection.create(view.state.doc, pos))\n );\n view.focus();\n });\n\n attachResizeHandles(this.wrapper, this.img, width => {\n const pos = getPos();\n if (pos === undefined \|\| !view.editable) return;\n const current = view.state.doc.nodeAt(pos);\n if (!current) return;\n view.dispatch(\n view.state.tr.setNodeMarkup(pos, undefined, { ...current.attrs, width })\n );\n });\n }\n\n private applyAttrs(node: PMNode): void {\n const { src, alt, title, width, align } = node.attrs;\n this.img.src = src;\n if (alt) this.img.alt = alt;\n else this.img.removeAttribute('alt');\n if (title) this.img.title = title;\n else this.img.removeAttribute('title');\n this.dom.style.width = imageWidthCss(width) ?? '';\n if (align) this.dom.setAttribute('data-align', align);\n else this.dom.removeAttribute('data-align');\n this.dom.classList.toggle(\n 'nile-wysiwyg__figure--empty-caption',\n node.content.size === 0\n );\n }\n\n update(node: PMNode): boolean {\n if (node.type !== this.node.type) return false;\n this.node = node;\n this.applyAttrs(node);\n return true;\n }\n\n selectNode(): void {\n this.dom.classList.add('nile-wysiwyg__figure--selected');\n this.wrapper.classList.add('nile-wysiwyg__image-resizer--selected');\n }\n\n deselectNode(): void {\n this.dom.classList.remove('nile-wysiwyg__figure--selected');\n this.wrapper.classList.remove('nile-wysiwyg__image-resizer--selected');\n }\n\n stopEvent(event: Event): boolean {\n return isResizeEvent(event);\n }\n\n ignoreMutation(mutation: MutationRecord): boolean {\n // Caption edits must flow through; image/handle mutations must not.\n return !this.contentDOM.contains(mutation.target);\n }\n}\n"]}

package/dist/src/nile-wysiwyg-editor/engine/plugins/link.d.ts CHANGED Viewed

@@ -7,5 +7,9 @@ export interface LinkPluginOptions {
  * Link behaviors that belong to the document, not the chrome:
  * - Mod/Ctrl-click opens the link.
  * - Pasting a bare URL over a text selection turns the selection into a link.
+ * - Typing over a selection that is entirely one link keeps the link, for the
+ *   replaced text and for the characters typed straight after it (the link mark
+ *   is non-inclusive, so without this the new label drops out of the link — an
+ *   email button renamed by retyping lost its href).
  */
 export declare function linkPlugin(options?: LinkPluginOptions): Plugin;

package/dist/src/nile-wysiwyg-editor/engine/plugins/link.js CHANGED Viewed

@@ -1,14 +1,69 @@
-import { Plugin } from 'prosemirror-state';
+import { Plugin, PluginKey } from 'prosemirror-state';
 import { isSafeUrl } from '../sanitize';
 const URL_PATTERN = /^https?:\/\/\S+$/i;
+const retypeKey = new PluginKey('nile-wysiwyg-link-retype');
+/** The link mark covering every text node in [from, to), or null. */
+function linkCovering(state, from, to) {
+    const type = state.schema.marks.link;
+    let mark = null;
+    let covered = true;
+    state.doc.nodesBetween(from, to, node => {
+        if (!covered || !node.isText)
+            return;
+        const found = type.isInSet(node.marks);
+        if (!found || (mark && !found.eq(mark)))
+            covered = false;
+        else
+            mark = found;
+    });
+    return covered ? mark : null;
+}
 /**
  * Link behaviors that belong to the document, not the chrome:
  * - Mod/Ctrl-click opens the link.
  * - Pasting a bare URL over a text selection turns the selection into a link.
+ * - Typing over a selection that is entirely one link keeps the link, for the
+ *   replaced text and for the characters typed straight after it (the link mark
+ *   is non-inclusive, so without this the new label drops out of the link — an
+ *   email button renamed by retyping lost its href).
  */
 export function linkPlugin(options = {}) {
     return new Plugin({
+        key: retypeKey,
+        state: {
+            init: () => null,
+            apply(tr, prev) {
+                const meta = tr.getMeta(retypeKey);
+                if (meta !== undefined)
+                    return meta;
+                if (!prev)
+                    return null;
+                // Any caret move, or an edit elsewhere, ends the retype run.
+                if (!tr.docChanged)
+                    return tr.selectionSet ? null : prev;
+                const pos = tr.mapping.map(prev.pos);
+                return tr.selection.empty && tr.selection.from === pos ? { ...prev, pos } : null;
+            },
+        },
         props: {
+            handleTextInput(view, from, to, text) {
+                const { state } = view;
+                let mark = null;
+                if (from < to)
+                    mark = linkCovering(state, from, to);
+                else {
+                    const run = retypeKey.getState(state);
+                    if (run && run.pos === from)
+                        mark = run.mark;
+                }
+                if (!mark)
+                    return false;
+                const end = from + text.length;
+                const tr = state.tr.insertText(text, from, to).addMark(from, end, mark);
+                tr.setMeta(retypeKey, { pos: end, mark });
+                view.dispatch(tr);
+                return true;
+            },
             handleClick(view, _pos, event) {
                 if (!(event.metaKey || event.ctrlKey))
                     return false;

package/dist/src/nile-wysiwyg-editor/engine/plugins/link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../../src/nile-wysiwyg-editor/engine/plugins/link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;~~AAC3C~~,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,WAAW,GAAG,mBAAmB,CAAC;~~AAOxC;;;;GAIG~~;AACH,MAAM,UAAU,UAAU,CAAC,UAA6B,EAAE;IACxD,OAAO,IAAI,MAAM,CAAC;~~QAChB~~,KAAK,EAAE;YACL,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK;gBAC3B,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC;oBAAE,OAAO,KAAK,CAAC;gBACpD,MAAM,MAAM,GAAI,KAAK,CAAC,MAA6B,EAAE,OAAO,EAAE,CAAC,SAAS,CAAC,CAAC;gBAC1E,IAAI,CAAC,MAAM;oBAAE,OAAO,KAAK,CAAC;gBAC1B,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAE,CAAC;gBAC1C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;oBAAE,OAAO,KAAK,CAAC;gBACnC,IAAI,OAAO,CAAC,UAAU;oBAAE,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;;oBAC5C,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAC;gBACxD,OAAO,IAAI,CAAC;YACd,CAAC;YAED,WAAW,CAAC,IAAI,EAAE,KAAK;gBACrB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;gBACvB,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;gBAC5C,IAAI,KAAK;oBAAE,OAAO,KAAK,CAAC;gBACxB,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,EAAE,OAAO,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC;gBAChE,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;oBAAE,OAAO,KAAK,CAAC;gBACvE,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;gBAChE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;gBACpD,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { Plugin } from 'prosemirror-state';\nimport { isSafeUrl } from '../sanitize';\n\nconst URL_PATTERN = /^https?:\\/\\/\\S+$/i;\n\nexport interface LinkPluginOptions {\n /** Called with the href when a link is Mod/Ctrl-clicked. /\n onOpenLink?: (href: string) => void;\n}\n\n/\n Link behaviors that belong to the document, not the chrome:\n * - Mod/Ctrl-click opens the link.\n * - Pasting a bare URL over a text selection turns the selection into a link.\n */\nexport function linkPlugin(options: LinkPluginOptions = {}): Plugin {\n return new Plugin({\n props: {\n handleClick(view, _pos, event) {\n if (!(event.metaKey \|\| event.ctrlKey)) return false;\n const target = (event.target as HTMLElement \| null)?.closest?.('a[href]');\n if (!target) return false;\n const href = target.getAttribute('href')!;\n if (!isSafeUrl(href)) return false;\n if (options.onOpenLink) options.onOpenLink(href);\n else window.open(href, '_blank', 'noopener,noreferrer');\n return true;\n },\n\n handlePaste(view, event) {\n const { state } = view;\n const { empty, from, to } = state.selection;\n if (empty) return false;\n const text = event.clipboardData?.getData('text/plain')?.trim();\n if (!text \|\| !URL_PATTERN.test(text) \|\| !isSafeUrl(text)) return false;\n const linkMark = state.schema.marks.link.create({ href: text });\n view.dispatch(state.tr.addMark(from, to, linkMark));\n return true;\n },\n },\n });\n}\n"]}
1	+ {"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../../src/nile-wysiwyg-editor/engine/plugins/link.ts"],"names":[],"mappings":"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","sourcesContent":["import { Plugin, PluginKey, EditorState } from 'prosemirror-state';\nimport { Mark } from 'prosemirror-model';\nimport { isSafeUrl } from '../sanitize';\n\nconst URL_PATTERN = /^https?:\\/\\/\\S+$/i;\n\nexport interface LinkPluginOptions {\n /** Called with the href when a link is Mod/Ctrl-clicked. /\n onOpenLink?: (href: string) => void;\n}\n\n/* Where retyped link text continues: the caret position and the link it keeps. /\ninterface RetypeState {\n pos: number;\n mark: Mark;\n}\n\nconst retypeKey = new PluginKey<RetypeState \| null>('nile-wysiwyg-link-retype');\n\n/* The link mark covering every text node in [from, to), or null. /\nfunction linkCovering(state: EditorState, from: number, to: number): Mark \| null {\n const type = state.schema.marks.link;\n let mark: Mark \| null = null;\n let covered = true;\n state.doc.nodesBetween(from, to, node => {\n if (!covered \|\| !node.isText) return;\n const found = type.isInSet(node.marks);\n if (!found \|\| (mark && !found.eq(mark))) covered = false;\n else mark = found;\n });\n return covered ? mark : null;\n}\n\n/\n Link behaviors that belong to the document, not the chrome:\n * - Mod/Ctrl-click opens the link.\n * - Pasting a bare URL over a text selection turns the selection into a link.\n * - Typing over a selection that is entirely one link keeps the link, for the\n * replaced text and for the characters typed straight after it (the link mark\n * is non-inclusive, so without this the new label drops out of the link — an\n * email button renamed by retyping lost its href).\n */\nexport function linkPlugin(options: LinkPluginOptions = {}): Plugin {\n return new Plugin<RetypeState \| null>({\n key: retypeKey,\n state: {\n init: () => null,\n apply(tr, prev) {\n const meta = tr.getMeta(retypeKey) as RetypeState \| null \| undefined;\n if (meta !== undefined) return meta;\n if (!prev) return null;\n // Any caret move, or an edit elsewhere, ends the retype run.\n if (!tr.docChanged) return tr.selectionSet ? null : prev;\n const pos = tr.mapping.map(prev.pos);\n return tr.selection.empty && tr.selection.from === pos ? { ...prev, pos } : null;\n },\n },\n props: {\n handleTextInput(view, from, to, text) {\n const { state } = view;\n let mark: Mark \| null = null;\n if (from < to) mark = linkCovering(state, from, to);\n else {\n const run = retypeKey.getState(state);\n if (run && run.pos === from) mark = run.mark;\n }\n if (!mark) return false;\n const end = from + text.length;\n const tr = state.tr.insertText(text, from, to).addMark(from, end, mark);\n tr.setMeta(retypeKey, { pos: end, mark });\n view.dispatch(tr);\n return true;\n },\n\n handleClick(view, _pos, event) {\n if (!(event.metaKey \|\| event.ctrlKey)) return false;\n const target = (event.target as HTMLElement \| null)?.closest?.('a[href]');\n if (!target) return false;\n const href = target.getAttribute('href')!;\n if (!isSafeUrl(href)) return false;\n if (options.onOpenLink) options.onOpenLink(href);\n else window.open(href, '_blank', 'noopener,noreferrer');\n return true;\n },\n\n handlePaste(view, event) {\n const { state } = view;\n const { empty, from, to } = state.selection;\n if (empty) return false;\n const text = event.clipboardData?.getData('text/plain')?.trim();\n if (!text \|\| !URL_PATTERN.test(text) \|\| !isSafeUrl(text)) return false;\n const linkMark = state.schema.marks.link.create({ href: text });\n view.dispatch(state.tr.addMark(from, to, linkMark));\n return true;\n },\n },\n });\n}\n"]}

package/dist/src/nile-wysiwyg-editor/engine/plugins/paste.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { Plugin } from 'prosemirror-state';
 import { Slice, Schema } from 'prosemirror-model';
+import { NormalizedAllowedStyles } from '../email-css';
 /**
  * Builds a slice of plain paragraphs from text, splitting on newlines. Open
  * depth 1 on both ends lets the first/last block merge into the surrounding
@@ -22,6 +23,10 @@ export interface PasteOptions {
     getMarkdownPaste?: () => boolean;
     /** Read live: whether pasted HTML is sanitized. Defaults to on. */
     getSanitize?: () => boolean;
+    /** Read live: when true, HTML-looking plain text is parsed as HTML (email fidelity). */
+    getEmailFidelity?: () => boolean;
+    /** Read live: the validated per-app email-fidelity style allowlist. */
+    getAllowedStyles?: () => NormalizedAllowedStyles;
 }
 /**
  * Paste behavior: plain-text pastes that look like Markdown are parsed into

package/dist/src/nile-wysiwyg-editor/engine/plugins/paste.js CHANGED Viewed

@@ -1,7 +1,8 @@
 import { Plugin } from 'prosemirror-state';
 import { Slice, Fragment } from 'prosemirror-model';
 import { markdownToHtml, looksLikeMarkdown } from '../markdown-parse';
-import { htmlToSlice } from '../serializer';
+import { looksLikeHtml } from '../html-detect';
+import { htmlToDoc, htmlToSlice } from '../serializer';
 /**
  * Builds a slice of plain paragraphs from text, splitting on newlines. Open
  * depth 1 on both ends lets the first/last block merge into the surrounding
@@ -26,10 +27,6 @@ export function pastePlugin(schema, options = {}) {
     return new Plugin({
         props: {
             handlePaste(view, event) {
-                if (options.getForcePlainText?.())
-                    return false;
-                if (options.getMarkdownPaste && !options.getMarkdownPaste())
-                    return false;
                 // Only plain-text pastes qualify: an HTML flavor means the source
                 // was already rich, and code blocks take text verbatim.
                 const html = event.clipboardData?.getData('text/html') ?? '';
@@ -38,9 +35,33 @@ export function pastePlugin(schema, options = {}) {
                     return false;
                 if (view.state.selection.$from.parent.type.spec.code)
                     return false;
+                const forcePlain = options.getForcePlainText?.() ?? false;
+                const sanitize = options.getSanitize?.() ?? true;
+                // Precedence: paste-as-plain-text → HTML detection (fidelity) → Markdown.
+                if (looksLikeHtml(text)) {
+                    if (options.getEmailFidelity?.() && !forcePlain) {
+                        // Closed slice so the whole document (tables, blocks) lands intact
+                        // rather than being opened and merged into the target paragraph.
+                        const doc = htmlToDoc(schema, text, sanitize, {
+                            emailFidelity: true,
+                            allowedStyles: options.getAllowedStyles?.(),
+                        });
+                        const slice = new Slice(doc.content, 0, 0);
+                        view.dispatch(view.state.tr.replaceSelection(slice).scrollIntoView());
+                    }
+                    else {
+                        const slice = plainTextSlice(schema, text);
+                        view.dispatch(view.state.tr.replaceSelection(slice).scrollIntoView());
+                    }
+                    return true;
+                }
+                if (forcePlain)
+                    return false;
+                if (options.getMarkdownPaste && !options.getMarkdownPaste())
+                    return false;
                 if (!looksLikeMarkdown(text))
                     return false;
-                const slice = htmlToSlice(schema, markdownToHtml(text), options.getSanitize?.() ?? true);
+                const slice = htmlToSlice(schema, markdownToHtml(text), sanitize);
                 view.dispatch(view.state.tr.replaceSelection(slice).scrollIntoView());
                 return true;
             },

package/dist/src/nile-wysiwyg-editor/engine/plugins/paste.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"paste.js","sourceRoot":"","sources":["../../../../../src/nile-wysiwyg-editor/engine/plugins/paste.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,QAAQ,EAA0B,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;~~AAE5C~~;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAC,MAAc,EAAE,IAAY;IACzD,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IACtC,MAAM,KAAK,GAAa,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CACxC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CACrE,CAAC;IACF,OAAO,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC/C,CAAC;AAED,wEAAwE;AACxE,MAAM,UAAU,oBAAoB,CAAC,MAAc,EAAE,KAAY;IAC/D,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAC1E,OAAO,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AACtC,CAAC;~~AAkBD~~;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,MAAc,EAAE,UAAwB,EAAE;IACpE,OAAO,IAAI,MAAM,CAAC;QAChB,KAAK,EAAE;YACL,WAAW,CAAC,IAAI,EAAE,KAAK;gBACrB,IAAI,OAAO,CAAC,~~iBAAiB~~,EAAE,~~EAAE~~;~~oBAAE~~,~~OAAO~~,KAAK,CAAC;~~gBAChD~~,IAAI,~~OAAO~~,CAAC,~~gBAAgB~~,IAAI,CAAC,~~OAAO~~,CAAC,~~gBAAgB~~,EAAE;oBAAE,OAAO,KAAK,CAAC;~~gBAC1E~~,~~kEAAkE~~;~~gBAClE~~,~~wDAAwD~~;~~gBACxD~~,MAAM,~~IAAI~~,GAAG,~~KAAK~~,CAAC,~~aAAa~~,EAAE,OAAO,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;~~gBAC7D~~,~~MAAM~~,IAAI,GAAG,~~KAAK~~,CAAC,aAAa,EAAE,OAAO,CAAC,~~YAAY~~,CAAC,IAAI,EAAE,CAAC;~~gBAC9D~~,IAAI,~~IAAI~~,CAAC,IAAI,EAAE,~~IAAI~~,CAAC,~~IAAI~~,CAAC,~~IAAI~~,EAAE;~~oBAAE~~,~~OAAO~~,KAAK,CAAC;~~gBAC9C~~,IAAI,IAAI,CAAC,KAAK,CAAC,~~SAAS~~,CAAC,KAAK,CAAC,~~MAAM~~,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI;oBAAE,OAAO,KAAK,CAAC;~~gBACnE~~,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;oBAAE,OAAO,KAAK,CAAC;gBAC3C,MAAM,KAAK,GAAG,WAAW,~~CACvB~~,MAAM,~~EACN~~,cAAc,CAAC,IAAI,CAAC,~~EACpB~~,~~OAAO~~,CAAC,~~WAAW,EAAE,EAAE,IAAI,IAAI,CAChC,~~CAAC;~~gBACF~~,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC;gBACtE,OAAO,IAAI,CAAC;YACd,CAAC;YACD,eAAe,CAAC,KAAK;gBACnB,OAAO,OAAO,CAAC,iBAAiB,EAAE,EAAE;oBAClC,CAAC,CAAC,oBAAoB,CAAC,MAAM,EAAE,KAAK,CAAC;oBACrC,CAAC,CAAC,KAAK,CAAC;YACZ,CAAC;SACF;KACF,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { Plugin } from 'prosemirror-state';\nimport { Slice, Fragment, Node as PMNode, Schema } from 'prosemirror-model';\nimport { markdownToHtml, looksLikeMarkdown } from '../markdown-parse';\nimport { htmlToSlice } from '../serializer';\n\n/*\n Builds a slice of plain paragraphs from text, splitting on newlines. Open\n * depth 1 on both ends lets the first/last block merge into the surrounding\n * paragraph, matching how a normal plain-text paste behaves.\n /\nexport function plainTextSlice(schema: Schema, text: string): Slice {\n const blocks = text.split(/\\r\\n?\|\\n/);\n const nodes: PMNode[] = blocks.map(line =>\n schema.nodes.paragraph.create(null, line ? schema.text(line) : null)\n );\n return new Slice(Fragment.from(nodes), 1, 1);\n}\n\n/* Reduces a pasted slice to unstyled text, preserving block breaks. /\nexport function stripSliceFormatting(schema: Schema, slice: Slice): Slice {\n const text = slice.content.textBetween(0, slice.content.size, '\\n', '\\n');\n return plainTextSlice(schema, text);\n}\n\nexport interface PasteOptions {\n /\n Read live: when it returns true, every paste drops formatting (the\n * persistent \"paste as plain text\" toggle). The Ctrl+Shift+V shortcut is a\n * separate one-shot handled in the keymap.\n /\n getForcePlainText?: () => boolean;\n /\n Read live: when false, plain-text pastes are never parsed as Markdown.\n * Defaults to on.\n /\n getMarkdownPaste?: () => boolean;\n /* Read live: whether pasted HTML is sanitized. Defaults to on. /\n getSanitize?: () => boolean;\n}\n\n/\n Paste behavior: plain-text pastes that look like Markdown are parsed into\n * rich content (headings, lists, code fences, tables, inline marks), and all\n * pastes drop formatting while the host's plain-text toggle is on.\n */\nexport function pastePlugin(schema: Schema, options: PasteOptions = {}): Plugin {\n return new Plugin({\n props: {\n handlePaste(view, event) {\n ~~if (options.getForcePlainText?.()) return false;\n if (options.getMarkdownPaste && !options.getMarkdownPaste()) return false;\n~~ // Only plain-text pastes qualify: an HTML flavor means the source\n // was already rich, and code blocks take text verbatim.\n const html = event.clipboardData?.getData('text/html') ?? '';\n const text = event.clipboardData?.getData('text/plain') ?? '';\n if (html.trim() \|\| !text.trim()) return false;\n if (view.state.selection.$from.parent.type.spec.code) return false;\n if (~~!looksLikeMarkdown(text~~)) ~~return~~ false;\n const ~~slice~~ = ~~htmlToSlice~~(\n schema,\n ~~markdownToHtml~~(text),\n options.~~getSanitize?.~~() ?? ~~true\~~n );\n view.dispatch(view.state.tr.replaceSelection(slice).scrollIntoView());\n return true;\n },\n transformPasted(slice) {\n return options.getForcePlainText?.()\n ? stripSliceFormatting(schema, slice)\n : slice;\n },\n },\n });\n}\n"]}
1	+ {"version":3,"file":"paste.js","sourceRoot":"","sources":["../../../../../src/nile-wysiwyg-editor/engine/plugins/paste.ts"],"names":[],"mappings":"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","sourcesContent":["import { Plugin } from 'prosemirror-state';\nimport { Slice, Fragment, Node as PMNode, Schema } from 'prosemirror-model';\nimport { markdownToHtml, looksLikeMarkdown } from '../markdown-parse';\nimport { looksLikeHtml } from '../html-detect';\nimport { htmlToDoc, htmlToSlice } from '../serializer';\nimport { NormalizedAllowedStyles } from '../email-css';\n\n/*\n Builds a slice of plain paragraphs from text, splitting on newlines. Open\n * depth 1 on both ends lets the first/last block merge into the surrounding\n * paragraph, matching how a normal plain-text paste behaves.\n /\nexport function plainTextSlice(schema: Schema, text: string): Slice {\n const blocks = text.split(/\\r\\n?\|\\n/);\n const nodes: PMNode[] = blocks.map(line =>\n schema.nodes.paragraph.create(null, line ? schema.text(line) : null)\n );\n return new Slice(Fragment.from(nodes), 1, 1);\n}\n\n/* Reduces a pasted slice to unstyled text, preserving block breaks. /\nexport function stripSliceFormatting(schema: Schema, slice: Slice): Slice {\n const text = slice.content.textBetween(0, slice.content.size, '\\n', '\\n');\n return plainTextSlice(schema, text);\n}\n\nexport interface PasteOptions {\n /\n Read live: when it returns true, every paste drops formatting (the\n * persistent \"paste as plain text\" toggle). The Ctrl+Shift+V shortcut is a\n * separate one-shot handled in the keymap.\n /\n getForcePlainText?: () => boolean;\n /\n Read live: when false, plain-text pastes are never parsed as Markdown.\n * Defaults to on.\n /\n getMarkdownPaste?: () => boolean;\n /* Read live: whether pasted HTML is sanitized. Defaults to on. /\n getSanitize?: () => boolean;\n /* Read live: when true, HTML-looking plain text is parsed as HTML (email fidelity). /\n getEmailFidelity?: () => boolean;\n /* Read live: the validated per-app email-fidelity style allowlist. /\n getAllowedStyles?: () => NormalizedAllowedStyles;\n}\n\n/\n Paste behavior: plain-text pastes that look like Markdown are parsed into\n * rich content (headings, lists, code fences, tables, inline marks), and all\n * pastes drop formatting while the host's plain-text toggle is on.\n */\nexport function pastePlugin(schema: Schema, options: PasteOptions = {}): Plugin {\n return new Plugin({\n props: {\n handlePaste(view, event) {\n // Only plain-text pastes qualify: an HTML flavor means the source\n // was already rich, and code blocks take text verbatim.\n const html = event.clipboardData?.getData('text/html') ?? '';\n const text = event.clipboardData?.getData('text/plain') ?? '';\n if (html.trim() \|\| !text.trim()) return false;\n if (view.state.selection.$from.parent.type.spec.code) return false;\n const forcePlain = options.getForcePlainText?.() ?? false;\n const sanitize = options.getSanitize?.() ?? true;\n\n // Precedence: paste-as-plain-text → HTML detection (fidelity) → Markdown.\n if (looksLikeHtml(text)) {\n if (options.getEmailFidelity?.() && !forcePlain) {\n // Closed slice so the whole document (tables, blocks) lands intact\n // rather than being opened and merged into the target paragraph.\n const doc = htmlToDoc(schema, text, sanitize, {\n emailFidelity: true,\n allowedStyles: options.getAllowedStyles?.(),\n });\n const slice = new Slice(doc.content, 0, 0);\n view.dispatch(view.state.tr.replaceSelection(slice).scrollIntoView());\n } else {\n const slice = plainTextSlice(schema, text);\n view.dispatch(view.state.tr.replaceSelection(slice).scrollIntoView());\n }\n return true;\n }\n\n if (forcePlain) return false;\n if (options.getMarkdownPaste && !options.getMarkdownPaste()) return false;\n if (!looksLikeMarkdown(text)) return false;\n const slice = htmlToSlice(schema, markdownToHtml(text), sanitize);\n view.dispatch(view.state.tr.replaceSelection(slice).scrollIntoView());\n return true;\n },\n transformPasted(slice) {\n return options.getForcePlainText?.()\n ? stripSliceFormatting(schema, slice)\n : slice;\n },\n },\n });\n}\n"]}

package/dist/src/nile-wysiwyg-editor/engine/plugins/tables.js CHANGED Viewed

@@ -1,11 +1,6 @@
 import { tableEditing, columnResizing, TableView } from 'prosemirror-tables';
-/**
- * TableView that also reflects the author's `class`/`id` onto the inner
- * `<table>` element (the base TableView leaves it bare and puts its own class on
- * the wrapper div). The attributes round-trip via the schema's toDOM on export;
- * this makes `table.grid …` style rules match in the live editor too. Passed to
- * `columnResizing` as its `View`, so column resizing keeps working.
- */
+import { tableStyles } from '../schema';
+/** TableView that also puts the author's class/id and fidelity table styles on the inner `<table>`. */
 class HtmlAttrTableView extends TableView {
     constructor(node, defaultCellMinWidth) {
         super(node, defaultCellMinWidth);
@@ -19,6 +14,34 @@ class HtmlAttrTableView extends TableView {
             this.table.id = htmlId;
         else
             this.table.removeAttribute('id');
+        // Email-fidelity attrs (width, max-width, background, border, centring).
+        // Width is only overridden when set, so column-resize sizing still applies.
+        const style = this.table.style;
+        // tableStyles() entries can hold several declarations ('color: x; font-family: y'
+        // for the table text style or an allowedStyles extension), so flatten them first.
+        const decls = tableStyles(node.attrs)
+            .flatMap(entry => entry.split(';'))
+            .map(decl => decl.trim())
+            .filter(decl => decl.includes(':'));
+        for (const prop of [
+            'max-width', 'background-color', 'border', 'margin-left', 'margin-right',
+            'color', 'font-family', 'font-size', 'font-weight', 'line-height',
+        ]) {
+            style.removeProperty(prop);
+        }
+        // Clear any per-app extension properties first so a value that changed (or an
+        // entry that was removed) doesn't linger from the previous application.
+        for (const decl of decls)
+            style.removeProperty(decl.slice(0, decl.indexOf(':')).trim());
+        for (const decl of decls) {
+            const idx = decl.indexOf(':');
+            style.setProperty(decl.slice(0, idx).trim(), decl.slice(idx + 1).trim());
+        }
+        // A layout table with no width of its own (an email button) shrinks to fit
+        // under email-fidelity; the host CSS keys off this hook.
+        this.table.toggleAttribute('data-autowidth', Boolean(node.attrs.layout && !node.attrs.width));
+        // Lets the host CSS drop column resizing's min-width on layout tables.
+        this.table.toggleAttribute('data-layout-table', Boolean(node.attrs.layout));
     }
     update(node) {
         const updated = super.update(node);

package/dist/src/nile-wysiwyg-editor/engine/plugins/tables.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tables.js","sourceRoot":"","sources":["../../../../../src/nile-wysiwyg-editor/engine/plugins/tables.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;~~AAE7E;;;;;;GAMG~~;~~AACH~~,MAAM,iBAAkB,SAAQ,SAAS;IACvC,YAAY,IAAY,EAAE,mBAA2B;QACnD,KAAK,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;QACjC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;IAEO,cAAc,CAAC,IAAY;QACjC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAA0B,CAAC;QACxD,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAuB,CAAC;QAClD,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,IAAI,EAAE,CAAC;QACvC,IAAI,MAAM;YAAE,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,MAAM,CAAC;;YAC9B,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;~~IACxC~~,CAAC;IAED,MAAM,CAAC,IAAY;QACjB,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,OAAO;YAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QACvC,OAAO,OAAO,CAAC;IACjB,CAAC;CACF;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY;IAC1B,OAAO;QACL,cAAc,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC;QAC3C,YAAY,CAAC,EAAE,uBAAuB,EAAE,IAAI,EAAE,CAAC;KAChD,CAAC;AACJ,CAAC","sourcesContent":["import { Plugin } from 'prosemirror-state';\nimport { Node as PMNode } from 'prosemirror-model';\nimport { tableEditing, columnResizing, TableView } from 'prosemirror-tables';\n\n~~/*\n~~ TableView that also ~~reflects~~ the author's `class~~`/`~~id` ~~onto~~ ~~the~~ ~~inner\n * `<~~table>` ~~element~~ ~~(the base TableView leaves it bare and puts its own class~~ on\n * the ~~wrapper~~ ~~div). The attributes round-trip via the schema's toDOM on export;\n * this makes `~~table~~.grid~~ ~~…` style rules match in the live editor too. Passed to\n * `columnResizing` as its `View`, so column resizing keeps working.\n~~ /\nclass HtmlAttrTableView extends TableView {\n constructor(node: PMNode, defaultCellMinWidth: number) {\n super(node, defaultCellMinWidth);\n this.applyHtmlAttrs(node);\n }\n\n private applyHtmlAttrs(node: PMNode): void {\n const htmlClass = node.attrs.htmlClass as string \| null;\n const htmlId = node.attrs.htmlId as string \| null;\n this.table.className = htmlClass ?? '';\n if (htmlId) this.table.id = htmlId;\n else this.table.removeAttribute('id');\n }\n\n update(node: PMNode): boolean {\n const updated = super.update(node);\n if (updated) this.applyHtmlAttrs(node);\n return updated;\n }\n}\n\n/\n prosemirror-tables wiring: cell selections, fix-tables normalization, and\n * draggable column resizing (widths persist as `data-colwidth`). The CSS\n * these plugins rely on (.selectedCell, .column-resize-handle, .resize-cursor)\n * is inlined in nile-wysiwyg-editor.css.ts.\n */\nexport function tablePlugins(): Plugin[] {\n return [\n columnResizing({ View: HtmlAttrTableView }),\n tableEditing({ allowTableNodeSelection: true }),\n ];\n}\n"]}
1	+ {"version":3,"file":"tables.js","sourceRoot":"","sources":["../../../../../src/nile-wysiwyg-editor/engine/plugins/tables.ts"],"names":[],"mappings":"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","sourcesContent":["import { Plugin } from 'prosemirror-state';\nimport { Node as PMNode } from 'prosemirror-model';\nimport { tableEditing, columnResizing, TableView } from 'prosemirror-tables';\nimport { tableStyles } from '../schema';\n\n/** TableView that also puts the author's class/id and fidelity table styles on the inner `<table>`. /\nclass HtmlAttrTableView extends TableView {\n constructor(node: PMNode, defaultCellMinWidth: number) {\n super(node, defaultCellMinWidth);\n this.applyHtmlAttrs(node);\n }\n\n private applyHtmlAttrs(node: PMNode): void {\n const htmlClass = node.attrs.htmlClass as string \| null;\n const htmlId = node.attrs.htmlId as string \| null;\n this.table.className = htmlClass ?? '';\n if (htmlId) this.table.id = htmlId;\n else this.table.removeAttribute('id');\n // Email-fidelity attrs (width, max-width, background, border, centring).\n // Width is only overridden when set, so column-resize sizing still applies.\n const style = this.table.style;\n // tableStyles() entries can hold several declarations ('color: x; font-family: y'\n // for the table text style or an allowedStyles extension), so flatten them first.\n const decls = tableStyles(node.attrs)\n .flatMap(entry => entry.split(';'))\n .map(decl => decl.trim())\n .filter(decl => decl.includes(':'));\n for (const prop of [\n 'max-width', 'background-color', 'border', 'margin-left', 'margin-right',\n 'color', 'font-family', 'font-size', 'font-weight', 'line-height',\n ]) {\n style.removeProperty(prop);\n }\n // Clear any per-app extension properties first so a value that changed (or an\n // entry that was removed) doesn't linger from the previous application.\n for (const decl of decls) style.removeProperty(decl.slice(0, decl.indexOf(':')).trim());\n for (const decl of decls) {\n const idx = decl.indexOf(':');\n style.setProperty(decl.slice(0, idx).trim(), decl.slice(idx + 1).trim());\n }\n // A layout table with no width of its own (an email button) shrinks to fit\n // under email-fidelity; the host CSS keys off this hook.\n this.table.toggleAttribute('data-autowidth', Boolean(node.attrs.layout && !node.attrs.width));\n // Lets the host CSS drop column resizing's min-width on layout tables.\n this.table.toggleAttribute('data-layout-table', Boolean(node.attrs.layout));\n }\n\n update(node: PMNode): boolean {\n const updated = super.update(node);\n if (updated) this.applyHtmlAttrs(node);\n return updated;\n }\n}\n\n/\n prosemirror-tables wiring: cell selections, fix-tables normalization, and\n * draggable column resizing (widths persist as `data-colwidth`). The CSS\n * these plugins rely on (.selectedCell, .column-resize-handle, .resize-cursor)\n * is inlined in nile-wysiwyg-editor.css.ts.\n */\nexport function tablePlugins(): Plugin[] {\n return [\n columnResizing({ View: HtmlAttrTableView }),\n tableEditing({ allowTableNodeSelection: true }),\n ];\n}\n"]}

package/dist/src/nile-wysiwyg-editor/engine/pm.test.js CHANGED Viewed

@@ -763,6 +763,52 @@ describe('figure & image commands', () => {
         expect(docToHtml(state.doc)).to.not.include('<img');
     });
 });
+describe('image percentage widths (fix 1, global)', () => {
+    const ON = { emailFidelity: true };
+    /** First <img> style.width after a full htmlToDoc→docToHtml round-trip. */
+    function imgWidth(html, on = false) {
+        const doc = on
+            ? htmlToDoc(defaultSchema, html, true, ON)
+            : htmlToDoc(defaultSchema, html);
+        const out = docToHtml(doc);
+        const m = new DOMParser().parseFromString(out, 'text/html');
+        return m.querySelector('img')?.style.width ?? '';
+    }
+    it('round-trips width:100% as a percentage with the flag off', () => {
+        expect(imgWidth('<p><img src="https://x.co/i.png" style="width:100%"></p>')).to.equal('100%');
+    });
+    it('round-trips width:100% as a percentage with the flag on', () => {
+        expect(imgWidth('<p><img src="https://x.co/i.png" style="width:100%"></p>', true)).to.equal('100%');
+    });
+    it('keeps a fractional percentage (50.5%)', () => {
+        expect(imgWidth('<p><img src="https://x.co/i.png" style="width:50.5%"></p>')).to.equal('50.5%');
+    });
+    it('still emits a pixel width for width:320px', () => {
+        expect(imgWidth('<p><img src="https://x.co/i.png" style="width:320px"></p>')).to.equal('320px');
+    });
+    it('falls back to the width attribute (px) when there is no style width', () => {
+        expect(imgWidth('<p><img src="https://x.co/i.png" width="1232"></p>')).to.equal('1232px');
+    });
+    it('drops an out-of-range percentage (150%)', () => {
+        const out = docToHtml(htmlToDoc(defaultSchema, '<p><img src="https://x.co/i.png" style="width:150%"></p>'));
+        expect(out).to.not.include('150%');
+        expect(out).to.not.include('width: 150');
+    });
+    it('drops a calc() width', () => {
+        const out = docToHtml(htmlToDoc(defaultSchema, '<p><img src="https://x.co/i.png" style="width:calc(100% - 2px)"></p>', true, ON));
+        expect(out).to.not.include('calc(');
+    });
+    it('round-trips a percentage width on a figure', () => {
+        const out = docToHtml(htmlToDoc(defaultSchema, '<figure><img src="https://x.co/i.png" style="width:50%"><figcaption>c</figcaption></figure>'));
+        expect(out).to.include('width: 50%');
+    });
+    it('serialize → parse → serialize is a fixpoint for a percentage width', () => {
+        const src = '<p><img src="https://x.co/i.png" style="width:100%"></p>';
+        const once = docToHtml(htmlToDoc(defaultSchema, src, true, ON));
+        const twice = docToHtml(htmlToDoc(defaultSchema, once, true, ON));
+        expect(twice).to.equal(once);
+    });
+});
 describe('paste from Office', () => {
     it('detects Word and Google Docs clipboard HTML', () => {
         expect(isOfficeHtml('<p class="MsoNormal">x</p>')).to.equal(true);