wysimark-lite 0.25.3 → 0.25.5

package/dist/index.mjs

@@ -132,25 +132,199 @@ function escapeUrlSlashes(text) {
   const markdownLinkPattern = /\[([^\]]+)\]\(([^)]+)\)/g;
   const links = [];
   let linkIndex = 0;
-  const textWithoutLinks = text.replace(markdownLinkPattern, (match) => {
+  let result = text.replace(markdownLinkPattern, (match) => {
     links.push(match);
     return `__MARKDOWN_LINK_${linkIndex++}__`;
   });
+  const htmlBlocks = [];
+  const masked = maskHtmlBlocks(result, htmlBlocks);
+  result = masked;
   const urlPattern = /(https?:\/\/[^\s]+)/g;
-  const textWithEscapedUrls = textWithoutLinks.replace(urlPattern, (url) => {
+  result = result.replace(urlPattern, (url) => {
     return url.replace(/\//g, "\\/");
   });
-  let result = textWithEscapedUrls;
+  for (let i = 0; i < htmlBlocks.length; i++) {
+    result = result.replace(`__HTML_BLOCK_${i}__`, htmlBlocks[i]);
+  }
   for (let i = 0; i < links.length; i++) {
     result = result.replace(`__MARKDOWN_LINK_${i}__`, links[i]);
   }
   return result;
 }
 function unescapeUrlSlashes(text) {
-  return text.replace(/\\(.)/g, (match, char) => {
+  return text.replace(/\\(.)/g, (_match, char) => {
     return char;
   });
 }
+var RAW_TEXT_TAGS = /* @__PURE__ */ new Set(["script", "style"]);
+function maskHtmlBlocks(text, htmlBlocks) {
+  let output = "";
+  let index = 0;
+  while (index < text.length) {
+    const ltIndex = text.indexOf("<", index);
+    if (ltIndex === -1) {
+      output += text.slice(index);
+      break;
+    }
+    output += text.slice(index, ltIndex);
+    if (text.startsWith("<!--", ltIndex)) {
+      const end = text.indexOf("-->", ltIndex + 4);
+      if (end === -1) {
+        output += text.slice(ltIndex);
+        break;
+      }
+      const block2 = text.slice(ltIndex, end + 3);
+      htmlBlocks.push(block2);
+      output += `__HTML_BLOCK_${htmlBlocks.length - 1}__`;
+      index = end + 3;
+      continue;
+    }
+    if (text.startsWith("<![CDATA[", ltIndex)) {
+      const end = text.indexOf("]]>", ltIndex + 9);
+      if (end === -1) {
+        output += text.slice(ltIndex);
+        break;
+      }
+      const block2 = text.slice(ltIndex, end + 3);
+      htmlBlocks.push(block2);
+      output += `__HTML_BLOCK_${htmlBlocks.length - 1}__`;
+      index = end + 3;
+      continue;
+    }
+    const tag = parseTag(text, ltIndex);
+    if (!tag) {
+      output += "<";
+      index = ltIndex + 1;
+      continue;
+    }
+    const blockIndex = htmlBlocks.length;
+    const placeholder = `__HTML_BLOCK_${blockIndex}__`;
+    if (!tag.name) {
+      const block2 = text.slice(ltIndex, tag.endIndex + 1);
+      htmlBlocks.push(block2);
+      output += placeholder;
+      index = tag.endIndex + 1;
+      continue;
+    }
+    const tagName = tag.name.toLowerCase();
+    if (tag.isClosing || tag.isSelfClosing) {
+      const block2 = text.slice(ltIndex, tag.endIndex + 1);
+      htmlBlocks.push(block2);
+      output += placeholder;
+      index = tag.endIndex + 1;
+      continue;
+    }
+    if (RAW_TEXT_TAGS.has(tagName)) {
+      const closeStart = text.toLowerCase().indexOf(`</${tagName}`, tag.endIndex + 1);
+      if (closeStart !== -1) {
+        const closeTag = parseTag(text, closeStart);
+        if (closeTag) {
+          const block2 = text.slice(ltIndex, closeTag.endIndex + 1);
+          htmlBlocks.push(block2);
+          output += placeholder;
+          index = closeTag.endIndex + 1;
+          continue;
+        }
+      }
+    }
+    const closingTagEnd = findClosingTagEnd(text, tagName, tag.endIndex + 1);
+    if (closingTagEnd !== null) {
+      const block2 = text.slice(ltIndex, closingTagEnd + 1);
+      htmlBlocks.push(block2);
+      output += placeholder;
+      index = closingTagEnd + 1;
+      continue;
+    }
+    const block = text.slice(ltIndex, tag.endIndex + 1);
+    htmlBlocks.push(block);
+    output += placeholder;
+    index = tag.endIndex + 1;
+  }
+  return output;
+}
+function parseTag(text, startIndex) {
+  if (text[startIndex] !== "<")
+    return null;
+  const endIndex = findTagEnd(text, startIndex);
+  if (endIndex === -1)
+    return null;
+  let cursor = startIndex + 1;
+  if (cursor >= text.length)
+    return null;
+  const firstChar = text[cursor];
+  if (firstChar === "!" || firstChar === "?") {
+    return {
+      name: null,
+      endIndex,
+      isClosing: false,
+      isSelfClosing: true
+    };
+  }
+  let isClosing = false;
+  if (firstChar === "/") {
+    isClosing = true;
+    cursor += 1;
+  }
+  const nameMatch = /^[A-Za-z][A-Za-z0-9-]*/.exec(text.slice(cursor));
+  if (!nameMatch)
+    return null;
+  const name = nameMatch[0];
+  const tagText = text.slice(startIndex, endIndex + 1);
+  const isSelfClosing = /\/\s*>$/.test(tagText);
+  return {
+    name,
+    endIndex,
+    isClosing,
+    isSelfClosing
+  };
+}
+function findTagEnd(text, startIndex) {
+  let quote = null;
+  for (let i = startIndex + 1; i < text.length; i++) {
+    const char = text[i];
+    if (quote) {
+      if (char === quote) {
+        quote = null;
+      }
+      continue;
+    }
+    if (char === "'" || char === '"') {
+      quote = char;
+      continue;
+    }
+    if (char === ">") {
+      return i;
+    }
+  }
+  return -1;
+}
+function findClosingTagEnd(text, tagName, startIndex) {
+  let depth = 1;
+  let cursor = startIndex;
+  const lowerTag = tagName.toLowerCase();
+  while (cursor < text.length) {
+    const ltIndex = text.indexOf("<", cursor);
+    if (ltIndex === -1)
+      return null;
+    const tag = parseTag(text, ltIndex);
+    if (!tag || !tag.name) {
+      cursor = ltIndex + 1;
+      continue;
+    }
+    if (tag.name.toLowerCase() === lowerTag) {
+      if (tag.isClosing) {
+        depth -= 1;
+      } else if (!tag.isSelfClosing) {
+        depth += 1;
+      }
+      if (depth === 0) {
+        return tag.endIndex;
+      }
+    }
+    cursor = tag.endIndex + 1;
+  }
+  return null;
+}
 function assert(pass, message) {
   if (!pass)
     throw new Error(`${message}`);
@@ -339,71 +513,36 @@ function sortMarks(marks) {
 }
 
 // src/convert/serialize/serialize-line/utils/text-utils.ts
-var ESCAPES = [
+var INLINE_ESCAPES = [
   "\\",
-  // escape
+  // escape character
   "`",
-  // code
+  // inline code
   "*",
-  // bold/italic/hr
+  // emphasis/bold
   "_",
-  // bold/italic/hr
+  // emphasis/bold
   "[",
-  // link/list
+  // link start
   "]",
-  // link/list
-  "(",
-  // link
-  ")",
-  // link
-  "#",
-  // headings
-  "+",
-  // list
-  "-",
-  // hr/list
-  ".",
-  // numbered list
-  "!",
-  // image
-  "|",
-  // table
-  "^",
-  // sup
+  // link end
   "~",
-  // sub/strikethrough
-  "<",
-  // link/html
-  ">",
-  // link/html
-  /**
-   * Includes all the characters in the list of Backslash escapes in the example
-   * for GitHub Flavored Markdown.
-   *
-   * https://github.github.com/gfm/#backslash-escapes
-   */
-  "{",
-  "}",
-  "=",
-  ":",
-  ";",
-  "$",
-  "%",
-  "&",
-  "?",
-  '"',
-  "'",
-  ",",
-  "\\",
-  "/",
-  "@"
+  // strikethrough (GFM)
+  "|",
+  // table cell (GFM)
+  "<"
+  // HTML tag
 ];
-var ESCAPES_REGEXP = new RegExp(
-  `(${ESCAPES.map((symbol) => `\\${symbol}`).join("|")})`,
+var INLINE_ESCAPES_REGEXP = new RegExp(
+  `(${INLINE_ESCAPES.map((symbol) => `\\${symbol}`).join("|")})`,
   "g"
 );
 function escapeText(s) {
-  return s.replace(ESCAPES_REGEXP, (s2) => `\\${s2}`);
+  let result = s.replace(INLINE_ESCAPES_REGEXP, (s2) => `\\${s2}`);
+  result = result.replace(/^(#{1,6})(\s)/m, "\\$1$2");
+  result = result.replace(/^(\d+)([.)]\s)/m, "$1\\$2");
+  result = result.replace(/^([-+>])\s/m, "\\$1 ");
+  return result;
 }
 
 // src/convert/parse/parse-phrasing-content/normalize-segment.ts
@@ -456,7 +595,7 @@ function parseGenericImage(image) {
 }
 
 // src/convert/parseUrl.ts
-var URL_REGEX = /^(\/[^?#]*)(?:\?([^#]*))?(#.*)?$/;
+var URL_REGEX = /^([^?#]*)(?:\?([^#]*))?(#.*)?$/;
 function parseUrl(url) {
   try {
     const urlData = new URL(url);
@@ -490,8 +629,8 @@ function parseSize(s) {
   if (sizeMatch === null)
     return null;
   return {
-    width: parseInt(sizeMatch[1]),
-    height: parseInt(sizeMatch[2])
+    width: parseInt(sizeMatch[1], 10),
+    height: parseInt(sizeMatch[2], 10)
   };
 }
 
@@ -515,8 +654,8 @@ function parsePortiveImage(image) {
     alt: image.alt || void 0,
     width: size.width,
     height: size.height,
-    srcWidth: parseInt(srcSizeMatch[1]),
-    srcHeight: parseInt(srcSizeMatch[2])
+    srcWidth: parseInt(srcSizeMatch[1], 10),
+    srcHeight: parseInt(srcSizeMatch[2], 10)
   };
 }
 
@@ -1050,7 +1189,7 @@ function mergeAdjacentSpaces({
 }) {
   if (!isText(node) || !isPlainSpace(node) || node.code)
     return false;
-  if (!isText(nextNode) || !isPlainSpace(nextNode) || node.code)
+  if (!isText(nextNode) || !isPlainSpace(nextNode) || nextNode.code)
     return false;
   nodes.splice(index, 2, { text: `${node.text}${nextNode.text}` });
   return true;
@@ -1446,7 +1585,7 @@ function serializeTableCell(element) {
       element.children
     )}`
   );
-  return element.children.map(serializeTableContent).join();
+  return element.children.map(serializeTableContent).join("");
 }
 function serializeTableContent(element) {
   assertElementType(element, "table-content");
@@ -1461,7 +1600,7 @@ function serializeElement(element, orders) {
       return `[${serializeLine(element.children)}](${element.href})`;
     case "block-quote": {
       const lines = serializeElements(element.children);
-      return `${lines.split("\n").map((line) => `> ${line}`.trim()).join("\n")}
+      return `${lines.split("\n").map((line) => line ? `> ${line}` : ">").join("\n")}
 
 `;
     }
@@ -1508,6 +1647,8 @@ function serializeElement(element, orders) {
     }
     case "image-block":
       return serializeImageBlock(element);
+    case "image-inline":
+      return `![${element.alt || ""}](${element.url})`;
     case "code-block":
       return serializeCodeBlock(element);
     case "code-block-line":
@@ -1858,7 +1999,7 @@ function SinkEditable(originalProps) {
   const editor = useSlateStatic();
   useEffect(() => {
     Editor.normalize(editor, { force: true });
-  }, []);
+  }, [editor]);
   const { plugins: plugins2 } = editor.sink;
   const nextProps = useMemo(
     () => ({
@@ -1881,7 +2022,19 @@ function SinkEditable(originalProps) {
       onPaste: createOnPaste(originalProps.onPaste, plugins2),
       onDrop: createOnDrop(originalProps.onDrop, plugins2)
     }),
-    Object.values(originalProps)
+    [
+      originalProps.decorate,
+      originalProps.renderElement,
+      originalProps.renderLeaf,
+      originalProps.renderPlaceholder,
+      originalProps.onKeyDown,
+      originalProps.onKeyUp,
+      originalProps.onPaste,
+      originalProps.onDrop,
+      originalProps.placeholder,
+      originalProps.className,
+      plugins2
+    ]
   );
   const NextEditable = useMemo(() => createEditable(plugins2), [plugins2]);
   return /* @__PURE__ */ jsx2(NextEditable, { ...nextProps });
@@ -2340,7 +2493,7 @@ function editLink(editor, { href, title, text }, { at }) {
 }
 
 // src/anchor-plugin/methods/insertLink.ts
-import { Editor as Editor15, Range as Range3, Text as Text2, Transforms as Transforms8 } from "slate";
+import { Editor as Editor15, Element as Element9, Range as Range3, Text as Text2, Transforms as Transforms8 } from "slate";
 function insertLink(editor, href, text = href, { select = true, title } = {}) {
   const selection = editor.selection || {
     anchor: Editor15.start(editor, [0]),
@@ -2367,7 +2520,7 @@ function insertLink(editor, href, text = href, { select = true, title } = {}) {
       { type: "anchor", href, title, children: [] },
       {
         split: true,
-        match: (node) => Text2.isText(node) || Editor15.isInline(editor, node)
+        match: (node) => Text2.isText(node) || Element9.isElement(node) && Editor15.isInline(editor, node)
       }
     );
   }
@@ -2393,16 +2546,16 @@ function createAnchorMethods(editor) {
 }
 
 // src/anchor-plugin/normalize-node/index.ts
-import { Element as Element9, Transforms as Transforms10 } from "slate";
+import { Element as Element10, Transforms as Transforms10 } from "slate";
 function normalizeNode(editor, entry) {
-  if (!Element9.isElement(entry[0]))
+  if (!Element10.isElement(entry[0]))
     return false;
   if (entry[0].type !== "anchor")
     return false;
   const children = entry[0].children;
   for (let i = 0; i < children.length; i++) {
     const child = children[i];
-    if (!Element9.isElement(child) || child.type !== "anchor")
+    if (!Element10.isElement(child) || child.type !== "anchor")
       continue;
     Transforms10.unwrapNodes(editor, { at: [...entry[1], i] });
     return true;
@@ -2701,15 +2854,18 @@ import { useEffect as useEffect2 } from "react";
 
 // src/use-reposition/hooks/use-throttled-refresh.ts
 import throttle from "lodash.throttle";
-import { useState as useState2 } from "react";
+import { useMemo as useMemo2, useState as useState2 } from "react";
 function useThrottledRefresh(intervalInMs = 100) {
   const [counter, setState] = useState2(0);
-  const refresh = throttle(
-    () => {
-      setState((counter2) => counter2 + 1);
-    },
-    intervalInMs,
-    { trailing: true }
+  const refresh = useMemo2(
+    () => throttle(
+      () => {
+        setState((counter2) => counter2 + 1);
+      },
+      intervalInMs,
+      { trailing: true }
+    ),
+    [intervalInMs]
   );
   return Object.assign(refresh, { counter });
 }
@@ -3077,6 +3233,8 @@ function Menu({
   const editor = useSlateStatic2();
   const ref = useRef2(null);
   const style = useAbsoluteReposition({ src: ref, dest }, ({ dest: dest2 }) => {
+    if (!dest2)
+      return { left: 0, top: 0 };
     return { left: dest2.left - 8, top: dest2.top + dest2.height };
   });
   return /* @__PURE__ */ jsxs3(Fragment2, { children: [
@@ -3761,7 +3919,7 @@ var AnchorPlugin = createPlugin(
 import { Editor as Editor19, Transforms as Transforms11 } from "slate";
 
 // src/atomic-delete-plugin/is-safe-delete.ts
-import { Element as Element10, Path as Path6 } from "slate";
+import { Element as Element11, Path as Path6 } from "slate";
 function isSafeDelete(editor, a, b) {
   if (!a || !b)
     return true;
@@ -3769,13 +3927,13 @@ function isSafeDelete(editor, a, b) {
     return true;
   const masterEntryA = findElementUp(
     editor,
-    (el) => Element10.isElement(el) && editor.isMaster(el),
+    (el) => Element11.isElement(el) && editor.isMaster(el),
     { at: a[1] }
   );
   const masterEntryB = findElementUp(
     editor,
     (el) => {
-      return Element10.isElement(el) && editor.isMaster(el);
+      return Element11.isElement(el) && editor.isMaster(el);
     },
     { at: b[1] }
   );
@@ -4132,7 +4290,7 @@ function resizeInBounds(size, bounds) {
   }
   return size;
 }
-function resizeInPreset(size, srcSize, preset) {
+function resizeInPreset(_size, srcSize, preset) {
   switch (preset.type) {
     case "bounds":
       return resizeInBounds(srcSize, preset);
@@ -4146,7 +4304,7 @@ function resizeInPreset(size, srcSize, preset) {
 function getEditorWidth(editor) {
   const element = ReactEditor4.toDOMNode(editor, editor);
   const computed = getComputedStyle(element);
-  const padding = parseInt(computed.paddingLeft) + parseInt(computed.paddingRight);
+  const padding = parseInt(computed.paddingLeft, 10) + parseInt(computed.paddingRight, 10);
   return element.clientWidth - padding;
 }
 
@@ -4550,7 +4708,7 @@ import { useCallback as useCallback9 } from "react";
 import { useSlateStatic as useSlateStatic8 } from "slate-react";
 
 // src/image-plugin/render-element/image-with-controls/image-toolbar/image-type-buttons/convert-to-block-image.tsx
-import { Editor as Editor23, Text as Text3, Transforms as Transforms16 } from "slate";
+import { Editor as Editor23, Element as Element12, Text as Text3, Transforms as Transforms16 } from "slate";
 import { ReactEditor as ReactEditor8 } from "slate-react";
 function convertToBlockImage(editor, element) {
   if (!element.width || !element.height || !element.srcWidth || !element.srcHeight)
@@ -4573,7 +4731,7 @@ function convertToBlockImage(editor, element) {
     );
     const parentEntry = findElementUp(
       editor,
-      (node) => Editor23.isBlock(editor, node) && node.type !== "image-block"
+      (node) => Element12.isElement(node) && Editor23.isBlock(editor, node) && node.type !== "image-block"
     );
     if (!parentEntry)
       throw new Error("This shouldn't happen");
@@ -4901,7 +5059,7 @@ var ImagePlugin = (
 );
 
 // src/block-quote-plugin/index.tsx
-import { Editor as Editor25, Element as Element11, Transforms as Transforms18 } from "slate";
+import { Editor as Editor25, Element as Element13, Transforms as Transforms18 } from "slate";
 
 // src/block-quote-plugin/styles.tsx
 import styled23 from "@emotion/styled";
@@ -4917,7 +5075,7 @@ var $BlockQuote = styled23("blockquote")`
 // src/block-quote-plugin/index.tsx
 import { jsx as jsx29 } from "react/jsx-runtime";
 function matchBlockQuoteSafe(node) {
-  return Element11.isElement(node) && /**
+  return Element13.isElement(node) && /**
    * TODO:
    *
    * This is probably:
@@ -4945,13 +5103,13 @@ var BlockQuotePlugin = createPlugin(
       },
       isActive: () => {
         const [match] = Editor25.nodes(editor, {
-          match: (n) => Element11.isElement(n) && n.type === "block-quote"
+          match: (n) => Element13.isElement(n) && n.type === "block-quote"
         });
         return !!match;
       },
       increaseDepth: () => {
         const [match] = Editor25.nodes(editor, {
-          match: (n) => Element11.isElement(n) && n.type === "block-quote"
+          match: (n) => Element13.isElement(n) && n.type === "block-quote"
         });
         if (!match)
           return;
@@ -4967,7 +5125,7 @@ var BlockQuotePlugin = createPlugin(
       },
       decreaseDepth: () => {
         const [match] = Editor25.nodes(editor, {
-          match: (n) => Element11.isElement(n) && n.type === "block-quote"
+          match: (n) => Element13.isElement(n) && n.type === "block-quote"
         });
         if (!match)
           return;
@@ -4975,24 +5133,24 @@ var BlockQuotePlugin = createPlugin(
           return;
         const [node, path] = match;
         const children = node.children;
-        if (children.length === 1 && Element11.isElement(children[0]) && children[0].type === "block-quote") {
+        if (children.length === 1 && Element13.isElement(children[0]) && children[0].type === "block-quote") {
           Transforms18.unwrapNodes(editor, {
             at: [...path, 0],
             // Path to the nested block-quote
-            match: (n) => Element11.isElement(n) && n.type === "block-quote"
+            match: (n) => Element13.isElement(n) && n.type === "block-quote"
           });
         }
       },
       canIncreaseDepth: () => {
         const [match] = Editor25.nodes(editor, {
-          match: (n) => Element11.isElement(n) && n.type === "block-quote"
+          match: (n) => Element13.isElement(n) && n.type === "block-quote"
         });
         if (!match)
           return false;
         const [node] = match;
         let depth = 0;
         let current = node;
-        while (current.children.length === 1 && Element11.isElement(current.children[0]) && current.children[0] && current.children[0] && current.children[0].type === "block-quote") {
+        while (current.children.length === 1 && Element13.isElement(current.children[0]) && current.children[0] && current.children[0] && current.children[0].type === "block-quote") {
           depth++;
           current = current.children[0];
         }
@@ -5000,12 +5158,12 @@ var BlockQuotePlugin = createPlugin(
       },
       canDecreaseDepth: () => {
         const [match] = Editor25.nodes(editor, {
-          match: (n) => Element11.isElement(n) && n.type === "block-quote"
+          match: (n) => Element13.isElement(n) && n.type === "block-quote"
         });
         if (!match)
           return false;
         const [node] = match;
-        return node.children.length === 1 && Element11.isElement(node.children[0]) && node.children[0] && node.children[0].type === "block-quote";
+        return node.children.length === 1 && Element13.isElement(node.children[0]) && node.children[0] && node.children[0].type === "block-quote";
       }
     };
     return {
@@ -5013,12 +5171,12 @@ var BlockQuotePlugin = createPlugin(
       editor: {
         normalizeNode(entry) {
           const [node, path] = entry;
-          if (!Element11.isElement(node))
+          if (!Element13.isElement(node))
             return false;
           if (node.type !== "block-quote")
             return false;
           return normalizeSiblings(editor, [node, path], (a, b) => {
-            if (Element11.isElement(a[0]) && Element11.isElement(b[0]) && a[0].type === "block-quote" && b[0].type === "block-quote") {
+            if (Element13.isElement(a[0]) && Element13.isElement(b[0]) && a[0].type === "block-quote" && b[0].type === "block-quote") {
               Transforms18.mergeNodes(editor, { at: b[1] });
             }
             return true;
@@ -5041,11 +5199,11 @@ var BlockQuotePlugin = createPlugin(
 );
 
 // src/code-block-plugin/index.tsx
-import { Editor as Editor28, Element as Element15, Transforms as Transforms21 } from "slate";
+import { Editor as Editor28, Element as Element17, Transforms as Transforms21 } from "slate";
 
 // src/code-block-plugin/decorate.tsx
 import Prism from "prismjs";
-import { Element as Element12, Node as Node8 } from "slate";
+import { Element as Element14, Node as Node8 } from "slate";
 var { languages, tokenize } = Prism;
 function getLineOffsets(lines) {
   let offset = 0;
@@ -5058,7 +5216,7 @@ function getLineOffsets(lines) {
 }
 function decorate(nodeEntry) {
   const [node, path] = nodeEntry;
-  if (!Element12.isElement(node))
+  if (!Element14.isElement(node))
     return [];
   if (node.type !== "code-block")
     return [];
@@ -5112,11 +5270,11 @@ function createCodeBlock(editor, { language }) {
 }
 
 // src/code-block-plugin/methods/setCodeBlockLanguage.ts
-import { Element as Element13, Transforms as Transforms19 } from "slate";
+import { Element as Element15, Transforms as Transforms19 } from "slate";
 function setCodeBlockLanguage(editor, language, options = {}) {
   const entry = findElementUp(
     editor,
-    (el) => Element13.isElement(el) && el.type === "code-block",
+    (el) => Element15.isElement(el) && el.type === "code-block",
     { at: options.at }
   );
   if (!entry)
@@ -5188,13 +5346,13 @@ var LanguageList = [
 ];
 
 // src/code-block-plugin/normalizeNode.tsx
-import { Element as Element14, Node as Node9, Transforms as Transforms20 } from "slate";
+import { Element as Element16, Node as Node9, Transforms as Transforms20 } from "slate";
 function normalizeNode3(editor, entry) {
-  if (!Element14.isElement(entry[0]))
+  if (!Element16.isElement(entry[0]))
     return false;
   if (entry[0].type === "code-block-line") {
     for (const [child, path] of Node9.children(editor, entry[1])) {
-      if (!Element14.isElement(child))
+      if (!Element16.isElement(child))
         continue;
       if (editor.isVoid(child)) {
         Transforms20.removeNodes(editor, { at: path });
@@ -5207,7 +5365,7 @@ function normalizeNode3(editor, entry) {
   }
   if (entry[0].type === "code-block") {
     for (const [child, path] of Node9.children(editor, entry[1])) {
-      if (!Element14.isElement(child))
+      if (!Element16.isElement(child))
         continue;
       if (child.type === "code-block-line")
         continue;
@@ -5387,7 +5545,7 @@ function renderElement2({
 }
 
 // src/code-block-plugin/index.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx34 } from "react/jsx-runtime";
 var CodeBlockPlugin = createPlugin(
   (editor, _options, { createPolicy }) => {
     editor.codeBlock = createCodeBlockMethods(editor);
@@ -5415,7 +5573,7 @@ var CodeBlockPlugin = createPlugin(
             return false;
         },
         isVoid(element) {
-          if (element.type === "code-block" || element.type == "code-block-line")
+          if (element.type === "code-block" || element.type === "code-block-line")
             return false;
         },
         isMaster(element) {
@@ -5431,7 +5589,7 @@ var CodeBlockPlugin = createPlugin(
           "mod+a": () => {
             const entry = findElementUp(
               editor,
-              (el) => Element15.isElement(el) && el.type === "code-block"
+              (el) => Element17.isElement(el) && el.type === "code-block"
             );
             if (!entry)
               return false;
@@ -5443,7 +5601,7 @@ var CodeBlockPlugin = createPlugin(
         renderLeaf: ({ leaf, children }) => {
           const style = leaf.prismToken ? tokenStyles[leaf.prismToken] || null : null;
           if (style === null) {
-            return children;
+            return /* @__PURE__ */ jsx34(Fragment4, { children });
           } else {
             return /* @__PURE__ */ jsx34("span", { style, children });
           }
@@ -5548,12 +5706,12 @@ var HtmlBlockPlugin = createPlugin(
 import { Editor as Editor32 } from "slate";
 
 // src/collapsible-paragraph-plugin/normalize-node/index.ts
-import { Element as Element18 } from "slate";
+import { Element as Element20 } from "slate";
 
 // src/collapsible-paragraph-plugin/normalize-node/normalize-sibling-paragraphs.ts
-import { Element as Element16, Transforms as Transforms23 } from "slate";
+import { Element as Element18, Transforms as Transforms23 } from "slate";
 function isParagraph(node) {
-  return Element16.isElement(node) && node.type === "paragraph";
+  return Element18.isElement(node) && node.type === "paragraph";
 }
 function normalizeSiblingParagraphs(editor, entry) {
   return normalizeSiblings(editor, entry, (a, b) => {
@@ -5568,9 +5726,9 @@ function normalizeSiblingParagraphs(editor, entry) {
 }
 
 // src/collapsible-paragraph-plugin/normalize-node/normalize-sibling-walls.ts
-import { Element as Element17, Transforms as Transforms24 } from "slate";
+import { Element as Element19, Transforms as Transforms24 } from "slate";
 function isWall(editor, node) {
-  if (!Element17.isElement(node))
+  if (!Element19.isElement(node))
     return false;
   return editor.isVoid(node) || editor.isMaster(node);
 }
@@ -5596,7 +5754,7 @@ function normalizeSiblingWalls(editor, entry) {
 // src/collapsible-paragraph-plugin/normalize-node/index.ts
 function normalizeNode4(editor, entry) {
   const [node, path] = entry;
-  if (!Element18.isElement(node))
+  if (!Element20.isElement(node))
     return false;
   if (normalizeSiblingWalls(editor, [node, path]))
     return true;
@@ -5741,7 +5899,7 @@ function addConvertElementType(editor, type) {
 }
 
 // src/convert-element-plugin/methods/convert-elements.ts
-import { Editor as Editor33, Element as Element20, Node as Node13, Point, Range as Range5, Transforms as Transforms25 } from "slate";
+import { Editor as Editor33, Element as Element22, Node as Node13, Point, Range as Range5, Transforms as Transforms25 } from "slate";
 function getOffsetInElement(editor, point, elementPath) {
   try {
     const elementStart = Editor33.start(editor, elementPath);
@@ -5758,7 +5916,7 @@ function getOffsetInElement(editor, point, elementPath) {
 function restoreSelectionInElement(editor, elementPath, offset) {
   try {
     const element = Node13.get(editor, elementPath);
-    if (!Element20.isElement(element))
+    if (!Element22.isElement(element))
       return;
     const text = Node13.string(element);
     const safeOffset = Math.min(offset, text.length);
@@ -5891,7 +6049,7 @@ function convertElements(editor, matchForToggle, targetElement, allowToggle) {
   const isCollapsed2 = Range5.isCollapsed(selection);
   const entries = Array.from(
     Editor33.nodes(editor, {
-      match: (node) => Element20.isElement(node) && editor.convertElement.isConvertibleElement(node)
+      match: (node) => Element22.isElement(node) && editor.convertElement.isConvertibleElement(node)
     })
   );
   if (entries.length > 0) {
@@ -5921,7 +6079,7 @@ function convertElements(editor, matchForToggle, targetElement, allowToggle) {
   const updatedEntries = allPaths.map((path) => {
     try {
       const node = Node13.get(editor, path);
-      if (Element20.isElement(node)) {
+      if (Element22.isElement(node)) {
         return [node, path];
       }
       return null;
@@ -5952,7 +6110,7 @@ function convertElements(editor, matchForToggle, targetElement, allowToggle) {
     } else if (savedFocusOffset >= 0) {
       try {
         const element = Node13.get(editor, firstPath);
-        if (Element20.isElement(element)) {
+        if (Element22.isElement(element)) {
           const text = Node13.string(element);
           const safeAnchorOffset = Math.min(savedAnchorOffset, text.length);
           const safeFocusOffset = Math.min(savedFocusOffset, text.length);
@@ -6220,14 +6378,14 @@ function HorizontalRule({
 }
 
 // src/horizontal-rule-plugin/methods/index.ts
-import { Editor as Editor36, Element as Element21, Path as Path10, Transforms as Transforms27 } from "slate";
+import { Editor as Editor36, Element as Element23, Path as Path10, Transforms as Transforms27 } from "slate";
 function insertHorizontalRule(editor) {
   const { selection } = editor;
   if (!selection)
     return false;
   const entry = findElementUp(
     editor,
-    (node) => Element21.isElement(node) && editor.isMaster(node)
+    (node) => Element23.isElement(node) && editor.isMaster(node)
   );
   const hrElement = {
     type: "horizontal-rule",
@@ -6522,13 +6680,13 @@ function createListMethods(editor) {
 }
 
 // src/list-plugin/normalize-node/normalize-ordered-first-at-depth.ts
-import { Element as Element22, Transforms as Transforms30 } from "slate";
+import { Element as Element24, Transforms as Transforms30 } from "slate";
 var isOrderedListItem = createIsElementType([
   "ordered-list-item"
 ]);
 function normalizeOrderedFirstAtDepth(editor, entry) {
   const [node, path] = entry;
-  if (!Element22.isElement(node))
+  if (!Element24.isElement(node))
     return false;
   return normalizeSiblings(editor, [node, path], (a, b) => {
     if (!isOrderedListItem(b[0]))
@@ -6801,7 +6959,7 @@ var ListPlugin = createPlugin(
 
 // src/marks-plugin/index.tsx
 import { clsx as clsx7 } from "clsx";
-import { Editor as Editor44, Point as Point3, Range as Range8 } from "slate";
+import { Editor as Editor44, Range as Range8 } from "slate";
 
 // src/marks-plugin/methods/removeMarks.ts
 import { Editor as Editor42, Text as Text4, Transforms as Transforms31 } from "slate";
@@ -6928,13 +7086,11 @@ var MarksPlugin = createPlugin((editor) => {
   const { removeMarks: removeMarks2 } = editor.marksPlugin;
   editor.marksPlugin.removeMarks = () => {
     removeMarks2();
-    if (editor.selection) {
-      const point = Range8.isRange(editor.selection) ? editor.selection.focus : editor.selection;
-      if (Point3.isPoint(point)) {
-        const isAtLineEnd = Editor44.after(editor, point) === null || Editor44.isEnd(editor, point, Editor44.end(editor, []));
-        if (isAtLineEnd) {
-          editor.activeMarks = {};
-        }
+    if (editor.selection && Range8.isRange(editor.selection)) {
+      const point = editor.selection.focus;
+      const isAtLineEnd = Editor44.after(editor, point) === null || Editor44.isEnd(editor, point, Editor44.end(editor, []));
+      if (isAtLineEnd) {
+        editor.activeMarks = {};
       }
     }
   };
@@ -6966,7 +7122,7 @@ var MarksPlugin = createPlugin((editor) => {
 });
 
 // src/normalize-after-delete-plugin/index.tsx
-import { Editor as Editor45, Point as Point4 } from "slate";
+import { Editor as Editor45, Point as Point3 } from "slate";
 function forceNormalizeNearestElement(editor) {
   if (!editor.selection)
     return;
@@ -6982,7 +7138,7 @@ var NormalizeAfterDeletePlugin = createPlugin((editor) => {
         if (!editor.selection)
           return false;
         const entry = Editor45.parent(editor, editor.selection);
-        const isStart = Point4.equals(
+        const isStart = Point3.equals(
           Editor45.start(editor, entry[1]),
           editor.selection.anchor
         );
@@ -6996,7 +7152,7 @@ var NormalizeAfterDeletePlugin = createPlugin((editor) => {
         if (!editor.selection)
           return false;
         const entry = Editor45.parent(editor, editor.selection);
-        const isEnd = Point4.equals(
+        const isEnd = Point3.equals(
           Editor45.end(editor, entry[1]),
           editor.selection.anchor
         );
@@ -7012,7 +7168,7 @@ var NormalizeAfterDeletePlugin = createPlugin((editor) => {
 });
 
 // src/table-plugin/index.tsx
-import { Element as Element24 } from "slate";
+import { Element as Element26 } from "slate";
 
 // src/table-plugin/delete-fragment/index.ts
 import { Editor as Editor47, Path as Path13, Transforms as Transforms32 } from "slate";
@@ -7119,7 +7275,7 @@ function getTableInfo(editor, { at = editor.selection } = {}) {
 import { Editor as Editor48, Transforms as Transforms33 } from "slate";
 
 // src/table-plugin/methods/utils.ts
-function createCell(index, children = [
+function createCell(_index, children = [
   {
     type: "table-content",
     children: [{ text: "" }]
@@ -7141,9 +7297,10 @@ function insertColumn(editor, { offset = 0, at = editor.selection } = {}) {
   Editor48.withoutNormalizing(editor, () => {
     const { columns } = tableElement;
     const nextColumns = [...columns];
-    nextColumns.splice(nextCellIndex, 0, columns[nextCellIndex]);
+    const sourceIndex = Math.min(nextCellIndex, columns.length - 1);
+    nextColumns.splice(nextCellIndex, 0, columns[sourceIndex]);
     Transforms33.setNodes(editor, { columns: nextColumns }, { at: tablePath });
-    tableElement.children.forEach((rowElement, i) => {
+    tableElement.children.forEach((_rowElement, i) => {
       Transforms33.insertNodes(editor, createCell(nextCellIndex), {
         at: [...tablePath, i, nextCellIndex]
       });
@@ -7175,7 +7332,7 @@ function insertRowBelow(editor, { at } = {}) {
 }
 
 // src/table-plugin/methods/insert-table.ts
-import { Editor as Editor50, Element as Element23, Path as Path14, Transforms as Transforms35 } from "slate";
+import { Editor as Editor50, Element as Element25, Path as Path14, Transforms as Transforms35 } from "slate";
 function createRange(size) {
   return [...Array(size).keys()];
 }
@@ -7204,7 +7361,7 @@ function insertRootElement2(editor, element, { at = editor.selection } = {}) {
     return false;
   const entry = findElementUp(
     editor,
-    (node) => Element23.isElement(node) && editor.isMaster(node)
+    (node) => Element25.isElement(node) && editor.isMaster(node)
   );
   if (entry == null) {
     const selection = editor.selection;
@@ -7324,7 +7481,7 @@ function removeColumn(editor, { at = editor.selection } = {}) {
     const columns = [...tableElement.columns];
     columns.splice(cellIndex, 1);
     Transforms37.setNodes(editor, { columns }, { at: tablePath });
-    tableElement.children.forEach((rowElement, rowIndex2) => {
+    tableElement.children.forEach((_rowElement, rowIndex2) => {
       Transforms37.removeNodes(editor, {
         at: [...tablePath, rowIndex2, cellIndex]
       });
@@ -7772,7 +7929,7 @@ var AlignCenter = () => /* @__PURE__ */ jsx50(TablerIcon, { children: /* @__PURE
 var AlignRight = () => /* @__PURE__ */ jsx50(TablerIcon, { children: /* @__PURE__ */ jsx50("path", { d: "M4 6h16M10 12h10M6 18h14" }) });
 
 // src/table-plugin/render-element/table-cell/column-menu/index.tsx
-import { Fragment as Fragment4, jsx as jsx51, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx51, jsxs as jsxs23 } from "react/jsx-runtime";
 function ColumnMenu({ cellElement }) {
   const editor = useSlateStatic14();
   const menu = useLayer("column-menu");
@@ -7825,7 +7982,7 @@ function ColumnMenu({ cellElement }) {
       onMouseLeave,
       children: [
         /* @__PURE__ */ jsx51($ColumnMenuTile, { className: "--tile", children: /* @__PURE__ */ jsx51(BarsIcon, {}) }),
-        hover ? /* @__PURE__ */ jsxs23(Fragment4, { children: [
+        hover ? /* @__PURE__ */ jsxs23(Fragment5, { children: [
           /* @__PURE__ */ jsx51(
             $RemoveMenuButton,
             {
@@ -7863,7 +8020,7 @@ function ColumnMenu({ cellElement }) {
 // src/table-plugin/render-element/table-cell/row-menu/index.tsx
 import { useState as useState7 } from "react";
 import { useSlateStatic as useSlateStatic15 } from "slate-react";
-import { Fragment as Fragment5, jsx as jsx52, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx52, jsxs as jsxs24 } from "react/jsx-runtime";
 function RowMenu({ cellElement }) {
   const editor = useSlateStatic15();
   const [hover, setHover] = useState7(false);
@@ -7875,7 +8032,7 @@ function RowMenu({ cellElement }) {
       onMouseLeave: () => setHover(false),
       children: [
         /* @__PURE__ */ jsx52($RowMenuTile, { className: "--tile", children: /* @__PURE__ */ jsx52(BarsIcon, {}) }),
-        hover ? /* @__PURE__ */ jsxs24(Fragment5, { children: [
+        hover ? /* @__PURE__ */ jsxs24(Fragment6, { children: [
           /* @__PURE__ */ jsx52(
             $RemoveMenuButton,
             {
@@ -8056,7 +8213,7 @@ var TablePlugin = createPlugin(
         },
         normalizeNode: (entry) => {
           const [node] = entry;
-          if (!Element24.isElement(node))
+          if (!Element26.isElement(node))
             return false;
           switch (node.type) {
             case "table":
@@ -8167,14 +8324,14 @@ var globalStyles = css2`
 `;
 
 // src/theme-plugin/index.tsx
-import { Fragment as Fragment6, jsx as jsx58, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx58, jsxs as jsxs26 } from "react/jsx-runtime";
 var ThemePlugin = createPlugin((editor) => {
   editor.theme = true;
   return {
     name: "theme",
     editor: {},
     renderEditable: ({ attributes, Editable: Editable3 }) => {
-      return /* @__PURE__ */ jsxs26(Fragment6, { children: [
+      return /* @__PURE__ */ jsxs26(Fragment7, { children: [
         /* @__PURE__ */ jsx58(Global, { styles: globalStyles }),
         /* @__PURE__ */ jsx58(Editable3, { ...attributes })
       ] });
@@ -8218,7 +8375,7 @@ var $TableDialogGridCell = styled35("div")`
 `;
 
 // src/toolbar-plugin/components/dialog/table-dialog.tsx
-import { Fragment as Fragment7, jsx as jsx59, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx59, jsxs as jsxs27 } from "react/jsx-runtime";
 function createRange2(size) {
   return [...Array(size).keys()];
 }
@@ -8230,6 +8387,8 @@ function TableDialog({
   const editor = useSlateStatic16();
   const ref = useRef8(null);
   const style = useAbsoluteReposition({ src: ref, dest }, ({ dest: dest2 }) => {
+    if (!dest2)
+      return { left: 0, top: 0 };
     return { left: dest2.left - 8, top: dest2.top + dest2.height };
   });
   const rows = createRange2(5).map((i) => i + 1);
@@ -8248,7 +8407,7 @@ function TableDialog({
     },
     [editor]
   );
-  return /* @__PURE__ */ jsxs27(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs27(Fragment8, { children: [
     /* @__PURE__ */ jsx59(CloseMask, { close }),
     /* @__PURE__ */ jsx59($TableDialog, { ref, style, children: /* @__PURE__ */ jsx59($TableDialogGrid, { onMouseLeave: () => hoverCell(0, 0), children: rows.map((y) => {
       return cols.map((x) => {
@@ -8394,13 +8553,13 @@ var $FileDialog = styled36($Panel)`
 `;
 
 // src/toolbar-plugin/components/dialog/image-url-dialog.tsx
-import { Fragment as Fragment8, jsx as jsx61, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx61, jsxs as jsxs29 } from "react/jsx-runtime";
 function ImageUrlDialog({
   dest,
   close
 }) {
   const editor = useSlateStatic17();
-  const ref = useRef9(void 0);
+  const ref = useRef9(null);
   const fileInputRef = useRef9(null);
   const [dragOffset, setDragOffset] = useState9({ x: 0, y: 0 });
   const handleDrag = useCallback14((deltaX, deltaY) => {
@@ -8479,7 +8638,6 @@ function ImageUrlDialog({
       const resultUrl = await editor.wysimark.onImageChange(file);
       setUploadedUrl(resultUrl);
     } catch (error) {
-      console.error("Failed to upload image:", error);
     } finally {
       setIsUploading(false);
     }
@@ -8488,7 +8646,7 @@ function ImageUrlDialog({
     fileInputRef.current?.click();
   }
   const isSubmitDisabled = imageSource === "file" ? uploadedUrl.trim() === "" || isUploading : url.trim() === "";
-  return /* @__PURE__ */ jsxs29(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs29(Fragment9, { children: [
     /* @__PURE__ */ jsx61(CloseMask, { close }),
     /* @__PURE__ */ jsxs29($FileDialog, { ref, style, children: [
       /* @__PURE__ */ jsx61(DraggableHeader, { onDrag: handleDrag }),
@@ -8669,7 +8827,7 @@ function ImageUrlDialog({
 import { isHotkey as isHotkey3 } from "is-hotkey";
 import {
   useCallback as useCallback15,
-  useMemo as useMemo2,
+  useMemo as useMemo3,
   useRef as useRef10,
   useState as useState10
 } from "react";
@@ -8711,7 +8869,7 @@ var $DialogHint = styled37("div")`
 `;
 
 // src/toolbar-plugin/components/dialog/anchor-dialog.tsx
-import { Fragment as Fragment9, jsx as jsx62, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx62, jsxs as jsxs30 } from "react/jsx-runtime";
 var isEnter = isHotkey3("enter");
 function AnchorDialog2({
   dest,
@@ -8726,6 +8884,8 @@ function AnchorDialog2({
   const baseStyle = useAbsoluteReposition(
     { src: ref, dest },
     ({ src, dest: dest2 }, viewport) => {
+      if (!src || !dest2)
+        return { left: 0, top: 0 };
       return positionInside(
         src,
         viewport,
@@ -8742,7 +8902,7 @@ function AnchorDialog2({
     left: baseStyle.left + dragOffset.x,
     top: baseStyle.top + dragOffset.y
   };
-  const initialText = useMemo2(() => {
+  const initialText = useMemo3(() => {
     const { selection } = editor;
     if (selection && !Range10.isCollapsed(selection)) {
       return Editor60.string(editor, selection);
@@ -8790,7 +8950,7 @@ function AnchorDialog2({
     e.stopPropagation();
     insertLink2();
   };
-  return /* @__PURE__ */ jsxs30(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs30(Fragment10, { children: [
     /* @__PURE__ */ jsx62(CloseMask, { close }),
     /* @__PURE__ */ jsxs30($AnchorDialog, { ref, style, children: [
       /* @__PURE__ */ jsx62(DraggableHeader, { onDrag: handleDrag }),
@@ -9498,6 +9658,8 @@ function Editable2({
   const initialValueRef = useRef14(void 0);
   const prevValueRef = useRef14(void 0);
   const pendingRawTextRef = useRef14(null);
+  const onChangeRef = useRef14(onChange);
+  onChangeRef.current = onChange;
   const onThrottledSlateChange = useCallback18(
     throttle3(
       () => {
@@ -9506,12 +9668,13 @@ function Editable2({
           markdown,
           children: editor.children
         };
-        onChange(markdown);
+        onChangeRef.current(markdown);
       },
       throttleInMs,
       { leading: false, trailing: true }
     ),
-    [editor, onChange, throttleInMs]
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [editor, throttleInMs]
   );
   const onSlateChange = useCallback18(() => {
     if (prevValueRef.current === editor.children) {