codemeld 2.1.0

package/README.md

@@ -0,0 +1,514 @@
+# CodeMeld
+
+Bidirectional converter between HTML/CSS/JS and modern frameworks (React, Next.js, Vue, Svelte, Angular).
+
+## Features
+
+- **Bidirectional Conversion** — Convert HTML/CSS/JS to React *and* reverse-convert React/Vue/Svelte/Angular back to static HTML
+- **HTML Parsing** — Extracts structure, inline styles, inline scripts, linked resources using Cheerio
+- **HTML to JSX Conversion** — Converts `class` to `className`, `for` to `htmlFor`, self-closes void elements, converts inline styles to object syntax, escapes literal braces in text content
+- **CSS Processing** — Supports global CSS and CSS Modules mode, rewrites asset URLs, merges stylesheets
+- **JavaScript Analysis** — Detects mutable variables to `useState`, DOM event listeners to event handlers, `DOMContentLoaded` to `useEffect`, form handlers with proper event typing, DOM mutations to React state
+- **Smart Component Extraction** — Automatically splits large HTML files into smaller, reusable React components based on semantic sections (`<nav>`, `<header>`, `<section>`, `<footer>`, etc.)
+- **Custom React Hooks** — Generates `useFetch`, `useLocalStorage`, `useInterval`, `useTimeout` hooks when patterns are detected
+- **Tailwind CSS Detection** — Automatically detects and configures Tailwind CSS (or force/disable with flags)
+- **Multi-Framework Support** — Target React, Next.js, Vue, Svelte, or Angular
+- **Project Scaffolding** — Generates complete Vite + React + TypeScript project with proper config files
+- **Multi-page Support** — Converts multiple HTML pages into separate React components with React Router
+- **Hash-based Routing** — Automatically detects and preserves hash-based SPA routing
+- **Asset Handling** — Discovers and copies images, fonts, and other assets to the correct directories
+- **Build Verification** — Optional `--verify` flag installs deps and runs `vite build` to validate output
+- **AI-Powered Refinement** — Optional `--ai` flag uses Claude to fix build errors, enhance components, and improve code quality
+- **Visual Comparison** — Optional `--visual-compare` flag takes Playwright screenshots of original vs converted sites
+- **Interactive AI Chat** — Claude Code-style TUI for iterating on your project with AI assistance
+- **SEO Generation** — Sitemap, robots.txt, web manifest, and meta tag components
+- **Accessibility Enhancement** — ARIA labels, semantic HTML, skip navigation
+- **Performance Optimizations** — React.memo, lazy loading, code splitting
+- **Interactive Pattern Detection** — Auto-detects scroll animations, tabs, accordions, hamburger menus and generates vanilla JS for deconverted output
+
+## Installation
+
+```bash
+npm install -g codemeld
+```
+
+Or use directly with npx:
+
+```bash
+npx codemeld <input-dir> <output-dir>
+```
+
+Or clone and build from source:
+
+```bash
+git clone https://github.com/hansade2005/html-to-vite-react.git
+cd html-to-vite-react
+npm install
+npm run build
+```
+
+Then run with:
+
+```bash
+node dist/cli.js convert <input-dir> <output-dir>
+```
+
+## Quick Start
+
+### 1. Convert a single-page HTML site
+
+```bash
+codemeld ./my-website ./my-react-app
+```
+
+This reads all `.html`, `.css`, and `.js` files from `./my-website`, converts them into React components, and outputs a complete Vite project in `./my-react-app`.
+
+### 2. Reverse-convert a React app back to HTML
+
+```bash
+codemeld deconvert ./my-react-app ./my-html-site
+```
+
+### 3. Install dependencies and run
+
+```bash
+cd my-react-app
+npm install
+npm run dev
+```
+
+Your converted site is now running as a React app at `http://localhost:5173`.
+
+### 4. Build for production
+
+```bash
+npm run build
+```
+
+## CLI Reference
+
+### `convert` (default command)
+
+```bash
+codemeld convert <input> <output> [options]
+```
+
+Since `convert` is the default command, you can omit it:
+
+```bash
+codemeld ./site ./app
+```
+
+**Arguments:**
+
+| Argument | Description |
+|----------|-------------|
+| `<input>` | Path to the HTML/CSS/JS source directory |
+| `<output>` | Path for the generated Vite + React project |
+
+**Options:**
+
+| Option | Description | Default |
+|--------|-------------|---------|
+| `-n, --name <name>` | Project/component name | Directory name |
+| `-m, --css-modules` | Use CSS Modules instead of global CSS | `false` |
+| `-p, --preserve-structure` | Preserve original file/folder structure | `false` |
+| `-f, --framework <fw>` | Target framework: `react`, `nextjs`, `vue`, `svelte`, `angular` | `react` |
+| `--verify` | Run `npm install && vite build` after conversion to verify output | `false` |
+| `--no-verify` | Skip build verification | — |
+| `--no-extract` | Disable smart component extraction (keep everything in one component) | — |
+| `--no-prettier` | Disable Prettier formatting on generated code | — |
+| `--tailwind <mode>` | Tailwind CSS handling: `auto`, `force`, `disable` | `auto` |
+| `--ai` | Enable AI-powered refinement after conversion (requires API key) | `false` |
+| `--ai-max-steps <n>` | Maximum AI agent iterations | `50` |
+| `--ai-mode <mode>` | AI mode: `full`, `build-fix`, `enhance`, `visual` | `full` |
+| `--ai-verbose` | Show AI agent reasoning in real-time | `false` |
+| `--visual-compare` | Take screenshots comparing original vs converted (requires Playwright) | `false` |
+| `--tests` | Generate Vitest test files for components | `false` |
+| `--deploy` | Generate deployment configs (Docker, CI/CD, Vercel, Netlify) | `false` |
+| `--seo` | Generate SEO files (sitemap, robots.txt, manifest, meta tags) | `false` |
+| `--seo-url <url>` | Base URL for SEO files | `https://example.com` |
+| `--a11y` | Enhance accessibility (ARIA labels, semantic HTML, skip nav) | `false` |
+| `--perf` | Add performance optimizations (React.memo, lazy loading, code splitting) | `false` |
+| `--forms` | Generate form handling with validation | `false` |
+| `--types` | Generate TypeScript type definitions | `false` |
+| `--all-extras` | Enable all extras: `--tests --deploy --seo --a11y --perf --forms --types` | `false` |
+
+### `deconvert`
+
+Reverse-convert a framework project back to static HTML/CSS/JS:
+
+```bash
+codemeld deconvert <input> <output> [options]
+```
+
+| Option | Description |
+|--------|-------------|
+| `-f, --framework <fw>` | Force framework detection: `react`, `nextjs`, `vue`, `svelte`, `angular` |
+| `--no-prettier` | Disable Prettier formatting |
+
+### `chat`
+
+Start an interactive AI chat session for your project:
+
+```bash
+codemeld chat [directory]
+```
+
+This opens a Claude Code-style terminal UI where you can ask the AI to read files, edit code, run commands, and fix build errors interactively.
+
+| Argument | Description | Default |
+|----------|-------------|---------|
+| `[directory]` | Project directory to work in | Current directory |
+
+## Usage Examples
+
+### Basic conversion
+
+```bash
+codemeld ./my-html-site ./my-react-app
+```
+
+### Convert with CSS Modules
+
+```bash
+codemeld ./site ./app --css-modules
+```
+
+Each component gets its own `.module.css` file with scoped class names.
+
+### Convert with build verification
+
+```bash
+codemeld ./site ./app --verify
+```
+
+After conversion, automatically runs `npm install` and `vite build` to confirm the output compiles without errors.
+
+### Convert with AI refinement
+
+```bash
+codemeld ./site ./app --ai --verify
+```
+
+After the initial conversion, an AI agent analyzes build errors and TypeScript issues, then iteratively fixes them. Modes:
+
+- `full` — Fix build errors, then enhance component quality
+- `build-fix` — Only fix build/TypeScript errors
+- `enhance` — Only improve code quality (assumes it already builds)
+- `visual` — Focus on visual fidelity with the original
+
+```bash
+# Only fix build errors, up to 20 iterations
+codemeld ./site ./app --ai --ai-mode build-fix --ai-max-steps 20
+
+# Full refinement with verbose logging
+codemeld ./site ./app --ai --ai-verbose
+```
+
+### Convert and compare visually
+
+```bash
+codemeld ./site ./app --verify --visual-compare
+```
+
+Takes Playwright screenshots of the original HTML site and the converted Vite app side by side.
+
+### Keep everything in one component
+
+```bash
+codemeld ./site ./app --no-extract
+```
+
+Disables smart component extraction — the entire page is kept as a single React component.
+
+### Custom project name
+
+```bash
+codemeld ./site ./app --name "My Dashboard"
+```
+
+### Target a different framework
+
+```bash
+codemeld ./site ./app --framework vue
+codemeld ./site ./app --framework nextjs
+codemeld ./site ./app --framework svelte
+codemeld ./site ./app --framework angular
+```
+
+### Disable Tailwind detection
+
+```bash
+codemeld ./site ./app --tailwind disable
+```
+
+### Convert a multi-page site
+
+If your input directory contains multiple `.html` files:
+
+```bash
+my-site/
+├── index.html
+├── about.html
+├── contact.html
+├── styles.css
+└── script.js
+```
+
+```bash
+codemeld ./my-site ./my-app
+```
+
+Each HTML file becomes a React component, and React Router is configured automatically:
+
+- `index.html` → `/`
+- `about.html` → `/about`
+- `contact.html` → `/contact`
+
+### Enable all extras
+
+```bash
+codemeld ./site ./app --all-extras --verify
+```
+
+Generates tests, deployment configs, SEO files, accessibility enhancements, performance optimizations, form handling, and TypeScript types.
+
+## What Gets Converted
+
+### HTML to React Components
+
+| HTML | React/JSX |
+|------|-----------|
+| `class="foo"` | `className="foo"` |
+| `for="input"` | `htmlFor="input"` |
+| `tabindex="0"` | `tabIndex="0"` |
+| `readonly` | `readOnly` |
+| `<img src="x">` | `<img src="x" />` |
+| `<br>` | `<br />` |
+| `style="color: red; font-size: 14px"` | `style={{color: 'red', fontSize: '14px'}}` |
+| `onclick="fn()"` | `onClick={() => { fn() }}` |
+| `onsubmit="handleSubmit(event)"` | `onSubmit={(e) => { handleSubmit(e) }}` |
+| `<!-- comment -->` | `{/* comment */}` |
+| `checked` (boolean) | `defaultChecked` |
+| `<option selected>` | `<select defaultValue="...">` |
+| Text with `{ braces }` | Text with `&#123; braces &#125;` |
+
+### JavaScript to React Patterns
+
+| Vanilla JS | React |
+|-----------|-------|
+| `let count = 0; count = 1;` | `const [count, setCount] = useState(0)` |
+| `DOMContentLoaded` handler | `useEffect(() => {...}, [])` |
+| `addEventListener('click', ...)` | `onClick={handler}` |
+| `element.classList.toggle('active')` | `const [isActive, setIsActive] = useState(false)` |
+| `element.style.display = 'none'` | State-driven conditional rendering |
+| `element.textContent = 'Hello'` | State-driven text content |
+| `document.getElementById('x').value` | `new FormData(e.currentTarget).get('x')` |
+| `this.reset()` | `(e.target as HTMLFormElement).reset()` |
+| `setInterval(fn, 1000)` | `useInterval(fn, 1000)` custom hook |
+| `setTimeout(fn, 500)` | `useTimeout(fn, 500)` custom hook |
+| `fetch('/api/data')` | `useFetch('/api/data')` custom hook |
+| `localStorage.getItem('key')` | `useLocalStorage('key', default)` custom hook |
+
+### SVG Attributes
+
+All hyphenated SVG attributes are converted to their camelCase JSX equivalents:
+
+`stroke-width` → `strokeWidth`, `fill-opacity` → `fillOpacity`, `clip-path` → `clipPath`, etc.
+
+### Event Handler Types
+
+Generated handlers include proper TypeScript event types:
+
+| Event | Type |
+|-------|------|
+| `onSubmit` | `React.FormEvent<HTMLFormElement>` |
+| `onChange` | `React.ChangeEvent<HTMLInputElement>` |
+| `onClick` | `React.MouseEvent<HTMLElement>` |
+| `onKeyDown` | `React.KeyboardEvent<HTMLElement>` |
+| `onFocus` | `React.FocusEvent<HTMLElement>` |
+| `onBlur` | `React.FocusEvent<HTMLElement>` |
+| `onInput` | `React.FormEvent<HTMLInputElement>` |
+
+## Output Project Structure
+
+### Single-page site
+
+```
+output/
+├── index.html
+├── package.json
+├── tsconfig.json
+├── tsconfig.node.json
+├── vite.config.ts
+├── .gitignore
+├── public/
+│   └── (fonts, other assets)
+└── src/
+    ├── main.tsx
+    ├── App.tsx
+    ├── vite-env.d.ts
+    ├── assets/
+    │   └── (images)
+    ├── components/
+    │   ├── index.tsx          # Main page component
+    │   ├── index.css          # Page styles
+    │   ├── nav.tsx            # Extracted <nav> component
+    │   ├── footer.tsx         # Extracted <footer> component
+    │   ├── hero-section.tsx   # Extracted <section> components
+    │   └── ...
+    ├── hooks/
+    │   ├── useInterval.ts     # Generated if setInterval detected
+    │   ├── useTimeout.ts      # Generated if setTimeout detected
+    │   ├── useFetch.ts        # Generated if fetch() detected
+    │   └── useLocalStorage.ts # Generated if localStorage detected
+    └── styles/
+        └── global.css
+```
+
+### Multi-page site
+
+```
+output/
+└── src/
+    ├── main.tsx
+    ├── App.tsx               # React Router setup
+    └── components/
+        ├── index.tsx         # Home page (/)
+        ├── index.css
+        ├── about.tsx         # About page (/about)
+        ├── about.css
+        ├── contact.tsx       # Contact page (/contact)
+        └── contact.css
+```
+
+## Programmatic API
+
+```typescript
+import { convert } from 'codemeld';
+
+const result = await convert({
+  input: './my-html-site',
+  output: './my-react-app',
+  cssModules: false,
+  verify: true,
+  extractComponents: true,
+  prettier: true,
+  tailwind: 'auto',
+  framework: 'react',
+});
+
+console.log(result.components);   // ['Index', 'Nav', 'Footer', 'HeroSection']
+console.log(result.buildSuccess); // true
+console.log(result.errors);      // []
+console.log(result.warnings);    // ['Some CSS property not supported...']
+```
+
+### Options
+
+```typescript
+interface ConversionOptions {
+  input: string;           // Source directory path
+  output: string;          // Output directory path
+  componentName?: string;  // Custom component name
+  cssModules?: boolean;    // Use CSS Modules (default: false)
+  preserveStructure?: boolean; // Keep original file structure (default: false)
+  verify?: boolean;        // Run build verification (default: false)
+  extractComponents?: boolean; // Smart component extraction (default: true)
+  prettier?: boolean;      // Format with Prettier (default: true)
+  tailwind?: 'auto' | 'force' | 'disable'; // Tailwind handling (default: 'auto')
+  framework?: 'react' | 'nextjs' | 'vue' | 'svelte' | 'angular'; // Target framework
+}
+```
+
+### Result
+
+```typescript
+interface ConversionResult {
+  outputDir: string;       // Path to generated project
+  components: string[];    // List of generated component names
+  assets: string[];        // List of copied asset files
+  buildSuccess: boolean;   // Whether build verification passed
+  errors: string[];        // Any errors encountered
+  warnings: string[];      // Non-fatal warnings
+}
+```
+
+## Testing
+
+```bash
+# Run unit tests
+npm test
+
+# Run visual comparison tests (requires Playwright)
+npx playwright install chromium
+npm run test:visual
+```
+
+## Development
+
+```bash
+git clone https://github.com/hansade2005/html-to-vite-react.git
+cd html-to-vite-react
+npm install
+npm run build
+npm run dev  # watch mode
+```
+
+## Architecture
+
+```
+src/
+├── cli.ts                         # CLI entry point (Commander)
+├── converter.ts                   # Main conversion pipeline orchestrator
+├── deconverter.ts                 # Reverse conversion pipeline
+├── index.ts                       # Public API exports
+├── types.ts                       # TypeScript interfaces
+├── parsers/
+│   ├── html-parser.ts             # HTML parsing & JSX conversion (Cheerio)
+│   ├── css-processor.ts           # CSS processing & modules (css-tree)
+│   ├── js-analyzer.ts             # JavaScript analysis & React conversion
+│   ├── js-resolver.ts             # JS file resolution & bundling
+│   ├── framework-parser.ts        # Reverse: parse React/Vue/Svelte/Angular back to data
+│   └── tailwind-detector.ts       # Tailwind CSS detection & config
+├── generators/
+│   ├── component-generator.ts     # React component code generation
+│   ├── component-extractor.ts     # Smart component extraction by section
+│   ├── scaffolder.ts              # Vite project scaffolding
+│   ├── router-generator.ts        # React Router setup for multi-page
+│   ├── hooks-generator.ts         # Custom React hooks generation
+│   ├── html-generator.ts          # Reverse: generate static HTML/CSS/JS
+│   ├── asset-handler.ts           # Asset discovery & copying
+│   ├── seo-generator.ts           # SEO file generation
+│   ├── error-boundary.ts          # Error boundary component
+│   └── build-verifier.ts          # Build verification runner
+├── ai/
+│   ├── agent.ts                   # AI API client (native fetch, retry)
+│   ├── refinement-loop.ts         # AI-powered build fix & enhancement loop
+│   ├── visual-compare.ts          # Playwright screenshot comparison
+│   ├── prompts.ts                 # AI system prompts
+│   └── index.ts                   # AI module exports
+├── tui/
+│   ├── chat.ts                    # Interactive AI chat TUI
+│   ├── input.ts                   # Terminal input handling & clipboard
+│   ├── renderer.ts                # Terminal UI rendering
+│   ├── design-guide.ts            # Design guide generator
+│   └── tools.ts                   # Chat tool definitions
+└── utils/
+    ├── naming.ts                  # Name conversion utilities (kebab, pascal)
+    ├── config.ts                  # Configuration file loader
+    ├── formatter.ts               # Prettier formatting
+    ├── report.ts                  # Conversion report generator
+    └── logger.ts                  # Colored console output
+```
+
+## Requirements
+
+- Node.js >= 18.0.0
+- For `--visual-compare`: Playwright (`npx playwright install chromium`)
+- For `--ai`: API key configured for AI refinement
+
+## License
+
+MIT

