@ozdao/martyrs 0.2.491 → 0.2.493

package/dist/martyrs/src/modules/chats/chats.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"chats.client.js","sources":["../../../../../src/modules/chats/chats.client.js"],"sourcesContent":["// Store\nimport * as storeChatModule from './store/chat.store.js';\n\n// Router\n// import { createChatRoutes } from './router/chat.router.js';\n\n// Views\n// Pages\nimport ChatPage from './components/pages/ChatPage.vue';\n\n// Sections\nimport ChatWindow from './components/sections/ChatWindow.vue';\n\n// Blocks\nimport ChatMessage from './components/blocks/ChatMessage.vue';\n\n// Пример функции инициализации для модуля чатов\nfunction initializeChats(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n\n  // const routesChat = createChatRoutes();\n\n  // router.addRoute(route, routesChat);\n\n  store.addStore('chat', storeChatModule);\n}\n\nconst ModuleChats = {\n  initialize: initializeChats,\n  views: {\n    store: {\n      storeChatModule,\n    },\n    router: {\n      // createChatRoutes\n    },\n    components: {\n      // Pages\n      ChatPage,\n      // Sections\n      ChatWindow,\n      // Blocks\n      ChatMessage,\n    },\n  },\n};\n\nexport default ModuleChats;\n"],"names":["storeChatModule","ChatPage","ChatWindow"],"mappings":";;;;AAiBA,SAAS,gBAAgB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAC3C,UAAQ,SAAS;AAM/B,QAAM,SAAS,QAAQA,UAAe;AACxC;AAEK,MAAC,cAAc;AAAA,EAClB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,iBAAMA;AAAAA,IACD;AAAA,IACD,QAAQ;AAAA;AAAA,IAEP;AAAA,IACD,YAAY;AAAA;AAAA,MAEhB,UAAMC;AAAAA;AAAAA,MAEN,YAAMC;AAAAA;AAAAA,MAEA;AAAA,IACD;AAAA,EACF;AACH;"}
+{"version":3,"file":"chats.client.js","sources":["../../../../../src/modules/chats/chats.client.js"],"sourcesContent":["// Store\nimport * as storeChatModule from './store/chat.store.js';\n\n// Router\n// import { createChatRoutes } from './router/chat.router.js';\n\n// Views\n// Pages\nimport ChatPage from './components/pages/ChatPage.vue';\n\n// Sections\nimport ChatWindow from './components/sections/ChatWindow.vue';\n\n// Blocks\nimport ChatMessage from './components/blocks/ChatMessage.vue';\n\n// Пример функции инициализации для модуля чатов\nfunction initializeChats(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n\n  // const routesChat = createChatRoutes();\n\n  // router.addRoute(route, routesChat);\n\n  store.addStore('chat', storeChatModule);\n}\n\nconst ModuleChats = {\n  initialize: initializeChats,\n  views: {\n    store: {\n      storeChatModule,\n    },\n    router: {\n      // createChatRoutes\n    },\n    components: {\n      // Pages\n      ChatPage,\n      // Sections\n      ChatWindow,\n      // Blocks\n      ChatMessage,\n    },\n  },\n};\n\nexport default ModuleChats;\n"],"names":["storeChatModule","ChatPage","ChatWindow"],"mappings":";;;;AAiBA,SAAS,gBAAgB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAC3C,UAAQ,SAAS;AAM/B,QAAM,SAAS,QAAQA,UAAe;AACxC;AAEK,MAAC,cAAc;AAAA,EAClB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,iBAAMA;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA;AAAA,IAEZ;AAAA,IACI,YAAY;AAAA;AAAA,MAEhB,UAAMC;AAAAA;AAAAA,MAEN,YAAMC;AAAAA;AAAAA,MAEA;AAAA,IACN;AAAA,EACA;AACA;"}

package/dist/martyrs/src/modules/chats/components/blocks/ChatMessage.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.vue.cjs","sources":["../../../../../../../src/modules/chats/components/blocks/ChatMessage.vue"],"sourcesContent":["<template>\n  <div \n    class=\"pd-small\"\n    :class=\"{'bg-main-nano': message.username === 'Support'}\"\n  >\n    <p class=\"flex-v-center gap-thin flex-nowrap flex w-100 p-small\">\n      <!-- <img loading=\"lazy\" v-if=\"message.username === 'Weeder Support'\" src=\"/logo/logo.png\" class=\"i-medium\"> -->\n      <strong class=\"mn-r-auto\"><span class=\"t-semi\">{{ message.username }}</span> <span class=\"t-transp\">{{formatDate(message.createdAt)}}</span></strong>\n    </p>\n    <p>{{ message.text }}</p>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    message: {\n      type: Object,\n      required: true\n    }\n  }\n};\n</script>\n\n<style>\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createTextVNode"],"mappings":";;;;AAcA,MAAK,YAAU;AAAA,EACb,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,EACF;AACF;AAhBO,MAAA,aAAA,EAAA,OAAM,wDAAuD;AAEtD,MAAA,aAAA,EAAA,OAAM,YAAW;AAAO,MAAA,aAAA,EAAA,OAAM,SAAQ;AAAqC,MAAA,aAAA,EAAA,OAAM,WAAU;;0BANvGA,IASM,mBAAA,OAAA;AAAA,IARJ,OAFJC,IAAAA,eAEU,CAAA,YACmB,EAAA,gBAAA,OAAA,QAAQ,aAAQ,UAAA,CAAA,CAAA;AAAA;IAEzCC,IAAA,mBAGI,KAHJ,YAGI;AAAA,MADFA,IAAA,mBAAqJ,UAArJ,YAAqJ;AAAA,QAA3HA,uBAAkD,QAAlD,YAAwBC,IAAA,gBAAA,OAAA,QAAQ,QAAQ,GAAA,CAAA;AAAA,QAPxE,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,IAAA,gBAAA;AAAA,QAOmFF,IAAAA,mBAA+D,QAA/D,YAA+DC,IAAAA,gBAAtC,gBAAW,OAAA,QAAQ,SAAS,CAAA,GAAA,CAAA;AAAA;;IAEpID,IAAyB,mBAAA,KAAA,MAAAC,IAAAA,gBAAnB,OAAO,QAAC,IAAI,GAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"ChatMessage.vue.cjs","sources":["../../../../../../../src/modules/chats/components/blocks/ChatMessage.vue"],"sourcesContent":["<template>\n  <div \n    class=\"pd-small\"\n    :class=\"{'bg-main-nano': message.username === 'Support'}\"\n  >\n    <p class=\"flex-v-center gap-thin flex-nowrap flex w-100 p-small\">\n      <!-- <img loading=\"lazy\" v-if=\"message.username === 'Weeder Support'\" src=\"/logo/logo.png\" class=\"i-medium\"> -->\n      <strong class=\"mn-r-auto\"><span class=\"t-semi\">{{ message.username }}</span> <span class=\"t-transp\">{{formatDate(message.createdAt)}}</span></strong>\n    </p>\n    <p>{{ message.text }}</p>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    message: {\n      type: Object,\n      required: true\n    }\n  }\n};\n</script>\n\n<style>\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createTextVNode"],"mappings":";;;;AAcA,MAAK,YAAU;AAAA,EACb,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,EACF;AACF;AAhBO,MAAA,aAAA,EAAA,OAAM,wDAAuD;AAEtD,MAAA,aAAA,EAAA,OAAM,YAAW;AAAO,MAAA,aAAA,EAAA,OAAM,SAAQ;AAAqC,MAAA,aAAA,EAAA,OAAM,WAAU;;0BANvGA,IAAAA,mBASM,OAAA;AAAA,IARJ,OAFJC,IAAAA,eAAA,CAEU,YAAU,EAAA,gBACS,OAAA,QAAQ,aAAQ,UAAA,CAAA,CAAA;AAAA;IAEzCC,IAAAA,mBAGI,KAHJ,YAGI;AAAA,MADFA,IAAAA,mBAAqJ,UAArJ,YAAqJ;AAAA,QAA3HA,uBAAkD,QAAlD,YAAkDC,IAAAA,gBAA1B,OAAA,QAAQ,QAAQ,GAAA,CAAA;AAAA,QAPxE,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,IAAAA,gBAAA;AAAA,QAOmFF,IAAAA,mBAA+D,QAA/D,YAA+DC,IAAAA,gBAAtC,gBAAW,OAAA,QAAQ,SAAS,CAAA,GAAA,CAAA;AAAA;;IAEpID,IAAAA,mBAAyB,KAAA,MAAAC,IAAAA,gBAAnB,OAAA,QAAQ,IAAI,GAAA,CAAA;AAAA;;;;"}

package/dist/martyrs/src/modules/chats/components/blocks/ChatMessage.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.vue.js","sources":["../../../../../../../src/modules/chats/components/blocks/ChatMessage.vue"],"sourcesContent":["<template>\n  <div \n    class=\"pd-small\"\n    :class=\"{'bg-main-nano': message.username === 'Support'}\"\n  >\n    <p class=\"flex-v-center gap-thin flex-nowrap flex w-100 p-small\">\n      <!-- <img loading=\"lazy\" v-if=\"message.username === 'Weeder Support'\" src=\"/logo/logo.png\" class=\"i-medium\"> -->\n      <strong class=\"mn-r-auto\"><span class=\"t-semi\">{{ message.username }}</span> <span class=\"t-transp\">{{formatDate(message.createdAt)}}</span></strong>\n    </p>\n    <p>{{ message.text }}</p>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    message: {\n      type: Object,\n      required: true\n    }\n  }\n};\n</script>\n\n<style>\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createTextVNode"],"mappings":";;AAcA,MAAK,YAAU;AAAA,EACb,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,EACF;AACF;AAhBO,MAAA,aAAA,EAAA,OAAM,wDAAuD;AAEtD,MAAA,aAAA,EAAA,OAAM,YAAW;AAAO,MAAA,aAAA,EAAA,OAAM,SAAQ;AAAqC,MAAA,aAAA,EAAA,OAAM,WAAU;;sBANvGA,mBASM,OAAA;AAAA,IARJ,OAFJC,eAEU,CAAA,YACmB,EAAA,gBAAA,OAAA,QAAQ,aAAQ,UAAA,CAAA,CAAA;AAAA;IAEzCC,mBAGI,KAHJ,YAGI;AAAA,MADFA,mBAAqJ,UAArJ,YAAqJ;AAAA,QAA3HA,mBAAkD,QAAlD,YAAwBC,gBAAA,OAAA,QAAQ,QAAQ,GAAA,CAAA;AAAA,QAPxE,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,gBAAA;AAAA,QAOmFF,mBAA+D,QAA/D,YAA+DC,gBAAtC,gBAAW,OAAA,QAAQ,SAAS,CAAA,GAAA,CAAA;AAAA;;IAEpID,mBAAyB,KAAA,MAAAC,gBAAnB,OAAO,QAAC,IAAI,GAAA,CAAA;AAAA;;;"}
+{"version":3,"file":"ChatMessage.vue.js","sources":["../../../../../../../src/modules/chats/components/blocks/ChatMessage.vue"],"sourcesContent":["<template>\n  <div \n    class=\"pd-small\"\n    :class=\"{'bg-main-nano': message.username === 'Support'}\"\n  >\n    <p class=\"flex-v-center gap-thin flex-nowrap flex w-100 p-small\">\n      <!-- <img loading=\"lazy\" v-if=\"message.username === 'Weeder Support'\" src=\"/logo/logo.png\" class=\"i-medium\"> -->\n      <strong class=\"mn-r-auto\"><span class=\"t-semi\">{{ message.username }}</span> <span class=\"t-transp\">{{formatDate(message.createdAt)}}</span></strong>\n    </p>\n    <p>{{ message.text }}</p>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    message: {\n      type: Object,\n      required: true\n    }\n  }\n};\n</script>\n\n<style>\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createTextVNode"],"mappings":";;AAcA,MAAK,YAAU;AAAA,EACb,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,EACF;AACF;AAhBO,MAAA,aAAA,EAAA,OAAM,wDAAuD;AAEtD,MAAA,aAAA,EAAA,OAAM,YAAW;AAAO,MAAA,aAAA,EAAA,OAAM,SAAQ;AAAqC,MAAA,aAAA,EAAA,OAAM,WAAU;;sBANvGA,mBASM,OAAA;AAAA,IARJ,OAFJC,eAAA,CAEU,YAAU,EAAA,gBACS,OAAA,QAAQ,aAAQ,UAAA,CAAA,CAAA;AAAA;IAEzCC,mBAGI,KAHJ,YAGI;AAAA,MADFA,mBAAqJ,UAArJ,YAAqJ;AAAA,QAA3HA,mBAAkD,QAAlD,YAAkDC,gBAA1B,OAAA,QAAQ,QAAQ,GAAA,CAAA;AAAA,QAPxE,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,gBAAA;AAAA,QAOmFF,mBAA+D,QAA/D,YAA+DC,gBAAtC,gBAAW,OAAA,QAAQ,SAAS,CAAA,GAAA,CAAA;AAAA;;IAEpID,mBAAyB,KAAA,MAAAC,gBAAnB,OAAA,QAAQ,IAAI,GAAA,CAAA;AAAA;;;"}

