mirror of
https://github.com/bilawalsidhu/gods-eye-view.git
synced 2026-11-04 18:34:02 +00:00
Said TurkseverandClaude Opus 5.5
4ea6631425
Trim the doc text this PR adds (README, CHANGELOG, CURRENT-STATE, KNOWN-ISSUES, SECURITY, DATA_SOURCES, .env.example, the CI job comment), drop code comments that restate the code, cut design-note JSDoc to a line or two, and drop review tags from test names. Comments only; no code changes. Also: README key count (seven keys, two metered), CURRENT-STATE's gate paragraph (CI runs a production build with a dummy token), the stacked doc above meshBoxInRange and the orphaned inMeshRange line in coverage.js, and a duplicate ALPR row in DATA_SOURCES that a merge had brought back. Co-Authored-By: Claude Opus 5.5 <[email protected]>
54 lines
1.9 KiB
JavaScript
54 lines
1.9 KiB
JavaScript
const set = (node, key, value) => {
|
|
if (node[key] !== value) node[key] = value;
|
|
};
|
|
const attribute = (node, key, value) => {
|
|
if (node.getAttribute(key) !== value) node.setAttribute(key, value);
|
|
};
|
|
|
|
/** Keyed chips shared by layer rows and rail cards; the caller owns dispatch. */
|
|
export function syncChipGroup(container, chips = [], { before = null } = {}) {
|
|
if (!container) return;
|
|
const document = container.ownerDocument ?? globalThis.document;
|
|
const stale = new Map();
|
|
for (const node of [...container.children])
|
|
if (node.dataset?.chipId) stale.set(node.dataset.chipId, node);
|
|
const ordered = [];
|
|
for (const chip of chips) {
|
|
let button = stale.get(chip.id);
|
|
stale.delete(chip.id);
|
|
if (!button) {
|
|
button = document.createElement('button');
|
|
button.type = 'button';
|
|
button.dataset.chipId = chip.id;
|
|
}
|
|
const state = chip.state || (chip.active ? 'active' : 'idle');
|
|
set(
|
|
button,
|
|
'className',
|
|
`data-toggle-chip chip-${state}${chip.active ? ' active' : ''}`,
|
|
);
|
|
set(button, 'textContent', chip.label);
|
|
// Optional per-chip colour; CSS decides how it is used.
|
|
const color = chip.color || '';
|
|
if ((button.dataset.chipColor || '') !== color) {
|
|
if (color) {
|
|
button.style.setProperty('--chip-color', color);
|
|
button.dataset.chipColor = color;
|
|
} else {
|
|
button.style.removeProperty('--chip-color');
|
|
delete button.dataset.chipColor;
|
|
}
|
|
}
|
|
set(button, 'title', chip.title || '');
|
|
set(button, 'disabled', Boolean(chip.disabled));
|
|
attribute(button, 'aria-pressed', String(Boolean(chip.active)));
|
|
attribute(button, 'aria-busy', String(Boolean(chip.busy)));
|
|
ordered.push(button);
|
|
}
|
|
for (const node of stale.values()) node.remove();
|
|
ordered.forEach((node, index) => {
|
|
if (container.children[index] !== node)
|
|
container.insertBefore(node, container.children[index] || before);
|
|
});
|
|
}
|