@blankdotpage/cake 0.1.1 → 0.1.2

package/dist/index.js

@@ -1,42 +1,51 @@
 import require$$0, { useRef, useState, useCallback, useEffect, forwardRef, useImperativeHandle, Fragment } from "react";
-import { createPortal } from "react-dom";
 import { Pencil, ExternalLink, Unlink } from "lucide-react";
 import TurndownService from "turndown";
 import { EditorSelection, Transaction } from "@codemirror/state";
-var jsxDevRuntime = { exports: {} };
-var reactJsxDevRuntime_production_min = {};
+var jsxRuntime = { exports: {} };
+var reactJsxRuntime_production_min = {};
 /**
  * @license React
- * react-jsx-dev-runtime.production.min.js
+ * react-jsx-runtime.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredReactJsxDevRuntime_production_min;
-function requireReactJsxDevRuntime_production_min() {
-  if (hasRequiredReactJsxDevRuntime_production_min) return reactJsxDevRuntime_production_min;
-  hasRequiredReactJsxDevRuntime_production_min = 1;
-  var a = Symbol.for("react.fragment");
-  reactJsxDevRuntime_production_min.Fragment = a;
-  reactJsxDevRuntime_production_min.jsxDEV = void 0;
-  return reactJsxDevRuntime_production_min;
-}
-var reactJsxDevRuntime_development = {};
+var hasRequiredReactJsxRuntime_production_min;
+function requireReactJsxRuntime_production_min() {
+  if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
+  hasRequiredReactJsxRuntime_production_min = 1;
+  var f = require$$0, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true };
+  function q(c, a, g) {
+    var b, d = {}, e = null, h = null;
+    void 0 !== g && (e = "" + g);
+    void 0 !== a.key && (e = "" + a.key);
+    void 0 !== a.ref && (h = a.ref);
+    for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
+    if (c && c.defaultProps) for (b in a = c.defaultProps, a) void 0 === d[b] && (d[b] = a[b]);
+    return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
+  }
+  reactJsxRuntime_production_min.Fragment = l;
+  reactJsxRuntime_production_min.jsx = q;
+  reactJsxRuntime_production_min.jsxs = q;
+  return reactJsxRuntime_production_min;
+}
+var reactJsxRuntime_development = {};
 /**
  * @license React
- * react-jsx-dev-runtime.development.js
+ * react-jsx-runtime.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredReactJsxDevRuntime_development;
-function requireReactJsxDevRuntime_development() {
-  if (hasRequiredReactJsxDevRuntime_development) return reactJsxDevRuntime_development;
-  hasRequiredReactJsxDevRuntime_development = 1;
+var hasRequiredReactJsxRuntime_development;
+function requireReactJsxRuntime_development() {
+  if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
+  hasRequiredReactJsxRuntime_development = 1;
   if (process.env.NODE_ENV !== "production") {
     (function() {
       var React = require$$0;
@@ -523,10 +532,6 @@ function requireReactJsxDevRuntime_development() {
       };
       var specialPropKeyWarningShown;
       var specialPropRefWarningShown;
-      var didWarnAboutStringRefs;
-      {
-        didWarnAboutStringRefs = {};
-      }
       function hasValidRef(config) {
         {
           if (hasOwnProperty.call(config, "ref")) {
@@ -551,13 +556,7 @@ function requireReactJsxDevRuntime_development() {
       }
       function warnIfStringRefCannotBeAutoConverted(config, self) {
         {
-          if (typeof config.ref === "string" && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
-            var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
-            if (!didWarnAboutStringRefs[componentName]) {
-              error('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
-              didWarnAboutStringRefs[componentName] = true;
-            }
-          }
+          if (typeof config.ref === "string" && ReactCurrentOwner.current && self) ;
         }
       }
       function defineKeyPropWarningGetter(props, displayName) {
@@ -711,11 +710,6 @@ function requireReactJsxDevRuntime_development() {
       }
       function getSourceInfoErrorAddendum(source) {
         {
-          if (source !== void 0) {
-            var fileName = source.fileName.replace(/^.*[\\\/]/, "");
-            var lineNumber = source.lineNumber;
-            return "\n\nCheck your code at " + fileName + ":" + lineNumber + ".";
-          }
           return "";
         }
       }
@@ -841,7 +835,7 @@ function requireReactJsxDevRuntime_development() {
             if (type === void 0 || typeof type === "object" && type !== null && Object.keys(type).length === 0) {
               info += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.";
             }
-            var sourceInfo = getSourceInfoErrorAddendum(source);
+            var sourceInfo = getSourceInfoErrorAddendum();
             if (sourceInfo) {
               info += sourceInfo;
             } else {
@@ -905,19 +899,31 @@ function requireReactJsxDevRuntime_development() {
           return element;
         }
       }
-      var jsxDEV$1 = jsxWithValidation;
-      reactJsxDevRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
-      reactJsxDevRuntime_development.jsxDEV = jsxDEV$1;
+      function jsxWithValidationStatic(type, props, key) {
+        {
+          return jsxWithValidation(type, props, key, true);
+        }
+      }
+      function jsxWithValidationDynamic(type, props, key) {
+        {
+          return jsxWithValidation(type, props, key, false);
+        }
+      }
+      var jsx = jsxWithValidationDynamic;
+      var jsxs = jsxWithValidationStatic;
+      reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
+      reactJsxRuntime_development.jsx = jsx;
+      reactJsxRuntime_development.jsxs = jsxs;
     })();
   }
-  return reactJsxDevRuntime_development;
+  return reactJsxRuntime_development;
 }
 if (process.env.NODE_ENV === "production") {
-  jsxDevRuntime.exports = requireReactJsxDevRuntime_production_min();
+  jsxRuntime.exports = requireReactJsxRuntime_production_min();
 } else {
-  jsxDevRuntime.exports = requireReactJsxDevRuntime_development();
+  jsxRuntime.exports = requireReactJsxRuntime_development();
 }
-var jsxDevRuntimeExports = jsxDevRuntime.exports;
+var jsxRuntimeExports = jsxRuntime.exports;
 const graphemeSegmenter = new Intl.Segmenter(void 0, {
   granularity: "grapheme"
 });
@@ -2409,13 +2415,150 @@ function createRuntime(extensions) {
       const endInLine = lineIndex === endLoc.lineIndex ? endLoc.offsetInLine : line.cursorLength;
       const selectedRuns = sliceRuns(runs, startInLine, endInLine).selected;
       const content = runsToInlines(normalizeRuns(selectedRuns));
-      blocks.push({ type: "paragraph", content });
+      const paragraph = { type: "paragraph", content };
+      if (line.path.length > 1) {
+        const wrapperPath = line.path.slice(0, -1);
+        const wrapper = getBlockAtPath(state.doc.blocks, wrapperPath);
+        if (wrapper && wrapper.type === "block-wrapper") {
+          blocks.push({
+            type: "block-wrapper",
+            kind: wrapper.kind,
+            data: wrapper.data,
+            blocks: [paragraph]
+          });
+          continue;
+        }
+      }
+      blocks.push(paragraph);
     }
     const sliceDoc = {
       blocks: blocks.length > 0 ? blocks : [{ type: "paragraph", content: [] }]
     };
     return serialize(normalize(sliceDoc)).source;
   }
+  function escapeHtml(text) {
+    return text.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+  }
+  function runsToHtml(runs) {
+    var _a;
+    let html = "";
+    for (const run of runs) {
+      let content = escapeHtml(run.text);
+      const sortedMarks = [...run.marks].reverse();
+      for (const mark of sortedMarks) {
+        if (mark.kind === "bold") {
+          content = `<strong>${content}</strong>`;
+        } else if (mark.kind === "italic") {
+          content = `<em>${content}</em>`;
+        } else if (mark.kind === "strikethrough") {
+          content = `<s>${content}</s>`;
+        } else if (mark.kind === "link") {
+          const url = ((_a = mark.data) == null ? void 0 : _a.url) ?? "";
+          content = `<a href="${escapeHtml(url)}">${content}</a>`;
+        }
+      }
+      html += content;
+    }
+    return html;
+  }
+  function serializeSelectionToHtml(state, selection) {
+    const normalized = normalizeSelection$1(selection);
+    const lines = flattenDocToLines(state.doc);
+    const docCursorLength = cursorLengthForLines(lines);
+    const cursorStart = Math.max(
+      0,
+      Math.min(docCursorLength, Math.min(normalized.start, normalized.end))
+    );
+    const cursorEnd = Math.max(
+      0,
+      Math.min(docCursorLength, Math.max(normalized.start, normalized.end))
+    );
+    if (cursorStart === cursorEnd) {
+      return "";
+    }
+    const startLoc = resolveCursorToLine(lines, cursorStart);
+    const endLoc = resolveCursorToLine(lines, cursorEnd);
+    let html = "";
+    let activeList = null;
+    const closeList = () => {
+      if (activeList) {
+        html += `</${activeList.type}>`;
+        activeList = null;
+      }
+    };
+    const openList = (type, indent) => {
+      if (activeList && activeList.type === type && activeList.indent === indent) {
+        return;
+      }
+      closeList();
+      html += `<${type}>`;
+      activeList = { type, indent };
+    };
+    for (let lineIndex = startLoc.lineIndex; lineIndex <= endLoc.lineIndex; lineIndex += 1) {
+      const line = lines[lineIndex];
+      if (!line) {
+        continue;
+      }
+      const block = getBlockAtPath(state.doc.blocks, line.path);
+      if (!block || block.type !== "paragraph") {
+        continue;
+      }
+      const runs = paragraphToRuns(block);
+      const startInLine = lineIndex === startLoc.lineIndex ? startLoc.offsetInLine : 0;
+      const endInLine = lineIndex === endLoc.lineIndex ? endLoc.offsetInLine : line.cursorLength;
+      const selectedRuns = sliceRuns(runs, startInLine, endInLine).selected;
+      let wrapperKind = null;
+      let wrapperData;
+      if (line.path.length > 1) {
+        const wrapperPath = line.path.slice(0, -1);
+        const wrapper = getBlockAtPath(state.doc.blocks, wrapperPath);
+        if (wrapper && wrapper.type === "block-wrapper") {
+          wrapperKind = wrapper.kind;
+          wrapperData = wrapper.data;
+        }
+      }
+      const plainText = runs.map((r) => r.text).join("");
+      const listMatch = plainText.match(/^(\s*)([-*+]|\d+\.)( )(.*)$/);
+      let lineHtml;
+      if (listMatch && !wrapperKind) {
+        const prefixLength = listMatch[1].length + listMatch[2].length + listMatch[3].length;
+        const contentRuns = sliceRuns(runs, prefixLength, runs.reduce((sum, r) => sum + r.text.length, 0)).selected;
+        lineHtml = runsToHtml(normalizeRuns(contentRuns));
+      } else {
+        lineHtml = runsToHtml(normalizeRuns(selectedRuns));
+      }
+      if (wrapperKind === "heading") {
+        closeList();
+        const level = Math.min(
+          (wrapperData == null ? void 0 : wrapperData.level) ?? 1,
+          6
+        );
+        html += `<h${level} style="margin:0">${lineHtml}</h${level}>`;
+      } else if (wrapperKind === "bullet-list") {
+        openList("ul", 0);
+        html += `<li>${lineHtml}</li>`;
+      } else if (wrapperKind === "numbered-list") {
+        openList("ol", 0);
+        html += `<li>${lineHtml}</li>`;
+      } else if (wrapperKind === "blockquote") {
+        closeList();
+        html += `<blockquote>${lineHtml}</blockquote>`;
+      } else if (listMatch) {
+        const isNumbered = /^\d+\.$/.test(listMatch[2]);
+        const indent = Math.floor(listMatch[1].length / 2);
+        openList(isNumbered ? "ol" : "ul", indent);
+        html += `<li>${lineHtml}</li>`;
+      } else {
+        closeList();
+        html += `<div>${lineHtml}</div>`;
+      }
+    }
+    closeList();
+    if (!html) {
+      return "";
+    }
+    return `<div>${html}</div>`;
+  }
   const runtime = {
     extensions,
     parse,
@@ -2423,6 +2566,7 @@ function createRuntime(extensions) {
     createState,
     updateSelection,
     serializeSelection,
+    serializeSelectionToHtml,
     applyEdit
   };
   return runtime;
@@ -2577,7 +2721,7 @@ function normalizeNodes(result) {
   }
   return Array.isArray(result) ? result : [result];
 }
-function renderDocContent(doc, extensions, _root) {
+function renderDocContent(doc, extensions, root) {
   const runs = [];
   let cursorOffset = 0;
   let lineIndex = 0;
@@ -2597,7 +2741,60 @@ function renderDocContent(doc, extensions, _root) {
       lineIndex += 1;
     }
   };
-  function renderInline(inline) {
+  function getBlockKey(block) {
+    if (block.type === "paragraph") {
+      return "paragraph";
+    }
+    if (block.type === "block-wrapper") {
+      return `block-wrapper:${block.kind}`;
+    }
+    if (block.type === "block-atom") {
+      return `block-atom:${block.kind}`;
+    }
+    return "unknown";
+  }
+  function getElementKey(element) {
+    if (element.hasAttribute("data-block")) {
+      const blockType = element.getAttribute("data-block") ?? "unknown";
+      const lineKind = element instanceof HTMLElement ? element.dataset.lineKind : null;
+      if (lineKind && lineKind !== blockType) {
+        return lineKind;
+      }
+      return blockType;
+    }
+    if (element.hasAttribute("data-block-wrapper")) {
+      return `block-wrapper:${element.getAttribute("data-block-wrapper")}`;
+    }
+    if (element.hasAttribute("data-block-atom")) {
+      return `block-atom:${element.getAttribute("data-block-atom")}`;
+    }
+    return "unknown";
+  }
+  function getInlineKey(inline) {
+    if (inline.type === "text") {
+      return "text";
+    }
+    if (inline.type === "inline-wrapper") {
+      return `inline-wrapper:${inline.kind}`;
+    }
+    if (inline.type === "inline-atom") {
+      return `inline-atom:${inline.kind}`;
+    }
+    return "unknown";
+  }
+  function getInlineElementKey(element) {
+    if (element.classList.contains("cake-text")) {
+      return "text";
+    }
+    if (element.hasAttribute("data-inline")) {
+      return `inline-wrapper:${element.getAttribute("data-inline")}`;
+    }
+    if (element.hasAttribute("data-inline-atom")) {
+      return `inline-atom:${element.getAttribute("data-inline-atom")}`;
+    }
+    return "unknown";
+  }
+  function reconcileInline(inline, existing) {
     for (const extension of extensions) {
       const render = extension.renderInline;
       if (!render) {
@@ -2609,6 +2806,17 @@ function renderDocContent(doc, extensions, _root) {
       }
     }
     if (inline.type === "text") {
+      const canReuse = existing && existing instanceof HTMLSpanElement && getInlineElementKey(existing) === "text";
+      if (canReuse) {
+        const textNode = existing.firstChild;
+        if (textNode instanceof Text) {
+          if (textNode.textContent !== inline.text) {
+            textNode.textContent = inline.text;
+          }
+          createTextRun$1(textNode);
+          return [existing];
+        }
+      }
       const element = document.createElement("span");
       element.className = "cake-text";
       const node = document.createTextNode(inline.text);
@@ -2617,16 +2825,29 @@ function renderDocContent(doc, extensions, _root) {
       return [element];
     }
     if (inline.type === "inline-wrapper") {
+      const canReuse = existing && existing instanceof HTMLSpanElement && getInlineElementKey(existing) === getInlineKey(inline);
+      if (canReuse) {
+        reconcileInlineChildren(existing, inline.children);
+        return [existing];
+      }
       const element = document.createElement("span");
       element.setAttribute("data-inline", inline.kind);
       for (const child of inline.children) {
-        for (const node of renderInline(child)) {
+        for (const node of reconcileInline(child, null)) {
           element.append(node);
         }
       }
       return [element];
     }
     if (inline.type === "inline-atom") {
+      const canReuse = existing && existing instanceof HTMLSpanElement && getInlineElementKey(existing) === getInlineKey(inline);
+      if (canReuse) {
+        const textNode = existing.firstChild;
+        if (textNode instanceof Text) {
+          createTextRun$1(textNode);
+          return [existing];
+        }
+      }
       const element = document.createElement("span");
       element.setAttribute("data-inline-atom", inline.kind);
       const node = document.createTextNode(" ");
@@ -2636,7 +2857,25 @@ function renderDocContent(doc, extensions, _root) {
     }
     return [];
   }
-  function renderBlock(block) {
+  function reconcileInlineChildren(parent, inlines) {
+    const mergedInlines = mergeInlineForRender(inlines);
+    const existingChildren2 = Array.from(parent.children);
+    const newChildren = [];
+    mergedInlines.forEach((inline, i) => {
+      const existingChild = existingChildren2[i] ?? null;
+      const canReuse = existingChild && getInlineElementKey(existingChild) === getInlineKey(inline);
+      const nodes = reconcileInline(inline, canReuse ? existingChild : null);
+      newChildren.push(...nodes);
+    });
+    if (newChildren.length === existingChildren2.length && newChildren.every((node, i) => node === existingChildren2[i])) {
+      return;
+    }
+    parent.replaceChildren(...newChildren);
+  }
+  function renderInline(inline) {
+    return reconcileInline(inline, null);
+  }
+  function reconcileBlock(block, existing) {
     for (const extension of extensions) {
       const render = extension.renderBlock;
       if (!render) {
@@ -2648,12 +2887,35 @@ function renderDocContent(doc, extensions, _root) {
       }
     }
     if (block.type === "paragraph") {
+      const canReuse = existing && existing instanceof HTMLDivElement && getElementKey(existing) === "paragraph";
+      const currentLineIndex = context.getLineIndex();
+      context.incrementLineIndex();
+      if (canReuse) {
+        existing.setAttribute("data-line-index", String(currentLineIndex));
+        if (block.content.length === 0) {
+          const firstChild = existing.firstChild;
+          if (firstChild instanceof Text && existing.querySelector("br")) {
+            if (firstChild.textContent !== "") {
+              firstChild.textContent = "";
+            }
+            createTextRun$1(firstChild);
+            return [existing];
+          }
+          existing.replaceChildren();
+          const textNode = document.createTextNode("");
+          createTextRun$1(textNode);
+          existing.append(textNode);
+          existing.append(document.createElement("br"));
+          return [existing];
+        }
+        reconcileInlineChildren(existing, block.content);
+        return [existing];
+      }
       const element = document.createElement("div");
       element.setAttribute("data-block", "paragraph");
-      element.setAttribute("data-line-index", String(context.getLineIndex()));
+      element.setAttribute("data-line-index", String(currentLineIndex));
       element.classList.add("cake-line");
       element.dataset.lineKind = "paragraph";
-      context.incrementLineIndex();
       if (block.content.length === 0) {
         const textNode = document.createTextNode("");
         createTextRun$1(textNode);
@@ -2662,7 +2924,7 @@ function renderDocContent(doc, extensions, _root) {
       } else {
         const mergedContent = mergeInlineForRender(block.content);
         for (const inline of mergedContent) {
-          for (const node of renderInline(inline)) {
+          for (const node of reconcileInline(inline, null)) {
             element.append(node);
           }
         }
@@ -2670,6 +2932,11 @@ function renderDocContent(doc, extensions, _root) {
       return [element];
     }
     if (block.type === "block-wrapper") {
+      const canReuse = existing && existing instanceof HTMLDivElement && getElementKey(existing) === getBlockKey(block);
+      if (canReuse) {
+        reconcileBlockChildren(existing, block.blocks);
+        return [existing];
+      }
       const element = document.createElement("div");
       element.setAttribute("data-block-wrapper", block.kind);
       for (const node of renderBlocks(block.blocks)) {
@@ -2678,15 +2945,41 @@ function renderDocContent(doc, extensions, _root) {
       return [element];
     }
     if (block.type === "block-atom") {
+      const canReuse = existing && existing instanceof HTMLDivElement && getElementKey(existing) === getBlockKey(block);
+      const currentLineIndex = context.getLineIndex();
+      context.incrementLineIndex();
+      if (canReuse) {
+        existing.setAttribute("data-line-index", String(currentLineIndex));
+        return [existing];
+      }
       const element = document.createElement("div");
       element.setAttribute("data-block-atom", block.kind);
-      element.setAttribute("data-line-index", String(context.getLineIndex()));
+      element.setAttribute("data-line-index", String(currentLineIndex));
       element.classList.add("cake-line");
-      context.incrementLineIndex();
       return [element];
     }
     return [];
   }
+  function reconcileBlockChildren(parent, blocks) {
+    const existingChildren2 = Array.from(parent.children);
+    const newChildren = [];
+    blocks.forEach((block, index) => {
+      const existingChild = existingChildren2[index] ?? null;
+      const canReuse = existingChild && getElementKey(existingChild) === getBlockKey(block);
+      const nodes = reconcileBlock(block, canReuse ? existingChild : null);
+      newChildren.push(...nodes);
+      if (index < blocks.length - 1) {
+        cursorOffset += 1;
+      }
+    });
+    if (newChildren.length === existingChildren2.length && newChildren.every((node, i) => node === existingChildren2[i])) {
+      return;
+    }
+    parent.replaceChildren(...newChildren);
+  }
+  function renderBlock(block) {
+    return reconcileBlock(block, null);
+  }
   function renderBlocks(blocks) {
     const nodes = [];
     blocks.forEach((block, index) => {
@@ -2697,10 +2990,17 @@ function renderDocContent(doc, extensions, _root) {
     });
     return nodes;
   }
+  const existingChildren = root ? Array.from(root.children) : [];
   const contentNodes = [];
-  for (const node of renderBlocks(doc.blocks)) {
-    contentNodes.push(node);
-  }
+  doc.blocks.forEach((block, index) => {
+    const existingChild = existingChildren[index] ?? null;
+    const canReuse = existingChild && getElementKey(existingChild) === getBlockKey(block);
+    const nodes = reconcileBlock(block, canReuse ? existingChild : null);
+    contentNodes.push(...nodes);
+    if (index < doc.blocks.length - 1) {
+      cursorOffset += 1;
+    }
+  });
   return { content: contentNodes, map: createDomMap(runs) };
 }
 function mergeInlineForRender(inlines) {
@@ -3222,13 +3522,13 @@ function CakeLinkPopover(params) {
     if (state.status !== "open") {
       return;
     }
-    container.addEventListener("scroll", reposition, { passive: true });
+    container.addEventListener("scroll", close, { passive: true });
     window.addEventListener("resize", reposition);
     return () => {
-      container.removeEventListener("scroll", reposition);
+      container.removeEventListener("scroll", close);
       window.removeEventListener("resize", reposition);
     };
-  }, [container, reposition, state.status]);
+  }, [close, container, reposition, state.status]);
   const handleMouseDown = useCallback(
     (event) => {
       event.stopPropagation();
@@ -3297,7 +3597,7 @@ function CakeLinkPopover(params) {
       handleCancel();
     }
   };
-  return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
       className: "cake-link-popover",
@@ -3310,7 +3610,7 @@ function CakeLinkPopover(params) {
       },
       onMouseDown: handleMouseDown,
       onClick: (event) => event.stopPropagation(),
-      children: state.isEditing ? /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+      children: state.isEditing ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "form",
         {
           className: "cake-link-editor",
@@ -3319,7 +3619,7 @@ function CakeLinkPopover(params) {
             handleSave();
           },
           children: [
-            /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
               "input",
               {
                 className: "cake-link-input",
@@ -3336,56 +3636,24 @@ function CakeLinkPopover(params) {
                 },
                 onKeyDown: handleInputKeyDown,
                 placeholder: "https://"
-              },
-              void 0,
-              false,
-              {
-                fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-                lineNumber: 281,
-                columnNumber: 11
-              },
-              this
+              }
             ),
-            /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("button", { type: "submit", className: "cake-link-save", children: "Save" }, void 0, false, {
-              fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-              lineNumber: 297,
-              columnNumber: 11
-            }, this),
-            /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "submit", className: "cake-link-save", children: "Save" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
               "button",
               {
                 type: "button",
                 className: "cake-link-cancel",
                 onClick: handleCancel,
                 children: "Cancel"
-              },
-              void 0,
-              false,
-              {
-                fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-                lineNumber: 300,
-                columnNumber: 11
-              },
-              this
+              }
             )
           ]
-        },
-        void 0,
-        true,
-        {
-          fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-          lineNumber: 274,
-          columnNumber: 9
-        },
-        this
-      ) : /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: "cake-link-url", title: displayUrl, children: displayUrl }, void 0, false, {
-          fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-          lineNumber: 310,
-          columnNumber: 11
-        }, this),
-        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV("div", { className: "cake-link-actions", children: [
-          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+        }
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "cake-link-url", title: displayUrl, children: displayUrl }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "cake-link-actions", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
               type: "button",
@@ -3393,22 +3661,10 @@ function CakeLinkPopover(params) {
               onClick: handleEdit,
               title: "Edit link",
               "aria-label": "Edit link",
-              children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Pencil, { className: "cake-link-icon" }, void 0, false, {
-                fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-                lineNumber: 321,
-                columnNumber: 15
-              }, this)
-            },
-            void 0,
-            false,
-            {
-              fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-              lineNumber: 314,
-              columnNumber: 13
-            },
-            this
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Pencil, { className: "cake-link-icon" })
+            }
           ),
-          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
               type: "button",
@@ -3416,22 +3672,10 @@ function CakeLinkPopover(params) {
               onClick: handleOpen,
               title: "Open link",
               "aria-label": "Open link",
-              children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ExternalLink, { className: "cake-link-icon" }, void 0, false, {
-                fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-                lineNumber: 330,
-                columnNumber: 15
-              }, this)
-            },
-            void 0,
-            false,
-            {
-              fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-              lineNumber: 323,
-              columnNumber: 13
-            },
-            this
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "cake-link-icon" })
+            }
           ),
-          /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
               type: "button",
@@ -3439,40 +3683,12 @@ function CakeLinkPopover(params) {
               onClick: handleUnlink,
               title: "Remove link",
               "aria-label": "Remove link",
-              children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Unlink, { className: "cake-link-icon" }, void 0, false, {
-                fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-                lineNumber: 339,
-                columnNumber: 15
-              }, this)
-            },
-            void 0,
-            false,
-            {
-              fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-              lineNumber: 332,
-              columnNumber: 13
-            },
-            this
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Unlink, { className: "cake-link-icon" })
+            }
           )
-        ] }, void 0, true, {
-          fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-          lineNumber: 313,
-          columnNumber: 11
-        }, this)
-      ] }, void 0, true, {
-        fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-        lineNumber: 309,
-        columnNumber: 9
-      }, this)
-    },
-    void 0,
-    false,
-    {
-      fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link-popover.tsx",
-      lineNumber: 261,
-      columnNumber: 5
-    },
-    this
+        ] })
+      ] })
+    }
   );
 }
 function buildLayoutModel(lines, measurer) {
@@ -3821,21 +4037,13 @@ const linkExtension = {
     if (!context.contentRoot || !context.toOverlayRect) {
       return null;
     }
-    return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
       CakeLinkPopover,
       {
         container: context.container,
         contentRoot: context.contentRoot,
         toOverlayRect: context.toOverlayRect
-      },
-      void 0,
-      false,
-      {
-        fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/link/link.tsx",
-        lineNumber: 179,
-        columnNumber: 7
-      },
-      this
+      }
     );
   }
 };
@@ -5335,6 +5543,7 @@ function ScrollbarOverlay({ container }) {
   const [isDragging, setIsDragging] = useState(false);
   const [isHovered, setIsHovered] = useState(false);
   const [isScrolling, setIsScrolling] = useState(false);
+  const [isDarkMode, setIsDarkMode] = useState(false);
   const dragStartRef = useRef(
     null
   );
@@ -5349,6 +5558,24 @@ function ScrollbarOverlay({ container }) {
   );
   const maxScrollTop = scrollHeight - clientHeight;
   const thumbTop = maxScrollTop > 0 ? TRACK_PADDING + scrollTop / maxScrollTop * (trackHeight - thumbHeight) : TRACK_PADDING;
+  useEffect(() => {
+    function checkDarkMode() {
+      const html = document.documentElement;
+      setIsDarkMode(html.classList.contains("dark"));
+    }
+    checkDarkMode();
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    mediaQuery.addEventListener("change", checkDarkMode);
+    const observer = new MutationObserver(checkDarkMode);
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["class"]
+    });
+    return () => {
+      mediaQuery.removeEventListener("change", checkDarkMode);
+      observer.disconnect();
+    };
+  }, []);
   useEffect(() => {
     function update() {
       setState({
@@ -5486,6 +5713,13 @@ function ScrollbarOverlay({ container }) {
     return null;
   }
   const isVisible = isDragging || isHovered || isScrolling;
+  const wrapperStyle = {
+    position: "absolute",
+    inset: 0,
+    pointerEvents: "none",
+    overflow: "hidden",
+    zIndex: 50
+  };
   const trackStyle = {
     position: "absolute",
     top: 0,
@@ -5495,6 +5729,12 @@ function ScrollbarOverlay({ container }) {
     height: clientHeight,
     pointerEvents: "auto"
   };
+  const getThumbColor = () => {
+    if (isDarkMode) {
+      return isDragging ? "rgba(255, 255, 255, 0.5)" : "rgba(255, 255, 255, 0.3)";
+    }
+    return isDragging ? "rgba(0, 0, 0, 0.5)" : "rgba(0, 0, 0, 0.3)";
+  };
   const thumbStyle = {
     position: "absolute",
     right: "2px",
@@ -5502,54 +5742,35 @@ function ScrollbarOverlay({ container }) {
     borderRadius: "9999px",
     height: thumbHeight,
     top: thumbTop,
-    opacity: isVisible ? 1 : 0
+    opacity: isVisible ? 1 : 0,
+    backgroundColor: getThumbColor(),
+    transition: "opacity 150ms",
+    cursor: "pointer"
   };
-  return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: wrapperStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
       "data-testid": "custom-scrollbar",
       "aria-hidden": "true",
-      className: "pointer-events-auto absolute top-0 right-0 bottom-0 z-50 w-3",
       style: trackStyle,
       onClick: handleTrackClick,
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false),
-      children: /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
           "data-testid": "scrollbar-thumb",
-          className: `absolute right-0.5 w-1.5 cursor-pointer rounded-full transition-opacity duration-150 ${isDragging ? "bg-black/50 dark:bg-white/50" : "bg-black/30 dark:bg-white/30"}`,
           style: thumbStyle,
           onMouseDown: handleThumbMouseDown
-        },
-        void 0,
-        false,
-        {
-          fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/scrollbar/index.tsx",
-          lineNumber: 230,
-          columnNumber: 7
-        },
-        this
+        }
       )
-    },
-    void 0,
-    false,
-    {
-      fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/scrollbar/index.tsx",
-      lineNumber: 221,
-      columnNumber: 5
-    },
-    this
-  );
+    }
+  ) });
 }
 const scrollbarExtension = {
   name: "scrollbar",
   renderOverlay(context) {
-    return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(ScrollbarOverlay, { container: context.container }, void 0, false, {
-      fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/extensions/scrollbar/index.tsx",
-      lineNumber: 247,
-      columnNumber: 12
-    }, this);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollbarOverlay, { container: context.container });
   }
 };
 const STRIKE_KIND = "strikethrough";
@@ -6067,7 +6288,7 @@ function computeSelectionRects(layout, selection, measurer) {
   return rects;
 }
 function computeCaretRect(caret) {
-  const height = caret.lineRect.height;
+  const height = caret.fontSize * 1.2;
   const contentHeight = caret.lineRect.height > 0 ? Math.max(
     0,
     caret.lineRect.height - caret.padding.top - caret.padding.bottom
@@ -6121,6 +6342,7 @@ function getSelectionGeometry(params) {
         scroll
       }),
       lineLength: lineInfo.cursorLength,
+      fontSize: getComputedFontSize(lineElement),
       padding: getComputedVerticalPadding(lineElement)
     };
     const caretRect = computeCaretRect(caretMeasurement);
@@ -6164,6 +6386,7 @@ function getSelectionGeometry(params) {
             scroll
           }),
           lineLength: lineInfo.cursorLength,
+          fontSize: getComputedFontSize(focusLineElement),
           padding: getComputedVerticalPadding(focusLineElement)
         };
         focusRect = computeCaretRect(caretMeasurement);
@@ -6290,6 +6513,11 @@ function getComputedVerticalPadding(lineElement) {
     bottom: Number.isFinite(bottom) ? bottom : 0
   };
 }
+function getComputedFontSize(lineElement) {
+  const fontSize = window.getComputedStyle(lineElement).fontSize;
+  const parsed = Number.parseFloat(fontSize);
+  return Number.isFinite(parsed) && parsed > 0 ? parsed : 16;
+}
 function rectRight(rect) {
   return rect.left + rect.width;
 }
@@ -6687,6 +6915,36 @@ function nextWordBreak(text, offset) {
   }
   return text.length;
 }
+const MAX_HTML_INPUT_LENGTH = 5e5;
+const MAX_MARKDOWN_OUTPUT_LENGTH = 1e5;
+function isHTMLElement(node) {
+  return node !== null && node.nodeType === Node.ELEMENT_NODE;
+}
+function isElement(node) {
+  return node !== null && node.nodeType === Node.ELEMENT_NODE;
+}
+const CLEANUP_PATTERNS = {
+  unescapeHeaders: /^\\(#{1,6})\s+/gm,
+  unescapeBlockquote: /^\\>/gm,
+  unescapeMarkdown: /\\([*_`~[\]])/g,
+  unescapeListBullets: /^(\s*)\\([-*+])(\s+)/gm,
+  unescapeListNumbers: /^(\s*)(\d+)\\\.(\s+)/gm,
+  normalizeBullets: /^(\s*)[-*+](\s{2,})/gm,
+  normalizeNumbers: /^[\s]*\d+\.[\s]+/gm,
+  normalizeHeaders: /^(#{1,6})[\s]{2,}/gm,
+  removeTrailingSpaces: /[ \t]+$/gm,
+  headersInBlockquotes: /^>\s*(#{1,6}\s+.*)/gm,
+  excessiveNewlines: /\n{3,}/g,
+  interlacedTableGaps: /(\|[^\n]*\|)\s*\n\s*\n+\s*(\|[^\n]*\|)/g,
+  complexTableGaps: /(\|[^\n]*\|)(\s*\n){2,}(\|[^\n]*\|)/g
+};
+const HTML_PREPROCESSING_PATTERNS = {
+  removeStyleAndDataAttrs: /\s(?:style|data-[^=]*|id)="[^"]*"/gi,
+  removeNonCodeClasses: /\sclass="(?![^"]*(?:language-|hljs))[^"]*"/gi,
+  removeEmptyElements: /<(\w+)[^>]*>\s*<\/\1>/gi,
+  normalizeSpaces: /[ \t]{2,}/g,
+  reduceBlankLines: /\n\s*\n/g
+};
 const turndownService = new TurndownService({
   headingStyle: "atx",
   bulletListMarker: "-",
@@ -6704,6 +6962,13 @@ turndownService.addRule("strikethrough", {
 turndownService.addRule("codeBlock", {
   filter: "pre",
   replacement: (content, node) => {
+    if (!isHTMLElement(node)) {
+      return `
+\`\`\`
+${content}
+\`\`\`
+`;
+    }
     const codeElement = node.querySelector("code");
     if (codeElement) {
       const className = codeElement.className || "";
@@ -6722,12 +6987,308 @@ ${content}
 `;
   }
 });
-function htmlToMarkdownForPaste(html) {
-  const trimmed = html.trim();
-  if (!trimmed) {
+turndownService.addRule("tableRow", {
+  filter: "tr",
+  replacement: (_content, node) => {
+    var _a;
+    if (!isHTMLElement(node)) {
+      return "";
+    }
+    const isHeaderRow = ((_a = node.parentNode) == null ? void 0 : _a.nodeName) === "THEAD";
+    const cells = Array.from(node.querySelectorAll("td, th"));
+    const cellContents = cells.map((cell) => {
+      const text = cell.textContent || "";
+      return text.replace(/\|/g, "\\|").trim();
+    });
+    let result = "| " + cellContents.join(" | ") + " |\n";
+    if (isHeaderRow) {
+      const separators = cells.map((cell) => {
+        const align = cell.getAttribute("align");
+        if (align === "center") {
+          return ":-------------:";
+        }
+        if (align === "right") {
+          return "-------------:";
+        }
+        return "-------------";
+      });
+      result += "| " + separators.join(" | ") + " |\n";
+    }
+    return result;
+  }
+});
+turndownService.addRule("taskList", {
+  filter: (node) => {
+    if (!isHTMLElement(node)) {
+      return false;
+    }
+    if (node.nodeName !== "LI") {
+      return false;
+    }
+    if (node.querySelector('input[type="checkbox"]') !== null) {
+      return true;
+    }
+    const textContent = node.textContent || "";
+    const hasCheckboxSymbols = /^[\s]*[☐☑✓✗[\]]/m.test(textContent) || /^[\s]*\[[ x]\]/m.test(textContent);
+    const hasCheckboxClass = Boolean(
+      node.className && (node.className.includes("task") || node.className.includes("checkbox") || node.className.includes("todo"))
+    );
+    return hasCheckboxSymbols || hasCheckboxClass;
+  },
+  replacement: (content, node) => {
+    if (!isHTMLElement(node)) {
+      return content;
+    }
+    const checkbox = node.querySelector('input[type="checkbox"]');
+    const isCheckbox = checkbox instanceof HTMLInputElement && checkbox.type === "checkbox";
+    let isChecked = false;
+    if (isCheckbox) {
+      isChecked = checkbox.checked;
+    } else {
+      const textContent2 = node.textContent || "";
+      isChecked = /^[\s]*[☑✓✗]/.test(textContent2) || /^[\s]*\[x\]/i.test(textContent2);
+    }
+    const prefix = isChecked ? "- [x] " : "- [ ] ";
+    let textContent = content;
+    textContent = textContent.replace(/^\s*\[[ x]\]\s*/gi, "");
+    textContent = textContent.replace(/^\s*[☐☑✓✗]\s*/g, "");
+    textContent = textContent.replace(/^\s*\[[x ]\]\s*/gi, "");
+    textContent = textContent.replace(/^\s*\\?\[[ x]\\?\]\s*/gi, "");
+    textContent = textContent.replace(/\\?\[\\?\s*\\?\]\\?\s*/g, "");
+    return prefix + textContent.trim() + "\n";
+  }
+});
+turndownService.addRule("list", {
+  filter: ["ul", "ol"],
+  replacement: (content, node) => {
+    const parent = node.parentNode;
+    const isNested = isElement(parent) && parent.tagName === "LI";
+    if (isNested) {
+      return "\n" + content;
+    }
+    return "\n" + content + "\n";
+  }
+});
+turndownService.addRule("blockquote", {
+  filter: "blockquote",
+  replacement: (content) => {
+    const lines = content.trim().split("\n");
+    const processedLines = lines.map((line) => {
+      const trimmed = line.trim();
+      if (!trimmed) {
+        return ">";
+      }
+      const existingQuotes = trimmed.match(/^(>\s*)+/);
+      if (existingQuotes) {
+        return existingQuotes[0] + " " + trimmed;
+      }
+      return "> " + trimmed;
+    });
+    return "\n" + processedLines.join("\n") + "\n";
+  }
+});
+turndownService.addRule("horizontalRule", {
+  filter: "hr",
+  replacement: () => "\n---\n"
+});
+turndownService.addRule("inlineCode", {
+  filter: (node) => {
+    const parent = node.parentNode;
+    return node.nodeName === "CODE" && !(isElement(parent) && parent.tagName === "PRE");
+  },
+  replacement: (content) => {
+    const backtickCount = Math.max(
+      1,
+      (content.match(/`+/g) || []).reduce(
+        (max, match) => Math.max(max, match.length),
+        0
+      ) + 1
+    );
+    const delimiter = "`".repeat(backtickCount);
+    return delimiter + content + delimiter;
+  }
+});
+turndownService.addRule("image", {
+  filter: "img",
+  replacement: (_content, node) => {
+    if (!isHTMLElement(node)) {
+      return "";
+    }
+    const src = node.getAttribute("src") || "";
+    const alt = node.getAttribute("alt") || "";
+    const title = node.getAttribute("title");
+    if (title) {
+      return `![${alt}](${src} "${title}")`;
+    }
+    return `![${alt}](${src})`;
+  }
+});
+turndownService.addRule("highlight", {
+  filter: (node) => {
+    var _a, _b;
+    if (!isHTMLElement(node)) {
+      return false;
+    }
+    return node.nodeName === "MARK" || node.nodeName === "SPAN" && (((_a = node.style) == null ? void 0 : _a.backgroundColor) === "yellow" || ((_b = node.className) == null ? void 0 : _b.includes("highlight")));
+  },
+  replacement: (content) => `==${content}==`
+});
+turndownService.addRule("headerWithId", {
+  filter: ["h1", "h2", "h3", "h4", "h5", "h6"],
+  replacement: (content, node) => {
+    if (!isHTMLElement(node)) {
+      return content;
+    }
+    const rawLevel = parseInt(node.nodeName.charAt(1));
+    const level = Math.min(rawLevel, 3);
+    const hashes = "#".repeat(level);
+    const id = node.getAttribute("id");
+    if (id) {
+      return `
+${hashes} ${content} {#${id}}
+`;
+    }
+    return `
+${hashes} ${content}
+`;
+  }
+});
+function processTextNodes(element) {
+  const spans = Array.from(element.querySelectorAll("span"));
+  spans.forEach((span) => {
+    var _a;
+    const textContent = span.textContent || "";
+    const textNode = document.createTextNode(textContent);
+    (_a = span.parentNode) == null ? void 0 : _a.replaceChild(textNode, span);
+  });
+}
+function detectSourceApp(html) {
+  const detectionPatterns = {
+    notion: ["notion-", "notranslate"],
+    github: ["github.com", "js-file-line-container"],
+    slack: ["slack-", "c-message"],
+    "google-docs": ["docs.google.com", "kix-"]
+  };
+  for (const [app, patterns] of Object.entries(detectionPatterns)) {
+    if (patterns.some((pattern) => html.includes(pattern))) {
+      return app;
+    }
+  }
+  return "unknown";
+}
+function preprocessForApp(html, app) {
+  switch (app) {
+    case "notion":
+      return html.replace(/<div[^>]*class="[^"]*notion-[^"]*"[^>]*>/gi, "<div>").replace(/<span[^>]*class="[^"]*notion-[^"]*"[^>]*>/gi, "<span>").replace(/<details[^>]*>/gi, "<div>").replace(/<\/details>/gi, "</div>").replace(/<summary[^>]*>/gi, "<strong>").replace(/<\/summary>/gi, "</strong>");
+    case "github":
+      return html.replace(/<td[^>]*class="[^"]*blob-num[^"]*"[^>]*>.*?<\/td>/gi, "").replace(/<span[^>]*class="[^"]*pl-[^"]*"[^>]*>/gi, "<span>").replace(/<span[^>]*class="[^"]*highlight[^"]*"[^>]*>/gi, "<span>");
+    case "slack":
+      return html.replace(/<span[^>]*class="[^"]*c-member[^"]*"[^>]*>/gi, "<span>").replace(/<span[^>]*data-stringify-type="mention"[^>]*>/gi, "<span>").replace(
+        /<span[^>]*class="[^"]*c-emoji[^"]*"[^>]*>([^<]*)<\/span>/gi,
+        "$1"
+      );
+    case "google-docs":
+      return html.replace(
+        /<span[^>]*style="[^"]*font-weight:[^;"]*bold[^"]*"[^>]*>/gi,
+        "<strong>"
+      ).replace(
+        /<span[^>]*style="[^"]*font-style:[^;"]*italic[^"]*"[^>]*>/gi,
+        "<em>"
+      ).replace(/<\/span>/gi, "").replace(/<p[^>]*style="[^"]*"[^>]*>/gi, "<p>");
+    default:
+      return html;
+  }
+}
+function cleanupMarkdown(markdown) {
+  return markdown.replace(CLEANUP_PATTERNS.unescapeHeaders, "$1 ").replace(CLEANUP_PATTERNS.unescapeBlockquote, ">").replace(CLEANUP_PATTERNS.unescapeMarkdown, "$1").replace(CLEANUP_PATTERNS.unescapeListBullets, "$1$2$3").replace(CLEANUP_PATTERNS.unescapeListNumbers, "$1$2.$3").replace(CLEANUP_PATTERNS.normalizeBullets, "$1- ").replace(CLEANUP_PATTERNS.normalizeNumbers, (match) => {
+    var _a;
+    const num = ((_a = match.match(/\d+/)) == null ? void 0 : _a[0]) || "1";
+    return `${num}. `;
+  }).replace(CLEANUP_PATTERNS.normalizeHeaders, "$1 ").replace(CLEANUP_PATTERNS.removeTrailingSpaces, "").replace(CLEANUP_PATTERNS.headersInBlockquotes, "\n$1").replace(CLEANUP_PATTERNS.excessiveNewlines, "\n\n").replace(CLEANUP_PATTERNS.interlacedTableGaps, "$1\n$2").replace(CLEANUP_PATTERNS.complexTableGaps, "$1\n$3").replace(/\*\*\[([^\]]+?)\]\(([^)]+?)\)\*\*/g, "[**$1**]($2)").replace(/__\[([^\]]+?)\]\(([^)]+?)\)__/g, "[**$1**]($2)").replace(/\*\[([^\]]+?)\]\(([^)]+?)\)\*/g, "[*$1*]($2)").replace(/_\[([^\]]+?)\]\(([^)]+?)\)_/g, "[*$1*]($2)").trim();
+}
+function preprocessHtml(html) {
+  const sourceApp = detectSourceApp(html);
+  let processedHtml = preprocessForApp(html, sourceApp);
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(processedHtml, "text/html");
+  if (doc.body) {
+    processTextNodes(doc.body);
+    processedHtml = doc.body.innerHTML;
+  }
+  return processedHtml.replace(HTML_PREPROCESSING_PATTERNS.removeStyleAndDataAttrs, "").replace(HTML_PREPROCESSING_PATTERNS.removeNonCodeClasses, "").replace(HTML_PREPROCESSING_PATTERNS.removeEmptyElements, "").replace(HTML_PREPROCESSING_PATTERNS.normalizeSpaces, " ").replace(HTML_PREPROCESSING_PATTERNS.reduceBlankLines, "\n\n").trim();
+}
+function sanitizeContent(content) {
+  return content.replace(/<script[^>]*>.*?<\/script>/gi, "").replace(
+    /<(?:iframe|object|embed)[^>]*>.*?<\/(?:iframe|object|embed)>/gi,
+    ""
+  );
+}
+function limitContentLength(content, maxLength = MAX_MARKDOWN_OUTPUT_LENGTH) {
+  return content.substring(0, maxLength);
+}
+function sanitizeMarkdown(markdown) {
+  return limitContentLength(sanitizeContent(markdown));
+}
+function shouldProcessPaste(htmlContent) {
+  if (htmlContent.length > MAX_HTML_INPUT_LENGTH) {
+    console.warn("HTML content too large for paste processing");
+    return false;
+  }
+  const hasFormatting = /<(?:strong|b|em|i|u|s|del|strike|code|pre|h[1-6]|blockquote|ul|ol|li|table|tr|td|th|a|img|mark|span|div)[\s>]/i.test(
+    htmlContent
+  );
+  if (!hasFormatting) {
+    return false;
+  }
+  if (/<img\s/i.test(htmlContent)) {
+    return true;
+  }
+  const strippedContent = htmlContent.replace(/<[^>]*>/g, "").trim();
+  if (!strippedContent || strippedContent.length < 3) {
+    return false;
+  }
+  return true;
+}
+function normalizeListPrefixes(content) {
+  const lines = content.split("\n");
+  let currentListType = null;
+  let currentNumber = 1;
+  return lines.map((line) => {
+    const match = line.match(/^(\s*)([-*+]|\d+\.)( +)(.*)$/);
+    if (match) {
+      const [, indent, marker, , listContent] = match;
+      if (currentListType === null) {
+        currentListType = /\d+\./.test(marker) ? "numbered" : "bullet";
+      }
+      const newMarker = currentListType === "bullet" ? "-" : `${currentNumber}.`;
+      if (currentListType === "numbered") {
+        currentNumber += 1;
+      }
+      return `${indent}${newMarker} ${listContent}`;
+    }
+    return line;
+  }).join("\n");
+}
+function convertHtmlToMarkdown(html) {
+  try {
+    const processedHtml = preprocessHtml(html);
+    const markdown = turndownService.turndown(processedHtml);
+    return cleanupMarkdown(markdown);
+  } catch (error) {
+    console.error("Error converting HTML to markdown:", error);
     return "";
   }
-  return turndownService.turndown(trimmed);
+}
+function htmlToMarkdownForPaste(htmlContent) {
+  if (!shouldProcessPaste(htmlContent)) {
+    return null;
+  }
+  const markdown = convertHtmlToMarkdown(htmlContent);
+  if (!markdown.trim()) {
+    return null;
+  }
+  const normalizedMarkdown = normalizeListPrefixes(markdown);
+  return sanitizeMarkdown(normalizedMarkdown).replace(/\r\n?/g, "\n");
 }
 const defaultSelection = { start: 0, end: 0, affinity: "forward" };
 const COMPOSITION_COMMIT_CLEAR_DELAY_MS = 50;
