fubi 1.0.0-beta.38 → 1.0.0-beta.39

package/dist/index.es.js

@@ -21669,7 +21669,6 @@ function Comments$1($$anchor, $$props) {
     var _a2;
     return pages.ready && pages.valid && (pages.isNew || ((_a2 = comments == null ? void 0 : comments.threadsWithStatus) == null ? void 0 : _a2.length) === 0);
   });
-  console.log("threads with status:", comments == null ? void 0 : comments.threadsWithStatus);
   Page($$anchor, {
     name: "comments",
     children: ($$anchor2, $$slotProps) => {
@@ -23127,7 +23126,7 @@ function Settings$1($$anchor, $$props) {
       {
         const after = ($$anchor3) => {
           var div = root_2$6();
-          div.textContent = `v${"1.0.0-beta.38"}`;
+          div.textContent = `v${"1.0.0-beta.39"}`;
           append($$anchor3, div);
         };
         Navbar(node, {
@@ -24283,36 +24282,7 @@ class Comments extends CollectionModule {
     __privateAdd(this, _activeThreadId, /* @__PURE__ */ state(null));
     __privateAdd(this, _activeThread, /* @__PURE__ */ user_derived(() => this.filteredThreads.find((t2) => t2.id === this.activeThreadId) ?? null));
     __privateAdd(this, _activeThreadReplies, /* @__PURE__ */ user_derived(() => [...this.data.filter((c) => c.parent === this.activeThreadId)].sort((a, b) => a.created.localeCompare(b.created))));
-    __privateAdd(this, _bindings, /* @__PURE__ */ user_derived(() => {
-      const map = /* @__PURE__ */ new Map();
-      this.grouped.forEach((comments, selector) => {
-        if (!selector) return;
-        const isMeta = comments.some((c) => {
-          var _a2;
-          return (_a2 = c.info) == null ? void 0 : _a2.meta;
-        });
-        const root2 = isMeta ? this.modules.toolbar.wrapper : document;
-        let element = null;
-        let missing = false;
-        let hidden = false;
-        if (root2) {
-          element = root2.querySelector(selector);
-        }
-        if (!element) {
-          missing = true;
-        } else {
-          hidden = !element.checkVisibility({ checkOpacity: true, checkVisibilityCSS: true });
-        }
-        map.set(selector, {
-          selector,
-          element,
-          threadIds: comments.map((c) => c.id),
-          missing,
-          hidden
-        });
-      });
-      return map;
-    }));
+    __privateAdd(this, _bindings, /* @__PURE__ */ state(proxy$1(/* @__PURE__ */ new Map())));
   }
   get filter() {
     return get$2(__privateGet(this, _filter4));
@@ -24396,20 +24366,51 @@ class Comments extends CollectionModule {
     return get$2(__privateGet(this, _bindings));
   }
   set bindings(value) {
-    set(__privateGet(this, _bindings), value);
+    set(__privateGet(this, _bindings), value, true);
   }
   start() {
     this.initCollection({
       name: "comments",
       expand: "createdBy,mentions,comments_via_parent",
-      onFinish: () => {
+      onFinish: async () => {
+        this.domTick++;
+        await tick();
         this.populate();
         this.ready = true;
       }
     });
+    watch$1(() => this.domTick, () => {
+      const map = /* @__PURE__ */ new Map();
+      this.grouped.forEach((comments, selector) => {
+        if (!selector) return;
+        const isMeta = comments.some((c) => {
+          var _a2;
+          return (_a2 = c.info) == null ? void 0 : _a2.meta;
+        });
+        const root2 = isMeta ? this.modules.toolbar.wrapper : document;
+        let element = null;
+        let missing = false;
+        let hidden = false;
+        if (root2) {
+          element = root2.querySelector(selector);
+        }
+        if (!element) {
+          missing = true;
+        } else {
+          hidden = !element.checkVisibility({ checkOpacity: true, checkVisibilityCSS: true });
+        }
+        map.set(selector, {
+          selector,
+          element,
+          threadIds: comments.map((c) => c.id),
+          missing,
+          hidden
+        });
+      });
+      this.bindings = map;
+    });
     this.on("pages:current", () => {
       this.activeThreadId = null;
-      this.reset();
       if (this.modules.pages.isNew) {
         this.ready = true;
         return;
@@ -24430,7 +24431,9 @@ class Comments extends CollectionModule {
     this.on("hover:reset", () => this.activeThreadId = null);
     this.on("hover:isolation-dismiss", () => this.activeThreadId = null);
     this.on("elements:changed", () => {
+      console.log("[comments] elements:changed received, domTick before:", this.domTick);
       this.domTick++;
+      console.log("[comments] domTick incremented to:", this.domTick);
     });
     this.modules.keys.onPress("Escape", () => {
       if (!this.can.commentInputEscape) return;
@@ -24559,6 +24562,10 @@ class Comments extends CollectionModule {
     this.ready = false;
   }
   populate() {
+    var _a2, _b2;
+    console.log("[comments] populate - bindings is:", this.bindings);
+    console.log("[comments] populate - bindings constructor:", (_b2 = (_a2 = this.bindings) == null ? void 0 : _a2.constructor) == null ? void 0 : _b2.name);
+    console.log("[comments] populate - data length:", this.data.length, "grouped size:", this.grouped.size, "bindings size:", this.bindings.size);
     this.bindings.forEach((binding) => {
       if (binding.element) {
         const visibleThreadIds = binding.threadIds.filter((id) => this.filteredThreads.some((t2) => t2.id === id));
@@ -26799,7 +26806,7 @@ const createApp = (params) => {
 var root_1$8 = /* @__PURE__ */ from_html(`<div class="flex w-full items-center gap-6"><div></div> </div>`);
 var root_3$2 = /* @__PURE__ */ from_html(`<p class="whitespace-nowrap"> <span> </span></p>`);
 var root_2$5 = /* @__PURE__ */ from_html(`<details open><summary class="text-amber-500 hover:underline pb-4 mt-8 border-b border-amber-500/30"> </summary> <!></details>`);
-var root$7 = /* @__PURE__ */ from_html(`<div class=" fixed z-51 bottom-8 touch:top-8 w-200 touch:bottom-auto max-w-250 left-8 bg-black text-white/50 p-8 font-mono rounded-lg text-[10px]/none flex flex-col space-y-8 divide-white/10 [&amp;_span]:text-white"><div class="text-amber-500 pb-4 mt-8 border-b border-amber-500/30"><p>Modules</p></div> <!> <!></div>`);
+var root$7 = /* @__PURE__ */ from_html(`<div class="hidden fixed z-51 bottom-8 touch:top-8 w-200 touch:bottom-auto max-w-250 left-8 bg-black text-white/50 p-8 font-mono rounded-lg text-[10px]/none flex flex-col space-y-8 divide-white/10 [&amp;_span]:text-white"><div class="text-amber-500 pb-4 mt-8 border-b border-amber-500/30"><p>Modules</p></div> <!> <!></div>`);
 function Debug($$anchor, $$props) {
   push($$props, true);
   const {