package/bin/cli.js

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+import '../dist/cli.js';

package/dist/ai/agent.d.ts

@@ -0,0 +1,124 @@
+/**
+ * AI Agent Client — OpenAI-compatible chat completions wrapper
+ * Uses the3rdacademy.com/api/chat/completions (no API key required)
+ * Uses native Node.js fetch — no curl dependency, no timeouts from external processes.
+ */
+export interface ChatMessage {
+    role: 'system' | 'user' | 'assistant' | 'tool';
+    content: string | null;
+    tool_calls?: ToolCall[];
+    tool_call_id?: string;
+    name?: string;
+}
+export interface ToolCall {
+    id: string;
+    type: 'function';
+    function: {
+        name: string;
+        arguments: string;
+    };
+}
+export interface ToolDefinition {
+    type: 'function';
+    function: {
+        name: string;
+        description: string;
+        parameters: Record<string, unknown>;
+    };
+}
+export interface ChatCompletionRequest {
+    messages: ChatMessage[];
+    model?: string;
+    max_tokens?: number;
+    temperature?: number;
+    stream?: boolean;
+    tools?: ToolDefinition[];
+    tool_choice?: unknown;
+    multistep?: boolean;
+    max_steps?: number;
+    direct_kilo?: boolean;
+}
+export interface ChatCompletionChoice {
+    index: number;
+    message: ChatMessage;
+    finish_reason: 'stop' | 'tool_calls';
+}
+export interface ChatCompletionResponse {
+    id: string;
+    object: string;
+    created: number;
+    model: string;
+    choices: ChatCompletionChoice[];
+    usage: {
+        prompt_tokens: number;
+        completion_tokens: number;
+        total_tokens: number;
+    };
+    _meta?: {
+        internal_tool_calls: number;
+        tools_used: string[];
+    };
+}
+export interface StreamDelta {
+    content?: string;
+    tool_calls?: Array<{
+        index: number;
+        id?: string;
+        type?: string;
+        function?: {
+            name?: string;
+            arguments?: string;
+        };
+    }>;
+    custom_status?: {
+        type: 'tool_start' | 'tool_done';
+        name: string;
+        arguments?: Record<string, unknown>;
+    };
+}
+export interface StreamChunk {
+    id: string;
+    object: string;
+    created: number;
+    model: string;
+    choices: Array<{
+        index: number;
+        delta: StreamDelta;
+        finish_reason: string | null;
+    }>;
+}
+export type StreamCallback = (event: {
+    type: 'token' | 'tool_start' | 'tool_done' | 'tool_calls' | 'done' | 'error';
+    content?: string;
+    toolName?: string;
+    toolCalls?: ToolCall[];
+    error?: string;
+}) => void;
+/**
+ * Truncate a tool result to prevent bloating the conversation payload.
+ */
+export declare function truncateToolResult(result: string, maxLen?: number): string;
+/**
+ * Send a non-streaming chat completion request.
+ * Retries up to 3 times on server-side gateway errors with exponential backoff.
+ */
+export declare function chatCompletion(request: ChatCompletionRequest): Promise<ChatCompletionResponse>;
+/**
+ * Send a streaming chat completion request.
+ * Returns accumulated content and any tool calls.
+ */
+export declare function chatCompletionStream(request: ChatCompletionRequest, onEvent?: StreamCallback): Promise<{
+    content: string;
+    toolCalls: ToolCall[];
+    finishReason: string;
+}>;
+/**
+ * Run a full agent loop: send messages, execute tool calls, repeat until done.
+ */
+export declare function agentLoop(systemPrompt: string, userMessage: string, tools: ToolDefinition[], toolExecutor: (name: string, args: Record<string, unknown>) => Promise<string>, options?: {
+    maxSteps?: number;
+    temperature?: number;
+    onEvent?: StreamCallback;
+    onStep?: (step: number, maxSteps: number, action: string) => void;
+}): Promise<string>;
+//# sourceMappingURL=agent.d.ts.map

package/dist/ai/agent.d.ts.map

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