How princeomonu/open-lovable works
Open Lovable is a browser-facing AI app builder: users describe or request edits to a React app, AI generates code, and an E2B sandbox runs the project for preview and iteration. The graph preserves the documented chat-to-app workflow and the repository’s sandbox, package, file-analysis, and Vite-error capabilities. Source excerpts confirm generation’s context-selection and search calls, plus code-application and package-install behavior; UI wiring and several route internals were not sampled, so those links are omitted.
Main entry points: generate-ai-code-stream/route.ts Code Generation · get-sandbox-files/route.ts Fetch Sandbox Files · context-selector.ts File Context · file-search-executor.ts Code Search
Components 23
Builder UI
- Builder Page
app/page.tsx - Sandbox Preview
components/SandboxPreview.tsx - Apply Progress
components/CodeApplicationProgress.tsx
AI Code Workflow
- Edit Intent
app/api/analyze-edit-intent/route.ts - Code Generation
app/api/generate-ai-code-stream/route.ts - File Context
lib/context-selector.ts - Code Search
lib/file-search-executor.ts - Apply Code
app/api/apply-ai-code-stream/route.ts - Apply Code
app/api/apply-ai-code/route.ts - Conversation State
app/api/conversation-state/route.ts
Sandbox Runtime
- Create Sandbox
app/api/create-ai-sandbox/route.ts - Sandbox State
types/sandbox.ts - Install Packages
app/api/install-packages/route.ts - Detect Packages
app/api/detect-and-install-packages/route.ts
Project Inspection
- Fetch Sandbox Files
app/api/get-sandbox-files/route.ts - File Parser
lib/file-parser.ts - File Manifest
types/file-manifest.ts - URL Scraping
app/api/scrape-url-enhanced/route.ts
Runtime Repair
- Monitor Vite Logs
app/api/monitor-vite-logs/route.ts - Restart Vite
app/api/restart-vite/route.ts - Vite Error Check
app/api/check-vite-errors/route.ts
Other components
- Builder
- Firecrawl
Connections 11
- Code Generation → File Context: selects files
- Code Generation → File Context: reads contents
- Code Generation → Code Search: executes plan
- Code Generation → Code Search: formats results
- Apply Code → Install Packages: requests install
- Apply Code → Install Packages: requests install
- Fetch Sandbox Files → File Parser: parses files
- Fetch Sandbox Files → File Parser: builds tree
- Fetch Sandbox Files → File Manifest: updates cache
- Restart Vite → Monitor Vite Logs: records errors
- URL Scraping → Firecrawl: scrapes URL