@@ -6906,10 +7467,15 @@ class CakeEngine {
     }
   }
   setValue({ value, selection }) {
-    const nextSelection = selection ?? this.state.selection;
-    if (value === this.state.source && selection === void 0) {
+    const valueChanged = value !== this.state.source;
+    if (!valueChanged && selection === void 0) {
       return;
     }
+    if (!valueChanged && selection !== void 0) {
+      this.setSelection(selection);
+      return;
+    }
+    const nextSelection = selection ?? this.state.selection;
     this.state = this.runtime.createState(value, nextSelection);
     this.render();
   }
@@ -7169,7 +7735,11 @@ class CakeEngine {
       this.extensions,
       this.contentRoot
     );
-    this.contentRoot.replaceChildren(...content);
+    const existingChildren = Array.from(this.contentRoot.childNodes);
+    const needsUpdate = content.length !== existingChildren.length || content.some((node, i) => node !== existingChildren[i]);
+    if (needsUpdate) {
+      this.contentRoot.replaceChildren(...content);
+    }
     this.domMap = map;
     this.updateExtensionsOverlayPosition();
     if (!this.isComposing) {
@@ -7765,6 +8335,13 @@ class CakeEngine {
     }
     event.preventDefault();
     clipboardData.setData("text/plain", text);
+    const html = this.runtime.serializeSelectionToHtml(
+      this.state,
+      this.state.selection
+    );
+    if (html) {
+      clipboardData.setData("text/html", html);
+    }
   }
   handleCut(event) {
     if (this.readOnly) {
@@ -9074,8 +9651,8 @@ class CakeEngine {
     if (!this.extensionsRoot) {
       return;
     }
-    const scrollTop = this.container.scrollTop;
-    const scrollLeft = this.container.scrollLeft;
+    const scrollTop = Math.max(0, this.container.scrollTop);
+    const scrollLeft = Math.max(0, this.container.scrollLeft);
     if (scrollTop === 0 && scrollLeft === 0) {
       this.extensionsRoot.style.transform = "";
       return;
@@ -10738,10 +11315,10 @@ const CakeEditor = forwardRef(
       containerStyle.position = "relative";
     }
     const containerClassName = props.className ? `cake ${props.className}` : "cake";
-    const overlayContext = overlayRoot && containerRef.current && contentRoot ? {
+    const overlayContext = containerRef.current && contentRoot ? {
       container: containerRef.current,
       contentRoot,
-      overlayRoot,
+      overlayRoot: overlayRoot ?? void 0,
       toOverlayRect: (rect) => {
         var _a;
         const containerRect = (_a = containerRef.current) == null ? void 0 : _a.getBoundingClientRect();
@@ -10778,8 +11355,11 @@ const CakeEditor = forwardRef(
         return { start: focus, end: focus };
       }
     } : null;
-    return /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(
+    const hasOverlayExtensions = allExtensionsRef.current.some(
+      (ext) => ext.renderOverlay
+    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { position: "relative", height: "100%" }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
           ref: containerRef,
@@ -10790,35 +11370,12 @@ const CakeEditor = forwardRef(
             var _a;
             (_a = props.onBlur) == null ? void 0 : _a.call(props, event.nativeEvent);
           }
-        },
-        void 0,
-        false,
-        {
-          fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/react/CakeEditor.tsx",
-          lineNumber: 351,
-          columnNumber: 9
-        },
-        this
+        }
       ),
-      overlayRoot && overlayContext ? createPortal(
-        /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(jsxDevRuntimeExports.Fragment, { children: allExtensionsRef.current.map(
-          (extension) => extension.renderOverlay ? /* @__PURE__ */ jsxDevRuntimeExports.jsxDEV(Fragment, { children: extension.renderOverlay(overlayContext) }, extension.name, false, {
-            fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/react/CakeEditor.tsx",
-            lineNumber: 365,
-            columnNumber: 21
-          }, this) : null
-        ) }, void 0, false, {
-          fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/react/CakeEditor.tsx",
-          lineNumber: 362,
-          columnNumber: 15
-        }, this),
-        overlayRoot
+      overlayContext && hasOverlayExtensions ? allExtensionsRef.current.map(
+        (extension) => extension.renderOverlay ? /* @__PURE__ */ jsxRuntimeExports.jsx(Fragment, { children: extension.renderOverlay(overlayContext) }, extension.name) : null
       ) : null
-    ] }, void 0, true, {
-      fileName: "/Users/moboudra/dev/blankpage/cake/src/cake/react/CakeEditor.tsx",
-      lineNumber: 350,
-      columnNumber: 7
-    }, this);
+    ] });
   }
 );
 CakeEditor.displayName = "CakeEditor";