@ozdao/prometheus-framework 0.2.130 → 0.2.132

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

@@ -1,38 +1,38 @@
-import { ref as n, onMounted as A, computed as w, openBlock as i, createElementBlock as m, createElementVNode as r, unref as l, createBlock as k, createCommentVNode as p, createVNode as u, Transition as U, withCtx as v, createTextVNode as z } from "vue";
-import D from "../../../constructor/components/elements/Textarea.vue2.js";
-import N from "../../../constructor/components/sections/Constructor.vue.js";
-import O from "../../../../components/Popup/Popup.vue.js";
+import { ref as r, onMounted as V, computed as w, openBlock as u, createElementBlock as m, createElementVNode as n, unref as l, createBlock as A, createCommentVNode as p, createVNode as i, Transition as U, withCtx as v, createTextVNode as z } from "vue";
+/* empty css                                                    */
+import D from "../../../constructor/components/sections/Constructor.vue.js";
+import N from "../../../../components/Popup/Popup.vue.js";
 /* empty css                                             */
 /* empty css                                                   */
-import E from "../../../../components/FieldTags/BlockTags.vue.js";
-import F from "../../../../components/Checkbox/Checkbox.vue.js";
-import L from "../../../../components/Field/Field.vue2.js";
-import M from "../../../../components/SelectMulti/SelectMulti.vue.js";
-import R from "../../../../components/Button/Button.vue2.js";
-import { useRoute as S, useRouter as H } from "vue-router";
-import { read as j, clean as q, state as G, update as y, create as P, remove as I } from "../../store/blogposts.js";
+import O from "../../../../components/FieldTags/BlockTags.vue.js";
+import E from "../../../../components/Checkbox/Checkbox.vue.js";
+import F from "../../../../components/Field/Field.vue.js";
+import L from "../../../../components/SelectMulti/SelectMulti.vue.js";
+import M from "../../../../components/Button/Button.vue.js";
+import { useRoute as R, useRouter as S } from "vue-router";
+import { read as H, clean as j, state as q, update as k, create as y, remove as G } from "../../store/blogposts.js";
 import { state as f } from "../../../auth/store/auth.js";
