@almadar/std 2.1.0 → 2.4.1

package/dist/behaviors/domain/iot.js

@@ -0,0 +1,589 @@
+// behaviors/domain/iot.ts
+var IOT_THEME = {
+  name: "iot-teal",
+  tokens: {
+    colors: {
+      primary: "#0d9488",
+      "primary-hover": "#0f766e",
+      "primary-foreground": "#ffffff",
+      accent: "#06b6d4",
+      "accent-foreground": "#ffffff",
+      success: "#22c55e",
+      warning: "#f59e0b",
+      error: "#ef4444"
+    }
+  }
+};
+var sensorMainEffects = [
+  ["fetch", "SensorReading"],
+  ["render-ui", "main", { type: "stack", direction: "vertical", gap: "lg", children: [
+    // Header zone: icon + title + refresh
+    { type: "stack", direction: "horizontal", justify: "space-between", children: [
+      { type: "stack", direction: "horizontal", gap: "sm", children: [
+        { type: "icon", name: "thermometer", size: "lg" },
+        { type: "typography", variant: "h2", content: "Sensor Dashboard" }
+      ] }
+    ] },
+    { type: "divider" },
+    // Stats zone: key metrics side by side
+    { type: "stack", direction: "horizontal", gap: "md", children: [
+      { type: "stats", label: "Total Sensors", icon: "cpu", entity: "SensorReading" },
+      { type: "meter", value: "@entity.value", label: "Avg Reading", icon: "activity" }
+    ] },
+    // Chart zone: trend line
+    { type: "line-chart", entity: "SensorReading" },
+    { type: "divider" },
+    // Data zone: sensor cards via data-grid
+    {
+      type: "data-grid",
+      entity: "SensorReading",
+      cols: 3,
+      gap: "md",
+      fields: [
+        { name: "sensorId", label: "Sensor ID", icon: "cpu", variant: "h4" },
+        { name: "value", label: "Reading", icon: "thermometer", variant: "body" },
+        { name: "unit", label: "Unit", variant: "caption" },
+        { name: "status", label: "Status", icon: "activity", variant: "badge" },
+        { name: "timestamp", label: "Last Update", icon: "clock", variant: "caption", format: "date" }
+      ],
+      itemActions: [
+        { label: "View", event: "VIEW", icon: "eye" }
+      ]
+    }
+  ] }]
+];
+var alertMainEffects = [
+  ["fetch", "AlertRule"],
+  ["render-ui", "main", { type: "stack", direction: "vertical", gap: "lg", children: [
+    // Header: icon + title + create button
+    { type: "stack", direction: "horizontal", justify: "space-between", children: [
+      { type: "stack", direction: "horizontal", gap: "sm", children: [
+        { type: "icon", name: "bell", size: "lg" },
+        { type: "typography", variant: "h2", content: "Alert Rules" }
+      ] },
+      { type: "button", label: "New Rule", icon: "plus", variant: "primary", action: "CREATE" }
+    ] },
+    { type: "divider" },
+    // Stats + threshold meter
+    { type: "stack", direction: "horizontal", gap: "md", children: [
+      { type: "stats", label: "Total Rules", icon: "shield", entity: "AlertRule" },
+      { type: "meter", value: 0, label: "Threshold Level", icon: "gauge" }
+    ] },
+    { type: "divider" },
+    // Search
+    { type: "search-input", placeholder: "Filter alert rules...", entity: "AlertRule" },
+    // Data zone: alert rules as list
+    {
+      type: "data-list",
+      entity: "AlertRule",
+      variant: "card",
+      fields: [
+        { name: "metric", label: "Metric", icon: "bar-chart-2", variant: "h4" },
+        { name: "sensorId", label: "Sensor", icon: "cpu", variant: "body" },
+        { name: "threshold", label: "Threshold", icon: "gauge", variant: "body", format: "number" },
+        { name: "operator", label: "Operator", variant: "caption" },
+        { name: "isActive", label: "Active", icon: "power", variant: "badge" }
+      ],
+      itemActions: [
+        { label: "Edit", event: "EDIT", icon: "pencil" }
+      ]
+    }
+  ] }]
+];
+var deviceMainEffects = [
+  ["fetch", "Device"],
+  ["render-ui", "main", { type: "stack", direction: "vertical", gap: "lg", children: [
+    // Header
+    { type: "stack", direction: "horizontal", justify: "space-between", children: [
+      { type: "stack", direction: "horizontal", gap: "sm", children: [
+        { type: "icon", name: "router", size: "lg" },
+        { type: "typography", variant: "h2", content: "Devices" }
+      ] }
+    ] },
+    { type: "divider" },
+    // Stats row: device count + online meter
+    { type: "stack", direction: "horizontal", gap: "md", children: [
+      { type: "stats", label: "Total Devices", icon: "server", entity: "Device" },
+      { type: "meter", value: 0, label: "Online Devices", icon: "wifi" }
+    ] },
+    { type: "divider" },
+    // Search
+    { type: "search-input", placeholder: "Search devices...", entity: "Device" },
+    // Data zone: device cards with status badges
+    {
+      type: "data-grid",
+      entity: "Device",
+      cols: 3,
+      gap: "md",
+      fields: [
+        { name: "name", label: "Device Name", icon: "router", variant: "h4" },
+        { name: "type", label: "Type", icon: "tag", variant: "caption" },
+        { name: "status", label: "Status", icon: "wifi", variant: "badge" },
+        { name: "firmware", label: "Firmware", icon: "hard-drive", variant: "caption" },
+        { name: "lastSeen", label: "Last Seen", icon: "clock", variant: "caption", format: "date" }
+      ],
+      itemActions: [
+        { label: "View", event: "VIEW", icon: "eye" }
+      ]
+    }
+  ] }]
+];
+var SENSOR_FEED_BEHAVIOR = {
+  name: "std-sensor-feed",
+  version: "1.0.0",
+  description: "Sensor data monitoring and visualization",
+  orbitals: [
+    {
+      name: "SensorFeedOrbital",
+      theme: IOT_THEME,
+      entity: {
+        name: "SensorReading",
+        persistence: "persistent",
+        collection: "sensor_readings",
+        fields: [
+          { name: "id", type: "string", required: true },
+          { name: "sensorId", type: "string", default: "" },
+          { name: "value", type: "number", default: 0 },
+          { name: "unit", type: "string", default: "" },
+          { name: "timestamp", type: "string", default: "" },
+          { name: "status", type: "string", default: "normal" }
+        ]
+      },
+      traits: [
+        {
+          name: "SensorFeedControl",
+          linkedEntity: "SensorReading",
+          category: "interaction",
+          stateMachine: {
+            states: [
+              { name: "browsing", isInitial: true },
+              { name: "viewing" },
+              { name: "configuring" }
+            ],
+            events: [
+              { key: "INIT", name: "Initialize" },
+              { key: "VIEW", name: "View Sensor", payloadSchema: [{ name: "id", type: "string", required: true }] },
+              { key: "CONFIGURE", name: "Configure Sensor" },
+              { key: "SAVE_CONFIG", name: "Save Config", payloadSchema: [{ name: "unit", type: "string", required: true }] },
+              { key: "CLOSE", name: "Close" },
+              { key: "CANCEL", name: "Cancel" }
+            ],
+            transitions: [
+              {
+                from: "browsing",
+                to: "browsing",
+                event: "INIT",
+                effects: sensorMainEffects
+              },
+              {
+                from: "browsing",
+                to: "viewing",
+                event: "VIEW",
+                effects: [
+                  ["render-ui", "modal", { type: "stack", direction: "vertical", gap: "md", children: [
+                    // Modal header: sensor ID + close
+                    { type: "stack", direction: "horizontal", justify: "space-between", children: [
+                      { type: "stack", direction: "horizontal", gap: "sm", children: [
+                        { type: "icon", name: "cpu", size: "md" },
+                        { type: "typography", variant: "h3", content: "@entity.sensorId" }
+                      ] },
+                      { type: "button", label: "Close", icon: "x", variant: "ghost", action: "CLOSE" }
+                    ] },
+                    { type: "divider" },
+                    // Meter gauge for current reading
+                    { type: "meter", value: "@entity.value", label: "Current Value", icon: "thermometer" },
+                    // Detail fields
+                    { type: "stack", direction: "horizontal", gap: "md", children: [
+                      { type: "stack", direction: "vertical", gap: "xs", children: [
+                        { type: "typography", variant: "caption", content: "Unit" },
+                        { type: "typography", variant: "body", content: "@entity.unit" }
+                      ] },
+                      { type: "stack", direction: "vertical", gap: "xs", children: [
+                        { type: "typography", variant: "caption", content: "Status" },
+                        { type: "badge", content: "@entity.status" }
+                      ] },
+                      { type: "stack", direction: "vertical", gap: "xs", children: [
+                        { type: "typography", variant: "caption", content: "Last Update" },
+                        { type: "typography", variant: "body", content: "@entity.timestamp" }
+                      ] }
+                    ] },
+                    { type: "divider" },
+                    // Actions
+                    { type: "stack", direction: "horizontal", gap: "sm", justify: "end", children: [
+                      { type: "button", label: "Configure", icon: "settings", variant: "primary", action: "CONFIGURE" }
+                    ] }
+                  ] }]
+                ]
+              },
+              {
+                from: "viewing",
+                to: "configuring",
+                event: "CONFIGURE",
+                effects: [
+                  ["fetch", "SensorReading"],
+                  ["render-ui", "modal", {
+                    type: "form-section",
+                    entity: "SensorReading",
+                    submitEvent: "SAVE_CONFIG",
+                    cancelEvent: "CANCEL"
+                  }]
+                ]
+              },
+              {
+                from: "configuring",
+                to: "browsing",
+                event: "SAVE_CONFIG",
+                effects: [
+                  ["set", "@entity.unit", "@payload.unit"],
+                  ["render-ui", "modal", null],
+                  ...sensorMainEffects
+                ]
+              },
+              {
+                from: "viewing",
+                to: "browsing",
+                event: "CLOSE",
+                effects: [["render-ui", "modal", null]]
+              },
+              {
+                from: "viewing",
+                to: "browsing",
+                event: "CANCEL",
+                effects: [["render-ui", "modal", null]]
+              },
+              {
+                from: "configuring",
+                to: "browsing",
+                event: "CLOSE",
+                effects: [["render-ui", "modal", null]]
+              },
+              {
+                from: "configuring",
+                to: "browsing",
+                event: "CANCEL",
+                effects: [["render-ui", "modal", null]]
+              }
+            ]
+          }
+        }
+      ],
+      pages: [
+        {
+          name: "SensorPage",
+          path: "/sensors",
+          isInitial: true,
+          traits: [{ ref: "SensorFeedControl" }]
+        }
+      ]
+    }
+  ]
+};
+var ALERT_THRESHOLD_BEHAVIOR = {
+  name: "std-alert-threshold",
+  version: "1.0.0",
+  description: "Alert threshold configuration for sensors",
+  orbitals: [
+    {
+      name: "AlertThresholdOrbital",
+      theme: IOT_THEME,
+      entity: {
+        name: "AlertRule",
+        persistence: "persistent",
+        collection: "alert_rules",
+        fields: [
+          { name: "id", type: "string", required: true },
+          { name: "sensorId", type: "string", default: "" },
+          { name: "metric", type: "string", default: "" },
+          { name: "threshold", type: "number", default: 0 },
+          { name: "operator", type: "string", default: "gt" },
+          { name: "isActive", type: "boolean", default: true }
+        ]
+      },
+      traits: [
+        {
+          name: "AlertThresholdControl",
+          linkedEntity: "AlertRule",
+          category: "interaction",
+          stateMachine: {
+            states: [
+              { name: "browsing", isInitial: true },
+              { name: "creating" },
+              { name: "editing" }
+            ],
+            events: [
+              { key: "INIT", name: "Initialize" },
+              { key: "CREATE", name: "New Alert Rule" },
+              { key: "EDIT", name: "Edit Rule", payloadSchema: [{ name: "id", type: "string", required: true }] },
+              { key: "SAVE", name: "Save Rule", payloadSchema: [{ name: "metric", type: "string", required: true }, { name: "threshold", type: "number", required: true }] },
+              { key: "CLOSE", name: "Close" },
+              { key: "CANCEL", name: "Cancel" }
+            ],
+            transitions: [
+              {
+                from: "browsing",
+                to: "browsing",
+                event: "INIT",
+                effects: alertMainEffects
+              },
+              {
+                from: "browsing",
+                to: "creating",
+                event: "CREATE",
+                effects: [
+                  ["fetch", "AlertRule"],
+                  ["render-ui", "modal", {
+                    type: "form-section",
+                    entity: "AlertRule",
+                    submitEvent: "SAVE",
+                    cancelEvent: "CANCEL"
+                  }]
+                ]
+              },
+              {
+                from: "creating",
+                to: "browsing",
+                event: "SAVE",
+                effects: [
+                  ["set", "@entity.metric", "@payload.metric"],
+                  ["set", "@entity.threshold", "@payload.threshold"],
+                  ["render-ui", "modal", null],
+                  ...alertMainEffects
+                ]
+              },
+              {
+                from: "creating",
+                to: "browsing",
+                event: "CLOSE",
+                effects: [["render-ui", "modal", null]]
+              },
+              {
+                from: "creating",
+                to: "browsing",
+                event: "CANCEL",
+                effects: [["render-ui", "modal", null]]
+              },
+              {
+                from: "browsing",
+                to: "editing",
+                event: "EDIT",
+                effects: [
+                  ["fetch", "AlertRule"],
+                  ["render-ui", "modal", {
+                    type: "form-section",
+                    entity: "AlertRule",
+                    submitEvent: "SAVE",
+                    cancelEvent: "CANCEL"
+                  }]
+                ]
+              },
+              {
+                from: "editing",
+                to: "browsing",
+                event: "SAVE",
+                effects: [
+                  ["set", "@entity.metric", "@payload.metric"],
+                  ["set", "@entity.threshold", "@payload.threshold"],
+                  ["render-ui", "modal", null],
+                  ...alertMainEffects
+                ]
+              },
+              {
+                from: "editing",
+                to: "browsing",
+                event: "CLOSE",
+                effects: [["render-ui", "modal", null]]
+              },
+              {
+                from: "editing",
+                to: "browsing",
+                event: "CANCEL",
+                effects: [["render-ui", "modal", null]]
+              }
+            ]
+          }
+        }
+      ],
+      pages: [
+        {
+          name: "AlertsPage",
+          path: "/alerts",
+          isInitial: true,
+          traits: [{ ref: "AlertThresholdControl" }]
+        }
+      ]
+    }
+  ]
+};
+var DEVICE_MGMT_BEHAVIOR = {
+  name: "std-device-mgmt",
+  version: "1.0.0",
+  description: "Device management with status and firmware tracking",
+  orbitals: [
+    {
+      name: "DeviceMgmtOrbital",
+      theme: IOT_THEME,
+      entity: {
+        name: "Device",
+        persistence: "persistent",
+        collection: "devices",
+        fields: [
+          { name: "id", type: "string", required: true },
+          { name: "name", type: "string", default: "" },
+          { name: "type", type: "string", default: "" },
+          { name: "status", type: "string", default: "offline" },
+          { name: "lastSeen", type: "string", default: "" },
+          { name: "firmware", type: "string", default: "" }
+        ]
+      },
+      traits: [
+        {
+          name: "DeviceMgmtControl",
+          linkedEntity: "Device",
+          category: "interaction",
+          stateMachine: {
+            states: [
+              { name: "browsing", isInitial: true },
+              { name: "viewing" },
+              { name: "configuring" }
+            ],
+            events: [
+              { key: "INIT", name: "Initialize" },
+              { key: "VIEW", name: "View Device", payloadSchema: [{ name: "id", type: "string", required: true }] },
+              { key: "CONFIGURE", name: "Configure Device" },
+              { key: "SAVE_CONFIG", name: "Save Config", payloadSchema: [{ name: "name", type: "string", required: true }] },
+              { key: "CLOSE", name: "Close" },
+              { key: "CANCEL", name: "Cancel" }
+            ],
+            transitions: [
+              {
+                from: "browsing",
+                to: "browsing",
+                event: "INIT",
+                effects: deviceMainEffects
+              },
+              {
+                from: "browsing",
+                to: "viewing",
+                event: "VIEW",
+                effects: [
+                  ["render-ui", "modal", { type: "stack", direction: "vertical", gap: "md", children: [
+                    // Modal header
+                    { type: "stack", direction: "horizontal", justify: "space-between", children: [
+                      { type: "stack", direction: "horizontal", gap: "sm", children: [
+                        { type: "icon", name: "router", size: "md" },
+                        { type: "typography", variant: "h3", content: "@entity.name" }
+                      ] },
+                      { type: "button", label: "Close", icon: "x", variant: "ghost", action: "CLOSE" }
+                    ] },
+                    { type: "divider" },
+                    // Device info grid
+                    { type: "stack", direction: "horizontal", gap: "lg", children: [
+                      { type: "stack", direction: "vertical", gap: "xs", children: [
+                        { type: "stack", direction: "horizontal", gap: "xs", children: [
+                          { type: "icon", name: "tag", size: "xs" },
+                          { type: "typography", variant: "caption", content: "Type" }
+                        ] },
+                        { type: "typography", variant: "body", content: "@entity.type" }
+                      ] },
+                      { type: "stack", direction: "vertical", gap: "xs", children: [
+                        { type: "stack", direction: "horizontal", gap: "xs", children: [
+                          { type: "icon", name: "wifi", size: "xs" },
+                          { type: "typography", variant: "caption", content: "Status" }
+                        ] },
+                        { type: "badge", content: "@entity.status" }
+                      ] },
+                      { type: "stack", direction: "vertical", gap: "xs", children: [
+                        { type: "stack", direction: "horizontal", gap: "xs", children: [
+                          { type: "icon", name: "hard-drive", size: "xs" },
+                          { type: "typography", variant: "caption", content: "Firmware" }
+                        ] },
+                        { type: "typography", variant: "body", content: "@entity.firmware" }
+                      ] },
+                      { type: "stack", direction: "vertical", gap: "xs", children: [
+                        { type: "stack", direction: "horizontal", gap: "xs", children: [
+                          { type: "icon", name: "clock", size: "xs" },
+                          { type: "typography", variant: "caption", content: "Last Seen" }
+                        ] },
+                        { type: "typography", variant: "body", content: "@entity.lastSeen" }
+                      ] }
+                    ] },
+                    { type: "divider" },
+                    // Actions
+                    { type: "stack", direction: "horizontal", gap: "sm", justify: "end", children: [
+                      { type: "button", label: "Configure", icon: "settings", variant: "primary", action: "CONFIGURE" }
+                    ] }
+                  ] }]
+                ]
+              },
+              {
+                from: "viewing",
+                to: "configuring",
+                event: "CONFIGURE",
+                effects: [
+                  ["fetch", "Device"],
+                  ["render-ui", "modal", {
+                    type: "form-section",
+                    entity: "Device",
+                    submitEvent: "SAVE_CONFIG",
+                    cancelEvent: "CANCEL"
+                  }]
+                ]
+              },
+              {
+                from: "configuring",
+                to: "browsing",
+                event: "SAVE_CONFIG",
+                effects: [
+                  ["set", "@entity.name", "@payload.name"],
+                  ["render-ui", "modal", null],
+                  ...deviceMainEffects
+                ]
+              },
+              {
+                from: "viewing",
+                to: "browsing",
+                event: "CLOSE",
+                effects: [["render-ui", "modal", null]]
+              },
+              {
+                from: "viewing",
+                to: "browsing",
+                event: "CANCEL",
+                effects: [["render-ui", "modal", null]]
+              },
+              {
+                from: "configuring",
+                to: "browsing",
+                event: "CLOSE",
+                effects: [["render-ui", "modal", null]]
+              },
+              {
+                from: "configuring",
+                to: "browsing",
+                event: "CANCEL",
+                effects: [["render-ui", "modal", null]]
+              }
+            ]
+          }
+        }
+      ],
+      pages: [
+        {
+          name: "DevicesPage",
+          path: "/devices",
+          isInitial: true,
+          traits: [{ ref: "DeviceMgmtControl" }]
+        }
+      ]
+    }
+  ]
+};
+var IOT_BEHAVIORS = [
+  SENSOR_FEED_BEHAVIOR,
+  ALERT_THRESHOLD_BEHAVIOR,
+  DEVICE_MGMT_BEHAVIOR
+];
+
+export { ALERT_THRESHOLD_BEHAVIOR, DEVICE_MGMT_BEHAVIOR, IOT_BEHAVIORS, SENSOR_FEED_BEHAVIOR };
+//# sourceMappingURL=iot.js.map
+//# sourceMappingURL=iot.js.map