another example, now showing load forecast

sample2.py

@@ -0,0 +1,72 @@
+import json
+import panel
+from datetime import datetime, timedelta
+
+from pydantic import BaseModel
+
+from watt42_viewlib import attach_w42_state
+
+w42_state = panel.rx(None)
+attach_w42_state(rx_var=w42_state, system_id="79476e53-dea6-44fa-976c-eff6260baeb6")
+
+state_as_text = panel.bind(lambda s: f"W42 State:\n\n```\n{json.dumps(s, indent=2)}\n```\n\nReplace this with some awesome visuals", w42_state)
+
+class LoadForecast(BaseModel):
+    at: datetime = datetime.now()
+    slots: list[float] = []
+
+    async def update(self, now: datetime) -> None:
+        pass
+
+class SystemState(BaseModel):
+    load_forecast: LoadForecast = LoadForecast()
+
+state: SystemState = panel.rx(lambda s: SystemState.model_validate(s) if s else SystemState())(w42_state)
+
+state_pane = panel.pane.Markdown(state_as_text, sizing_mode='stretch_width')
+
+def now_from_state(state: SystemState) -> datetime:
+    return state.load_forecast.at
+
+# now_from_state_rx = panel.rx(now_from_state)(state)
+
+def get_label(at: datetime, slot_index: int) -> str:
+    slot_time = at + timedelta(minutes=15 * slot_index)
+    return slot_time.strftime('%H:%M')
+
+def load_fc_chart(state: SystemState) -> dict:
+    slots = state.load_forecast.slots
+    at = state.load_forecast.at
+    return {
+        'xAxis': {
+            'type': 'category',
+            'data': [get_label(at, i) for i in range(len(slots))]
+        },
+        'yAxis': {
+            'type': 'value'
+        },
+        'series': [{
+            'data': slots,
+            'type': 'line'
+        }]
+    }
+
+load_fc_chart_rx = panel.rx(load_fc_chart)(state)
+
+
+value = w42_state.rx.value
+
+_ = panel.template.FastListTemplate(
+    title="Sample W42 View App",
+    sidebar=[panel.pane.Markdown("This is a sample sidebar.")],
+    main=[
+        # panel.pane.Markdown(state_as_text, sizing_mode='stretch_width'),
+        panel.pane.ECharts(
+            load_fc_chart_rx,
+            sizing_mode='stretch_width',
+            height=400
+        ),
+        load_fc_chart_rx,
+        panel.pane.Markdown(panel.bind(lambda s: f"Load Forecast Time: {s.load_forecast.at}", state), sizing_mode='stretch_width'),
+    ],
+).servable()