mirror of
https://github.com/ALLFATHER-BV/wadamesh.git
synced 2026-08-22 10:19:49 +00:00
Kaj SchittecatandClaude Opus 4.8
d787d77365
- New "Remote & web app" docs section covering the browser control panel (Chats / Contacts / Discovered / Settings / Terminal), Screen mirror (VNC) and Remote UI, with a 7-shot phone gallery of the real web app. - Refreshed all device screenshots via the DOC_CAPTURE tour (now also captures the Remote screen) and added the MQTT bridge settings page. - New automated web-capture harness (scripts/doc/web-demo/): extracts the real page from firmware, serves it with mock data, screenshots via Playwright. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
80 lines
2.6 KiB
JavaScript
80 lines
2.6 KiB
JavaScript
// Automated screenshots of the wadamesh web control panel demo, to doc-shots/web_*.png.
|
|
// Start the demo server first: python3 scripts/doc/web-demo/serve.py 8791
|
|
// Then: NODE_PATH=<playwright node_modules> node scripts/doc/web-demo/shoot.js [port] [outdir]
|
|
const { chromium } = require('playwright');
|
|
|
|
const PORT = process.argv[2] || '8791';
|
|
const OUT = process.argv[3] || 'doc-shots';
|
|
const URL = `http://127.0.0.1:${PORT}/`;
|
|
const path = require('path');
|
|
|
|
const sleep = (ms) => new Promise(r => setTimeout(r, ms));
|
|
|
|
(async () => {
|
|
const browser = await chromium.launch();
|
|
const page = await browser.newPage({
|
|
viewport: { width: 390, height: 780 },
|
|
deviceScaleFactor: 2, // crisp @2x for docs
|
|
});
|
|
const shot = async (name) => {
|
|
const p = path.join(OUT, `web_${name}.png`);
|
|
await page.screenshot({ path: p });
|
|
console.log(' wrote', p);
|
|
};
|
|
|
|
await page.goto(URL, { waitUntil: 'networkidle' });
|
|
await page.waitForSelector('#tlist .row', { timeout: 8000 });
|
|
await sleep(600);
|
|
|
|
// 1. Chats tab (default)
|
|
await shot('chats');
|
|
|
|
// 2. An open chat (first thread) with bubbles + delivery meta
|
|
await page.click('#tlist .row');
|
|
await page.waitForSelector('#cview', { state: 'visible', timeout: 5000 });
|
|
await page.waitForSelector('#cvmsgs .b', { timeout: 5000 });
|
|
await sleep(500);
|
|
await shot('chat');
|
|
await page.click('#cvback'); await sleep(300);
|
|
|
|
// 3. Contacts tab
|
|
await page.click('#tabs button[data-t=contacts]');
|
|
await page.waitForSelector('#clist .row', { timeout: 5000 });
|
|
await sleep(400);
|
|
await shot('contacts');
|
|
|
|
// 4. Contact action sheet (tap a contact row)
|
|
await page.click('#clist .row[data-c]');
|
|
await page.waitForSelector('#sheet.on', { timeout: 5000 });
|
|
await sleep(400);
|
|
await shot('contact_sheet');
|
|
await page.click('#scrim'); await sleep(400);
|
|
|
|
// 5. Discovered nodes sheet
|
|
await page.click('#discrow');
|
|
await page.waitForSelector('#sheet.on', { timeout: 5000 });
|
|
await sleep(400);
|
|
await shot('discovered');
|
|
await page.click('#scrim'); await sleep(400);
|
|
|
|
// 6. Terminal tab with some output
|
|
await page.click('#tabs button[data-t=term]');
|
|
await page.waitForSelector('#i', { timeout: 5000 });
|
|
for (const cmd of ['status', 'ver']) {
|
|
await page.fill('#i', cmd);
|
|
await page.press('#i', 'Enter');
|
|
await sleep(500);
|
|
}
|
|
await sleep(400);
|
|
await shot('terminal');
|
|
|
|
// 7. Settings modal (gear)
|
|
await page.click('#gear');
|
|
await page.waitForSelector('#modal.on', { timeout: 5000 });
|
|
await sleep(400);
|
|
await shot('settings');
|
|
|
|
await browser.close();
|
|
console.log('done.');
|
|
})().catch(e => { console.error('FAILED:', e); process.exit(1); });
|