@mobilon-dev/chotto 0.3.29 → 0.3.31

package/dist/components/2_feed_elements/FileMessage/FileMessage.vue2.js

@@ -0,0 +1,204 @@
+import { defineComponent as p, computed as y, createElementBlock as r, openBlock as o, unref as t, normalizeStyle as k, normalizeClass as u, createCommentVNode as l, createElementVNode as n, createVNode as d, withCtx as S, createTextVNode as D, toDisplayString as f, createBlock as b, withModifiers as q, Transition as z } from "vue";
+import W from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import G from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import J from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import K from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import Q from "../MessageReactions/MessageReactions.vue.js";
+import X from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import Y from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as Z } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageLinks as _ } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as ee } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as se } from "../../../hooks/messages/useSubtextTooltip.js";
+import { getStatus as te, getStatusTitle as ie } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as ae } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as ne } from "../../../functions/createReactionHandlers.js";
+import "../../../functions/parseMarkdown.js";
+const oe = ["messageId"], le = ["src"], me = {
+  key: 1,
+  class: "file-message__subtext"
+}, re = ["href"], ge = { class: "file-message__filename-text" }, ce = {
+  key: 1,
+  class: "file-message__text-container"
+}, ue = ["innerHTML"], de = { class: "file-message__info-container" }, fe = { class: "file-message__time" }, Ae = /* @__PURE__ */ p({
+  __name: "FileMessage",
+  props: {
+    message: {
+      type: Object,
+      required: !0
+    },
+    applyStyle: {
+      type: Function,
+      default: () => null
+    },
+    isFirstInSeries: {
+      type: Boolean,
+      default: !0
+    },
+    reactionsEnabled: {
+      type: Boolean,
+      default: !0
+    },
+    subtextTooltipData: {
+      type: Object,
+      required: !1,
+      default: () => ({})
+    }
+  },
+  emits: ["action", "reply"],
+  setup(e, { emit: I }) {
+    const i = e, v = I, { linkedHtml: L, inNewWindow: R } = _(() => i.message.text), {
+      isOpenMenu: w,
+      buttonMenuVisible: E,
+      showMenu: h,
+      hideMenu: x,
+      clickAction: F,
+      viewsAction: C,
+      handleClickReplied: A
+    } = Z(i.message, v), B = y(() => te(i.message.status)), O = y(() => ie(i.message.status, i.message.statusMsg)), { bubbleStyle: U } = ee(
+      y(() => i.message),
+      { cssVariable: "--chotto-filemessage-right-bg", position: "right" }
+    );
+    function T(m) {
+      return ae(m.position, "file-message");
+    }
+    const { onToggleReaction: V, onAddReaction: H, onRemoveReaction: N } = ne(v), P = async () => {
+      if (i.message.url)
+        try {
+          const m = new URL(i.message.url, window.location.href);
+          if (m.origin === window.location.origin) {
+            const c = document.createElement("a");
+            c.href = m.toString(), c.download = i.message.filename || `file-${i.message.messageId}`, document.body.appendChild(c), c.click(), document.body.removeChild(c);
+            return;
+          }
+          const a = await fetch(i.message.url);
+          if (!a.ok)
+            throw new Error(`HTTP error! status: ${a.status}`);
+          const j = await a.blob(), M = window.URL.createObjectURL(j), g = document.createElement("a");
+          g.href = M, g.download = i.message.filename || `file-${i.message.messageId}`, document.body.appendChild(g), g.click(), document.body.removeChild(g), window.URL.revokeObjectURL(M);
+        } catch (m) {
+          console.error("Ошибка при скачивании файла:", m), window.open(i.message.url, "_blank");
+        }
+    }, $ = se(() => i.message, () => i.subtextTooltipData);
+    return (m, s) => (o(), r("div", {
+      class: u(["file-message", [
+        T(e.message),
+        e.applyStyle(e.message)
+      ]]),
+      messageId: e.message.messageId,
+      style: k(t(U)),
+      onMouseleave: s[4] || (s[4] = //@ts-ignore
+      (...a) => t(x) && t(x)(...a))
+    }, [
+      e.message.avatar && e.isFirstInSeries ? (o(), r("img", {
+        key: 0,
+        class: "file-message__avatar",
+        src: e.message.avatar,
+        height: "32",
+        width: "32",
+        style: k({ gridRow: e.message.subText ? "2" : "1" })
+      }, null, 12, le)) : l("", !0),
+      e.message.subText && e.isFirstInSeries ? (o(), r("p", me, [
+        d(Y, {
+          text: t($),
+          position: e.message.position === "left" ? "right" : "left",
+          offset: 8
+        }, {
+          default: S(() => [
+            D(f(e.message.subText), 1)
+          ]),
+          _: 1
+        }, 8, ["text", "position"])
+      ])) : l("", !0),
+      n("div", {
+        class: u(["file-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }]),
+        style: k({ gridRow: e.message.subText ? "2" : "1" }),
+        onMouseenter: s[3] || (s[3] = //@ts-ignore
+        (...a) => t(h) && t(h)(...a))
+      }, [
+        e.message.reply ? (o(), b(K, {
+          key: 0,
+          message: e.message.reply,
+          class: u(e.message.position),
+          onReply: t(A)
+        }, null, 8, ["message", "class", "onReply"])) : l("", !0),
+        n("a", {
+          class: "file-message__link",
+          href: e.message.url,
+          onClick: q(P, ["prevent"])
+        }, [
+          s[5] || (s[5] = n("span", { class: "pi pi-file" }, null, -1)),
+          n("p", ge, f(e.message.filename), 1),
+          s[6] || (s[6] = n("div", { class: "file-message__download-button" }, [
+            n("span", { class: "pi pi-download" })
+          ], -1))
+        ], 8, re),
+        e.message.text ? (o(), r("div", ce, [
+          n("p", {
+            onClick: s[0] || (s[0] = //@ts-ignore
+            (...a) => t(R) && t(R)(...a)),
+            innerHTML: t(L)
+          }, null, 8, ue)
+        ])) : l("", !0),
+        e.message.linkPreview ? (o(), b(G, {
+          key: 2,
+          class: u(e.message.position),
+          "link-preview": e.message.linkPreview
+        }, null, 8, ["class", "link-preview"])) : l("", !0),
+        e.message.embed ? (o(), b(J, {
+          key: 3,
+          class: u(e.message.position),
+          embed: e.message.embed
+        }, null, 8, ["class", "embed"])) : l("", !0),
+        d(Q, {
+          reactions: e.message.reactions,
+          "message-id": e.message.messageId,
+          enabled: e.reactionsEnabled,
+          onToggleReaction: t(V),
+          onAddReaction: t(H),
+          onRemoveReaction: t(N)
+        }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"]),
+        n("div", de, [
+          e.message.views ? (o(), r("div", {
+            key: 0,
+            class: "file-message__views",
+            onClick: s[1] || (s[1] = //@ts-ignore
+            (...a) => t(C) && t(C)(...a))
+          }, [
+            s[7] || (s[7] = n("span", { class: "pi pi-eye" }, null, -1)),
+            n("p", null, f(e.message.views), 1)
+          ])) : l("", !0),
+          n("span", fe, f(e.message.time), 1),
+          d(X, {
+            "base-class": "file-message",
+            "message-class": T(e.message),
+            "message-status": e.message.status,
+            "status-class": B.value,
+            "status-title": O.value
+          }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
+        ]),
+        t(E) && e.message.actions ? (o(), r("button", {
+          key: 4,
+          class: "file-message__menu-button",
+          onClick: s[2] || (s[2] = (a) => w.value = !t(w))
+        }, [...s[8] || (s[8] = [
+          n("span", { class: "pi pi-ellipsis-h" }, null, -1)
+        ])])) : l("", !0),
+        d(z, null, {
+          default: S(() => [
+            t(w) && e.message.actions ? (o(), b(W, {
+              key: 0,
+              class: "file-message__context-menu",
+              actions: e.message.actions,
+              onClick: t(F)
+            }, null, 8, ["actions", "onClick"])) : l("", !0)
+          ]),
+          _: 1
+        })
+      ], 38)
+    ], 46, oe));
+  }
+});
+export {
+  Ae as default
+};

package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue.js

@@ -0,0 +1,7 @@
+import o from "./ImageMessage.vue2.js";
+/* empty css                  */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-db94d3b9"]]);
+export {
+  r as default
+};

package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue2.js

@@ -0,0 +1,266 @@
+import { defineComponent as se, inject as te, ref as A, computed as p, createElementBlock as m, openBlock as i, unref as a, normalizeStyle as L, normalizeClass as b, createCommentVNode as o, createElementVNode as l, createBlock as u, createVNode as g, withCtx as r, createTextVNode as ae, toDisplayString as x, Transition as v, withModifiers as B, Teleport as ie } from "vue";
+import ne from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import oe from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import le from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import me from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import ge from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
+import re from "../MessageReactions/MessageReactions.vue.js";
+import ue from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import ce from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as de } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageLinks as fe } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as be } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as ve } from "../../../hooks/messages/useSubtextTooltip.js";
+import { getStatus as pe, getStatusTitle as ye } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as we } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as ke } from "../../../functions/createReactionHandlers.js";
+import "../../../functions/parseMarkdown.js";
+import "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import { useTheme as xe } from "../../../hooks/useTheme.js";
+/* empty css                              */
+/* empty css                                              */
+const he = ["messageId"], Re = ["src"], Me = {
+  key: 1,
+  class: "image-message__subtext"
+}, Ce = ["src", "alt"], Te = {
+  key: 0,
+  class: "image-message__info-container"
+}, Ie = { class: "image-message__time" }, Se = {
+  key: 1,
+  class: "image-message__text-container"
+}, je = ["innerHTML"], Ae = ["src", "alt"], _e = /* @__PURE__ */ se({
+  __name: "ImageMessage",
+  props: {
+    message: {
+      type: Object,
+      required: !0
+    },
+    applyStyle: {
+      type: Function,
+      default: () => null
+    },
+    isFirstInSeries: {
+      type: Boolean,
+      default: !0
+    },
+    reactionsEnabled: {
+      type: Boolean,
+      default: !0
+    },
+    subtextTooltipData: {
+      type: Object,
+      required: !1,
+      default: () => ({})
+    }
+  },
+  emits: ["action", "reply"],
+  setup(e, { emit: E }) {
+    const $ = te("chatAppId"), { getTheme: h } = xe($), t = e, R = E, y = A(!1), {
+      isOpenMenu: w,
+      buttonMenuVisible: F,
+      showMenu: V,
+      hideMenu: M,
+      clickAction: O,
+      viewsAction: C,
+      handleClickReplied: N
+    } = de(t.message, R), c = A(!1), { linkedHtml: D, inNewWindow: T } = fe(() => t.message.text), H = () => {
+      V(), c.value = !0;
+    }, P = p(() => t.message.reply && t.message.text ? "0" : t.message.text ? "8px 8px 0 0" : t.message.reply ? "0 0 8px 8px" : "8px"), U = p(() => pe(t.message.status)), q = p(() => ye(t.message.status, t.message.statusMsg)), { bubbleStyle: z } = be(
+      p(() => t.message),
+      { cssVariable: "--chotto-imagemessage-right-bg", position: "right" }
+    );
+    function I(d) {
+      return we(d.position, "image-message");
+    }
+    const W = () => y.value = !1, G = async () => {
+      var d, s;
+      if (t.message.url)
+        try {
+          const n = await fetch(t.message.url, {
+            headers: {
+              Accept: "image/*"
+            }
+          }), Y = n.headers.get("content-type") || "", Z = await n.blob(), k = ((s = (d = t.message.url.split(".").pop()) == null ? void 0 : d.split("?")[0]) == null ? void 0 : s.toLowerCase()) || "", _ = {
+            "image/jpeg": "jpg",
+            "image/jpg": "jpg",
+            "image/png": "png",
+            "image/gif": "gif",
+            "image/webp": "webp",
+            "image/svg+xml": "svg",
+            "image/bmp": "bmp"
+          };
+          let S = k && ["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp"].includes(k) ? k : _[Y] || "jpg";
+          const ee = t.message.alt ? t.message.alt.includes(".") ? t.message.alt : `${t.message.alt}.${S}` : `image-${t.message.messageId}.${S}`, j = window.URL.createObjectURL(Z), f = document.createElement("a");
+          f.href = j, f.download = ee, document.body.appendChild(f), f.click(), document.body.removeChild(f), window.URL.revokeObjectURL(j);
+        } catch (n) {
+          console.error("Ошибка при скачивании изображения:", n);
+        }
+    }, { onToggleReaction: J, onAddReaction: K, onRemoveReaction: Q } = ke(R), X = ve(() => t.message, () => t.subtextTooltipData);
+    return (d, s) => (i(), m("div", {
+      class: b(["image-message", [
+        I(e.message),
+        e.applyStyle(e.message)
+      ]]),
+      messageId: e.message.messageId,
+      style: L(a(z)),
+      onMouseleave: s[5] || (s[5] = //@ts-ignore
+      (...n) => a(M) && a(M)(...n))
+    }, [
+      e.message.avatar && e.isFirstInSeries ? (i(), m("img", {
+        key: 0,
+        class: "image-message__avatar",
+        src: e.message.avatar,
+        height: "32",
+        width: "32"
+      }, null, 8, Re)) : o("", !0),
+      e.message.subText && e.isFirstInSeries ? (i(), m("p", Me, [
+        g(ce, {
+          text: a(X),
+          position: e.message.position === "left" ? "right" : "left",
+          offset: 8
+        }, {
+          default: r(() => [
+            ae(x(e.message.subText), 1)
+          ]),
+          _: 1
+        }, 8, ["text", "position"])
+      ])) : o("", !0),
+      l("div", {
+        class: b(["image-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }])
+      }, [
+        e.message.reply ? (i(), u(me, {
+          key: 0,
+          style: { margin: "10px 10px 4px 16px" },
+          class: b(e.message.position),
+          message: e.message.reply,
+          onReply: a(N)
+        }, null, 8, ["class", "message", "onReply"])) : o("", !0),
+        l("div", {
+          class: "image-message__preview-button",
+          onClick: s[1] || (s[1] = (n) => y.value = !0),
+          onMouseenter: H,
+          onMouseleave: s[2] || (s[2] = (n) => c.value = !c.value)
+        }, [
+          l("img", {
+            class: "image-message__preview-image",
+            style: L({ borderRadius: P.value }),
+            src: e.message.url,
+            alt: e.message.alt
+          }, null, 12, Ce),
+          g(v, { name: "modal-fade" }, {
+            default: r(() => [
+              c.value ? (i(), m("div", Te, [
+                e.message.views ? (i(), m("div", {
+                  key: 0,
+                  class: "image-message__views",
+                  onClick: s[0] || (s[0] = B(
+                    //@ts-ignore
+                    (...n) => a(C) && a(C)(...n),
+                    ["stop"]
+                  ))
+                }, [
+                  s[6] || (s[6] = l("span", { class: "pi pi-eye" }, null, -1)),
+                  l("p", null, x(e.message.views), 1)
+                ])) : o("", !0),
+                l("span", Ie, x(e.message.time), 1),
+                g(ue, {
+                  "base-class": "image-message",
+                  "message-class": I(e.message),
+                  "message-status": e.message.status,
+                  "status-class": U.value,
+                  "status-title": q.value
+                }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
+              ])) : o("", !0)
+            ]),
+            _: 1
+          }),
+          g(v, { name: "modal-fade" }, {
+            default: r(() => [
+              c.value ? (i(), m("button", {
+                key: 0,
+                class: "image-message__download-button",
+                onClick: B(G, ["stop"])
+              }, [...s[7] || (s[7] = [
+                l("span", { class: "pi pi-download" }, null, -1)
+              ])])) : o("", !0)
+            ]),
+            _: 1
+          })
+        ], 32),
+        g(v, { name: "modal-fade" }, {
+          default: r(() => [
+            a(F) && e.message.actions ? (i(), m("button", {
+              key: 0,
+              class: "image-message__menu-button",
+              onClick: s[3] || (s[3] = (n) => w.value = !a(w))
+            }, [...s[8] || (s[8] = [
+              l("span", { class: "pi pi-ellipsis-h" }, null, -1)
+            ])])) : o("", !0)
+          ]),
+          _: 1
+        }),
+        g(v, { name: "context-menu" }, {
+          default: r(() => [
+            a(w) && e.message.actions ? (i(), u(ne, {
+              key: 0,
+              class: "image-message__context-menu",
+              actions: e.message.actions,
+              onClick: a(O)
+            }, null, 8, ["actions", "onClick"])) : o("", !0)
+          ]),
+          _: 1
+        }),
+        e.message.text ? (i(), m("div", Se, [
+          l("p", {
+            onClick: s[4] || (s[4] = //@ts-ignore
+            (...n) => a(T) && a(T)(...n)),
+            innerHTML: a(D)
+          }, null, 8, je)
+        ])) : o("", !0),
+        e.message.linkPreview ? (i(), u(oe, {
+          key: 2,
+          class: b(["image-message__link-preview", e.message.position]),
+          "link-preview": e.message.linkPreview
+        }, null, 8, ["class", "link-preview"])) : o("", !0),
+        e.message.embed ? (i(), u(le, {
+          key: 3,
+          class: b(e.message.position),
+          embed: e.message.embed
+        }, null, 8, ["class", "embed"])) : o("", !0),
+        g(re, {
+          reactions: e.message.reactions,
+          "message-id": e.message.messageId,
+          enabled: e.reactionsEnabled,
+          onToggleReaction: a(J),
+          onAddReaction: a(K),
+          onRemoveReaction: a(Q)
+        }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"])
+      ], 2),
+      (i(), u(ie, { to: "body" }, [
+        g(v, { name: "modal-fade" }, {
+          default: r(() => [
+            y.value ? (i(), u(ge, {
+              key: 0,
+              "data-theme": a(h)().theme ? a(h)().theme : "light",
+              onClose: W
+            }, {
+              default: r(() => [
+                l("img", {
+                  class: "image-message__modal-image",
+                  src: e.message.url,
+                  alt: e.message.alt
+                }, null, 8, Ae)
+              ]),
+              _: 1
+            }, 8, ["data-theme"])) : o("", !0)
+          ]),
+          _: 1
+        })
+      ]))
+    ], 46, he));
+  }
+});
+export {
+  _e as default
+};

package/dist/components/2_feed_elements/MessageKeyboard/MessageKeyboard.vue.js

@@ -0,0 +1,7 @@
+import o from "./MessageKeyboard.vue2.js";
+/* empty css                     */
+import r from "../../../_virtual/_plugin-vue_export-helper.js";
+const s = /* @__PURE__ */ r(o, [["__scopeId", "data-v-973cd877"]]);
+export {
+  s as default
+};

package/dist/components/2_feed_elements/MessageKeyboard/MessageKeyboard.vue2.js

@@ -0,0 +1,46 @@
+import { defineComponent as u, useTemplateRef as f, inject as x, createElementBlock as r, openBlock as n, normalizeClass as _, Fragment as g, renderList as y, normalizeStyle as b, createElementVNode as h, toDisplayString as k } from "vue";
+import { useMessageDraft as C } from "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import "../../../hooks/useTheme.js";
+/* empty css                              */
+/* empty css                                              */
+import "../../../node_modules/linkifyjs/dist/linkify.js";
+import "../../../functions/parseMarkdown.js";
+const v = ["onClick"], T = /* @__PURE__ */ u({
+  __name: "MessageKeyboard",
+  props: {
+    keyboard: {
+      type: Array,
+      required: !0
+    },
+    align: {
+      type: String,
+      default: "right",
+      validator: (t) => ["left", "center", "right"].includes(t)
+    }
+  },
+  emits: ["action"],
+  setup(t, { expose: a, emit: i }) {
+    const s = f("keyboard"), c = i, l = x("chatAppId"), { setMessageText: p, setForceSendMessage: d } = C(l), m = (e) => {
+      e.action && typeof e.action == "function" ? e.action() : e.action != null ? c("action", e.action) : (p(e.text), d(!0));
+    };
+    return a({
+      refKeyboard: s
+    }), (e, M) => (n(), r("div", {
+      ref: "keyboard",
+      class: _(["keyboard__container", [`keyboard__container--${t.align}`]])
+    }, [
+      (n(!0), r(g, null, y(t.keyboard, (o) => (n(), r("div", {
+        key: o.text,
+        class: "keyboard__key",
+        style: b({ "box-shadow": "0px 0px 10px 5px " + o.color }),
+        onClick: (S) => m(o)
+      }, [
+        h("p", null, k(o.text), 1)
+      ], 12, v))), 128))
+    ], 2));
+  }
+});
+export {
+  T as default
+};

package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue.js

@@ -0,0 +1,7 @@
+import o from "./MessageReactions.vue2.js";
+/* empty css                      */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-350f4d0b"]]);
+export {
+  r as default
+};