myio-js-library 0.1.83 → 0.1.85

package/dist/index.cjs

@@ -1913,6 +1913,8 @@ init_template_card();
 // src/components/SelectionStore.js
 var MyIOSelectionStoreClass = class {
   constructor() {
+    console.log("[SelectionStore] \u{1F3D7}\uFE0F NEW INSTANCE CREATED at:", (/* @__PURE__ */ new Date()).toISOString());
+    console.trace("[SelectionStore] Constructor called from:");
     this.state = { selectedDevice: null };
     this.selectedIds = /* @__PURE__ */ new Set();
     this.entities = /* @__PURE__ */ new Map();
@@ -2058,11 +2060,17 @@ var MyIOSelectionStoreClass = class {
   }
   // Event System
   on(event, callback) {
-    if (typeof event !== "string" || typeof callback !== "function") return;
+    console.log(`[SelectionStore] \u{1F4DD} Registering listener for event: ${event}`);
+    if (typeof event !== "string" || typeof callback !== "function") {
+      console.error(`[SelectionStore] \u274C Invalid registration: event=${typeof event}, callback=${typeof callback}`);
+      return;
+    }
     if (!this.eventListeners.has(event)) {
+      console.log(`[SelectionStore] \u{1F195} Creating new listener array for: ${event}`);
       this.eventListeners.set(event, []);
     }
     this.eventListeners.get(event).push(callback);
+    console.log(`[SelectionStore] \u2705 Listener registered! Total for ${event}: ${this.eventListeners.get(event).length}`);
   }
   off(event, callback) {
     if (!this.eventListeners.has(event)) return;
@@ -2170,12 +2178,22 @@ var MyIOSelectionStoreClass = class {
     });
   }
   _emit(event, data) {
-    if (!this.eventListeners.has(event)) return;
-    this.eventListeners.get(event).forEach((callback) => {
+    console.log(`[SelectionStore] \u{1F514} Emitting event: ${event}, listeners: ${this.eventListeners.get(event)?.length || 0}`);
+    console.log(`[SelectionStore] \u{1F4E6} Event data:`, data);
+    if (!this.eventListeners.has(event)) {
+      console.warn(`[SelectionStore] \u26A0\uFE0F No listener map for event: ${event}`);
+      return;
+    }
+    const listeners = this.eventListeners.get(event);
+    if (listeners.length === 0) {
+      console.warn(`[SelectionStore] \u26A0\uFE0F No listeners registered for event: ${event}`);
+    }
+    listeners.forEach((callback, index) => {
+      console.log(`[SelectionStore] \u{1F3AF} Calling listener #${index} for ${event}`);
       try {
         callback(data);
       } catch (error) {
-        console.error(`Error in ${event} listener:`, error);
+        console.error(`[SelectionStore] \u274C Error in ${event} listener #${index}:`, error);
       }
     });
   }
@@ -2224,10 +2242,19 @@ var MyIOSelectionStoreClass = class {
     return data;
   }
 };
-var MyIOSelectionStore = new MyIOSelectionStoreClass();
+var MyIOSelectionStore;
 if (typeof globalThis !== "undefined" && typeof globalThis.window !== "undefined") {
-  globalThis.window.MyIOSelectionStore = MyIOSelectionStore;
+  if (globalThis.window.MyIOSelectionStore) {
+    console.log("[SelectionStore] \u{1F504} REUSING existing global instance");
+    MyIOSelectionStore = globalThis.window.MyIOSelectionStore;
+  } else {
+    console.log("[SelectionStore] \u{1F195} Creating new global singleton instance");
+    MyIOSelectionStore = new MyIOSelectionStoreClass();
+    globalThis.window.MyIOSelectionStore = MyIOSelectionStore;
+  }
   globalThis.window.MyIOSelectionStoreClass = MyIOSelectionStoreClass;
+} else {
+  MyIOSelectionStore = new MyIOSelectionStoreClass();
 }
 if (typeof module !== "undefined" && module.exports) {
   module.exports = { MyIOSelectionStore, MyIOSelectionStoreClass };

package/dist/index.d.cts

@@ -767,7 +767,7 @@ declare function renderCardComponentHeadOffice(containerEl: any, params: any): {
     getRoot(): HTMLDivElement;
 };
 
-declare const MyIOSelectionStore: MyIOSelectionStoreClass;
+declare let MyIOSelectionStore: any;
 /**
  * MYIO SelectionStore Component
  * Global singleton for managing selection state, multi-unit totals, time-series data, and analytics

package/dist/index.js

@@ -1825,6 +1825,8 @@ init_template_card();
 // src/components/SelectionStore.js
 var MyIOSelectionStoreClass = class {
   constructor() {
+    console.log("[SelectionStore] \u{1F3D7}\uFE0F NEW INSTANCE CREATED at:", (/* @__PURE__ */ new Date()).toISOString());
+    console.trace("[SelectionStore] Constructor called from:");
     this.state = { selectedDevice: null };
     this.selectedIds = /* @__PURE__ */ new Set();
     this.entities = /* @__PURE__ */ new Map();
@@ -1970,11 +1972,17 @@ var MyIOSelectionStoreClass = class {
   }
   // Event System
   on(event, callback) {
-    if (typeof event !== "string" || typeof callback !== "function") return;
+    console.log(`[SelectionStore] \u{1F4DD} Registering listener for event: ${event}`);
+    if (typeof event !== "string" || typeof callback !== "function") {
+      console.error(`[SelectionStore] \u274C Invalid registration: event=${typeof event}, callback=${typeof callback}`);
+      return;
+    }
     if (!this.eventListeners.has(event)) {
+      console.log(`[SelectionStore] \u{1F195} Creating new listener array for: ${event}`);
       this.eventListeners.set(event, []);
     }
     this.eventListeners.get(event).push(callback);
+    console.log(`[SelectionStore] \u2705 Listener registered! Total for ${event}: ${this.eventListeners.get(event).length}`);
   }
   off(event, callback) {
     if (!this.eventListeners.has(event)) return;
@@ -2082,12 +2090,22 @@ var MyIOSelectionStoreClass = class {
     });
   }
   _emit(event, data) {
-    if (!this.eventListeners.has(event)) return;
-    this.eventListeners.get(event).forEach((callback) => {
+    console.log(`[SelectionStore] \u{1F514} Emitting event: ${event}, listeners: ${this.eventListeners.get(event)?.length || 0}`);
+    console.log(`[SelectionStore] \u{1F4E6} Event data:`, data);
+    if (!this.eventListeners.has(event)) {
+      console.warn(`[SelectionStore] \u26A0\uFE0F No listener map for event: ${event}`);
+      return;
+    }
+    const listeners = this.eventListeners.get(event);
+    if (listeners.length === 0) {
+      console.warn(`[SelectionStore] \u26A0\uFE0F No listeners registered for event: ${event}`);
+    }
+    listeners.forEach((callback, index) => {
+      console.log(`[SelectionStore] \u{1F3AF} Calling listener #${index} for ${event}`);
       try {
         callback(data);
       } catch (error) {
-        console.error(`Error in ${event} listener:`, error);
+        console.error(`[SelectionStore] \u274C Error in ${event} listener #${index}:`, error);
       }
     });
   }
@@ -2136,10 +2154,19 @@ var MyIOSelectionStoreClass = class {
     return data;
   }
 };
-var MyIOSelectionStore = new MyIOSelectionStoreClass();
+var MyIOSelectionStore;
 if (typeof globalThis !== "undefined" && typeof globalThis.window !== "undefined") {
-  globalThis.window.MyIOSelectionStore = MyIOSelectionStore;
+  if (globalThis.window.MyIOSelectionStore) {
+    console.log("[SelectionStore] \u{1F504} REUSING existing global instance");
+    MyIOSelectionStore = globalThis.window.MyIOSelectionStore;
+  } else {
+    console.log("[SelectionStore] \u{1F195} Creating new global singleton instance");
+    MyIOSelectionStore = new MyIOSelectionStoreClass();
+    globalThis.window.MyIOSelectionStore = MyIOSelectionStore;
+  }
   globalThis.window.MyIOSelectionStoreClass = MyIOSelectionStoreClass;
+} else {
+  MyIOSelectionStore = new MyIOSelectionStoreClass();
 }
 if (typeof module !== "undefined" && module.exports) {
   module.exports = { MyIOSelectionStore, MyIOSelectionStoreClass };

package/dist/myio-js-library.umd.js

@@ -1831,6 +1831,8 @@
   // src/components/SelectionStore.js
   var MyIOSelectionStoreClass = class {
     constructor() {
+      console.log("[SelectionStore] \u{1F3D7}\uFE0F NEW INSTANCE CREATED at:", (/* @__PURE__ */ new Date()).toISOString());
+      console.trace("[SelectionStore] Constructor called from:");
       this.state = { selectedDevice: null };
       this.selectedIds = /* @__PURE__ */ new Set();
       this.entities = /* @__PURE__ */ new Map();
@@ -1976,11 +1978,17 @@
     }
     // Event System
     on(event, callback) {
-      if (typeof event !== "string" || typeof callback !== "function") return;
+      console.log(`[SelectionStore] \u{1F4DD} Registering listener for event: ${event}`);
+      if (typeof event !== "string" || typeof callback !== "function") {
+        console.error(`[SelectionStore] \u274C Invalid registration: event=${typeof event}, callback=${typeof callback}`);
+        return;
+      }
       if (!this.eventListeners.has(event)) {
+        console.log(`[SelectionStore] \u{1F195} Creating new listener array for: ${event}`);
         this.eventListeners.set(event, []);
       }
       this.eventListeners.get(event).push(callback);
+      console.log(`[SelectionStore] \u2705 Listener registered! Total for ${event}: ${this.eventListeners.get(event).length}`);
     }
     off(event, callback) {
       if (!this.eventListeners.has(event)) return;
@@ -2088,12 +2096,22 @@
       });
     }
     _emit(event, data) {
-      if (!this.eventListeners.has(event)) return;
-      this.eventListeners.get(event).forEach((callback) => {
+      console.log(`[SelectionStore] \u{1F514} Emitting event: ${event}, listeners: ${this.eventListeners.get(event)?.length || 0}`);
+      console.log(`[SelectionStore] \u{1F4E6} Event data:`, data);
+      if (!this.eventListeners.has(event)) {
+        console.warn(`[SelectionStore] \u26A0\uFE0F No listener map for event: ${event}`);
+        return;
+      }
+      const listeners = this.eventListeners.get(event);
+      if (listeners.length === 0) {
+        console.warn(`[SelectionStore] \u26A0\uFE0F No listeners registered for event: ${event}`);
+      }
+      listeners.forEach((callback, index) => {
+        console.log(`[SelectionStore] \u{1F3AF} Calling listener #${index} for ${event}`);
         try {
           callback(data);
         } catch (error) {
-          console.error(`Error in ${event} listener:`, error);
+          console.error(`[SelectionStore] \u274C Error in ${event} listener #${index}:`, error);
         }
       });
     }
@@ -2142,13 +2160,22 @@
       return data;
     }
   };
-  var MyIOSelectionStore = new MyIOSelectionStoreClass();
+  exports.MyIOSelectionStore = void 0;
   if (typeof globalThis !== "undefined" && typeof globalThis.window !== "undefined") {
-    globalThis.window.MyIOSelectionStore = MyIOSelectionStore;
+    if (globalThis.window.MyIOSelectionStore) {
+      console.log("[SelectionStore] \u{1F504} REUSING existing global instance");
+      exports.MyIOSelectionStore = globalThis.window.MyIOSelectionStore;
+    } else {
+      console.log("[SelectionStore] \u{1F195} Creating new global singleton instance");
+      exports.MyIOSelectionStore = new MyIOSelectionStoreClass();
+      globalThis.window.MyIOSelectionStore = exports.MyIOSelectionStore;
+    }
     globalThis.window.MyIOSelectionStoreClass = MyIOSelectionStoreClass;
+  } else {
+    exports.MyIOSelectionStore = new MyIOSelectionStoreClass();
   }
   if (typeof module !== "undefined" && module.exports) {
-    module.exports = { MyIOSelectionStore, MyIOSelectionStoreClass };
+    module.exports = { MyIOSelectionStore: exports.MyIOSelectionStore, MyIOSelectionStoreClass };
   }
 
   // src/components/DraggableCard.js
@@ -2667,8 +2694,8 @@
       unit: determineUnit(deviceType),
       status: mapDeviceStatusToCardStatus(deviceStatus)
     };
