✕
${escapeHtml(filePath)}

Loading source...

`; codePanel.classList.add('visible'); try { const resp = await fetch(`/api/solidability-world/source?file=${encodeURIComponent(filePath)}`, { credentials: 'same-origin' }); if (!resp.ok) { const err = await resp.json().catch(() => ({})); codePanel.querySelector('.code-body').innerHTML = `

Source unavailable: ${escapeHtml(err.error || resp.statusText)}

`; return; } const data = await resp.json(); // Build line-numbered code view const codeHtml = data.content.map((line, idx) => `
${idx + 1}` + `${escapeHtml(line) || ' '}
` ).join(''); codePanel.querySelector('.code-body').innerHTML = `
${data.lines} lines · ${(data.size / 1024).toFixed(1)}KB · modified ${new Date(data.modified).toLocaleDateString()} · ${data.hash}
${codeHtml}
`; codePanel.querySelector('.code-meta').innerHTML = `${escapeHtml(filePath)} · ${data.lines} lines`; // Highlight related functions if room has function data if (room.functions && room.functions.length) { // Scroll to first function const firstFunc = room.functions[0]; const lineEl = codePanel.querySelectorAll('.code-line')[firstFunc.line - 1]; if (lineEl) { lineEl.classList.add('highlight'); lineEl.scrollIntoView({ block: 'center' }); } } } catch (e) { codePanel.querySelector('.code-body').innerHTML = `

Failed to load source: ${escapeHtml(e.message)}

`; } } function closeCodePanel() { const p = document.getElementById('code-inspector'); if (p) p.classList.remove('visible'); } // Public glass: human explanation only. No source, no diagnostics, no jargon. function showPublic(room) { const info = room.publicInfo; panel.innerHTML = `

${escapeHtml(room.label)}

${escapeHtml(info.what)}

What it does

${escapeHtml(info.does)}

Why it matters

${escapeHtml(info.matters)}

${info.connections > 0 ? `

🔗 Connected to ${info.connections} other parts of the site

` : ''}
`; panel.classList.add('visible'); } return { show, hide, search, goBack, loadSource, openCodePanel, closeCodePanel, testSyntax }; })(); ===== FILE: public/solidability-world/js/sw-guide.js ===== // Solidability World — Human Guide // Layer 1: Help humans understand their website in plain language. // No jargon. No complexity scores. No evidence states. // Just: what is this, what does it do, why does it matter to you. const SWGuide = (() => { let guiding = false; let tourStops = []; let currentStop = 0; // Shared language: human-meaningful names for key components // The world speaks in these terms, not filenames function humanName(filePath, label) { const f = (filePath || '').toLowerCase(); if (f === 'server.js') return { icon: '❤️', name: 'The Heart' }; if (/auth|login|session/.test(f)) return { icon: '🔑', name: 'The Gatekeeper' }; if (/thread|forum/.test(f)) return { icon: '💬', name: 'The Forum' }; if (/chat/.test(f) && !/chatlog/.test(f)) return { icon: '💭', name: 'Live Chat' }; if (/sable|ai\.js/.test(f)) return { icon: '🧠', name: 'The Mind' }; if (/views/.test(f)) return { icon: '🎨', name: 'What You See' }; if (/(^|\/)db/.test(f)) return { icon: '💾', name: 'The Memory' }; if (/upload|media|image/.test(f)) return { icon: '🖼️', name: 'The Gallery' }; if (/revenue|econom/.test(f)) return { icon: '💰', name: 'The Treasury' }; if (/admin/.test(f)) return { icon: '⚙️', name: 'The Controls' }; if (/email|mail/.test(f)) return { icon: '📧', name: 'The Messenger' };