-import { actions as J } from "../../../organizations/store/organizations.js";
-const K = { class: "pd-thin" }, Q = {
+import { actions as I } from "../../../organizations/store/organizations.js";
+const J = { class: "pd-thin" }, K = {
   style: { "min-height": "100%" },
   class: "w-100 bg-light pd-big radius-big"
-}, W = { class: "w-full h-full" }, X = {
+}, Q = /* @__PURE__ */ n("div", { class: "w-full h-full" }, null, -1), W = {
   key: 0,
   class: "pd-thin pos-sticky pos-l-0 pos-b-0 w-100"
-}, Y = { class: "pd-thin radius-big bg-main w-100 flex-nowrap flex" }, Z = /* @__PURE__ */ r("h3", { class: "mn-b-small" }, "Final Touches", -1), ee = /* @__PURE__ */ r("h5", { class: "mn-b-thin" }, "Add source:", -1), te = /* @__PURE__ */ r("h5", { class: "mn-b-thin" }, "Add to public:", -1), oe = {
+}, X = { class: "pd-thin radius-big bg-main w-100 flex-nowrap flex" }, Y = /* @__PURE__ */ n("h3", { class: "mn-b-small" }, "Final Touches", -1), Z = /* @__PURE__ */ n("h5", { class: "mn-b-thin" }, "Add source:", -1), ee = /* @__PURE__ */ n("h5", { class: "mn-b-thin" }, "Add to public:", -1), te = {
   key: 0,
   class: "mn-b-thin"
-}, le = {
+}, oe = {
   key: 1,
   class: "mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big"
-}, we = {
+}, _e = {
   __name: "CreateBlogPost",
   setup(ae) {
-    const c = S(), d = H();
-    let e = n(null), b = n(null);
-    const g = n([]), s = n(null);
-    A(async () => {
-      const t = await J.read({
+    const d = R(), c = S();
+    let e = r(null), b = r(null);
+    const g = r([]), s = r(null);
+    V(async () => {
+      const t = await I.read({
         user: f.user._id,
         postable: f.user._id,
         limit: 100
@@ -41,11 +41,11 @@ const K = { class: "pd-thin" }, Q = {
         name: o.profile.name,
         _id: o._id,
         photo: o.profile.photo
-      })), c.params.url) {
-        const o = await j({ user: f.user._id, url: c.params.url });
+      })), d.params.url) {
+        const o = await H({ user: f.user._id, url: d.params.url });
         e.value = o.pop();
       } else
-        q(), e.value = G.current;
+        j(), e.value = q.current;
       e.value.owner || (e.value.owner = {
         target: f.user._id,
         type: "user"
@@ -57,88 +57,79 @@ const K = { class: "pd-thin" }, Q = {
         _id: e.value.owner.target._id,
         name: e.value.owner.target.profile.name,
         photo: e.value.owner.target.profile.photo
-      }), console.log(t);
+      });
     });
-    const x = n(""), _ = n([
+    const P = r(""), _ = r([
       { text: "story" },
       { text: "news" },
       { text: "guide" },
       { text: "discussion" },
       { text: "photos" }
     ]);
-    w(() => _.value.filter((t) => t.text.toLowerCase().includes(x.value.toLowerCase()))), w(() => _.value.filter((t) => !g.value.some((o) => o.text === t.text)));
-    const h = n(!1);
-    function C() {
+    w(() => _.value.filter((t) => t.text.toLowerCase().includes(P.value.toLowerCase()))), w(() => _.value.filter((t) => !g.value.some((o) => o.text === t.text)));
+    const h = r(!1);
+    function x() {
       h.value = !0;
     }
-    function $() {
+    function C() {
       h.value = !1;
     }
     function B() {
-      g.value.length > 0 && g.value.map((t) => t.text), e.value.status = "draft", c.params.url ? y(e.value).then((t) => {
-        d.push({ name: "BlogPost", params: { url: t.url } });
+      g.value.length > 0 && g.value.map((t) => t.text), e.value.status = "draft", e.value.name = e.value.content[0].content, d.params.url ? k(e.value).then((t) => {
+        c.push({ name: "BlogPost", params: { url: t.url } });
       }).catch((t) => {
         console.log(t);
-      }) : P(e.value).then((t) => {
-        d.push({ name: "BlogPost", params: { url: t.url } });
+      }) : y(e.value).then((t) => {
+        c.push({ name: "BlogPost", params: { url: t.url } });
       }).catch((t) => {
         console.log(t);
       });
     }
-    function T() {
+    function $() {
       s.value && (e.value.owner = {
         target: s.value._id,
         type: "organization"
-      }), s.value || (e.value.creator.hidden = !1), s.value || (e.value.organization = e.value.creator), e.value.status = "published", console.log(e.value), c.params.url ? y(e.value).then((t) => {
-        console.log(e.value), d.push({ name: "BlogPost", params: { url: t.url } });
+      }), s.value || (e.value.creator.hidden = !1), s.value || (e.value.organization = e.value.creator), e.value.status = "published", e.value.name = e.value.content[0].content, d.params.url ? k(e.value).then((t) => {
+        console.log(e.value), c.push({ name: "BlogPost", params: { url: t.url } });
       }).catch((t) => {
         console.error(t);
-      }) : P(e.value).then((t) => {
-        d.push({ name: "BlogPost", params: { url: t.url } });
+      }) : y(e.value).then((t) => {
+        c.push({ name: "BlogPost", params: { url: t.url } });
       }).catch((t) => {
         console.error(t);
       });
     }
-    function V() {
-      confirm("Are you sure you want to delete this post?") && I(e.value._id).then((t) => {
-        d.push({ name: "User Blogposts", params: { _id: e.value.creator.target._id } });
+    function T() {
+      confirm("Are you sure you want to delete this post?") && G(e.value._id).then((t) => {
+        c.push({ name: "User Blogposts", params: { _id: e.value.creator.target._id } });
       }).catch((t) => {
         console.log(t);
       });
     }
-    return (t, o) => (i(), m("article", K, [
-      r("section", Q, [
-        r("div", W, [
-          l(e) ? (i(), k(D, {
-            key: 0,
-            prop: l(e),
-            setFocus: !0,
-            content: "name",
-            placeholder: "Enter post title",
-            class: "h2"
-          }, null, 8, ["prop"])) : p("", !0)
-        ]),
-        l(e) ? (i(), k(N, {
+    return (t, o) => (u(), m("article", J, [
+      n("section", K, [
+        Q,
+        l(e) ? (u(), A(D, {
           key: 0,
           content: l(e).content,
           onUpdate: o[0] || (o[0] = (a) => l(e).content = a)
         }, null, 8, ["content"])) : p("", !0)
       ]),
-      u(U, { name: "scaleIn" }, {
+      i(U, { name: "scaleIn" }, {
         default: v(() => [
-          l(e) ? (i(), m("section", X, [
-            r("div", Y, [
-              l(c).params.url ? (i(), m("a", {
+          l(e) ? (u(), m("section", W, [
+            n("div", X, [
+              l(d).params.url ? (u(), m("a", {
                 key: 0,
-                onClick: o[1] || (o[1] = (a) => V()),
+                onClick: o[1] || (o[1] = (a) => T()),
                 class: "mn-r-auto bg-red t-white t-black button"
               }, "Delete")) : p("", !0),
-              r("a", {
+              n("a", {
                 onClick: o[2] || (o[2] = (a) => B()),
                 class: "mn-l-auto bg-white t-black button"
               }, "To Drafts"),
-              r("a", {
-                onClick: o[3] || (o[3] = (a) => C()),
+              n("a", {
+                onClick: o[3] || (o[3] = (a) => x()),
                 class: "mn-l-thin bg-black t-white button"
               }, "Publish")
             ])
@@ -146,27 +137,27 @@ const K = { class: "pd-thin" }, Q = {
         ]),
         _: 1
       }),
-      u(O, {
-        title: "Добавить участника",
-        onClosePopup: $,
+      i(N, {
+        onClosePopup: C,
         isPopupOpen: h.value,
         class: "w-m-33r t-left pd-big bg-white radius-big"
       }, {
         default: v(() => [
-          Z,
-          u(E, {
+          Y,
+          i(O, {
             onTagsChanged: o[4] || (o[4] = (a) => l(e).tags = a),
-            tags: l(e).tags
+            tags: l(e).tags,
+            class: "mn-b-small"
           }, null, 8, ["tags"]),
-          ee,
-          u(L, {
+          Z,
+          i(F, {
             field: l(e).source,
             "onUpdate:field": o[5] || (o[5] = (a) => l(e).source = a),
             placeholder: "Add full link to the source",
             class: "mn-b-medium bg-light radius-medium pd-small"
           }, null, 8, ["field"]),
-          te,
-          u(M, {
+          ee,
+          i(L, {
             modelValue: s.value,
             "onUpdate:modelValue": o[6] || (o[6] = (a) => s.value = a),
             options: l(b),
@@ -177,9 +168,9 @@ const K = { class: "pd-thin" }, Q = {
             "track-by": "_id",
             class: "mn-b-medium bg-light radius-medium pd-small"
           }, null, 8, ["modelValue", "options"]),
-          s.value ? (i(), m("h5", oe, "Options:")) : p("", !0),
-          s.value ? (i(), m("div", le, [
-            u(F, {
+          s.value ? (u(), m("h5", te, "Options:")) : p("", !0),
+          s.value ? (u(), m("div", oe, [
+            i(E, {
               label: "Hide Author",
               radio: l(e).creator.hidden,
               "onUpdate:radio": o[7] || (o[7] = (a) => l(e).creator.hidden = a),
@@ -187,8 +178,8 @@ const K = { class: "pd-thin" }, Q = {
               class: "w-100"
             }, null, 8, ["radio"])
           ])) : p("", !0),
-          u(R, {
-            submit: T,
+          i(M, {
+            submit: $,
             callback: t.redirectTo,
             class: "w-100 bg-black t-white"
           }, {
@@ -204,5 +195,5 @@ const K = { class: "pd-thin" }, Q = {
   }
 };
 export {
-  we as default
+  _e as default
 };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("../../../globals/components/blocks/CardHeader.vue.cjs"),b={class:"pd-t-zero"},w={class:"p-big"},B={class:"mn-t-thin flex-v-center flex-nowrap flex gap-small"},E={key:0,class:"mn-l-medium mn-t-small bg-white w-100 radius-small pd-small reply-form"},V={key:1,class:"br-solid br-l br-grey-transp-25"},i={__name:"Comment",props:{comment:{type:Object,required:!0},target:{type:String,required:!0},owner:{type:String,required:!0}},emits:["reply","load-more"],setup(t,{emit:y}){const a=t,m=y,s=e.ref(!1),r=e.ref(""),c=e.ref(p(a.comment.depth));function p(l){return l%3<2}const d=e.computed(()=>{function l(n){return!n.children||n.children.length===0?0:n.children.length+n.children.reduce((o,h)=>o+l(h),0)}return l(a.comment)}),v=()=>{c.value=!c.value},u=()=>{m("reply",a.comment._id,r.value),r.value="",s.value=!1},g=(l,n)=>{m("reply",l,n)},k=(l,n)=>{m("load-more",l,n)};return(l,n)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(f.default,{class:"mn-b-thin",entity:t.comment,entityType:"comment",user:t.owner,owner:{target:t.comment.user},creator:{target:t.comment.user},date:t.comment.createdAt},null,8,["entity","user","owner","creator","date"]),e.createElementVNode("div",b,[e.createElementVNode("p",w,e.toDisplayString(t.comment.content),1)]),e.createElementVNode("div",B,[d.value>0?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:v,class:"t-second cursor-pointer t-medium font-second"},e.toDisplayString(c.value?"Hide":d.value+(d.value===1?" reply":" replies")),1)):e.createCommentVNode("",!0),t.owner?(e.openBlock(),e.createElementBlock("button",{key:1,class:"font-second cursor-pointer t-transp t-medium",onClick:n[0]||(n[0]=o=>s.value=!0)}," Reply ")):e.createCommentVNode("",!0)]),s.value?(e.openBlock(),e.createElementBlock("div",E,[e.withDirectives(e.createElementVNode("textarea",{class:"w-100","onUpdate:modelValue":n[1]||(n[1]=o=>r.value=o)},null,512),[[e.vModelText,r.value]]),e.createElementVNode("div",{class:"mn-l-auto gap-thin flex-nowrap flex"},[e.createElementVNode("button",{class:"bg-grey-transp-25 button",onClick:u},"Cancel"),e.createElementVNode("button",{class:"bg-main button",onClick:u},"Send")])])):e.createCommentVNode("",!0),c.value&&t.comment.children&&t.comment.children.length?(e.openBlock(),e.createElementBlock("div",V,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.comment.children,o=>(e.openBlock(),e.createBlock(i,{key:o._id,comment:o,target:t.target,owner:t.owner,onReply:g,onLoadMore:k,class:"mn-l-medium mn-t-small"},null,8,["comment","target","owner"]))),128))])):e.createCommentVNode("",!0)]))}};exports.default=i;

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

@@ -0,0 +1,104 @@
+import { ref as v, computed as C, openBlock as r, createElementBlock as a, createVNode as R, createElementVNode as o, toDisplayString as h, createCommentVNode as i, withDirectives as B, vModelText as E, Fragment as S, renderList as V, createBlock as q } from "vue";
+import L from "../../../globals/components/blocks/CardHeader.vue.js";
+const M = { class: "pd-t-zero" }, N = { class: "p-big" }, D = { class: "mn-t-thin flex-v-center flex-nowrap flex gap-small" }, F = {
+  key: 0,
+  class: "mn-l-medium mn-t-small bg-white w-100 radius-small pd-small reply-form"
+}, T = {
+  key: 1,
+  class: "br-solid br-l br-grey-transp-25"
+}, $ = {
+  __name: "Comment",
+  props: {
+    comment: {
+      type: Object,
+      required: !0
+    },
+    target: {
+      type: String,
+      required: !0
+    },
+    owner: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["reply", "load-more"],
+  setup(e, { emit: p }) {
+    const m = e, u = p, d = v(!1), c = v(""), s = v(f(m.comment.depth));
+    function f(n) {
+      return n % 3 < 2;
+    }
+    const y = C(() => {
+      function n(t) {
+        return !t.children || t.children.length === 0 ? 0 : t.children.length + t.children.reduce((l, x) => l + n(x), 0);
+      }
+      return n(m.comment);
+    }), b = () => {
+      s.value = !s.value;
+    }, g = () => {
+      u("reply", m.comment._id, c.value), c.value = "", d.value = !1;
+    }, w = (n, t) => {
+      u("reply", n, t);
+    }, k = (n, t) => {
+      u("load-more", n, t);
+    };
+    return (n, t) => (r(), a("div", null, [
+      R(L, {
+        class: "mn-b-thin",
+        entity: e.comment,
+        entityType: "comment",
+        user: e.owner,
+        owner: { target: e.comment.user },
+        creator: { target: e.comment.user },
+        date: e.comment.createdAt
+      }, null, 8, ["entity", "user", "owner", "creator", "date"]),
+      o("div", M, [
+        o("p", N, h(e.comment.content), 1)
+      ]),
+      o("div", D, [
+        y.value > 0 ? (r(), a("button", {
+          key: 0,
+          onClick: b,
+          class: "t-second cursor-pointer t-medium font-second"
+        }, h(s.value ? "Hide" : y.value + (y.value === 1 ? " reply" : " replies")), 1)) : i("", !0),
+        e.owner ? (r(), a("button", {
+          key: 1,
+          class: "font-second cursor-pointer t-transp t-medium",
+          onClick: t[0] || (t[0] = (l) => d.value = !0)
+        }, " Reply ")) : i("", !0)
+      ]),
+      d.value ? (r(), a("div", F, [
+        B(o("textarea", {
+          class: "w-100",
+          "onUpdate:modelValue": t[1] || (t[1] = (l) => c.value = l)
+        }, null, 512), [
+          [E, c.value]
+        ]),
+        o("div", { class: "mn-l-auto gap-thin flex-nowrap flex" }, [
+          o("button", {
+            class: "bg-grey-transp-25 button",
+            onClick: g
+          }, "Cancel"),
+          o("button", {
+            class: "bg-main button",
+            onClick: g
+          }, "Send")
+        ])
+      ])) : i("", !0),
+      s.value && e.comment.children && e.comment.children.length ? (r(), a("div", T, [
+        (r(!0), a(S, null, V(e.comment.children, (l) => (r(), q($, {
+          key: l._id,
+          comment: l,
+          target: e.target,
+          owner: e.owner,
+          onReply: w,
+          onLoadMore: k,
+          class: "mn-l-medium mn-t-small"
+        }, null, 8, ["comment", "target", "owner"]))), 128))
+      ])) : i("", !0)
+    ]));
+  }
+};
+export {
+  $ as default
+};

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("axios"),d=require("../../../globals/components/blocks/CardHeader.vue.cjs"),p={class:"mn-b-small"},g=e.createElementVNode("p",{class:"t-semi uppercase"},"Please log in to leave a comment.",-1),v=[g],b={key:1,class:"mn-b-small"},y=e.createElementVNode("button",{type:"submit",class:"mn-l-auto bg-main button"},"Send",-1),h={class:"pd-t-zero"},w={class:"p-big"},k={__name:"Comments",props:["target","owner","type"],setup(s){const o=s,c=u.create({baseURL:process.env.API_URL}),a=e.ref([]),r=e.ref(""),i=async()=>{const{data:n}=await c.get(`/comments/read?type=${o.type}&target=${o.target}&user=${o.owner}`);a.value=n},m=async()=>{if(r.value)try{const n=await c.post("/comments/create",{target:o.target,user:o.owner,type:o.type,content:r.value});n.data.owner=o.owner,a.value.push(n.data),r.value=""}catch(n){console.error(n)}};return i(),(n,l)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",null,[e.createElementVNode("h3",p,e.toDisplayString(a.value.length)+" comments",1),s.owner?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,onClick:l[0]||(l[0]=t=>n.$router.push({name:"Sign In"})),class:"cursor-pointer mn-b-small section bg-black t-white flex-center flex radius-big"},v)),s.owner?(e.openBlock(),e.createElementBlock("div",b,[e.createElementVNode("form",{onSubmit:e.withModifiers(m,["prevent"]),class:"bg-light radius-big pd-medium"},[e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":l[1]||(l[1]=t=>r.value=t),placeholder:"Enter your comment",class:"pd-small p-big w-100 radius-small mn-r-small"},null,512),[[e.vModelText,r.value]]),y],32)])):e.createCommentVNode("",!0)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,t=>(e.openBlock(),e.createElementBlock("div",{key:t._id,class:"comment mn-b-small radius-big pd-medium bg-light"},[e.createVNode(d.default,{class:"mn-b-medium",entity:t,entityType:"comment",user:s.owner,owner:{target:t.user},creator:{target:t.user},date:t.createdAt},null,8,["entity","user","owner","creator","date"]),e.createElementVNode("div",h,[e.createElementVNode("p",w,e.toDisplayString(t.content),1)])]))),128))]))}};exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("axios"),b=require("./Comment.vue.cjs"),f={id:"comments"},w={class:"mn-b-small"},k=e.createElementVNode("p",{class:"t-semi uppercase"},"Please log in to leave a comment.",-1),E=[k],C={key:1,class:"mn-b-small"},B=e.createElementVNode("button",{type:"submit",class:"mn-l-auto bg-main button"},"Send",-1),V={__name:"Comments",props:["target","owner","type"],setup(s){const o=s,p=m.create({baseURL:process.env.API_URL}),l=e.ref([]),c=e.ref(""),g=async()=>{try{const t=await m.get("/comments/read",{params:{target:o.target,type:o.type,user:o.owner,maxDepth:2}});l.value=t.data}catch(t){console.error("Error fetching comments:",t)}},h=async(t,n)=>{try{const i=(await m.post("/comments/create",{content:n,target:o.target,type:o.type,user:o.owner,parent:t})).data;u(l.value,t,i)}catch(r){console.error("Error posting reply:",r)}},y=async(t,n)=>{try{const r=await m.get("/comments/read",{params:{target:o.target,type:o.type,user:o.owner,parentId:t,depth:n,maxDepth:10}});u(l.value,t,r.data,r.data.hasMore,!0)}catch(r){console.error("Error loading more comments:",r)}},u=(t,n,r,i,d=!1)=>{for(let a=0;a<t.length;a++){if(t[a]._id===n)return d?(t[a].children=[...t[a].children,...r],t[a].hasMore=i):t[a].children.push(r),!0;if(t[a].children&&u(t[a].children,n,r,i,d))return!0}return!1},v=async()=>{if(c.value)try{const t=await p.post("/comments/create",{target:o.target,user:o.owner,type:o.type,content:c.value});t.data.owner=o.owner,l.value.push(t.data),c.value=""}catch(t){console.error(t)}};return g(),(t,n)=>(e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("div",null,[e.createElementVNode("h3",w,e.toDisplayString(l.value.length)+" comments",1),s.owner?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,onClick:n[0]||(n[0]=r=>t.$router.push({name:"Sign In"})),class:"cursor-pointer mn-b-small section bg-black t-white flex-center flex radius-big"},E)),s.owner?(e.openBlock(),e.createElementBlock("div",C,[e.createElementVNode("form",{onSubmit:e.withModifiers(v,["prevent"]),class:"bg-light radius-big pd-medium"},[e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":n[1]||(n[1]=r=>c.value=r),placeholder:"Enter your comment",class:"pd-small p-big w-100 radius-small mn-r-small"},null,512),[[e.vModelText,c.value]]),B],32)])):e.createCommentVNode("",!0)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,r=>(e.openBlock(),e.createBlock(b.default,{key:r._id,comment:r,target:s.target,type:s.type,owner:s.owner,onReply:h,onLoadMore:y,class:"comment mn-b-small radius-big pd-medium bg-light"},null,8,["comment","target","type","owner"]))),128))]))}};exports.default=V;

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

@@ -1,79 +1,124 @@
-import { ref as u, openBlock as r, createElementBlock as a, createElementVNode as s, toDisplayString as d, createCommentVNode as p, withModifiers as v, withDirectives as y, vModelText as h, Fragment as w, renderList as f, createVNode as _ } from "vue";
-import k from "axios";
-import x from "../../../globals/components/blocks/CardHeader.vue.js";
-const $ = { class: "mn-b-small" }, C = /* @__PURE__ */ s("p", { class: "t-semi uppercase" }, "Please log in to leave a comment.", -1), S = [
-  C
-], V = {
+import { ref as h, openBlock as i, createElementBlock as u, createElementVNode as l, toDisplayString as C, createCommentVNode as y, withModifiers as k, withDirectives as _, vModelText as E, Fragment as M, renderList as R, createBlock as S } from "vue";
+import d from "axios";
+import $ from "./Comment.vue.js";
+const B = { id: "comments" }, L = { class: "mn-b-small" }, U = /* @__PURE__ */ l("p", { class: "t-semi uppercase" }, "Please log in to leave a comment.", -1), V = [
+  U
+], D = {
   key: 1,
   class: "mn-b-small"
-}, E = /* @__PURE__ */ s("button", {
+}, N = /* @__PURE__ */ l("button", {
   type: "submit",
   class: "mn-l-auto bg-main button"
-}, "Send", -1), L = { class: "pd-t-zero" }, N = { class: "p-big" }, D = {
+}, "Send", -1), F = {
   __name: "Comments",
-  props: ["target", "owner", "type"],
-  setup(l) {
-    const n = l, c = k.create({ baseURL: process.env.API_URL }), i = u([]), o = u(""), g = async () => {
-      const { data: t } = await c.get(`/comments/read?type=${n.type}&target=${n.target}&user=${n.owner}`);
-      i.value = t;
-    }, b = async () => {
-      if (o.value)
+  props: [
+    "target",
+    "owner",
+    "type"
+  ],
+  setup(a) {
+    const r = a, v = d.create({ baseURL: process.env.API_URL }), s = h([]), c = h(""), f = async () => {
+      try {
+        const e = await d.get("/comments/read", {
+          params: {
+            target: r.target,
+            type: r.type,
+            user: r.owner,
+            maxDepth: 2
+          }
+        });
+        s.value = e.data;
+      } catch (e) {
+        console.error("Error fetching comments:", e);
+      }
+    }, b = async (e, o) => {
+      try {
+        const m = (await d.post("/comments/create", {
+          content: o,
+          target: r.target,
+          type: r.type,
+          user: r.owner,
+          parent: e
+        })).data;
+        p(s.value, e, m);
+      } catch (t) {
+        console.error("Error posting reply:", t);
+      }
+    }, w = async (e, o) => {
+      try {
+        const t = await d.get("/comments/read", {
+          params: {
+            target: r.target,
+            type: r.type,
+            user: r.owner,
+            parentId: e,
+            depth: o,
+            maxDepth: 10
+          }
+        });
+        p(s.value, e, t.data, t.data.hasMore, !0);
+      } catch (t) {
+        console.error("Error loading more comments:", t);
+      }
+    }, p = (e, o, t, m, g = !1) => {
+      for (let n = 0; n < e.length; n++) {
+        if (e[n]._id === o)
+          return g ? (e[n].children = [...e[n].children, ...t], e[n].hasMore = m) : e[n].children.push(t), !0;
+        if (e[n].children && p(e[n].children, o, t, m, g))
+          return !0;
+      }
+      return !1;
+    }, x = async () => {
+      if (c.value)
         try {
-          const t = await c.post("/comments/create", {
-            target: n.target,
-            user: n.owner,
-            type: n.type,
-            content: o.value
+          const e = await v.post("/comments/create", {
+            target: r.target,
+            user: r.owner,
+            type: r.type,
+            content: c.value
           });
-          t.data.owner = n.owner, i.value.push(t.data), o.value = "";
-        } catch (t) {
-          console.error(t);
+          e.data.owner = r.owner, s.value.push(e.data), c.value = "";
+        } catch (e) {
+          console.error(e);
         }
     };
-    return g(), (t, m) => (r(), a("div", null, [
-      s("div", null, [
-        s("h3", $, d(i.value.length) + " comments", 1),
-        l.owner ? p("", !0) : (r(), a("div", {
+    return f(), (e, o) => (i(), u("div", B, [
+      l("div", null, [
+        l("h3", L, C(s.value.length) + " comments", 1),
+        a.owner ? y("", !0) : (i(), u("div", {
           key: 0,
-          onClick: m[0] || (m[0] = (e) => t.$router.push({ name: "Sign In" })),
+          onClick: o[0] || (o[0] = (t) => e.$router.push({ name: "Sign In" })),
           class: "cursor-pointer mn-b-small section bg-black t-white flex-center flex radius-big"
-        }, S)),
-        l.owner ? (r(), a("div", V, [
-          s("form", {
-            onSubmit: v(b, ["prevent"]),
+        }, V)),
+        a.owner ? (i(), u("div", D, [
+          l("form", {
+            onSubmit: k(x, ["prevent"]),
             class: "bg-light radius-big pd-medium"
           }, [
-            y(s("textarea", {
-              "onUpdate:modelValue": m[1] || (m[1] = (e) => o.value = e),
+            _(l("textarea", {
+              "onUpdate:modelValue": o[1] || (o[1] = (t) => c.value = t),
               placeholder: "Enter your comment",
               class: "pd-small p-big w-100 radius-small mn-r-small"
             }, null, 512), [
-              [h, o.value]
+              [E, c.value]
             ]),
-            E
+            N
           ], 32)
-        ])) : p("", !0)
+        ])) : y("", !0)
       ]),
-      (r(!0), a(w, null, f(i.value, (e) => (r(), a("div", {
-        key: e._id,
+      (i(!0), u(M, null, R(s.value, (t) => (i(), S($, {
+        key: t._id,
+        comment: t,
+        target: a.target,
+        type: a.type,
+        owner: a.owner,
+        onReply: b,
+        onLoadMore: w,
         class: "comment mn-b-small radius-big pd-medium bg-light"
-      }, [
-        _(x, {
-          class: "mn-b-medium",
-          entity: e,
-          entityType: "comment",
-          user: l.owner,
-          owner: { target: e.user },
-          creator: { target: e.user },
-          date: e.createdAt
-        }, null, 8, ["entity", "user", "owner", "creator", "date"]),
-        s("div", L, [
-          s("p", N, d(e.content), 1)
-        ])
-      ]))), 128))
+      }, null, 8, ["comment", "target", "type", "owner"]))), 128))
     ]));
   }
 };
 export {
-  D as default
+  F as default
 };

package/dist/prometheus-framework/src/modules/community/components/sections/HotPosts.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                                         */;/* empty css                                              */;/* empty css                                               */;/* empty css                                       */;/* empty css                                           */;/* empty css                                      */const s=require("../../../../components/Slider/Slider.vue.cjs"),i=require("../../../icons/navigation/IconArrow.vue.cjs"),n=require("../blocks/CardBlogpost.vue.cjs"),l=require("../../store/blogposts.cjs"),r=require("../../../auth/store/auth.cjs");;/* empty css                */const a={class:"pd-thin"},c={class:"bg-light radius-big pd-t-big pd-b-big"},u={class:"w-100 pd-b-small t-center flex-center flex"},d=e.createElementVNode("b",null,"Community",-1),p={__name:"HotPosts",setup(_){return(h,g)=>{const o=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("section",a,[e.createElementVNode("div",c,[e.createElementVNode("h2",u,[e.createTextVNode(" Discover Our "),e.createVNode(o,{to:{name:"Blog"},class:"transition-ease-in hover-bg-black hover-t-white transition-timing-1 hover-scale-0 bg-main cursor-pointer pd-thin mn-l-thin radius-extra flex flex-v-center"},{default:e.withCtx(()=>[d,e.createVNode(i.default,{class:"mn-l-thin radius-extra bg-white i-big"})]),_:1})]),e.createVNode(s.default,{store:{read:t=>l.read(t)},options:{skip:0,limit:8,user:r.state.user._id,period:"year"},text:{messages:{en:{title:"No Blogposts Found",description:"Currently, there are no blogposts available."}}},class:"slider-hotpost"},{default:e.withCtx(({item:t})=>[(e.openBlock(),e.createBlock(n.default,{key:t._id,blogpost:t,user:r.state.user._id,hideDescription:!0,class:"bg-white flex flex-column h-35r"},null,8,["blogpost","user"]))]),_:1},8,["store","options"])])])}}};exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                                         */;/* empty css                                             */;/* empty css                                               */;/* empty css                                        */;/* empty css                                           */;/* empty css                                      */const s=require("../../../../components/Slider/Slider.vue.cjs"),i=require("../blocks/CardBlogpost.vue.cjs"),l=require("../../store/blogposts.cjs"),r=require("../../../auth/store/auth.cjs");;/* empty css                */const n={class:"pd-thin"},a={class:"bg-light radius-big pd-t-big pd-b-big"},c={class:"w-100 pd-b-small t-center flex-center flex"},u=e.createElementVNode("b",null,"Community",-1),d={__name:"HotPosts",setup(p){return(_,h)=>{const o=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("section",n,[e.createElementVNode("div",a,[e.createElementVNode("h2",c,[e.createTextVNode(" Discover Our "),e.createVNode(o,{to:{name:"Blog"},class:"transition-ease-in hover-bg-black hover-t-white transition-timing-1 hover-scale-0 bg-main cursor-pointer pd-thin pd-r-small pd-l-small mn-l-thin radius-extra flex flex-v-center"},{default:e.withCtx(()=>[u]),_:1})]),e.createVNode(s.default,{store:{read:t=>l.read(t)},options:{skip:0,limit:8,user:r.state.user._id,period:"year",category:"featured"},text:{messages:{en:{title:"No Blogposts Found",description:"Currently, there are no blogposts available."}}},class:"slider-hotpost"},{default:e.withCtx(({item:t})=>[(e.openBlock(),e.createBlock(i.default,{key:t._id,blogpost:t,user:r.state.user._id,hideDescription:!0,class:"bg-white flex flex-column h-35r"},null,8,["blogpost","user"]))]),_:1},8,["store","options"])])])}}};exports.default=d;