@vector-im/matrix-wysiwyg 2.38.5 → 2.40.0

package/dist/matrix-wysiwyg.js

@@ -1,49 +1,60 @@
-import { useState as k, useRef as A, useEffect as p, useMemo as S, useCallback as O } from "react";
-import { initAsync as oe, new_composer_model_from_html as V, new_composer_model as v } from "@vector-im/matrix-wysiwyg-wasm";
-function E(e) {
+import { useState as E, useRef as b, useEffect as h, useMemo as C, useCallback as A } from "react";
+import { HtmlSource as H, initAsync as ae, new_composer_model_from_html as G, new_composer_model as w } from "@vector-im/matrix-wysiwyg-wasm";
+function y(e) {
   return "inputType" in e;
 }
-function X(e) {
+function V(e) {
   return "clipboardData" in e;
 }
-function ae(e) {
-  return E(e) && e.inputType === "insertSuggestion";
-}
 function ce(e) {
-  return E(e) && e.inputType === "insertAtRoomSuggestion";
+  return y(e) && e.inputType === "insertSuggestion";
 }
 function ue(e) {
-  return E(e) && e.inputType == "insertLink";
+  return y(e) && e.inputType === "insertAtRoomSuggestion";
+}
+function le(e) {
+  return y(e) && e.inputType == "insertLink";
 }
-function z(e, t, n, r) {
-  return r ? r(e, t, n) : e;
+function X(e, t, n, s) {
+  return s ? s(e, t, n) : e;
 }
-function le(e, t, n, r, s, i, l, m) {
-  var u;
-  const o = z(
+function fe(e, t, n, s, r, i, c, l) {
+  const a = X(
     e,
     {
-      actions: r,
+      actions: s,
       content: () => t.get_content_as_html(),
       messageContent: () => t.get_content_as_message_html()
     },
-    s,
-    l
+    r,
+    c
   );
-  if (!o)
+  if (!a)
     return;
-  if (X(o)) {
-    const a = ((u = o.clipboardData) == null ? void 0 : u.getData("text/plain")) ?? "";
-    return n(t.replace_text(a), "paste");
+  if (V(a)) {
+    const o = a.clipboardData, f = o?.getData("text/html"), m = o?.getData("text/plain") ?? "";
+    if (f && f !== m) {
+      const d = o?.types.includes(
+        "application/x-vnd.google-docs-document-slice-clip+wrapped"
+      ) ? H.GoogleDoc : H.UnknownExternal;
+      return n(
+        t.replace_html(f, d),
+        "replace_html_paste"
+      );
+    }
+    return n(
+      t.replace_text(m),
+      "replace_text_paste"
+    );
   }
-  switch (o.inputType) {
+  switch (a.inputType) {
     case "insertAtRoomSuggestion": {
-      if (i && ce(o)) {
-        const { attributes: a } = o.data;
-        return a.has("data-mention-type") && a.delete("data-mention-type"), n(
+      if (i && ue(a)) {
+        const { attributes: o } = a.data;
+        return o.has("data-mention-type") && o.delete("data-mention-type"), n(
           t.insert_at_room_mention_at_suggestion(
             i,
-            a
+            o
           ),
           "insert_at_room_mention_at_suggestion"
         );
@@ -51,30 +62,33 @@ function le(e, t, n, r, s, i, l, m) {
       break;
     }
     case "insertSuggestion": {
-      if (i && ae(o)) {
-        const { text: a, url: d, attributes: f } = o.data;
-        return f.has("data-mention-type") && f.delete("data-mention-type"), n(
+      if (i && ce(a)) {
+        const { text: o, url: f, attributes: m } = a.data;
+        return m.has("data-mention-type") && m.delete("data-mention-type"), n(
           t.insert_mention_at_suggestion(
-            d,
-            a,
+            f,
+            o,
             i,
-            f
+            m
           ),
           "insert_mention_at_suggestion"
         );
       }
       break;
     }
-    case "insertCommand": {
-      if (i && o.data)
+    case "insertCommand":
+    case "insertEmoji": {
+      if (i && a.data) {
+        const o = a.inputType === "insertCommand";
         return n(
           t.replace_text_suggestion(
-            o.data,
+            a.data,
             i,
-            !0
+            o
           ),
           "replace_text_suggestion"
         );
+      }
       break;
     }
     case "clear":
@@ -84,8 +98,8 @@ function le(e, t, n, r, s, i, l, m) {
     case "deleteWordBackward":
       return n(t.backspace_word(), "backspace_word");
     case "deleteSoftLineBackward": {
-      const a = document.getSelection();
-      return a && (a.modify("extend", "backward", "lineboundary"), document.dispatchEvent(new CustomEvent("selectionchange"))), n(t.delete(), "backspace_line");
+      const o = document.getSelection();
+      return o && (o.modify("extend", "backward", "lineboundary"), document.dispatchEvent(new CustomEvent("selectionchange"))), n(t.delete(), "backspace_line");
     }
     case "deleteContentForward":
       return n(t.delete(), "delete");
@@ -117,43 +131,43 @@ function le(e, t, n, r, s, i, l, m) {
       return n(t.ordered_list(), "ordered_list");
     case "insertLineBreak":
     case "insertParagraph":
-      return c(
+      return u(
         t,
         i,
-        m
+        l
       ), n(t.enter(), "enter");
     case "insertReplacementText": {
-      const a = s.innerHTML.slice(
+      const o = r.innerHTML.slice(
         0,
-        s.innerHTML.length - 4
+        r.innerHTML.length - 4
       );
       return n(
-        t.set_content_from_html(a),
+        t.set_content_from_html(o),
         "set_content_from_html",
-        a
+        o
       );
     }
     case "insertCompositionText":
     case "insertFromComposition":
     case "insertText":
-      if (o.data)
-        return o.data == " " && c(
+      if (a.data)
+        return a.data == " " && u(
           t,
           i,
-          m
+          l
         ), n(
-          t.replace_text(o.data),
+          t.replace_text(a.data),
           "replace_text",
-          o.data
+          a.data
         );
       break;
     case "insertUnorderedList":
       return n(t.unordered_list(), "unordered_list");
     case "insertLink":
-      if (ue(o)) {
-        const { text: a, url: d } = o.data;
+      if (le(a)) {
+        const { text: o, url: f } = a.data;
         return n(
-          a ? t.set_link_with_text(d, a, /* @__PURE__ */ new Map()) : t.set_link(d, /* @__PURE__ */ new Map()),
+          o ? t.set_link_with_text(f, o, /* @__PURE__ */ new Map()) : t.set_link(f, /* @__PURE__ */ new Map()),
           "insertLink"
         );
       }
@@ -167,216 +181,212 @@ function le(e, t, n, r, s, i, l, m) {
     case "sendMessage":
       return null;
     default:
-      return console.error(`Unknown input type: ${o.inputType}`), console.error(e), null;
+      return console.error(`Unknown input type: ${a.inputType}`), console.error(e), null;
   }
-  function c(a, d, f) {
-    if (f && d && d.key.key_type == 3 && d.key.custom_key_value) {
-      const h = f.get(d.key.custom_key_value);
-      h && a.replace_text_suggestion(h, d, !1);
+  function u(o, f, m) {
+    if (m && f && f.key.key_type == 3 && f.key.custom_key_value) {
+      const d = m.get(f.key.custom_key_value);
+      d && o.replace_text_suggestion(d, f, !1);
     }
   }
 }
-function fe(e, t) {
+function de(e, t) {
   e.innerHTML = "";
   const n = t.document();
-  let r = 0;
-  function s(l, m, o, c) {
-    const u = document.createElement(m);
-    if (o && (u.innerText = o.replace("​", "~")), c)
-      for (const [a, d] of c.entries()) {
-        const f = document.createAttribute(a);
-        d !== null && (f.value = d), u.setAttributeNode(f);
+  let s = 0;
+  function r(c, l, a, u) {
+    const o = document.createElement(l);
+    if (a && (o.innerText = a.replace("​", "~")), u)
+      for (const [f, m] of u.entries()) {
+        const d = document.createAttribute(f);
+        m !== null && (d.value = m), o.setAttributeNode(d);
       }
-    return l.appendChild(u), u;
+    return c.appendChild(o), o;
   }
-  function i(l, m) {
-    const o = s(m, "ul");
-    o.className = `group_${r % 10}`;
-    const c = l.children(t);
-    let u;
-    for (; u = c.next_child(); ) {
-      const a = u.node_type(t);
-      if (a === "container") {
-        const f = `dom_${r}`;
-        r++;
-        const h = s(o, "li");
-        s(
-          h,
+  function i(c, l) {
+    const a = r(l, "ul");
+    a.className = `group_${s % 10}`;
+    const u = c.children(t);
+    let o;
+    for (; o = u.next_child(); ) {
+      const f = o.node_type(t);
+      if (f === "container") {
+        const d = `dom_${s}`;
+        s++;
+        const g = r(a, "li");
+        r(
+          g,
           "input",
           null,
           /* @__PURE__ */ new Map([
             ["type", "checkbox"],
-            ["id", f],
+            ["id", d],
             ["checked", null]
           ])
-        ), s(
-          h,
+        ), r(
+          g,
           "label",
-          u.tag(t),
-          /* @__PURE__ */ new Map([["for", f]])
-        ), i(u, h);
-      } else if (a === "line_break")
-        s(o, "li", "br");
-      else if (a === "text") {
-        const d = s(o, "li");
-        s(d, "span", '"', /* @__PURE__ */ new Map([["class", "quote"]])), s(d, "span", `${u.text(t)}`), s(d, "span", '"', /* @__PURE__ */ new Map([["class", "quote"]]));
-      } else if (a === "mention") {
-        const d = s(o, "li");
-        s(
-          d,
+          o.tag(t),
+          /* @__PURE__ */ new Map([["for", d]])
+        ), i(o, g);
+      } else if (f === "line_break")
+        r(a, "li", "br");
+      else if (f === "text") {
+        const m = r(a, "li");
+        r(m, "span", '"', /* @__PURE__ */ new Map([["class", "quote"]])), r(m, "span", `${o.text(t)}`), r(m, "span", '"', /* @__PURE__ */ new Map([["class", "quote"]]));
+      } else if (f === "mention") {
+        const m = r(a, "li");
+        r(
+          m,
           "span",
           '"Mention - ',
           /* @__PURE__ */ new Map([["class", "quote"]])
-        ), s(d, "span", `${u.text(t)}`), s(d, "span", '"', /* @__PURE__ */ new Map([["class", "quote"]]));
+        ), r(m, "span", `${o.text(t)}`), r(m, "span", '"', /* @__PURE__ */ new Map([["class", "quote"]]));
       } else
-        console.error(`Unknown node type: ${a}`);
+        console.error(`Unknown node type: ${f}`);
     }
   }
   i(n, e);
 }
-function de(e, t, n) {
-  const r = document.createRange();
-  let s = y(e, t), i = y(e, n);
-  if (s.node && i.node) {
-    const m = s.node.compareDocumentPosition(i.node) & Node.DOCUMENT_POSITION_PRECEDING, o = s.node === i.node && i.offset < s.offset;
-    if ((m || o) && ([s, i] = [i, s], !s.node || !i.node))
+function me(e, t, n) {
+  const s = document.createRange();
+  let r = I(e, t), i = I(e, n);
+  if (r.node && i.node) {
+    const l = r.node.compareDocumentPosition(i.node) & Node.DOCUMENT_POSITION_PRECEDING, a = r.node === i.node && i.offset < r.offset;
+    if ((l || a) && ([r, i] = [i, r], !r.node || !i.node))
       throw new Error();
-    r.setStart(s.node, s.offset), r.setEnd(i.node, i.offset);
+    s.setStart(r.node, r.offset), s.setEnd(i.node, i.offset);
   } else
-    r.selectNodeContents(e), r.collapse();
-  const l = document.getSelection();
-  l && (l.removeAllRanges(), l.addRange(r));
-}
-function Q(e, t, n, r) {
-  e.innerHTML = t + "<br />", de(e, n, r);
-}
-function y(e, t, n) {
-  var l, m, o, c, u, a;
-  const r = e.nodeName === "LI" && !e.hasChildNodes(), s = e.nodeType === Node.TEXT_NODE;
-  if (s && ((l = e.parentElement) == null ? void 0 : l.hasAttribute("data-mention-type"))) {
-    const f = N(e) ? 1 : 0, h = t - f;
-    return h <= 1 ? h === 0 ? e.previousSibling ? {
+    s.selectNodeContents(e), s.collapse();
+  const c = document.getSelection();
+  c && (c.removeAllRanges(), c.addRange(s));
+}
+function z(e, t, n, s) {
+  e.innerHTML = t + "<br />", me(e, n, s);
+}
+function I(e, t, n) {
+  const s = e.nodeName === "LI" && !e.hasChildNodes(), r = e.nodeType === Node.TEXT_NODE;
+  if (r && e.parentElement?.hasAttribute("data-mention-type")) {
+    const l = L(e) ? 1 : 0, a = t - l;
+    return a <= 1 ? a === 0 ? e.previousSibling ? {
       node: e.previousSibling,
-      offset: L(
+      offset: T(
         e.previousSibling,
         1 / 0
       )
     } : {
-      node: ((m = e.parentNode) == null ? void 0 : m.parentNode) ?? null,
+      node: e.parentNode?.parentNode ?? null,
       offset: 0
-    } : { node: null, offset: 0 } : { node: null, offset: t - f - 1 };
-  } else if (s) {
-    const f = N(e) ? 1 : 0;
-    return Z(e) ? t === 0 ? { node: e, offset: t } : { node: null, offset: t - f } : t <= (((o = e.textContent) == null ? void 0 : o.length) || 0) ? { node: e, offset: t } : {
+    } : { node: null, offset: 0 } : { node: null, offset: t - l - 1 };
+  } else if (r) {
+    const l = L(e) ? 1 : 0;
+    return Z(e) ? t === 0 ? { node: e, offset: t } : { node: null, offset: t - l } : t <= (e.textContent?.length || 0) ? { node: e, offset: t } : {
       node: null,
-      offset: t - (((c = e.textContent) == null ? void 0 : c.length) || 0) - f
+      offset: t - (e.textContent?.length || 0) - l
     };
   } else {
-    if (r)
-      return t <= (((u = e.textContent) == null ? void 0 : u.length) || 0) ? { node: e, offset: t } : {
+    if (s)
+      return t <= (e.textContent?.length || 0) ? { node: e, offset: t } : {
         node: null,
-        offset: t - (((a = e.textContent) == null ? void 0 : a.length) || 0)
+        offset: t - (e.textContent?.length || 0)
       };
     if (e.nodeName === "BR")
       return t === 0 ? { node: e, offset: 0 } : {
         node: null,
         offset: t - 1
       };
-    if (_e(e) && t === 0)
+    if (ge(e) && t === 0)
       return { node: e, offset: t };
-    for (const d of e.childNodes) {
-      const f = y(
-        d,
+    for (const c of e.childNodes) {
+      const l = I(
+        c,
         t
       );
-      if (f.node)
-        return { node: f.node, offset: f.offset };
-      t = f.offset;
+      if (l.node)
+        return { node: l.node, offset: l.offset };
+      t = l.offset;
     }
     return { node: null, offset: t };
   }
 }
-function j(e, t) {
-  var i;
-  const n = e.childNodes.length === 1 && ((i = e.firstChild) == null ? void 0 : i.nodeName) === "BR";
+function Q(e, t) {
+  const n = e.childNodes.length === 1 && e.firstChild?.nodeName === "BR";
   if (!t || n)
     return [0, 0];
-  const r = t.anchorNode && F(
+  const s = t.anchorNode && F(
     e,
     t.anchorNode,
     t.anchorOffset
-  ) || 0, s = t.focusNode && F(
+  ) || 0, r = t.focusNode && F(
     e,
     t.focusNode,
     t.focusOffset
   ) || 0;
-  return [r, s];
+  return [s, r];
 }
-function L(e, t) {
-  var n;
+function T(e, t) {
   if (e.nodeType === Node.TEXT_NODE) {
-    const s = N(e) ? 1 : 0;
-    return (((n = e.textContent) == null ? void 0 : n.length) ?? 0) + s;
+    const s = L(e) ? 1 : 0;
+    return (e.textContent?.length ?? 0) + s;
   } else {
     if (e.nodeName === "BR")
       return t === 0 ? 0 : 1;
     {
-      let r = 0, s = 0;
-      for (const i of e.childNodes) {
+      let n = 0, s = 0;
+      for (const r of e.childNodes) {
         if (s === t)
           break;
-        r += L(i, -1), s++;
+        n += T(r, -1), s++;
       }
-      return r;
+      return n;
     }
   }
 }
 function Y(e, t, n) {
-  var i, l, m;
-  const r = e.nodeType === Node.TEXT_NODE, s = (i = e.parentElement) == null ? void 0 : i.hasAttribute("data-mention-type");
+  const s = e.nodeType === Node.TEXT_NODE, r = e.parentElement?.hasAttribute("data-mention-type");
   if (e === t)
-    return r ? n > (((l = e.textContent) == null ? void 0 : l.length) ?? 0) ? { found: !1, offset: 0 } : s ? { found: !0, offset: n === 0 ? 0 : 1 } : { found: !0, offset: n } : { found: !0, offset: L(e, n) };
-  if (r) {
-    const c = N(e) ? 1 : 0;
-    return Z(e) ? { found: !1, offset: c } : s ? { found: !1, offset: 1 + c } : {
+    return s ? n > (e.textContent?.length ?? 0) ? { found: !1, offset: 0 } : r ? { found: !0, offset: n === 0 ? 0 : 1 } : { found: !0, offset: n } : { found: !0, offset: T(e, n) };
+  if (s) {
+    const c = L(e) ? 1 : 0;
+    return Z(e) ? { found: !1, offset: c } : r ? { found: !1, offset: 1 + c } : {
       found: !1,
-      offset: (((m = e.textContent) == null ? void 0 : m.length) ?? 0) + c
+      offset: (e.textContent?.length ?? 0) + c
     };
   } else {
     if (e.nodeName === "BR")
       return { found: !1, offset: 1 };
     {
-      let o = 0;
+      let i = 0;
       for (const c of e.childNodes) {
-        const u = Y(c, t, n);
-        if (u.found)
-          return { found: !0, offset: o + u.offset };
-        o += u.offset;
+        const l = Y(c, t, n);
+        if (l.found)
+          return { found: !0, offset: i + l.offset };
+        i += l.offset;
       }
-      return { found: !1, offset: o };
+      return { found: !1, offset: i };
     }
   }
 }
 function F(e, t, n) {
   if (t === e && n === e.childNodes.length - 1)
-    return L(e, -1) - 1;
-  const r = new Range();
-  r.setStart(e, 0), r.setEnd(e, e.childNodes.length);
-  const s = r.comparePoint(t, 0);
-  if (s === -1)
+    return T(e, -1) - 1;
+  const s = new Range();
+  s.setStart(e, 0), s.setEnd(e, e.childNodes.length);
+  const r = s.comparePoint(t, 0);
+  if (r === -1)
     return 0;
-  if (s === 1)
-    return L(e, -1) - 1;
+  if (r === 1)
+    return T(e, -1) - 1;
   const i = Y(e, t, n);
   return i.found ? i.offset : -1;
 }
-function N(e) {
+function L(e) {
   if (e === null) return !1;
   let t = e;
-  const n = w(t.parentNode);
+  const n = P(t.parentNode);
   for (; t; ) {
-    const r = t.nextSibling;
-    if (r && w(r) || n && r && !K(r) || r && r.nodeName === "BR")
+    const s = t.nextSibling;
+    if (s && P(s) || n && s && !K(s) || s && s.nodeName === "BR")
       break;
     if (K(t))
       return !0;
@@ -384,23 +394,21 @@ function N(e) {
   }
   return !1;
 }
-const J = ["EM", "U", "STRONG", "DEL", "CODE", "A"], me = ["OL", "UL", "LI", "PRE", "BLOCKQUOTE", "P"];
-function w(e) {
+const J = ["EM", "U", "STRONG", "DEL", "CODE", "A"], _e = ["OL", "UL", "LI", "PRE", "BLOCKQUOTE", "P"];
+function P(e) {
   return e === null ? !1 : J.includes(e.nodeName || "");
 }
 function K(e) {
-  return me.includes(e.nodeName || "");
+  return _e.includes(e.nodeName || "");
 }
-function _e(e) {
-  var t;
-  return J.includes(e.nodeName) && ((t = e.textContent) == null ? void 0 : t.length) === 0;
+function ge(e) {
+  return J.includes(e.nodeName) && e.textContent?.length === 0;
 }
 function Z(e) {
-  var s, i;
-  const t = ((s = e.parentNode) == null ? void 0 : s.childNodes.length) === 1, n = ((i = e.parentNode) == null ? void 0 : i.nodeName) === "P", r = e.textContent === " ";
-  return n && t && r;
+  const t = e.parentNode?.childNodes.length === 1, n = e.parentNode?.nodeName === "P", s = e.textContent === " ";
+  return n && t && s;
 }
-const he = [
+const pe = [
   "bold",
   "italic",
   "strikeThrough",
@@ -416,26 +424,26 @@ const he = [
   "quote",
   "indent",
   "unindent"
-], ge = ["@", "#", "/", ""];
-function pe() {
-  return he.reduce((e, t) => (e[t] = "enabled", e), {});
+], he = ["@", "#", "/", "", ":"];
+function ye() {
+  return pe.reduce((e, t) => (e[t] = "enabled", e), {});
 }
-function P(e) {
+function M(e) {
   const t = {};
-  for (const [n, r] of e)
-    t[n.substring(0, 1).toLowerCase() + n.substring(1)] = r.toLowerCase();
+  for (const [n, s] of e)
+    t[n.substring(0, 1).toLowerCase() + n.substring(1)] = s.toLowerCase();
   return t;
 }
 function Ee() {
   const e = navigator.userAgent.toLowerCase();
   return e.includes("iphone") || e.includes("ipad") ? "iOS" : e.includes("android") ? "Android" : e.includes("win") ? "Windows" : e.includes("mac") ? "macOS" : e.includes("linux") ? "Linux" : null;
 }
-function M(e, t, n, r) {
-  n == null || n.preventDefault(), n == null || n.stopPropagation(), e.dispatchEvent(
-    new CustomEvent("wysiwygInput", { detail: { blockType: t, data: r } })
+function ee(e, t, n, s) {
+  n?.preventDefault(), n?.stopPropagation(), e.dispatchEvent(
+    new CustomEvent("wysiwygInput", { detail: { blockType: t, data: s } })
   );
 }
-function ke(e, t, n, r, s) {
+function ke(e, t, n, s, r) {
   if (e.shiftKey && e.altKey)
     switch (e.key) {
       case "5":
@@ -468,358 +476,355 @@ function ke(e, t, n, r, s) {
       case "Backspace":
         return "deleteSoftLineBackward";
     }
-  return z(
+  return X(
     e,
     {
       actions: n,
       content: () => t.get_content_as_html(),
       messageContent: () => t.get_content_as_message_html()
     },
-    r,
-    s
+    s,
+    r
   ), null;
 }
-function Ce(e, t, n, r, s) {
+function xe(e, t, n, s, r) {
   const i = ke(
     e,
     n,
-    r,
+    s,
     t,
-    s
+    r
   );
-  i && M(t, i, e);
+  i && ee(t, i, e);
 }
-function ee(e) {
-  return P(e.action_states);
+function te(e) {
+  return M(e.action_states);
 }
-function xe(e, t, n, r, s, i, l, m, o) {
-  var u;
-  const c = le(
+function Ce(e, t, n, s, r, i, c, l, a) {
+  const u = fe(
     e,
     n,
-    s.traceAction,
+    r.traceAction,
     i,
     t,
+    c,
     l,
-    m,
-    o
+    a
   );
-  if (c) {
-    const a = c.text_update().replace_all;
-    a && (Q(
+  if (u) {
+    const o = u.text_update().replace_all;
+    o && (z(
       t,
-      a.replacement_html,
-      a.start_utf16_codeunit,
-      a.end_utf16_codeunit
-    ), s.setEditorHtml(a.replacement_html)), t.focus(), r && fe(r, n);
-    const d = c.menu_state().update(), f = (u = c.menu_action().suggestion()) == null ? void 0 : u.suggestion_pattern, h = d ? ee(d) : null, C = f || null;
+      o.replacement_html,
+      o.start_utf16_codeunit,
+      o.end_utf16_codeunit
+    ), r.setEditorHtml(o.replacement_html)), t.focus(), s && de(s, n);
+    const f = u.menu_state().update(), m = u.menu_action().suggestion()?.suggestion_pattern, d = f ? te(f) : null, g = m || null;
     return {
-      content: a == null ? void 0 : a.replacement_html,
-      actionStates: h,
-      suggestion: C
+      content: o?.replacement_html,
+      actionStates: d,
+      suggestion: g
     };
   }
 }
-function Te(e, t, { traceAction: n, getSelectionAccordingToActions: r }) {
-  const [s, i] = j(e, document.getSelection()), l = t.selection_start(), m = t.selection_end(), [o, c] = r();
-  if (s === l && s === o && i === m && i === c || s === m && s === c && i === l && i === o)
+function Te(e, t, { traceAction: n, getSelectionAccordingToActions: s }) {
+  const [r, i] = Q(e, document.getSelection()), c = t.selection_start(), l = t.selection_end(), [a, u] = s();
+  if (r === c && r === a && i === l && i === u || r === l && r === u && i === c && i === a)
     return;
-  const u = t.select(s, i);
-  n(null, "select", s, i);
-  const a = u.menu_state().update();
-  if (a)
-    return ee(a);
-}
-function Se(e, t, n, r, s, i, l, m) {
-  const [o, c] = k({
+  const o = t.select(r, i);
+  n(null, "select", r, i);
+  const f = o.menu_state().update();
+  if (f)
+    return te(f);
+}
+function Se(e, t, n, s, r, i, c, l) {
+  const [a, u] = E({
     content: null,
-    actionStates: pe(),
+    actionStates: ye(),
     suggestion: null
-  }), u = A(void 0), [a, d] = k(!1);
-  return p(() => {
-    n && (c({
+  }), o = b(void 0), [f, m] = E(!1);
+  return h(() => {
+    n && (u({
       content: n.get_content_as_html(),
-      actionStates: P(
+      actionStates: M(
         n.action_states()
       ),
       suggestion: null
-    }), u.current = n.get_content_as_plain_text());
-  }, [n]), p(() => {
-    const f = e.current;
-    if (!n || !f)
+    }), o.current = n.get_content_as_plain_text());
+  }, [n]), h(() => {
+    const d = e.current;
+    if (!n || !d)
       return;
-    const h = (_) => {
+    const g = (_) => {
       try {
-        const g = xe(
+        const p = Ce(
           _,
-          f,
+          d,
           n,
           t.current,
-          r,
           s,
-          o.suggestion,
-          l,
-          m
+          r,
+          a.suggestion,
+          c,
+          l
         );
-        g && (c((x) => {
-          const re = g.content !== void 0 ? g.content : x.content, se = g.actionStates || x.actionStates, ie = g.suggestion;
+        p && (u((k) => {
+          const re = p.content !== void 0 ? p.content : k.content, ie = p.actionStates || k.actionStates, oe = p.suggestion;
           return {
             content: re,
-            actionStates: se,
-            suggestion: ie
+            actionStates: ie,
+            suggestion: oe
           };
-        }), u.current = n.get_content_as_plain_text());
+        }), o.current = n.get_content_as_plain_text());
       } catch {
-        i(u.current);
+        i(o.current);
       }
-    }, C = (_) => {
-      E(_) && !_.isComposing && h(_);
+    }, S = (_) => {
+      y(_) && !_.isComposing && g(_);
     };
-    f.addEventListener("input", C);
-    const b = (_) => {
-      const g = E(_) && _.inputType === "insertFromPaste" && _.dataTransfer !== null;
-      (X(_) || g) && (_.preventDefault(), _.stopPropagation(), h(_));
+    d.addEventListener("input", S);
+    const v = (_) => {
+      const p = y(_) && _.inputType === "insertFromPaste" && _.dataTransfer !== null;
+      (V(_) || p) && (_.preventDefault(), _.stopPropagation(), g(_));
     };
-    f.addEventListener("paste", b);
-    const B = (_) => {
-      h({
+    d.addEventListener("paste", v);
+    const R = (_) => {
+      g({
         inputType: _.detail.blockType,
         data: _.detail.data
       });
     };
-    f.addEventListener("wysiwygInput", B);
-    const D = (_) => {
-      Ce(
+    d.addEventListener("wysiwygInput", R);
+    const B = (_) => {
+      xe(
         _,
-        f,
+        d,
         n,
-        s,
-        l
+        r,
+        c
       );
     };
-    f.addEventListener("keydown", D);
-    const $ = () => {
+    d.addEventListener("keydown", B);
+    const D = () => {
       try {
         const _ = Te(
-          f,
+          d,
           n,
-          r
+          s
         );
-        _ && c(({ content: g, suggestion: x }) => ({
-          content: g,
+        _ && u(({ content: p, suggestion: k }) => ({
+          content: p,
           actionStates: _,
-          suggestion: x
-        })), u.current = n.get_content_as_plain_text();
+          suggestion: k
+        })), o.current = n.get_content_as_plain_text();
       } catch {
-        i(u.current);
+        i(o.current);
       }
     };
-    document.addEventListener("selectionchange", $);
-    const U = (_) => {
-      if (!(E(_) && _.isComposing))
-        return b(_);
+    document.addEventListener("selectionchange", D);
+    const $ = (_) => {
+      if (!(y(_) && _.isComposing))
+        return v(_);
     };
-    f.addEventListener("beforeinput", U);
-    const H = (_) => {
-      const g = new InputEvent("input", {
+    d.addEventListener("beforeinput", $);
+    const U = (_) => {
+      const p = new InputEvent("input", {
         data: _.data,
         inputType: "insertCompositionText"
       });
-      C(g);
+      S(p);
     };
-    return f.addEventListener("compositionend", H), d(!0), () => {
-      d(!1), f.removeEventListener("input", C), f.removeEventListener("paste", b), f.removeEventListener("wysiwygInput", B), f.removeEventListener("keydown", D), f.removeEventListener("beforeinput", U), f.removeEventListener("compositionend", H), document.removeEventListener("selectionchange", $);
+    return d.addEventListener("compositionend", U), m(!0), () => {
+      m(!1), d.removeEventListener("input", S), d.removeEventListener("paste", v), d.removeEventListener("wysiwygInput", R), d.removeEventListener("keydown", B), d.removeEventListener("beforeinput", $), d.removeEventListener("compositionend", U), document.removeEventListener("selectionchange", D);
     };
   }, [
     e,
-    m,
+    l,
     n,
-    s,
-    t,
     r,
-    l,
+    t,
+    s,
+    c,
     i,
-    u,
-    o.suggestion
-  ]), { areListenersReady: a, ...o };
+    o,
+    a.suggestion
+  ]), { areListenersReady: f, ...a };
 }
-function Le(e, t) {
-  return S(() => {
-    const r = (s, i) => {
-      e.current && M(
+function we(e, t) {
+  return C(() => {
+    const s = (r, i) => {
+      e.current && ee(
         e.current,
-        s,
+        r,
         void 0,
         i
       );
     };
     return {
-      bold: () => r("formatBold"),
-      italic: () => r("formatItalic"),
-      strikeThrough: () => r("formatStrikeThrough"),
-      underline: () => r("formatUnderline"),
-      undo: () => r("historyUndo"),
-      redo: () => r("historyRedo"),
-      orderedList: () => r("insertOrderedList"),
-      unorderedList: () => r("insertUnorderedList"),
-      inlineCode: () => r("formatInlineCode"),
-      clear: () => r("clear"),
-      insertText: (s) => r("insertText", s),
-      link: (s, i) => r("insertLink", { url: s, text: i }),
-      removeLinks: () => r("removeLinks"),
-      getLink: () => {
-        var s, i;
-        return ((i = (s = t == null ? void 0 : t.get_link_action()) == null ? void 0 : s.edit_link) == null ? void 0 : i.url) || "";
-      },
-      codeBlock: () => r("insertCodeBlock"),
-      quote: () => r("insertQuote"),
-      indent: () => r("formatIndent"),
-      unindent: () => r("formatOutdent"),
-      mention: (s, i, l) => r("insertSuggestion", { url: s, text: i, attributes: l }),
-      command: (s) => r("insertCommand", s),
-      mentionAtRoom: (s) => r("insertAtRoomSuggestion", { attributes: s })
+      bold: () => s("formatBold"),
+      italic: () => s("formatItalic"),
+      strikeThrough: () => s("formatStrikeThrough"),
+      underline: () => s("formatUnderline"),
+      undo: () => s("historyUndo"),
+      redo: () => s("historyRedo"),
+      orderedList: () => s("insertOrderedList"),
+      unorderedList: () => s("insertUnorderedList"),
+      inlineCode: () => s("formatInlineCode"),
+      clear: () => s("clear"),
+      insertText: (r) => s("insertText", r),
+      link: (r, i) => s("insertLink", { url: r, text: i }),
+      removeLinks: () => s("removeLinks"),
+      getLink: () => t?.get_link_action()?.edit_link?.url || "",
+      codeBlock: () => s("insertCodeBlock"),
+      quote: () => s("insertQuote"),
+      indent: () => s("formatIndent"),
+      unindent: () => s("formatOutdent"),
+      mention: (r, i, c) => s("insertSuggestion", { url: r, text: i, attributes: c }),
+      command: (r) => s("insertCommand", r),
+      emoji: (r) => s("insertEmoji", r),
+      mentionAtRoom: (r) => s("insertAtRoomSuggestion", { attributes: r })
     };
   }, [e, t]);
 }
-let W = !1, I = !1;
-async function R() {
-  if (I)
+let W = !1, N = !1;
+async function O() {
+  if (N)
     return Promise.resolve();
   if (W)
     return new Promise((e) => {
       function t() {
-        I && e(), setTimeout(t, 200);
+        N && e(), setTimeout(t, 200);
       }
       t();
     });
-  W = !0, await oe(), I = !0;
+  W = !0, await ae(), N = !0;
 }
-function be(e, t, n) {
-  const [r, s] = k(
+function Le(e, t, n) {
+  const [s, r] = E(
     null
-  ), i = O(
-    async (l) => {
-      await R();
-      let m;
-      if (l)
+  ), i = A(
+    async (c) => {
+      await O();
+      let l;
+      if (c)
         try {
-          const o = V(
-            l,
+          const a = G(
+            c,
             0,
-            l.length
+            c.length
           );
-          if (m = o, e.current) {
-            const c = o.get_content_as_html();
-            Q(
+          if (l = a, e.current) {
+            const u = a.get_content_as_html();
+            z(
               e.current,
-              c,
+              u,
               0,
-              c.length
+              u.length
             );
           }
         } catch {
-          m = v();
+          l = w();
         }
       else
-        m = v();
-      s(m);
+        l = w();
+      r(l);
     },
-    [s, e]
+    [r, e]
   );
-  return p(() => {
-    r && n && r.set_custom_suggestion_patterns(
+  return h(() => {
+    s && n && s.set_custom_suggestion_patterns(
       n
     );
-  }, [r, n]), p(() => {
+  }, [s, n]), h(() => {
     e.current && i(t);
-  }, [e, i, t]), { composerModel: r, onError: i };
+  }, [e, i, t]), { composerModel: s, onError: i };
 }
-function te(e) {
+function ne(e) {
   return e[0] === "select";
 }
-function ve(e, t, n) {
-  return (r, s, i, l) => (!e || !n || (console.debug(l !== void 0 ? `composer_model.${s}(${i}, ${l})` : i !== void 0 ? `composer_model.${s}(${i})` : `composer_model.${s}()`), t.push([s, i, l]), ne(e, n, r, t)), r);
+function be(e, t, n) {
+  return (s, r, i, c) => (!e || !n || (console.debug(c !== void 0 ? `composer_model.${r}(${i}, ${c})` : i !== void 0 ? `composer_model.${r}(${i})` : `composer_model.${r}()`), t.push([r, i, c]), se(e, n, s, t)), s);
 }
-function Ne(e) {
+function ve(e) {
   return () => {
     for (let t = e.length - 1; t >= 0; t--) {
       const n = e[t];
-      if (te(n))
+      if (ne(n))
         return [n[1], n[2]];
     }
     return [-1, -1];
   };
 }
-function ne(e, t, n, r) {
-  n && n.text_update(), e.innerText = Ae(
-    r,
+function se(e, t, n, s) {
+  n && n.text_update(), e.innerText = Ne(
+    s,
     t.to_example_format()
   ), e.scrollTo(0, e.scrollHeight - e.clientHeight);
 }
-function Ae(e, t) {
+function Ne(e, t) {
   let n = "";
-  function r(c, u, a) {
-    c === "select" ? n += `model.select(Location::from(${u}), Location::from(${a}));
-` : a !== void 0 ? n += `model.${c}(${u ?? ""}, ${a});
-` : c === "replace_text" ? n += `model.${c}("${u ?? ""}");
-` : c === "send" ? n += `// Send: ${u ?? ""}
-` : n += `model.${c}(${u ?? ""});
+  function s(u, o, f) {
+    u === "select" ? n += `model.select(Location::from(${o}), Location::from(${f}));
+` : f !== void 0 ? n += `model.${u}(${o ?? ""}, ${f});
+` : u === "replace_text" ? n += `model.${u}("${o ?? ""}");
+` : u === "send" ? n += `// Send: ${o ?? ""}
+` : n += `model.${u}(${o ?? ""});
 `;
   }
-  function s() {
-    const c = Ie(m, o[0], o[1]);
-    n += `let mut model = cm("${c}");
+  function r() {
+    const u = Ae(l, a[0], a[1]);
+    n += `let mut model = cm("${u}");
 `;
   }
-  let i = null, l = !0, m = "", o = [0, 0];
-  for (const c of e) {
-    const [u, a, d] = c;
-    if (l)
-      u === "replace_text" ? m += ye(a) : te(c) ? o = [c[1], c[2]] : (l = !1, s(), r(u, a, d));
-    else if (i === "select" && u === "select") {
-      const f = n.lastIndexOf(`
+  let i = null, c = !0, l = "", a = [0, 0];
+  for (const u of e) {
+    const [o, f, m] = u;
+    if (c)
+      o === "replace_text" ? l += Oe(f) : ne(u) ? a = [u[1], u[2]] : (c = !1, r(), s(o, f, m));
+    else if (i === "select" && o === "select") {
+      const d = n.lastIndexOf(`
 `, n.length - 2);
-      f > -1 && (n = n.substring(0, f) + `
-`, r(u, a, d));
+      d > -1 && (n = n.substring(0, d) + `
+`, s(o, f, m));
     } else
-      r(u, a, d);
-    i = u;
+      s(o, f, m);
+    i = o;
   }
-  return l && s(), n += `assert_eq!(tx(&model), "${t}");
+  return c && r(), n += `assert_eq!(tx(&model), "${t}");
 `, n;
 }
-function Ie(e, t, n) {
-  const r = V(e, -1, -1);
-  return r.select(t, n), r.to_example_format();
+function Ae(e, t, n) {
+  const s = G(e, -1, -1);
+  return s.select(t, n), s.to_example_format();
 }
-function Oe(e, t, n, r) {
-  const [s, i] = j(e, document.getSelection()), l = [
-    ["replace_text", r],
-    ["select", s, i]
+function Ie(e, t, n, s) {
+  const [r, i] = Q(e, document.getSelection()), c = [
+    ["replace_text", s],
+    ["select", r, i]
   ];
-  return ne(t, n, null, l), l;
+  return se(t, n, null, c), c;
 }
-function ye(e) {
+function Oe(e) {
   if (!e)
     return "";
   const t = document.createElement("p");
   return t.appendChild(document.createTextNode(e.toString())), t.innerHTML;
 }
 function Re(e, t) {
-  const n = A(null), [r, s] = k([]), [i, l] = k(""), m = O(
-    (d) => {
-      n.current && l(d);
+  const n = b(null), [s, r] = E([]), [i, c] = E(""), l = A(
+    (m) => {
+      n.current && c(m);
     },
     [n]
-  ), o = S(
-    () => ve(n.current, r, t),
-    [n, r, t]
-  ), c = S(
-    () => Ne(r),
-    [r]
-  ), u = O(
-    () => e.current && n.current && t && s(
-      Oe(
+  ), a = C(
+    () => be(n.current, s, t),
+    [n, s, t]
+  ), u = C(
+    () => ve(s),
+    [s]
+  ), o = A(
+    () => e.current && n.current && t && r(
+      Ie(
         e.current,
         n.current,
         t,
@@ -827,27 +832,27 @@ function Re(e, t) {
       )
     ),
     [e, n, t, i]
-  ), a = S(
+  ), f = C(
     () => ({
-      traceAction: o,
-      getSelectionAccordingToActions: c,
-      onResetTestCase: u,
-      setEditorHtml: m
+      traceAction: a,
+      getSelectionAccordingToActions: u,
+      onResetTestCase: o,
+      setEditorHtml: l
     }),
     [
-      o,
-      c,
+      a,
       u,
-      m
+      o,
+      l
     ]
   );
   return {
     testRef: n,
-    utilities: a
+    utilities: f
   };
 }
 function Be(e) {
-  return ge[e.key.key_type] || "";
+  return he[e.key.key_type] || "";
 }
 function De(e) {
   switch (e.key.key_type) {
@@ -858,6 +863,8 @@ function De(e) {
       return "command";
     case 3:
       return "custom";
+    case 4:
+      return "emoji";
     default:
       return "unknown";
   }
@@ -869,133 +876,125 @@ function $e(e) {
     type: De(e)
   };
 }
-const T = `
+const x = `
 `, Ue = (e) => {
   let t = e;
-  return t.endsWith(T) && (t = t.slice(0, -1)), t.replaceAll(/\\/g, "");
+  return t.endsWith(x) && (t = t.slice(0, -1)), t.replaceAll(/\\/g, "");
 };
-async function Ve(e, t) {
+async function Ge(e, t) {
   if (e.length === 0)
     return "";
-  await R();
-  const n = v();
+  await O();
+  const n = w();
   n.set_content_from_html(e);
-  const r = t ? n.get_content_as_message_markdown() : n.get_content_as_markdown();
-  return Ue(r);
+  const s = t ? n.get_content_as_message_markdown() : n.get_content_as_markdown();
+  return Ue(s);
 }
-async function Xe(e, t) {
+async function Ve(e, t) {
   if (e.length === 0)
     return "";
-  await R();
-  const n = He(e), r = v();
-  return r.set_content_from_markdown(n), t ? r.get_content_as_message_html() : r.get_content_as_html();
+  await O();
+  const n = He(e), s = w();
+  return s.set_content_from_markdown(n), t ? s.get_content_as_message_html() : s.get_content_as_html();
 }
 function He(e) {
-  var i, l, m;
   const { body: t } = new DOMParser().parseFromString(
     e,
     "text/html"
   ), n = document.createNodeIterator(
     t,
     void 0,
-    we
+    Pe
   );
-  let r = n.nextNode(), s = "";
-  for (; r !== null; ) {
-    const o = r.nodeName === "#text", c = r.nodeName === "A", u = r.nodeName === "DIV" && r.childNodes.length === 1 && ((i = r.firstChild) == null ? void 0 : i.nodeName) === "BR", a = !Fe.includes(r.nodeName);
-    if (u)
-      s += T;
-    else if (o) {
-      let d = r.textContent;
-      q(r) && (d += T), s += d;
+  let s = n.nextNode(), r = "";
+  for (; s !== null; ) {
+    const i = s.nodeName === "#text", c = s.nodeName === "A", l = s.nodeName === "DIV" && s.childNodes.length === 1 && s.firstChild?.nodeName === "BR", a = !Fe.includes(s.nodeName);
+    if (l)
+      r += x;
+    else if (i) {
+      let u = s.textContent;
+      j(s) && (u += x), r += u;
     } else if (c) {
-      let d = ((m = (l = r.firstChild) == null ? void 0 : l.parentElement) == null ? void 0 : m.outerHTML) ?? "";
-      q(r) && (d += T), s += d;
-    } else a && console.debug(`Converting unexpected node type ${r.nodeName}`);
-    r = n.nextNode();
+      let u = s.firstChild?.parentElement?.outerHTML ?? "";
+      j(s) && (u += x), r += u;
+    } else a && console.debug(`Converting unexpected node type ${s.nodeName}`);
+    s = n.nextNode();
   }
-  return s.endsWith(T.repeat(2)) && (s = s.slice(0, -1)), s;
+  return r.endsWith(x.repeat(2)) && (r = r.slice(0, -1)), r;
 }
 const Fe = ["#text", "BR", "A", "DIV", "BODY"];
-function q(e) {
-  var n;
-  const t = e.nextSibling || ((n = e.parentElement) == null ? void 0 : n.nextSibling);
-  return (t == null ? void 0 : t.nodeName) === "DIV";
+function j(e) {
+  return (e.nextSibling || e.parentElement?.nextSibling)?.nodeName === "DIV";
 }
-function we(e) {
-  var t;
-  return e.nodeName === "#text" && ((t = e.parentElement) != null && t.hasAttribute("data-mention-type")) ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT;
+function Pe(e) {
+  return e.nodeName === "#text" && e.parentElement?.hasAttribute("data-mention-type") ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT;
 }
 function Ke(e, t = !1) {
-  p(() => {
+  h(() => {
     if (t) {
-      const n = setTimeout(() => {
-        var r;
-        return (r = e.current) == null ? void 0 : r.focus();
-      }, 200);
+      const n = setTimeout(() => e.current?.focus(), 200);
       return () => clearTimeout(n);
     }
   }, [e, t]);
 }
 function We() {
-  const e = A(null);
-  return p(() => {
-    var t, n;
-    (t = e.current) != null && t.childElementCount || (n = e.current) == null || n.appendChild(document.createElement("br"));
+  const e = b(null);
+  return h(() => {
+    e.current?.childElementCount || e.current?.appendChild(document.createElement("br"));
   }, [e]), e;
 }
-function G(e) {
-  const t = e == null ? void 0 : e.keys();
+function q(e) {
+  const t = e?.keys();
   return t ? Array.from(t) : [];
 }
-function ze(e) {
-  const t = We(), n = A(null), [r, s] = k(
-    G(e == null ? void 0 : e.emojiSuggestions)
+function Xe(e) {
+  const t = We(), n = b(null), [s, r] = E(
+    q(e?.emojiSuggestions)
   );
-  p(() => {
-    s(G(e == null ? void 0 : e.emojiSuggestions));
-  }, [e == null ? void 0 : e.emojiSuggestions]);
-  const { composerModel: i, onError: l } = be(
+  h(() => {
+    r(q(e?.emojiSuggestions));
+  }, [e?.emojiSuggestions]);
+  const { composerModel: i, onError: c } = Le(
     t,
-    e == null ? void 0 : e.initialContent,
-    r
-  ), { testRef: m, utilities: o } = Re(
+    e?.initialContent,
+    s
+  ), { testRef: l, utilities: a } = Re(
     t,
     i
-  ), c = Le(t, i), { content: u, actionStates: a, areListenersReady: d, suggestion: f } = Se(
+  ), u = we(t, i), { content: o, actionStates: f, areListenersReady: m, suggestion: d } = Se(
     t,
     n,
     i,
-    o,
+    a,
+    u,
     c,
-    l,
-    e == null ? void 0 : e.inputEventProcessor,
-    e == null ? void 0 : e.emojiSuggestions
+    e?.inputEventProcessor,
+    e?.emojiSuggestions
   );
-  Ke(t, e == null ? void 0 : e.isAutoFocusEnabled);
-  const h = S(
-    () => $e(f),
-    [f]
+  Ke(t, e?.isAutoFocusEnabled);
+  const g = C(
+    () => $e(d),
+    [d]
   );
   return {
     ref: t,
-    isWysiwygReady: d,
-    wysiwyg: c,
-    content: u,
-    actionStates: a,
+    isWysiwygReady: m,
+    wysiwyg: u,
+    content: o,
+    actionStates: f,
     debug: {
       modelRef: n,
-      testRef: m,
-      resetTestCase: o.onResetTestCase,
-      traceAction: o.traceAction
+      testRef: l,
+      resetTestCase: a.onResetTestCase,
+      traceAction: a.traceAction
     },
-    suggestion: h,
-    messageContent: (i == null ? void 0 : i.get_content_as_message_html()) ?? null
+    suggestion: g,
+    messageContent: i?.get_content_as_message_html() ?? null
   };
 }
 export {
-  R as initOnce,
-  Xe as plainToRich,
-  Ve as richToPlain,
-  ze as useWysiwyg
+  O as initOnce,
+  Ve as plainToRich,
+  Ge as richToPlain,
+  Xe as useWysiwyg
 };