@estiva-app/ui 0.50.1 → 0.50.2
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.
- package/dist/BlockNodes.d.ts +9 -0
- package/dist/BlockNodes.d.ts.map +1 -1
- package/dist/editor.js +25 -4
- package/dist/editor.js.map +2 -2
- package/package.json +1 -1
- package/registry.json +1 -1
- package/src/BlockNodes.test.tsx +155 -0
- package/src/BlockNodes.tsx +48 -7
package/dist/BlockNodes.d.ts
CHANGED
|
@@ -23,6 +23,15 @@ import { Extension, Node } from '@tiptap/core';
|
|
|
23
23
|
* keeps its own rule (the copy that holds text) as the backstop for an
|
|
24
24
|
* editor without this extension; where the change says nothing, this falls
|
|
25
25
|
* back to that rule too.
|
|
26
|
+
*
|
|
27
|
+
* **A block that arrives without an id gets one, the moment it arrives**
|
|
28
|
+
* (MAN-11): a paste, a `/` menu insert, the empty paragraph a new editor
|
|
29
|
+
* starts with and the one StarterKit keeps at the end. `fromEditorDocument`
|
|
30
|
+
* mints an id for such a block on every save and the editor never sees it, so
|
|
31
|
+
* each save gave it a different one — a blur with no edit published again, and
|
|
32
|
+
* a comment anchored to it in between was detached. The editor's first
|
|
33
|
+
* document is filled in when it is created, outside the undo history and
|
|
34
|
+
* without an update, so opening a description is not an edit.
|
|
26
35
|
*/
|
|
27
36
|
export declare const BlockId: Extension<any, any>;
|
|
28
37
|
/** What a reference's view is handed: the `nostr:` URI it stands for. */
|
package/dist/BlockNodes.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockNodes.d.ts","sourceRoot":"","sources":["../src/BlockNodes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"BlockNodes.d.ts","sourceRoot":"","sources":["../src/BlockNodes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAmL9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,OAAO,qBA0ClB,CAAA;AAEF,yEAAyE;AACzE,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,IAAI,EAAE,aAAa,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAA;CAC/C;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,iCAgCxB,CAAA;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,YAAY,gBAqBvB,CAAA;AAgBF,uEAAuE;AACvE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC/B;AAED,MAAM,WAAW,qBAAqB;IACpC,8FAA8F;IAC9F,IAAI,EAAE,aAAa,CAAC,mBAAmB,CAAC,GAAG,IAAI,CAAA;CAChD;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,cAAc,kCAqCzB,CAAA"}
|
package/dist/editor.js
CHANGED
|
@@ -350,7 +350,7 @@ function suggestionPopup(options) {
|
|
|
350
350
|
// src/BlockNodes.tsx
|
|
351
351
|
import { Extension as Extension2, Node as Node2 } from "@tiptap/core";
|
|
352
352
|
import { Plugin as Plugin2, PluginKey as PluginKey2 } from "@tiptap/pm/state";
|
|
353
|
-
import { Mapping } from "@tiptap/pm/transform";
|
|
353
|
+
import { Mapping, ReplaceAroundStep } from "@tiptap/pm/transform";
|
|
354
354
|
import { NodeViewWrapper, ReactNodeViewRenderer } from "@tiptap/react";
|
|
355
355
|
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
356
356
|
var BLOCK_TYPES = [
|
|
@@ -431,9 +431,22 @@ function repeatedBlockIds(doc, before, mapping) {
|
|
|
431
431
|
}
|
|
432
432
|
return losers;
|
|
433
433
|
}
|
|
434
|
+
var BLOCK_CONTAINERS = /* @__PURE__ */ new Set(["bulletList", "orderedList", "table", "tableRow", "tableHeader", "tableCell"]);
|
|
435
|
+
function unnamedBlocks(doc) {
|
|
436
|
+
const out = [];
|
|
437
|
+
const visit = (block, at) => {
|
|
438
|
+
if (!BLOCK_TYPE_SET.has(block.type.name)) return;
|
|
439
|
+
const id = block.attrs.blockId;
|
|
440
|
+
if (typeof id !== "string" || id === "") out.push(at);
|
|
441
|
+
if (BLOCK_CONTAINERS.has(block.type.name)) block.forEach((child, offset) => visit(child, at + 1 + offset));
|
|
442
|
+
};
|
|
443
|
+
doc.forEach((node, offset) => visit(node, offset));
|
|
444
|
+
return out;
|
|
445
|
+
}
|
|
434
446
|
function bringsInBlocks(transactions) {
|
|
435
447
|
return transactions.some(
|
|
436
448
|
(tr) => tr.steps.some((step) => {
|
|
449
|
+
if (step instanceof ReplaceAroundStep) return true;
|
|
437
450
|
const slice = step.slice;
|
|
438
451
|
let blocks = false;
|
|
439
452
|
slice?.content.forEach((node) => {
|
|
@@ -445,6 +458,14 @@ function bringsInBlocks(transactions) {
|
|
|
445
458
|
}
|
|
446
459
|
var BlockId = Extension2.create({
|
|
447
460
|
name: "blockId",
|
|
461
|
+
onCreate() {
|
|
462
|
+
const { state, view } = this.editor;
|
|
463
|
+
const unnamed = unnamedBlocks(state.doc);
|
|
464
|
+
if (unnamed.length === 0) return;
|
|
465
|
+
const tr = state.tr;
|
|
466
|
+
for (const pos of unnamed) tr.setNodeAttribute(pos, "blockId", newBlockId());
|
|
467
|
+
view.dispatch(tr.setMeta("addToHistory", false).setMeta("preventUpdate", true));
|
|
468
|
+
},
|
|
448
469
|
addProseMirrorPlugins() {
|
|
449
470
|
return [
|
|
450
471
|
new Plugin2({
|
|
@@ -453,10 +474,10 @@ var BlockId = Extension2.create({
|
|
|
453
474
|
if (!bringsInBlocks(transactions)) return null;
|
|
454
475
|
const mapping = new Mapping();
|
|
455
476
|
for (const tr2 of transactions) mapping.appendMapping(tr2.mapping);
|
|
456
|
-
const
|
|
457
|
-
if (
|
|
477
|
+
const renamed = [...repeatedBlockIds(state.doc, old.doc, mapping), ...unnamedBlocks(state.doc)];
|
|
478
|
+
if (renamed.length === 0) return null;
|
|
458
479
|
const tr = state.tr;
|
|
459
|
-
for (const pos of
|
|
480
|
+
for (const pos of renamed) tr.setNodeAttribute(pos, "blockId", newBlockId());
|
|
460
481
|
return tr;
|
|
461
482
|
}
|
|
462
483
|
})
|
package/dist/editor.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/SelectionToolbar.tsx", "../src/suggestionPopup.tsx", "../src/BlockNodes.tsx"],
|
|
4
|
-
"sourcesContent": ["import { useCallback, useEffect, useRef, useState } from 'react'\nimport type { Editor } from '@tiptap/react'\nimport { Extension } from '@tiptap/core'\nimport { Plugin, PluginKey } from '@tiptap/pm/state'\nimport { Decoration, DecorationSet } from '@tiptap/pm/view'\nimport { IconBold, IconCode, IconItalic, IconLink, IconUnderline } from '@tabler/icons-react'\nimport { Form } from './Form'\nimport { Popover } from './Popover'\nimport { TextInput } from './TextInput'\nimport { Toolbar, ToolbarButton } from './Toolbar'\nimport { shortcutLabel } from './shortcuts'\n\n/**\n * The selection, kept visible while something else has the focus \u2014 Peek's\n * `src/extensions/keptSelection.ts` (PEE-19), moved into the package with the\n * `SelectionToolbar` that needs it (UIG-31, Katerina's ruling 29 September).\n *\n * The toolbar's address field takes the focus, and with it the document's\n * one selection, so the words being linked lost their highlight the moment\n * the field opened (measured 2026-09-07). Linear keeps it, and Katerina asked\n * for the same. The editor's own selection never moved \u2014 ProseMirror keeps it\n * while unfocused \u2014 so this only *draws* it: an inline decoration over the\n * range, in `bg-selected` \u2014 the token Peek's composer paints `::selection` in,\n * mapped through edits and cleared when the field closes.\n *\n * A decoration rather than a second selection, because a document has one\n * and the field needs it. Editor-internal by design (the editor owns its own\n * drawing); nothing here floats, focuses or handles a key.\n */\n\nexport interface KeptRange {\n from: number\n to: number\n}\n\n/** The plugin's key: read what is being kept, or dispatch a change to it. */\nexport const keptSelectionKey = new PluginKey<KeptRange | null>('keptSelection')\n\n/** The extension an editor registers so a selection can stay drawn while a field has the focus. */\nexport const KeptSelection = Extension.create({\n name: 'keptSelection',\n\n addProseMirrorPlugins() {\n return [\n new Plugin<KeptRange | null>({\n key: keptSelectionKey,\n state: {\n init: () => null,\n apply(tr, previous) {\n const meta = tr.getMeta(keptSelectionKey) as KeptRange | null | undefined\n if (meta !== undefined) return meta\n if (!previous) return null\n // Follow the words through an edit, so applying the link to them\n // (or typing before them) does not leave the highlight behind.\n return { from: tr.mapping.map(previous.from), to: tr.mapping.map(previous.to) }\n },\n },\n props: {\n decorations(state) {\n const range = keptSelectionKey.getState(state)\n if (!range || range.from === range.to) return null\n return DecorationSet.create(state.doc, [\n Decoration.inline(range.from, range.to, { class: 'kept-selection bg-bg-selected' }),\n ])\n },\n },\n }),\n ]\n },\n})\n\n/** Draw the selection as it is now, until `releaseSelection`. */\nexport function keepSelection(editor: Editor) {\n const { from, to } = editor.state.selection\n editor.view.dispatch(editor.state.tr.setMeta(keptSelectionKey, { from, to }))\n}\n\n/** Stop drawing it. Nothing kept, nothing dispatched. */\nexport function releaseSelection(editor: Editor) {\n if (editor.isDestroyed || !keptSelectionKey.getState(editor.state)) return\n editor.view.dispatch(editor.state.tr.setMeta(keptSelectionKey, null))\n}\n\n/** What is being drawn, or null. */\nexport function keptSelection(editor: Editor): KeptRange | null {\n return keptSelectionKey.getState(editor.state) ?? null\n}\n\n/** A mark the strip can toggle \u2014 the suite's inline vocabulary (SPEC \u00A713.1) less link and reference. */\nexport type MarkId = 'bold' | 'italic' | 'underline' | 'code'\n\nconst MARKS: Record<MarkId, { label: string; keys: string }> = {\n bold: { label: 'Bold', keys: 'Mod-B' },\n italic: { label: 'Italic', keys: 'Mod-I' },\n underline: { label: 'Underline', keys: 'Mod-U' },\n code: { label: 'Code', keys: 'Mod-E' },\n}\n\n/**\n * Toggle one mark over the current selection. The core `toggleMark`, which\n * each mark's own `toggleBold` and the like wrap: the package names no Tiptap\n * extension, only the marks the suite's format has (SPEC \u00A713.1).\n */\nfunction toggleMark(editor: Editor, id: MarkId): boolean {\n return editor.chain().focus().toggleMark(id).run()\n}\n\n/** The address the selection sits in, or '' \u2014 what the link field opens with. */\nexport function currentLink(editor: Editor): string {\n const href: unknown = editor.getAttributes('link').href\n return typeof href === 'string' ? href : ''\n}\n\n/**\n * What somebody typed into the link field \u2192 an `href`, or null when it cannot\n * be one. A bare host (`google.com`) gets `https://`. A scheme is kept only when\n * SPEC \u00A713.1 lets a reader follow it (http, https, mailto); `javascript:` and\n * the like are refused here. `localhost:5173` is a host and a port: a scheme is\n * never followed by a digit.\n */\nexport function normalizeHref(raw: string): string | null {\n const s = raw.trim()\n if (!s || /\\s/.test(s)) return null\n if (/^(https?:|mailto:)/i.test(s)) return s\n if (/^[a-z][a-z0-9+.-]*:(?!\\d)/i.test(s)) return null\n return `https://${s}`\n}\n\n/**\n * Apply the link field to the selection. Empty removes the link; an address\n * sets it, over the whole link when the caret sits inside one. `false` means\n * the text could not be an address, and the field should stay open.\n */\nexport function applyLink(editor: Editor, raw: string): boolean {\n const chain = editor.chain().focus().extendMarkRange('link')\n // The core commands the Link extension's `setLink` and `unsetLink` wrap, with\n // the same meta; `normalizeHref` has already refused what it would refuse.\n if (!raw.trim()) return chain.unsetMark('link', { extendEmptyMarkRange: true }).setMeta('preventAutolink', true).run()\n const href = normalizeHref(raw)\n if (!href) return false\n return chain.setMark('link', { href }).setMeta('preventAutolink', true).run()\n}\n\n/**\n * Bold / italic / underline / link over selected text \u2014 Peek's\n * `SelectionToolbar` (PEE-18, PEE-19), moved into the package at Katerina's\n * word (29 September, UIG-31) when Ship's description became its second user.\n * Unchanged but for two props: `marks`, which buttons the strip has (Peek's\n * three by default; Ship adds code), and `link`, whether it has the Link button\n * and its field (Peek's editor has a link mark; an editor without one leaves it\n * off). The editor must register `KeptSelection` when `link` is on.\n *\n * The marks apply to a run you have already written, which is why they are\n * not in the `/` menu: typing `/` replaces the selection, so by definition\n * there is nothing selected to apply them to.\n *\n * **The chrome is the shared `Popover`, anchored** (P26). It was a `Menu`, and\n * it never was one: a menu gives its contents roving focus and typeahead,\n * which would fight the link field this panel exists for. An anchored\n * `Popover` is the mode built for exactly this \u2014 it takes no focus, so the\n * caret stays in the text. It is laid out as a row instead of a column\n * through `className`, which `cn` merges last. The panel still portals out of\n * the composer, so no overflow clips it, and Floating UI clamps it on screen.\n *\n * **The anchor is the selection's own point** since 0.12.2. This toolbar is\n * *centred* over the selection (her design, PEE-19, after Linear), and the\n * package's `Popover` aligns left or right only \u2014 Base UI has `center`, the\n * package does not expose it (ADOPTION **B21**). So the placement arithmetic\n * and the hand-measured `SIZE` box stay for now, and the rect handed over is\n * positioned so the panel lands on the same pixel it always has: the\n * package's own 4px gap is subtracted from this file's 8px, and the rect's\n * left edge is the panel's. When `align=\"center\"` exists, `SIZE`, `GAP` and\n * `placement` all go and the anchor becomes the selection's own rect.\n *\n * **Two faces** (PEE-19 \u2014 Katerina, 2026-09-07, after Linear). `marks` is the\n * row of four buttons. `link` is one text field for the address: it opens from\n * the Link button, and opens by itself when the settled selection sits inside\n * a link, with that link's address in it. There is no open, embed or delete\n * button, by her call: the field is the whole control.\n *\n * **What applies the field** (her rule, same day): Enter, and clicking away \u2014\n * anywhere outside the toolbar, the editor included. Enter on an empty field\n * removes the link; clicking away with an empty field changes nothing, since\n * removing is deliberate and leaving is not. Escape drops what was typed and\n * puts the caret back. Once applied, the caret lands after the link, and\n * typing goes on as plain text \u2014 the mark is not inclusive (editorKit).\n *\n * While the field has focus the editor has not, so everything below that\n * hides the toolbar on blur or on an empty editor selection stands down in\n * `link` mode. The editor keeps its selection while unfocused; `focus()` in\n * the apply command puts it back.\n *\n * **Why it waits.** Showing on every selection change put the toolbar under the\n * pointer mid-drag, and made it blink on a plain click \u2014 ProseMirror restores\n * the previous selection when the editor takes focus and collapses it a tick\n * later, so there is a real, non-empty range in between. Both go away by\n * refusing to show while the pointer is down and re-reading the selection after\n * a short settle rather than trusting the event that woke us.\n */\n\nconst ICONS: Record<MarkId, typeof IconBold> = {\n bold: IconBold,\n italic: IconItalic,\n underline: IconUnderline,\n code: IconCode,\n}\n\ntype Mode = 'marks' | 'link'\n\n/** How long a selection must stand still before the toolbar appears. */\nconst SETTLE_MS = 250\nconst GAP = 8\n/** The gap the package's `Popover` adds of its own, subtracted above so the\n * panel keeps this file's 8px. Read from `Popover.tsx`, not guessed. */\nconst POPOVER_GAP = 4\n\nexport interface SelectionToolbarProps {\n /** The editor whose selection the strip follows. `null` while it loads. */\n editor: Editor | null\n /** Which marks the strip toggles, in order. Default bold, italic, underline. */\n marks?: readonly MarkId[]\n /** The Link button and its address field. Needs a link mark in the editor and `KeptSelection`. Default off. */\n link?: boolean\n}\n\nexport function SelectionToolbar({ editor, marks = ['bold', 'italic', 'underline'], link = false }: SelectionToolbarProps) {\n /** The selection's top edge and horizontal centre; the face decides the rest. */\n const [anchor, setAnchor] = useState<{ top: number; centre: number } | null>(null)\n const [mode, setMode] = useState<Mode>('marks')\n const [url, setUrl] = useState('')\n // Re-render as marks turn on and off while the caret moves through the\n // selection, so the pressed states stay honest.\n const [, setTick] = useState(0)\n const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined)\n const pointerDown = useRef(false)\n const field = useRef<HTMLInputElement>(null)\n /** What the field holds while it is open; null while it is closed. The\n * listeners below are bound once, so they read this rather than state. */\n const draft = useRef<string | null>(null)\n // Read by the same listeners. Kept in an effect, declared before the focus\n // effect below so the ref already says `link` when the field's focus blurs\n // the editor.\n const modeRef = useRef<Mode>('marks')\n useEffect(() => {\n modeRef.current = mode\n }, [mode])\n // Read by `settle`, which is bound once: words already a link open the field only when there is one.\n const linkOn = useRef(link)\n linkOn.current = link\n\n const hide = useCallback(() => {\n clearTimeout(timer.current)\n draft.current = null\n if (editor) releaseSelection(editor)\n setAnchor(null)\n setMode('marks')\n }, [editor])\n\n /**\n * Leaving the field applies it (Enter or a click away). An address links the\n * words and the caret moves past them; an empty field on the way out is a\n * shrug, not a removal. Idempotent: the outside click reaches this twice,\n * once from the editor press and once from the Menu's own listener.\n */\n const commit = useCallback(() => {\n const text = draft.current\n if (text === null || !editor) return\n draft.current = null\n if (text.trim() && applyLink(editor, text)) {\n editor.commands.setTextSelection(editor.state.selection.to)\n }\n hide()\n }, [editor, hide])\n\n /** Read the selection as it is *now* and place the toolbar, or hide it. */\n const settle = useCallback(() => {\n if (!editor || editor.isDestroyed) return\n // Keeping the selection drawn is itself a transaction, which schedules\n // this; by then the field has the focus, and reading `hasFocus()` here\n // would close it.\n if (modeRef.current === 'link') return\n const { state, view } = editor\n const { empty, from, to } = state.selection\n if (empty || from === to || !view.hasFocus() || pointerDown.current) {\n setAnchor(null)\n setMode('marks')\n return\n }\n const start = view.coordsAtPos(from)\n const end = view.coordsAtPos(to)\n const centre = (Math.min(start.left, end.left) + Math.max(start.right, end.right)) / 2\n // Words that are already a link open on the field, with their address in it.\n const inLink = linkOn.current && editor.isActive('link')\n const address = inLink ? currentLink(editor) : ''\n draft.current = inLink ? address : null\n // The field is about to take the focus; the words stay highlighted.\n if (inLink) keepSelection(editor)\n setMode(inLink ? 'link' : 'marks')\n setUrl(address)\n setAnchor({ top: start.top, centre })\n }, [editor])\n\n useEffect(() => {\n if (!editor) return\n\n const schedule = () => {\n // The field owns the keyboard and the focus; the editor's own events\n // stand down until it closes.\n if (modeRef.current === 'link') return\n setTick((t) => t + 1)\n clearTimeout(timer.current)\n // A collapsed selection hides at once \u2014 waiting to hide is what made the\n // click blink. Only *showing* is deferred.\n if (editor.state.selection.empty) {\n setAnchor(null)\n return\n }\n timer.current = setTimeout(settle, SETTLE_MS)\n }\n\n // The field taking focus is the one blur that must not hide us.\n const onBlur = () => {\n if (modeRef.current !== 'link') hide()\n }\n\n // Only a press *inside the editor* starts a selection. A press on the\n // toolbar itself must not hide it \u2014 doing so unmounted the button before\n // its click could land, so nothing ever applied.\n const startsSelection = (e: MouseEvent) =>\n e.target instanceof Node && editor.view.dom.contains(e.target)\n\n const onPointerDown = (e: MouseEvent) => {\n if (!startsSelection(e)) return\n // A press in the editor while the field is open is a click away: apply\n // first, before the editor moves the caret under the press.\n commit()\n pointerDown.current = true\n hide()\n }\n const onPointerUp = () => {\n if (!pointerDown.current) return\n pointerDown.current = false\n schedule()\n }\n\n editor.on('selectionUpdate', schedule)\n editor.on('transaction', schedule)\n editor.on('blur', onBlur)\n // @estiva-escape(no-hand-rolled-behaviour): watches presses in the editor to follow a text selection; the Popover it opens in has no trigger to own that (Peek's UIG-8 escape, moved here with the part, UIG-31)\n document.addEventListener('mousedown', onPointerDown, true)\n document.addEventListener('mouseup', onPointerUp, true)\n\n return () => {\n clearTimeout(timer.current)\n editor.off('selectionUpdate', schedule)\n editor.off('transaction', schedule)\n editor.off('blur', onBlur)\n document.removeEventListener('mousedown', onPointerDown, true)\n document.removeEventListener('mouseup', onPointerUp, true)\n }\n }, [editor, settle, hide, commit])\n\n // The field takes focus once it is on screen. Not `autoFocus`, and not in\n // the same frame: the Menu renders once hidden to measure itself, and a\n // hidden input cannot take focus \u2014 measured 2026-09-07, the field opened\n // unfocused on a re-selected link. An address already in it is selected\n // whole, so typing replaces it.\n useEffect(() => {\n if (mode !== 'link' || !anchor) return\n const frame = requestAnimationFrame(() => {\n field.current?.focus()\n field.current?.select()\n })\n return () => cancelAnimationFrame(frame)\n }, [mode, anchor])\n\n if (!editor || !anchor) return null\n\n const openField = () => {\n const address = currentLink(editor)\n draft.current = address\n keepSelection(editor)\n setUrl(address)\n setMode('link')\n }\n /** Enter. Unlike a click away, an empty field here means remove. */\n const submit = () => {\n if (!url.trim()) {\n applyLink(editor, '')\n hide()\n editor.commands.focus()\n return\n }\n commit()\n }\n const discard = () => {\n hide()\n editor.commands.focus()\n }\n\n /* A zero-sized rect at the selection's own top edge and centre. The panel's\n width is no longer this file's business: `align=\"center\"` puts the\n panel's middle over this point (B21, package 0.12.2), so the measured\n `SIZE` table and the placement arithmetic that stood in for it are gone.\n The top is this file's GAP less the package's own 4, so the panel keeps\n the 8px it has always had. */\n const anchorRect = new DOMRect(anchor.centre, anchor.top - (GAP - POPOVER_GAP), 0, 0)\n\n return (\n <Popover\n anchor={anchorRect}\n open\n side=\"top\"\n align=\"center\"\n onOpenChange={(next) => {\n if (!next) commit()\n }}\n ariaLabel=\"Text formatting\"\n // The panel gives up its column; the strip inside draws the row. The 4px\n // around it is `contentClassName`'s: on `className` it was added to the\n // package's 8px from 0.12.6 on, and the toolbar grew 8px a side\n // (Katerina, 2026-09-13; migration docs D68, Finding 60). This is the\n // package's own `Popover/A toolbar` story, class for class.\n className=\"w-auto min-w-0\"\n contentClassName=\"p-1\"\n >\n {mode === 'link' ? (\n /* One field, so no strip: a toolbar of one control is a toolbar in\n name only, and `ToolbarInput` cannot take the ref this field is\n focused by (ADOPTION B25). */\n // The package Form (UIG-7): Enter applies the link. `free` and `flex`: one field, which keeps its own height.\n <Form onSubmit={submit} layout=\"free\" className=\"flex\">\n <TextInput\n ref={field}\n value={url}\n onChange={(e) => {\n setUrl(e.target.value)\n draft.current = e.target.value\n }}\n onKeyDown={(e) => {\n if (e.key === 'Escape') {\n // Before the Menu's own Escape, which would apply instead.\n e.stopPropagation()\n discard()\n }\n }}\n placeholder=\"Enter link URL\"\n aria-label=\"Link URL\"\n className=\"w-[264px]\"\n />\n </Form>\n ) : (\n /* Four marks and a link button: one Tab stop, \u2190 \u2192 along them (D29). */\n <Toolbar aria-label=\"Text formatting\" surface={false}>\n {marks.map((id) => {\n const Icon = ICONS[id]\n const active = editor.isActive(id)\n return (\n <ToolbarButton\n key={id}\n aria-label={MARKS[id].label}\n pressed={active}\n tooltip={MARKS[id].label}\n tooltipShortcut={shortcutLabel(MARKS[id].keys)}\n // Keep the selection: focus must not leave the editor on press.\n onMouseDown={(e) => e.preventDefault()}\n onClick={() => toggleMark(editor, id)}\n >\n <Icon size={16} stroke={1.5} />\n </ToolbarButton>\n )\n })}\n {link && (\n <ToolbarButton\n aria-label=\"Link\"\n tooltip=\"Link\"\n onMouseDown={(e) => e.preventDefault()}\n onClick={openField}\n >\n <IconLink size={16} stroke={1.5} />\n </ToolbarButton>\n )}\n </Toolbar>\n )}\n </Popover>\n )\n}\n", "// @estiva-escape(component-has-a-page, component-has-a-story): draws nothing of its own \u2014 it opens a SuggestionMenu from a Tiptap suggestion plugin, and SuggestionMenu's page and stories show it (UIG-31)\nimport { forwardRef, useRef, useImperativeHandle } from 'react'\nimport { ReactRenderer } from '@tiptap/react'\nimport type { SuggestionKeyDownProps, SuggestionOptions, SuggestionProps } from '@tiptap/suggestion'\nimport { SuggestionMenu, type SuggestionMenuHandle, type SuggestionMenuRow, type SuggestionMenuSection } from './SuggestionMenu'\n\n/*\n * Is a type-ahead list open? \u2014 Peek's counter (`mention.tsx`), moved here with\n * the lists it counts (UIG-31).\n *\n * A counter rather than a boolean: two suggestion plugins can overlap for a\n * moment while one hands over to the other (`/` choosing \"Mention\" types `@`).\n * An editor asks before it acts on Enter or Escape, so a key that chose a row\n * does not also send the message or cancel the edit.\n */\nlet openCount = 0\nlet lastClose = 0\n\n/**\n * Open, or closed less than 100ms ago \u2014 what an Enter handler asks. Choosing a\n * row with Enter closes the list, and that same Enter must not also send.\n */\nexport function isSuggestionActive(): boolean {\n return openCount > 0 || Date.now() - lastClose < 100\n}\n\n/**\n * Open *now*, with no grace period \u2014 what an Escape handler asks. The first\n * Escape closes the list, the second is somebody's deliberate press.\n */\nexport function isSuggestionOpen(): boolean {\n return openCount > 0\n}\n\n/** How a list looks and what fills it \u2014 everything but the editor's own wiring. */\nexport interface SuggestionPopupOptions<T> {\n /** Names the list \u2014 \"Commands\", \"People\". */\n ariaLabel: string\n /** The box's width, e.g. `w-[300px]`. */\n width: string\n /** The cap before the rows scroll, e.g. `max-h-[400px]`. */\n maxHeight: string\n /** The plugin's items, and the typed query, \u2192 the sections to draw. One unlabeled section by default. */\n sections?: (items: T[], query: string) => readonly SuggestionMenuSection<T>[]\n itemKey: (item: T) => string\n row: (item: T) => SuggestionMenuRow\n}\n\ntype Props<T> = SuggestionProps<T> & { options: SuggestionPopupOptions<T> }\n\n// `forwardRef`, so Tiptap's `ReactRenderer` hands its `ref` through whichever\n// way it detects a component that takes one.\nconst Popup = forwardRef<SuggestionMenuHandle, Props<unknown>>(function Popup({ options, ...props }, handle) {\n const menu = useRef<SuggestionMenuHandle>(null)\n useImperativeHandle(handle, () => ({ onKeyDown: (event) => menu.current?.onKeyDown(event) ?? false }))\n const sections = options.sections ? options.sections(props.items, props.query) : [{ items: props.items }]\n return (\n <SuggestionMenu\n handle={menu}\n rect={props.clientRect?.() ?? null}\n editorElement={props.editor.view.dom}\n ariaLabel={options.ariaLabel}\n width={options.width}\n maxHeight={options.maxHeight}\n sections={sections}\n itemKey={options.itemKey}\n row={options.row}\n onSelect={(item) => props.command(item)}\n />\n )\n})\n\n/**\n * The `render` of a Tiptap suggestion plugin, drawn as a `SuggestionMenu` \u2014\n * the popup controller Peek wrote four times (`mention.tsx`, `slashCommands.tsx`),\n * once.\n *\n * Suggestion({ editor, char: '/', items, command,\n * render: suggestionPopup({ ariaLabel: 'Commands', width: 'w-[300px]',\n * maxHeight: 'max-h-[400px]', itemKey, row, sections }) })\n *\n * It mounts the list when the query starts and removes it when it ends: the\n * plugin owns the list's life. Escape closes it and is used up; \u2191, \u2193 and Enter\n * go to the list; every other key stays the editor's. The list portals itself\n * (the package `Popover`), so the mount point is only a mount point.\n */\nexport function suggestionPopup<T>(options: SuggestionPopupOptions<T>): NonNullable<SuggestionOptions<T>['render']> {\n return () => {\n let component: ReactRenderer<SuggestionMenuHandle, Props<T>> | null = null\n let container: HTMLDivElement | null = null\n const exit = () => {\n if (!component) return\n openCount = Math.max(0, openCount - 1)\n lastClose = Date.now()\n component.destroy()\n container?.remove()\n component = null\n container = null\n }\n return {\n onStart: (props) => {\n openCount++\n component = new ReactRenderer<SuggestionMenuHandle, Props<T>>(Popup as never, { props: { ...props, options }, editor: props.editor })\n container = document.createElement('div')\n document.body.appendChild(container)\n container.appendChild(component.element)\n },\n onUpdate: (props) => component?.updateProps({ ...props, options }),\n onKeyDown: ({ event }: SuggestionKeyDownProps) => {\n if (event.key === 'Escape') {\n exit()\n return true\n }\n return component?.ref?.onKeyDown(event) ?? false\n },\n onExit: exit,\n }\n }\n}\n", "import type { ComponentType } from 'react'\nimport { Extension, Node } from '@tiptap/core'\nimport type { Node as ProseMirrorNode, Slice } from '@tiptap/pm/model'\nimport { Plugin, PluginKey, type Transaction } from '@tiptap/pm/state'\nimport { Mapping } from '@tiptap/pm/transform'\nimport { NodeViewWrapper, ReactNodeViewRenderer, type ReactNodeViewProps } from '@tiptap/react'\n\n/*\n * The four nodes an editor of a block document needs that a stock schema does\n * not have (SPEC \u00A713.3) \u2014 moved here from Ship's `editorSchema.tsx` (RIC-14,\n * SHI-2) when Peek became the second editor of the same documents (MAN-9).\n *\n * They are one half of a pair. The other half is `@estiva-app/protocol`'s\n * `toEditorDocument` / `fromEditorDocument`, which turn a stored document into\n * the JSON these nodes read and back: the node names (`unknownBlock`,\n * `reference`, `attachment`) and the `blockId` attribute are that translation's,\n * and must not drift from it. This package does not import protocol, as\n * `RichText` does not: the translation hands over everything a view draws.\n *\n * Everything else a document can contain is already a ProseMirror node of the\n * same name \u2014 StarterKit's and TableKit's \u2014 which is why this file is short.\n */\n\n/**\n * The block types \u00A713.3 puts an id on, as the editor's node names \u2014\n * protocol's `EDITOR_BLOCK_TYPES`, less `unknownBlock`, which declares its own.\n */\nconst BLOCK_TYPES = [\n 'paragraph',\n 'heading',\n 'bulletList',\n 'orderedList',\n 'listItem',\n 'blockquote',\n 'codeBlock',\n 'horizontalRule',\n // A table and everything inside it (UIG-18): a row or a cell whose id was\n // re-minted on each save would detach any comment anchored to it.\n 'table',\n 'tableRow',\n 'tableHeader',\n 'tableCell',\n // Without this an attachment's id is re-minted on every save, and every\n // comment anchored to it stops resolving.\n 'attachment',\n]\nconst BLOCK_TYPE_SET = new Set(BLOCK_TYPES)\n\n/** protocol's `newBlockId`: six random bytes as hex. */\nfunction newBlockId(): string {\n return Array.from(crypto.getRandomValues(new Uint8Array(6)), (b) => b.toString(16).padStart(2, '0')).join('')\n}\n\n/** Whether anything typed or inserted is inside \u2014 protocol's `holdsText`. An empty paragraph is not; a lone line break is. */\nfunction holdsText(node: ProseMirrorNode): boolean {\n let found = false\n node.descendants((child) => {\n if (found) return false\n if ((child.isText && child.text !== '') || child.type.name === 'hardBreak' || child.type.name === 'reference') found = true\n return !found\n })\n return found\n}\n\ninterface Claim {\n pos: number\n node: ProseMirrorNode\n /** An unknown block: the translation hands its source back untouched, so re-minting it here would be undone on save. */\n fixed: boolean\n}\n\n/** Every block that claims an id, by id, in document order. */\nfunction claimsIn(doc: ProseMirrorNode): Map<string, Claim[]> {\n const claims = new Map<string, Claim[]>()\n doc.descendants((node, pos) => {\n const fixed = node.type.name === 'unknownBlock'\n if (!fixed && !BLOCK_TYPE_SET.has(node.type.name)) return\n const id = node.attrs.blockId\n if (typeof id !== 'string' || id === '') return\n const copies = claims.get(id)\n if (copies) copies.push({ pos, node, fixed })\n else claims.set(id, [{ pos, node, fixed }])\n })\n return claims\n}\n\n/**\n * The copy the block that was there before carried on into: where the start\n * of its content landed. Enter at the very start pushes that content into the\n * lower half; a split anywhere else leaves it in the upper; a pasted copy,\n * above or below, never moves it out of the original.\n */\nfunction carriedOn(copies: Claim[], before: Claim, mapping: Mapping): Claim | undefined {\n if (before.node.isLeaf) {\n const at = mapping.map(before.pos, 1)\n return copies.find((c) => c.pos === at)\n }\n // The start of its text, inside the paragraph a list item or quote wraps it in.\n let start = before.pos + 1\n if (!before.node.isTextblock) {\n let found = false\n before.node.descendants((node, pos) => {\n if (found) return false\n if (node.isTextblock) {\n start = before.pos + 1 + pos + 1\n found = true\n }\n return !found\n })\n }\n const at = mapping.map(start, 1)\n return copies.find((c) => c.pos < at && at < c.pos + c.node.nodeSize)\n}\n\n/**\n * Where a block claims an id another block keeps \u2014 see {@link BlockId}. An\n * unknown block always keeps its id; otherwise the copy the original carried\n * on into, and failing that protocol's rule: the first that holds text, or\n * the first.\n */\nfunction repeatedBlockIds(doc: ProseMirrorNode, before: ProseMirrorNode, mapping: Mapping): number[] {\n const claims = claimsIn(doc)\n let previous: Map<string, Claim[]> | undefined\n const losers: number[] = []\n for (const [id, copies] of claims) {\n if (copies.length < 2) continue\n previous ??= claimsIn(before)\n const original = previous.get(id)?.[0]\n const owner =\n copies.find((c) => c.fixed) ??\n (original && carriedOn(copies, original, mapping)) ??\n copies.find((c) => holdsText(c.node)) ??\n copies[0]\n for (const copy of copies) if (copy !== owner && !copy.fixed) losers.push(copy.pos)\n }\n return losers\n}\n\n/**\n * Whether a change could have made a repeat: only a step that brings in\n * blocks can. Typing, deleting and marks bring in none, so most keystrokes\n * skip the walk.\n */\nfunction bringsInBlocks(transactions: readonly Transaction[]): boolean {\n return transactions.some((tr) =>\n tr.steps.some((step) => {\n const slice = (step as { slice?: Slice }).slice\n let blocks = false\n slice?.content.forEach((node) => {\n if (node.isBlock) blocks = true\n })\n return blocks\n }),\n )\n}\n\n/**\n * `id` on every block, carried as the `blockId` attribute.\n *\n * A global attribute rather than one per node type, because \u00A713.3 puts an id\n * on **every** block and a type that quietly lacked one would mint a fresh id\n * on every save \u2014 detaching each anchored comment on it (RFC 0.4 \u00A76) with\n * nothing on screen to say so.\n *\n * Rendered as `data-block-id`, which is what `RichText` already emits, so the\n * reading and the editing surface address a block the same way.\n *\n * **A split gives the new half its own id, the moment it happens** (MAN-10).\n * ProseMirror copies a split node's attrs to both halves, so Enter leaves two\n * blocks claiming one id. Enter at the very start of a paragraph puts the\n * copy *above* it \u2014 and once something is typed there, nothing at save time\n * can tell which half was the original, so protocol's `fromEditorDocument`\n * gave the id, and every comment anchored to it, to the new line. Settled\n * here instead, in the same transaction, where the change itself says which\n * copy the original carried on into \u2014 so a copy pasted above a block does\n * not take its id either. The others get fresh ids. `fromEditorDocument`\n * keeps its own rule (the copy that holds text) as the backstop for an\n * editor without this extension; where the change says nothing, this falls\n * back to that rule too.\n */\nexport const BlockId = Extension.create({\n name: 'blockId',\n addProseMirrorPlugins() {\n return [\n new Plugin({\n key: new PluginKey('blockIdSplit'),\n appendTransaction: (transactions, old, state) => {\n if (!bringsInBlocks(transactions)) return null\n const mapping = new Mapping()\n for (const tr of transactions) mapping.appendMapping(tr.mapping)\n const repeats = repeatedBlockIds(state.doc, old.doc, mapping)\n if (repeats.length === 0) return null\n const tr = state.tr\n for (const pos of repeats) tr.setNodeAttribute(pos, 'blockId', newBlockId())\n return tr\n },\n }),\n ]\n },\n addGlobalAttributes() {\n return [\n {\n types: BLOCK_TYPES,\n attributes: {\n blockId: {\n default: null,\n parseHTML: (element: HTMLElement) => element.getAttribute('data-block-id'),\n renderHTML: (attributes: Record<string, unknown>) =>\n attributes.blockId ? { 'data-block-id': String(attributes.blockId) } : {},\n },\n },\n },\n ]\n },\n})\n\n/** What a reference's view is handed: the `nostr:` URI it stands for. */\nexport interface ReferenceViewProps {\n uri: string\n}\n\nexport interface ReferenceNodeOptions {\n /**\n * Draws the reference as the thing it points at \u2014 the app's own chip, which\n * knows how to resolve it. Without one, the URI is drawn as text.\n */\n view: ComponentType<ReferenceViewProps> | null\n}\n\n/**\n * A `nostr:` reference, drawn as the thing it points at \u2014 SPEC \u00A713.1.\n *\n * An **atom**: it has no editable interior, because its text is the URI and\n * nobody edits half a `naddr`. Selecting it selects the whole reference, which\n * is also how deleting one works. `marks` carries the run's other marks, so a\n * bold reference comes back bold.\n */\nexport const ReferenceNode = Node.create<ReferenceNodeOptions>({\n name: 'reference',\n group: 'inline',\n inline: true,\n atom: true,\n selectable: true,\n draggable: false,\n addOptions() {\n return { view: null }\n },\n addAttributes() {\n return {\n uri: { default: '' },\n marks: { default: [] as string[] },\n }\n },\n parseHTML() {\n return [{ tag: 'span[data-reference]' }]\n },\n renderHTML({ node }) {\n // A copy to the clipboard as HTML, and the whole drawing when no view is given.\n return ['span', { 'data-reference': String(node.attrs.uri) }, String(node.attrs.uri)]\n },\n addNodeView() {\n const View = this.options.view\n if (!View) return null\n return ReactNodeViewRenderer(({ node }: ReactNodeViewProps) => (\n <NodeViewWrapper as=\"span\" className=\"inline\">\n <View uri={String(node.attrs.uri ?? '')} />\n </NodeViewWrapper>\n ))\n },\n})\n\n/**\n * A block this editor has no design for, kept whole.\n *\n * \u00A713.3: a reader MUST render an unknown block's inline text and MUST NOT drop\n * it silently. **An editor is the dangerous case** \u2014 ProseMirror discards a\n * node its schema does not know, and the save after that would delete somebody\n * else's block with no error anywhere on the way. So the block's own JSON\n * rides in `source`, and protocol's `fromEditorDocument` hands it back\n * untouched; `text` is its inline text, worked out by `toEditorDocument`.\n *\n * Not editable, deliberately: an affordance that lets a person change\n * something they cannot see is worse than one that says the content is there\n * and belongs to another surface.\n */\nexport const UnknownBlock = Node.create({\n name: 'unknownBlock',\n group: 'block',\n atom: true,\n selectable: true,\n addAttributes() {\n return {\n blockId: { default: null },\n source: { default: null },\n text: { default: '' },\n }\n },\n parseHTML() {\n return [{ tag: 'div[data-unknown-block]' }]\n },\n renderHTML({ node }) {\n return ['div', { 'data-unknown-block': String(node.attrs.blockId ?? '') }, String(node.attrs.text ?? '')]\n },\n addNodeView() {\n return ReactNodeViewRenderer(UnknownBlockView)\n },\n})\n\nfunction UnknownBlockView({ node }: ReactNodeViewProps) {\n const source = node.attrs.source as { id?: string; type?: string } | null\n const text = String(node.attrs.text ?? '')\n return (\n <NodeViewWrapper\n data-block-id={source?.id}\n data-block-type={source?.type}\n className=\"rounded-md border border-border-default bg-bg-inset px-2 py-1 text-text-secondary\"\n >\n {text || `A ${source?.type ?? 'block'} this app cannot edit yet.`}\n </NodeViewWrapper>\n )\n}\n\n/** What an attachment's view is handed: the block's `imeta` fields. */\nexport interface AttachmentViewProps {\n attrs: Record<string, unknown>\n}\n\nexport interface AttachmentNodeOptions {\n /** Draws the file \u2014 the app's own attachment card. Without one, its name is drawn as text. */\n view: ComponentType<AttachmentViewProps> | null\n}\n\n/**\n * A file placed in a document \u2014 SPEC \u00A713.3's `attachment` block (SHI-2).\n *\n * An atom: the file is the block, there is nothing inside it to edit, and a\n * caret that could sit \"inside\" an image is a way to produce documents no\n * reader has a rule for. Selectable and deletable, so removing one is Backspace\n * like anything else.\n *\n * Its attributes are the `imeta` fields exactly, because that is what \u00A713.3\n * specifies. Each is declared, and that is not boilerplate: ProseMirror **drops\n * an attribute its schema does not name**, so an undeclared `thumb` would\n * survive the editor and vanish on save \u2014 the silent deletion `UnknownBlock`\n * exists to prevent.\n */\nexport const AttachmentNode = Node.create<AttachmentNodeOptions>({\n name: 'attachment',\n group: 'block',\n atom: true,\n selectable: true,\n draggable: false,\n addOptions() {\n return { view: null }\n },\n addAttributes() {\n return {\n url: { default: '' },\n m: { default: '' },\n x: { default: '' },\n size: { default: 0 },\n dim: { default: null },\n thumb: { default: null },\n alt: { default: null },\n filename: { default: null },\n }\n },\n parseHTML() {\n return [{ tag: 'div[data-attachment-block]' }]\n },\n renderHTML({ node }) {\n // A copy to the clipboard, and the whole drawing when no view is given.\n return ['div', { 'data-attachment-block': String(node.attrs.x ?? '') }, String(node.attrs.filename ?? 'attachment')]\n },\n addNodeView() {\n const View = this.options.view\n if (!View) return null\n return ReactNodeViewRenderer(({ node }: ReactNodeViewProps) => (\n <NodeViewWrapper className=\"my-2\">\n <View attrs={node.attrs} />\n </NodeViewWrapper>\n ))\n },\n})\n"],
|
|
5
|
-
"mappings": "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",
|
|
4
|
+
"sourcesContent": ["import { useCallback, useEffect, useRef, useState } from 'react'\nimport type { Editor } from '@tiptap/react'\nimport { Extension } from '@tiptap/core'\nimport { Plugin, PluginKey } from '@tiptap/pm/state'\nimport { Decoration, DecorationSet } from '@tiptap/pm/view'\nimport { IconBold, IconCode, IconItalic, IconLink, IconUnderline } from '@tabler/icons-react'\nimport { Form } from './Form'\nimport { Popover } from './Popover'\nimport { TextInput } from './TextInput'\nimport { Toolbar, ToolbarButton } from './Toolbar'\nimport { shortcutLabel } from './shortcuts'\n\n/**\n * The selection, kept visible while something else has the focus \u2014 Peek's\n * `src/extensions/keptSelection.ts` (PEE-19), moved into the package with the\n * `SelectionToolbar` that needs it (UIG-31, Katerina's ruling 29 September).\n *\n * The toolbar's address field takes the focus, and with it the document's\n * one selection, so the words being linked lost their highlight the moment\n * the field opened (measured 2026-09-07). Linear keeps it, and Katerina asked\n * for the same. The editor's own selection never moved \u2014 ProseMirror keeps it\n * while unfocused \u2014 so this only *draws* it: an inline decoration over the\n * range, in `bg-selected` \u2014 the token Peek's composer paints `::selection` in,\n * mapped through edits and cleared when the field closes.\n *\n * A decoration rather than a second selection, because a document has one\n * and the field needs it. Editor-internal by design (the editor owns its own\n * drawing); nothing here floats, focuses or handles a key.\n */\n\nexport interface KeptRange {\n from: number\n to: number\n}\n\n/** The plugin's key: read what is being kept, or dispatch a change to it. */\nexport const keptSelectionKey = new PluginKey<KeptRange | null>('keptSelection')\n\n/** The extension an editor registers so a selection can stay drawn while a field has the focus. */\nexport const KeptSelection = Extension.create({\n name: 'keptSelection',\n\n addProseMirrorPlugins() {\n return [\n new Plugin<KeptRange | null>({\n key: keptSelectionKey,\n state: {\n init: () => null,\n apply(tr, previous) {\n const meta = tr.getMeta(keptSelectionKey) as KeptRange | null | undefined\n if (meta !== undefined) return meta\n if (!previous) return null\n // Follow the words through an edit, so applying the link to them\n // (or typing before them) does not leave the highlight behind.\n return { from: tr.mapping.map(previous.from), to: tr.mapping.map(previous.to) }\n },\n },\n props: {\n decorations(state) {\n const range = keptSelectionKey.getState(state)\n if (!range || range.from === range.to) return null\n return DecorationSet.create(state.doc, [\n Decoration.inline(range.from, range.to, { class: 'kept-selection bg-bg-selected' }),\n ])\n },\n },\n }),\n ]\n },\n})\n\n/** Draw the selection as it is now, until `releaseSelection`. */\nexport function keepSelection(editor: Editor) {\n const { from, to } = editor.state.selection\n editor.view.dispatch(editor.state.tr.setMeta(keptSelectionKey, { from, to }))\n}\n\n/** Stop drawing it. Nothing kept, nothing dispatched. */\nexport function releaseSelection(editor: Editor) {\n if (editor.isDestroyed || !keptSelectionKey.getState(editor.state)) return\n editor.view.dispatch(editor.state.tr.setMeta(keptSelectionKey, null))\n}\n\n/** What is being drawn, or null. */\nexport function keptSelection(editor: Editor): KeptRange | null {\n return keptSelectionKey.getState(editor.state) ?? null\n}\n\n/** A mark the strip can toggle \u2014 the suite's inline vocabulary (SPEC \u00A713.1) less link and reference. */\nexport type MarkId = 'bold' | 'italic' | 'underline' | 'code'\n\nconst MARKS: Record<MarkId, { label: string; keys: string }> = {\n bold: { label: 'Bold', keys: 'Mod-B' },\n italic: { label: 'Italic', keys: 'Mod-I' },\n underline: { label: 'Underline', keys: 'Mod-U' },\n code: { label: 'Code', keys: 'Mod-E' },\n}\n\n/**\n * Toggle one mark over the current selection. The core `toggleMark`, which\n * each mark's own `toggleBold` and the like wrap: the package names no Tiptap\n * extension, only the marks the suite's format has (SPEC \u00A713.1).\n */\nfunction toggleMark(editor: Editor, id: MarkId): boolean {\n return editor.chain().focus().toggleMark(id).run()\n}\n\n/** The address the selection sits in, or '' \u2014 what the link field opens with. */\nexport function currentLink(editor: Editor): string {\n const href: unknown = editor.getAttributes('link').href\n return typeof href === 'string' ? href : ''\n}\n\n/**\n * What somebody typed into the link field \u2192 an `href`, or null when it cannot\n * be one. A bare host (`google.com`) gets `https://`. A scheme is kept only when\n * SPEC \u00A713.1 lets a reader follow it (http, https, mailto); `javascript:` and\n * the like are refused here. `localhost:5173` is a host and a port: a scheme is\n * never followed by a digit.\n */\nexport function normalizeHref(raw: string): string | null {\n const s = raw.trim()\n if (!s || /\\s/.test(s)) return null\n if (/^(https?:|mailto:)/i.test(s)) return s\n if (/^[a-z][a-z0-9+.-]*:(?!\\d)/i.test(s)) return null\n return `https://${s}`\n}\n\n/**\n * Apply the link field to the selection. Empty removes the link; an address\n * sets it, over the whole link when the caret sits inside one. `false` means\n * the text could not be an address, and the field should stay open.\n */\nexport function applyLink(editor: Editor, raw: string): boolean {\n const chain = editor.chain().focus().extendMarkRange('link')\n // The core commands the Link extension's `setLink` and `unsetLink` wrap, with\n // the same meta; `normalizeHref` has already refused what it would refuse.\n if (!raw.trim()) return chain.unsetMark('link', { extendEmptyMarkRange: true }).setMeta('preventAutolink', true).run()\n const href = normalizeHref(raw)\n if (!href) return false\n return chain.setMark('link', { href }).setMeta('preventAutolink', true).run()\n}\n\n/**\n * Bold / italic / underline / link over selected text \u2014 Peek's\n * `SelectionToolbar` (PEE-18, PEE-19), moved into the package at Katerina's\n * word (29 September, UIG-31) when Ship's description became its second user.\n * Unchanged but for two props: `marks`, which buttons the strip has (Peek's\n * three by default; Ship adds code), and `link`, whether it has the Link button\n * and its field (Peek's editor has a link mark; an editor without one leaves it\n * off). The editor must register `KeptSelection` when `link` is on.\n *\n * The marks apply to a run you have already written, which is why they are\n * not in the `/` menu: typing `/` replaces the selection, so by definition\n * there is nothing selected to apply them to.\n *\n * **The chrome is the shared `Popover`, anchored** (P26). It was a `Menu`, and\n * it never was one: a menu gives its contents roving focus and typeahead,\n * which would fight the link field this panel exists for. An anchored\n * `Popover` is the mode built for exactly this \u2014 it takes no focus, so the\n * caret stays in the text. It is laid out as a row instead of a column\n * through `className`, which `cn` merges last. The panel still portals out of\n * the composer, so no overflow clips it, and Floating UI clamps it on screen.\n *\n * **The anchor is the selection's own point** since 0.12.2. This toolbar is\n * *centred* over the selection (her design, PEE-19, after Linear), and the\n * package's `Popover` aligns left or right only \u2014 Base UI has `center`, the\n * package does not expose it (ADOPTION **B21**). So the placement arithmetic\n * and the hand-measured `SIZE` box stay for now, and the rect handed over is\n * positioned so the panel lands on the same pixel it always has: the\n * package's own 4px gap is subtracted from this file's 8px, and the rect's\n * left edge is the panel's. When `align=\"center\"` exists, `SIZE`, `GAP` and\n * `placement` all go and the anchor becomes the selection's own rect.\n *\n * **Two faces** (PEE-19 \u2014 Katerina, 2026-09-07, after Linear). `marks` is the\n * row of four buttons. `link` is one text field for the address: it opens from\n * the Link button, and opens by itself when the settled selection sits inside\n * a link, with that link's address in it. There is no open, embed or delete\n * button, by her call: the field is the whole control.\n *\n * **What applies the field** (her rule, same day): Enter, and clicking away \u2014\n * anywhere outside the toolbar, the editor included. Enter on an empty field\n * removes the link; clicking away with an empty field changes nothing, since\n * removing is deliberate and leaving is not. Escape drops what was typed and\n * puts the caret back. Once applied, the caret lands after the link, and\n * typing goes on as plain text \u2014 the mark is not inclusive (editorKit).\n *\n * While the field has focus the editor has not, so everything below that\n * hides the toolbar on blur or on an empty editor selection stands down in\n * `link` mode. The editor keeps its selection while unfocused; `focus()` in\n * the apply command puts it back.\n *\n * **Why it waits.** Showing on every selection change put the toolbar under the\n * pointer mid-drag, and made it blink on a plain click \u2014 ProseMirror restores\n * the previous selection when the editor takes focus and collapses it a tick\n * later, so there is a real, non-empty range in between. Both go away by\n * refusing to show while the pointer is down and re-reading the selection after\n * a short settle rather than trusting the event that woke us.\n */\n\nconst ICONS: Record<MarkId, typeof IconBold> = {\n bold: IconBold,\n italic: IconItalic,\n underline: IconUnderline,\n code: IconCode,\n}\n\ntype Mode = 'marks' | 'link'\n\n/** How long a selection must stand still before the toolbar appears. */\nconst SETTLE_MS = 250\nconst GAP = 8\n/** The gap the package's `Popover` adds of its own, subtracted above so the\n * panel keeps this file's 8px. Read from `Popover.tsx`, not guessed. */\nconst POPOVER_GAP = 4\n\nexport interface SelectionToolbarProps {\n /** The editor whose selection the strip follows. `null` while it loads. */\n editor: Editor | null\n /** Which marks the strip toggles, in order. Default bold, italic, underline. */\n marks?: readonly MarkId[]\n /** The Link button and its address field. Needs a link mark in the editor and `KeptSelection`. Default off. */\n link?: boolean\n}\n\nexport function SelectionToolbar({ editor, marks = ['bold', 'italic', 'underline'], link = false }: SelectionToolbarProps) {\n /** The selection's top edge and horizontal centre; the face decides the rest. */\n const [anchor, setAnchor] = useState<{ top: number; centre: number } | null>(null)\n const [mode, setMode] = useState<Mode>('marks')\n const [url, setUrl] = useState('')\n // Re-render as marks turn on and off while the caret moves through the\n // selection, so the pressed states stay honest.\n const [, setTick] = useState(0)\n const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined)\n const pointerDown = useRef(false)\n const field = useRef<HTMLInputElement>(null)\n /** What the field holds while it is open; null while it is closed. The\n * listeners below are bound once, so they read this rather than state. */\n const draft = useRef<string | null>(null)\n // Read by the same listeners. Kept in an effect, declared before the focus\n // effect below so the ref already says `link` when the field's focus blurs\n // the editor.\n const modeRef = useRef<Mode>('marks')\n useEffect(() => {\n modeRef.current = mode\n }, [mode])\n // Read by `settle`, which is bound once: words already a link open the field only when there is one.\n const linkOn = useRef(link)\n linkOn.current = link\n\n const hide = useCallback(() => {\n clearTimeout(timer.current)\n draft.current = null\n if (editor) releaseSelection(editor)\n setAnchor(null)\n setMode('marks')\n }, [editor])\n\n /**\n * Leaving the field applies it (Enter or a click away). An address links the\n * words and the caret moves past them; an empty field on the way out is a\n * shrug, not a removal. Idempotent: the outside click reaches this twice,\n * once from the editor press and once from the Menu's own listener.\n */\n const commit = useCallback(() => {\n const text = draft.current\n if (text === null || !editor) return\n draft.current = null\n if (text.trim() && applyLink(editor, text)) {\n editor.commands.setTextSelection(editor.state.selection.to)\n }\n hide()\n }, [editor, hide])\n\n /** Read the selection as it is *now* and place the toolbar, or hide it. */\n const settle = useCallback(() => {\n if (!editor || editor.isDestroyed) return\n // Keeping the selection drawn is itself a transaction, which schedules\n // this; by then the field has the focus, and reading `hasFocus()` here\n // would close it.\n if (modeRef.current === 'link') return\n const { state, view } = editor\n const { empty, from, to } = state.selection\n if (empty || from === to || !view.hasFocus() || pointerDown.current) {\n setAnchor(null)\n setMode('marks')\n return\n }\n const start = view.coordsAtPos(from)\n const end = view.coordsAtPos(to)\n const centre = (Math.min(start.left, end.left) + Math.max(start.right, end.right)) / 2\n // Words that are already a link open on the field, with their address in it.\n const inLink = linkOn.current && editor.isActive('link')\n const address = inLink ? currentLink(editor) : ''\n draft.current = inLink ? address : null\n // The field is about to take the focus; the words stay highlighted.\n if (inLink) keepSelection(editor)\n setMode(inLink ? 'link' : 'marks')\n setUrl(address)\n setAnchor({ top: start.top, centre })\n }, [editor])\n\n useEffect(() => {\n if (!editor) return\n\n const schedule = () => {\n // The field owns the keyboard and the focus; the editor's own events\n // stand down until it closes.\n if (modeRef.current === 'link') return\n setTick((t) => t + 1)\n clearTimeout(timer.current)\n // A collapsed selection hides at once \u2014 waiting to hide is what made the\n // click blink. Only *showing* is deferred.\n if (editor.state.selection.empty) {\n setAnchor(null)\n return\n }\n timer.current = setTimeout(settle, SETTLE_MS)\n }\n\n // The field taking focus is the one blur that must not hide us.\n const onBlur = () => {\n if (modeRef.current !== 'link') hide()\n }\n\n // Only a press *inside the editor* starts a selection. A press on the\n // toolbar itself must not hide it \u2014 doing so unmounted the button before\n // its click could land, so nothing ever applied.\n const startsSelection = (e: MouseEvent) =>\n e.target instanceof Node && editor.view.dom.contains(e.target)\n\n const onPointerDown = (e: MouseEvent) => {\n if (!startsSelection(e)) return\n // A press in the editor while the field is open is a click away: apply\n // first, before the editor moves the caret under the press.\n commit()\n pointerDown.current = true\n hide()\n }\n const onPointerUp = () => {\n if (!pointerDown.current) return\n pointerDown.current = false\n schedule()\n }\n\n editor.on('selectionUpdate', schedule)\n editor.on('transaction', schedule)\n editor.on('blur', onBlur)\n // @estiva-escape(no-hand-rolled-behaviour): watches presses in the editor to follow a text selection; the Popover it opens in has no trigger to own that (Peek's UIG-8 escape, moved here with the part, UIG-31)\n document.addEventListener('mousedown', onPointerDown, true)\n document.addEventListener('mouseup', onPointerUp, true)\n\n return () => {\n clearTimeout(timer.current)\n editor.off('selectionUpdate', schedule)\n editor.off('transaction', schedule)\n editor.off('blur', onBlur)\n document.removeEventListener('mousedown', onPointerDown, true)\n document.removeEventListener('mouseup', onPointerUp, true)\n }\n }, [editor, settle, hide, commit])\n\n // The field takes focus once it is on screen. Not `autoFocus`, and not in\n // the same frame: the Menu renders once hidden to measure itself, and a\n // hidden input cannot take focus \u2014 measured 2026-09-07, the field opened\n // unfocused on a re-selected link. An address already in it is selected\n // whole, so typing replaces it.\n useEffect(() => {\n if (mode !== 'link' || !anchor) return\n const frame = requestAnimationFrame(() => {\n field.current?.focus()\n field.current?.select()\n })\n return () => cancelAnimationFrame(frame)\n }, [mode, anchor])\n\n if (!editor || !anchor) return null\n\n const openField = () => {\n const address = currentLink(editor)\n draft.current = address\n keepSelection(editor)\n setUrl(address)\n setMode('link')\n }\n /** Enter. Unlike a click away, an empty field here means remove. */\n const submit = () => {\n if (!url.trim()) {\n applyLink(editor, '')\n hide()\n editor.commands.focus()\n return\n }\n commit()\n }\n const discard = () => {\n hide()\n editor.commands.focus()\n }\n\n /* A zero-sized rect at the selection's own top edge and centre. The panel's\n width is no longer this file's business: `align=\"center\"` puts the\n panel's middle over this point (B21, package 0.12.2), so the measured\n `SIZE` table and the placement arithmetic that stood in for it are gone.\n The top is this file's GAP less the package's own 4, so the panel keeps\n the 8px it has always had. */\n const anchorRect = new DOMRect(anchor.centre, anchor.top - (GAP - POPOVER_GAP), 0, 0)\n\n return (\n <Popover\n anchor={anchorRect}\n open\n side=\"top\"\n align=\"center\"\n onOpenChange={(next) => {\n if (!next) commit()\n }}\n ariaLabel=\"Text formatting\"\n // The panel gives up its column; the strip inside draws the row. The 4px\n // around it is `contentClassName`'s: on `className` it was added to the\n // package's 8px from 0.12.6 on, and the toolbar grew 8px a side\n // (Katerina, 2026-09-13; migration docs D68, Finding 60). This is the\n // package's own `Popover/A toolbar` story, class for class.\n className=\"w-auto min-w-0\"\n contentClassName=\"p-1\"\n >\n {mode === 'link' ? (\n /* One field, so no strip: a toolbar of one control is a toolbar in\n name only, and `ToolbarInput` cannot take the ref this field is\n focused by (ADOPTION B25). */\n // The package Form (UIG-7): Enter applies the link. `free` and `flex`: one field, which keeps its own height.\n <Form onSubmit={submit} layout=\"free\" className=\"flex\">\n <TextInput\n ref={field}\n value={url}\n onChange={(e) => {\n setUrl(e.target.value)\n draft.current = e.target.value\n }}\n onKeyDown={(e) => {\n if (e.key === 'Escape') {\n // Before the Menu's own Escape, which would apply instead.\n e.stopPropagation()\n discard()\n }\n }}\n placeholder=\"Enter link URL\"\n aria-label=\"Link URL\"\n className=\"w-[264px]\"\n />\n </Form>\n ) : (\n /* Four marks and a link button: one Tab stop, \u2190 \u2192 along them (D29). */\n <Toolbar aria-label=\"Text formatting\" surface={false}>\n {marks.map((id) => {\n const Icon = ICONS[id]\n const active = editor.isActive(id)\n return (\n <ToolbarButton\n key={id}\n aria-label={MARKS[id].label}\n pressed={active}\n tooltip={MARKS[id].label}\n tooltipShortcut={shortcutLabel(MARKS[id].keys)}\n // Keep the selection: focus must not leave the editor on press.\n onMouseDown={(e) => e.preventDefault()}\n onClick={() => toggleMark(editor, id)}\n >\n <Icon size={16} stroke={1.5} />\n </ToolbarButton>\n )\n })}\n {link && (\n <ToolbarButton\n aria-label=\"Link\"\n tooltip=\"Link\"\n onMouseDown={(e) => e.preventDefault()}\n onClick={openField}\n >\n <IconLink size={16} stroke={1.5} />\n </ToolbarButton>\n )}\n </Toolbar>\n )}\n </Popover>\n )\n}\n", "// @estiva-escape(component-has-a-page, component-has-a-story): draws nothing of its own \u2014 it opens a SuggestionMenu from a Tiptap suggestion plugin, and SuggestionMenu's page and stories show it (UIG-31)\nimport { forwardRef, useRef, useImperativeHandle } from 'react'\nimport { ReactRenderer } from '@tiptap/react'\nimport type { SuggestionKeyDownProps, SuggestionOptions, SuggestionProps } from '@tiptap/suggestion'\nimport { SuggestionMenu, type SuggestionMenuHandle, type SuggestionMenuRow, type SuggestionMenuSection } from './SuggestionMenu'\n\n/*\n * Is a type-ahead list open? \u2014 Peek's counter (`mention.tsx`), moved here with\n * the lists it counts (UIG-31).\n *\n * A counter rather than a boolean: two suggestion plugins can overlap for a\n * moment while one hands over to the other (`/` choosing \"Mention\" types `@`).\n * An editor asks before it acts on Enter or Escape, so a key that chose a row\n * does not also send the message or cancel the edit.\n */\nlet openCount = 0\nlet lastClose = 0\n\n/**\n * Open, or closed less than 100ms ago \u2014 what an Enter handler asks. Choosing a\n * row with Enter closes the list, and that same Enter must not also send.\n */\nexport function isSuggestionActive(): boolean {\n return openCount > 0 || Date.now() - lastClose < 100\n}\n\n/**\n * Open *now*, with no grace period \u2014 what an Escape handler asks. The first\n * Escape closes the list, the second is somebody's deliberate press.\n */\nexport function isSuggestionOpen(): boolean {\n return openCount > 0\n}\n\n/** How a list looks and what fills it \u2014 everything but the editor's own wiring. */\nexport interface SuggestionPopupOptions<T> {\n /** Names the list \u2014 \"Commands\", \"People\". */\n ariaLabel: string\n /** The box's width, e.g. `w-[300px]`. */\n width: string\n /** The cap before the rows scroll, e.g. `max-h-[400px]`. */\n maxHeight: string\n /** The plugin's items, and the typed query, \u2192 the sections to draw. One unlabeled section by default. */\n sections?: (items: T[], query: string) => readonly SuggestionMenuSection<T>[]\n itemKey: (item: T) => string\n row: (item: T) => SuggestionMenuRow\n}\n\ntype Props<T> = SuggestionProps<T> & { options: SuggestionPopupOptions<T> }\n\n// `forwardRef`, so Tiptap's `ReactRenderer` hands its `ref` through whichever\n// way it detects a component that takes one.\nconst Popup = forwardRef<SuggestionMenuHandle, Props<unknown>>(function Popup({ options, ...props }, handle) {\n const menu = useRef<SuggestionMenuHandle>(null)\n useImperativeHandle(handle, () => ({ onKeyDown: (event) => menu.current?.onKeyDown(event) ?? false }))\n const sections = options.sections ? options.sections(props.items, props.query) : [{ items: props.items }]\n return (\n <SuggestionMenu\n handle={menu}\n rect={props.clientRect?.() ?? null}\n editorElement={props.editor.view.dom}\n ariaLabel={options.ariaLabel}\n width={options.width}\n maxHeight={options.maxHeight}\n sections={sections}\n itemKey={options.itemKey}\n row={options.row}\n onSelect={(item) => props.command(item)}\n />\n )\n})\n\n/**\n * The `render` of a Tiptap suggestion plugin, drawn as a `SuggestionMenu` \u2014\n * the popup controller Peek wrote four times (`mention.tsx`, `slashCommands.tsx`),\n * once.\n *\n * Suggestion({ editor, char: '/', items, command,\n * render: suggestionPopup({ ariaLabel: 'Commands', width: 'w-[300px]',\n * maxHeight: 'max-h-[400px]', itemKey, row, sections }) })\n *\n * It mounts the list when the query starts and removes it when it ends: the\n * plugin owns the list's life. Escape closes it and is used up; \u2191, \u2193 and Enter\n * go to the list; every other key stays the editor's. The list portals itself\n * (the package `Popover`), so the mount point is only a mount point.\n */\nexport function suggestionPopup<T>(options: SuggestionPopupOptions<T>): NonNullable<SuggestionOptions<T>['render']> {\n return () => {\n let component: ReactRenderer<SuggestionMenuHandle, Props<T>> | null = null\n let container: HTMLDivElement | null = null\n const exit = () => {\n if (!component) return\n openCount = Math.max(0, openCount - 1)\n lastClose = Date.now()\n component.destroy()\n container?.remove()\n component = null\n container = null\n }\n return {\n onStart: (props) => {\n openCount++\n component = new ReactRenderer<SuggestionMenuHandle, Props<T>>(Popup as never, { props: { ...props, options }, editor: props.editor })\n container = document.createElement('div')\n document.body.appendChild(container)\n container.appendChild(component.element)\n },\n onUpdate: (props) => component?.updateProps({ ...props, options }),\n onKeyDown: ({ event }: SuggestionKeyDownProps) => {\n if (event.key === 'Escape') {\n exit()\n return true\n }\n return component?.ref?.onKeyDown(event) ?? false\n },\n onExit: exit,\n }\n }\n}\n", "import type { ComponentType } from 'react'\nimport { Extension, Node } from '@tiptap/core'\nimport type { Node as ProseMirrorNode, Slice } from '@tiptap/pm/model'\nimport { Plugin, PluginKey, type Transaction } from '@tiptap/pm/state'\nimport { Mapping, ReplaceAroundStep } from '@tiptap/pm/transform'\nimport { NodeViewWrapper, ReactNodeViewRenderer, type ReactNodeViewProps } from '@tiptap/react'\n\n/*\n * The four nodes an editor of a block document needs that a stock schema does\n * not have (SPEC \u00A713.3) \u2014 moved here from Ship's `editorSchema.tsx` (RIC-14,\n * SHI-2) when Peek became the second editor of the same documents (MAN-9).\n *\n * They are one half of a pair. The other half is `@estiva-app/protocol`'s\n * `toEditorDocument` / `fromEditorDocument`, which turn a stored document into\n * the JSON these nodes read and back: the node names (`unknownBlock`,\n * `reference`, `attachment`) and the `blockId` attribute are that translation's,\n * and must not drift from it. This package does not import protocol, as\n * `RichText` does not: the translation hands over everything a view draws.\n *\n * Everything else a document can contain is already a ProseMirror node of the\n * same name \u2014 StarterKit's and TableKit's \u2014 which is why this file is short.\n */\n\n/**\n * The block types \u00A713.3 puts an id on, as the editor's node names \u2014\n * protocol's `EDITOR_BLOCK_TYPES`, less `unknownBlock`, which declares its own.\n */\nconst BLOCK_TYPES = [\n 'paragraph',\n 'heading',\n 'bulletList',\n 'orderedList',\n 'listItem',\n 'blockquote',\n 'codeBlock',\n 'horizontalRule',\n // A table and everything inside it (UIG-18): a row or a cell whose id was\n // re-minted on each save would detach any comment anchored to it.\n 'table',\n 'tableRow',\n 'tableHeader',\n 'tableCell',\n // Without this an attachment's id is re-minted on every save, and every\n // comment anchored to it stops resolving.\n 'attachment',\n]\nconst BLOCK_TYPE_SET = new Set(BLOCK_TYPES)\n\n/** protocol's `newBlockId`: six random bytes as hex. */\nfunction newBlockId(): string {\n return Array.from(crypto.getRandomValues(new Uint8Array(6)), (b) => b.toString(16).padStart(2, '0')).join('')\n}\n\n/** Whether anything typed or inserted is inside \u2014 protocol's `holdsText`. An empty paragraph is not; a lone line break is. */\nfunction holdsText(node: ProseMirrorNode): boolean {\n let found = false\n node.descendants((child) => {\n if (found) return false\n if ((child.isText && child.text !== '') || child.type.name === 'hardBreak' || child.type.name === 'reference') found = true\n return !found\n })\n return found\n}\n\ninterface Claim {\n pos: number\n node: ProseMirrorNode\n /** An unknown block: the translation hands its source back untouched, so re-minting it here would be undone on save. */\n fixed: boolean\n}\n\n/** Every block that claims an id, by id, in document order. */\nfunction claimsIn(doc: ProseMirrorNode): Map<string, Claim[]> {\n const claims = new Map<string, Claim[]>()\n doc.descendants((node, pos) => {\n const fixed = node.type.name === 'unknownBlock'\n if (!fixed && !BLOCK_TYPE_SET.has(node.type.name)) return\n const id = node.attrs.blockId\n if (typeof id !== 'string' || id === '') return\n const copies = claims.get(id)\n if (copies) copies.push({ pos, node, fixed })\n else claims.set(id, [{ pos, node, fixed }])\n })\n return claims\n}\n\n/**\n * The copy the block that was there before carried on into: where the start\n * of its content landed. Enter at the very start pushes that content into the\n * lower half; a split anywhere else leaves it in the upper; a pasted copy,\n * above or below, never moves it out of the original.\n */\nfunction carriedOn(copies: Claim[], before: Claim, mapping: Mapping): Claim | undefined {\n if (before.node.isLeaf) {\n const at = mapping.map(before.pos, 1)\n return copies.find((c) => c.pos === at)\n }\n // The start of its text, inside the paragraph a list item or quote wraps it in.\n let start = before.pos + 1\n if (!before.node.isTextblock) {\n let found = false\n before.node.descendants((node, pos) => {\n if (found) return false\n if (node.isTextblock) {\n start = before.pos + 1 + pos + 1\n found = true\n }\n return !found\n })\n }\n const at = mapping.map(start, 1)\n return copies.find((c) => c.pos < at && at < c.pos + c.node.nodeSize)\n}\n\n/**\n * Where a block claims an id another block keeps \u2014 see {@link BlockId}. An\n * unknown block always keeps its id; otherwise the copy the original carried\n * on into, and failing that protocol's rule: the first that holds text, or\n * the first.\n */\nfunction repeatedBlockIds(doc: ProseMirrorNode, before: ProseMirrorNode, mapping: Mapping): number[] {\n const claims = claimsIn(doc)\n let previous: Map<string, Claim[]> | undefined\n const losers: number[] = []\n for (const [id, copies] of claims) {\n if (copies.length < 2) continue\n previous ??= claimsIn(before)\n const original = previous.get(id)?.[0]\n const owner =\n copies.find((c) => c.fixed) ??\n (original && carriedOn(copies, original, mapping)) ??\n copies.find((c) => holdsText(c.node)) ??\n copies[0]\n for (const copy of copies) if (copy !== owner && !copy.fixed) losers.push(copy.pos)\n }\n return losers\n}\n\n/**\n * The blocks a save turns into blocks \u2014 exactly what protocol's\n * `blockFromEditor` walks \u2014 so a list, a table and its rows and cells are\n * walked into, and a list item or a quote is not: the save flattens their\n * paragraph wrappers into inline runs, so an id there would be dropped.\n */\nconst BLOCK_CONTAINERS = new Set(['bulletList', 'orderedList', 'table', 'tableRow', 'tableHeader', 'tableCell'])\n\n/** Where a block the save would give an id has none, so it would get a new one on every save. */\nfunction unnamedBlocks(doc: ProseMirrorNode): number[] {\n const out: number[] = []\n const visit = (block: ProseMirrorNode, at: number) => {\n if (!BLOCK_TYPE_SET.has(block.type.name)) return\n const id = block.attrs.blockId\n if (typeof id !== 'string' || id === '') out.push(at)\n if (BLOCK_CONTAINERS.has(block.type.name)) block.forEach((child, offset) => visit(child, at + 1 + offset))\n }\n doc.forEach((node, offset) => visit(node, offset))\n return out\n}\n\n/**\n * Whether a change could have made a repeat or a block without an id: only a\n * step that brings in blocks can, or one that wraps or lifts them \u2014 lifting\n * the paragraph out of a quote or a one-item list brings in nothing, yet\n * leaves a block the save addresses with the wrapper's missing id. Typing,\n * deleting and marks do neither, so most keystrokes skip the walk.\n */\nfunction bringsInBlocks(transactions: readonly Transaction[]): boolean {\n return transactions.some((tr) =>\n tr.steps.some((step) => {\n if (step instanceof ReplaceAroundStep) return true\n const slice = (step as { slice?: Slice }).slice\n let blocks = false\n slice?.content.forEach((node) => {\n if (node.isBlock) blocks = true\n })\n return blocks\n }),\n )\n}\n\n/**\n * `id` on every block, carried as the `blockId` attribute.\n *\n * A global attribute rather than one per node type, because \u00A713.3 puts an id\n * on **every** block and a type that quietly lacked one would mint a fresh id\n * on every save \u2014 detaching each anchored comment on it (RFC 0.4 \u00A76) with\n * nothing on screen to say so.\n *\n * Rendered as `data-block-id`, which is what `RichText` already emits, so the\n * reading and the editing surface address a block the same way.\n *\n * **A split gives the new half its own id, the moment it happens** (MAN-10).\n * ProseMirror copies a split node's attrs to both halves, so Enter leaves two\n * blocks claiming one id. Enter at the very start of a paragraph puts the\n * copy *above* it \u2014 and once something is typed there, nothing at save time\n * can tell which half was the original, so protocol's `fromEditorDocument`\n * gave the id, and every comment anchored to it, to the new line. Settled\n * here instead, in the same transaction, where the change itself says which\n * copy the original carried on into \u2014 so a copy pasted above a block does\n * not take its id either. The others get fresh ids. `fromEditorDocument`\n * keeps its own rule (the copy that holds text) as the backstop for an\n * editor without this extension; where the change says nothing, this falls\n * back to that rule too.\n *\n * **A block that arrives without an id gets one, the moment it arrives**\n * (MAN-11): a paste, a `/` menu insert, the empty paragraph a new editor\n * starts with and the one StarterKit keeps at the end. `fromEditorDocument`\n * mints an id for such a block on every save and the editor never sees it, so\n * each save gave it a different one \u2014 a blur with no edit published again, and\n * a comment anchored to it in between was detached. The editor's first\n * document is filled in when it is created, outside the undo history and\n * without an update, so opening a description is not an edit.\n */\nexport const BlockId = Extension.create({\n name: 'blockId',\n onCreate() {\n const { state, view } = this.editor\n const unnamed = unnamedBlocks(state.doc)\n if (unnamed.length === 0) return\n const tr = state.tr\n for (const pos of unnamed) tr.setNodeAttribute(pos, 'blockId', newBlockId())\n view.dispatch(tr.setMeta('addToHistory', false).setMeta('preventUpdate', true))\n },\n addProseMirrorPlugins() {\n return [\n new Plugin({\n key: new PluginKey('blockIdSplit'),\n appendTransaction: (transactions, old, state) => {\n if (!bringsInBlocks(transactions)) return null\n const mapping = new Mapping()\n for (const tr of transactions) mapping.appendMapping(tr.mapping)\n const renamed = [...repeatedBlockIds(state.doc, old.doc, mapping), ...unnamedBlocks(state.doc)]\n if (renamed.length === 0) return null\n const tr = state.tr\n for (const pos of renamed) tr.setNodeAttribute(pos, 'blockId', newBlockId())\n return tr\n },\n }),\n ]\n },\n addGlobalAttributes() {\n return [\n {\n types: BLOCK_TYPES,\n attributes: {\n blockId: {\n default: null,\n parseHTML: (element: HTMLElement) => element.getAttribute('data-block-id'),\n renderHTML: (attributes: Record<string, unknown>) =>\n attributes.blockId ? { 'data-block-id': String(attributes.blockId) } : {},\n },\n },\n },\n ]\n },\n})\n\n/** What a reference's view is handed: the `nostr:` URI it stands for. */\nexport interface ReferenceViewProps {\n uri: string\n}\n\nexport interface ReferenceNodeOptions {\n /**\n * Draws the reference as the thing it points at \u2014 the app's own chip, which\n * knows how to resolve it. Without one, the URI is drawn as text.\n */\n view: ComponentType<ReferenceViewProps> | null\n}\n\n/**\n * A `nostr:` reference, drawn as the thing it points at \u2014 SPEC \u00A713.1.\n *\n * An **atom**: it has no editable interior, because its text is the URI and\n * nobody edits half a `naddr`. Selecting it selects the whole reference, which\n * is also how deleting one works. `marks` carries the run's other marks, so a\n * bold reference comes back bold.\n */\nexport const ReferenceNode = Node.create<ReferenceNodeOptions>({\n name: 'reference',\n group: 'inline',\n inline: true,\n atom: true,\n selectable: true,\n draggable: false,\n addOptions() {\n return { view: null }\n },\n addAttributes() {\n return {\n uri: { default: '' },\n marks: { default: [] as string[] },\n }\n },\n parseHTML() {\n return [{ tag: 'span[data-reference]' }]\n },\n renderHTML({ node }) {\n // A copy to the clipboard as HTML, and the whole drawing when no view is given.\n return ['span', { 'data-reference': String(node.attrs.uri) }, String(node.attrs.uri)]\n },\n addNodeView() {\n const View = this.options.view\n if (!View) return null\n return ReactNodeViewRenderer(({ node }: ReactNodeViewProps) => (\n <NodeViewWrapper as=\"span\" className=\"inline\">\n <View uri={String(node.attrs.uri ?? '')} />\n </NodeViewWrapper>\n ))\n },\n})\n\n/**\n * A block this editor has no design for, kept whole.\n *\n * \u00A713.3: a reader MUST render an unknown block's inline text and MUST NOT drop\n * it silently. **An editor is the dangerous case** \u2014 ProseMirror discards a\n * node its schema does not know, and the save after that would delete somebody\n * else's block with no error anywhere on the way. So the block's own JSON\n * rides in `source`, and protocol's `fromEditorDocument` hands it back\n * untouched; `text` is its inline text, worked out by `toEditorDocument`.\n *\n * Not editable, deliberately: an affordance that lets a person change\n * something they cannot see is worse than one that says the content is there\n * and belongs to another surface.\n */\nexport const UnknownBlock = Node.create({\n name: 'unknownBlock',\n group: 'block',\n atom: true,\n selectable: true,\n addAttributes() {\n return {\n blockId: { default: null },\n source: { default: null },\n text: { default: '' },\n }\n },\n parseHTML() {\n return [{ tag: 'div[data-unknown-block]' }]\n },\n renderHTML({ node }) {\n return ['div', { 'data-unknown-block': String(node.attrs.blockId ?? '') }, String(node.attrs.text ?? '')]\n },\n addNodeView() {\n return ReactNodeViewRenderer(UnknownBlockView)\n },\n})\n\nfunction UnknownBlockView({ node }: ReactNodeViewProps) {\n const source = node.attrs.source as { id?: string; type?: string } | null\n const text = String(node.attrs.text ?? '')\n return (\n <NodeViewWrapper\n data-block-id={source?.id}\n data-block-type={source?.type}\n className=\"rounded-md border border-border-default bg-bg-inset px-2 py-1 text-text-secondary\"\n >\n {text || `A ${source?.type ?? 'block'} this app cannot edit yet.`}\n </NodeViewWrapper>\n )\n}\n\n/** What an attachment's view is handed: the block's `imeta` fields. */\nexport interface AttachmentViewProps {\n attrs: Record<string, unknown>\n}\n\nexport interface AttachmentNodeOptions {\n /** Draws the file \u2014 the app's own attachment card. Without one, its name is drawn as text. */\n view: ComponentType<AttachmentViewProps> | null\n}\n\n/**\n * A file placed in a document \u2014 SPEC \u00A713.3's `attachment` block (SHI-2).\n *\n * An atom: the file is the block, there is nothing inside it to edit, and a\n * caret that could sit \"inside\" an image is a way to produce documents no\n * reader has a rule for. Selectable and deletable, so removing one is Backspace\n * like anything else.\n *\n * Its attributes are the `imeta` fields exactly, because that is what \u00A713.3\n * specifies. Each is declared, and that is not boilerplate: ProseMirror **drops\n * an attribute its schema does not name**, so an undeclared `thumb` would\n * survive the editor and vanish on save \u2014 the silent deletion `UnknownBlock`\n * exists to prevent.\n */\nexport const AttachmentNode = Node.create<AttachmentNodeOptions>({\n name: 'attachment',\n group: 'block',\n atom: true,\n selectable: true,\n draggable: false,\n addOptions() {\n return { view: null }\n },\n addAttributes() {\n return {\n url: { default: '' },\n m: { default: '' },\n x: { default: '' },\n size: { default: 0 },\n dim: { default: null },\n thumb: { default: null },\n alt: { default: null },\n filename: { default: null },\n }\n },\n parseHTML() {\n return [{ tag: 'div[data-attachment-block]' }]\n },\n renderHTML({ node }) {\n // A copy to the clipboard, and the whole drawing when no view is given.\n return ['div', { 'data-attachment-block': String(node.attrs.x ?? '') }, String(node.attrs.filename ?? 'attachment')]\n },\n addNodeView() {\n const View = this.options.view\n if (!View) return null\n return ReactNodeViewRenderer(({ node }: ReactNodeViewProps) => (\n <NodeViewWrapper className=\"my-2\">\n <View attrs={node.attrs} />\n </NodeViewWrapper>\n ))\n },\n})\n"],
|
|
5
|
+
"mappings": ";AAAA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AAEzD,SAAS,iBAAiB;AAC1B,SAAS,QAAQ,iBAAiB;AAClC,SAAS,YAAY,qBAAqB;AAC1C,SAAS,UAAU,UAAU,YAAY,UAAU,qBAAqB;AACxE,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,SAAS,qBAAqB;AACvC,SAAS,qBAAqB;AAsatB,cAqBA,YArBA;AA5YD,IAAM,mBAAmB,IAAI,UAA4B,eAAe;AAGxE,IAAM,gBAAgB,UAAU,OAAO;AAAA,EAC5C,MAAM;AAAA,EAEN,wBAAwB;AACtB,WAAO;AAAA,MACL,IAAI,OAAyB;AAAA,QAC3B,KAAK;AAAA,QACL,OAAO;AAAA,UACL,MAAM,MAAM;AAAA,UACZ,MAAM,IAAI,UAAU;AAClB,kBAAM,OAAO,GAAG,QAAQ,gBAAgB;AACxC,gBAAI,SAAS,OAAW,QAAO;AAC/B,gBAAI,CAAC,SAAU,QAAO;AAGtB,mBAAO,EAAE,MAAM,GAAG,QAAQ,IAAI,SAAS,IAAI,GAAG,IAAI,GAAG,QAAQ,IAAI,SAAS,EAAE,EAAE;AAAA,UAChF;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL,YAAY,OAAO;AACjB,kBAAM,QAAQ,iBAAiB,SAAS,KAAK;AAC7C,gBAAI,CAAC,SAAS,MAAM,SAAS,MAAM,GAAI,QAAO;AAC9C,mBAAO,cAAc,OAAO,MAAM,KAAK;AAAA,cACrC,WAAW,OAAO,MAAM,MAAM,MAAM,IAAI,EAAE,OAAO,gCAAgC,CAAC;AAAA,YACpF,CAAC;AAAA,UACH;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF,CAAC;AAGM,SAAS,cAAc,QAAgB;AAC5C,QAAM,EAAE,MAAM,GAAG,IAAI,OAAO,MAAM;AAClC,SAAO,KAAK,SAAS,OAAO,MAAM,GAAG,QAAQ,kBAAkB,EAAE,MAAM,GAAG,CAAC,CAAC;AAC9E;AAGO,SAAS,iBAAiB,QAAgB;AAC/C,MAAI,OAAO,eAAe,CAAC,iBAAiB,SAAS,OAAO,KAAK,EAAG;AACpE,SAAO,KAAK,SAAS,OAAO,MAAM,GAAG,QAAQ,kBAAkB,IAAI,CAAC;AACtE;AAUA,IAAM,QAAyD;AAAA,EAC7D,MAAM,EAAE,OAAO,QAAQ,MAAM,QAAQ;AAAA,EACrC,QAAQ,EAAE,OAAO,UAAU,MAAM,QAAQ;AAAA,EACzC,WAAW,EAAE,OAAO,aAAa,MAAM,QAAQ;AAAA,EAC/C,MAAM,EAAE,OAAO,QAAQ,MAAM,QAAQ;AACvC;AAOA,SAAS,WAAW,QAAgB,IAAqB;AACvD,SAAO,OAAO,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI;AACnD;AAGO,SAAS,YAAY,QAAwB;AAClD,QAAM,OAAgB,OAAO,cAAc,MAAM,EAAE;AACnD,SAAO,OAAO,SAAS,WAAW,OAAO;AAC3C;AASO,SAAS,cAAc,KAA4B;AACxD,QAAM,IAAI,IAAI,KAAK;AACnB,MAAI,CAAC,KAAK,KAAK,KAAK,CAAC,EAAG,QAAO;AAC/B,MAAI,sBAAsB,KAAK,CAAC,EAAG,QAAO;AAC1C,MAAI,6BAA6B,KAAK,CAAC,EAAG,QAAO;AACjD,SAAO,WAAW,CAAC;AACrB;AAOO,SAAS,UAAU,QAAgB,KAAsB;AAC9D,QAAM,QAAQ,OAAO,MAAM,EAAE,MAAM,EAAE,gBAAgB,MAAM;AAG3D,MAAI,CAAC,IAAI,KAAK,EAAG,QAAO,MAAM,UAAU,QAAQ,EAAE,sBAAsB,KAAK,CAAC,EAAE,QAAQ,mBAAmB,IAAI,EAAE,IAAI;AACrH,QAAM,OAAO,cAAc,GAAG;AAC9B,MAAI,CAAC,KAAM,QAAO;AAClB,SAAO,MAAM,QAAQ,QAAQ,EAAE,KAAK,CAAC,EAAE,QAAQ,mBAAmB,IAAI,EAAE,IAAI;AAC9E;AA2DA,IAAM,QAAyC;AAAA,EAC7C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,MAAM;AACR;AAKA,IAAM,YAAY;AAClB,IAAM,MAAM;AAGZ,IAAM,cAAc;AAWb,SAAS,iBAAiB,EAAE,QAAQ,QAAQ,CAAC,QAAQ,UAAU,WAAW,GAAG,OAAO,MAAM,GAA0B;AAEzH,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiD,IAAI;AACjF,QAAM,CAAC,MAAM,OAAO,IAAI,SAAe,OAAO;AAC9C,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,EAAE;AAGjC,QAAM,CAAC,EAAE,OAAO,IAAI,SAAS,CAAC;AAC9B,QAAM,QAAQ,OAAkD,MAAS;AACzE,QAAM,cAAc,OAAO,KAAK;AAChC,QAAM,QAAQ,OAAyB,IAAI;AAG3C,QAAM,QAAQ,OAAsB,IAAI;AAIxC,QAAM,UAAU,OAAa,OAAO;AACpC,YAAU,MAAM;AACd,YAAQ,UAAU;AAAA,EACpB,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,SAAS,OAAO,IAAI;AAC1B,SAAO,UAAU;AAEjB,QAAM,OAAO,YAAY,MAAM;AAC7B,iBAAa,MAAM,OAAO;AAC1B,UAAM,UAAU;AAChB,QAAI,OAAQ,kBAAiB,MAAM;AACnC,cAAU,IAAI;AACd,YAAQ,OAAO;AAAA,EACjB,GAAG,CAAC,MAAM,CAAC;AAQX,QAAM,SAAS,YAAY,MAAM;AAC/B,UAAM,OAAO,MAAM;AACnB,QAAI,SAAS,QAAQ,CAAC,OAAQ;AAC9B,UAAM,UAAU;AAChB,QAAI,KAAK,KAAK,KAAK,UAAU,QAAQ,IAAI,GAAG;AAC1C,aAAO,SAAS,iBAAiB,OAAO,MAAM,UAAU,EAAE;AAAA,IAC5D;AACA,SAAK;AAAA,EACP,GAAG,CAAC,QAAQ,IAAI,CAAC;AAGjB,QAAM,SAAS,YAAY,MAAM;AAC/B,QAAI,CAAC,UAAU,OAAO,YAAa;AAInC,QAAI,QAAQ,YAAY,OAAQ;AAChC,UAAM,EAAE,OAAO,KAAK,IAAI;AACxB,UAAM,EAAE,OAAO,MAAM,GAAG,IAAI,MAAM;AAClC,QAAI,SAAS,SAAS,MAAM,CAAC,KAAK,SAAS,KAAK,YAAY,SAAS;AACnE,gBAAU,IAAI;AACd,cAAQ,OAAO;AACf;AAAA,IACF;AACA,UAAM,QAAQ,KAAK,YAAY,IAAI;AACnC,UAAM,MAAM,KAAK,YAAY,EAAE;AAC/B,UAAM,UAAU,KAAK,IAAI,MAAM,MAAM,IAAI,IAAI,IAAI,KAAK,IAAI,MAAM,OAAO,IAAI,KAAK,KAAK;AAErF,UAAM,SAAS,OAAO,WAAW,OAAO,SAAS,MAAM;AACvD,UAAM,UAAU,SAAS,YAAY,MAAM,IAAI;AAC/C,UAAM,UAAU,SAAS,UAAU;AAEnC,QAAI,OAAQ,eAAc,MAAM;AAChC,YAAQ,SAAS,SAAS,OAAO;AACjC,WAAO,OAAO;AACd,cAAU,EAAE,KAAK,MAAM,KAAK,OAAO,CAAC;AAAA,EACtC,GAAG,CAAC,MAAM,CAAC;AAEX,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AAEb,UAAM,WAAW,MAAM;AAGrB,UAAI,QAAQ,YAAY,OAAQ;AAChC,cAAQ,CAAC,MAAM,IAAI,CAAC;AACpB,mBAAa,MAAM,OAAO;AAG1B,UAAI,OAAO,MAAM,UAAU,OAAO;AAChC,kBAAU,IAAI;AACd;AAAA,MACF;AACA,YAAM,UAAU,WAAW,QAAQ,SAAS;AAAA,IAC9C;AAGA,UAAM,SAAS,MAAM;AACnB,UAAI,QAAQ,YAAY,OAAQ,MAAK;AAAA,IACvC;AAKA,UAAM,kBAAkB,CAAC,MACvB,EAAE,kBAAkB,QAAQ,OAAO,KAAK,IAAI,SAAS,EAAE,MAAM;AAE/D,UAAM,gBAAgB,CAAC,MAAkB;AACvC,UAAI,CAAC,gBAAgB,CAAC,EAAG;AAGzB,aAAO;AACP,kBAAY,UAAU;AACtB,WAAK;AAAA,IACP;AACA,UAAM,cAAc,MAAM;AACxB,UAAI,CAAC,YAAY,QAAS;AAC1B,kBAAY,UAAU;AACtB,eAAS;AAAA,IACX;AAEA,WAAO,GAAG,mBAAmB,QAAQ;AACrC,WAAO,GAAG,eAAe,QAAQ;AACjC,WAAO,GAAG,QAAQ,MAAM;AAExB,aAAS,iBAAiB,aAAa,eAAe,IAAI;AAC1D,aAAS,iBAAiB,WAAW,aAAa,IAAI;AAEtD,WAAO,MAAM;AACX,mBAAa,MAAM,OAAO;AAC1B,aAAO,IAAI,mBAAmB,QAAQ;AACtC,aAAO,IAAI,eAAe,QAAQ;AAClC,aAAO,IAAI,QAAQ,MAAM;AACzB,eAAS,oBAAoB,aAAa,eAAe,IAAI;AAC7D,eAAS,oBAAoB,WAAW,aAAa,IAAI;AAAA,IAC3D;AAAA,EACF,GAAG,CAAC,QAAQ,QAAQ,MAAM,MAAM,CAAC;AAOjC,YAAU,MAAM;AACd,QAAI,SAAS,UAAU,CAAC,OAAQ;AAChC,UAAM,QAAQ,sBAAsB,MAAM;AACxC,YAAM,SAAS,MAAM;AACrB,YAAM,SAAS,OAAO;AAAA,IACxB,CAAC;AACD,WAAO,MAAM,qBAAqB,KAAK;AAAA,EACzC,GAAG,CAAC,MAAM,MAAM,CAAC;AAEjB,MAAI,CAAC,UAAU,CAAC,OAAQ,QAAO;AAE/B,QAAM,YAAY,MAAM;AACtB,UAAM,UAAU,YAAY,MAAM;AAClC,UAAM,UAAU;AAChB,kBAAc,MAAM;AACpB,WAAO,OAAO;AACd,YAAQ,MAAM;AAAA,EAChB;AAEA,QAAM,SAAS,MAAM;AACnB,QAAI,CAAC,IAAI,KAAK,GAAG;AACf,gBAAU,QAAQ,EAAE;AACpB,WAAK;AACL,aAAO,SAAS,MAAM;AACtB;AAAA,IACF;AACA,WAAO;AAAA,EACT;AACA,QAAM,UAAU,MAAM;AACpB,SAAK;AACL,WAAO,SAAS,MAAM;AAAA,EACxB;AAQA,QAAM,aAAa,IAAI,QAAQ,OAAO,QAAQ,OAAO,OAAO,MAAM,cAAc,GAAG,CAAC;AAEpF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,MACR,MAAI;AAAA,MACJ,MAAK;AAAA,MACL,OAAM;AAAA,MACN,cAAc,CAAC,SAAS;AACtB,YAAI,CAAC,KAAM,QAAO;AAAA,MACpB;AAAA,MACA,WAAU;AAAA,MAMV,WAAU;AAAA,MACV,kBAAiB;AAAA,MAEhB,mBAAS;AAAA;AAAA;AAAA;AAAA;AAAA,QAKR,oBAAC,QAAK,UAAU,QAAQ,QAAO,QAAO,WAAU,QAChD;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,OAAO;AAAA,YACP,UAAU,CAAC,MAAM;AACf,qBAAO,EAAE,OAAO,KAAK;AACrB,oBAAM,UAAU,EAAE,OAAO;AAAA,YAC3B;AAAA,YACA,WAAW,CAAC,MAAM;AAChB,kBAAI,EAAE,QAAQ,UAAU;AAEtB,kBAAE,gBAAgB;AAClB,wBAAQ;AAAA,cACV;AAAA,YACF;AAAA,YACA,aAAY;AAAA,YACZ,cAAW;AAAA,YACX,WAAU;AAAA;AAAA,QACZ,GACA;AAAA;AAAA;AAAA,QAGA,qBAAC,WAAQ,cAAW,mBAAkB,SAAS,OAC5C;AAAA,gBAAM,IAAI,CAAC,OAAO;AACjB,kBAAM,OAAO,MAAM,EAAE;AACrB,kBAAM,SAAS,OAAO,SAAS,EAAE;AACjC,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,cAAY,MAAM,EAAE,EAAE;AAAA,gBACtB,SAAS;AAAA,gBACT,SAAS,MAAM,EAAE,EAAE;AAAA,gBACnB,iBAAiB,cAAc,MAAM,EAAE,EAAE,IAAI;AAAA,gBAE7C,aAAa,CAAC,MAAM,EAAE,eAAe;AAAA,gBACrC,SAAS,MAAM,WAAW,QAAQ,EAAE;AAAA,gBAEpC,8BAAC,QAAK,MAAM,IAAI,QAAQ,KAAK;AAAA;AAAA,cATxB;AAAA,YAUP;AAAA,UAEJ,CAAC;AAAA,UACA,QACC;AAAA,YAAC;AAAA;AAAA,cACC,cAAW;AAAA,cACX,SAAQ;AAAA,cACR,aAAa,CAAC,MAAM,EAAE,eAAe;AAAA,cACrC,SAAS;AAAA,cAET,8BAAC,YAAS,MAAM,IAAI,QAAQ,KAAK;AAAA;AAAA,UACnC;AAAA,WAEJ;AAAA;AAAA;AAAA,EAEJ;AAEJ;;;ACreA,SAAS,YAAY,UAAAA,SAAQ,2BAA2B;AACxD,SAAS,qBAAqB;AAE9B,SAAS,sBAAqG;AAqD1G,gBAAAC,YAAA;AA1CJ,IAAI,YAAY;AAChB,IAAI,YAAY;AAMT,SAAS,qBAA8B;AAC5C,SAAO,YAAY,KAAK,KAAK,IAAI,IAAI,YAAY;AACnD;AAMO,SAAS,mBAA4B;AAC1C,SAAO,YAAY;AACrB;AAoBA,IAAM,QAAQ,WAAiD,SAASC,OAAM,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC3G,QAAM,OAAOF,QAA6B,IAAI;AAC9C,sBAAoB,QAAQ,OAAO,EAAE,WAAW,CAAC,UAAU,KAAK,SAAS,UAAU,KAAK,KAAK,MAAM,EAAE;AACrG,QAAM,WAAW,QAAQ,WAAW,QAAQ,SAAS,MAAM,OAAO,MAAM,KAAK,IAAI,CAAC,EAAE,OAAO,MAAM,MAAM,CAAC;AACxG,SACE,gBAAAC;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,MACR,MAAM,MAAM,aAAa,KAAK;AAAA,MAC9B,eAAe,MAAM,OAAO,KAAK;AAAA,MACjC,WAAW,QAAQ;AAAA,MACnB,OAAO,QAAQ;AAAA,MACf,WAAW,QAAQ;AAAA,MACnB;AAAA,MACA,SAAS,QAAQ;AAAA,MACjB,KAAK,QAAQ;AAAA,MACb,UAAU,CAAC,SAAS,MAAM,QAAQ,IAAI;AAAA;AAAA,EACxC;AAEJ,CAAC;AAgBM,SAAS,gBAAmB,SAAiF;AAClH,SAAO,MAAM;AACX,QAAI,YAAkE;AACtE,QAAI,YAAmC;AACvC,UAAM,OAAO,MAAM;AACjB,UAAI,CAAC,UAAW;AAChB,kBAAY,KAAK,IAAI,GAAG,YAAY,CAAC;AACrC,kBAAY,KAAK,IAAI;AACrB,gBAAU,QAAQ;AAClB,iBAAW,OAAO;AAClB,kBAAY;AACZ,kBAAY;AAAA,IACd;AACA,WAAO;AAAA,MACL,SAAS,CAAC,UAAU;AAClB;AACA,oBAAY,IAAI,cAA8C,OAAgB,EAAE,OAAO,EAAE,GAAG,OAAO,QAAQ,GAAG,QAAQ,MAAM,OAAO,CAAC;AACpI,oBAAY,SAAS,cAAc,KAAK;AACxC,iBAAS,KAAK,YAAY,SAAS;AACnC,kBAAU,YAAY,UAAU,OAAO;AAAA,MACzC;AAAA,MACA,UAAU,CAAC,UAAU,WAAW,YAAY,EAAE,GAAG,OAAO,QAAQ,CAAC;AAAA,MACjE,WAAW,CAAC,EAAE,MAAM,MAA8B;AAChD,YAAI,MAAM,QAAQ,UAAU;AAC1B,eAAK;AACL,iBAAO;AAAA,QACT;AACA,eAAO,WAAW,KAAK,UAAU,KAAK,KAAK;AAAA,MAC7C;AAAA,MACA,QAAQ;AAAA,IACV;AAAA,EACF;AACF;;;ACrHA,SAAS,aAAAE,YAAW,QAAAC,aAAY;AAEhC,SAAS,UAAAC,SAAQ,aAAAC,kBAAmC;AACpD,SAAS,SAAS,yBAAyB;AAC3C,SAAS,iBAAiB,6BAAsD;AA6SxE,gBAAAC,YAAA;AAvRR,IAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA,EAGA;AACF;AACA,IAAM,iBAAiB,IAAI,IAAI,WAAW;AAG1C,SAAS,aAAqB;AAC5B,SAAO,MAAM,KAAK,OAAO,gBAAgB,IAAI,WAAW,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE;AAC9G;AAGA,SAAS,UAAU,MAAgC;AACjD,MAAI,QAAQ;AACZ,OAAK,YAAY,CAAC,UAAU;AAC1B,QAAI,MAAO,QAAO;AAClB,QAAK,MAAM,UAAU,MAAM,SAAS,MAAO,MAAM,KAAK,SAAS,eAAe,MAAM,KAAK,SAAS,YAAa,SAAQ;AACvH,WAAO,CAAC;AAAA,EACV,CAAC;AACD,SAAO;AACT;AAUA,SAAS,SAAS,KAA4C;AAC5D,QAAM,SAAS,oBAAI,IAAqB;AACxC,MAAI,YAAY,CAAC,MAAM,QAAQ;AAC7B,UAAM,QAAQ,KAAK,KAAK,SAAS;AACjC,QAAI,CAAC,SAAS,CAAC,eAAe,IAAI,KAAK,KAAK,IAAI,EAAG;AACnD,UAAM,KAAK,KAAK,MAAM;AACtB,QAAI,OAAO,OAAO,YAAY,OAAO,GAAI;AACzC,UAAM,SAAS,OAAO,IAAI,EAAE;AAC5B,QAAI,OAAQ,QAAO,KAAK,EAAE,KAAK,MAAM,MAAM,CAAC;AAAA,QACvC,QAAO,IAAI,IAAI,CAAC,EAAE,KAAK,MAAM,MAAM,CAAC,CAAC;AAAA,EAC5C,CAAC;AACD,SAAO;AACT;AAQA,SAAS,UAAU,QAAiB,QAAe,SAAqC;AACtF,MAAI,OAAO,KAAK,QAAQ;AACtB,UAAMC,MAAK,QAAQ,IAAI,OAAO,KAAK,CAAC;AACpC,WAAO,OAAO,KAAK,CAAC,MAAM,EAAE,QAAQA,GAAE;AAAA,EACxC;AAEA,MAAI,QAAQ,OAAO,MAAM;AACzB,MAAI,CAAC,OAAO,KAAK,aAAa;AAC5B,QAAI,QAAQ;AACZ,WAAO,KAAK,YAAY,CAAC,MAAM,QAAQ;AACrC,UAAI,MAAO,QAAO;AAClB,UAAI,KAAK,aAAa;AACpB,gBAAQ,OAAO,MAAM,IAAI,MAAM;AAC/B,gBAAQ;AAAA,MACV;AACA,aAAO,CAAC;AAAA,IACV,CAAC;AAAA,EACH;AACA,QAAM,KAAK,QAAQ,IAAI,OAAO,CAAC;AAC/B,SAAO,OAAO,KAAK,CAAC,MAAM,EAAE,MAAM,MAAM,KAAK,EAAE,MAAM,EAAE,KAAK,QAAQ;AACtE;AAQA,SAAS,iBAAiB,KAAsB,QAAyB,SAA4B;AACnG,QAAM,SAAS,SAAS,GAAG;AAC3B,MAAI;AACJ,QAAM,SAAmB,CAAC;AAC1B,aAAW,CAAC,IAAI,MAAM,KAAK,QAAQ;AACjC,QAAI,OAAO,SAAS,EAAG;AACvB,iBAAa,SAAS,MAAM;AAC5B,UAAM,WAAW,SAAS,IAAI,EAAE,IAAI,CAAC;AACrC,UAAM,QACJ,OAAO,KAAK,CAAC,MAAM,EAAE,KAAK,MACzB,YAAY,UAAU,QAAQ,UAAU,OAAO,MAChD,OAAO,KAAK,CAAC,MAAM,UAAU,EAAE,IAAI,CAAC,KACpC,OAAO,CAAC;AACV,eAAW,QAAQ,OAAQ,KAAI,SAAS,SAAS,CAAC,KAAK,MAAO,QAAO,KAAK,KAAK,GAAG;AAAA,EACpF;AACA,SAAO;AACT;AAQA,IAAM,mBAAmB,oBAAI,IAAI,CAAC,cAAc,eAAe,SAAS,YAAY,eAAe,WAAW,CAAC;AAG/G,SAAS,cAAc,KAAgC;AACrD,QAAM,MAAgB,CAAC;AACvB,QAAM,QAAQ,CAAC,OAAwB,OAAe;AACpD,QAAI,CAAC,eAAe,IAAI,MAAM,KAAK,IAAI,EAAG;AAC1C,UAAM,KAAK,MAAM,MAAM;AACvB,QAAI,OAAO,OAAO,YAAY,OAAO,GAAI,KAAI,KAAK,EAAE;AACpD,QAAI,iBAAiB,IAAI,MAAM,KAAK,IAAI,EAAG,OAAM,QAAQ,CAAC,OAAO,WAAW,MAAM,OAAO,KAAK,IAAI,MAAM,CAAC;AAAA,EAC3G;AACA,MAAI,QAAQ,CAAC,MAAM,WAAW,MAAM,MAAM,MAAM,CAAC;AACjD,SAAO;AACT;AASA,SAAS,eAAe,cAA+C;AACrE,SAAO,aAAa;AAAA,IAAK,CAAC,OACxB,GAAG,MAAM,KAAK,CAAC,SAAS;AACtB,UAAI,gBAAgB,kBAAmB,QAAO;AAC9C,YAAM,QAAS,KAA2B;AAC1C,UAAI,SAAS;AACb,aAAO,QAAQ,QAAQ,CAAC,SAAS;AAC/B,YAAI,KAAK,QAAS,UAAS;AAAA,MAC7B,CAAC;AACD,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AACF;AAmCO,IAAM,UAAUL,WAAU,OAAO;AAAA,EACtC,MAAM;AAAA,EACN,WAAW;AACT,UAAM,EAAE,OAAO,KAAK,IAAI,KAAK;AAC7B,UAAM,UAAU,cAAc,MAAM,GAAG;AACvC,QAAI,QAAQ,WAAW,EAAG;AAC1B,UAAM,KAAK,MAAM;AACjB,eAAW,OAAO,QAAS,IAAG,iBAAiB,KAAK,WAAW,WAAW,CAAC;AAC3E,SAAK,SAAS,GAAG,QAAQ,gBAAgB,KAAK,EAAE,QAAQ,iBAAiB,IAAI,CAAC;AAAA,EAChF;AAAA,EACA,wBAAwB;AACtB,WAAO;AAAA,MACL,IAAIE,QAAO;AAAA,QACT,KAAK,IAAIC,WAAU,cAAc;AAAA,QACjC,mBAAmB,CAAC,cAAc,KAAK,UAAU;AAC/C,cAAI,CAAC,eAAe,YAAY,EAAG,QAAO;AAC1C,gBAAM,UAAU,IAAI,QAAQ;AAC5B,qBAAWG,OAAM,aAAc,SAAQ,cAAcA,IAAG,OAAO;AAC/D,gBAAM,UAAU,CAAC,GAAG,iBAAiB,MAAM,KAAK,IAAI,KAAK,OAAO,GAAG,GAAG,cAAc,MAAM,GAAG,CAAC;AAC9F,cAAI,QAAQ,WAAW,EAAG,QAAO;AACjC,gBAAM,KAAK,MAAM;AACjB,qBAAW,OAAO,QAAS,IAAG,iBAAiB,KAAK,WAAW,WAAW,CAAC;AAC3E,iBAAO;AAAA,QACT;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EACA,sBAAsB;AACpB,WAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,YAAY;AAAA,UACV,SAAS;AAAA,YACP,SAAS;AAAA,YACT,WAAW,CAAC,YAAyB,QAAQ,aAAa,eAAe;AAAA,YACzE,YAAY,CAAC,eACX,WAAW,UAAU,EAAE,iBAAiB,OAAO,WAAW,OAAO,EAAE,IAAI,CAAC;AAAA,UAC5E;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAuBM,IAAM,gBAAgBL,MAAK,OAA6B;AAAA,EAC7D,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AACX,WAAO,EAAE,MAAM,KAAK;AAAA,EACtB;AAAA,EACA,gBAAgB;AACd,WAAO;AAAA,MACL,KAAK,EAAE,SAAS,GAAG;AAAA,MACnB,OAAO,EAAE,SAAS,CAAC,EAAc;AAAA,IACnC;AAAA,EACF;AAAA,EACA,YAAY;AACV,WAAO,CAAC,EAAE,KAAK,uBAAuB,CAAC;AAAA,EACzC;AAAA,EACA,WAAW,EAAE,KAAK,GAAG;AAEnB,WAAO,CAAC,QAAQ,EAAE,kBAAkB,OAAO,KAAK,MAAM,GAAG,EAAE,GAAG,OAAO,KAAK,MAAM,GAAG,CAAC;AAAA,EACtF;AAAA,EACA,cAAc;AACZ,UAAM,OAAO,KAAK,QAAQ;AAC1B,QAAI,CAAC,KAAM,QAAO;AAClB,WAAO,sBAAsB,CAAC,EAAE,KAAK,MACnC,gBAAAG,KAAC,mBAAgB,IAAG,QAAO,WAAU,UACnC,0BAAAA,KAAC,QAAK,KAAK,OAAO,KAAK,MAAM,OAAO,EAAE,GAAG,GAC3C,CACD;AAAA,EACH;AACF,CAAC;AAgBM,IAAM,eAAeH,MAAK,OAAO;AAAA,EACtC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,gBAAgB;AACd,WAAO;AAAA,MACL,SAAS,EAAE,SAAS,KAAK;AAAA,MACzB,QAAQ,EAAE,SAAS,KAAK;AAAA,MACxB,MAAM,EAAE,SAAS,GAAG;AAAA,IACtB;AAAA,EACF;AAAA,EACA,YAAY;AACV,WAAO,CAAC,EAAE,KAAK,0BAA0B,CAAC;AAAA,EAC5C;AAAA,EACA,WAAW,EAAE,KAAK,GAAG;AACnB,WAAO,CAAC,OAAO,EAAE,sBAAsB,OAAO,KAAK,MAAM,WAAW,EAAE,EAAE,GAAG,OAAO,KAAK,MAAM,QAAQ,EAAE,CAAC;AAAA,EAC1G;AAAA,EACA,cAAc;AACZ,WAAO,sBAAsB,gBAAgB;AAAA,EAC/C;AACF,CAAC;AAED,SAAS,iBAAiB,EAAE,KAAK,GAAuB;AACtD,QAAM,SAAS,KAAK,MAAM;AAC1B,QAAM,OAAO,OAAO,KAAK,MAAM,QAAQ,EAAE;AACzC,SACE,gBAAAG;AAAA,IAAC;AAAA;AAAA,MACC,iBAAe,QAAQ;AAAA,MACvB,mBAAiB,QAAQ;AAAA,MACzB,WAAU;AAAA,MAET,kBAAQ,KAAK,QAAQ,QAAQ,OAAO;AAAA;AAAA,EACvC;AAEJ;AA0BO,IAAM,iBAAiBH,MAAK,OAA8B;AAAA,EAC/D,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AACX,WAAO,EAAE,MAAM,KAAK;AAAA,EACtB;AAAA,EACA,gBAAgB;AACd,WAAO;AAAA,MACL,KAAK,EAAE,SAAS,GAAG;AAAA,MACnB,GAAG,EAAE,SAAS,GAAG;AAAA,MACjB,GAAG,EAAE,SAAS,GAAG;AAAA,MACjB,MAAM,EAAE,SAAS,EAAE;AAAA,MACnB,KAAK,EAAE,SAAS,KAAK;AAAA,MACrB,OAAO,EAAE,SAAS,KAAK;AAAA,MACvB,KAAK,EAAE,SAAS,KAAK;AAAA,MACrB,UAAU,EAAE,SAAS,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA,EACA,YAAY;AACV,WAAO,CAAC,EAAE,KAAK,6BAA6B,CAAC;AAAA,EAC/C;AAAA,EACA,WAAW,EAAE,KAAK,GAAG;AAEnB,WAAO,CAAC,OAAO,EAAE,yBAAyB,OAAO,KAAK,MAAM,KAAK,EAAE,EAAE,GAAG,OAAO,KAAK,MAAM,YAAY,YAAY,CAAC;AAAA,EACrH;AAAA,EACA,cAAc;AACZ,UAAM,OAAO,KAAK,QAAQ;AAC1B,QAAI,CAAC,KAAM,QAAO;AAClB,WAAO,sBAAsB,CAAC,EAAE,KAAK,MACnC,gBAAAG,KAAC,mBAAgB,WAAU,QACzB,0BAAAA,KAAC,QAAK,OAAO,KAAK,OAAO,GAC3B,CACD;AAAA,EACH;AACF,CAAC;",
|
|
6
6
|
"names": ["useRef", "jsx", "Popup", "Extension", "Node", "Plugin", "PluginKey", "jsx", "at", "tr"]
|
|
7
7
|
}
|
package/package.json
CHANGED
package/registry.json
CHANGED
package/src/BlockNodes.test.tsx
CHANGED
|
@@ -39,6 +39,11 @@ const DOCUMENT = {
|
|
|
39
39
|
|
|
40
40
|
type Json = { type: string; attrs?: Record<string, unknown>; content?: Json[] }
|
|
41
41
|
|
|
42
|
+
// jsdom has no ClipboardEvent, which ProseMirror's `pasteHTML` and `pasteText` make.
|
|
43
|
+
globalThis.ClipboardEvent ??= class extends Event {
|
|
44
|
+
clipboardData = null
|
|
45
|
+
} as unknown as typeof ClipboardEvent
|
|
46
|
+
|
|
42
47
|
let editor: Editor | undefined
|
|
43
48
|
afterEach(() => {
|
|
44
49
|
editor?.destroy()
|
|
@@ -181,6 +186,156 @@ describe('Enter inside an anchored block — MAN-10', () => {
|
|
|
181
186
|
})
|
|
182
187
|
})
|
|
183
188
|
|
|
189
|
+
describe('a block added without an id — MAN-11', () => {
|
|
190
|
+
const ID = /^[0-9a-f]{12}$/
|
|
191
|
+
const ONE = { type: 'doc', content: [{ type: 'paragraph', attrs: { blockId: 'p0' }, content: [{ type: 'text', text: 'intro' }] }] }
|
|
192
|
+
// The end of "intro": 1 opens the paragraph, then 5 characters.
|
|
193
|
+
const END = 6
|
|
194
|
+
const blocks = () => {
|
|
195
|
+
const out: { type: string; id: unknown; inner?: unknown[] }[] = []
|
|
196
|
+
editor!.state.doc.forEach((node) => {
|
|
197
|
+
const inner: unknown[] = []
|
|
198
|
+
node.forEach((child) => {
|
|
199
|
+
if (child.isBlock) inner.push(child.attrs.blockId)
|
|
200
|
+
})
|
|
201
|
+
out.push({ type: node.type.name, id: node.attrs.blockId, ...(inner.length ? { inner } : {}) })
|
|
202
|
+
})
|
|
203
|
+
return out
|
|
204
|
+
}
|
|
205
|
+
// The editor's `create` comes a tick after it mounts.
|
|
206
|
+
const created = () => new Promise((resolve) => setTimeout(resolve, 0))
|
|
207
|
+
// What the `/` menu does (Ship's `slashMenu.tsx`): delete the typed "/" and run the command.
|
|
208
|
+
type Chain = ReturnType<Editor['chain']>
|
|
209
|
+
const slash = (run: (chain: Chain) => Chain) => {
|
|
210
|
+
editor!.chain().setTextSelection(END).insertContent('/').run()
|
|
211
|
+
run(editor!.chain().focus().deleteRange({ from: END, to: END + 1 })).run()
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
it('gives the empty paragraph a new editor starts with an id, without an edit to undo or an update', async () => {
|
|
215
|
+
let updates = 0
|
|
216
|
+
editor = new Editor({ extensions: EXTENSIONS, onUpdate: () => void updates++ })
|
|
217
|
+
await created()
|
|
218
|
+
const [first] = blocks()
|
|
219
|
+
expect(first.id).toMatch(ID)
|
|
220
|
+
editor.commands.undo()
|
|
221
|
+
expect(blocks()[0].id).toBe(first.id)
|
|
222
|
+
expect(updates).toBe(0)
|
|
223
|
+
})
|
|
224
|
+
|
|
225
|
+
it('keeps the id it gave the first paragraph once it is typed into', async () => {
|
|
226
|
+
editor = new Editor({ extensions: EXTENSIONS })
|
|
227
|
+
await created()
|
|
228
|
+
const [first] = blocks()
|
|
229
|
+
expect(first.id).toMatch(ID)
|
|
230
|
+
editor.chain().setTextSelection(1).insertContent('typed').run()
|
|
231
|
+
expect(blocks()[0].id).toBe(first.id)
|
|
232
|
+
})
|
|
233
|
+
|
|
234
|
+
it('changes nothing in a document whose blocks all have ids', async () => {
|
|
235
|
+
editor = new Editor({ extensions: EXTENSIONS, content: DOCUMENT })
|
|
236
|
+
const loaded = editor.getJSON()
|
|
237
|
+
await created()
|
|
238
|
+
expect(editor.getJSON()).toEqual(loaded)
|
|
239
|
+
})
|
|
240
|
+
|
|
241
|
+
it('gives each pasted block an id as it is pasted, and the same one on every read after', () => {
|
|
242
|
+
editor = new Editor({ extensions: EXTENSIONS, content: ONE })
|
|
243
|
+
editor.commands.setTextSelection(END)
|
|
244
|
+
editor.view.pasteHTML('<p>one</p><h2>two</h2><ul><li><p>three</p></li></ul>')
|
|
245
|
+
const pasted = blocks()
|
|
246
|
+
// "one" joins the line it is pasted into; the paragraph after the list is the one StarterKit keeps at the end.
|
|
247
|
+
expect(pasted.map((b) => b.type)).toEqual(['paragraph', 'heading', 'bulletList', 'paragraph'])
|
|
248
|
+
expect(pasted[0].id).toBe('p0')
|
|
249
|
+
for (const b of pasted.slice(1)) expect(b.id).toMatch(ID)
|
|
250
|
+
expect(pasted[2].inner?.[0]).toMatch(ID)
|
|
251
|
+
// What a later save reads: the same ids, after typing elsewhere as before it.
|
|
252
|
+
const saved = JSON.stringify(editor.getJSON())
|
|
253
|
+
editor.chain().setTextSelection(END).insertContent(' more').run()
|
|
254
|
+
expect(blocks()).toEqual(pasted)
|
|
255
|
+
expect(JSON.stringify(editor.getJSON()).replace(' more', '')).toBe(saved)
|
|
256
|
+
})
|
|
257
|
+
|
|
258
|
+
it('leaves the paragraph inside a list item or a quote without one, which the save flattens', () => {
|
|
259
|
+
editor = new Editor({ extensions: EXTENSIONS, content: ONE })
|
|
260
|
+
editor.commands.setTextSelection(END)
|
|
261
|
+
editor.view.pasteHTML('<p>x</p><ul><li><p>item</p></li></ul><blockquote><p>quoted</p></blockquote>')
|
|
262
|
+
const [, list, quote] = blocks()
|
|
263
|
+
expect(list.inner?.[0]).toMatch(ID)
|
|
264
|
+
const item = editor.state.doc.child(1).child(0)
|
|
265
|
+
expect(item.child(0).attrs.blockId).toBeNull()
|
|
266
|
+
expect(quote).toEqual({ type: 'blockquote', id: expect.stringMatching(ID), inner: [null] })
|
|
267
|
+
})
|
|
268
|
+
|
|
269
|
+
it('gives a pasted plain text its id too', () => {
|
|
270
|
+
editor = new Editor({ extensions: EXTENSIONS, content: ONE })
|
|
271
|
+
editor.commands.setTextSelection(END)
|
|
272
|
+
editor.view.pasteText('first\n\nsecond')
|
|
273
|
+
const [intro, ...added] = blocks()
|
|
274
|
+
expect(intro.id).toBe('p0')
|
|
275
|
+
expect(editor.state.doc.lastChild?.textContent).toBe('second')
|
|
276
|
+
expect(added.length).toBeGreaterThan(0)
|
|
277
|
+
for (const b of added) expect(b.id).toMatch(ID)
|
|
278
|
+
})
|
|
279
|
+
|
|
280
|
+
it('gives a list from the / menu ids on the list and its item', () => {
|
|
281
|
+
editor = new Editor({ extensions: EXTENSIONS, content: ONE })
|
|
282
|
+
slash((c) => c.toggleBulletList())
|
|
283
|
+
const [list] = blocks()
|
|
284
|
+
expect(list.type).toBe('bulletList')
|
|
285
|
+
expect(list.id).toMatch(ID)
|
|
286
|
+
expect(list.inner?.[0]).toMatch(ID)
|
|
287
|
+
})
|
|
288
|
+
|
|
289
|
+
it('gives a quote from the / menu an id', () => {
|
|
290
|
+
editor = new Editor({ extensions: EXTENSIONS, content: ONE })
|
|
291
|
+
slash((c) => c.setBlockquote())
|
|
292
|
+
const [quote] = blocks()
|
|
293
|
+
expect(quote.type).toBe('blockquote')
|
|
294
|
+
expect(quote.id).toMatch(ID)
|
|
295
|
+
})
|
|
296
|
+
|
|
297
|
+
it('gives the paragraph lifted out of a quote by Backspace an id', () => {
|
|
298
|
+
// A quote as loaded: its paragraph wrapper has no id, which the save does not need.
|
|
299
|
+
editor = new Editor({ extensions: EXTENSIONS, content: { type: 'doc', content: [{ type: 'blockquote', attrs: { blockId: 'q1' }, content: [{ type: 'paragraph', content: [{ type: 'text', text: 'quoted' }] }] }] } })
|
|
300
|
+
editor.chain().setTextSelection(2).run()
|
|
301
|
+
editor.commands.keyboardShortcut('Backspace')
|
|
302
|
+
const [lifted] = blocks()
|
|
303
|
+
expect(lifted.type).toBe('paragraph')
|
|
304
|
+
expect(lifted.id).toMatch(ID)
|
|
305
|
+
})
|
|
306
|
+
|
|
307
|
+
it('gives the paragraph of a one-item list turned off an id', () => {
|
|
308
|
+
editor = new Editor({ extensions: EXTENSIONS, content: { type: 'doc', content: [] } })
|
|
309
|
+
editor.commands.setContent({ type: 'doc', content: [{ type: 'bulletList', attrs: { blockId: 'l1' }, content: [{ type: 'listItem', attrs: { blockId: 'i1' }, content: [{ type: 'paragraph', content: [{ type: 'text', text: 'one' }] }] }] }] })
|
|
310
|
+
editor.chain().setTextSelection(3).toggleBulletList().run()
|
|
311
|
+
const [lifted] = blocks()
|
|
312
|
+
expect(lifted.type).toBe('paragraph')
|
|
313
|
+
expect(lifted.id).toMatch(ID)
|
|
314
|
+
})
|
|
315
|
+
|
|
316
|
+
it('gives a divider and the paragraph kept after it ids', () => {
|
|
317
|
+
editor = new Editor({ extensions: EXTENSIONS, content: ONE })
|
|
318
|
+
editor.commands.setTextSelection(END)
|
|
319
|
+
editor.commands.setHorizontalRule()
|
|
320
|
+
const [intro, ...added] = blocks()
|
|
321
|
+
expect(intro.id).toBe('p0')
|
|
322
|
+
expect(added.map((b) => b.type)).toContain('horizontalRule')
|
|
323
|
+
for (const b of added) expect(b.id).toMatch(ID)
|
|
324
|
+
})
|
|
325
|
+
|
|
326
|
+
it('keeps the id on a paragraph the / menu turns into a heading or code', () => {
|
|
327
|
+
for (const run of [(c: Chain) => c.setHeading({ level: 1 }), (c: Chain) => c.setCodeBlock()]) {
|
|
328
|
+
editor = new Editor({ extensions: EXTENSIONS, content: ONE })
|
|
329
|
+
slash(run)
|
|
330
|
+
const [turned, ...after] = blocks()
|
|
331
|
+
expect(turned.id).toBe('p0')
|
|
332
|
+
for (const b of after) expect(b.id).toMatch(ID)
|
|
333
|
+
editor.destroy()
|
|
334
|
+
}
|
|
335
|
+
editor = undefined
|
|
336
|
+
})
|
|
337
|
+
})
|
|
338
|
+
|
|
184
339
|
describe('what it draws', () => {
|
|
185
340
|
function WithAnEditor({ view }: { view: ((props: ReferenceViewProps) => React.ReactNode) | null }) {
|
|
186
341
|
const e = useEditor({
|
package/src/BlockNodes.tsx
CHANGED
|
@@ -2,7 +2,7 @@ import type { ComponentType } from 'react'
|
|
|
2
2
|
import { Extension, Node } from '@tiptap/core'
|
|
3
3
|
import type { Node as ProseMirrorNode, Slice } from '@tiptap/pm/model'
|
|
4
4
|
import { Plugin, PluginKey, type Transaction } from '@tiptap/pm/state'
|
|
5
|
-
import { Mapping } from '@tiptap/pm/transform'
|
|
5
|
+
import { Mapping, ReplaceAroundStep } from '@tiptap/pm/transform'
|
|
6
6
|
import { NodeViewWrapper, ReactNodeViewRenderer, type ReactNodeViewProps } from '@tiptap/react'
|
|
7
7
|
|
|
8
8
|
/*
|
|
@@ -137,13 +137,37 @@ function repeatedBlockIds(doc: ProseMirrorNode, before: ProseMirrorNode, mapping
|
|
|
137
137
|
}
|
|
138
138
|
|
|
139
139
|
/**
|
|
140
|
-
*
|
|
141
|
-
*
|
|
142
|
-
*
|
|
140
|
+
* The blocks a save turns into blocks — exactly what protocol's
|
|
141
|
+
* `blockFromEditor` walks — so a list, a table and its rows and cells are
|
|
142
|
+
* walked into, and a list item or a quote is not: the save flattens their
|
|
143
|
+
* paragraph wrappers into inline runs, so an id there would be dropped.
|
|
144
|
+
*/
|
|
145
|
+
const BLOCK_CONTAINERS = new Set(['bulletList', 'orderedList', 'table', 'tableRow', 'tableHeader', 'tableCell'])
|
|
146
|
+
|
|
147
|
+
/** Where a block the save would give an id has none, so it would get a new one on every save. */
|
|
148
|
+
function unnamedBlocks(doc: ProseMirrorNode): number[] {
|
|
149
|
+
const out: number[] = []
|
|
150
|
+
const visit = (block: ProseMirrorNode, at: number) => {
|
|
151
|
+
if (!BLOCK_TYPE_SET.has(block.type.name)) return
|
|
152
|
+
const id = block.attrs.blockId
|
|
153
|
+
if (typeof id !== 'string' || id === '') out.push(at)
|
|
154
|
+
if (BLOCK_CONTAINERS.has(block.type.name)) block.forEach((child, offset) => visit(child, at + 1 + offset))
|
|
155
|
+
}
|
|
156
|
+
doc.forEach((node, offset) => visit(node, offset))
|
|
157
|
+
return out
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
/**
|
|
161
|
+
* Whether a change could have made a repeat or a block without an id: only a
|
|
162
|
+
* step that brings in blocks can, or one that wraps or lifts them — lifting
|
|
163
|
+
* the paragraph out of a quote or a one-item list brings in nothing, yet
|
|
164
|
+
* leaves a block the save addresses with the wrapper's missing id. Typing,
|
|
165
|
+
* deleting and marks do neither, so most keystrokes skip the walk.
|
|
143
166
|
*/
|
|
144
167
|
function bringsInBlocks(transactions: readonly Transaction[]): boolean {
|
|
145
168
|
return transactions.some((tr) =>
|
|
146
169
|
tr.steps.some((step) => {
|
|
170
|
+
if (step instanceof ReplaceAroundStep) return true
|
|
147
171
|
const slice = (step as { slice?: Slice }).slice
|
|
148
172
|
let blocks = false
|
|
149
173
|
slice?.content.forEach((node) => {
|
|
@@ -177,9 +201,26 @@ function bringsInBlocks(transactions: readonly Transaction[]): boolean {
|
|
|
177
201
|
* keeps its own rule (the copy that holds text) as the backstop for an
|
|
178
202
|
* editor without this extension; where the change says nothing, this falls
|
|
179
203
|
* back to that rule too.
|
|
204
|
+
*
|
|
205
|
+
* **A block that arrives without an id gets one, the moment it arrives**
|
|
206
|
+
* (MAN-11): a paste, a `/` menu insert, the empty paragraph a new editor
|
|
207
|
+
* starts with and the one StarterKit keeps at the end. `fromEditorDocument`
|
|
208
|
+
* mints an id for such a block on every save and the editor never sees it, so
|
|
209
|
+
* each save gave it a different one — a blur with no edit published again, and
|
|
210
|
+
* a comment anchored to it in between was detached. The editor's first
|
|
211
|
+
* document is filled in when it is created, outside the undo history and
|
|
212
|
+
* without an update, so opening a description is not an edit.
|
|
180
213
|
*/
|
|
181
214
|
export const BlockId = Extension.create({
|
|
182
215
|
name: 'blockId',
|
|
216
|
+
onCreate() {
|
|
217
|
+
const { state, view } = this.editor
|
|
218
|
+
const unnamed = unnamedBlocks(state.doc)
|
|
219
|
+
if (unnamed.length === 0) return
|
|
220
|
+
const tr = state.tr
|
|
221
|
+
for (const pos of unnamed) tr.setNodeAttribute(pos, 'blockId', newBlockId())
|
|
222
|
+
view.dispatch(tr.setMeta('addToHistory', false).setMeta('preventUpdate', true))
|
|
223
|
+
},
|
|
183
224
|
addProseMirrorPlugins() {
|
|
184
225
|
return [
|
|
185
226
|
new Plugin({
|
|
@@ -188,10 +229,10 @@ export const BlockId = Extension.create({
|
|
|
188
229
|
if (!bringsInBlocks(transactions)) return null
|
|
189
230
|
const mapping = new Mapping()
|
|
190
231
|
for (const tr of transactions) mapping.appendMapping(tr.mapping)
|
|
191
|
-
const
|
|
192
|
-
if (
|
|
232
|
+
const renamed = [...repeatedBlockIds(state.doc, old.doc, mapping), ...unnamedBlocks(state.doc)]
|
|
233
|
+
if (renamed.length === 0) return null
|
|
193
234
|
const tr = state.tr
|
|
194
|
-
for (const pos of
|
|
235
|
+
for (const pos of renamed) tr.setNodeAttribute(pos, 'blockId', newBlockId())
|
|
195
236
|
return tr
|
|
196
237
|
},
|
|
197
238
|
}),
|