@ozdao/prometheus-framework 0.2.330 → 0.2.331

package/dist/prometheus-framework/src/modules/community/components/pages/BlogPost.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BlogPost.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/BlogPost.vue"],"sourcesContent":["<template>\n  <section>\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-white radius-medium\">\n      <SkeletonBlogpost\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n      />\n    </TransitionGroup>\n    <transition \n      name=\"fade\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && !blogpost\"\n        title=\"No Blogpost Found\"\n        description=\"Currently, there are no blogposts available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-big\"\n      />\n    </transition>\n\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"container\">\n    \t  <!-- <button @click=\"share\" >\n\t\t\t    Поделиться\n\t\t\t  </button>\n\t\t\t   -->\n      \t<CardBlogpost \n          v-if=\"!isLoading && blogpost\"\n          @click=\"$router.push({name: 'Blogpost', params: {url: blogpost.url}})\" \n          :blogpost=\"blogpost\" \n          :user=\"auth.state.user._id\"\n          :type=\"'blogpostPage'\"\n          :hideTitle=\"true\"\n          class=\"mn-b-thin bg-white radius-medium\"\n        >\n\n  \t      <Viewer\n  \t        v-if=\"blogpost && blogpost.content\"\n  \t        :content=\"blogpost.content\"\n  \t      />\n\n  \t\t\t\t<a v-if=\"blogpost.source\" :href=\"blogpost.source\" target=\"_blank\" class=\"mn-b-semi d-block w-max radius-big pd-thin bg-black t-white\">\n  \t\t\t\t\tCheck Source 🔗\n  \t\t\t\t</a>\n  \t\t\t\n      </CardBlogpost>\n\n     \t<!-- <h3 class=\"mn-b-small\">Recommended Communities</h3>\n  \t\t<Publics \n  \t\t\tclass=\"mn-b-small\"\n  \t\t/> -->\n\n      <Comments \n        v-if=\"!isLoading && blogpost\" \n        :type=\"'blogpost'\" \n        :target=\"blogpost._id\" \n        :owner=\"auth.state.user._id\"\n        class=\"bg-white radius-medium pd-medium\"\n      />\n      \n    </TransitionGroup>  \n  \n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, onServerPrefetch, watch } from 'vue';\nimport { useHead } from '@unhead/vue'\nimport Loader from '@pf/src/components/Loader/Loader.vue';\nimport EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\nimport CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\nimport SkeletonBlogpost from '@pf/src/modules/icons/skeletons/SkeletonBlogpost.vue'\nimport Publics from '@pf/src/modules/organizations/components/sections/Publics.vue'\nimport Comments from '@pf/src/modules/community/components/sections/Comments.vue';\nimport Viewer from '@pf/src/modules/constructor/components/sections/Viewer.vue';\nimport * as blog from '@pf/src/modules/community/store/blogposts.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\n  \nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst blogpost = computed(() => blog.state.current);\nconst isLoading = ref(false);\nconst canShare = ref(false);\nconst error = ref(null);\n\nasync function fetchBlogpost() {\n  try {\n    isLoading.value = true;\n    const data = await blog.read({ user: auth.state.user?._id, url: route.params.url });\n    blogpost.value = data[0];\n    // Обновляем состояние хранилища\n    blog.state.current = data[0];\n  } catch (err) {\n    error.value = err;\n    console.error('Error fetching blogpost:', err);\n  } finally {\n    isLoading.value = false;\n  }\n}\n\nonServerPrefetch(async() => {\n\tawait fetchBlogpost()\n});\n\nonMounted(async() => {\n  if (!blogpost.value || blogpost.value.url !== route.params.url) {\n    await fetchBlogpost();\n  }\n  canShare.value = !!navigator.share;\n});\n\n\nconst share = async () => {\n  if (!canShare.value) return;\n  try {\n    await navigator.share({\n      title: blogpost.value.name,\n      text: firstText.value?.content.slice(0, 120) || 'Check out this blog post!',\n      url: window.location.href,\n    });\n    console.log('Content shared successfully');\n  } catch (error) {\n    console.error('Error sharing:', error);\n  }\n};\n\nconst firstImage = computed(() => {\n  return blogpost.value?.content?.find(block => block.type === 'ImageUpload');\n});\n\nconst firstText = computed(() => {\n  return blogpost.value?.content?.find(block => \n    block.type === 'Textarea' && block.class !== 'h2'\n  );\n});\n\nconst metadata = computed(() => ({\n  title: blogpost.value?.name,\n  description: firstText.value?.content.slice(0, 120),\n  meta: [\n    { hid: 'description', name: 'description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:title', property: 'og:title', content: blogpost.value?.name },\n    { hid: 'og:description', property: 'og:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:image', property: 'og:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:title', name: 'twitter:title', content: blogpost.value?.name },\n    { hid: 'twitter:description', name: 'twitter:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'twitter:image', name: 'twitter:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:card', name: 'twitter:card', content: 'summary_large_image' },\n  ],\n}));\n\nuseHead(metadata);\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","computed","blog.state","ref","blog.read","auth.state","onServerPrefetch","onMounted","useHead"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8EA,UAAM,QAAQA,UAAQ,SAAA;AACtB,UAAM,WAAWC,IAAQ,SAAC,MAAMC,UAAU,MAAC,OAAO;AAClD,UAAM,YAAYC,IAAAA,IAAI,KAAK;AAC3B,UAAM,WAAWA,IAAAA,IAAI,KAAK;AAC1B,UAAM,QAAQA,IAAAA,IAAI,IAAI;AAEtB,mBAAe,gBAAgB;;AAC7B,UAAI;AACF,kBAAU,QAAQ;AAClB,cAAM,OAAO,MAAMC,UAAAA,KAAU,EAAE,OAAMC,UAAAA,MAAW,SAAXA,mBAAiB,KAAK,KAAK,MAAM,OAAO,IAAK,CAAA;AAClF,iBAAS,QAAQ,KAAK,CAAC;AAEvBH,kBAAAA,MAAW,UAAU,KAAK,CAAC;AAAA,MAC5B,SAAQ,KAAK;AACZ,cAAM,QAAQ;AACd,gBAAQ,MAAM,4BAA4B,GAAG;AAAA,MACjD,UAAY;AACR,kBAAU,QAAQ;AAAA,MACnB;AAAA,IACH;AAEAI,QAAAA,iBAAiB,YAAW;AAC3B,YAAM,cAAe;AAAA,IACtB,CAAC;AAEDC,QAAAA,UAAU,YAAW;AACnB,UAAI,CAAC,SAAS,SAAS,SAAS,MAAM,QAAQ,MAAM,OAAO,KAAK;AAC9D,cAAM,cAAa;AAAA,MACpB;AACD,eAAS,QAAQ,CAAC,CAAC,UAAU;AAAA,IAC/B,CAAC;AAiBD,UAAM,aAAaN,IAAQ,SAAC,MAAM;;AAChC,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB,KAAK,WAAS,MAAM,SAAS;AAAA,IAC/D,CAAC;AAED,UAAM,YAAYA,IAAQ,SAAC,MAAM;;AAC/B,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB;AAAA,QAAK,WACnC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA;AAAA,IAEjD,CAAC;AAED,UAAM,WAAWA,IAAQ,SAAC,MAAO;;AAAA;AAAA,QAC/B,QAAO,cAAS,UAAT,mBAAgB;AAAA,QACvB,cAAa,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG;AAAA,QAC/C,MAAM;AAAA,UACJ,EAAE,KAAK,eAAe,MAAM,eAAe,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5F,EAAE,KAAK,YAAY,UAAU,YAAY,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UACxE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UACtG,EAAE,KAAK,YAAY,UAAU,YAAY,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UAChM,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UAC9E,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5G,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UACtM,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,sBAAuB;AAAA,QAC9E;AAAA,MACH;AAAA,KAAE;AAEFO,iBAAO,EAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BlogPost.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/BlogPost.vue"],"sourcesContent":["<template>\n  <section>\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-white radius-medium\">\n      <SkeletonBlogpost\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n      />\n    </TransitionGroup>\n    <transition \n      name=\"fade\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && !blogpost\"\n        title=\"No Blogpost Found\"\n        description=\"Currently, there are no blogposts available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-big\"\n      />\n    </transition>\n\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"container\">\n    \t  <!-- <button @click=\"share\" >\n\t\t\t    Поделиться\n\t\t\t  </button>\n\t\t\t   -->\n      \t<CardBlogpost \n          v-if=\"!isLoading && blogpost\"\n          @click=\"$router.push({name: 'Blogpost', params: {url: blogpost.url}})\" \n          :blogpost=\"blogpost\" \n          :user=\"auth.state.user._id\"\n          :type=\"'blogpostPage'\"\n          :hideTitle=\"true\"\n          class=\"mn-b-thin bg-white radius-medium\"\n        >\n\n  \t      <Viewer\n  \t        v-if=\"blogpost && blogpost.content\"\n  \t        :content=\"blogpost.content\"\n  \t      />\n\n  \t\t\t\t<a v-if=\"blogpost.source\" :href=\"blogpost.source\" target=\"_blank\" class=\"mn-b-semi d-block w-max radius-big pd-thin bg-black t-white\">\n  \t\t\t\t\tCheck Source 🔗\n  \t\t\t\t</a>\n  \t\t\t\n      </CardBlogpost>\n\n     \t<!-- <h3 class=\"mn-b-small\">Recommended Communities</h3>\n  \t\t<Publics \n  \t\t\tclass=\"mn-b-small\"\n  \t\t/> -->\n\n      <Comments \n        v-if=\"!isLoading && blogpost\" \n        :type=\"'blogpost'\" \n        :target=\"blogpost._id\" \n        :owner=\"auth.state.user._id\"\n        class=\"bg-white radius-medium pd-medium\"\n      />\n      \n    </TransitionGroup>  \n  \n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, onServerPrefetch, watch } from 'vue';\nimport { useHead } from '@unhead/vue'\nimport Loader from '@pf/src/components/Loader/Loader.vue';\nimport EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\nimport CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\nimport SkeletonBlogpost from '@pf/src/modules/icons/skeletons/SkeletonBlogpost.vue'\nimport Publics from '@pf/src/modules/organizations/components/sections/Publics.vue'\nimport Comments from '@pf/src/modules/community/components/sections/Comments.vue';\nimport Viewer from '@pf/src/modules/constructor/components/sections/Viewer.vue';\nimport * as blog from '@pf/src/modules/community/store/blogposts.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\n  \nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst blogpost = computed(() => blog.state.current);\nconst isLoading = ref(false);\nconst canShare = ref(false);\nconst error = ref(null);\n\nasync function fetchBlogpost() {\n  try {\n    isLoading.value = true;\n    const data = await blog.read({ user: auth.state.user?._id, url: route.params.url });\n    blogpost.value = data[0];\n    // Обновляем состояние хранилища\n    blog.state.current = data[0];\n  } catch (err) {\n    error.value = err;\n    console.error('Error fetching blogpost:', err);\n  } finally {\n    isLoading.value = false;\n  }\n}\n\nonServerPrefetch(async() => {\n\tawait fetchBlogpost()\n});\n\nonMounted(async() => {\n  if (!blogpost.value || blogpost.value.url !== route.params.url) {\n    await fetchBlogpost();\n  }\n  canShare.value = !!navigator.share;\n});\n\n\nconst share = async () => {\n  if (!canShare.value) return;\n  try {\n    await navigator.share({\n      title: blogpost.value.name,\n      text: firstText.value?.content.slice(0, 120) || 'Check out this blog post!',\n      url: window.location.href,\n    });\n    console.log('Content shared successfully');\n  } catch (error) {\n    console.error('Error sharing:', error);\n  }\n};\n\nconst firstImage = computed(() => {\n  return blogpost.value?.content?.find(block => block.type === 'ImageUpload');\n});\n\nconst firstText = computed(() => {\n  return blogpost.value?.content?.find(block => \n    block.type === 'Textarea' && block.class !== 'h2'\n  );\n});\n\nconst metadata = computed(() => ({\n  title: blogpost.value?.name,\n  description: firstText.value?.content.slice(0, 120),\n  meta: [\n    { hid: 'description', name: 'description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:title', property: 'og:title', content: blogpost.value?.name },\n    { hid: 'og:description', property: 'og:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:image', property: 'og:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:title', name: 'twitter:title', content: blogpost.value?.name },\n    { hid: 'twitter:description', name: 'twitter:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'twitter:image', name: 'twitter:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:card', name: 'twitter:card', content: 'summary_large_image' },\n  ],\n}));\n\nuseHead(metadata);\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","computed","blog.state","ref","blog.read","auth.state","onServerPrefetch","onMounted","useHead"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8EA,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,WAAWC,IAAQ,SAAC,MAAMC,UAAU,MAAC,OAAO;AAClD,UAAM,YAAYC,IAAG,IAAC,KAAK;AAC3B,UAAM,WAAWA,IAAG,IAAC,KAAK;AAC1B,UAAM,QAAQA,IAAG,IAAC,IAAI;AAEtB,mBAAe,gBAAgB;;AAC7B,UAAI;AACF,kBAAU,QAAQ;AAClB,cAAM,OAAO,MAAMC,eAAU,EAAE,OAAMC,UAAU,MAAC,SAAXA,mBAAiB,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE;AAClF,iBAAS,QAAQ,KAAK,CAAC;AAEvBH,wBAAW,UAAU,KAAK,CAAC;AAAA,MAC5B,SAAQ,KAAK;AACZ,cAAM,QAAQ;AACd,gBAAQ,MAAM,4BAA4B,GAAG;AAAA,MACjD,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAEAI,QAAAA,iBAAiB,YAAW;AAC3B,YAAM,cAAa;AAAA,IACpB,CAAC;AAEDC,QAAAA,UAAU,YAAW;AACnB,UAAI,CAAC,SAAS,SAAS,SAAS,MAAM,QAAQ,MAAM,OAAO,KAAK;AAC9D,cAAM,cAAe;AAAA,MACzB;AACE,eAAS,QAAQ,CAAC,CAAC,UAAU;AAAA,IAC/B,CAAC;AAiBD,UAAM,aAAaN,IAAQ,SAAC,MAAM;;AAChC,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB,KAAK,WAAS,MAAM,SAAS;AAAA,IAC/D,CAAC;AAED,UAAM,YAAYA,IAAQ,SAAC,MAAM;;AAC/B,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB;AAAA,QAAK,WACnC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA;AAAA,IAEjD,CAAC;AAED,UAAM,WAAWA,IAAQ,SAAC,MAAO;;AAAA;AAAA,QAC/B,QAAO,cAAS,UAAT,mBAAgB;AAAA,QACvB,cAAa,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG;AAAA,QAC/C,MAAM;AAAA,UACJ,EAAE,KAAK,eAAe,MAAM,eAAe,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5F,EAAE,KAAK,YAAY,UAAU,YAAY,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UACxE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UACtG,EAAE,KAAK,YAAY,UAAU,YAAY,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UAChM,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UAC9E,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5G,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UACtM,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,sBAAuB;AAAA,QAC9E;AAAA,MACH;AAAA,KAAE;AAEFO,iBAAO,EAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/community/components/pages/BlogPost.vue.js