package/dist/martyrs/src/modules/chats/components/pages/ChatPage.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatPage.vue.cjs","sources":["../../../../../../../src/modules/chats/components/pages/ChatPage.vue"],"sourcesContent":["<template>\n  <main class=\"chat-main\">\n    <ChatWindow />\n  </main>\n</template>\n\n<script setup>\nimport { ref, onMounted, onUnmounted } from 'vue';\nimport ChatWindow from '../sections/ChatWindow.vue';\nimport chatStore from '../../store/chat.store.js';\n\nconst props = defineProps({\n  username: {\n    type: String,\n    required: true\n  },\n  user: {\n    type: String,\n    required: true\n  },\n  chatID: {\n    type: String,\n    required: true\n  },\n});\n\nconst selectChat = (chatId) => {\n  chatStore.methods.setCurrentChat(chatId);\n};\n\nonMounted(async () => {\n  chatStore.methods.setUsername(props.username || 'user'); // Установка имени пользователя\n  await chatStore.methods.connectWebSocket(props.user); // Подключение к WebSocket\n  await chatStore.methods.setCurrentChat(props.chatID);\n});\n\nonUnmounted(() => {\n  // Clean up when the component is unmounted (e.g., navigating away)\n  chatStore.methods.disconnectChat();\n});\n</script>\n\n<style>\n/* Стили остаются без изменений */\n</style>"],"names":["onMounted","chatStore","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,QAAQ;AAmBdA,QAAAA,UAAU,YAAY;AACpBC,iBAAS,QAAC,QAAQ,YAAY,MAAM,YAAY,MAAM;AACtD,YAAMA,WAAS,QAAC,QAAQ,iBAAiB,MAAM,IAAI;AACnD,YAAMA,WAAS,QAAC,QAAQ,eAAe,MAAM,MAAM;AAAA,IACrD,CAAC;AAEDC,QAAAA,YAAY,MAAM;AAEhBD,iBAAS,QAAC,QAAQ,eAAgB;AAAA,IACpC,CAAC;;;;;;;;;"}
+{"version":3,"file":"ChatPage.vue.cjs","sources":["../../../../../../../src/modules/chats/components/pages/ChatPage.vue"],"sourcesContent":["<template>\n  <main class=\"chat-main\">\n    <ChatWindow />\n  </main>\n</template>\n\n<script setup>\nimport { ref, onMounted, onUnmounted } from 'vue';\nimport ChatWindow from '../sections/ChatWindow.vue';\nimport chatStore from '../../store/chat.store.js';\n\nconst props = defineProps({\n  username: {\n    type: String,\n    required: true\n  },\n  user: {\n    type: String,\n    required: true\n  },\n  chatID: {\n    type: String,\n    required: true\n  },\n});\n\nconst selectChat = (chatId) => {\n  chatStore.methods.setCurrentChat(chatId);\n};\n\nonMounted(async () => {\n  chatStore.methods.setUsername(props.username || 'user'); // Установка имени пользователя\n  await chatStore.methods.connectWebSocket(props.user); // Подключение к WebSocket\n  await chatStore.methods.setCurrentChat(props.chatID);\n});\n\nonUnmounted(() => {\n  // Clean up when the component is unmounted (e.g., navigating away)\n  chatStore.methods.disconnectChat();\n});\n</script>\n\n<style>\n/* Стили остаются без изменений */\n</style>"],"names":["onMounted","chatStore","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,QAAQ;AAmBdA,QAAAA,UAAU,YAAY;AACpBC,iBAAAA,QAAU,QAAQ,YAAY,MAAM,YAAY,MAAM;AACtD,YAAMA,WAAAA,QAAU,QAAQ,iBAAiB,MAAM,IAAI;AACnD,YAAMA,WAAAA,QAAU,QAAQ,eAAe,MAAM,MAAM;AAAA,IACrD,CAAC;AAEDC,QAAAA,YAAY,MAAM;AAEhBD,iBAAAA,QAAU,QAAQ,eAAc;AAAA,IAClC,CAAC;;;;;;;;;"}

package/dist/martyrs/src/modules/chats/components/pages/ChatPage.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatPage.vue.js","sources":["../../../../../../../src/modules/chats/components/pages/ChatPage.vue"],"sourcesContent":["<template>\n  <main class=\"chat-main\">\n    <ChatWindow />\n  </main>\n</template>\n\n<script setup>\nimport { ref, onMounted, onUnmounted } from 'vue';\nimport ChatWindow from '../sections/ChatWindow.vue';\nimport chatStore from '../../store/chat.store.js';\n\nconst props = defineProps({\n  username: {\n    type: String,\n    required: true\n  },\n  user: {\n    type: String,\n    required: true\n  },\n  chatID: {\n    type: String,\n    required: true\n  },\n});\n\nconst selectChat = (chatId) => {\n  chatStore.methods.setCurrentChat(chatId);\n};\n\nonMounted(async () => {\n  chatStore.methods.setUsername(props.username || 'user'); // Установка имени пользователя\n  await chatStore.methods.connectWebSocket(props.user); // Подключение к WebSocket\n  await chatStore.methods.setCurrentChat(props.chatID);\n});\n\nonUnmounted(() => {\n  // Clean up when the component is unmounted (e.g., navigating away)\n  chatStore.methods.disconnectChat();\n});\n</script>\n\n<style>\n/* Стили остаются без изменений */\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,QAAQ;AAmBd,cAAU,YAAY;AACpB,gBAAU,QAAQ,YAAY,MAAM,YAAY,MAAM;AACtD,YAAM,UAAU,QAAQ,iBAAiB,MAAM,IAAI;AACnD,YAAM,UAAU,QAAQ,eAAe,MAAM,MAAM;AAAA,IACrD,CAAC;AAED,gBAAY,MAAM;AAEhB,gBAAU,QAAQ,eAAgB;AAAA,IACpC,CAAC;;;;;;;;"}
+{"version":3,"file":"ChatPage.vue.js","sources":["../../../../../../../src/modules/chats/components/pages/ChatPage.vue"],"sourcesContent":["<template>\n  <main class=\"chat-main\">\n    <ChatWindow />\n  </main>\n</template>\n\n<script setup>\nimport { ref, onMounted, onUnmounted } from 'vue';\nimport ChatWindow from '../sections/ChatWindow.vue';\nimport chatStore from '../../store/chat.store.js';\n\nconst props = defineProps({\n  username: {\n    type: String,\n    required: true\n  },\n  user: {\n    type: String,\n    required: true\n  },\n  chatID: {\n    type: String,\n    required: true\n  },\n});\n\nconst selectChat = (chatId) => {\n  chatStore.methods.setCurrentChat(chatId);\n};\n\nonMounted(async () => {\n  chatStore.methods.setUsername(props.username || 'user'); // Установка имени пользователя\n  await chatStore.methods.connectWebSocket(props.user); // Подключение к WebSocket\n  await chatStore.methods.setCurrentChat(props.chatID);\n});\n\nonUnmounted(() => {\n  // Clean up when the component is unmounted (e.g., navigating away)\n  chatStore.methods.disconnectChat();\n});\n</script>\n\n<style>\n/* Стили остаются без изменений */\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,QAAQ;AAmBd,cAAU,YAAY;AACpB,gBAAU,QAAQ,YAAY,MAAM,YAAY,MAAM;AACtD,YAAM,UAAU,QAAQ,iBAAiB,MAAM,IAAI;AACnD,YAAM,UAAU,QAAQ,eAAe,MAAM,MAAM;AAAA,IACrD,CAAC;AAED,gBAAY,MAAM;AAEhB,gBAAU,QAAQ,eAAc;AAAA,IAClC,CAAC;;;;;;;;"}

package/dist/martyrs/src/modules/chats/components/sections/ChatWindow.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatWindow.vue.cjs","sources":["../../../../../../../src/modules/chats/components/sections/ChatWindow.vue"],"sourcesContent":["<template>\n  <div class=\"bg-white radius-semi bg-white o-hidden pos-relative\">\n    <div ref=\"allMessages\" class=\"chat-messages o-scroll h-max-20r\">\n      <div class=\"pos-relative h-min-20r flex-justify-end flex flex-column br-b br-solid br-black-transp-10\">\n        <transition name=\"scaleIn\" mode=\"out-in\">\n          <div v-if=\"messages.length < 1\" class=\"flex-center pd-small t-center w-100 h-100 flex-column flex pos-absolute\">\n            <PlaceholderChat class=\"radius-100 mn-b-thin\"/>\n            <h4 class='mn-b-thin'>Here you can view your chat history</h4>\n            <p>Feel free to ask if you have any questions.</p>\n          </div>\n\n          <TransitionGroup v-else name=\"list\" tag=\"ul\" class=\"w-100 o-hidden\" @after-enter=\"scrollToBottom\">\n            <ChatMessage\n              v-for=\"message in messages\"\n              :key=\"message._id\"\n              :message=\"message\"\n            />\n          </TransitionGroup>\n        </transition>\n      </div>\n    </div>\n\n    <div class=\"flex-nowrap flex-v-center flex bg-white w-100 radius-big pd-small\">\n      <IconAdd class=\"mn-r-thin t-transp i-regular\" />\n      <input class=\"\" placeholder=\"Enter your message\" type=\"text\" v-model=\"newMessage\" @keyup.enter=\"sendMessage\" />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted, nextTick } from 'vue';\n\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport PlaceholderChat from '@martyrs/src/modules/icons/placeholders/PlaceholderChat.vue'\n\nimport ChatMessage from '../blocks/ChatMessage.vue';\nimport chatStore from '../../store/chat.store.js';\n\nconst newMessage = ref('');\nconst allMessages = ref(null);\n\n// Вычисляемые свойства\nconst messages = computed(() => chatStore.state.messages);\n\n// Функция прокрутки вниз\nconst scrollToBottom = () => {\n  if (allMessages.value) {\n    allMessages.value.scrollTop = allMessages.value.scrollHeight;\n  }\n};\n\n// Функция для отправки сообщения\nconst sendMessage = async () => {\n  if (newMessage.value) {\n    const message = {\n      text: newMessage.value,\n      module: 'chat',\n      username: chatStore.state.username,\n      chatId: chatStore.state.currentChatId\n    };\n\n    chatStore.methods.addMessage(message);\n    newMessage.value = '';\n\n    // Ждем, пока все анимации и рендеринг завершатся\n    await nextTick();\n    await new Promise(resolve => setTimeout(resolve, 100)); // Небольшая задержка для анимаций\n    scrollToBottom();\n  }\n};\n\n// Прокрутка вниз при монтировании\nonMounted(() => {\n  nextTick(() => {\n    if (allMessages.value) {\n      allMessages.value.scrollTop = allMessages.value.scrollHeight;\n    }\n  });\n});\n\n// Прокрутка вниз при изменении сообщений\nwatch(messages, () => {\n  nextTick(() => {\n    if (allMessages.value) {\n      allMessages.value.scrollTop = allMessages.value.scrollHeight;\n    }\n  });\n}, { deep: true });\n\n// Обработчик после завершения анимации входа нового элемента\n</script>\n\n<style>\n.list-enter-active,\n.list-leave-active {\n  transition: all 0.5s ease;\n}\n.list-enter-from,\n.list-leave-to {\n  opacity: 0;\n  transform: translateX(30px);\n}\n</style>"],"names":["ref","computed","chatStore","nextTick","onMounted","watch"],"mappings":";;;;;;;;;;;;;;;;;;AAsCA,UAAM,aAAaA,IAAG,IAAC,EAAE;AACzB,UAAM,cAAcA,IAAG,IAAC,IAAI;AAG5B,UAAM,WAAWC,IAAAA,SAAS,MAAMC,mBAAU,MAAM,QAAQ;AAGxD,UAAM,iBAAiB,MAAM;AAC3B,UAAI,YAAY,OAAO;AACrB,oBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,MACpD;AAAA,IACA;AAGA,UAAM,cAAc,YAAY;AAC9B,UAAI,WAAW,OAAO;AACpB,cAAM,UAAU;AAAA,UACd,MAAM,WAAW;AAAA,UACjB,QAAQ;AAAA,UACR,UAAUA,WAAAA,QAAU,MAAM;AAAA,UAC1B,QAAQA,WAAS,QAAC,MAAM;AAAA,QACzB;AAEDA,2BAAU,QAAQ,WAAW,OAAO;AACpC,mBAAW,QAAQ;AAGnB,cAAMC,aAAU;AAChB,cAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,GAAG,CAAC;AACrD,uBAAgB;AAAA,MACpB;AAAA,IACA;AAGAC,QAAAA,UAAU,MAAM;AACdD,UAAAA,SAAS,MAAM;AACb,YAAI,YAAY,OAAO;AACrB,sBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,QACtD;AAAA,MACA,CAAG;AAAA,IACH,CAAC;AAGDE,QAAK,MAAC,UAAU,MAAM;AACpBF,UAAAA,SAAS,MAAM;AACb,YAAI,YAAY,OAAO;AACrB,sBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,QACtD;AAAA,MACA,CAAG;AAAA,IACH,GAAG,EAAE,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ChatWindow.vue.cjs","sources":["../../../../../../../src/modules/chats/components/sections/ChatWindow.vue"],"sourcesContent":["<template>\n  <div class=\"bg-white radius-semi bg-white o-hidden pos-relative\">\n    <div ref=\"allMessages\" class=\"chat-messages o-scroll h-max-20r\">\n      <div class=\"pos-relative h-min-20r flex-justify-end flex flex-column br-b br-solid br-black-transp-10\">\n        <transition name=\"scaleIn\" mode=\"out-in\">\n          <div v-if=\"messages.length < 1\" class=\"flex-center pd-small t-center w-100 h-100 flex-column flex pos-absolute\">\n            <PlaceholderChat class=\"radius-100 mn-b-thin\"/>\n            <h4 class='mn-b-thin'>Here you can view your chat history</h4>\n            <p>Feel free to ask if you have any questions.</p>\n          </div>\n\n          <TransitionGroup v-else name=\"list\" tag=\"ul\" class=\"w-100 o-hidden\" @after-enter=\"scrollToBottom\">\n            <ChatMessage\n              v-for=\"message in messages\"\n              :key=\"message._id\"\n              :message=\"message\"\n            />\n          </TransitionGroup>\n        </transition>\n      </div>\n    </div>\n\n    <div class=\"flex-nowrap flex-v-center flex bg-white w-100 radius-big pd-small\">\n      <IconAdd class=\"mn-r-thin t-transp i-regular\" />\n      <input class=\"\" placeholder=\"Enter your message\" type=\"text\" v-model=\"newMessage\" @keyup.enter=\"sendMessage\" />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted, nextTick } from 'vue';\n\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport PlaceholderChat from '@martyrs/src/modules/icons/placeholders/PlaceholderChat.vue'\n\nimport ChatMessage from '../blocks/ChatMessage.vue';\nimport chatStore from '../../store/chat.store.js';\n\nconst newMessage = ref('');\nconst allMessages = ref(null);\n\n// Вычисляемые свойства\nconst messages = computed(() => chatStore.state.messages);\n\n// Функция прокрутки вниз\nconst scrollToBottom = () => {\n  if (allMessages.value) {\n    allMessages.value.scrollTop = allMessages.value.scrollHeight;\n  }\n};\n\n// Функция для отправки сообщения\nconst sendMessage = async () => {\n  if (newMessage.value) {\n    const message = {\n      text: newMessage.value,\n      module: 'chat',\n      username: chatStore.state.username,\n      chatId: chatStore.state.currentChatId\n    };\n\n    chatStore.methods.addMessage(message);\n    newMessage.value = '';\n\n    // Ждем, пока все анимации и рендеринг завершатся\n    await nextTick();\n    await new Promise(resolve => setTimeout(resolve, 100)); // Небольшая задержка для анимаций\n    scrollToBottom();\n  }\n};\n\n// Прокрутка вниз при монтировании\nonMounted(() => {\n  nextTick(() => {\n    if (allMessages.value) {\n      allMessages.value.scrollTop = allMessages.value.scrollHeight;\n    }\n  });\n});\n\n// Прокрутка вниз при изменении сообщений\nwatch(messages, () => {\n  nextTick(() => {\n    if (allMessages.value) {\n      allMessages.value.scrollTop = allMessages.value.scrollHeight;\n    }\n  });\n}, { deep: true });\n\n// Обработчик после завершения анимации входа нового элемента\n</script>\n\n<style>\n.list-enter-active,\n.list-leave-active {\n  transition: all 0.5s ease;\n}\n.list-enter-from,\n.list-leave-to {\n  opacity: 0;\n  transform: translateX(30px);\n}\n</style>"],"names":["ref","computed","chatStore","nextTick","onMounted","watch"],"mappings":";;;;;;;;;;;;;;;;;;AAsCA,UAAM,aAAaA,IAAAA,IAAI,EAAE;AACzB,UAAM,cAAcA,IAAAA,IAAI,IAAI;AAG5B,UAAM,WAAWC,IAAAA,SAAS,MAAMC,mBAAU,MAAM,QAAQ;AAGxD,UAAM,iBAAiB,MAAM;AAC3B,UAAI,YAAY,OAAO;AACrB,oBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,MAClD;AAAA,IACF;AAGA,UAAM,cAAc,YAAY;AAC9B,UAAI,WAAW,OAAO;AACpB,cAAM,UAAU;AAAA,UACd,MAAM,WAAW;AAAA,UACjB,QAAQ;AAAA,UACR,UAAUA,WAAAA,QAAU,MAAM;AAAA,UAC1B,QAAQA,WAAAA,QAAU,MAAM;AAAA,QAC9B;AAEIA,2BAAU,QAAQ,WAAW,OAAO;AACpC,mBAAW,QAAQ;AAGnB,cAAMC,aAAQ;AACd,cAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,GAAG,CAAC;AACrD,uBAAc;AAAA,MAChB;AAAA,IACF;AAGAC,QAAAA,UAAU,MAAM;AACdD,UAAAA,SAAS,MAAM;AACb,YAAI,YAAY,OAAO;AACrB,sBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,QAClD;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAGDE,QAAAA,MAAM,UAAU,MAAM;AACpBF,UAAAA,SAAS,MAAM;AACb,YAAI,YAAY,OAAO;AACrB,sBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,QAClD;AAAA,MACF,CAAC;AAAA,IACH,GAAG,EAAE,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/chats/components/sections/ChatWindow.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatWindow.vue.js","sources":["../../../../../../../src/modules/chats/components/sections/ChatWindow.vue"],"sourcesContent":["<template>\n  <div class=\"bg-white radius-semi bg-white o-hidden pos-relative\">\n    <div ref=\"allMessages\" class=\"chat-messages o-scroll h-max-20r\">\n      <div class=\"pos-relative h-min-20r flex-justify-end flex flex-column br-b br-solid br-black-transp-10\">\n        <transition name=\"scaleIn\" mode=\"out-in\">\n          <div v-if=\"messages.length < 1\" class=\"flex-center pd-small t-center w-100 h-100 flex-column flex pos-absolute\">\n            <PlaceholderChat class=\"radius-100 mn-b-thin\"/>\n            <h4 class='mn-b-thin'>Here you can view your chat history</h4>\n            <p>Feel free to ask if you have any questions.</p>\n          </div>\n\n          <TransitionGroup v-else name=\"list\" tag=\"ul\" class=\"w-100 o-hidden\" @after-enter=\"scrollToBottom\">\n            <ChatMessage\n              v-for=\"message in messages\"\n              :key=\"message._id\"\n              :message=\"message\"\n            />\n          </TransitionGroup>\n        </transition>\n      </div>\n    </div>\n\n    <div class=\"flex-nowrap flex-v-center flex bg-white w-100 radius-big pd-small\">\n      <IconAdd class=\"mn-r-thin t-transp i-regular\" />\n      <input class=\"\" placeholder=\"Enter your message\" type=\"text\" v-model=\"newMessage\" @keyup.enter=\"sendMessage\" />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted, nextTick } from 'vue';\n\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport PlaceholderChat from '@martyrs/src/modules/icons/placeholders/PlaceholderChat.vue'\n\nimport ChatMessage from '../blocks/ChatMessage.vue';\nimport chatStore from '../../store/chat.store.js';\n\nconst newMessage = ref('');\nconst allMessages = ref(null);\n\n// Вычисляемые свойства\nconst messages = computed(() => chatStore.state.messages);\n\n// Функция прокрутки вниз\nconst scrollToBottom = () => {\n  if (allMessages.value) {\n    allMessages.value.scrollTop = allMessages.value.scrollHeight;\n  }\n};\n\n// Функция для отправки сообщения\nconst sendMessage = async () => {\n  if (newMessage.value) {\n    const message = {\n      text: newMessage.value,\n      module: 'chat',\n      username: chatStore.state.username,\n      chatId: chatStore.state.currentChatId\n    };\n\n    chatStore.methods.addMessage(message);\n    newMessage.value = '';\n\n    // Ждем, пока все анимации и рендеринг завершатся\n    await nextTick();\n    await new Promise(resolve => setTimeout(resolve, 100)); // Небольшая задержка для анимаций\n    scrollToBottom();\n  }\n};\n\n// Прокрутка вниз при монтировании\nonMounted(() => {\n  nextTick(() => {\n    if (allMessages.value) {\n      allMessages.value.scrollTop = allMessages.value.scrollHeight;\n    }\n  });\n});\n\n// Прокрутка вниз при изменении сообщений\nwatch(messages, () => {\n  nextTick(() => {\n    if (allMessages.value) {\n      allMessages.value.scrollTop = allMessages.value.scrollHeight;\n    }\n  });\n}, { deep: true });\n\n// Обработчик после завершения анимации входа нового элемента\n</script>\n\n<style>\n.list-enter-active,\n.list-leave-active {\n  transition: all 0.5s ease;\n}\n.list-enter-from,\n.list-leave-to {\n  opacity: 0;\n  transform: translateX(30px);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAsCA,UAAM,aAAa,IAAI,EAAE;AACzB,UAAM,cAAc,IAAI,IAAI;AAG5B,UAAM,WAAW,SAAS,MAAM,UAAU,MAAM,QAAQ;AAGxD,UAAM,iBAAiB,MAAM;AAC3B,UAAI,YAAY,OAAO;AACrB,oBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,MACpD;AAAA,IACA;AAGA,UAAM,cAAc,YAAY;AAC9B,UAAI,WAAW,OAAO;AACpB,cAAM,UAAU;AAAA,UACd,MAAM,WAAW;AAAA,UACjB,QAAQ;AAAA,UACR,UAAU,UAAU,MAAM;AAAA,UAC1B,QAAQ,UAAU,MAAM;AAAA,QACzB;AAED,kBAAU,QAAQ,WAAW,OAAO;AACpC,mBAAW,QAAQ;AAGnB,cAAM,SAAU;AAChB,cAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,GAAG,CAAC;AACrD,uBAAgB;AAAA,MACpB;AAAA,IACA;AAGA,cAAU,MAAM;AACd,eAAS,MAAM;AACb,YAAI,YAAY,OAAO;AACrB,sBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,QACtD;AAAA,MACA,CAAG;AAAA,IACH,CAAC;AAGD,UAAM,UAAU,MAAM;AACpB,eAAS,MAAM;AACb,YAAI,YAAY,OAAO;AACrB,sBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,QACtD;AAAA,MACA,CAAG;AAAA,IACH,GAAG,EAAE,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ChatWindow.vue.js","sources":["../../../../../../../src/modules/chats/components/sections/ChatWindow.vue"],"sourcesContent":["<template>\n  <div class=\"bg-white radius-semi bg-white o-hidden pos-relative\">\n    <div ref=\"allMessages\" class=\"chat-messages o-scroll h-max-20r\">\n      <div class=\"pos-relative h-min-20r flex-justify-end flex flex-column br-b br-solid br-black-transp-10\">\n        <transition name=\"scaleIn\" mode=\"out-in\">\n          <div v-if=\"messages.length < 1\" class=\"flex-center pd-small t-center w-100 h-100 flex-column flex pos-absolute\">\n            <PlaceholderChat class=\"radius-100 mn-b-thin\"/>\n            <h4 class='mn-b-thin'>Here you can view your chat history</h4>\n            <p>Feel free to ask if you have any questions.</p>\n          </div>\n\n          <TransitionGroup v-else name=\"list\" tag=\"ul\" class=\"w-100 o-hidden\" @after-enter=\"scrollToBottom\">\n            <ChatMessage\n              v-for=\"message in messages\"\n              :key=\"message._id\"\n              :message=\"message\"\n            />\n          </TransitionGroup>\n        </transition>\n      </div>\n    </div>\n\n    <div class=\"flex-nowrap flex-v-center flex bg-white w-100 radius-big pd-small\">\n      <IconAdd class=\"mn-r-thin t-transp i-regular\" />\n      <input class=\"\" placeholder=\"Enter your message\" type=\"text\" v-model=\"newMessage\" @keyup.enter=\"sendMessage\" />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted, nextTick } from 'vue';\n\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport PlaceholderChat from '@martyrs/src/modules/icons/placeholders/PlaceholderChat.vue'\n\nimport ChatMessage from '../blocks/ChatMessage.vue';\nimport chatStore from '../../store/chat.store.js';\n\nconst newMessage = ref('');\nconst allMessages = ref(null);\n\n// Вычисляемые свойства\nconst messages = computed(() => chatStore.state.messages);\n\n// Функция прокрутки вниз\nconst scrollToBottom = () => {\n  if (allMessages.value) {\n    allMessages.value.scrollTop = allMessages.value.scrollHeight;\n  }\n};\n\n// Функция для отправки сообщения\nconst sendMessage = async () => {\n  if (newMessage.value) {\n    const message = {\n      text: newMessage.value,\n      module: 'chat',\n      username: chatStore.state.username,\n      chatId: chatStore.state.currentChatId\n    };\n\n    chatStore.methods.addMessage(message);\n    newMessage.value = '';\n\n    // Ждем, пока все анимации и рендеринг завершатся\n    await nextTick();\n    await new Promise(resolve => setTimeout(resolve, 100)); // Небольшая задержка для анимаций\n    scrollToBottom();\n  }\n};\n\n// Прокрутка вниз при монтировании\nonMounted(() => {\n  nextTick(() => {\n    if (allMessages.value) {\n      allMessages.value.scrollTop = allMessages.value.scrollHeight;\n    }\n  });\n});\n\n// Прокрутка вниз при изменении сообщений\nwatch(messages, () => {\n  nextTick(() => {\n    if (allMessages.value) {\n      allMessages.value.scrollTop = allMessages.value.scrollHeight;\n    }\n  });\n}, { deep: true });\n\n// Обработчик после завершения анимации входа нового элемента\n</script>\n\n<style>\n.list-enter-active,\n.list-leave-active {\n  transition: all 0.5s ease;\n}\n.list-enter-from,\n.list-leave-to {\n  opacity: 0;\n  transform: translateX(30px);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAsCA,UAAM,aAAa,IAAI,EAAE;AACzB,UAAM,cAAc,IAAI,IAAI;AAG5B,UAAM,WAAW,SAAS,MAAM,UAAU,MAAM,QAAQ;AAGxD,UAAM,iBAAiB,MAAM;AAC3B,UAAI,YAAY,OAAO;AACrB,oBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,MAClD;AAAA,IACF;AAGA,UAAM,cAAc,YAAY;AAC9B,UAAI,WAAW,OAAO;AACpB,cAAM,UAAU;AAAA,UACd,MAAM,WAAW;AAAA,UACjB,QAAQ;AAAA,UACR,UAAU,UAAU,MAAM;AAAA,UAC1B,QAAQ,UAAU,MAAM;AAAA,QAC9B;AAEI,kBAAU,QAAQ,WAAW,OAAO;AACpC,mBAAW,QAAQ;AAGnB,cAAM,SAAQ;AACd,cAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,GAAG,CAAC;AACrD,uBAAc;AAAA,MAChB;AAAA,IACF;AAGA,cAAU,MAAM;AACd,eAAS,MAAM;AACb,YAAI,YAAY,OAAO;AACrB,sBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,QAClD;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAGD,UAAM,UAAU,MAAM;AACpB,eAAS,MAAM;AACb,YAAI,YAAY,OAAO;AACrB,sBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,QAClD;AAAA,MACF,CAAC;AAAA,IACH,GAAG,EAAE,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/chats/store/chat.store.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chat.store.cjs","sources":["../../../../../../src/modules/chats/store/chat.store.js"],"sourcesContent":["import globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';\nimport { reactive, readonly } from 'vue';\n\nconst state = reactive({\n  messages: [],\n  currentChatId: null,\n  username: null,\n});\n\nconst methods = {\n  /**\n   * Подключение к глобальному WebSocket и подписка на чат\n   * @param {String} userId\n   */\n  async connectWebSocket(userId) {\n    try {\n      console.log('[Chat] Connecting to WebSocket with userId:', userId);\n      await globalWebSocket.connect(userId);\n      await globalWebSocket.subscribeModule('chat'); // 👈 Подписка на модуль чата\n\n      // Очистка старых листенеров\n      globalWebSocket.removeModuleListeners('chat');\n\n      // Добавляем обработчик входящих сообщений\n      globalWebSocket.addEventListener(\n        'message',\n        data => {\n          if (data.chatId === state.currentChatId) {\n            state.messages.push(data);\n          }\n        },\n        { module: 'chat' }\n      );\n    } catch (error) {\n      console.error('[Chat] WebSocket connection failed:', error);\n      throw error;\n    }\n  },\n\n  /**\n   * Установка текущего активного чата и загрузка сообщений\n   * @param {String} chatId\n   */\n  async setCurrentChat(chatId) {\n    state.currentChatId = chatId;\n    state.messages = [];\n\n    // Отправляем joinChat через WebSocket\n    globalWebSocket.send({ type: 'joinChat', module: 'chat', chatId });\n\n    // Загружаем историю сообщений\n    try {\n      const response = await fetch(`/messages/${chatId}`);\n      const messages = await response.json();\n      methods.setMessages(messages);\n    } catch (err) {\n      console.error('[Chat] Failed to fetch messages:', err);\n    }\n  },\n\n  /**\n   * Установка сообщений\n   * @param {Array} messages\n   */\n  setMessages(messages) {\n    state.messages = messages;\n  },\n\n  /**\n   * Отправка сообщения через WebSocket\n   * @param {Object} message\n   */\n  async addMessage(message) {\n    await globalWebSocket.send({\n      ...message,\n      module: 'chat',\n      type: 'message',\n      chatId: state.currentChatId,\n    });\n  },\n\n  /**\n   * Установка имени пользователя\n   * @param {String} username\n   */\n  setUsername(username) {\n    state.username = username;\n  },\n\n  /**\n   * Отключение от чата (очистка листенеров)\n   */\n  disconnectChat() {\n    globalWebSocket.removeModuleListeners('chat');\n    // globalWebSocket.disconnect(); // включить, если нужно полностью разорвать соединение\n  },\n};\n\nexport default {\n  state: readonly(state),\n  methods,\n};\n"],"names":["reactive","globalWebSocket","readonly"],"mappings":";;;;AAGA,MAAM,QAAQA,IAAAA,SAAS;AAAA,EACrB,UAAU,CAAE;AAAA,EACZ,eAAe;AAAA,EACf,UAAU;AACZ,CAAC;AAED,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKd,MAAM,iBAAiB,QAAQ;AAC7B,QAAI;AACF,cAAQ,IAAI,+CAA+C,MAAM;AACjE,YAAMC,kBAAe,QAAC,QAAQ,MAAM;AACpC,YAAMA,kBAAe,QAAC,gBAAgB,MAAM;AAG5CA,wBAAe,QAAC,sBAAsB,MAAM;AAG5CA,wBAAAA,QAAgB;AAAA,QACd;AAAA,QACA,UAAQ;AACN,cAAI,KAAK,WAAW,MAAM,eAAe;AACvC,kBAAM,SAAS,KAAK,IAAI;AAAA,UACpC;AAAA,QACS;AAAA,QACD,EAAE,QAAQ,OAAM;AAAA,MACjB;AAAA,IACF,SAAQ,OAAO;AACd,cAAQ,MAAM,uCAAuC,KAAK;AAC1D,YAAM;AAAA,IACZ;AAAA,EACG;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,MAAM,eAAe,QAAQ;AAC3B,UAAM,gBAAgB;AACtB,UAAM,WAAW,CAAE;AAGnBA,sBAAe,QAAC,KAAK,EAAE,MAAM,YAAY,QAAQ,QAAQ,QAAQ;AAGjE,QAAI;AACF,YAAM,WAAW,MAAM,MAAM,aAAa,MAAM,EAAE;AAClD,YAAM,WAAW,MAAM,SAAS,KAAM;AACtC,cAAQ,YAAY,QAAQ;AAAA,IAC7B,SAAQ,KAAK;AACZ,cAAQ,MAAM,oCAAoC,GAAG;AAAA,IAC3D;AAAA,EACG;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,YAAY,UAAU;AACpB,UAAM,WAAW;AAAA,EAClB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,MAAM,WAAW,SAAS;AACxB,UAAMA,kBAAAA,QAAgB,KAAK;AAAA,MACzB,GAAG;AAAA,MACH,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,QAAQ,MAAM;AAAA,IACpB,CAAK;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,YAAY,UAAU;AACpB,UAAM,WAAW;AAAA,EAClB;AAAA;AAAA;AAAA;AAAA,EAKD,iBAAiB;AACfA,sBAAe,QAAC,sBAAsB,MAAM;AAAA,EAE7C;AACH;AAEA,MAAe,YAAA;AAAA,EACb,OAAOC,IAAQ,SAAC,KAAK;AAAA,EACrB;AACF;;"}
+{"version":3,"file":"chat.store.cjs","sources":["../../../../../../src/modules/chats/store/chat.store.js"],"sourcesContent":["import globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';\nimport { reactive, readonly } from 'vue';\n\nconst state = reactive({\n  messages: [],\n  currentChatId: null,\n  username: null,\n});\n\nconst methods = {\n  /**\n   * Подключение к глобальному WebSocket и подписка на чат\n   * @param {String} userId\n   */\n  async connectWebSocket(userId) {\n    try {\n      console.log('[Chat] Connecting to WebSocket with userId:', userId);\n      await globalWebSocket.connect(userId);\n      await globalWebSocket.subscribeModule('chat'); // 👈 Подписка на модуль чата\n\n      // Очистка старых листенеров\n      globalWebSocket.removeModuleListeners('chat');\n\n      // Добавляем обработчик входящих сообщений\n      globalWebSocket.addEventListener(\n        'message',\n        data => {\n          if (data.chatId === state.currentChatId) {\n            state.messages.push(data);\n          }\n        },\n        { module: 'chat' }\n      );\n    } catch (error) {\n      console.error('[Chat] WebSocket connection failed:', error);\n      throw error;\n    }\n  },\n\n  /**\n   * Установка текущего активного чата и загрузка сообщений\n   * @param {String} chatId\n   */\n  async setCurrentChat(chatId) {\n    state.currentChatId = chatId;\n    state.messages = [];\n\n    // Отправляем joinChat через WebSocket\n    globalWebSocket.send({ type: 'joinChat', module: 'chat', chatId });\n\n    // Загружаем историю сообщений\n    try {\n      const response = await fetch(`/messages/${chatId}`);\n      const messages = await response.json();\n      methods.setMessages(messages);\n    } catch (err) {\n      console.error('[Chat] Failed to fetch messages:', err);\n    }\n  },\n\n  /**\n   * Установка сообщений\n   * @param {Array} messages\n   */\n  setMessages(messages) {\n    state.messages = messages;\n  },\n\n  /**\n   * Отправка сообщения через WebSocket\n   * @param {Object} message\n   */\n  async addMessage(message) {\n    await globalWebSocket.send({\n      ...message,\n      module: 'chat',\n      type: 'message',\n      chatId: state.currentChatId,\n    });\n  },\n\n  /**\n   * Установка имени пользователя\n   * @param {String} username\n   */\n  setUsername(username) {\n    state.username = username;\n  },\n\n  /**\n   * Отключение от чата (очистка листенеров)\n   */\n  disconnectChat() {\n    globalWebSocket.removeModuleListeners('chat');\n    // globalWebSocket.disconnect(); // включить, если нужно полностью разорвать соединение\n  },\n};\n\nexport default {\n  state: readonly(state),\n  methods,\n};\n"],"names":["reactive","globalWebSocket","readonly"],"mappings":";;;;AAGA,MAAM,QAAQA,IAAAA,SAAS;AAAA,EACrB,UAAU,CAAA;AAAA,EACV,eAAe;AAAA,EACf,UAAU;AACZ,CAAC;AAED,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKd,MAAM,iBAAiB,QAAQ;AAC7B,QAAI;AACF,cAAQ,IAAI,+CAA+C,MAAM;AACjE,YAAMC,kBAAAA,QAAgB,QAAQ,MAAM;AACpC,YAAMA,kBAAAA,QAAgB,gBAAgB,MAAM;AAG5CA,wBAAAA,QAAgB,sBAAsB,MAAM;AAG5CA,wBAAAA,QAAgB;AAAA,QACd;AAAA,QACA,UAAQ;AACN,cAAI,KAAK,WAAW,MAAM,eAAe;AACvC,kBAAM,SAAS,KAAK,IAAI;AAAA,UAC1B;AAAA,QACF;AAAA,QACA,EAAE,QAAQ,OAAM;AAAA,MACxB;AAAA,IACI,SAAS,OAAO;AACd,cAAQ,MAAM,uCAAuC,KAAK;AAC1D,YAAM;AAAA,IACR;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,eAAe,QAAQ;AAC3B,UAAM,gBAAgB;AACtB,UAAM,WAAW,CAAA;AAGjBA,sBAAAA,QAAgB,KAAK,EAAE,MAAM,YAAY,QAAQ,QAAQ,QAAQ;AAGjE,QAAI;AACF,YAAM,WAAW,MAAM,MAAM,aAAa,MAAM,EAAE;AAClD,YAAM,WAAW,MAAM,SAAS,KAAI;AACpC,cAAQ,YAAY,QAAQ;AAAA,IAC9B,SAAS,KAAK;AACZ,cAAQ,MAAM,oCAAoC,GAAG;AAAA,IACvD;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAAY,UAAU;AACpB,UAAM,WAAW;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,WAAW,SAAS;AACxB,UAAMA,kBAAAA,QAAgB,KAAK;AAAA,MACzB,GAAG;AAAA,MACH,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,QAAQ,MAAM;AAAA,IACpB,CAAK;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAAY,UAAU;AACpB,UAAM,WAAW;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,iBAAiB;AACfA,sBAAAA,QAAgB,sBAAsB,MAAM;AAAA,EAE9C;AACF;AAEA,MAAA,YAAe;AAAA,EACb,OAAOC,IAAAA,SAAS,KAAK;AAAA,EACrB;AACF;;"}

package/dist/martyrs/src/modules/chats/store/chat.store.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat.store.js","sources":["../../../../../../src/modules/chats/store/chat.store.js"],"sourcesContent":["import globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';\nimport { reactive, readonly } from 'vue';\n\nconst state = reactive({\n  messages: [],\n  currentChatId: null,\n  username: null,\n});\n\nconst methods = {\n  /**\n   * Подключение к глобальному WebSocket и подписка на чат\n   * @param {String} userId\n   */\n  async connectWebSocket(userId) {\n    try {\n      console.log('[Chat] Connecting to WebSocket with userId:', userId);\n      await globalWebSocket.connect(userId);\n      await globalWebSocket.subscribeModule('chat'); // 👈 Подписка на модуль чата\n\n      // Очистка старых листенеров\n      globalWebSocket.removeModuleListeners('chat');\n\n      // Добавляем обработчик входящих сообщений\n      globalWebSocket.addEventListener(\n        'message',\n        data => {\n          if (data.chatId === state.currentChatId) {\n            state.messages.push(data);\n          }\n        },\n        { module: 'chat' }\n      );\n    } catch (error) {\n      console.error('[Chat] WebSocket connection failed:', error);\n      throw error;\n    }\n  },\n\n  /**\n   * Установка текущего активного чата и загрузка сообщений\n   * @param {String} chatId\n   */\n  async setCurrentChat(chatId) {\n    state.currentChatId = chatId;\n    state.messages = [];\n\n    // Отправляем joinChat через WebSocket\n    globalWebSocket.send({ type: 'joinChat', module: 'chat', chatId });\n\n    // Загружаем историю сообщений\n    try {\n      const response = await fetch(`/messages/${chatId}`);\n      const messages = await response.json();\n      methods.setMessages(messages);\n    } catch (err) {\n      console.error('[Chat] Failed to fetch messages:', err);\n    }\n  },\n\n  /**\n   * Установка сообщений\n   * @param {Array} messages\n   */\n  setMessages(messages) {\n    state.messages = messages;\n  },\n\n  /**\n   * Отправка сообщения через WebSocket\n   * @param {Object} message\n   */\n  async addMessage(message) {\n    await globalWebSocket.send({\n      ...message,\n      module: 'chat',\n      type: 'message',\n      chatId: state.currentChatId,\n    });\n  },\n\n  /**\n   * Установка имени пользователя\n   * @param {String} username\n   */\n  setUsername(username) {\n    state.username = username;\n  },\n\n  /**\n   * Отключение от чата (очистка листенеров)\n   */\n  disconnectChat() {\n    globalWebSocket.removeModuleListeners('chat');\n    // globalWebSocket.disconnect(); // включить, если нужно полностью разорвать соединение\n  },\n};\n\nexport default {\n  state: readonly(state),\n  methods,\n};\n"],"names":[],"mappings":";;AAGA,MAAM,QAAQ,SAAS;AAAA,EACrB,UAAU,CAAE;AAAA,EACZ,eAAe;AAAA,EACf,UAAU;AACZ,CAAC;AAED,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKd,MAAM,iBAAiB,QAAQ;AAC7B,QAAI;AACF,cAAQ,IAAI,+CAA+C,MAAM;AACjE,YAAM,gBAAgB,QAAQ,MAAM;AACpC,YAAM,gBAAgB,gBAAgB,MAAM;AAG5C,sBAAgB,sBAAsB,MAAM;AAG5C,sBAAgB;AAAA,QACd;AAAA,QACA,UAAQ;AACN,cAAI,KAAK,WAAW,MAAM,eAAe;AACvC,kBAAM,SAAS,KAAK,IAAI;AAAA,UACpC;AAAA,QACS;AAAA,QACD,EAAE,QAAQ,OAAM;AAAA,MACjB;AAAA,IACF,SAAQ,OAAO;AACd,cAAQ,MAAM,uCAAuC,KAAK;AAC1D,YAAM;AAAA,IACZ;AAAA,EACG;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,MAAM,eAAe,QAAQ;AAC3B,UAAM,gBAAgB;AACtB,UAAM,WAAW,CAAE;AAGnB,oBAAgB,KAAK,EAAE,MAAM,YAAY,QAAQ,QAAQ,QAAQ;AAGjE,QAAI;AACF,YAAM,WAAW,MAAM,MAAM,aAAa,MAAM,EAAE;AAClD,YAAM,WAAW,MAAM,SAAS,KAAM;AACtC,cAAQ,YAAY,QAAQ;AAAA,IAC7B,SAAQ,KAAK;AACZ,cAAQ,MAAM,oCAAoC,GAAG;AAAA,IAC3D;AAAA,EACG;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,YAAY,UAAU;AACpB,UAAM,WAAW;AAAA,EAClB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,MAAM,WAAW,SAAS;AACxB,UAAM,gBAAgB,KAAK;AAAA,MACzB,GAAG;AAAA,MACH,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,QAAQ,MAAM;AAAA,IACpB,CAAK;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,YAAY,UAAU;AACpB,UAAM,WAAW;AAAA,EAClB;AAAA;AAAA;AAAA;AAAA,EAKD,iBAAiB;AACf,oBAAgB,sBAAsB,MAAM;AAAA,EAE7C;AACH;AAEA,MAAe,YAAA;AAAA,EACb,OAAO,SAAS,KAAK;AAAA,EACrB;AACF;"}
+{"version":3,"file":"chat.store.js","sources":["../../../../../../src/modules/chats/store/chat.store.js"],"sourcesContent":["import globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';\nimport { reactive, readonly } from 'vue';\n\nconst state = reactive({\n  messages: [],\n  currentChatId: null,\n  username: null,\n});\n\nconst methods = {\n  /**\n   * Подключение к глобальному WebSocket и подписка на чат\n   * @param {String} userId\n   */\n  async connectWebSocket(userId) {\n    try {\n      console.log('[Chat] Connecting to WebSocket with userId:', userId);\n      await globalWebSocket.connect(userId);\n      await globalWebSocket.subscribeModule('chat'); // 👈 Подписка на модуль чата\n\n      // Очистка старых листенеров\n      globalWebSocket.removeModuleListeners('chat');\n\n      // Добавляем обработчик входящих сообщений\n      globalWebSocket.addEventListener(\n        'message',\n        data => {\n          if (data.chatId === state.currentChatId) {\n            state.messages.push(data);\n          }\n        },\n        { module: 'chat' }\n      );\n    } catch (error) {\n      console.error('[Chat] WebSocket connection failed:', error);\n      throw error;\n    }\n  },\n\n  /**\n   * Установка текущего активного чата и загрузка сообщений\n   * @param {String} chatId\n   */\n  async setCurrentChat(chatId) {\n    state.currentChatId = chatId;\n    state.messages = [];\n\n    // Отправляем joinChat через WebSocket\n    globalWebSocket.send({ type: 'joinChat', module: 'chat', chatId });\n\n    // Загружаем историю сообщений\n    try {\n      const response = await fetch(`/messages/${chatId}`);\n      const messages = await response.json();\n      methods.setMessages(messages);\n    } catch (err) {\n      console.error('[Chat] Failed to fetch messages:', err);\n    }\n  },\n\n  /**\n   * Установка сообщений\n   * @param {Array} messages\n   */\n  setMessages(messages) {\n    state.messages = messages;\n  },\n\n  /**\n   * Отправка сообщения через WebSocket\n   * @param {Object} message\n   */\n  async addMessage(message) {\n    await globalWebSocket.send({\n      ...message,\n      module: 'chat',\n      type: 'message',\n      chatId: state.currentChatId,\n    });\n  },\n\n  /**\n   * Установка имени пользователя\n   * @param {String} username\n   */\n  setUsername(username) {\n    state.username = username;\n  },\n\n  /**\n   * Отключение от чата (очистка листенеров)\n   */\n  disconnectChat() {\n    globalWebSocket.removeModuleListeners('chat');\n    // globalWebSocket.disconnect(); // включить, если нужно полностью разорвать соединение\n  },\n};\n\nexport default {\n  state: readonly(state),\n  methods,\n};\n"],"names":[],"mappings":";;AAGA,MAAM,QAAQ,SAAS;AAAA,EACrB,UAAU,CAAA;AAAA,EACV,eAAe;AAAA,EACf,UAAU;AACZ,CAAC;AAED,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKd,MAAM,iBAAiB,QAAQ;AAC7B,QAAI;AACF,cAAQ,IAAI,+CAA+C,MAAM;AACjE,YAAM,gBAAgB,QAAQ,MAAM;AACpC,YAAM,gBAAgB,gBAAgB,MAAM;AAG5C,sBAAgB,sBAAsB,MAAM;AAG5C,sBAAgB;AAAA,QACd;AAAA,QACA,UAAQ;AACN,cAAI,KAAK,WAAW,MAAM,eAAe;AACvC,kBAAM,SAAS,KAAK,IAAI;AAAA,UAC1B;AAAA,QACF;AAAA,QACA,EAAE,QAAQ,OAAM;AAAA,MACxB;AAAA,IACI,SAAS,OAAO;AACd,cAAQ,MAAM,uCAAuC,KAAK;AAC1D,YAAM;AAAA,IACR;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,eAAe,QAAQ;AAC3B,UAAM,gBAAgB;AACtB,UAAM,WAAW,CAAA;AAGjB,oBAAgB,KAAK,EAAE,MAAM,YAAY,QAAQ,QAAQ,QAAQ;AAGjE,QAAI;AACF,YAAM,WAAW,MAAM,MAAM,aAAa,MAAM,EAAE;AAClD,YAAM,WAAW,MAAM,SAAS,KAAI;AACpC,cAAQ,YAAY,QAAQ;AAAA,IAC9B,SAAS,KAAK;AACZ,cAAQ,MAAM,oCAAoC,GAAG;AAAA,IACvD;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAAY,UAAU;AACpB,UAAM,WAAW;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,WAAW,SAAS;AACxB,UAAM,gBAAgB,KAAK;AAAA,MACzB,GAAG;AAAA,MACH,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,QAAQ,MAAM;AAAA,IACpB,CAAK;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAAY,UAAU;AACpB,UAAM,WAAW;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,iBAAiB;AACf,oBAAgB,sBAAsB,MAAM;AAAA,EAE9C;AACF;AAEA,MAAA,YAAe;AAAA,EACb,OAAO,SAAS,KAAK;AAAA,EACrB;AACF;"}

package/dist/martyrs/src/modules/community/community.client.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"community.client.cjs","sources":["../../../../../src/modules/community/community.client.js"],"sourcesContent":["// Store\nimport * as storeBlogposts from './store/blogposts.js';\nimport * as storeReactions from './store/reactions.js';\n\n// Router\nimport routerCommunity from './router/blogposts.js';\n\n// Views\n// Layouts\nimport Community from './components/layouts/Community.vue';\n\n// Pages\nimport Blog from './components/pages/Blog.vue';\nimport BlogPost from './components/pages/BlogPost.vue';\nimport CreateBlogPost from './components/pages/CreateBlogPost.vue';\n\n// Blocks\nimport Activity from './components/blocks/Activity.vue';\nimport CardBlogpost from './components/blocks/CardBlogpost.vue';\nimport FooterBlogpost from './components/blocks/FooterBlogpost.vue';\n\n// Sections\nimport Comments from './components/sections/Comments.vue';\nimport HotPosts from './components/sections/HotPosts.vue';\n\n// Пример функции инициализации для модуля сообщества\nfunction initializeCommunity(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n\n  router.addRoute(route, routerCommunity);\n\n  store.addStore('blogposts', storeBlogposts);\n  store.addStore('reactions', storeReactions);\n}\n\nconst ModuleCommunity = {\n  initialize: initializeCommunity,\n  views: {\n    store: {\n      storeBlogposts,\n      storeReactions,\n    },\n    router: {\n      routerCommunity,\n    },\n    components: {\n      // Layouts\n      Community,\n      // Pages\n      CreateBlogPost,\n      BlogPost,\n      Blog,\n      // Blocks\n      FooterBlogpost,\n      Activity,\n      CardBlogpost,\n      // Sections\n      Comments,\n      HotPosts,\n    },\n  },\n};\n\nexport { Activity, Blog, BlogPost, CardBlogpost, Comments, Community, CreateBlogPost, FooterBlogpost, HotPosts, routerCommunity, storeBlogposts, storeReactions };\n\nexport default ModuleCommunity;\n"],"names":["routerCommunity","storeBlogposts","storeReactions","Community","CreateBlogPost","BlogPost","Blog","FooterBlogpost","Activity","CardBlogpost","Comments","HotPosts"],"mappings":";;;;;;;;;;;;;;AA0BA,SAAS,oBAAoB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAC7D,QAAM,QAAQ,QAAQ,SAAS;AAE/B,SAAO,SAAS,OAAOA,iBAAe;AAEtC,QAAM,SAAS,aAAaC,WAAc;AAC1C,QAAM,SAAS,aAAaC,SAAc;AAC5C;AAEK,MAAC,kBAAkB;AAAA,EACtB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,gBAAMD;AAAAA,MACN,gBAAMC;AAAAA,IACD;AAAA,IACD,QAAQ;AAAA,MACZ,iBAAMF,UAAe;AAAA,IAChB;AAAA,IACD,YAAY;AAAA;AAAA,MAEhB,WAAMG,UAAS;AAAA;AAAA,MAEf,gBAAMC,eAAc;AAAA,MACpB,UAAMC,SAAQ;AAAA,MACd,MAAMC,KAAI;AAAA;AAAA,MAEV,gBAAMC,eAAc;AAAA,MACpB,UAAMC,SAAQ;AAAA,MACd,cAAMC,aAAY;AAAA;AAAA,MAElB,UAAMC,SAAQ;AAAA,MACd,UAAMC,SAAQ;AAAA,IACT;AAAA,EACF;AACH;;;;;;;;;;;;;;"}
+{"version":3,"file":"community.client.cjs","sources":["../../../../../src/modules/community/community.client.js"],"sourcesContent":["// Store\nimport * as storeBlogposts from './store/blogposts.js';\nimport * as storeReactions from './store/reactions.js';\n\n// Router\nimport routerCommunity from './router/blogposts.js';\n\n// Views\n// Layouts\nimport Community from './components/layouts/Community.vue';\n\n// Pages\nimport Blog from './components/pages/Blog.vue';\nimport BlogPost from './components/pages/BlogPost.vue';\nimport CreateBlogPost from './components/pages/CreateBlogPost.vue';\n\n// Blocks\nimport Activity from './components/blocks/Activity.vue';\nimport CardBlogpost from './components/blocks/CardBlogpost.vue';\nimport FooterBlogpost from './components/blocks/FooterBlogpost.vue';\n\n// Sections\nimport Comments from './components/sections/Comments.vue';\nimport HotPosts from './components/sections/HotPosts.vue';\n\n// Пример функции инициализации для модуля сообщества\nfunction initializeCommunity(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n\n  router.addRoute(route, routerCommunity);\n\n  store.addStore('blogposts', storeBlogposts);\n  store.addStore('reactions', storeReactions);\n}\n\nconst ModuleCommunity = {\n  initialize: initializeCommunity,\n  views: {\n    store: {\n      storeBlogposts,\n      storeReactions,\n    },\n    router: {\n      routerCommunity,\n    },\n    components: {\n      // Layouts\n      Community,\n      // Pages\n      CreateBlogPost,\n      BlogPost,\n      Blog,\n      // Blocks\n      FooterBlogpost,\n      Activity,\n      CardBlogpost,\n      // Sections\n      Comments,\n      HotPosts,\n    },\n  },\n};\n\nexport { Activity, Blog, BlogPost, CardBlogpost, Comments, Community, CreateBlogPost, FooterBlogpost, HotPosts, routerCommunity, storeBlogposts, storeReactions };\n\nexport default ModuleCommunity;\n"],"names":["routerCommunity","storeBlogposts","storeReactions","Community","CreateBlogPost","BlogPost","Blog","FooterBlogpost","Activity","CardBlogpost","Comments","HotPosts"],"mappings":";;;;;;;;;;;;;;AA0BA,SAAS,oBAAoB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAC7D,QAAM,QAAQ,QAAQ,SAAS;AAE/B,SAAO,SAAS,OAAOA,iBAAe;AAEtC,QAAM,SAAS,aAAaC,WAAc;AAC1C,QAAM,SAAS,aAAaC,SAAc;AAC5C;AAEK,MAAC,kBAAkB;AAAA,EACtB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,gBAAMD;AAAAA,MACN,gBAAMC;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACZ,iBAAMF,UAAAA;AAAAA,IACN;AAAA,IACI,YAAY;AAAA;AAAA,MAEhB,WAAMG,UAAAA;AAAAA;AAAAA,MAEN,gBAAMC,eAAAA;AAAAA,MACN,UAAMC,SAAAA;AAAAA,MACN,MAAMC,KAAAA;AAAAA;AAAAA,MAEN,gBAAMC,eAAAA;AAAAA,MACN,UAAMC,SAAAA;AAAAA,MACN,cAAMC,aAAAA;AAAAA;AAAAA,MAEN,UAAMC,SAAAA;AAAAA,MACN,UAAMC,SAAAA;AAAAA,IACN;AAAA,EACA;AACA;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/community.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"community.client.js","sources":["../../../../../src/modules/community/community.client.js"],"sourcesContent":["// Store\nimport * as storeBlogposts from './store/blogposts.js';\nimport * as storeReactions from './store/reactions.js';\n\n// Router\nimport routerCommunity from './router/blogposts.js';\n\n// Views\n// Layouts\nimport Community from './components/layouts/Community.vue';\n\n// Pages\nimport Blog from './components/pages/Blog.vue';\nimport BlogPost from './components/pages/BlogPost.vue';\nimport CreateBlogPost from './components/pages/CreateBlogPost.vue';\n\n// Blocks\nimport Activity from './components/blocks/Activity.vue';\nimport CardBlogpost from './components/blocks/CardBlogpost.vue';\nimport FooterBlogpost from './components/blocks/FooterBlogpost.vue';\n\n// Sections\nimport Comments from './components/sections/Comments.vue';\nimport HotPosts from './components/sections/HotPosts.vue';\n\n// Пример функции инициализации для модуля сообщества\nfunction initializeCommunity(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n\n  router.addRoute(route, routerCommunity);\n\n  store.addStore('blogposts', storeBlogposts);\n  store.addStore('reactions', storeReactions);\n}\n\nconst ModuleCommunity = {\n  initialize: initializeCommunity,\n  views: {\n    store: {\n      storeBlogposts,\n      storeReactions,\n    },\n    router: {\n      routerCommunity,\n    },\n    components: {\n      // Layouts\n      Community,\n      // Pages\n      CreateBlogPost,\n      BlogPost,\n      Blog,\n      // Blocks\n      FooterBlogpost,\n      Activity,\n      CardBlogpost,\n      // Sections\n      Comments,\n      HotPosts,\n    },\n  },\n};\n\nexport { Activity, Blog, BlogPost, CardBlogpost, Comments, Community, CreateBlogPost, FooterBlogpost, HotPosts, routerCommunity, storeBlogposts, storeReactions };\n\nexport default ModuleCommunity;\n"],"names":["routerCommunity","storeBlogposts","storeReactions","Community","CreateBlogPost","BlogPost","Blog","FooterBlogpost","Activity","CardBlogpost","Comments","HotPosts"],"mappings":";;;;;;;;;;;;AA0BA,SAAS,oBAAoB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAC7D,QAAM,QAAQ,QAAQ,SAAS;AAE/B,SAAO,SAAS,OAAOA,SAAe;AAEtC,QAAM,SAAS,aAAaC,SAAc;AAC1C,QAAM,SAAS,aAAaC,SAAc;AAC5C;AAEK,MAAC,kBAAkB;AAAA,EACtB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,gBAAMD;AAAAA,MACN,gBAAMC;AAAAA,IACD;AAAA,IACD,QAAQ;AAAA,MACZ,iBAAMF;AAAAA,IACD;AAAA,IACD,YAAY;AAAA;AAAA,MAEhB,WAAMG;AAAAA;AAAAA,MAEN,gBAAMC;AAAAA,MACN,UAAMC;AAAAA,MACN,MAAMC;AAAAA;AAAAA,MAEN,gBAAMC;AAAAA,MACN,UAAMC;AAAAA,MACN,cAAMC;AAAAA;AAAAA,MAEN,UAAMC;AAAAA,MACN,UAAMC;AAAAA,IACD;AAAA,EACF;AACH;"}
+{"version":3,"file":"community.client.js","sources":["../../../../../src/modules/community/community.client.js"],"sourcesContent":["// Store\nimport * as storeBlogposts from './store/blogposts.js';\nimport * as storeReactions from './store/reactions.js';\n\n// Router\nimport routerCommunity from './router/blogposts.js';\n\n// Views\n// Layouts\nimport Community from './components/layouts/Community.vue';\n\n// Pages\nimport Blog from './components/pages/Blog.vue';\nimport BlogPost from './components/pages/BlogPost.vue';\nimport CreateBlogPost from './components/pages/CreateBlogPost.vue';\n\n// Blocks\nimport Activity from './components/blocks/Activity.vue';\nimport CardBlogpost from './components/blocks/CardBlogpost.vue';\nimport FooterBlogpost from './components/blocks/FooterBlogpost.vue';\n\n// Sections\nimport Comments from './components/sections/Comments.vue';\nimport HotPosts from './components/sections/HotPosts.vue';\n\n// Пример функции инициализации для модуля сообщества\nfunction initializeCommunity(app, store, router, options = {}) {\n  const route = options.route || 'Home';\n\n  router.addRoute(route, routerCommunity);\n\n  store.addStore('blogposts', storeBlogposts);\n  store.addStore('reactions', storeReactions);\n}\n\nconst ModuleCommunity = {\n  initialize: initializeCommunity,\n  views: {\n    store: {\n      storeBlogposts,\n      storeReactions,\n    },\n    router: {\n      routerCommunity,\n    },\n    components: {\n      // Layouts\n      Community,\n      // Pages\n      CreateBlogPost,\n      BlogPost,\n      Blog,\n      // Blocks\n      FooterBlogpost,\n      Activity,\n      CardBlogpost,\n      // Sections\n      Comments,\n      HotPosts,\n    },\n  },\n};\n\nexport { Activity, Blog, BlogPost, CardBlogpost, Comments, Community, CreateBlogPost, FooterBlogpost, HotPosts, routerCommunity, storeBlogposts, storeReactions };\n\nexport default ModuleCommunity;\n"],"names":["routerCommunity","storeBlogposts","storeReactions","Community","CreateBlogPost","BlogPost","Blog","FooterBlogpost","Activity","CardBlogpost","Comments","HotPosts"],"mappings":";;;;;;;;;;;;AA0BA,SAAS,oBAAoB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAC7D,QAAM,QAAQ,QAAQ,SAAS;AAE/B,SAAO,SAAS,OAAOA,SAAe;AAEtC,QAAM,SAAS,aAAaC,SAAc;AAC1C,QAAM,SAAS,aAAaC,SAAc;AAC5C;AAEK,MAAC,kBAAkB;AAAA,EACtB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,gBAAMD;AAAAA,MACN,gBAAMC;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACZ,iBAAMF;AAAAA,IACN;AAAA,IACI,YAAY;AAAA;AAAA,MAEhB,WAAMG;AAAAA;AAAAA,MAEN,gBAAMC;AAAAA,MACN,UAAMC;AAAAA,MACN,MAAMC;AAAAA;AAAAA,MAEN,gBAAMC;AAAAA,MACN,UAAMC;AAAAA,MACN,cAAMC;AAAAA;AAAAA,MAEN,UAAMC;AAAAA,MACN,UAAMC;AAAAA,IACN;AAAA,EACA;AACA;"}

package/dist/martyrs/src/modules/community/components/blocks/CardBlogpost.vue.cjs

@@ -67,7 +67,6 @@ const _sfc_main = {
       );
     });
     return (_ctx, _cache) => {
-      var _a;
       return vue.openBlock(), vue.createElementBlock("article", _hoisted_1, [
         vue.createVNode(CardHeader.default, {
           class: vue.normalizeClass({
@@ -111,7 +110,7 @@ const _sfc_main = {
           alt: "Blog post image",
           class: "mn-b-medium object-fit-cover w-100 h-min-10r h-100"
         }, null, 8, _hoisted_7)) : vue.createCommentVNode("", true),
-        !((_a = firstImage.value) == null ? void 0 : _a.content) && firstVideo.value && firstVideo.value.content && __props.type !== "blogpostPage" ? (vue.openBlock(), vue.createElementBlock("video", _hoisted_8, [
+        !firstImage.value?.content && firstVideo.value && firstVideo.value.content && __props.type !== "blogpostPage" ? (vue.openBlock(), vue.createElementBlock("video", _hoisted_8, [
           vue.createElementVNode("source", {
             src: firstVideo.value.content,
             type: "video/mp4"

package/dist/martyrs/src/modules/community/components/blocks/CardBlogpost.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardBlogpost.vue.cjs","sources":["../../../../../../../src/modules/community/components/blocks/CardBlogpost.vue"],"sourcesContent":["<template>\n\t<article \n\t\tclass=\"pos-relative flex-column flex o-hidden\"\n\t>\n\t\t<CardHeader \n\t    :class=\"{\n\t    \t'mn-b-medium pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"blogpost\"\n\t    :entityType=\"'blogpost'\"\n\t    :user=\"user\"\n\t    :owner=\"blogpost.owner\" \n    \t:creator=\"blogpost.creator\"\n    \t:date=\"blogpost.createdAt\"\n    \t:actions=\"user && user === blogpost.creator.target._id ? [\n        { to: { name: 'Edit BlogPost', params: {url: blogpost.url } }, label: 'Edit' }\n       ]: null\"\n\t\t/>\n\n\t\n\t\t<section\n\t\t\tclass=\"pd-t-zero pd-b-zero pd-medium\"\n\t\t>\n\t\t\t\n\t\t\t<div v-if=\"type !== 'blogpostPage'\" class=\"cursor-pointer mn-b-medium flex-nowrap flex w-100\">\n\n\t\t\t\t<Text \n\t\t\t\t\tv-if=\"!hideTitle\"\n\t\t\t\t \t:text=\"blogpost.name || ''\" \n\t\t\t\t \t:maxLen=\"80\" \n\t\t\t\t \tclass=\"h3 d-block\"\n\t\t\t\t \t@click=\"router.push({\n\t\t\t\t\t\tname: 'BlogPost', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\turl: blogpost.url \n\t\t\t\t\t\t}\n\t\t\t\t\t})\"\n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"blogpost.status === 'draft'\" \n\t\t\t\t\tclass=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\"\n\t\t\t\t>\n\t\t\t\t\t{{blogpost.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\t\t\t\n\t\t\t<p \n\t\t\t\tv-if=\"firstText && firstText.content && type !== 'blogpostPage' && !hideDescription\" \n\t\t\t\tclass='mn-b-medium t-transp p-semi'\n\t\t\t>\n\t\t\t\t{{firstText.content.slice(0,120)}}...\n\t\t\t</p>\n\n\t\t\t<h3 \n\t\t\t\tv-if=\"type === 'blogpostPage' && !hideTitle\" \n\t\t\t\tclass=\"mn-b-medium h2\"\n\t\t\t>\n\t\t\t\t{{blogpost.name}}\n\t\t\t</h3>\n\n\t\t\t<slot></slot>\n\n\t\t\t<!-- <Chips \n      \tv-if=\"type !== 'short' && blogpost.tags?.length > 0\" \n      \t:chips=\"blogpost.tags\"\n     \t/> -->\n\n\t\t</section>\n\n\t\t\t<!-- <Image :prop=\"{content:firstImage.content}\" class=\"h-100\"/> -->\n\n\t\t<template\n\t\t\tv-if=\"firstImage && firstImage.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<img loading=\"lazy\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + firstImage.content\" \n\t\t\t\talt=\"Blog post image\" \n\t\t\t\tclass=\"mn-b-medium object-fit-cover w-100 h-min-10r  h-100\"\n\t\t\t/>\n\t\t</template>\n\n\t\t<template\n\t\t\tv-if=\"!firstImage?.content && firstVideo && firstVideo.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<!-- <div class=\"flex-center flex\"> -->\n\t      <video controls class=\"mn-b-medium object-fit-fit bg-black w-100 h-max-20r\">\n\t        <source :src=\"firstVideo.content\" type=\"video/mp4\">\n\t        Your browser does not support the video tag.\n\t      </video>\n\t    <!-- </div> -->\n\t\t</template>\n\n\t\t\n\t\t<FooterBlogpost \n\t\t\tclass=\"pd-t-zero pd-medium\" \n\t\t\t:blogpost=\"blogpost\" :user=\"user\"\n\t\t/>\n\t\n\t</article>\n\n</template>\n\n\n<script setup=\"props\">\n\timport CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport FooterBlogpost  from '@martyrs/src/modules/community/components/blocks/FooterBlogpost.vue'\t\n\n\timport Image  from '@martyrs/src/modules/constructor/components/elements/Image.vue';\n\n  import Text     from '@martyrs/src/components/Text/Text.vue'\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\timport { computed } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t\tblogpost: {\n\t\t\ttype: Object,\n\t\t},\n\t\tuser: {\n\t\t\ttype: String,\n\t\t},\n\t\ttype: {\n\t\t\ttype: String,\n\t\t},\n\t\thideDescription: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\thideTitle: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t})\n\n  const firstImage = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'ImageUpload');\n\t});\n\n\tconst firstVideo = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'Video');\n\t});\n\n\tconst firstText = computed(() => {\n\t  return props.blogpost.content.find(block => \n\t    block.type === 'Textarea' && block.class !== 'h2'\n\t  );\n\t});\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":["useRouter","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyHC,UAAM,SAASA,UAAS,UAAA;AAExB,UAAM,QAAQ;AAoBb,UAAM,aAAaC,IAAAA,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC3E,CAAE;AAED,UAAM,aAAaA,IAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,OAAO;AAAA,IACrE,CAAE;AAED,UAAM,YAAYA,IAAAA,SAAS,MAAM;AAC/B,aAAO,MAAM,SAAS,QAAQ;AAAA,QAAK,WACjC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA,MAC9C;AAAA,IACJ,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardBlogpost.vue.cjs","sources":["../../../../../../../src/modules/community/components/blocks/CardBlogpost.vue"],"sourcesContent":["<template>\n\t<article \n\t\tclass=\"pos-relative flex-column flex o-hidden\"\n\t>\n\t\t<CardHeader \n\t    :class=\"{\n\t    \t'mn-b-medium pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"blogpost\"\n\t    :entityType=\"'blogpost'\"\n\t    :user=\"user\"\n\t    :owner=\"blogpost.owner\" \n    \t:creator=\"blogpost.creator\"\n    \t:date=\"blogpost.createdAt\"\n    \t:actions=\"user && user === blogpost.creator.target._id ? [\n        { to: { name: 'Edit BlogPost', params: {url: blogpost.url } }, label: 'Edit' }\n       ]: null\"\n\t\t/>\n\n\t\n\t\t<section\n\t\t\tclass=\"pd-t-zero pd-b-zero pd-medium\"\n\t\t>\n\t\t\t\n\t\t\t<div v-if=\"type !== 'blogpostPage'\" class=\"cursor-pointer mn-b-medium flex-nowrap flex w-100\">\n\n\t\t\t\t<Text \n\t\t\t\t\tv-if=\"!hideTitle\"\n\t\t\t\t \t:text=\"blogpost.name || ''\" \n\t\t\t\t \t:maxLen=\"80\" \n\t\t\t\t \tclass=\"h3 d-block\"\n\t\t\t\t \t@click=\"router.push({\n\t\t\t\t\t\tname: 'BlogPost', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\turl: blogpost.url \n\t\t\t\t\t\t}\n\t\t\t\t\t})\"\n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"blogpost.status === 'draft'\" \n\t\t\t\t\tclass=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\"\n\t\t\t\t>\n\t\t\t\t\t{{blogpost.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\t\t\t\n\t\t\t<p \n\t\t\t\tv-if=\"firstText && firstText.content && type !== 'blogpostPage' && !hideDescription\" \n\t\t\t\tclass='mn-b-medium t-transp p-semi'\n\t\t\t>\n\t\t\t\t{{firstText.content.slice(0,120)}}...\n\t\t\t</p>\n\n\t\t\t<h3 \n\t\t\t\tv-if=\"type === 'blogpostPage' && !hideTitle\" \n\t\t\t\tclass=\"mn-b-medium h2\"\n\t\t\t>\n\t\t\t\t{{blogpost.name}}\n\t\t\t</h3>\n\n\t\t\t<slot></slot>\n\n\t\t\t<!-- <Chips \n      \tv-if=\"type !== 'short' && blogpost.tags?.length > 0\" \n      \t:chips=\"blogpost.tags\"\n     \t/> -->\n\n\t\t</section>\n\n\t\t\t<!-- <Image :prop=\"{content:firstImage.content}\" class=\"h-100\"/> -->\n\n\t\t<template\n\t\t\tv-if=\"firstImage && firstImage.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<img loading=\"lazy\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + firstImage.content\" \n\t\t\t\talt=\"Blog post image\" \n\t\t\t\tclass=\"mn-b-medium object-fit-cover w-100 h-min-10r  h-100\"\n\t\t\t/>\n\t\t</template>\n\n\t\t<template\n\t\t\tv-if=\"!firstImage?.content && firstVideo && firstVideo.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<!-- <div class=\"flex-center flex\"> -->\n\t      <video controls class=\"mn-b-medium object-fit-fit bg-black w-100 h-max-20r\">\n\t        <source :src=\"firstVideo.content\" type=\"video/mp4\">\n\t        Your browser does not support the video tag.\n\t      </video>\n\t    <!-- </div> -->\n\t\t</template>\n\n\t\t\n\t\t<FooterBlogpost \n\t\t\tclass=\"pd-t-zero pd-medium\" \n\t\t\t:blogpost=\"blogpost\" :user=\"user\"\n\t\t/>\n\t\n\t</article>\n\n</template>\n\n\n<script setup=\"props\">\n\timport CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport FooterBlogpost  from '@martyrs/src/modules/community/components/blocks/FooterBlogpost.vue'\t\n\n\timport Image  from '@martyrs/src/modules/constructor/components/elements/Image.vue';\n\n  import Text     from '@martyrs/src/components/Text/Text.vue'\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\timport { computed } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t\tblogpost: {\n\t\t\ttype: Object,\n\t\t},\n\t\tuser: {\n\t\t\ttype: String,\n\t\t},\n\t\ttype: {\n\t\t\ttype: String,\n\t\t},\n\t\thideDescription: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\thideTitle: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t})\n\n  const firstImage = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'ImageUpload');\n\t});\n\n\tconst firstVideo = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'Video');\n\t});\n\n\tconst firstText = computed(() => {\n\t  return props.blogpost.content.find(block => \n\t    block.type === 'Textarea' && block.class !== 'h2'\n\t  );\n\t});\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":["useRouter","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyHC,UAAM,SAASA,UAAAA,UAAS;AAExB,UAAM,QAAQ;AAoBb,UAAM,aAAaC,IAAAA,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC1E,CAAC;AAED,UAAM,aAAaA,IAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,OAAO;AAAA,IACpE,CAAC;AAED,UAAM,YAAYA,IAAAA,SAAS,MAAM;AAC/B,aAAO,MAAM,SAAS,QAAQ;AAAA,QAAK,WACjC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA,MAClD;AAAA,IACC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/blocks/CardBlogpost.vue.js

@@ -65,7 +65,6 @@ const _sfc_main = {
       );
     });
     return (_ctx, _cache) => {
-      var _a;
       return openBlock(), createElementBlock("article", _hoisted_1, [
         createVNode(_sfc_main$1, {
           class: normalizeClass({
@@ -109,7 +108,7 @@ const _sfc_main = {
           alt: "Blog post image",
           class: "mn-b-medium object-fit-cover w-100 h-min-10r h-100"
         }, null, 8, _hoisted_7)) : createCommentVNode("", true),
-        !((_a = firstImage.value) == null ? void 0 : _a.content) && firstVideo.value && firstVideo.value.content && __props.type !== "blogpostPage" ? (openBlock(), createElementBlock("video", _hoisted_8, [
+        !firstImage.value?.content && firstVideo.value && firstVideo.value.content && __props.type !== "blogpostPage" ? (openBlock(), createElementBlock("video", _hoisted_8, [
           createElementVNode("source", {
             src: firstVideo.value.content,
             type: "video/mp4"

package/dist/martyrs/src/modules/community/components/blocks/CardBlogpost.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardBlogpost.vue.js","sources":["../../../../../../../src/modules/community/components/blocks/CardBlogpost.vue"],"sourcesContent":["<template>\n\t<article \n\t\tclass=\"pos-relative flex-column flex o-hidden\"\n\t>\n\t\t<CardHeader \n\t    :class=\"{\n\t    \t'mn-b-medium pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"blogpost\"\n\t    :entityType=\"'blogpost'\"\n\t    :user=\"user\"\n\t    :owner=\"blogpost.owner\" \n    \t:creator=\"blogpost.creator\"\n    \t:date=\"blogpost.createdAt\"\n    \t:actions=\"user && user === blogpost.creator.target._id ? [\n        { to: { name: 'Edit BlogPost', params: {url: blogpost.url } }, label: 'Edit' }\n       ]: null\"\n\t\t/>\n\n\t\n\t\t<section\n\t\t\tclass=\"pd-t-zero pd-b-zero pd-medium\"\n\t\t>\n\t\t\t\n\t\t\t<div v-if=\"type !== 'blogpostPage'\" class=\"cursor-pointer mn-b-medium flex-nowrap flex w-100\">\n\n\t\t\t\t<Text \n\t\t\t\t\tv-if=\"!hideTitle\"\n\t\t\t\t \t:text=\"blogpost.name || ''\" \n\t\t\t\t \t:maxLen=\"80\" \n\t\t\t\t \tclass=\"h3 d-block\"\n\t\t\t\t \t@click=\"router.push({\n\t\t\t\t\t\tname: 'BlogPost', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\turl: blogpost.url \n\t\t\t\t\t\t}\n\t\t\t\t\t})\"\n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"blogpost.status === 'draft'\" \n\t\t\t\t\tclass=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\"\n\t\t\t\t>\n\t\t\t\t\t{{blogpost.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\t\t\t\n\t\t\t<p \n\t\t\t\tv-if=\"firstText && firstText.content && type !== 'blogpostPage' && !hideDescription\" \n\t\t\t\tclass='mn-b-medium t-transp p-semi'\n\t\t\t>\n\t\t\t\t{{firstText.content.slice(0,120)}}...\n\t\t\t</p>\n\n\t\t\t<h3 \n\t\t\t\tv-if=\"type === 'blogpostPage' && !hideTitle\" \n\t\t\t\tclass=\"mn-b-medium h2\"\n\t\t\t>\n\t\t\t\t{{blogpost.name}}\n\t\t\t</h3>\n\n\t\t\t<slot></slot>\n\n\t\t\t<!-- <Chips \n      \tv-if=\"type !== 'short' && blogpost.tags?.length > 0\" \n      \t:chips=\"blogpost.tags\"\n     \t/> -->\n\n\t\t</section>\n\n\t\t\t<!-- <Image :prop=\"{content:firstImage.content}\" class=\"h-100\"/> -->\n\n\t\t<template\n\t\t\tv-if=\"firstImage && firstImage.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<img loading=\"lazy\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + firstImage.content\" \n\t\t\t\talt=\"Blog post image\" \n\t\t\t\tclass=\"mn-b-medium object-fit-cover w-100 h-min-10r  h-100\"\n\t\t\t/>\n\t\t</template>\n\n\t\t<template\n\t\t\tv-if=\"!firstImage?.content && firstVideo && firstVideo.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<!-- <div class=\"flex-center flex\"> -->\n\t      <video controls class=\"mn-b-medium object-fit-fit bg-black w-100 h-max-20r\">\n\t        <source :src=\"firstVideo.content\" type=\"video/mp4\">\n\t        Your browser does not support the video tag.\n\t      </video>\n\t    <!-- </div> -->\n\t\t</template>\n\n\t\t\n\t\t<FooterBlogpost \n\t\t\tclass=\"pd-t-zero pd-medium\" \n\t\t\t:blogpost=\"blogpost\" :user=\"user\"\n\t\t/>\n\t\n\t</article>\n\n</template>\n\n\n<script setup=\"props\">\n\timport CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport FooterBlogpost  from '@martyrs/src/modules/community/components/blocks/FooterBlogpost.vue'\t\n\n\timport Image  from '@martyrs/src/modules/constructor/components/elements/Image.vue';\n\n  import Text     from '@martyrs/src/components/Text/Text.vue'\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\timport { computed } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t\tblogpost: {\n\t\t\ttype: Object,\n\t\t},\n\t\tuser: {\n\t\t\ttype: String,\n\t\t},\n\t\ttype: {\n\t\t\ttype: String,\n\t\t},\n\t\thideDescription: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\thideTitle: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t})\n\n  const firstImage = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'ImageUpload');\n\t});\n\n\tconst firstVideo = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'Video');\n\t});\n\n\tconst firstText = computed(() => {\n\t  return props.blogpost.content.find(block => \n\t    block.type === 'Textarea' && block.class !== 'h2'\n\t  );\n\t});\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyHC,UAAM,SAAS,UAAS;AAExB,UAAM,QAAQ;AAoBb,UAAM,aAAa,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC3E,CAAE;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,OAAO;AAAA,IACrE,CAAE;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,MAAM,SAAS,QAAQ;AAAA,QAAK,WACjC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA,MAC9C;AAAA,IACJ,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardBlogpost.vue.js","sources":["../../../../../../../src/modules/community/components/blocks/CardBlogpost.vue"],"sourcesContent":["<template>\n\t<article \n\t\tclass=\"pos-relative flex-column flex o-hidden\"\n\t>\n\t\t<CardHeader \n\t    :class=\"{\n\t    \t'mn-b-medium pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"blogpost\"\n\t    :entityType=\"'blogpost'\"\n\t    :user=\"user\"\n\t    :owner=\"blogpost.owner\" \n    \t:creator=\"blogpost.creator\"\n    \t:date=\"blogpost.createdAt\"\n    \t:actions=\"user && user === blogpost.creator.target._id ? [\n        { to: { name: 'Edit BlogPost', params: {url: blogpost.url } }, label: 'Edit' }\n       ]: null\"\n\t\t/>\n\n\t\n\t\t<section\n\t\t\tclass=\"pd-t-zero pd-b-zero pd-medium\"\n\t\t>\n\t\t\t\n\t\t\t<div v-if=\"type !== 'blogpostPage'\" class=\"cursor-pointer mn-b-medium flex-nowrap flex w-100\">\n\n\t\t\t\t<Text \n\t\t\t\t\tv-if=\"!hideTitle\"\n\t\t\t\t \t:text=\"blogpost.name || ''\" \n\t\t\t\t \t:maxLen=\"80\" \n\t\t\t\t \tclass=\"h3 d-block\"\n\t\t\t\t \t@click=\"router.push({\n\t\t\t\t\t\tname: 'BlogPost', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\turl: blogpost.url \n\t\t\t\t\t\t}\n\t\t\t\t\t})\"\n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"blogpost.status === 'draft'\" \n\t\t\t\t\tclass=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\"\n\t\t\t\t>\n\t\t\t\t\t{{blogpost.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\t\t\t\n\t\t\t<p \n\t\t\t\tv-if=\"firstText && firstText.content && type !== 'blogpostPage' && !hideDescription\" \n\t\t\t\tclass='mn-b-medium t-transp p-semi'\n\t\t\t>\n\t\t\t\t{{firstText.content.slice(0,120)}}...\n\t\t\t</p>\n\n\t\t\t<h3 \n\t\t\t\tv-if=\"type === 'blogpostPage' && !hideTitle\" \n\t\t\t\tclass=\"mn-b-medium h2\"\n\t\t\t>\n\t\t\t\t{{blogpost.name}}\n\t\t\t</h3>\n\n\t\t\t<slot></slot>\n\n\t\t\t<!-- <Chips \n      \tv-if=\"type !== 'short' && blogpost.tags?.length > 0\" \n      \t:chips=\"blogpost.tags\"\n     \t/> -->\n\n\t\t</section>\n\n\t\t\t<!-- <Image :prop=\"{content:firstImage.content}\" class=\"h-100\"/> -->\n\n\t\t<template\n\t\t\tv-if=\"firstImage && firstImage.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<img loading=\"lazy\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + firstImage.content\" \n\t\t\t\talt=\"Blog post image\" \n\t\t\t\tclass=\"mn-b-medium object-fit-cover w-100 h-min-10r  h-100\"\n\t\t\t/>\n\t\t</template>\n\n\t\t<template\n\t\t\tv-if=\"!firstImage?.content && firstVideo && firstVideo.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<!-- <div class=\"flex-center flex\"> -->\n\t      <video controls class=\"mn-b-medium object-fit-fit bg-black w-100 h-max-20r\">\n\t        <source :src=\"firstVideo.content\" type=\"video/mp4\">\n\t        Your browser does not support the video tag.\n\t      </video>\n\t    <!-- </div> -->\n\t\t</template>\n\n\t\t\n\t\t<FooterBlogpost \n\t\t\tclass=\"pd-t-zero pd-medium\" \n\t\t\t:blogpost=\"blogpost\" :user=\"user\"\n\t\t/>\n\t\n\t</article>\n\n</template>\n\n\n<script setup=\"props\">\n\timport CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport FooterBlogpost  from '@martyrs/src/modules/community/components/blocks/FooterBlogpost.vue'\t\n\n\timport Image  from '@martyrs/src/modules/constructor/components/elements/Image.vue';\n\n  import Text     from '@martyrs/src/components/Text/Text.vue'\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\timport { computed } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t\tblogpost: {\n\t\t\ttype: Object,\n\t\t},\n\t\tuser: {\n\t\t\ttype: String,\n\t\t},\n\t\ttype: {\n\t\t\ttype: String,\n\t\t},\n\t\thideDescription: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\thideTitle: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t})\n\n  const firstImage = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'ImageUpload');\n\t});\n\n\tconst firstVideo = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'Video');\n\t});\n\n\tconst firstText = computed(() => {\n\t  return props.blogpost.content.find(block => \n\t    block.type === 'Textarea' && block.class !== 'h2'\n\t  );\n\t});\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyHC,UAAM,SAAS,UAAS;AAExB,UAAM,QAAQ;AAoBb,UAAM,aAAa,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC1E,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,OAAO;AAAA,IACpE,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,MAAM,SAAS,QAAQ;AAAA,QAAK,WACjC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA,MAClD;AAAA,IACC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/blocks/FooterBlogpost.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FooterBlogpost.vue.cjs","sources":["../../../../../../../src/modules/community/components/blocks/FooterBlogpost.vue"],"sourcesContent":["<template>\n  <footer class=\"t-semi br-top-dark flex-nowrap flex-nojustify flex\">\n    <router-link :to=\"{\n      name: 'BlogPost', \n      params: { \n        url: blogpost.url \n      }\n    }\" \n    class=\"font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big\">\n      👁️ {{blogpost.views}}\n    </router-link>\n    \n    <div class=\"hover-bg-white pd-l-thin pd-r-thin radius-big cursor-pointer\">\n      <div class=\"cursor-pointer\" @click=\"addReaction('like')\" v-if=\"!isReacted\">\n        👍 {{reactionsCount }}\n      </div>\n      <div class=\"cursor-pointer\" @click=\"deleteReaction('like')\" v-if=\"isReacted\">\n        👍 {{reactionsCount }}\n      </div>\n    </div>\n    <router-link :to=\"{\n      name: 'BlogPost', \n      hash: '#comments',\n      params: { \n        url: blogpost.url \n      }\n    }\" \n    class=\"font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big\">\n      💬 {{ blogpost.numberOfComments }}\n    </router-link>\n  </footer>\n</template>\n\n<script setup=\"props\">\nimport { computed, ref } from 'vue';\nimport { useRouter } from 'vue-router';\n\nimport * as reactions from '@martyrs/src/modules/community/store/reactions.js';\n\nconst props = defineProps(['blogpost', 'owner', 'user']);\n\nconst reactionsCount = ref(props.blogpost.numberOfReactions);\nconst isReacted = ref(props.blogpost.isReacted);\nconst reactionId = ref(props.blogpost.reactionId);\n\nasync function addReaction(type) {\n  if (!props.user) {\n    alert('Please login to add a reaction');\n    return;\n  }\n\n  try {\n    const reaction = {\n      target: props.blogpost._id,\n      type: 'blogpost',\n      user: props.user,\n      class: 'like'\n    };\n    const res = await reactions.actions.create(reaction);\n\n    if (res.reaction.class === 'like') {\n      reactionsCount.value += 1;\n      isReacted.value = true;\n      reactionId.value = res.reaction._id;\n    }\n  } catch (err) {\n    console.error(err);\n    alert('Error adding reaction. Please try again later.');\n  }\n}\n\nasync function deleteReaction(type) {\n  if (!props.user) {\n    alert('Please login to add a reaction');\n    return;\n  }\n\n  try {\n    const reaction = { _id: reactionId.value };\n\n    await reactions.actions.delete(reaction);\n\n    reactionsCount.value -= 1;\n    isReacted.value = false;\n    reactionId.value = null;\n  } catch (err) {\n    alert('Error adding reaction. Please try again later.');\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["ref","reactions.actions"],"mappings":";;;;;;;;;;;AAuCA,UAAM,QAAQ;AAEd,UAAM,iBAAiBA,IAAG,IAAC,MAAM,SAAS,iBAAiB;AAC3D,UAAM,YAAYA,IAAG,IAAC,MAAM,SAAS,SAAS;AAC9C,UAAM,aAAaA,IAAG,IAAC,MAAM,SAAS,UAAU;AAEhD,mBAAe,YAAY,MAAM;AAC/B,UAAI,CAAC,MAAM,MAAM;AACf,cAAM,gCAAgC;AACtC;AAAA,MACJ;AAEE,UAAI;AACF,cAAM,WAAW;AAAA,UACf,QAAQ,MAAM,SAAS;AAAA,UACvB,MAAM;AAAA,UACN,MAAM,MAAM;AAAA,UACZ,OAAO;AAAA,QACR;AACD,cAAM,MAAM,MAAMC,kBAAkB,OAAO,QAAQ;AAEnD,YAAI,IAAI,SAAS,UAAU,QAAQ;AACjC,yBAAe,SAAS;AACxB,oBAAU,QAAQ;AAClB,qBAAW,QAAQ,IAAI,SAAS;AAAA,QACtC;AAAA,MACG,SAAQ,KAAK;AACZ,gBAAQ,MAAM,GAAG;AACjB,cAAM,gDAAgD;AAAA,MAC1D;AAAA,IACA;AAEA,mBAAe,eAAe,MAAM;AAClC,UAAI,CAAC,MAAM,MAAM;AACf,cAAM,gCAAgC;AACtC;AAAA,MACJ;AAEE,UAAI;AACF,cAAM,WAAW,EAAE,KAAK,WAAW,MAAO;AAE1C,cAAMA,UAAiB,QAAC,OAAO,QAAQ;AAEvC,uBAAe,SAAS;AACxB,kBAAU,QAAQ;AAClB,mBAAW,QAAQ;AAAA,MACpB,SAAQ,KAAK;AACZ,cAAM,gDAAgD;AAAA,MAC1D;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FooterBlogpost.vue.cjs","sources":["../../../../../../../src/modules/community/components/blocks/FooterBlogpost.vue"],"sourcesContent":["<template>\n  <footer class=\"t-semi br-top-dark flex-nowrap flex-nojustify flex\">\n    <router-link :to=\"{\n      name: 'BlogPost', \n      params: { \n        url: blogpost.url \n      }\n    }\" \n    class=\"font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big\">\n      👁️ {{blogpost.views}}\n    </router-link>\n    \n    <div class=\"hover-bg-white pd-l-thin pd-r-thin radius-big cursor-pointer\">\n      <div class=\"cursor-pointer\" @click=\"addReaction('like')\" v-if=\"!isReacted\">\n        👍 {{reactionsCount }}\n      </div>\n      <div class=\"cursor-pointer\" @click=\"deleteReaction('like')\" v-if=\"isReacted\">\n        👍 {{reactionsCount }}\n      </div>\n    </div>\n    <router-link :to=\"{\n      name: 'BlogPost', \n      hash: '#comments',\n      params: { \n        url: blogpost.url \n      }\n    }\" \n    class=\"font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big\">\n      💬 {{ blogpost.numberOfComments }}\n    </router-link>\n  </footer>\n</template>\n\n<script setup=\"props\">\nimport { computed, ref } from 'vue';\nimport { useRouter } from 'vue-router';\n\nimport * as reactions from '@martyrs/src/modules/community/store/reactions.js';\n\nconst props = defineProps(['blogpost', 'owner', 'user']);\n\nconst reactionsCount = ref(props.blogpost.numberOfReactions);\nconst isReacted = ref(props.blogpost.isReacted);\nconst reactionId = ref(props.blogpost.reactionId);\n\nasync function addReaction(type) {\n  if (!props.user) {\n    alert('Please login to add a reaction');\n    return;\n  }\n\n  try {\n    const reaction = {\n      target: props.blogpost._id,\n      type: 'blogpost',\n      user: props.user,\n      class: 'like'\n    };\n    const res = await reactions.actions.create(reaction);\n\n    if (res.reaction.class === 'like') {\n      reactionsCount.value += 1;\n      isReacted.value = true;\n      reactionId.value = res.reaction._id;\n    }\n  } catch (err) {\n    console.error(err);\n    alert('Error adding reaction. Please try again later.');\n  }\n}\n\nasync function deleteReaction(type) {\n  if (!props.user) {\n    alert('Please login to add a reaction');\n    return;\n  }\n\n  try {\n    const reaction = { _id: reactionId.value };\n\n    await reactions.actions.delete(reaction);\n\n    reactionsCount.value -= 1;\n    isReacted.value = false;\n    reactionId.value = null;\n  } catch (err) {\n    alert('Error adding reaction. Please try again later.');\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["ref","reactions.actions"],"mappings":";;;;;;;;;;;AAuCA,UAAM,QAAQ;AAEd,UAAM,iBAAiBA,IAAAA,IAAI,MAAM,SAAS,iBAAiB;AAC3D,UAAM,YAAYA,IAAAA,IAAI,MAAM,SAAS,SAAS;AAC9C,UAAM,aAAaA,IAAAA,IAAI,MAAM,SAAS,UAAU;AAEhD,mBAAe,YAAY,MAAM;AAC/B,UAAI,CAAC,MAAM,MAAM;AACf,cAAM,gCAAgC;AACtC;AAAA,MACF;AAEA,UAAI;AACF,cAAM,WAAW;AAAA,UACf,QAAQ,MAAM,SAAS;AAAA,UACvB,MAAM;AAAA,UACN,MAAM,MAAM;AAAA,UACZ,OAAO;AAAA,QACb;AACI,cAAM,MAAM,MAAMC,kBAAkB,OAAO,QAAQ;AAEnD,YAAI,IAAI,SAAS,UAAU,QAAQ;AACjC,yBAAe,SAAS;AACxB,oBAAU,QAAQ;AAClB,qBAAW,QAAQ,IAAI,SAAS;AAAA,QAClC;AAAA,MACF,SAAS,KAAK;AACZ,gBAAQ,MAAM,GAAG;AACjB,cAAM,gDAAgD;AAAA,MACxD;AAAA,IACF;AAEA,mBAAe,eAAe,MAAM;AAClC,UAAI,CAAC,MAAM,MAAM;AACf,cAAM,gCAAgC;AACtC;AAAA,MACF;AAEA,UAAI;AACF,cAAM,WAAW,EAAE,KAAK,WAAW,MAAK;AAExC,cAAMA,UAAAA,QAAkB,OAAO,QAAQ;AAEvC,uBAAe,SAAS;AACxB,kBAAU,QAAQ;AAClB,mBAAW,QAAQ;AAAA,MACrB,SAAS,KAAK;AACZ,cAAM,gDAAgD;AAAA,MACxD;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/blocks/FooterBlogpost.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterBlogpost.vue.js","sources":["../../../../../../../src/modules/community/components/blocks/FooterBlogpost.vue"],"sourcesContent":["<template>\n  <footer class=\"t-semi br-top-dark flex-nowrap flex-nojustify flex\">\n    <router-link :to=\"{\n      name: 'BlogPost', \n      params: { \n        url: blogpost.url \n      }\n    }\" \n    class=\"font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big\">\n      👁️ {{blogpost.views}}\n    </router-link>\n    \n    <div class=\"hover-bg-white pd-l-thin pd-r-thin radius-big cursor-pointer\">\n      <div class=\"cursor-pointer\" @click=\"addReaction('like')\" v-if=\"!isReacted\">\n        👍 {{reactionsCount }}\n      </div>\n      <div class=\"cursor-pointer\" @click=\"deleteReaction('like')\" v-if=\"isReacted\">\n        👍 {{reactionsCount }}\n      </div>\n    </div>\n    <router-link :to=\"{\n      name: 'BlogPost', \n      hash: '#comments',\n      params: { \n        url: blogpost.url \n      }\n    }\" \n    class=\"font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big\">\n      💬 {{ blogpost.numberOfComments }}\n    </router-link>\n  </footer>\n</template>\n\n<script setup=\"props\">\nimport { computed, ref } from 'vue';\nimport { useRouter } from 'vue-router';\n\nimport * as reactions from '@martyrs/src/modules/community/store/reactions.js';\n\nconst props = defineProps(['blogpost', 'owner', 'user']);\n\nconst reactionsCount = ref(props.blogpost.numberOfReactions);\nconst isReacted = ref(props.blogpost.isReacted);\nconst reactionId = ref(props.blogpost.reactionId);\n\nasync function addReaction(type) {\n  if (!props.user) {\n    alert('Please login to add a reaction');\n    return;\n  }\n\n  try {\n    const reaction = {\n      target: props.blogpost._id,\n      type: 'blogpost',\n      user: props.user,\n      class: 'like'\n    };\n    const res = await reactions.actions.create(reaction);\n\n    if (res.reaction.class === 'like') {\n      reactionsCount.value += 1;\n      isReacted.value = true;\n      reactionId.value = res.reaction._id;\n    }\n  } catch (err) {\n    console.error(err);\n    alert('Error adding reaction. Please try again later.');\n  }\n}\n\nasync function deleteReaction(type) {\n  if (!props.user) {\n    alert('Please login to add a reaction');\n    return;\n  }\n\n  try {\n    const reaction = { _id: reactionId.value };\n\n    await reactions.actions.delete(reaction);\n\n    reactionsCount.value -= 1;\n    isReacted.value = false;\n    reactionId.value = null;\n  } catch (err) {\n    alert('Error adding reaction. Please try again later.');\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["reactions.actions"],"mappings":";;;;;;;;;AAuCA,UAAM,QAAQ;AAEd,UAAM,iBAAiB,IAAI,MAAM,SAAS,iBAAiB;AAC3D,UAAM,YAAY,IAAI,MAAM,SAAS,SAAS;AAC9C,UAAM,aAAa,IAAI,MAAM,SAAS,UAAU;AAEhD,mBAAe,YAAY,MAAM;AAC/B,UAAI,CAAC,MAAM,MAAM;AACf,cAAM,gCAAgC;AACtC;AAAA,MACJ;AAEE,UAAI;AACF,cAAM,WAAW;AAAA,UACf,QAAQ,MAAM,SAAS;AAAA,UACvB,MAAM;AAAA,UACN,MAAM,MAAM;AAAA,UACZ,OAAO;AAAA,QACR;AACD,cAAM,MAAM,MAAMA,QAAkB,OAAO,QAAQ;AAEnD,YAAI,IAAI,SAAS,UAAU,QAAQ;AACjC,yBAAe,SAAS;AACxB,oBAAU,QAAQ;AAClB,qBAAW,QAAQ,IAAI,SAAS;AAAA,QACtC;AAAA,MACG,SAAQ,KAAK;AACZ,gBAAQ,MAAM,GAAG;AACjB,cAAM,gDAAgD;AAAA,MAC1D;AAAA,IACA;AAEA,mBAAe,eAAe,MAAM;AAClC,UAAI,CAAC,MAAM,MAAM;AACf,cAAM,gCAAgC;AACtC;AAAA,MACJ;AAEE,UAAI;AACF,cAAM,WAAW,EAAE,KAAK,WAAW,MAAO;AAE1C,cAAMA,QAAkB,OAAO,QAAQ;AAEvC,uBAAe,SAAS;AACxB,kBAAU,QAAQ;AAClB,mBAAW,QAAQ;AAAA,MACpB,SAAQ,KAAK;AACZ,cAAM,gDAAgD;AAAA,MAC1D;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FooterBlogpost.vue.js","sources":["../../../../../../../src/modules/community/components/blocks/FooterBlogpost.vue"],"sourcesContent":["<template>\n  <footer class=\"t-semi br-top-dark flex-nowrap flex-nojustify flex\">\n    <router-link :to=\"{\n      name: 'BlogPost', \n      params: { \n        url: blogpost.url \n      }\n    }\" \n    class=\"font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big\">\n      👁️ {{blogpost.views}}\n    </router-link>\n    \n    <div class=\"hover-bg-white pd-l-thin pd-r-thin radius-big cursor-pointer\">\n      <div class=\"cursor-pointer\" @click=\"addReaction('like')\" v-if=\"!isReacted\">\n        👍 {{reactionsCount }}\n      </div>\n      <div class=\"cursor-pointer\" @click=\"deleteReaction('like')\" v-if=\"isReacted\">\n        👍 {{reactionsCount }}\n      </div>\n    </div>\n    <router-link :to=\"{\n      name: 'BlogPost', \n      hash: '#comments',\n      params: { \n        url: blogpost.url \n      }\n    }\" \n    class=\"font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big\">\n      💬 {{ blogpost.numberOfComments }}\n    </router-link>\n  </footer>\n</template>\n\n<script setup=\"props\">\nimport { computed, ref } from 'vue';\nimport { useRouter } from 'vue-router';\n\nimport * as reactions from '@martyrs/src/modules/community/store/reactions.js';\n\nconst props = defineProps(['blogpost', 'owner', 'user']);\n\nconst reactionsCount = ref(props.blogpost.numberOfReactions);\nconst isReacted = ref(props.blogpost.isReacted);\nconst reactionId = ref(props.blogpost.reactionId);\n\nasync function addReaction(type) {\n  if (!props.user) {\n    alert('Please login to add a reaction');\n    return;\n  }\n\n  try {\n    const reaction = {\n      target: props.blogpost._id,\n      type: 'blogpost',\n      user: props.user,\n      class: 'like'\n    };\n    const res = await reactions.actions.create(reaction);\n\n    if (res.reaction.class === 'like') {\n      reactionsCount.value += 1;\n      isReacted.value = true;\n      reactionId.value = res.reaction._id;\n    }\n  } catch (err) {\n    console.error(err);\n    alert('Error adding reaction. Please try again later.');\n  }\n}\n\nasync function deleteReaction(type) {\n  if (!props.user) {\n    alert('Please login to add a reaction');\n    return;\n  }\n\n  try {\n    const reaction = { _id: reactionId.value };\n\n    await reactions.actions.delete(reaction);\n\n    reactionsCount.value -= 1;\n    isReacted.value = false;\n    reactionId.value = null;\n  } catch (err) {\n    alert('Error adding reaction. Please try again later.');\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["reactions.actions"],"mappings":";;;;;;;;;AAuCA,UAAM,QAAQ;AAEd,UAAM,iBAAiB,IAAI,MAAM,SAAS,iBAAiB;AAC3D,UAAM,YAAY,IAAI,MAAM,SAAS,SAAS;AAC9C,UAAM,aAAa,IAAI,MAAM,SAAS,UAAU;AAEhD,mBAAe,YAAY,MAAM;AAC/B,UAAI,CAAC,MAAM,MAAM;AACf,cAAM,gCAAgC;AACtC;AAAA,MACF;AAEA,UAAI;AACF,cAAM,WAAW;AAAA,UACf,QAAQ,MAAM,SAAS;AAAA,UACvB,MAAM;AAAA,UACN,MAAM,MAAM;AAAA,UACZ,OAAO;AAAA,QACb;AACI,cAAM,MAAM,MAAMA,QAAkB,OAAO,QAAQ;AAEnD,YAAI,IAAI,SAAS,UAAU,QAAQ;AACjC,yBAAe,SAAS;AACxB,oBAAU,QAAQ;AAClB,qBAAW,QAAQ,IAAI,SAAS;AAAA,QAClC;AAAA,MACF,SAAS,KAAK;AACZ,gBAAQ,MAAM,GAAG;AACjB,cAAM,gDAAgD;AAAA,MACxD;AAAA,IACF;AAEA,mBAAe,eAAe,MAAM;AAClC,UAAI,CAAC,MAAM,MAAM;AACf,cAAM,gCAAgC;AACtC;AAAA,MACF;AAEA,UAAI;AACF,cAAM,WAAW,EAAE,KAAK,WAAW,MAAK;AAExC,cAAMA,QAAkB,OAAO,QAAQ;AAEvC,uBAAe,SAAS;AACxB,kBAAU,QAAQ;AAClB,mBAAW,QAAQ;AAAA,MACrB,SAAS,KAAK;AACZ,cAAM,gDAAgD;AAAA,MACxD;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/layouts/Community.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Select = require("../../../../components/Select/Select.vue.cjs");
+const Select = require("../../../../components/Select/Select.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const CardOrganization = require("../../../organizations/components/blocks/CardOrganization.vue.cjs");
 const IconFeatured = require("../../../icons/entities/IconFeatured.vue.cjs");

package/dist/martyrs/src/modules/community/components/layouts/Community.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Community.vue.cjs","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["\t<template>\n\t<div class=\"bg-white\">\n\t\t<section class=\"w-100  flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative\">\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"w-100 h-100 pos-relative\">\n\t\t\t\t<header v-if=\"!route.params.url && route.name !== 'Create BlogPost'\" class=\"bg-light pd-medium radius-medium mobile:radius-zero scroll-hide o-y-visible t-black pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t\t    \t<h2 class=\"pos-relative t-nowrap flex-v-center flex-nowrap flex\">\n\t\t    \t\t<span class=\"mn-r-thin\">Posts for </span>\n\n\t\t    \t\t<Select \n\t\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t\t        placeholder=\"all time\"\n\t\t\t        class=\"\n\t\t\t        \tt-semi\n\t\t\t        \tpos-relative \n\t\t\t        \tw-max\n\t\t\t        \tbg-main t-black\n\t\t\t        \tpd-thin\n\t\t\t        \tradius-medium\n\t\t\t          h2\n\t\t\t         \tt-center\n\t\t\t         \tflex-column \n\t\t\t         \tflex \n\t\t\t         \tgap-medium \n\t\t\t        \"\n\t\t\t      />\n\t\t    \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div  v-if=\"!route.params.url && route.name !=='Create BlogPost'\"  class=\"w-100 pos-relative\">\n\t\t\t\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-medium gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFeatured\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\t\n\t\t\t\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tPopular\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tRecent\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFollowing\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t\t\t\t}\" \n\t\t\t\t\t\t\tclass=\"button t-medium bg-main w-max mn-l-auto\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tCreate Post\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\n\t\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t\t</transition>\n\t\t\t\t</router-view>\n\t\t\t</div>\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"desktop-only pos-sticky pos-t-thin scroll-hide  h-100  w-40 h-100 pos-relative \">\n\t\t\t\t<div class=\"radius-medium bg-light mn-b-thin pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t\t\t<p class=\"t-medium mn-b-small\">Latest Comments</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"flex flex-column gap-thin\">\n\t\t\t\t\t\t<Comment\n\t\t        \tv-for=\"comment in comments.slice(0,5)\"\n\t\t\t        :key=\"comment._id\"\n\t\t\t        :comment=\"comment\"\n\t\t\t        :target=\"target\"\n\t\t\t        :type=\"type\"\n\t\t\t        :owner=\"owner\"\n\t\t\t        @reply=\"handleReply\"\n\t\t\t        @load-more=\"loadMoreChildren\"\n\t\t\t        class=\"comment bg-white pd-small radius-regular\"\n\t\t\t      />\n\t\t\t    </div>\n\t\t    </div>\n\n\t      <div class=\"radius-medium bg-light pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-v-center flex-nowrap flex  mn-b-small\">\n\t\t\t\t\t\t<p class=\"text-box-trim-end t-medium\">Popular Communities</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t\t<Feed\n\t\t\t\t\t\t\t:showLoadMore=\"false\"\n\t\t\t\t\t\t\t:LoadMore=\"false\"\n\t\t\t\t      :states=\"{\n\t\t\t\t        empty: {\n\t\t\t\t          title: 'No Organization Found',\n\t\t\t\t          description: 'Currently, there are no organization available.'\n\t\t\t\t        }\n\t\t\t\t      }\"\n\t\t\t\t      :store=\"{\n\t\t\t\t        read: (options) => organizations.actions.read(options),\n\t\t\t\t        state: organizations.state\n\t\t\t\t      }\"\n\t\t\t\t      :options=\"{\n\t\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlookup: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t\t      }\"\n\t\t\t\t      v-slot=\"{ \n\t\t\t\t        items \n\t\t\t\t      }\"\n\t\t\t\t      class=\"flex flex-column gap-thin\"\n\t\t\t\t    >\n\t\t\t\t    \t<CardOrganization \n\t\t\t    \t\t\tv-for=\"organization in items\"\n\t\t\t        \t:key=\"organization._id\" \n\t\t\t\t      \t:organization=\"organization\"\n\t\t\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t      \t:showProducts=\"false\"\n\t\t\t\t      \t:showRating=\"false\"\n\t\t\t\t      \t:showFeatured=\"false\"\n\t\t\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\t\t\tclass=\"pd-small w-100 pd-0 bg-white radius-regular o-hidden\"\n\t\t\t\t\t    />\n\t\t\t\t    </Feed>\n\t\t\t\t\t</transition>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</section>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@martyrs/src/components/Select/Select.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\n\nimport axios from 'axios';\n\n\nimport Comment from '../sections/Comment.vue';\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        maxDepth: 1,\n        format: 'plain'\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nfetchComments();\n\n// Import state\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\nimport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js'\n\n// State\nconst route = useRoute();\nconst router = useRouter();\n\nif (route.params.category === 'popular') blog.state.sort.param = 'views'; \nif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["ref","useRoute","useRouter","blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LA,UAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS;AAC5D,UAAM,WAAWA,IAAG,IAAC,EAAE;AACAA,QAAAA,IAAI,EAAE;AAE7B,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,UAAU;AAAA,YACV,QAAQ;AAAA,UAChB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS;AAAA,MAC3B,SAAQ,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACnD;AAAA,IACA;AAEA,kBAAe;AASf,UAAM,QAAQC,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1B,QAAI,MAAM,OAAO,aAAa,UAAWC,WAAAA,MAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,WAAAA,MAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAChI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Community.vue.cjs","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["\t<template>\n\t<div class=\"bg-white\">\n\t\t<section class=\"w-100  flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative\">\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"w-100 h-100 pos-relative\">\n\t\t\t\t<header v-if=\"!route.params.url && route.name !== 'Create BlogPost'\" class=\"bg-light pd-medium radius-medium mobile:radius-zero scroll-hide o-y-visible t-black pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t\t    \t<h2 class=\"pos-relative t-nowrap flex-v-center flex-nowrap flex\">\n\t\t    \t\t<span class=\"mn-r-thin\">Posts for </span>\n\n\t\t    \t\t<Select \n\t\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t\t        placeholder=\"all time\"\n\t\t\t        class=\"\n\t\t\t        \tt-semi\n\t\t\t        \tpos-relative \n\t\t\t        \tw-max\n\t\t\t        \tbg-main t-black\n\t\t\t        \tpd-thin\n\t\t\t        \tradius-medium\n\t\t\t          h2\n\t\t\t         \tt-center\n\t\t\t         \tflex-column \n\t\t\t         \tflex \n\t\t\t         \tgap-medium \n\t\t\t        \"\n\t\t\t      />\n\t\t    \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div  v-if=\"!route.params.url && route.name !=='Create BlogPost'\"  class=\"w-100 pos-relative\">\n\t\t\t\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-medium gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFeatured\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\t\n\t\t\t\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tPopular\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tRecent\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFollowing\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t\t\t\t}\" \n\t\t\t\t\t\t\tclass=\"button t-medium bg-main w-max mn-l-auto\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tCreate Post\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\n\t\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t\t</transition>\n\t\t\t\t</router-view>\n\t\t\t</div>\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"desktop-only pos-sticky pos-t-thin scroll-hide  h-100  w-40 h-100 pos-relative \">\n\t\t\t\t<div class=\"radius-medium bg-light mn-b-thin pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t\t\t<p class=\"t-medium mn-b-small\">Latest Comments</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"flex flex-column gap-thin\">\n\t\t\t\t\t\t<Comment\n\t\t        \tv-for=\"comment in comments.slice(0,5)\"\n\t\t\t        :key=\"comment._id\"\n\t\t\t        :comment=\"comment\"\n\t\t\t        :target=\"target\"\n\t\t\t        :type=\"type\"\n\t\t\t        :owner=\"owner\"\n\t\t\t        @reply=\"handleReply\"\n\t\t\t        @load-more=\"loadMoreChildren\"\n\t\t\t        class=\"comment bg-white pd-small radius-regular\"\n\t\t\t      />\n\t\t\t    </div>\n\t\t    </div>\n\n\t      <div class=\"radius-medium bg-light pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-v-center flex-nowrap flex  mn-b-small\">\n\t\t\t\t\t\t<p class=\"text-box-trim-end t-medium\">Popular Communities</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t\t<Feed\n\t\t\t\t\t\t\t:showLoadMore=\"false\"\n\t\t\t\t\t\t\t:LoadMore=\"false\"\n\t\t\t\t      :states=\"{\n\t\t\t\t        empty: {\n\t\t\t\t          title: 'No Organization Found',\n\t\t\t\t          description: 'Currently, there are no organization available.'\n\t\t\t\t        }\n\t\t\t\t      }\"\n\t\t\t\t      :store=\"{\n\t\t\t\t        read: (options) => organizations.actions.read(options),\n\t\t\t\t        state: organizations.state\n\t\t\t\t      }\"\n\t\t\t\t      :options=\"{\n\t\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlookup: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t\t      }\"\n\t\t\t\t      v-slot=\"{ \n\t\t\t\t        items \n\t\t\t\t      }\"\n\t\t\t\t      class=\"flex flex-column gap-thin\"\n\t\t\t\t    >\n\t\t\t\t    \t<CardOrganization \n\t\t\t    \t\t\tv-for=\"organization in items\"\n\t\t\t        \t:key=\"organization._id\" \n\t\t\t\t      \t:organization=\"organization\"\n\t\t\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t      \t:showProducts=\"false\"\n\t\t\t\t      \t:showRating=\"false\"\n\t\t\t\t      \t:showFeatured=\"false\"\n\t\t\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\t\t\tclass=\"pd-small w-100 pd-0 bg-white radius-regular o-hidden\"\n\t\t\t\t\t    />\n\t\t\t\t    </Feed>\n\t\t\t\t\t</transition>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</section>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@martyrs/src/components/Select/Select.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\n\nimport axios from 'axios';\n\n\nimport Comment from '../sections/Comment.vue';\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        maxDepth: 1,\n        format: 'plain'\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nfetchComments();\n\n// Import state\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\nimport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js'\n\n// State\nconst route = useRoute();\nconst router = useRouter();\n\nif (route.params.category === 'popular') blog.state.sort.param = 'views'; \nif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["ref","useRoute","useRouter","blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LA,UAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS;AAC5D,UAAM,WAAWA,IAAAA,IAAI,EAAE;AACAA,QAAAA,IAAI,EAAE;AAE7B,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,UAAU;AAAA,YACV,QAAQ;AAAA,UAChB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS;AAAA,MAC5B,SAAS,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACjD;AAAA,IACF;AAEA,kBAAa;AASb,UAAM,QAAQC,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAExB,QAAI,MAAM,OAAO,aAAa,UAAWC,WAAAA,MAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,WAAAA,MAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAChI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/layouts/Community.vue.js

@@ -1,6 +1,6 @@
 import { ref, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, unref, createBlock, normalizeClass, createTextVNode, withCtx, Transition, resolveDynamicComponent, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import Select from "../../../../components/Select/Select.vue.js";
+import Select from "../../../../components/Select/Select.vue2.js";
 import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$6 from "../../../organizations/components/blocks/CardOrganization.vue.js";
 import _sfc_main$1 from "../../../icons/entities/IconFeatured.vue.js";

package/dist/martyrs/src/modules/community/components/layouts/Community.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Community.vue.js","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["\t<template>\n\t<div class=\"bg-white\">\n\t\t<section class=\"w-100  flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative\">\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"w-100 h-100 pos-relative\">\n\t\t\t\t<header v-if=\"!route.params.url && route.name !== 'Create BlogPost'\" class=\"bg-light pd-medium radius-medium mobile:radius-zero scroll-hide o-y-visible t-black pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t\t    \t<h2 class=\"pos-relative t-nowrap flex-v-center flex-nowrap flex\">\n\t\t    \t\t<span class=\"mn-r-thin\">Posts for </span>\n\n\t\t    \t\t<Select \n\t\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t\t        placeholder=\"all time\"\n\t\t\t        class=\"\n\t\t\t        \tt-semi\n\t\t\t        \tpos-relative \n\t\t\t        \tw-max\n\t\t\t        \tbg-main t-black\n\t\t\t        \tpd-thin\n\t\t\t        \tradius-medium\n\t\t\t          h2\n\t\t\t         \tt-center\n\t\t\t         \tflex-column \n\t\t\t         \tflex \n\t\t\t         \tgap-medium \n\t\t\t        \"\n\t\t\t      />\n\t\t    \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div  v-if=\"!route.params.url && route.name !=='Create BlogPost'\"  class=\"w-100 pos-relative\">\n\t\t\t\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-medium gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFeatured\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\t\n\t\t\t\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tPopular\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tRecent\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFollowing\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t\t\t\t}\" \n\t\t\t\t\t\t\tclass=\"button t-medium bg-main w-max mn-l-auto\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tCreate Post\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\n\t\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t\t</transition>\n\t\t\t\t</router-view>\n\t\t\t</div>\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"desktop-only pos-sticky pos-t-thin scroll-hide  h-100  w-40 h-100 pos-relative \">\n\t\t\t\t<div class=\"radius-medium bg-light mn-b-thin pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t\t\t<p class=\"t-medium mn-b-small\">Latest Comments</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"flex flex-column gap-thin\">\n\t\t\t\t\t\t<Comment\n\t\t        \tv-for=\"comment in comments.slice(0,5)\"\n\t\t\t        :key=\"comment._id\"\n\t\t\t        :comment=\"comment\"\n\t\t\t        :target=\"target\"\n\t\t\t        :type=\"type\"\n\t\t\t        :owner=\"owner\"\n\t\t\t        @reply=\"handleReply\"\n\t\t\t        @load-more=\"loadMoreChildren\"\n\t\t\t        class=\"comment bg-white pd-small radius-regular\"\n\t\t\t      />\n\t\t\t    </div>\n\t\t    </div>\n\n\t      <div class=\"radius-medium bg-light pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-v-center flex-nowrap flex  mn-b-small\">\n\t\t\t\t\t\t<p class=\"text-box-trim-end t-medium\">Popular Communities</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t\t<Feed\n\t\t\t\t\t\t\t:showLoadMore=\"false\"\n\t\t\t\t\t\t\t:LoadMore=\"false\"\n\t\t\t\t      :states=\"{\n\t\t\t\t        empty: {\n\t\t\t\t          title: 'No Organization Found',\n\t\t\t\t          description: 'Currently, there are no organization available.'\n\t\t\t\t        }\n\t\t\t\t      }\"\n\t\t\t\t      :store=\"{\n\t\t\t\t        read: (options) => organizations.actions.read(options),\n\t\t\t\t        state: organizations.state\n\t\t\t\t      }\"\n\t\t\t\t      :options=\"{\n\t\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlookup: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t\t      }\"\n\t\t\t\t      v-slot=\"{ \n\t\t\t\t        items \n\t\t\t\t      }\"\n\t\t\t\t      class=\"flex flex-column gap-thin\"\n\t\t\t\t    >\n\t\t\t\t    \t<CardOrganization \n\t\t\t    \t\t\tv-for=\"organization in items\"\n\t\t\t        \t:key=\"organization._id\" \n\t\t\t\t      \t:organization=\"organization\"\n\t\t\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t      \t:showProducts=\"false\"\n\t\t\t\t      \t:showRating=\"false\"\n\t\t\t\t      \t:showFeatured=\"false\"\n\t\t\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\t\t\tclass=\"pd-small w-100 pd-0 bg-white radius-regular o-hidden\"\n\t\t\t\t\t    />\n\t\t\t\t    </Feed>\n\t\t\t\t\t</transition>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</section>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@martyrs/src/components/Select/Select.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\n\nimport axios from 'axios';\n\n\nimport Comment from '../sections/Comment.vue';\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        maxDepth: 1,\n        format: 'plain'\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nfetchComments();\n\n// Import state\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\nimport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js'\n\n// State\nconst route = useRoute();\nconst router = useRouter();\n\nif (route.params.category === 'popular') blog.state.sort.param = 'views'; \nif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LA,UAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS;AAC5D,UAAM,WAAW,IAAI,EAAE;AACA,QAAI,EAAE;AAE7B,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,UAAU;AAAA,YACV,QAAQ;AAAA,UAChB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS;AAAA,MAC3B,SAAQ,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACnD;AAAA,IACA;AAEA,kBAAe;AASf,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,QAAI,MAAM,OAAO,aAAa,UAAWA,OAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,OAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,gBAAsB,uBAAuBC,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAChI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Community.vue.js","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["\t<template>\n\t<div class=\"bg-white\">\n\t\t<section class=\"w-100  flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative\">\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"w-100 h-100 pos-relative\">\n\t\t\t\t<header v-if=\"!route.params.url && route.name !== 'Create BlogPost'\" class=\"bg-light pd-medium radius-medium mobile:radius-zero scroll-hide o-y-visible t-black pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t\t    \t<h2 class=\"pos-relative t-nowrap flex-v-center flex-nowrap flex\">\n\t\t    \t\t<span class=\"mn-r-thin\">Posts for </span>\n\n\t\t    \t\t<Select \n\t\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t\t        placeholder=\"all time\"\n\t\t\t        class=\"\n\t\t\t        \tt-semi\n\t\t\t        \tpos-relative \n\t\t\t        \tw-max\n\t\t\t        \tbg-main t-black\n\t\t\t        \tpd-thin\n\t\t\t        \tradius-medium\n\t\t\t          h2\n\t\t\t         \tt-center\n\t\t\t         \tflex-column \n\t\t\t         \tflex \n\t\t\t         \tgap-medium \n\t\t\t        \"\n\t\t\t      />\n\t\t    \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div  v-if=\"!route.params.url && route.name !=='Create BlogPost'\"  class=\"w-100 pos-relative\">\n\t\t\t\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-medium gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFeatured\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\t\n\t\t\t\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tPopular\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tRecent\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFollowing\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t\t\t\t}\" \n\t\t\t\t\t\t\tclass=\"button t-medium bg-main w-max mn-l-auto\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tCreate Post\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\n\t\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t\t</transition>\n\t\t\t\t</router-view>\n\t\t\t</div>\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"desktop-only pos-sticky pos-t-thin scroll-hide  h-100  w-40 h-100 pos-relative \">\n\t\t\t\t<div class=\"radius-medium bg-light mn-b-thin pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t\t\t<p class=\"t-medium mn-b-small\">Latest Comments</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"flex flex-column gap-thin\">\n\t\t\t\t\t\t<Comment\n\t\t        \tv-for=\"comment in comments.slice(0,5)\"\n\t\t\t        :key=\"comment._id\"\n\t\t\t        :comment=\"comment\"\n\t\t\t        :target=\"target\"\n\t\t\t        :type=\"type\"\n\t\t\t        :owner=\"owner\"\n\t\t\t        @reply=\"handleReply\"\n\t\t\t        @load-more=\"loadMoreChildren\"\n\t\t\t        class=\"comment bg-white pd-small radius-regular\"\n\t\t\t      />\n\t\t\t    </div>\n\t\t    </div>\n\n\t      <div class=\"radius-medium bg-light pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-v-center flex-nowrap flex  mn-b-small\">\n\t\t\t\t\t\t<p class=\"text-box-trim-end t-medium\">Popular Communities</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t\t<Feed\n\t\t\t\t\t\t\t:showLoadMore=\"false\"\n\t\t\t\t\t\t\t:LoadMore=\"false\"\n\t\t\t\t      :states=\"{\n\t\t\t\t        empty: {\n\t\t\t\t          title: 'No Organization Found',\n\t\t\t\t          description: 'Currently, there are no organization available.'\n\t\t\t\t        }\n\t\t\t\t      }\"\n\t\t\t\t      :store=\"{\n\t\t\t\t        read: (options) => organizations.actions.read(options),\n\t\t\t\t        state: organizations.state\n\t\t\t\t      }\"\n\t\t\t\t      :options=\"{\n\t\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlookup: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t\t      }\"\n\t\t\t\t      v-slot=\"{ \n\t\t\t\t        items \n\t\t\t\t      }\"\n\t\t\t\t      class=\"flex flex-column gap-thin\"\n\t\t\t\t    >\n\t\t\t\t    \t<CardOrganization \n\t\t\t    \t\t\tv-for=\"organization in items\"\n\t\t\t        \t:key=\"organization._id\" \n\t\t\t\t      \t:organization=\"organization\"\n\t\t\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t      \t:showProducts=\"false\"\n\t\t\t\t      \t:showRating=\"false\"\n\t\t\t\t      \t:showFeatured=\"false\"\n\t\t\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\t\t\tclass=\"pd-small w-100 pd-0 bg-white radius-regular o-hidden\"\n\t\t\t\t\t    />\n\t\t\t\t    </Feed>\n\t\t\t\t\t</transition>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</section>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@martyrs/src/components/Select/Select.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\n\nimport axios from 'axios';\n\n\nimport Comment from '../sections/Comment.vue';\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        maxDepth: 1,\n        format: 'plain'\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nfetchComments();\n\n// Import state\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\nimport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js'\n\n// State\nconst route = useRoute();\nconst router = useRouter();\n\nif (route.params.category === 'popular') blog.state.sort.param = 'views'; \nif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LA,UAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS;AAC5D,UAAM,WAAW,IAAI,EAAE;AACA,QAAI,EAAE;AAE7B,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,UAAU;AAAA,YACV,QAAQ;AAAA,UAChB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS;AAAA,MAC5B,SAAS,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACjD;AAAA,IACF;AAEA,kBAAa;AASb,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,QAAI,MAAM,OAAO,aAAa,UAAWA,OAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,OAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3FC,gBAAsB,uBAAuBC,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAChI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/pages/Blog.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Blog.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/Blog.vue"],"sourcesContent":["<template>\n  <section>\n    <Feed\n      v-model:sort=\"blog.state.sort\"\n      :showLoadMore=\"false\"\n      :states=\"{\n        empty: {\n          title: 'No Blog Posts Found',\n          description: 'Currently, there are no posts available in this blog. Please check back later.'\n        },\n      }\"\n      :store=\"{\n        read: (options) => blog.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        category: route.params.category,\n        period: route.query.period,\n        status: 'published',\n        user: auth.state.user._id,\n        following: route.params.category === 'following' ? auth.state.user._id : null,\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"rows-1 gap-thin\"\n    >\n      <CardBlogpost \n        v-for=\"item in items\" \n        :key=\"item._id\" \n        :blogpost=\"item\" \n        :user=\"auth.state.user._id\" \n        class=\"h-max-40r bg-light radius-medium mobile:radius-zero\"\n      />\n    </Feed>\n  </section>\n</template>\n\n\n<script setup=\"props\">\n  import { ref, computed, onMounted, watch } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  // Import state\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n  import * as auth  from '@martyrs/src/modules/auth/views/store/auth.js'\n\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  // if (!route.params.category) {\n  //   route.params.category = 'popular'\n  // }\n \n  onMounted(() => {\n\n    if (route.query) {\n      const query = route.query;\n\n      const newFilterValue = {\n        tags: query.tags ? query.tags.split(',') : [],\n        period: query.period ? query.period : null,\n      };\n\n      // проверяем наличие категории в route.params и добавляем ее в фильтр\n      // if (route.params.category) {\n      //   newFilterValue.category = route.params.category;\n      // }\n\n      blog.state.filter = newFilterValue;\n    }\n    \n  });\n\n  watch(() => blog.state.filter, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n        .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n    );\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","useRouter","onMounted","blog.state","watch"],"mappings":";;;;;;;;;;;;;AAqDE,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAM1BC,QAAAA,UAAU,MAAM;AAEd,UAAI,MAAM,OAAO;AACf,cAAM,QAAQ,MAAM;AAEpB,cAAM,iBAAiB;AAAA,UACrB,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,IAAI,CAAE;AAAA,UAC7C,QAAQ,MAAM,SAAS,MAAM,SAAS;AAAA,QACvC;AAODC,kBAAU,MAAC,SAAS;AAAA,MAC1B;AAAA,IAEA,CAAG;AAEDC,QAAAA,MAAM,MAAMD,UAAU,MAAC,QAAQ,CAAC,gBAAgB,mBAAmB;AAEjE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAO;AAGhC,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACxB;AAAA,MACA,CAAK;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,KAAO,OAAO,UAAU,YAAY,KAAM,EAC3G,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,MAC/E;AACD,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,OAAO;AAAA,IAC5B,GAAK,EAAE,MAAM,KAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Blog.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/Blog.vue"],"sourcesContent":["<template>\n  <section>\n    <Feed\n      v-model:sort=\"blog.state.sort\"\n      :showLoadMore=\"false\"\n      :states=\"{\n        empty: {\n          title: 'No Blog Posts Found',\n          description: 'Currently, there are no posts available in this blog. Please check back later.'\n        },\n      }\"\n      :store=\"{\n        read: (options) => blog.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        category: route.params.category,\n        period: route.query.period,\n        status: 'published',\n        user: auth.state.user._id,\n        following: route.params.category === 'following' ? auth.state.user._id : null,\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"rows-1 gap-thin\"\n    >\n      <CardBlogpost \n        v-for=\"item in items\" \n        :key=\"item._id\" \n        :blogpost=\"item\" \n        :user=\"auth.state.user._id\" \n        class=\"h-max-40r bg-light radius-medium mobile:radius-zero\"\n      />\n    </Feed>\n  </section>\n</template>\n\n\n<script setup=\"props\">\n  import { ref, computed, onMounted, watch } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  // Import state\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n  import * as auth  from '@martyrs/src/modules/auth/views/store/auth.js'\n\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  // if (!route.params.category) {\n  //   route.params.category = 'popular'\n  // }\n \n  onMounted(() => {\n\n    if (route.query) {\n      const query = route.query;\n\n      const newFilterValue = {\n        tags: query.tags ? query.tags.split(',') : [],\n        period: query.period ? query.period : null,\n      };\n\n      // проверяем наличие категории в route.params и добавляем ее в фильтр\n      // if (route.params.category) {\n      //   newFilterValue.category = route.params.category;\n      // }\n\n      blog.state.filter = newFilterValue;\n    }\n    \n  });\n\n  watch(() => blog.state.filter, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n        .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n    );\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","useRouter","onMounted","blog.state","watch"],"mappings":";;;;;;;;;;;;;AAqDE,UAAM,QAAQA,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAMxBC,QAAAA,UAAU,MAAM;AAEd,UAAI,MAAM,OAAO;AACf,cAAM,QAAQ,MAAM;AAEpB,cAAM,iBAAiB;AAAA,UACrB,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;AAAA,UAC3C,QAAQ,MAAM,SAAS,MAAM,SAAS;AAAA,QAC9C;AAOMC,kBAAAA,MAAW,SAAS;AAAA,MACtB;AAAA,IAEF,CAAC;AAEDC,QAAAA,MAAM,MAAMD,UAAAA,MAAW,QAAQ,CAAC,gBAAgB,mBAAmB;AAEjE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAG9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QAClB;AAAA,MACF,CAAC;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,KAAO,OAAO,UAAU,YAAY,KAAM,EAC3G,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,MACpF;AACI,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,OAAO;AAAA,IAC1B,GAAG,EAAE,MAAM,KAAI,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/pages/Blog.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blog.vue.js","sources":["../../../../../../../src/modules/community/components/pages/Blog.vue"],"sourcesContent":["<template>\n  <section>\n    <Feed\n      v-model:sort=\"blog.state.sort\"\n      :showLoadMore=\"false\"\n      :states=\"{\n        empty: {\n          title: 'No Blog Posts Found',\n          description: 'Currently, there are no posts available in this blog. Please check back later.'\n        },\n      }\"\n      :store=\"{\n        read: (options) => blog.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        category: route.params.category,\n        period: route.query.period,\n        status: 'published',\n        user: auth.state.user._id,\n        following: route.params.category === 'following' ? auth.state.user._id : null,\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"rows-1 gap-thin\"\n    >\n      <CardBlogpost \n        v-for=\"item in items\" \n        :key=\"item._id\" \n        :blogpost=\"item\" \n        :user=\"auth.state.user._id\" \n        class=\"h-max-40r bg-light radius-medium mobile:radius-zero\"\n      />\n    </Feed>\n  </section>\n</template>\n\n\n<script setup=\"props\">\n  import { ref, computed, onMounted, watch } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  // Import state\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n  import * as auth  from '@martyrs/src/modules/auth/views/store/auth.js'\n\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  // if (!route.params.category) {\n  //   route.params.category = 'popular'\n  // }\n \n  onMounted(() => {\n\n    if (route.query) {\n      const query = route.query;\n\n      const newFilterValue = {\n        tags: query.tags ? query.tags.split(',') : [],\n        period: query.period ? query.period : null,\n      };\n\n      // проверяем наличие категории в route.params и добавляем ее в фильтр\n      // if (route.params.category) {\n      //   newFilterValue.category = route.params.category;\n      // }\n\n      blog.state.filter = newFilterValue;\n    }\n    \n  });\n\n  watch(() => blog.state.filter, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n        .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n    );\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state"],"mappings":";;;;;;;;;;;AAqDE,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAM1B,cAAU,MAAM;AAEd,UAAI,MAAM,OAAO;AACf,cAAM,QAAQ,MAAM;AAEpB,cAAM,iBAAiB;AAAA,UACrB,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,IAAI,CAAE;AAAA,UAC7C,QAAQ,MAAM,SAAS,MAAM,SAAS;AAAA,QACvC;AAODA,cAAW,SAAS;AAAA,MAC1B;AAAA,IAEA,CAAG;AAED,UAAM,MAAMA,MAAW,QAAQ,CAAC,gBAAgB,mBAAmB;AAEjE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAO;AAGhC,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACxB;AAAA,MACA,CAAK;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,KAAO,OAAO,UAAU,YAAY,KAAM,EAC3G,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,MAC/E;AACD,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,OAAO;AAAA,IAC5B,GAAK,EAAE,MAAM,KAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Blog.vue.js","sources":["../../../../../../../src/modules/community/components/pages/Blog.vue"],"sourcesContent":["<template>\n  <section>\n    <Feed\n      v-model:sort=\"blog.state.sort\"\n      :showLoadMore=\"false\"\n      :states=\"{\n        empty: {\n          title: 'No Blog Posts Found',\n          description: 'Currently, there are no posts available in this blog. Please check back later.'\n        },\n      }\"\n      :store=\"{\n        read: (options) => blog.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        category: route.params.category,\n        period: route.query.period,\n        status: 'published',\n        user: auth.state.user._id,\n        following: route.params.category === 'following' ? auth.state.user._id : null,\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"rows-1 gap-thin\"\n    >\n      <CardBlogpost \n        v-for=\"item in items\" \n        :key=\"item._id\" \n        :blogpost=\"item\" \n        :user=\"auth.state.user._id\" \n        class=\"h-max-40r bg-light radius-medium mobile:radius-zero\"\n      />\n    </Feed>\n  </section>\n</template>\n\n\n<script setup=\"props\">\n  import { ref, computed, onMounted, watch } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  // Import state\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n  import * as auth  from '@martyrs/src/modules/auth/views/store/auth.js'\n\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  // if (!route.params.category) {\n  //   route.params.category = 'popular'\n  // }\n \n  onMounted(() => {\n\n    if (route.query) {\n      const query = route.query;\n\n      const newFilterValue = {\n        tags: query.tags ? query.tags.split(',') : [],\n        period: query.period ? query.period : null,\n      };\n\n      // проверяем наличие категории в route.params и добавляем ее в фильтр\n      // if (route.params.category) {\n      //   newFilterValue.category = route.params.category;\n      // }\n\n      blog.state.filter = newFilterValue;\n    }\n    \n  });\n\n  watch(() => blog.state.filter, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n        .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n    );\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state"],"mappings":";;;;;;;;;;;AAqDE,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAMxB,cAAU,MAAM;AAEd,UAAI,MAAM,OAAO;AACf,cAAM,QAAQ,MAAM;AAEpB,cAAM,iBAAiB;AAAA,UACrB,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;AAAA,UAC3C,QAAQ,MAAM,SAAS,MAAM,SAAS;AAAA,QAC9C;AAOMA,cAAW,SAAS;AAAA,MACtB;AAAA,IAEF,CAAC;AAED,UAAM,MAAMA,MAAW,QAAQ,CAAC,gBAAgB,mBAAmB;AAEjE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAG9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QAClB;AAAA,MACF,CAAC;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,KAAO,OAAO,UAAU,YAAY,KAAM,EAC3G,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,MACpF;AACI,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,OAAO;AAAA,IAC1B,GAAG,EAAE,MAAM,KAAI,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}