@ozdao/prometheus-framework 0.2.221 → 0.2.223

package/dist/prometheus-framework/src/modules/auth/views/validations/inputs.validation.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputs.validation.js","sources":["../../../../../../../src/modules/auth/views/validations/inputs.validation.js"],"sourcesContent":["// import i18n from \"@pf/src/modules/globals/views/localization/vue-i18n\";\nconst messages = {\n  ru: {\n    \"validation\": {\n      \"length\": \"Содержимое должно быть не менее 1 символа.\",\n      \"maxLength\": \"Содержимое не должно превышать {maxLength} символов.\",\n      \"phone\": \"Неверный формат номера\",\n      \"email\": \"Неверный формат email\",\n      \"password\": {\n        \"minLength\": \"Пароль должен быть больше 8 символов\",\n        \"lowercase\": \"Должен быть символ в нижнем регистре\",\n        \"uppercase\": \"Должен быть символ в верхнем регистре\",\n        \"number\": \"Должна быть 1 цифра\",\n        \"specialChar\": \"Должен быть 1 специальный символ\"\n      }\n    }\n  },\n  en: {\n    \"validation\": {\n      \"length\": \"Content must be at least 1 character long.\",\n      \"maxLength\": \"Content should not exceed {maxLength} characters.\",\n      \"phone\": \"Invalid number format\",\n      \"email\": \"Invalid email format\",\n      \"password\": {\n        \"minLength\": \"Password must be longer than 8 characters\",\n        \"lowercase\": \"Must contain a lowercase character\",\n        \"uppercase\": \"Must contain an uppercase character\",\n        \"number\": \"Must contain at least 1 digit\",\n        \"specialChar\": \"Must contain at least 1 special character\"\n      }\n    }\n  }\n};\n\n// i18n.global.mergeLocaleMessage('ru', messages.ru);\n// i18n.global.mergeLocaleMessage('en', messages.en);\n\nfunction validateLength(input) {\n  const length = input.length;\n\n  if (length < 1) {\n    return {\n      status: false,\n      message:  i18n.global.t(\"validation.length\")\n    };\n  }\n\n  return {\n    status: true,\n    message: null\n  };\n}\n\nfunction validatePhone(phone) {\n  return {\n    status: true,\n    message: null\n  }\n}\n\nfunction validateEmail(email) {\n  const emailRegex = /^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,12}$/;\n\n\n  if (!emailRegex.test(email)) {\n    return {\n      status: false,\n      message:  i18n.global.t(\"validation.email\")\n    };\n  }\n\n  return {\n    status: true,\n    message: null\n  };\n}\n\n\nfunction validatePassword(password) {\n  const lowercaseRegex = /[a-z]/;\n  const uppercaseRegex = /[A-Z]/;\n  const numberRegex = /[0-9]/;\n  const specialCharRegex = /[@$!%*?&]/;\n\n  if (password.length < 8) {\n    return {\n      status: false,\n      message:  i18n.global.t(\"validation.password.minLength\")\n    }\n  }\n\n  // if (!lowercaseRegex.test(password)) {\n  //    return {\n  //     status: false,\n  //     message:i18n.global.t(\"validation.password.lowercase\")\n  //   }\n  // }\n\n  // if (!uppercaseRegex.test(password)) {\n  //   return {\n  //     status: false,\n  //     message: i18n.global.t(\"validation.password.uppercase\")\n  //   }\n  // }\n\n  // if (!numberRegex.test(password)) {\n  //   return {\n  //     status: false,\n  //     message: i18n.global.t(\"validation.password.number\")\n  //   }\n  // }\n\n  // if (!specialCharRegex.test(password)) {\n  //   return {\n  //     status: false,\n  //     message: i18n.global.t(\"validation.password.specialChar\")\n  //   }\n  // }\n\n  return {\n    status: true,\n    message: null\n  }\n}\n\nasync function validateInputs(input, method, variable, message) {\n   if (!variable) {\n\n    input.value = {\n      status: false,\n      message: i18n.global.t(\"validation.length\")\n    }\n    \n    setTimeout(() => { input.value = null }, 3000);\n    throw new Error(i18n.global.t(\"validation.length\"));\n  }\n  else {\n    const InputGood = method(variable)\n\n    if (!InputGood.status) {\n      input.value = InputGood\n      setTimeout(() => { input.value = null }, 3000);\n      throw new Error(message)\n    }\n  }\n}\n\nexport {\n  validatePhone,\n  validateEmail,\n  validatePassword,\n  validateLength,\n  validateInputs\n}"],"names":[],"mappings":"AAqDA,SAAS,cAAc,OAAO;AAC5B,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,EACV;AACH;AAEA,SAAS,cAAc,OAAO;AAC5B,QAAM,aAAa;AAGnB,MAAI,CAAC,WAAW,KAAK,KAAK,GAAG;AAC3B,WAAO;AAAA,MACL,QAAQ;AAAA,MACR,SAAU,KAAK,OAAO,EAAE,kBAAkB;AAAA,IAChD;AAAA,EACG;AAED,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,EACb;AACA;AAGA,SAAS,iBAAiB,UAAU;AAMlC,MAAI,SAAS,SAAS,GAAG;AACvB,WAAO;AAAA,MACL,QAAQ;AAAA,MACR,SAAU,KAAK,OAAO,EAAE,+BAA+B;AAAA,IACxD;AAAA,EACF;AA8BD,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,EACV;AACH;AAEA,eAAe,eAAe,OAAO,QAAQ,UAAU,SAAS;AAC7D,MAAI,CAAC,UAAU;AAEd,UAAM,QAAQ;AAAA,MACZ,QAAQ;AAAA,MACR,SAAS,KAAK,OAAO,EAAE,mBAAmB;AAAA,IAC3C;AAED,eAAW,MAAM;AAAE,YAAM,QAAQ;AAAA,IAAI,GAAI,GAAI;AAC7C,UAAM,IAAI,MAAM,KAAK,OAAO,EAAE,mBAAmB,CAAC;AAAA,EACnD,OACI;AACH,UAAM,YAAY,OAAO,QAAQ;AAEjC,QAAI,CAAC,UAAU,QAAQ;AACrB,YAAM,QAAQ;AACd,iBAAW,MAAM;AAAE,cAAM,QAAQ;AAAA,MAAI,GAAI,GAAI;AAC7C,YAAM,IAAI,MAAM,OAAO;AAAA,IACxB;AAAA,EACF;AACH;"}
+{"version":3,"file":"inputs.validation.js","sources":["../../../../../../../src/modules/auth/views/validations/inputs.validation.js"],"sourcesContent":["// import i18n from \"@pf/src/modules/globals/views/localization/vue-i18n\";\nconst messages = {\n  ru: {\n    \"validation\": {\n      \"length\": \"Содержимое должно быть не менее 1 символа.\",\n      \"maxLength\": \"Содержимое не должно превышать {maxLength} символов.\",\n      \"phone\": \"Неверный формат номера\",\n      \"email\": \"Неверный формат email\",\n      \"password\": {\n        \"minLength\": \"Пароль должен быть больше 8 символов\",\n        \"lowercase\": \"Должен быть символ в нижнем регистре\",\n        \"uppercase\": \"Должен быть символ в верхнем регистре\",\n        \"number\": \"Должна быть 1 цифра\",\n        \"specialChar\": \"Должен быть 1 специальный символ\"\n      }\n    }\n  },\n  en: {\n    \"validation\": {\n      \"length\": \"Content must be at least 1 character long.\",\n      \"maxLength\": \"Content should not exceed {maxLength} characters.\",\n      \"phone\": \"Invalid number format\",\n      \"email\": \"Invalid email format\",\n      \"password\": {\n        \"minLength\": \"Password must be longer than 8 characters\",\n        \"lowercase\": \"Must contain a lowercase character\",\n        \"uppercase\": \"Must contain an uppercase character\",\n        \"number\": \"Must contain at least 1 digit\",\n        \"specialChar\": \"Must contain at least 1 special character\"\n      }\n    }\n  }\n};\n\n// i18n.global.mergeLocaleMessage('ru', messages.ru);\n// i18n.global.mergeLocaleMessage('en', messages.en);\n\nfunction validateLength(input) {\n  const length = input.length;\n\n  if (length < 1) {\n    return {\n      status: false,\n      // message:  i18n.global.t(\"validation.length\")\n      message:  'validation.length'\n    };\n  }\n\n  return {\n    status: true,\n    message: null\n  };\n}\n\nfunction validatePhone(phone) {\n  return {\n    status: true,\n    message: null\n  }\n}\n\nfunction validateEmail(email) {\n  // const emailRegex = /^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,12}$/; Not allowing to add +1, +2, +3 and etc after email\n  const emailRegex = /^[\\w-]+(\\.[\\w-]+)*(\\+[\\w-]+)?@([\\w-]+\\.)+[\\w-]{2,12}$/;\n\n\n  if (!emailRegex.test(email)) {\n    return {\n      status: false,\n      // message:  i18n.global.t(\"validation.email\")\n      message:  'validation.email'\n    };\n  }\n\n  return {\n    status: true,\n    message: null\n  };\n}\n\n\nfunction validatePassword(password) {\n  const lowercaseRegex = /[a-z]/;\n  const uppercaseRegex = /[A-Z]/;\n  const numberRegex = /[0-9]/;\n  const specialCharRegex = /[@$!%*?&]/;\n\n  if (password.length < 8) {\n    return {\n      status: false,\n      // message:  i18n.global.t(\"validation.password.minLength\")\n      message:  'validation.password.minLength'\n    }\n  }\n\n  // if (!lowercaseRegex.test(password)) {\n  //    return {\n  //     status: false,\n  //     message:i18n.global.t(\"validation.password.lowercase\")\n  //   }\n  // }\n\n  // if (!uppercaseRegex.test(password)) {\n  //   return {\n  //     status: false,\n  //     message: i18n.global.t(\"validation.password.uppercase\")\n  //   }\n  // }\n\n  // if (!numberRegex.test(password)) {\n  //   return {\n  //     status: false,\n  //     message: i18n.global.t(\"validation.password.number\")\n  //   }\n  // }\n\n  // if (!specialCharRegex.test(password)) {\n  //   return {\n  //     status: false,\n  //     message: i18n.global.t(\"validation.password.specialChar\")\n  //   }\n  // }\n\n  return {\n    status: true,\n    message: null\n  }\n}\n\nasync function validateInputs(input, method, variable, message) {\n   if (!variable) {\n\n    input.value = {\n      status: false,\n      // message: i18n.global.t(\"validation.length\")\n       message: 'validation.length'\n    }\n    \n    setTimeout(() => { input.value = null }, 3000);\n    // throw new Error(i18n.global.t(\"validation.length\"));\n    throw new Error('validation.length');\n  }\n  else {\n    const InputGood = method(variable)\n\n    if (!InputGood.status) {\n      input.value = InputGood\n      setTimeout(() => { input.value = null }, 3000);\n      throw new Error(message)\n    }\n  }\n}\n\nexport {\n  validatePhone,\n  validateEmail,\n  validatePassword,\n  validateLength,\n  validateInputs\n}"],"names":[],"mappings":"AAsDA,SAAS,cAAc,OAAO;AAC5B,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,EACV;AACH;AAEA,SAAS,cAAc,OAAO;AAE5B,QAAM,aAAa;AAGnB,MAAI,CAAC,WAAW,KAAK,KAAK,GAAG;AAC3B,WAAO;AAAA,MACL,QAAQ;AAAA;AAAA,MAER,SAAU;AAAA,IAChB;AAAA,EACG;AAED,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,EACb;AACA;AAGA,SAAS,iBAAiB,UAAU;AAMlC,MAAI,SAAS,SAAS,GAAG;AACvB,WAAO;AAAA,MACL,QAAQ;AAAA;AAAA,MAER,SAAU;AAAA,IACX;AAAA,EACF;AA8BD,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,EACV;AACH;AAEA,eAAe,eAAe,OAAO,QAAQ,UAAU,SAAS;AAC7D,MAAI,CAAC,UAAU;AAEd,UAAM,QAAQ;AAAA,MACZ,QAAQ;AAAA;AAAA,MAEP,SAAS;AAAA,IACX;AAED,eAAW,MAAM;AAAE,YAAM,QAAQ;AAAA,IAAI,GAAI,GAAI;AAE7C,UAAM,IAAI,MAAM,mBAAmB;AAAA,EACpC,OACI;AACH,UAAM,YAAY,OAAO,QAAQ;AAEjC,QAAI,CAAC,UAAU,QAAQ;AACrB,YAAM,QAAQ;AACd,iBAAW,MAAM;AAAE,cAAM,QAAQ;AAAA,MAAI,GAAI,GAAI;AAC7C,YAAM,IAAI,MAAM,OAAO;AAAA,IACxB;AAAA,EACF;AACH;"}

