@punkestu/react-html 0.1.0 → 0.1.1

package/dist/cli/docs-content.d.ts

@@ -0,0 +1,8 @@
+export interface DocSection {
+    id: string;
+    title: string;
+    summary: string;
+    content: string[];
+}
+export declare const DOC_SECTIONS: DocSection[];
+//# sourceMappingURL=docs-content.d.ts.map

package/dist/cli/docs-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"docs-content.d.ts","sourceRoot":"","sources":["../../src/cli/docs-content.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,EAAE,UAAU,EAmQpC,CAAC"}

package/dist/cli/docs-content.js

@@ -0,0 +1,261 @@
+export const DOC_SECTIONS = [
+    {
+        id: 'intro',
+        title: '1. Overview & Philosophy',
+        summary: 'Core concepts: pure HTML output, zero-JS by default, and modular JSX.',
+        content: [
+            '# 1. Overview & Philosophy',
+            '',
+            'react-html bridges the gap between modern component-based developer experience',
+            'and lightweight, blazing-fast static websites.',
+            '',
+            '* ZERO JAVASCRIPT BY DEFAULT:',
+            '  Standard components (layouts, navigation, typography, cards, footers) render into',
+            '  100% clean, semantic HTML5. No React runtime, no data-reactroot attributes,',
+            '  and 0 KB JavaScript sent to the browser.',
+            '',
+            '* MODULAR & DRY (DON\'T REPEAT YOURSELF):',
+            '  Eliminate copy-pasting HTML boilerplate. Compose pages with reusable React',
+            '  components (<Layout>, <Header>, <Card>, <Footer>) with typed props.',
+            '',
+            '* SELECTIVE REACTIVITY (ISLANDS ARCHITECTURE):',
+            '  Only components that explicitly require client-side interactivity are bundled',
+            '  into isolated, tiny JavaScript files. Everything around them remains pure HTML.'
+        ]
+    },
+    {
+        id: 'quickstart',
+        title: '2. Getting Started & Setup',
+        summary: 'Installation, Node.js environment, and initial directory structure.',
+        content: [
+            '# 2. Getting Started & Setup',
+            '',
+            '* PREREQUISITES:',
+            '  - Node.js v20.0.0 or higher (runs natively on standard Node.js & npm)',
+            '',
+            '* INSTALLATION:',
+            '  $ npm install react-html',
+            '',
+            '* RECOMMENDED PROJECT STRUCTURE:',
+            '  my-project/',
+            '  ├── package.json',
+            '  ├── public/                  # Static assets (CSS, images, icons)',
+            '  │   └── styles.css',
+            '  └── src/',
+            '      ├── components/          # Reusable UI components',
+            '      │   ├── Layout.tsx       # Master HTML shell',
+            '      │   ├── Header.tsx       # Navigation bar',
+            '      │   └── Counter.island.tsx # Interactive island component',
+            '      └── pages/               # Multi-page entries',
+            '          ├── index.tsx        # -> dist/index.html',
+            '          ├── about.tsx        # -> dist/about.html',
+            '          └── blog/',
+            '              └── first.tsx    # -> dist/blog/first.html'
+        ]
+    },
+    {
+        id: 'modular-html',
+        title: '3. Modular HTML with React',
+        summary: 'Creating reusable layouts, header partials, and nested components.',
+        content: [
+            '# 3. Modular HTML with React',
+            '',
+            'Stop repeating HTML boilerplate. Create a single Layout component:',
+            '',
+            '// src/components/Layout.tsx',
+            'import React, { ReactNode } from "react";',
+            'import { Header } from "./Header.js";',
+            'import { Footer } from "./Footer.js";',
+            '',
+            'export function Layout({ title, children }: { title: string; children: ReactNode }) {',
+            '  return (',
+            '    <html lang="en">',
+            '      <head>',
+            '        <meta charSet="UTF-8" />',
+            '        <meta name="viewport" content="width=device-width, initial-scale=1.0" />',
+            '        <title>{title}</title>',
+            '        <link rel="stylesheet" href="/styles.css" />',
+            '      </head>',
+            '      <body>',
+            '        <Header />',
+            '        <main>{children}</main>',
+            '        <Footer />',
+            '      </body>',
+            '    </html>',
+            '  );',
+            '}',
+            '',
+            'Every page simply wraps its content in <Layout>: no copy-pasting required!'
+        ]
+    },
+    {
+        id: 'islands',
+        title: '4. Reactive Islands Architecture',
+        summary: 'Compiling interactive React components to tiny client-side JavaScript.',
+        content: [
+            '# 4. Reactive Islands Architecture',
+            '',
+            'When you need client-side state (useState, useEffect, event listeners):',
+            '',
+            '1. Create the component and wrap it using island():',
+            '// src/components/Counter.island.tsx',
+            'import React, { useState } from "react";',
+            'import { island } from "react-html";',
+            '',
+            'function CounterComponent({ initial = 0 }) {',
+            '  const [count, setCount] = useState(initial);',
+            '  return (',
+            '    <button onClick={() => setCount(c => c + 1)}>Count: {count}</button>',
+            '  );',
+            '}',
+            '',
+            'export const Counter = island(CounterComponent, import.meta.url, "Counter");',
+            'export default Counter;',
+            '',
+            '2. Use it in any page just like a normal React component:',
+            '// src/pages/index.tsx',
+            '<Counter initial={10} />',
+            '',
+            '* HOW THE ENGINE COMPILES IT:',
+            '  - Initial HTML is pre-rendered for instant paint and SEO.',
+            '  - esbuild bundles ONLY CounterComponent into dist/assets/islands/Counter.js.',
+            '  - Only pages containing <Counter> will have the <script> tag injected.'
+        ]
+    },
+    {
+        id: 'directives',
+        title: '5. Hydration Directives (Performance)',
+        summary: 'Controlling client hydration timing with load, idle, and visible.',
+        content: [
+            '# 5. Hydration Directives (Performance)',
+            '',
+            'Control when JavaScript executes on the user\'s device with the `client` prop:',
+            '',
+            '* client="load" (Default):',
+            '  <Counter client="load" />',
+            '  Hydrates as soon as DOMContentLoaded fires. Use for critical UI above the fold.',
+            '',
+            '* client="idle":',
+            '  <Counter client="idle" />',
+            '  Hydrates during browser idle time via requestIdleCallback. Perfect for widgets',
+            '  or floating elements that do not block immediate interaction.',
+            '',
+            '* client="visible":',
+            '  <Counter client="visible" />',
+            '  Hydrates only when scrolled into the viewport using IntersectionObserver.',
+            '  Ideal for carousels, comment sections, or widgets further down the page.'
+        ]
+    },
+    {
+        id: 'cli',
+        title: '6. CLI Commands & Options',
+        summary: 'Full guide for build, dev, and docs commands.',
+        content: [
+            '# 6. CLI Commands & Options',
+            '',
+            '* BUILD PRODUCTION STATIC SITE:',
+            '  $ react-html build [options]',
+            '  Flags:',
+            '    --pages <dir>     Directory containing pages (default: src/pages or pages)',
+            '    --out <dir>       Output directory (default: dist)',
+            '    --root <dir>      Root directory of the project (default: cwd)',
+            '    --no-minify       Disable JS minification for debugging',
+            '',
+            '* START DEV SERVER (LIVE PREVIEW & WATCH):',
+            '  $ react-html dev [options]',
+            '  Flags:',
+            '    --port <number>   Port to listen on (default: 3000)',
+            '    --host <string>   Host to bind to (default: localhost)',
+            '',
+            '* TERMINAL UI DOCUMENTATION (TUI):',
+            '  $ react-html docs               # Interactive TUI navigator',
+            '  $ react-html docs --all         # Print entire manual to stdout',
+            '  $ react-html docs <section-id>  # Print specific section'
+        ]
+    },
+    {
+        id: 'api',
+        title: '7. Programmatic API Reference',
+        summary: 'Using build(), renderPageToHtml(), and createDevServer() in Node.js.',
+        content: [
+            '# 7. Programmatic API Reference',
+            '',
+            'import { build, renderPageToHtml, island, Island } from "react-html";',
+            '',
+            '* build(config):',
+            '  const result = await build({',
+            '    root: process.cwd(),',
+            '    pagesDir: "src/pages",',
+            '    outDir: "dist",',
+            '    minify: true',
+            '  });',
+            '  // Returns: { pages: [...], islands: [...], outDir: string }',
+            '',
+            '* renderPageToHtml({ pagePath, Component, props, metadata }):',
+            '  const { html, islands } = renderPageToHtml({',
+            '    pagePath: "/path/to/page.tsx",',
+            '    Component: MyPage,',
+            '    metadata: { title: "Custom Title" }',
+            '  });',
+            '  // Returns pure HTML string and list of detected islands.'
+        ]
+    },
+    {
+        id: 'server',
+        title: '8. Server App Integration (Express, Fastify, Node HTTP)',
+        summary: 'Using createEngine() for production static hosting and development live rebuilds.',
+        content: [
+            '# 8. Server App Integration (Express, Fastify, Node HTTP)',
+            '',
+            'You can import and use react-html directly inside your backend server application:',
+            '',
+            'import express from "express";',
+            'import { createEngine } from "react-html";',
+            '// or: import { createEngine } from "react-html/server";',
+            '',
+            'const app = express();',
+            'const engine = createEngine({',
+            '  pagesDir: "src/pages",',
+            '  distDir: "dist",',
+            '  // Automatically checks process.env.NODE_ENV === "production"',
+            '});',
+            '',
+            '* 1. CONNECT / EXPRESS MIDDLEWARE:',
+            '  app.use(engine.middleware);',
+            '  // In production: finds and streams pre-built static HTML from dist/.',
+            '  // In development: dynamically rebuilds TSX on the fly and returns fresh HTML.',
+            '',
+            '* 2. PROGRAMMATIC ROUTE RENDERING:',
+            '  app.get("/custom", async (req, res) => {',
+            '    const html = await engine.render("index", { user: req.user });',
+            '    res.setHeader("Content-Type", "text/html; charset=utf-8");',
+            '    res.send(html);',
+            '  });',
+            '',
+            '* 3. NATIVE NODE HTTP SERVER:',
+            '  import http from "node:http";',
+            '  const server = http.createServer(engine.handle);',
+            '  server.listen(3000);'
+        ]
+    },
+    {
+        id: 'troubleshooting',
+        title: '9. Best Practices & Troubleshooting',
+        summary: 'Avoiding hydration mismatch, React error #418, and styling rules.',
+        content: [
+            '# 8. Best Practices & Troubleshooting',
+            '',
+            '* PREVENTING HYDRATION MISMATCH (React Error #418):',
+            '  - Ensure server and initial client props match.',
+            '  - Do not use client-only objects (window.innerWidth, localStorage) in initial render.',
+            '    Instead, read them inside useEffect() or an event handler.',
+            '  - react-html automatically protects island markup during formatting and uses',
+            '    renderToString for interactive inner trees to guarantee matching text nodes.',
+            '',
+            '* ISOLATE STATEFUL LOGIC:',
+            '  Keep non-interactive parts (headers, card shells, footers) pure React components.',
+            '  Only place state hooks (useState, useReducer) inside *.island.tsx files.'
+        ]
+    }
+];
+//# sourceMappingURL=docs-content.js.map

