@tiptap/extension-details 3.0.0-beta.11 → 3.0.0-beta.14

package/README.md

@@ -1,14 +1,18 @@
 # @tiptap/extension-details
+
 [![Version](https://img.shields.io/npm/v/@tiptap/extension-details.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-details)
 [![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-details.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
 [![License](https://img.shields.io/npm/l/@tiptap/extension-details.svg)](https://www.npmjs.com/package/@tiptap/extension-details)
 [![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
 
 ## Introduction
-Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as *New York Times*, *The Guardian* or *Atlassian*.
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
 
 ## Official Documentation
+
 Documentation can be found on the [Tiptap website](https://tiptap.dev).
 
 ## License
+
 Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).

package/dist/index.cjs

@@ -21,6 +21,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   Details: () => Details,
+  DetailsContent: () => DetailsContent,
+  DetailsSummary: () => DetailsSummary,
   default: () => index_default
 });
 module.exports = __toCommonJS(index_exports);
@@ -99,7 +101,7 @@ var Details = import_core2.Node.create({
   group: "block",
   defining: true,
   isolating: true,
-  // @ts-ignore: allowGapCursor is not a valid option by default, dts on build doesnt pick this up
+  // @ts-ignore reason: `allowGapCursor` is not a valid property by default, but the `GapCursor` extension adds it to the Nodeconfig type
   allowGapCursor: false,
   addOptions() {
     return {
@@ -180,7 +182,7 @@ var Details = import_core2.Node.create({
           const { from, to } = editor.state.selection;
           editor.chain().command(({ tr }) => {
             const pos = getPos();
-            if (pos === void 0) {
+            if (!pos) {
               return false;
             }
             const currentNode = tr.doc.nodeAt(pos);
@@ -379,10 +381,149 @@ var Details = import_core2.Node.create({
   }
 });
 
+// src/content/details-content.ts
+var import_core3 = require("@tiptap/core");
+var import_state2 = require("@tiptap/pm/state");
+var DetailsContent = import_core3.Node.create({
+  name: "detailsContent",
+  content: "block+",
+  defining: true,
+  selectable: false,
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: `div[data-type="${this.name}"]`
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", (0, import_core3.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, { "data-type": this.name }), 0];
+  },
+  addNodeView() {
+    return ({ HTMLAttributes }) => {
+      const dom = document.createElement("div");
+      const attributes = (0, import_core3.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, {
+        "data-type": this.name,
+        hidden: "hidden"
+      });
+      Object.entries(attributes).forEach(([key, value]) => dom.setAttribute(key, value));
+      dom.addEventListener("toggleDetailsContent", () => {
+        dom.toggleAttribute("hidden");
+      });
+      return {
+        dom,
+        contentDOM: dom,
+        ignoreMutation(mutation) {
+          if (mutation.type === "selection") {
+            return false;
+          }
+          return !dom.contains(mutation.target) || dom === mutation.target;
+        },
+        update: (updatedNode) => {
+          if (updatedNode.type !== this.type) {
+            return false;
+          }
+          return true;
+        }
+      };
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      // Escape node on double enter
+      Enter: ({ editor }) => {
+        const { state, view } = editor;
+        const { selection } = state;
+        const { $from, empty } = selection;
+        const detailsContent = (0, import_core3.findParentNode)((node2) => node2.type === this.type)(selection);
+        if (!empty || !detailsContent || !detailsContent.node.childCount) {
+          return false;
+        }
+        const fromIndex = $from.index(detailsContent.depth);
+        const { childCount } = detailsContent.node;
+        const isAtEnd = childCount === fromIndex + 1;
+        if (!isAtEnd) {
+          return false;
+        }
+        const defaultChildType = detailsContent.node.type.contentMatch.defaultType;
+        const defaultChildNode = defaultChildType == null ? void 0 : defaultChildType.createAndFill();
+        if (!defaultChildNode) {
+          return false;
+        }
+        const $childPos = state.doc.resolve(detailsContent.pos + 1);
+        const lastChildIndex = childCount - 1;
+        const lastChildNode = detailsContent.node.child(lastChildIndex);
+        const lastChildPos = $childPos.posAtIndex(lastChildIndex, detailsContent.depth);
+        const lastChildNodeIsEmpty = lastChildNode.eq(defaultChildNode);
+        if (!lastChildNodeIsEmpty) {
+          return false;
+        }
+        const above = $from.node(-3);
+        if (!above) {
+          return false;
+        }
+        const after = $from.indexAfter(-3);
+        const type = (0, import_core3.defaultBlockAt)(above.contentMatchAt(after));
+        if (!type || !above.canReplaceWith(after, after, type)) {
+          return false;
+        }
+        const node = type.createAndFill();
+        if (!node) {
+          return false;
+        }
+        const { tr } = state;
+        const pos = $from.after(-2);
+        tr.replaceWith(pos, pos, node);
+        const $pos = tr.doc.resolve(pos);
+        const newSelection = import_state2.Selection.near($pos, 1);
+        tr.setSelection(newSelection);
+        const deleteFrom = lastChildPos;
+        const deleteTo = lastChildPos + lastChildNode.nodeSize;
+        tr.delete(deleteFrom, deleteTo);
+        tr.scrollIntoView();
+        view.dispatch(tr);
+        return true;
+      }
+    };
+  }
+});
+
+// src/summary/details-summary.ts
+var import_core4 = require("@tiptap/core");
+var DetailsSummary = import_core4.Node.create({
+  name: "detailsSummary",
+  content: "text*",
+  defining: true,
+  selectable: false,
+  isolating: true,
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "summary"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["summary", (0, import_core4.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
+  }
+});
+
 // src/index.ts
 var index_default = Details;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Details
+  Details,
+  DetailsContent,
+  DetailsSummary
 });
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/details.ts","../src/helpers/isNodeVisible.ts","../src/helpers/findClosestVisibleNode.ts","../src/helpers/setGapCursor.ts"],"sourcesContent":["import { Details } from './details.js'\n\nexport * from './details.js'\n\nexport default Details\n","import { defaultBlockAt, findChildren, findParentNode, isActive, mergeAttributes, Node } from '@tiptap/core'\nimport { Plugin, PluginKey, Selection, TextSelection } from '@tiptap/pm/state'\nimport type { ViewMutationRecord } from '@tiptap/pm/view'\n\nimport { findClosestVisibleNode } from './helpers/findClosestVisibleNode.js'\nimport { isNodeVisible } from './helpers/isNodeVisible.js'\nimport { setGapCursor } from './helpers/setGapCursor.js'\n\nexport interface DetailsOptions {\n  /**\n   * Specify if the open status should be saved in the document. Defaults to `false`.\n   */\n  persist: boolean\n  /**\n   * Specifies a CSS class that is set when toggling the content. Defaults to `is-open`.\n   */\n  openClassName: string\n  /**\n   * Custom HTML attributes that should be added to the rendered HTML tag.\n   */\n  HTMLAttributes: {\n    [key: string]: any\n  }\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    details: {\n      /**\n       * Set a details node\n       */\n      setDetails: () => ReturnType\n      /**\n       * Unset a details node\n       */\n      unsetDetails: () => ReturnType\n    }\n  }\n}\n\nexport const Details = Node.create<DetailsOptions>({\n  name: 'details',\n\n  content: 'detailsSummary detailsContent',\n\n  group: 'block',\n\n  defining: true,\n\n  isolating: true,\n\n  // @ts-ignore: allowGapCursor is not a valid option by default, dts on build doesnt pick this up\n  allowGapCursor: false,\n\n  addOptions() {\n    return {\n      persist: false,\n      openClassName: 'is-open',\n      HTMLAttributes: {},\n    }\n  },\n\n  addAttributes() {\n    if (!this.options.persist) {\n      return []\n    }\n\n    return {\n      open: {\n        default: false,\n        parseHTML: element => element.hasAttribute('open'),\n        renderHTML: ({ open }) => {\n          if (!open) {\n            return {}\n          }\n\n          return { open: '' }\n        },\n      },\n    }\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'details',\n      },\n    ]\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['details', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]\n  },\n\n  addNodeView() {\n    return ({ editor, getPos, node, HTMLAttributes }) => {\n      const dom = document.createElement('div')\n      const attributes = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {\n        'data-type': this.name,\n      })\n\n      Object.entries(attributes).forEach(([key, value]) => dom.setAttribute(key, value))\n\n      const toggle = document.createElement('button')\n\n      toggle.type = 'button'\n\n      dom.append(toggle)\n\n      const content = document.createElement('div')\n\n      dom.append(content)\n\n      const toggleDetailsContent = (setToValue?: boolean) => {\n        if (setToValue !== undefined) {\n          if (setToValue) {\n            if (dom.classList.contains(this.options.openClassName)) {\n              return\n            }\n            dom.classList.add(this.options.openClassName)\n          } else {\n            if (!dom.classList.contains(this.options.openClassName)) {\n              return\n            }\n            dom.classList.remove(this.options.openClassName)\n          }\n        } else {\n          dom.classList.toggle(this.options.openClassName)\n        }\n\n        const event = new Event('toggleDetailsContent')\n        const detailsContent = content.querySelector(':scope > div[data-type=\"detailsContent\"]')\n\n        detailsContent?.dispatchEvent(event)\n      }\n\n      if (node.attrs.open) {\n        setTimeout(() => toggleDetailsContent())\n      }\n\n      toggle.addEventListener('click', () => {\n        toggleDetailsContent()\n\n        if (!this.options.persist) {\n          editor.commands.focus(undefined, { scrollIntoView: false })\n\n          return\n        }\n\n        if (editor.isEditable && typeof getPos === 'function') {\n          const { from, to } = editor.state.selection\n\n          editor\n            .chain()\n            .command(({ tr }) => {\n              const pos = getPos()\n              if (pos === undefined) {\n                return false\n              }\n\n              const currentNode = tr.doc.nodeAt(pos)\n\n              if (currentNode?.type !== this.type) {\n                return false\n              }\n\n              tr.setNodeMarkup(pos, undefined, {\n                open: !currentNode.attrs.open,\n              })\n\n              return true\n            })\n            .setTextSelection({\n              from,\n              to,\n            })\n            .focus(undefined, { scrollIntoView: false })\n            .run()\n        }\n      })\n\n      return {\n        dom,\n        contentDOM: content,\n        ignoreMutation(mutation: ViewMutationRecord) {\n          if (mutation.type === 'selection') {\n            return false\n          }\n\n          return !dom.contains(mutation.target) || dom === mutation.target\n        },\n        update: updatedNode => {\n          if (updatedNode.type !== this.type) {\n            return false\n          }\n\n          // Only update the open state if set\n          if (updatedNode.attrs.open !== undefined) {\n            toggleDetailsContent(updatedNode.attrs.open)\n          }\n\n          return true\n        },\n      }\n    }\n  },\n\n  addCommands() {\n    return {\n      setDetails:\n        () =>\n        ({ state, chain }) => {\n          const { schema, selection } = state\n          const { $from, $to } = selection\n          const range = $from.blockRange($to)\n\n          if (!range) {\n            return false\n          }\n\n          const slice = state.doc.slice(range.start, range.end)\n          const match = schema.nodes.detailsContent.contentMatch.matchFragment(slice.content)\n\n          if (!match) {\n            return false\n          }\n\n          const content = slice.toJSON()?.content || []\n\n          return chain()\n            .insertContentAt(\n              { from: range.start, to: range.end },\n              {\n                type: this.name,\n                content: [\n                  {\n                    type: 'detailsSummary',\n                  },\n                  {\n                    type: 'detailsContent',\n                    content,\n                  },\n                ],\n              },\n            )\n            .setTextSelection(range.start + 2)\n            .run()\n        },\n\n      unsetDetails:\n        () =>\n        ({ state, chain }) => {\n          const { selection, schema } = state\n          const details = findParentNode(node => node.type === this.type)(selection)\n\n          if (!details) {\n            return false\n          }\n\n          const detailsSummaries = findChildren(details.node, node => node.type === schema.nodes.detailsSummary)\n          const detailsContents = findChildren(details.node, node => node.type === schema.nodes.detailsContent)\n\n          if (!detailsSummaries.length || !detailsContents.length) {\n            return false\n          }\n\n          const detailsSummary = detailsSummaries[0]\n          const detailsContent = detailsContents[0]\n          const from = details.pos\n          const $from = state.doc.resolve(from)\n          const to = from + details.node.nodeSize\n          const range = { from, to }\n          const content = (detailsContent.node.content.toJSON() as []) || []\n          const defaultTypeForSummary = $from.parent.type.contentMatch.defaultType\n\n          // TODO: this may break for some custom schemas\n          const summaryContent = defaultTypeForSummary?.create(null, detailsSummary.node.content).toJSON()\n          const mergedContent = [summaryContent, ...content]\n\n          return chain()\n            .insertContentAt(range, mergedContent)\n            .setTextSelection(from + 1)\n            .run()\n        },\n    }\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      Backspace: () => {\n        const { schema, selection } = this.editor.state\n        const { empty, $anchor } = selection\n\n        if (!empty || $anchor.parent.type !== schema.nodes.detailsSummary) {\n          return false\n        }\n\n        // for some reason safari removes the whole text content within a `<summary>`tag on backspace\n        // so we have to remove the text manually\n        // see: https://discuss.prosemirror.net/t/safari-backspace-bug-with-details-tag/4223\n        if ($anchor.parentOffset !== 0) {\n          return this.editor.commands.command(({ tr }) => {\n            const from = $anchor.pos - 1\n            const to = $anchor.pos\n\n            tr.delete(from, to)\n\n            return true\n          })\n        }\n\n        return this.editor.commands.unsetDetails()\n      },\n\n      // Creates a new node below it if it is closed.\n      // Otherwise inside `DetailsContent`.\n      Enter: ({ editor }) => {\n        const { state, view } = editor\n        const { schema, selection } = state\n        const { $head } = selection\n\n        if ($head.parent.type !== schema.nodes.detailsSummary) {\n          return false\n        }\n\n        const isVisible = isNodeVisible($head.after() + 1, editor)\n        const above = isVisible ? state.doc.nodeAt($head.after()) : $head.node(-2)\n\n        if (!above) {\n          return false\n        }\n\n        const after = isVisible ? 0 : $head.indexAfter(-1)\n        const type = defaultBlockAt(above.contentMatchAt(after))\n\n        if (!type || !above.canReplaceWith(after, after, type)) {\n          return false\n        }\n\n        const node = type.createAndFill()\n\n        if (!node) {\n          return false\n        }\n\n        const pos = isVisible ? $head.after() + 1 : $head.after(-1)\n        const tr = state.tr.replaceWith(pos, pos, node)\n        const $pos = tr.doc.resolve(pos)\n        const newSelection = Selection.near($pos, 1)\n\n        tr.setSelection(newSelection)\n        tr.scrollIntoView()\n        view.dispatch(tr)\n\n        return true\n      },\n\n      // The default gapcursor implementation can’t handle hidden content, so we need to fix this.\n      ArrowRight: ({ editor }) => {\n        return setGapCursor(editor, 'right')\n      },\n\n      // The default gapcursor implementation can’t handle hidden content, so we need to fix this.\n      ArrowDown: ({ editor }) => {\n        return setGapCursor(editor, 'down')\n      },\n    }\n  },\n\n  addProseMirrorPlugins() {\n    return [\n      // This plugin prevents text selections within the hidden content in `DetailsContent`.\n      // The cursor is moved to the next visible position.\n      new Plugin({\n        key: new PluginKey('detailsSelection'),\n        appendTransaction: (transactions, oldState, newState) => {\n          const { editor, type } = this\n          const selectionSet = transactions.some(transaction => transaction.selectionSet)\n\n          if (!selectionSet || !oldState.selection.empty || !newState.selection.empty) {\n            return\n          }\n\n          const detailsIsActive = isActive(newState, type.name)\n\n          if (!detailsIsActive) {\n            return\n          }\n\n          const { $from } = newState.selection\n          const isVisible = isNodeVisible($from.pos, editor)\n\n          if (isVisible) {\n            return\n          }\n\n          const details = findClosestVisibleNode($from, node => node.type === type, editor)\n\n          if (!details) {\n            return\n          }\n\n          const detailsSummaries = findChildren(\n            details.node,\n            node => node.type === newState.schema.nodes.detailsSummary,\n          )\n\n          if (!detailsSummaries.length) {\n            return\n          }\n\n          const detailsSummary = detailsSummaries[0]\n          const selectionDirection = oldState.selection.from < newState.selection.from ? 'forward' : 'backward'\n          const correctedPosition =\n            selectionDirection === 'forward'\n              ? details.start + detailsSummary.pos\n              : details.pos + detailsSummary.pos + detailsSummary.node.nodeSize\n          const selection = TextSelection.create(newState.doc, correctedPosition)\n          const transaction = newState.tr.setSelection(selection)\n\n          return transaction\n        },\n      }),\n    ]\n  },\n})\n","import type { Editor } from '@tiptap/core'\n\nexport const isNodeVisible = (position: number, editor: Editor): boolean => {\n  const node = editor.view.domAtPos(position).node as HTMLElement\n  const isOpen = node.offsetParent !== null\n\n  return isOpen\n}\n","import type { Editor, Predicate } from '@tiptap/core'\nimport type { Node as ProseMirrorNode, ResolvedPos } from '@tiptap/pm/model'\n\nimport { isNodeVisible } from './isNodeVisible.js'\n\nexport const findClosestVisibleNode = (\n  $pos: ResolvedPos,\n  predicate: Predicate,\n  editor: Editor,\n):\n  | {\n      pos: number\n      start: number\n      depth: number\n      node: ProseMirrorNode\n    }\n  | undefined => {\n  for (let i = $pos.depth; i > 0; i -= 1) {\n    const node = $pos.node(i)\n    const match = predicate(node)\n    const isVisible = isNodeVisible($pos.start(i), editor)\n\n    if (match && isVisible) {\n      return {\n        pos: i > 0 ? $pos.before(i) : 0,\n        start: $pos.start(i),\n        depth: i,\n        node,\n      }\n    }\n  }\n}\n","import type { Editor } from '@tiptap/core'\nimport { findChildren, findParentNode } from '@tiptap/core'\nimport { GapCursor } from '@tiptap/pm/gapcursor'\nimport type { ResolvedPos } from '@tiptap/pm/model'\nimport type { Selection } from '@tiptap/pm/state'\n\nimport { isNodeVisible } from './isNodeVisible.js'\n\nexport const setGapCursor = (editor: Editor, direction: 'down' | 'right') => {\n  const { state, view, extensionManager } = editor\n  const { schema, selection } = state\n  const { empty, $anchor } = selection\n  const hasGapCursorExtension = !!extensionManager.extensions.find(extension => extension.name === 'gapCursor')\n\n  if (!empty || $anchor.parent.type !== schema.nodes.detailsSummary || !hasGapCursorExtension) {\n    return false\n  }\n\n  if (direction === 'right' && $anchor.parentOffset !== $anchor.parent.nodeSize - 2) {\n    return false\n  }\n\n  const details = findParentNode(node => node.type === schema.nodes.details)(selection)\n\n  if (!details) {\n    return false\n  }\n\n  const detailsContent = findChildren(details.node, node => node.type === schema.nodes.detailsContent)\n\n  if (!detailsContent.length) {\n    return false\n  }\n\n  const isOpen = isNodeVisible(details.start + detailsContent[0].pos + 1, editor)\n\n  if (isOpen) {\n    return false\n  }\n\n  const $position = state.doc.resolve(details.pos + details.node.nodeSize)\n  const $validPosition = GapCursor.findFrom($position, 1, false) as unknown as null | ResolvedPos\n\n  if (!$validPosition) {\n    return false\n  }\n\n  const { tr } = state\n  const gapCursorSelection = new GapCursor($validPosition) as Selection\n\n  tr.setSelection(gapCursorSelection)\n  tr.scrollIntoView()\n  view.dispatch(tr)\n\n  return true\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,eAA8F;AAC9F,mBAA4D;;;ACCrD,IAAM,gBAAgB,CAAC,UAAkB,WAA4B;AAC1E,QAAM,OAAO,OAAO,KAAK,SAAS,QAAQ,EAAE;AAC5C,QAAM,SAAS,KAAK,iBAAiB;AAErC,SAAO;AACT;;;ACFO,IAAM,yBAAyB,CACpC,MACA,WACA,WAQe;AACf,WAAS,IAAI,KAAK,OAAO,IAAI,GAAG,KAAK,GAAG;AACtC,UAAM,OAAO,KAAK,KAAK,CAAC;AACxB,UAAM,QAAQ,UAAU,IAAI;AAC5B,UAAM,YAAY,cAAc,KAAK,MAAM,CAAC,GAAG,MAAM;AAErD,QAAI,SAAS,WAAW;AACtB,aAAO;AAAA,QACL,KAAK,IAAI,IAAI,KAAK,OAAO,CAAC,IAAI;AAAA,QAC9B,OAAO,KAAK,MAAM,CAAC;AAAA,QACnB,OAAO;AAAA,QACP;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;;;AC9BA,kBAA6C;AAC7C,uBAA0B;AAMnB,IAAM,eAAe,CAAC,QAAgB,cAAgC;AAC3E,QAAM,EAAE,OAAO,MAAM,iBAAiB,IAAI;AAC1C,QAAM,EAAE,QAAQ,UAAU,IAAI;AAC9B,QAAM,EAAE,OAAO,QAAQ,IAAI;AAC3B,QAAM,wBAAwB,CAAC,CAAC,iBAAiB,WAAW,KAAK,eAAa,UAAU,SAAS,WAAW;AAE5G,MAAI,CAAC,SAAS,QAAQ,OAAO,SAAS,OAAO,MAAM,kBAAkB,CAAC,uBAAuB;AAC3F,WAAO;AAAA,EACT;AAEA,MAAI,cAAc,WAAW,QAAQ,iBAAiB,QAAQ,OAAO,WAAW,GAAG;AACjF,WAAO;AAAA,EACT;AAEA,QAAM,cAAU,4BAAe,UAAQ,KAAK,SAAS,OAAO,MAAM,OAAO,EAAE,SAAS;AAEpF,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,QAAM,qBAAiB,0BAAa,QAAQ,MAAM,UAAQ,KAAK,SAAS,OAAO,MAAM,cAAc;AAEnG,MAAI,CAAC,eAAe,QAAQ;AAC1B,WAAO;AAAA,EACT;AAEA,QAAM,SAAS,cAAc,QAAQ,QAAQ,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM;AAE9E,MAAI,QAAQ;AACV,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,MAAM,IAAI,QAAQ,QAAQ,MAAM,QAAQ,KAAK,QAAQ;AACvE,QAAM,iBAAiB,2BAAU,SAAS,WAAW,GAAG,KAAK;AAE7D,MAAI,CAAC,gBAAgB;AACnB,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,GAAG,IAAI;AACf,QAAM,qBAAqB,IAAI,2BAAU,cAAc;AAEvD,KAAG,aAAa,kBAAkB;AAClC,KAAG,eAAe;AAClB,OAAK,SAAS,EAAE;AAEhB,SAAO;AACT;;;AHfO,IAAM,UAAU,kBAAK,OAAuB;AAAA,EACjD,MAAM;AAAA,EAEN,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,UAAU;AAAA,EAEV,WAAW;AAAA;AAAA,EAGX,gBAAgB;AAAA,EAEhB,aAAa;AACX,WAAO;AAAA,MACL,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB,CAAC;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,gBAAgB;AACd,QAAI,CAAC,KAAK,QAAQ,SAAS;AACzB,aAAO,CAAC;AAAA,IACV;AAEA,WAAO;AAAA,MACL,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW,aAAW,QAAQ,aAAa,MAAM;AAAA,QACjD,YAAY,CAAC,EAAE,KAAK,MAAM;AACxB,cAAI,CAAC,MAAM;AACT,mBAAO,CAAC;AAAA,UACV;AAEA,iBAAO,EAAE,MAAM,GAAG;AAAA,QACpB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,YAAY;AACV,WAAO;AAAA,MACL;AAAA,QACE,KAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF;AAAA,EAEA,WAAW,EAAE,eAAe,GAAG;AAC7B,WAAO,CAAC,eAAW,8BAAgB,KAAK,QAAQ,gBAAgB,cAAc,GAAG,CAAC;AAAA,EACpF;AAAA,EAEA,cAAc;AACZ,WAAO,CAAC,EAAE,QAAQ,QAAQ,MAAM,eAAe,MAAM;AACnD,YAAM,MAAM,SAAS,cAAc,KAAK;AACxC,YAAM,iBAAa,8BAAgB,KAAK,QAAQ,gBAAgB,gBAAgB;AAAA,QAC9E,aAAa,KAAK;AAAA,MACpB,CAAC;AAED,aAAO,QAAQ,UAAU,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM,IAAI,aAAa,KAAK,KAAK,CAAC;AAEjF,YAAM,SAAS,SAAS,cAAc,QAAQ;AAE9C,aAAO,OAAO;AAEd,UAAI,OAAO,MAAM;AAEjB,YAAM,UAAU,SAAS,cAAc,KAAK;AAE5C,UAAI,OAAO,OAAO;AAElB,YAAM,uBAAuB,CAAC,eAAyB;AACrD,YAAI,eAAe,QAAW;AAC5B,cAAI,YAAY;AACd,gBAAI,IAAI,UAAU,SAAS,KAAK,QAAQ,aAAa,GAAG;AACtD;AAAA,YACF;AACA,gBAAI,UAAU,IAAI,KAAK,QAAQ,aAAa;AAAA,UAC9C,OAAO;AACL,gBAAI,CAAC,IAAI,UAAU,SAAS,KAAK,QAAQ,aAAa,GAAG;AACvD;AAAA,YACF;AACA,gBAAI,UAAU,OAAO,KAAK,QAAQ,aAAa;AAAA,UACjD;AAAA,QACF,OAAO;AACL,cAAI,UAAU,OAAO,KAAK,QAAQ,aAAa;AAAA,QACjD;AAEA,cAAM,QAAQ,IAAI,MAAM,sBAAsB;AAC9C,cAAM,iBAAiB,QAAQ,cAAc,0CAA0C;AAEvF,yDAAgB,cAAc;AAAA,MAChC;AAEA,UAAI,KAAK,MAAM,MAAM;AACnB,mBAAW,MAAM,qBAAqB,CAAC;AAAA,MACzC;AAEA,aAAO,iBAAiB,SAAS,MAAM;AACrC,6BAAqB;AAErB,YAAI,CAAC,KAAK,QAAQ,SAAS;AACzB,iBAAO,SAAS,MAAM,QAAW,EAAE,gBAAgB,MAAM,CAAC;AAE1D;AAAA,QACF;AAEA,YAAI,OAAO,cAAc,OAAO,WAAW,YAAY;AACrD,gBAAM,EAAE,MAAM,GAAG,IAAI,OAAO,MAAM;AAElC,iBACG,MAAM,EACN,QAAQ,CAAC,EAAE,GAAG,MAAM;AACnB,kBAAM,MAAM,OAAO;AACnB,gBAAI,QAAQ,QAAW;AACrB,qBAAO;AAAA,YACT;AAEA,kBAAM,cAAc,GAAG,IAAI,OAAO,GAAG;AAErC,iBAAI,2CAAa,UAAS,KAAK,MAAM;AACnC,qBAAO;AAAA,YACT;AAEA,eAAG,cAAc,KAAK,QAAW;AAAA,cAC/B,MAAM,CAAC,YAAY,MAAM;AAAA,YAC3B,CAAC;AAED,mBAAO;AAAA,UACT,CAAC,EACA,iBAAiB;AAAA,YAChB;AAAA,YACA;AAAA,UACF,CAAC,EACA,MAAM,QAAW,EAAE,gBAAgB,MAAM,CAAC,EAC1C,IAAI;AAAA,QACT;AAAA,MACF,CAAC;AAED,aAAO;AAAA,QACL;AAAA,QACA,YAAY;AAAA,QACZ,eAAe,UAA8B;AAC3C,cAAI,SAAS,SAAS,aAAa;AACjC,mBAAO;AAAA,UACT;AAEA,iBAAO,CAAC,IAAI,SAAS,SAAS,MAAM,KAAK,QAAQ,SAAS;AAAA,QAC5D;AAAA,QACA,QAAQ,iBAAe;AACrB,cAAI,YAAY,SAAS,KAAK,MAAM;AAClC,mBAAO;AAAA,UACT;AAGA,cAAI,YAAY,MAAM,SAAS,QAAW;AACxC,iCAAqB,YAAY,MAAM,IAAI;AAAA,UAC7C;AAEA,iBAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,cAAc;AACZ,WAAO;AAAA,MACL,YACE,MACA,CAAC,EAAE,OAAO,MAAM,MAAM;AAnN9B;AAoNU,cAAM,EAAE,QAAQ,UAAU,IAAI;AAC9B,cAAM,EAAE,OAAO,IAAI,IAAI;AACvB,cAAM,QAAQ,MAAM,WAAW,GAAG;AAElC,YAAI,CAAC,OAAO;AACV,iBAAO;AAAA,QACT;AAEA,cAAM,QAAQ,MAAM,IAAI,MAAM,MAAM,OAAO,MAAM,GAAG;AACpD,cAAM,QAAQ,OAAO,MAAM,eAAe,aAAa,cAAc,MAAM,OAAO;AAElF,YAAI,CAAC,OAAO;AACV,iBAAO;AAAA,QACT;AAEA,cAAM,YAAU,WAAM,OAAO,MAAb,mBAAgB,YAAW,CAAC;AAE5C,eAAO,MAAM,EACV;AAAA,UACC,EAAE,MAAM,MAAM,OAAO,IAAI,MAAM,IAAI;AAAA,UACnC;AAAA,YACE,MAAM,KAAK;AAAA,YACX,SAAS;AAAA,cACP;AAAA,gBACE,MAAM;AAAA,cACR;AAAA,cACA;AAAA,gBACE,MAAM;AAAA,gBACN;AAAA,cACF;AAAA,YACF;AAAA,UACF;AAAA,QACF,EACC,iBAAiB,MAAM,QAAQ,CAAC,EAChC,IAAI;AAAA,MACT;AAAA,MAEF,cACE,MACA,CAAC,EAAE,OAAO,MAAM,MAAM;AACpB,cAAM,EAAE,WAAW,OAAO,IAAI;AAC9B,cAAM,cAAU,6BAAe,UAAQ,KAAK,SAAS,KAAK,IAAI,EAAE,SAAS;AAEzE,YAAI,CAAC,SAAS;AACZ,iBAAO;AAAA,QACT;AAEA,cAAM,uBAAmB,2BAAa,QAAQ,MAAM,UAAQ,KAAK,SAAS,OAAO,MAAM,cAAc;AACrG,cAAM,sBAAkB,2BAAa,QAAQ,MAAM,UAAQ,KAAK,SAAS,OAAO,MAAM,cAAc;AAEpG,YAAI,CAAC,iBAAiB,UAAU,CAAC,gBAAgB,QAAQ;AACvD,iBAAO;AAAA,QACT;AAEA,cAAM,iBAAiB,iBAAiB,CAAC;AACzC,cAAM,iBAAiB,gBAAgB,CAAC;AACxC,cAAM,OAAO,QAAQ;AACrB,cAAM,QAAQ,MAAM,IAAI,QAAQ,IAAI;AACpC,cAAM,KAAK,OAAO,QAAQ,KAAK;AAC/B,cAAM,QAAQ,EAAE,MAAM,GAAG;AACzB,cAAM,UAAW,eAAe,KAAK,QAAQ,OAAO,KAAY,CAAC;AACjE,cAAM,wBAAwB,MAAM,OAAO,KAAK,aAAa;AAG7D,cAAM,iBAAiB,+DAAuB,OAAO,MAAM,eAAe,KAAK,SAAS;AACxF,cAAM,gBAAgB,CAAC,gBAAgB,GAAG,OAAO;AAEjD,eAAO,MAAM,EACV,gBAAgB,OAAO,aAAa,EACpC,iBAAiB,OAAO,CAAC,EACzB,IAAI;AAAA,MACT;AAAA,IACJ;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,WAAO;AAAA,MACL,WAAW,MAAM;AACf,cAAM,EAAE,QAAQ,UAAU,IAAI,KAAK,OAAO;AAC1C,cAAM,EAAE,OAAO,QAAQ,IAAI;AAE3B,YAAI,CAAC,SAAS,QAAQ,OAAO,SAAS,OAAO,MAAM,gBAAgB;AACjE,iBAAO;AAAA,QACT;AAKA,YAAI,QAAQ,iBAAiB,GAAG;AAC9B,iBAAO,KAAK,OAAO,SAAS,QAAQ,CAAC,EAAE,GAAG,MAAM;AAC9C,kBAAM,OAAO,QAAQ,MAAM;AAC3B,kBAAM,KAAK,QAAQ;AAEnB,eAAG,OAAO,MAAM,EAAE;AAElB,mBAAO;AAAA,UACT,CAAC;AAAA,QACH;AAEA,eAAO,KAAK,OAAO,SAAS,aAAa;AAAA,MAC3C;AAAA;AAAA;AAAA,MAIA,OAAO,CAAC,EAAE,OAAO,MAAM;AACrB,cAAM,EAAE,OAAO,KAAK,IAAI;AACxB,cAAM,EAAE,QAAQ,UAAU,IAAI;AAC9B,cAAM,EAAE,MAAM,IAAI;AAElB,YAAI,MAAM,OAAO,SAAS,OAAO,MAAM,gBAAgB;AACrD,iBAAO;AAAA,QACT;AAEA,cAAM,YAAY,cAAc,MAAM,MAAM,IAAI,GAAG,MAAM;AACzD,cAAM,QAAQ,YAAY,MAAM,IAAI,OAAO,MAAM,MAAM,CAAC,IAAI,MAAM,KAAK,EAAE;AAEzE,YAAI,CAAC,OAAO;AACV,iBAAO;AAAA,QACT;AAEA,cAAM,QAAQ,YAAY,IAAI,MAAM,WAAW,EAAE;AACjD,cAAM,WAAO,6BAAe,MAAM,eAAe,KAAK,CAAC;AAEvD,YAAI,CAAC,QAAQ,CAAC,MAAM,eAAe,OAAO,OAAO,IAAI,GAAG;AACtD,iBAAO;AAAA,QACT;AAEA,cAAM,OAAO,KAAK,cAAc;AAEhC,YAAI,CAAC,MAAM;AACT,iBAAO;AAAA,QACT;AAEA,cAAM,MAAM,YAAY,MAAM,MAAM,IAAI,IAAI,MAAM,MAAM,EAAE;AAC1D,cAAM,KAAK,MAAM,GAAG,YAAY,KAAK,KAAK,IAAI;AAC9C,cAAM,OAAO,GAAG,IAAI,QAAQ,GAAG;AAC/B,cAAM,eAAe,uBAAU,KAAK,MAAM,CAAC;AAE3C,WAAG,aAAa,YAAY;AAC5B,WAAG,eAAe;AAClB,aAAK,SAAS,EAAE;AAEhB,eAAO;AAAA,MACT;AAAA;AAAA,MAGA,YAAY,CAAC,EAAE,OAAO,MAAM;AAC1B,eAAO,aAAa,QAAQ,OAAO;AAAA,MACrC;AAAA;AAAA,MAGA,WAAW,CAAC,EAAE,OAAO,MAAM;AACzB,eAAO,aAAa,QAAQ,MAAM;AAAA,MACpC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,wBAAwB;AACtB,WAAO;AAAA;AAAA;AAAA,MAGL,IAAI,oBAAO;AAAA,QACT,KAAK,IAAI,uBAAU,kBAAkB;AAAA,QACrC,mBAAmB,CAAC,cAAc,UAAU,aAAa;AACvD,gBAAM,EAAE,QAAQ,KAAK,IAAI;AACzB,gBAAM,eAAe,aAAa,KAAK,CAAAC,iBAAeA,aAAY,YAAY;AAE9E,cAAI,CAAC,gBAAgB,CAAC,SAAS,UAAU,SAAS,CAAC,SAAS,UAAU,OAAO;AAC3E;AAAA,UACF;AAEA,gBAAM,sBAAkB,uBAAS,UAAU,KAAK,IAAI;AAEpD,cAAI,CAAC,iBAAiB;AACpB;AAAA,UACF;AAEA,gBAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,gBAAM,YAAY,cAAc,MAAM,KAAK,MAAM;AAEjD,cAAI,WAAW;AACb;AAAA,UACF;AAEA,gBAAM,UAAU,uBAAuB,OAAO,UAAQ,KAAK,SAAS,MAAM,MAAM;AAEhF,cAAI,CAAC,SAAS;AACZ;AAAA,UACF;AAEA,gBAAM,uBAAmB;AAAA,YACvB,QAAQ;AAAA,YACR,UAAQ,KAAK,SAAS,SAAS,OAAO,MAAM;AAAA,UAC9C;AAEA,cAAI,CAAC,iBAAiB,QAAQ;AAC5B;AAAA,UACF;AAEA,gBAAM,iBAAiB,iBAAiB,CAAC;AACzC,gBAAM,qBAAqB,SAAS,UAAU,OAAO,SAAS,UAAU,OAAO,YAAY;AAC3F,gBAAM,oBACJ,uBAAuB,YACnB,QAAQ,QAAQ,eAAe,MAC/B,QAAQ,MAAM,eAAe,MAAM,eAAe,KAAK;AAC7D,gBAAM,YAAY,2BAAc,OAAO,SAAS,KAAK,iBAAiB;AACtE,gBAAM,cAAc,SAAS,GAAG,aAAa,SAAS;AAEtD,iBAAO;AAAA,QACT;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF,CAAC;;;ADraD,IAAO,gBAAQ;","names":["import_core","transaction"]}
+{"version":3,"sources":["../src/index.ts","../src/details.ts","../src/helpers/isNodeVisible.ts","../src/helpers/findClosestVisibleNode.ts","../src/helpers/setGapCursor.ts","../src/content/details-content.ts","../src/summary/details-summary.ts"],"sourcesContent":["import { Details } from './details.js'\n\nexport * from './content/index.js'\nexport * from './details.js'\nexport * from './summary/index.js'\n\nexport default Details\n","import { defaultBlockAt, findChildren, findParentNode, isActive, mergeAttributes, Node } from '@tiptap/core'\nimport { Plugin, PluginKey, Selection, TextSelection } from '@tiptap/pm/state'\nimport type { ViewMutationRecord } from '@tiptap/pm/view'\n\nimport { findClosestVisibleNode } from './helpers/findClosestVisibleNode.js'\nimport { isNodeVisible } from './helpers/isNodeVisible.js'\nimport { setGapCursor } from './helpers/setGapCursor.js'\n\nexport interface DetailsOptions {\n  /**\n   * Specify if the open status should be saved in the document. Defaults to `false`.\n   */\n  persist: boolean\n  /**\n   * Specifies a CSS class that is set when toggling the content. Defaults to `is-open`.\n   */\n  openClassName: string\n  /**\n   * Custom HTML attributes that should be added to the rendered HTML tag.\n   */\n  HTMLAttributes: {\n    [key: string]: any\n  }\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    details: {\n      /**\n       * Set a details node\n       */\n      setDetails: () => ReturnType\n      /**\n       * Unset a details node\n       */\n      unsetDetails: () => ReturnType\n    }\n  }\n}\n\nexport const Details = Node.create<DetailsOptions>({\n  name: 'details',\n\n  content: 'detailsSummary detailsContent',\n\n  group: 'block',\n\n  defining: true,\n\n  isolating: true,\n\n  // @ts-ignore reason: `allowGapCursor` is not a valid property by default, but the `GapCursor` extension adds it to the Nodeconfig type\n  allowGapCursor: false,\n\n  addOptions() {\n    return {\n      persist: false,\n      openClassName: 'is-open',\n      HTMLAttributes: {},\n    }\n  },\n\n  addAttributes() {\n    if (!this.options.persist) {\n      return []\n    }\n\n    return {\n      open: {\n        default: false,\n        parseHTML: element => element.hasAttribute('open'),\n        renderHTML: ({ open }) => {\n          if (!open) {\n            return {}\n          }\n\n          return { open: '' }\n        },\n      },\n    }\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'details',\n      },\n    ]\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['details', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]\n  },\n\n  addNodeView() {\n    return ({ editor, getPos, node, HTMLAttributes }) => {\n      const dom = document.createElement('div')\n      const attributes = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {\n        'data-type': this.name,\n      })\n\n      Object.entries(attributes).forEach(([key, value]) => dom.setAttribute(key, value))\n\n      const toggle = document.createElement('button')\n\n      toggle.type = 'button'\n\n      dom.append(toggle)\n\n      const content = document.createElement('div')\n\n      dom.append(content)\n\n      const toggleDetailsContent = (setToValue?: boolean) => {\n        if (setToValue !== undefined) {\n          if (setToValue) {\n            if (dom.classList.contains(this.options.openClassName)) {\n              return\n            }\n            dom.classList.add(this.options.openClassName)\n          } else {\n            if (!dom.classList.contains(this.options.openClassName)) {\n              return\n            }\n            dom.classList.remove(this.options.openClassName)\n          }\n        } else {\n          dom.classList.toggle(this.options.openClassName)\n        }\n\n        const event = new Event('toggleDetailsContent')\n        const detailsContent = content.querySelector(':scope > div[data-type=\"detailsContent\"]')\n\n        detailsContent?.dispatchEvent(event)\n      }\n\n      if (node.attrs.open) {\n        setTimeout(() => toggleDetailsContent())\n      }\n\n      toggle.addEventListener('click', () => {\n        toggleDetailsContent()\n\n        if (!this.options.persist) {\n          editor.commands.focus(undefined, { scrollIntoView: false })\n\n          return\n        }\n\n        if (editor.isEditable && typeof getPos === 'function') {\n          const { from, to } = editor.state.selection\n\n          editor\n            .chain()\n            .command(({ tr }) => {\n              const pos = getPos()\n\n              if (!pos) {\n                return false\n              }\n\n              const currentNode = tr.doc.nodeAt(pos)\n\n              if (currentNode?.type !== this.type) {\n                return false\n              }\n\n              tr.setNodeMarkup(pos, undefined, {\n                open: !currentNode.attrs.open,\n              })\n\n              return true\n            })\n            .setTextSelection({\n              from,\n              to,\n            })\n            .focus(undefined, { scrollIntoView: false })\n            .run()\n        }\n      })\n\n      return {\n        dom,\n        contentDOM: content,\n        ignoreMutation(mutation: ViewMutationRecord) {\n          if (mutation.type === 'selection') {\n            return false\n          }\n\n          return !dom.contains(mutation.target) || dom === mutation.target\n        },\n        update: updatedNode => {\n          if (updatedNode.type !== this.type) {\n            return false\n          }\n\n          // Only update the open state if set\n          if (updatedNode.attrs.open !== undefined) {\n            toggleDetailsContent(updatedNode.attrs.open)\n          }\n\n          return true\n        },\n      }\n    }\n  },\n\n  addCommands() {\n    return {\n      setDetails:\n        () =>\n        ({ state, chain }) => {\n          const { schema, selection } = state\n          const { $from, $to } = selection\n          const range = $from.blockRange($to)\n\n          if (!range) {\n            return false\n          }\n\n          const slice = state.doc.slice(range.start, range.end)\n          const match = schema.nodes.detailsContent.contentMatch.matchFragment(slice.content)\n\n          if (!match) {\n            return false\n          }\n\n          const content = slice.toJSON()?.content || []\n\n          return chain()\n            .insertContentAt(\n              { from: range.start, to: range.end },\n              {\n                type: this.name,\n                content: [\n                  {\n                    type: 'detailsSummary',\n                  },\n                  {\n                    type: 'detailsContent',\n                    content,\n                  },\n                ],\n              },\n            )\n            .setTextSelection(range.start + 2)\n            .run()\n        },\n\n      unsetDetails:\n        () =>\n        ({ state, chain }) => {\n          const { selection, schema } = state\n          const details = findParentNode(node => node.type === this.type)(selection)\n\n          if (!details) {\n            return false\n          }\n\n          const detailsSummaries = findChildren(details.node, node => node.type === schema.nodes.detailsSummary)\n          const detailsContents = findChildren(details.node, node => node.type === schema.nodes.detailsContent)\n\n          if (!detailsSummaries.length || !detailsContents.length) {\n            return false\n          }\n\n          const detailsSummary = detailsSummaries[0]\n          const detailsContent = detailsContents[0]\n          const from = details.pos\n          const $from = state.doc.resolve(from)\n          const to = from + details.node.nodeSize\n          const range = { from, to }\n          const content = (detailsContent.node.content.toJSON() as []) || []\n          const defaultTypeForSummary = $from.parent.type.contentMatch.defaultType\n\n          // TODO: this may break for some custom schemas\n          const summaryContent = defaultTypeForSummary?.create(null, detailsSummary.node.content).toJSON()\n          const mergedContent = [summaryContent, ...content]\n\n          return chain()\n            .insertContentAt(range, mergedContent)\n            .setTextSelection(from + 1)\n            .run()\n        },\n    }\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      Backspace: () => {\n        const { schema, selection } = this.editor.state\n        const { empty, $anchor } = selection\n\n        if (!empty || $anchor.parent.type !== schema.nodes.detailsSummary) {\n          return false\n        }\n\n        // for some reason safari removes the whole text content within a `<summary>`tag on backspace\n        // so we have to remove the text manually\n        // see: https://discuss.prosemirror.net/t/safari-backspace-bug-with-details-tag/4223\n        if ($anchor.parentOffset !== 0) {\n          return this.editor.commands.command(({ tr }) => {\n            const from = $anchor.pos - 1\n            const to = $anchor.pos\n\n            tr.delete(from, to)\n\n            return true\n          })\n        }\n\n        return this.editor.commands.unsetDetails()\n      },\n\n      // Creates a new node below it if it is closed.\n      // Otherwise inside `DetailsContent`.\n      Enter: ({ editor }) => {\n        const { state, view } = editor\n        const { schema, selection } = state\n        const { $head } = selection\n\n        if ($head.parent.type !== schema.nodes.detailsSummary) {\n          return false\n        }\n\n        const isVisible = isNodeVisible($head.after() + 1, editor)\n        const above = isVisible ? state.doc.nodeAt($head.after()) : $head.node(-2)\n\n        if (!above) {\n          return false\n        }\n\n        const after = isVisible ? 0 : $head.indexAfter(-1)\n        const type = defaultBlockAt(above.contentMatchAt(after))\n\n        if (!type || !above.canReplaceWith(after, after, type)) {\n          return false\n        }\n\n        const node = type.createAndFill()\n\n        if (!node) {\n          return false\n        }\n\n        const pos = isVisible ? $head.after() + 1 : $head.after(-1)\n        const tr = state.tr.replaceWith(pos, pos, node)\n        const $pos = tr.doc.resolve(pos)\n        const newSelection = Selection.near($pos, 1)\n\n        tr.setSelection(newSelection)\n        tr.scrollIntoView()\n        view.dispatch(tr)\n\n        return true\n      },\n\n      // The default gapcursor implementation can’t handle hidden content, so we need to fix this.\n      ArrowRight: ({ editor }) => {\n        return setGapCursor(editor, 'right')\n      },\n\n      // The default gapcursor implementation can’t handle hidden content, so we need to fix this.\n      ArrowDown: ({ editor }) => {\n        return setGapCursor(editor, 'down')\n      },\n    }\n  },\n\n  addProseMirrorPlugins() {\n    return [\n      // This plugin prevents text selections within the hidden content in `DetailsContent`.\n      // The cursor is moved to the next visible position.\n      new Plugin({\n        key: new PluginKey('detailsSelection'),\n        appendTransaction: (transactions, oldState, newState) => {\n          const { editor, type } = this\n          const selectionSet = transactions.some(transaction => transaction.selectionSet)\n\n          if (!selectionSet || !oldState.selection.empty || !newState.selection.empty) {\n            return\n          }\n\n          const detailsIsActive = isActive(newState, type.name)\n\n          if (!detailsIsActive) {\n            return\n          }\n\n          const { $from } = newState.selection\n          const isVisible = isNodeVisible($from.pos, editor)\n\n          if (isVisible) {\n            return\n          }\n\n          const details = findClosestVisibleNode($from, node => node.type === type, editor)\n\n          if (!details) {\n            return\n          }\n\n          const detailsSummaries = findChildren(\n            details.node,\n            node => node.type === newState.schema.nodes.detailsSummary,\n          )\n\n          if (!detailsSummaries.length) {\n            return\n          }\n\n          const detailsSummary = detailsSummaries[0]\n          const selectionDirection = oldState.selection.from < newState.selection.from ? 'forward' : 'backward'\n          const correctedPosition =\n            selectionDirection === 'forward'\n              ? details.start + detailsSummary.pos\n              : details.pos + detailsSummary.pos + detailsSummary.node.nodeSize\n          const selection = TextSelection.create(newState.doc, correctedPosition)\n          const transaction = newState.tr.setSelection(selection)\n\n          return transaction\n        },\n      }),\n    ]\n  },\n})\n","import type { Editor } from '@tiptap/core'\n\nexport const isNodeVisible = (position: number, editor: Editor): boolean => {\n  const node = editor.view.domAtPos(position).node as HTMLElement\n  const isOpen = node.offsetParent !== null\n\n  return isOpen\n}\n","import type { Editor, Predicate } from '@tiptap/core'\nimport type { Node as ProseMirrorNode, ResolvedPos } from '@tiptap/pm/model'\n\nimport { isNodeVisible } from './isNodeVisible.js'\n\nexport const findClosestVisibleNode = (\n  $pos: ResolvedPos,\n  predicate: Predicate,\n  editor: Editor,\n):\n  | {\n      pos: number\n      start: number\n      depth: number\n      node: ProseMirrorNode\n    }\n  | undefined => {\n  for (let i = $pos.depth; i > 0; i -= 1) {\n    const node = $pos.node(i)\n    const match = predicate(node)\n    const isVisible = isNodeVisible($pos.start(i), editor)\n\n    if (match && isVisible) {\n      return {\n        pos: i > 0 ? $pos.before(i) : 0,\n        start: $pos.start(i),\n        depth: i,\n        node,\n      }\n    }\n  }\n}\n","import type { Editor } from '@tiptap/core'\nimport { findChildren, findParentNode } from '@tiptap/core'\nimport { GapCursor } from '@tiptap/pm/gapcursor'\nimport type { ResolvedPos } from '@tiptap/pm/model'\nimport type { Selection } from '@tiptap/pm/state'\n\nimport { isNodeVisible } from './isNodeVisible.js'\n\nexport const setGapCursor = (editor: Editor, direction: 'down' | 'right') => {\n  const { state, view, extensionManager } = editor\n  const { schema, selection } = state\n  const { empty, $anchor } = selection\n  const hasGapCursorExtension = !!extensionManager.extensions.find(extension => extension.name === 'gapCursor')\n\n  if (!empty || $anchor.parent.type !== schema.nodes.detailsSummary || !hasGapCursorExtension) {\n    return false\n  }\n\n  if (direction === 'right' && $anchor.parentOffset !== $anchor.parent.nodeSize - 2) {\n    return false\n  }\n\n  const details = findParentNode(node => node.type === schema.nodes.details)(selection)\n\n  if (!details) {\n    return false\n  }\n\n  const detailsContent = findChildren(details.node, node => node.type === schema.nodes.detailsContent)\n\n  if (!detailsContent.length) {\n    return false\n  }\n\n  const isOpen = isNodeVisible(details.start + detailsContent[0].pos + 1, editor)\n\n  if (isOpen) {\n    return false\n  }\n\n  const $position = state.doc.resolve(details.pos + details.node.nodeSize)\n  const $validPosition = GapCursor.findFrom($position, 1, false) as unknown as null | ResolvedPos\n\n  if (!$validPosition) {\n    return false\n  }\n\n  const { tr } = state\n  const gapCursorSelection = new GapCursor($validPosition) as Selection\n\n  tr.setSelection(gapCursorSelection)\n  tr.scrollIntoView()\n  view.dispatch(tr)\n\n  return true\n}\n","import { defaultBlockAt, findParentNode, mergeAttributes, Node } from '@tiptap/core'\nimport { Selection } from '@tiptap/pm/state'\nimport type { ViewMutationRecord } from '@tiptap/pm/view'\n\nexport interface DetailsContentOptions {\n  /**\n   * Custom HTML attributes that should be added to the rendered HTML tag.\n   */\n  HTMLAttributes: {\n    [key: string]: any\n  }\n}\n\nexport const DetailsContent = Node.create<DetailsContentOptions>({\n  name: 'detailsContent',\n\n  content: 'block+',\n\n  defining: true,\n\n  selectable: false,\n\n  addOptions() {\n    return {\n      HTMLAttributes: {},\n    }\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: `div[data-type=\"${this.name}\"]`,\n      },\n    ]\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['div', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, { 'data-type': this.name }), 0]\n  },\n\n  addNodeView() {\n    return ({ HTMLAttributes }) => {\n      const dom = document.createElement('div')\n      const attributes = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {\n        'data-type': this.name,\n        hidden: 'hidden',\n      })\n\n      Object.entries(attributes).forEach(([key, value]) => dom.setAttribute(key, value))\n\n      dom.addEventListener('toggleDetailsContent', () => {\n        dom.toggleAttribute('hidden')\n      })\n\n      return {\n        dom,\n        contentDOM: dom,\n        ignoreMutation(mutation: ViewMutationRecord) {\n          if (mutation.type === 'selection') {\n            return false\n          }\n\n          return !dom.contains(mutation.target) || dom === mutation.target\n        },\n        update: updatedNode => {\n          if (updatedNode.type !== this.type) {\n            return false\n          }\n\n          return true\n        },\n      }\n    }\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      // Escape node on double enter\n      Enter: ({ editor }) => {\n        const { state, view } = editor\n        const { selection } = state\n        const { $from, empty } = selection\n        const detailsContent = findParentNode(node => node.type === this.type)(selection)\n\n        if (!empty || !detailsContent || !detailsContent.node.childCount) {\n          return false\n        }\n\n        const fromIndex = $from.index(detailsContent.depth)\n        const { childCount } = detailsContent.node\n        const isAtEnd = childCount === fromIndex + 1\n\n        if (!isAtEnd) {\n          return false\n        }\n\n        const defaultChildType = detailsContent.node.type.contentMatch.defaultType\n        const defaultChildNode = defaultChildType?.createAndFill()\n\n        if (!defaultChildNode) {\n          return false\n        }\n\n        const $childPos = state.doc.resolve(detailsContent.pos + 1)\n        const lastChildIndex = childCount - 1\n        const lastChildNode = detailsContent.node.child(lastChildIndex)\n        const lastChildPos = $childPos.posAtIndex(lastChildIndex, detailsContent.depth)\n        const lastChildNodeIsEmpty = lastChildNode.eq(defaultChildNode)\n\n        if (!lastChildNodeIsEmpty) {\n          return false\n        }\n\n        // get parent of details node\n        const above = $from.node(-3)\n\n        if (!above) {\n          return false\n        }\n\n        // get default node type after details node\n        const after = $from.indexAfter(-3)\n        const type = defaultBlockAt(above.contentMatchAt(after))\n\n        if (!type || !above.canReplaceWith(after, after, type)) {\n          return false\n        }\n\n        const node = type.createAndFill()\n\n        if (!node) {\n          return false\n        }\n\n        const { tr } = state\n        const pos = $from.after(-2)\n\n        tr.replaceWith(pos, pos, node)\n\n        const $pos = tr.doc.resolve(pos)\n        const newSelection = Selection.near($pos, 1)\n\n        tr.setSelection(newSelection)\n\n        const deleteFrom = lastChildPos\n        const deleteTo = lastChildPos + lastChildNode.nodeSize\n\n        tr.delete(deleteFrom, deleteTo)\n        tr.scrollIntoView()\n        view.dispatch(tr)\n\n        return true\n      },\n    }\n  },\n})\n","import { mergeAttributes, Node } from '@tiptap/core'\n\nexport interface DetailsSummaryOptions {\n  /**\n   * Custom HTML attributes that should be added to the rendered HTML tag.\n   */\n  HTMLAttributes: {\n    [key: string]: any\n  }\n}\n\nexport const DetailsSummary = Node.create<DetailsSummaryOptions>({\n  name: 'detailsSummary',\n\n  content: 'text*',\n\n  defining: true,\n\n  selectable: false,\n\n  isolating: true,\n\n  addOptions() {\n    return {\n      HTMLAttributes: {},\n    }\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'summary',\n      },\n    ]\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['summary', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]\n  },\n})\n"],"mappings":"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","names":["import_core","transaction","import_core","import_state","node","import_core"]}

package/dist/index.d.cts

@@ -32,4 +32,24 @@ declare module '@tiptap/core' {
 }
 declare const Details: Node<DetailsOptions, any>;
 
-export { Details, type DetailsOptions, Details as default };
+interface DetailsContentOptions {
+    /**
+     * Custom HTML attributes that should be added to the rendered HTML tag.
+     */
+    HTMLAttributes: {
+        [key: string]: any;
+    };
+}
+declare const DetailsContent: Node<DetailsContentOptions, any>;
+
+interface DetailsSummaryOptions {
+    /**
+     * Custom HTML attributes that should be added to the rendered HTML tag.
+     */
+    HTMLAttributes: {
+        [key: string]: any;
+    };
+}
+declare const DetailsSummary: Node<DetailsSummaryOptions, any>;
+
+export { Details, DetailsContent, type DetailsContentOptions, type DetailsOptions, DetailsSummary, type DetailsSummaryOptions, Details as default };

package/dist/index.d.ts

@@ -32,4 +32,24 @@ declare module '@tiptap/core' {
 }
 declare const Details: Node<DetailsOptions, any>;
 
-export { Details, type DetailsOptions, Details as default };
+interface DetailsContentOptions {
+    /**
+     * Custom HTML attributes that should be added to the rendered HTML tag.
+     */
+    HTMLAttributes: {
+        [key: string]: any;
+    };
+}
+declare const DetailsContent: Node<DetailsContentOptions, any>;
+
+interface DetailsSummaryOptions {
+    /**
+     * Custom HTML attributes that should be added to the rendered HTML tag.
+     */
+    HTMLAttributes: {
+        [key: string]: any;
+    };
+}
+declare const DetailsSummary: Node<DetailsSummaryOptions, any>;
+
+export { Details, DetailsContent, type DetailsContentOptions, type DetailsOptions, DetailsSummary, type DetailsSummaryOptions, Details as default };

package/dist/index.js

@@ -72,7 +72,7 @@ var Details = Node.create({
   group: "block",
   defining: true,
   isolating: true,
-  // @ts-ignore: allowGapCursor is not a valid option by default, dts on build doesnt pick this up
+  // @ts-ignore reason: `allowGapCursor` is not a valid property by default, but the `GapCursor` extension adds it to the Nodeconfig type
   allowGapCursor: false,
   addOptions() {
     return {
@@ -153,7 +153,7 @@ var Details = Node.create({
           const { from, to } = editor.state.selection;
           editor.chain().command(({ tr }) => {
             const pos = getPos();
-            if (pos === void 0) {
+            if (!pos) {
               return false;
             }
             const currentNode = tr.doc.nodeAt(pos);
@@ -352,10 +352,149 @@ var Details = Node.create({
   }
 });
 
+// src/content/details-content.ts
+import { defaultBlockAt as defaultBlockAt2, findParentNode as findParentNode3, mergeAttributes as mergeAttributes2, Node as Node2 } from "@tiptap/core";
+import { Selection as Selection2 } from "@tiptap/pm/state";
+var DetailsContent = Node2.create({
+  name: "detailsContent",
+  content: "block+",
+  defining: true,
+  selectable: false,
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: `div[data-type="${this.name}"]`
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes2(this.options.HTMLAttributes, HTMLAttributes, { "data-type": this.name }), 0];
+  },
+  addNodeView() {
+    return ({ HTMLAttributes }) => {
+      const dom = document.createElement("div");
+      const attributes = mergeAttributes2(this.options.HTMLAttributes, HTMLAttributes, {
+        "data-type": this.name,
+        hidden: "hidden"
+      });
+      Object.entries(attributes).forEach(([key, value]) => dom.setAttribute(key, value));
+      dom.addEventListener("toggleDetailsContent", () => {
+        dom.toggleAttribute("hidden");
+      });
+      return {
+        dom,
+        contentDOM: dom,
+        ignoreMutation(mutation) {
+          if (mutation.type === "selection") {
+            return false;
+          }
+          return !dom.contains(mutation.target) || dom === mutation.target;
+        },
+        update: (updatedNode) => {
+          if (updatedNode.type !== this.type) {
+            return false;
+          }
+          return true;
+        }
+      };
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      // Escape node on double enter
+      Enter: ({ editor }) => {
+        const { state, view } = editor;
+        const { selection } = state;
+        const { $from, empty } = selection;
+        const detailsContent = findParentNode3((node2) => node2.type === this.type)(selection);
+        if (!empty || !detailsContent || !detailsContent.node.childCount) {
+          return false;
+        }
+        const fromIndex = $from.index(detailsContent.depth);
+        const { childCount } = detailsContent.node;
+        const isAtEnd = childCount === fromIndex + 1;
+        if (!isAtEnd) {
+          return false;
+        }
+        const defaultChildType = detailsContent.node.type.contentMatch.defaultType;
+        const defaultChildNode = defaultChildType == null ? void 0 : defaultChildType.createAndFill();
+        if (!defaultChildNode) {
+          return false;
+        }
+        const $childPos = state.doc.resolve(detailsContent.pos + 1);
+        const lastChildIndex = childCount - 1;
+        const lastChildNode = detailsContent.node.child(lastChildIndex);
+        const lastChildPos = $childPos.posAtIndex(lastChildIndex, detailsContent.depth);
+        const lastChildNodeIsEmpty = lastChildNode.eq(defaultChildNode);
+        if (!lastChildNodeIsEmpty) {
+          return false;
+        }
+        const above = $from.node(-3);
+        if (!above) {
+          return false;
+        }
+        const after = $from.indexAfter(-3);
+        const type = defaultBlockAt2(above.contentMatchAt(after));
+        if (!type || !above.canReplaceWith(after, after, type)) {
+          return false;
+        }
+        const node = type.createAndFill();
+        if (!node) {
+          return false;
+        }
+        const { tr } = state;
+        const pos = $from.after(-2);
+        tr.replaceWith(pos, pos, node);
+        const $pos = tr.doc.resolve(pos);
+        const newSelection = Selection2.near($pos, 1);
+        tr.setSelection(newSelection);
+        const deleteFrom = lastChildPos;
+        const deleteTo = lastChildPos + lastChildNode.nodeSize;
+        tr.delete(deleteFrom, deleteTo);
+        tr.scrollIntoView();
+        view.dispatch(tr);
+        return true;
+      }
+    };
+  }
+});
+
+// src/summary/details-summary.ts
+import { mergeAttributes as mergeAttributes3, Node as Node3 } from "@tiptap/core";
+var DetailsSummary = Node3.create({
+  name: "detailsSummary",
+  content: "text*",
+  defining: true,
+  selectable: false,
+  isolating: true,
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "summary"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["summary", mergeAttributes3(this.options.HTMLAttributes, HTMLAttributes), 0];
+  }
+});
+
 // src/index.ts
 var index_default = Details;
 export {
   Details,
+  DetailsContent,
+  DetailsSummary,
   index_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/details.ts","../src/helpers/isNodeVisible.ts","../src/helpers/findClosestVisibleNode.ts","../src/helpers/setGapCursor.ts","../src/index.ts"],"sourcesContent":["import { defaultBlockAt, findChildren, findParentNode, isActive, mergeAttributes, Node } from '@tiptap/core'\nimport { Plugin, PluginKey, Selection, TextSelection } from '@tiptap/pm/state'\nimport type { ViewMutationRecord } from '@tiptap/pm/view'\n\nimport { findClosestVisibleNode } from './helpers/findClosestVisibleNode.js'\nimport { isNodeVisible } from './helpers/isNodeVisible.js'\nimport { setGapCursor } from './helpers/setGapCursor.js'\n\nexport interface DetailsOptions {\n  /**\n   * Specify if the open status should be saved in the document. Defaults to `false`.\n   */\n  persist: boolean\n  /**\n   * Specifies a CSS class that is set when toggling the content. Defaults to `is-open`.\n   */\n  openClassName: string\n  /**\n   * Custom HTML attributes that should be added to the rendered HTML tag.\n   */\n  HTMLAttributes: {\n    [key: string]: any\n  }\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    details: {\n      /**\n       * Set a details node\n       */\n      setDetails: () => ReturnType\n      /**\n       * Unset a details node\n       */\n      unsetDetails: () => ReturnType\n    }\n  }\n}\n\nexport const Details = Node.create<DetailsOptions>({\n  name: 'details',\n\n  content: 'detailsSummary detailsContent',\n\n  group: 'block',\n\n  defining: true,\n\n  isolating: true,\n\n  // @ts-ignore: allowGapCursor is not a valid option by default, dts on build doesnt pick this up\n  allowGapCursor: false,\n\n  addOptions() {\n    return {\n      persist: false,\n      openClassName: 'is-open',\n      HTMLAttributes: {},\n    }\n  },\n\n  addAttributes() {\n    if (!this.options.persist) {\n      return []\n    }\n\n    return {\n      open: {\n        default: false,\n        parseHTML: element => element.hasAttribute('open'),\n        renderHTML: ({ open }) => {\n          if (!open) {\n            return {}\n          }\n\n          return { open: '' }\n        },\n      },\n    }\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'details',\n      },\n    ]\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['details', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]\n  },\n\n  addNodeView() {\n    return ({ editor, getPos, node, HTMLAttributes }) => {\n      const dom = document.createElement('div')\n      const attributes = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {\n        'data-type': this.name,\n      })\n\n      Object.entries(attributes).forEach(([key, value]) => dom.setAttribute(key, value))\n\n      const toggle = document.createElement('button')\n\n      toggle.type = 'button'\n\n      dom.append(toggle)\n\n      const content = document.createElement('div')\n\n      dom.append(content)\n\n      const toggleDetailsContent = (setToValue?: boolean) => {\n        if (setToValue !== undefined) {\n          if (setToValue) {\n            if (dom.classList.contains(this.options.openClassName)) {\n              return\n            }\n            dom.classList.add(this.options.openClassName)\n          } else {\n            if (!dom.classList.contains(this.options.openClassName)) {\n              return\n            }\n            dom.classList.remove(this.options.openClassName)\n          }\n        } else {\n          dom.classList.toggle(this.options.openClassName)\n        }\n\n        const event = new Event('toggleDetailsContent')\n        const detailsContent = content.querySelector(':scope > div[data-type=\"detailsContent\"]')\n\n        detailsContent?.dispatchEvent(event)\n      }\n\n      if (node.attrs.open) {\n        setTimeout(() => toggleDetailsContent())\n      }\n\n      toggle.addEventListener('click', () => {\n        toggleDetailsContent()\n\n        if (!this.options.persist) {\n          editor.commands.focus(undefined, { scrollIntoView: false })\n\n          return\n        }\n\n        if (editor.isEditable && typeof getPos === 'function') {\n          const { from, to } = editor.state.selection\n\n          editor\n            .chain()\n            .command(({ tr }) => {\n              const pos = getPos()\n              if (pos === undefined) {\n                return false\n              }\n\n              const currentNode = tr.doc.nodeAt(pos)\n\n              if (currentNode?.type !== this.type) {\n                return false\n              }\n\n              tr.setNodeMarkup(pos, undefined, {\n                open: !currentNode.attrs.open,\n              })\n\n              return true\n            })\n            .setTextSelection({\n              from,\n              to,\n            })\n            .focus(undefined, { scrollIntoView: false })\n            .run()\n        }\n      })\n\n      return {\n        dom,\n        contentDOM: content,\n        ignoreMutation(mutation: ViewMutationRecord) {\n          if (mutation.type === 'selection') {\n            return false\n          }\n\n          return !dom.contains(mutation.target) || dom === mutation.target\n        },\n        update: updatedNode => {\n          if (updatedNode.type !== this.type) {\n            return false\n          }\n\n          // Only update the open state if set\n          if (updatedNode.attrs.open !== undefined) {\n            toggleDetailsContent(updatedNode.attrs.open)\n          }\n\n          return true\n        },\n      }\n    }\n  },\n\n  addCommands() {\n    return {\n      setDetails:\n        () =>\n        ({ state, chain }) => {\n          const { schema, selection } = state\n          const { $from, $to } = selection\n          const range = $from.blockRange($to)\n\n          if (!range) {\n            return false\n          }\n\n          const slice = state.doc.slice(range.start, range.end)\n          const match = schema.nodes.detailsContent.contentMatch.matchFragment(slice.content)\n\n          if (!match) {\n            return false\n          }\n\n          const content = slice.toJSON()?.content || []\n\n          return chain()\n            .insertContentAt(\n              { from: range.start, to: range.end },\n              {\n                type: this.name,\n                content: [\n                  {\n                    type: 'detailsSummary',\n                  },\n                  {\n                    type: 'detailsContent',\n                    content,\n                  },\n                ],\n              },\n            )\n            .setTextSelection(range.start + 2)\n            .run()\n        },\n\n      unsetDetails:\n        () =>\n        ({ state, chain }) => {\n          const { selection, schema } = state\n          const details = findParentNode(node => node.type === this.type)(selection)\n\n          if (!details) {\n            return false\n          }\n\n          const detailsSummaries = findChildren(details.node, node => node.type === schema.nodes.detailsSummary)\n          const detailsContents = findChildren(details.node, node => node.type === schema.nodes.detailsContent)\n\n          if (!detailsSummaries.length || !detailsContents.length) {\n            return false\n          }\n\n          const detailsSummary = detailsSummaries[0]\n          const detailsContent = detailsContents[0]\n          const from = details.pos\n          const $from = state.doc.resolve(from)\n          const to = from + details.node.nodeSize\n          const range = { from, to }\n          const content = (detailsContent.node.content.toJSON() as []) || []\n          const defaultTypeForSummary = $from.parent.type.contentMatch.defaultType\n\n          // TODO: this may break for some custom schemas\n          const summaryContent = defaultTypeForSummary?.create(null, detailsSummary.node.content).toJSON()\n          const mergedContent = [summaryContent, ...content]\n\n          return chain()\n            .insertContentAt(range, mergedContent)\n            .setTextSelection(from + 1)\n            .run()\n        },\n    }\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      Backspace: () => {\n        const { schema, selection } = this.editor.state\n        const { empty, $anchor } = selection\n\n        if (!empty || $anchor.parent.type !== schema.nodes.detailsSummary) {\n          return false\n        }\n\n        // for some reason safari removes the whole text content within a `<summary>`tag on backspace\n        // so we have to remove the text manually\n        // see: https://discuss.prosemirror.net/t/safari-backspace-bug-with-details-tag/4223\n        if ($anchor.parentOffset !== 0) {\n          return this.editor.commands.command(({ tr }) => {\n            const from = $anchor.pos - 1\n            const to = $anchor.pos\n\n            tr.delete(from, to)\n\n            return true\n          })\n        }\n\n        return this.editor.commands.unsetDetails()\n      },\n\n      // Creates a new node below it if it is closed.\n      // Otherwise inside `DetailsContent`.\n      Enter: ({ editor }) => {\n        const { state, view } = editor\n        const { schema, selection } = state\n        const { $head } = selection\n\n        if ($head.parent.type !== schema.nodes.detailsSummary) {\n          return false\n        }\n\n        const isVisible = isNodeVisible($head.after() + 1, editor)\n        const above = isVisible ? state.doc.nodeAt($head.after()) : $head.node(-2)\n\n        if (!above) {\n          return false\n        }\n\n        const after = isVisible ? 0 : $head.indexAfter(-1)\n        const type = defaultBlockAt(above.contentMatchAt(after))\n\n        if (!type || !above.canReplaceWith(after, after, type)) {\n          return false\n        }\n\n        const node = type.createAndFill()\n\n        if (!node) {\n          return false\n        }\n\n        const pos = isVisible ? $head.after() + 1 : $head.after(-1)\n        const tr = state.tr.replaceWith(pos, pos, node)\n        const $pos = tr.doc.resolve(pos)\n        const newSelection = Selection.near($pos, 1)\n\n        tr.setSelection(newSelection)\n        tr.scrollIntoView()\n        view.dispatch(tr)\n\n        return true\n      },\n\n      // The default gapcursor implementation can’t handle hidden content, so we need to fix this.\n      ArrowRight: ({ editor }) => {\n        return setGapCursor(editor, 'right')\n      },\n\n      // The default gapcursor implementation can’t handle hidden content, so we need to fix this.\n      ArrowDown: ({ editor }) => {\n        return setGapCursor(editor, 'down')\n      },\n    }\n  },\n\n  addProseMirrorPlugins() {\n    return [\n      // This plugin prevents text selections within the hidden content in `DetailsContent`.\n      // The cursor is moved to the next visible position.\n      new Plugin({\n        key: new PluginKey('detailsSelection'),\n        appendTransaction: (transactions, oldState, newState) => {\n          const { editor, type } = this\n          const selectionSet = transactions.some(transaction => transaction.selectionSet)\n\n          if (!selectionSet || !oldState.selection.empty || !newState.selection.empty) {\n            return\n          }\n\n          const detailsIsActive = isActive(newState, type.name)\n\n          if (!detailsIsActive) {\n            return\n          }\n\n          const { $from } = newState.selection\n          const isVisible = isNodeVisible($from.pos, editor)\n\n          if (isVisible) {\n            return\n          }\n\n          const details = findClosestVisibleNode($from, node => node.type === type, editor)\n\n          if (!details) {\n            return\n          }\n\n          const detailsSummaries = findChildren(\n            details.node,\n            node => node.type === newState.schema.nodes.detailsSummary,\n          )\n\n          if (!detailsSummaries.length) {\n            return\n          }\n\n          const detailsSummary = detailsSummaries[0]\n          const selectionDirection = oldState.selection.from < newState.selection.from ? 'forward' : 'backward'\n          const correctedPosition =\n            selectionDirection === 'forward'\n              ? details.start + detailsSummary.pos\n              : details.pos + detailsSummary.pos + detailsSummary.node.nodeSize\n          const selection = TextSelection.create(newState.doc, correctedPosition)\n          const transaction = newState.tr.setSelection(selection)\n\n          return transaction\n        },\n      }),\n    ]\n  },\n})\n","import type { Editor } from '@tiptap/core'\n\nexport const isNodeVisible = (position: number, editor: Editor): boolean => {\n  const node = editor.view.domAtPos(position).node as HTMLElement\n  const isOpen = node.offsetParent !== null\n\n  return isOpen\n}\n","import type { Editor, Predicate } from '@tiptap/core'\nimport type { Node as ProseMirrorNode, ResolvedPos } from '@tiptap/pm/model'\n\nimport { isNodeVisible } from './isNodeVisible.js'\n\nexport const findClosestVisibleNode = (\n  $pos: ResolvedPos,\n  predicate: Predicate,\n  editor: Editor,\n):\n  | {\n      pos: number\n      start: number\n      depth: number\n      node: ProseMirrorNode\n    }\n  | undefined => {\n  for (let i = $pos.depth; i > 0; i -= 1) {\n    const node = $pos.node(i)\n    const match = predicate(node)\n    const isVisible = isNodeVisible($pos.start(i), editor)\n\n    if (match && isVisible) {\n      return {\n        pos: i > 0 ? $pos.before(i) : 0,\n        start: $pos.start(i),\n        depth: i,\n        node,\n      }\n    }\n  }\n}\n","import type { Editor } from '@tiptap/core'\nimport { findChildren, findParentNode } from '@tiptap/core'\nimport { GapCursor } from '@tiptap/pm/gapcursor'\nimport type { ResolvedPos } from '@tiptap/pm/model'\nimport type { Selection } from '@tiptap/pm/state'\n\nimport { isNodeVisible } from './isNodeVisible.js'\n\nexport const setGapCursor = (editor: Editor, direction: 'down' | 'right') => {\n  const { state, view, extensionManager } = editor\n  const { schema, selection } = state\n  const { empty, $anchor } = selection\n  const hasGapCursorExtension = !!extensionManager.extensions.find(extension => extension.name === 'gapCursor')\n\n  if (!empty || $anchor.parent.type !== schema.nodes.detailsSummary || !hasGapCursorExtension) {\n    return false\n  }\n\n  if (direction === 'right' && $anchor.parentOffset !== $anchor.parent.nodeSize - 2) {\n    return false\n  }\n\n  const details = findParentNode(node => node.type === schema.nodes.details)(selection)\n\n  if (!details) {\n    return false\n  }\n\n  const detailsContent = findChildren(details.node, node => node.type === schema.nodes.detailsContent)\n\n  if (!detailsContent.length) {\n    return false\n  }\n\n  const isOpen = isNodeVisible(details.start + detailsContent[0].pos + 1, editor)\n\n  if (isOpen) {\n    return false\n  }\n\n  const $position = state.doc.resolve(details.pos + details.node.nodeSize)\n  const $validPosition = GapCursor.findFrom($position, 1, false) as unknown as null | ResolvedPos\n\n  if (!$validPosition) {\n    return false\n  }\n\n  const { tr } = state\n  const gapCursorSelection = new GapCursor($validPosition) as Selection\n\n  tr.setSelection(gapCursorSelection)\n  tr.scrollIntoView()\n  view.dispatch(tr)\n\n  return true\n}\n","import { Details } from './details.js'\n\nexport * from './details.js'\n\nexport default Details\n"],"mappings":"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","names":["findChildren","findParentNode","findParentNode","findChildren","transaction"]}
+{"version":3,"sources":["../src/details.ts","../src/helpers/isNodeVisible.ts","../src/helpers/findClosestVisibleNode.ts","../src/helpers/setGapCursor.ts","../src/content/details-content.ts","../src/summary/details-summary.ts","../src/index.ts"],"sourcesContent":["import { defaultBlockAt, findChildren, findParentNode, isActive, mergeAttributes, Node } from '@tiptap/core'\nimport { Plugin, PluginKey, Selection, TextSelection } from '@tiptap/pm/state'\nimport type { ViewMutationRecord } from '@tiptap/pm/view'\n\nimport { findClosestVisibleNode } from './helpers/findClosestVisibleNode.js'\nimport { isNodeVisible } from './helpers/isNodeVisible.js'\nimport { setGapCursor } from './helpers/setGapCursor.js'\n\nexport interface DetailsOptions {\n  /**\n   * Specify if the open status should be saved in the document. Defaults to `false`.\n   */\n  persist: boolean\n  /**\n   * Specifies a CSS class that is set when toggling the content. Defaults to `is-open`.\n   */\n  openClassName: string\n  /**\n   * Custom HTML attributes that should be added to the rendered HTML tag.\n   */\n  HTMLAttributes: {\n    [key: string]: any\n  }\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    details: {\n      /**\n       * Set a details node\n       */\n      setDetails: () => ReturnType\n      /**\n       * Unset a details node\n       */\n      unsetDetails: () => ReturnType\n    }\n  }\n}\n\nexport const Details = Node.create<DetailsOptions>({\n  name: 'details',\n\n  content: 'detailsSummary detailsContent',\n\n  group: 'block',\n\n  defining: true,\n\n  isolating: true,\n\n  // @ts-ignore reason: `allowGapCursor` is not a valid property by default, but the `GapCursor` extension adds it to the Nodeconfig type\n  allowGapCursor: false,\n\n  addOptions() {\n    return {\n      persist: false,\n      openClassName: 'is-open',\n      HTMLAttributes: {},\n    }\n  },\n\n  addAttributes() {\n    if (!this.options.persist) {\n      return []\n    }\n\n    return {\n      open: {\n        default: false,\n        parseHTML: element => element.hasAttribute('open'),\n        renderHTML: ({ open }) => {\n          if (!open) {\n            return {}\n          }\n\n          return { open: '' }\n        },\n      },\n    }\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'details',\n      },\n    ]\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['details', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]\n  },\n\n  addNodeView() {\n    return ({ editor, getPos, node, HTMLAttributes }) => {\n      const dom = document.createElement('div')\n      const attributes = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {\n        'data-type': this.name,\n      })\n\n      Object.entries(attributes).forEach(([key, value]) => dom.setAttribute(key, value))\n\n      const toggle = document.createElement('button')\n\n      toggle.type = 'button'\n\n      dom.append(toggle)\n\n      const content = document.createElement('div')\n\n      dom.append(content)\n\n      const toggleDetailsContent = (setToValue?: boolean) => {\n        if (setToValue !== undefined) {\n          if (setToValue) {\n            if (dom.classList.contains(this.options.openClassName)) {\n              return\n            }\n            dom.classList.add(this.options.openClassName)\n          } else {\n            if (!dom.classList.contains(this.options.openClassName)) {\n              return\n            }\n            dom.classList.remove(this.options.openClassName)\n          }\n        } else {\n          dom.classList.toggle(this.options.openClassName)\n        }\n\n        const event = new Event('toggleDetailsContent')\n        const detailsContent = content.querySelector(':scope > div[data-type=\"detailsContent\"]')\n\n        detailsContent?.dispatchEvent(event)\n      }\n\n      if (node.attrs.open) {\n        setTimeout(() => toggleDetailsContent())\n      }\n\n      toggle.addEventListener('click', () => {\n        toggleDetailsContent()\n\n        if (!this.options.persist) {\n          editor.commands.focus(undefined, { scrollIntoView: false })\n\n          return\n        }\n\n        if (editor.isEditable && typeof getPos === 'function') {\n          const { from, to } = editor.state.selection\n\n          editor\n            .chain()\n            .command(({ tr }) => {\n              const pos = getPos()\n\n              if (!pos) {\n                return false\n              }\n\n              const currentNode = tr.doc.nodeAt(pos)\n\n              if (currentNode?.type !== this.type) {\n                return false\n              }\n\n              tr.setNodeMarkup(pos, undefined, {\n                open: !currentNode.attrs.open,\n              })\n\n              return true\n            })\n            .setTextSelection({\n              from,\n              to,\n            })\n            .focus(undefined, { scrollIntoView: false })\n            .run()\n        }\n      })\n\n      return {\n        dom,\n        contentDOM: content,\n        ignoreMutation(mutation: ViewMutationRecord) {\n          if (mutation.type === 'selection') {\n            return false\n          }\n\n          return !dom.contains(mutation.target) || dom === mutation.target\n        },\n        update: updatedNode => {\n          if (updatedNode.type !== this.type) {\n            return false\n          }\n\n          // Only update the open state if set\n          if (updatedNode.attrs.open !== undefined) {\n            toggleDetailsContent(updatedNode.attrs.open)\n          }\n\n          return true\n        },\n      }\n    }\n  },\n\n  addCommands() {\n    return {\n      setDetails:\n        () =>\n        ({ state, chain }) => {\n          const { schema, selection } = state\n          const { $from, $to } = selection\n          const range = $from.blockRange($to)\n\n          if (!range) {\n            return false\n          }\n\n          const slice = state.doc.slice(range.start, range.end)\n          const match = schema.nodes.detailsContent.contentMatch.matchFragment(slice.content)\n\n          if (!match) {\n            return false\n          }\n\n          const content = slice.toJSON()?.content || []\n\n          return chain()\n            .insertContentAt(\n              { from: range.start, to: range.end },\n              {\n                type: this.name,\n                content: [\n                  {\n                    type: 'detailsSummary',\n                  },\n                  {\n                    type: 'detailsContent',\n                    content,\n                  },\n                ],\n              },\n            )\n            .setTextSelection(range.start + 2)\n            .run()\n        },\n\n      unsetDetails:\n        () =>\n        ({ state, chain }) => {\n          const { selection, schema } = state\n          const details = findParentNode(node => node.type === this.type)(selection)\n\n          if (!details) {\n            return false\n          }\n\n          const detailsSummaries = findChildren(details.node, node => node.type === schema.nodes.detailsSummary)\n          const detailsContents = findChildren(details.node, node => node.type === schema.nodes.detailsContent)\n\n          if (!detailsSummaries.length || !detailsContents.length) {\n            return false\n          }\n\n          const detailsSummary = detailsSummaries[0]\n          const detailsContent = detailsContents[0]\n          const from = details.pos\n          const $from = state.doc.resolve(from)\n          const to = from + details.node.nodeSize\n          const range = { from, to }\n          const content = (detailsContent.node.content.toJSON() as []) || []\n          const defaultTypeForSummary = $from.parent.type.contentMatch.defaultType\n\n          // TODO: this may break for some custom schemas\n          const summaryContent = defaultTypeForSummary?.create(null, detailsSummary.node.content).toJSON()\n          const mergedContent = [summaryContent, ...content]\n\n          return chain()\n            .insertContentAt(range, mergedContent)\n            .setTextSelection(from + 1)\n            .run()\n        },\n    }\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      Backspace: () => {\n        const { schema, selection } = this.editor.state\n        const { empty, $anchor } = selection\n\n        if (!empty || $anchor.parent.type !== schema.nodes.detailsSummary) {\n          return false\n        }\n\n        // for some reason safari removes the whole text content within a `<summary>`tag on backspace\n        // so we have to remove the text manually\n        // see: https://discuss.prosemirror.net/t/safari-backspace-bug-with-details-tag/4223\n        if ($anchor.parentOffset !== 0) {\n          return this.editor.commands.command(({ tr }) => {\n            const from = $anchor.pos - 1\n            const to = $anchor.pos\n\n            tr.delete(from, to)\n\n            return true\n          })\n        }\n\n        return this.editor.commands.unsetDetails()\n      },\n\n      // Creates a new node below it if it is closed.\n      // Otherwise inside `DetailsContent`.\n      Enter: ({ editor }) => {\n        const { state, view } = editor\n        const { schema, selection } = state\n        const { $head } = selection\n\n        if ($head.parent.type !== schema.nodes.detailsSummary) {\n          return false\n        }\n\n        const isVisible = isNodeVisible($head.after() + 1, editor)\n        const above = isVisible ? state.doc.nodeAt($head.after()) : $head.node(-2)\n\n        if (!above) {\n          return false\n        }\n\n        const after = isVisible ? 0 : $head.indexAfter(-1)\n        const type = defaultBlockAt(above.contentMatchAt(after))\n\n        if (!type || !above.canReplaceWith(after, after, type)) {\n          return false\n        }\n\n        const node = type.createAndFill()\n\n        if (!node) {\n          return false\n        }\n\n        const pos = isVisible ? $head.after() + 1 : $head.after(-1)\n        const tr = state.tr.replaceWith(pos, pos, node)\n        const $pos = tr.doc.resolve(pos)\n        const newSelection = Selection.near($pos, 1)\n\n        tr.setSelection(newSelection)\n        tr.scrollIntoView()\n        view.dispatch(tr)\n\n        return true\n      },\n\n      // The default gapcursor implementation can’t handle hidden content, so we need to fix this.\n      ArrowRight: ({ editor }) => {\n        return setGapCursor(editor, 'right')\n      },\n\n      // The default gapcursor implementation can’t handle hidden content, so we need to fix this.\n      ArrowDown: ({ editor }) => {\n        return setGapCursor(editor, 'down')\n      },\n    }\n  },\n\n  addProseMirrorPlugins() {\n    return [\n      // This plugin prevents text selections within the hidden content in `DetailsContent`.\n      // The cursor is moved to the next visible position.\n      new Plugin({\n        key: new PluginKey('detailsSelection'),\n        appendTransaction: (transactions, oldState, newState) => {\n          const { editor, type } = this\n          const selectionSet = transactions.some(transaction => transaction.selectionSet)\n\n          if (!selectionSet || !oldState.selection.empty || !newState.selection.empty) {\n            return\n          }\n\n          const detailsIsActive = isActive(newState, type.name)\n\n          if (!detailsIsActive) {\n            return\n          }\n\n          const { $from } = newState.selection\n          const isVisible = isNodeVisible($from.pos, editor)\n\n          if (isVisible) {\n            return\n          }\n\n          const details = findClosestVisibleNode($from, node => node.type === type, editor)\n\n          if (!details) {\n            return\n          }\n\n          const detailsSummaries = findChildren(\n            details.node,\n            node => node.type === newState.schema.nodes.detailsSummary,\n          )\n\n          if (!detailsSummaries.length) {\n            return\n          }\n\n          const detailsSummary = detailsSummaries[0]\n          const selectionDirection = oldState.selection.from < newState.selection.from ? 'forward' : 'backward'\n          const correctedPosition =\n            selectionDirection === 'forward'\n              ? details.start + detailsSummary.pos\n              : details.pos + detailsSummary.pos + detailsSummary.node.nodeSize\n          const selection = TextSelection.create(newState.doc, correctedPosition)\n          const transaction = newState.tr.setSelection(selection)\n\n          return transaction\n        },\n      }),\n    ]\n  },\n})\n","import type { Editor } from '@tiptap/core'\n\nexport const isNodeVisible = (position: number, editor: Editor): boolean => {\n  const node = editor.view.domAtPos(position).node as HTMLElement\n  const isOpen = node.offsetParent !== null\n\n  return isOpen\n}\n","import type { Editor, Predicate } from '@tiptap/core'\nimport type { Node as ProseMirrorNode, ResolvedPos } from '@tiptap/pm/model'\n\nimport { isNodeVisible } from './isNodeVisible.js'\n\nexport const findClosestVisibleNode = (\n  $pos: ResolvedPos,\n  predicate: Predicate,\n  editor: Editor,\n):\n  | {\n      pos: number\n      start: number\n      depth: number\n      node: ProseMirrorNode\n    }\n  | undefined => {\n  for (let i = $pos.depth; i > 0; i -= 1) {\n    const node = $pos.node(i)\n    const match = predicate(node)\n    const isVisible = isNodeVisible($pos.start(i), editor)\n\n    if (match && isVisible) {\n      return {\n        pos: i > 0 ? $pos.before(i) : 0,\n        start: $pos.start(i),\n        depth: i,\n        node,\n      }\n    }\n  }\n}\n","import type { Editor } from '@tiptap/core'\nimport { findChildren, findParentNode } from '@tiptap/core'\nimport { GapCursor } from '@tiptap/pm/gapcursor'\nimport type { ResolvedPos } from '@tiptap/pm/model'\nimport type { Selection } from '@tiptap/pm/state'\n\nimport { isNodeVisible } from './isNodeVisible.js'\n\nexport const setGapCursor = (editor: Editor, direction: 'down' | 'right') => {\n  const { state, view, extensionManager } = editor\n  const { schema, selection } = state\n  const { empty, $anchor } = selection\n  const hasGapCursorExtension = !!extensionManager.extensions.find(extension => extension.name === 'gapCursor')\n\n  if (!empty || $anchor.parent.type !== schema.nodes.detailsSummary || !hasGapCursorExtension) {\n    return false\n  }\n\n  if (direction === 'right' && $anchor.parentOffset !== $anchor.parent.nodeSize - 2) {\n    return false\n  }\n\n  const details = findParentNode(node => node.type === schema.nodes.details)(selection)\n\n  if (!details) {\n    return false\n  }\n\n  const detailsContent = findChildren(details.node, node => node.type === schema.nodes.detailsContent)\n\n  if (!detailsContent.length) {\n    return false\n  }\n\n  const isOpen = isNodeVisible(details.start + detailsContent[0].pos + 1, editor)\n\n  if (isOpen) {\n    return false\n  }\n\n  const $position = state.doc.resolve(details.pos + details.node.nodeSize)\n  const $validPosition = GapCursor.findFrom($position, 1, false) as unknown as null | ResolvedPos\n\n  if (!$validPosition) {\n    return false\n  }\n\n  const { tr } = state\n  const gapCursorSelection = new GapCursor($validPosition) as Selection\n\n  tr.setSelection(gapCursorSelection)\n  tr.scrollIntoView()\n  view.dispatch(tr)\n\n  return true\n}\n","import { defaultBlockAt, findParentNode, mergeAttributes, Node } from '@tiptap/core'\nimport { Selection } from '@tiptap/pm/state'\nimport type { ViewMutationRecord } from '@tiptap/pm/view'\n\nexport interface DetailsContentOptions {\n  /**\n   * Custom HTML attributes that should be added to the rendered HTML tag.\n   */\n  HTMLAttributes: {\n    [key: string]: any\n  }\n}\n\nexport const DetailsContent = Node.create<DetailsContentOptions>({\n  name: 'detailsContent',\n\n  content: 'block+',\n\n  defining: true,\n\n  selectable: false,\n\n  addOptions() {\n    return {\n      HTMLAttributes: {},\n    }\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: `div[data-type=\"${this.name}\"]`,\n      },\n    ]\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['div', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, { 'data-type': this.name }), 0]\n  },\n\n  addNodeView() {\n    return ({ HTMLAttributes }) => {\n      const dom = document.createElement('div')\n      const attributes = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {\n        'data-type': this.name,\n        hidden: 'hidden',\n      })\n\n      Object.entries(attributes).forEach(([key, value]) => dom.setAttribute(key, value))\n\n      dom.addEventListener('toggleDetailsContent', () => {\n        dom.toggleAttribute('hidden')\n      })\n\n      return {\n        dom,\n        contentDOM: dom,\n        ignoreMutation(mutation: ViewMutationRecord) {\n          if (mutation.type === 'selection') {\n            return false\n          }\n\n          return !dom.contains(mutation.target) || dom === mutation.target\n        },\n        update: updatedNode => {\n          if (updatedNode.type !== this.type) {\n            return false\n          }\n\n          return true\n        },\n      }\n    }\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      // Escape node on double enter\n      Enter: ({ editor }) => {\n        const { state, view } = editor\n        const { selection } = state\n        const { $from, empty } = selection\n        const detailsContent = findParentNode(node => node.type === this.type)(selection)\n\n        if (!empty || !detailsContent || !detailsContent.node.childCount) {\n          return false\n        }\n\n        const fromIndex = $from.index(detailsContent.depth)\n        const { childCount } = detailsContent.node\n        const isAtEnd = childCount === fromIndex + 1\n\n        if (!isAtEnd) {\n          return false\n        }\n\n        const defaultChildType = detailsContent.node.type.contentMatch.defaultType\n        const defaultChildNode = defaultChildType?.createAndFill()\n\n        if (!defaultChildNode) {\n          return false\n        }\n\n        const $childPos = state.doc.resolve(detailsContent.pos + 1)\n        const lastChildIndex = childCount - 1\n        const lastChildNode = detailsContent.node.child(lastChildIndex)\n        const lastChildPos = $childPos.posAtIndex(lastChildIndex, detailsContent.depth)\n        const lastChildNodeIsEmpty = lastChildNode.eq(defaultChildNode)\n\n        if (!lastChildNodeIsEmpty) {\n          return false\n        }\n\n        // get parent of details node\n        const above = $from.node(-3)\n\n        if (!above) {\n          return false\n        }\n\n        // get default node type after details node\n        const after = $from.indexAfter(-3)\n        const type = defaultBlockAt(above.contentMatchAt(after))\n\n        if (!type || !above.canReplaceWith(after, after, type)) {\n          return false\n        }\n\n        const node = type.createAndFill()\n\n        if (!node) {\n          return false\n        }\n\n        const { tr } = state\n        const pos = $from.after(-2)\n\n        tr.replaceWith(pos, pos, node)\n\n        const $pos = tr.doc.resolve(pos)\n        const newSelection = Selection.near($pos, 1)\n\n        tr.setSelection(newSelection)\n\n        const deleteFrom = lastChildPos\n        const deleteTo = lastChildPos + lastChildNode.nodeSize\n\n        tr.delete(deleteFrom, deleteTo)\n        tr.scrollIntoView()\n        view.dispatch(tr)\n\n        return true\n      },\n    }\n  },\n})\n","import { mergeAttributes, Node } from '@tiptap/core'\n\nexport interface DetailsSummaryOptions {\n  /**\n   * Custom HTML attributes that should be added to the rendered HTML tag.\n   */\n  HTMLAttributes: {\n    [key: string]: any\n  }\n}\n\nexport const DetailsSummary = Node.create<DetailsSummaryOptions>({\n  name: 'detailsSummary',\n\n  content: 'text*',\n\n  defining: true,\n\n  selectable: false,\n\n  isolating: true,\n\n  addOptions() {\n    return {\n      HTMLAttributes: {},\n    }\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'summary',\n      },\n    ]\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['summary', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]\n  },\n})\n","import { Details } from './details.js'\n\nexport * from './content/index.js'\nexport * from './details.js'\nexport * from './summary/index.js'\n\nexport default Details\n"],"mappings":";AAAA,SAAS,gBAAgB,gBAAAA,eAAc,kBAAAC,iBAAgB,UAAU,iBAAiB,YAAY;AAC9F,SAAS,QAAQ,WAAW,WAAW,qBAAqB;;;ACCrD,IAAM,gBAAgB,CAAC,UAAkB,WAA4B;AAC1E,QAAM,OAAO,OAAO,KAAK,SAAS,QAAQ,EAAE;AAC5C,QAAM,SAAS,KAAK,iBAAiB;AAErC,SAAO;AACT;;;ACFO,IAAM,yBAAyB,CACpC,MACA,WACA,WAQe;AACf,WAAS,IAAI,KAAK,OAAO,IAAI,GAAG,KAAK,GAAG;AACtC,UAAM,OAAO,KAAK,KAAK,CAAC;AACxB,UAAM,QAAQ,UAAU,IAAI;AAC5B,UAAM,YAAY,cAAc,KAAK,MAAM,CAAC,GAAG,MAAM;AAErD,QAAI,SAAS,WAAW;AACtB,aAAO;AAAA,QACL,KAAK,IAAI,IAAI,KAAK,OAAO,CAAC,IAAI;AAAA,QAC9B,OAAO,KAAK,MAAM,CAAC;AAAA,QACnB,OAAO;AAAA,QACP;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;;;AC9BA,SAAS,cAAc,sBAAsB;AAC7C,SAAS,iBAAiB;AAMnB,IAAM,eAAe,CAAC,QAAgB,cAAgC;AAC3E,QAAM,EAAE,OAAO,MAAM,iBAAiB,IAAI;AAC1C,QAAM,EAAE,QAAQ,UAAU,IAAI;AAC9B,QAAM,EAAE,OAAO,QAAQ,IAAI;AAC3B,QAAM,wBAAwB,CAAC,CAAC,iBAAiB,WAAW,KAAK,eAAa,UAAU,SAAS,WAAW;AAE5G,MAAI,CAAC,SAAS,QAAQ,OAAO,SAAS,OAAO,MAAM,kBAAkB,CAAC,uBAAuB;AAC3F,WAAO;AAAA,EACT;AAEA,MAAI,cAAc,WAAW,QAAQ,iBAAiB,QAAQ,OAAO,WAAW,GAAG;AACjF,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,eAAe,UAAQ,KAAK,SAAS,OAAO,MAAM,OAAO,EAAE,SAAS;AAEpF,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB,aAAa,QAAQ,MAAM,UAAQ,KAAK,SAAS,OAAO,MAAM,cAAc;AAEnG,MAAI,CAAC,eAAe,QAAQ;AAC1B,WAAO;AAAA,EACT;AAEA,QAAM,SAAS,cAAc,QAAQ,QAAQ,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM;AAE9E,MAAI,QAAQ;AACV,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,MAAM,IAAI,QAAQ,QAAQ,MAAM,QAAQ,KAAK,QAAQ;AACvE,QAAM,iBAAiB,UAAU,SAAS,WAAW,GAAG,KAAK;AAE7D,MAAI,CAAC,gBAAgB;AACnB,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,GAAG,IAAI;AACf,QAAM,qBAAqB,IAAI,UAAU,cAAc;AAEvD,KAAG,aAAa,kBAAkB;AAClC,KAAG,eAAe;AAClB,OAAK,SAAS,EAAE;AAEhB,SAAO;AACT;;;AHfO,IAAM,UAAU,KAAK,OAAuB;AAAA,EACjD,MAAM;AAAA,EAEN,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,UAAU;AAAA,EAEV,WAAW;AAAA;AAAA,EAGX,gBAAgB;AAAA,EAEhB,aAAa;AACX,WAAO;AAAA,MACL,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB,CAAC;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,gBAAgB;AACd,QAAI,CAAC,KAAK,QAAQ,SAAS;AACzB,aAAO,CAAC;AAAA,IACV;AAEA,WAAO;AAAA,MACL,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW,aAAW,QAAQ,aAAa,MAAM;AAAA,QACjD,YAAY,CAAC,EAAE,KAAK,MAAM;AACxB,cAAI,CAAC,MAAM;AACT,mBAAO,CAAC;AAAA,UACV;AAEA,iBAAO,EAAE,MAAM,GAAG;AAAA,QACpB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,YAAY;AACV,WAAO;AAAA,MACL;AAAA,QACE,KAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF;AAAA,EAEA,WAAW,EAAE,eAAe,GAAG;AAC7B,WAAO,CAAC,WAAW,gBAAgB,KAAK,QAAQ,gBAAgB,cAAc,GAAG,CAAC;AAAA,EACpF;AAAA,EAEA,cAAc;AACZ,WAAO,CAAC,EAAE,QAAQ,QAAQ,MAAM,eAAe,MAAM;AACnD,YAAM,MAAM,SAAS,cAAc,KAAK;AACxC,YAAM,aAAa,gBAAgB,KAAK,QAAQ,gBAAgB,gBAAgB;AAAA,QAC9E,aAAa,KAAK;AAAA,MACpB,CAAC;AAED,aAAO,QAAQ,UAAU,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM,IAAI,aAAa,KAAK,KAAK,CAAC;AAEjF,YAAM,SAAS,SAAS,cAAc,QAAQ;AAE9C,aAAO,OAAO;AAEd,UAAI,OAAO,MAAM;AAEjB,YAAM,UAAU,SAAS,cAAc,KAAK;AAE5C,UAAI,OAAO,OAAO;AAElB,YAAM,uBAAuB,CAAC,eAAyB;AACrD,YAAI,eAAe,QAAW;AAC5B,cAAI,YAAY;AACd,gBAAI,IAAI,UAAU,SAAS,KAAK,QAAQ,aAAa,GAAG;AACtD;AAAA,YACF;AACA,gBAAI,UAAU,IAAI,KAAK,QAAQ,aAAa;AAAA,UAC9C,OAAO;AACL,gBAAI,CAAC,IAAI,UAAU,SAAS,KAAK,QAAQ,aAAa,GAAG;AACvD;AAAA,YACF;AACA,gBAAI,UAAU,OAAO,KAAK,QAAQ,aAAa;AAAA,UACjD;AAAA,QACF,OAAO;AACL,cAAI,UAAU,OAAO,KAAK,QAAQ,aAAa;AAAA,QACjD;AAEA,cAAM,QAAQ,IAAI,MAAM,sBAAsB;AAC9C,cAAM,iBAAiB,QAAQ,cAAc,0CAA0C;AAEvF,yDAAgB,cAAc;AAAA,MAChC;AAEA,UAAI,KAAK,MAAM,MAAM;AACnB,mBAAW,MAAM,qBAAqB,CAAC;AAAA,MACzC;AAEA,aAAO,iBAAiB,SAAS,MAAM;AACrC,6BAAqB;AAErB,YAAI,CAAC,KAAK,QAAQ,SAAS;AACzB,iBAAO,SAAS,MAAM,QAAW,EAAE,gBAAgB,MAAM,CAAC;AAE1D;AAAA,QACF;AAEA,YAAI,OAAO,cAAc,OAAO,WAAW,YAAY;AACrD,gBAAM,EAAE,MAAM,GAAG,IAAI,OAAO,MAAM;AAElC,iBACG,MAAM,EACN,QAAQ,CAAC,EAAE,GAAG,MAAM;AACnB,kBAAM,MAAM,OAAO;AAEnB,gBAAI,CAAC,KAAK;AACR,qBAAO;AAAA,YACT;AAEA,kBAAM,cAAc,GAAG,IAAI,OAAO,GAAG;AAErC,iBAAI,2CAAa,UAAS,KAAK,MAAM;AACnC,qBAAO;AAAA,YACT;AAEA,eAAG,cAAc,KAAK,QAAW;AAAA,cAC/B,MAAM,CAAC,YAAY,MAAM;AAAA,YAC3B,CAAC;AAED,mBAAO;AAAA,UACT,CAAC,EACA,iBAAiB;AAAA,YAChB;AAAA,YACA;AAAA,UACF,CAAC,EACA,MAAM,QAAW,EAAE,gBAAgB,MAAM,CAAC,EAC1C,IAAI;AAAA,QACT;AAAA,MACF,CAAC;AAED,aAAO;AAAA,QACL;AAAA,QACA,YAAY;AAAA,QACZ,eAAe,UAA8B;AAC3C,cAAI,SAAS,SAAS,aAAa;AACjC,mBAAO;AAAA,UACT;AAEA,iBAAO,CAAC,IAAI,SAAS,SAAS,MAAM,KAAK,QAAQ,SAAS;AAAA,QAC5D;AAAA,QACA,QAAQ,iBAAe;AACrB,cAAI,YAAY,SAAS,KAAK,MAAM;AAClC,mBAAO;AAAA,UACT;AAGA,cAAI,YAAY,MAAM,SAAS,QAAW;AACxC,iCAAqB,YAAY,MAAM,IAAI;AAAA,UAC7C;AAEA,iBAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,cAAc;AACZ,WAAO;AAAA,MACL,YACE,MACA,CAAC,EAAE,OAAO,MAAM,MAAM;AApN9B;AAqNU,cAAM,EAAE,QAAQ,UAAU,IAAI;AAC9B,cAAM,EAAE,OAAO,IAAI,IAAI;AACvB,cAAM,QAAQ,MAAM,WAAW,GAAG;AAElC,YAAI,CAAC,OAAO;AACV,iBAAO;AAAA,QACT;AAEA,cAAM,QAAQ,MAAM,IAAI,MAAM,MAAM,OAAO,MAAM,GAAG;AACpD,cAAM,QAAQ,OAAO,MAAM,eAAe,aAAa,cAAc,MAAM,OAAO;AAElF,YAAI,CAAC,OAAO;AACV,iBAAO;AAAA,QACT;AAEA,cAAM,YAAU,WAAM,OAAO,MAAb,mBAAgB,YAAW,CAAC;AAE5C,eAAO,MAAM,EACV;AAAA,UACC,EAAE,MAAM,MAAM,OAAO,IAAI,MAAM,IAAI;AAAA,UACnC;AAAA,YACE,MAAM,KAAK;AAAA,YACX,SAAS;AAAA,cACP;AAAA,gBACE,MAAM;AAAA,cACR;AAAA,cACA;AAAA,gBACE,MAAM;AAAA,gBACN;AAAA,cACF;AAAA,YACF;AAAA,UACF;AAAA,QACF,EACC,iBAAiB,MAAM,QAAQ,CAAC,EAChC,IAAI;AAAA,MACT;AAAA,MAEF,cACE,MACA,CAAC,EAAE,OAAO,MAAM,MAAM;AACpB,cAAM,EAAE,WAAW,OAAO,IAAI;AAC9B,cAAM,UAAUC,gBAAe,UAAQ,KAAK,SAAS,KAAK,IAAI,EAAE,SAAS;AAEzE,YAAI,CAAC,SAAS;AACZ,iBAAO;AAAA,QACT;AAEA,cAAM,mBAAmBC,cAAa,QAAQ,MAAM,UAAQ,KAAK,SAAS,OAAO,MAAM,cAAc;AACrG,cAAM,kBAAkBA,cAAa,QAAQ,MAAM,UAAQ,KAAK,SAAS,OAAO,MAAM,cAAc;AAEpG,YAAI,CAAC,iBAAiB,UAAU,CAAC,gBAAgB,QAAQ;AACvD,iBAAO;AAAA,QACT;AAEA,cAAM,iBAAiB,iBAAiB,CAAC;AACzC,cAAM,iBAAiB,gBAAgB,CAAC;AACxC,cAAM,OAAO,QAAQ;AACrB,cAAM,QAAQ,MAAM,IAAI,QAAQ,IAAI;AACpC,cAAM,KAAK,OAAO,QAAQ,KAAK;AAC/B,cAAM,QAAQ,EAAE,MAAM,GAAG;AACzB,cAAM,UAAW,eAAe,KAAK,QAAQ,OAAO,KAAY,CAAC;AACjE,cAAM,wBAAwB,MAAM,OAAO,KAAK,aAAa;AAG7D,cAAM,iBAAiB,+DAAuB,OAAO,MAAM,eAAe,KAAK,SAAS;AACxF,cAAM,gBAAgB,CAAC,gBAAgB,GAAG,OAAO;AAEjD,eAAO,MAAM,EACV,gBAAgB,OAAO,aAAa,EACpC,iBAAiB,OAAO,CAAC,EACzB,IAAI;AAAA,MACT;AAAA,IACJ;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,WAAO;AAAA,MACL,WAAW,MAAM;AACf,cAAM,EAAE,QAAQ,UAAU,IAAI,KAAK,OAAO;AAC1C,cAAM,EAAE,OAAO,QAAQ,IAAI;AAE3B,YAAI,CAAC,SAAS,QAAQ,OAAO,SAAS,OAAO,MAAM,gBAAgB;AACjE,iBAAO;AAAA,QACT;AAKA,YAAI,QAAQ,iBAAiB,GAAG;AAC9B,iBAAO,KAAK,OAAO,SAAS,QAAQ,CAAC,EAAE,GAAG,MAAM;AAC9C,kBAAM,OAAO,QAAQ,MAAM;AAC3B,kBAAM,KAAK,QAAQ;AAEnB,eAAG,OAAO,MAAM,EAAE;AAElB,mBAAO;AAAA,UACT,CAAC;AAAA,QACH;AAEA,eAAO,KAAK,OAAO,SAAS,aAAa;AAAA,MAC3C;AAAA;AAAA;AAAA,MAIA,OAAO,CAAC,EAAE,OAAO,MAAM;AACrB,cAAM,EAAE,OAAO,KAAK,IAAI;AACxB,cAAM,EAAE,QAAQ,UAAU,IAAI;AAC9B,cAAM,EAAE,MAAM,IAAI;AAElB,YAAI,MAAM,OAAO,SAAS,OAAO,MAAM,gBAAgB;AACrD,iBAAO;AAAA,QACT;AAEA,cAAM,YAAY,cAAc,MAAM,MAAM,IAAI,GAAG,MAAM;AACzD,cAAM,QAAQ,YAAY,MAAM,IAAI,OAAO,MAAM,MAAM,CAAC,IAAI,MAAM,KAAK,EAAE;AAEzE,YAAI,CAAC,OAAO;AACV,iBAAO;AAAA,QACT;AAEA,cAAM,QAAQ,YAAY,IAAI,MAAM,WAAW,EAAE;AACjD,cAAM,OAAO,eAAe,MAAM,eAAe,KAAK,CAAC;AAEvD,YAAI,CAAC,QAAQ,CAAC,MAAM,eAAe,OAAO,OAAO,IAAI,GAAG;AACtD,iBAAO;AAAA,QACT;AAEA,cAAM,OAAO,KAAK,cAAc;AAEhC,YAAI,CAAC,MAAM;AACT,iBAAO;AAAA,QACT;AAEA,cAAM,MAAM,YAAY,MAAM,MAAM,IAAI,IAAI,MAAM,MAAM,EAAE;AAC1D,cAAM,KAAK,MAAM,GAAG,YAAY,KAAK,KAAK,IAAI;AAC9C,cAAM,OAAO,GAAG,IAAI,QAAQ,GAAG;AAC/B,cAAM,eAAe,UAAU,KAAK,MAAM,CAAC;AAE3C,WAAG,aAAa,YAAY;AAC5B,WAAG,eAAe;AAClB,aAAK,SAAS,EAAE;AAEhB,eAAO;AAAA,MACT;AAAA;AAAA,MAGA,YAAY,CAAC,EAAE,OAAO,MAAM;AAC1B,eAAO,aAAa,QAAQ,OAAO;AAAA,MACrC;AAAA;AAAA,MAGA,WAAW,CAAC,EAAE,OAAO,MAAM;AACzB,eAAO,aAAa,QAAQ,MAAM;AAAA,MACpC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,wBAAwB;AACtB,WAAO;AAAA;AAAA;AAAA,MAGL,IAAI,OAAO;AAAA,QACT,KAAK,IAAI,UAAU,kBAAkB;AAAA,QACrC,mBAAmB,CAAC,cAAc,UAAU,aAAa;AACvD,gBAAM,EAAE,QAAQ,KAAK,IAAI;AACzB,gBAAM,eAAe,aAAa,KAAK,CAAAC,iBAAeA,aAAY,YAAY;AAE9E,cAAI,CAAC,gBAAgB,CAAC,SAAS,UAAU,SAAS,CAAC,SAAS,UAAU,OAAO;AAC3E;AAAA,UACF;AAEA,gBAAM,kBAAkB,SAAS,UAAU,KAAK,IAAI;AAEpD,cAAI,CAAC,iBAAiB;AACpB;AAAA,UACF;AAEA,gBAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,gBAAM,YAAY,cAAc,MAAM,KAAK,MAAM;AAEjD,cAAI,WAAW;AACb;AAAA,UACF;AAEA,gBAAM,UAAU,uBAAuB,OAAO,UAAQ,KAAK,SAAS,MAAM,MAAM;AAEhF,cAAI,CAAC,SAAS;AACZ;AAAA,UACF;AAEA,gBAAM,mBAAmBD;AAAA,YACvB,QAAQ;AAAA,YACR,UAAQ,KAAK,SAAS,SAAS,OAAO,MAAM;AAAA,UAC9C;AAEA,cAAI,CAAC,iBAAiB,QAAQ;AAC5B;AAAA,UACF;AAEA,gBAAM,iBAAiB,iBAAiB,CAAC;AACzC,gBAAM,qBAAqB,SAAS,UAAU,OAAO,SAAS,UAAU,OAAO,YAAY;AAC3F,gBAAM,oBACJ,uBAAuB,YACnB,QAAQ,QAAQ,eAAe,MAC/B,QAAQ,MAAM,eAAe,MAAM,eAAe,KAAK;AAC7D,gBAAM,YAAY,cAAc,OAAO,SAAS,KAAK,iBAAiB;AACtE,gBAAM,cAAc,SAAS,GAAG,aAAa,SAAS;AAEtD,iBAAO;AAAA,QACT;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF,CAAC;;;AI1aD,SAAS,kBAAAE,iBAAgB,kBAAAC,iBAAgB,mBAAAC,kBAAiB,QAAAC,aAAY;AACtE,SAAS,aAAAC,kBAAiB;AAYnB,IAAM,iBAAiBD,MAAK,OAA8B;AAAA,EAC/D,MAAM;AAAA,EAEN,SAAS;AAAA,EAET,UAAU;AAAA,EAEV,YAAY;AAAA,EAEZ,aAAa;AACX,WAAO;AAAA,MACL,gBAAgB,CAAC;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,YAAY;AACV,WAAO;AAAA,MACL;AAAA,QACE,KAAK,kBAAkB,KAAK,IAAI;AAAA,MAClC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,WAAW,EAAE,eAAe,GAAG;AAC7B,WAAO,CAAC,OAAOD,iBAAgB,KAAK,QAAQ,gBAAgB,gBAAgB,EAAE,aAAa,KAAK,KAAK,CAAC,GAAG,CAAC;AAAA,EAC5G;AAAA,EAEA,cAAc;AACZ,WAAO,CAAC,EAAE,eAAe,MAAM;AAC7B,YAAM,MAAM,SAAS,cAAc,KAAK;AACxC,YAAM,aAAaA,iBAAgB,KAAK,QAAQ,gBAAgB,gBAAgB;AAAA,QAC9E,aAAa,KAAK;AAAA,QAClB,QAAQ;AAAA,MACV,CAAC;AAED,aAAO,QAAQ,UAAU,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM,IAAI,aAAa,KAAK,KAAK,CAAC;AAEjF,UAAI,iBAAiB,wBAAwB,MAAM;AACjD,YAAI,gBAAgB,QAAQ;AAAA,MAC9B,CAAC;AAED,aAAO;AAAA,QACL;AAAA,QACA,YAAY;AAAA,QACZ,eAAe,UAA8B;AAC3C,cAAI,SAAS,SAAS,aAAa;AACjC,mBAAO;AAAA,UACT;AAEA,iBAAO,CAAC,IAAI,SAAS,SAAS,MAAM,KAAK,QAAQ,SAAS;AAAA,QAC5D;AAAA,QACA,QAAQ,iBAAe;AACrB,cAAI,YAAY,SAAS,KAAK,MAAM;AAClC,mBAAO;AAAA,UACT;AAEA,iBAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,WAAO;AAAA;AAAA,MAEL,OAAO,CAAC,EAAE,OAAO,MAAM;AACrB,cAAM,EAAE,OAAO,KAAK,IAAI;AACxB,cAAM,EAAE,UAAU,IAAI;AACtB,cAAM,EAAE,OAAO,MAAM,IAAI;AACzB,cAAM,iBAAiBD,gBAAe,CAAAI,UAAQA,MAAK,SAAS,KAAK,IAAI,EAAE,SAAS;AAEhF,YAAI,CAAC,SAAS,CAAC,kBAAkB,CAAC,eAAe,KAAK,YAAY;AAChE,iBAAO;AAAA,QACT;AAEA,cAAM,YAAY,MAAM,MAAM,eAAe,KAAK;AAClD,cAAM,EAAE,WAAW,IAAI,eAAe;AACtC,cAAM,UAAU,eAAe,YAAY;AAE3C,YAAI,CAAC,SAAS;AACZ,iBAAO;AAAA,QACT;AAEA,cAAM,mBAAmB,eAAe,KAAK,KAAK,aAAa;AAC/D,cAAM,mBAAmB,qDAAkB;AAE3C,YAAI,CAAC,kBAAkB;AACrB,iBAAO;AAAA,QACT;AAEA,cAAM,YAAY,MAAM,IAAI,QAAQ,eAAe,MAAM,CAAC;AAC1D,cAAM,iBAAiB,aAAa;AACpC,cAAM,gBAAgB,eAAe,KAAK,MAAM,cAAc;AAC9D,cAAM,eAAe,UAAU,WAAW,gBAAgB,eAAe,KAAK;AAC9E,cAAM,uBAAuB,cAAc,GAAG,gBAAgB;AAE9D,YAAI,CAAC,sBAAsB;AACzB,iBAAO;AAAA,QACT;AAGA,cAAM,QAAQ,MAAM,KAAK,EAAE;AAE3B,YAAI,CAAC,OAAO;AACV,iBAAO;AAAA,QACT;AAGA,cAAM,QAAQ,MAAM,WAAW,EAAE;AACjC,cAAM,OAAOL,gBAAe,MAAM,eAAe,KAAK,CAAC;AAEvD,YAAI,CAAC,QAAQ,CAAC,MAAM,eAAe,OAAO,OAAO,IAAI,GAAG;AACtD,iBAAO;AAAA,QACT;AAEA,cAAM,OAAO,KAAK,cAAc;AAEhC,YAAI,CAAC,MAAM;AACT,iBAAO;AAAA,QACT;AAEA,cAAM,EAAE,GAAG,IAAI;AACf,cAAM,MAAM,MAAM,MAAM,EAAE;AAE1B,WAAG,YAAY,KAAK,KAAK,IAAI;AAE7B,cAAM,OAAO,GAAG,IAAI,QAAQ,GAAG;AAC/B,cAAM,eAAeI,WAAU,KAAK,MAAM,CAAC;AAE3C,WAAG,aAAa,YAAY;AAE5B,cAAM,aAAa;AACnB,cAAM,WAAW,eAAe,cAAc;AAE9C,WAAG,OAAO,YAAY,QAAQ;AAC9B,WAAG,eAAe;AAClB,aAAK,SAAS,EAAE;AAEhB,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF,CAAC;;;AC3JD,SAAS,mBAAAE,kBAAiB,QAAAC,aAAY;AAW/B,IAAM,iBAAiBA,MAAK,OAA8B;AAAA,EAC/D,MAAM;AAAA,EAEN,SAAS;AAAA,EAET,UAAU;AAAA,EAEV,YAAY;AAAA,EAEZ,WAAW;AAAA,EAEX,aAAa;AACX,WAAO;AAAA,MACL,gBAAgB,CAAC;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,YAAY;AACV,WAAO;AAAA,MACL;AAAA,QACE,KAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF;AAAA,EAEA,WAAW,EAAE,eAAe,GAAG;AAC7B,WAAO,CAAC,WAAWD,iBAAgB,KAAK,QAAQ,gBAAgB,cAAc,GAAG,CAAC;AAAA,EACpF;AACF,CAAC;;;ACjCD,IAAO,gBAAQ;","names":["findChildren","findParentNode","findParentNode","findChildren","transaction","defaultBlockAt","findParentNode","mergeAttributes","Node","Selection","node","mergeAttributes","Node"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tiptap/extension-details",
   "description": "details extension for tiptap",
-  "version": "3.0.0-beta.11",
+  "version": "3.0.0-beta.14",
   "homepage": "https://tiptap.dev/api/nodes/details",
   "keywords": [
     "tiptap",
@@ -31,14 +31,14 @@
     "dist"
   ],
   "devDependencies": {
-    "@tiptap/core": "3.0.0-beta.11",
-    "@tiptap/extension-text-style": "3.0.0-beta.11",
-    "@tiptap/pm": "3.0.0-beta.11"
+    "@tiptap/extension-text-style": "3.0.0-beta.14",
+    "@tiptap/pm": "3.0.0-beta.14",
+    "@tiptap/core": "3.0.0-beta.14"
   },
   "peerDependencies": {
-    "@tiptap/core": "3.0.0-beta.11",
-    "@tiptap/extension-text-style": "3.0.0-beta.11",
-    "@tiptap/pm": "3.0.0-beta.11"
+    "@tiptap/core": "3.0.0-beta.14",
+    "@tiptap/pm": "3.0.0-beta.14",
+    "@tiptap/extension-text-style": "3.0.0-beta.14"
   },
   "repository": {
     "type": "git",

package/src/content/details-content.ts

@@ -0,0 +1,156 @@
+import { defaultBlockAt, findParentNode, mergeAttributes, Node } from '@tiptap/core'
+import { Selection } from '@tiptap/pm/state'
+import type { ViewMutationRecord } from '@tiptap/pm/view'
+
+export interface DetailsContentOptions {
+  /**
+   * Custom HTML attributes that should be added to the rendered HTML tag.
+   */
+  HTMLAttributes: {
+    [key: string]: any
+  }
+}
+
+export const DetailsContent = Node.create<DetailsContentOptions>({
+  name: 'detailsContent',
+
+  content: 'block+',
+
+  defining: true,
+
+  selectable: false,
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: `div[data-type="${this.name}"]`,
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['div', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, { 'data-type': this.name }), 0]
+  },
+
+  addNodeView() {
+    return ({ HTMLAttributes }) => {
+      const dom = document.createElement('div')
+      const attributes = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+        'data-type': this.name,
+        hidden: 'hidden',
+      })
+
+      Object.entries(attributes).forEach(([key, value]) => dom.setAttribute(key, value))
+
+      dom.addEventListener('toggleDetailsContent', () => {
+        dom.toggleAttribute('hidden')
+      })
+
+      return {
+        dom,
+        contentDOM: dom,
+        ignoreMutation(mutation: ViewMutationRecord) {
+          if (mutation.type === 'selection') {
+            return false
+          }
+
+          return !dom.contains(mutation.target) || dom === mutation.target
+        },
+        update: updatedNode => {
+          if (updatedNode.type !== this.type) {
+            return false
+          }
+
+          return true
+        },
+      }
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      // Escape node on double enter
+      Enter: ({ editor }) => {
+        const { state, view } = editor
+        const { selection } = state
+        const { $from, empty } = selection
+        const detailsContent = findParentNode(node => node.type === this.type)(selection)
+
+        if (!empty || !detailsContent || !detailsContent.node.childCount) {
+          return false
+        }
+
+        const fromIndex = $from.index(detailsContent.depth)
+        const { childCount } = detailsContent.node
+        const isAtEnd = childCount === fromIndex + 1
+
+        if (!isAtEnd) {
+          return false
+        }
+
+        const defaultChildType = detailsContent.node.type.contentMatch.defaultType
+        const defaultChildNode = defaultChildType?.createAndFill()
+
+        if (!defaultChildNode) {
+          return false
+        }
+
+        const $childPos = state.doc.resolve(detailsContent.pos + 1)
+        const lastChildIndex = childCount - 1
+        const lastChildNode = detailsContent.node.child(lastChildIndex)
+        const lastChildPos = $childPos.posAtIndex(lastChildIndex, detailsContent.depth)
+        const lastChildNodeIsEmpty = lastChildNode.eq(defaultChildNode)
+
+        if (!lastChildNodeIsEmpty) {
+          return false
+        }
+
+        // get parent of details node
+        const above = $from.node(-3)
+
+        if (!above) {
+          return false
+        }
+
+        // get default node type after details node
+        const after = $from.indexAfter(-3)
+        const type = defaultBlockAt(above.contentMatchAt(after))
+
+        if (!type || !above.canReplaceWith(after, after, type)) {
+          return false
+        }
+
+        const node = type.createAndFill()
+
+        if (!node) {
+          return false
+        }
+
+        const { tr } = state
+        const pos = $from.after(-2)
+
+        tr.replaceWith(pos, pos, node)
+
+        const $pos = tr.doc.resolve(pos)
+        const newSelection = Selection.near($pos, 1)
+
+        tr.setSelection(newSelection)
+
+        const deleteFrom = lastChildPos
+        const deleteTo = lastChildPos + lastChildNode.nodeSize
+
+        tr.delete(deleteFrom, deleteTo)
+        tr.scrollIntoView()
+        view.dispatch(tr)
+
+        return true
+      },
+    }
+  },
+})

package/src/content/index.ts

@@ -0,0 +1,5 @@
+import { DetailsContent } from './details-content.js'
+
+export * from './details-content.js'
+
+export default DetailsContent

package/src/details.ts

@@ -49,7 +49,7 @@ export const Details = Node.create<DetailsOptions>({
 
   isolating: true,
 
-  // @ts-ignore: allowGapCursor is not a valid option by default, dts on build doesnt pick this up
+  // @ts-ignore reason: `allowGapCursor` is not a valid property by default, but the `GapCursor` extension adds it to the Nodeconfig type
   allowGapCursor: false,
 
   addOptions() {
@@ -154,7 +154,8 @@ export const Details = Node.create<DetailsOptions>({
             .chain()
             .command(({ tr }) => {
               const pos = getPos()
-              if (pos === undefined) {
+
+              if (!pos) {
                 return false
               }
 

package/src/index.ts

@@ -1,5 +1,7 @@
 import { Details } from './details.js'
 
+export * from './content/index.js'
 export * from './details.js'
+export * from './summary/index.js'
 
 export default Details

package/src/summary/details-summary.ts

@@ -0,0 +1,40 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+
+export interface DetailsSummaryOptions {
+  /**
+   * Custom HTML attributes that should be added to the rendered HTML tag.
+   */
+  HTMLAttributes: {
+    [key: string]: any
+  }
+}
+
+export const DetailsSummary = Node.create<DetailsSummaryOptions>({
+  name: 'detailsSummary',
+
+  content: 'text*',
+
+  defining: true,
+
+  selectable: false,
+
+  isolating: true,
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'summary',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['summary', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+})

package/src/summary/index.ts

@@ -0,0 +1,5 @@
+import { DetailsSummary } from './details-summary.js'
+
+export * from './details-summary.js'
+
+export default DetailsSummary