@ozdao/martyrs 0.2.550 → 0.2.552

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

@@ -1,92 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-require("vue-router");
-const reactions = require("../../store/reactions.cjs");
-const _hoisted_1 = { class: "t-semi br-top-dark flex-nowrap flex-nojustify flex" };
-const _hoisted_2 = { class: "hover-bg-white pd-l-thin pd-r-thin radius-big cursor-pointer" };
-const _sfc_main = {
-  __name: "FooterBlogpost",
-  props: ["blogpost", "owner", "user"],
-  setup(__props) {
-    const props = __props;
-    const reactionsCount = vue.ref(props.blogpost.numberOfReactions);
-    const isReacted = vue.ref(props.blogpost.isReacted);
-    const reactionId = vue.ref(props.blogpost.reactionId);
-    async function addReaction(type) {
-      if (!props.user) {
-        alert("Please login to add a reaction");
-        return;
-      }
-      try {
-        const reaction = {
-          target: props.blogpost._id,
-          type: "blogpost",
-          user: props.user,
-          class: "like"
-        };
-        const res = await reactions.actions.create(reaction);
-        if (res.reaction.class === "like") {
-          reactionsCount.value += 1;
-          isReacted.value = true;
-          reactionId.value = res.reaction._id;
-        }
-      } catch (err) {
-        console.error(err);
-        alert("Error adding reaction. Please try again later.");
-      }
-    }
-    async function deleteReaction(type) {
-      if (!props.user) {
-        alert("Please login to add a reaction");
-        return;
-      }
-      try {
-        const reaction = { _id: reactionId.value };
-        await reactions.actions.delete(reaction);
-        reactionsCount.value -= 1;
-        isReacted.value = false;
-        reactionId.value = null;
-      } catch (err) {
-        alert("Error adding reaction. Please try again later.");
-      }
-    }
-    return (_ctx, _cache) => {
-      const _component_router_link = vue.resolveComponent("router-link");
-      return vue.openBlock(), vue.createElementBlock("footer", _hoisted_1, [
-        vue.createVNode(_component_router_link, {
-          to: `/community/posts/${__props.blogpost.url}`,
-          class: "font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createTextVNode(" 👁️ " + vue.toDisplayString(__props.blogpost.views), 1)
-          ]),
-          _: 1
-        }, 8, ["to"]),
-        vue.createElementVNode("div", _hoisted_2, [
-          !isReacted.value ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            class: "cursor-pointer",
-            onClick: _cache[0] || (_cache[0] = ($event) => addReaction())
-          }, " 👍 " + vue.toDisplayString(reactionsCount.value), 1)) : vue.createCommentVNode("", true),
-          isReacted.value ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 1,
-            class: "cursor-pointer",
-            onClick: _cache[1] || (_cache[1] = ($event) => deleteReaction())
-          }, " 👍 " + vue.toDisplayString(reactionsCount.value), 1)) : vue.createCommentVNode("", true)
-        ]),
-        vue.createVNode(_component_router_link, {
-          to: `/community/posts/${__props.blogpost.url}#comments`,
-          class: "font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createTextVNode(" 💬 " + vue.toDisplayString(__props.blogpost.numberOfComments), 1)
-          ]),
-          _: 1
-        }, 8, ["to"])
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=FooterBlogpost.vue.cjs.map

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

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

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

