Zaid Humaimidi
6f3ce6f7c8
Replace the old Lisp-like array expression representation (["AND", ["PARAM", ...], ...]) with a class hierarchy rooted in an abstract Expression class (Literal, Parameter, Binary, Unary, FunctionCall, Conditional). This gives compile-time type safety to expression construction, evaluation, and pattern matching. Key changes: - New lib/common/expression.ts defines the class hierarchy with map/evaluate/toString methods - Rewrite parser as hand-rolled recursive descent, removing the parsimmon dependency - Extend Path with a colon separator to unify parameter identity and attributes into a single address space (e.g. "Device.WiFi.SSID.1.Name:writable"). The colon field tracks how many trailing segments are attribute qualifiers. PathSet rewritten with separate param/attr segment indexes - Flatten device attribute representation in the UI to colon-delimited keys mirroring the new path syntax
46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
import { ClosureComponent, Component } from "mithril";
|
|
import { m } from "../components.ts";
|
|
import { overview } from "../config.ts";
|
|
import { evaluateExpression } from "../store.ts";
|
|
|
|
const CHARTS = overview.charts;
|
|
|
|
const component: ClosureComponent = (): Component => {
|
|
return {
|
|
view: (vnode) => {
|
|
const device = vnode.attrs["device"];
|
|
const chartName = evaluateExpression(
|
|
vnode.attrs["chart"],
|
|
device ?? {},
|
|
).value;
|
|
const chart = CHARTS[chartName as string];
|
|
if (!chart) return null;
|
|
for (const slice of chart.slices) {
|
|
const filter = slice.filter;
|
|
if (evaluateExpression(filter, device ?? {}).value) {
|
|
const dot = m(
|
|
"svg.inline",
|
|
{
|
|
width: "1em",
|
|
height: "1em",
|
|
style: "margin: 0 0.2em 0.2em",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
"xmlns:xlink": "http://www.w3.org/1999/xlink",
|
|
},
|
|
m("circle.stroke-stone-200 stroke-1", {
|
|
cx: "0.5em",
|
|
cy: "0.5em",
|
|
r: "0.4em",
|
|
fill: slice.color,
|
|
}),
|
|
);
|
|
return m("span", dot, slice.label);
|
|
}
|
|
}
|
|
return null;
|
|
},
|
|
};
|
|
};
|
|
|
|
export default component;
|