fubi 1.0.0-beta.10 → 1.0.0-beta.11

package/dist/index.es.js

@@ -18804,7 +18804,7 @@ var root_6$7 = /* @__PURE__ */ from_html(`<div><!> <!></div>`);
 var root_15 = /* @__PURE__ */ from_html(`<div class="h-120 w-full flex-center"><!></div>`);
 var root_20 = /* @__PURE__ */ from_html(`<a target="_blank" class="text-sky-400 hover:underline">Create a folder</a>.`, 1);
 var root_18 = /* @__PURE__ */ from_html(`<p>There are no folders in this project.<br/> <!></p>`);
-var root_17 = /* @__PURE__ */ from_html(`<p class="p-4 text-center text-sm text-gray-500">No folders</p> <!>`, 1);
+var root_17$1 = /* @__PURE__ */ from_html(`<p class="p-4 text-center text-sm text-gray-500">No folders</p> <!>`, 1);
 var root_22 = /* @__PURE__ */ from_html(`<p class="p-4 text-center text-sm text-red-500">Error loading folders</p>`);
 var root_10$4 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 var root_5$4 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
@@ -19004,7 +19004,7 @@ function Folders($$anchor, $$props) {
                   var node_16 = first_child(fragment_10);
                   {
                     var consequent_4 = ($$anchor6) => {
-                      var fragment_11 = root_17();
+                      var fragment_11 = root_17$1();
                       var node_17 = sibling(first_child(fragment_11), 2);
                       StatusMessage(node_17, {
                         get icon() {
@@ -19094,7 +19094,7 @@ var root_11$2 = /* @__PURE__ */ from_html(`<div><div class="flex flex-col items-
 var root_10$3 = /* @__PURE__ */ from_html(`<a><!></a>`);
 var root_6$6 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 var root_4$9 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
-var root_16$1 = /* @__PURE__ */ from_html(`<div class="flex-center h-full"><!></div>`);
+var root_16 = /* @__PURE__ */ from_html(`<div class="flex-center h-full"><!></div>`);
 var root_2$f = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 var root_1$o = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 function Pages($$anchor, $$props) {
@@ -19331,7 +19331,7 @@ function Pages($$anchor, $$props) {
           var node_12 = sibling(node_3, 2);
           {
             var consequent_5 = ($$anchor4) => {
-              var div_4 = root_16$1();
+              var div_4 = root_16();
               var node_13 = child(div_4);
               Spinner(node_13);
               append($$anchor4, div_4);
@@ -19749,7 +19749,7 @@ function DropdownMenu_1($$anchor, $$props) {
 var root_2$c = /* @__PURE__ */ from_html(`<div class="flex-center h-36 group-aria-disabled/item:opacity-30"><!></div>`);
 var root_3$4 = /* @__PURE__ */ from_html(`<div><!></div>`);
 var root_4$7 = /* @__PURE__ */ from_html(`<p> </p>`);
-var root_1$k = /* @__PURE__ */ from_html(`<!> <!> <div><p> </p> <!></div> <div class="flex-center pr-8"><!></div>`, 1);
+var root_1$k = /* @__PURE__ */ from_html(`<!> <!> <div><p> </p> <!></div> <div class="flex-center pr-8 group-aria-disabled/item:opacity-30"><!></div>`, 1);
 function DropdownItem($$anchor, $$props) {
   push($$props, true);
   let component2 = prop($$props, "component", 19, () => Menu_item), type = prop($$props, "type", 3, "default"), rest = /* @__PURE__ */ rest_props($$props, [
@@ -21090,7 +21090,7 @@ function SearchInput($$anchor, $$props) {
       append($$anchor2, div);
     };
     if_block(node, ($$render) => {
-      if (settings.appearance.searchVisible && !hide2()) $$render(consequent);
+      if (settings.data.appearance.searchVisible && !hide2()) $$render(consequent);
     });
   }
   append($$anchor, fragment);
@@ -21119,18 +21119,21 @@ function DropdownSubmenu($$anchor, $$props) {
       children: ($$anchor3, $$slotProps) => {
         var fragment_1 = root_1$e();
         var node_1 = first_child(fragment_1);
-        DropdownItem(node_1, {
-          get component() {
-            return Menu_sub_trigger;
-          },
-          get title() {
-            return $$props.title;
-          },
-          get icon() {
-            return $$props.icon;
+        DropdownItem(node_1, spread_props(
+          {
+            get component() {
+              return Menu_sub_trigger;
+            },
+            get title() {
+              return $$props.title;
+            },
+            get icon() {
+              return $$props.icon;
+            },
+            chevron: true
           },
-          chevron: true
-        });
+          () => rest
+        ));
         var node_2 = sibling(node_1, 2);
         component(node_2, () => Portal, ($$anchor4, DropdownMenu_Portal) => {
           DropdownMenu_Portal($$anchor4, {
@@ -21325,16 +21328,17 @@ function DeleteCommentDialog($$anchor, $$props) {
   }
   pop();
 }
-var root_6$3 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
-var root_7$2 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
-var root_5$2 = /* @__PURE__ */ from_html(`<!> <!> <!> <div class="list-divider"></div> <!> <div class="list-divider"></div> <!>`, 1);
+var root_7$2 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+var root_8$2 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
+var root_6$3 = /* @__PURE__ */ from_html(`<div class="list-divider"></div> <!> <div class="list-divider"></div> <!>`, 1);
+var root_5$2 = /* @__PURE__ */ from_html(`<!> <!> <!> <!>`, 1);
 var root_2$7 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
-var root_9$2 = /* @__PURE__ */ from_html(`<p class="text-base/none"> <span class="text-white"> </span></p>`);
-var root_8$2 = /* @__PURE__ */ from_html(`<!> <div class="flex-[1.5] flex"><!> <!> <!></div>`, 1);
-var root_12$1 = /* @__PURE__ */ from_html(`<div><!></div>`);
-var root_11$1 = /* @__PURE__ */ from_html(`<div class="flex flex-col gap-6"><!> <!></div>`);
-var root_16 = /* @__PURE__ */ from_html(`<p>Error loading</p>`);
-var root_10$2 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
+var root_10$2 = /* @__PURE__ */ from_html(`<p class="text-base/none"> <span class="text-white"> </span></p>`);
+var root_9$2 = /* @__PURE__ */ from_html(`<!> <div class="flex-[1.5] flex"><!> <!> <!></div>`, 1);
+var root_13 = /* @__PURE__ */ from_html(`<div><!></div>`);
+var root_12$1 = /* @__PURE__ */ from_html(`<div class="flex flex-col gap-6"><!> <!></div>`);
+var root_17 = /* @__PURE__ */ from_html(`<p>Error loading</p>`);
+var root_11$1 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 var root_1$d = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 function Comments$1($$anchor, $$props) {
   push($$props, true);
@@ -21351,6 +21355,10 @@ function Comments$1($$anchor, $$props) {
     return Math.round(get$2(doneThreads) / totalThreads * 100);
   });
   let dropdownOpened = /* @__PURE__ */ state(false);
+  let noComments = /* @__PURE__ */ user_derived(() => {
+    var _a2, _b2;
+    return pages.ready && pages.valid && (((_a2 = comments.data) == null ? void 0 : _a2.length) === 0 || pages.isNew || ((_b2 = comments == null ? void 0 : comments.threadsWithStatus) == null ? void 0 : _b2.length) === 0 && meta.visible);
+  });
   Page($$anchor, {
     name: "comments",
     children: ($$anchor2, $$slotProps) => {
@@ -21443,63 +21451,74 @@ function Comments$1($$anchor, $$props) {
                   onclick: () => {
                   }
                 });
-                var node_6 = sibling(node_5, 4);
-                DropdownSubmenu(node_6, {
-                  title: "Show",
-                  get icon() {
-                    return tm;
-                  },
-                  children: ($$anchor5, $$slotProps3) => {
+                var node_6 = sibling(node_5, 2);
+                {
+                  var consequent = ($$anchor5) => {
                     var fragment_6 = root_6$3();
-                    var node_7 = first_child(fragment_6);
-                    {
-                      let $02 = /* @__PURE__ */ user_derived(() => !!settings.appearance.searchVisible);
-                      DropdownItem(node_7, {
-                        title: "Search",
-                        get checked() {
-                          return get$2($02);
-                        },
-                        onclick: () => settings.appearance.searchVisible = !settings.appearance.searchVisible,
-                        closeOnSelect: false
-                      });
-                    }
-                    var node_8 = sibling(node_7, 2);
-                    {
-                      let $02 = /* @__PURE__ */ user_derived(() => !!settings.overviews.overviewCommentsVisible);
-                      DropdownItem(node_8, {
-                        title: "Overview",
-                        get checked() {
-                          return get$2($02);
-                        },
-                        onclick: () => settings.overviews.overviewCommentsVisible = !settings.overviews.overviewCommentsVisible,
-                        closeOnSelect: false
-                      });
-                    }
-                    append($$anchor5, fragment_6);
-                  },
-                  $$slots: { default: true }
-                });
-                var node_9 = sibling(node_6, 4);
-                DropdownSubmenu(node_9, {
-                  title: "Sort by",
-                  get icon() {
-                    return noC;
-                  },
-                  children: ($$anchor5, $$slotProps3) => {
-                    var fragment_7 = root_7$2();
-                    var node_10 = first_child(fragment_7);
-                    DropdownItem(node_10, { title: "Date" });
-                    var node_11 = sibling(node_10, 2);
-                    DropdownItem(node_11, { title: "Priority" });
-                    var node_12 = sibling(node_11, 2);
-                    DropdownItem(node_12, {
-                      title: "Importance",
-                      subtitle: "Mentions, Yours, Other, Done"
+                    var node_7 = sibling(first_child(fragment_6), 2);
+                    DropdownSubmenu(node_7, {
+                      title: "Show",
+                      get icon() {
+                        return tm;
+                      },
+                      disabled: true,
+                      children: ($$anchor6, $$slotProps3) => {
+                        var fragment_7 = root_7$2();
+                        var node_8 = first_child(fragment_7);
+                        {
+                          let $02 = /* @__PURE__ */ user_derived(() => !!settings.data.appearance.searchVisible);
+                          DropdownItem(node_8, {
+                            title: "Search",
+                            get checked() {
+                              return get$2($02);
+                            },
+                            onclick: () => settings.data.appearance.searchVisible = !settings.data.appearance.searchVisible,
+                            closeOnSelect: false
+                          });
+                        }
+                        var node_9 = sibling(node_8, 2);
+                        {
+                          let $02 = /* @__PURE__ */ user_derived(() => !!settings.data.overviews.overviewCommentsVisible);
+                          DropdownItem(node_9, {
+                            title: "Overview",
+                            get checked() {
+                              return get$2($02);
+                            },
+                            onclick: () => settings.data.overviews.overviewCommentsVisible = !settings.data.overviews.overviewCommentsVisible,
+                            closeOnSelect: false
+                          });
+                        }
+                        append($$anchor6, fragment_7);
+                      },
+                      $$slots: { default: true }
                     });
-                    append($$anchor5, fragment_7);
-                  },
-                  $$slots: { default: true }
-                });
+                    var node_10 = sibling(node_7, 4);
+                    DropdownSubmenu(node_10, {
+                      title: "Sort by",
+                      get icon() {
+                        return noC;
+                      },
+                      children: ($$anchor6, $$slotProps3) => {
+                        var fragment_8 = root_8$2();
+                        var node_11 = first_child(fragment_8);
+                        DropdownItem(node_11, { title: "Date" });
+                        var node_12 = sibling(node_11, 2);
+                        DropdownItem(node_12, { title: "Priority" });
+                        var node_13 = sibling(node_12, 2);
+                        DropdownItem(node_13, {
+                          title: "Importance",
+                          subtitle: "Mentions, Yours, Other, Done"
+                        });
+                        append($$anchor6, fragment_8);
+                      },
+                      $$slots: { default: true }
+                    });
+                    append($$anchor5, fragment_6);
+                  };
+                  if_block(node_6, ($$render) => {
+                    if (!get$2(noComments)) $$render(consequent);
+                  });
+                }
                 append($$anchor4, fragment_5);
               },
               $$slots: { child: true, default: true }
@@ -21525,71 +21544,74 @@ function Comments$1($$anchor, $$props) {
           $$slots: { after: true }
         });
       }
-      var node_13 = sibling(node, 2);
-      Overview(node_13, {
-        get visible() {
-          return can.displayCommentsOverview;
-        },
-        children: ($$anchor3, $$slotProps2) => {
-          var fragment_8 = root_8$2();
-          var node_14 = first_child(fragment_8);
-          Stat(node_14, {
-            get progress() {
-              return get$2(commentsProgress);
-            },
-            radius: 12,
-            title: "Progress",
-            class: "border-white/10 border-r-[0.5px]"
-          });
-          var div = sibling(node_14, 2);
-          var node_15 = child(div);
-          Stat(node_15, {
-            title: "Done",
-            class: "pl-12",
-            children: ($$anchor4, $$slotProps3) => {
-              var p = root_9$2();
-              var text2 = child(p);
-              var span = sibling(text2);
-              var text_1 = child(span);
-              template_effect(() => {
-                var _a2;
-                set_text(text2, get$2(doneThreads));
-                set_text(text_1, `/${(((_a2 = comments.threadsWithStatus) == null ? void 0 : _a2.length) || 0) ?? ""}`);
-              });
-              append($$anchor4, p);
-            },
-            $$slots: { default: true }
-          });
-          var node_16 = sibling(node_15, 2);
-          Stat(node_16, { title: "Todo", class: "pl-12", content: 24 });
-          var node_17 = sibling(node_16, 2);
-          Stat(node_17, { title: "Priority", class: "pl-12", content: 24 });
-          append($$anchor3, fragment_8);
-        },
-        $$slots: { default: true }
-      });
-      var node_18 = sibling(node_13, 2);
-      PageContent(node_18, {
+      var node_14 = sibling(node, 2);
+      {
+        let $0 = /* @__PURE__ */ user_derived(() => !!can.displayCommentsOverview);
+        Overview(node_14, {
+          get visible() {
+            return get$2($0);
+          },
+          children: ($$anchor3, $$slotProps2) => {
+            var fragment_9 = root_9$2();
+            var node_15 = first_child(fragment_9);
+            Stat(node_15, {
+              get progress() {
+                return get$2(commentsProgress);
+              },
+              radius: 12,
+              title: "Progress",
+              class: "border-white/10 border-r-[0.5px]"
+            });
+            var div = sibling(node_15, 2);
+            var node_16 = child(div);
+            Stat(node_16, {
+              title: "Done",
+              class: "pl-12",
+              children: ($$anchor4, $$slotProps3) => {
+                var p = root_10$2();
+                var text2 = child(p);
+                var span = sibling(text2);
+                var text_1 = child(span);
+                template_effect(() => {
+                  var _a2;
+                  set_text(text2, get$2(doneThreads));
+                  set_text(text_1, `/${(((_a2 = comments.threadsWithStatus) == null ? void 0 : _a2.length) || 0) ?? ""}`);
+                });
+                append($$anchor4, p);
+              },
+              $$slots: { default: true }
+            });
+            var node_17 = sibling(node_16, 2);
+            Stat(node_17, { title: "Todo", class: "pl-12", content: 24 });
+            var node_18 = sibling(node_17, 2);
+            Stat(node_18, { title: "Priority", class: "pl-12", content: 24 });
+            append($$anchor3, fragment_9);
+          },
+          $$slots: { default: true }
+        });
+      }
+      var node_19 = sibling(node_14, 2);
+      PageContent(node_19, {
         children: ($$anchor3, $$slotProps2) => {
-          var fragment_9 = root_10$2();
-          var node_19 = first_child(fragment_9);
+          var fragment_10 = root_11$1();
+          var node_20 = first_child(fragment_10);
           {
-            var consequent_1 = ($$anchor4) => {
-              var div_1 = root_11$1();
-              var node_20 = child(div_1);
-              SearchInput(node_20, {});
-              var node_21 = sibling(node_20, 2);
+            var consequent_2 = ($$anchor4) => {
+              var div_1 = root_12$1();
+              var node_21 = child(div_1);
+              SearchInput(node_21, {});
+              var node_22 = sibling(node_21, 2);
               each(
-                node_21,
+                node_22,
                 25,
                 () => (comments == null ? void 0 : comments.threadsWithStatus) ?? [],
                 (comment2) => comment2.id,
                 ($$anchor5, comment2) => {
-                  var div_2 = root_12$1();
-                  var node_22 = child(div_2);
+                  var div_2 = root_13();
+                  var node_23 = child(div_2);
                   {
                     let $0 = /* @__PURE__ */ user_derived(() => hover.mode.selector === get$2(comment2).selector);
-                    CommentCard(node_22, spread_props(
+                    CommentCard(node_23, spread_props(
                       {
                         get focused() {
                           return get$2($0);
@@ -21604,10 +21626,10 @@ function Comments$1($$anchor, $$props) {
                   append($$anchor5, div_2);
                 },
                 ($$anchor5) => {
-                  var fragment_10 = comment();
-                  var node_23 = first_child(fragment_10);
+                  var fragment_11 = comment();
+                  var node_24 = first_child(fragment_11);
                   {
-                    var consequent = ($$anchor6) => {
+                    var consequent_1 = ($$anchor6) => {
                       {
                         let $0 = /* @__PURE__ */ user_derived(() => `No results for: "<strong>${comments.filters.search}</strong>"`);
                         StatusMessage($$anchor6, {
@@ -21622,43 +21644,43 @@ function Comments$1($$anchor, $$props) {
                         });
                       }
                     };
-                    if_block(node_23, ($$render) => {
-                      if (comments.filters.search) $$render(consequent);
+                    if_block(node_24, ($$render) => {
+                      if (comments.filters.search) $$render(consequent_1);
                     });
                   }
-                  append($$anchor5, fragment_10);
+                  append($$anchor5, fragment_11);
                 }
               );
               transition(3, div_1, () => slide, () => ({ axis: "y", duration: 200 }));
               append($$anchor4, div_1);
             };
             var alternate = ($$anchor4) => {
-              var fragment_12 = comment();
-              var node_24 = first_child(fragment_12);
+              var fragment_13 = comment();
+              var node_25 = first_child(fragment_13);
               {
-                var consequent_2 = ($$anchor5) => {
-                  var p_1 = root_16();
+                var consequent_3 = ($$anchor5) => {
+                  var p_1 = root_17();
                   append($$anchor5, p_1);
                 };
                 if_block(
-                  node_24,
+                  node_25,
                   ($$render) => {
-                    if (comments == null ? void 0 : comments.error) $$render(consequent_2);
+                    if (comments == null ? void 0 : comments.error) $$render(consequent_3);
                   },
                   true
                 );
               }
-              append($$anchor4, fragment_12);
+              append($$anchor4, fragment_13);
             };
-            if_block(node_19, ($$render) => {
+            if_block(node_20, ($$render) => {
               var _a2;
-              if (pages.ready && pages.valid && (comments == null ? void 0 : comments.filteredThreads) && ((_a2 = comments.data) == null ? void 0 : _a2.length) !== 0) $$render(consequent_1);
+              if (pages.ready && pages.valid && (comments == null ? void 0 : comments.filteredThreads) && ((_a2 = comments.data) == null ? void 0 : _a2.length) !== 0) $$render(consequent_2);
               else $$render(alternate, false);
             });
           }
-          var node_25 = sibling(node_19, 2);
+          var node_26 = sibling(node_20, 2);
           {
-            var consequent_3 = ($$anchor4) => {
+            var consequent_4 = ($$anchor4) => {
               {
                 let $0 = /* @__PURE__ */ user_derived(() => comments.filters.search ? `No results for: "${comments.filters.search}"` : `Be the first to comment`);
                 StatusMessage($$anchor4, {
@@ -21673,14 +21695,13 @@ function Comments$1($$anchor, $$props) {
                 });
               }
             };
-            if_block(node_25, ($$render) => {
-              var _a2, _b2;
-              if (pages.ready && pages.valid && (((_a2 = comments.data) == null ? void 0 : _a2.length) === 0 || pages.isNew || ((_b2 = comments == null ? void 0 : comments.threadsWithStatus) == null ? void 0 : _b2.length) === 0 && meta.visible)) $$render(consequent_3);
+            if_block(node_26, ($$render) => {
+              if (get$2(noComments)) $$render(consequent_4);
             });
           }
-          var node_26 = sibling(node_25, 2);
-          DeleteCommentDialog(node_26, {});
-          append($$anchor3, fragment_9);
+          var node_27 = sibling(node_26, 2);
+          DeleteCommentDialog(node_27, {});
+          append($$anchor3, fragment_10);
         },
         $$slots: { default: true }
       });
@@ -21983,7 +22004,7 @@ function CommentForm($$anchor, $$props) {
     const selector = hover.mode.selector;
     if (!selector) return;
     const meta = !!((_a2 = hover.info) == null ? void 0 : _a2.meta);
-    bus.emit("comment-input:submit", "CommentForm", {
+    bus.emit("comment-input:submit", {
       page: pages.current.id,
       parent: parent(),
       selector,
@@ -22720,7 +22741,7 @@ function Settings2($$anchor, $$props) {
             append($$anchor4, fragment_3);
           });
           var div = sibling(node_2, 2);
-          div.textContent = `Version ${"1.0.0-beta.10"}`;
+          div.textContent = `Version ${"1.0.0-beta.11"}`;
           append($$anchor3, fragment_2);
         },
         $$slots: { default: true }
@@ -23907,6 +23928,7 @@ class Comments extends CollectionModule {
         info,
         createdBy: this.modules.auth.user.id
       };
+      this.log.info("Creating comment:", data);
       await this.create(data);
       this.emit("comments:created", { data });
     });
@@ -24829,7 +24851,7 @@ let Meta$1 = (_i = class extends Module {
 class Can extends Module {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _enableHover, /* @__PURE__ */ user_derived(() => !!this.modules.auth.user));
+    __privateAdd(this, _enableHover, /* @__PURE__ */ user_derived(() => !!this.modules.auth.user && this.modules.folders.canAccess));
     __privateAdd(this, _trackHover, /* @__PURE__ */ user_derived(() => this.modules.hover.enabled && !this.modules.hover.isIsolated));
     __privateAdd(this, _hoverElement, /* @__PURE__ */ user_derived(() => this.modules.hover.enabled && !this.modules.hover.isIsolated && !this.modules.hover.insideFubi));
     __privateAdd(this, _isolateFromHover, /* @__PURE__ */ user_derived(() => !this.modules.hover.isIsolated && !this.modules.hover.emptyHover && !!this.modules.hover.info && !!this.modules.hover.current));