@ozdao/martyrs 0.2.423

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateBlogPost.vue.js","sources":["../../../../../../../src/modules/community/components/pages/CreateBlogPost.vue"],"sourcesContent":["<template>\n  <article \n    class=\"w-100 h-100 pos-relative\"\n  >\n    <section  \n      style=\"min-height: 100%;\"\n      class=\"w-100 bg-white pd-big radius-medium\"\n    >\n      <!-- Title -->\n      <div \n        class=\"w-full h-full\"\n      >\n        <!-- <Textarea \n          v-if=\"post\" \n          :prop=\"post\" \n          :setFocus=\"true\"\n          content=\"name\" \n          placeholder=\"Enter post title\" \n          class=\"h2\"\n        /> -->\n      </div>\n\n      <Constructor \n        v-if=\"post\" \n        :content=\"post.content\"\n        @update=\"update => post.content = update\"\n      />\n\n    </section>\n\n    <transition  name=\"scaleIn\" >\n      <section v-if=\"post\" class=\"pd-thin pos-sticky pos-l-0 pos-b-0 w-100 \">\n        <div class=\"pd-thin radius-big  bg-main w-100 flex-nowrap flex\">\n          <a v-if=\"route.params.url\" @click=\"onDelete()\" class=\"mn-r-auto bg-red t-white t-black button\">Delete</a>\n          <a @click=\"onDrafts()\" class=\"mn-l-auto bg-white t-black button\">To Drafts</a>\n          <a @click=\"openPulicationPopup()\" class=\"mn-l-thin bg-black t-white button\">Publish</a>\n        </div>\n      </section>\n    </transition>\n\n    <Popup  \n      @close-popup=\"closePublicationPopup\" \n      :isPopupOpen=\"isPublicationPopup\"\n      class=\"w-m-33r t-left pd-big bg-white radius-big\"\n    >\n      <h3 class=\"mn-b-small\">Final Touches</h3>\n      \n      <BlockTags\n        @tags-changed=\"newTags => post.tags = newTags\"\n        :tags=\"post.tags\"\n        class=\"mn-b-small\"\n      />\n\n      <h5 class=\"mn-b-thin\">Add source:</h5>\n      <Field \n        v-model:field=\"post.source\"    \n        placeholder=\"Add full link to the source\" \n        class=\"mn-b-medium bg-light radius-medium pd-small\" \n      />\n\n      <h5 class=\"mn-b-thin\">Add to public</h5>\n      <Card\n        v-if=\"selectedOrganization\"\n        :photo=\"selectedOrganization.profile?.photo\"\n        :title=\"selectedOrganization.profile?.name\"\n        @click=\"() => { \n          selectedOrganization = null\n        }\"\n        class=\"h-4r w-100 bg-light pd-thin radius-medium  mn-b-thin\"\n      />\n\n      <section v-else class=\"mn-b-thin h-25r o-x-hidden o-y-scroll bg-light radius-big pd-small \">\n        <Feed\n          :showLoadMore=\"false\" \n          :search=\"{\n            placeholder: 'Search organization...',\n            class: 'bg-white mn-b-thin'\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No organizations Found',\n              description: 'Currently, there are no such organizations available.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => organizations.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            user: auth.state.user._id,\n            postable: auth.state.user._id,\n            lookup: ['memberships']\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n        >\n          <Card\n            v-for=\"(organization, index) in items\" \n            v-memo=\"[organization._id, organization.profile.name]\"\n            :photo=\"organization.profile?.photo\"\n            :title=\"organization.profile?.name\"\n            @click=\"() => { \n              selectedOrganization = organization\n            }\"\n            class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </section>\n\n      <h5 v-if=\"selectedOrganization\" class=\"mn-b-thin\">Options:</h5>\n      <div v-if=\"selectedOrganization\" class=\"mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big\">\n        <Checkbox \n          :label=\"'Hide Author'\"\n          :radio=\"post.creator.hidden\"\n          @update:radio=\"event => post.creator.hidden = event\"\n          name=\"prices\"\n          class=\"w-100\"\n        />\n      </div>\n        \n      <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-black t-white\">Publish</Button>\n    </Popup>\n      \n  </article>\n</template>\n\n<script setup>\nimport Textarea from '@martyrs/src/modules/constructor/components/elements/Textarea.vue';\nimport Constructor from '@martyrs/src/modules/constructor/components/sections/Constructor.vue';\n\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport FieldTags from '@martyrs/src/components/FieldTags/FieldTags.vue'\nimport BlockTags from '@martyrs/src/components/FieldTags/BlockTags.vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue';   \nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\nimport Card from '@martyrs/src/modules/globals/views/components/blocks/Card.vue';\n\nimport { ref, onMounted, watchEffect, nextTick, computed } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { VueDraggableNext } from 'vue-draggable-next';\n// Store & Router\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth  from '@martyrs/src/modules/auth/views/store/auth'\nimport * as organizations  from '@martyrs/src/modules/organizations/store/organizations'\n    \nimport { useGlobalMixins } from \"@martyrs/src/modules/globals/views/mixins/mixins.js\"\n\nconst { hasAccess } = useGlobalMixins()\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet post = ref(null);\nlet publics = ref(null);\n\nconst selectedTags = ref([]);\nconst selectedOrganization = ref(null);\n\nonMounted(async () =>{\n  \n  if (route.params.url) {\n    const data = await blog.read({ user: auth.state.user._id, url: route.params.url });\n    \n    post.value = data.pop();\n\n    if (!post.value) {\n      router.push({name: 'notfound'})\n    }\n\n    if (post.value.owner.type === 'organization') {\n      // Если пост принадлежит организации, проверяем права на редактирование через `hasAccess`\n      const isAccess = hasAccess(post.value.owner.target._id, 'posts', 'edit', auth.state.accesses, auth.state.access.roles);\n\n      if (!isAccess) {\n        router.push({name: 'unauthorized'})\n      }\n    }\n\n     if (post.value.owner.type === 'user' && post.value.creator.target._id !== auth.state.user._id) {\n      router.push({name: 'unauthorized'})\n    }\n  } else {\n    blog.clean();\n    post.value = blog.state.current;\n  }\n\n  if (!post.value.owner) post.value.owner = {\n    target: auth.state.user._id,\n    type: 'user'\n  }\n\n  if (!post.value.creator) post.value.creator = {\n    target: auth.state.user._id,\n    type: 'user',\n    hidden: false\n  }\n\n\n  if (post.value.owner.type === 'organization') selectedOrganization.value = {\n    _id: post.value.owner.target._id,\n    name: post.value.owner.target.profile.name,\n    photo: post.value.owner.target.profile.photo\n  }\n})\n// /////////////////////////////////////////\n// Publication Form\n// /////////////////////////////////////////\nconst tag = ref('');\nconst autocompleteItems = ref([\n  { text: 'story' },\n  { text: 'news' },\n  { text: 'guide' },\n  { text: 'discussion' },\n  { text: 'photos' },\n]);\n\nconst filteredItems = computed(() => {\n  return autocompleteItems.value.filter(i => {\n    return i.text.toLowerCase().includes(tag.value.toLowerCase());\n  });\n});\n\nconst filteredSuggestedItems = computed(() => {\n    return autocompleteItems.value.filter(item => {\n      return !selectedTags.value.some(tag => tag.text === item.text);\n    });\n  })\n\nfunction addTag (tag) {\n  selectedTags.value.push(tag)\n}\n// /////////////////////////////////////////\n// Publication Popup\n// /////////////////////////////////////////\nconst isPublicationPopup = ref(false)\n\nfunction openPulicationPopup() {\n  isPublicationPopup.value = true;\n}\nfunction closePublicationPopup() {\n  isPublicationPopup.value = false;\n}\n\nfunction onDrafts() {\n\n  if (selectedTags.value.length > 0) selectedTags.value.map(tag => (tag.text))\n\n  post.value.status = \"draft\"\n  post.value.name = post.value.content[0].content\n\n  if (route.params.url) {\n    blog.update(post.value)\n      .then(response => {\n        router.push({ name: 'BlogPost', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  } else {\n    blog.create(post.value)\n      .then(response => {\n        router.push({ name: 'BlogPost', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  }\n}\n\nfunction onSubmit() {\n\n  if (selectedOrganization.value) post.value.owner = {\n    target: selectedOrganization.value._id,\n    type: 'organization'\n  }\n\n  if (!selectedOrganization.value) post.value.creator.hidden = false\n  if (!selectedOrganization.value) post.value.organization = post.value.creator\n\n  post.value.status = \"published\"\n  post.value.name = post.value.content[0].content\n\n  if (route.params.url) {\n    blog.update(post.value)\n      .then(response => {\n        console.log(post.value)\n        router.push({ name: 'BlogPost', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.error(error);\n      });\n  } else {\n    blog.create(post.value)\n      .then(response => {\n        router.push({ name: 'BlogPost', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.error(error);\n      });\n  }\n}\n\nfunction onDelete() {\n  if (confirm('Are you sure you want to delete this post?')) {\n    blog.remove(post.value._id)\n      .then(response => {\n        router.push({ name: 'User Posts', params: { _id: post.value.creator.target._id } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  }\n}\n</script>\n\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.read","auth.state","blog.clean","blog.state","tag","blog.update","blog.create","blog.remove"],"mappings":"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"}

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