package/dist/prometheus-framework/src/modules/community/components/blocks/CardBlogpost.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const CardHeader = require("../../../globals/views/components/blocks/CardHeader.vue.cjs");
 const FooterBlogpost = require("./FooterBlogpost.vue.cjs");
 const Text = require("../../../../components/Text/Text.vue.cjs");
-;/* empty css                                        */
+;/* empty css                                       */
 const vueRouter = require("vue-router");
 const _hoisted_1 = { class: "pos-relative bg-light radius-big flex-column flex" };
 const _hoisted_2 = { class: "pd-t-zero pd-b-zero pd-medium" };
@@ -62,7 +62,9 @@ const _sfc_main = {
       return props.blogpost.content.find((block) => block.type === "Video");
     });
     const firstText = vue.computed(() => {
-      return props.blogpost.content.find((block) => block.type === "Textarea");
+      return props.blogpost.content.find(
+        (block) => block.type === "Textarea" && block.class !== "h2"
+      );
     });
     return (_ctx, _cache) => {
       var _a;

package/dist/prometheus-framework/src/modules/community/components/blocks/CardBlogpost.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardBlogpost.vue.cjs","sources":["../../../../../../../src/modules/community/components/blocks/CardBlogpost.vue"],"sourcesContent":["<template>\n\t<article \n\t\tclass=\"pos-relative bg-light radius-big flex-column flex\"\n\t>\n\t\t<CardHeader \n\t    :class=\"{\n\t    \t'mn-b-small pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"blogpost\"\n\t    :entityType=\"'blogpost'\"\n\t    :user=\"user\"\n\t    :owner=\"blogpost.owner\" \n    \t:creator=\"blogpost.creator\"\n    \t:date=\"blogpost.createdAt\"\n    \t:actions=\"user && user === blogpost.creator.target._id ? [\n        { to: { name: 'Edit BlogPost', params: {url: blogpost.url } }, label: 'Edit' }\n       ]: null\"\n\t\t/>\n\n\t\n\t\t<section\n\t\t\tclass=\"pd-t-zero pd-b-zero pd-medium\"\n\t\t>\n\t\t\t\n\t\t\t<div v-if=\"type !== 'blogpostPage'\" class=\"cursor-pointer mn-b-thin flex-nowrap flex w-100\">\n\n\t\t\t\t<Text \n\t\t\t\t\tv-if=\"!hideTitle\"\n\t\t\t\t \t:text=\"blogpost.name || ''\" \n\t\t\t\t \t:maxLen=\"80\" \n\t\t\t\t \tclass=\"h3 d-block\"\n\t\t\t\t \t@click=\"router.push({\n\t\t\t\t\t\tname: 'BlogPost', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\turl: blogpost.url \n\t\t\t\t\t\t}\n\t\t\t\t\t})\"\n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"blogpost.status === 'draft'\" \n\t\t\t\t\tclass=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\"\n\t\t\t\t>\n\t\t\t\t\t{{blogpost.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\t\t\t\n\t\t\t<p \n\t\t\t\tv-if=\"firstText && firstText.content && type !== 'blogpostPage' && !hideDescription\" \n\t\t\t\tclass='mn-b-small t-transp p-big'\n\t\t\t>\n\t\t\t\t{{firstText.content.slice(0,120)}}...\n\t\t\t</p>\n\n\t\t\t<h3 \n\t\t\t\tv-if=\"type === 'blogpostPage' && !hideTitle\" \n\t\t\t\tclass=\"mn-b-small h2\"\n\t\t\t>\n\t\t\t\t{{blogpost.name}}\n\t\t\t</h3>\n\n\t\t\t<slot></slot>\n\n\t\t\t<!-- <Chips \n      \tv-if=\"type !== 'short' && blogpost.tags?.length > 0\" \n      \t:chips=\"blogpost.tags\"\n     \t/> -->\n\n\t\t</section>\n\n\t\t\t<!-- <Image :prop=\"{content:firstImage.content}\" class=\"h-100\"/> -->\n\n\t\t<template\n\t\t\tv-if=\"firstImage && firstImage.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<img loading=\"lazy\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + firstImage.content\" \n\t\t\t\talt=\"Blog post image\" \n\t\t\t\tclass=\"mn-b-medium object-fit-cover w-100 h-min-10r  h-100\"\n\t\t\t/>\n\t\t</template>\n\n\t\t<template\n\t\t\tv-if=\"!firstImage?.content && firstVideo && firstVideo.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<!-- <div class=\"flex-center flex\"> -->\n\t      <video controls class=\"mn-b-medium object-fit-cover w-100 h-max-20r\">\n\t        <source :src=\"firstVideo.content\" type=\"video/mp4\">\n\t        Your browser does not support the video tag.\n\t      </video>\n\t    <!-- </div> -->\n\t\t</template>\n\n\t\t\n\t\t<FooterBlogpost \n\t\t\tclass=\"pd-t-zero pd-medium\" \n\t\t\t:blogpost=\"blogpost\" :user=\"user\"\n\t\t/>\n\t\n\t</article>\n\n</template>\n\n\n<script setup=\"props\">\n\timport CardHeader  from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport FooterBlogpost  from '@pf/src/modules/community/components/blocks/FooterBlogpost.vue'\t\n\n\timport Image  from '@pf/src/modules/constructor/components/elements/Image.vue';\n\n  import Text     from '@pf/src/components/Text/Text.vue'\n\timport Chips  from '@pf/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\n\timport { computed } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t\tblogpost: {\n\t\t\ttype: Object,\n\t\t},\n\t\tuser: {\n\t\t\ttype: String,\n\t\t},\n\t\ttype: {\n\t\t\ttype: String,\n\t\t},\n\t\thideDescription: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\thideTitle: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t})\n\n  const firstImage = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'ImageUpload');\n\t});\n\n\tconst firstVideo = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'Video');\n\t});\n\n\tconst firstText = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'Textarea');\n\t});\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":["useRouter","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyHC,UAAM,SAASA,UAAAA,UAAW;AAE1B,UAAM,QAAQ;AAoBb,UAAM,aAAaC,IAAAA,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC3E,CAAE;AAED,UAAM,aAAaA,IAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,OAAO;AAAA,IACrE,CAAE;AAED,UAAM,YAAYA,IAAAA,SAAS,MAAM;AAC/B,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,UAAU;AAAA,IACxE,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardBlogpost.vue.cjs","sources":["../../../../../../../src/modules/community/components/blocks/CardBlogpost.vue"],"sourcesContent":["<template>\n\t<article \n\t\tclass=\"pos-relative bg-light radius-big flex-column flex\"\n\t>\n\t\t<CardHeader \n\t    :class=\"{\n\t    \t'mn-b-small pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"blogpost\"\n\t    :entityType=\"'blogpost'\"\n\t    :user=\"user\"\n\t    :owner=\"blogpost.owner\" \n    \t:creator=\"blogpost.creator\"\n    \t:date=\"blogpost.createdAt\"\n    \t:actions=\"user && user === blogpost.creator.target._id ? [\n        { to: { name: 'Edit BlogPost', params: {url: blogpost.url } }, label: 'Edit' }\n       ]: null\"\n\t\t/>\n\n\t\n\t\t<section\n\t\t\tclass=\"pd-t-zero pd-b-zero pd-medium\"\n\t\t>\n\t\t\t\n\t\t\t<div v-if=\"type !== 'blogpostPage'\" class=\"cursor-pointer mn-b-thin flex-nowrap flex w-100\">\n\n\t\t\t\t<Text \n\t\t\t\t\tv-if=\"!hideTitle\"\n\t\t\t\t \t:text=\"blogpost.name || ''\" \n\t\t\t\t \t:maxLen=\"80\" \n\t\t\t\t \tclass=\"h3 d-block\"\n\t\t\t\t \t@click=\"router.push({\n\t\t\t\t\t\tname: 'BlogPost', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\turl: blogpost.url \n\t\t\t\t\t\t}\n\t\t\t\t\t})\"\n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"blogpost.status === 'draft'\" \n\t\t\t\t\tclass=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\"\n\t\t\t\t>\n\t\t\t\t\t{{blogpost.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\t\t\t\n\t\t\t<p \n\t\t\t\tv-if=\"firstText && firstText.content && type !== 'blogpostPage' && !hideDescription\" \n\t\t\t\tclass='mn-b-small t-transp p-big'\n\t\t\t>\n\t\t\t\t{{firstText.content.slice(0,120)}}...\n\t\t\t</p>\n\n\t\t\t<h3 \n\t\t\t\tv-if=\"type === 'blogpostPage' && !hideTitle\" \n\t\t\t\tclass=\"mn-b-small h2\"\n\t\t\t>\n\t\t\t\t{{blogpost.name}}\n\t\t\t</h3>\n\n\t\t\t<slot></slot>\n\n\t\t\t<!-- <Chips \n      \tv-if=\"type !== 'short' && blogpost.tags?.length > 0\" \n      \t:chips=\"blogpost.tags\"\n     \t/> -->\n\n\t\t</section>\n\n\t\t\t<!-- <Image :prop=\"{content:firstImage.content}\" class=\"h-100\"/> -->\n\n\t\t<template\n\t\t\tv-if=\"firstImage && firstImage.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<img loading=\"lazy\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + firstImage.content\" \n\t\t\t\talt=\"Blog post image\" \n\t\t\t\tclass=\"mn-b-medium object-fit-cover w-100 h-min-10r  h-100\"\n\t\t\t/>\n\t\t</template>\n\n\t\t<template\n\t\t\tv-if=\"!firstImage?.content && firstVideo && firstVideo.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<!-- <div class=\"flex-center flex\"> -->\n\t      <video controls class=\"mn-b-medium object-fit-cover w-100 h-max-20r\">\n\t        <source :src=\"firstVideo.content\" type=\"video/mp4\">\n\t        Your browser does not support the video tag.\n\t      </video>\n\t    <!-- </div> -->\n\t\t</template>\n\n\t\t\n\t\t<FooterBlogpost \n\t\t\tclass=\"pd-t-zero pd-medium\" \n\t\t\t:blogpost=\"blogpost\" :user=\"user\"\n\t\t/>\n\t\n\t</article>\n\n</template>\n\n\n<script setup=\"props\">\n\timport CardHeader  from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport FooterBlogpost  from '@pf/src/modules/community/components/blocks/FooterBlogpost.vue'\t\n\n\timport Image  from '@pf/src/modules/constructor/components/elements/Image.vue';\n\n  import Text     from '@pf/src/components/Text/Text.vue'\n\timport Chips  from '@pf/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\n\timport { computed } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t\tblogpost: {\n\t\t\ttype: Object,\n\t\t},\n\t\tuser: {\n\t\t\ttype: String,\n\t\t},\n\t\ttype: {\n\t\t\ttype: String,\n\t\t},\n\t\thideDescription: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\thideTitle: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t})\n\n  const firstImage = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'ImageUpload');\n\t});\n\n\tconst firstVideo = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'Video');\n\t});\n\n\tconst firstText = computed(() => {\n\t  return props.blogpost.content.find(block => \n\t    block.type === 'Textarea' && block.class !== 'h2'\n\t  );\n\t});\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":["useRouter","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyHC,UAAM,SAASA,UAAAA,UAAW;AAE1B,UAAM,QAAQ;AAoBb,UAAM,aAAaC,IAAAA,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC3E,CAAE;AAED,UAAM,aAAaA,IAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,OAAO;AAAA,IACrE,CAAE;AAED,UAAM,YAAYA,IAAAA,SAAS,MAAM;AAC/B,aAAO,MAAM,SAAS,QAAQ;AAAA,QAAK,WACjC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA,MAClD;AAAA,IACA,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/community/components/blocks/CardBlogpost.vue.js

@@ -2,7 +2,7 @@ import { computed, openBlock, createElementBlock, createVNode, normalizeClass, c
 import _sfc_main$1 from "../../../globals/views/components/blocks/CardHeader.vue.js";
 import _sfc_main$3 from "./FooterBlogpost.vue.js";
 import _sfc_main$2 from "../../../../components/Text/Text.vue.js";
-/* empty css                                      */
+/* empty css                                     */
 import { useRouter } from "vue-router";
 const _hoisted_1 = { class: "pos-relative bg-light radius-big flex-column flex" };
 const _hoisted_2 = { class: "pd-t-zero pd-b-zero pd-medium" };
@@ -60,7 +60,9 @@ const _sfc_main = {
       return props.blogpost.content.find((block) => block.type === "Video");
     });
     const firstText = computed(() => {
-      return props.blogpost.content.find((block) => block.type === "Textarea");
+      return props.blogpost.content.find(
+        (block) => block.type === "Textarea" && block.class !== "h2"
+      );
     });
     return (_ctx, _cache) => {
       var _a;

package/dist/prometheus-framework/src/modules/community/components/blocks/CardBlogpost.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardBlogpost.vue.js","sources":["../../../../../../../src/modules/community/components/blocks/CardBlogpost.vue"],"sourcesContent":["<template>\n\t<article \n\t\tclass=\"pos-relative bg-light radius-big flex-column flex\"\n\t>\n\t\t<CardHeader \n\t    :class=\"{\n\t    \t'mn-b-small pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"blogpost\"\n\t    :entityType=\"'blogpost'\"\n\t    :user=\"user\"\n\t    :owner=\"blogpost.owner\" \n    \t:creator=\"blogpost.creator\"\n    \t:date=\"blogpost.createdAt\"\n    \t:actions=\"user && user === blogpost.creator.target._id ? [\n        { to: { name: 'Edit BlogPost', params: {url: blogpost.url } }, label: 'Edit' }\n       ]: null\"\n\t\t/>\n\n\t\n\t\t<section\n\t\t\tclass=\"pd-t-zero pd-b-zero pd-medium\"\n\t\t>\n\t\t\t\n\t\t\t<div v-if=\"type !== 'blogpostPage'\" class=\"cursor-pointer mn-b-thin flex-nowrap flex w-100\">\n\n\t\t\t\t<Text \n\t\t\t\t\tv-if=\"!hideTitle\"\n\t\t\t\t \t:text=\"blogpost.name || ''\" \n\t\t\t\t \t:maxLen=\"80\" \n\t\t\t\t \tclass=\"h3 d-block\"\n\t\t\t\t \t@click=\"router.push({\n\t\t\t\t\t\tname: 'BlogPost', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\turl: blogpost.url \n\t\t\t\t\t\t}\n\t\t\t\t\t})\"\n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"blogpost.status === 'draft'\" \n\t\t\t\t\tclass=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\"\n\t\t\t\t>\n\t\t\t\t\t{{blogpost.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\t\t\t\n\t\t\t<p \n\t\t\t\tv-if=\"firstText && firstText.content && type !== 'blogpostPage' && !hideDescription\" \n\t\t\t\tclass='mn-b-small t-transp p-big'\n\t\t\t>\n\t\t\t\t{{firstText.content.slice(0,120)}}...\n\t\t\t</p>\n\n\t\t\t<h3 \n\t\t\t\tv-if=\"type === 'blogpostPage' && !hideTitle\" \n\t\t\t\tclass=\"mn-b-small h2\"\n\t\t\t>\n\t\t\t\t{{blogpost.name}}\n\t\t\t</h3>\n\n\t\t\t<slot></slot>\n\n\t\t\t<!-- <Chips \n      \tv-if=\"type !== 'short' && blogpost.tags?.length > 0\" \n      \t:chips=\"blogpost.tags\"\n     \t/> -->\n\n\t\t</section>\n\n\t\t\t<!-- <Image :prop=\"{content:firstImage.content}\" class=\"h-100\"/> -->\n\n\t\t<template\n\t\t\tv-if=\"firstImage && firstImage.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<img loading=\"lazy\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + firstImage.content\" \n\t\t\t\talt=\"Blog post image\" \n\t\t\t\tclass=\"mn-b-medium object-fit-cover w-100 h-min-10r  h-100\"\n\t\t\t/>\n\t\t</template>\n\n\t\t<template\n\t\t\tv-if=\"!firstImage?.content && firstVideo && firstVideo.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<!-- <div class=\"flex-center flex\"> -->\n\t      <video controls class=\"mn-b-medium object-fit-cover w-100 h-max-20r\">\n\t        <source :src=\"firstVideo.content\" type=\"video/mp4\">\n\t        Your browser does not support the video tag.\n\t      </video>\n\t    <!-- </div> -->\n\t\t</template>\n\n\t\t\n\t\t<FooterBlogpost \n\t\t\tclass=\"pd-t-zero pd-medium\" \n\t\t\t:blogpost=\"blogpost\" :user=\"user\"\n\t\t/>\n\t\n\t</article>\n\n</template>\n\n\n<script setup=\"props\">\n\timport CardHeader  from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport FooterBlogpost  from '@pf/src/modules/community/components/blocks/FooterBlogpost.vue'\t\n\n\timport Image  from '@pf/src/modules/constructor/components/elements/Image.vue';\n\n  import Text     from '@pf/src/components/Text/Text.vue'\n\timport Chips  from '@pf/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\n\timport { computed } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t\tblogpost: {\n\t\t\ttype: Object,\n\t\t},\n\t\tuser: {\n\t\t\ttype: String,\n\t\t},\n\t\ttype: {\n\t\t\ttype: String,\n\t\t},\n\t\thideDescription: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\thideTitle: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t})\n\n  const firstImage = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'ImageUpload');\n\t});\n\n\tconst firstVideo = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'Video');\n\t});\n\n\tconst firstText = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'Textarea');\n\t});\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyHC,UAAM,SAAS,UAAW;AAE1B,UAAM,QAAQ;AAoBb,UAAM,aAAa,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC3E,CAAE;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,OAAO;AAAA,IACrE,CAAE;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,UAAU;AAAA,IACxE,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardBlogpost.vue.js","sources":["../../../../../../../src/modules/community/components/blocks/CardBlogpost.vue"],"sourcesContent":["<template>\n\t<article \n\t\tclass=\"pos-relative bg-light radius-big flex-column flex\"\n\t>\n\t\t<CardHeader \n\t    :class=\"{\n\t    \t'mn-b-small pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"blogpost\"\n\t    :entityType=\"'blogpost'\"\n\t    :user=\"user\"\n\t    :owner=\"blogpost.owner\" \n    \t:creator=\"blogpost.creator\"\n    \t:date=\"blogpost.createdAt\"\n    \t:actions=\"user && user === blogpost.creator.target._id ? [\n        { to: { name: 'Edit BlogPost', params: {url: blogpost.url } }, label: 'Edit' }\n       ]: null\"\n\t\t/>\n\n\t\n\t\t<section\n\t\t\tclass=\"pd-t-zero pd-b-zero pd-medium\"\n\t\t>\n\t\t\t\n\t\t\t<div v-if=\"type !== 'blogpostPage'\" class=\"cursor-pointer mn-b-thin flex-nowrap flex w-100\">\n\n\t\t\t\t<Text \n\t\t\t\t\tv-if=\"!hideTitle\"\n\t\t\t\t \t:text=\"blogpost.name || ''\" \n\t\t\t\t \t:maxLen=\"80\" \n\t\t\t\t \tclass=\"h3 d-block\"\n\t\t\t\t \t@click=\"router.push({\n\t\t\t\t\t\tname: 'BlogPost', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\turl: blogpost.url \n\t\t\t\t\t\t}\n\t\t\t\t\t})\"\n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"blogpost.status === 'draft'\" \n\t\t\t\t\tclass=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\"\n\t\t\t\t>\n\t\t\t\t\t{{blogpost.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\t\t\t\n\t\t\t<p \n\t\t\t\tv-if=\"firstText && firstText.content && type !== 'blogpostPage' && !hideDescription\" \n\t\t\t\tclass='mn-b-small t-transp p-big'\n\t\t\t>\n\t\t\t\t{{firstText.content.slice(0,120)}}...\n\t\t\t</p>\n\n\t\t\t<h3 \n\t\t\t\tv-if=\"type === 'blogpostPage' && !hideTitle\" \n\t\t\t\tclass=\"mn-b-small h2\"\n\t\t\t>\n\t\t\t\t{{blogpost.name}}\n\t\t\t</h3>\n\n\t\t\t<slot></slot>\n\n\t\t\t<!-- <Chips \n      \tv-if=\"type !== 'short' && blogpost.tags?.length > 0\" \n      \t:chips=\"blogpost.tags\"\n     \t/> -->\n\n\t\t</section>\n\n\t\t\t<!-- <Image :prop=\"{content:firstImage.content}\" class=\"h-100\"/> -->\n\n\t\t<template\n\t\t\tv-if=\"firstImage && firstImage.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<img loading=\"lazy\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + firstImage.content\" \n\t\t\t\talt=\"Blog post image\" \n\t\t\t\tclass=\"mn-b-medium object-fit-cover w-100 h-min-10r  h-100\"\n\t\t\t/>\n\t\t</template>\n\n\t\t<template\n\t\t\tv-if=\"!firstImage?.content && firstVideo && firstVideo.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<!-- <div class=\"flex-center flex\"> -->\n\t      <video controls class=\"mn-b-medium object-fit-cover w-100 h-max-20r\">\n\t        <source :src=\"firstVideo.content\" type=\"video/mp4\">\n\t        Your browser does not support the video tag.\n\t      </video>\n\t    <!-- </div> -->\n\t\t</template>\n\n\t\t\n\t\t<FooterBlogpost \n\t\t\tclass=\"pd-t-zero pd-medium\" \n\t\t\t:blogpost=\"blogpost\" :user=\"user\"\n\t\t/>\n\t\n\t</article>\n\n</template>\n\n\n<script setup=\"props\">\n\timport CardHeader  from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport FooterBlogpost  from '@pf/src/modules/community/components/blocks/FooterBlogpost.vue'\t\n\n\timport Image  from '@pf/src/modules/constructor/components/elements/Image.vue';\n\n  import Text     from '@pf/src/components/Text/Text.vue'\n\timport Chips  from '@pf/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\n\timport { computed } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t\tblogpost: {\n\t\t\ttype: Object,\n\t\t},\n\t\tuser: {\n\t\t\ttype: String,\n\t\t},\n\t\ttype: {\n\t\t\ttype: String,\n\t\t},\n\t\thideDescription: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\thideTitle: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t})\n\n  const firstImage = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'ImageUpload');\n\t});\n\n\tconst firstVideo = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'Video');\n\t});\n\n\tconst firstText = computed(() => {\n\t  return props.blogpost.content.find(block => \n\t    block.type === 'Textarea' && block.class !== 'h2'\n\t  );\n\t});\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyHC,UAAM,SAAS,UAAW;AAE1B,UAAM,QAAQ;AAoBb,UAAM,aAAa,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC3E,CAAE;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,OAAO;AAAA,IACrE,CAAE;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,MAAM,SAAS,QAAQ;AAAA,QAAK,WACjC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA,MAClD;AAAA,IACA,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -15,11 +15,14 @@ const organizations = require("../../../organizations/store/organizations.cjs");
 const memberships = require("../../../organizations/store/memberships.cjs");
 const _hoisted_1 = {
   style: { "grid-template-columns": "2fr 4fr 2fr" },
-  class: "cols-3 gap-thin pd-thin"
+  class: "cols-3 gap-thin pd-t-zero pd-thin"
 };
-const _hoisted_2 = { class: "align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column flex-nowrap flex" };
+const _hoisted_2 = { class: "align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column mobile:flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide" };
 const _hoisted_3 = { class: "pos-relative" };
-const _hoisted_4 = { class: "bg-main t-black radius-big pd-medium pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex" };
+const _hoisted_4 = {
+  key: 0,
+  class: "bg-light t-black radius-big pd-medium pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex"
+};
 const _hoisted_5 = { class: "pos-relative flex-v-center flex-nowrap flex" };
 const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("span", { class: "mn-r-thin" }, "Topics for ", -1);
 const _hoisted_7 = { class: "align-self-start bg-light radius-big pd-medium" };
@@ -81,20 +84,21 @@ const _sfc_main = {
             vue.createVNode(IconFollowing.default, { class: "i-medium mn-r-thin t-transp" }),
             vue.createTextVNode(" Following ")
           ], 2)) : vue.createCommentVNode("", true),
-          vue.createVNode(_component_router_link, {
+          auth.state.user._id ? (vue.openBlock(), vue.createBlock(_component_router_link, {
+            key: 1,
             to: {
               name: "Create BlogPost"
             },
-            class: "button t-medium mn-t-small bg-main w-100"
+            class: "button t-medium bg-main w-100"
           }, {
             default: vue.withCtx(() => [
               vue.createTextVNode(" Create Post ")
             ]),
             _: 1
-          })
+          })) : vue.createCommentVNode("", true)
         ]),
         vue.createElementVNode("section", _hoisted_3, [
-          vue.createElementVNode("header", _hoisted_4, [
+          !vue.unref(route).params.url ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_4, [
             vue.createElementVNode("h3", _hoisted_5, [
               _hoisted_6,
               vue.createVNode(Select.default, {
@@ -102,10 +106,10 @@ const _sfc_main = {
                 select: blogposts.state.filter.period,
                 "onUpdate:select": _cache[4] || (_cache[4] = ($event) => blogposts.state.filter.period = $event),
                 placeholder: "all time",
-                class: "t-semi pos-relative w-max bg-main t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10"
+                class: "t-semi pos-relative w-max bg-main t-black pd-thin radius-medium h3 t-center"
               }, null, 8, ["select"])
             ])
-          ]),
+          ])) : vue.createCommentVNode("", true),
           vue.createVNode(_component_router_view, null, {
             default: vue.withCtx(({ Component, route: route2 }) => [
               vue.createVNode(vue.Transition, {

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

@@ -1 +1 @@
-{"version":3,"file":"Community.vue.cjs","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["<template>\n\t<div style=\"grid-template-columns: 2fr 4fr 2fr;\" class=\"cols-3 gap-thin pd-thin\">\n\n\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column flex-nowrap flex\">\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFeatured\n\t\t\t</li>\n\t\t\t<li  \t\n\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@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\t\n\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tPopular\n\t\t\t</li>\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tRecent\n\t\t\t</li>\n\t\t\t<li \t\n\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFollowing\n\t\t\t</li>\n\n\t\t\t<router-link \n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t}\" \n\t\t\t\tclass=\"button t-medium mn-t-small bg-main w-100\"\n\t\t\t>\n\t\t\t\tCreate Post\n\t\t\t</router-link>\n\t\t</ul>\n\n\t\t<section class=\"pos-relative\">\n\n\t\t\t<header class=\"bg-main t-black radius-big pd-medium pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t    \t<h3 class=\"pos-relative flex-v-center flex-nowrap flex\">\n\t    \t\t<span class=\"mn-r-thin\">Topics for </span>\n\n\t    \t\t<Select \n\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t        placeholder=\"all time\"\n\t\t        class=\"\n\t\t        \tt-semi\n\t\t        \tpos-relative \n\t\t        \tw-max\n\t\t        \tbg-main t-black\n\t\t        \tpd-thin\n\t\t        \tradius-medium\n\t\t          h3\n\t\t         \tt-center\n\t\t         \tbr-solid\n\t\t         \tbr-2px\n\t\t         \tbr-black-transp-10\n\t\t        \"\n\t\t      />\n\t    \t</h3>\n\t\t\t</header>\n\n\t\t\t<router-view  v-slot=\"{ Component, route }\">\n\t\t\t\t<transition   name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t</transition>\n\t\t\t</router-view>\n\n\t\t</section>\n\n\t\t<div class=\"align-self-start  bg-light radius-big pd-medium\">\n\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t<p class=\"t-medium mn-b-small\">Popular Communities</p>\n\t\t\t\t\n\t\t\t\t<router-link \n\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t}\"\n\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>\n\t\t\t\t\t+\n\t\t\t\t</router-link>\n\t\t\t</div>\n\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Feed\n\t\t      :states=\"{\n\t\t        empty: {\n\t\t          title: 'No Organization Found',\n\t\t          description: 'Currently, there are no organization available.'\n\t\t        }\n\t\t      }\"\n\t\t      :store=\"{\n\t\t        read: (options) => organizations.actions.read(options),\n\t\t        state: organizations.state\n\t\t      }\"\n\t\t      :options=\"{\n\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\tlimit: 10\n\t\t      }\"\n\t\t      v-slot=\"{ \n\t\t        items \n\t\t      }\"\n\t\t    >\n\t\t    \t<CardOrganization \n\t    \t\t\tv-for=\"organization in items\"\n\t        \t:key=\"organization._id\" \n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t      \t:showProducts=\"false\"\n\t\t      \t:showRating=\"false\"\n\t\t      \t:showFeatured=\"false\"\n\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"mn-b-thin w-100 pd-0 bg-white radius-big o-hidden\"\n\t\t\t    />\n\t\t    </Feed>\n\t\t\t</transition>\n\t\t</div>\n</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 '@pf/src/components/Select/Select.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@pf/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@pf/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@pf/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@pf/src/modules/icons/entities/IconFollowing.vue'\n\n \t// Import state\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\timport * as organizations from '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships from '@pf/src/modules/organizations/store/memberships'\n\n\t// State\n\tconst route = useRoute();\n\tconst router = useRouter();\n\n\tif (route.params.category === 'popular') blog.state.sort.param = 'views'; \n\tif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","useRouter","blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+JC,UAAM,QAAQA,UAAAA;AACd,UAAM,SAASC,UAAAA;AAEf,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,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACjI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Community.vue.cjs","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["<template>\n\t<div style=\"grid-template-columns: 2fr 4fr 2fr;\" class=\"cols-3 gap-thin pd-t-zero pd-thin\">\n\n\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column mobile:flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFeatured\n\t\t\t</li>\n\t\t\t<li  \t\n\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@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\t\n\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tPopular\n\t\t\t</li>\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tRecent\n\t\t\t</li>\n\t\t\t<li \t\n\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFollowing\n\t\t\t</li>\n\n\t\t\t<router-link \n\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t}\" \n\t\t\t\tclass=\"button t-medium bg-main w-100\"\n\t\t\t>\n\t\t\t\tCreate Post\n\t\t\t</router-link>\n\t\t</ul>\n\n\t\t<section class=\"pos-relative\">\n\n\t\t\t<header v-if=\"!route.params.url\" class=\"bg-light t-black radius-big pd-medium pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t    \t<h3 class=\"pos-relative flex-v-center flex-nowrap flex\">\n\t    \t\t<span class=\"mn-r-thin\">Topics for </span>\n\n\t    \t\t<Select \n\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t        placeholder=\"all time\"\n\t\t        class=\"\n\t\t        \tt-semi\n\t\t        \tpos-relative \n\t\t        \tw-max\n\t\t        \tbg-main t-black\n\t\t        \tpd-thin\n\t\t        \tradius-medium\n\t\t          h3\n\t\t         \tt-center\n\t\t        \"\n\t\t      />\n\t    \t</h3>\n\t\t\t</header>\n\n\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t</transition>\n\t\t\t</router-view>\n\n\t\t</section>\n\n\t\t<div class=\"align-self-start  bg-light radius-big pd-medium\">\n\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t<p class=\"t-medium mn-b-small\">Popular Communities</p>\n\t\t\t\t\n\t\t\t\t<router-link \n\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t}\"\n\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>\n\t\t\t\t\t+\n\t\t\t\t</router-link>\n\t\t\t</div>\n\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Feed\n\t\t      :states=\"{\n\t\t        empty: {\n\t\t          title: 'No Organization Found',\n\t\t          description: 'Currently, there are no organization available.'\n\t\t        }\n\t\t      }\"\n\t\t      :store=\"{\n\t\t        read: (options) => organizations.actions.read(options),\n\t\t        state: organizations.state\n\t\t      }\"\n\t\t      :options=\"{\n\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\tlimit: 10\n\t\t      }\"\n\t\t      v-slot=\"{ \n\t\t        items \n\t\t      }\"\n\t\t    >\n\t\t    \t<CardOrganization \n\t    \t\t\tv-for=\"organization in items\"\n\t        \t:key=\"organization._id\" \n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t      \t:showProducts=\"false\"\n\t\t      \t:showRating=\"false\"\n\t\t      \t:showFeatured=\"false\"\n\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"mn-b-thin w-100 pd-0 bg-white radius-big o-hidden\"\n\t\t\t    />\n\t\t    </Feed>\n\t\t\t</transition>\n\t\t</div>\n</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 '@pf/src/components/Select/Select.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@pf/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@pf/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@pf/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@pf/src/modules/icons/entities/IconFollowing.vue'\n\n \t// Import state\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\timport * as organizations from '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships from '@pf/src/modules/organizations/store/memberships'\n\n\t// State\n\tconst route = useRoute();\n\tconst router = useRouter();\n\n\tif (route.params.category === 'popular') blog.state.sort.param = 'views'; \n\tif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","useRouter","blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6JC,UAAM,QAAQA,UAAAA;AACd,UAAM,SAASC,UAAAA;AAEf,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,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACjI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, createVNode, createTextVNode, createCommentVNode, withCtx, Transition, createBlock, resolveDynamicComponent, Fragment, renderList } from "vue";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, createVNode, createTextVNode, createCommentVNode, createBlock, withCtx, Transition, resolveDynamicComponent, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
@@ -13,11 +13,14 @@ import { actions, state as state$2 } from "../../../organizations/store/organiza
 import { mutations } from "../../../organizations/store/memberships.js";
 const _hoisted_1 = {
   style: { "grid-template-columns": "2fr 4fr 2fr" },
-  class: "cols-3 gap-thin pd-thin"
+  class: "cols-3 gap-thin pd-t-zero pd-thin"
 };
-const _hoisted_2 = { class: "align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column flex-nowrap flex" };
+const _hoisted_2 = { class: "align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column mobile:flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide" };
 const _hoisted_3 = { class: "pos-relative" };
-const _hoisted_4 = { class: "bg-main t-black radius-big pd-medium pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex" };
+const _hoisted_4 = {
+  key: 0,
+  class: "bg-light t-black radius-big pd-medium pos-relative mn-b-thin flex-v-center t-left flex-nowrap flex"
+};
 const _hoisted_5 = { class: "pos-relative flex-v-center flex-nowrap flex" };
 const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", { class: "mn-r-thin" }, "Topics for ", -1);
 const _hoisted_7 = { class: "align-self-start bg-light radius-big pd-medium" };
@@ -79,20 +82,21 @@ const _sfc_main = {
             createVNode(_sfc_main$4, { class: "i-medium mn-r-thin t-transp" }),
             createTextVNode(" Following ")
           ], 2)) : createCommentVNode("", true),
-          createVNode(_component_router_link, {
+          state$1.user._id ? (openBlock(), createBlock(_component_router_link, {
+            key: 1,
             to: {
               name: "Create BlogPost"
             },
-            class: "button t-medium mn-t-small bg-main w-100"
+            class: "button t-medium bg-main w-100"
           }, {
             default: withCtx(() => [
               createTextVNode(" Create Post ")
             ]),
             _: 1
-          })
+          })) : createCommentVNode("", true)
         ]),
         createElementVNode("section", _hoisted_3, [
-          createElementVNode("header", _hoisted_4, [
+          !unref(route).params.url ? (openBlock(), createElementBlock("header", _hoisted_4, [
             createElementVNode("h3", _hoisted_5, [
               _hoisted_6,
               createVNode(Select, {
@@ -100,10 +104,10 @@ const _sfc_main = {
                 select: state.filter.period,
                 "onUpdate:select": _cache[4] || (_cache[4] = ($event) => state.filter.period = $event),
                 placeholder: "all time",
-                class: "t-semi pos-relative w-max bg-main t-black pd-thin radius-medium h3 t-center br-solid br-2px br-black-transp-10"
+                class: "t-semi pos-relative w-max bg-main t-black pd-thin radius-medium h3 t-center"
               }, null, 8, ["select"])
             ])
-          ]),
+          ])) : createCommentVNode("", true),
           createVNode(_component_router_view, null, {
             default: withCtx(({ Component, route: route2 }) => [
               createVNode(Transition, {

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

@@ -1 +1 @@
-{"version":3,"file":"Community.vue.js","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["<template>\n\t<div style=\"grid-template-columns: 2fr 4fr 2fr;\" class=\"cols-3 gap-thin pd-thin\">\n\n\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column flex-nowrap flex\">\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFeatured\n\t\t\t</li>\n\t\t\t<li  \t\n\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@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\t\n\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tPopular\n\t\t\t</li>\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tRecent\n\t\t\t</li>\n\t\t\t<li \t\n\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFollowing\n\t\t\t</li>\n\n\t\t\t<router-link \n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t}\" \n\t\t\t\tclass=\"button t-medium mn-t-small bg-main w-100\"\n\t\t\t>\n\t\t\t\tCreate Post\n\t\t\t</router-link>\n\t\t</ul>\n\n\t\t<section class=\"pos-relative\">\n\n\t\t\t<header class=\"bg-main t-black radius-big pd-medium pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t    \t<h3 class=\"pos-relative flex-v-center flex-nowrap flex\">\n\t    \t\t<span class=\"mn-r-thin\">Topics for </span>\n\n\t    \t\t<Select \n\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t        placeholder=\"all time\"\n\t\t        class=\"\n\t\t        \tt-semi\n\t\t        \tpos-relative \n\t\t        \tw-max\n\t\t        \tbg-main t-black\n\t\t        \tpd-thin\n\t\t        \tradius-medium\n\t\t          h3\n\t\t         \tt-center\n\t\t         \tbr-solid\n\t\t         \tbr-2px\n\t\t         \tbr-black-transp-10\n\t\t        \"\n\t\t      />\n\t    \t</h3>\n\t\t\t</header>\n\n\t\t\t<router-view  v-slot=\"{ Component, route }\">\n\t\t\t\t<transition   name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t</transition>\n\t\t\t</router-view>\n\n\t\t</section>\n\n\t\t<div class=\"align-self-start  bg-light radius-big pd-medium\">\n\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t<p class=\"t-medium mn-b-small\">Popular Communities</p>\n\t\t\t\t\n\t\t\t\t<router-link \n\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t}\"\n\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>\n\t\t\t\t\t+\n\t\t\t\t</router-link>\n\t\t\t</div>\n\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Feed\n\t\t      :states=\"{\n\t\t        empty: {\n\t\t          title: 'No Organization Found',\n\t\t          description: 'Currently, there are no organization available.'\n\t\t        }\n\t\t      }\"\n\t\t      :store=\"{\n\t\t        read: (options) => organizations.actions.read(options),\n\t\t        state: organizations.state\n\t\t      }\"\n\t\t      :options=\"{\n\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\tlimit: 10\n\t\t      }\"\n\t\t      v-slot=\"{ \n\t\t        items \n\t\t      }\"\n\t\t    >\n\t\t    \t<CardOrganization \n\t    \t\t\tv-for=\"organization in items\"\n\t        \t:key=\"organization._id\" \n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t      \t:showProducts=\"false\"\n\t\t      \t:showRating=\"false\"\n\t\t      \t:showFeatured=\"false\"\n\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"mn-b-thin w-100 pd-0 bg-white radius-big o-hidden\"\n\t\t\t    />\n\t\t    </Feed>\n\t\t\t</transition>\n\t\t</div>\n</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 '@pf/src/components/Select/Select.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@pf/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@pf/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@pf/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@pf/src/modules/icons/entities/IconFollowing.vue'\n\n \t// Import state\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\timport * as organizations from '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships from '@pf/src/modules/organizations/store/memberships'\n\n\t// State\n\tconst route = useRoute();\n\tconst router = useRouter();\n\n\tif (route.params.category === 'popular') blog.state.sort.param = 'views'; \n\tif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+JC,UAAM,QAAQ;AACd,UAAM,SAAS;AAEf,QAAI,MAAM,OAAO,aAAa,UAAWA,OAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,OAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,gBAAsB,uBAAuBC,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACjI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Community.vue.js","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["<template>\n\t<div style=\"grid-template-columns: 2fr 4fr 2fr;\" class=\"cols-3 gap-thin pd-t-zero pd-thin\">\n\n\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column mobile:flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFeatured\n\t\t\t</li>\n\t\t\t<li  \t\n\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@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\t\n\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tPopular\n\t\t\t</li>\n\t\t\t<li  \t\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tRecent\n\t\t\t</li>\n\t\t\t<li \t\n\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-extra\"\n\t\t\t>\n\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\tFollowing\n\t\t\t</li>\n\n\t\t\t<router-link \n\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t:to=\"{\n\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t}\" \n\t\t\t\tclass=\"button t-medium bg-main w-100\"\n\t\t\t>\n\t\t\t\tCreate Post\n\t\t\t</router-link>\n\t\t</ul>\n\n\t\t<section class=\"pos-relative\">\n\n\t\t\t<header v-if=\"!route.params.url\" class=\"bg-light t-black radius-big pd-medium pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t    \t<h3 class=\"pos-relative flex-v-center flex-nowrap flex\">\n\t    \t\t<span class=\"mn-r-thin\">Topics for </span>\n\n\t    \t\t<Select \n\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t        placeholder=\"all time\"\n\t\t        class=\"\n\t\t        \tt-semi\n\t\t        \tpos-relative \n\t\t        \tw-max\n\t\t        \tbg-main t-black\n\t\t        \tpd-thin\n\t\t        \tradius-medium\n\t\t          h3\n\t\t         \tt-center\n\t\t        \"\n\t\t      />\n\t    \t</h3>\n\t\t\t</header>\n\n\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t</transition>\n\t\t\t</router-view>\n\n\t\t</section>\n\n\t\t<div class=\"align-self-start  bg-light radius-big pd-medium\">\n\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t<p class=\"t-medium mn-b-small\">Popular Communities</p>\n\t\t\t\t\n\t\t\t\t<router-link \n\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t:to=\"{\n\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t}\"\n\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>\n\t\t\t\t\t+\n\t\t\t\t</router-link>\n\t\t\t</div>\n\n\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<Feed\n\t\t      :states=\"{\n\t\t        empty: {\n\t\t          title: 'No Organization Found',\n\t\t          description: 'Currently, there are no organization available.'\n\t\t        }\n\t\t      }\"\n\t\t      :store=\"{\n\t\t        read: (options) => organizations.actions.read(options),\n\t\t        state: organizations.state\n\t\t      }\"\n\t\t      :options=\"{\n\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\tlimit: 10\n\t\t      }\"\n\t\t      v-slot=\"{ \n\t\t        items \n\t\t      }\"\n\t\t    >\n\t\t    \t<CardOrganization \n\t    \t\t\tv-for=\"organization in items\"\n\t        \t:key=\"organization._id\" \n\t\t      \t:organization=\"organization\"\n\t\t      \t:user=\"auth.state.user\"\n\t\t      \t:showProducts=\"false\"\n\t\t      \t:showRating=\"false\"\n\t\t      \t:showFeatured=\"false\"\n\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\tclass=\"mn-b-thin w-100 pd-0 bg-white radius-big o-hidden\"\n\t\t\t    />\n\t\t    </Feed>\n\t\t\t</transition>\n\t\t</div>\n</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 '@pf/src/components/Select/Select.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@pf/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@pf/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@pf/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@pf/src/modules/icons/entities/IconFollowing.vue'\n\n \t// Import state\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\timport * as organizations from '@pf/src/modules/organizations/store/organizations'\n\timport * as memberships from '@pf/src/modules/organizations/store/memberships'\n\n\t// State\n\tconst route = useRoute();\n\tconst router = useRouter();\n\n\tif (route.params.category === 'popular') blog.state.sort.param = 'views'; \n\tif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6JC,UAAM,QAAQ;AACd,UAAM,SAAS;AAEf,QAAI,MAAM,OAAO,aAAa,UAAWA,OAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,OAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,gBAAsB,uBAAuBC,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACjI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,68 +2,82 @@
 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                                          */
+;/* 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 vueRouter = require("vue-router");
+;/* empty css                                       */
+;/* empty css                                          */
+const auth = require("../../../auth/views/store/auth.cjs");
+require("../../../organizations/store/memberships.cjs");
+require("../../../organizations/store/organizations.cjs");
+;/* 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 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 _hoisted_1 = ["href"];
 const _sfc_main = {
   __name: "BlogPost",
-  async setup(__props) {
-    let __temp, __restore;
+  setup(__props) {
     const route = vueRouter.useRoute();
-    const blogpost = vue.ref(null);
-    const isLoading = vue.ref(true);
+    const blogpost = vue.computed(() => blogposts.state.current);
+    const isLoading = vue.ref(false);
     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(() => {
+    const error = vue.ref(null);
+    async function fetchBlogpost() {
       var _a;
-      return (_a = blogpost.value) == null ? void 0 : _a.content.find((block) => block.type === "ImageUpload");
+      try {
+        isLoading.value = true;
+        const data = await blogposts.read({ user: (_a = auth.state.user) == null ? void 0 : _a._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.computed(() => {
-      var _a;
-      return (_a = blogpost.value) == null ? void 0 : _a.content.find((block) => block.type === "Video");
+    vue.onMounted(async () => {
+      if (!blogpost.value || blogpost.value.url !== route.params.url) {
+        await fetchBlogpost();
+      }
+      canShare.value = !!navigator.share;
+    });
+    const firstImage = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = blogpost.value) == null ? void 0 : _a.content) == null ? void 0 : _b.find((block) => block.type === "ImageUpload");
     });
     const firstText = vue.computed(() => {
-      var _a;
-      return (_a = blogpost.value) == null ? void 0 : _a.content[2];
+      var _a, _b;
+      return (_b = (_a = blogpost.value) == null ? void 0 : _a.content) == null ? void 0 : _b.find(
+        (block) => block.type === "Textarea" && block.class !== "h2"
+      );
     });
     const metadata = vue.computed(() => {
-      var _a, _b, _c, _d, _e, _f;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       return {
         title: (_a = blogpost.value) == null ? void 0 : _a.name,
         description: (_b = firstText.value) == null ? void 0 : _b.content.slice(0, 120),
         meta: [
           { hid: "description", name: "description", content: (_c = firstText.value) == null ? void 0 : _c.content.slice(0, 120) },
-          // { hid: 'keywords', name: 'keywords', content: t('meta.keywords') },
           { hid: "og:title", property: "og:title", content: (_d = blogpost.value) == null ? void 0 : _d.name },
           { hid: "og:description", property: "og:description", content: (_e = firstText.value) == null ? void 0 : _e.content.slice(0, 120) },
-          // { hid: 'og:image', property: 'og:image', content: 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') },
+          { hid: "og:image", property: "og:image", content: ((_f = firstImage.value) == null ? void 0 : _f.content) ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },
+          { hid: "twitter:title", name: "twitter:title", content: (_g = blogpost.value) == null ? void 0 : _g.name },
+          { hid: "twitter:description", name: "twitter:description", content: (_h = firstText.value) == null ? void 0 : _h.content.slice(0, 120) },
+          { hid: "twitter:image", name: "twitter:image", content: ((_i = firstImage.value) == null ? void 0 : _i.content) ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },
+          { hid: "twitter:card", name: "twitter:card", content: "summary_large_image" }
         ]
       };
     });
-    vue_f36acd1f.u(metadata.value);
+    vue_f36acd1f.u(metadata);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+      return vue.openBlock(), vue.createElementBlock("section", null, [
         vue.createVNode(vue.TransitionGroup, {
           tag: "ul",
           name: "fade",
@@ -100,7 +114,7 @@ const _sfc_main = {
               user: auth.state.user._id,
               type: "blogpostPage",
               hideTitle: true,
-              class: "mn-b-medium"
+              class: "mn-b-thin"
             }, {
               default: vue.withCtx(() => [
                 blogpost.value && blogpost.value.content ? (vue.openBlock(), vue.createBlock(Viewer.default, {
@@ -112,17 +126,16 @@ const _sfc_main = {
                   href: blogpost.value.source,
                   target: "_blank",
                   class: "mn-b-semi d-block w-max radius-big pd-thin bg-black t-white"
-                }, " Check Source 🔗 ", 8, _hoisted_2)) : vue.createCommentVNode("", true)
+                }, " Check Source 🔗 ", 8, _hoisted_1)) : 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
+              owner: auth.state.user._id,
+              class: "bg-light radius-big pd-medium"
             }, null, 8, ["target", "owner"])) : vue.createCommentVNode("", true)
           ]),
           _: 1

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

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