package/dist/cli/docs-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"docs-content.js","sourceRoot":"","sources":["../../src/cli/docs-content.ts"],"names":[],"mappings":"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"}

package/dist/cli/index.d.ts

@@ -0,0 +1,2 @@
+export declare function runCli(args?: string[]): Promise<void>;
+//# sourceMappingURL=index.d.ts.map

package/dist/cli/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/cli/index.ts"],"names":[],"mappings":"AAKA,wBAAsB,MAAM,CAAC,IAAI,GAAE,MAAM,EAA0B,GAAG,OAAO,CAAC,IAAI,CAAC,CAsGlF"}

package/dist/cli/index.js

@@ -0,0 +1,113 @@
+import path from 'node:path';
+import { build } from '../index.js';
+import { createDevServer } from '../server/dev-server.js';
+import { launchDocsTui } from './tui-docs.js';
+export async function runCli(args = process.argv.slice(2)) {
+    const command = args[0] || 'help';
+    function getArgValue(flag) {
+        const idx = args.indexOf(flag);
+        return idx !== -1 && args[idx + 1] ? args[idx + 1] : undefined;
+    }
+    const hasFlag = (flag) => args.includes(flag);
+    if (hasFlag('--help') || hasFlag('-h') || command === 'help') {
+        console.log(`
+react-html - Engine to convert React to pure HTML with reactive islands
+
+Usage:
+  react-html <command> [options]
+
+Commands:
+  build         Compile pages into pure HTML & bundle reactive islands
+  dev           Start live preview development server with auto-rebuild
+  docs          Browse interactive documentation in Terminal UI (TUI)
+  help          Show this help message
+
+Options:
+  --pages <dir>     Pages directory (default: src/pages or pages)
+  --out <dir>       Output directory (default: dist)
+  --port <number>   Dev server port (default: 3000)
+  --host <string>   Dev server host (default: localhost)
+  --no-minify       Disable minification for island bundles
+  --root <path>     Project root directory (default: cwd)
+
+Docs Options:
+  react-html docs              Launch interactive Terminal UI
+  react-html docs --all        Print complete manual to terminal
+  react-html docs <section>    Print a specific section (e.g. islands, api, cli)
+`);
+        return;
+    }
+    if (hasFlag('--version') || hasFlag('-v')) {
+        console.log(`react-html v0.1.0`);
+        return;
+    }
+    const root = getArgValue('--root') || process.cwd();
+    const pagesDir = getArgValue('--pages');
+    const outDir = getArgValue('--out') || 'dist';
+    const minify = !hasFlag('--no-minify');
+    if (command === 'build') {
+        console.log(`\n🚀 [react-html] Building static site...`);
+        const startTime = Date.now();
+        try {
+            const result = await build({
+                root,
+                pagesDir,
+                outDir,
+                minify
+            });
+            console.log(`✅ [react-html] Build successful in ${Date.now() - startTime}ms`);
+            console.log(`📄 Pages compiled (${result.pages.length}):`);
+            result.pages.forEach(p => {
+                console.log(`   - ${path.relative(root, p.output)}`);
+            });
+            if (result.islands.length > 0) {
+                console.log(`🏝️  Reactive islands bundled (${result.islands.length}):`);
+                result.islands.forEach(isl => {
+                    console.log(`   - ${path.relative(root, isl)}`);
+                });
+            }
+            else {
+                console.log(`✨ Pure 100% HTML generated (0 KB JavaScript overhead)`);
+            }
+        }
+        catch (err) {
+            console.error(`❌ [react-html] Build failed:`, err?.message || err);
+            process.exit(1);
+        }
+    }
+    else if (command === 'dev') {
+        const port = parseInt(getArgValue('--port') || '3000', 10);
+        const host = getArgValue('--host') || 'localhost';
+        try {
+            await createDevServer({
+                root,
+                pagesDir,
+                outDir,
+                port,
+                host
+            });
+        }
+        catch (err) {
+            console.error(`❌ [react-html] Dev server failed:`, err?.message || err);
+            process.exit(1);
+        }
+    }
+    else if (command === 'docs') {
+        try {
+            await launchDocsTui(args[1]);
+        }
+        catch (err) {
+            console.error(`❌ [react-html] Docs error:`, err?.message || err);
+            process.exit(1);
+        }
+    }
+    else {
+        console.error(`Unknown command "${command}". Run "react-html --help" for available commands.`);
+        process.exit(1);
+    }
+}
+// Direct invocation check
+if (import.meta.url === `file://${process.argv[1]}`) {
+    runCli();
+}
+//# sourceMappingURL=index.js.map

