myio-js-library 0.1.547 → 0.1.548

package/dist/index.cjs

@@ -899,7 +899,7 @@ module.exports = __toCommonJS(src_exports);
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.547",
+  version: "0.1.548",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -18649,6 +18649,12 @@ function renderCardComponentV5({
     temperatureMax,
     temperatureStatus,
     // 'ok' | 'above' | 'below' | undefined
+    // Temperatura atual vinda do Ingestion = média das últimas 2 h; true = nenhuma leitura na janela
+    temperatureNoRecentReading = false,
+    temperatureSource,
+    // 'ingestion-avg-2h' | 'thingsboard' | undefined
+    temperatureFetchedAt,
+    // ms da consulta (rótulo "Atualizado às HH:MM")
     // Per-device exclude_groups_totals attribute (SERVER_SCOPE) — drives the orange marker
     excludeGroupsTotals
   } = entityObject;
@@ -18808,7 +18814,14 @@ function renderCardComponentV5({
   const percentageForDisplay = isTankDevice2 ? (waterPercentage || 0) * 100 : perc;
   const tankLevelCm = isTankDevice2 ? Number(waterLevel ?? val) : null;
   const _pctDecimals = resolvePercentDecimals(percentDecimals);
+  const showNoTempReading = !!temperatureNoRecentReading && isTemperatureDevice2(deviceType);
+  const tempValueTitle = (() => {
+    if (!isTemperatureDevice2(deviceType) || temperatureSource !== "ingestion-avg-2h") return "";
+    const at = temperatureFetchedAt ? ` \xB7 Atualizado \xE0s ${new Date(temperatureFetchedAt).toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit" })}` : "";
+    return showNoTempReading ? `Nenhuma leitura nas \xFAltimas 2 h${at}` : `Temperatura (m\xE9dia das \xFAltimas 2 h)${at}`;
+  })();
   const formatCardValue = (value, deviceType2) => {
+    if (showNoTempReading) return "Sem leitura recente";
     if (isTankDevice2) {
       return `${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%`;
     }
@@ -19111,7 +19124,7 @@ function renderCardComponentV5({
     }
     return "ok";
   };
-  const tempStatus = isTermostatoDevice ? calculateTempStatus2() : null;
+  const tempStatus = isTermostatoDevice && !showNoTempReading ? calculateTempStatus2() : null;
   const deviceImageUrl = getDeviceImageUrl(deviceType, percentageForDisplay, {
     tempStatus,
     isOffline
@@ -19131,7 +19144,7 @@ function renderCardComponentV5({
     }
     return null;
   };
-  const tempDeviationPercent = isTermostatoDevice ? calculateTempDeviationPercent() : null;
+  const tempDeviationPercent = isTermostatoDevice && !showNoTempReading ? calculateTempDeviationPercent() : null;
   const cardHTML = `
       <div class="device-card-centered clickable ${cardEntity.status === "offline" ? "offline" : ""}"
           data-entity-id="${entityId}"
@@ -19176,7 +19189,7 @@ function renderCardComponentV5({
                   <span class="flash-icon ${shouldFlashIcon2 ? "flash" : ""}">
                     ${icon2}
                   </span>
-                  <span class="consumption-value">${formatCardValue(cardEntity.lastValue, deviceType)}</span>
+                  <span class="consumption-value"${showNoTempReading ? ' style="color:#9ca3af;font-weight:500;font-size:0.85em;"' : ""}${tempValueTitle ? ` title="${tempValueTitle}"` : ""}>${formatCardValue(cardEntity.lastValue, deviceType)}</span>
                 </div>
               </div>
               ${isTankDevice2 ? `<span class="device-percentage-badge device-tank-level-badge" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important;">${formatTankHeadFromCm(tankLevelCm)}</span>` : !isTermostatoDevice ? `<span class="device-percentage-badge percentage-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; cursor: help;">${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%</span>` : tempDeviationPercent ? `<span class="device-percentage-badge temp-deviation-badge temp-comparison-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; color: ${tempDeviationPercent.isAbove ? "#ef4444" : tempDeviationPercent.isBelow ? "#3b82f6" : "#6b7280"}; font-weight: 600; cursor: help;">${tempDeviationPercent.sign}${tempDeviationPercent.value.toFixed(1)}%</span>` : ""}

package/dist/index.js

@@ -10,7 +10,7 @@ import {
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.547",
+  version: "0.1.548",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -17035,6 +17035,12 @@ function renderCardComponentV5({
     temperatureMax,
     temperatureStatus,
     // 'ok' | 'above' | 'below' | undefined
+    // Temperatura atual vinda do Ingestion = média das últimas 2 h; true = nenhuma leitura na janela
+    temperatureNoRecentReading = false,
+    temperatureSource,
+    // 'ingestion-avg-2h' | 'thingsboard' | undefined
+    temperatureFetchedAt,
+    // ms da consulta (rótulo "Atualizado às HH:MM")
     // Per-device exclude_groups_totals attribute (SERVER_SCOPE) — drives the orange marker
     excludeGroupsTotals
   } = entityObject;
@@ -17194,7 +17200,14 @@ function renderCardComponentV5({
   const percentageForDisplay = isTankDevice2 ? (waterPercentage || 0) * 100 : perc;
   const tankLevelCm = isTankDevice2 ? Number(waterLevel ?? val) : null;
   const _pctDecimals = resolvePercentDecimals(percentDecimals);
+  const showNoTempReading = !!temperatureNoRecentReading && isTemperatureDevice2(deviceType);
+  const tempValueTitle = (() => {
+    if (!isTemperatureDevice2(deviceType) || temperatureSource !== "ingestion-avg-2h") return "";
+    const at = temperatureFetchedAt ? ` \xB7 Atualizado \xE0s ${new Date(temperatureFetchedAt).toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit" })}` : "";
+    return showNoTempReading ? `Nenhuma leitura nas \xFAltimas 2 h${at}` : `Temperatura (m\xE9dia das \xFAltimas 2 h)${at}`;
+  })();
   const formatCardValue = (value, deviceType2) => {
+    if (showNoTempReading) return "Sem leitura recente";
     if (isTankDevice2) {
       return `${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%`;
     }
@@ -17497,7 +17510,7 @@ function renderCardComponentV5({
     }
     return "ok";
   };
-  const tempStatus = isTermostatoDevice ? calculateTempStatus2() : null;
+  const tempStatus = isTermostatoDevice && !showNoTempReading ? calculateTempStatus2() : null;
   const deviceImageUrl = getDeviceImageUrl(deviceType, percentageForDisplay, {
     tempStatus,
     isOffline
@@ -17517,7 +17530,7 @@ function renderCardComponentV5({
     }
     return null;
   };
-  const tempDeviationPercent = isTermostatoDevice ? calculateTempDeviationPercent() : null;
+  const tempDeviationPercent = isTermostatoDevice && !showNoTempReading ? calculateTempDeviationPercent() : null;
   const cardHTML = `
       <div class="device-card-centered clickable ${cardEntity.status === "offline" ? "offline" : ""}"
           data-entity-id="${entityId}"
@@ -17562,7 +17575,7 @@ function renderCardComponentV5({
                   <span class="flash-icon ${shouldFlashIcon2 ? "flash" : ""}">
                     ${icon2}
                   </span>
-                  <span class="consumption-value">${formatCardValue(cardEntity.lastValue, deviceType)}</span>
+                  <span class="consumption-value"${showNoTempReading ? ' style="color:#9ca3af;font-weight:500;font-size:0.85em;"' : ""}${tempValueTitle ? ` title="${tempValueTitle}"` : ""}>${formatCardValue(cardEntity.lastValue, deviceType)}</span>
                 </div>
               </div>
               ${isTankDevice2 ? `<span class="device-percentage-badge device-tank-level-badge" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important;">${formatTankHeadFromCm(tankLevelCm)}</span>` : !isTermostatoDevice ? `<span class="device-percentage-badge percentage-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; cursor: help;">${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%</span>` : tempDeviationPercent ? `<span class="device-percentage-badge temp-deviation-badge temp-comparison-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; color: ${tempDeviationPercent.isAbove ? "#ef4444" : tempDeviationPercent.isBelow ? "#3b82f6" : "#6b7280"}; font-weight: 600; cursor: help;">${tempDeviationPercent.sign}${tempDeviationPercent.value.toFixed(1)}%</span>` : ""}

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

@@ -5455,7 +5455,7 @@
 
   // package.json
   var package_default = {
-    version: "0.1.547"};
+    version: "0.1.548"};
 
   // src/utils/format/energy.ts
   function formatPower(value, decimals = 2) {
@@ -22372,6 +22372,12 @@
       temperatureMax,
       temperatureStatus,
       // 'ok' | 'above' | 'below' | undefined
+      // Temperatura atual vinda do Ingestion = média das últimas 2 h; true = nenhuma leitura na janela
+      temperatureNoRecentReading = false,
+      temperatureSource,
+      // 'ingestion-avg-2h' | 'thingsboard' | undefined
+      temperatureFetchedAt,
+      // ms da consulta (rótulo "Atualizado às HH:MM")
       // Per-device exclude_groups_totals attribute (SERVER_SCOPE) — drives the orange marker
       excludeGroupsTotals
     } = entityObject;
@@ -22531,7 +22537,14 @@
     const percentageForDisplay = isTankDevice2 ? (waterPercentage || 0) * 100 : perc;
     const tankLevelCm = isTankDevice2 ? Number(waterLevel ?? val) : null;
     const _pctDecimals = resolvePercentDecimals(percentDecimals);
+    const showNoTempReading = !!temperatureNoRecentReading && isTemperatureDevice2(deviceType);
+    const tempValueTitle = (() => {
+      if (!isTemperatureDevice2(deviceType) || temperatureSource !== "ingestion-avg-2h") return "";
+      const at = temperatureFetchedAt ? ` \xB7 Atualizado \xE0s ${new Date(temperatureFetchedAt).toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit" })}` : "";
+      return showNoTempReading ? `Nenhuma leitura nas \xFAltimas 2 h${at}` : `Temperatura (m\xE9dia das \xFAltimas 2 h)${at}`;
+    })();
     const formatCardValue = (value, deviceType2) => {
+      if (showNoTempReading) return "Sem leitura recente";
       if (isTankDevice2) {
         return `${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%`;
       }
@@ -22834,7 +22847,7 @@
       }
       return "ok";
     };
-    const tempStatus = isTermostatoDevice ? calculateTempStatus2() : null;
+    const tempStatus = isTermostatoDevice && !showNoTempReading ? calculateTempStatus2() : null;
     const deviceImageUrl = getDeviceImageUrl(deviceType, percentageForDisplay, {
       tempStatus,
       isOffline
@@ -22854,7 +22867,7 @@
       }
       return null;
     };
-    const tempDeviationPercent = isTermostatoDevice ? calculateTempDeviationPercent() : null;
+    const tempDeviationPercent = isTermostatoDevice && !showNoTempReading ? calculateTempDeviationPercent() : null;
     const cardHTML = `
       <div class="device-card-centered clickable ${cardEntity.status === "offline" ? "offline" : ""}"
           data-entity-id="${entityId}"
@@ -22899,7 +22912,7 @@
                   <span class="flash-icon ${shouldFlashIcon2 ? "flash" : ""}">
                     ${icon2}
                   </span>
-                  <span class="consumption-value">${formatCardValue(cardEntity.lastValue, deviceType)}</span>
+                  <span class="consumption-value"${showNoTempReading ? ' style="color:#9ca3af;font-weight:500;font-size:0.85em;"' : ""}${tempValueTitle ? ` title="${tempValueTitle}"` : ""}>${formatCardValue(cardEntity.lastValue, deviceType)}</span>
                 </div>
               </div>
               ${isTankDevice2 ? `<span class="device-percentage-badge device-tank-level-badge" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important;">${formatTankHeadFromCm(tankLevelCm)}</span>` : !isTermostatoDevice ? `<span class="device-percentage-badge percentage-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; cursor: help;">${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%</span>` : tempDeviationPercent ? `<span class="device-percentage-badge temp-deviation-badge temp-comparison-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; color: ${tempDeviationPercent.isAbove ? "#ef4444" : tempDeviationPercent.isBelow ? "#3b82f6" : "#6b7280"}; font-weight: 600; cursor: help;">${tempDeviationPercent.sign}${tempDeviationPercent.value.toFixed(1)}%</span>` : ""}