quoin-editor 0.4.1 → 1.0.0

package/dist/headless.js

@@ -1,470 +1,152 @@
-// src/markdown/edit.ts
-function changedSpan(before, after) {
-  let start = 0;
-  const shortest = Math.min(before.length, after.length);
-  while (start < shortest && before[start] === after[start]) start += 1;
-  let endBefore = before.length;
-  let endAfter = after.length;
-  while (endBefore > start && endAfter > start && before[endBefore - 1] === after[endAfter - 1]) {
-    endBefore -= 1;
-    endAfter -= 1;
-  }
-  return { start, endBefore, replacement: after.slice(start, endAfter) };
-}
-function writeNatively(el, replacement) {
-  if (typeof document.execCommand !== "function") return false;
-  try {
-    return replacement === "" ? document.execCommand("delete") : document.execCommand("insertText", false, replacement);
-  } catch {
-    return false;
-  }
-}
-function applyEdit(el, edit, commit) {
-  if (el.value !== edit.value) {
-    const { start, endBefore, replacement } = changedSpan(el.value, edit.value);
-    el.setSelectionRange(start, endBefore);
-    if (!writeNatively(el, replacement)) {
-      el.value = edit.value;
-    }
-    commit(el.value);
-  }
-  el.setSelectionRange(edit.selectionStart, edit.selectionEnd);
-}
-
-// src/markdown/line-at.ts
-var FENCE = /^ {0,3}(```|~~~)/;
-function lineAt(value, offset) {
-  const start = value.lastIndexOf("\n", offset - 1) + 1;
-  const next = value.indexOf("\n", offset);
-  const end = next === -1 ? value.length : next;
-  return { start, end, text: value.slice(start, end) };
-}
-function isFenceDelimiter(text) {
-  return FENCE.test(text);
-}
-function insideFence(value, offset) {
-  const lines = value.slice(0, offset).split("\n");
-  if (isFenceDelimiter(lines[lines.length - 1])) return true;
-  let open = false;
-  for (let i = 0; i < lines.length - 1; i += 1) {
-    if (isFenceDelimiter(lines[i])) open = !open;
-  }
-  return open;
-}
-
-// src/markdown/line-toggles.ts
-var EXISTING = /^(\s*)(?:#{1,6} |[-*+] \[[ xX]\] |[-*+] |\d+[.)] )?/;
-var PREFIX = {
-  h1: () => "# ",
-  h2: () => "## ",
-  h3: () => "### ",
-  bullet: () => "- ",
-  ordered: (index) => `${index + 1}. `
-};
-var CARRIES = {
-  h1: /^\s*# /,
-  h2: /^\s*## /,
-  h3: /^\s*### /,
-  bullet: /^\s*[-*+] /,
-  ordered: /^\s*\d+[.)] /
-};
-function toggleLinePrefix(kind, value, selectionStart, selectionEnd) {
-  const first = lineAt(value, selectionStart);
-  const last = lineAt(value, selectionEnd);
-  const block = value.slice(first.start, last.end);
-  const lines = block.split("\n");
-  let offset = first.start;
-  const eligible = lines.map((text) => {
-    const at = offset;
-    offset += text.length + 1;
-    return !insideFence(value, at) && !isFenceDelimiter(text);
-  });
-  const carried = lines.every((text, i) => !eligible[i] || CARRIES[kind].test(text));
-  const rewritten = lines.map((text, i) => {
-    if (!eligible[i]) return text;
-    const match = EXISTING.exec(text);
-    const indent = match?.[1] ?? "";
-    const body = text.slice(match?.[0].length ?? 0);
-    return carried ? indent + body : indent + PREFIX[kind](i) + body;
-  });
-  const joined = rewritten.join("\n");
-  const next = value.slice(0, first.start) + joined + value.slice(last.end);
-  if (selectionStart !== selectionEnd) {
-    return { value: next, selectionStart: first.start, selectionEnd: first.start + joined.length };
-  }
-  const caret = Math.max(first.start, selectionStart + (rewritten[0].length - lines[0].length));
-  return { value: next, selectionStart: caret, selectionEnd: caret };
-}
-
-// src/markdown/list-continuation.ts
-var LIST_MARKER = /^(\s*)((?:[-*+] \[[ xX]\] )|(?:[-*+] )|(?:\d+[.)] )|(?:> ))(.*)$/;
-var INDENT = "  ";
-function nextMarker(marker) {
-  const ordered = /^(\d+)([.)] )$/.exec(marker);
-  if (ordered) return `${Number(ordered[1]) + 1}${ordered[2]}`;
-  const task = /^([-*+]) \[[ xX]\] $/.exec(marker);
-  if (task) return `${task[1]} [ ] `;
-  return marker;
-}
-function climbOut(value, line, indent, marker, content) {
-  const outdent = indent.length >= INDENT.length;
-  if (outdent) {
-    const text2 = indent.slice(INDENT.length) + marker + content;
-    const at2 = line.start + indent.length - INDENT.length + marker.length;
-    return {
-      value: value.slice(0, line.start) + text2 + value.slice(line.end),
-      selectionStart: at2,
-      selectionEnd: at2
-    };
-  }
-  const leavesList = line.start > 0 && LIST_MARKER.test(lineAt(value, line.start - 1).text);
-  const text = leavesList ? `
-${content}` : content;
-  const at = leavesList ? line.start + 1 : line.start;
-  return {
-    value: value.slice(0, line.start) + text + value.slice(line.end),
-    selectionStart: at,
-    selectionEnd: at
-  };
-}
-function continueList(value, caret, key) {
-  if (insideFence(value, caret)) return null;
-  const line = lineAt(value, caret);
-  const match = LIST_MARKER.exec(line.text);
-  if (!match) return null;
-  const [, indent, marker, content] = match;
-  if (key === "Backspace") {
-    if (caret !== line.start + indent.length + marker.length) return null;
-    return climbOut(value, line, indent, marker, content);
-  }
-  if (content.trim() === "") return climbOut(value, line, indent, marker, content);
-  const inserted = `
-${indent}${nextMarker(marker)}`;
-  const at = caret + inserted.length;
-  return {
-    value: value.slice(0, caret) + inserted + value.slice(caret),
-    selectionStart: at,
-    selectionEnd: at
-  };
-}
-
-// src/markdown/indent-list.ts
-var INDENT2 = "  ";
-function indentOf(text) {
-  return /^\s*/.exec(text)?.[0].length ?? 0;
-}
-function shift(text, direction, cap) {
-  const current = indentOf(text);
-  if (direction === -1) return text.slice(Math.min(current, INDENT2.length));
-  if (cap !== void 0 && current >= cap + INDENT2.length) return text;
-  return INDENT2 + text;
-}
-function indentList(value, selectionStart, selectionEnd, direction) {
-  if (insideFence(value, selectionStart)) return null;
-  const first = lineAt(value, selectionStart);
-  const last = lineAt(value, selectionEnd);
-  const block = value.slice(first.start, last.end);
-  const lines = block.split("\n");
-  if (!lines.every((text) => LIST_MARKER.test(text))) return null;
-  const cap = first.start === 0 ? 0 : indentOf(lineAt(value, first.start - 1).text);
-  const shifted = lines.map((text, i) => shift(text, direction, i === 0 ? cap : void 0));
-  if (shifted.every((text, i) => text === lines[i])) return null;
-  const joined = shifted.join("\n");
-  return {
-    value: value.slice(0, first.start) + joined + value.slice(last.end),
-    selectionStart: selectionStart + (shifted[0].length - lines[0].length),
-    selectionEnd: selectionEnd + (joined.length - block.length)
-  };
-}
-
-// src/markdown/wrap-selection.ts
-var DELIMITER = {
-  bold: "**",
-  italic: "_",
-  code: "`"
-};
-var WHOLE_LINK = /^\[([^\]]*)\]\(([^)]*)\)$/;
-var BARE_URL = /^https?:\/\/[^\s]+$/;
-function unwrap(value, start, end, delimiter) {
-  const selected = value.slice(start, end);
-  const width = delimiter.length;
-  if (selected.length >= 2 * width && selected.startsWith(delimiter) && selected.endsWith(delimiter)) {
-    const inner = selected.slice(width, selected.length - width);
-    return {
-      value: value.slice(0, start) + inner + value.slice(end),
-      selectionStart: start,
-      selectionEnd: start + inner.length
-    };
-  }
-  const outside = start >= width && value.slice(start - width, start) === delimiter && value.slice(end, end + width) === delimiter;
-  if (!outside) return null;
-  return {
-    value: value.slice(0, start - width) + selected + value.slice(end + width),
-    selectionStart: start - width,
-    selectionEnd: start - width + selected.length
-  };
-}
-function link(value, start, end) {
-  const selected = value.slice(start, end);
-  const whole = WHOLE_LINK.exec(selected);
-  if (whole) {
-    const text = whole[1];
-    return {
-      value: value.slice(0, start) + text + value.slice(end),
-      selectionStart: start,
-      selectionEnd: start + text.length
-    };
-  }
-  const opened = `[${selected}](`;
-  const at = selected === "" ? start + 1 : start + opened.length;
-  return {
-    value: value.slice(0, start) + opened + ")" + value.slice(end),
-    selectionStart: at,
-    selectionEnd: at
-  };
-}
-function wrapSelection(kind, value, selectionStart, selectionEnd) {
-  if (kind === "link") return link(value, selectionStart, selectionEnd);
-  const delimiter = DELIMITER[kind];
-  const stripped = unwrap(value, selectionStart, selectionEnd, delimiter);
-  if (stripped) return stripped;
-  const selected = value.slice(selectionStart, selectionEnd);
-  if (kind === "code" && selected.includes("\n")) {
-    const at2 = selectionStart + 4;
-    return {
-      value: value.slice(0, selectionStart) + "```\n" + selected + "\n```" + value.slice(selectionEnd),
-      selectionStart: at2,
-      selectionEnd: at2 + selected.length
-    };
-  }
-  const at = selectionStart + delimiter.length;
-  return {
-    value: value.slice(0, selectionStart) + delimiter + selected + delimiter + value.slice(selectionEnd),
-    selectionStart: at,
-    selectionEnd: at + selected.length
-  };
-}
-function linkPaste(value, selectionStart, selectionEnd, pasted) {
-  if (selectionStart === selectionEnd) return null;
-  const url = pasted.trim();
-  if (!BARE_URL.test(url)) return null;
-  const inserted = `[${value.slice(selectionStart, selectionEnd)}](${url})`;
-  const at = selectionStart + inserted.length;
-  return {
-    value: value.slice(0, selectionStart) + inserted + value.slice(selectionEnd),
-    selectionStart: at,
-    selectionEnd: at
-  };
-}
-
-// src/markdown/insert-command.ts
-function insertCommand(command, value, caret) {
-  const line = lineAt(value, caret);
-  const before = value.slice(line.start, caret).replace(/[ \t]+$/, "");
-  const cut = line.start + before.length;
-  const prefix = before.trim() === "" ? "" : command.separate ? "\n\n" : "\n";
-  const at = cut + prefix.length + command.caretOffset;
-  return {
-    value: value.slice(0, cut) + prefix + command.insert + value.slice(caret),
-    selectionStart: at,
-    selectionEnd: at + (command.selectLength ?? 0)
-  };
-}
-
-// src/markdown/slash-trigger.ts
-function shouldOpenPalette(value, selectionStart, selectionEnd) {
-  if (selectionStart !== selectionEnd) return false;
-  if (insideFence(value, selectionStart)) return false;
-  if (selectionStart === 0) return true;
-  const previous = value[selectionStart - 1];
-  return previous === "\n" || previous === " " || previous === "	";
-}
-
-// src/markdown/platform.ts
-function isMac() {
-  if (typeof navigator === "undefined") return false;
-  const { userAgentData, platform } = navigator;
-  return /mac|iphone|ipad/i.test(userAgentData?.platform || platform || "");
-}
-
-// src/markdown/shortcut-label.ts
-var MAC_LABEL = { mod: "\u2318", alt: "\u2325", shift: "\u21E7" };
-var OTHER_LABEL = { mod: "Ctrl", alt: "Alt", shift: "Shift" };
-function formatShortcut(hint) {
-  const mac = isMac();
-  const labels = mac ? MAC_LABEL : OTHER_LABEL;
-  const parts = hint.split("+").map((part) => labels[part] ?? part.toUpperCase());
-  return parts.join(mac ? "" : "+");
-}
-
-// src/markdown/caret-coordinates.ts
-var COPIED = [
-  "boxSizing",
-  "fontFamily",
-  "fontSize",
-  "fontStyle",
-  "fontWeight",
-  "letterSpacing",
-  "lineHeight",
-  "paddingBottom",
-  "paddingLeft",
-  "paddingRight",
-  "paddingTop",
-  "textIndent",
-  "textTransform",
-  "wordBreak",
-  "wordSpacing",
-  "borderBottomWidth",
-  "borderLeftWidth",
-  "borderRightWidth",
-  "borderTopWidth"
-];
-function caretRect(el) {
-  if (el.offsetWidth === 0) return null;
-  const style = window.getComputedStyle(el);
-  const mirror = document.createElement("div");
-  for (const property of COPIED) mirror.style[property] = style[property];
-  mirror.style.position = "absolute";
-  mirror.style.top = "0";
-  mirror.style.left = "-9999px";
-  mirror.style.visibility = "hidden";
-  mirror.style.whiteSpace = "pre-wrap";
-  mirror.style.overflowWrap = "break-word";
-  mirror.style.width = `${el.clientWidth}px`;
-  mirror.textContent = el.value.slice(0, el.selectionStart);
-  const marker = document.createElement("span");
-  marker.textContent = "\u200B";
-  mirror.appendChild(marker);
-  document.body.appendChild(mirror);
-  const top = marker.offsetTop;
-  const left = marker.offsetLeft;
-  const height = marker.offsetHeight || Number.parseFloat(style.lineHeight) || 0;
-  mirror.remove();
-  if (height === 0) return null;
-  return { top: top - el.scrollTop, left, height };
-}
-
-// src/markdown/useMarkdownKeymap.ts
-import * as React from "react";
-var WRAP = { b: "bold", i: "italic", e: "code", k: "link" };
-var HEADING = { Digit1: "h1", Digit2: "h2", Digit3: "h3" };
-var LIST = { Digit7: "ordered", Digit8: "bullet" };
-function useMarkdownKeymap({
-  commit,
-  onOpenPalette
-}) {
-  const onKeyDown = React.useCallback(
-    (event) => {
-      if (event.nativeEvent.isComposing || event.keyCode === 229) return;
-      const el = event.currentTarget;
-      const { value, selectionStart, selectionEnd } = el;
-      const mod = isMac() ? event.metaKey : event.ctrlKey;
-      const run = (edit) => {
-        if (!edit) return;
-        event.preventDefault();
-        applyEdit(el, edit, commit);
-      };
-      if (mod && event.altKey) {
-        const kind = HEADING[event.code];
-        if (kind) run(toggleLinePrefix(kind, value, selectionStart, selectionEnd));
-        return;
-      }
-      if (mod && event.shiftKey) {
-        const kind = LIST[event.code];
-        if (kind) run(toggleLinePrefix(kind, value, selectionStart, selectionEnd));
-        return;
-      }
-      if (mod) {
-        const kind = WRAP[event.key.toLowerCase()];
-        if (kind) run(wrapSelection(kind, value, selectionStart, selectionEnd));
-        return;
-      }
-      if (event.key === "/") {
-        if (!shouldOpenPalette(value, selectionStart, selectionEnd)) return;
-        event.preventDefault();
-        onOpenPalette();
-        return;
-      }
-      if (event.key === "Enter" && !event.shiftKey) {
-        run(continueList(value, selectionStart, "Enter"));
-        return;
-      }
-      if (event.key === "Backspace" && selectionStart === selectionEnd) {
-        run(continueList(value, selectionStart, "Backspace"));
-        return;
-      }
-      if (event.key === "Tab") {
-        run(indentList(value, selectionStart, selectionEnd, event.shiftKey ? -1 : 1));
-      }
-    },
-    [commit, onOpenPalette]
-  );
-  const onPaste = React.useCallback(
-    (event) => {
-      const el = event.currentTarget;
-      const edit = linkPaste(
-        el.value,
-        el.selectionStart,
-        el.selectionEnd,
-        event.clipboardData.getData("text/plain")
-      );
-      if (!edit) return;
-      event.preventDefault();
-      applyEdit(el, edit, commit);
-    },
-    [commit]
-  );
-  return { onKeyDown, onPaste };
-}
-
-// src/hooks/useAutoGrow.ts
-import * as React3 from "react";
-
-// src/hooks/use-isomorphic-layout-effect.ts
-import * as React2 from "react";
-var useIsomorphicLayoutEffect = typeof document === "undefined" ? React2.useEffect : React2.useLayoutEffect;
-
-// src/hooks/useAutoGrow.ts
-function useAutoGrow(value) {
-  const ref = React3.useRef(null);
-  const lastWidth = React3.useRef(null);
-  const fit = React3.useCallback(() => {
-    const el = ref.current;
-    if (!el) return;
-    const scroller = document.scrollingElement ?? document.documentElement;
-    const scrollTop = scroller.scrollTop;
-    el.style.height = "auto";
-    if (el.scrollHeight > 0) el.style.height = `${el.scrollHeight}px`;
-    if (scroller.scrollTop !== scrollTop) scroller.scrollTop = scrollTop;
-  }, []);
-  useIsomorphicLayoutEffect(fit, [fit, value]);
-  React3.useEffect(() => {
-    const el = ref.current;
-    if (!el || typeof ResizeObserver === "undefined") return;
-    const observer = new ResizeObserver(([entry]) => {
-      const width = entry.contentRect.width;
-      if (width === lastWidth.current) return;
-      lastWidth.current = width;
-      fit();
-    });
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, [fit]);
-  return ref;
-}
+"use client";
+import {
+  BlockShell,
+  EditableRegion,
+  EditorView,
+  SelectionSink,
+  ViewController,
+  VoidBlockFallback,
+  caretFromPoint,
+  defaultRenderers,
+  domMapOf,
+  hostKey,
+  isCrossSelection,
+  renderInline,
+  useEditorState,
+  useQuoinEditor,
+  useViewController
+} from "./chunk-ZS2WA357.js";
+import {
+  Transaction,
+  addMarkStep,
+  applyTransaction,
+  blockInputRules,
+  blockRangeSelection,
+  coreExtensions,
+  countDoc,
+  countText,
+  createEditor,
+  createPluginKey,
+  createState,
+  defineExtension,
+  fromHTML,
+  getPluginState,
+  insertBlockAfter,
+  insertBlocksStep,
+  insertText,
+  insertTextWithRules,
+  joinBlocksStep,
+  keyName,
+  markInputRules,
+  moveBlocksStep,
+  nodeSelection,
+  normalizeKey,
+  redo,
+  removeBlocksStep,
+  removeMarkStep,
+  replaceBlockStep,
+  replaceDocStep,
+  replaceInlineStep,
+  setAttrsStep,
+  setBlockType,
+  setIndentStep,
+  splitBlockStep,
+  stepFromJSON,
+  textSelection,
+  toHTML,
+  toMarkdown,
+  toPlainText,
+  toggleMark,
+  typographyRules,
+  undo
+} from "./chunk-HJIQT3S5.js";
+import {
+  diffBlocks,
+  diffInline
+} from "./chunk-NOKWNK2O.js";
+import {
+  PALETTE,
+  atom,
+  coreBlockSpecs,
+  createBlockCodec,
+  createSchema,
+  fromMarkdown,
+  normalizeInline,
+  parseInline,
+  sanitizeHref,
+  serializeInline,
+  text
+} from "./chunk-LCQSG4M6.js";
 export {
-  applyEdit,
-  caretRect,
-  continueList,
-  formatShortcut,
-  indentList,
-  insertCommand,
-  lineAt,
-  linkPaste,
-  shouldOpenPalette,
-  toggleLinePrefix,
-  useAutoGrow,
-  useMarkdownKeymap,
-  wrapSelection
+  BlockShell,
+  EditableRegion,
+  EditorView,
+  PALETTE,
+  SelectionSink,
+  Transaction,
+  ViewController,
+  VoidBlockFallback,
+  addMarkStep,
+  applyTransaction,
+  atom,
+  blockInputRules,
+  blockRangeSelection,
+  caretFromPoint,
+  coreBlockSpecs,
+  coreExtensions,
+  countDoc,
+  countText,
+  createBlockCodec,
+  createEditor,
+  createPluginKey,
+  createSchema,
+  createState,
+  defaultRenderers,
+  defineExtension,
+  diffBlocks,
+  diffInline,
+  domMapOf,
+  fromHTML,
+  fromMarkdown,
+  getPluginState,
+  hostKey,
+  insertBlockAfter,
+  insertBlocksStep,
+  insertText,
+  insertTextWithRules,
+  isCrossSelection,
+  joinBlocksStep,
+  keyName,
+  markInputRules,
+  moveBlocksStep,
+  nodeSelection,
+  normalizeInline,
+  normalizeKey,
+  parseInline,
+  redo,
+  removeBlocksStep,
+  removeMarkStep,
+  renderInline,
+  replaceBlockStep,
+  replaceDocStep,
+  replaceInlineStep,
+  sanitizeHref,
+  serializeInline,
+  setAttrsStep,
+  setBlockType,
+  setIndentStep,
+  splitBlockStep,
+  stepFromJSON,
+  text,
+  textSelection,
+  toHTML,
+  toMarkdown,
+  toPlainText,
+  toggleMark,
+  typographyRules,
+  undo,
+  useEditorState,
+  useQuoinEditor,
+  useViewController
 };
 //# sourceMappingURL=headless.js.map