@pulse-js/tools 0.1.6 → 0.1.7

package/dist/index.cjs

@@ -202,10 +202,10 @@ var PulseInspector = class extends HTMLElement {
     }
     const valueEl = target.closest(".editable-value");
     if (valueEl) {
+      const id = valueEl.getAttribute("data-id");
       const name = valueEl.getAttribute("data-name");
-      const unit = this.units.find((u) => u._name === name);
-      const hasName = unit._name && unit._name !== "unnamed";
-      if (unit && !("state" in unit) && hasName) {
+      const unit = this.units.find((u) => u._id === id || u._name === name);
+      if (unit && !("state" in unit)) {
         this.editingUnit = unit;
         this.editValue = JSON.stringify(unit());
         this.render();
@@ -325,6 +325,7 @@ var PulseInspector = class extends HTMLElement {
   renderUnitCard(unit) {
     const isGuard = "state" in unit;
     const name = unit._name || "unnamed";
+    const id = unit._id;
     const explanation = isGuard ? unit.explain() : null;
     const value = isGuard ? explanation.value : unit();
     let status = "ok";
@@ -346,13 +347,13 @@ var PulseInspector = class extends HTMLElement {
               <input class="edit-input" value='${this.safeStringify(value)}' />
             </form>
           ` : `
-            <div class="value-row ${!isGuard && name !== "unnamed" ? "editable-value" : ""}" 
+            <div class="value-row ${!isGuard ? "editable-value" : ""}" 
+                 data-id="${id}" 
                  data-name="${name}" 
-                 title="${!isGuard ? name === "unnamed" ? "Unnamed sources cannot be edited (not trackable)" : "Click to edit" : ""}">
+                 title="${!isGuard ? "Click to edit" : ""}">
               <span style="opacity:0.5;margin-right:6px">Value:</span> 
               <span class="value-text">${this.formatValue(value)}</span>
-              ${!isGuard && name !== "unnamed" ? `<span class="edit-icon">${ICONS.edit}</span>` : ""}
-              ${!isGuard && name === "unnamed" ? `<span style="opacity:0.3;font-size:10px;margin-left:auto">\u{1F512} Locked</span>` : ""}
+              ${!isGuard ? `<span class="edit-icon">${ICONS.edit}</span>` : ""}
             </div>
           `}
 

package/dist/index.js

@@ -176,10 +176,10 @@ var PulseInspector = class extends HTMLElement {
     }
     const valueEl = target.closest(".editable-value");
     if (valueEl) {
+      const id = valueEl.getAttribute("data-id");
       const name = valueEl.getAttribute("data-name");
-      const unit = this.units.find((u) => u._name === name);
-      const hasName = unit._name && unit._name !== "unnamed";
-      if (unit && !("state" in unit) && hasName) {
+      const unit = this.units.find((u) => u._id === id || u._name === name);
+      if (unit && !("state" in unit)) {
         this.editingUnit = unit;
         this.editValue = JSON.stringify(unit());
         this.render();
@@ -299,6 +299,7 @@ var PulseInspector = class extends HTMLElement {
   renderUnitCard(unit) {
     const isGuard = "state" in unit;
     const name = unit._name || "unnamed";
+    const id = unit._id;
     const explanation = isGuard ? unit.explain() : null;
     const value = isGuard ? explanation.value : unit();
     let status = "ok";
@@ -320,13 +321,13 @@ var PulseInspector = class extends HTMLElement {
               <input class="edit-input" value='${this.safeStringify(value)}' />
             </form>
           ` : `
-            <div class="value-row ${!isGuard && name !== "unnamed" ? "editable-value" : ""}" 
+            <div class="value-row ${!isGuard ? "editable-value" : ""}" 
+                 data-id="${id}" 
                  data-name="${name}" 
-                 title="${!isGuard ? name === "unnamed" ? "Unnamed sources cannot be edited (not trackable)" : "Click to edit" : ""}">
+                 title="${!isGuard ? "Click to edit" : ""}">
               <span style="opacity:0.5;margin-right:6px">Value:</span> 
               <span class="value-text">${this.formatValue(value)}</span>
-              ${!isGuard && name !== "unnamed" ? `<span class="edit-icon">${ICONS.edit}</span>` : ""}
-              ${!isGuard && name === "unnamed" ? `<span style="opacity:0.3;font-size:10px;margin-left:auto">\u{1F512} Locked</span>` : ""}
+              ${!isGuard ? `<span class="edit-icon">${ICONS.edit}</span>` : ""}
             </div>
           `}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pulse-js/tools",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -13,6 +13,6 @@
     "lint": "bun x tsc --noEmit"
   },
   "dependencies": {
-    "@pulse-js/core": "^0.1.8"
+    "@pulse-js/core": "^0.1.9"
   }
 }