@@ -1,250 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueRouter = require("vue-router");
-const Select = require("../../../../components/Select/Select.vue.cjs");
-const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const CardOrganization = require("../../../organizations/components/blocks/CardOrganization.vue.cjs");
-const IconFeatured = require("../../../icons/entities/IconFeatured.vue.cjs");
-const IconPopular = require("../../../icons/entities/IconPopular.vue.cjs");
-const IconRecent = require("../../../icons/entities/IconRecent.vue.cjs");
-const IconFollowing = require("../../../icons/entities/IconFollowing.vue.cjs");
-const axios = require("axios");
-const Comment = require("../sections/Comment.vue.cjs");
-const blogposts = require("../../store/blogposts.cjs");
-const auth = require("../../../auth/views/store/auth.cjs");
-const organizations = require("../../../organizations/store/organizations.cjs");
-const memberships_store = require("../../../organizations/store/memberships.store.cjs");
-const _hoisted_1 = { class: "bg-white" };
-const _hoisted_2 = { class: "w-100 flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative" };
-const _hoisted_3 = {
-  style: { "flex": "1 1 auto" },
-  class: "w-100 h-100 pos-relative"
-};
-const _hoisted_4 = {
-  key: 0,
-  class: "bg-light pd-medium radius-medium mobile:radius-zero scroll-hide o-y-visible t-black pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex"
-};
-const _hoisted_5 = { class: "pos-relative t-nowrap flex-v-center flex-nowrap flex" };
-const _hoisted_6 = {
-  key: 1,
-  class: "w-100 pos-relative"
-};
-const _hoisted_7 = { class: "align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-regular gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide" };
-const _hoisted_8 = {
-  style: { "flex": "1 1 auto" },
-  class: "desktop-only pos-sticky pos-b-thin scroll-hide h-100 w-40 h-100 pos-relative"
-};
-const _hoisted_9 = { class: "radius-medium bg-light mn-b-thin pd-small" };
-const _hoisted_10 = { class: "flex flex-column gap-thin" };
-const _hoisted_11 = { class: "radius-medium bg-light pd-small" };
-const _hoisted_12 = { class: "gap-thin flex-v-center flex-nowrap flex mn-b-small" };
-const _sfc_main = {
-  __name: "Community",
-  setup(__props) {
-    const $axios = axios.create({ baseURL: process.env.API_URL });
-    const comments = vue.ref([]);
-    vue.ref("");
-    const fetchComments = async () => {
-      try {
-        const response = await $axios.get("/comments/read", {
-          params: {
-            maxDepth: 1,
-            format: "plain"
-          }
-        });
-        comments.value = response.data;
-      } catch (error) {
-        console.error("Error fetching comments:", error);
-      }
-    };
-    fetchComments();
-    const route = vueRouter.useRoute();
-    const router = vueRouter.useRouter();
-    if (route.params.category === "popular") blogposts.state.sort.param = "views";
-    if (route.params.category === "new") blogposts.state.sort.param = "createdAt";
-    const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
-      memberships_store.default.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber);
-    };
-    return (_ctx, _cache) => {
-      const _component_router_link = vue.resolveComponent("router-link");
-      const _component_router_view = vue.resolveComponent("router-view");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("section", _hoisted_2, [
-          vue.createElementVNode("div", _hoisted_3, [
-            !vue.unref(route).params.url && vue.unref(route).name !== "Create BlogPost" ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_4, [
-              vue.createElementVNode("h2", _hoisted_5, [
-                _cache[5] || (_cache[5] = vue.createElementVNode("span", { class: "mn-r-thin" }, "Posts for ", -1)),
-                vue.createVNode(Select.default, {
-                  options: ["today", "week", "month", "year", "all time"],
-                  select: blogposts.state.filter.period,
-                  "onUpdate:select": _cache[0] || (_cache[0] = ($event) => blogposts.state.filter.period = $event),
-                  placeholder: "all time",
-                  class: "t-semi pos-relative w-max bg-main t-black pd-thin radius-medium h2 t-center flex-column flex gap-regular"
-                }, null, 8, ["select"])
-              ])
-            ])) : vue.createCommentVNode("", true),
-            !vue.unref(route).params.url && vue.unref(route).name !== "Create BlogPost" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-              vue.createElementVNode("ul", _hoisted_7, [
-                vue.createElementVNode("li", {
-                  class: vue.normalizeClass([{ "t-black bg-white": vue.unref(route).params.category === "featured" }, "cursor-pointer flex-v-center flex t-medium pd-thin radius-small"]),
-                  onClick: _cache[1] || (_cache[1] = () => {
-                    blogposts.state.sort.param = "createdAt";
-                    vue.unref(router).push({ name: "Blog", params: { category: "featured" } });
-                  })
-                }, [
-                  vue.createVNode(IconFeatured.default, { class: "i-medium mn-r-thin t-transp" }),
-                  _cache[6] || (_cache[6] = vue.createTextVNode(" Featured "))
-                ], 2),
-                vue.createElementVNode("li", {
-                  class: vue.normalizeClass([{ "t-black bg-white": vue.unref(route).params.category === "popular" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-small"]),
-                  onClick: _cache[2] || (_cache[2] = () => {
-                    blogposts.state.sort.param = "views";
-                    vue.unref(router).push({ name: "Blog", params: { category: "popular" } });
-                  })
-                }, [
-                  vue.createVNode(IconPopular.default, { class: "i-medium mn-r-thin t-transp" }),
-                  _cache[7] || (_cache[7] = vue.createTextVNode(" Popular "))
-                ], 2),
-                vue.createElementVNode("li", {
-                  class: vue.normalizeClass([{ "t-black bg-white": vue.unref(route).params.category === "new" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-small"]),
-                  onClick: _cache[3] || (_cache[3] = () => {
-                    blogposts.state.sort.param = "createdAt";
-                    vue.unref(router).push({ name: "Blog", params: { category: "new" } });
-                  })
-                }, [
-                  vue.createVNode(IconRecent.default, { class: "i-medium mn-r-thin t-transp" }),
-                  _cache[8] || (_cache[8] = vue.createTextVNode(" Recent "))
-                ], 2),
-                auth.state.user._id ? (vue.openBlock(), vue.createElementBlock("li", {
-                  key: 0,
-                  class: vue.normalizeClass([{ "t-black bg-white": vue.unref(route).params.category === "following" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-small"]),
-                  onClick: _cache[4] || (_cache[4] = () => {
-                    blogposts.state.sort.param = "createdAt";
-                    vue.unref(router).push({ name: "Blog", params: { category: "following" } });
-                  })
-                }, [
-                  vue.createVNode(IconFollowing.default, { class: "i-medium mn-r-thin t-transp" }),
-                  _cache[9] || (_cache[9] = vue.createTextVNode(" Following "))
-                ], 2)) : vue.createCommentVNode("", true),
-                auth.state.user._id ? (vue.openBlock(), vue.createBlock(_component_router_link, {
-                  key: 1,
-                  to: {
-                    name: "Create BlogPost"
-                  },
-                  class: "button t-medium bg-main w-max mn-l-auto"
-                }, {
-                  default: vue.withCtx(() => _cache[10] || (_cache[10] = [
-                    vue.createTextVNode(" Create Post ")
-                  ])),
-                  _: 1
-                })) : vue.createCommentVNode("", true)
-              ])
-            ])) : vue.createCommentVNode("", true),
-            vue.createVNode(_component_router_view, null, {
-              default: vue.withCtx(({ Component, route: route2 }) => [
-                vue.createVNode(vue.Transition, {
-                  name: "scaleIn",
-                  mode: "out-in"
-                }, {
-                  default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Component), {
-                      ref: "page",
-                      key: route2.query
-                    }))
-                  ]),
-                  _: 2
-                }, 1024)
-              ]),
-              _: 1
-            })
-          ]),
-          vue.createElementVNode("div", _hoisted_8, [
-            vue.createElementVNode("div", _hoisted_9, [
-              _cache[11] || (_cache[11] = vue.createElementVNode("div", { class: "gap-thin flex-nowrap flex" }, [
-                vue.createElementVNode("p", { class: "t-medium mn-b-small" }, "Latest Comments")
-              ], -1)),
-              vue.createElementVNode("div", _hoisted_10, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(comments.value.slice(0, 5), (comment) => {
-                  return vue.openBlock(), vue.createBlock(Comment.default, {
-                    key: comment._id,
-                    comment,
-                    target: _ctx.target,
-                    type: _ctx.type,
-                    owner: _ctx.owner,
-                    onReply: _ctx.handleReply,
-                    onLoadMore: _ctx.loadMoreChildren,
-                    class: "comment bg-white pd-small radius-regular"
-                  }, null, 8, ["comment", "target", "type", "owner", "onReply", "onLoadMore"]);
-                }), 128))
-              ])
-            ]),
-            vue.createElementVNode("div", _hoisted_11, [
-              vue.createElementVNode("div", _hoisted_12, [
-                _cache[13] || (_cache[13] = vue.createElementVNode("p", { class: "text-box-trim-end t-medium" }, "Popular Communities", -1)),
-                auth.state.user._id ? (vue.openBlock(), vue.createBlock(_component_router_link, {
-                  key: 0,
-                  to: "/organizations/create",
-                  class: "t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main"
-                }, {
-                  default: vue.withCtx(() => _cache[12] || (_cache[12] = [
-                    vue.createTextVNode(" + ")
-                  ])),
-                  _: 1
-                })) : vue.createCommentVNode("", true)
-              ]),
-              vue.createVNode(vue.Transition, { name: "slide-fade" }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(Feed.default, {
-                    showLoadMore: false,
-                    LoadMore: false,
-                    states: {
-                      empty: {
-                        title: "No Organization Found",
-                        description: "Currently, there are no organization available."
-                      }
-                    },
-                    store: {
-                      read: (options) => organizations.actions.read(options),
-                      state: organizations.state
-                    },
-                    options: {
-                      user: auth.state.user._id,
-                      sort: "numberOfMemberships",
-                      contain: ["blogposts"],
-                      lookup: ["blogposts"],
-                      limit: 10
-                    },
-                    class: "flex flex-column gap-thin"
-                  }, {
-                    default: vue.withCtx(({
-                      items
-                    }) => [
-                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (organization) => {
-                        return vue.openBlock(), vue.createBlock(CardOrganization.default, {
-                          key: organization._id,
-                          organization,
-                          user: auth.state.user,
-                          showProducts: false,
-                          showRating: false,
-                          showFeatured: false,
-                          showFollowers: false,
-                          onUpdateMembership: handleMembershipUpdate,
-                          class: "pd-small w-100 pd-0 bg-white radius-regular o-hidden"
-                        }, null, 8, ["organization", "user"]);
-                      }), 128))
-                    ]),
-                    _: 1
-                  }, 8, ["store", "options"])
-                ]),
-                _: 1
-              })
-            ])
-          ])
-        ])
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Community.vue.cjs.map

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

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

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

