quoin-editor 2.0.1 → 2.0.3

package/dist/comments.cjs

@@ -2,9 +2,9 @@
 'use strict';
 
 var chunkLM3DHROX_cjs = require('./chunk-LM3DHROX.cjs');
-var chunkBYYCD54G_cjs = require('./chunk-BYYCD54G.cjs');
-var chunkCJVJNMOB_cjs = require('./chunk-CJVJNMOB.cjs');
-var chunkZ6LAARPB_cjs = require('./chunk-Z6LAARPB.cjs');
+var chunk3B5VEXVQ_cjs = require('./chunk-3B5VEXVQ.cjs');
+var chunkDZ5XR4O6_cjs = require('./chunk-DZ5XR4O6.cjs');
+var chunkMGN332NY_cjs = require('./chunk-MGN332NY.cjs');
 var chunkZWTIRGY5_cjs = require('./chunk-ZWTIRGY5.cjs');
 require('./chunk-A6PGQVTR.cjs');
 var chunkFK7EBZPX_cjs = require('./chunk-FK7EBZPX.cjs');
@@ -186,7 +186,7 @@ function create(editor, pending, onCreate, link) {
     if (link.mounts === 0) return;
     const tr = settledTransaction(editor, pending.key, id);
     editor.dispatch(tr);
-    if (id === null) link.report(chunkCJVJNMOB_cjs.toError(error));
+    if (id === null) link.report(chunkDZ5XR4O6_cjs.toError(error));
     else if (!tr.docChanged) link.report(new Error(`Comment thread ${id} has no text: it was deleted meanwhile`));
   };
   new Promise((resolve) => resolve(onCreate(input))).then(
@@ -290,7 +290,7 @@ function place(controller, box, gap) {
   root.style.setProperty(HEIGHT, `${bottom}px`);
 }
 function useBlockAligned(controller, box, gap, key) {
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     const element = box.current;
     const view = element?.ownerDocument.defaultView;
     if (!element || !view) return void 0;
@@ -334,10 +334,10 @@ function CommentMarkers({ env, box, entries, onOpen }) {
       "data-rail-item": "",
       "data-block": block,
       "aria-label": env.labels.showComments(ids.length),
-      className: chunkCJVJNMOB_cjs.cn("quoin-comments-marker", chunkCJVJNMOB_cjs.FOCUS_RING),
+      className: chunkDZ5XR4O6_cjs.cn("quoin-comments-marker", chunkDZ5XR4O6_cjs.FOCUS_RING),
       onClick: (event) => onOpen(ids[0], event.currentTarget),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkCJVJNMOB_cjs.MessageSquare, { "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkDZ5XR4O6_cjs.MessageSquare, { "aria-hidden": "true" }),
         ids.length
       ]
     },
@@ -351,7 +351,7 @@ async function called(link, call) {
     await call();
     return true;
   } catch (error) {
-    link.report(chunkCJVJNMOB_cjs.toError(error));
+    link.report(chunkDZ5XR4O6_cjs.toError(error));
     return false;
   }
 }
@@ -444,21 +444,21 @@ function ReplyBox({ env, threadId, first }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkCJVJNMOB_cjs.Button,
+      chunkDZ5XR4O6_cjs.Button,
       {
         type: "submit",
         variant: "ghost",
         size: "icon-sm",
         "aria-label": labels.send,
         "aria-disabled": text === "" || sending || void 0,
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkCJVJNMOB_cjs.SendHorizontal, {})
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkDZ5XR4O6_cjs.SendHorizontal, {})
       }
     )
   ] });
 }
 function ThreadView({ env, id, thread, onEnded }) {
   const { controller, host, labels, link } = env;
-  const readOnly = chunkZ6LAARPB_cjs.useReadOnly(controller);
+  const readOnly = chunkMGN332NY_cjs.useReadOnly(controller);
   const [busy, setBusy] = react.useState(false);
   const alive = react.useRef(true);
   const root = react.useRef(null);
@@ -483,7 +483,7 @@ function ThreadView({ env, id, thread, onEnded }) {
     /* @__PURE__ */ jsxRuntime.jsx(ReplyBox, { env, threadId: id, first: comments.length === 0 }),
     !readOnly && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkCJVJNMOB_cjs.Button,
+        chunkDZ5XR4O6_cjs.Button,
         {
           type: "button",
           variant: "ghost",
@@ -494,7 +494,7 @@ function ThreadView({ env, id, thread, onEnded }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkCJVJNMOB_cjs.Button,
+        chunkDZ5XR4O6_cjs.Button,
         {
           type: "button",
           variant: "ghost",
@@ -531,7 +531,7 @@ function ThreadCard({ env, entry, active, expanded, onToggle }) {
         ref: header,
         type: "button",
         "aria-expanded": expanded,
-        className: chunkCJVJNMOB_cjs.cn("flex w-full flex-col items-start gap-1 rounded-sm text-start", chunkCJVJNMOB_cjs.FOCUS_RING),
+        className: chunkDZ5XR4O6_cjs.cn("flex w-full flex-col items-start gap-1 rounded-sm text-start", chunkDZ5XR4O6_cjs.FOCUS_RING),
         onClick: () => onToggle(expanded ? null : thread.id),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: removed ? "text-xs text-muted-foreground italic" : "quoin-comments-quote", children: removed ? labels.textRemoved : anchorText2 }),
@@ -597,7 +597,7 @@ function CommentsSheet({ env, entries, value, onToggle, onClose, returnFocus })
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
               /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { className: "text-sm font-semibold", children: labels.comments }),
-              /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkCJVJNMOB_cjs.Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.close, children: /* @__PURE__ */ jsxRuntime.jsx(chunkCJVJNMOB_cjs.X, {}) }) })
+              /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkDZ5XR4O6_cjs.Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": labels.close, children: /* @__PURE__ */ jsxRuntime.jsx(chunkDZ5XR4O6_cjs.X, {}) }) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": labels.comments, className: "flex flex-col gap-2", children: entries.map((entry) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
               ThreadCard,
@@ -644,22 +644,22 @@ function ThreadChooser({ env, choices, onChoose }) {
 var docOf = (state) => state.doc;
 function focusIsOurs(controller, content) {
   const active = content?.ownerDocument.activeElement ?? null;
-  return active === null || active === active.ownerDocument.body || chunkBYYCD54G_cjs.ownsNode(controller, active);
+  return active === null || active === active.ownerDocument.body || chunk3B5VEXVQ_cjs.ownsNode(controller, active);
 }
 function ThreadPopover({ env, open, threads, onChoose, onClose }) {
   const { controller, labels } = env;
-  const doc = chunkZ6LAARPB_cjs.useEditorState(controller, docOf);
+  const doc = chunkMGN332NY_cjs.useEditorState(controller, docOf);
   const anchors = commentAnchors(doc);
   const { ids } = open;
   const first = ids.map((id) => anchors.get(id)?.[0]).find(Boolean);
   const latest = react.useRef(first);
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     if (first) latest.current = first;
   });
   const anchor = react.useMemo(
     () => ({
-      current: chunkCJVJNMOB_cjs.virtualAnchor(
-        () => latest.current ? chunkCJVJNMOB_cjs.rangeRect(controller, latest.current) : null,
+      current: chunkDZ5XR4O6_cjs.virtualAnchor(
+        () => latest.current ? chunkDZ5XR4O6_cjs.rangeRect(controller, latest.current) : null,
         () => latest.current && controller.registry.get(latest.current.block, latest.current.region)
       )
     }),
@@ -672,7 +672,7 @@ function ThreadPopover({ env, open, threads, onChoose, onClose }) {
       target?.focus();
     }
   };
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     if (open.focus) focusField();
   }, [open]);
   if (first === void 0 && latest.current === void 0) return null;
