quoin-editor 0.4.2 → 1.0.1

package/dist/chunk-JJ3RASQS.cjs

@@ -0,0 +1,706 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+var _chunkUWNZG2SDcjs = require('./chunk-UWNZG2SD.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunk5R3ISX4Acjs = require('./chunk-5R3ISX4A.cjs');
+
+
+
+
+
+var _chunk5M4QG3ZCcjs = require('./chunk-5M4QG3ZC.cjs');
+
+
+var _chunkEH5KXQXYcjs = require('./chunk-EH5KXQXY.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkHOIDJEVIcjs = require('./chunk-HOIDJEVI.cjs');
+
+
+
+
+
+
+
+var _chunkBTBHHBVRcjs = require('./chunk-BTBHHBVR.cjs');
+
+// src/extensions/embed/LinkCard.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function LinkCard({ controller, blockId, url, title, description, image, readOnly, linkRef }) {
+  const card = _react.useRef.call(void 0, null);
+  const [failed, setFailed] = _react.useState.call(void 0, null);
+  const href = _chunkBTBHHBVRcjs.sanitizeHref.call(void 0, url);
+  const domain = _chunkUWNZG2SDcjs.domainOf.call(void 0, url);
+  const picture = _chunkUWNZG2SDcjs.webAddress.call(void 0, image);
+  const name = title || url;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: card, className: "quoin-link-card", ...readOnly ? void 0 : _chunk5R3ISX4Acjs.selectHandlers.call(void 0, controller, blockId, card), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "quoin-link-card-text", children: [
+      href === null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "quoin-link-card-title", children: name }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "a",
+        {
+          ref: linkRef,
+          href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "quoin-link-card-title",
+          tabIndex: readOnly ? void 0 : -1,
+          children: name
+        }
+      ),
+      description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "quoin-link-card-description", children: description }),
+      domain !== null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "quoin-link-card-domain", children: domain })
+    ] }),
+    picture !== null && picture !== failed && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "img",
+      {
+        src: picture,
+        alt: "",
+        loading: "lazy",
+        referrerPolicy: "no-referrer",
+        draggable: false,
+        className: "quoin-link-card-image",
+        onError: () => setFailed(picture)
+      }
+    )
+  ] });
+}
+
+// src/extensions/embed/use-link-card-keys.ts
+
+function useLinkCardKeys(controller, blockId, url, editable) {
+  const root = _react.useRef.call(void 0, null);
+  const link = _react.useRef.call(void 0, null);
+  const keys = _react.useMemo.call(void 0, () => ({ enter: () => _optionalChain([link, 'access', _ => _.current, 'optionalAccess', _2 => _2.focus, 'call', _3 => _3()]) }), []);
+  _chunk5R3ISX4Acjs.useNodeKeys.call(void 0, controller, blockId, editable, _chunkBTBHHBVRcjs.sanitizeHref.call(void 0, url) !== null, root, keys);
+  return { root, link };
+}
+
+// src/extensions/embed/use-unfurl.ts
+
+
+// src/extensions/embed/unfurled-patch.ts
+var filled = (value) => typeof value === "string" && value.trim() !== "" ? value : void 0;
+function unfurledPatch(found) {
+  if (typeof found !== "object" || found === null) return null;
+  const { title, description, image } = found;
+  const patch = { title: filled(title), description: filled(description), image: _nullishCoalesce(_chunkUWNZG2SDcjs.webAddress.call(void 0, image), () => ( void 0)) };
+  if (patch.title === void 0) return null;
+  return Object.fromEntries(Object.entries(patch).filter(([, value]) => value !== void 0));
+}
+
+// src/extensions/embed/use-unfurl.ts
+var canvases = /* @__PURE__ */ new WeakMap();
+function asksOf(controller) {
+  let asks = canvases.get(controller);
+  if (asks === void 0) {
+    asks = { asked: /* @__PURE__ */ new Set(), drawn: /* @__PURE__ */ new Map() };
+    canvases.set(controller, asks);
+  }
+  return asks;
+}
+var keyOf = (blockId, url) => JSON.stringify([blockId, url]);
+function askFirstTime(controller, blockId, url) {
+  const { asked } = asksOf(controller);
+  const key = keyOf(blockId, url);
+  if (asked.has(key)) return false;
+  asked.add(key);
+  return true;
+}
+function bookmarkAt(controller, blockId, url) {
+  const block = _chunkBTBHHBVRcjs.blockById.call(void 0, controller.editor.state.doc, blockId);
+  return _optionalChain([block, 'optionalAccess', _4 => _4.type]) === "BOOKMARK" && _chunkBTBHHBVRcjs.str.call(void 0, block.attrs.url) === url ? block : void 0;
+}
+async function unfurlInto(controller, blockId, url, unfurl, onError) {
+  const { asked, drawn } = asksOf(controller);
+  let found;
+  try {
+    found = await unfurl(url);
+  } catch (cause) {
+    if (bookmarkAt(controller, blockId, url) && drawn.get(blockId)) onError(_chunk5R3ISX4Acjs.toError.call(void 0, cause));
+    return;
+  }
+  const patch = unfurledPatch(found);
+  if (patch === null) return;
+  const block = bookmarkAt(controller, blockId, url);
+  if (block === void 0 || !drawn.get(blockId) || controller.readOnly) {
+    asked.delete(keyOf(blockId, url));
+    return;
+  }
+  if (_chunkBTBHHBVRcjs.str.call(void 0, block.attrs.title) !== "") return;
+  const { editor } = controller;
+  editor.dispatch(editor.createTransaction().step(_chunkHOIDJEVIcjs.setAttrsStep.call(void 0, blockId, patch)).setMeta("addToHistory", false));
+}
+function useUnfurl(controller, blockId, url, unfurl) {
+  const { onError } = _chunk5R3ISX4Acjs.useQuoin.call(void 0, );
+  _react.useEffect.call(void 0, () => {
+    const { drawn } = asksOf(controller);
+    drawn.set(blockId, (_nullishCoalesce(drawn.get(blockId), () => ( 0))) + 1);
+    return () => {
+      const left = (_nullishCoalesce(drawn.get(blockId), () => ( 1))) - 1;
+      if (left > 0) drawn.set(blockId, left);
+      else drawn.delete(blockId);
+    };
+  }, [controller, blockId]);
+  _react.useEffect.call(void 0, () => {
+    if (unfurl === void 0 || url === "" || !askFirstTime(controller, blockId, url)) return;
+    void unfurlInto(controller, blockId, url, unfurl, onError);
+  }, [controller, blockId, url, unfurl, onError]);
+}
+
+// src/extensions/embed/BookmarkBlock.tsx
+
+function BookmarkBlock({ block, controller, feature }) {
+  const readOnly = _chunk5M4QG3ZCcjs.useReadOnly.call(void 0, controller);
+  const { attrs } = block;
+  const url = _chunkBTBHHBVRcjs.str.call(void 0, attrs.url);
+  const title = _chunkBTBHHBVRcjs.str.call(void 0, attrs.title);
+  const { root, link } = useLinkCardKeys(controller, block.id, url, !readOnly);
+  useUnfurl(controller, block.id, url, title === "" && !readOnly ? feature.unfurl : void 0);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref: root,
+      role: "group",
+      "aria-label": feature.labels.bookmark,
+      contentEditable: false,
+      className: "quoin-bookmark",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        LinkCard,
+        {
+          controller,
+          blockId: block.id,
+          url,
+          title,
+          description: _chunkBTBHHBVRcjs.str.call(void 0, attrs.description),
+          image: _chunkBTBHHBVRcjs.str.call(void 0, attrs.image),
+          readOnly,
+          linkRef: link
+        }
+      )
+    }
+  );
+}
+
+// src/extensions/embed/EmbedBlock.tsx
+
+
+// src/extensions/embed/EmbedFrame.tsx
+
+
+// src/extensions/embed/embed-player.ts
+var PLAYER_HEIGHTS = { spotify: 352, soundcloud: 166 };
+var playerHeight = (provider) => Object.hasOwn(PLAYER_HEIGHTS, provider) ? PLAYER_HEIGHTS[provider] : void 0;
+
+// src/extensions/embed/use-cover-press.ts
+
+function useCoverPress(controller) {
+  const [pressing, setPressing] = _react.useState.call(void 0, false);
+  _chunk5M4QG3ZCcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+    const doc = _optionalChain([controller, 'access', _5 => _5.root, 'optionalAccess', _6 => _6.ownerDocument]);
+    if (!pressing || doc === void 0) return;
+    const release = () => setPressing(false);
+    doc.addEventListener("click", release);
+    doc.addEventListener("pointercancel", release);
+    doc.addEventListener("dragend", release);
+    return () => {
+      doc.removeEventListener("click", release);
+      doc.removeEventListener("pointercancel", release);
+      doc.removeEventListener("dragend", release);
+    };
+  }, [controller, pressing]);
+  const onPress = (event) => {
+    if (event.button === 0) setPressing(true);
+  };
+  return { pressing, onPress };
+}
+
+// src/extensions/embed/EmbedFrame.tsx
+
+function EmbedFrame({ blockId, controller, match, labels, readOnly }) {
+  const root = _react.useRef.call(void 0, null);
+  const frame = _react.useRef.call(void 0, null);
+  const selected = _chunk5M4QG3ZCcjs.useEditorState.call(void 0, 
+    controller,
+    _react.useCallback.call(void 0, ({ selection }) => _optionalChain([selection, 'optionalAccess', _7 => _7.kind]) === "node" && selection.block === blockId, [blockId])
+  );
+  const cover = useCoverPress(controller);
+  const keys = _react.useMemo.call(void 0, () => ({ enter: () => void setTimeout(() => _optionalChain([frame, 'access', _8 => _8.current, 'optionalAccess', _9 => _9.focus, 'call', _10 => _10()])) }), []);
+  _chunk5R3ISX4Acjs.useNodeKeys.call(void 0, controller, blockId, !readOnly, true, root, keys);
+  const height = playerHeight(match.provider);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      ref: root,
+      className: "quoin-embed-frame",
+      ...height === void 0 ? void 0 : { "data-player": "", style: { height } },
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "iframe",
+          {
+            ref: frame,
+            src: match.src,
+            title: labels.frameTitle(match.provider),
+            sandbox: _chunkBTBHHBVRcjs.EMBED_FRAME.sandbox,
+            loading: _chunkBTBHHBVRcjs.EMBED_FRAME.loading,
+            referrerPolicy: _chunkBTBHHBVRcjs.EMBED_FRAME.referrerpolicy,
+            tabIndex: readOnly ? void 0 : -1
+          }
+        ),
+        !readOnly && (!selected || cover.pressing) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "quoin-embed-cover",
+            onPointerDownCapture: cover.onPress,
+            onMouseDown: (event) => event.preventDefault(),
+            onClick: () => _chunk5R3ISX4Acjs.focusNode.call(void 0, controller, blockId)
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/extensions/embed/providers.ts
+function frameOf(url, provider) {
+  try {
+    return _nullishCoalesce(_optionalChain([_chunkBTBHHBVRcjs.embedFrame.call(void 0, url, [provider]), 'optionalAccess', _11 => _11.src]), () => ( null));
+  } catch (e) {
+    _chunkEH5KXQXYcjs.devWarn.call(void 0, `the embed provider "${provider.name}" threw, so it frames nothing.`);
+    return null;
+  }
+}
+function matchEmbed(url, hostProviders = []) {
+  for (const provider of [...hostProviders, ..._chunkBTBHHBVRcjs.coreEmbedProviders]) {
+    const src = frameOf(url, provider);
+    if (src !== null) return { provider: provider.name, src };
+  }
+  return null;
+}
+
+// src/extensions/embed/EmbedBlock.tsx
+
+function EmbedBlock({ block, controller, feature }) {
+  const { labels, providers } = feature;
+  const readOnly = _chunk5M4QG3ZCcjs.useReadOnly.call(void 0, controller);
+  const url = _chunkBTBHHBVRcjs.str.call(void 0, block.attrs.url);
+  const match = _react.useMemo.call(void 0, () => matchEmbed(url, providers), [url, providers]);
+  const { root, link } = useLinkCardKeys(controller, block.id, url, !readOnly && match === null);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: root, role: "group", "aria-label": labels.embed, contentEditable: false, className: "quoin-embed", children: match === null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCard, { controller, blockId: block.id, url, readOnly, linkRef: link }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EmbedFrame, { blockId: block.id, controller, match, labels, readOnly }) });
+}
+
+// src/extensions/embed/embed-labels.ts
+var PROVIDER_FRAMES = {
+  youtube: "YouTube video",
+  vimeo: "Vimeo video",
+  loom: "Loom video",
+  figma: "Figma design",
+  codepen: "CodePen pen",
+  spotify: "Spotify player",
+  soundcloud: "SoundCloud player"
+};
+var englishEmbedLabels = {
+  embed: "Embed",
+  embedDescription: "A video, design or player from a link",
+  bookmark: "Bookmark",
+  bookmarkDescription: "A card that links to a page",
+  frameTitle: (provider) => Object.hasOwn(PROVIDER_FRAMES, provider) ? PROVIDER_FRAMES[provider] : `${provider} embed`,
+  linkOptions: "Link options",
+  keepAsLink: "Keep as link",
+  embedLink: "Link to embed",
+  bookmarkLink: "Link to bookmark",
+  notALink: "Enter a web address, such as https://example.com",
+  cannotEmbed: "This link cannot be embedded.",
+  bookmarkInstead: "Bookmark instead"
+};
+function resolveEmbedLabels(overrides) {
+  const given = Object.entries(_nullishCoalesce(overrides, () => ( {}))).filter(([, value]) => value !== void 0);
+  return given.length === 0 ? englishEmbedLabels : { ...englishEmbedLabels, ...Object.fromEntries(given) };
+}
+
+// src/extensions/embed/embed-slash-items.ts
+var _lucidereact = require('lucide-react');
+
+// src/extensions/embed/link-request.ts
+
+var stores = /* @__PURE__ */ new WeakMap();
+function storeOf(controller) {
+  let store = stores.get(controller);
+  if (store === void 0) {
+    store = { request: null, listeners: /* @__PURE__ */ new Set() };
+    stores.set(controller, store);
+  }
+  return store;
+}
+function requestLink(controller, request) {
+  const store = storeOf(controller);
+  if (store.request === request) return;
+  store.request = request;
+  for (const listener of [...store.listeners]) listener();
+}
+function useLinkRequest(controller) {
+  const subscribe = _react.useCallback.call(void 0, 
+    (notify) => {
+      const { listeners } = storeOf(controller);
+      listeners.add(notify);
+      return () => void listeners.delete(notify);
+    },
+    [controller]
+  );
+  const read = _react.useCallback.call(void 0, () => storeOf(controller).request, [controller]);
+  return _react.useSyncExternalStore.call(void 0, subscribe, read, read);
+}
+
+// src/extensions/embed/embed-slash-items.ts
+var embedSlashItems = (labels) => [
+  {
+    id: "embed",
+    title: labels.embed,
+    description: labels.embedDescription,
+    group: "embeds",
+    icon: _lucidereact.AppWindow,
+    keywords: ["iframe", "video", "youtube", "vimeo", "loom", "figma", "codepen", "spotify", "soundcloud"],
+    run: ({ controller, range }) => requestLink(controller, { kind: "embed", at: range })
+  },
+  {
+    id: "bookmark",
+    title: labels.bookmark,
+    description: labels.bookmarkDescription,
+    group: "embeds",
+    icon: _lucidereact.Bookmark,
+    keywords: ["link", "url", "card", "preview", "web"],
+    run: ({ controller, range }) => requestLink(controller, { kind: "bookmark", at: range })
+  }
+];
+
+// src/extensions/embed/link-choice.ts
+var linkChoiceKey = _chunkHOIDJEVIcjs.createPluginKey.call(void 0, "linkChoice");
+var linkChoicePlugin = {
+  key: linkChoiceKey,
+  init: () => null,
+  apply(tr, value, before, after) {
+    const pasted = tr.getMeta(linkChoiceKey.name);
+    if (pasted !== void 0) return pasted;
+    if (value === null) return null;
+    const moved = tr.selectionSet && !_chunkHOIDJEVIcjs.sameSelection.call(void 0, tr.before.selection, tr.selection);
+    const lineChanged = _chunkBTBHHBVRcjs.blockById.call(void 0, before.doc, value.block) !== _chunkBTBHHBVRcjs.blockById.call(void 0, after.doc, value.block);
+    return moved || lineChanged ? null : value;
+  }
+};
+var linkChoice = (state) => _nullishCoalesce(state.pluginState.get(linkChoiceKey.name), () => ( null));
+function onEmptyLine({ doc, schema, selection }) {
+  if (doc.blocks.length === 0) return true;
+  if (_optionalChain([selection, 'optionalAccess', _12 => _12.kind]) !== "text" || !_chunkHOIDJEVIcjs.isCollapsed.call(void 0, selection)) return false;
+  const block = _chunkBTBHHBVRcjs.blockById.call(void 0, doc, selection.head.block);
+  return block !== void 0 && _chunkHOIDJEVIcjs.isParagraph.call(void 0, block) && _chunkHOIDJEVIcjs.regionLength.call(void 0, block, _nullishCoalesce(_chunkHOIDJEVIcjs.primaryRegion.call(void 0, schema, block), () => ( ""))) === 0;
+}
+var pasteLinkChoice = {
+  name: "link-choice",
+  match(text, state) {
+    const link = _chunkHOIDJEVIcjs.pastedLink.call(void 0, text);
+    const slice = link === null || link.rest !== "" || !onEmptyLine(state) ? null : _chunkHOIDJEVIcjs.sliceFromClipboard.call(void 0, { text });
+    if (link === null || slice === null) return null;
+    const paste = _chunkHOIDJEVIcjs.insertSlice.call(void 0, slice);
+    return (before, dispatch) => paste(before, dispatch && ((tr) => dispatch(tr.setMeta(linkChoiceKey.name, choiceAfter(tr, link.href)))));
+  }
+};
+function choiceAfter(tr, href) {
+  const { selection } = tr;
+  return _optionalChain([selection, 'optionalAccess', _13 => _13.kind]) === "text" ? { block: selection.head.block, href } : null;
+}
+function emptyParagraph(blockId) {
+  return (state, dispatch) => {
+    const line = _chunkBTBHHBVRcjs.blockById.call(void 0, state.doc, blockId);
+    if (line === void 0 || !_chunkHOIDJEVIcjs.isParagraph.call(void 0, line)) return false;
+    const tr = new (0, _chunkHOIDJEVIcjs.Transaction)(state).step(_chunkHOIDJEVIcjs.replaceBlockStep.call(void 0, _chunkHOIDJEVIcjs.withContent.call(void 0, state.schema, line, [])));
+    _optionalChain([dispatch, 'optionalCall', _14 => _14(tr.setSelection(_chunkHOIDJEVIcjs.startOf.call(void 0, tr.doc, state.schema, blockId)))]);
+    return true;
+  };
+}
+function replaceLink(blockId, block) {
+  return (state, dispatch) => {
+    const { ok, tr } = _chunkHOIDJEVIcjs.runCommands.call(void 0, state, [emptyParagraph(blockId), _chunk5R3ISX4Acjs.insertBlocks.call(void 0, [block], "line", blockId)]);
+    if (!ok || tr === null) return false;
+    _optionalChain([dispatch, 'optionalCall', _15 => _15(tr)]);
+    return true;
+  };
+}
+
+// src/extensions/embed/LinkChoicePopover.tsx
+
+
+// src/extensions/embed/link-blocks.ts
+function embedOf(href, providers) {
+  const match = matchEmbed(href, providers);
+  return match === null ? null : { type: "EMBED", attrs: { url: href, provider: match.provider } };
+}
+var bookmarkOf = (href) => ({ type: "BOOKMARK", attrs: { url: href } });
+function typedLink(kind, typed, providers) {
+  const href = _chunkUWNZG2SDcjs.webAddress.call(void 0, _chunk5R3ISX4Acjs.linkAddress.call(void 0, typed));
+  if (href === null) return { href, block: null, problem: "notALink" };
+  const block = kind === "embed" ? embedOf(href, providers) : bookmarkOf(href);
+  return { href, block, problem: block === null ? "cannotEmbed" : null };
+}
+
+// src/extensions/embed/LinkChoicePopover.tsx
+
+var plainKey = (event) => !event.altKey && !event.ctrlKey && !event.metaKey;
+function linkEnd({ doc, schema }, blockId) {
+  const block = _chunkBTBHHBVRcjs.blockById.call(void 0, doc, blockId);
+  const region = block && _chunkHOIDJEVIcjs.primaryRegion.call(void 0, schema, block);
+  const end = block && region ? _chunkHOIDJEVIcjs.regionLength.call(void 0, block, region) : 0;
+  return block && region ? { block: blockId, region, from: end, to: end } : null;
+}
+function LinkChoicePopover({ controller, feature }) {
+  const readOnly = _chunk5M4QG3ZCcjs.useReadOnly.call(void 0, controller);
+  const choice = _chunk5M4QG3ZCcjs.useEditorState.call(void 0, controller, linkChoice);
+  const [dismissed, setDismissed] = _react.useState.call(void 0, null);
+  const dismiss = _react.useCallback.call(void 0, () => setDismissed(choice), [choice]);
+  if (readOnly || choice === null || choice === dismissed) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkChoiceToolbar, { controller, feature, choice, onDismiss: dismiss });
+}
+function useEscapeInText(controller, onEscape) {
+  _react.useEffect.call(void 0, () => {
+    const intercept = (event) => {
+      if (event.key !== "Escape" || !plainKey(event) || event.shiftKey) return false;
+      event.preventDefault();
+      onEscape();
+      return true;
+    };
+    return _chunk5R3ISX4Acjs.interceptKeys.call(void 0, controller, intercept);
+  }, [controller, onEscape]);
+}
+function LinkChoiceToolbar({ controller, feature: { labels, providers }, choice, onDismiss }) {
+  const embed = _react.useMemo.call(void 0, () => embedOf(choice.href, providers), [choice.href, providers]);
+  const range = _react.useMemo.call(void 0, () => linkEnd(controller.editor.state, choice.block), [controller, choice.block]);
+  const { anchor } = _chunk5R3ISX4Acjs.useRangeAnchor.call(void 0, controller, range);
+  const after = _react.useMemo.call(void 0, () => {
+    const host = range && controller.registry.get(range.block, range.region);
+    return host && _chunk5R3ISX4Acjs.inlineDirection.call(void 0, host) === "rtl" ? "left" : "right";
+  }, [controller, range]);
+  const roving = _chunk5R3ISX4Acjs.useRovingFocus.call(void 0, );
+  const rovingRef = roving.ref;
+  const content = _react.useRef.call(void 0, null);
+  const ref = _react.useCallback.call(void 0, 
+    (element) => {
+      content.current = element;
+      rovingRef(element);
+    },
+    [rovingRef]
+  );
+  const ownerDocument = _react.useCallback.call(void 0, () => _nullishCoalesce(_optionalChain([controller, 'access', _16 => _16.root, 'optionalAccess', _17 => _17.ownerDocument]), () => ( document)), [controller]);
+  _chunk5R3ISX4Acjs.useFocusKey.call(void 0, controller, roving.focusCurrent);
+  useEscapeInText(controller, onDismiss);
+  _chunk5R3ISX4Acjs.useOutsidePress.call(void 0, content, ownerDocument, onDismiss);
+  const choose = (block) => {
+    if (block === null) onDismiss();
+    else controller.run(replaceLink(choice.block, block));
+    controller.focus();
+  };
+  const onKeyDown = (event) => {
+    if (!roving.owns(event.target) || _chunk5M4QG3ZCcjs.isComposingKey.call(void 0, controller, event.nativeEvent)) return;
+    if (event.key === "Escape") onDismiss();
+    if (event.key === "Escape" || event.key === "Tab" && plainKey(event)) {
+      event.preventDefault();
+      controller.focus();
+    } else roving.onKeyDown(event);
+  };
+  const button = (label, block) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R3ISX4Acjs.Button, { type: "button", variant: "ghost", size: "sm", onClick: () => choose(block), children: label });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5R3ISX4Acjs.Popover, { open: true, modal: false, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R3ISX4Acjs.PopoverAnchor, { virtualRef: anchor }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _chunk5R3ISX4Acjs.PopoverContent,
+      {
+        ref,
+        role: "toolbar",
+        "aria-label": labels.linkOptions,
+        side: after,
+        align: "end",
+        sideOffset: 8,
+        className: _chunk5R3ISX4Acjs.FLOATING_TOOLBAR,
+        onOpenAutoFocus: _chunk5R3ISX4Acjs.preventDefault,
+        onCloseAutoFocus: _chunk5R3ISX4Acjs.preventDefault,
+        onPointerDown: _chunk5R3ISX4Acjs.keepFocus,
+        onMouseDown: _chunk5R3ISX4Acjs.keepFocus,
+        onFocus: roving.onFocus,
+        onKeyDown,
+        ..._chunk5R3ISX4Acjs.bubblePart.call(void 0, controller),
+        children: [
+          embed !== null && button(labels.embed, embed),
+          button(labels.bookmark, bookmarkOf(choice.href)),
+          button(labels.keepAsLink, null)
+        ]
+      }
+    )
+  ] });
+}
+
+// src/extensions/embed/LinkInputOverlay.tsx
+
+
+// src/extensions/embed/store-after-press.ts
+function storeAfterPress(controller, request, block) {
+  const { editor } = controller;
+  if (controller.readOnly || controller.root === null) return;
+  controller.readSelectionFromDom();
+  const line = request.at.block;
+  const onLine = _chunkHOIDJEVIcjs.headBlockId.call(void 0, editor.state.selection) === line;
+  const place = onLine ? _chunk5R3ISX4Acjs.insertBlockToWrite.call(void 0, block, false, line) : _chunk5R3ISX4Acjs.insertBlocks.call(void 0, [block], "stay", line);
+  place(editor.state, (tr) => editor.dispatch(tr));
+}
+
+// src/extensions/embed/LinkInputOverlay.tsx
+
+function LinkInputOverlay({ controller, feature }) {
+  const readOnly = _chunk5M4QG3ZCcjs.useReadOnly.call(void 0, controller);
+  const request = useLinkRequest(controller);
+  const close = _react.useCallback.call(void 0, () => requestLink(controller, null), [controller]);
+  _react.useEffect.call(void 0, () => {
+    if (readOnly) close();
+  }, [readOnly, close]);
+  if (readOnly || request === null) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkInputPopover, { controller, feature, request, onClose: close });
+}
+function LinkInputPopover({ controller, feature: { labels, providers }, request, onClose }) {
+  const [address, setAddress] = _react.useState.call(void 0, "");
+  const [problem, setProblem] = _react.useState.call(void 0, null);
+  const messageId = _react.useId.call(void 0, );
+  const content = _react.useRef.call(void 0, null);
+  const { anchor, side } = _chunk5R3ISX4Acjs.useRangeAnchor.call(void 0, controller, request.at);
+  const name = request.kind === "embed" ? labels.embedLink : labels.bookmarkLink;
+  const typed = () => typedLink(request.kind, address, providers);
+  const finish = (block) => {
+    onClose();
+    if (block !== null && !controller.readOnly) controller.run(_chunk5R3ISX4Acjs.insertBlockToWrite.call(void 0, block, false, request.at.block));
+    controller.focus();
+  };
+  const submit = (event) => {
+    event.preventDefault();
+    const { block, problem: refused } = typed();
+    if (block === null) setProblem(refused);
+    else finish(block);
+  };
+  const bookmarkInstead = () => finish(typedLink("bookmark", address, providers).block);
+  const ownerDocument = _react.useCallback.call(void 0, () => _nullishCoalesce(_optionalChain([controller, 'access', _18 => _18.root, 'optionalAccess', _19 => _19.ownerDocument]), () => ( document)), [controller]);
+  _chunk5R3ISX4Acjs.useOutsidePress.call(void 0, content, ownerDocument, () => {
+    onClose();
+    const { block } = typed();
+    if (block !== null) setTimeout(() => storeAfterPress(controller, request, block));
+  });
+  const onKeyDown = (event) => {
+    if (event.key !== "Tab" || event.altKey || event.ctrlKey || event.metaKey) return;
+    if (_chunk5M4QG3ZCcjs.isComposingKey.call(void 0, controller, event.nativeEvent)) return;
+    const controls = [...event.currentTarget.querySelectorAll("input, button")];
+    const next = controls.indexOf(event.target) + (event.shiftKey ? -1 : 1);
+    event.preventDefault();
+    if (next >= 0 && next < controls.length) controls[next].focus();
+    else finish(typed().block);
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5R3ISX4Acjs.Popover, { open: true, modal: false, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R3ISX4Acjs.PopoverAnchor, { virtualRef: anchor }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk5R3ISX4Acjs.PopoverContent,
+      {
+        ref: content,
+        "aria-label": name,
+        side,
+        align: "start",
+        className: "w-80 p-2 shadow-md",
+        onCloseAutoFocus: _chunk5R3ISX4Acjs.preventDefault,
+        onEscapeKeyDown: (event) => {
+          event.preventDefault();
+          if (!_chunk5M4QG3ZCcjs.isComposingKey.call(void 0, controller, event)) finish(null);
+        },
+        ..._chunk5R3ISX4Acjs.bubblePart.call(void 0, controller),
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { noValidate: true, className: "quoin-embed-ask", onSubmit: submit, onKeyDown, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunk5R3ISX4Acjs.Input,
+            {
+              type: "url",
+              className: "h-8",
+              "aria-label": name,
+              "aria-invalid": problem !== null || void 0,
+              "aria-describedby": problem === null ? void 0 : messageId,
+              value: address,
+              onChange: (event) => {
+                setAddress(event.target.value);
+                setProblem(null);
+              }
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R3ISX4Acjs.Button, { type: "submit", size: "sm", children: request.kind === "embed" ? labels.embed : labels.bookmark }),
+          problem !== null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { id: messageId, role: "alert", className: "quoin-embed-ask-message", children: labels[problem] }),
+          problem === "cannotEmbed" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R3ISX4Acjs.Button, { type: "button", variant: "outline", size: "sm", onClick: bookmarkInstead, children: labels.bookmarkInstead })
+        ] })
+      }
+    )
+  ] });
+}
+
+// src/extensions/embed/embed-extension.tsx
+
+function embedExtension(options = {}) {
+  const feature = {
+    labels: resolveEmbedLabels(options.labels),
+    providers: _nullishCoalesce(options.providers, () => ( [])),
+    unfurl: options.unfurl
+  };
+  const EmbedRenderer = (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EmbedBlock, { ...props, feature });
+  const BookmarkRenderer = (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BookmarkBlock, { ...props, feature });
+  const ChoiceOverlay = ({ controller }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkChoicePopover, { controller, feature });
+  const InputOverlay = ({ controller }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkInputOverlay, { controller, feature });
+  const ui = {
+    slashItems: embedSlashItems(feature.labels),
+    renderers: { EMBED: EmbedRenderer, BOOKMARK: BookmarkRenderer },
+    blockNames: { EMBED: feature.labels.embed, BOOKMARK: feature.labels.bookmark },
+    overlays: [ChoiceOverlay, InputOverlay]
+  };
+  return _chunkHOIDJEVIcjs.defineExtension.call(void 0, { name: "embed", plugins: [linkChoicePlugin], pasteRules: [pasteLinkChoice], ui });
+}
+
+
+
+
+exports.englishEmbedLabels = englishEmbedLabels; exports.embedExtension = embedExtension;
+//# sourceMappingURL=chunk-JJ3RASQS.cjs.map