quoin-editor 0.4.2 → 1.0.0

package/dist/chunk-5DNCCN6X.cjs

@@ -0,0 +1,326 @@
+"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 _chunkGLLXHMH2cjs = require('./chunk-GLLXHMH2.cjs');
+
+
+
+
+
+
+
+var _chunkWQHV3MREcjs = require('./chunk-WQHV3MRE.cjs');
+
+
+
+
+
+
+
+var _chunk2VDK27IFcjs = require('./chunk-2VDK27IF.cjs');
+
+
+
+
+var _chunkGTTPVJSDcjs = require('./chunk-GTTPVJSD.cjs');
+
+
+
+
+
+
+
+var _chunkPZ4GT5JOcjs = require('./chunk-PZ4GT5JO.cjs');
+
+// src/extensions/mention/mention-feature.ts
+var MENTION_ATOMS = ["mention"];
+function mentionOf({ attrs: { id = "", label = "", kind } }) {
+  return kind === void 0 ? { id, label } : { id, label, kind };
+}
+
+// src/extensions/mention/mention-key.ts
+var mentionKey = _chunkPZ4GT5JOcjs.createPluginKey.call(void 0, "mention");
+
+// src/extensions/mention/mention-labels.ts
+var englishMentionLabels = {
+  mentionMenu: "Mentions",
+  searching: "Searching\u2026",
+  noMatches: "No matches",
+  mentionDescription: (kind) => kind === void 0 ? "Mention" : `Mention, ${kind}`
+};
+function resolveMentionLabels(overrides) {
+  const given = Object.entries(_nullishCoalesce(overrides, () => ( {}))).filter(([, value]) => value !== void 0);
+  return given.length === 0 ? englishMentionLabels : { ...englishMentionLabels, ...Object.fromEntries(given) };
+}
+
+// src/extensions/mention/MentionChip.ts
+function mentionChipRenderer({ labels, onOpen }) {
+  return (node, doc) => {
+    const { label = "", kind } = node.attrs;
+    const chip = doc.createElement("span");
+    chip.className = "quoin-mention";
+    chip.textContent = `@${label}`;
+    chip.setAttribute("aria-description", labels.mentionDescription(kind));
+    if (kind !== void 0) chip.setAttribute("data-kind", kind);
+    if (onOpen !== void 0) chip.setAttribute("data-opens", "");
+    return chip;
+  };
+}
+
+// src/extensions/mention/MentionMenu.tsx
+var _react = require('react');
+
+// src/extensions/mention/choose-mention.ts
+var mentionAndSpace = ({ id, label, kind }) => (state, dispatch) => {
+  const { ok, tr } = _chunkPZ4GT5JOcjs.runCommands.call(void 0, state, [_chunkPZ4GT5JOcjs.insertMention.call(void 0, { id, label, kind }), _chunkPZ4GT5JOcjs.insertText.call(void 0, " ")]);
+  if (ok && tr !== null) _optionalChain([dispatch, 'optionalCall', _ => _(tr)]);
+  return ok;
+};
+function chooseMention(controller, result, range) {
+  _chunk2VDK27IFcjs.replaceTrigger.call(void 0, controller, range, mentionAndSpace(result));
+}
+
+// src/extensions/mention/mention-results.ts
+var MAX_RESULTS = 50;
+var isText = (value) => typeof value === "string";
+var resultKey = ({ id, kind }) => JSON.stringify([_nullishCoalesce(kind, () => ( null)), id]);
+function resultOf(value) {
+  const { id, label, kind, description, avatarUrl } = _nullishCoalesce(value, () => ( {}));
+  if (!isText(id) || !isText(label) || label.trim() === "") return null;
+  return {
+    id,
+    label,
+    ...isText(kind) && { kind },
+    ...isText(description) && { description },
+    ...isText(avatarUrl) && { avatarUrl }
+  };
+}
+function mentionResults(answer) {
+  if (!Array.isArray(answer)) return [];
+  const seen = /* @__PURE__ */ new Set();
+  const results = [];
+  for (const value of answer) {
+    const result = resultOf(value);
+    if (result === null || seen.has(resultKey(result))) continue;
+    seen.add(resultKey(result));
+    results.push(result);
+    if (results.length === MAX_RESULTS) break;
+  }
+  return results;
+}
+
+// src/extensions/mention/mention-source.ts
+var SEARCH_DELAY_MS = 120;
+function createMentionSource({ search, isAsked, onError }) {
+  let timer;
+  let emptyFor = null;
+  const cancel = () => clearTimeout(timer);
+  const source = (query) => new Promise((resolve) => {
+    cancel();
+    const answered = (results) => {
+      emptyFor = results.length === 0 ? query : null;
+      resolve(results);
+    };
+    timer = setTimeout(() => {
+      if (!isAsked(query)) return;
+      new Promise((answer) => answer(search(query))).then(
+        (answer) => answered(mentionResults(answer)),
+        (reason) => {
+          onError(_chunk2VDK27IFcjs.toError.call(void 0, reason));
+          answered([]);
+        }
+      );
+    }, SEARCH_DELAY_MS);
+  });
+  return { source, foundNothing: (query) => query === emptyFor, cancel };
+}
+
+// src/extensions/mention/use-close-on-space.ts
+
+var STARTS_WITH_SPACE = /^\s/;
+function useCloseOnSpace(controller, foundNothing) {
+  _react.useEffect.call(void 0, () => {
+    const root = controller.root;
+    if (root === null) return;
+    const onBeforeInput = (event) => {
+      if (event.inputType !== "insertText" || event.isComposing || !STARTS_WITH_SPACE.test(_nullishCoalesce(event.data, () => ( "")))) return;
+      const query = _optionalChain([_chunkPZ4GT5JOcjs.getPluginState.call(void 0, controller.editor.state, mentionKey), 'access', _2 => _2.active, 'optionalAccess', _3 => _3.query]);
+      if (query === "" || query !== void 0 && foundNothing(query)) controller.run(_chunk2VDK27IFcjs.dismissSuggestion.call(void 0, mentionKey));
+    };
+    root.addEventListener("beforeinput", onBeforeInput, true);
+    return () => root.removeEventListener("beforeinput", onBeforeInput, true);
+  }, [controller, foundNothing]);
+}
+
+// src/extensions/mention/MentionItem.tsx
+
+var _jsxruntime = require('react/jsx-runtime');
+function MentionItem({ result }) {
+  const avatar = _chunkGLLXHMH2cjs.webAddress.call(void 0, result.avatarUrl);
+  const [failed, setFailed] = _react.useState.call(void 0, null);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    avatar !== null && avatar !== failed && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "img",
+      {
+        src: avatar,
+        alt: "",
+        loading: "lazy",
+        referrerPolicy: "no-referrer",
+        draggable: false,
+        className: "size-6 shrink-0 rounded-full object-cover",
+        onError: () => setFailed(avatar)
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 flex-col", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate", children: result.label }),
+      result.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-xs text-muted-foreground", children: result.description })
+    ] })
+  ] });
+}
+
+// src/extensions/mention/MentionMenu.tsx
+
+var renderItem = (result) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MentionItem, { result });
+function MentionMenu({ controller, labels, search }) {
+  const { onError } = _chunk2VDK27IFcjs.useQuoin.call(void 0, );
+  const latest = _react.useRef.call(void 0, { search, onError });
+  const mounted = _react.useRef.call(void 0, false);
+  _chunkGTTPVJSDcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+    latest.current = { search, onError };
+  });
+  const mentions = _react.useMemo.call(void 0, 
+    () => createMentionSource({
+      search: (query) => latest.current.search(query),
+      isAsked: (query) => !controller.readOnly && _optionalChain([_chunkPZ4GT5JOcjs.getPluginState.call(void 0, controller.editor.state, mentionKey), 'access', _4 => _4.active, 'optionalAccess', _5 => _5.query]) === query,
+      onError: (error) => {
+        if (mounted.current) latest.current.onError(error);
+      }
+    }),
+    [controller]
+  );
+  _react.useEffect.call(void 0, () => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+      mentions.cancel();
+    };
+  }, [mentions]);
+  useCloseOnSpace(controller, mentions.foundNothing);
+  const choose = _react.useCallback.call(void 0, 
+    (result, range) => chooseMention(controller, result, range),
+    [controller]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunk2VDK27IFcjs.SuggestionMenu,
+    {
+      controller,
+      pluginKey: mentionKey,
+      items: mentions.source,
+      itemKey: resultKey,
+      renderItem,
+      onSelect: choose,
+      label: labels.mentionMenu,
+      emptyLabel: labels.noMatches,
+      pendingLabel: labels.searching
+    }
+  );
+}
+
+// src/extensions/mention/use-mention-opening.ts
+
+function useMentionOpening(controller, onOpen, editable) {
+  _react.useEffect.call(void 0, () => {
+    const root = controller.root;
+    if (onOpen === void 0 || root === null) return;
+    const onClick = (event) => {
+      const once = !event.shiftKey && event.detail <= 1;
+      const place = once ? _chunkWQHV3MREcjs.atomAtTarget.call(void 0, controller, event.target, MENTION_ATOMS) : null;
+      if (place !== null) onOpen(mentionOf(place.node));
+    };
+    const intercept = (event) => {
+      if (!_chunkWQHV3MREcjs.plainEnter.call(void 0, event) || _chunkGTTPVJSDcjs.isComposingKey.call(void 0, controller, event)) return false;
+      const place = _chunkWQHV3MREcjs.selectedAtom.call(void 0, controller.editor.state, MENTION_ATOMS);
+      if (place === null) return false;
+      event.preventDefault();
+      onOpen(mentionOf(place.node));
+      return true;
+    };
+    root.addEventListener("click", onClick);
+    if (editable) controller.keyInterceptors.add(intercept);
+    return () => {
+      root.removeEventListener("click", onClick);
+      controller.keyInterceptors.delete(intercept);
+    };
+  }, [controller, onOpen, editable]);
+}
+
+// src/extensions/mention/use-read-only-chips.ts
+
+var CHIPS = '[data-quoin-atom="mention"]';
+var opensChip = (event) => (event.key === "Enter" || event.key === " ") && !event.altKey && !event.ctrlKey && !event.metaKey;
+function setButtons(root, on) {
+  for (const chip of root.querySelectorAll(CHIPS)) {
+    if (on) {
+      chip.setAttribute("role", "button");
+      chip.setAttribute("tabindex", "0");
+    } else {
+      chip.removeAttribute("role");
+      chip.removeAttribute("tabindex");
+    }
+  }
+}
+function useReadOnlyChips(controller, onOpen, readOnly) {
+  _react.useEffect.call(void 0, () => {
+    const root = controller.root;
+    if (!readOnly || onOpen === void 0 || root === null) return;
+    setButtons(root, true);
+    const observer = new MutationObserver(() => setButtons(root, true));
+    observer.observe(root, { childList: true, subtree: true });
+    const onKeyDown = (event) => {
+      const place = opensChip(event) ? _chunkWQHV3MREcjs.atomAtTarget.call(void 0, controller, event.target, MENTION_ATOMS) : null;
+      if (place === null) return;
+      event.preventDefault();
+      onOpen(mentionOf(place.node));
+    };
+    root.addEventListener("keydown", onKeyDown);
+    return () => {
+      observer.disconnect();
+      root.removeEventListener("keydown", onKeyDown);
+      setButtons(root, false);
+    };
+  }, [controller, onOpen, readOnly]);
+}
+
+// src/extensions/mention/MentionOverlay.tsx
+
+function MentionOverlay({ controller, feature }) {
+  const readOnly = _chunkGTTPVJSDcjs.useReadOnly.call(void 0, controller);
+  useMentionOpening(controller, feature.onOpen, !readOnly);
+  useReadOnlyChips(controller, feature.onOpen, readOnly);
+  _chunkWQHV3MREcjs.useSelectionOutOfAtoms.call(void 0, controller, MENTION_ATOMS, !readOnly);
+  if (feature.search === void 0) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MentionMenu, { controller, labels: feature.labels, search: feature.search });
+}
+
+// src/extensions/mention/mention-extension.tsx
+
+var ABOVE_CORE_KEYS = 200;
+function mentionExtension(options = {}) {
+  const { search, onOpen } = options;
+  const feature = { labels: resolveMentionLabels(options.labels), search, onOpen };
+  const Overlay = ({ controller }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MentionOverlay, { controller, feature });
+  const ui = { render: { atoms: { mention: mentionChipRenderer(feature) } }, overlays: [Overlay] };
+  return _chunkPZ4GT5JOcjs.defineExtension.call(void 0, {
+    name: "mention",
+    priority: ABOVE_CORE_KEYS,
+    plugins: search === void 0 ? [] : [_chunk2VDK27IFcjs.suggestionPlugin.call(void 0, mentionKey, { char: "@", allowSpaces: true })],
+    keymap: _chunkWQHV3MREcjs.atomKeymap.call(void 0, MENTION_ATOMS),
+    decorations: _chunkWQHV3MREcjs.selectedAtomDecorations.call(void 0, MENTION_ATOMS),
+    ui
+  });
+}
+
+
+
+
+exports.englishMentionLabels = englishMentionLabels; exports.mentionExtension = mentionExtension;
+//# sourceMappingURL=chunk-5DNCCN6X.cjs.map

