Add implementation plan for bunbox app builder#3
Closed
demattosanthony wants to merge 6 commits into
Closed
Conversation
Create comprehensive plan for v0-like agent application that allows users to create bunbox apps through natural language chat. The plan covers architecture, database schema, API design, agent integration with Anthropic Agent SDK, and implementation phases.
- Create project structure with app/, lib/, public/ directories - Add package.json with dependencies (bunbox, claude-code SDK, zod) - Set up bunbox.config.ts on port 3001 - Add root layout and comprehensive CSS styles - Implement SQLite database layer with Bun: - Schema for projects, sessions, messages tables - CRUD operations for all entities - Session-project linking
Features: - Chat interface with streaming responses (main landing page) - AI agent with comprehensive bunbox knowledge in system prompt - File system tools for creating/editing bunbox apps - SQLite database for sessions, messages, and projects - Project management pages (list, view, delete) - SSE streaming for real-time agent responses API endpoints: - POST /api/chat - Stream chat with agent - GET/POST /api/sessions - Session management - GET/POST/PUT/DELETE /api/projects - Project CRUD Architecture: - lib/agent/ - Anthropic API integration and bunbox system prompt - lib/db/ - Bun SQLite database layer - app/components/ - React chat interface - app/api/ - Backend API routes
- Rename styles.css to index.css - Add Tailwind CSS 4 with bun-plugin-tailwind - Add shadcn/ui components (Button, Card, ScrollArea) - Create clean Apple-inspired minimalist design - Use Inter font and OKLCH color variables - Add lucide-react icons throughout - Update all pages with consistent header and styling - Add proper dark mode support via CSS variables The design focuses on: - Clean typography with proper tracking - Subtle borders and hover states - Consistent spacing and rounded corners - Smooth animations for feedback
- Update tsconfig.json to match working examples - Remove loader functions that import from bun:sqlite in pages - Move data fetching to client-side via API calls - Add /api/projects/:id/files endpoint for project file listing - Create ProjectDetail client component for project page - ProjectsList now fetches data from /api/projects on mount This fixes the "Browser build cannot import Bun builtin" error by ensuring database code only runs in API routes (server-only).
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Create comprehensive plan for v0-like agent application that allows
users to create bunbox apps through natural language chat. The plan
covers architecture, database schema, API design, agent integration
with Anthropic Agent SDK, and implementation phases.