@mobilon-dev/chotto 0.3.98 → 0.3.100

package/dist/functions/renderAppleEmojis.js

@@ -1,36 +1,50 @@
-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 i = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64";
+function f(t) {
+  return (t || i).trim().replace(/\/+$/, "") || i;
+}
+function b(t) {
+  return /emoji-datasource-apple/i.test(t);
+}
+const I = /* @__PURE__ */ new Set([
+  "2640",
+  "2640-fe0f",
+  "2642",
+  "2642-fe0f",
+  "2695",
+  "2695-fe0f"
+]), u = 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"), v = "position:relative;display:inline-block;vertical-align:baseline;", M = "visibility:hidden;", $ = "position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;pointer-events:none;display:block;margin:0;", C = Intl.Segmenter, m = typeof Intl < "u" && C ? new C(void 0, { granularity: "grapheme" }) : null;
+function O(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;
+  if (m) {
+    let a = 0;
+    for (const { index: c } of m.segment(t)) {
+      if (c === e) return e;
+      if (c > e)
+        return r === "before" ? a : r === "after" ? c : e - a <= c - e ? a : c;
+      a = c;
     }
     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) {
+function w(t, e) {
   if (e >= t.length) return t.length;
-  if (p) {
-    for (const { index: n } of p.segment(t))
+  if (m) {
+    for (const { index: n } of m.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) {
+function P(t, e) {
   if (e <= 0) return 0;
-  if (p) {
+  if (m) {
     let n = 0;
-    for (const { index: o } of p.segment(t)) {
+    for (const { index: o } of m.segment(t)) {
       if (o >= e) return n;
       n = o;
     }
@@ -39,7 +53,7 @@ function j(t, e) {
   const r = t.charCodeAt(e - 1);
   return r >= 56320 && r <= 57343 ? e - 2 : e - 1;
 }
-function d(t, e) {
+function p(t, e) {
   const r = [];
   for (const n of t) {
     const o = n.codePointAt(0);
@@ -47,107 +61,122 @@ function d(t, e) {
   }
   return r.join("-");
 }
-function $(t) {
-  return `${g}/${d(t)}.png`;
+function A(t, e = i) {
+  const r = f(e), n = p(t);
+  if (!n || b(r) && I.has(n)) return !1;
+  const o = p(t, { stripVariationSelectors: !0 });
+  return !(b(r) && I.has(o));
+}
+function S(t, e = i) {
+  return `${f(e)}/${p(t)}.png`;
 }
-function A(t) {
-  const e = d(t), r = d(t, { stripVariationSelectors: !0 });
-  if (e !== r)
-    return `${g}/${r}.png`;
+function k(t, e = i) {
+  const r = f(e);
+  if (!A(t, r)) return null;
+  const n = p(t), o = p(t, { stripVariationSelectors: !0 });
+  if (n !== o)
+    return b(r) && I.has(o) ? null : `${r}/${o}.png`;
   if (!/[\uFE0E\uFE0F]/.test(t)) {
-    const n = d(`${t}️`);
-    if (n !== e)
-      return `${g}/${n}.png`;
+    const a = p(`${t}️`);
+    if (a !== n)
+      return b(r) && I.has(a) ? null : `${r}/${a}.png`;
   }
   return null;
 }
-function k(t, e) {
-  const r = A(e);
-  r && t.addEventListener(
+function y(t, e, r) {
+  const n = k(e, r);
+  n && t.addEventListener(
     "error",
     () => {
-      t.src !== r && (t.src = r);
+      t.src !== n && (t.src = n);
     },
     { once: !0 }
   );
 }
-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) {
+function j(t, e = i) {
+  const r = f(e), n = p(t);
+  if (!n || !A(t, r)) return _(t);
+  const o = `${r}/${n}.png`, a = k(t, r), c = a ? ` data-fallback="${T(a)}" 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="${v}"><span class="chotto-emoji-metric" style="${M}">${_(t)}</span><img class="chotto-emoji" src="${T(o)}" alt="${T(t)}" draggable="false" style="${$}"${c} /></span>`;
+}
+function L(t, e = i) {
+  const r = f(e);
+  if (!A(t, r)) {
+    const c = document.createElement("span");
+    return c.textContent = t, c;
+  }
+  const n = document.createElement("span");
+  n.className = "chotto-emoji-slot", n.setAttribute("style", v);
+  const o = document.createElement("span");
+  o.className = "chotto-emoji-metric", o.setAttribute("style", M), o.textContent = t;
+  const a = document.createElement("img");
+  return a.className = "chotto-emoji", a.src = S(t, r), a.alt = t, a.draggable = !1, a.setAttribute("style", $), y(a, t, r), n.append(o, a), n;
+}
+function T(t) {
   return t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-function E(t) {
+function _(t) {
   return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-function m(t) {
-  return t ? E(t).replace(l, (e) => M(e)) : "";
+function g(t, e) {
+  return t ? _(t).replace(u, (r) => j(r, e)) : "";
 }
-function y(t, e) {
+function H(t, e, r = i) {
   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));
+  const n = f(r), o = e ? Math.max(0, Math.min(e.start, e.end)) : -1, a = e ? Math.min(t.length, Math.max(e.start, e.end)) : -1;
+  return o < 0 || o === a ? g(t, n) : g(t.slice(0, o), n) + `<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;">${g(t.slice(o, a), n)}</span>` + g(t.slice(a), n);
 }
-function S(t) {
-  return t ? (l.lastIndex = 0, l.test(t)) : !1;
+function R(t) {
+  return t ? (u.lastIndex = 0, u.test(t)) : !1;
 }
-function L(t) {
-  var s;
+function J(t, e = i) {
+  var F;
   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")
+  const r = f(e), n = document.createElement("div");
+  n.innerHTML = t;
+  const o = document.createTreeWalker(n, NodeFilter.SHOW_TEXT, {
+    acceptNode: (E) => {
+      let s = E.parentNode;
+      for (; s && s !== n; ) {
+        const l = s.nodeName;
+        if (l === "SCRIPT" || l === "STYLE" || l === "TEXTAREA")
           return NodeFilter.FILTER_REJECT;
-        c = c.parentNode;
+        s = s.parentNode;
       }
       return NodeFilter.FILTER_ACCEPT;
     }
-  }), 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;
+  }), a = [];
+  let c;
+  for (; c = o.nextNode(); )
+    a.push(c);
+  for (const E of a.reverse()) {
+    const s = E.textContent || "";
+    if (u.lastIndex = 0, !u.test(s)) continue;
+    u.lastIndex = 0;
+    const l = document.createDocumentFragment();
+    let h = 0, d;
+    for (; d = u.exec(s); ) {
+      d.index > h && l.appendChild(document.createTextNode(s.slice(h, d.index)));
+      const N = L(d[0], r);
+      l.appendChild(N), h = d.index + d[0].length;
     }
-    f < c.length && i.appendChild(document.createTextNode(c.slice(f))), (s = a.parentNode) == null || s.replaceChild(i, a);
+    h < s.length && l.appendChild(document.createTextNode(s.slice(h))), (F = E.parentNode) == null || F.replaceChild(l, E);
   }
-  return e.innerHTML;
+  return n.innerHTML;
 }
 export {
-  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
+  i as APPLE_EMOJI_CDN,
+  j as createAppleEmojiImgHtml,
+  L as createAppleEmojiSlotElement,
+  p as emojiToAppleCode,
+  k as getAppleEmojiFallbackUrl,
+  S as getAppleEmojiUrl,
+  A as hasAppleEmojiImage,
+  w as nextGraphemeIndex,
+  f as normalizeEmojiCdn,
+  P as previousGraphemeIndex,
+  J as replaceEmojisInHtml,
+  O as snapIndexToGrapheme,
+  R as textContainsEmoji,
+  H as textToAppleEmojiHtml
 };

package/dist/hooks/messages/useMessageLinks.js

@@ -1,8 +1,8 @@
-import { inject as E, computed as T } from "vue";
-import { tokenize as k } from "../../node_modules/linkifyjs/dist/linkify.js";
-import w from "../../node_modules/linkify-string/dist/linkify-string.js";
-import { parseMarkdown as g } from "../../functions/parseMarkdown.js";
-import { replaceEmojisInHtml as C } from "../../functions/renderAppleEmojis.js";
+import { inject as T, computed as k } from "vue";
+import { tokenize as w } from "../../node_modules/linkifyjs/dist/linkify.js";
+import g from "../../node_modules/linkify-string/dist/linkify-string.js";
+import { parseMarkdown as C } from "../../functions/parseMarkdown.js";
+import { replaceEmojisInHtml as v } from "../../functions/renderAppleEmojis.js";
 import { useEmojiNative as F } from "../useEmojiNative.js";
 function H(t) {
   return t.includes("**") || t.includes("`") || t.includes("~~") || t.includes(`
@@ -10,20 +10,20 @@ function H(t) {
 `) || t.includes(">") && t.trimStart().startsWith(">") || /<\/(u|s|b|i)>|<(u|s|b|i)[\s>]/.test(t);
 }
 const A = (t) => {
-  const u = E("chatAppId", ""), { isNative: f } = F(u);
-  return { linkedHtml: T(() => {
+  const u = T("chatAppId", ""), { isNative: f, emojiSrc: h } = F(u);
+  return { linkedHtml: k(() => {
     const n = t();
     if (!n) return "";
     let e;
     if (!H(n))
-      e = w(n);
-    else {
       e = g(n);
+    else {
+      e = C(n);
       const i = document.createElement("div");
       i.innerHTML = e;
-      const h = (o) => {
+      const N = (o) => {
         var p;
-        const r = o.textContent || "", d = k(r);
+        const r = o.textContent || "", d = w(r);
         if (d.length === 1 && !d[0].isLink)
           return;
         const l = document.createDocumentFragment();
@@ -34,7 +34,7 @@ const A = (t) => {
           } else
             l.appendChild(document.createTextNode(s.toString()));
         }), (p = o.parentNode) == null || p.replaceChild(l, o);
-      }, N = document.createTreeWalker(
+      }, E = document.createTreeWalker(
         i,
         NodeFilter.SHOW_TEXT,
         {
@@ -50,11 +50,11 @@ const A = (t) => {
         }
       ), m = [];
       let a;
-      for (; a = N.nextNode(); )
+      for (; a = E.nextNode(); )
         a.nodeType === Node.TEXT_NODE && m.push(a);
-      m.reverse().forEach(h), e = i.innerHTML;
+      m.reverse().forEach(N), e = i.innerHTML;
     }
-    return f.value || (e = C(e)), e;
+    return f.value || (e = v(e, h.value)), e;
   }), inNewWindow: (n) => {
     n.preventDefault();
     const e = n.target;

package/dist/hooks/useEmojiNative.js

@@ -1,19 +1,31 @@
-import { ref as u, computed as n } from "vue";
-const t = u([]), c = (v) => {
-  const a = u(0), i = t.value.find(({ id: e }) => e === v);
-  return i !== void 0 ? a.value = t.value.indexOf(i) : (t.value.push({
-    id: v,
-    native: !0
-  }), a.value = t.value.length - 1), { isNative: n(() => {
+import { ref as a, computed as s } from "vue";
+import { APPLE_EMOJI_CDN as c, normalizeEmojiCdn as u } from "../functions/renderAppleEmojis.js";
+const i = a([]), N = (r) => {
+  const n = a(0), o = i.value.find(({ id: e }) => e === r);
+  o !== void 0 ? (n.value = i.value.indexOf(o), o.emojiSrc || (o.emojiSrc = c)) : (i.value.push({
+    id: r,
+    native: !0,
+    emojiSrc: c
+  }), n.value = i.value.length - 1);
+  const t = () => i.value[n.value], m = s(() => {
     var e;
-    return ((e = t.value[a.value]) == null ? void 0 : e.native) ?? !0;
-  }), getNative: () => {
+    return ((e = t()) == null ? void 0 : e.native) ?? !0;
+  }), v = s(() => {
     var e;
-    return ((e = t.value[a.value]) == null ? void 0 : e.native) ?? !0;
+    return ((e = t()) == null ? void 0 : e.emojiSrc) ?? c;
+  });
+  return { isNative: m, emojiSrc: v, getNative: () => {
+    var e;
+    return ((e = t()) == null ? void 0 : e.native) ?? !0;
+  }, getEmojiSrc: () => {
+    var e;
+    return ((e = t()) == null ? void 0 : e.emojiSrc) ?? c;
   }, setNative: (e) => {
-    t.value[a.value] && (t.value[a.value].native = e);
+    t() && (t().native = e);
+  }, setEmojiSrc: (e) => {
+    t() && (t().emojiSrc = u(e));
   } };
 };
 export {
-  c as useEmojiNative
+  N as useEmojiNative
 };