@@ -1,83 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueRouter = require("vue-router");
-require("vue-i18n");
-;/* empty css                                                   */
-const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const CardBlogpost = require("../blocks/CardBlogpost.vue.cjs");
-const blogposts = require("../../store/blogposts.cjs");
-const auth = require("../../../auth/views/store/auth.cjs");
-const _sfc_main = {
-  __name: "Blog",
-  setup(__props) {
-    const route = vueRouter.useRoute();
-    const router = vueRouter.useRouter();
-    vue.onMounted(() => {
-      if (route.query) {
-        const query = route.query;
-        const newFilterValue = {
-          tags: query.tags ? query.tags.split(",") : [],
-          period: query.period ? query.period : null
-        };
-        blogposts.state.filter = newFilterValue;
-      }
-    });
-    vue.watch(() => blogposts.state.filter, (newFilterValue, oldFilterValue) => {
-      const query = { ...route.query };
-      Object.keys(oldFilterValue).forEach((key) => {
-        if (query[key]) {
-          delete query[key];
-        }
-      });
-      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(query, newQueryValues);
-      router.replace({ query });
-    }, { deep: true });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("section", null, [
-        vue.createVNode(Feed.default, {
-          sort: blogposts.state.sort,
-          "onUpdate:sort": _cache[0] || (_cache[0] = ($event) => blogposts.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) => blogposts.read(options)
-          },
-          options: {
-            limit: 15,
-            category: vue.unref(route).params.category,
-            period: vue.unref(route).query.period,
-            status: "published",
-            user: auth.state.user._id,
-            following: vue.unref(route).params.category === "following" ? auth.state.user._id : null
-          },
-          class: "rows-1 gap-thin"
-        }, {
-          default: vue.withCtx(({
-            items
-          }) => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (item) => {
-              return vue.openBlock(), vue.createBlock(CardBlogpost.default, {
-                key: item._id,
-                blogpost: item,
-                user: auth.state.user._id,
-                class: "h-max-40r bg-light radius-medium mobile:radius-zero"
-              }, null, 8, ["blogpost", "user"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["sort", "store", "options"])
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Blog.vue.cjs.map

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

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

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

@@ -1,145 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vue_SixQ7xP = require("../../../../../../node_modules/.pnpm/@unhead_vue@1.11.20_vue@3.5.13_typescript@5.8.3_/node_modules/@unhead/vue/dist/shared/vue.-sixQ7xP.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 vueRouter = require("vue-router");
-require("vue-i18n");
-;/* empty css                                          */
-;/* empty css                                          */
-const auth = require("../../../auth/views/store/auth.cjs");
-;/* empty css                                                               */
-;/* empty css                                                        */
-const Comments = require("../sections/Comments.vue.cjs");
-const Viewer = require("../../../constructor/components/sections/Viewer.vue.cjs");
-const blogposts = require("../../store/blogposts.cjs");
-const _hoisted_1 = ["href"];
-const _sfc_main = {
-  __name: "BlogPost",
-  setup(__props) {
-    const route = vueRouter.useRoute();
-    const blogpost = vue.computed(() => blogposts.state.current);
-    const isLoading = vue.ref(false);
-    const canShare = vue.ref(false);
-    const error = vue.ref(null);
-    async function fetchBlogpost() {
-      try {
-        isLoading.value = true;
-        const data = await blogposts.read({ user: auth.state.user?._id, url: route.params.url });
-        blogpost.value = data[0];
-        blogposts.state.current = data[0];
-      } catch (err) {
-        error.value = err;
-        console.error("Error fetching blogpost:", err);
-      } finally {
-        isLoading.value = false;
-      }
-    }
-    vue.onServerPrefetch(async () => {
-      await fetchBlogpost();
-    });
-    vue.onMounted(async () => {
-      if (!blogpost.value || blogpost.value.url !== route.params.url) {
-        await fetchBlogpost();
-      }
-      canShare.value = !!navigator.share;
-    });
-    const firstImage = vue.computed(() => {
-      return blogpost.value?.content?.find((block) => block.type === "ImageUpload");
-    });
-    const firstText = vue.computed(() => {
-      return blogpost.value?.content?.find(
-        (block) => block.type === "Textarea" && block.class !== "h2"
-      );
-    });
-    const metadata = vue.computed(() => ({
-      title: blogpost.value?.name,
-      description: firstText.value?.content.slice(0, 120),
-      meta: [
-        { hid: "description", name: "description", content: firstText.value?.content.slice(0, 120) },
-        { hid: "og:title", property: "og:title", content: blogpost.value?.name },
-        { hid: "og:description", property: "og:description", content: firstText.value?.content.slice(0, 120) },
-        { 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` },
-        { hid: "twitter:title", name: "twitter:title", content: blogpost.value?.name },
-        { hid: "twitter:description", name: "twitter:description", content: firstText.value?.content.slice(0, 120) },
-        { 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` },
-        { hid: "twitter:card", name: "twitter:card", content: "summary_large_image" }
-      ]
-    }));
-    vue_SixQ7xP.u(metadata);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("section", null, [
-        vue.createVNode(vue.TransitionGroup, {
-          tag: "ul",
-          name: "fade",
-          class: "o-hidden bg-light radius-medium"
-        }, {
-          default: vue.withCtx(() => [
-            isLoading.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(3, (i) => {
-              return vue.createVNode(SkeletonBlogpost.default, {
-                key: i,
-                class: ""
-              });
-            }), 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: "div",
-          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-small bg-light radius-medium mobile:radius-zero"
-            }, {
-              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_1)) : vue.createCommentVNode("", true)
-              ]),
-              _: 1
-            }, 8, ["blogpost", "user"])) : vue.createCommentVNode("", true),
-            !isLoading.value && blogpost.value ? (vue.openBlock(), vue.createBlock(Comments.default, {
-              key: 1,
-              type: "blogpost",
-              target: blogpost.value._id,
-              owner: auth.state.user._id,
-              class: "bg-light radius-medium mobile:radius-zero pd-medium"
-            }, null, 8, ["target", "owner"])) : vue.createCommentVNode("", true)
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=BlogPost.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BlogPost.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/BlogPost.vue"],"sourcesContent":["<template>\n  <section>\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-medium\">\n      <SkeletonBlogpost\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n        class=\"\"\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=\"div\" 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-small  bg-light radius-medium mobile:radius-zero\"\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-medium mobile:radius-zero 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 '@martyrs/src/components/Loader/Loader.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\nimport CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\nimport SkeletonBlogpost from '@martyrs/src/modules/icons/skeletons/SkeletonBlogpost.vue'\nimport Publics from '@martyrs/src/modules/organizations/components/sections/Publics.vue'\nimport Comments from '@martyrs/src/modules/community/components/sections/Comments.vue';\nimport Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  \nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst blogpost = computed(() => blog.state.current);\nconst isLoading = ref(false);\nconst canShare = ref(false);\nconst error = ref(null);\n\nasync function fetchBlogpost() {\n  try {\n    isLoading.value = true;\n    const data = await blog.read({ user: auth.state.user?._id, url: route.params.url });\n    blogpost.value = data[0];\n    // Обновляем состояние хранилища\n    blog.state.current = data[0];\n  } catch (err) {\n    error.value = err;\n    console.error('Error fetching blogpost:', err);\n  } finally {\n    isLoading.value = false;\n  }\n}\n\nonServerPrefetch(async() => {\n\tawait fetchBlogpost()\n});\n\nonMounted(async() => {\n  if (!blogpost.value || blogpost.value.url !== route.params.url) {\n    await fetchBlogpost();\n  }\n  canShare.value = !!navigator.share;\n});\n\n\nconst share = async () => {\n  if (!canShare.value) return;\n  try {\n    await navigator.share({\n      title: blogpost.value.name,\n      text: firstText.value?.content.slice(0, 120) || 'Check out this blog post!',\n      url: window.location.href,\n    });\n    console.log('Content shared successfully');\n  } catch (error) {\n    console.error('Error sharing:', error);\n  }\n};\n\nconst firstImage = computed(() => {\n  return blogpost.value?.content?.find(block => block.type === 'ImageUpload');\n});\n\nconst firstText = computed(() => {\n  return blogpost.value?.content?.find(block => \n    block.type === 'Textarea' && block.class !== 'h2'\n  );\n});\n\nconst metadata = computed(() => ({\n  title: blogpost.value?.name,\n  description: firstText.value?.content.slice(0, 120),\n  meta: [\n    { hid: 'description', name: 'description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:title', property: 'og:title', content: blogpost.value?.name },\n    { hid: 'og:description', property: 'og:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:image', property: 'og:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:title', name: 'twitter:title', content: blogpost.value?.name },\n    { hid: 'twitter:description', name: 'twitter:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'twitter:image', name: 'twitter:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:card', name: 'twitter:card', content: 'summary_large_image' },\n  ],\n}));\n\nuseHead(metadata);\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","computed","blog.state","ref","blog.read","auth.state","onServerPrefetch","onMounted","useHead"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA+EA,UAAM,QAAQA,UAAAA,SAAQ;AACtB,UAAM,WAAWC,IAAAA,SAAS,MAAMC,UAAAA,MAAW,OAAO;AAClD,UAAM,YAAYC,IAAAA,IAAI,KAAK;AAC3B,UAAM,WAAWA,IAAAA,IAAI,KAAK;AAC1B,UAAM,QAAQA,IAAAA,IAAI,IAAI;AAEtB,mBAAe,gBAAgB;AAC7B,UAAI;AACF,kBAAU,QAAQ;AAClB,cAAM,OAAO,MAAMC,eAAU,EAAE,MAAMC,KAAAA,MAAW,MAAM,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE;AAClF,iBAAS,QAAQ,KAAK,CAAC;AAEvBH,wBAAW,UAAU,KAAK,CAAC;AAAA,MAC7B,SAAS,KAAK;AACZ,cAAM,QAAQ;AACd,gBAAQ,MAAM,4BAA4B,GAAG;AAAA,MAC/C,UAAC;AACC,kBAAU,QAAQ;AAAA,MACpB;AAAA,IACF;AAEAI,QAAAA,iBAAiB,YAAW;AAC3B,YAAM,cAAa;AAAA,IACpB,CAAC;AAEDC,QAAAA,UAAU,YAAW;AACnB,UAAI,CAAC,SAAS,SAAS,SAAS,MAAM,QAAQ,MAAM,OAAO,KAAK;AAC9D,cAAM,cAAa;AAAA,MACrB;AACA,eAAS,QAAQ,CAAC,CAAC,UAAU;AAAA,IAC/B,CAAC;AAiBD,UAAM,aAAaN,IAAAA,SAAS,MAAM;AAChC,aAAO,SAAS,OAAO,SAAS,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC5E,CAAC;AAED,UAAM,YAAYA,IAAAA,SAAS,MAAM;AAC/B,aAAO,SAAS,OAAO,SAAS;AAAA,QAAK,WACnC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA,MACjD;AAAA,IACA,CAAC;AAED,UAAM,WAAWA,IAAAA,SAAS,OAAO;AAAA,MAC/B,OAAO,SAAS,OAAO;AAAA,MACvB,aAAa,UAAU,OAAO,QAAQ,MAAM,GAAG,GAAG;AAAA,MAClD,MAAM;AAAA,QACJ,EAAE,KAAK,eAAe,MAAM,eAAe,SAAS,UAAU,OAAO,QAAQ,MAAM,GAAG,GAAG,EAAC;AAAA,QAC1F,EAAE,KAAK,YAAY,UAAU,YAAY,SAAS,SAAS,OAAO,KAAI;AAAA,QACtE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,SAAS,UAAU,OAAO,QAAQ,MAAM,GAAG,GAAG,EAAC;AAAA,QACpG,EAAE,KAAK,YAAY,UAAU,YAAY,SAAS,WAAW,OAAO,UAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAoB;AAAA,QAC9L,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,SAAS,SAAS,OAAO,KAAI;AAAA,QAC5E,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,SAAS,UAAU,OAAO,QAAQ,MAAM,GAAG,GAAG,EAAC;AAAA,QAC1G,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,SAAS,WAAW,OAAO,UAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAoB;AAAA,QACpM,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,sBAAqB;AAAA,MAC/E;AAAA,IACA,EAAE;AAEFO,gBAAAA,EAAQ,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}