@ozdao/prometheus-framework 0.2.222 → 0.2.224

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

@@ -1,65 +1,81 @@
-import { ref, onMounted, withAsyncContext, computed, openBlock, createElementBlock, createVNode, TransitionGroup, withCtx, Fragment, renderList, createCommentVNode, Transition, createBlock, createElementVNode } from "vue";
+import { computed, ref, onServerPrefetch, onMounted, openBlock, createElementBlock, createVNode, TransitionGroup, withCtx, Fragment, renderList, createCommentVNode, Transition, createBlock } from "vue";
 import { u as useHead } from "../../../../../../node_modules/@unhead/vue/dist/shared/vue.f36acd1f.js";
-/* empty css                                        */
+/* empty css                                       */
 import _sfc_main$1 from "../../../../components/EmptyState/EmptyState.vue.js";
 import _sfc_main$2 from "../blocks/CardBlogpost.vue.js";
 import SkeletonBlogpost from "../../../icons/skeletons/SkeletonBlogpost.vue.js";
-import _sfc_main$4 from "../../../organizations/components/sections/Publics.vue.js";
-import _sfc_main$5 from "../sections/Comments.vue.js";
-import _sfc_main$3 from "../../../constructor/components/sections/Viewer.vue.js";
-import { read } from "../../store/blogposts.js";
-import { state } from "../../../auth/views/store/auth.js";
 import { useRoute } from "vue-router";
