fubi 1.0.0-beta.33 → 1.0.0-beta.35

package/dist/index.es.js

@@ -23132,7 +23132,7 @@ function Settings$1($$anchor, $$props) {
       {
         const after = ($$anchor3) => {
           var div = root_2$6();
-          div.textContent = `v${"1.0.0-beta.33"}`;
+          div.textContent = `v${"1.0.0-beta.35"}`;
           append($$anchor3, div);
         };
         Navbar(node, {
@@ -23865,11 +23865,8 @@ class Hover extends Module {
     window.addEventListener(
       "scroll",
       () => {
+        this.scroll = { x: window.scrollX, y: window.scrollY };
         if (!this.enabled) return;
-        if (this.mode.type === "isolated" || this.mode.type === "replying" || this.mode.type === "focused") {
-          this.scroll = { x: window.scrollX, y: window.scrollY };
-          return;
-        }
         if (this.modules.environment.touch) {
           this.mode = { type: "idle" };
           this.highlightVisible = false;
@@ -23880,7 +23877,6 @@ class Hover extends Module {
           this.highlightVisible = true;
           this.mode = { type: "idle" };
         }
-        this.scroll = { x: window.scrollX, y: window.scrollY };
         if (scrollTimeout) clearTimeout(scrollTimeout);
         scrollTimeout = setTimeout(
           () => {
@@ -23937,8 +23933,8 @@ class Hover extends Module {
     this.enabled = false;
     this.modules.dom.removeClass("fubi-hover-enabled");
     this.modules.toolbar.wrapper.classList.remove("fubi-hover-enabled");
-    this.highlightVisible = false;
-    if (this.mode.type !== "replying") {
+    if (this.mode.type !== "replying" && this.mode.type !== "focused") {
+      this.highlightVisible = false;
       this.mode = { type: "disabled" };
     }
     this.emit("hover:disabled");
@@ -24277,13 +24273,26 @@ class Comments extends CollectionModule {
     __privateAdd(this, _threadsTodo, /* @__PURE__ */ user_derived(() => this.filteredThreads.filter((t2) => !t2.done)));
     __privateAdd(this, _threadsDone, /* @__PURE__ */ user_derived(() => this.filteredThreads.filter((t2) => t2.done)));
     __privateAdd(this, _threadsWithStatus, /* @__PURE__ */ user_derived(() => {
-      return this.filteredThreads.map((t2) => ({ ...t2, ...this.getThreadStatus(t2) }));
+      const bindings = this.bindings;
+      console.log("[comments] threadsWithStatus recalculating, bindings size:", bindings.size);
+      return this.filteredThreads.map((t2) => {
+        var _a2, _b2;
+        const status = this.getThreadStatus(t2);
+        if ((_a2 = t2.selector) == null ? void 0 : _a2.includes("char")) {
+          console.log("[comments] char thread status:", {
+            selector: (_b2 = t2.selector) == null ? void 0 : _b2.substring(0, 40),
+            hidden: status.hidden
+          });
+        }
+        return { ...t2, ...status };
+      });
     }));
     __privateAdd(this, _isolatedThreads, /* @__PURE__ */ user_derived(() => this.threadsWithStatus.filter((t2) => this.modules.hover.isIsolated && t2.selector === this.modules.hover.isolationSelector)));
     __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(() => {
+      console.log("[comments] bindings recalculating, domTick:", this.domTick);
       const map = /* @__PURE__ */ new Map();
       this.grouped.forEach((comments, selector) => {
         if (!selector) return;
@@ -24429,7 +24438,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;
@@ -26805,7 +26816,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="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>`);
+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>`);
 function Debug($$anchor, $$props) {
   push($$props, true);
   const {