@@ -0,0 +1,127 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const CardHeader = require("../../../globals/views/components/blocks/CardHeader.vue.cjs");
+const _hoisted_1 = { class: "pd-t-zero" };
+const _hoisted_2 = { class: "p-medium" };
+const _hoisted_3 = { class: "mn-t-thin flex-v-center flex-nowrap flex gap-small" };
+const _hoisted_4 = {
+  key: 0,
+  class: "mn-t-small bg-white pd-thin radius-regular"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "br-solid br-l br-grey-transp-25"
+};
+const _sfc_main = {
+  __name: "Comment",
+  props: {
+    comment: {
+      type: Object,
+      required: true
+    },
+    target: {
+      type: String,
+      required: true
+    },
+    owner: {
+      type: String,
+      required: true
+    }
+  },
+  emits: ["reply", "load-more"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const showReplyForm = vue.ref(false);
+    const replyContent = vue.ref("");
+    const isExpanded = vue.ref(shouldBeExpanded(props.comment.depth));
+    function shouldBeExpanded(depth) {
+      return depth % 3 < 2;
+    }
+    const totalReplies = vue.computed(() => {
+      function countReplies(comment) {
+        if (!comment.children || comment.children.length === 0) {
+          return 0;
+        }
+        return comment.children.length + comment.children.reduce((sum, child) => sum + countReplies(child), 0);
+      }
+      return countReplies(props.comment);
+    });
+    const toggleChildren = () => {
+      isExpanded.value = !isExpanded.value;
+    };
+    const submitReply = () => {
+      emit("reply", props.comment._id, replyContent.value);
+      replyContent.value = "";
+      showReplyForm.value = false;
+    };
+    const handleReply = (parentId, content) => {
+      emit("reply", parentId, content);
+    };
+    const handleLoadMore = (commentId, depth) => {
+      emit("load-more", commentId, depth);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createVNode(CardHeader.default, {
+          class: "mn-b-thin",
+          entity: __props.comment,
+          entityType: "comment",
+          user: __props.owner,
+          owner: { target: __props.comment.owner },
+          creator: { target: __props.comment.owner },
+          date: __props.comment.createdAt
+        }, null, 8, ["entity", "user", "owner", "creator", "date"]),
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.createElementVNode("p", _hoisted_2, vue.toDisplayString(__props.comment.content), 1)
+        ]),
+        vue.createElementVNode("div", _hoisted_3, [
+          totalReplies.value > 0 ? (vue.openBlock(), vue.createElementBlock("button", {
+            key: 0,
+            onClick: toggleChildren,
+            class: "t-second cursor-pointer t-medium font-second"
+          }, vue.toDisplayString(isExpanded.value ? "Hide" : totalReplies.value + (totalReplies.value === 1 ? " reply" : " replies")), 1)) : vue.createCommentVNode("", true),
+          __props.owner ? (vue.openBlock(), vue.createElementBlock("button", {
+            key: 1,
+            class: "font-second cursor-pointer t-transp t-medium",
+            onClick: _cache[0] || (_cache[0] = ($event) => showReplyForm.value = true)
+          }, " Reply ")) : vue.createCommentVNode("", true)
+        ]),
+        showReplyForm.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+          vue.withDirectives(vue.createElementVNode("textarea", {
+            class: "w-100",
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => replyContent.value = $event)
+          }, null, 512), [
+            [vue.vModelText, replyContent.value]
+          ]),
+          vue.createElementVNode("div", { class: "mn-l-auto gap-thin flex-nowrap flex" }, [
+            vue.createElementVNode("button", {
+              class: "bg-grey-transp-25 pd-r-regular pd-l-regular pd-thin button",
+              onClick: submitReply
+            }, "Cancel"),
+            vue.createElementVNode("button", {
+              class: "bg-main pd-r-regular pd-l-regular pd-thin button",
+              onClick: submitReply
+            }, "Send")
+          ])
+        ])) : vue.createCommentVNode("", true),
+        isExpanded.value && __props.comment.children && __props.comment.children.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.comment.children, (childComment) => {
+            return vue.openBlock(), vue.createBlock(_sfc_main, {
+              key: childComment._id,
+              comment: childComment,
+              target: __props.target,
+              owner: __props.owner,
+              onReply: handleReply,
+              onLoadMore: handleLoadMore,
+              class: "mn-l-medium mn-t-small"
+            }, null, 8, ["comment", "target", "owner"]);
+          }), 128))
+        ])) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Comment.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Comment.vue.cjs","sources":["../../../../../../../src/modules/community/components/sections/Comment.vue"],"sourcesContent":["<template>\n  <div>\n    <CardHeader \n      class=\"mn-b-thin\"\n      :entity=\"comment\"\n      :entityType=\"'comment'\"\n      :user=\"owner\"\n      :owner=\"{target: comment.owner}\" \n      :creator=\"{target: comment.owner}\"\n      :date=\"comment.createdAt\"\n    />\n    <div class=\"pd-t-zero\">\n      <p class=\"p-medium\">{{ comment.content }}</p>\n    </div>\n\n    <div class=\"mn-t-thin flex-v-center flex-nowrap flex gap-small\">\n      \n      <button \n        v-if=\"totalReplies > 0\" \n        @click=\"toggleChildren\"\n        class=\"t-second cursor-pointer t-medium  font-second\"\n      >\n        {{ isExpanded ? 'Hide' : totalReplies + (totalReplies === 1 ? ' reply' : ' replies') }} \n      </button>\n\n      <button \n        v-if=\"owner\" \n        class=\"font-second cursor-pointer t-transp t-medium\" \n        @click=\"showReplyForm = true\"\n      > \n        Reply\n      </button>\n    \n    </div>\n\n     <div v-if=\"showReplyForm\" class=\"mn-t-small bg-white pd-thin radius-regular\">\n        <textarea class=\"w-100\" v-model=\"replyContent\"></textarea>\n        <div class=\"mn-l-auto gap-thin flex-nowrap flex\">\n          <button class=\"bg-grey-transp-25 pd-r-regular pd-l-regular pd-thin button\" @click=\"submitReply\">Cancel</button>\n          <button class=\"bg-main pd-r-regular pd-l-regular pd-thin button\" @click=\"submitReply\">Send</button>\n        </div>\n      </div>\n\n    <div v-if=\"isExpanded && comment.children && comment.children.length\" class=\"br-solid br-l br-grey-transp-25\">\n      <Comment\n        v-for=\"childComment in comment.children\"\n        :key=\"childComment._id\"\n        :comment=\"childComment\"\n        :target=\"target\"\n        :owner=\"owner\"\n        @reply=\"handleReply\"\n        @load-more=\"handleLoadMore\"\n        class=\"mn-l-medium mn-t-small \"\n      />\n    </div>\n   \n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\nimport Comment from './Comment.vue';\n\nimport CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\nconst props = defineProps({\n  comment: {\n    type: Object,\n    required: true\n  },\n  target: {\n    type: String,\n    required: true\n  },\n  owner: {\n    type: String,\n    required: true\n  }\n});\n\nconst emit = defineEmits(['reply', 'load-more']);\n\nconst showReplyForm = ref(false);\nconst replyContent = ref('');\nconst isExpanded = ref(shouldBeExpanded(props.comment.depth))\n\nfunction shouldBeExpanded(depth) {\n  return depth % 3 < 2\n}\n\nconst totalReplies = computed(() => {\n  function countReplies(comment) {\n    if (!comment.children || comment.children.length === 0) {\n      return 0\n    }\n    return comment.children.length + comment.children.reduce((sum, child) => sum + countReplies(child), 0)\n  }\n  return countReplies(props.comment)\n})\n\nconst toggleChildren = () => {\n  isExpanded.value = !isExpanded.value\n}\n\nconst submitReply = () => {\n  emit('reply', props.comment._id, replyContent.value);\n  replyContent.value = '';\n  showReplyForm.value = false;\n};\n\nconst handleReply = (parentId, content) => {\n  emit('reply', parentId, content);\n};\n\nconst loadMoreChildren = () => {\n  emit('load-more', props.comment._id, props.comment.depth + 1);\n};\n\nconst handleLoadMore = (commentId, depth) => {\n  emit('load-more', commentId, depth);\n};\n</script>"],"names":["ref","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,UAAM,QAAQ;AAed,UAAM,OAAO;AAEb,UAAM,gBAAgBA,IAAG,IAAC,KAAK;AAC/B,UAAM,eAAeA,IAAG,IAAC,EAAE;AAC3B,UAAM,aAAaA,IAAAA,IAAI,iBAAiB,MAAM,QAAQ,KAAK,CAAC;AAE5D,aAAS,iBAAiB,OAAO;AAC/B,aAAO,QAAQ,IAAI;AAAA,IACrB;AAEA,UAAM,eAAeC,IAAQ,SAAC,MAAM;AAClC,eAAS,aAAa,SAAS;AAC7B,YAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,WAAW,GAAG;AACtD,iBAAO;AAAA,QACb;AACI,eAAO,QAAQ,SAAS,SAAS,QAAQ,SAAS,OAAO,CAAC,KAAK,UAAU,MAAM,aAAa,KAAK,GAAG,CAAC;AAAA,MACzG;AACE,aAAO,aAAa,MAAM,OAAO;AAAA,IACnC,CAAC;AAED,UAAM,iBAAiB,MAAM;AAC3B,iBAAW,QAAQ,CAAC,WAAW;AAAA,IACjC;AAEA,UAAM,cAAc,MAAM;AACxB,WAAK,SAAS,MAAM,QAAQ,KAAK,aAAa,KAAK;AACnD,mBAAa,QAAQ;AACrB,oBAAc,QAAQ;AAAA,IACxB;AAEA,UAAM,cAAc,CAAC,UAAU,YAAY;AACzC,WAAK,SAAS,UAAU,OAAO;AAAA,IACjC;AAMA,UAAM,iBAAiB,CAAC,WAAW,UAAU;AAC3C,WAAK,aAAa,WAAW,KAAK;AAAA,IACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,127 @@
+import { ref, computed, createElementBlock, openBlock, createVNode, createElementVNode, createCommentVNode, toDisplayString, withDirectives, vModelText, Fragment, renderList, createBlock } from "vue";
+import _sfc_main$1 from "../../../globals/views/components/blocks/CardHeader.vue.js";
+const _hoisted_1 = { class: "pd-t-zero" };
+const _hoisted_2 = { class: "p-medium" };
+const _hoisted_3 = { class: "mn-t-thin flex-v-center flex-nowrap flex gap-small" };
+const _hoisted_4 = {
+  key: 0,
+  class: "mn-t-small bg-white pd-thin radius-regular"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "br-solid br-l br-grey-transp-25"
+};
+const _sfc_main = {
+  __name: "Comment",
+  props: {
+    comment: {
+      type: Object,
+      required: true
+    },
+    target: {
+      type: String,
+      required: true
+    },
+    owner: {
+      type: String,
+      required: true
+    }
+  },
+  emits: ["reply", "load-more"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const showReplyForm = ref(false);
+    const replyContent = ref("");
+    const isExpanded = ref(shouldBeExpanded(props.comment.depth));
+    function shouldBeExpanded(depth) {
+      return depth % 3 < 2;
+    }
+    const totalReplies = computed(() => {
+      function countReplies(comment) {
+        if (!comment.children || comment.children.length === 0) {
+          return 0;
+        }
+        return comment.children.length + comment.children.reduce((sum, child) => sum + countReplies(child), 0);
+      }
+      return countReplies(props.comment);
+    });
+    const toggleChildren = () => {
+      isExpanded.value = !isExpanded.value;
+    };
+    const submitReply = () => {
+      emit("reply", props.comment._id, replyContent.value);
+      replyContent.value = "";
+      showReplyForm.value = false;
+    };
+    const handleReply = (parentId, content) => {
+      emit("reply", parentId, content);
+    };
+    const handleLoadMore = (commentId, depth) => {
+      emit("load-more", commentId, depth);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_sfc_main$1, {
+          class: "mn-b-thin",
+          entity: __props.comment,
+          entityType: "comment",
+          user: __props.owner,
+          owner: { target: __props.comment.owner },
+          creator: { target: __props.comment.owner },
+          date: __props.comment.createdAt
+        }, null, 8, ["entity", "user", "owner", "creator", "date"]),
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("p", _hoisted_2, toDisplayString(__props.comment.content), 1)
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          totalReplies.value > 0 ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            onClick: toggleChildren,
+            class: "t-second cursor-pointer t-medium font-second"
+          }, toDisplayString(isExpanded.value ? "Hide" : totalReplies.value + (totalReplies.value === 1 ? " reply" : " replies")), 1)) : createCommentVNode("", true),
+          __props.owner ? (openBlock(), createElementBlock("button", {
+            key: 1,
+            class: "font-second cursor-pointer t-transp t-medium",
+            onClick: _cache[0] || (_cache[0] = ($event) => showReplyForm.value = true)
+          }, " Reply ")) : createCommentVNode("", true)
+        ]),
+        showReplyForm.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          withDirectives(createElementVNode("textarea", {
+            class: "w-100",
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => replyContent.value = $event)
+          }, null, 512), [
+            [vModelText, replyContent.value]
+          ]),
+          createElementVNode("div", { class: "mn-l-auto gap-thin flex-nowrap flex" }, [
+            createElementVNode("button", {
+              class: "bg-grey-transp-25 pd-r-regular pd-l-regular pd-thin button",
+              onClick: submitReply
+            }, "Cancel"),
+            createElementVNode("button", {
+              class: "bg-main pd-r-regular pd-l-regular pd-thin button",
+              onClick: submitReply
+            }, "Send")
+          ])
+        ])) : createCommentVNode("", true),
+        isExpanded.value && __props.comment.children && __props.comment.children.length ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.comment.children, (childComment) => {
+            return openBlock(), createBlock(_sfc_main, {
+              key: childComment._id,
+              comment: childComment,
+              target: __props.target,
+              owner: __props.owner,
+              onReply: handleReply,
+              onLoadMore: handleLoadMore,
+              class: "mn-l-medium mn-t-small"
+            }, null, 8, ["comment", "target", "owner"]);
+          }), 128))
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Comment.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Comment.vue.js","sources":["../../../../../../../src/modules/community/components/sections/Comment.vue"],"sourcesContent":["<template>\n  <div>\n    <CardHeader \n      class=\"mn-b-thin\"\n      :entity=\"comment\"\n      :entityType=\"'comment'\"\n      :user=\"owner\"\n      :owner=\"{target: comment.owner}\" \n      :creator=\"{target: comment.owner}\"\n      :date=\"comment.createdAt\"\n    />\n    <div class=\"pd-t-zero\">\n      <p class=\"p-medium\">{{ comment.content }}</p>\n    </div>\n\n    <div class=\"mn-t-thin flex-v-center flex-nowrap flex gap-small\">\n      \n      <button \n        v-if=\"totalReplies > 0\" \n        @click=\"toggleChildren\"\n        class=\"t-second cursor-pointer t-medium  font-second\"\n      >\n        {{ isExpanded ? 'Hide' : totalReplies + (totalReplies === 1 ? ' reply' : ' replies') }} \n      </button>\n\n      <button \n        v-if=\"owner\" \n        class=\"font-second cursor-pointer t-transp t-medium\" \n        @click=\"showReplyForm = true\"\n      > \n        Reply\n      </button>\n    \n    </div>\n\n     <div v-if=\"showReplyForm\" class=\"mn-t-small bg-white pd-thin radius-regular\">\n        <textarea class=\"w-100\" v-model=\"replyContent\"></textarea>\n        <div class=\"mn-l-auto gap-thin flex-nowrap flex\">\n          <button class=\"bg-grey-transp-25 pd-r-regular pd-l-regular pd-thin button\" @click=\"submitReply\">Cancel</button>\n          <button class=\"bg-main pd-r-regular pd-l-regular pd-thin button\" @click=\"submitReply\">Send</button>\n        </div>\n      </div>\n\n    <div v-if=\"isExpanded && comment.children && comment.children.length\" class=\"br-solid br-l br-grey-transp-25\">\n      <Comment\n        v-for=\"childComment in comment.children\"\n        :key=\"childComment._id\"\n        :comment=\"childComment\"\n        :target=\"target\"\n        :owner=\"owner\"\n        @reply=\"handleReply\"\n        @load-more=\"handleLoadMore\"\n        class=\"mn-l-medium mn-t-small \"\n      />\n    </div>\n   \n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\nimport Comment from './Comment.vue';\n\nimport CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\nconst props = defineProps({\n  comment: {\n    type: Object,\n    required: true\n  },\n  target: {\n    type: String,\n    required: true\n  },\n  owner: {\n    type: String,\n    required: true\n  }\n});\n\nconst emit = defineEmits(['reply', 'load-more']);\n\nconst showReplyForm = ref(false);\nconst replyContent = ref('');\nconst isExpanded = ref(shouldBeExpanded(props.comment.depth))\n\nfunction shouldBeExpanded(depth) {\n  return depth % 3 < 2\n}\n\nconst totalReplies = computed(() => {\n  function countReplies(comment) {\n    if (!comment.children || comment.children.length === 0) {\n      return 0\n    }\n    return comment.children.length + comment.children.reduce((sum, child) => sum + countReplies(child), 0)\n  }\n  return countReplies(props.comment)\n})\n\nconst toggleChildren = () => {\n  isExpanded.value = !isExpanded.value\n}\n\nconst submitReply = () => {\n  emit('reply', props.comment._id, replyContent.value);\n  replyContent.value = '';\n  showReplyForm.value = false;\n};\n\nconst handleReply = (parentId, content) => {\n  emit('reply', parentId, content);\n};\n\nconst loadMoreChildren = () => {\n  emit('load-more', props.comment._id, props.comment.depth + 1);\n};\n\nconst handleLoadMore = (commentId, depth) => {\n  emit('load-more', commentId, depth);\n};\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,UAAM,QAAQ;AAed,UAAM,OAAO;AAEb,UAAM,gBAAgB,IAAI,KAAK;AAC/B,UAAM,eAAe,IAAI,EAAE;AAC3B,UAAM,aAAa,IAAI,iBAAiB,MAAM,QAAQ,KAAK,CAAC;AAE5D,aAAS,iBAAiB,OAAO;AAC/B,aAAO,QAAQ,IAAI;AAAA,IACrB;AAEA,UAAM,eAAe,SAAS,MAAM;AAClC,eAAS,aAAa,SAAS;AAC7B,YAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,WAAW,GAAG;AACtD,iBAAO;AAAA,QACb;AACI,eAAO,QAAQ,SAAS,SAAS,QAAQ,SAAS,OAAO,CAAC,KAAK,UAAU,MAAM,aAAa,KAAK,GAAG,CAAC;AAAA,MACzG;AACE,aAAO,aAAa,MAAM,OAAO;AAAA,IACnC,CAAC;AAED,UAAM,iBAAiB,MAAM;AAC3B,iBAAW,QAAQ,CAAC,WAAW;AAAA,IACjC;AAEA,UAAM,cAAc,MAAM;AACxB,WAAK,SAAS,MAAM,QAAQ,KAAK,aAAa,KAAK;AACnD,mBAAa,QAAQ;AACrB,oBAAc,QAAQ;AAAA,IACxB;AAEA,UAAM,cAAc,CAAC,UAAU,YAAY;AACzC,WAAK,SAAS,UAAU,OAAO;AAAA,IACjC;AAMA,UAAM,iBAAiB,CAAC,WAAW,UAAU;AAC3C,WAAK,aAAa,WAAW,KAAK;AAAA,IACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,173 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const axios = require("axios");
+const Comment = require("./Comment.vue.cjs");
+const _hoisted_1 = { id: "comments" };
+const _hoisted_2 = { class: "mn-b-medium" };
+const _hoisted_3 = { class: "mn-b-small" };
+const _hoisted_4 = {
+  key: 1,
+  class: "mn-b-small"
+};
+const _sfc_main = {
+  __name: "Comments",
+  props: [
+    "target",
+    "owner",
+    "type"
+  ],
+  setup(__props) {
+    const props = __props;
+    const $axios = axios.create({ baseURL: process.env.API_URL });
+    const comments = vue.ref([]);
+    const commentContent = vue.ref("");
+    const fetchComments = async () => {
+      try {
+        const response = await $axios.get("/comments/read", {
+          params: {
+            target: props.target,
+            type: props.type,
+            user: props.owner,
+            maxDepth: 2
+          }
+        });
+        comments.value = response.data;
+      } catch (error) {
+        console.error("Error fetching comments:", error);
+      }
+    };
+    const handleReply = async (parentId, content) => {
+      try {
+        const response = await $axios.post("/comments/create", {
+          content,
+          target: props.target,
+          type: props.type,
+          user: props.owner,
+          parent: parentId,
+          creator: {
+            target: props.owner,
+            type: "User",
+            hidden: false
+          },
+          owner: {
+            target: props.owner,
+            type: "User"
+          }
+        });
+        const newComment = response.data;
+        updateCommentTree(comments.value, parentId, newComment);
+      } catch (error) {
+        console.error("Error posting reply:", error);
+      }
+    };
+    const loadMoreChildren = async (commentId, depth) => {
+      try {
+        const response = await $axios.get("/comments/read", {
+          params: {
+            target: props.target,
+            type: props.type,
+            user: props.owner,
+            parentId: commentId,
+            depth,
+            maxDepth: 10
+          }
+        });
+        updateCommentTree(comments.value, commentId, response.data, response.data.hasMore, true);
+      } catch (error) {
+        console.error("Error loading more comments:", error);
+      }
+    };
+    const updateCommentTree = (comments2, parentId, newData, hasMore, isLoadMore = false) => {
+      for (let i = 0; i < comments2.length; i++) {
+        if (comments2[i]._id === parentId) {
+          if (isLoadMore) {
+            comments2[i].children = [...comments2[i].children, ...newData];
+            comments2[i].hasMore = hasMore;
+          } else {
+            comments2[i].children.push(newData);
+          }
+          return true;
+        }
+        if (comments2[i].children && updateCommentTree(comments2[i].children, parentId, newData, hasMore, isLoadMore)) {
+          return true;
+        }
+      }
+      return false;
+    };
+    const submitComment = async () => {
+      if (!commentContent.value) {
+        return;
+      }
+      try {
+        const response = await $axios.post("/comments/create", {
+          target: props.target,
+          user: props.owner,
+          type: props.type,
+          content: commentContent.value,
+          creator: {
+            target: props.owner,
+            type: "User",
+            hidden: false
+          },
+          owner: {
+            target: props.owner,
+            type: "User"
+          }
+        });
+        response.data.owner = props.owner;
+        comments.value.push(response.data);
+        commentContent.value = "";
+      } catch (error) {
+        console.error(error);
+      }
+    };
+    fetchComments();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("h3", _hoisted_3, vue.toDisplayString(comments.value.length) + " comments", 1),
+          !__props.owner ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({ name: "Sign In" })),
+            class: "pd-big cursor-pointer mn-b-small bg-black t-white flex-center flex radius-big"
+          }, _cache[2] || (_cache[2] = [
+            vue.createElementVNode("p", { class: "t-semi uppercase" }, "Please log in to leave a comment.", -1)
+          ]))) : vue.createCommentVNode("", true),
+          __props.owner ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+            vue.createElementVNode("form", {
+              onSubmit: vue.withModifiers(submitComment, ["prevent"]),
+              class: "bg-light radius-medium pd-medium"
+            }, [
+              vue.withDirectives(vue.createElementVNode("textarea", {
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => commentContent.value = $event),
+                placeholder: "Enter your comment",
+                class: "p-big w-100"
+              }, null, 512), [
+                [vue.vModelText, commentContent.value]
+              ]),
+              _cache[3] || (_cache[3] = vue.createElementVNode("button", {
+                type: "submit",
+                class: "mn-l-auto bg-main pd-r-regular pd-l-regular pd-thin button"
+              }, "Send", -1))
+            ], 32)
+          ])) : vue.createCommentVNode("", true)
+        ]),
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(comments.value, (comment) => {
+          return vue.openBlock(), vue.createBlock(Comment.default, {
+            key: comment._id,
+            comment,
+            target: __props.target,
+            type: __props.type,
+            owner: __props.owner,
+            onReply: handleReply,
+            onLoadMore: loadMoreChildren,
+            class: "comment bg-light pd-medium mn-b-small radius-medium"
+          }, null, 8, ["comment", "target", "type", "owner"]);
+        }), 128))
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Comments.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Comments.vue.cjs","sources":["../../../../../../../src/modules/community/components/sections/Comments.vue"],"sourcesContent":["<template>\n  <div id=\"comments\">\n    <div class=\"mn-b-medium\">\n      <h3 class=\"mn-b-small\">{{ comments.length }} comments</h3>\n\n      <div @click=\"$router.push({name: 'Sign In'})\" class=\"pd-big cursor-pointer mn-b-small bg-black t-white flex-center flex radius-big\" v-if=\"!owner\">\n        <p class=\"t-semi uppercase\">Please log in to leave a comment.</p>\n      </div>\n\n      <div class=\"mn-b-small\" v-if=\"owner\">\n        <form @submit.prevent=\"submitComment\" class=\"bg-light radius-medium pd-medium\">\n          <textarea v-model=\"commentContent\" placeholder=\"Enter your comment\" class=\"p-big w-100\"></textarea>\n          <button type=\"submit\" class=\"mn-l-auto bg-main pd-r-regular pd-l-regular pd-thin button\">Send</button>\n        </form>\n      </div>\n    </div>\n\n     <Comment\n        v-for=\"comment in comments\"\n        :key=\"comment._id\"\n        :comment=\"comment\"\n        :target=\"target\"\n        :type=\"type\"\n        :owner=\"owner\"\n        @reply=\"handleReply\"\n        @load-more=\"loadMoreChildren\"\n        class=\"comment bg-light pd-medium mn-b-small radius-medium\"\n      />\n  </div>\n</template>\n\n<script setup=\"props\">\nimport { ref } from 'vue';\nimport axios from 'axios';\n\nimport Comment from './Comment.vue';\n\nconst props = defineProps([\n  'target', \n  'owner', \n  'type'\n])\n\nconst $axios = axios.create({ baseURL: process.env.API_URL });\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        maxDepth: 2\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nconst handleReply = async (parentId, content) => {\n  try {\n    const response = await $axios.post('/comments/create', {\n      content,\n      target: props.target,\n      type: props.type,\n      user: props.owner,\n      parent: parentId,\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    const newComment = response.data;\n\n    // Обновляем дерево комментариев\n    updateCommentTree(comments.value, parentId, newComment);\n  } catch (error) {\n    console.error('Error posting reply:', error);\n  }\n};\n\nconst loadMoreChildren = async (commentId, depth) => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        parentId: commentId,\n        depth: depth,\n        maxDepth: 10\n      }\n    });\n\n    // Обновляем дерево комментариев\n    updateCommentTree(comments.value, commentId, response.data, response.data.hasMore, true);\n  } catch (error) {\n    console.error('Error loading more comments:', error);\n  }\n};\n\nconst updateCommentTree = (comments, parentId, newData, hasMore, isLoadMore = false) => {\n  for (let i = 0; i < comments.length; i++) {\n    if (comments[i]._id === parentId) {\n      if (isLoadMore) {\n        // Для загрузки дополнительных комментариев, добавляем их к существующим\n        comments[i].children = [...comments[i].children, ...newData];\n        comments[i].hasMore = hasMore;\n      } else {\n        // Для нового комментария, добавляем его в начало списка дочерних\n        comments[i].children.push(newData);\n      }\n      return true;\n    }\n    if (comments[i].children && updateCommentTree(comments[i].children, parentId, newData, hasMore, isLoadMore)) {\n      return true;\n    }\n  }\n  return false;\n};\n\n\nconst submitComment = async () => {\n  if (!commentContent.value) {\n    return;\n  }\n  try {\n    const response = await $axios.post('/comments/create', {\n      target: props.target,\n      user: props.owner,\n      type: props.type,\n      content: commentContent.value,\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    response.data.owner = props.owner;\n    comments.value.push(response.data);\n\n    commentContent.value = '';\n  } catch (error) {\n    console.error(error);\n  }\n};\n\nfetchComments();\n</script>\n"],"names":["ref","comments"],"mappings":"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"}