digital-garbageandClaude Sonnet 5.5
6a03ebe045
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
26 lines
2.0 KiB
JavaScript
26 lines
2.0 KiB
JavaScript
// One control for one module setting ({type, min, max, step, options, ui, hint, unit, default, when}). Engine settings
|
|
// and anything else that edits the module-values tree draw their rows through here.
|
|
import { composer as c } from "../../composer/composer.js";
|
|
|
|
/** A `when` clause names sibling settings on the same module that must hold a value for the row to show. */
|
|
export const whenSatisfied = (values, id, when) => !when || Object.entries(when).every(([k, v]) => (Array.isArray(v) ? v : [v]).includes((values[id] || {})[k]));
|
|
|
|
export function settingRow(id, name, spec, values, onChange) {
|
|
const label = spec.label || name;
|
|
const hint = spec.hint ? spec.hint + (spec.unit ? ` (${spec.unit})` : "") : spec.unit || "";
|
|
const now = values[id] && values[id][name];
|
|
const value = now !== undefined ? now : spec.default;
|
|
const set = (v) => onChange(id, name, v);
|
|
let control;
|
|
if (spec.type === "bool") return c.toggle.default({ label, hint, checked: Boolean(value), onChange: set }); // a toggle carries its own label and hint
|
|
if (spec.type === "int" || spec.type === "float") {
|
|
const slider = (spec.ui || "slider") === "slider" && spec.min != null && spec.max != null;
|
|
const step = spec.step ?? (spec.type === "int" ? 1 : 0.01);
|
|
control = slider ? c.slider.readout({ label, value, min: spec.min, max: spec.max, step, precision: spec.type === "int" ? 0 : 2, onCommit: set })
|
|
: c.number.md({ label, value, min: spec.min, max: spec.max, step, precision: spec.type === "int" ? 0 : undefined, onChange: set });
|
|
} else if (spec.type === "enum") control = c.select.md({ label, value, options: (spec.options || []).map((o) => ({ value: o.value, label: o.label || o.value })), onChange: set });
|
|
else if (spec.type === "color") control = c.color.swatch({ label, value: value || "#000000", onChange: set });
|
|
else control = (spec.type === "multiline" ? c.textarea.md({ label, value: value || "", rows: 3, onCommit: set }) : c.input.md({ label, value: value || "", onCommit: set }));
|
|
return c.settingsRow.default({ label, hint, control });
|
|
}
|