@@ -1,4 +1,4 @@
-import { computed, ref, onServerPrefetch, onMounted, openBlock, createElementBlock, createVNode, TransitionGroup, withCtx, Fragment, renderList, createCommentVNode, Transition, createBlock } from "vue";
+import { computed, ref, onServerPrefetch, onMounted, createElementBlock, openBlock, createVNode, TransitionGroup, withCtx, createCommentVNode, Fragment, renderList, Transition, createBlock } from "vue";
 import { u as useHead } from "../../../../../../node_modules/@unhead/vue/dist/shared/vue.65b7bcda.js";
 /* empty css                                       */
 import _sfc_main$1 from "../../../../components/EmptyState/EmptyState.vue.js";
@@ -6,7 +6,7 @@ import _sfc_main$2 from "../blocks/CardBlogpost.vue.js";
 import SkeletonBlogpost from "../../../icons/skeletons/SkeletonBlogpost.vue.js";
 import { useRoute } from "vue-router";
 /* empty css                                     */
-/* empty css                                        */
+/* empty css                                       */
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 import "../../../organizations/store/memberships.js";
 import "../../../organizations/store/organizations.js";

package/dist/prometheus-framework/src/modules/community/components/pages/BlogPost.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlogPost.vue.js","sources":["../../../../../../../src/modules/community/components/pages/BlogPost.vue"],"sourcesContent":["<template>\n  <section>\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-white radius-medium\">\n      <SkeletonBlogpost\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n      />\n    </TransitionGroup>\n    <transition \n      name=\"fade\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && !blogpost\"\n        title=\"No Blogpost Found\"\n        description=\"Currently, there are no blogposts available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-big\"\n      />\n    </transition>\n\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"container\">\n    \t  <!-- <button @click=\"share\" >\n\t\t\t    Поделиться\n\t\t\t  </button>\n\t\t\t   -->\n      \t<CardBlogpost \n          v-if=\"!isLoading && blogpost\"\n          @click=\"$router.push({name: 'Blogpost', params: {url: blogpost.url}})\" \n          :blogpost=\"blogpost\" \n          :user=\"auth.state.user._id\"\n          :type=\"'blogpostPage'\"\n          :hideTitle=\"true\"\n          class=\"mn-b-thin bg-white radius-medium\"\n        >\n\n  \t      <Viewer\n  \t        v-if=\"blogpost && blogpost.content\"\n  \t        :content=\"blogpost.content\"\n  \t      />\n\n  \t\t\t\t<a v-if=\"blogpost.source\" :href=\"blogpost.source\" target=\"_blank\" class=\"mn-b-semi d-block w-max radius-big pd-thin bg-black t-white\">\n  \t\t\t\t\tCheck Source 🔗\n  \t\t\t\t</a>\n  \t\t\t\n      </CardBlogpost>\n\n     \t<!-- <h3 class=\"mn-b-small\">Recommended Communities</h3>\n  \t\t<Publics \n  \t\t\tclass=\"mn-b-small\"\n  \t\t/> -->\n\n      <Comments \n        v-if=\"!isLoading && blogpost\" \n        :type=\"'blogpost'\" \n        :target=\"blogpost._id\" \n        :owner=\"auth.state.user._id\"\n        class=\"bg-white radius-medium pd-medium\"\n      />\n      \n    </TransitionGroup>  \n  \n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, onServerPrefetch, watch } from 'vue';\nimport { useHead } from '@unhead/vue'\nimport Loader from '@pf/src/components/Loader/Loader.vue';\nimport EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\nimport CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\nimport SkeletonBlogpost from '@pf/src/modules/icons/skeletons/SkeletonBlogpost.vue'\nimport Publics from '@pf/src/modules/organizations/components/sections/Publics.vue'\nimport Comments from '@pf/src/modules/community/components/sections/Comments.vue';\nimport Viewer from '@pf/src/modules/constructor/components/sections/Viewer.vue';\nimport * as blog from '@pf/src/modules/community/store/blogposts.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\n  \nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst blogpost = computed(() => blog.state.current);\nconst isLoading = ref(false);\nconst canShare = ref(false);\nconst error = ref(null);\n\nasync function fetchBlogpost() {\n  try {\n    isLoading.value = true;\n    const data = await blog.read({ user: auth.state.user?._id, url: route.params.url });\n    blogpost.value = data[0];\n    // Обновляем состояние хранилища\n    blog.state.current = data[0];\n  } catch (err) {\n    error.value = err;\n    console.error('Error fetching blogpost:', err);\n  } finally {\n    isLoading.value = false;\n  }\n}\n\nonServerPrefetch(async() => {\n\tawait fetchBlogpost()\n});\n\nonMounted(async() => {\n  if (!blogpost.value || blogpost.value.url !== route.params.url) {\n    await fetchBlogpost();\n  }\n  canShare.value = !!navigator.share;\n});\n\n\nconst share = async () => {\n  if (!canShare.value) return;\n  try {\n    await navigator.share({\n      title: blogpost.value.name,\n      text: firstText.value?.content.slice(0, 120) || 'Check out this blog post!',\n      url: window.location.href,\n    });\n    console.log('Content shared successfully');\n  } catch (error) {\n    console.error('Error sharing:', error);\n  }\n};\n\nconst firstImage = computed(() => {\n  return blogpost.value?.content?.find(block => block.type === 'ImageUpload');\n});\n\nconst firstText = computed(() => {\n  return blogpost.value?.content?.find(block => \n    block.type === 'Textarea' && block.class !== 'h2'\n  );\n});\n\nconst metadata = computed(() => ({\n  title: blogpost.value?.name,\n  description: firstText.value?.content.slice(0, 120),\n  meta: [\n    { hid: 'description', name: 'description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:title', property: 'og:title', content: blogpost.value?.name },\n    { hid: 'og:description', property: 'og:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:image', property: 'og:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:title', name: 'twitter:title', content: blogpost.value?.name },\n    { hid: 'twitter:description', name: 'twitter:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'twitter:image', name: 'twitter:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:card', name: 'twitter:card', content: 'summary_large_image' },\n  ],\n}));\n\nuseHead(metadata);\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","blog.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8EA,UAAM,QAAQ,SAAQ;AACtB,UAAM,WAAW,SAAS,MAAMA,MAAW,OAAO;AAClD,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,QAAQ,IAAI,IAAI;AAEtB,mBAAe,gBAAgB;;AAC7B,UAAI;AACF,kBAAU,QAAQ;AAClB,cAAM,OAAO,MAAMC,KAAU,EAAE,OAAMC,aAAW,SAAXA,mBAAiB,KAAK,KAAK,MAAM,OAAO,IAAK,CAAA;AAClF,iBAAS,QAAQ,KAAK,CAAC;AAEvBF,cAAW,UAAU,KAAK,CAAC;AAAA,MAC5B,SAAQ,KAAK;AACZ,cAAM,QAAQ;AACd,gBAAQ,MAAM,4BAA4B,GAAG;AAAA,MACjD,UAAY;AACR,kBAAU,QAAQ;AAAA,MACnB;AAAA,IACH;AAEA,qBAAiB,YAAW;AAC3B,YAAM,cAAe;AAAA,IACtB,CAAC;AAED,cAAU,YAAW;AACnB,UAAI,CAAC,SAAS,SAAS,SAAS,MAAM,QAAQ,MAAM,OAAO,KAAK;AAC9D,cAAM,cAAa;AAAA,MACpB;AACD,eAAS,QAAQ,CAAC,CAAC,UAAU;AAAA,IAC/B,CAAC;AAiBD,UAAM,aAAa,SAAS,MAAM;;AAChC,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB,KAAK,WAAS,MAAM,SAAS;AAAA,IAC/D,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;;AAC/B,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB;AAAA,QAAK,WACnC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA;AAAA,IAEjD,CAAC;AAED,UAAM,WAAW,SAAS,MAAO;;AAAA;AAAA,QAC/B,QAAO,cAAS,UAAT,mBAAgB;AAAA,QACvB,cAAa,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG;AAAA,QAC/C,MAAM;AAAA,UACJ,EAAE,KAAK,eAAe,MAAM,eAAe,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5F,EAAE,KAAK,YAAY,UAAU,YAAY,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UACxE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UACtG,EAAE,KAAK,YAAY,UAAU,YAAY,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UAChM,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UAC9E,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5G,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UACtM,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,sBAAuB;AAAA,QAC9E;AAAA,MACH;AAAA,KAAE;AAEF,YAAQ,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BlogPost.vue.js","sources":["../../../../../../../src/modules/community/components/pages/BlogPost.vue"],"sourcesContent":["<template>\n  <section>\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-white radius-medium\">\n      <SkeletonBlogpost\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n      />\n    </TransitionGroup>\n    <transition \n      name=\"fade\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && !blogpost\"\n        title=\"No Blogpost Found\"\n        description=\"Currently, there are no blogposts available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-big\"\n      />\n    </transition>\n\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"container\">\n    \t  <!-- <button @click=\"share\" >\n\t\t\t    Поделиться\n\t\t\t  </button>\n\t\t\t   -->\n      \t<CardBlogpost \n          v-if=\"!isLoading && blogpost\"\n          @click=\"$router.push({name: 'Blogpost', params: {url: blogpost.url}})\" \n          :blogpost=\"blogpost\" \n          :user=\"auth.state.user._id\"\n          :type=\"'blogpostPage'\"\n          :hideTitle=\"true\"\n          class=\"mn-b-thin bg-white radius-medium\"\n        >\n\n  \t      <Viewer\n  \t        v-if=\"blogpost && blogpost.content\"\n  \t        :content=\"blogpost.content\"\n  \t      />\n\n  \t\t\t\t<a v-if=\"blogpost.source\" :href=\"blogpost.source\" target=\"_blank\" class=\"mn-b-semi d-block w-max radius-big pd-thin bg-black t-white\">\n  \t\t\t\t\tCheck Source 🔗\n  \t\t\t\t</a>\n  \t\t\t\n      </CardBlogpost>\n\n     \t<!-- <h3 class=\"mn-b-small\">Recommended Communities</h3>\n  \t\t<Publics \n  \t\t\tclass=\"mn-b-small\"\n  \t\t/> -->\n\n      <Comments \n        v-if=\"!isLoading && blogpost\" \n        :type=\"'blogpost'\" \n        :target=\"blogpost._id\" \n        :owner=\"auth.state.user._id\"\n        class=\"bg-white radius-medium pd-medium\"\n      />\n      \n    </TransitionGroup>  \n  \n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, onServerPrefetch, watch } from 'vue';\nimport { useHead } from '@unhead/vue'\nimport Loader from '@pf/src/components/Loader/Loader.vue';\nimport EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\nimport CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\nimport SkeletonBlogpost from '@pf/src/modules/icons/skeletons/SkeletonBlogpost.vue'\nimport Publics from '@pf/src/modules/organizations/components/sections/Publics.vue'\nimport Comments from '@pf/src/modules/community/components/sections/Comments.vue';\nimport Viewer from '@pf/src/modules/constructor/components/sections/Viewer.vue';\nimport * as blog from '@pf/src/modules/community/store/blogposts.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\n  \nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst blogpost = computed(() => blog.state.current);\nconst isLoading = ref(false);\nconst canShare = ref(false);\nconst error = ref(null);\n\nasync function fetchBlogpost() {\n  try {\n    isLoading.value = true;\n    const data = await blog.read({ user: auth.state.user?._id, url: route.params.url });\n    blogpost.value = data[0];\n    // Обновляем состояние хранилища\n    blog.state.current = data[0];\n  } catch (err) {\n    error.value = err;\n    console.error('Error fetching blogpost:', err);\n  } finally {\n    isLoading.value = false;\n  }\n}\n\nonServerPrefetch(async() => {\n\tawait fetchBlogpost()\n});\n\nonMounted(async() => {\n  if (!blogpost.value || blogpost.value.url !== route.params.url) {\n    await fetchBlogpost();\n  }\n  canShare.value = !!navigator.share;\n});\n\n\nconst share = async () => {\n  if (!canShare.value) return;\n  try {\n    await navigator.share({\n      title: blogpost.value.name,\n      text: firstText.value?.content.slice(0, 120) || 'Check out this blog post!',\n      url: window.location.href,\n    });\n    console.log('Content shared successfully');\n  } catch (error) {\n    console.error('Error sharing:', error);\n  }\n};\n\nconst firstImage = computed(() => {\n  return blogpost.value?.content?.find(block => block.type === 'ImageUpload');\n});\n\nconst firstText = computed(() => {\n  return blogpost.value?.content?.find(block => \n    block.type === 'Textarea' && block.class !== 'h2'\n  );\n});\n\nconst metadata = computed(() => ({\n  title: blogpost.value?.name,\n  description: firstText.value?.content.slice(0, 120),\n  meta: [\n    { hid: 'description', name: 'description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:title', property: 'og:title', content: blogpost.value?.name },\n    { hid: 'og:description', property: 'og:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:image', property: 'og:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:title', name: 'twitter:title', content: blogpost.value?.name },\n    { hid: 'twitter:description', name: 'twitter:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'twitter:image', name: 'twitter:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:card', name: 'twitter:card', content: 'summary_large_image' },\n  ],\n}));\n\nuseHead(metadata);\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","blog.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8EA,UAAM,QAAQ,SAAU;AACxB,UAAM,WAAW,SAAS,MAAMA,MAAW,OAAO;AAClD,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,QAAQ,IAAI,IAAI;AAEtB,mBAAe,gBAAgB;;AAC7B,UAAI;AACF,kBAAU,QAAQ;AAClB,cAAM,OAAO,MAAMC,KAAU,EAAE,OAAMC,aAAW,SAAXA,mBAAiB,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE;AAClF,iBAAS,QAAQ,KAAK,CAAC;AAEvBF,cAAW,UAAU,KAAK,CAAC;AAAA,MAC5B,SAAQ,KAAK;AACZ,cAAM,QAAQ;AACd,gBAAQ,MAAM,4BAA4B,GAAG;AAAA,MACjD,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAEA,qBAAiB,YAAW;AAC3B,YAAM,cAAa;AAAA,IACpB,CAAC;AAED,cAAU,YAAW;AACnB,UAAI,CAAC,SAAS,SAAS,SAAS,MAAM,QAAQ,MAAM,OAAO,KAAK;AAC9D,cAAM,cAAe;AAAA,MACzB;AACE,eAAS,QAAQ,CAAC,CAAC,UAAU;AAAA,IAC/B,CAAC;AAiBD,UAAM,aAAa,SAAS,MAAM;;AAChC,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB,KAAK,WAAS,MAAM,SAAS;AAAA,IAC/D,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;;AAC/B,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB;AAAA,QAAK,WACnC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA;AAAA,IAEjD,CAAC;AAED,UAAM,WAAW,SAAS,MAAO;;AAAA;AAAA,QAC/B,QAAO,cAAS,UAAT,mBAAgB;AAAA,QACvB,cAAa,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG;AAAA,QAC/C,MAAM;AAAA,UACJ,EAAE,KAAK,eAAe,MAAM,eAAe,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5F,EAAE,KAAK,YAAY,UAAU,YAAY,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UACxE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UACtG,EAAE,KAAK,YAAY,UAAU,YAAY,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UAChM,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UAC9E,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5G,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UACtM,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,sBAAuB;AAAA,QAC9E;AAAA,MACH;AAAA,KAAE;AAEF,YAAQ,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/community/components/pages/Community.vue.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                        */
+;/* empty css                                       */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 ;/* empty css                                          */
 ;/* empty css                                         */
-;/* empty css                                          */
+;/* empty css                                         */
 require("axios");
 ;/* empty css                                         */
 const CardBlogpost = require("../blocks/CardBlogpost.vue.cjs");

package/dist/prometheus-framework/src/modules/community/components/pages/Community.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Community.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/Community.vue"],"sourcesContent":["<template>\n  <div>\n    <div class=\"flex-v-center flex-nowrap flex mn-b-medium\">\n      <h3 class=\"mn-r-medium\">Blog</h3>\n      <button @click=\"router.push({name: 'Create BlogPost'})\" class=\"t-white bg-second button-small button\">+</button>\n    </div>\n    \n    <div class=\"\">\n\n\n      <CardBlogpost \n        v-for=\"blogpost in filteredBlogPosts\" \n        :key=\"blogpost._id\" \n        :blogpost=\"blogpost\" \n        :owner=\"auth.state.user._id\" \n        class=\"mn-b-medium \"\n      >\n        <div class=\"flex-nowrap flex pd-t-zero pd-b-zero pd-big\">\n          <button class=\"mn-r-thin button-small w-100 button\" @click=\"$router.push({path: '/community/posts/' +  blogpost.url + '/edit'})\">Edit</button>\n          <button class=\"button-small w-100 button\" @click=\"deletePost(blogpost._id)\">Delete</button>\n        </div>\n      </CardBlogpost>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted, computed,reactive } from 'vue'\n\nimport Field from \"@pf/src/components/Field/Field.vue\";\nimport Select from \"@pf/src/components/Select/Select.vue\";\nimport Button from \"@pf/src/components/Button/Button.vue\";\nimport Upload from \"@pf/src/components/Upload/Upload.vue\";\n\nimport CardBlogpost  from '@pf/src/modules/community/components/blocks/CardBlogpost.vue'\n\nimport { \n  state as blogState, \n  read as fetchBlogPosts, \n  create as createBlogPost, \n  update as updateBlogPost, \n  set as setBlogPost, \n  clean as cleanBlogPost,\n  remove as deleteBlogPost \n} from '@pf/src/modules/community/store/blogposts.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport { useRoute, useRouter } from 'vue-router'\n\nconst router = useRouter()\n\nawait fetchBlogPosts()\n\nconsole.log(blogState)\n\n\n// Popup\nconst selectedPost = ref({\n  title: '',\n  content: '',\n  categories: []\n})\n\nconst openModal = (post) => {\n  selectedPost.value = post || {\n    title: '',\n    content: '',\n    categories: []\n  }\n  disableScroll()\n}\n\nconst closeModal = () => {\n  selectedPost.value = {\n    title: '',\n    content: '',\n    categories: []\n  }\n  enableScroll()\n}\n\nconst disableScroll = () => {\n  document.body.style.overflow = 'hidden';\n  document.documentElement.style.overflow = 'hidden';\n}\n\nconst enableScroll = () => {\n  document.body.style.overflow = '';\n  document.documentElement.style.overflow = '';\n}\n\nconst deletePost = async (_id) => {\n  if (window.confirm('Are you sure you want to delete this post?')) {\n    console.log(_id)\n    await deleteBlogPost(_id);\n  }\n};\n\nconst editPost = (post) => {\n  openModal(post);\n};\n\nconst updatePost = async () => {\n  await updateBlogPost(selectedPost.value)\n  closeModal()\n}\n\n\nconst createPost = async () => {\n  // Your function body\n  if (!selectedPost.value.title || !selectedPost.value.content || !selectedPost.value.categories) {\n    console.error('All fields are required.')\n    return\n  }\n\n  await createBlogPost({\n    ...selectedPost.value,\n    categories: typeof selectedPost.value.categories === 'string' ? selectedPost.value.categories.split(',').map(item => item.trim()) : selectedPost.value.categories\n  })\n  closeModal()\n}\n\n// Grid\nconst categories = ['all', 'category1', 'category2', 'category3']\nlet selectedCategory = ref('all')\n\nconst filteredBlogPosts = computed(() => {\n  if (selectedCategory.value === 'all') {\n    return blogState.all;\n  }\n  return blogState.all.filter(item => item.categories.includes(selectedCategory.value));\n});\n\nconst firstImage = computed(() => {\n  for (let item of filteredBlogPosts.value) {\n    if (item.blocks && item.blocks.length > 0) {\n      const imageBlock = item.blocks.find(block => block.type.name === 'ImageUpload');\n      if (imageBlock) return imageBlock.content;\n    }\n  }\n  return null;\n});\n\nfunction formatDate(dateString) {\n    let date = new Date(dateString);\n    let day = (\"0\" + date.getDate()).slice(-2);\n    let month = (\"0\" + (date.getMonth() + 1)).slice(-2);\n    let year = date.getFullYear();\n    let hours = (\"0\" + date.getHours()).slice(-2);\n    let minutes = (\"0\" + date.getMinutes()).slice(-2);\n\n    return `${hours}:${minutes}, ${day}.${month}.${year}`;\n}\n\nconst filter = (category) => {\n  selectedCategory.value = category;\n};\n</script>\n<style scoped>\n.pd-2px {\n  padding: 2px 4px;\n  margin-right: 4px;\n}\n.modal {\n  position: fixed; \n  z-index: 1; \n  left: 0;\n  top: 0;\n  width: 100%; \n  height: 100%; \n  overflow: auto; \n  background-color: rgba(0,0,0,0.9); \n  z-index: 50;\n}\n\n.modal-content {\n  margin: auto;\n  z-index: 5;\n  width: 100%;\n  max-width: 30rem;\n  overflow: scroll;\n}\n\n.close {\n  position: fixed;\n  top: 2rem;\n  right: 3rem;\n\n  color: #f1f1f1;\n  font-size: 40px;\n  font-weight: bold;\n  transition: 0.3s;\n  z-index: 10;\n}\n\n.close:hover,\n.close:focus {\n  color: #bbb;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n/* Transitions */\n.modal-enter-active, .modal-leave-active {\n  transition: opacity .5s;\n}\n.modal-enter, .modal-leave-to {\n  opacity: 0;\n}\n</style>"],"names":["useRouter","_withAsyncContext","fetchBlogPosts","blogState","ref","deleteBlogPost","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA+CA,UAAM,SAASA,UAAAA,UAAW;AAE1B,IAAA,CAAA,QAAA,SAAA,IAAAC,IAAAA,iBAAA,MAAMC,UAAc,KAAA,CAAC;AAErB,YAAQ,IAAIC,UAAAA,KAAS;AAIAC,QAAAA,IAAI;AAAA,MACvB,OAAO;AAAA,MACP,SAAS;AAAA,MACT,YAAY,CAAE;AAAA,IAChB,CAAC;AA8BD,UAAM,aAAa,OAAO,QAAQ;AAChC,UAAI,OAAO,QAAQ,4CAA4C,GAAG;AAChE,gBAAQ,IAAI,GAAG;AACf,cAAMC,UAAAA,OAAe,GAAG;AAAA,MACzB;AAAA,IACH;AA4BA,QAAI,mBAAmBD,IAAG,IAAC,KAAK;AAEhC,UAAM,oBAAoBE,IAAQ,SAAC,MAAM;AACvC,UAAI,iBAAiB,UAAU,OAAO;AACpC,eAAOH,UAAAA,MAAU;AAAA,MAClB;AACD,aAAOA,gBAAU,IAAI,OAAO,UAAQ,KAAK,WAAW,SAAS,iBAAiB,KAAK,CAAC;AAAA,IACtF,CAAC;AAEkBG,QAAAA,SAAS,MAAM;AAChC,eAAS,QAAQ,kBAAkB,OAAO;AACxC,YAAI,KAAK,UAAU,KAAK,OAAO,SAAS,GAAG;AACzC,gBAAM,aAAa,KAAK,OAAO,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAC9E,cAAI,WAAY,QAAO,WAAW;AAAA,QACnC;AAAA,MACF;AACD,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Community.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/Community.vue"],"sourcesContent":["<template>\n  <div>\n    <div class=\"flex-v-center flex-nowrap flex mn-b-medium\">\n      <h3 class=\"mn-r-medium\">Blog</h3>\n      <button @click=\"router.push({name: 'Create BlogPost'})\" class=\"t-white bg-second button-small button\">+</button>\n    </div>\n    \n    <div class=\"\">\n\n\n      <CardBlogpost \n        v-for=\"blogpost in filteredBlogPosts\" \n        :key=\"blogpost._id\" \n        :blogpost=\"blogpost\" \n        :owner=\"auth.state.user._id\" \n        class=\"mn-b-medium \"\n      >\n        <div class=\"flex-nowrap flex pd-t-zero pd-b-zero pd-big\">\n          <button class=\"mn-r-thin button-small w-100 button\" @click=\"$router.push({path: '/community/posts/' +  blogpost.url + '/edit'})\">Edit</button>\n          <button class=\"button-small w-100 button\" @click=\"deletePost(blogpost._id)\">Delete</button>\n        </div>\n      </CardBlogpost>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted, computed,reactive } from 'vue'\n\nimport Field from \"@pf/src/components/Field/Field.vue\";\nimport Select from \"@pf/src/components/Select/Select.vue\";\nimport Button from \"@pf/src/components/Button/Button.vue\";\nimport Upload from \"@pf/src/components/Upload/Upload.vue\";\n\nimport CardBlogpost  from '@pf/src/modules/community/components/blocks/CardBlogpost.vue'\n\nimport { \n  state as blogState, \n  read as fetchBlogPosts, \n  create as createBlogPost, \n  update as updateBlogPost, \n  set as setBlogPost, \n  clean as cleanBlogPost,\n  remove as deleteBlogPost \n} from '@pf/src/modules/community/store/blogposts.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport { useRoute, useRouter } from 'vue-router'\n\nconst router = useRouter()\n\nawait fetchBlogPosts()\n\nconsole.log(blogState)\n\n\n// Popup\nconst selectedPost = ref({\n  title: '',\n  content: '',\n  categories: []\n})\n\nconst openModal = (post) => {\n  selectedPost.value = post || {\n    title: '',\n    content: '',\n    categories: []\n  }\n  disableScroll()\n}\n\nconst closeModal = () => {\n  selectedPost.value = {\n    title: '',\n    content: '',\n    categories: []\n  }\n  enableScroll()\n}\n\nconst disableScroll = () => {\n  document.body.style.overflow = 'hidden';\n  document.documentElement.style.overflow = 'hidden';\n}\n\nconst enableScroll = () => {\n  document.body.style.overflow = '';\n  document.documentElement.style.overflow = '';\n}\n\nconst deletePost = async (_id) => {\n  if (window.confirm('Are you sure you want to delete this post?')) {\n    console.log(_id)\n    await deleteBlogPost(_id);\n  }\n};\n\nconst editPost = (post) => {\n  openModal(post);\n};\n\nconst updatePost = async () => {\n  await updateBlogPost(selectedPost.value)\n  closeModal()\n}\n\n\nconst createPost = async () => {\n  // Your function body\n  if (!selectedPost.value.title || !selectedPost.value.content || !selectedPost.value.categories) {\n    console.error('All fields are required.')\n    return\n  }\n\n  await createBlogPost({\n    ...selectedPost.value,\n    categories: typeof selectedPost.value.categories === 'string' ? selectedPost.value.categories.split(',').map(item => item.trim()) : selectedPost.value.categories\n  })\n  closeModal()\n}\n\n// Grid\nconst categories = ['all', 'category1', 'category2', 'category3']\nlet selectedCategory = ref('all')\n\nconst filteredBlogPosts = computed(() => {\n  if (selectedCategory.value === 'all') {\n    return blogState.all;\n  }\n  return blogState.all.filter(item => item.categories.includes(selectedCategory.value));\n});\n\nconst firstImage = computed(() => {\n  for (let item of filteredBlogPosts.value) {\n    if (item.blocks && item.blocks.length > 0) {\n      const imageBlock = item.blocks.find(block => block.type.name === 'ImageUpload');\n      if (imageBlock) return imageBlock.content;\n    }\n  }\n  return null;\n});\n\nfunction formatDate(dateString) {\n    let date = new Date(dateString);\n    let day = (\"0\" + date.getDate()).slice(-2);\n    let month = (\"0\" + (date.getMonth() + 1)).slice(-2);\n    let year = date.getFullYear();\n    let hours = (\"0\" + date.getHours()).slice(-2);\n    let minutes = (\"0\" + date.getMinutes()).slice(-2);\n\n    return `${hours}:${minutes}, ${day}.${month}.${year}`;\n}\n\nconst filter = (category) => {\n  selectedCategory.value = category;\n};\n</script>\n<style scoped>\n.pd-2px {\n  padding: 2px 4px;\n  margin-right: 4px;\n}\n.modal {\n  position: fixed; \n  z-index: 1; \n  left: 0;\n  top: 0;\n  width: 100%; \n  height: 100%; \n  overflow: auto; \n  background-color: rgba(0,0,0,0.9); \n  z-index: 50;\n}\n\n.modal-content {\n  margin: auto;\n  z-index: 5;\n  width: 100%;\n  max-width: 30rem;\n  overflow: scroll;\n}\n\n.close {\n  position: fixed;\n  top: 2rem;\n  right: 3rem;\n\n  color: #f1f1f1;\n  font-size: 40px;\n  font-weight: bold;\n  transition: 0.3s;\n  z-index: 10;\n}\n\n.close:hover,\n.close:focus {\n  color: #bbb;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n/* Transitions */\n.modal-enter-active, .modal-leave-active {\n  transition: opacity .5s;\n}\n.modal-enter, .modal-leave-to {\n  opacity: 0;\n}\n</style>"],"names":["useRouter","_withAsyncContext","fetchBlogPosts","blogState","ref","deleteBlogPost","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA+CA,UAAM,SAASA,UAAS,UAAA;AAExB,IAAA,CAAA,QAAA,SAAA,IAAAC,IAAAA,iBAAA,MAAMC,UAAc,KAAA,CAAC;AAErB,YAAQ,IAAIC,UAAS,KAAA;AAIAC,QAAAA,IAAI;AAAA,MACvB,OAAO;AAAA,MACP,SAAS;AAAA,MACT,YAAY,CAAA;AAAA,IACd,CAAC;AA8BD,UAAM,aAAa,OAAO,QAAQ;AAChC,UAAI,OAAO,QAAQ,4CAA4C,GAAG;AAChE,gBAAQ,IAAI,GAAG;AACf,cAAMC,UAAAA,OAAe,GAAG;AAAA,MAC5B;AAAA,IACA;AA4BA,QAAI,mBAAmBD,IAAG,IAAC,KAAK;AAEhC,UAAM,oBAAoBE,IAAQ,SAAC,MAAM;AACvC,UAAI,iBAAiB,UAAU,OAAO;AACpC,eAAOH,UAAS,MAAC;AAAA,MACrB;AACE,aAAOA,UAAS,MAAC,IAAI,OAAO,UAAQ,KAAK,WAAW,SAAS,iBAAiB,KAAK,CAAC;AAAA,IACtF,CAAC;AAEkBG,QAAAA,SAAS,MAAM;AAChC,eAAS,QAAQ,kBAAkB,OAAO;AACxC,YAAI,KAAK,UAAU,KAAK,OAAO,SAAS,GAAG;AACzC,gBAAM,aAAa,KAAK,OAAO,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAC9E,cAAI,WAAY,QAAO,WAAW;AAAA,QACxC;AAAA,MACA;AACE,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/community/components/pages/Community.vue.js

@@ -1,9 +1,9 @@
-import { withAsyncContext, ref, computed, openBlock, createElementBlock, createElementVNode, unref, Fragment, renderList, createBlock, withCtx } from "vue";
-/* empty css                                      */
+import { withAsyncContext, ref, computed, createElementBlock, openBlock, createElementVNode, unref, Fragment, renderList, createBlock, withCtx } from "vue";
+/* empty css                                     */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                        */
 /* empty css                                       */
-/* empty css                                        */
+/* empty css                                       */
 import "axios";
 /* empty css                                       */
 import _sfc_main$1 from "../blocks/CardBlogpost.vue.js";

package/dist/prometheus-framework/src/modules/community/components/pages/Community.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Community.vue.js","sources":["../../../../../../../src/modules/community/components/pages/Community.vue"],"sourcesContent":["<template>\n  <div>\n    <div class=\"flex-v-center flex-nowrap flex mn-b-medium\">\n      <h3 class=\"mn-r-medium\">Blog</h3>\n      <button @click=\"router.push({name: 'Create BlogPost'})\" class=\"t-white bg-second button-small button\">+</button>\n    </div>\n    \n    <div class=\"\">\n\n\n      <CardBlogpost \n        v-for=\"blogpost in filteredBlogPosts\" \n        :key=\"blogpost._id\" \n        :blogpost=\"blogpost\" \n        :owner=\"auth.state.user._id\" \n        class=\"mn-b-medium \"\n      >\n        <div class=\"flex-nowrap flex pd-t-zero pd-b-zero pd-big\">\n          <button class=\"mn-r-thin button-small w-100 button\" @click=\"$router.push({path: '/community/posts/' +  blogpost.url + '/edit'})\">Edit</button>\n          <button class=\"button-small w-100 button\" @click=\"deletePost(blogpost._id)\">Delete</button>\n        </div>\n      </CardBlogpost>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted, computed,reactive } from 'vue'\n\nimport Field from \"@pf/src/components/Field/Field.vue\";\nimport Select from \"@pf/src/components/Select/Select.vue\";\nimport Button from \"@pf/src/components/Button/Button.vue\";\nimport Upload from \"@pf/src/components/Upload/Upload.vue\";\n\nimport CardBlogpost  from '@pf/src/modules/community/components/blocks/CardBlogpost.vue'\n\nimport { \n  state as blogState, \n  read as fetchBlogPosts, \n  create as createBlogPost, \n  update as updateBlogPost, \n  set as setBlogPost, \n  clean as cleanBlogPost,\n  remove as deleteBlogPost \n} from '@pf/src/modules/community/store/blogposts.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport { useRoute, useRouter } from 'vue-router'\n\nconst router = useRouter()\n\nawait fetchBlogPosts()\n\nconsole.log(blogState)\n\n\n// Popup\nconst selectedPost = ref({\n  title: '',\n  content: '',\n  categories: []\n})\n\nconst openModal = (post) => {\n  selectedPost.value = post || {\n    title: '',\n    content: '',\n    categories: []\n  }\n  disableScroll()\n}\n\nconst closeModal = () => {\n  selectedPost.value = {\n    title: '',\n    content: '',\n    categories: []\n  }\n  enableScroll()\n}\n\nconst disableScroll = () => {\n  document.body.style.overflow = 'hidden';\n  document.documentElement.style.overflow = 'hidden';\n}\n\nconst enableScroll = () => {\n  document.body.style.overflow = '';\n  document.documentElement.style.overflow = '';\n}\n\nconst deletePost = async (_id) => {\n  if (window.confirm('Are you sure you want to delete this post?')) {\n    console.log(_id)\n    await deleteBlogPost(_id);\n  }\n};\n\nconst editPost = (post) => {\n  openModal(post);\n};\n\nconst updatePost = async () => {\n  await updateBlogPost(selectedPost.value)\n  closeModal()\n}\n\n\nconst createPost = async () => {\n  // Your function body\n  if (!selectedPost.value.title || !selectedPost.value.content || !selectedPost.value.categories) {\n    console.error('All fields are required.')\n    return\n  }\n\n  await createBlogPost({\n    ...selectedPost.value,\n    categories: typeof selectedPost.value.categories === 'string' ? selectedPost.value.categories.split(',').map(item => item.trim()) : selectedPost.value.categories\n  })\n  closeModal()\n}\n\n// Grid\nconst categories = ['all', 'category1', 'category2', 'category3']\nlet selectedCategory = ref('all')\n\nconst filteredBlogPosts = computed(() => {\n  if (selectedCategory.value === 'all') {\n    return blogState.all;\n  }\n  return blogState.all.filter(item => item.categories.includes(selectedCategory.value));\n});\n\nconst firstImage = computed(() => {\n  for (let item of filteredBlogPosts.value) {\n    if (item.blocks && item.blocks.length > 0) {\n      const imageBlock = item.blocks.find(block => block.type.name === 'ImageUpload');\n      if (imageBlock) return imageBlock.content;\n    }\n  }\n  return null;\n});\n\nfunction formatDate(dateString) {\n    let date = new Date(dateString);\n    let day = (\"0\" + date.getDate()).slice(-2);\n    let month = (\"0\" + (date.getMonth() + 1)).slice(-2);\n    let year = date.getFullYear();\n    let hours = (\"0\" + date.getHours()).slice(-2);\n    let minutes = (\"0\" + date.getMinutes()).slice(-2);\n\n    return `${hours}:${minutes}, ${day}.${month}.${year}`;\n}\n\nconst filter = (category) => {\n  selectedCategory.value = category;\n};\n</script>\n<style scoped>\n.pd-2px {\n  padding: 2px 4px;\n  margin-right: 4px;\n}\n.modal {\n  position: fixed; \n  z-index: 1; \n  left: 0;\n  top: 0;\n  width: 100%; \n  height: 100%; \n  overflow: auto; \n  background-color: rgba(0,0,0,0.9); \n  z-index: 50;\n}\n\n.modal-content {\n  margin: auto;\n  z-index: 5;\n  width: 100%;\n  max-width: 30rem;\n  overflow: scroll;\n}\n\n.close {\n  position: fixed;\n  top: 2rem;\n  right: 3rem;\n\n  color: #f1f1f1;\n  font-size: 40px;\n  font-weight: bold;\n  transition: 0.3s;\n  z-index: 10;\n}\n\n.close:hover,\n.close:focus {\n  color: #bbb;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n/* Transitions */\n.modal-enter-active, .modal-leave-active {\n  transition: opacity .5s;\n}\n.modal-enter, .modal-leave-to {\n  opacity: 0;\n}\n</style>"],"names":["_withAsyncContext","fetchBlogPosts","blogState","deleteBlogPost"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA+CA,UAAM,SAAS,UAAW;AAE1B,IAAA,CAAA,QAAA,SAAA,IAAAA,iBAAA,MAAMC,KAAc,CAAC;AAErB,YAAQ,IAAIC,KAAS;AAIA,QAAI;AAAA,MACvB,OAAO;AAAA,MACP,SAAS;AAAA,MACT,YAAY,CAAE;AAAA,IAChB,CAAC;AA8BD,UAAM,aAAa,OAAO,QAAQ;AAChC,UAAI,OAAO,QAAQ,4CAA4C,GAAG;AAChE,gBAAQ,IAAI,GAAG;AACf,cAAMC,OAAe,GAAG;AAAA,MACzB;AAAA,IACH;AA4BA,QAAI,mBAAmB,IAAI,KAAK;AAEhC,UAAM,oBAAoB,SAAS,MAAM;AACvC,UAAI,iBAAiB,UAAU,OAAO;AACpC,eAAOD,MAAU;AAAA,MAClB;AACD,aAAOA,MAAU,IAAI,OAAO,UAAQ,KAAK,WAAW,SAAS,iBAAiB,KAAK,CAAC;AAAA,IACtF,CAAC;AAEkB,aAAS,MAAM;AAChC,eAAS,QAAQ,kBAAkB,OAAO;AACxC,YAAI,KAAK,UAAU,KAAK,OAAO,SAAS,GAAG;AACzC,gBAAM,aAAa,KAAK,OAAO,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAC9E,cAAI,WAAY,QAAO,WAAW;AAAA,QACnC;AAAA,MACF;AACD,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Community.vue.js","sources":["../../../../../../../src/modules/community/components/pages/Community.vue"],"sourcesContent":["<template>\n  <div>\n    <div class=\"flex-v-center flex-nowrap flex mn-b-medium\">\n      <h3 class=\"mn-r-medium\">Blog</h3>\n      <button @click=\"router.push({name: 'Create BlogPost'})\" class=\"t-white bg-second button-small button\">+</button>\n    </div>\n    \n    <div class=\"\">\n\n\n      <CardBlogpost \n        v-for=\"blogpost in filteredBlogPosts\" \n        :key=\"blogpost._id\" \n        :blogpost=\"blogpost\" \n        :owner=\"auth.state.user._id\" \n        class=\"mn-b-medium \"\n      >\n        <div class=\"flex-nowrap flex pd-t-zero pd-b-zero pd-big\">\n          <button class=\"mn-r-thin button-small w-100 button\" @click=\"$router.push({path: '/community/posts/' +  blogpost.url + '/edit'})\">Edit</button>\n          <button class=\"button-small w-100 button\" @click=\"deletePost(blogpost._id)\">Delete</button>\n        </div>\n      </CardBlogpost>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted, computed,reactive } from 'vue'\n\nimport Field from \"@pf/src/components/Field/Field.vue\";\nimport Select from \"@pf/src/components/Select/Select.vue\";\nimport Button from \"@pf/src/components/Button/Button.vue\";\nimport Upload from \"@pf/src/components/Upload/Upload.vue\";\n\nimport CardBlogpost  from '@pf/src/modules/community/components/blocks/CardBlogpost.vue'\n\nimport { \n  state as blogState, \n  read as fetchBlogPosts, \n  create as createBlogPost, \n  update as updateBlogPost, \n  set as setBlogPost, \n  clean as cleanBlogPost,\n  remove as deleteBlogPost \n} from '@pf/src/modules/community/store/blogposts.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport { useRoute, useRouter } from 'vue-router'\n\nconst router = useRouter()\n\nawait fetchBlogPosts()\n\nconsole.log(blogState)\n\n\n// Popup\nconst selectedPost = ref({\n  title: '',\n  content: '',\n  categories: []\n})\n\nconst openModal = (post) => {\n  selectedPost.value = post || {\n    title: '',\n    content: '',\n    categories: []\n  }\n  disableScroll()\n}\n\nconst closeModal = () => {\n  selectedPost.value = {\n    title: '',\n    content: '',\n    categories: []\n  }\n  enableScroll()\n}\n\nconst disableScroll = () => {\n  document.body.style.overflow = 'hidden';\n  document.documentElement.style.overflow = 'hidden';\n}\n\nconst enableScroll = () => {\n  document.body.style.overflow = '';\n  document.documentElement.style.overflow = '';\n}\n\nconst deletePost = async (_id) => {\n  if (window.confirm('Are you sure you want to delete this post?')) {\n    console.log(_id)\n    await deleteBlogPost(_id);\n  }\n};\n\nconst editPost = (post) => {\n  openModal(post);\n};\n\nconst updatePost = async () => {\n  await updateBlogPost(selectedPost.value)\n  closeModal()\n}\n\n\nconst createPost = async () => {\n  // Your function body\n  if (!selectedPost.value.title || !selectedPost.value.content || !selectedPost.value.categories) {\n    console.error('All fields are required.')\n    return\n  }\n\n  await createBlogPost({\n    ...selectedPost.value,\n    categories: typeof selectedPost.value.categories === 'string' ? selectedPost.value.categories.split(',').map(item => item.trim()) : selectedPost.value.categories\n  })\n  closeModal()\n}\n\n// Grid\nconst categories = ['all', 'category1', 'category2', 'category3']\nlet selectedCategory = ref('all')\n\nconst filteredBlogPosts = computed(() => {\n  if (selectedCategory.value === 'all') {\n    return blogState.all;\n  }\n  return blogState.all.filter(item => item.categories.includes(selectedCategory.value));\n});\n\nconst firstImage = computed(() => {\n  for (let item of filteredBlogPosts.value) {\n    if (item.blocks && item.blocks.length > 0) {\n      const imageBlock = item.blocks.find(block => block.type.name === 'ImageUpload');\n      if (imageBlock) return imageBlock.content;\n    }\n  }\n  return null;\n});\n\nfunction formatDate(dateString) {\n    let date = new Date(dateString);\n    let day = (\"0\" + date.getDate()).slice(-2);\n    let month = (\"0\" + (date.getMonth() + 1)).slice(-2);\n    let year = date.getFullYear();\n    let hours = (\"0\" + date.getHours()).slice(-2);\n    let minutes = (\"0\" + date.getMinutes()).slice(-2);\n\n    return `${hours}:${minutes}, ${day}.${month}.${year}`;\n}\n\nconst filter = (category) => {\n  selectedCategory.value = category;\n};\n</script>\n<style scoped>\n.pd-2px {\n  padding: 2px 4px;\n  margin-right: 4px;\n}\n.modal {\n  position: fixed; \n  z-index: 1; \n  left: 0;\n  top: 0;\n  width: 100%; \n  height: 100%; \n  overflow: auto; \n  background-color: rgba(0,0,0,0.9); \n  z-index: 50;\n}\n\n.modal-content {\n  margin: auto;\n  z-index: 5;\n  width: 100%;\n  max-width: 30rem;\n  overflow: scroll;\n}\n\n.close {\n  position: fixed;\n  top: 2rem;\n  right: 3rem;\n\n  color: #f1f1f1;\n  font-size: 40px;\n  font-weight: bold;\n  transition: 0.3s;\n  z-index: 10;\n}\n\n.close:hover,\n.close:focus {\n  color: #bbb;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n/* Transitions */\n.modal-enter-active, .modal-leave-active {\n  transition: opacity .5s;\n}\n.modal-enter, .modal-leave-to {\n  opacity: 0;\n}\n</style>"],"names":["_withAsyncContext","fetchBlogPosts","blogState","deleteBlogPost"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA+CA,UAAM,SAAS,UAAS;AAExB,IAAA,CAAA,QAAA,SAAA,IAAAA,iBAAA,MAAMC,KAAc,CAAC;AAErB,YAAQ,IAAIC,KAAS;AAIA,QAAI;AAAA,MACvB,OAAO;AAAA,MACP,SAAS;AAAA,MACT,YAAY,CAAA;AAAA,IACd,CAAC;AA8BD,UAAM,aAAa,OAAO,QAAQ;AAChC,UAAI,OAAO,QAAQ,4CAA4C,GAAG;AAChE,gBAAQ,IAAI,GAAG;AACf,cAAMC,OAAe,GAAG;AAAA,MAC5B;AAAA,IACA;AA4BA,QAAI,mBAAmB,IAAI,KAAK;AAEhC,UAAM,oBAAoB,SAAS,MAAM;AACvC,UAAI,iBAAiB,UAAU,OAAO;AACpC,eAAOD,MAAU;AAAA,MACrB;AACE,aAAOA,MAAU,IAAI,OAAO,UAAQ,KAAK,WAAW,SAAS,iBAAiB,KAAK,CAAC;AAAA,IACtF,CAAC;AAEkB,aAAS,MAAM;AAChC,eAAS,QAAQ,kBAAkB,OAAO;AACxC,YAAI,KAAK,UAAU,KAAK,OAAO,SAAS,GAAG;AACzC,gBAAM,aAAa,KAAK,OAAO,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAC9E,cAAI,WAAY,QAAO,WAAW;AAAA,QACxC;AAAA,MACA;AACE,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/community/components/pages/CreateBlogPost.vue.cjs

@@ -5,12 +5,13 @@ require("isomorphic-dompurify");
 ;/* empty css                                                      */
 const Constructor = require("../../../constructor/components/sections/Constructor.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+require("../../../../../../_virtual/index.cjs");
 ;/* empty css                                               */
 ;/* empty css                                                     */
 const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Card = require("../../../globals/views/components/blocks/Card.vue.cjs");
 const vueRouter = require("vue-router");

package/dist/prometheus-framework/src/modules/community/components/pages/CreateBlogPost.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CreateBlogPost.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/CreateBlogPost.vue"],"sourcesContent":["<template>\n  <article \n    class=\"pd-thin\"\n>\n    <section  \n      style=\"min-height: 100%;\"\n      class=\"w-100 bg-light pd-big radius-big\"\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    </section>\n\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 '@pf/src/modules/constructor/components/elements/Textarea.vue';\nimport Constructor from '@pf/src/modules/constructor/components/sections/Constructor.vue';\n\nimport Popup from '@pf/src/components/Popup/Popup.vue'\nimport FieldTags from '@pf/src/components/FieldTags/FieldTags.vue'\nimport BlockTags from '@pf/src/components/FieldTags/BlockTags.vue'\nimport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue'\nimport Field from '@pf/src/components/Field/Field.vue'\nimport Button from '@pf/src/components/Button/Button.vue';   \nimport Feed from '@pf/src/components/Feed/Feed.vue'\n\nimport Card from '@pf/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 '@pf/src/modules/community/store/blogposts.js';\nimport * as auth  from '@pf/src/modules/auth/views/store/auth'\nimport * as organizations  from '@pf/src/modules/organizations/store/organizations'\n    \nimport { useGlobalMixins } from \"@pf/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);\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":["useGlobalMixins","useRoute","useRouter","ref","onMounted","blog.read","auth.state","blog.clean","blog.state","computed","tag","blog.update","blog.create","blog.remove"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuJA,UAAM,EAAE,UAAW,IAAGA,uBAAiB;AAEvC,UAAM,QAAQC,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAExB,QAAI,OAAOC,IAAAA,IAAI,IAAI;AACLA,QAAG,IAAC,IAAI;AAEtB,UAAM,eAAeA,IAAAA,IAAI,CAAA,CAAE;AAC3B,UAAM,uBAAuBA,IAAAA,IAAI,IAAI;AAErCC,QAAAA,UAAU,YAAW;AAEnB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAM,OAAO,MAAMC,UAAAA,KAAU,EAAE,MAAMC,KAAAA,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAK,CAAA;AAEjF,aAAK,QAAQ,KAAK;AAElB,YAAI,CAAC,KAAK,OAAO;AACf,iBAAO,KAAK,EAAC,MAAM,WAAU,CAAC;AAAA,QAC/B;AAED,YAAI,KAAK,MAAM,MAAM,SAAS,gBAAgB;AAE5C,gBAAM,WAAW,UAAU,KAAK,MAAM,MAAM,OAAO,KAAK,SAAS,QAAQA,KAAU,MAAC,QAAQ;AAE5F,cAAI,CAAC,UAAU;AACb,mBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,UACnC;AAAA,QACF;AAEA,YAAI,KAAK,MAAM,MAAM,SAAS,UAAU,KAAK,MAAM,QAAQ,OAAO,QAAQA,KAAAA,MAAW,KAAK,KAAK;AAC9F,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACnC;AAAA,MACL,OAAS;AACLC,kBAAAA;AACA,aAAK,QAAQC,UAAU,MAAC;AAAA,MACzB;AAED,UAAI,CAAC,KAAK,MAAM,MAAO,MAAK,MAAM,QAAQ;AAAA,QACxC,QAAQF,KAAAA,MAAW,KAAK;AAAA,QACxB,MAAM;AAAA,MACP;AAED,UAAI,CAAC,KAAK,MAAM,QAAS,MAAK,MAAM,UAAU;AAAA,QAC5C,QAAQA,KAAAA,MAAW,KAAK;AAAA,QACxB,MAAM;AAAA,QACN,QAAQ;AAAA,MACT;AAGD,UAAI,KAAK,MAAM,MAAM,SAAS,eAAgB,sBAAqB,QAAQ;AAAA,QACzE,KAAK,KAAK,MAAM,MAAM,OAAO;AAAA,QAC7B,MAAM,KAAK,MAAM,MAAM,OAAO,QAAQ;AAAA,QACtC,OAAO,KAAK,MAAM,MAAM,OAAO,QAAQ;AAAA,MACxC;AAAA,IACH,CAAC;AAID,UAAM,MAAMH,IAAAA,IAAI,EAAE;AAClB,UAAM,oBAAoBA,IAAAA,IAAI;AAAA,MAC5B,EAAE,MAAM,QAAS;AAAA,MACjB,EAAE,MAAM,OAAQ;AAAA,MAChB,EAAE,MAAM,QAAS;AAAA,MACjB,EAAE,MAAM,aAAc;AAAA,MACtB,EAAE,MAAM,SAAU;AAAA,IACpB,CAAC;AAEqBM,QAAAA,SAAS,MAAM;AACnC,aAAO,kBAAkB,MAAM,OAAO,OAAK;AACzC,eAAO,EAAE,KAAK,YAAa,EAAC,SAAS,IAAI,MAAM,YAAW,CAAE;AAAA,MAChE,CAAG;AAAA,IACH,CAAC;AAE8BA,QAAAA,SAAS,MAAM;AAC1C,aAAO,kBAAkB,MAAM,OAAO,UAAQ;AAC5C,eAAO,CAAC,aAAa,MAAM,KAAK,CAAAC,SAAOA,KAAI,SAAS,KAAK,IAAI;AAAA,MACnE,CAAK;AAAA,IACL,CAAG;AAQH,UAAM,qBAAqBP,IAAG,IAAC,KAAK;AAEpC,aAAS,sBAAsB;AAC7B,yBAAmB,QAAQ;AAAA,IAC7B;AACA,aAAS,wBAAwB;AAC/B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,aAAS,WAAW;AAElB,UAAI,aAAa,MAAM,SAAS,EAAG,cAAa,MAAM,IAAI,CAAAO,SAAQA,KAAI,IAAK;AAE3E,WAAK,MAAM,SAAS;AACpB,WAAK,MAAM,OAAO,KAAK,MAAM,QAAQ,CAAC,EAAE;AAExC,UAAI,MAAM,OAAO,KAAK;AACpBC,kBAAW,OAAC,KAAK,KAAK,EACnB,KAAK,cAAY;AAChB,iBAAO,KAAK,EAAE,MAAM,YAAY,QAAQ,EAAE,KAAK,SAAS,IAAK,EAAA,CAAE;AAAA,QACvE,CAAO,EACA,MAAM,WAAS;AACd,kBAAQ,IAAI,KAAK;AAAA,QACzB,CAAO;AAAA,MACP,OAAS;AACLC,kBAAW,OAAC,KAAK,KAAK,EACnB,KAAK,cAAY;AAChB,iBAAO,KAAK,EAAE,MAAM,YAAY,QAAQ,EAAE,KAAK,SAAS,IAAK,EAAA,CAAE;AAAA,QACvE,CAAO,EACA,MAAM,WAAS;AACd,kBAAQ,IAAI,KAAK;AAAA,QACzB,CAAO;AAAA,MACJ;AAAA,IACH;AAEA,aAAS,WAAW;AAElB,UAAI,qBAAqB,MAAO,MAAK,MAAM,QAAQ;AAAA,QACjD,QAAQ,qBAAqB,MAAM;AAAA,QACnC,MAAM;AAAA,MACP;AAED,UAAI,CAAC,qBAAqB,MAAO,MAAK,MAAM,QAAQ,SAAS;AAC7D,UAAI,CAAC,qBAAqB,MAAO,MAAK,MAAM,eAAe,KAAK,MAAM;AAEtE,WAAK,MAAM,SAAS;AACpB,WAAK,MAAM,OAAO,KAAK,MAAM,QAAQ,CAAC,EAAE;AAExC,UAAI,MAAM,OAAO,KAAK;AACpBD,kBAAW,OAAC,KAAK,KAAK,EACnB,KAAK,cAAY;AAChB,kBAAQ,IAAI,KAAK,KAAK;AACtB,iBAAO,KAAK,EAAE,MAAM,YAAY,QAAQ,EAAE,KAAK,SAAS,IAAK,EAAA,CAAE;AAAA,QACvE,CAAO,EACA,MAAM,WAAS;AACd,kBAAQ,MAAM,KAAK;AAAA,QAC3B,CAAO;AAAA,MACP,OAAS;AACLC,kBAAW,OAAC,KAAK,KAAK,EACnB,KAAK,cAAY;AAChB,iBAAO,KAAK,EAAE,MAAM,YAAY,QAAQ,EAAE,KAAK,SAAS,IAAK,EAAA,CAAE;AAAA,QACvE,CAAO,EACA,MAAM,WAAS;AACd,kBAAQ,MAAM,KAAK;AAAA,QAC3B,CAAO;AAAA,MACJ;AAAA,IACH;AAEA,aAAS,WAAW;AAClB,UAAI,QAAQ,4CAA4C,GAAG;AACzDC,yBAAY,KAAK,MAAM,GAAG,EACvB,KAAK,cAAY;AAChB,iBAAO,KAAK,EAAE,MAAM,cAAc,QAAQ,EAAE,KAAK,KAAK,MAAM,QAAQ,OAAO,IAAG,EAAI,CAAA;AAAA,QAC1F,CAAO,EACA,MAAM,WAAS;AACd,kBAAQ,IAAI,KAAK;AAAA,QACzB,CAAO;AAAA,MACJ;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CreateBlogPost.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/CreateBlogPost.vue"],"sourcesContent":["<template>\n  <article \n    class=\"pd-thin\"\n>\n    <section  \n      style=\"min-height: 100%;\"\n      class=\"w-100 bg-light pd-big radius-big\"\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    </section>\n\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 '@pf/src/modules/constructor/components/elements/Textarea.vue';\nimport Constructor from '@pf/src/modules/constructor/components/sections/Constructor.vue';\n\nimport Popup from '@pf/src/components/Popup/Popup.vue'\nimport FieldTags from '@pf/src/components/FieldTags/FieldTags.vue'\nimport BlockTags from '@pf/src/components/FieldTags/BlockTags.vue'\nimport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue'\nimport Field from '@pf/src/components/Field/Field.vue'\nimport Button from '@pf/src/components/Button/Button.vue';   \nimport Feed from '@pf/src/components/Feed/Feed.vue'\n\nimport Card from '@pf/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 '@pf/src/modules/community/store/blogposts.js';\nimport * as auth  from '@pf/src/modules/auth/views/store/auth'\nimport * as organizations  from '@pf/src/modules/organizations/store/organizations'\n    \nimport { useGlobalMixins } from \"@pf/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);\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":["useGlobalMixins","useRoute","useRouter","ref","onMounted","blog.read","auth.state","blog.clean","blog.state","computed","tag","blog.update","blog.create","blog.remove"],"mappings":"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"}

package/dist/prometheus-framework/src/modules/community/components/pages/CreateBlogPost.vue.js

@@ -1,18 +1,19 @@
-import { ref, onMounted, computed, openBlock, createElementBlock, createElementVNode, unref, createBlock, createCommentVNode, createVNode, Transition, withCtx, Fragment, renderList, isMemoSame, createTextVNode } from "vue";
+import { ref, onMounted, computed, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, unref, Transition, withCtx, Fragment, renderList, isMemoSame, createTextVNode } from "vue";
 import "isomorphic-dompurify";
 /* empty css                                                    */
 import _sfc_main$1 from "../../../constructor/components/sections/Constructor.vue.js";
 import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
+import "../../../../../../_virtual/index.js";
 /* empty css                                             */
 /* empty css                                                   */
 import _sfc_main$3 from "../../../../components/FieldTags/BlockTags.vue.js";
 import _sfc_main$6 from "../../../../components/Checkbox/Checkbox.vue.js";
-import Field from "../../../../components/Field/Field.vue.js";
-import _sfc_main$7 from "../../../../components/Button/Button.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
+import _sfc_main$7 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$4 from "../../../globals/views/components/blocks/Card.vue.js";
 import { useRoute, useRouter } from "vue-router";
-import { read, clean, state as state$1, update, create, remove } from "../../store/blogposts.js";
+import { read, clean, state as state$1, remove, update, create } from "../../store/blogposts.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { actions } from "../../../organizations/store/organizations.js";
 import { useGlobalMixins } from "../../../globals/views/mixins/mixins.js";

package/dist/prometheus-framework/src/modules/community/components/pages/CreateBlogPost.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateBlogPost.vue.js","sources":["../../../../../../../src/modules/community/components/pages/CreateBlogPost.vue"],"sourcesContent":["<template>\n  <article \n    class=\"pd-thin\"\n>\n    <section  \n      style=\"min-height: 100%;\"\n      class=\"w-100 bg-light pd-big radius-big\"\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    </section>\n\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 '@pf/src/modules/constructor/components/elements/Textarea.vue';\nimport Constructor from '@pf/src/modules/constructor/components/sections/Constructor.vue';\n\nimport Popup from '@pf/src/components/Popup/Popup.vue'\nimport FieldTags from '@pf/src/components/FieldTags/FieldTags.vue'\nimport BlockTags from '@pf/src/components/FieldTags/BlockTags.vue'\nimport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue'\nimport Field from '@pf/src/components/Field/Field.vue'\nimport Button from '@pf/src/components/Button/Button.vue';   \nimport Feed from '@pf/src/components/Feed/Feed.vue'\n\nimport Card from '@pf/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 '@pf/src/modules/community/store/blogposts.js';\nimport * as auth  from '@pf/src/modules/auth/views/store/auth'\nimport * as organizations  from '@pf/src/modules/organizations/store/organizations'\n    \nimport { useGlobalMixins } from \"@pf/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);\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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"}
+{"version":3,"file":"CreateBlogPost.vue.js","sources":["../../../../../../../src/modules/community/components/pages/CreateBlogPost.vue"],"sourcesContent":["<template>\n  <article \n    class=\"pd-thin\"\n>\n    <section  \n      style=\"min-height: 100%;\"\n      class=\"w-100 bg-light pd-big radius-big\"\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    </section>\n\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 '@pf/src/modules/constructor/components/elements/Textarea.vue';\nimport Constructor from '@pf/src/modules/constructor/components/sections/Constructor.vue';\n\nimport Popup from '@pf/src/components/Popup/Popup.vue'\nimport FieldTags from '@pf/src/components/FieldTags/FieldTags.vue'\nimport BlockTags from '@pf/src/components/FieldTags/BlockTags.vue'\nimport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue'\nimport Field from '@pf/src/components/Field/Field.vue'\nimport Button from '@pf/src/components/Button/Button.vue';   \nimport Feed from '@pf/src/components/Feed/Feed.vue'\n\nimport Card from '@pf/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 '@pf/src/modules/community/store/blogposts.js';\nimport * as auth  from '@pf/src/modules/auth/views/store/auth'\nimport * as organizations  from '@pf/src/modules/organizations/store/organizations'\n    \nimport { useGlobalMixins } from \"@pf/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);\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/prometheus-framework/src/modules/community/components/sections/Comment.vue.cjs.map

@@ -1 +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-big\">{{ 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-l-medium mn-t-small bg-white w-100 radius-small pd-small reply-form\">\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 button\" @click=\"submitReply\">Cancel</button>\n          <button class=\"bg-main 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 '@pf/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,IAAAA,IAAI,KAAK;AAC/B,UAAM,eAAeA,IAAAA,IAAI,EAAE;AAC3B,UAAM,aAAaA,IAAG,IAAC,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,QACR;AACD,eAAO,QAAQ,SAAS,SAAS,QAAQ,SAAS,OAAO,CAAC,KAAK,UAAU,MAAM,aAAa,KAAK,GAAG,CAAC;AAAA,MACtG;AACD,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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-big\">{{ 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-l-medium mn-t-small bg-white w-100 radius-small pd-small reply-form\">\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 button\" @click=\"submitReply\">Cancel</button>\n          <button class=\"bg-main 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 '@pf/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/prometheus-framework/src/modules/community/components/sections/Comment.vue.js

@@ -1,4 +1,4 @@
-import { ref, computed, openBlock, createElementBlock, createVNode, createElementVNode, toDisplayString, createCommentVNode, withDirectives, vModelText, Fragment, renderList, createBlock } from "vue";
+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-big" };

package/dist/prometheus-framework/src/modules/community/components/sections/Comment.vue.js.map

@@ -1 +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-big\">{{ 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-l-medium mn-t-small bg-white w-100 radius-small pd-small reply-form\">\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 button\" @click=\"submitReply\">Cancel</button>\n          <button class=\"bg-main 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 '@pf/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,QACR;AACD,eAAO,QAAQ,SAAS,SAAS,QAAQ,SAAS,OAAO,CAAC,KAAK,UAAU,MAAM,aAAa,KAAK,GAAG,CAAC;AAAA,MACtG;AACD,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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-big\">{{ 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-l-medium mn-t-small bg-white w-100 radius-small pd-small reply-form\">\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 button\" @click=\"submitReply\">Cancel</button>\n          <button class=\"bg-main 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 '@pf/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/prometheus-framework/src/modules/community/components/sections/Comments.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Comments.vue.cjs","sources":["../../../../../../../src/modules/community/components/sections/Comments.vue"],"sourcesContent":["<template>\n  <div id=\"comments\">\n    <div class=\"mn-b-medium\">\n      <h3 class=\"mn-b-small\">{{ comments.length }} comments</h3>\n\n      <div @click=\"$router.push({name: 'Sign In'})\" class=\"pd-big cursor-pointer mn-b-small bg-black t-white flex-center flex radius-big\" v-if=\"!owner\">\n        <p class=\"t-semi uppercase\">Please log in to leave a comment.</p>\n      </div>\n\n      <div class=\"mn-b-small\" v-if=\"owner\">\n        <form @submit.prevent=\"submitComment\" class=\"bg-light radius-medium pd-small\">\n          <textarea v-model=\"commentContent\" placeholder=\"Enter your comment\" class=\"p-big w-100 radius-small mn-r-small\"></textarea>\n          <button type=\"submit\" class=\"mn-l-auto bg-main 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 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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"}
+{"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-small\">\n          <textarea v-model=\"commentContent\" placeholder=\"Enter your comment\" class=\"p-big w-100 radius-small mn-r-small\"></textarea>\n          <button type=\"submit\" class=\"mn-l-auto bg-main 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 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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"}

package/dist/prometheus-framework/src/modules/community/components/sections/Comments.vue.js

@@ -1,4 +1,4 @@
-import { ref, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, withModifiers, withDirectives, vModelText, Fragment, renderList, createBlock } from "vue";
+import { ref, createElementBlock, openBlock, createElementVNode, createCommentVNode, toDisplayString, withModifiers, withDirectives, vModelText, Fragment, renderList, createBlock } from "vue";
 import axios from "axios";
 import _sfc_main$1 from "./Comment.vue.js";
 const _hoisted_1 = { id: "comments" };

package/dist/prometheus-framework/src/modules/community/components/sections/Comments.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Comments.vue.js","sources":["../../../../../../../src/modules/community/components/sections/Comments.vue"],"sourcesContent":["<template>\n  <div id=\"comments\">\n    <div class=\"mn-b-medium\">\n      <h3 class=\"mn-b-small\">{{ comments.length }} comments</h3>\n\n      <div @click=\"$router.push({name: 'Sign In'})\" class=\"pd-big cursor-pointer mn-b-small bg-black t-white flex-center flex radius-big\" v-if=\"!owner\">\n        <p class=\"t-semi uppercase\">Please log in to leave a comment.</p>\n      </div>\n\n      <div class=\"mn-b-small\" v-if=\"owner\">\n        <form @submit.prevent=\"submitComment\" class=\"bg-light radius-medium pd-small\">\n          <textarea v-model=\"commentContent\" placeholder=\"Enter your comment\" class=\"p-big w-100 radius-small mn-r-small\"></textarea>\n          <button type=\"submit\" class=\"mn-l-auto bg-main 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 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":["comments"],"mappings":"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"}
+{"version":3,"file":"Comments.vue.js","sources":["../../../../../../../src/modules/community/components/sections/Comments.vue"],"sourcesContent":["<template>\n  <div id=\"comments\">\n    <div class=\"mn-b-medium\">\n      <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-small\">\n          <textarea v-model=\"commentContent\" placeholder=\"Enter your comment\" class=\"p-big w-100 radius-small mn-r-small\"></textarea>\n          <button type=\"submit\" class=\"mn-l-auto bg-main 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 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":["comments"],"mappings":"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"}