fubi 1.0.0-beta.31 → 1.0.0-beta.32

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.32"}`;
           append($$anchor3, div);
         };
         Navbar(node, {
@@ -24852,25 +24852,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 +24889,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 +24933,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 +25026,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 +25319,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 };