-const _hoisted_1 = { class: "pd-thin" };
-const _hoisted_2 = ["href"];
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-small" }, "Recommended Communities", -1);
+/* 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";
+/* empty css                                                      */
+import _sfc_main$4 from "../sections/Comments.vue.js";
+import _sfc_main$3 from "../../../constructor/components/sections/Viewer.vue.js";
+import { state, read } from "../../store/blogposts.js";
+const _hoisted_1 = ["href"];
 const _sfc_main = {
   __name: "BlogPost",
-  async setup(__props) {
-    let __temp, __restore;
+  setup(__props) {
     const route = useRoute();
-    const blogpost = ref(null);
-    const isLoading = ref(true);
+    const blogpost = computed(() => state.current);
+    const isLoading = ref(false);
     const canShare = ref(false);
-    onMounted(() => {
+    const error = ref(null);
+    async function fetchBlogpost() {
+      var _a;
+      try {
+        isLoading.value = true;
+        const data = await read({ user: (_a = state$1.user) == null ? void 0 : _a._id, url: route.params.url });
+        blogpost.value = data[0];
+        state.current = data[0];
+      } catch (err) {
+        error.value = err;
+        console.error("Error fetching blogpost:", err);
+      } finally {
+        isLoading.value = false;
+      }
+    }
+    onServerPrefetch(async () => {
+      await fetchBlogpost();
+    });
+    onMounted(async () => {
+      if (!blogpost.value || blogpost.value.url !== route.params.url) {
+        await fetchBlogpost();
+      }
       canShare.value = !!navigator.share;
     });
-    isLoading.value = true;
-    const data = ([__temp, __restore] = withAsyncContext(() => read({ user: state.user._id, url: route.params.url })), __temp = await __temp, __restore(), __temp);
-    blogpost.value = data[0];
-    isLoading.value = false;
     const firstImage = computed(() => {
-      var _a;
-      return (_a = blogpost.value) == null ? void 0 : _a.content.find((block) => block.type === "ImageUpload");
+      var _a, _b;
+      return (_b = (_a = blogpost.value) == null ? void 0 : _a.content) == null ? void 0 : _b.find((block) => block.type === "ImageUpload");
     });
     const firstText = computed(() => {
-      var _a;
-      return (_a = blogpost.value) == null ? void 0 : _a.content.find(
+      var _a, _b;
+      return (_b = (_a = blogpost.value) == null ? void 0 : _a.content) == null ? void 0 : _b.find(
         (block) => block.type === "Textarea" && block.class !== "h2"
       );
     });
     const metadata = computed(() => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       return {
         title: (_a = blogpost.value) == null ? void 0 : _a.name,
         description: (_b = firstText.value) == null ? void 0 : _b.content.slice(0, 120),
         meta: [
           { hid: "description", name: "description", content: (_c = firstText.value) == null ? void 0 : _c.content.slice(0, 120) },
-          // { hid: 'keywords', name: 'keywords', content: t('meta.keywords') },
           { hid: "og:title", property: "og:title", content: (_d = blogpost.value) == null ? void 0 : _d.name },
           { hid: "og:description", property: "og:description", content: (_e = firstText.value) == null ? void 0 : _e.content.slice(0, 120) },
-          { hid: "og:image", property: "og:image", content: ((_f = firstImage.value) == null ? void 0 : _f.content) ? process.env.FILE_SERVER_URL + ((_g = firstImage.value) == null ? void 0 : _g.content) : process.env.FILE_SERVER_URL + "/favicon/cover.jpg" },
-          // { hid: 'og:url', property: 'og:url', content: current_url.value },
-          { hid: "twitter:title", name: "twitter:title", content: (_h = blogpost.value) == null ? void 0 : _h.name },
-          { hid: "twitter:description", name: "twitter:description", content: (_i = firstText.value) == null ? void 0 : _i.content.slice(0, 120) },
-          { hid: "twitter:image", name: "twitter:image", content: ((_j = firstImage.value) == null ? void 0 : _j.content) ? process.env.FILE_SERVER_URL + ((_k = firstImage.value) == null ? void 0 : _k.content) : process.env.FILE_SERVER_URL + "/favicon/cover.jpg" },
-          { hid: "twitter:card", name: "twitter:card", content: process.env.FILE_SERVER_URL + "/favicon/cover.jpg" }
+          { hid: "og:image", property: "og:image", content: ((_f = firstImage.value) == null ? void 0 : _f.content) ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },
+          { hid: "twitter:title", name: "twitter:title", content: (_g = blogpost.value) == null ? void 0 : _g.name },
+          { hid: "twitter:description", name: "twitter:description", content: (_h = firstText.value) == null ? void 0 : _h.content.slice(0, 120) },
+          { hid: "twitter:image", name: "twitter:image", content: ((_i = firstImage.value) == null ? void 0 : _i.content) ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },
+          { hid: "twitter:card", name: "twitter:card", content: "summary_large_image" }
         ]
       };
     });
-    useHead(metadata.value);
+    useHead(metadata);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1, [
+      return openBlock(), createElementBlock("section", null, [
         createVNode(TransitionGroup, {
           tag: "ul",
           name: "fade",
@@ -93,10 +109,10 @@ const _sfc_main = {
               key: 0,
               onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({ name: "Blogpost", params: { url: blogpost.value.url } })),
               blogpost: blogpost.value,
-              user: state.user._id,
+              user: state$1.user._id,
               type: "blogpostPage",
               hideTitle: true,
-              class: "mn-b-medium"
+              class: "mn-b-thin"
             }, {
               default: withCtx(() => [
                 blogpost.value && blogpost.value.content ? (openBlock(), createBlock(_sfc_main$3, {
@@ -108,17 +124,16 @@ const _sfc_main = {
                   href: blogpost.value.source,
                   target: "_blank",
                   class: "mn-b-semi d-block w-max radius-big pd-thin bg-black t-white"
-                }, " Check Source 🔗 ", 8, _hoisted_2)) : createCommentVNode("", true)
+                }, " Check Source 🔗 ", 8, _hoisted_1)) : createCommentVNode("", true)
               ]),
               _: 1
             }, 8, ["blogpost", "user"])) : createCommentVNode("", true),
-            _hoisted_3,
-            createVNode(_sfc_main$4, { class: "mn-b-small" }),
-            !isLoading.value && blogpost.value ? (openBlock(), createBlock(_sfc_main$5, {
+            !isLoading.value && blogpost.value ? (openBlock(), createBlock(_sfc_main$4, {
               key: 1,
               type: "blogpost",
               target: blogpost.value._id,
-              owner: state.user._id
+              owner: state$1.user._id,
+              class: "bg-light radius-big pd-medium"
             }, null, 8, ["target", "owner"])) : createCommentVNode("", true)
           ]),
           _: 1

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 class=\"pd-thin\">\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-big\">\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\n\t\t  \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-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    />\n      \n  </TransitionGroup>  \n  \n  </section>\n</template>\n\n<script setup>\n\timport { ref, onMounted, computed } from 'vue';\n\timport { useHead } from '@unhead/vue'\n\n\n\timport Loader from '@pf/src/components/Loader/Loader.vue';\n\timport EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n\n\timport CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\n\timport SkeletonBlogpost from '@pf/src/modules/icons/skeletons/SkeletonBlogpost.vue'\n\timport Publics  \t\tfrom '@pf/src/modules/organizations/components/sections/Publics.vue'\n\timport Comments from '@pf/src/modules/community/components/sections/Comments.vue';\n\n\timport Viewer from '@pf/src/modules/constructor/components/sections/Viewer.vue';\n\n\timport * as blog from '@pf/src/modules/community/store/blogposts.js';\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n\t  \n\timport { useRoute } from 'vue-router';\n\n\tconst route = useRoute();\n\n\tconst blogpost = ref(null);\n\tconst isLoading = ref(true);\n\n\tconst canShare = ref(false);\n\n\tonMounted(() => {\n\t  canShare.value = !!navigator.share;\n\t});\n\n\tconst share = async () => {\n\t  if (!canShare.value) return;\n\n\t  console.log('share')\n\t  try {\n\t    await navigator.share({\n\t      title: 'Заголовок вашего контента',\n\t      text: 'Описание вашего контента',\n\t      // url: window.location.href,\n\t    });\n\t    console.log('Контент успешно отправлен');\n\t  } catch (error) {\n\t    console.error('Ошибка при отправке:', error);\n\t  }\n\t};\n\n\t// onMounted(async () => {\n\t\tisLoading.value = true;\n\n\t\t// NOTE: You might need to change the method here to fetch blogposts\n\t\tconst data = await blog.read({ user: auth.state.user._id, url: route.params.url });\n\n\t\tblogpost.value = data[0];\n\t\tisLoading.value = false;\n\t// });\n\n\t const firstImage = computed(() => {\n\t  return blogpost.value?.content.find(block => block.type === 'ImageUpload');\n\t});\n\n\tconst firstText = computed(() => {\n\t  return blogpost.value?.content.find(block => \n\t    block.type === 'Textarea' && block.class !== 'h2'\n\t  );\n\t});\n\n\t const metadata = computed(() => {return {\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: 'keywords', name: 'keywords', content: t('meta.keywords') },\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: 'og:url', property: 'og:url', content: current_url.value },\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: process.env.FILE_SERVER_URL + '/favicon/cover.jpg' },\n      ],\n    }});\nuseHead(metadata.value)\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["_withAsyncContext","blog.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;AAqFC,UAAM,QAAQ;AAEd,UAAM,WAAW,IAAI,IAAI;AACzB,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,WAAW,IAAI,KAAK;AAE1B,cAAU,MAAM;AACd,eAAS,QAAQ,CAAC,CAAC,UAAU;AAAA,IAChC,CAAE;AAmBA,cAAU,QAAQ;AAGlB,UAAM,QAAO,CAAA,QAAA,SAAA,IAAAA,iBAAA,MAAMC,KAAU,EAAE,MAAMC,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE,CAAA;AAEjF,aAAS,QAAQ,KAAK,CAAC;AACvB,cAAU,QAAQ;AAGlB,UAAM,aAAa,SAAS,MAAM;;AACjC,cAAO,cAAS,UAAT,mBAAgB,QAAQ,KAAK,WAAS,MAAM,SAAS;AAAA,IAC/D,CAAE;AAED,UAAM,YAAY,SAAS,MAAM;;AAC/B,cAAO,cAAS,UAAT,mBAAgB,QAAQ;AAAA,QAAK,WAClC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA;AAAA,IAElD,CAAE;AAEA,UAAM,WAAW,SAAS,MAAM;;AAAC,aAAO;AAAA,QACpC,QAAO,cAAS,UAAT,mBAAgB;AAAA,QACvB,cAAa,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAE;AAAA,QAC9C,MAAM;AAAA,UACJ,EAAE,KAAK,eAAe,MAAM,eAAe,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAE,KAAM;AAAA;AAAA,UAE3F,EAAE,KAAK,YAAY,UAAU,YAAY,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UACxE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAE,KAAM;AAAA,UACrG,EAAE,KAAK,YAAY,UAAU,YAAY,WAAS,gBAAW,UAAX,mBAAkB,WAAU,QAAQ,IAAI,oBAAkB,gBAAW,UAAX,mBAAkB,WAAU,QAAQ,IAAI,kBAAkB,qBAAsB;AAAA;AAAA,UAE5L,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,UAAU,cAAS,UAAT,mBAAgB,KAAM;AAAA,UAC/E,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAE,KAAM;AAAA,UAC3G,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,WAAS,gBAAW,UAAX,mBAAkB,WAAU,QAAQ,IAAI,oBAAkB,gBAAW,UAAX,mBAAkB,WAAU,QAAQ,IAAI,kBAAkB,qBAAsB;AAAA,UAClM,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,QAAQ,IAAI,kBAAkB,qBAAsB;AAAA,QAC3G;AAAA,MACF;AAAA,IAAA,CAAC;AACN,YAAQ,SAAS,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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-light radius-big\">\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\"\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-light radius-big 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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                                         */
+;/* empty css                                         */
 require("axios");
 ;/* empty css                                          */
 const CardBlogpost = require("../blocks/CardBlogpost.vue.cjs");

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, pushScopeId, popScopeId } from "vue";
-/* empty css                                      */
+/* empty css                                     */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                        */
-/* 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/CreateBlogPost.vue.cjs

@@ -9,9 +9,9 @@ const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 ;/* 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 Field = require("../../../../components/Field/Field.vue2.cjs");
 const SelectMulti = require("../../../../components/SelectMulti/SelectMulti.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const vueRouter = require("vue-router");
 const blogposts = require("../../store/blogposts.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");

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      <SelectMulti\n        v-model=\"selectedOrganization\"\n        :options=\"publics\"\n        :multiple=\"false\"\n        :taggable=\"false\"\n        placeholder=\"Type to search or add tag\"\n        label=\"name\"\n        track-by=\"_id\"\n        class=\"mn-b-medium bg-light radius-medium pd-small\"\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 SelectMulti    from '@pf/src/components/SelectMulti/SelectMulti.vue'\nimport Button from '@pf/src/components/Button/Button.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\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  const dataPublics = await organizations.actions.read({\n    user: auth.state.user._id,\n    postable: auth.state.user._id,\n    limit: 100\n  })\n\n    publics.value = dataPublics.map(publicItem => ({\n    name: publicItem.profile.name,\n    _id: publicItem._id,\n    photo: publicItem.profile.photo\n  }));\n\n  \n  if (route.params.url) {\n    const data = await blog.read({ user: auth.state.user._id, url: route.params.url });\n    post.value = data.pop();\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 Blogposts', 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":["useRoute","useRouter","ref","onMounted","organizations.actions","auth.state","blog.read","blog.clean","blog.state","computed","tag","blog.update","blog.create","blog.remove"],"mappings":"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"}
+{"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      <SelectMulti\n        v-model=\"selectedOrganization\"\n        :options=\"publics\"\n        :multiple=\"false\"\n        :taggable=\"false\"\n        placeholder=\"Type to search or add tag\"\n        label=\"name\"\n        track-by=\"_id\"\n        class=\"mn-b-medium bg-light radius-medium pd-small\"\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 SelectMulti    from '@pf/src/components/SelectMulti/SelectMulti.vue'\nimport Button from '@pf/src/components/Button/Button.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\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  const dataPublics = await organizations.actions.read({\n    user: auth.state.user._id,\n    postable: auth.state.user._id,\n    limit: 100\n  })\n\n  publics.value = dataPublics.map(publicItem => ({\n    name: publicItem.profile.name,\n    _id: publicItem._id,\n    photo: publicItem.profile.photo\n  }));\n\n  \n  if (route.params.url) {\n    const data = await blog.read({ user: auth.state.user._id, url: route.params.url });\n    post.value = data.pop();\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 Blogposts', 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":["useRoute","useRouter","ref","onMounted","organizations.actions","auth.state","blog.read","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

@@ -7,9 +7,9 @@ import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
 /* empty css                                                   */
 import _sfc_main$3 from "../../../../components/FieldTags/BlockTags.vue.js";
 import _sfc_main$4 from "../../../../components/Checkbox/Checkbox.vue.js";
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 import SelectMulti from "../../../../components/SelectMulti/SelectMulti.vue.js";
-import _sfc_main$5 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$5 from "../../../../components/Button/Button.vue2.js";
 import { useRoute, useRouter } from "vue-router";
 import { read, clean, state as state$1, update, create, remove } from "../../store/blogposts.js";
 import { state } from "../../../auth/views/store/auth.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      <SelectMulti\n        v-model=\"selectedOrganization\"\n        :options=\"publics\"\n        :multiple=\"false\"\n        :taggable=\"false\"\n        placeholder=\"Type to search or add tag\"\n        label=\"name\"\n        track-by=\"_id\"\n        class=\"mn-b-medium bg-light radius-medium pd-small\"\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 SelectMulti    from '@pf/src/components/SelectMulti/SelectMulti.vue'\nimport Button from '@pf/src/components/Button/Button.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\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  const dataPublics = await organizations.actions.read({\n    user: auth.state.user._id,\n    postable: auth.state.user._id,\n    limit: 100\n  })\n\n    publics.value = dataPublics.map(publicItem => ({\n    name: publicItem.profile.name,\n    _id: publicItem._id,\n    photo: publicItem.profile.photo\n  }));\n\n  \n  if (route.params.url) {\n    const data = await blog.read({ user: auth.state.user._id, url: route.params.url });\n    post.value = data.pop();\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 Blogposts', 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":["organizations.actions","auth.state","blog.read","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      <SelectMulti\n        v-model=\"selectedOrganization\"\n        :options=\"publics\"\n        :multiple=\"false\"\n        :taggable=\"false\"\n        placeholder=\"Type to search or add tag\"\n        label=\"name\"\n        track-by=\"_id\"\n        class=\"mn-b-medium bg-light radius-medium pd-small\"\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 SelectMulti    from '@pf/src/components/SelectMulti/SelectMulti.vue'\nimport Button from '@pf/src/components/Button/Button.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\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  const dataPublics = await organizations.actions.read({\n    user: auth.state.user._id,\n    postable: auth.state.user._id,\n    limit: 100\n  })\n\n  publics.value = dataPublics.map(publicItem => ({\n    name: publicItem.profile.name,\n    _id: publicItem._id,\n    photo: publicItem.profile.photo\n  }));\n\n  \n  if (route.params.url) {\n    const data = await blog.read({ user: auth.state.user._id, url: route.params.url });\n    post.value = data.pop();\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 Blogposts', 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":["organizations.actions","auth.state","blog.read","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/Comments.vue.cjs

@@ -4,16 +4,17 @@ const vue = require("vue");
 const axios = require("axios");
 const Comment = require("./Comment.vue.cjs");
 const _hoisted_1 = { id: "comments" };
-const _hoisted_2 = { class: "mn-b-small" };
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("p", { class: "t-semi uppercase" }, "Please log in to leave a comment.", -1);
-const _hoisted_4 = [
-  _hoisted_3
+const _hoisted_2 = { class: "mn-b-medium" };
+const _hoisted_3 = { class: "mn-b-small" };
+const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("p", { class: "t-semi uppercase" }, "Please log in to leave a comment.", -1);
+const _hoisted_5 = [
+  _hoisted_4
 ];
-const _hoisted_5 = {
+const _hoisted_6 = {
   key: 1,
   class: "mn-b-small"
 };
-const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("button", {
+const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("button", {
   type: "submit",
   class: "mn-l-auto bg-main button"
 }, "Send", -1);
@@ -114,26 +115,26 @@ const _sfc_main = {
     fetchComments();
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", null, [
-          vue.createElementVNode("h3", _hoisted_2, vue.toDisplayString(comments.value.length) + " comments", 1),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("h3", _hoisted_3, vue.toDisplayString(comments.value.length) + " comments", 1),
           !__props.owner ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({ name: "Sign In" })),
-            class: "pd-big cursor-pointer mn-b-small section bg-black t-white flex-center flex radius-big"
-          }, _hoisted_4)) : vue.createCommentVNode("", true),
-          __props.owner ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+            class: "pd-big cursor-pointer mn-b-small bg-black t-white flex-center flex radius-big"
+          }, _hoisted_5)) : vue.createCommentVNode("", true),
+          __props.owner ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
             vue.createElementVNode("form", {
               onSubmit: vue.withModifiers(submitComment, ["prevent"]),
-              class: "bg-light radius-big pd-medium"
+              class: "bg-white radius-medium pd-small"
             }, [
               vue.withDirectives(vue.createElementVNode("textarea", {
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => commentContent.value = $event),
                 placeholder: "Enter your comment",
-                class: "pd-small p-big w-100 radius-small mn-r-small"
+                class: "p-big w-100 radius-small mn-r-small"
               }, null, 512), [
                 [vue.vModelText, commentContent.value]
               ]),
-              _hoisted_6
+              _hoisted_7
             ], 32)
           ])) : vue.createCommentVNode("", true)
         ]),
