Something went wrong. Try again.
Monorepo for Aesthetic.Computer aesthetic.computer
Something went wrong. Try again.
JavaScript
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255#!/usr/bin/env node// KidLisp utility commands - quick actions via CDPimport http from 'http';import WebSocket from 'ws';
// Try multiple CDP host/port combinations (same as artery.mjs)async function findWorkingCDPHost() { const candidates = [ { host: 'host.docker.internal', port: 9333 }, { host: 'host.docker.internal', port: 9222 }, { host: 'localhost', port: 9333 }, { host: 'localhost', port: 9222 }, { host: '172.17.0.1', port: 9224 }, { host: '172.17.0.1', port: 9223 }, { host: '172.17.0.1', port: 9222 }, ]; for (const { host, port } of candidates) { try { const works = await new Promise((resolve) => { const req = http.get({ hostname: host, port: port, path: '/json', timeout: 1000, headers: { 'Host': 'localhost' } }, (res) => { let data = ''; res.on('data', (chunk) => data += chunk); res.on('end', () => resolve(data.length > 0)); }); req.on('error', () => resolve(false)); req.on('timeout', () => { req.destroy(); resolve(false); }); }); if (works) return { host, port }; } catch (e) {} } throw new Error('CDP not available - is VS Code running with --remote-debugging-port?');}
async function getTargets() { const { host, port } = await findWorkingCDPHost(); return new Promise((resolve, reject) => { http.get({ hostname: host, port: port, path: '/json', headers: { 'Host': 'localhost' } }, (res) => { let data = ''; res.on('data', chunk => data += chunk); res.on('end', () => { const targets = JSON.parse(data); // Attach the host/port for later use resolve({ targets, host, port }); }); }).on('error', reject); });}
async function connectToKidLisp() { const { targets, host, port } = await getTargets(); const kidlisp = targets.find(t => t.url && t.url.includes('kidlisp.com')); if (!kidlisp) { throw new Error('KidLisp window not found. Open it first with: artery K'); } let wsUrl = kidlisp.webSocketDebuggerUrl; // Fix localhost if needed (some CDP configs return localhost instead of the actual host) if (wsUrl.includes('localhost')) { wsUrl = wsUrl.replace(/ws:\/\/localhost:(\d+)/, `ws://${host}:${port}`); } const ws = new WebSocket(wsUrl); await new Promise((resolve, reject) => { ws.on('open', resolve); ws.on('error', reject); setTimeout(() => reject(new Error('Connection timeout')), 5000); }); return ws;}
let messageIdCounter = 100000;
async function evaluate(ws, expression) { return new Promise((resolve, reject) => { const id = messageIdCounter++; let timer; const handler = (data) => { const msg = JSON.parse(data); if (msg.id === id) { clearTimeout(timer); ws.off('message', handler); if (msg.result?.exceptionDetails) { reject(new Error(msg.result.exceptionDetails.exception?.description || 'Error')); } else { resolve(msg.result?.result?.value); } } }; ws.on('message', handler); ws.send(JSON.stringify({ id, method: 'Runtime.evaluate', params: { expression, returnByValue: true } })); timer = setTimeout(() => { ws.off('message', handler); reject(new Error('Timeout waiting for evaluation result')); }, 10000); });}
// Commandsconst commands = { async 'close-tabs'() { const ws = await connectToKidLisp(); const result = await evaluate(ws, ` (function() { const tabs = document.querySelectorAll('.tab-close'); const count = tabs.length; tabs.forEach(btn => btn.click()); return { closedTabs: count }; })() `); console.log(`✓ Closed ${result.closedTabs} tab(s)`); ws.close(); }, async 'list-tabs'() { const ws = await connectToKidLisp(); const tabs = await evaluate(ws, ` Array.from(document.querySelectorAll('.tab')).map(tab => ({ name: tab.querySelector('.tab-name')?.textContent || 'unnamed', active: tab.classList.contains('active') })) `); if (tabs.length === 0) { console.log('No tabs open'); } else { console.log('Open tabs:'); tabs.forEach(t => console.log(` ${t.active ? '→' : ' '} ${t.name}`)); } ws.close(); }, async clear() { const ws = await connectToKidLisp(); await evaluate(ws, `monaco.editor.getEditors()[0].setValue('')`); console.log('✓ Editor cleared'); ws.close(); }, async stop() { const ws = await connectToKidLisp(); await evaluate(ws, `document.getElementById('stop-button')?.click()`); console.log('✓ Stopped'); ws.close(); }, async play() { const ws = await connectToKidLisp(); await evaluate(ws, `document.getElementById('send-button')?.click()`); console.log('✓ Playing'); ws.close(); }, async 'clear-console'() { const ws = await connectToKidLisp(); await evaluate(ws, `document.getElementById('console-output').innerHTML = ''`); console.log('✓ Console cleared'); ws.close(); }, async theme() { const ws = await connectToKidLisp(); await evaluate(ws, `document.getElementById('theme-toggle')?.click()`); const theme = await evaluate(ws, `document.documentElement.getAttribute('data-theme')`); console.log(`✓ Theme: ${theme}`); ws.close(); }, // Card commands async 'card-next'() { const ws = await connectToKidLisp(); await evaluate(ws, `document.getElementById('card-next-btn')?.click()`); console.log('✓ Next card'); ws.close(); }, async 'card-prev'() { const ws = await connectToKidLisp(); await evaluate(ws, `document.getElementById('card-prev-btn')?.click()`); console.log('✓ Previous card'); ws.close(); }, async 'card-flip'() { const ws = await connectToKidLisp(); await evaluate(ws, `document.getElementById('card-flip-btn')?.click()`); console.log('✓ Card flipped'); ws.close(); }, async 'card-spread'() { const ws = await connectToKidLisp(); await evaluate(ws, `document.getElementById('card-spread-btn')?.click()`); console.log('✓ Spread toggled'); ws.close(); }, async help() { console.log('KidLisp Utilities'); console.log(''); console.log('Usage: node kidlisp-util.mjs <command>'); console.log(''); console.log('Commands:'); console.log(' close-tabs Close all open tabs'); console.log(' list-tabs List open tabs'); console.log(' clear Clear the editor'); console.log(' stop Stop playback'); console.log(' play Start playback'); console.log(' clear-console Clear the console'); console.log(' theme Toggle theme'); console.log(''); console.log('Card commands:'); console.log(' card-next Go to next card'); console.log(' card-prev Go to previous card'); console.log(' card-flip Flip the top card'); console.log(' card-spread Toggle spread view'); console.log(''); console.log(' help Show this help'); }};
// Mainconst cmd = process.argv[2] || 'help';if (commands[cmd]) { commands[cmd]().catch(e => { console.error('Error:', e.message); process.exit(1); });} else { console.error(`Unknown command: ${cmd}`); commands.help(); process.exit(1);}