glimpse-sdk 0.7.0 → 0.9.0

package/dist/src/widgets.js

@@ -1,602 +0,0 @@
-export class InlineHandlerRegistry {
-    handlers = new Map();
-    add(event, id, handler) {
-        this.handlers.set(`${event}:${id}`, handler);
-    }
-}
-export class WidgetBase {
-    common;
-    constructor(common = {}) {
-        this.common = common;
-    }
-    bindHandlers(_registry, _path) { }
-    toProtocol() {
-        return { type: this.type, data: this.data() };
-    }
-    commonData() {
-        const out = {};
-        if (this.common.visible !== undefined)
-            out.visible = this.common.visible;
-        if (this.common.tooltip !== undefined)
-            out.tooltip = this.common.tooltip;
-        if (this.common.css_classes?.length)
-            out.css_classes = this.common.css_classes;
-        if (this.common.styles && Object.keys(this.common.styles).length > 0)
-            out.styles = this.common.styles;
-        return out;
-    }
-}
-const child = (node) => node?.toProtocol();
-const children = (nodes) => nodes.map((node) => node.toProtocol());
-export class Label extends WidgetBase {
-    type = "label";
-    options;
-    constructor(options) {
-        const normalized = typeof options === "string" ? { label: options } : options;
-        super(normalized);
-        this.options = normalized;
-    }
-    data() {
-        const out = { ...this.commonData(), label: this.options.label };
-        if (this.options.xalign !== undefined)
-            out.xalign = this.options.xalign;
-        if (this.options.wrap !== undefined)
-            out.wrap = this.options.wrap;
-        return out;
-    }
-}
-export class Header extends WidgetBase {
-    options;
-    type = "header";
-    constructor(options) {
-        super(options);
-        this.options = options;
-    }
-    data() { return { ...this.commonData(), label: this.options.label }; }
-}
-export class Hero extends WidgetBase {
-    options;
-    type = "hero";
-    constructor(options) {
-        super(options);
-        this.options = options;
-    }
-    data() {
-        const out = { ...this.commonData(), title: this.options.title, subtitle: this.options.subtitle ?? "" };
-        for (const key of ["id", "icon", "icon_size", "toggle", "toggle_sensitive", "separator"]) {
-            if (this.options[key] !== undefined)
-                out[key] = this.options[key];
-        }
-        const trailing = child(this.options.trailing);
-        if (trailing)
-            out.trailing = trailing;
-        return out;
-    }
-    bindHandlers(registry, path) {
-        if (this.options.id && this.options.on_toggle)
-            registry.add("toggle", this.options.id, this.options.on_toggle);
-        this.options.trailing?.bindHandlers(registry, [...path, 0]);
-    }
-}
-export class Badge extends WidgetBase {
-    options;
-    type = "badge";
-    constructor(options) {
-        super(options);
-        this.options = options;
-    }
-    data() { return { ...this.commonData(), label: this.options.label, kind: this.options.kind ?? "default" }; }
-}
-export class StatusDot extends WidgetBase {
-    options;
-    type = "status_dot";
-    constructor(options = {}) {
-        super(options);
-        this.options = options;
-    }
-    data() { return { ...this.commonData(), status: this.options.status ?? "neutral" }; }
-}
-export class PanelIndicator extends WidgetBase {
-    options;
-    type = "panel_indicator";
-    constructor(options) {
-        super(options);
-        this.options = options;
-    }
-    data() {
-        const out = { ...this.commonData(), active: this.options.active ?? false, checked: this.options.checked ?? false, needs_attention: this.options.needs_attention ?? false };
-        for (const key of ["id", "icon", "label"])
-            if (this.options[key] !== undefined)
-                out[key] = this.options[key];
-        const extra = child(this.options.extra);
-        if (extra)
-            out.extra = extra;
-        return out;
-    }
-    bindHandlers(registry, path) {
-        if (this.options.id && this.options.on_click)
-            registry.add("click", this.options.id, this.options.on_click);
-        this.options.extra?.bindHandlers(registry, [...path, 0]);
-    }
-}
-export class EmptyState extends WidgetBase {
-    options;
-    type = "empty_state";
-    constructor(options) {
-        super(options);
-        this.options = options;
-    }
-    data() {
-        const out = { ...this.commonData(), title: this.options.title };
-        if (this.options.subtitle !== undefined)
-            out.subtitle = this.options.subtitle;
-        return out;
-    }
-}
-export class Spinner extends WidgetBase {
-    options;
-    type = "spinner";
-    constructor(options = {}) {
-        super(options);
-        this.options = options;
-    }
-    data() { return { ...this.commonData(), spinning: this.options.spinning ?? true }; }
-}
-export class Meter extends WidgetBase {
-    options;
-    type = "meter";
-    constructor(options = {}) {
-        super(options);
-        this.options = options;
-    }
-    data() {
-        const out = {
-            ...this.commonData(),
-            label: this.options.label ?? "",
-            value: this.options.value ?? 0,
-            min: this.options.min ?? 0,
-            max: this.options.max ?? 1,
-            step: this.options.step ?? 0.01,
-            interactive: this.options.interactive ?? this.options.on_change !== undefined,
-        };
-        for (const key of ["id", "icon", "text"])
-            if (this.options[key] !== undefined)
-                out[key] = this.options[key];
-        return out;
-    }
-    bindHandlers(registry, _path) {
-        if (this.options.id && this.options.on_change)
-            registry.add("change", this.options.id, this.options.on_change);
-    }
-}
-export class Separator extends WidgetBase {
-    type = "separator";
-    constructor(common = {}) { super(common); }
-    data() { return this.commonData(); }
-}
-export class Scroll extends WidgetBase {
-    options;
-    type = "scroll";
-    constructor(options) {
-        super(options);
-        this.options = options;
-    }
-    data() { return { ...this.commonData(), child: this.options.child.toProtocol() }; }
-    bindHandlers(registry, path) {
-        this.options.child.bindHandlers(registry, [...path, 0]);
-    }
-}
-class ChildrenWidget extends WidgetBase {
-    constructor(common = {}) { super(common); this.kids = common.children ?? []; }
-    kids;
-    data() { return { ...this.commonData(), children: children(this.kids) }; }
-    bindHandlers(registry, path) {
-        this.kids.forEach((kid, index) => kid.bindHandlers(registry, [...path, index]));
-    }
-}
-export class Row extends ChildrenWidget {
-    type = "row";
-}
-export class Column extends ChildrenWidget {
-    type = "column";
-}
-export class BoxedList extends ChildrenWidget {
-    type = "boxed_list";
-}
-export class ButtonRow extends ChildrenWidget {
-    type = "button_row";
-}
-export class CircleBox extends WidgetBase {
-    options;
-    type = "circle_box";
-    constructor(options) {
-        super(options);
-        this.options = options;
-    }
-    data() {
-        const out = this.commonData();
-        out.color = this.options.color;
-        return out;
-    }
-}
-export class Container extends ChildrenWidget {
-    type = "container";
-}
-export class PopoverShell extends ChildrenWidget {
-    options;
-    type = "popover_shell";
-    constructor(options = {}) {
-        super(options);
-        this.options = options;
-    }
-    data() {
-        const out = { ...super.data(), size: this.options.size ?? "medium" };
-        if ((this.options.footer ?? []).length > 0)
-            out.footer = children(this.options.footer ?? []);
-        if (this.options.footer_visible)
-            out.footer_visible = this.options.footer_visible;
-        return out;
-    }
-    bindHandlers(registry, path) {
-        super.bindHandlers(registry, path);
-        (this.options.footer ?? []).forEach((kid, index) => kid.bindHandlers(registry, [...path, this.kids.length + index]));
-    }
-}
-export class Tile extends WidgetBase {
-    options;
-    type = "tile";
-    constructor(options) {
-        super(options);
-        this.options = options;
-    }
-    data() {
-        const out = { ...this.commonData(), primary: this.options.primary, activatable: this.options.activatable ?? false };
-        for (const key of ["id", "secondary", "left_icon"])
-            if (this.options[key] !== undefined)
-                out[key] = this.options[key];
-        const left = child(this.options.left);
-        const right = child(this.options.right);
-        if (left)
-            out.left = left;
-        if (right)
-            out.right = right;
-        return out;
-    }
-    bindHandlers(registry, path) {
-        if (this.options.id && this.options.on_click)
-            registry.add("click", this.options.id, this.options.on_click);
-        this.options.left?.bindHandlers(registry, [...path, 0]);
-        this.options.right?.bindHandlers(registry, [...path, 1]);
-    }
-}
-export class SegmentedTile extends Tile {
-    options;
-    type = "segmented_tile";
-    constructor(options) {
-        super(options);
-        this.options = options;
-    }
-    data() {
-        const out = super.data();
-        const nested = child(this.options.child);
-        if (nested)
-            out.child = nested;
-        out.expanded = this.options.expanded ?? false;
-        return out;
-    }
-    bindHandlers(registry, path) {
-        super.bindHandlers(registry, path);
-        if (this.options.id && this.options.on_toggle)
-            registry.add("toggle", this.options.id, this.options.on_toggle);
-        this.options.child?.bindHandlers(registry, [...path, 2]);
-    }
-}
-export class SwitchTile extends WidgetBase {
-    options;
-    type = "switch_tile";
-    constructor(options) {
-        super(options);
-        this.options = options;
-    }
-    data() {
-        const out = { ...this.commonData(), id: this.options.id, primary: this.options.primary, active: this.options.active ?? false };
-        for (const key of ["secondary", "left_icon"])
-            if (this.options[key] !== undefined)
-                out[key] = this.options[key];
-        const left = child(this.options.left);
-        if (left)
-            out.left = left;
-        return out;
-    }
-    bindHandlers(registry, path) {
-        if (this.options.on_toggle)
-            registry.add("toggle", this.options.id, this.options.on_toggle);
-        this.options.left?.bindHandlers(registry, [...path, 0]);
-    }
-}
-export class ExpanderTile extends WidgetBase {
-    options;
-    type = "expander_tile";
-    constructor(options) {
-        super(options);
-        this.options = options;
-    }
-    data() {
-        const out = { ...this.commonData(), primary: this.options.primary, expanded: this.options.expanded ?? false };
-        for (const key of ["id", "secondary", "left_icon"])
-            if (this.options[key] !== undefined)
-                out[key] = this.options[key];
-        const left = child(this.options.left);
-        const nested = child(this.options.child);
-        if (left)
-            out.left = left;
-        if (nested)
-            out.child = nested;
-        return out;
-    }
-    bindHandlers(registry, path) {
-        if (this.options.id && this.options.on_toggle)
-            registry.add("toggle", this.options.id, this.options.on_toggle);
-        this.options.left?.bindHandlers(registry, [...path, 0]);
-        this.options.child?.bindHandlers(registry, [...path, 1]);
-    }
-}
-export class SliderTile extends WidgetBase {
-    options;
-    type = "slider_tile";
-    constructor(options) {
-        super(options);
-        this.options = options;
-    }
-    data() {
-        const out = { ...this.commonData(), id: this.options.id, value: this.options.value ?? 0, min: this.options.min ?? 0, max: this.options.max ?? 1, step: this.options.step ?? 0.01, page: this.options.page ?? 0.1, digits: this.options.digits ?? 0 };
-        for (const key of ["label", "left_icon", "snap_step"])
-            if (this.options[key] !== undefined)
-                out[key] = this.options[key];
-        const left = child(this.options.left);
-        if (left)
-            out.left = left;
-        return out;
-    }
-    bindHandlers(registry, path) {
-        if (this.options.on_change)
-            registry.add("change", this.options.id, this.options.on_change);
-        this.options.left?.bindHandlers(registry, [...path, 0]);
-    }
-}
-export class ChoiceTile extends WidgetBase {
-    options;
-    type = "choice_tile";
-    constructor(options) {
-        super(options);
-        this.options = options;
-    }
-    data() {
-        const out = { ...this.commonData(), primary: this.options.primary, selected: this.options.selected ?? false };
-        for (const key of ["id", "secondary", "left_icon"])
-            if (this.options[key] !== undefined)
-                out[key] = this.options[key];
-        const left = child(this.options.left);
-        if (left)
-            out.left = left;
-        return out;
-    }
-    bindHandlers(registry, path) {
-        if (this.options.id && this.options.on_click)
-            registry.add("click", this.options.id, this.options.on_click);
-        this.options.left?.bindHandlers(registry, [...path, 0]);
-    }
-}
-export class Choice {
-    options;
-    constructor(options) {
-        this.options = options;
-    }
-    toProtocol() {
-        const out = { id: this.options.id, primary: this.options.primary };
-        if (this.options.secondary !== undefined)
-            out.secondary = this.options.secondary;
-        if (this.options.icon !== undefined)
-            out.icon = this.options.icon;
-        return out;
-    }
-}
-export class ChoiceList extends WidgetBase {
-    options;
-    type = "choice_list";
-    constructor(options) {
-        super(options);
-        this.options = options;
-    }
-    data() {
-        const out = { ...this.commonData(), id: this.options.id, choices: (this.options.choices ?? []).map((choice) => choice.toProtocol()) };
-        if (this.options.active !== undefined)
-            out.active = this.options.active;
-        return out;
-    }
-    bindHandlers(registry, _path) {
-        if (this.options.on_change)
-            registry.add("change", this.options.id, this.options.on_change);
-    }
-}
-export class KeyValueGrid extends WidgetBase {
-    options;
-    type = "key_value_grid";
-    constructor(options = {}) {
-        super(options);
-        this.options = options;
-    }
-    data() { return { ...this.commonData(), rows: this.options.rows ?? [] }; }
-}
-export class PagerItem extends WidgetBase {
-    options;
-    type = "pager_item";
-    constructor(options) {
-        super(options);
-        this.options = options;
-    }
-    data() { return { ...this.commonData(), id: this.options.id, label: this.options.label ?? "", appearance: this.options.appearance ?? "dots", active: this.options.active ?? false, inactive: this.options.inactive ?? false, occupied: this.options.occupied ?? false, urgent: this.options.urgent ?? false }; }
-    bindHandlers(registry, _path) { if (this.options.on_click)
-        registry.add("click", String(this.options.id), this.options.on_click); }
-}
-export class PagerStrip extends WidgetBase {
-    options;
-    type = "pager_strip";
-    constructor(options = {}) {
-        super(options);
-        this.options = options;
-    }
-    data() {
-        const out = { ...this.commonData(), placeholder: this.options.placeholder ?? false, items: (this.options.items ?? []).map((item) => item.data()) };
-        if (this.options.id !== undefined)
-            out.id = this.options.id;
-        return out;
-    }
-    bindHandlers(registry, path) {
-        if (this.options.id && this.options.on_change)
-            registry.add("change", this.options.id, this.options.on_change);
-        (this.options.items ?? []).forEach((item, index) => item.bindHandlers(registry, [...path, index]));
-    }
-}
-class ActiveIndicator extends WidgetBase {
-    options;
-    constructor(options = {}) {
-        super(options);
-        this.options = options;
-    }
-    data() { return { ...this.commonData(), active: this.options.active ?? false }; }
-}
-export class CameraIndicator extends ActiveIndicator {
-    type = "camera_indicator";
-}
-export class MicIndicator extends ActiveIndicator {
-    type = "mic_indicator";
-}
-export class MutedIndicator extends ActiveIndicator {
-    type = "muted_indicator";
-}
-export class LocationIndicator extends ActiveIndicator {
-    type = "location_indicator";
-}
-export class ScreenCastIndicator extends ActiveIndicator {
-    options;
-    type = "screencast_indicator";
-    constructor(options = {}) {
-        super(options);
-        this.options = options;
-    }
-    data() {
-        const out = super.data();
-        if (this.options.timer_text !== undefined)
-            out.timer_text = this.options.timer_text;
-        return out;
-    }
-}
-export class Calendar extends WidgetBase {
-    options;
-    type = "calendar";
-    constructor(options) {
-        super(options);
-        this.options = options;
-    }
-    data() {
-        const out = { ...this.commonData(), selected_date: this.options.selected_date, event_days: this.options.event_days ?? [] };
-        if (this.options.id !== undefined)
-            out.id = this.options.id;
-        return out;
-    }
-    bindHandlers(registry, _path) { if (this.options.id && this.options.on_change)
-        registry.add("change", this.options.id, this.options.on_change); }
-}
-export class BatteryHero extends WidgetBase {
-    options;
-    type = "battery_hero";
-    constructor(options) {
-        super(options);
-        this.options = options;
-    }
-    data() { return { ...this.commonData(), icon: this.options.icon, percentage: this.options.percentage, fraction: this.options.fraction, state: this.options.state }; }
-}
-export class DateHero extends WidgetBase {
-    options;
-    type = "date_hero";
-    constructor(options) {
-        super(options);
-        this.options = options;
-    }
-    data() { return { ...this.commonData(), weekday: this.options.weekday, date: this.options.date }; }
-}
-export class EventItem {
-    options;
-    constructor(options) {
-        this.options = options;
-    }
-    toProtocol() {
-        const out = { id: this.options.id, title: this.options.title, start: this.options.start, end: this.options.end ?? "", all_day: this.options.all_day ?? false };
-        if (this.options.location !== undefined)
-            out.location = this.options.location;
-        return out;
-    }
-}
-export class Events extends WidgetBase {
-    options;
-    type = "events";
-    constructor(options) {
-        super(options);
-        this.options = options;
-    }
-    data() { return { ...this.commonData(), date: this.options.date, loading: this.options.loading ?? false, events: (this.options.events ?? []).map((event) => event.toProtocol()) }; }
-}
-export class WeatherForecastItem {
-    options;
-    constructor(options) {
-        this.options = options;
-    }
-    toProtocol() { return { day_name: this.options.day_name, icon: this.options.icon, condition: this.options.condition, temperatures: this.options.temperatures, is_today: this.options.is_today ?? false }; }
-}
-export class WeatherForecastList extends WidgetBase {
-    options;
-    type = "weather_forecast_list";
-    constructor(options = {}) {
-        super(options);
-        this.options = options;
-    }
-    data() { return { ...this.commonData(), items: (this.options.items ?? []).map((item) => item.toProtocol()) }; }
-}
-export class WeatherHourlyItem {
-    options;
-    constructor(options) {
-        this.options = options;
-    }
-    toProtocol() { return { time: this.options.time, icon: this.options.icon, temperature: this.options.temperature }; }
-}
-export class WeatherHourlyStrip extends WidgetBase {
-    options;
-    type = "weather_hourly_strip";
-    constructor(options = {}) {
-        super(options);
-        this.options = options;
-    }
-    data() { return { ...this.commonData(), items: (this.options.items ?? []).map((item) => item.toProtocol()) }; }
-}
-export class WorldClockRow {
-    options;
-    constructor(options) {
-        this.options = options;
-    }
-    toProtocol() {
-        const out = { name: this.options.name, timezone: this.options.timezone, time: this.options.time, offset: this.options.offset };
-        if (this.options.day_label !== undefined)
-            out.day_label = this.options.day_label;
-        return out;
-    }
-}
-export class WorldClock extends WidgetBase {
-    options;
-    type = "world_clock";
-    constructor(options = {}) {
-        super(options);
-        this.options = options;
-    }
-    data() { return { ...this.commonData(), rows: (this.options.rows ?? []).map((row) => row.toProtocol()) }; }
-}