@kwirthmagnify/kwirth-plugin-status 0.2.1 → 0.2.3

package/back.js

@@ -75,7 +75,7 @@ var StatusChannel = class {
       modifiable: false,
       reconnectable: true,
       metrics: false,
-      sources: [import_kwirth_common_back.EClusterType.KUBERNETES, import_kwirth_common_back.EClusterType.DOCKER],
+      sources: [import_kwirth_common_back.EClusterType.KUBERNETES],
       endpoints: [],
       websocket: false,
       cluster: true,

package/front.js

@@ -97,6 +97,10 @@
   var StatusIcon = (props) => /* @__PURE__ */ import_react.default.createElement(import_material.SvgIcon, { ...props, viewBox: "0 0 24 24" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "2.6", y: "4.6", width: "18.8", height: "14.8", rx: "2.2" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M6 12h2.6l1.5-3.4 2.6 6.8 1.5-3.4H18" })));
 
   // src/front/StatusData.ts
+  var countUnbrokeredConsumers = (components) => components.reduce((n, c) => {
+    if (c.subscribers === void 0 || c.knownConsumers === void 0) return n;
+    return n + Math.max(0, c.subscribers - c.knownConsumers);
+  }, 0);
   var StatusData = class {
     constructor() {
       this.view = "table";
@@ -275,17 +279,14 @@
         vigente = false;
       };
     }, [firmaGrafo]);
+    const anonimos = countUnbrokeredConsumers(inventory.components);
     if (inventory.edges.length === 0) {
-      return /* @__PURE__ */ import_react2.default.createElement(import_material2.Box, { sx: { p: 3 } }, /* @__PURE__ */ import_react2.default.createElement(import_material2.Typography, { variant: "body2", color: "text.secondary" }, "Nothing is subscribed to anything right now, so there is no graph to draw."));
+      return /* @__PURE__ */ import_react2.default.createElement(import_material2.Box, { sx: { p: 3 } }, /* @__PURE__ */ import_react2.default.createElement(import_material2.Typography, { variant: "body2", color: "text.secondary" }, anonimos > 0 ? `There is consumption right now \u2014 ${anonimos} subscriber${anonimos > 1 ? "s" : ""} \u2014 but no graph to draw: they subscribed straight to the provider instead of going through the core, so nobody knows who they are. The table still shows how much each producer is delivering.` : "Nothing is subscribed to anything right now, so there is no graph to draw."));
     }
     if (!posiciones) {
       return /* @__PURE__ */ import_react2.default.createElement(import_material2.Box, { sx: { p: 3 } }, /* @__PURE__ */ import_react2.default.createElement(import_material2.Typography, { variant: "body2", color: "text.secondary" }, "Laying out the graph\u2026"));
     }
     const colocados = nodos.map((n) => ({ ...n, position: posiciones[n.id] ?? { x: 0, y: 0 } }));
-    const anonimos = inventory.components.reduce((n, c) => {
-      if (c.subscribers === void 0 || c.knownConsumers === void 0) return n;
-      return n + Math.max(0, c.subscribers - c.knownConsumers);
-    }, 0);
     return /* @__PURE__ */ import_react2.default.createElement(import_material2.Box, { sx: { height: "100%", display: "flex", flexDirection: "column", minHeight: 0 } }, /* @__PURE__ */ import_react2.default.createElement(import_material2.Stack, { direction: "row", spacing: 1, alignItems: "center", sx: { mb: 1 } }, /* @__PURE__ */ import_react2.default.createElement(import_material2.Typography, { variant: "caption", color: "text.secondary" }, "A line means ", /* @__PURE__ */ import_react2.default.createElement("b", null, "an active subscription"), ". A ", /* @__PURE__ */ import_react2.default.createElement("b", null, "moving line"), " means its producer is delivering right now \u2014 but not how much goes to each consumer: that is measured per component, not per line.", " ", "Click a node to highlight what it is connected to; click the background to clear.")), (anonimos > 0 || canalesSueltos > 0) && /* @__PURE__ */ import_react2.default.createElement(import_material2.Stack, { direction: "row", spacing: 1, sx: { mb: 1 } }, anonimos > 0 && /* @__PURE__ */ import_react2.default.createElement(
       import_material2.Chip,
       {

package/package.json

@@ -4,7 +4,7 @@
   "id": "status",
   "name": "@kwirthmagnify/kwirth-plugin-status",
   "displayName": "Kwirth Status",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "A look inside Kwirth: what is installed, how it is doing and who consumes what",
   "icon": "<svg viewBox='0 0 24 24'><g fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='2.6' y='4.6' width='18.8' height='14.8' rx='2.2'/><path d='M6 12h2.6l1.5-3.4 2.6 6.8 1.5-3.4H18'/></g></svg>",
   "requiresRestart": false,