@pixerate/editor 0.14.3 → 0.15.0

package/dist/extensions/index.js

@@ -1,1877 +1,31 @@
-// src/extensions/gradient-text.ts
-import { Mark } from "@tiptap/core";
-import { Plugin } from "@tiptap/pm/state";
-import { Decoration, DecorationSet } from "@tiptap/pm/view";
-
-// src/grammar/tokens.ts
-var TEMPLATE_REGEX = /{{\s*([^}]+?)\s*}}/g;
-var VARIABLE_REGEX = /(?<!\{)\{([^{}]+)\}(?!\})/g;
-var INSTRUCTION_REGEX = /__(.+?)__/g;
-
-// src/extensions/gradient-text.ts
-var createGradientDecorations = (doc, options) => {
-  const decorations = [];
-  const speed = options.speed ?? 1;
-  const jsonVarSet = options.jsonVariables ? options.jsonVariables instanceof Set ? options.jsonVariables : new Set(options.jsonVariables) : null;
-  doc.descendants((node, pos) => {
-    if (node.isText) {
-      const text = node.text || "";
-      let match;
-      const tmplRegex = new RegExp(TEMPLATE_REGEX.source, TEMPLATE_REGEX.flags);
-      while ((match = tmplRegex.exec(text)) !== null) {
-        const templateName = match[1].trim();
-        const colors = options.templateColorMap?.get(templateName);
-        if (colors) {
-          const start = pos + match.index;
-          const end = start + match[0].length;
-          const { from: colorFrom, to: colorTo } = colors;
-          const style = `--bg-size: ${speed * 300}%; --color-from: ${colorFrom}; --color-to: ${colorTo}; caret-color: #111 !important; background-image: linear-gradient(to right, ${colorFrom}, ${colorTo}, ${colorFrom}); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;`;
-          decorations.push(
-            Decoration.inline(start, end, {
-              class: "inline animate-gradient bg-gradient-to-r from-[var(--color-from)] via-[var(--color-to)] to-[var(--color-from)] bg-[length:var(--bg-size)_100%] bg-clip-text text-transparent border border-(--color-to)/20 px-1 py-0.5 rounded-sm cursor-pointer",
-              style,
-              "data-template": templateName
-            })
-          );
-        }
-      }
-      const instRegex = new RegExp(
-        INSTRUCTION_REGEX.source,
-        INSTRUCTION_REGEX.flags
-      );
-      while ((match = instRegex.exec(text)) !== null) {
-        const content = match[1].trim();
-        const colors = options.templateColorMap?.get(content) || {
-          from: "#ffaa40",
-          to: "#9c40ff"
-        };
-        const start = pos + match.index;
-        const end = start + match[0].length;
-        const { from: colorFrom, to: colorTo } = colors;
-        const style = `--bg-size: ${speed * 300}%; --color-from: ${colorFrom}; --color-to: ${colorTo}; caret-color: #111 !important; background-image: linear-gradient(to right, #fb7185, #8b5cf6, #fb7185); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;`;
-        decorations.push(
-          Decoration.inline(start, end, {
-            class: "italic animate-gradient bg-gradient-to-r from-rose-400 from-50% to-violet-500 to-50% bg-size-[200%_100%] bg-clip-text text-transparent inline-flex items-baseline gap-0.5",
-            style
-          })
-        );
-      }
-      const varRegex = new RegExp(
-        VARIABLE_REGEX.source,
-        VARIABLE_REGEX.flags
-      );
-      while ((match = varRegex.exec(text)) !== null) {
-        const variableName = match[1].trim();
-        const start = pos + match.index;
-        const end = start + match[0].length;
-        const isJsonVar = jsonVarSet?.has(variableName);
-        decorations.push(
-          Decoration.inline(start, end, {
-            class: isJsonVar ? "bg-violet-400/40 border-b-4 border-rose-300 dark:border-rose-800 inline-flex items-baseline px-1 py-0 text-foreground/80 gap-0.5 rounded-xs" : "bg-rose-400/40 border-b-4 border-violet-300 dark:border-violet-800 inline-flex items-baseline px-1 py-0 text-foreground/80 gap-0.5 rounded-xs",
-            "data-variable": variableName
-          })
-        );
-      }
-    }
-  });
-  return decorations;
-};
-var GradientText = Mark.create({
-  name: "gradientText",
-  addOptions() {
-    return {
-      templateColorMap: /* @__PURE__ */ new Map(),
-      speed: 1,
-      jsonVariables: void 0,
-      onTemplateClick: void 0
-    };
-  },
-  renderHTML({ HTMLAttributes }) {
-    const defaultColors = {
-      from: "#ffaa40",
-      to: "#9c40ff"
-    };
-    const speed = this.options.speed ?? 1;
-    const style = `--bg-size: ${speed * 300}%; --color-from: ${defaultColors.from}; --color-to: ${defaultColors.to}; caret-color: #111 !important;`;
-    return [
-      "span",
-      {
-        class: "inline animate-gradient bg-gradient-to-r from-[var(--color-from)] via-[var(--color-to)] to-[var(--color-from)] bg-[length:var(--bg-size)_100%] bg-clip-text text-transparent",
-        style,
-        ...HTMLAttributes
-      },
-      0
-    ];
-  },
-  parseHTML() {
-    return [
-      {
-        tag: "span",
-        getAttrs: (node) => node.classList.contains("animate-gradient") && node.classList.contains("bg-clip-text") && null
-      }
-    ];
-  },
-  addProseMirrorPlugins() {
-    const markOptions = this.options;
-    return [
-      new Plugin({
-        state: {
-          init(_, { doc }) {
-            return DecorationSet.create(
-              doc,
-              createGradientDecorations(doc, markOptions)
-            );
-          },
-          apply(tr, value) {
-            const newDoc = tr.doc;
-            if (tr.docChanged) {
-              return DecorationSet.create(
-                newDoc,
-                createGradientDecorations(newDoc, markOptions)
-              );
-            }
-            return value.map(tr.mapping, newDoc);
-          }
-        },
-        props: {
-          decorations(state) {
-            return this.getState(state);
-          },
-          handleClickOn(view, pos, _node, _nodePos, event) {
-            const decorationSet = this.getState(
-              view.state
-            );
-            const decorations = decorationSet.find(pos, pos + 1);
-            for (const decoration of decorations) {
-              const decorationWithAttrs = decoration;
-              const templateName = decorationWithAttrs.type?.attrs?.["data-template"];
-              if (templateName) {
-                if (markOptions.onTemplateClick) {
-                  markOptions.onTemplateClick(templateName, event);
-                }
-                if (typeof window !== "undefined") {
-                  window.dispatchEvent(
-                    new CustomEvent("show-gradient-popover", {
-                      detail: {
-                        templateName,
-                        target: event.target
-                      }
-                    })
-                  );
-                }
-                return true;
-              }
-            }
-            return false;
-          }
-        }
-      })
-    ];
-  }
-});
-
-// src/extensions/slash-commands.ts
-import { Extension } from "@tiptap/core";
-import { Plugin as Plugin2 } from "@tiptap/pm/state";
-var SlashCommands = Extension.create({
-  name: "slashCommands",
-  addOptions() {
-    return {
-      trigger: "/",
-      onMatch: void 0,
-      onClear: void 0,
-      containerId: void 0
-    };
-  },
-  addProseMirrorPlugins() {
-    const opts = this.options;
-    return [
-      new Plugin2({
-        view() {
-          return {
-            update(view) {
-              const { state } = view;
-              const { selection } = state;
-              const { $from } = selection;
-              if (!$from.parent.isTextblock) {
-                opts.onClear?.();
-                return;
-              }
-              const textBeforeCursor = $from.parent.textBetween(
-                0,
-                $from.parentOffset
-              );
-              const slashMatch = textBeforeCursor.match(
-                /(?:^|\s)\/([a-zA-Z0-9_-]*)$/
-              );
-              if (slashMatch) {
-                const matchIndex = slashMatch.index ?? 0;
-                const offsetInParent = matchIndex + (slashMatch[0].startsWith(" ") ? 1 : 0);
-                const matchFrom = $from.start() + offsetInParent;
-                const matchTo = $from.pos;
-                const coords = view.coordsAtPos($from.pos);
-                let relativeCoords = {
-                  top: coords.top,
-                  left: coords.left,
-                  bottom: coords.bottom,
-                  right: coords.right
-                };
-                if (opts.containerId && typeof document !== "undefined") {
-                  const container = document.getElementById(opts.containerId);
-                  if (container) {
-                    const rect = container.getBoundingClientRect();
-                    relativeCoords = {
-                      top: coords.bottom - rect.top + 5,
-                      left: coords.left - rect.left,
-                      bottom: coords.bottom - rect.top,
-                      right: coords.right - rect.left
-                    };
-                  }
-                }
-                opts.onMatch?.({
-                  match: slashMatch,
-                  query: slashMatch[1] || "",
-                  from: matchFrom,
-                  to: matchTo,
-                  coords: relativeCoords
-                });
-              } else {
-                opts.onClear?.();
-              }
-            }
-          };
-        }
-      })
-    ];
-  }
-});
-
-// src/extensions/template-suggestions.ts
-import { Extension as Extension2 } from "@tiptap/core";
-import Suggestion from "@tiptap/suggestion";
-var TemplateSuggestions = Extension2.create({
-  name: "templateSuggestions",
-  addOptions() {
-    return {
-      templates: [],
-      char: "{{",
-      onSuggestion: void 0
-    };
-  },
-  addProseMirrorPlugins() {
-    const opts = this.options;
-    const suggestionConfig = {
-      char: opts.char || "{{",
-      items: ({ query }) => {
-        const lower = query.toLowerCase();
-        return (opts.templates || []).filter(
-          (t) => t.name.toLowerCase().includes(lower)
-        );
-      },
-      command: ({ editor, range, props }) => {
-        editor.chain().focus().deleteRange(range).insertContent(`{{${props.name}}}`).run();
-      },
-      render: () => {
-        return {
-          onStart: (props) => {
-            opts.onSuggestion?.(props);
-          },
-          onUpdate: (props) => {
-            opts.onSuggestion?.(props);
-          },
-          onExit: () => {
-            opts.onSuggestion?.({
-              query: "",
-              range: { from: 0, to: 0 },
-              items: [],
-              command: () => {
-              }
-            });
-          }
-        };
-      }
-    };
-    const SuggestionFn = typeof Suggestion === "function" ? Suggestion : Suggestion?.default || Suggestion?.Suggestion;
-    return [
-      SuggestionFn({
-        editor: this.editor,
-        ...suggestionConfig
-      })
-    ];
-  }
-});
-
-// src/extensions/loading-node.ts
-import { Node as Node2, mergeAttributes } from "@tiptap/core";
-var LoadingNode = Node2.create({
-  name: "loadingNode",
-  group: "inline",
-  inline: true,
-  selectable: true,
-  atom: true,
-  addAttributes() {
-    return {
-      id: {
-        default: null,
-        parseHTML: (element) => element.getAttribute("data-id"),
-        renderHTML: (attributes) => {
-          if (!attributes.id) return {};
-          return { "data-id": attributes.id };
-        }
-      }
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: 'span[data-type="loading"]'
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes }) {
-    return [
-      "span",
-      mergeAttributes(HTMLAttributes, {
-        "data-type": "loading",
-        class: "inline-flex items-center px-1.5 py-0.5 text-xs text-muted-foreground animate-pulse"
-      }),
-      "\u23F3"
-    ];
-  }
-});
-
-// src/extensions/SmilieReplacer.ts
-import { Extension as Extension3, textInputRule } from "@tiptap/core";
-var SmilieReplacer = Extension3.create({
-  name: "smilieReplacer",
-  addInputRules() {
-    return [
-      textInputRule({ find: /-___- $/, replace: "\u{1F611} " }),
-      textInputRule({ find: /:'-\) $/, replace: "\u{1F602} " }),
-      textInputRule({ find: /':-\) $/, replace: "\u{1F605} " }),
-      textInputRule({ find: /':-D $/, replace: "\u{1F605} " }),
-      textInputRule({ find: />:-\) $/, replace: "\u{1F606} " }),
-      textInputRule({ find: /-__- $/, replace: "\u{1F611} " }),
-      textInputRule({ find: /':-\( $/, replace: "\u{1F613} " }),
-      textInputRule({ find: /:'-\( $/, replace: "\u{1F622} " }),
-      textInputRule({ find: />:-\( $/, replace: "\u{1F620} " }),
-      textInputRule({ find: /O:-\) $/, replace: "\u{1F607} " }),
-      textInputRule({ find: /:'\) $/, replace: "\u{1F602} " }),
-      textInputRule({ find: /:-D $/, replace: "\u{1F603} " }),
-      textInputRule({ find: /':\) $/, replace: "\u{1F605} " }),
-      textInputRule({ find: /;-\) $/, replace: "\u{1F609} " }),
-      textInputRule({ find: /B-\) $/, replace: "\u{1F60E} " }),
-      textInputRule({ find: /:-\* $/, replace: "\u{1F618} " }),
-      textInputRule({ find: /:-\) $/, replace: "\u{1F642} " }),
-      textInputRule({ find: /-_- $/, replace: "\u{1F611} " }),
-      textInputRule({ find: /:-O $/, replace: "\u{1F62E} " }),
-      textInputRule({ find: /:-P $/, replace: "\u{1F61B} " }),
-      textInputRule({ find: /:-p $/, replace: "\u{1F61B} " }),
-      textInputRule({ find: /:-\/ $/, replace: "\u{1F615} " }),
-      textInputRule({ find: /:-\( $/, replace: "\u{1F61E} " }),
-      textInputRule({ find: /:'\( $/, replace: "\u{1F622} " }),
-      textInputRule({ find: /:D $/, replace: "\u{1F603} " }),
-      textInputRule({ find: /=D $/, replace: "\u{1F603} " }),
-      textInputRule({ find: /;\) $/, replace: "\u{1F609} " }),
-      textInputRule({ find: /B\) $/, replace: "\u{1F60E} " }),
-      textInputRule({ find: /:\) $/, replace: "\u{1F642} " }),
-      textInputRule({ find: /=\) $/, replace: "\u{1F642} " }),
-      textInputRule({ find: /:O $/, replace: "\u{1F62E} " }),
-      textInputRule({ find: /:P $/, replace: "\u{1F61B} " }),
-      textInputRule({ find: /:p $/, replace: "\u{1F61B} " }),
-      textInputRule({ find: /:\/ $/, replace: "\u{1F615} " }),
-      textInputRule({ find: /:\( $/, replace: "\u{1F61E} " }),
-      textInputRule({ find: /<3 $/, replace: "\u2764\uFE0F " }),
-      textInputRule({ find: /<\/3 $/, replace: "\u{1F494} " }),
-      textInputRule({ find: /\/shrug $/, replace: "\xAF\\_(\u30C4)_/\xAF " })
-    ];
-  }
-});
-
-// src/extensions/ColorHighlighter.ts
-import { Extension as Extension4 } from "@tiptap/core";
-import { Plugin as Plugin3 } from "@tiptap/pm/state";
-import { Decoration as Decoration2, DecorationSet as DecorationSet2 } from "@tiptap/pm/view";
-function findHexColors(doc) {
-  const hexColorRegex = /(#[0-9a-fA-F]{3,8})\b/g;
-  const decorations = [];
-  doc.descendants((node, position) => {
-    if (!node.text) return;
-    let match;
-    while ((match = hexColorRegex.exec(node.text)) !== null) {
-      const color = match[0];
-      const from = position + match.index;
-      const to = from + color.length;
-      decorations.push(
-        Decoration2.inline(from, to, {
-          class: "color-highlight px-1 py-0.5 rounded text-xs font-mono border",
-          style: `--color: ${color}; background-color: ${color}20; border-color: ${color}; color: ${color};`
-        })
-      );
-    }
-  });
-  return DecorationSet2.create(doc, decorations);
-}
-var ColorHighlighter = Extension4.create({
-  name: "colorHighlighter",
-  addProseMirrorPlugins() {
-    return [
-      new Plugin3({
-        state: {
-          init(_, { doc }) {
-            return findHexColors(doc);
-          },
-          apply(transaction, oldState) {
-            return transaction.docChanged ? findHexColors(transaction.doc) : oldState;
-          }
-        },
-        props: {
-          decorations(state) {
-            return this.getState(state);
-          }
-        }
-      })
-    ];
-  }
-});
-
-// src/extensions/FontSize.ts
-import { Extension as Extension5 } from "@tiptap/core";
-import "@tiptap/extension-text-style";
-var FontSize = Extension5.create({
-  name: "fontSize",
-  addOptions() {
-    return {
-      types: ["textStyle"]
-    };
-  },
-  addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          fontSize: {
-            default: null,
-            parseHTML: (element) => element.style.fontSize.replace(/['"]+/g, ""),
-            renderHTML: (attributes) => {
-              if (!attributes.fontSize) {
-                return {};
-              }
-              return {
-                style: `font-size: ${attributes.fontSize}`
-              };
-            }
-          }
-        }
-      }
-    ];
-  },
-  addCommands() {
-    return {
-      setFontSize: (fontSize) => ({ chain }) => chain().setMark("textStyle", { fontSize }).run(),
-      unsetFontSize: () => ({ chain }) => chain().setMark("textStyle", { fontSize: null }).removeEmptyTextStyle().run()
-    };
-  }
-});
-
-// src/extensions/rich-text-preset.ts
-import {
-  wrappingInputRule,
-  markInputRule
-} from "@tiptap/core";
-import * as _StarterKit from "@tiptap/starter-kit";
-import * as _Color from "@tiptap/extension-color";
-import * as _Highlight from "@tiptap/extension-highlight";
-import * as _Link from "@tiptap/extension-link";
-import * as _TaskList from "@tiptap/extension-task-list";
-import * as _TaskItem from "@tiptap/extension-task-item";
-import * as _TextAlign from "@tiptap/extension-text-align";
-import * as _TextStyle from "@tiptap/extension-text-style";
-import * as _Typography from "@tiptap/extension-typography";
-import * as _Underline from "@tiptap/extension-underline";
-import * as _Placeholder from "@tiptap/extension-placeholder";
-import * as _CharacterCount from "@tiptap/extension-character-count";
-
-// src/extensions/mention.ts
 import {
-  Mention as TipTapMention
-} from "@tiptap/extension-mention";
-var BaseMention = TipTapMention || TipTapMention?.default?.default || TipTapMention?.default || TipTapMention;
-var Mention = BaseMention.extend({
-  addAttributes() {
-    return {
-      ...this.parent?.(),
-      type: {
-        default: null,
-        parseHTML: (element) => element.getAttribute("data-type-name") || element.getAttribute("data-entity-type"),
-        renderHTML: (attributes) => {
-          if (!attributes.type) return {};
-          return { "data-type-name": attributes.type };
-        }
-      },
-      avatarUrl: {
-        default: null,
-        parseHTML: (element) => element.getAttribute("data-avatar-url"),
-        renderHTML: (attributes) => {
-          if (!attributes.avatarUrl) return {};
-          return { "data-avatar-url": attributes.avatarUrl };
-        }
-      },
-      color: {
-        default: null,
-        parseHTML: (element) => element.getAttribute("data-color"),
-        renderHTML: (attributes) => {
-          if (!attributes.color) return {};
-          return { "data-color": attributes.color };
-        }
-      }
-    };
-  }
-});
-function createMentionExtension(options = {}) {
-  const { HTMLAttributes = {}, ...rest } = options;
-  return Mention.configure({
-    HTMLAttributes: {
-      class: "pixerate-mention-node",
-      ...HTMLAttributes
-    },
-    ...rest
-  });
-}
-
-// ../../node_modules/.pnpm/tiptap-markdown@0.8.10_@tiptap+core@2.27.3_@tiptap+pm@2.27.3_/node_modules/tiptap-markdown/dist/tiptap-markdown.es.js
-import { Extension as Extension6, Mark as Mark2, getHTMLFromFragment, Node as Node$1, extensions } from "@tiptap/core";
-import { MarkdownSerializerState as MarkdownSerializerState$1, defaultMarkdownSerializer } from "prosemirror-markdown";
-import markdownit from "markdown-it";
-import { Fragment, DOMParser } from "@tiptap/pm/model";
-import taskListPlugin from "markdown-it-task-lists";
-import { Plugin as Plugin4, PluginKey } from "@tiptap/pm/state";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-var MarkdownTightLists = Extension6.create({
-  name: "markdownTightLists",
-  addOptions: () => ({
-    tight: true,
-    tightClass: "tight",
-    listTypes: ["bulletList", "orderedList"]
-  }),
-  addGlobalAttributes() {
-    return [{
-      types: this.options.listTypes,
-      attributes: {
-        tight: {
-          default: this.options.tight,
-          parseHTML: (element) => element.getAttribute("data-tight") === "true" || !element.querySelector("p"),
-          renderHTML: (attributes) => ({
-            class: attributes.tight ? this.options.tightClass : null,
-            "data-tight": attributes.tight ? "true" : null
-          })
-        }
-      }
-    }];
-  },
-  addCommands() {
-    var _this = this;
-    return {
-      toggleTight: function() {
-        let tight = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null;
-        return (_ref) => {
-          let {
-            editor,
-            commands
-          } = _ref;
-          function toggleTight(name) {
-            if (!editor.isActive(name)) {
-              return false;
-            }
-            const attrs = editor.getAttributes(name);
-            return commands.updateAttributes(name, {
-              tight: tight !== null && tight !== void 0 ? tight : !(attrs !== null && attrs !== void 0 && attrs.tight)
-            });
-          }
-          return _this.options.listTypes.some((name) => toggleTight(name));
-        };
-      }
-    };
-  }
-});
-var md = markdownit();
-function scanDelims(text, pos) {
-  md.inline.State.prototype.scanDelims.call({
-    src: text,
-    posMax: text.length
-  });
-  const state = new md.inline.State(text, null, null, []);
-  return state.scanDelims(pos, true);
-}
-function shiftDelim(text, delim, start, offset) {
-  let res = text.substring(0, start) + text.substring(start + delim.length);
-  res = res.substring(0, start + offset) + delim + res.substring(start + offset);
-  return res;
-}
-function trimStart(text, delim, from, to) {
-  let pos = from, res = text;
-  while (pos < to) {
-    if (scanDelims(res, pos).can_open) {
-      break;
-    }
-    res = shiftDelim(res, delim, pos, 1);
-    pos++;
-  }
-  return {
-    text: res,
-    from: pos,
-    to
-  };
-}
-function trimEnd(text, delim, from, to) {
-  let pos = to, res = text;
-  while (pos > from) {
-    if (scanDelims(res, pos).can_close) {
-      break;
-    }
-    res = shiftDelim(res, delim, pos, -1);
-    pos--;
-  }
-  return {
-    text: res,
-    from,
-    to: pos
-  };
-}
-function trimInline(text, delim, from, to) {
-  let state = {
-    text,
-    from,
-    to
-  };
-  state = trimStart(state.text, delim, state.from, state.to);
-  state = trimEnd(state.text, delim, state.from, state.to);
-  if (state.to - state.from < delim.length + 1) {
-    state.text = state.text.substring(0, state.from) + state.text.substring(state.to + delim.length);
-  }
-  return state.text;
-}
-var MarkdownSerializerState = class extends MarkdownSerializerState$1 {
-  constructor(nodes, marks, options) {
-    super(nodes, marks, options !== null && options !== void 0 ? options : {});
-    __publicField(this, "inTable", false);
-    this.inlines = [];
-  }
-  render(node, parent, index) {
-    super.render(node, parent, index);
-    const top = this.inlines[this.inlines.length - 1];
-    if (top !== null && top !== void 0 && top.start && top !== null && top !== void 0 && top.end) {
-      const {
-        delimiter,
-        start,
-        end
-      } = this.normalizeInline(top);
-      this.out = trimInline(this.out, delimiter, start, end);
-      this.inlines.pop();
-    }
-  }
-  markString(mark, open, parent, index) {
-    const info = this.marks[mark.type.name];
-    if (info.expelEnclosingWhitespace) {
-      if (open) {
-        this.inlines.push({
-          start: this.out.length,
-          delimiter: info.open
-        });
-      } else {
-        const top = this.inlines.pop();
-        this.inlines.push({
-          ...top,
-          end: this.out.length
-        });
-      }
-    }
-    return super.markString(mark, open, parent, index);
-  }
-  normalizeInline(inline) {
-    let {
-      start,
-      end
-    } = inline;
-    while (this.out.charAt(start).match(/\s/)) {
-      start++;
-    }
-    return {
-      ...inline,
-      start
-    };
-  }
-};
-var HTMLMark = Mark2.create({
-  name: "markdownHTMLMark",
-  /**
-   * @return {{markdown: MarkdownMarkSpec}}
-   */
-  addStorage() {
-    return {
-      markdown: {
-        serialize: {
-          open(state, mark) {
-            var _getMarkTags$, _getMarkTags;
-            if (!this.editor.storage.markdown.options.html) {
-              console.warn(`Tiptap Markdown: "${mark.type.name}" mark is only available in html mode`);
-              return "";
-            }
-            return (_getMarkTags$ = (_getMarkTags = getMarkTags(mark)) === null || _getMarkTags === void 0 ? void 0 : _getMarkTags[0]) !== null && _getMarkTags$ !== void 0 ? _getMarkTags$ : "";
-          },
-          close(state, mark) {
-            var _getMarkTags$2, _getMarkTags2;
-            if (!this.editor.storage.markdown.options.html) {
-              return "";
-            }
-            return (_getMarkTags$2 = (_getMarkTags2 = getMarkTags(mark)) === null || _getMarkTags2 === void 0 ? void 0 : _getMarkTags2[1]) !== null && _getMarkTags$2 !== void 0 ? _getMarkTags$2 : "";
-          }
-        },
-        parse: {
-          // handled by markdown-it
-        }
-      }
-    };
-  }
-});
-function getMarkTags(mark) {
-  const schema = mark.type.schema;
-  const node = schema.text(" ", [mark]);
-  const html = getHTMLFromFragment(Fragment.from(node), schema);
-  const match = html.match(/^(<.*?>) (<\/.*?>)$/);
-  return match ? [match[1], match[2]] : null;
-}
-function elementFromString(value) {
-  const wrappedValue = `<body>${value}</body>`;
-  return new window.DOMParser().parseFromString(wrappedValue, "text/html").body;
-}
-function escapeHTML(value) {
-  return value === null || value === void 0 ? void 0 : value.replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-function extractElement(node) {
-  const parent = node.parentElement;
-  const prepend = parent.cloneNode();
-  while (parent.firstChild && parent.firstChild !== node) {
-    prepend.appendChild(parent.firstChild);
-  }
-  if (prepend.childNodes.length > 0) {
-    parent.parentElement.insertBefore(prepend, parent);
-  }
-  parent.parentElement.insertBefore(node, parent);
-  if (parent.childNodes.length === 0) {
-    parent.remove();
-  }
-}
-function unwrapElement(node) {
-  const parent = node.parentNode;
-  while (node.firstChild)
-    parent.insertBefore(node.firstChild, node);
-  parent.removeChild(node);
-}
-var HTMLNode = Node$1.create({
-  name: "markdownHTMLNode",
-  addStorage() {
-    return {
-      markdown: {
-        serialize(state, node, parent) {
-          if (this.editor.storage.markdown.options.html) {
-            state.write(serializeHTML(node, parent));
-          } else {
-            console.warn(`Tiptap Markdown: "${node.type.name}" node is only available in html mode`);
-            state.write(`[${node.type.name}]`);
-          }
-          if (node.isBlock) {
-            state.closeBlock(node);
-          }
-        },
-        parse: {
-          // handled by markdown-it
-        }
-      }
-    };
-  }
-});
-function serializeHTML(node, parent) {
-  const schema = node.type.schema;
-  const html = getHTMLFromFragment(Fragment.from(node), schema);
-  if (node.isBlock && (parent instanceof Fragment || parent.type.name === schema.topNodeType.name)) {
-    return formatBlock(html);
-  }
-  return html;
-}
-function formatBlock(html) {
-  const dom = elementFromString(html);
-  const element = dom.firstElementChild;
-  element.innerHTML = element.innerHTML.trim() ? `
-${element.innerHTML}
-` : `
-`;
-  return element.outerHTML;
-}
-var Blockquote = Node$1.create({
-  name: "blockquote"
-});
-var Blockquote$1 = Blockquote.extend({
-  /**
-   * @return {{markdown: MarkdownNodeSpec}}
-   */
-  addStorage() {
-    return {
-      markdown: {
-        serialize: defaultMarkdownSerializer.nodes.blockquote,
-        parse: {
-          // handled by markdown-it
-        }
-      }
-    };
-  }
-});
-var BulletList = Node$1.create({
-  name: "bulletList"
-});
-var BulletList$1 = BulletList.extend({
-  /**
-   * @return {{markdown: MarkdownNodeSpec}}
-   */
-  addStorage() {
-    return {
-      markdown: {
-        serialize(state, node) {
-          return state.renderList(node, "  ", () => (this.editor.storage.markdown.options.bulletListMarker || "-") + " ");
-        },
-        parse: {
-          // handled by markdown-it
-        }
-      }
-    };
-  }
-});
-var CodeBlock = Node$1.create({
-  name: "codeBlock"
-});
-var CodeBlock$1 = CodeBlock.extend({
-  /**
-   * @return {{markdown: MarkdownNodeSpec}}
-   */
-  addStorage() {
-    return {
-      markdown: {
-        serialize(state, node) {
-          state.write("```" + (node.attrs.language || "") + "\n");
-          state.text(node.textContent, false);
-          state.ensureNewLine();
-          state.write("```");
-          state.closeBlock(node);
-        },
-        parse: {
-          setup(markdownit2) {
-            var _this$options$languag;
-            markdownit2.set({
-              langPrefix: (_this$options$languag = this.options.languageClassPrefix) !== null && _this$options$languag !== void 0 ? _this$options$languag : "language-"
-            });
-          },
-          updateDOM(element) {
-            element.innerHTML = element.innerHTML.replace(/\n<\/code><\/pre>/g, "</code></pre>");
-          }
-        }
-      }
-    };
-  }
-});
-var HardBreak = Node$1.create({
-  name: "hardBreak"
-});
-var HardBreak$1 = HardBreak.extend({
-  /**
-   * @return {{markdown: MarkdownNodeSpec}}
-   */
-  addStorage() {
-    return {
-      markdown: {
-        serialize(state, node, parent, index) {
-          for (let i = index + 1; i < parent.childCount; i++)
-            if (parent.child(i).type != node.type) {
-              state.write(state.inTable ? HTMLNode.storage.markdown.serialize.call(this, state, node, parent) : "\\\n");
-              return;
-            }
-        },
-        parse: {
-          // handled by markdown-it
-        }
-      }
-    };
-  }
-});
-var Heading = Node$1.create({
-  name: "heading"
-});
-var Heading$1 = Heading.extend({
-  /**
-   * @return {{markdown: MarkdownNodeSpec}}
-   */
-  addStorage() {
-    return {
-      markdown: {
-        serialize: defaultMarkdownSerializer.nodes.heading,
-        parse: {
-          // handled by markdown-it
-        }
-      }
-    };
-  }
-});
-var HorizontalRule = Node$1.create({
-  name: "horizontalRule"
-});
-var HorizontalRule$1 = HorizontalRule.extend({
-  /**
-   * @return {{markdown: MarkdownNodeSpec}}
-   */
-  addStorage() {
-    return {
-      markdown: {
-        serialize: defaultMarkdownSerializer.nodes.horizontal_rule,
-        parse: {
-          // handled by markdown-it
-        }
-      }
-    };
-  }
-});
-var Image = Node$1.create({
-  name: "image"
-});
-var Image$1 = Image.extend({
-  /**
-   * @return {{markdown: MarkdownNodeSpec}}
-   */
-  addStorage() {
-    return {
-      markdown: {
-        serialize: defaultMarkdownSerializer.nodes.image,
-        parse: {
-          // handled by markdown-it
-        }
-      }
-    };
-  }
-});
-var ListItem = Node$1.create({
-  name: "listItem"
-});
-var ListItem$1 = ListItem.extend({
-  /**
-   * @return {{markdown: MarkdownNodeSpec}}
-   */
-  addStorage() {
-    return {
-      markdown: {
-        serialize: defaultMarkdownSerializer.nodes.list_item,
-        parse: {
-          // handled by markdown-it
-        }
-      }
-    };
-  }
-});
-var OrderedList = Node$1.create({
-  name: "orderedList"
-});
-function findIndexOfAdjacentNode(node, parent, index) {
-  let i = 0;
-  for (; index - i > 0; i++) {
-    if (parent.child(index - i - 1).type.name !== node.type.name) {
-      break;
-    }
-  }
-  return i;
-}
-var OrderedList$1 = OrderedList.extend({
-  /**
-   * @return {{markdown: MarkdownNodeSpec}}
-   */
-  addStorage() {
-    return {
-      markdown: {
-        serialize(state, node, parent, index) {
-          const start = node.attrs.start || 1;
-          const maxW = String(start + node.childCount - 1).length;
-          const space = state.repeat(" ", maxW + 2);
-          const adjacentIndex = findIndexOfAdjacentNode(node, parent, index);
-          const separator = adjacentIndex % 2 ? ") " : ". ";
-          state.renderList(node, space, (i) => {
-            const nStr = String(start + i);
-            return state.repeat(" ", maxW - nStr.length) + nStr + separator;
-          });
-        },
-        parse: {
-          // handled by markdown-it
-        }
-      }
-    };
-  }
-});
-var Paragraph = Node$1.create({
-  name: "paragraph"
-});
-var Paragraph$1 = Paragraph.extend({
-  /**
-   * @return {{markdown: MarkdownNodeSpec}}
-   */
-  addStorage() {
-    return {
-      markdown: {
-        serialize: defaultMarkdownSerializer.nodes.paragraph,
-        parse: {
-          // handled by markdown-it
-        }
-      }
-    };
-  }
-});
-function childNodes(node) {
-  var _node$content$content, _node$content;
-  return (_node$content$content = node === null || node === void 0 || (_node$content = node.content) === null || _node$content === void 0 ? void 0 : _node$content.content) !== null && _node$content$content !== void 0 ? _node$content$content : [];
-}
-var Table = Node$1.create({
-  name: "table"
-});
-var Table$1 = Table.extend({
-  /**
-   * @return {{markdown: MarkdownNodeSpec}}
-   */
-  addStorage() {
-    return {
-      markdown: {
-        serialize(state, node, parent) {
-          if (!isMarkdownSerializable(node)) {
-            HTMLNode.storage.markdown.serialize.call(this, state, node, parent);
-            return;
-          }
-          state.inTable = true;
-          node.forEach((row, p, i) => {
-            state.write("| ");
-            row.forEach((col, p2, j) => {
-              if (j) {
-                state.write(" | ");
-              }
-              const cellContent = col.firstChild;
-              if (cellContent.textContent.trim()) {
-                state.renderInline(cellContent);
-              }
-            });
-            state.write(" |");
-            state.ensureNewLine();
-            if (!i) {
-              const delimiterRow = Array.from({
-                length: row.childCount
-              }).map(() => "---").join(" | ");
-              state.write(`| ${delimiterRow} |`);
-              state.ensureNewLine();
-            }
-          });
-          state.closeBlock(node);
-          state.inTable = false;
-        },
-        parse: {
-          // handled by markdown-it
-        }
-      }
-    };
-  }
-});
-function hasSpan(node) {
-  return node.attrs.colspan > 1 || node.attrs.rowspan > 1;
-}
-function isMarkdownSerializable(node) {
-  const rows = childNodes(node);
-  const firstRow = rows[0];
-  const bodyRows = rows.slice(1);
-  if (childNodes(firstRow).some((cell) => cell.type.name !== "tableHeader" || hasSpan(cell) || cell.childCount > 1)) {
-    return false;
-  }
-  if (bodyRows.some((row) => childNodes(row).some((cell) => cell.type.name === "tableHeader" || hasSpan(cell) || cell.childCount > 1))) {
-    return false;
-  }
-  return true;
-}
-var TaskItem = Node$1.create({
-  name: "taskItem"
-});
-var TaskItem$1 = TaskItem.extend({
-  /**
-   * @return {{markdown: MarkdownNodeSpec}}
-   */
-  addStorage() {
-    return {
-      markdown: {
-        serialize(state, node) {
-          const check = node.attrs.checked ? "[x]" : "[ ]";
-          state.write(`${check} `);
-          state.renderContent(node);
-        },
-        parse: {
-          updateDOM(element) {
-            [...element.querySelectorAll(".task-list-item")].forEach((item) => {
-              const input = item.querySelector("input");
-              item.setAttribute("data-type", "taskItem");
-              if (input) {
-                item.setAttribute("data-checked", input.checked);
-                input.remove();
-              }
-            });
-          }
-        }
-      }
-    };
-  }
-});
-var TaskList = Node$1.create({
-  name: "taskList"
-});
-var TaskList$1 = TaskList.extend({
-  /**
-   * @return {{markdown: MarkdownNodeSpec}}
-   */
-  addStorage() {
-    return {
-      markdown: {
-        serialize: BulletList$1.storage.markdown.serialize,
-        parse: {
-          setup(markdownit2) {
-            markdownit2.use(taskListPlugin);
-          },
-          updateDOM(element) {
-            [...element.querySelectorAll(".contains-task-list")].forEach((list) => {
-              list.setAttribute("data-type", "taskList");
-            });
-          }
-        }
-      }
-    };
-  }
-});
-var Text = Node$1.create({
-  name: "text"
-});
-var Text$1 = Text.extend({
-  /**
-   * @return {{markdown: MarkdownNodeSpec}}
-   */
-  addStorage() {
-    return {
-      markdown: {
-        serialize(state, node) {
-          state.text(escapeHTML(node.text));
-        },
-        parse: {
-          // handled by markdown-it
-        }
-      }
-    };
-  }
-});
-var Bold = Mark2.create({
-  name: "bold"
-});
-var Bold$1 = Bold.extend({
-  /**
-   * @return {{markdown: MarkdownMarkSpec}}
-   */
-  addStorage() {
-    return {
-      markdown: {
-        serialize: defaultMarkdownSerializer.marks.strong,
-        parse: {
-          // handled by markdown-it
-        }
-      }
-    };
-  }
-});
-var Code = Mark2.create({
-  name: "code"
-});
-var Code$1 = Code.extend({
-  /**
-   * @return {{markdown: MarkdownMarkSpec}}
-   */
-  addStorage() {
-    return {
-      markdown: {
-        serialize: defaultMarkdownSerializer.marks.code,
-        parse: {
-          // handled by markdown-it
-        }
-      }
-    };
-  }
-});
-var Italic = Mark2.create({
-  name: "italic"
-});
-var Italic$1 = Italic.extend({
-  /**
-   * @return {{markdown: MarkdownMarkSpec}}
-   */
-  addStorage() {
-    return {
-      markdown: {
-        serialize: defaultMarkdownSerializer.marks.em,
-        parse: {
-          // handled by markdown-it
-        }
-      }
-    };
-  }
-});
-var Link = Mark2.create({
-  name: "link"
-});
-var Link$1 = Link.extend({
-  /**
-   * @return {{markdown: MarkdownMarkSpec}}
-   */
-  addStorage() {
-    return {
-      markdown: {
-        serialize: defaultMarkdownSerializer.marks.link,
-        parse: {
-          // handled by markdown-it
-        }
-      }
-    };
-  }
-});
-var Strike = Mark2.create({
-  name: "strike"
-});
-var Strike$1 = Strike.extend({
-  /**
-   * @return {{markdown: MarkdownMarkSpec}}
-   */
-  addStorage() {
-    return {
-      markdown: {
-        serialize: {
-          open: "~~",
-          close: "~~",
-          expelEnclosingWhitespace: true
-        },
-        parse: {
-          // handled by markdown-it
-        }
-      }
-    };
-  }
-});
-var markdownExtensions = [Blockquote$1, BulletList$1, CodeBlock$1, HardBreak$1, Heading$1, HorizontalRule$1, HTMLNode, Image$1, ListItem$1, OrderedList$1, Paragraph$1, Table$1, TaskItem$1, TaskList$1, Text$1, Bold$1, Code$1, HTMLMark, Italic$1, Link$1, Strike$1];
-function getMarkdownSpec(extension) {
-  var _extension$storage, _markdownExtensions$f;
-  const markdownSpec = (_extension$storage = extension.storage) === null || _extension$storage === void 0 ? void 0 : _extension$storage.markdown;
-  const defaultMarkdownSpec = (_markdownExtensions$f = markdownExtensions.find((e) => e.name === extension.name)) === null || _markdownExtensions$f === void 0 ? void 0 : _markdownExtensions$f.storage.markdown;
-  if (markdownSpec || defaultMarkdownSpec) {
-    return {
-      ...defaultMarkdownSpec,
-      ...markdownSpec
-    };
-  }
-  return null;
-}
-var MarkdownSerializer = class {
-  constructor(editor) {
-    __publicField(this, "editor", null);
-    this.editor = editor;
-  }
-  serialize(content) {
-    const state = new MarkdownSerializerState(this.nodes, this.marks, {
-      hardBreakNodeName: HardBreak$1.name
-    });
-    state.renderContent(content);
-    return state.out;
-  }
-  get nodes() {
-    var _this$editor$extensio;
-    return {
-      ...Object.fromEntries(Object.keys(this.editor.schema.nodes).map((name) => [name, this.serializeNode(HTMLNode)])),
-      ...Object.fromEntries((_this$editor$extensio = this.editor.extensionManager.extensions.filter((extension) => extension.type === "node" && this.serializeNode(extension)).map((extension) => [extension.name, this.serializeNode(extension)])) !== null && _this$editor$extensio !== void 0 ? _this$editor$extensio : [])
-    };
-  }
-  get marks() {
-    var _this$editor$extensio2;
-    return {
-      ...Object.fromEntries(Object.keys(this.editor.schema.marks).map((name) => [name, this.serializeMark(HTMLMark)])),
-      ...Object.fromEntries((_this$editor$extensio2 = this.editor.extensionManager.extensions.filter((extension) => extension.type === "mark" && this.serializeMark(extension)).map((extension) => [extension.name, this.serializeMark(extension)])) !== null && _this$editor$extensio2 !== void 0 ? _this$editor$extensio2 : [])
-    };
-  }
-  serializeNode(node) {
-    var _getMarkdownSpec;
-    return (_getMarkdownSpec = getMarkdownSpec(node)) === null || _getMarkdownSpec === void 0 || (_getMarkdownSpec = _getMarkdownSpec.serialize) === null || _getMarkdownSpec === void 0 ? void 0 : _getMarkdownSpec.bind({
-      editor: this.editor,
-      options: node.options
-    });
-  }
-  serializeMark(mark) {
-    var _getMarkdownSpec2;
-    const serialize = (_getMarkdownSpec2 = getMarkdownSpec(mark)) === null || _getMarkdownSpec2 === void 0 ? void 0 : _getMarkdownSpec2.serialize;
-    return serialize ? {
-      ...serialize,
-      open: typeof serialize.open === "function" ? serialize.open.bind({
-        editor: this.editor,
-        options: mark.options
-      }) : serialize.open,
-      close: typeof serialize.close === "function" ? serialize.close.bind({
-        editor: this.editor,
-        options: mark.options
-      }) : serialize.close
-    } : null;
-  }
-};
-var MarkdownParser = class {
-  constructor(editor, _ref) {
-    __publicField(this, "editor", null);
-    __publicField(this, "md", null);
-    let {
-      html,
-      linkify,
-      breaks
-    } = _ref;
-    this.editor = editor;
-    this.md = this.withPatchedRenderer(markdownit({
-      html,
-      linkify,
-      breaks
-    }));
-  }
-  parse(content) {
-    let {
-      inline
-    } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    if (typeof content === "string") {
-      this.editor.extensionManager.extensions.forEach((extension) => {
-        var _getMarkdownSpec;
-        return (_getMarkdownSpec = getMarkdownSpec(extension)) === null || _getMarkdownSpec === void 0 || (_getMarkdownSpec = _getMarkdownSpec.parse) === null || _getMarkdownSpec === void 0 || (_getMarkdownSpec = _getMarkdownSpec.setup) === null || _getMarkdownSpec === void 0 ? void 0 : _getMarkdownSpec.call({
-          editor: this.editor,
-          options: extension.options
-        }, this.md);
-      });
-      const renderedHTML = this.md.render(content);
-      const element = elementFromString(renderedHTML);
-      this.editor.extensionManager.extensions.forEach((extension) => {
-        var _getMarkdownSpec2;
-        return (_getMarkdownSpec2 = getMarkdownSpec(extension)) === null || _getMarkdownSpec2 === void 0 || (_getMarkdownSpec2 = _getMarkdownSpec2.parse) === null || _getMarkdownSpec2 === void 0 || (_getMarkdownSpec2 = _getMarkdownSpec2.updateDOM) === null || _getMarkdownSpec2 === void 0 ? void 0 : _getMarkdownSpec2.call({
-          editor: this.editor,
-          options: extension.options
-        }, element);
-      });
-      this.normalizeDOM(element, {
-        inline,
-        content
-      });
-      return element.innerHTML;
-    }
-    return content;
-  }
-  normalizeDOM(node, _ref2) {
-    let {
-      inline,
-      content
-    } = _ref2;
-    this.normalizeBlocks(node);
-    node.querySelectorAll("*").forEach((el) => {
-      var _el$nextSibling;
-      if (((_el$nextSibling = el.nextSibling) === null || _el$nextSibling === void 0 ? void 0 : _el$nextSibling.nodeType) === Node.TEXT_NODE && !el.closest("pre")) {
-        el.nextSibling.textContent = el.nextSibling.textContent.replace(/^\n/, "");
-      }
-    });
-    if (inline) {
-      this.normalizeInline(node, content);
-    }
-    return node;
-  }
-  normalizeBlocks(node) {
-    const blocks = Object.values(this.editor.schema.nodes).filter((node2) => node2.isBlock);
-    const selector = blocks.map((block) => {
-      var _block$spec$parseDOM;
-      return (_block$spec$parseDOM = block.spec.parseDOM) === null || _block$spec$parseDOM === void 0 ? void 0 : _block$spec$parseDOM.map((spec) => spec.tag);
-    }).flat().filter(Boolean).join(",");
-    if (!selector) {
-      return;
-    }
-    [...node.querySelectorAll(selector)].forEach((el) => {
-      if (el.parentElement.matches("p")) {
-        extractElement(el);
-      }
-    });
-  }
-  normalizeInline(node, content) {
-    var _node$firstElementChi;
-    if ((_node$firstElementChi = node.firstElementChild) !== null && _node$firstElementChi !== void 0 && _node$firstElementChi.matches("p")) {
-      var _content$match$, _content$match, _content$match$2, _content$match2;
-      const firstParagraph = node.firstElementChild;
-      const {
-        nextElementSibling
-      } = firstParagraph;
-      const startSpaces = (_content$match$ = (_content$match = content.match(/^\s+/)) === null || _content$match === void 0 ? void 0 : _content$match[0]) !== null && _content$match$ !== void 0 ? _content$match$ : "";
-      const endSpaces = !nextElementSibling ? (_content$match$2 = (_content$match2 = content.match(/\s+$/)) === null || _content$match2 === void 0 ? void 0 : _content$match2[0]) !== null && _content$match$2 !== void 0 ? _content$match$2 : "" : "";
-      if (content.match(/^\n\n/)) {
-        firstParagraph.innerHTML = `${firstParagraph.innerHTML}${endSpaces}`;
-        return;
-      }
-      unwrapElement(firstParagraph);
-      node.innerHTML = `${startSpaces}${node.innerHTML}${endSpaces}`;
-    }
-  }
-  /**
-   * @param {markdownit} md
-   */
-  withPatchedRenderer(md2) {
-    const withoutNewLine = (renderer) => function() {
-      const rendered = renderer(...arguments);
-      if (rendered === "\n") {
-        return rendered;
-      }
-      if (rendered[rendered.length - 1] === "\n") {
-        return rendered.slice(0, -1);
-      }
-      return rendered;
-    };
-    md2.renderer.rules.hardbreak = withoutNewLine(md2.renderer.rules.hardbreak);
-    md2.renderer.rules.softbreak = withoutNewLine(md2.renderer.rules.softbreak);
-    md2.renderer.rules.fence = withoutNewLine(md2.renderer.rules.fence);
-    md2.renderer.rules.code_block = withoutNewLine(md2.renderer.rules.code_block);
-    md2.renderer.renderToken = withoutNewLine(md2.renderer.renderToken.bind(md2.renderer));
-    return md2;
-  }
-};
-var MarkdownClipboard = Extension6.create({
-  name: "markdownClipboard",
-  addOptions() {
-    return {
-      transformPastedText: false,
-      transformCopiedText: false
-    };
-  },
-  addProseMirrorPlugins() {
-    return [new Plugin4({
-      key: new PluginKey("markdownClipboard"),
-      props: {
-        clipboardTextParser: (text, context, plainText) => {
-          if (plainText || !this.options.transformPastedText) {
-            return null;
-          }
-          const parsed = this.editor.storage.markdown.parser.parse(text, {
-            inline: true
-          });
-          return DOMParser.fromSchema(this.editor.schema).parseSlice(elementFromString(parsed), {
-            preserveWhitespace: true,
-            context
-          });
-        },
-        /**
-         * @param {import('prosemirror-model').Slice} slice
-         */
-        clipboardTextSerializer: (slice) => {
-          if (!this.options.transformCopiedText) {
-            return null;
-          }
-          return this.editor.storage.markdown.serializer.serialize(slice.content);
-        }
-      }
-    })];
-  }
-});
-var Markdown = Extension6.create({
-  name: "markdown",
-  priority: 50,
-  addOptions() {
-    return {
-      html: true,
-      tightLists: true,
-      tightListClass: "tight",
-      bulletListMarker: "-",
-      linkify: false,
-      breaks: false,
-      transformPastedText: false,
-      transformCopiedText: false
-    };
-  },
-  addCommands() {
-    const commands = extensions.Commands.config.addCommands();
-    return {
-      setContent: (content, emitUpdate, parseOptions) => (props) => {
-        return commands.setContent(props.editor.storage.markdown.parser.parse(content), emitUpdate, parseOptions)(props);
-      },
-      insertContentAt: (range, content, options) => (props) => {
-        return commands.insertContentAt(range, props.editor.storage.markdown.parser.parse(content, {
-          inline: true
-        }), options)(props);
-      }
-    };
-  },
-  onBeforeCreate() {
-    this.editor.storage.markdown = {
-      options: {
-        ...this.options
-      },
-      parser: new MarkdownParser(this.editor, this.options),
-      serializer: new MarkdownSerializer(this.editor),
-      getMarkdown: () => {
-        return this.editor.storage.markdown.serializer.serialize(this.editor.state.doc);
-      }
-    };
-    this.editor.options.initialContent = this.editor.options.content;
-    this.editor.options.content = this.editor.storage.markdown.parser.parse(this.editor.options.content);
-  },
-  onCreate() {
-    this.editor.options.content = this.editor.options.initialContent;
-    delete this.editor.options.initialContent;
-  },
-  addStorage() {
-    return {
-      /// storage will be defined in onBeforeCreate() to prevent initial object overriding
-    };
-  },
-  addExtensions() {
-    return [MarkdownTightLists.configure({
-      tight: this.options.tightLists,
-      tightClass: this.options.tightListClass
-    }), MarkdownClipboard.configure({
-      transformPastedText: this.options.transformPastedText,
-      transformCopiedText: this.options.transformCopiedText
-    })];
-  }
-});
-
-// src/extensions/markdown.ts
-var resolveExt = (mod, name) => mod?.[name] || mod?.default?.[name] || mod?.default?.default || mod?.default || mod;
-var Markdown2 = resolveExt(Markdown, "Markdown");
-
-// src/extensions/image.ts
-import * as _Image from "@tiptap/extension-image";
-import { Plugin as Plugin5, PluginKey as PluginKey2 } from "@tiptap/pm/state";
-var resolveExt2 = (mod, name) => mod?.[name] || mod?.default?.[name] || mod?.default?.default || mod?.default || mod;
-var BaseImage = resolveExt2(_Image, "Image");
-var imagePastePluginKey = new PluginKey2("imagePasteHandler");
-function insertImageNode(view, src, alt) {
-  const { schema } = view.state;
-  const imageType = schema.nodes.image;
-  if (!imageType) return;
-  const node = imageType.create({ src, alt: alt || "" });
-  const tr = view.state.tr.replaceSelectionWith(node);
-  view.dispatch(tr);
-}
-function updateImageSrc(view, oldSrc, newSrc) {
-  const { doc } = view.state;
-  let foundPos = null;
-  let foundAttrs = null;
-  doc.descendants((node, pos) => {
-    if (node.type.name === "image" && node.attrs.src === oldSrc) {
-      foundPos = pos;
-      foundAttrs = node.attrs;
-      return false;
-    }
-  });
-  if (foundPos !== null && foundAttrs) {
-    const tr = view.state.tr.setNodeMarkup(foundPos, void 0, {
-      ...foundAttrs,
-      src: newSrc
-    });
-    view.dispatch(tr);
-  }
-}
-function removeImageNode(view, src) {
-  const { doc } = view.state;
-  let foundPos = null;
-  let nodeSize = 0;
-  doc.descendants((node, pos) => {
-    if (node.type.name === "image" && node.attrs.src === src) {
-      foundPos = pos;
-      nodeSize = node.nodeSize;
-      return false;
-    }
-  });
-  if (foundPos !== null) {
-    const tr = view.state.tr.delete(foundPos, foundPos + nodeSize);
-    view.dispatch(tr);
-  }
-}
-function handleImageInsertion(view, file, options) {
-  if (typeof options.upload === "function") {
-    const hasObjectUrl = typeof URL !== "undefined" && typeof URL.createObjectURL === "function";
-    const tempUrl = hasObjectUrl ? URL.createObjectURL(file) : null;
-    if (tempUrl) {
-      insertImageNode(view, tempUrl, file.name);
-    }
-    Promise.resolve(options.upload(file)).then((uploadedUrl) => {
-      if (!uploadedUrl) {
-        throw new Error("Upload handler returned empty URL");
-      }
-      if (tempUrl) {
-        updateImageSrc(view, tempUrl, uploadedUrl);
-        if (typeof URL.revokeObjectURL === "function") {
-          URL.revokeObjectURL(tempUrl);
-        }
-      } else {
-        insertImageNode(view, uploadedUrl, file.name);
-      }
-    }).catch((err) => {
-      const error = err instanceof Error ? err : new Error(String(err));
-      console.error("Failed to upload pasted image:", error);
-      if (tempUrl) {
-        removeImageNode(view, tempUrl);
-        if (typeof URL.revokeObjectURL === "function") {
-          URL.revokeObjectURL(tempUrl);
-        }
-      }
-      if (typeof options.onUploadError === "function") {
-        options.onUploadError(error, file);
-      }
-    });
-  } else if (options.allowBase64 !== false) {
-    const maxBase64Size = options.maxBase64Size ?? 65536;
-    if (file.size > maxBase64Size) {
-      const err = new Error(
-        `Image size (${Math.round(file.size / 1024)}KB) exceeds maxBase64Size (${Math.round(
-          maxBase64Size / 1024
-        )}KB). Provide an upload handler to support large images.`
-      );
-      console.warn(`[Editor] ${err.message}`);
-      if (typeof options.onUploadError === "function") {
-        options.onUploadError(err, file);
-      }
-      return;
-    }
-    if (typeof FileReader !== "undefined") {
-      const reader = new FileReader();
-      reader.onload = () => {
-        const src = reader.result;
-        if (src) {
-          insertImageNode(view, src, file.name);
-        }
-      };
-      reader.readAsDataURL(file);
-    }
-  }
-}
-var Image2 = BaseImage.extend({
-  addOptions() {
-    return {
-      ...this.parent?.(),
-      allowBase64: true,
-      maxBase64Size: 65536,
-      enablePaste: true,
-      enableDrop: true,
-      upload: void 0,
-      onUploadError: void 0,
-      HTMLAttributes: {
-        class: "rounded-md max-w-full h-auto my-2"
-      }
-    };
-  },
-  addProseMirrorPlugins() {
-    const parentPlugins = this.parent?.() || [];
-    const options = this.options;
-    if (!options.enablePaste && !options.enableDrop) {
-      return parentPlugins;
-    }
-    const pastePlugin = new Plugin5({
-      key: imagePastePluginKey,
-      props: {
-        handlePaste(view, event) {
-          if (!options.enablePaste) return false;
-          const items = Array.from(event.clipboardData?.items || []);
-          const imageItems = items.filter(
-            (item) => item.kind === "file" && item.type.startsWith("image/")
-          );
-          if (imageItems.length === 0) return false;
-          event.preventDefault();
-          for (const item of imageItems) {
-            const file = item.getAsFile();
-            if (!file) continue;
-            handleImageInsertion(view, file, options);
-          }
-          return true;
-        },
-        handleDrop(view, event) {
-          if (!options.enableDrop) return false;
-          const files = Array.from(event.dataTransfer?.files || []);
-          const imageFiles = files.filter((f) => f.type.startsWith("image/"));
-          if (imageFiles.length === 0) return false;
-          event.preventDefault();
-          for (const file of imageFiles) {
-            handleImageInsertion(view, file, options);
-          }
-          return true;
-        }
-      }
-    });
-    return [...parentPlugins, pastePlugin];
-  }
-});
-
-// src/extensions/rich-text-preset.ts
-var resolveExt3 = (mod, name) => mod?.[name] || mod?.default?.[name] || mod?.default?.default || mod?.default || mod;
-var StarterKit = resolveExt3(_StarterKit, "StarterKit");
-var Color = resolveExt3(_Color, "Color");
-var Highlight = resolveExt3(_Highlight, "Highlight");
-var Link2 = resolveExt3(_Link, "Link");
-var TaskList2 = resolveExt3(_TaskList, "TaskList");
-var TaskItem2 = resolveExt3(_TaskItem, "TaskItem");
-var TextAlign = resolveExt3(_TextAlign, "TextAlign");
-var TextStyle = resolveExt3(_TextStyle, "TextStyle");
-var Typography = resolveExt3(_Typography, "Typography");
-var Underline = resolveExt3(_Underline, "Underline");
-var Placeholder = resolveExt3(_Placeholder, "Placeholder");
-var CharacterCount = resolveExt3(_CharacterCount, "CharacterCount");
-function createRichTextPreset(options = {}) {
-  const {
-    placeholder = "Start typing...",
-    characterLimit,
-    openLinksOnClick = false,
-    enableSmilies = true,
-    enableColorHighlighter = true,
-    headingLevels = [1, 2, 3, 4]
-  } = options;
-  const extensions2 = [
-    StarterKit.configure({
-      orderedList: {
-        HTMLAttributes: {
-          class: "list-decimal pl-4"
-        }
-      },
-      bulletList: {
-        HTMLAttributes: {
-          class: "list-disc pl-4"
-        }
-      },
-      heading: {
-        levels: headingLevels,
-        HTMLAttributes: {
-          class: "font-bold tracking-tight"
-        }
-      }
-    }),
-    TextStyle,
-    Color,
-    Highlight.configure({ multicolor: true }),
-    Underline,
-    Typography,
-    TextAlign.configure({
-      types: ["heading", "paragraph"]
-    }),
-    Link2.extend({
-      addInputRules() {
-        return [
-          markInputRule({
-            find: /(?:^|\s)\[([^\]]+)\]\(([^)]+)\)$/,
-            type: this.type,
-            getAttributes: (match) => ({
-              href: match[2]
-            })
-          })
-        ];
-      }
-    }).configure({
-      openOnClick: openLinksOnClick,
-      autolink: true,
-      defaultProtocol: "https",
-      protocols: ["file", "vscode", "cursor"],
-      HTMLAttributes: {
-        target: "_blank",
-        rel: "noopener noreferrer",
-        class: "text-blue-500 underline underline-offset-2"
-      }
-    }),
-    TaskList2,
-    TaskItem2.extend({
-      addInputRules() {
-        return [
-          wrappingInputRule({
-            find: /^\s*(\[([ |x])?\])\s$/i,
-            type: this.type,
-            getAttributes: (match) => ({
-              checked: match[2]?.toLowerCase() === "x"
-            })
-          })
-        ];
-      }
-    }).configure({
-      nested: true
-    }),
-    FontSize,
-    Placeholder.configure({
-      emptyEditorClass: "is-empty",
-      placeholder: typeof placeholder === "function" ? placeholder : () => placeholder
-    })
-  ];
-  if (characterLimit) {
-    extensions2.push(
-      CharacterCount.configure({
-        limit: characterLimit
-      })
-    );
-  }
-  if (enableSmilies) {
-    extensions2.push(SmilieReplacer);
-  }
-  if (enableColorHighlighter) {
-    extensions2.push(ColorHighlighter);
-  }
-  if (options.mention) {
-    const mentionConfig = typeof options.mention === "object" ? options.mention : {};
-    extensions2.push(
-      Mention.configure({
-        HTMLAttributes: {
-          class: "pixerate-mention-node",
-          ...mentionConfig.HTMLAttributes || {}
-        },
-        ...mentionConfig
-      })
-    );
-  }
-  if (options.markdown) {
-    const markdownConfig = typeof options.markdown === "object" ? options.markdown : {};
-    extensions2.push(
-      Markdown2.configure({
-        html: true,
-        tightLists: true,
-        tightListClass: "tight",
-        bulletListMarker: "-",
-        linkify: true,
-        breaks: true,
-        transformPastedText: true,
-        transformCopiedText: true,
-        ...markdownConfig
-      })
-    );
-  }
-  if (options.image !== false) {
-    const imageConfig = typeof options.image === "object" ? options.image : {};
-    extensions2.push(
-      Image2.configure({
-        HTMLAttributes: {
-          class: "rounded-md max-w-full h-auto my-2",
-          ...imageConfig.HTMLAttributes || {}
-        },
-        ...imageConfig
-      })
-    );
-  }
-  return extensions2;
-}
+  ColorHighlighter,
+  FontSize,
+  GradientText,
+  Image,
+  LoadingNode,
+  Markdown,
+  Mention,
+  SlashCommands,
+  SmilieReplacer,
+  TemplateSuggestions,
+  createMentionExtension,
+  createRichTextPreset,
+  findHexColors,
+  handleImageInsertion,
+  imagePastePluginKey,
+  insertImageNode,
+  removeImageNode,
+  updateImageSrc
+} from "../chunk-7FWEWE6T.js";
+import "../chunk-GLSIZKOX.js";
 export {
   ColorHighlighter,
   FontSize,
   GradientText,
-  Image2 as Image,
+  Image,
   LoadingNode,
-  Markdown2 as Markdown,
+  Markdown,
   Mention,
   SlashCommands,
   SmilieReplacer,