@ozdao/prometheus-framework 0.2.199 → 0.2.201

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

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

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

@@ -1,71 +1,84 @@
-import { onMounted as d, watch as f, openBlock as l, createElementBlock as c, createVNode as g, unref as p, withCtx as y, Fragment as _, renderList as b, createBlock as h } from "vue";
-import { useRoute as w, useRouter as k } from "vue-router";
+import { onMounted, watch, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock } from "vue";
+import { useRoute, useRouter } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
-import q from "../../../../components/Feed/Feed.vue.js";
-import j from "../blocks/CardBlogpost.vue.js";
-import { state as n, read as B } from "../../store/blogposts.js";
-import { state as u } from "../../../auth/views/store/auth.js";
-const x = { class: "bg-white" }, N = {
+import _sfc_main$1 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$2 from "../blocks/CardBlogpost.vue.js";
+import { state, read } from "../../store/blogposts.js";
+import { state as state$1 } from "../../../auth/views/store/auth.js";
+const _hoisted_1 = { class: "bg-white" };
+const _sfc_main = {
   __name: "Blog",
-  setup(A) {
-    const o = w(), m = k();
-    return d(() => {
-      if (o.query) {
-        const r = o.query, s = {
-          tags: r.tags ? r.tags.split(",") : [],
-          period: r.period ? r.period : null
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    onMounted(() => {
+      if (route.query) {
+        const query = route.query;
+        const newFilterValue = {
+          tags: query.tags ? query.tags.split(",") : [],
+          period: query.period ? query.period : null
         };
-        n.filter = s;
+        state.filter = newFilterValue;
       }
-    }), f(() => n.filter, (r, s) => {
-      const e = { ...o.query };
-      Object.keys(s).forEach((i) => {
-        e[i] && delete e[i];
+    });
+    watch(() => state.filter, (newFilterValue, oldFilterValue) => {
+      const query = { ...route.query };
+      Object.keys(oldFilterValue).forEach((key) => {
+        if (query[key]) {
+          delete query[key];
+        }
       });
-      const a = Object.fromEntries(
-        Object.entries(r).filter(([i, t]) => Array.isArray(t) && t.length > 0 || typeof t == "string" && t).map(([i, t]) => [i, Array.isArray(t) ? t.join(",") : t])
+      const newQueryValues = Object.fromEntries(
+        Object.entries(newFilterValue).filter(([key, value]) => Array.isArray(value) && value.length > 0 || typeof value === "string" && value).map(([key, value]) => [key, Array.isArray(value) ? value.join(",") : value])
       );
-      Object.assign(e, a), m.replace({ query: e });
-    }, { deep: !0 }), (r, s) => (l(), c("section", x, [
-      g(q, {
-        sort: n.sort,
-        "onUpdate:sort": s[0] || (s[0] = (e) => n.sort = e),
-        showLoadMore: !1,
-        states: {
-          empty: {
-            title: "No Blog Posts Found",
-            description: "Currently, there are no posts available in this blog. Please check back later."
-          }
-        },
-        store: {
-          read: (e) => B(e)
-        },
-        options: {
-          limit: 15,
-          category: p(o).params.category,
-          period: p(o).query.period,
-          status: "published",
-          user: u.user._id,
-          following: p(o).params.category === "following" ? u.user._id : null
-        },
-        class: "row-1 gap-thin"
-      }, {
-        default: y(({
-          items: e
-        }) => [
-          (l(!0), c(_, null, b(e, (a) => (l(), h(j, {
-            key: a._id,
-            blogpost: a,
-            user: u.user._id,
-            class: "h-max-40r mn-b-medium"
-          }, null, 8, ["blogpost", "user"]))), 128))
-        ]),
-        _: 1
-      }, 8, ["sort", "store", "options"])
-    ]));
+      Object.assign(query, newQueryValues);
+      router.replace({ query });
+    }, { deep: true });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          sort: state.sort,
+          "onUpdate:sort": _cache[0] || (_cache[0] = ($event) => state.sort = $event),
+          showLoadMore: false,
+          states: {
+            empty: {
+              title: "No Blog Posts Found",
+              description: "Currently, there are no posts available in this blog. Please check back later."
+            }
+          },
+          store: {
+            read: (options) => read(options)
+          },
+          options: {
+            limit: 15,
+            category: unref(route).params.category,
+            period: unref(route).query.period,
+            status: "published",
+            user: state$1.user._id,
+            following: unref(route).params.category === "following" ? state$1.user._id : null
+          },
+          class: "row-1 gap-thin"
+        }, {
+          default: withCtx(({
+            items
+          }) => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(items, (item) => {
+              return openBlock(), createBlock(_sfc_main$2, {
+                key: item._id,
+                blogpost: item,
+                user: state$1.user._id,
+                class: "h-max-40r mn-b-medium"
+              }, null, 8, ["blogpost", "user"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["sort", "store", "options"])
+      ]);
+    };
   }
 };
 export {
-  N as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Blog.vue.js.map

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

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

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

@@ -1 +1,135 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("../../../../../../node_modules/@unhead/vue/dist/shared/vue.f36acd1f.cjs");;/* empty css                                         */const f=require("../../../../components/EmptyState/EmptyState.vue.cjs"),_=require("../blocks/CardBlogpost.vue.cjs"),b=require("../../../icons/skeletons/SkeletonBlogpost.vue.cjs"),B=require("../../../organizations/components/sections/Publics.vue.cjs"),y=require("../sections/Comments.vue.cjs"),C=require("../../../constructor/components/sections/Viewer.vue.cjs"),w=require("../../store/blogposts.cjs"),c=require("../../../auth/views/store/auth.cjs"),V=require("vue-router"),N={class:"pd-thin"},q=["href"],x=e.createElementVNode("h3",{class:"mn-b-small"},"Recommended Communities",-1),S={__name:"BlogPost",async setup(T){let l,s;const p=V.useRoute(),t=e.ref(null),n=e.ref(!0),v=e.ref(!1);e.onMounted(()=>{v.value=!!navigator.share}),n.value=!0;const g=([l,s]=e.withAsyncContext(()=>w.read({user:c.state.user._id,url:p.params.url})),l=await l,s(),l);t.value=g[0],n.value=!1,e.computed(()=>{var o;return(o=t.value)==null?void 0:o.content.find(a=>a.type==="ImageUpload")}),e.computed(()=>{var o;return(o=t.value)==null?void 0:o.content.find(a=>a.type==="Video")});const u=e.computed(()=>{var o;return(o=t.value)==null?void 0:o.content[2]}),h=e.computed(()=>{var o,a,r,i,d,m;return{title:(o=t.value)==null?void 0:o.name,description:(a=u.value)==null?void 0:a.content.slice(0,120),meta:[{hid:"description",name:"description",content:(r=u.value)==null?void 0:r.content.slice(0,120)},{hid:"og:title",property:"og:title",content:(i=t.value)==null?void 0:i.name},{hid:"og:description",property:"og:description",content:(d=u.value)==null?void 0:d.content.slice(0,120)},{hid:"twitter:title",name:"twitter:title",content:(m=t.value)==null?void 0:m.name},{hid:"twitter:description",name:"twitter:description",content:u.value}]}});return k.u(h.value),(o,a)=>(e.openBlock(),e.createElementBlock("section",N,[e.createVNode(e.TransitionGroup,{tag:"ul",name:"fade",class:"o-hidden bg-light radius-big"},{default:e.withCtx(()=>[n.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},e.renderList(3,r=>e.createVNode(b.default,{key:r})),64)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[!n.value&&!t.value?(e.openBlock(),e.createBlock(f.default,{key:0,title:"No Blogpost Found",description:"Currently, there are no blogposts available. Please check back later.",class:"pd-medium mn-b-thin bg-light radius-big"})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.TransitionGroup,{tag:"ul",name:"fade",class:"container"},{default:e.withCtx(()=>[!n.value&&t.value?(e.openBlock(),e.createBlock(_.default,{key:0,onClick:a[0]||(a[0]=r=>o.$router.push({name:"Blogpost",params:{url:t.value.url}})),blogpost:t.value,user:c.state.user._id,type:"blogpostPage",hideTitle:!0,class:"mn-b-medium"},{default:e.withCtx(()=>[t.value&&t.value.content?(e.openBlock(),e.createBlock(C.default,{key:0,content:t.value.content},null,8,["content"])):e.createCommentVNode("",!0),t.value.source?(e.openBlock(),e.createElementBlock("a",{key:1,href:t.value.source,target:"_blank",class:"mn-b-semi d-block w-max radius-big pd-thin bg-black t-white"}," Check Source 🔗 ",8,q)):e.createCommentVNode("",!0)]),_:1},8,["blogpost","user"])):e.createCommentVNode("",!0),x,e.createVNode(B.default,{class:"mn-b-small"}),!n.value&&t.value?(e.openBlock(),e.createBlock(y.default,{key:1,type:"blogpost",target:t.value._id,owner:c.state.user._id},null,8,["target","owner"])):e.createCommentVNode("",!0)]),_:1})]))}};exports.default=S;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vue_f36acd1f = require("../../../../../../node_modules/@unhead/vue/dist/shared/vue.f36acd1f.cjs");
+;/* empty css                                         */
+const EmptyState = require("../../../../components/EmptyState/EmptyState.vue.cjs");
+const CardBlogpost = require("../blocks/CardBlogpost.vue.cjs");
+const SkeletonBlogpost = require("../../../icons/skeletons/SkeletonBlogpost.vue.cjs");
+const Publics = require("../../../organizations/components/sections/Publics.vue.cjs");
+const Comments = require("../sections/Comments.vue.cjs");
+const Viewer = require("../../../constructor/components/sections/Viewer.vue.cjs");
+const blogposts = require("../../store/blogposts.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const vueRouter = require("vue-router");
+const _hoisted_1 = { class: "pd-thin" };
+const _hoisted_2 = ["href"];
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Recommended Communities", -1);
+const _sfc_main = {
+  __name: "BlogPost",
+  async setup(__props) {
+    let __temp, __restore;
+    const route = vueRouter.useRoute();
+    const blogpost = vue.ref(null);
+    const isLoading = vue.ref(true);
+    const canShare = vue.ref(false);
+    vue.onMounted(() => {
+      canShare.value = !!navigator.share;
+    });
+    isLoading.value = true;
+    const data = ([__temp, __restore] = vue.withAsyncContext(() => blogposts.read({ user: auth.state.user._id, url: route.params.url })), __temp = await __temp, __restore(), __temp);
+    blogpost.value = data[0];
+    isLoading.value = false;
+    vue.computed(() => {
+      var _a;
+      return (_a = blogpost.value) == null ? void 0 : _a.content.find((block) => block.type === "ImageUpload");
+    });
+    vue.computed(() => {
+      var _a;
+      return (_a = blogpost.value) == null ? void 0 : _a.content.find((block) => block.type === "Video");
+    });
+    const firstText = vue.computed(() => {
+      var _a;
+      return (_a = blogpost.value) == null ? void 0 : _a.content[2];
+    });
+    const metadata = vue.computed(() => {
+      var _a, _b, _c, _d, _e, _f;
+      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: base_url + '/favicon/cover.jpg' },
+          // { hid: 'og:url', property: 'og:url', content: current_url.value },
+          { hid: "twitter:title", name: "twitter:title", content: (_f = blogpost.value) == null ? void 0 : _f.name },
+          { hid: "twitter:description", name: "twitter:description", content: firstText.value }
+          // { hid: 'twitter:image', name: 'twitter:image', content: base_url + '/favicon/cover.jpg' },
+          // { hid: 'twitter:card', name: 'twitter:card', content: t('meta.twitter.card') },
+        ]
+      };
+    });
+    vue_f36acd1f.u(metadata.value);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        vue.createVNode(vue.TransitionGroup, {
+          tag: "ul",
+          name: "fade",
+          class: "o-hidden bg-light radius-big"
+        }, {
+          default: vue.withCtx(() => [
+            isLoading.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(3, (i) => {
+              return vue.createVNode(SkeletonBlogpost.default, { key: i });
+            }), 64)) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        vue.createVNode(vue.Transition, { name: "fade" }, {
+          default: vue.withCtx(() => [
+            !isLoading.value && !blogpost.value ? (vue.openBlock(), vue.createBlock(EmptyState.default, {
+              key: 0,
+              title: "No Blogpost Found",
+              description: "Currently, there are no blogposts available. Please check back later.",
+              class: "pd-medium mn-b-thin bg-light radius-big"
+            })) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        vue.createVNode(vue.TransitionGroup, {
+          tag: "ul",
+          name: "fade",
+          class: "container"
+        }, {
+          default: vue.withCtx(() => [
+            !isLoading.value && blogpost.value ? (vue.openBlock(), vue.createBlock(CardBlogpost.default, {
+              key: 0,
+              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({ name: "Blogpost", params: { url: blogpost.value.url } })),
+              blogpost: blogpost.value,
+              user: auth.state.user._id,
+              type: "blogpostPage",
+              hideTitle: true,
+              class: "mn-b-medium"
+            }, {
+              default: vue.withCtx(() => [
+                blogpost.value && blogpost.value.content ? (vue.openBlock(), vue.createBlock(Viewer.default, {
+                  key: 0,
+                  content: blogpost.value.content
+                }, null, 8, ["content"])) : vue.createCommentVNode("", true),
+                blogpost.value.source ? (vue.openBlock(), vue.createElementBlock("a", {
+                  key: 1,
+                  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)) : vue.createCommentVNode("", true)
+              ]),
+              _: 1
+            }, 8, ["blogpost", "user"])) : vue.createCommentVNode("", true),
+            _hoisted_3,
+            vue.createVNode(Publics.default, { class: "mn-b-small" }),
+            !isLoading.value && blogpost.value ? (vue.openBlock(), vue.createBlock(Comments.default, {
+              key: 1,
+              type: "blogpost",
+              target: blogpost.value._id,
+              owner: auth.state.user._id
+            }, null, 8, ["target", "owner"])) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=BlogPost.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlogPost.vue.cjs","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\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 firstVideo = computed(() => {\n\t  return blogpost.value?.content.find(block => block.type === 'Video');\n\t});\n\n\tconst firstText = computed(() => {\n\t  return blogpost.value?.content[2]\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: base_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 },\n        // { hid: 'twitter:image', name: 'twitter:image', content: base_url + '/favicon/cover.jpg' },\n        // { hid: 'twitter:card', name: 'twitter:card', content: t('meta.twitter.card') },\n      ],\n    }});\nuseHead(metadata.value)\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","ref","onMounted","_withAsyncContext","blog.read","auth.state","computed","useHead"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsFC,UAAM,QAAQA,UAAAA;AAEd,UAAM,WAAWC,QAAI,IAAI;AACzB,UAAM,YAAYA,QAAI,IAAI;AAE1B,UAAM,WAAWA,QAAI,KAAK;AAE1BC,QAAAA,UAAU,MAAM;AACd,eAAS,QAAQ,CAAC,CAAC,UAAU;AAAA,IAChC,CAAE;AAmBA,cAAU,QAAQ;AAGlB,UAAM,QAAO,CAAA,QAAA,SAAA,IAAAC,IAAAA,iBAAA,MAAMC,UAAS,KAAC,EAAE,MAAMC,KAAU,MAAC,KAAK,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE,CAAA;AAEjF,aAAS,QAAQ,KAAK,CAAC;AACvB,cAAU,QAAQ;AAGCC,QAAAA,SAAS,MAAM;;AACjC,cAAO,cAAS,UAAT,mBAAgB,QAAQ,KAAK,WAAS,MAAM,SAAS;AAAA,IAC/D,CAAE;AAEkBA,QAAAA,SAAS,MAAM;;AAChC,cAAO,cAAS,UAAT,mBAAgB,QAAQ,KAAK,WAAS,MAAM,SAAS;AAAA,IAC/D,CAAE;AAED,UAAM,YAAYA,IAAAA,SAAS,MAAM;;AAC/B,cAAO,cAAS,UAAT,mBAAgB,QAAQ;AAAA,IAClC,CAAE;AAEA,UAAM,WAAWA,aAAS,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;AAAA;AAAA,UAGrG,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,UAAU,cAAS,UAAT,mBAAgB,KAAM;AAAA,UAC/E,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,SAAS,UAAU,MAAO;AAAA;AAAA;AAAA,QAGtF;AAAA,MACF;AAAA,IAAA,CAAC;AACNC,iBAAAA,EAAQ,SAAS,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,118 +1,135 @@
-import { ref as p, onMounted as $, withAsyncContext as x, computed as c, openBlock as a, createElementBlock as _, createVNode as i, TransitionGroup as k, withCtx as m, Fragment as N, renderList as T, createCommentVNode as r, Transition as V, createBlock as d, createElementVNode as P } from "vue";
-import { u as S } from "../../../../../../node_modules/@unhead/vue/dist/shared/vue.f36acd1f.js";
+import { ref, onMounted, withAsyncContext, computed, openBlock, createElementBlock, createVNode, TransitionGroup, withCtx, Fragment, renderList, createCommentVNode, Transition, createBlock, createElementVNode } from "vue";
+import { u as useHead } from "../../../../../../node_modules/@unhead/vue/dist/shared/vue.f36acd1f.js";
 /* empty css                                       */
-import E from "../../../../components/EmptyState/EmptyState.vue.js";
-import F from "../blocks/CardBlogpost.vue.js";
-import L from "../../../icons/skeletons/SkeletonBlogpost.vue.js";
-import R from "../../../organizations/components/sections/Publics.vue.js";
-import A from "../sections/Comments.vue.js";
-import G from "../../../constructor/components/sections/Viewer.vue.js";
-import { read as H } from "../../store/blogposts.js";
-import { state as f } from "../../../auth/views/store/auth.js";
-import { useRoute as I } from "vue-router";
-const M = { class: "pd-thin" }, U = ["href"], j = /* @__PURE__ */ P("h3", { class: "mn-b-small" }, "Recommended Communities", -1), oe = {
+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);
+const _sfc_main = {
   __name: "BlogPost",
-  async setup(q) {
-    let s, v;
-    const y = I(), e = p(null), n = p(!0), w = p(!1);
-    $(() => {
-      w.value = !!navigator.share;
-    }), n.value = !0;
-    const B = ([s, v] = x(() => H({ user: f.user._id, url: y.params.url })), s = await s, v(), s);
-    e.value = B[0], n.value = !1, c(() => {
-      var t;
-      return (t = e.value) == null ? void 0 : t.content.find((o) => o.type === "ImageUpload");
-    }), c(() => {
-      var t;
-      return (t = e.value) == null ? void 0 : t.content.find((o) => o.type === "Video");
+  async setup(__props) {
+    let __temp, __restore;
+    const route = useRoute();
+    const blogpost = ref(null);
+    const isLoading = ref(true);
+    const canShare = ref(false);
+    onMounted(() => {
+      canShare.value = !!navigator.share;
     });
-    const u = c(() => {
-      var t;
-      return (t = e.value) == null ? void 0 : t.content[2];
-    }), C = c(() => {
-      var t, o, l, g, h, b;
+    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;
+    computed(() => {
+      var _a;
+      return (_a = blogpost.value) == null ? void 0 : _a.content.find((block) => block.type === "ImageUpload");
+    });
+    computed(() => {
+      var _a;
+      return (_a = blogpost.value) == null ? void 0 : _a.content.find((block) => block.type === "Video");
+    });
+    const firstText = computed(() => {
+      var _a;
+      return (_a = blogpost.value) == null ? void 0 : _a.content[2];
+    });
+    const metadata = computed(() => {
+      var _a, _b, _c, _d, _e, _f;
       return {
-        title: (t = e.value) == null ? void 0 : t.name,
-        description: (o = u.value) == null ? void 0 : o.content.slice(0, 120),
+        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: (l = u.value) == null ? void 0 : l.content.slice(0, 120) },
+          { 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: (g = e.value) == null ? void 0 : g.name },
-          { hid: "og:description", property: "og:description", content: (h = u.value) == null ? void 0 : h.content.slice(0, 120) },
+          { 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: base_url + '/favicon/cover.jpg' },
           // { hid: 'og:url', property: 'og:url', content: current_url.value },
-          { hid: "twitter:title", name: "twitter:title", content: (b = e.value) == null ? void 0 : b.name },
-          { hid: "twitter:description", name: "twitter:description", content: u.value }
+          { hid: "twitter:title", name: "twitter:title", content: (_f = blogpost.value) == null ? void 0 : _f.name },
+          { hid: "twitter:description", name: "twitter:description", content: firstText.value }
           // { hid: 'twitter:image', name: 'twitter:image', content: base_url + '/favicon/cover.jpg' },
           // { hid: 'twitter:card', name: 'twitter:card', content: t('meta.twitter.card') },
         ]
       };
     });
-    return S(C.value), (t, o) => (a(), _("section", M, [
-      i(k, {
-        tag: "ul",
-        name: "fade",
-        class: "o-hidden bg-light radius-big"
-      }, {
-        default: m(() => [
-          n.value ? (a(), _(N, { key: 0 }, T(3, (l) => i(L, { key: l })), 64)) : r("", !0)
-        ]),
-        _: 1
-      }),
-      i(V, { name: "fade" }, {
-        default: m(() => [
-          !n.value && !e.value ? (a(), d(E, {
-            key: 0,
-            title: "No Blogpost Found",
-            description: "Currently, there are no blogposts available. Please check back later.",
-            class: "pd-medium mn-b-thin bg-light radius-big"
-          })) : r("", !0)
-        ]),
-        _: 1
-      }),
-      i(k, {
-        tag: "ul",
-        name: "fade",
-        class: "container"
-      }, {
-        default: m(() => [
-          !n.value && e.value ? (a(), d(F, {
-            key: 0,
-            onClick: o[0] || (o[0] = (l) => t.$router.push({ name: "Blogpost", params: { url: e.value.url } })),
-            blogpost: e.value,
-            user: f.user._id,
-            type: "blogpostPage",
-            hideTitle: !0,
-            class: "mn-b-medium"
-          }, {
-            default: m(() => [
-              e.value && e.value.content ? (a(), d(G, {
-                key: 0,
-                content: e.value.content
-              }, null, 8, ["content"])) : r("", !0),
-              e.value.source ? (a(), _("a", {
-                key: 1,
-                href: e.value.source,
-                target: "_blank",
-                class: "mn-b-semi d-block w-max radius-big pd-thin bg-black t-white"
-              }, " Check Source 🔗 ", 8, U)) : r("", !0)
-            ]),
-            _: 1
-          }, 8, ["blogpost", "user"])) : r("", !0),
-          j,
-          i(R, { class: "mn-b-small" }),
-          !n.value && e.value ? (a(), d(A, {
-            key: 1,
-            type: "blogpost",
-            target: e.value._id,
-            owner: f.user._id
-          }, null, 8, ["target", "owner"])) : r("", !0)
-        ]),
-        _: 1
-      })
-    ]));
+    useHead(metadata.value);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createVNode(TransitionGroup, {
+          tag: "ul",
+          name: "fade",
+          class: "o-hidden bg-light radius-big"
+        }, {
+          default: withCtx(() => [
+            isLoading.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, renderList(3, (i) => {
+              return createVNode(SkeletonBlogpost, { key: i });
+            }), 64)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        createVNode(Transition, { name: "fade" }, {
+          default: withCtx(() => [
+            !isLoading.value && !blogpost.value ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              title: "No Blogpost Found",
+              description: "Currently, there are no blogposts available. Please check back later.",
+              class: "pd-medium mn-b-thin bg-light radius-big"
+            })) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        createVNode(TransitionGroup, {
+          tag: "ul",
+          name: "fade",
+          class: "container"
+        }, {
+          default: withCtx(() => [
+            !isLoading.value && blogpost.value ? (openBlock(), createBlock(_sfc_main$2, {
+              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,
+              type: "blogpostPage",
+              hideTitle: true,
+              class: "mn-b-medium"
+            }, {
+              default: withCtx(() => [
+                blogpost.value && blogpost.value.content ? (openBlock(), createBlock(_sfc_main$3, {
+                  key: 0,
+                  content: blogpost.value.content
+                }, null, 8, ["content"])) : createCommentVNode("", true),
+                blogpost.value.source ? (openBlock(), createElementBlock("a", {
+                  key: 1,
+                  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)
+              ]),
+              _: 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, {
+              key: 1,
+              type: "blogpost",
+              target: blogpost.value._id,
+              owner: state.user._id
+            }, null, 8, ["target", "owner"])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ]);
+    };
   }
 };
 export {
-  oe as default
+  _sfc_main as default
 };
+//# sourceMappingURL=BlogPost.vue.js.map

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

@@ -0,0 +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\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 firstVideo = computed(() => {\n\t  return blogpost.value?.content.find(block => block.type === 'Video');\n\t});\n\n\tconst firstText = computed(() => {\n\t  return blogpost.value?.content[2]\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: base_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 },\n        // { hid: 'twitter:image', name: 'twitter:image', content: base_url + '/favicon/cover.jpg' },\n        // { hid: 'twitter:card', name: 'twitter:card', content: t('meta.twitter.card') },\n      ],\n    }});\nuseHead(metadata.value)\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["_withAsyncContext","blog.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;AAsFC,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;AAGC,aAAS,MAAM;;AACjC,cAAO,cAAS,UAAT,mBAAgB,QAAQ,KAAK,WAAS,MAAM,SAAS;AAAA,IAC/D,CAAE;AAEkB,aAAS,MAAM;;AAChC,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,IAClC,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;AAAA;AAAA,UAGrG,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,UAAU,cAAS,UAAT,mBAAgB,KAAM;AAAA,UAC/E,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,SAAS,UAAU,MAAO;AAAA;AAAA;AAAA,QAGtF;AAAA,MACF;AAAA,IAAA,CAAC;AACN,YAAQ,SAAS,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}