@@ -693,7 +693,7 @@ function ThreadPopover({ env, open, threads, onChoose, onClose }) {
   };
   const choices = ids.map((id) => ({ id, anchorText: textOf(id), preview: threads.find(id)?.comments[0]?.body ?? "" }));
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkCJVJNMOB_cjs.Popover,
+    chunkDZ5XR4O6_cjs.Popover,
     {
       open: true,
       modal: false,
@@ -701,9 +701,9 @@ function ThreadPopover({ env, open, threads, onChoose, onClose }) {
         if (!next) onClose();
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkCJVJNMOB_cjs.PopoverAnchor, { virtualRef: anchor }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkDZ5XR4O6_cjs.PopoverAnchor, { virtualRef: anchor }),
         /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkCJVJNMOB_cjs.PopoverContent,
+          chunkDZ5XR4O6_cjs.PopoverContent,
           {
             ref: content,
             "aria-label": gone ? labels.textRemoved : single ? labels.thread(textOf(ids[0])) : labels.threadsHere,
@@ -751,7 +751,7 @@ function useAnchorClicks(controller, threads) {
 var WIDE_CANVAS = 800;
 function useCanvasWide(box, initial) {
   const [wide, setWide] = react.useState(initial);
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     const canvas = box.current?.parentElement;
     if (!canvas) return void 0;
     const measure = () => setWide(canvas.offsetWidth >= WIDE_CANVAS);
@@ -768,15 +768,15 @@ function useThreads(threads) {
 var commentsOf = (state) => chunkFK7EBZPX_cjs.getPluginState(state, commentsKey);
 var docOf2 = (state) => state.doc;
 function CommentsOverlay({ controller, host, labels }) {
-  const { onError } = chunkCJVJNMOB_cjs.useQuoin();
+  const { onError } = chunkDZ5XR4O6_cjs.useQuoin();
   const link = linkOf(controller.editor);
-  chunkZ6LAARPB_cjs.useIsomorphicLayoutEffect(() => {
+  chunkMGN332NY_cjs.useIsomorphicLayoutEffect(() => {
     link.report = onError;
   }, [link, onError]);
   useAnchorClicks(controller, host.threads);
   const threads = useThreads(host.threads);
-  const value = chunkZ6LAARPB_cjs.useEditorState(controller, commentsOf);
-  const doc = chunkZ6LAARPB_cjs.useEditorState(controller, docOf2);
+  const value = chunkMGN332NY_cjs.useEditorState(controller, commentsOf);
+  const doc = chunkMGN332NY_cjs.useEditorState(controller, docOf2);
   const entries = react.useMemo(() => railEntries(doc, threads, value.ended), [doc, threads, value.ended]);
   const box = react.useRef(null);
   const wide = useCanvasWide(box, host.initialLayout === "wide");
@@ -856,7 +856,7 @@ function watchEnded(editor, threads) {
 var commentItem = (labels) => ({
   id: "comment",
   title: labels.comment,
-  icon: chunkCJVJNMOB_cjs.MessageSquarePlus,
+  icon: chunkDZ5XR4O6_cjs.MessageSquarePlus,
   shortcut: "Mod-Alt-m",
   available: (state) => hasCommentableText(state) && chunkFK7EBZPX_cjs.getPluginState(state, commentsKey).pending.length === 0,
   // Focus goes back to the text first: the button leaves the toolbar while the thread is being asked for.

package/dist/comments.js

@@ -1,8 +1,8 @@
 'use client';
 import { webAddress } from './chunk-DBOZFNWU.js';
-import { ownsNode } from './chunk-IW4TMECB.js';
-import { MessageSquarePlus, useQuoin, MessageSquare, cn, FOCUS_RING, Button, X, virtualAnchor, rangeRect, Popover, PopoverAnchor, PopoverContent, toError, SendHorizontal } from './chunk-ZN5DHNSL.js';
-import { useIsomorphicLayoutEffect, useEditorState, useReadOnly } from './chunk-NL5J77VD.js';
+import { ownsNode } from './chunk-C4SRLMQJ.js';
+import { MessageSquarePlus, useQuoin, MessageSquare, cn, FOCUS_RING, Button, X, virtualAnchor, rangeRect, Popover, PopoverAnchor, PopoverContent, toError, SendHorizontal } from './chunk-FGVTDIHT.js';
+import { useIsomorphicLayoutEffect, useEditorState, useReadOnly } from './chunk-BNTRGV4A.js';
 import { mergeLabels } from './chunk-DLQCTGC3.js';
 import './chunk-HDJ653LM.js';
 import { createPluginKey, defineExtension, getPluginState, isCollapsed, markRanges, Transaction, comparePos, textSelection, addMarkStep, sameSelection, removeMarkStep } from './chunk-5RBMZGKV.js';

package/dist/diagram.cjs

@@ -1,9 +1,9 @@
 'use client';
 'use strict';
 
-var chunk77CNOLHY_cjs = require('./chunk-77CNOLHY.cjs');
-require('./chunk-CJVJNMOB.cjs');
-require('./chunk-Z6LAARPB.cjs');
+var chunkSDFJZNYB_cjs = require('./chunk-SDFJZNYB.cjs');
+require('./chunk-DZ5XR4O6.cjs');
+require('./chunk-MGN332NY.cjs');
 require('./chunk-ZWTIRGY5.cjs');
 require('./chunk-A6PGQVTR.cjs');
 require('./chunk-FK7EBZPX.cjs');
@@ -14,13 +14,13 @@ require('./chunk-I7X7B3WD.cjs');
 
 Object.defineProperty(exports, "DEFAULT_DIAGRAM_LANGUAGES", {
   enumerable: true,
-  get: function () { return chunk77CNOLHY_cjs.DEFAULT_DIAGRAM_LANGUAGES; }
+  get: function () { return chunkSDFJZNYB_cjs.DEFAULT_DIAGRAM_LANGUAGES; }
 });
 Object.defineProperty(exports, "diagramExtension", {
   enumerable: true,
-  get: function () { return chunk77CNOLHY_cjs.diagramExtension; }
+  get: function () { return chunkSDFJZNYB_cjs.diagramExtension; }
 });
 Object.defineProperty(exports, "englishDiagramLabels", {
   enumerable: true,
-  get: function () { return chunk77CNOLHY_cjs.englishDiagramLabels; }
+  get: function () { return chunkSDFJZNYB_cjs.englishDiagramLabels; }
 });

package/dist/diagram.js

@@ -1,7 +1,7 @@
 'use client';
-export { DEFAULT_DIAGRAM_LANGUAGES, diagramExtension, englishDiagramLabels } from './chunk-EU5IGKMP.js';
-import './chunk-ZN5DHNSL.js';
-import './chunk-NL5J77VD.js';
+export { DEFAULT_DIAGRAM_LANGUAGES, diagramExtension, englishDiagramLabels } from './chunk-MDIXI7DM.js';
+import './chunk-FGVTDIHT.js';
+import './chunk-BNTRGV4A.js';
 import './chunk-DLQCTGC3.js';
 import './chunk-HDJ653LM.js';
 import './chunk-5RBMZGKV.js';

package/dist/embed.cjs

@@ -1,10 +1,10 @@
 'use client';
 'use strict';
 
-var chunk66OPHDFA_cjs = require('./chunk-66OPHDFA.cjs');
+var chunkH3TRVI44_cjs = require('./chunk-H3TRVI44.cjs');
 require('./chunk-LM3DHROX.cjs');
-require('./chunk-CJVJNMOB.cjs');
-require('./chunk-Z6LAARPB.cjs');
+require('./chunk-DZ5XR4O6.cjs');
+require('./chunk-MGN332NY.cjs');
 require('./chunk-ZWTIRGY5.cjs');
 require('./chunk-A6PGQVTR.cjs');
 require('./chunk-FK7EBZPX.cjs');
@@ -15,9 +15,9 @@ require('./chunk-I7X7B3WD.cjs');
 
 Object.defineProperty(exports, "embedExtension", {
   enumerable: true,
-  get: function () { return chunk66OPHDFA_cjs.embedExtension; }
+  get: function () { return chunkH3TRVI44_cjs.embedExtension; }
 });
 Object.defineProperty(exports, "englishEmbedLabels", {
   enumerable: true,
-  get: function () { return chunk66OPHDFA_cjs.englishEmbedLabels; }
+  get: function () { return chunkH3TRVI44_cjs.englishEmbedLabels; }
 });

package/dist/embed.js

@@ -1,8 +1,8 @@
 'use client';
-export { embedExtension, englishEmbedLabels } from './chunk-KQPZTSW3.js';
+export { embedExtension, englishEmbedLabels } from './chunk-VQDQBMQY.js';
 import './chunk-DBOZFNWU.js';
-import './chunk-ZN5DHNSL.js';
-import './chunk-NL5J77VD.js';
+import './chunk-FGVTDIHT.js';
+import './chunk-BNTRGV4A.js';
 import './chunk-DLQCTGC3.js';
 import './chunk-HDJ653LM.js';
 import './chunk-5RBMZGKV.js';

package/dist/emoji-data.cjs

@@ -1951,7 +1951,8 @@ function emojiByShortcode(code) {
 
 // src/emoji/search-emoji.ts
 var MATCHES = 4;
-function matchOf({ shortcodes, tags }, query) {
+var FOLDED_TAGS = ALL_EMOJI.map(({ tags }) => tags.map((tag) => tag.toLowerCase()));
+function matchOf({ shortcodes }, tags, query) {
   if (shortcodes.includes(query)) return 0;
   if (shortcodes.some((code) => code.startsWith(query))) return 1;
   if (tags.some((tag) => tag.startsWith(query))) return 2;
@@ -1962,8 +1963,8 @@ function searchEmoji(query, limit = Number.POSITIVE_INFINITY) {
   const most = Math.max(0, limit);
   if (wanted === "") return ALL_EMOJI.slice(0, most);
   const matches = Array.from({ length: MATCHES }, () => []);
-  for (const emoji of ALL_EMOJI) {
-    const at = matchOf(emoji, wanted);
+  for (const [i, emoji] of ALL_EMOJI.entries()) {
+    const at = matchOf(emoji, FOLDED_TAGS[i], wanted);
     if (at !== null) matches[at].push(emoji);
   }
   return matches.flat().slice(0, most);

package/dist/emoji-data.js

@@ -1949,7 +1949,8 @@ function emojiByShortcode(code) {
 
 // src/emoji/search-emoji.ts
 var MATCHES = 4;
-function matchOf({ shortcodes, tags }, query) {
+var FOLDED_TAGS = ALL_EMOJI.map(({ tags }) => tags.map((tag) => tag.toLowerCase()));
+function matchOf({ shortcodes }, tags, query) {
   if (shortcodes.includes(query)) return 0;
   if (shortcodes.some((code) => code.startsWith(query))) return 1;
   if (tags.some((tag) => tag.startsWith(query))) return 2;
@@ -1960,8 +1961,8 @@ function searchEmoji(query, limit = Number.POSITIVE_INFINITY) {
   const most = Math.max(0, limit);
   if (wanted === "") return ALL_EMOJI.slice(0, most);
   const matches = Array.from({ length: MATCHES }, () => []);
-  for (const emoji of ALL_EMOJI) {
-    const at = matchOf(emoji, wanted);
+  for (const [i, emoji] of ALL_EMOJI.entries()) {
+    const at = matchOf(emoji, FOLDED_TAGS[i], wanted);
     if (at !== null) matches[at].push(emoji);
   }
   return matches.flat().slice(0, most);