@mobilon-dev/chotto 0.3.109 → 0.3.110

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

@@ -1,8 +1,5 @@
 import { inject as c } from "vue";
 import { useMessageDraft as f } from "../../../../hooks/useMessageDraft.js";
-import "../../../../hooks/useSearchModel.js";
-import "../../../../hooks/useTheme.js";
-import "../../../../hooks/useEmojiNative.js";
 /* empty css                                 */
 /* empty css                                                 */
 import "../../../../locale/useLocale.js";
@@ -11,15 +8,15 @@ import "../../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../../functions/parseMarkdown.js";
 import { useStartReply as u, hideReplyPreview as p } from "../../../../hooks/messages/useStartReply.js";
-function w({ enableDoubleClickReply: a, emit: s, isReplyAllowed: r }) {
-  const i = c("chatAppId"), { getMessage: l, resetReply: n, resetEdit: d, setMessageText: m } = f(i), { startReply: o } = u(i);
+function S({ enableDoubleClickReply: a, emit: i, isReplyAllowed: r }) {
+  const s = c("chatAppId"), { getMessage: l, resetReply: n, resetEdit: d, setMessageText: m } = f(s), { startReply: o } = u(s);
   return {
     getMessage: l,
     messageAction: (t) => {
-      s("messageAction", t);
+      i("messageAction", t);
     },
     handleClickReplied: (t) => {
-      s("clickRepliedMessage", t);
+      i("clickRepliedMessage", t);
     },
     feedObjectDoubleClick: (t, e) => {
       a && (r && !r(e) || (t == null || t.preventDefault(), e.type.indexOf("system") === -1 && e.type.indexOf("typing") === -1 && o({
@@ -33,13 +30,13 @@ function w({ enableDoubleClickReply: a, emit: s, isReplyAllowed: r }) {
       })));
     },
     handleResetReply: () => {
-      n(), p(i);
+      n(), p(s);
     },
     handleResetEdit: () => {
-      d(), m(""), p(i);
+      d(), m(""), p(s);
     }
   };
 }
 export {
-  w as useFeedReply
+  S as useFeedReply
 };

package/dist/components/5_containers/BaseContainer/BaseContainer.vue.js

@@ -1,7 +1,15 @@
-import { useId as n, provide as o, createElementBlock as r, openBlock as d, unref as i, createElementVNode as s, normalizeStyle as c, renderSlot as l } from "vue";
+import { useId as r, provide as i, createElementBlock as a, openBlock as p, unref as n, createElementVNode as d, normalizeStyle as s, renderSlot as m } from "vue";
+import { provideChatAppStores as c } from "../../../hooks/provideChatAppStores.js";
+/* empty css                              */
+import l from "../../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                              */
+import "../../../locale/useLocale.js";
+/* empty css                                                            */
+import "../../../node_modules/linkifyjs/dist/linkify.js";
+import "../../../node_modules/linkify-string/dist/linkify-string.js";
+import "../../../functions/parseMarkdown.js";
 /* empty css                   */
-import p from "../../../_virtual/_plugin-vue_export-helper.js";
-const h = ["id"], u = {
+const h = ["id"], f = {
   __name: "BaseContainer",
   props: {
     height: {
@@ -13,21 +21,21 @@ const h = ["id"], u = {
       default: "100%"
     }
   },
-  setup(e) {
-    const t = n();
-    return o("chatAppId", t), (a, _) => (d(), r("div", {
-      id: i(t),
+  setup(t) {
+    const e = r();
+    return i("chatAppId", e), c(), (o, u) => (p(), a("div", {
+      id: n(e),
       class: "base"
     }, [
-      s("div", {
+      d("div", {
         class: "base__container",
-        style: c({ height: e.height, width: e.width })
+        style: s({ height: t.height, width: t.width })
       }, [
-        l(a.$slots, "default", {}, void 0, !0)
+        m(o.$slots, "default", {}, void 0, !0)
       ], 4)
     ], 8, h));
   }
-}, v = /* @__PURE__ */ p(u, [["__scopeId", "data-v-e4a3da14"]]);
+}, k = /* @__PURE__ */ l(f, [["__scopeId", "data-v-758f33af"]]);
 export {
-  v as default
+  k as default
 };

package/dist/components/5_containers/FloatContainer/FloatContainer.vue.js

@@ -1,7 +1,15 @@
-import { ref as n, useId as M, provide as S, onMounted as k, createElementBlock as w, openBlock as h, normalizeStyle as _, unref as H, createElementVNode as i, createCommentVNode as C, toDisplayString as E, renderSlot as g } from "vue";
+import { ref as n, useId as M, provide as S, onMounted as k, createElementBlock as w, openBlock as h, normalizeStyle as _, unref as C, createElementVNode as i, createCommentVNode as H, toDisplayString as E, renderSlot as g } from "vue";
+import { provideChatAppStores as I } from "../../../hooks/provideChatAppStores.js";
+/* empty css                              */
+import X from "../../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                              */
+import "../../../locale/useLocale.js";
+/* empty css                                                            */
+import "../../../node_modules/linkifyjs/dist/linkify.js";
+import "../../../node_modules/linkify-string/dist/linkify-string.js";
+import "../../../functions/parseMarkdown.js";
 /* empty css                    */
-import I from "../../../_virtual/_plugin-vue_export-helper.js";
-const X = ["id"], Y = { class: "float-window__container" }, $ = ["src", "alt"], z = { class: "float-window__title" }, D = { style: { "margin-left": "auto", display: "flex" } }, L = {
+const Y = ["id"], $ = { class: "float-window__container" }, z = ["src", "alt"], A = { class: "float-window__title" }, D = { style: { "margin-left": "auto", display: "flex" } }, L = {
   __name: "FloatContainer",
   props: {
     title: {
@@ -22,69 +30,69 @@ const X = ["id"], Y = { class: "float-window__container" }, $ = ["src", "alt"],
     }
   },
   emits: ["close-window", "get-size"],
-  setup(u, { emit: W }) {
-    const l = u, t = n({ x: 0, y: 0 }), o = n(null), r = n(null), s = n(!1), d = n(0), c = n(0), f = n(0), v = M();
-    S("chatAppId", v);
-    const y = (e) => {
-      s.value = !0, d.value = e.clientX - o.value.offsetLeft, c.value = e.clientY - o.value.offsetTop;
-    }, p = () => s.value = !1, x = (e) => {
+  setup(r, { emit: W }) {
+    const a = r, e = n({ x: 0, y: 0 }), o = n(null), d = n(null), s = n(!1), u = n(0), c = n(0), f = n(0), p = M();
+    S("chatAppId", p), I();
+    const y = (t) => {
+      s.value = !0, u.value = t.clientX - o.value.offsetLeft, c.value = t.clientY - o.value.offsetTop;
+    }, v = () => s.value = !1, x = (t) => {
       if (s.value) {
-        const a = e.clientX - d.value, m = e.clientY - c.value;
-        t.value.x = a, t.value.y = m;
+        const l = t.clientX - u.value, m = t.clientY - c.value;
+        e.value.x = l, e.value.y = m;
       }
     };
     return k(() => {
       document.addEventListener("mousemove", x), window.addEventListener("resize", () => {
-        o.value && (t.value.x = Math.max(
+        o.value && (e.value.x = Math.max(
           0,
           Math.min(
-            t.value.x,
+            e.value.x,
             window.innerWidth - o.value.offsetWidth
           )
-        ), t.value.y = Math.max(
+        ), e.value.y = Math.max(
           0,
           Math.min(
-            t.value.y,
+            e.value.y,
             window.innerHeight - o.value.offsetHeight
           )
         ));
-      }), f.value = o.value.offsetHeight - r.value.offsetHeight;
-    }), (e, a) => (h(), w("div", {
-      id: H(v),
+      }), f.value = o.value.offsetHeight - d.value.offsetHeight;
+    }), (t, l) => (h(), w("div", {
+      id: C(p),
       ref_key: "element",
       ref: o,
       class: "float-window",
       style: _({
-        left: t.value.x + "px",
-        top: t.value.y + "px",
+        left: e.value.x + "px",
+        top: e.value.y + "px",
         userSelect: s.value ? "none" : "auto",
-        height: u.height,
-        width: u.width,
+        height: r.height,
+        width: r.width,
         display: "flex"
       })
     }, [
-      i("div", Y, [
+      i("div", $, [
         i("div", {
           ref_key: "container",
-          ref: r,
+          ref: d,
           class: "float-window__controls",
           onMousedown: y,
-          onMouseup: p,
-          onMouseleave: p
+          onMouseup: v,
+          onMouseleave: v
         }, [
-          l.avatar ? (h(), w("img", {
+          a.avatar ? (h(), w("img", {
             key: 0,
             class: "float-window__avatar",
-            src: l.avatar,
-            alt: l.title
-          }, null, 8, $)) : C("", !0),
-          i("p", z, E(l.title), 1),
+            src: a.avatar,
+            alt: a.title
+          }, null, 8, z)) : H("", !0),
+          i("p", A, E(a.title), 1),
           i("div", D, [
-            g(e.$slots, "controls", {}, void 0, !0),
+            g(t.$slots, "controls", {}, void 0, !0),
             i("button", {
               class: "float-window__close-button",
-              onClick: a[0] || (a[0] = (m) => e.$emit("close-window"))
-            }, [...a[1] || (a[1] = [
+              onClick: l[0] || (l[0] = (m) => t.$emit("close-window"))
+            }, [...l[1] || (l[1] = [
               i("span", { class: "pi pi-times" }, null, -1)
             ])])
           ])
@@ -93,12 +101,12 @@ const X = ["id"], Y = { class: "float-window__container" }, $ = ["src", "alt"],
           class: "float-window__content",
           style: _({ height: f.value + "px" })
         }, [
-          g(e.$slots, "default", {}, void 0, !0)
+          g(t.$slots, "default", {}, void 0, !0)
         ], 4)
       ])
-    ], 12, X));
+    ], 12, Y));
   }
-}, B = /* @__PURE__ */ I(L, [["__scopeId", "data-v-a219697a"]]);
+}, J = /* @__PURE__ */ X(L, [["__scopeId", "data-v-57785d61"]]);
 export {
-  B as default
+  J as default
 };

package/dist/hooks/messages/useStartEdit.js

@@ -1,8 +1,5 @@
 import "vue";
-import { useMessageDraft as p } from "../useMessageDraft.js";
-import "../useSearchModel.js";
-import "../useTheme.js";
-import "../useEmojiNative.js";
+import { useMessageDraft as m } from "../useMessageDraft.js";
 /* empty css                                         */
 /* empty css                                                         */
 import "../../locale/useLocale.js";
@@ -10,21 +7,21 @@ import "../../locale/useLocale.js";
 import "../../node_modules/linkifyjs/dist/linkify.js";
 import "../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../functions/parseMarkdown.js";
-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), o(i.text ?? ""), e(i);
+import { hideReplyPreview as p, showReplyPreview as i } from "./useStartReply.js";
+function l(t) {
+  const { setEdit: r, setMessageText: o, resetReply: s } = m(t);
+  return { startEdit: (e) => {
+    s(), i(t), o(e.text ?? ""), r(e);
   } };
 }
-function g(t) {
-  s(t);
+function x(t) {
+  p(t);
 }
-function M(t) {
-  r(t);
+function y(t) {
+  i(t);
 }
 export {
-  g as hideEditPreview,
-  M as showEditPreview,
-  R as useStartEdit
+  x as hideEditPreview,
+  y as showEditPreview,
+  l as useStartEdit
 };

package/dist/hooks/messages/useStartReply.js

@@ -1,8 +1,5 @@
 import "vue";
 import { useMessageDraft as p } from "../useMessageDraft.js";
-import "../useSearchModel.js";
-import "../useTheme.js";
-import "../useEmojiNative.js";
 /* empty css                                         */
 /* empty css                                                         */
 import "../../locale/useLocale.js";
@@ -14,18 +11,18 @@ function s(t) {
   const e = document.getElementById("chat-input-reply-line-" + t);
   e && (e.style.display = "inherit");
 }
-function E(t) {
+function w(t) {
   const e = document.getElementById("chat-input-reply-line-" + t);
   e && (e.style.display = "none");
 }
-function M(t) {
-  const { setReply: e, resetEdit: i, setMessageText: r, getMessage: o } = p(t);
-  return { startReply: (n) => {
-    o().edit && (i(), r("")), s(t), e(n);
+function h(t) {
+  const { setReply: e, resetEdit: i, setMessageText: r, getMessage: n } = p(t);
+  return { startReply: (o) => {
+    n().edit && (i(), r("")), s(t), e(o);
   } };
 }
 export {
-  E as hideReplyPreview,
+  w as hideReplyPreview,
   s as showReplyPreview,
-  M as useStartReply
+  h as useStartReply
 };

package/dist/hooks/provideChatAppStores.js

@@ -0,0 +1,10 @@
+import { provideMessageDraftStore as o } from "./useMessageDraft.js";
+import { provideThemeStore as r } from "./useTheme.js";
+import { provideSearchModelStore as e } from "./useSearchModel.js";
+import { provideEmojiNativeStore as t } from "./useEmojiNative.js";
+function f() {
+  o(), r(), e(), t();
+}
+export {
+  f as provideChatAppStores
+};

package/dist/hooks/useEmojiNative.js

@@ -1,31 +1,51 @@
-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,
+import { ref as v, computed as s, provide as f, getCurrentInstance as S, inject as E } from "vue";
+import { APPLE_EMOJI_CDN as c, normalizeEmojiCdn as N } from "../functions/renderAppleEmojis.js";
+const m = Symbol("chottoEmojiNativeStore"), a = /* @__PURE__ */ new Map();
+function u() {
+  return { states: v([]) };
+}
+function C() {
+  const t = u();
+  return f(m, t), t;
+}
+function d(t) {
+  if (S()) {
+    const r = E(m, null);
+    if (r) return r;
+  }
+  const o = t || "__default__";
+  let i = a.get(o);
+  return i || (i = u(), a.set(o, i)), i;
+}
+const b = (t) => {
+  const { states: o } = d(t), i = v(0), r = o.value.find(({ id: e }) => e === t);
+  r !== void 0 ? (i.value = o.value.indexOf(r), r.emojiSrc || (r.emojiSrc = c)) : (o.value.push({
+    id: t,
     native: !0,
     emojiSrc: c
-  }), n.value = i.value.length - 1);
-  const t = () => i.value[n.value], m = s(() => {
+  }), i.value = o.value.length - 1);
+  const n = () => o.value[i.value], j = s(() => {
     var e;
-    return ((e = t()) == null ? void 0 : e.native) ?? !0;
-  }), v = s(() => {
+    return ((e = n()) == null ? void 0 : e.native) ?? !0;
+  }), l = s(() => {
     var e;
-    return ((e = t()) == null ? void 0 : e.emojiSrc) ?? c;
+    return ((e = n()) == null ? void 0 : e.emojiSrc) ?? c;
   });
-  return { isNative: m, emojiSrc: v, getNative: () => {
+  return { isNative: j, emojiSrc: l, getNative: () => {
     var e;
-    return ((e = t()) == null ? void 0 : e.native) ?? !0;
+    return ((e = n()) == null ? void 0 : e.native) ?? !0;
   }, getEmojiSrc: () => {
     var e;
-    return ((e = t()) == null ? void 0 : e.emojiSrc) ?? c;
+    return ((e = n()) == null ? void 0 : e.emojiSrc) ?? c;
   }, setNative: (e) => {
-    t() && (t().native = e);
+    n() && (n().native = e);
   }, setEmojiSrc: (e) => {
-    t() && (t().emojiSrc = u(e));
+    n() && (n().emojiSrc = N(e));
   } };
 };
 export {
-  N as useEmojiNative
+  u as createEmojiNativeStore,
+  m as emojiNativeStoreKey,
+  C as provideEmojiNativeStore,
+  b as useEmojiNative
 };