Hynes/Void-Homelab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(sacred-valley): card factory, registry ordering, view skeleton

Browse Source 
Adds the Plan 6 card framework: svCard() chrome factory, pure orderCards()
ordering helper with unit tests, three stub card modules (clock/weather/host-perf),
and rewrites sacred_valley.js with the two-band layout that mounts ordered cards.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
root
2026-06-02 22:26:09 +10:00
parent 4b5faefa80
commit c3a3ac4feb
7 changed files with 79 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
public/views/sacred_valley.js
View File

@@ -1,15 +1,34 @@
// T17 stub — placeholder card per plan (full widgets in Plan 6).
import { el, mount } from '../dom.js';
import { api } from '../api.js';
import { svCard } from '../components/sv_card.js';
import { orderCards } from './cards/registry.js';
import clock from './cards/clock.js';
import weather from './cards/weather.js';
import hostPerf from './cards/host_perf.js';
const CARD_MODULES = [clock, weather, hostPerf]; // grows in later tasks
let active = []; // mounted cards needing stop()
export async function render(main) {
active.forEach(c => c.stop && c.stop()); active = [];
mount(main,
el('h1', { class: 'view-h1' }, 'Sacred Valley'),
el('p', { class: 'view-sub' }, 'The homelab dashboard. Widgets port over in Plan 6.'),
el('div', { class: 'card' },
el('h3', {}, 'Coming home'),
el('p', { class: 'muted' },
'Weather, speedtest, host-perf, media cards — all ride in from Void 1.x in Plan 6. ' +
'For now this card holds the route open so the sidebar link works.'
)
)
el('p', { class: 'view-sub' }, 'The homelab, at a glance.'),
el('div', { id: 'sv-cards' }),
el('div', { id: 'sv-health' })
);
let layout = { card_order: [], hidden: [], sizes: {} };
try { layout = await api.get('/api/dashboard/layout'); } catch { /* defaults */ }
const grid = document.getElementById('sv-cards');
const ordered = orderCards(CARD_MODULES, layout);
for (const def of ordered) {
const size = layout.sizes?.[def.id] || def.size;
const { root, body } = svCard({ ...def, size });
grid.appendChild(root);
try { def.mount(body); def.start && def.start(); active.push(def); }
catch (e) { body.appendChild(el('span', { class: 'muted' }, 'card failed')); console.error(def.id, e); }
}
// health band + drag wiring arrive in Tasks 22 and 10.
}