@mobilon-dev/chotto 0.3.89 → 0.3.91

package/dist/functions/renderAppleEmojis.js

@@ -1,96 +1,153 @@
-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) {
-    const a = c.codePointAt(0);
-    a !== void 0 && (t != null && t.stripVariationSelectors && (a === 65039 || a === 65038) || n.push(a.toString(16)));
+const g = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64", l = new RegExp("(?:\\p{Regional_Indicator}{2})|(?:[#*0-9]\\uFE0F?\\u20E3)|(?:\\p{Extended_Pictographic}(?:\\uFE0F|\\uFE0E)?(?:\\p{Emoji_Modifier})?(?:\\u200D(?:\\p{Extended_Pictographic}|\\p{Emoji_Modifier_Base})(?:\\uFE0F|\\uFE0E)?(?:\\p{Emoji_Modifier})?)*)", "gu"), I = "position:relative;display:inline-block;vertical-align:baseline;", T = "visibility:hidden;", _ = "position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;pointer-events:none;display:block;margin:0;", b = Intl.Segmenter, p = typeof Intl < "u" && b ? new b(void 0, { granularity: "grapheme" }) : null;
+function v(t, e, r = "nearest") {
+  const n = t.length;
+  if (e <= 0) return 0;
+  if (e >= n) return n;
+  if (p) {
+    let s = 0;
+    for (const { index: a } of p.segment(t)) {
+      if (a === e) return e;
+      if (a > e)
+        return r === "before" ? s : r === "after" ? a : e - s <= a - e ? s : a;
+      s = a;
+    }
+    return n;
+  }
+  const o = t.charCodeAt(e);
+  return o >= 56320 && o <= 57343 ? r === "after" ? Math.min(n, e + 1) : e - 1 : e;
+}
+function C(t, e) {
+  if (e >= t.length) return t.length;
+  if (p) {
+    for (const { index: n } of p.segment(t))
+      if (n > e) return n;
+    return t.length;
+  }
+  const r = t.codePointAt(e);
+  return e + (r !== void 0 && r > 65535 ? 2 : 1);
+}
+function j(t, e) {
+  if (e <= 0) return 0;
+  if (p) {
+    let n = 0;
+    for (const { index: o } of p.segment(t)) {
+      if (o >= e) return n;
+      n = o;
+    }
+    return n;
+  }
+  const r = t.charCodeAt(e - 1);
+  return r >= 56320 && r <= 57343 ? e - 2 : e - 1;
+}
+function d(t, e) {
+  const r = [];
+  for (const n of t) {
+    const o = n.codePointAt(0);
+    o !== void 0 && (e != null && e.stripVariationSelectors && (o === 65039 || o === 65038) || r.push(o.toString(16)));
   }
-  return n.join("-");
+  return r.join("-");
 }
-function F(e) {
-  return `${f}/${u(e)}.png`;
+function $(t) {
+  return `${g}/${d(t)}.png`;
 }
-function h(e) {
-  const t = u(e), n = u(e, { stripVariationSelectors: !0 });
-  if (t !== n)
-    return `${f}/${n}.png`;
-  if (!/[\uFE0E\uFE0F]/.test(e)) {
-    const c = u(`${e}️`);
-    if (c !== t)
-      return `${f}/${c}.png`;
+function A(t) {
+  const e = d(t), r = d(t, { stripVariationSelectors: !0 });
+  if (e !== r)
+    return `${g}/${r}.png`;
+  if (!/[\uFE0E\uFE0F]/.test(t)) {
+    const n = d(`${t}️`);
+    if (n !== e)
+      return `${g}/${n}.png`;
   }
   return null;
 }
-function x(e, t) {
-  const n = h(t);
-  n && e.addEventListener(
+function k(t, e) {
+  const r = A(e);
+  r && t.addEventListener(
     "error",
     () => {
-      e.src !== n && (e.src = n);
+      t.src !== r && (t.src = r);
     },
     { once: !0 }
   );
 }
-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}"` : "";
-  return `<img class="chotto-emoji" src="${E(n)}" alt="${E(e)}" draggable="false" style="${g}"${a} />`;
+function M(t) {
+  const e = d(t);
+  if (!e) return E(t);
+  const r = `${g}/${e}.png`, n = A(t), o = n ? ` data-fallback="${h(n)}" onerror="if(this.dataset.fallback&&this.src!==this.dataset.fallback){this.onerror=null;this.src=this.dataset.fallback}"` : "";
+  return `<span class="chotto-emoji-slot" style="${I}"><span class="chotto-emoji-metric" style="${T}">${E(t)}</span><img class="chotto-emoji" src="${h(r)}" alt="${h(t)}" draggable="false" style="${_}"${o} /></span>`;
+}
+function N(t) {
+  const e = document.createElement("span");
+  e.className = "chotto-emoji-slot", e.setAttribute("style", I);
+  const r = document.createElement("span");
+  r.className = "chotto-emoji-metric", r.setAttribute("style", T), r.textContent = t;
+  const n = document.createElement("img");
+  return n.className = "chotto-emoji", n.src = $(t), n.alt = t, n.draggable = !1, n.setAttribute("style", _), k(n, t), e.append(r, n), e;
+}
+function h(t) {
+  return t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-function E(e) {
-  return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+function E(t) {
+  return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-function I(e) {
-  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+function m(t) {
+  return t ? E(t).replace(l, (e) => M(e)) : "";
 }
-function N(e) {
-  return e ? I(e).replace(s, (n) => T(n)) : "";
+function y(t, e) {
+  if (!t) return "";
+  const r = e ? Math.max(0, Math.min(e.start, e.end)) : -1, n = e ? Math.min(t.length, Math.max(e.start, e.end)) : -1;
+  return r < 0 || r === n ? m(t) : m(t.slice(0, r)) + `<span class="chat-input__emoji-selection" style="background-color: var(--chotto-chatinput-selection-bg, rgba(51, 133, 255, 0.35)); border-radius: 2px; box-decoration-break: clone; -webkit-box-decoration-break: clone;">${m(t.slice(r, n))}</span>` + m(t.slice(n));
 }
-function $(e) {
-  return e ? (s.lastIndex = 0, s.test(e)) : !1;
+function S(t) {
+  return t ? (l.lastIndex = 0, l.test(t)) : !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: (d) => {
-      let r = d.parentNode;
-      for (; r && r !== t; ) {
-        const o = r.nodeName;
-        if (o === "SCRIPT" || o === "STYLE" || o === "TEXTAREA")
+function L(t) {
+  var s;
+  if (!t || typeof document > "u") return t;
+  const e = document.createElement("div");
+  e.innerHTML = t;
+  const r = document.createTreeWalker(e, NodeFilter.SHOW_TEXT, {
+    acceptNode: (a) => {
+      let c = a.parentNode;
+      for (; c && c !== e; ) {
+        const i = c.nodeName;
+        if (i === "SCRIPT" || i === "STYLE" || i === "TEXTAREA")
           return NodeFilter.FILTER_REJECT;
-        r = r.parentNode;
+        c = c.parentNode;
       }
       return NodeFilter.FILTER_ACCEPT;
     }
-  }), c = [];
-  let a;
-  for (; a = n.nextNode(); )
-    c.push(a);
-  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 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), x(l, i[0]), o.appendChild(l), p = i.index + i[0].length;
+  }), n = [];
+  let o;
+  for (; o = r.nextNode(); )
+    n.push(o);
+  for (const a of n.reverse()) {
+    const c = a.textContent || "";
+    if (l.lastIndex = 0, !l.test(c)) continue;
+    l.lastIndex = 0;
+    const i = document.createDocumentFragment();
+    let f = 0, u;
+    for (; u = l.exec(c); ) {
+      u.index > f && i.appendChild(document.createTextNode(c.slice(f, u.index)));
+      const F = N(u[0]);
+      i.appendChild(F), f = u.index + u[0].length;
     }
-    p < r.length && o.appendChild(document.createTextNode(r.slice(p))), (m = d.parentNode) == null || m.replaceChild(o, d);
+    f < c.length && i.appendChild(document.createTextNode(c.slice(f))), (s = a.parentNode) == null || s.replaceChild(i, a);
   }
-  return t.innerHTML;
+  return e.innerHTML;
 }
 export {
-  f as APPLE_EMOJI_CDN,
-  T as createAppleEmojiImgHtml,
-  u as emojiToAppleCode,
-  h as getAppleEmojiFallbackUrl,
-  F as getAppleEmojiUrl,
-  A as replaceEmojisInHtml,
-  $ as textContainsEmoji,
-  N as textToAppleEmojiHtml
+  g as APPLE_EMOJI_CDN,
+  M as createAppleEmojiImgHtml,
+  N as createAppleEmojiSlotElement,
+  d as emojiToAppleCode,
+  A as getAppleEmojiFallbackUrl,
+  $ as getAppleEmojiUrl,
+  C as nextGraphemeIndex,
+  j as previousGraphemeIndex,
+  L as replaceEmojisInHtml,
+  v as snapIndexToGrapheme,
+  S as textContainsEmoji,
+  y as textToAppleEmojiHtml
 };

package/dist/hooks/uploadFile/generatePreview.js

@@ -1,20 +1,32 @@
-import { ref as i } from "vue";
+import { ref as s } from "vue";
 import { getTypeFileByMime as n } from "./getTypeFileByMime.js";
-const m = (l) => {
-  const s = n(l.type), t = i(!1), a = i(!1), u = i(!1), o = i("");
-  s === "image" ? t.value = !0 : s === "video" ? a.value = !0 : s === "audio" && (u.value = !0), t.value || a.value || u.value ? o.value = URL.createObjectURL(l) : o.value = "";
-  const v = ["б", "Кб", "Мб", "Гб"];
-  let e = l.size, r = 0;
-  for (; e > 1024; )
-    e = e / 1024, r++;
+const m = (i) => {
+  const e = n(i.type), t = s(!1), u = s(!1), a = s(!1), o = s("");
+  e === "image" ? t.value = !0 : e === "video" ? u.value = !0 : e === "audio" && (a.value = !0), t.value || u.value || a.value ? o.value = URL.createObjectURL(i) : o.value = "";
+  const f = ["б", "Кб", "Мб", "Гб"];
+  let l = i.size, r = 0;
+  for (; l > 1024; )
+    l = l / 1024, r++;
   return {
     isImage: t.value,
-    isVideo: a.value,
-    isAudio: u.value,
+    isVideo: u.value,
+    isAudio: a.value,
     previewUrl: o.value,
-    fileSize: e.toFixed(2) + v[r]
+    fileSize: l.toFixed(2) + f[r]
   };
 };
+function c(i, e) {
+  if (e)
+    return {
+      previewUrl: e.previewUrl,
+      isImage: e.isImage,
+      isVideo: e.isVideo,
+      isAudio: e.isAudio,
+      fileName: i,
+      fileSize: e.fileSize
+    };
+}
 export {
+  c as buildFilePreview,
   m as generatePreview
 };

package/dist/hooks/useMessageDraft.js

@@ -1,67 +1,96 @@
-import { ref as l } from "vue";
-const s = l([]), y = (n) => {
-  const t = l(0), a = s.value.find(({ id: e }) => e == n);
-  a != null ? t.value = s.value.indexOf(a) : (s.value.push({
+import { ref as h, getCurrentInstance as x, inject as R, computed as S, unref as I, watch as D } from "vue";
+const r = h([]);
+function E(n) {
+  return {
     id: n,
     text: "",
     file: void 0,
     forceSend: !1,
     isRecording: !1
-  }), t.value = s.value.length - 1);
-  const c = () => {
-    s.value[t.value] = {
-      id: i().id,
+  };
+}
+function f(n) {
+  const i = r.value.find((a) => a.id === n);
+  if (i) return i;
+  const s = E(n);
+  return r.value.push(s), s;
+}
+function F(n, i) {
+  if (typeof document > "u") return;
+  const s = document.getElementById("chat-input-reply-line-" + n);
+  s && (s.style.display = i.reply || i.edit ? "inherit" : "none");
+}
+const j = (n) => {
+  const i = x() ? R("selectedChat", void 0) : void 0, s = S(() => {
+    const e = i ? I(i) : void 0, t = e == null ? void 0 : e.chatId;
+    return t == null || t === "" ? n : `${n}:${t}`;
+  });
+  D(
+    s,
+    (e, t) => {
+      const d = f(e);
+      t !== void 0 && t !== e && F(n, d);
+    },
+    { immediate: !0 }
+  );
+  const a = () => {
+    const e = s.value, t = r.value.findIndex((d) => d.id === e);
+    return t !== -1 ? t : (f(e), r.value.findIndex((d) => d.id === e));
+  }, u = () => {
+    const e = c();
+    r.value[a()] = {
+      id: e.id,
       text: "",
       file: void 0,
       reply: void 0,
       edit: void 0,
       forceSend: !1,
-      isRecording: i().isRecording
+      isRecording: e.isRecording
     };
   }, o = (e) => {
-    const d = i();
-    s.value[t.value] = {
-      ...d,
+    const t = c();
+    r.value[a()] = {
+      ...t,
       forceSend: !1,
       ...e,
-      id: d.id
+      id: t.id
     };
-  }, r = (e) => {
+  }, l = (e) => {
     o({ text: e });
-  }, v = (e) => {
+  }, g = (e) => {
     o({ file: e });
-  }, u = () => {
+  }, v = () => {
     o({ file: void 0 });
-  }, g = (e) => {
+  }, p = (e) => {
     o({ reply: e, edit: void 0 });
-  }, f = () => {
+  }, y = () => {
     o({ reply: void 0 });
   }, M = (e) => {
     o({ edit: e, reply: void 0 });
-  }, p = () => {
+  }, m = () => {
     o({ edit: void 0 });
   };
-  function i() {
-    return s.value[t.value];
+  function c() {
+    return f(s.value);
   }
   return {
-    getMessage: i,
-    resetMessage: c,
-    setMessageFile: v,
-    resetMessageFile: u,
-    setMessageText: r,
-    setReply: g,
-    resetReply: f,
+    getMessage: c,
+    resetMessage: u,
+    setMessageFile: g,
+    resetMessageFile: v,
+    setMessageText: l,
+    setReply: p,
+    resetReply: y,
     setEdit: M,
-    resetEdit: p,
+    resetEdit: m,
     setForceSendMessage: (e) => {
-      s.value[t.value].forceSend = e;
+      c().forceSend = e;
     },
     setRecordingMessage: (e) => {
-      s.value[t.value].isRecording = e;
+      c().isRecording = e;
     }
   };
 };
 export {
-  y as useMessageDraft
+  j as useMessageDraft
 };