@deck.gl/widgets 9.2.6 → 9.2.7

package/dist/dist.dev.js

@@ -2648,13 +2648,11 @@ var __exports__ = (() => {
       };
       this._formatters = { ...DEFAULT_FORMATTERS };
       this._resetOnUpdate = { ...this.props.resetOnUpdate };
-      this._stats = this.props.stats;
       this.setProps(props);
     }
     setProps(props) {
       this.placement = props.placement ?? this.placement;
       this.viewId = props.viewId ?? this.viewId;
-      this._stats = this._getStats();
       if (props.formatters) {
         for (const name in props.formatters) {
           const f4 = props.formatters[name];
@@ -2667,17 +2665,16 @@ var __exports__ = (() => {
       super.setProps(props);
     }
     onAdd() {
-      this._stats = this._getStats();
       this.updateHTML();
     }
     onRenderHTML(rootElement) {
-      const stats = this._stats;
+      const stats = this._getStats();
       const collapsed = this.collapsed;
-      const title = this.props.title || stats?.id || "Stats";
+      const title = this.props.title || ("id" in stats ? stats.id : null) || "Stats";
       const items = [];
       if (!collapsed && stats) {
         stats.forEach((stat) => {
-          const lines = this._getLines(stat);
+          const lines = this._getLines(stat).split("\n");
           if (this._resetOnUpdate && this._resetOnUpdate[stat.name]) {
             stat.reset();
           }
@@ -2711,20 +2708,20 @@ var __exports__ = (() => {
     onRedraw() {
       const framesPerUpdate = Math.max(1, this.props.framesPerUpdate || 1);
       if (this._counter++ % framesPerUpdate === 0) {
-        this._stats = this._getStats();
         this.updateHTML();
       }
     }
     _getStats() {
       switch (this.props.type) {
         case "deck":
-          return this.deck?.stats;
+          const metrics = this.deck?.metrics ?? {};
+          return Object.entries(metrics);
         case "luma":
           return Array.from(import_core21.luma.stats.stats.values())[0];
         case "device":
           const device = this.deck?.device;
           const stats = device?.statsManager.stats.values();
-          return stats ? Array.from(stats)[0] : void 0;
+          return stats ? Array.from(stats)[0] : [];
         case "custom":
           return this.props.stats;
         default:
@@ -2732,8 +2729,13 @@ var __exports__ = (() => {
       }
     }
     _getLines(stat) {
-      const formatter = this._formatters[stat.name] || this._formatters[stat.type || ""] || DEFAULT_COUNT_FORMATTER;
-      return formatter(stat).split("\n");
+      if ("count" in stat) {
+        const formatter = this._formatters[stat.name] || this._formatters[stat.type || ""] || DEFAULT_COUNT_FORMATTER;
+        return formatter(stat);
+      }
+      const [key, value] = stat;
+      const formattedValue = key.endsWith("Memory") ? formatMemory(value) : key.includes("Time") ? formatTime(value) : `${value.toFixed(2)}`;
+      return `${key}: ${formattedValue}`;
     }
   };
   StatsWidget.defaultProps = {

package/dist/index.cjs

@@ -1748,13 +1748,11 @@ var StatsWidget = class extends import_core19.Widget {
     };
     this._formatters = { ...DEFAULT_FORMATTERS };
     this._resetOnUpdate = { ...this.props.resetOnUpdate };
-    this._stats = this.props.stats;
     this.setProps(props);
   }
   setProps(props) {
     this.placement = props.placement ?? this.placement;
     this.viewId = props.viewId ?? this.viewId;
-    this._stats = this._getStats();
     if (props.formatters) {
       for (const name in props.formatters) {
         const f = props.formatters[name];
@@ -1767,17 +1765,16 @@ var StatsWidget = class extends import_core19.Widget {
     super.setProps(props);
   }
   onAdd() {
-    this._stats = this._getStats();
     this.updateHTML();
   }
   onRenderHTML(rootElement) {
-    const stats = this._stats;
+    const stats = this._getStats();
     const collapsed = this.collapsed;
-    const title = this.props.title || (stats == null ? void 0 : stats.id) || "Stats";
+    const title = this.props.title || ("id" in stats ? stats.id : null) || "Stats";
     const items = [];
     if (!collapsed && stats) {
       stats.forEach((stat) => {
-        const lines = this._getLines(stat);
+        const lines = this._getLines(stat).split("\n");
         if (this._resetOnUpdate && this._resetOnUpdate[stat.name]) {
           stat.reset();
         }
@@ -1791,7 +1788,6 @@ var StatsWidget = class extends import_core19.Widget {
   onRedraw() {
     const framesPerUpdate = Math.max(1, this.props.framesPerUpdate || 1);
     if (this._counter++ % framesPerUpdate === 0) {
-      this._stats = this._getStats();
       this.updateHTML();
     }
   }
@@ -1799,13 +1795,14 @@ var StatsWidget = class extends import_core19.Widget {
     var _a, _b;
     switch (this.props.type) {
       case "deck":
-        return (_a = this.deck) == null ? void 0 : _a.stats;
+        const metrics = ((_a = this.deck) == null ? void 0 : _a.metrics) ?? {};
+        return Object.entries(metrics);
       case "luma":
         return Array.from(import_core20.luma.stats.stats.values())[0];
       case "device":
         const device = (_b = this.deck) == null ? void 0 : _b.device;
         const stats = device == null ? void 0 : device.statsManager.stats.values();
-        return stats ? Array.from(stats)[0] : void 0;
+        return stats ? Array.from(stats)[0] : [];
       case "custom":
         return this.props.stats;
       default:
@@ -1813,8 +1810,13 @@ var StatsWidget = class extends import_core19.Widget {
     }
   }
   _getLines(stat) {
-    const formatter = this._formatters[stat.name] || this._formatters[stat.type || ""] || DEFAULT_COUNT_FORMATTER;
-    return formatter(stat).split("\n");
+    if ("count" in stat) {
+      const formatter = this._formatters[stat.name] || this._formatters[stat.type || ""] || DEFAULT_COUNT_FORMATTER;
+      return formatter(stat);
+    }
+    const [key, value] = stat;
+    const formattedValue = key.endsWith("Memory") ? formatMemory(value) : key.includes("Time") ? formatTime(value) : `${value.toFixed(2)}`;
+    return `${key}: ${formattedValue}`;
   }
 };
 StatsWidget.defaultProps = {