@mobilon-dev/chotto 0.3.88 → 0.3.89

package/dist/components/3_compounds/Feed/composables/useFeedScrollTo.js

@@ -1,18 +1,43 @@
-import { watch as m } from "vue";
-function d({ targetIdRef: l, feedContainerId: s, focusClass: n = "focused-message" }) {
-  m(
-    () => l.value,
-    (o) => {
-      var c;
-      if (!o) return;
-      const e = document.getElementById(o), t = document.getElementById(s);
-      e instanceof HTMLElement && t instanceof HTMLElement && (t.scrollTop = e.offsetTop + e.clientHeight / 2 - t.clientHeight / 2, (c = e.children[0]) == null || c.classList.add(n), setTimeout(() => {
-        var i;
-        (i = e.children[0]) == null || i.classList.remove(n);
-      }, 2e3));
+import { watch as u, nextTick as f } from "vue";
+function g(r) {
+  const e = r.trim();
+  if (!e || document.getElementById(e))
+    return e;
+  const n = e.startsWith("msg-") ? e : `msg-${e}`;
+  if (document.getElementById(n))
+    return n;
+  try {
+    const t = JSON.parse(e);
+    if ((t == null ? void 0 : t.messageId) != null) {
+      const s = `msg-${t.messageId}`;
+      if (document.getElementById(s))
+        return s;
+    }
+  } catch {
+  }
+  return n;
+}
+function T({ targetIdRef: r, feedContainerId: e, focusClass: n = "focused-message" }) {
+  u(
+    () => r.value,
+    (t) => {
+      if (!t) return;
+      const s = (i = 0) => {
+        var l;
+        const d = g(t), o = document.getElementById(d), c = document.getElementById(e);
+        if (o instanceof HTMLElement && c instanceof HTMLElement) {
+          c.scrollTop = o.offsetTop + o.clientHeight / 2 - c.clientHeight / 2, (l = o.children[0]) == null || l.classList.add(n), setTimeout(() => {
+            var m;
+            (m = o.children[0]) == null || m.classList.remove(n);
+          }, 2e3);
+          return;
+        }
+        i < 5 && setTimeout(() => s(i + 1), 50);
+      };
+      f(() => s());
     }
   );
 }
 export {
-  d as useFeedScrollTo
+  T as useFeedScrollTo
 };

package/dist/functions/renderAppleEmojis.js

@@ -1,4 +1,4 @@
-const f = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", p = new RegExp("(?:\\p{Regional_Indicator}{2})|(?:[#*0-9]\\uFE0F?\\u20E3)|(?:\\p{Extended_Pictographic}(?:\\uFE0F|\\uFE0E)?(?:\\u200D(?:\\p{Extended_Pictographic}|\\p{Emoji_Modifier_Base})(?:\\uFE0F|\\uFE0E)?)*)", "gu"), g = "height:1.2em;width:1.2em;margin:0 0.05em;vertical-align:-0.2em;display:inline";
+const f = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", s = new RegExp("(?:\\p{Regional_Indicator}{2})|(?:[#*0-9]\\uFE0F?\\u20E3)|(?:\\p{Extended_Pictographic}(?:\\uFE0F|\\uFE0E)?(?:\\u200D(?:\\p{Extended_Pictographic}|\\p{Emoji_Modifier_Base})(?:\\uFE0F|\\uFE0E)?)*)", "gu"), g = "height:1.2em;width:1.2em;margin:0 0.05em;vertical-align:-0.2em;display:inline";
 function u(e, t) {
   const n = [];
   for (const c of e) {
@@ -21,7 +21,7 @@ function h(e) {
   }
   return null;
 }
-function T(e, t) {
+function x(e, t) {
   const n = h(t);
   n && e.addEventListener(
     "error",
@@ -31,7 +31,7 @@ function T(e, t) {
     { once: !0 }
   );
 }
-function x(e) {
+function T(e) {
   const t = u(e);
   if (!t) return e;
   const n = `${f}/${t}.png`, c = h(e), a = c ? ` data-fallback="${E(c)}" onerror="if(this.dataset.fallback&&this.src!==this.dataset.fallback){this.onerror=null;this.src=this.dataset.fallback}"` : "";
@@ -40,20 +40,23 @@ function x(e) {
 function E(e) {
   return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-function N(e) {
+function I(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-function I(e) {
-  return e ? N(e).replace(p, (n) => x(n)) : "";
+function N(e) {
+  return e ? I(e).replace(s, (n) => T(n)) : "";
 }
 function $(e) {
+  return e ? (s.lastIndex = 0, s.test(e)) : !1;
+}
+function A(e) {
   var m;
   if (!e || typeof document > "u") return e;
   const t = document.createElement("div");
   t.innerHTML = e;
   const n = document.createTreeWalker(t, NodeFilter.SHOW_TEXT, {
-    acceptNode: (s) => {
-      let r = s.parentNode;
+    acceptNode: (d) => {
+      let r = d.parentNode;
       for (; r && r !== t; ) {
         const o = r.nodeName;
         if (o === "SCRIPT" || o === "STYLE" || o === "TEXTAREA")
@@ -66,27 +69,28 @@ function $(e) {
   let a;
   for (; a = n.nextNode(); )
     c.push(a);
-  for (const s of c.reverse()) {
-    const r = s.textContent || "";
-    if (p.lastIndex = 0, !p.test(r)) continue;
-    p.lastIndex = 0;
+  for (const d of c.reverse()) {
+    const r = d.textContent || "";
+    if (s.lastIndex = 0, !s.test(r)) continue;
+    s.lastIndex = 0;
     const o = document.createDocumentFragment();
-    let d = 0, i;
-    for (; i = p.exec(r); ) {
-      i.index > d && o.appendChild(document.createTextNode(r.slice(d, i.index)));
+    let p = 0, i;
+    for (; i = s.exec(r); ) {
+      i.index > p && o.appendChild(document.createTextNode(r.slice(p, i.index)));
       const l = document.createElement("img");
-      l.className = "chotto-emoji", l.src = F(i[0]), l.alt = i[0], l.draggable = !1, l.setAttribute("style", g), T(l, i[0]), o.appendChild(l), d = i.index + i[0].length;
+      l.className = "chotto-emoji", l.src = F(i[0]), l.alt = i[0], l.draggable = !1, l.setAttribute("style", g), x(l, i[0]), o.appendChild(l), p = i.index + i[0].length;
     }
-    d < r.length && o.appendChild(document.createTextNode(r.slice(d))), (m = s.parentNode) == null || m.replaceChild(o, s);
+    p < r.length && o.appendChild(document.createTextNode(r.slice(p))), (m = d.parentNode) == null || m.replaceChild(o, d);
   }
   return t.innerHTML;
 }
 export {
   f as APPLE_EMOJI_CDN,
-  x as createAppleEmojiImgHtml,
+  T as createAppleEmojiImgHtml,
   u as emojiToAppleCode,
   h as getAppleEmojiFallbackUrl,
   F as getAppleEmojiUrl,
-  $ as replaceEmojisInHtml,
-  I as textToAppleEmojiHtml
+  A as replaceEmojisInHtml,
+  $ as textContainsEmoji,
+  N as textToAppleEmojiHtml
 };

package/dist/hooks/messages/useStartEdit.js

@@ -14,7 +14,7 @@ import { hideReplyPreview as s, showReplyPreview as r } from "./useStartReply.js
 function R(t) {
   const { setEdit: e, setMessageText: o, resetReply: m } = p(t);
   return { startEdit: (i) => {
-    m(), r(t), e(i), o(i.text ?? "");
+    m(), r(t), o(i.text ?? ""), e(i);
   } };
 }
 function g(t) {