@ozdao/martyrs 0.2.480 → 0.2.482

package/dist/martyrs/src/modules/community/components/sections/Comments.vue.cjs

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const axios = require("axios");
+const vueRouter = require("vue-router");
+const index = require("../../../../../node_modules/.pnpm/@capacitor_preferences@7.0.1_@capacitor_core@7.2.0/node_modules/@capacitor/preferences/dist/esm/index.cjs");
 const Comment = require("./Comment.vue.cjs");
+const axiosInstance = require("../../../globals/views/utils/axios-instance.cjs");
 const _hoisted_1 = { id: "comments" };
 const _hoisted_2 = { class: "mn-b-medium" };
-const _hoisted_3 = { class: "mn-b-small" };
-const _hoisted_4 = {
-  key: 1,
-  class: "mn-b-small"
-};
+const _hoisted_3 = { class: "mn-b-regular" };
+const _hoisted_4 = { class: "mn-b-small" };
 const _sfc_main = {
   __name: "Comments",
   props: [
@@ -19,12 +18,21 @@ const _sfc_main = {
   ],
   setup(__props) {
     const props = __props;
-    const $axios = axios.create({ baseURL: process.env.API_URL });
+    const route = vueRouter.useRoute();
+    const { proxy } = vue.getCurrentInstance();
     const comments = vue.ref([]);
     const commentContent = vue.ref("");
+    const DRAFT_KEY = `comment_draft_${props.type}_${props.target}`;
+    vue.onMounted(async () => {
+      const { value } = await index.Preferences.get({ key: DRAFT_KEY });
+      if (value) {
+        commentContent.value = value;
+        await index.Preferences.remove({ key: DRAFT_KEY });
+      }
+    });
     const fetchComments = async () => {
       try {
-        const response = await $axios.get("/comments/read", {
+        const response = await axiosInstance.default.get("/comments/read", {
           params: {
             target: props.target,
             type: props.type,
@@ -38,9 +46,63 @@ const _sfc_main = {
         console.error("Error fetching comments:", error);
       }
     };
+    const handleCommentSubmit = async () => {
+      if (!commentContent.value) {
+        return;
+      }
+      if (!props.owner) {
+        await index.Preferences.set({
+          key: DRAFT_KEY,
+          value: commentContent.value
+        });
+        await proxy.$showAuth({
+          title: "Join the discussion",
+          subtitle: "To comment on this post, please sign in or create an account.",
+          returnUrl: route.fullPath
+        });
+        return;
+      }
+      await submitComment();
+    };
+    const submitComment = async () => {
+      try {
+        const response = await axiosInstance.default.post("/comments/create", {
+          target: props.target,
+          user: props.owner,
+          type: props.type,
+          content: commentContent.value,
+          creator: {
+            target: props.owner,
+            type: "User",
+            hidden: false
+          },
+          owner: {
+            target: props.owner,
+            type: "User"
+          }
+        });
+        response.data.owner = props.owner;
+        comments.value.push(response.data);
+        commentContent.value = "";
+      } catch (error) {
+        console.error(error);
+      }
+    };
     const handleReply = async (parentId, content) => {
+      if (!props.owner) {
+        await index.Preferences.set({
+          key: `${DRAFT_KEY}_reply_${parentId}`,
+          value: content
+        });
+        await proxy.$showAuth({
+          title: "Join the discussion",
+          subtitle: "To reply to this comment, please sign in or create an account.",
+          returnUrl: route.fullPath
+        });
+        return;
+      }
       try {
-        const response = await $axios.post("/comments/create", {
+        const response = await axiosInstance.default.post("/comments/create", {
           content,
           target: props.target,
           type: props.type,
@@ -65,7 +127,7 @@ const _sfc_main = {
     };
     const loadMoreChildren = async (commentId, depth) => {
       try {
-        const response = await $axios.get("/comments/read", {
+        const response = await axiosInstance.default.get("/comments/read", {
           params: {
             target: props.target,
             type: props.type,
@@ -97,63 +159,30 @@ const _sfc_main = {
       }
       return false;
     };
-    const submitComment = async () => {
-      if (!commentContent.value) {
-        return;
-      }
-      try {
-        const response = await $axios.post("/comments/create", {
-          target: props.target,
-          user: props.owner,
-          type: props.type,
-          content: commentContent.value,
-          creator: {
-            target: props.owner,
-            type: "User",
-            hidden: false
-          },
-          owner: {
-            target: props.owner,
-            type: "User"
-          }
-        });
-        response.data.owner = props.owner;
-        comments.value.push(response.data);
-        commentContent.value = "";
-      } catch (error) {
-        console.error(error);
-      }
-    };
     fetchComments();
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
           vue.createElementVNode("h3", _hoisted_3, vue.toDisplayString(comments.value.length) + " comments", 1),
-          !__props.owner ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({ name: "Sign In" })),
-            class: "pd-big cursor-pointer mn-b-small bg-black t-white flex-center flex radius-big"
-          }, _cache[2] || (_cache[2] = [
-            vue.createElementVNode("p", { class: "t-semi uppercase" }, "Please log in to leave a comment.", -1)
-          ]))) : vue.createCommentVNode("", true),
-          __props.owner ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+          vue.createElementVNode("div", _hoisted_4, [
             vue.createElementVNode("form", {
-              onSubmit: vue.withModifiers(submitComment, ["prevent"]),
-              class: "bg-light radius-medium pd-medium"
+              onSubmit: vue.withModifiers(handleCommentSubmit, ["prevent"]),
+              class: "bg-white radius-medium pd-medium"
             }, [
               vue.withDirectives(vue.createElementVNode("textarea", {
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => commentContent.value = $event),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => commentContent.value = $event),
                 placeholder: "Enter your comment",
-                class: "p-big w-100"
+                class: "p-big w-100",
+                style: { "resize": "none" }
               }, null, 512), [
                 [vue.vModelText, commentContent.value]
               ]),
-              _cache[3] || (_cache[3] = vue.createElementVNode("button", {
+              _cache[1] || (_cache[1] = vue.createElementVNode("button", {
                 type: "submit",
                 class: "mn-l-auto bg-main pd-r-regular pd-l-regular pd-thin button"
-              }, "Send", -1))
+              }, " Send ", -1))
             ], 32)
-          ])) : vue.createCommentVNode("", true)
+          ])
         ]),
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(comments.value, (comment) => {
           return vue.openBlock(), vue.createBlock(Comment.default, {
@@ -164,7 +193,7 @@ const _sfc_main = {
             owner: __props.owner,
             onReply: handleReply,
             onLoadMore: loadMoreChildren,
-            class: "comment bg-light pd-medium mn-b-small radius-medium"
+            class: "comment mn-b-medium"
           }, null, 8, ["comment", "target", "type", "owner"]);
         }), 128))
       ]);

package/dist/martyrs/src/modules/community/components/sections/Comments.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Comments.vue.cjs","sources":["../../../../../../../src/modules/community/components/sections/Comments.vue"],"sourcesContent":["<template>\n  <div id=\"comments\">\n    <div class=\"mn-b-medium\">\n      <h3 class=\"mn-b-small\">{{ comments.length }} comments</h3>\n\n      <div @click=\"$router.push({name: 'Sign In'})\" class=\"pd-big cursor-pointer mn-b-small bg-black t-white flex-center flex radius-big\" v-if=\"!owner\">\n        <p class=\"t-semi uppercase\">Please log in to leave a comment.</p>\n      </div>\n\n      <div class=\"mn-b-small\" v-if=\"owner\">\n        <form @submit.prevent=\"submitComment\" class=\"bg-light radius-medium pd-medium\">\n          <textarea v-model=\"commentContent\" placeholder=\"Enter your comment\" class=\"p-big w-100\"></textarea>\n          <button type=\"submit\" class=\"mn-l-auto bg-main pd-r-regular pd-l-regular pd-thin button\">Send</button>\n        </form>\n      </div>\n    </div>\n\n     <Comment\n        v-for=\"comment in comments\"\n        :key=\"comment._id\"\n        :comment=\"comment\"\n        :target=\"target\"\n        :type=\"type\"\n        :owner=\"owner\"\n        @reply=\"handleReply\"\n        @load-more=\"loadMoreChildren\"\n        class=\"comment bg-light pd-medium mn-b-small radius-medium\"\n      />\n  </div>\n</template>\n\n<script setup=\"props\">\nimport { ref } from 'vue';\nimport axios from 'axios';\n\nimport Comment from './Comment.vue';\n\nconst props = defineProps([\n  'target', \n  'owner', \n  'type'\n])\n\nconst $axios = axios.create({ baseURL: process.env.API_URL });\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        format: 'tree',\n        maxDepth: 2\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nconst handleReply = async (parentId, content) => {\n  try {\n    const response = await $axios.post('/comments/create', {\n      content,\n      target: props.target,\n      type: props.type,\n      user: props.owner,\n      parent: parentId,\n      format: 'tree',\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    const newComment = response.data;\n\n    // Обновляем дерево комментариев\n    updateCommentTree(comments.value, parentId, newComment);\n  } catch (error) {\n    console.error('Error posting reply:', error);\n  }\n};\n\nconst loadMoreChildren = async (commentId, depth) => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        parentId: commentId,\n        depth: depth,\n        maxDepth: 10\n      }\n    });\n\n    // Обновляем дерево комментариев\n    updateCommentTree(comments.value, commentId, response.data, response.data.hasMore, true);\n  } catch (error) {\n    console.error('Error loading more comments:', error);\n  }\n};\n\nconst updateCommentTree = (comments, parentId, newData, hasMore, isLoadMore = false) => {\n  for (let i = 0; i < comments.length; i++) {\n    if (comments[i]._id === parentId) {\n      if (isLoadMore) {\n        // Для загрузки дополнительных комментариев, добавляем их к существующим\n        comments[i].children = [...comments[i].children, ...newData];\n        comments[i].hasMore = hasMore;\n      } else {\n        // Для нового комментария, добавляем его в начало списка дочерних\n        comments[i].children.push(newData);\n      }\n      return true;\n    }\n    if (comments[i].children && updateCommentTree(comments[i].children, parentId, newData, hasMore, isLoadMore)) {\n      return true;\n    }\n  }\n  return false;\n};\n\n\nconst submitComment = async () => {\n  if (!commentContent.value) {\n    return;\n  }\n  try {\n    const response = await $axios.post('/comments/create', {\n      target: props.target,\n      user: props.owner,\n      type: props.type,\n      content: commentContent.value,\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    response.data.owner = props.owner;\n    comments.value.push(response.data);\n\n    commentContent.value = '';\n  } catch (error) {\n    console.error(error);\n  }\n};\n\nfetchComments();\n</script>\n"],"names":["ref","comments"],"mappings":"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"}
+{"version":3,"file":"Comments.vue.cjs","sources":["../../../../../../../src/modules/community/components/sections/Comments.vue"],"sourcesContent":["<template>\n  <div id=\"comments\">\n    <div class=\"mn-b-medium\">\n      \n      <h3 class=\"mn-b-regular\">{{ comments.length }} comments</h3>\n\n      <div class=\"mn-b-small\">\n        <form @submit.prevent=\"handleCommentSubmit\" class=\"bg-white radius-medium pd-medium\">\n          <textarea \n            v-model=\"commentContent\" \n            placeholder=\"Enter your comment\" \n            class=\"p-big w-100\"\n            style=\"resize: none;\"\n          ></textarea>\n          <button type=\"submit\" class=\"mn-l-auto bg-main pd-r-regular pd-l-regular pd-thin button\">\n            Send\n          </button>\n        </form>\n      </div>\n    </div>\n\n    <Comment\n      v-for=\"comment in comments\"\n      :key=\"comment._id\"\n      :comment=\"comment\"\n      :target=\"target\"\n      :type=\"type\"\n      :owner=\"owner\"\n      @reply=\"handleReply\"\n      @load-more=\"loadMoreChildren\"\n      class=\"comment mn-b-medium\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, getCurrentInstance } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { Preferences } from '@capacitor/preferences';\n\nimport Comment from './Comment.vue';\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\nconst props = defineProps([\n  'target', \n  'owner', \n  'type'\n]);\n\nconst route = useRoute();\nconst { proxy } = getCurrentInstance();\n\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst DRAFT_KEY = `comment_draft_${props.type}_${props.target}`;\n\n// Загружаем сохраненный черновик при монтировании\nonMounted(async () => {\n  // Проверяем наличие черновика\n  const { value } = await Preferences.get({ key: DRAFT_KEY });\n  \n  if (value) {\n    commentContent.value = value;\n    // Очищаем черновик после загрузки\n    await Preferences.remove({ key: DRAFT_KEY });\n  }\n});\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        format: 'tree',\n        maxDepth: 2\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nconst handleCommentSubmit = async () => {\n  if (!commentContent.value) {\n    return;\n  }\n\n  // Проверяем авторизацию\n  if (!props.owner) {\n    // Сохраняем черновик\n    await Preferences.set({\n      key: DRAFT_KEY,\n      value: commentContent.value\n    });\n    \n    // Показываем auth popup\n    await proxy.$showAuth({\n      title: 'Join the discussion',\n      subtitle: 'To comment on this post, please sign in or create an account.',\n      returnUrl: route.fullPath\n    });\n    \n    return;\n  }\n\n  // Отправляем комментарий\n  await submitComment();\n};\n\nconst submitComment = async () => {\n  try {\n    const response = await $axios.post('/comments/create', {\n      target: props.target,\n      user: props.owner,\n      type: props.type,\n      content: commentContent.value,\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    response.data.owner = props.owner;\n    comments.value.push(response.data);\n\n    commentContent.value = '';\n  } catch (error) {\n    console.error(error);\n  }\n};\n\nconst handleReply = async (parentId, content) => {\n  // Проверяем авторизацию для ответов\n  if (!props.owner) {\n    // Сохраняем черновик ответа\n    await Preferences.set({\n      key: `${DRAFT_KEY}_reply_${parentId}`,\n      value: content\n    });\n    \n    await proxy.$showAuth({\n      title: 'Join the discussion',\n      subtitle: 'To reply to this comment, please sign in or create an account.',\n      returnUrl: route.fullPath\n    });\n    \n    return;\n  }\n\n  try {\n    const response = await $axios.post('/comments/create', {\n      content,\n      target: props.target,\n      type: props.type,\n      user: props.owner,\n      parent: parentId,\n      format: 'tree',\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    const newComment = response.data;\n    updateCommentTree(comments.value, parentId, newComment);\n  } catch (error) {\n    console.error('Error posting reply:', error);\n  }\n};\n\nconst loadMoreChildren = async (commentId, depth) => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        parentId: commentId,\n        depth: depth,\n        maxDepth: 10\n      }\n    });\n\n    updateCommentTree(comments.value, commentId, response.data, response.data.hasMore, true);\n  } catch (error) {\n    console.error('Error loading more comments:', error);\n  }\n};\n\nconst updateCommentTree = (comments, parentId, newData, hasMore, isLoadMore = false) => {\n  for (let i = 0; i < comments.length; i++) {\n    if (comments[i]._id === parentId) {\n      if (isLoadMore) {\n        comments[i].children = [...comments[i].children, ...newData];\n        comments[i].hasMore = hasMore;\n      } else {\n        comments[i].children.push(newData);\n      }\n      return true;\n    }\n    if (comments[i].children && updateCommentTree(comments[i].children, parentId, newData, hasMore, isLoadMore)) {\n      return true;\n    }\n  }\n  return false;\n};\n\nfetchComments();\n</script>"],"names":["useRoute","getCurrentInstance","ref","onMounted","Preferences","$axios","comments"],"mappings":"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"}

package/dist/martyrs/src/modules/community/components/sections/Comments.vue.js

@@ -1,13 +1,12 @@
-import { ref, createElementBlock, openBlock, createElementVNode, createCommentVNode, toDisplayString, withModifiers, withDirectives, vModelText, Fragment, renderList, createBlock } from "vue";
-import axios from "axios";
-import _sfc_main$1 from "./Comment.vue.js";
+import { getCurrentInstance, ref, onMounted, createElementBlock, openBlock, createElementVNode, toDisplayString, withModifiers, withDirectives, vModelText, Fragment, renderList, createBlock } from "vue";
+import { useRoute } from "vue-router";
+import { Preferences } from "../../../../../node_modules/.pnpm/@capacitor_preferences@7.0.1_@capacitor_core@7.2.0/node_modules/@capacitor/preferences/dist/esm/index.js";
+import Comment from "./Comment.vue.js";
+import $axios from "../../../globals/views/utils/axios-instance.js";
 const _hoisted_1 = { id: "comments" };
 const _hoisted_2 = { class: "mn-b-medium" };
-const _hoisted_3 = { class: "mn-b-small" };
-const _hoisted_4 = {
-  key: 1,
-  class: "mn-b-small"
-};
+const _hoisted_3 = { class: "mn-b-regular" };
+const _hoisted_4 = { class: "mn-b-small" };
 const _sfc_main = {
   __name: "Comments",
   props: [
@@ -17,9 +16,18 @@ const _sfc_main = {
   ],
   setup(__props) {
     const props = __props;
-    const $axios = axios.create({ baseURL: process.env.API_URL });
+    const route = useRoute();
+    const { proxy } = getCurrentInstance();
     const comments = ref([]);
     const commentContent = ref("");
+    const DRAFT_KEY = `comment_draft_${props.type}_${props.target}`;
+    onMounted(async () => {
+      const { value } = await Preferences.get({ key: DRAFT_KEY });
+      if (value) {
+        commentContent.value = value;
+        await Preferences.remove({ key: DRAFT_KEY });
+      }
+    });
     const fetchComments = async () => {
       try {
         const response = await $axios.get("/comments/read", {
@@ -36,7 +44,61 @@ const _sfc_main = {
         console.error("Error fetching comments:", error);
       }
     };
+    const handleCommentSubmit = async () => {
+      if (!commentContent.value) {
+        return;
+      }
+      if (!props.owner) {
+        await Preferences.set({
+          key: DRAFT_KEY,
+          value: commentContent.value
+        });
+        await proxy.$showAuth({
+          title: "Join the discussion",
+          subtitle: "To comment on this post, please sign in or create an account.",
+          returnUrl: route.fullPath
+        });
+        return;
+      }
+      await submitComment();
+    };
+    const submitComment = async () => {
+      try {
+        const response = await $axios.post("/comments/create", {
+          target: props.target,
+          user: props.owner,
+          type: props.type,
+          content: commentContent.value,
+          creator: {
+            target: props.owner,
+            type: "User",
+            hidden: false
+          },
+          owner: {
+            target: props.owner,
+            type: "User"
+          }
+        });
+        response.data.owner = props.owner;
+        comments.value.push(response.data);
+        commentContent.value = "";
+      } catch (error) {
+        console.error(error);
+      }
+    };
     const handleReply = async (parentId, content) => {
+      if (!props.owner) {
+        await Preferences.set({
+          key: `${DRAFT_KEY}_reply_${parentId}`,
+          value: content
+        });
+        await proxy.$showAuth({
+          title: "Join the discussion",
+          subtitle: "To reply to this comment, please sign in or create an account.",
+          returnUrl: route.fullPath
+        });
+        return;
+      }
       try {
         const response = await $axios.post("/comments/create", {
           content,
@@ -95,66 +157,33 @@ const _sfc_main = {
       }
       return false;
     };
-    const submitComment = async () => {
-      if (!commentContent.value) {
-        return;
-      }
-      try {
-        const response = await $axios.post("/comments/create", {
-          target: props.target,
-          user: props.owner,
-          type: props.type,
-          content: commentContent.value,
-          creator: {
-            target: props.owner,
-            type: "User",
-            hidden: false
-          },
-          owner: {
-            target: props.owner,
-            type: "User"
-          }
-        });
-        response.data.owner = props.owner;
-        comments.value.push(response.data);
-        commentContent.value = "";
-      } catch (error) {
-        console.error(error);
-      }
-    };
     fetchComments();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
           createElementVNode("h3", _hoisted_3, toDisplayString(comments.value.length) + " comments", 1),
-          !__props.owner ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({ name: "Sign In" })),
-            class: "pd-big cursor-pointer mn-b-small bg-black t-white flex-center flex radius-big"
-          }, _cache[2] || (_cache[2] = [
-            createElementVNode("p", { class: "t-semi uppercase" }, "Please log in to leave a comment.", -1)
-          ]))) : createCommentVNode("", true),
-          __props.owner ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_4, [
             createElementVNode("form", {
-              onSubmit: withModifiers(submitComment, ["prevent"]),
-              class: "bg-light radius-medium pd-medium"
+              onSubmit: withModifiers(handleCommentSubmit, ["prevent"]),
+              class: "bg-white radius-medium pd-medium"
             }, [
               withDirectives(createElementVNode("textarea", {
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => commentContent.value = $event),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => commentContent.value = $event),
                 placeholder: "Enter your comment",
-                class: "p-big w-100"
+                class: "p-big w-100",
+                style: { "resize": "none" }
               }, null, 512), [
                 [vModelText, commentContent.value]
               ]),
-              _cache[3] || (_cache[3] = createElementVNode("button", {
+              _cache[1] || (_cache[1] = createElementVNode("button", {
                 type: "submit",
                 class: "mn-l-auto bg-main pd-r-regular pd-l-regular pd-thin button"
-              }, "Send", -1))
+              }, " Send ", -1))
             ], 32)
-          ])) : createCommentVNode("", true)
+          ])
         ]),
         (openBlock(true), createElementBlock(Fragment, null, renderList(comments.value, (comment) => {
-          return openBlock(), createBlock(_sfc_main$1, {
+          return openBlock(), createBlock(Comment, {
             key: comment._id,
             comment,
             target: __props.target,
@@ -162,7 +191,7 @@ const _sfc_main = {
             owner: __props.owner,
             onReply: handleReply,
             onLoadMore: loadMoreChildren,
-            class: "comment bg-light pd-medium mn-b-small radius-medium"
+            class: "comment mn-b-medium"
           }, null, 8, ["comment", "target", "type", "owner"]);
         }), 128))
       ]);

package/dist/martyrs/src/modules/community/components/sections/Comments.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Comments.vue.js","sources":["../../../../../../../src/modules/community/components/sections/Comments.vue"],"sourcesContent":["<template>\n  <div id=\"comments\">\n    <div class=\"mn-b-medium\">\n      <h3 class=\"mn-b-small\">{{ comments.length }} comments</h3>\n\n      <div @click=\"$router.push({name: 'Sign In'})\" class=\"pd-big cursor-pointer mn-b-small bg-black t-white flex-center flex radius-big\" v-if=\"!owner\">\n        <p class=\"t-semi uppercase\">Please log in to leave a comment.</p>\n      </div>\n\n      <div class=\"mn-b-small\" v-if=\"owner\">\n        <form @submit.prevent=\"submitComment\" class=\"bg-light radius-medium pd-medium\">\n          <textarea v-model=\"commentContent\" placeholder=\"Enter your comment\" class=\"p-big w-100\"></textarea>\n          <button type=\"submit\" class=\"mn-l-auto bg-main pd-r-regular pd-l-regular pd-thin button\">Send</button>\n        </form>\n      </div>\n    </div>\n\n     <Comment\n        v-for=\"comment in comments\"\n        :key=\"comment._id\"\n        :comment=\"comment\"\n        :target=\"target\"\n        :type=\"type\"\n        :owner=\"owner\"\n        @reply=\"handleReply\"\n        @load-more=\"loadMoreChildren\"\n        class=\"comment bg-light pd-medium mn-b-small radius-medium\"\n      />\n  </div>\n</template>\n\n<script setup=\"props\">\nimport { ref } from 'vue';\nimport axios from 'axios';\n\nimport Comment from './Comment.vue';\n\nconst props = defineProps([\n  'target', \n  'owner', \n  'type'\n])\n\nconst $axios = axios.create({ baseURL: process.env.API_URL });\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        format: 'tree',\n        maxDepth: 2\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nconst handleReply = async (parentId, content) => {\n  try {\n    const response = await $axios.post('/comments/create', {\n      content,\n      target: props.target,\n      type: props.type,\n      user: props.owner,\n      parent: parentId,\n      format: 'tree',\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    const newComment = response.data;\n\n    // Обновляем дерево комментариев\n    updateCommentTree(comments.value, parentId, newComment);\n  } catch (error) {\n    console.error('Error posting reply:', error);\n  }\n};\n\nconst loadMoreChildren = async (commentId, depth) => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        parentId: commentId,\n        depth: depth,\n        maxDepth: 10\n      }\n    });\n\n    // Обновляем дерево комментариев\n    updateCommentTree(comments.value, commentId, response.data, response.data.hasMore, true);\n  } catch (error) {\n    console.error('Error loading more comments:', error);\n  }\n};\n\nconst updateCommentTree = (comments, parentId, newData, hasMore, isLoadMore = false) => {\n  for (let i = 0; i < comments.length; i++) {\n    if (comments[i]._id === parentId) {\n      if (isLoadMore) {\n        // Для загрузки дополнительных комментариев, добавляем их к существующим\n        comments[i].children = [...comments[i].children, ...newData];\n        comments[i].hasMore = hasMore;\n      } else {\n        // Для нового комментария, добавляем его в начало списка дочерних\n        comments[i].children.push(newData);\n      }\n      return true;\n    }\n    if (comments[i].children && updateCommentTree(comments[i].children, parentId, newData, hasMore, isLoadMore)) {\n      return true;\n    }\n  }\n  return false;\n};\n\n\nconst submitComment = async () => {\n  if (!commentContent.value) {\n    return;\n  }\n  try {\n    const response = await $axios.post('/comments/create', {\n      target: props.target,\n      user: props.owner,\n      type: props.type,\n      content: commentContent.value,\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    response.data.owner = props.owner;\n    comments.value.push(response.data);\n\n    commentContent.value = '';\n  } catch (error) {\n    console.error(error);\n  }\n};\n\nfetchComments();\n</script>\n"],"names":["comments"],"mappings":"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"}
+{"version":3,"file":"Comments.vue.js","sources":["../../../../../../../src/modules/community/components/sections/Comments.vue"],"sourcesContent":["<template>\n  <div id=\"comments\">\n    <div class=\"mn-b-medium\">\n      \n      <h3 class=\"mn-b-regular\">{{ comments.length }} comments</h3>\n\n      <div class=\"mn-b-small\">\n        <form @submit.prevent=\"handleCommentSubmit\" class=\"bg-white radius-medium pd-medium\">\n          <textarea \n            v-model=\"commentContent\" \n            placeholder=\"Enter your comment\" \n            class=\"p-big w-100\"\n            style=\"resize: none;\"\n          ></textarea>\n          <button type=\"submit\" class=\"mn-l-auto bg-main pd-r-regular pd-l-regular pd-thin button\">\n            Send\n          </button>\n        </form>\n      </div>\n    </div>\n\n    <Comment\n      v-for=\"comment in comments\"\n      :key=\"comment._id\"\n      :comment=\"comment\"\n      :target=\"target\"\n      :type=\"type\"\n      :owner=\"owner\"\n      @reply=\"handleReply\"\n      @load-more=\"loadMoreChildren\"\n      class=\"comment mn-b-medium\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, getCurrentInstance } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { Preferences } from '@capacitor/preferences';\n\nimport Comment from './Comment.vue';\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\nconst props = defineProps([\n  'target', \n  'owner', \n  'type'\n]);\n\nconst route = useRoute();\nconst { proxy } = getCurrentInstance();\n\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst DRAFT_KEY = `comment_draft_${props.type}_${props.target}`;\n\n// Загружаем сохраненный черновик при монтировании\nonMounted(async () => {\n  // Проверяем наличие черновика\n  const { value } = await Preferences.get({ key: DRAFT_KEY });\n  \n  if (value) {\n    commentContent.value = value;\n    // Очищаем черновик после загрузки\n    await Preferences.remove({ key: DRAFT_KEY });\n  }\n});\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        format: 'tree',\n        maxDepth: 2\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nconst handleCommentSubmit = async () => {\n  if (!commentContent.value) {\n    return;\n  }\n\n  // Проверяем авторизацию\n  if (!props.owner) {\n    // Сохраняем черновик\n    await Preferences.set({\n      key: DRAFT_KEY,\n      value: commentContent.value\n    });\n    \n    // Показываем auth popup\n    await proxy.$showAuth({\n      title: 'Join the discussion',\n      subtitle: 'To comment on this post, please sign in or create an account.',\n      returnUrl: route.fullPath\n    });\n    \n    return;\n  }\n\n  // Отправляем комментарий\n  await submitComment();\n};\n\nconst submitComment = async () => {\n  try {\n    const response = await $axios.post('/comments/create', {\n      target: props.target,\n      user: props.owner,\n      type: props.type,\n      content: commentContent.value,\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    response.data.owner = props.owner;\n    comments.value.push(response.data);\n\n    commentContent.value = '';\n  } catch (error) {\n    console.error(error);\n  }\n};\n\nconst handleReply = async (parentId, content) => {\n  // Проверяем авторизацию для ответов\n  if (!props.owner) {\n    // Сохраняем черновик ответа\n    await Preferences.set({\n      key: `${DRAFT_KEY}_reply_${parentId}`,\n      value: content\n    });\n    \n    await proxy.$showAuth({\n      title: 'Join the discussion',\n      subtitle: 'To reply to this comment, please sign in or create an account.',\n      returnUrl: route.fullPath\n    });\n    \n    return;\n  }\n\n  try {\n    const response = await $axios.post('/comments/create', {\n      content,\n      target: props.target,\n      type: props.type,\n      user: props.owner,\n      parent: parentId,\n      format: 'tree',\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    const newComment = response.data;\n    updateCommentTree(comments.value, parentId, newComment);\n  } catch (error) {\n    console.error('Error posting reply:', error);\n  }\n};\n\nconst loadMoreChildren = async (commentId, depth) => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        parentId: commentId,\n        depth: depth,\n        maxDepth: 10\n      }\n    });\n\n    updateCommentTree(comments.value, commentId, response.data, response.data.hasMore, true);\n  } catch (error) {\n    console.error('Error loading more comments:', error);\n  }\n};\n\nconst updateCommentTree = (comments, parentId, newData, hasMore, isLoadMore = false) => {\n  for (let i = 0; i < comments.length; i++) {\n    if (comments[i]._id === parentId) {\n      if (isLoadMore) {\n        comments[i].children = [...comments[i].children, ...newData];\n        comments[i].hasMore = hasMore;\n      } else {\n        comments[i].children.push(newData);\n      }\n      return true;\n    }\n    if (comments[i].children && updateCommentTree(comments[i].children, parentId, newData, hasMore, isLoadMore)) {\n      return true;\n    }\n  }\n  return false;\n};\n\nfetchComments();\n</script>"],"names":["comments"],"mappings":"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"}

package/dist/martyrs/src/modules/community/components/sections/HotPosts.vue.cjs

@@ -1,11 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                         */
-;/* empty css                                              */
-;/* empty css                                           */
-;/* empty css                                      */
-const Slider_native = require("../../../../components/Slider/Slider.native.vue.cjs");
+const Carousel = require("../../../../components/Feed/Carousel.vue.cjs");
 const CardBlogpost = require("../blocks/CardBlogpost.vue.cjs");
 const blogposts = require("../../store/blogposts.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
@@ -35,7 +31,7 @@ const _sfc_main = {
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(Slider_native.default, {
+      return vue.openBlock(), vue.createBlock(Carousel.default, {
         store: {
           read: (options) => blogposts.read({
             skip: __props.skip,

package/dist/martyrs/src/modules/community/components/sections/HotPosts.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HotPosts.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HotPosts.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/sections/HotPosts.vue.js

@@ -1,9 +1,5 @@
 import { createBlock, openBlock, withCtx } from "vue";
-/* empty css                                       */
-/* empty css                                            */
-/* empty css                                         */
-/* empty css                                    */
-import SliderNative from "../../../../components/Slider/Slider.native.vue.js";
+import Carousel from "../../../../components/Feed/Carousel.vue.js";
 import _sfc_main$1 from "../blocks/CardBlogpost.vue.js";
 import { read } from "../../store/blogposts.js";
 import { state } from "../../../auth/views/store/auth.js";
@@ -33,7 +29,7 @@ const _sfc_main = {
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(SliderNative, {
+      return openBlock(), createBlock(Carousel, {
         store: {
           read: (options) => read({
             skip: __props.skip,

package/dist/martyrs/src/modules/community/components/sections/HotPosts.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"HotPosts.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HotPosts.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/elements/ButtonCheck.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const index = require("../../../../../../node_modules/.pnpm/@capacitor-mlkit_barcode-scanning@7.2.1_@capacitor_core@7.2.0/node_modules/@capacitor-mlkit/barcode-scanning/dist/esm/index.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const tickets = require("../../store/tickets.cjs");
 ;/* empty css                   */
 const _hoisted_1 = {

package/dist/martyrs/src/modules/events/components/elements/ButtonCheck.vue.js

@@ -1,6 +1,6 @@
 import { ref, onMounted, onUnmounted, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, withCtx, createTextVNode, Teleport, createElementVNode } from "vue";
 import { BarcodeScanner } from "../../../../../../node_modules/.pnpm/@capacitor-mlkit_barcode-scanning@7.2.1_@capacitor_core@7.2.0/node_modules/@capacitor-mlkit/barcode-scanning/dist/esm/index.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
 import { actions } from "../../store/tickets.js";
 /* empty css                 */
 const _hoisted_1 = {

package/dist/martyrs/src/modules/events/components/elements/ButtonJoin.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 require("../../../auth/views/store/auth.cjs");
 const tickets = require("../../store/tickets.cjs");
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");

package/dist/martyrs/src/modules/events/components/elements/ButtonJoin.vue.js

@@ -1,5 +1,5 @@
 import { createBlock, openBlock, withCtx, createTextVNode, toDisplayString } from "vue";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
 import "../../../auth/views/store/auth.js";
 import { actions } from "../../store/tickets.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";

package/dist/martyrs/src/modules/events/components/pages/EditEvent.vue.cjs

@@ -7,7 +7,7 @@ const Constructor = require("../../../constructor/components/sections/Constructo
 const vueDatepicker = require("../../../../../../node_modules/.pnpm/@vuepic_vue-datepicker@11.0.2_vue@3.5.13_typescript@5.8.3_/node_modules/@vuepic/vue-datepicker/dist/vue-datepicker.cjs");
 ;/* empty css                                                                                                                                                  */
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
@@ -17,7 +17,7 @@ const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.
 ;/* empty css                                         */
 require("../../../../components/EditImages/EditImages.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Card = require("../../../globals/views/components/blocks/Card.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
 const vueRouter = require("vue-router");

package/dist/martyrs/src/modules/events/components/pages/EditEvent.vue.js

@@ -5,7 +5,7 @@ import _sfc_main$4 from "../../../constructor/components/sections/Constructor.vu
 import Qn from "../../../../../../node_modules/.pnpm/@vuepic_vue-datepicker@11.0.2_vue@3.5.13_typescript@5.8.3_/node_modules/@vuepic/vue-datepicker/dist/vue-datepicker.js";
 /* empty css                                                                                                                                                */
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$5 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$5 from "../../../../components/Popup/Popup.vue2.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$6 from "../../../../components/FieldTags/BlockTags.vue.js";
 import _sfc_main$9 from "../../../../components/Checkbox/Checkbox.vue.js";
@@ -15,7 +15,7 @@ import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
 /* empty css                                       */
 import "../../../../components/EditImages/EditImages.vue.js";
 import _sfc_main$8 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$a from "../../../../components/Button/Button.vue.js";
+import _sfc_main$a from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$7 from "../../../globals/views/components/blocks/Card.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconDelete.vue.js";
 import { useRoute, useRouter } from "vue-router";

package/dist/martyrs/src/modules/events/components/pages/EditEventTickets.vue.cjs

@@ -3,9 +3,9 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 const Field = require("../../../../components/Field/Field.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const ButtonCheck = require("../elements/ButtonCheck.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
 const IconAdd = require("../../../icons/navigation/IconAdd.vue.cjs");

package/dist/martyrs/src/modules/events/components/pages/EditEventTickets.vue.js

@@ -1,9 +1,9 @@
 import { ref, onMounted, createElementBlock, createCommentVNode, unref, openBlock, createElementVNode, createVNode, withCtx, Fragment, renderList, createTextVNode, createBlock, toDisplayString } from "vue";
 import _sfc_main$7 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$3 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$2 from "../../../../components/Popup/Popup.vue2.js";
 import Field from "../../../../components/Field/Field.vue.js";
-import _sfc_main$6 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$6 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$1 from "../elements/ButtonCheck.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconDelete.vue.js";
 import _sfc_main$4 from "../../../icons/navigation/IconAdd.vue.js";