@@ -146,7 +147,7 @@ const _sfc_main = {
             owner: __props.owner,
             onReply: handleReply,
             onLoadMore: loadMoreChildren,
-            class: "comment mn-b-small radius-big pd-medium bg-light"
+            class: "comment mn-b-small radius-big bg-light"
           }, null, 8, ["comment", "target", "type", "owner"]);
         }), 128))
       ]);

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>\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 section 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-big pd-medium\">\n          <textarea v-model=\"commentContent\" placeholder=\"Enter your comment\" class=\"pd-small 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-big pd-medium bg-light\"\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    });\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    });\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,UAAM,QAAQ;AAMd,UAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,QAAO,CAAE;AAC5D,UAAM,WAAWA,IAAAA,IAAI,CAAA,CAAE;AACvB,UAAM,iBAAiBA,IAAAA,IAAI,EAAE;AAE7B,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,QAAQ,MAAM;AAAA,YACd,MAAM,MAAM;AAAA,YACZ,MAAM,MAAM;AAAA,YACZ,UAAU;AAAA,UACX;AAAA,QACP,CAAK;AACD,iBAAS,QAAQ,SAAS;AAAA,MAC3B,SAAQ,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MAChD;AAAA,IACH;AAEA,UAAM,cAAc,OAAO,UAAU,YAAY;AAC/C,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,KAAK,oBAAoB;AAAA,UACrD;AAAA,UACA,QAAQ,MAAM;AAAA,UACd,MAAM,MAAM;AAAA,UACZ,MAAM,MAAM;AAAA,UACZ,QAAQ;AAAA,QACd,CAAK;AAED,cAAM,aAAa,SAAS;AAG5B,0BAAkB,SAAS,OAAO,UAAU,UAAU;AAAA,MACvD,SAAQ,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC5C;AAAA,IACH;AAEA,UAAM,mBAAmB,OAAO,WAAW,UAAU;AACnD,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,QAAQ,MAAM;AAAA,YACd,MAAM,MAAM;AAAA,YACZ,MAAM,MAAM;AAAA,YACZ,UAAU;AAAA,YACV;AAAA,YACA,UAAU;AAAA,UACX;AAAA,QACP,CAAK;AAGD,0BAAkB,SAAS,OAAO,WAAW,SAAS,MAAM,SAAS,KAAK,SAAS,IAAI;AAAA,MACxF,SAAQ,OAAO;AACd,gBAAQ,MAAM,gCAAgC,KAAK;AAAA,MACpD;AAAA,IACH;AAEA,UAAM,oBAAoB,CAACC,WAAU,UAAU,SAAS,SAAS,aAAa,UAAU;AACtF,eAAS,IAAI,GAAG,IAAIA,UAAS,QAAQ,KAAK;AACxC,YAAIA,UAAS,CAAC,EAAE,QAAQ,UAAU;AAChC,cAAI,YAAY;AAEd,YAAAA,UAAS,CAAC,EAAE,WAAW,CAAC,GAAGA,UAAS,CAAC,EAAE,UAAU,GAAG,OAAO;AAC3D,YAAAA,UAAS,CAAC,EAAE,UAAU;AAAA,UAC9B,OAAa;AAEL,YAAAA,UAAS,CAAC,EAAE,SAAS,KAAK,OAAO;AAAA,UAClC;AACD,iBAAO;AAAA,QACR;AACD,YAAIA,UAAS,CAAC,EAAE,YAAY,kBAAkBA,UAAS,CAAC,EAAE,UAAU,UAAU,SAAS,SAAS,UAAU,GAAG;AAC3G,iBAAO;AAAA,QACR;AAAA,MACF;AACD,aAAO;AAAA,IACT;AAGA,UAAM,gBAAgB,YAAY;AAChC,UAAI,CAAC,eAAe,OAAO;AACzB;AAAA,MACD;AACD,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,KAAK,oBAAoB;AAAA,UACrD,QAAQ,MAAM;AAAA,UACd,MAAM,MAAM;AAAA,UACZ,MAAM,MAAM;AAAA,UACZ,SAAS,eAAe;AAAA,QAC9B,CAAK;AAED,iBAAS,KAAK,QAAQ,MAAM;AAC5B,iBAAS,MAAM,KAAK,SAAS,IAAI;AAEjC,uBAAe,QAAQ;AAAA,MACxB,SAAQ,OAAO;AACd,gBAAQ,MAAM,KAAK;AAAA,MACpB;AAAA,IACH;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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-white 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-big bg-light\"\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    });\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    });\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,UAAM,QAAQ;AAMd,UAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,QAAO,CAAE;AAC5D,UAAM,WAAWA,IAAAA,IAAI,CAAA,CAAE;AACvB,UAAM,iBAAiBA,IAAAA,IAAI,EAAE;AAE7B,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,QAAQ,MAAM;AAAA,YACd,MAAM,MAAM;AAAA,YACZ,MAAM,MAAM;AAAA,YACZ,UAAU;AAAA,UACX;AAAA,QACP,CAAK;AACD,iBAAS,QAAQ,SAAS;AAAA,MAC3B,SAAQ,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MAChD;AAAA,IACH;AAEA,UAAM,cAAc,OAAO,UAAU,YAAY;AAC/C,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,KAAK,oBAAoB;AAAA,UACrD;AAAA,UACA,QAAQ,MAAM;AAAA,UACd,MAAM,MAAM;AAAA,UACZ,MAAM,MAAM;AAAA,UACZ,QAAQ;AAAA,QACd,CAAK;AAED,cAAM,aAAa,SAAS;AAG5B,0BAAkB,SAAS,OAAO,UAAU,UAAU;AAAA,MACvD,SAAQ,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC5C;AAAA,IACH;AAEA,UAAM,mBAAmB,OAAO,WAAW,UAAU;AACnD,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,QAAQ,MAAM;AAAA,YACd,MAAM,MAAM;AAAA,YACZ,MAAM,MAAM;AAAA,YACZ,UAAU;AAAA,YACV;AAAA,YACA,UAAU;AAAA,UACX;AAAA,QACP,CAAK;AAGD,0BAAkB,SAAS,OAAO,WAAW,SAAS,MAAM,SAAS,KAAK,SAAS,IAAI;AAAA,MACxF,SAAQ,OAAO;AACd,gBAAQ,MAAM,gCAAgC,KAAK;AAAA,MACpD;AAAA,IACH;AAEA,UAAM,oBAAoB,CAACC,WAAU,UAAU,SAAS,SAAS,aAAa,UAAU;AACtF,eAAS,IAAI,GAAG,IAAIA,UAAS,QAAQ,KAAK;AACxC,YAAIA,UAAS,CAAC,EAAE,QAAQ,UAAU;AAChC,cAAI,YAAY;AAEd,YAAAA,UAAS,CAAC,EAAE,WAAW,CAAC,GAAGA,UAAS,CAAC,EAAE,UAAU,GAAG,OAAO;AAC3D,YAAAA,UAAS,CAAC,EAAE,UAAU;AAAA,UAC9B,OAAa;AAEL,YAAAA,UAAS,CAAC,EAAE,SAAS,KAAK,OAAO;AAAA,UAClC;AACD,iBAAO;AAAA,QACR;AACD,YAAIA,UAAS,CAAC,EAAE,YAAY,kBAAkBA,UAAS,CAAC,EAAE,UAAU,UAAU,SAAS,SAAS,UAAU,GAAG;AAC3G,iBAAO;AAAA,QACR;AAAA,MACF;AACD,aAAO;AAAA,IACT;AAGA,UAAM,gBAAgB,YAAY;AAChC,UAAI,CAAC,eAAe,OAAO;AACzB;AAAA,MACD;AACD,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,KAAK,oBAAoB;AAAA,UACrD,QAAQ,MAAM;AAAA,UACd,MAAM,MAAM;AAAA,UACZ,MAAM,MAAM;AAAA,UACZ,SAAS,eAAe;AAAA,QAC9B,CAAK;AAED,iBAAS,KAAK,QAAQ,MAAM;AAC5B,iBAAS,MAAM,KAAK,SAAS,IAAI;AAEjC,uBAAe,QAAQ;AAAA,MACxB,SAAQ,OAAO;AACd,gBAAQ,MAAM,KAAK;AAAA,MACpB;AAAA,IACH;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,16 +2,17 @@ import { ref, openBlock, createElementBlock, createElementVNode, toDisplayString
 import axios from "axios";
 import _sfc_main$1 from "./Comment.vue.js";
 const _hoisted_1 = { id: "comments" };
