fubi 1.0.0-beta.31 → 1.0.0-beta.33

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.31"}`;
+          div.textContent = `v${"1.0.0-beta.33"}`;
           append($$anchor3, div);
         };
         Navbar(node, {
@@ -24276,7 +24276,9 @@ 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(() => this.filteredThreads.map((t2) => ({ ...t2, ...this.getThreadStatus(t2) }))));
+    __privateAdd(this, _threadsWithStatus, /* @__PURE__ */ user_derived(() => {
+      return this.filteredThreads.map((t2) => ({ ...t2, ...this.getThreadStatus(t2) }));
+    }));
     __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));
@@ -24852,25 +24854,33 @@ class Elements extends Module {
     return null;
   }
   start() {
+    console.log("[elements] start() called");
     this.updateBodyDimensions();
     window.addEventListener("resize", () => {
+      console.log("[elements] resize event");
       this.updateBodyDimensions();
       this.emit("elements:changed", {});
     });
     this.pollInterval = window.setInterval(
       () => {
-        if (this.watchedSelectors.size) this.emit("elements:changed", {});
+        if (this.watchedSelectors.size) {
+          console.log("[elements] poll interval fired, watched selectors:", this.watchedSelectors.size);
+          this.emit("elements:changed", {});
+        }
       },
       1e3
     );
   }
   watch(selectors) {
+    console.log("[elements] watch() called with", selectors.length, "selectors");
     selectors.forEach((selector) => {
       if (!selector) return;
       this.watchedSelectors.add(selector);
       const elements = document.querySelectorAll(selector);
+      console.log("[elements] watch() - selector:", selector.substring(0, 60), "found elements:", elements.length);
       elements.forEach((el) => this.observeElement(el));
     });
+    console.log("[elements] watch() done, total observed:", this.observedElements.size);
   }
   unwatch(selectors) {
     selectors.forEach((selector) => {
@@ -24881,11 +24891,31 @@ class Elements extends Module {
   }
   // NEW: Start watching a specific element for mutations/resize
   observeElement(el) {
-    if (this.observedElements.has(el)) return;
+    var _a2, _b2;
+    if (this.observedElements.has(el)) {
+      console.log("[elements] observeElement() - SKIP already observed:", el.tagName, el.id || ((_a2 = el.className) == null ? void 0 : _a2.toString().substring(0, 20)));
+      return;
+    }
+    console.log("[elements] observeElement() - NEW observer for:", el.tagName, el.id || ((_b2 = el.className) == null ? void 0 : _b2.toString().substring(0, 20)));
     const resizeObs = new ResizeObserver(() => {
+      var _a3;
+      console.log("[elements] ResizeObserver FIRED for:", el.tagName, el.id || ((_a3 = el.className) == null ? void 0 : _a3.toString().substring(0, 20)));
       this.emitElementChanged(el);
     });
-    const mutationObs = new MutationObserver(() => {
+    const mutationObs = new MutationObserver((mutations) => {
+      var _a3;
+      console.log("[elements] MutationObserver FIRED:", {
+        target: el.tagName,
+        id: el.id,
+        class: (_a3 = el.className) == null ? void 0 : _a3.toString().substring(0, 20),
+        mutations: mutations.map((m) => {
+          var _a4;
+          return {
+            attr: m.attributeName,
+            newVal: (_a4 = m.target.getAttribute(m.attributeName || "")) == null ? void 0 : _a4.substring(0, 40)
+          };
+        })
+      });
       this.emitElementChanged(el);
     });
     mutationObs.observe(el, {
@@ -24905,6 +24935,8 @@ class Elements extends Module {
   }
   // NEW: Emit change for specific element (future: use this for targeted updates)
   emitElementChanged(el) {
+    var _a2;
+    console.log("[elements] emitElementChanged() - emitting elements:changed for:", el.tagName, el.id || ((_a2 = el.className) == null ? void 0 : _a2.toString().substring(0, 20)));
     this.emit("elements:changed", { changedElement: el });
   }
   updateBodyDimensions() {
@@ -24996,6 +25028,7 @@ class Elements extends Module {
     return index2;
   }
   destroy() {
+    console.log("[elements] destroy() - cleaning up", this.observedElements.size, "observers");
     if (this.pollInterval) clearInterval(this.pollInterval);
     this.observedElements.forEach(({ resize, mutation }) => {
       resize.disconnect();
@@ -25288,7 +25321,6 @@ let Tracer$1 = (_h = class extends Module {
     });
   }
   trace(fromEl, toEl, options) {
-    this.log.info("Tracing from", fromEl, "to", toEl);
     this.fromEl = fromEl;
     this.toEl = toEl;
     this.fromAnchor = { point: "border", offset: 0, ...options == null ? void 0 : options.from };