-    if (enableSelection && MyIOSelectionStore) {
-      MyIOSelectionStore.registerEntity(cardEntity);
+    if (enableSelection && exports.MyIOSelectionStore) {
+      exports.MyIOSelectionStore.registerEntity(cardEntity);
     }
     const container = document.createElement("div");
     container.className = "myio-enhanced-card-container";
@@ -3426,14 +3453,14 @@
     if (enhancedCardElement && actionsContainer.children.length > 0) {
       enhancedCardElement.insertBefore(actionsContainer, enhancedCardElement.firstChild);
     }
-    if (enableSelection && MyIOSelectionStore) {
+    if (enableSelection && exports.MyIOSelectionStore) {
       const checkbox = enhancedCardElement.querySelector(".card-checkbox");
       if (checkbox) {
         checkbox.addEventListener("change", (e) => {
           e.stopPropagation();
           if (e.target.checked) {
-            const currentCount = MyIOSelectionStore.getSelectedEntities().length;
-            const selectedEntityes = MyIOSelectionStore.getSelectedEntities();
+            const currentCount = exports.MyIOSelectionStore.getSelectedEntities().length;
+            const selectedEntityes = exports.MyIOSelectionStore.getSelectedEntities();
             console.log("selectedEntityes", selectedEntityes);
             const isTryingToAdd = e.target.checked;
             if (isTryingToAdd && currentCount >= 6) {
@@ -3465,14 +3492,14 @@
         }
         enhancedCardElement.classList.toggle("selected", isSelected);
       };
-      MyIOSelectionStore.on("selection:change", handleSelectionChange);
-      const isInitiallySelected = MyIOSelectionStore.isSelected(entityId);
+      exports.MyIOSelectionStore.on("selection:change", handleSelectionChange);
+      const isInitiallySelected = exports.MyIOSelectionStore.isSelected(entityId);
       if (checkbox) {
         checkbox.checked = isInitiallySelected;
       }
       enhancedCardElement.classList.toggle("selected", isInitiallySelected);
       container._cleanup = () => {
-        MyIOSelectionStore.off("selection:change", handleSelectionChange);
+        exports.MyIOSelectionStore.off("selection:change", handleSelectionChange);
       };
     }
     if (enableDragDrop) {
@@ -3481,8 +3508,8 @@
         e.dataTransfer.setData("application/json", JSON.stringify(entityObject));
         e.dataTransfer.setData("text/myio-name", entityObject.labelOrName);
         e.dataTransfer.effectAllowed = "copy";
-        if (MyIOSelectionStore) {
-          MyIOSelectionStore.startDrag(entityId);
+        if (exports.MyIOSelectionStore) {
+          exports.MyIOSelectionStore.startDrag(entityId);
         }
       });
       enhancedCardElement.addEventListener("dragend", () => {
@@ -3537,7 +3564,7 @@
     return renderCardComponent3(options);
   }
   function renderCardComponent2(options) {
-    const useNewComponents = options.useNewComponents !== false && typeof MyIOSelectionStore !== "undefined" && typeof MyIODraggableCard !== "undefined";
+    const useNewComponents = options.useNewComponents !== false && typeof exports.MyIOSelectionStore !== "undefined" && typeof MyIODraggableCard !== "undefined";
     if (useNewComponents) {
       return renderCardComponentV2(options);
     } else {
@@ -12329,7 +12356,6 @@
   exports.DeviceStatusType = DeviceStatusType;
   exports.MyIOChartModal = MyIOChartModal;
   exports.MyIODraggableCard = MyIODraggableCard;
-  exports.MyIOSelectionStore = MyIOSelectionStore;
   exports.MyIOSelectionStoreClass = MyIOSelectionStoreClass;
   exports.addDetectionContext = addDetectionContext;
   exports.addNamespace = addNamespace;