-const _hoisted_2 = { class: "mn-b-small" };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("p", { class: "t-semi uppercase" }, "Please log in to leave a comment.", -1);
-const _hoisted_4 = [
-  _hoisted_3
+const _hoisted_2 = { class: "mn-b-medium" };
+const _hoisted_3 = { class: "mn-b-small" };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("p", { class: "t-semi uppercase" }, "Please log in to leave a comment.", -1);
+const _hoisted_5 = [
+  _hoisted_4
 ];
-const _hoisted_5 = {
+const _hoisted_6 = {
   key: 1,
   class: "mn-b-small"
 };
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("button", {
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("button", {
   type: "submit",
   class: "mn-l-auto bg-main button"
 }, "Send", -1);
@@ -112,26 +113,26 @@ const _sfc_main = {
     fetchComments();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", null, [
-          createElementVNode("h3", _hoisted_2, toDisplayString(comments.value.length) + " comments", 1),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("h3", _hoisted_3, toDisplayString(comments.value.length) + " comments", 1),
           !__props.owner ? (openBlock(), createElementBlock("div", {
             key: 0,
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({ name: "Sign In" })),
-            class: "pd-big cursor-pointer mn-b-small section bg-black t-white flex-center flex radius-big"
-          }, _hoisted_4)) : createCommentVNode("", true),
-          __props.owner ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            class: "pd-big cursor-pointer mn-b-small bg-black t-white flex-center flex radius-big"
+          }, _hoisted_5)) : createCommentVNode("", true),
+          __props.owner ? (openBlock(), createElementBlock("div", _hoisted_6, [
             createElementVNode("form", {
               onSubmit: withModifiers(submitComment, ["prevent"]),
-              class: "bg-light radius-big pd-medium"
+              class: "bg-white radius-medium pd-small"
             }, [
               withDirectives(createElementVNode("textarea", {
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => commentContent.value = $event),
                 placeholder: "Enter your comment",
-                class: "pd-small p-big w-100 radius-small mn-r-small"
+                class: "p-big w-100 radius-small mn-r-small"
               }, null, 512), [
                 [vModelText, commentContent.value]
               ]),
-              _hoisted_6
+              _hoisted_7
             ], 32)
           ])) : createCommentVNode("", true)
         ]),
@@ -144,7 +145,7 @@ const _sfc_main = {
             owner: __props.owner,
             onReply: handleReply,
             onLoadMore: loadMoreChildren,
-            class: "comment mn-b-small radius-big pd-medium bg-light"
+            class: "comment mn-b-small radius-big bg-light"
           }, null, 8, ["comment", "target", "type", "owner"]);
         }), 128))
       ]);