package/dist/chunk-5DNCCN6X.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["chunk-5DNCCN6X.cjs","../src/extensions/mention/mention-feature.ts","../src/extensions/mention/mention-key.ts","../src/extensions/mention/mention-labels.ts","../src/extensions/mention/MentionChip.ts","../src/extensions/mention/MentionMenu.tsx","../src/extensions/mention/choose-mention.ts","../src/extensions/mention/mention-results.ts","../src/extensions/mention/mention-source.ts","../src/extensions/mention/use-close-on-space.ts","../src/extensions/mention/MentionItem.tsx","../src/extensions/mention/use-mention-opening.ts","../src/extensions/mention/use-read-only-chips.ts","../src/extensions/mention/MentionOverlay.tsx","../src/extensions/mention/mention-extension.tsx"],"names":["jsx"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACA;AC7BO,IAAM,cAAA,EAAmC,CAAC,SAAS,CAAA;AAMnD,SAAS,SAAA,CAAU,EAAE,KAAA,EAAO,EAAE,GAAA,EAAK,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,KAAK,EAAE,CAAA,EAAsB;AACrF,EAAA,OAAO,KAAA,IAAS,KAAA,EAAA,EAAY,EAAE,EAAA,EAAI,MAAM,EAAA,EAAI,EAAE,EAAA,EAAI,KAAA,EAAO,KAAK,CAAA;AAChE;AD0BA;AACA;AEpCO,IAAM,WAAA,EAAa,+CAAA,SAA0C,CAAA;AFsCpE;AACA;AG9BO,IAAM,qBAAA,EAAsC;AAAA,EACjD,WAAA,EAAa,UAAA;AAAA,EACb,SAAA,EAAW,iBAAA;AAAA,EACX,SAAA,EAAW,YAAA;AAAA,EACX,kBAAA,EAAoB,CAAC,IAAA,EAAA,GAAU,KAAA,IAAS,KAAA,EAAA,EAAY,UAAA,EAAY,CAAA,SAAA,EAAY,IAAI,CAAA;AAClF;AAGwF;AAClB,EAAA;AACZ,EAAA;AAC1D;AH8B+E;AACA;AI/CO;AAC9D,EAAA;AACc,IAAA;AACG,IAAA;AACpB,IAAA;AACW,IAAA;AACyC,IAAA;AACV,IAAA;AACC,IAAA;AACrD,IAAA;AACT,EAAA;AACF;AJiD+E;AACA;AKlEvB;ALoEuB;AACA;AM7DxD;AACwD,EAAA;AACvC,EAAA;AAC7B,EAAA;AACT;AAG6G;AACpD,EAAA;AAC3D;AN6D+E;AACA;AO/E3D;AAEiD;AAG8B;AAG3C;AACS,EAAA;AACE,EAAA;AAC1D,EAAA;AACL,IAAA;AACA,IAAA;AAC2B,IAAA;AACc,IAAA;AACJ,IAAA;AACvC,EAAA;AACF;AAM0E;AACpC,EAAA;AACP,EAAA;AACK,EAAA;AACN,EAAA;AACG,IAAA;AACuB,IAAA;AAC1B,IAAA;AACP,IAAA;AACiB,IAAA;AACtC,EAAA;AACO,EAAA;AACT;APuE+E;AACA;AQ1GhD;AAsBiE;AAC1F,EAAA;AAC0B,EAAA;AACS,EAAA;AAEc,EAAA;AAC1C,IAAA;AACiD,IAAA;AACZ,MAAA;AAC3B,MAAA;AACjB,IAAA;AACyB,IAAA;AACF,MAAA;AACmC,MAAA;AACX,QAAA;AACtB,QAAA;AACI,UAAA;AACZ,UAAA;AACb,QAAA;AACF,MAAA;AACgB,IAAA;AACnB,EAAA;AACkE,EAAA;AACvE;ARsF+E;AACA;AStIrD;AAMA;AAMkF;AAC1F,EAAA;AACU,IAAA;AACL,IAAA;AAC0B,IAAA;AACmB,MAAA;AACI,MAAA;AACW,MAAA;AAC/E,IAAA;AAEwD,IAAA;AACgB,IAAA;AAC7C,EAAA;AAC/B;AT6H+E;AACA;AUvJtD;AASrB;AAJ+D;AACvB,EAAA;AACc,EAAA;AAGnD,EAAA;AACC,IAAA;AAAC,MAAA;AAAA,MAAA;AACM,QAAA;AACD,QAAA;AACI,QAAA;AACO,QAAA;AACJ,QAAA;AACD,QAAA;AACqB,QAAA;AAAA,MAAA;AACjC,IAAA;AAGA,oBAAA;AAAmC,sBAAA;AACI,MAAA;AACzC,IAAA;AACF,EAAA;AAEJ;AVqJ+E;AACA;AK/JjC;AAA6B;AAGR;AACpC,EAAA;AACY,EAAA;AACb,EAAA;AACI,EAAA;AACK,IAAA;AACpC,EAAA;AAEgB,EAAA;AAEO,IAAA;AAC4B,MAAA;AAEM,MAAA;AAChC,MAAA;AAC+B,QAAA;AACnD,MAAA;AACD,IAAA;AACQ,IAAA;AACb,EAAA;AACgB,EAAA;AACI,IAAA;AACL,IAAA;AACO,MAAA;AACF,MAAA;AAClB,IAAA;AACW,EAAA;AACoC,EAAA;AAClC,EAAA;AAC6E,IAAA;AAC/E,IAAA;AACb,EAAA;AAEEA,EAAAA;AAAC,IAAA;AAAA,IAAA;AACC,MAAA;AACW,MAAA;AACK,MAAA;AACP,MAAA;AACT,MAAA;AACU,MAAA;AACI,MAAA;AACK,MAAA;AACE,MAAA;AAAA,IAAA;AACvB,EAAA;AAEJ;AL8J+E;AACA;AWjOrD;AAgBlB;AACU,EAAA;AACU,IAAA;AACmB,IAAA;AACJ,IAAA;AACW,MAAA;AACyB,MAAA;AACzB,MAAA;AAClD,IAAA;AAC6C,IAAA;AACyB,MAAA;AACH,MAAA;AACtC,MAAA;AACN,MAAA;AACO,MAAA;AACrB,MAAA;AACT,IAAA;AACsC,IAAA;AACgB,IAAA;AACzC,IAAA;AAC8B,MAAA;AACE,MAAA;AAC7C,IAAA;AAC+B,EAAA;AACnC;AXoN+E;AACA;AY7PrD;AAKZ;AAGqC;AAEG;AACH,EAAA;AACvC,IAAA;AAC4B,MAAA;AACD,MAAA;AAC5B,IAAA;AACsB,MAAA;AACI,MAAA;AACjC,IAAA;AACF,EAAA;AACF;AAWQ;AACU,EAAA;AACU,IAAA;AACgC,IAAA;AACnC,IAAA;AAC6C,IAAA;AACT,IAAA;AACb,IAAA;AAC8B,MAAA;AACpD,MAAA;AACC,MAAA;AACO,MAAA;AAC9B,IAAA;AAC0C,IAAA;AAC7B,IAAA;AACS,MAAA;AACyB,MAAA;AACvB,MAAA;AACxB,IAAA;AAC+B,EAAA;AACnC;AZ8O+E;AACA;AanRtE;AANwG;AACxE,EAAA;AACgB,EAAA;AACF,EAAA;AACM,EAAA;AAClB,EAAA;AACmB,EAAA;AAC9D;Ab4R+E;AACA;AczQ3E;AAVoB;AAMkD;AAC7C,EAAA;AAC6D,EAAA;AAEtE,EAAA;AAEsE,EAAA;AACjE,EAAA;AACf,IAAA;AACI,IAAA;AACiE,IAAA;AAC3C,IAAA;AACkB,IAAA;AAClD,IAAA;AACD,EAAA;AACH;Ad+Q+E;AACA;AACA;AACA;AACA","file":"/home/runner/work/quoin-editor/quoin-editor/dist/chunk-5DNCCN6X.cjs"}