package/dist/cli/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/cli/index.ts"],"names":[],"mappings":"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"}

package/dist/cli/tui-docs.d.ts

@@ -0,0 +1,5 @@
+import { DocSection } from './docs-content.js';
+export declare function printSectionDirect(section: DocSection): void;
+export declare function printAllDocs(): void;
+export declare function launchDocsTui(initialArg?: string): Promise<void>;
+//# sourceMappingURL=tui-docs.d.ts.map

package/dist/cli/tui-docs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tui-docs.d.ts","sourceRoot":"","sources":["../../src/cli/tui-docs.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAgC7D,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,UAAU,GAAG,IAAI,CAM5D;AAED,wBAAgB,YAAY,IAAI,IAAI,CAQnC;AAED,wBAAsB,aAAa,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAiKtE"}

package/dist/cli/tui-docs.js

@@ -0,0 +1,191 @@
+import readline from 'node:readline';
+import { DOC_SECTIONS } from './docs-content.js';
+// ANSI escape sequences
+const CLEAR = '\x1b[2J\x1b[H';
+const HIDE_CURSOR = '\x1b[?25l';
+const SHOW_CURSOR = '\x1b[?25h';
+const BOLD = '\x1b[1m';
+const DIM = '\x1b[2m';
+const RESET = '\x1b[0m';
+const CYAN = '\x1b[36m';
+const GREEN = '\x1b[32m';
+const YELLOW = '\x1b[33m';
+const BLUE = '\x1b[34m';
+const MAGENTA = '\x1b[35m';
+const INVERT = '\x1b[7m';
+function formatLine(line) {
+    if (line.startsWith('# ')) {
+        return `${BOLD}${CYAN}${line}${RESET}`;
+    }
+    if (line.startsWith('* ')) {
+        return `${BOLD}${GREEN}${line}${RESET}`;
+    }
+    if (line.startsWith('//') || line.startsWith('  $ ')) {
+        return `${YELLOW}${line}${RESET}`;
+    }
+    if (line.includes('├──') || line.includes('└──') || line.includes('│')) {
+        return `${DIM}${line}${RESET}`;
+    }
+    return line;
+}
+export function printSectionDirect(section) {
+    console.log(`\n${BOLD}${CYAN}=== ${section.title} ===${RESET}\n`);
+    for (const line of section.content) {
+        console.log(formatLine(line));
+    }
+    console.log('');
+}
+export function printAllDocs() {
+    console.log(`\n${BOLD}${CYAN}====================================================${RESET}`);
+    console.log(`${BOLD}${CYAN}          ⚛️  REACT-HTML COMPLETE MANUAL           ${RESET}`);
+    console.log(`${BOLD}${CYAN}====================================================${RESET}\n`);
+    for (const sec of DOC_SECTIONS) {
+        printSectionDirect(sec);
+        console.log(`${DIM}${'─'.repeat(60)}${RESET}\n`);
+    }
+}
+export async function launchDocsTui(initialArg) {
+    // If specific section or --all requested non-interactively
+    if (initialArg === '--all' || initialArg === '-a') {
+        printAllDocs();
+        return;
+    }
+    if (initialArg) {
+        const match = DOC_SECTIONS.find((s, idx) => s.id.toLowerCase() === initialArg.toLowerCase() ||
+            String(idx + 1) === initialArg ||
+            s.title.toLowerCase().includes(initialArg.toLowerCase()));
+        if (match) {
+            printSectionDirect(match);
+            return;
+        }
+    }
+    // Non-TTY fallback
+    if (!process.stdin.isTTY || !process.stdout.isTTY) {
+        printAllDocs();
+        return;
+    }
+    let selectedIndex = 0;
+    let viewMode = 'menu';
+    let scrollOffset = 0;
+    readline.emitKeypressEvents(process.stdin);
+    process.stdin.setRawMode(true);
+    process.stdout.write(HIDE_CURSOR);
+    function cleanup() {
+        process.stdout.write(SHOW_CURSOR);
+        if (process.stdin.isTTY) {
+            process.stdin.setRawMode(false);
+        }
+        process.stdin.pause();
+        console.clear();
+    }
+    function renderMenu() {
+        const termWidth = Math.max(process.stdout.columns || 80, 60);
+        const border = '═'.repeat(Math.min(termWidth - 2, 70));
+        let out = CLEAR;
+        out += `${CYAN}╔${border}╗${RESET}\n`;
+        out += `${CYAN}║${BOLD}          ⚛️  REACT-HTML TERMINAL DOCUMENTATION (TUI)           ${RESET}${CYAN}║${RESET}\n`;
+        out += `${CYAN}║${DIM}   Modular pure HTML with selective reactive islands compilation   ${RESET}${CYAN}║${RESET}\n`;
+        out += `${CYAN}╚${border}╝${RESET}\n\n`;
+        out += `${BOLD}Select a topic using arrow keys and press [Enter]:${RESET}\n\n`;
+        DOC_SECTIONS.forEach((sec, idx) => {
+            const isSelected = idx === selectedIndex;
+            if (isSelected) {
+                out += `  ${BOLD}${CYAN}▶ ${INVERT} ${sec.title} ${RESET}\n`;
+                out += `    ${DIM}${sec.summary}${RESET}\n\n`;
+            }
+            else {
+                out += `    ${BOLD}${sec.title}${RESET}\n`;
+                out += `    ${DIM}${sec.summary}${RESET}\n\n`;
+            }
+        });
+        out += `\n${DIM}${'─'.repeat(Math.min(termWidth - 2, 70))}${RESET}\n`;
+        out += `${BOLD}[↑/↓ or j/k]${RESET} Navigate   ${BOLD}[Enter]${RESET} Read   ${BOLD}[q / Ctrl+C]${RESET} Exit\n`;
+        process.stdout.write(out);
+    }
+    function renderReader() {
+        const sec = DOC_SECTIONS[selectedIndex];
+        const termHeight = Math.max(process.stdout.rows || 24, 15);
+        const termWidth = Math.max(process.stdout.columns || 80, 60);
+        const contentRows = termHeight - 8;
+        const visibleLines = sec.content.slice(scrollOffset, scrollOffset + contentRows);
+        let out = CLEAR;
+        out += `${CYAN}${BOLD}⚛️  react-html :: ${sec.title}${RESET}\n`;
+        out += `${DIM}${'═'.repeat(Math.min(termWidth - 2, 70))}${RESET}\n\n`;
+        for (const line of visibleLines) {
+            out += formatLine(line) + '\n';
+        }
+        // Fill blank lines if content is short
+        for (let i = visibleLines.length; i < contentRows; i++) {
+            out += '\n';
+        }
+        const maxScroll = Math.max(0, sec.content.length - contentRows);
+        const scrollInfo = maxScroll > 0 ? ` [Line ${scrollOffset + 1}/${sec.content.length}]` : '';
+        out += `\n${DIM}${'─'.repeat(Math.min(termWidth - 2, 70))}${RESET}\n`;
+        out += `${BOLD}[↑/↓ or j/k]${RESET} Scroll${scrollInfo}   ${BOLD}[b / Esc]${RESET} Back to Menu   ${BOLD}[q]${RESET} Quit\n`;
+        process.stdout.write(out);
+    }
+    function draw() {
+        if (viewMode === 'menu') {
+            renderMenu();
+        }
+        else {
+            renderReader();
+        }
+    }
+    draw();
+    return new Promise((resolve) => {
+        process.stdin.on('keypress', (str, key) => {
+            if ((key.ctrl && key.name === 'c') || key.name === 'q') {
+                cleanup();
+                resolve();
+                return;
+            }
+            if (viewMode === 'menu') {
+                if (key.name === 'up' || key.name === 'k') {
+                    selectedIndex = (selectedIndex - 1 + DOC_SECTIONS.length) % DOC_SECTIONS.length;
+                    draw();
+                }
+                else if (key.name === 'down' || key.name === 'j') {
+                    selectedIndex = (selectedIndex + 1) % DOC_SECTIONS.length;
+                    draw();
+                }
+                else if (key.name === 'return' || key.name === 'space') {
+                    viewMode = 'reader';
+                    scrollOffset = 0;
+                    draw();
+                }
+            }
+            else if (viewMode === 'reader') {
+                const sec = DOC_SECTIONS[selectedIndex];
+                const termHeight = Math.max(process.stdout.rows || 24, 15);
+                const contentRows = termHeight - 8;
+                const maxScroll = Math.max(0, sec.content.length - contentRows);
+                if (key.name === 'escape' || key.name === 'b' || key.name === 'backspace') {
+                    viewMode = 'menu';
+                    draw();
+                }
+                else if (key.name === 'up' || key.name === 'k') {
+                    if (scrollOffset > 0) {
+                        scrollOffset--;
+                        draw();
+                    }
+                }
+                else if (key.name === 'down' || key.name === 'j') {
+                    if (scrollOffset < maxScroll) {
+                        scrollOffset++;
+                        draw();
+                    }
+                }
+                else if (key.name === 'pageup') {
+                    scrollOffset = Math.max(0, scrollOffset - 5);
+                    draw();
+                }
+                else if (key.name === 'pagedown') {
+                    scrollOffset = Math.min(maxScroll, scrollOffset + 5);
+                    draw();
+                }
+            }
+        });
+    });
+}
+//# sourceMappingURL=tui-docs.js.map

package/dist/cli/tui-docs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tui-docs.js","sourceRoot":"","sources":["../../src/cli/tui-docs.ts"],"names":[],"mappings":"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"}

package/dist/client/hydrate.d.ts

@@ -0,0 +1,4 @@
+import { ComponentType } from 'react';
+export type ClientDirective = 'load' | 'idle' | 'visible';
+export declare function hydrateIsland(islandName: string, Component: ComponentType<any>): void;
+//# sourceMappingURL=hydrate.d.ts.map

package/dist/client/hydrate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydrate.d.ts","sourceRoot":"","sources":["../../src/client/hydrate.ts"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAE1D,wBAAgB,aAAa,CAC3B,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,aAAa,CAAC,GAAG,CAAC,GAC5B,IAAI,CA2EN"}