@mobilon-dev/chotto 0.3.108 → 0.3.110

package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue2.js

@@ -1,10 +1,7 @@
-import { defineComponent as z, inject as D, ref as t, computed as j, createElementBlock as v, openBlock as p, createCommentVNode as _, createElementVNode as l, toDisplayString as x, unref as A, normalizeClass as B } from "vue";
-import { buildFilePreview as E } from "../../../hooks/uploadFile/generatePreview.js";
-import { uploadFile as L } from "../../../hooks/uploadFile/uploadFile.js";
-import { useMessageDraft as N } from "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
-import "../../../hooks/useTheme.js";
-import "../../../hooks/useEmojiNative.js";
+import { defineComponent as D, inject as j, ref as t, computed as x, createElementBlock as v, openBlock as p, createCommentVNode as g, createElementVNode as l, toDisplayString as B, unref as C, normalizeClass as E } from "vue";
+import { buildFilePreview as L } from "../../../hooks/uploadFile/generatePreview.js";
+import { useChottoUploader as N } from "../../../hooks/uploadFile/useChottoUploader.js";
+import { useMessageDraft as T } from "../../../hooks/useMessageDraft.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
@@ -12,85 +9,96 @@ import "../../../locale/useLocale.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-const T = { class: "audio-recorder__container" }, V = {
+const V = { class: "audio-recorder__container" }, O = {
   key: 0,
   class: "audio-recorder__status"
-}, O = {
+}, P = {
   key: 1,
   class: "audio-recorder__recording-container"
-}, P = { class: "audio-recorder__recording-time" }, ae = /* @__PURE__ */ z({
+}, q = { class: "audio-recorder__recording-time" }, oe = /* @__PURE__ */ D({
   __name: "AudioRecorder",
   props: {
     state: {
       type: String,
       default: "active"
     },
+    /**
+     * @deprecated Используйте `uploader` или `provide(chottoUploadFileKey)`.
+     * Legacy adapter: POST `{filebumpUrl}/upload`. Будет удалён в следующем major.
+     */
     filebumpUrl: {
       type: String,
       default: null
+    },
+    uploader: {
+      type: Function,
+      default: void 0
     }
   },
-  setup(g) {
-    const C = D("chatAppId"), { getMessage: m, setMessageFile: M, setRecordingMessage: b } = N(C), y = t(), a = t(0), r = t(0), u = t(0), n = t(0), U = j(() => {
-      let s = n.value < 10 ? "0" + n.value : n.value, e = u.value < 10 ? "0" + u.value : u.value, o = r.value < 10 ? "0" + r.value : r.value, S = a.value < 10 ? "00" + a.value : a.value < 100 ? "0" + a.value : a.value;
-      return s + ":" + e + ":" + o + ":" + S;
-    }), c = t(""), d = t(!1), i = t(), f = t([]), R = t(), k = g, h = async () => {
-      if (!m().file && k.state == "active") {
-        const s = await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 });
-        y.value = setInterval(() => {
-          a.value += 10, a.value == 1e3 && (a.value = 0, r.value++, r.value == 60 && (r.value = 0, u.value++, u.value == 60 && (u.value = 0, n.value++)));
-        }, 10), b(!0), d.value = !0, i.value = new MediaRecorder(s), i.value.start(), i.value.ondataavailable = (e) => {
+  setup(b) {
+    const U = j("chatAppId"), { getMessage: m, setMessageFile: A, setRecordingMessage: y } = T(U), R = t(), a = t(0), u = t(0), r = t(0), n = t(0), M = x(() => {
+      let i = n.value < 10 ? "0" + n.value : n.value, e = r.value < 10 ? "0" + r.value : r.value, o = u.value < 10 ? "0" + u.value : u.value, z = a.value < 10 ? "00" + a.value : a.value < 100 ? "0" + a.value : a.value;
+      return i + ":" + e + ":" + o + ":" + z;
+    }), d = t(""), c = t(!1), s = t(), f = t([]), k = t(), _ = b, { upload: h } = N({
+      uploader: () => _.uploader,
+      filebumpUrl: () => _.filebumpUrl
+    }), F = async () => {
+      if (!m().file && _.state == "active") {
+        const i = await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 });
+        R.value = setInterval(() => {
+          a.value += 10, a.value == 1e3 && (a.value = 0, u.value++, u.value == 60 && (u.value = 0, r.value++, r.value == 60 && (r.value = 0, n.value++)));
+        }, 10), y(!0), c.value = !0, s.value = new MediaRecorder(i), s.value.start(), s.value.ondataavailable = (e) => {
           f.value.push(e.data);
         };
       }
-    }, F = () => {
-      w(), R.value = void 0;
     }, I = () => {
-      i.value && (i.value.stop(), i.value.onstop = async () => {
-        const s = new File(f.value, "voicemessage.mp3", { type: "audio/*" }), e = URL.createObjectURL(s);
-        R.value = e, c.value = "uploading", await L(k.filebumpUrl, s).then((o) => {
-          c.value = o.status, o.status == "success" && M({
+      w(), k.value = void 0;
+    }, S = () => {
+      s.value && (s.value.stop(), s.value.onstop = async () => {
+        const i = new File(f.value, "voicemessage.mp3", { type: "audio/*" }), e = URL.createObjectURL(i);
+        k.value = e, d.value = "uploading", await h(i, { kind: "audio" }).then((o) => {
+          d.value = o.status, o.status == "success" && A({
             url: o.url,
             name: o.name,
             size: o.size,
             type: o.type,
-            preview: E(o.name, o.preview)
+            preview: L(o.name, o.preview)
           });
         });
       }), w();
     }, w = () => {
-      clearInterval(y.value), a.value = 0, r.value = 0, u.value = 0, n.value = 0, b(!1), d.value = !1, i.value = void 0, f.value = [];
+      clearInterval(R.value), a.value = 0, u.value = 0, r.value = 0, n.value = 0, y(!1), c.value = !1, s.value = void 0, f.value = [];
     };
-    return (s, e) => (p(), v("div", T, [
-      c.value === "uploading" ? (p(), v("div", V, [...e[0] || (e[0] = [
+    return (i, e) => (p(), v("div", V, [
+      d.value === "uploading" ? (p(), v("div", O, [...e[0] || (e[0] = [
         l("span", null, "Загрузка файла...", -1)
-      ])])) : _("", !0),
-      d.value && c.value != "uploading" ? (p(), v("div", O, [
+      ])])) : g("", !0),
+      c.value && d.value != "uploading" ? (p(), v("div", P, [
         e[3] || (e[3] = l("span", { class: "audio-recorder__recording-icon pi pi-circle-fill" }, null, -1)),
         l("button", {
           class: "audio-recorder__button audio-recorder__button-record",
-          onClick: F
+          onClick: I
         }, [...e[1] || (e[1] = [
           l("span", { class: "pi pi-trash" }, null, -1)
         ])]),
         l("button", {
           class: "audio-recorder__button audio-recorder__button-record",
-          onClick: I
+          onClick: S
         }, [...e[2] || (e[2] = [
           l("div", { class: "audio-recorder__stop" }, null, -1)
         ])]),
-        l("span", P, x(U.value), 1)
-      ])) : _("", !0),
-      !d.value && c.value != "uploading" && !A(m)().isRecording ? (p(), v("button", {
+        l("span", q, B(M.value), 1)
+      ])) : g("", !0),
+      !c.value && d.value != "uploading" && !C(m)().isRecording ? (p(), v("button", {
         key: 2,
-        class: B(["audio-recorder__button", { "audio-recorder__button-disabled": g.state == "disabled" || A(m)().file }]),
-        onClick: h
+        class: E(["audio-recorder__button", { "audio-recorder__button-disabled": b.state == "disabled" || C(m)().file }]),
+        onClick: F
       }, [...e[4] || (e[4] = [
         l("span", { class: "pi pi-microphone" }, null, -1)
-      ])], 2)) : _("", !0)
+      ])], 2)) : g("", !0)
     ]));
   }
 });
 export {
-  ae as default
+  oe as default
 };

package/dist/components/2_elements/ChannelSelector/ChannelSelector.vue.js

@@ -2,9 +2,6 @@ import { inject as f, ref as C, createElementBlock as a, createCommentVNode as l
 import y from "../../1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js";
 import { t as b } from "../../../locale/useLocale.js";
 import { useMessageDraft as k } from "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
-import "../../../hooks/useTheme.js";
-import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 import S from "../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                              */
@@ -39,10 +36,10 @@ const x = {
   },
   emits: ["selectChannel"],
   setup(e, { emit: d }) {
-    const m = e, h = f("chatAppId"), { getMessage: p } = k(h), u = d, t = C(m.channels.find((n) => n.type === "default")), _ = (n) => {
-      t.value = n, u("selectChannel", t.value);
+    const m = e, h = f("chatAppId"), { getMessage: u } = k(h), p = d, t = C(m.channels.find((n) => n.type === "default")), _ = (n) => {
+      t.value = n, p("selectChannel", t.value);
     };
-    return (n, N) => c(p)().isRecording ? l("", !0) : (s(), a("div", {
+    return (n, N) => c(u)().isRecording ? l("", !0) : (s(), a("div", {
       key: 0,
       class: o(["channels__container", { "channels__container-disabled": e.state == "disabled" }])
     }, [
@@ -70,7 +67,7 @@ const x = {
       }, 8, ["actions", "mode", "disabled"])
     ], 2));
   }
-}, Q = /* @__PURE__ */ S(I, [["__scopeId", "data-v-d5653eb5"]]);
+}, K = /* @__PURE__ */ S(I, [["__scopeId", "data-v-d5653eb5"]]);
 export {
-  Q as default
+  K as default
 };

package/dist/components/2_elements/ThemeMode/ThemeMode.vue.js

@@ -1,8 +1,5 @@
-import { inject as f, onMounted as T, createElementBlock as n, createCommentVNode as _, openBlock as s, createElementVNode as g, Fragment as y, renderList as v, toDisplayString as k } from "vue";
-import "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
+import { inject as f, onMounted as T, createElementBlock as m, createCommentVNode as _, openBlock as s, createElementVNode as g, Fragment as y, renderList as v, toDisplayString as k } from "vue";
 import { useTheme as B } from "../../../hooks/useTheme.js";
-import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 import I from "../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                              */
@@ -22,24 +19,24 @@ const x = { key: 0 }, A = ["value", "selected"], E = {
     show: Boolean
   },
   emits: ["selectedTheme"],
-  setup(c, { emit: i }) {
-    const r = c, a = i, m = f("chatAppId"), { getTheme: p } = B(m), l = () => {
-      const e = r.themes.find((t) => t.default === !0);
-      return e ? e.code : r.themes[0].code;
+  setup(c, { emit: a }) {
+    const n = c, i = a, r = f("chatAppId"), { getTheme: p } = B(r), l = () => {
+      const e = n.themes.find((t) => t.default === !0);
+      return e ? e.code : n.themes[0].code;
     }, u = (e) => {
       const t = e.target.value;
       d(t);
     }, d = (e) => {
-      m && (document.getElementById(m).dataset.theme = e, p().theme = e, a("selectedTheme", e));
+      r && (document.getElementById(r).dataset.theme = e, p().theme = e, i("selectedTheme", e));
     };
     return T(() => {
       const e = l();
       d(e);
-    }), (e, t) => c.show ? (s(), n("div", x, [
+    }), (e, t) => c.show ? (s(), m("div", x, [
       g("select", {
         onChange: t[0] || (t[0] = (o) => u(o))
       }, [
-        (s(!0), n(y, null, v(r.themes, (o, h) => (s(), n("option", {
+        (s(!0), m(y, null, v(n.themes, (o, h) => (s(), m("option", {
           key: h,
           value: o.code,
           selected: o.default === !0
@@ -47,7 +44,7 @@ const x = { key: 0 }, A = ["value", "selected"], E = {
       ], 32)
     ])) : _("", !0);
   }
-}, H = /* @__PURE__ */ I(E, [["__scopeId", "data-v-c6c5d7cb"]]);
+}, q = /* @__PURE__ */ I(E, [["__scopeId", "data-v-c6c5d7cb"]]);
 export {
-  H as default
+  q as default
 };

package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue.js

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

package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue2.js

@@ -1,10 +1,8 @@
-import { defineComponent as _, inject as y, ref as b, createElementBlock as r, openBlock as i, Fragment as h, createCommentVNode as a, unref as f, normalizeClass as k, createElementVNode as n } from "vue";
-import { buildFilePreview as F } from "../../../hooks/uploadFile/generatePreview.js";
-import { uploadFile as w } from "../../../hooks/uploadFile/uploadFile.js";
+import { defineComponent as y, inject as b, ref as h, createElementBlock as r, openBlock as i, Fragment as k, createCommentVNode as n, unref as f, normalizeClass as F, createElementVNode as l } from "vue";
+import { buildFilePreview as w } from "../../../hooks/uploadFile/generatePreview.js";
+import { useChottoUploader as C } from "../../../hooks/uploadFile/useChottoUploader.js";
 import { useMessageDraft as M } from "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
 import { useTheme as R } from "../../../hooks/useTheme.js";
-import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
@@ -13,59 +11,70 @@ import { useModalVideoRecorder as V } from "../../../hooks/modals/useVideoRecord
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-const C = {
+const U = {
   key: 0,
   class: "video-recorder__container"
 }, z = {
   key: 1,
   class: "video-recorder__container"
-}, J = /* @__PURE__ */ _({
+}, H = /* @__PURE__ */ y({
   __name: "VideoRecorder",
   props: {
     state: {
       type: String,
       default: "active"
     },
+    /**
+     * @deprecated Используйте `uploader` или `provide(chottoUploadFileKey)`.
+     * Legacy adapter: POST `{filebumpUrl}/upload`. Будет удалён в следующем major.
+     */
     filebumpUrl: {
       type: String,
       default: null
+    },
+    uploader: {
+      type: Function,
+      default: void 0
     }
   },
-  setup(l) {
-    const d = y("chatAppId"), { getMessage: s, setMessageFile: v, setRecordingMessage: p } = M(d), { getTheme: m } = R(d), o = b(""), c = l, g = async () => {
-      if (!s().file && c.state == "active") {
-        const u = m().theme ? m().theme : "";
-        await V(u).then(async (t) => {
-          t.videoFile && (o.value = "uploading", p(!0), await w(c.filebumpUrl, t.videoFile).then((e) => {
-            p(!1), o.value = e.status, e.status == "success" && v({
+  setup(d) {
+    const p = b("chatAppId"), { getMessage: s, setMessageFile: v, setRecordingMessage: c } = M(p), { getTheme: u } = R(p), o = h(""), a = d, { upload: g } = C({
+      uploader: () => a.uploader,
+      filebumpUrl: () => a.filebumpUrl
+    }), _ = async () => {
+      if (!s().file && a.state == "active") {
+        const m = u().theme ? u().theme : "";
+        await V(m).then(async (t) => {
+          t.videoFile && (o.value = "uploading", c(!0), await g(t.videoFile, { kind: "video" }).then((e) => {
+            c(!1), o.value = e.status, e.status == "success" && v({
               url: e.url,
               name: e.name,
               size: e.size,
               type: e.type,
-              preview: F(e.name, e.preview)
+              preview: w(e.name, e.preview)
             });
           }));
         });
       }
     };
-    return (u, t) => (i(), r(h, null, [
-      f(s)().isRecording ? a("", !0) : (i(), r("div", C, [
+    return (m, t) => (i(), r(k, null, [
+      f(s)().isRecording ? n("", !0) : (i(), r("div", U, [
         o.value != "uploading" ? (i(), r("button", {
           key: 0,
-          class: k(["video-recorder__button", { "video-recorder__button-disabled": l.state == "disabled" || f(s)().file }]),
-          onClick: g
+          class: F(["video-recorder__button", { "video-recorder__button-disabled": d.state == "disabled" || f(s)().file }]),
+          onClick: _
         }, [...t[0] || (t[0] = [
-          n("span", { class: "pi pi-video" }, null, -1)
-        ])], 2)) : a("", !0)
+          l("span", { class: "pi pi-video" }, null, -1)
+        ])], 2)) : n("", !0)
       ])),
       o.value === "uploading" ? (i(), r("div", z, [...t[1] || (t[1] = [
-        n("div", { class: "video-recorder__status" }, [
-          n("span", null, "Загрузка файла...")
+        l("div", { class: "video-recorder__status" }, [
+          l("span", null, "Загрузка файла...")
         ], -1)
-      ])])) : a("", !0)
+      ])])) : n("", !0)
     ], 64));
   }
 });
 export {
-  J as default
+  H as default
 };