Skip to content

feat: Build This App — generate missing files and push to GitHub/GitLab#40

Draft
DealPatrol wants to merge 1 commit into
mainfrom
claude/build-app-feature
Draft

feat: Build This App — generate missing files and push to GitHub/GitLab#40
DealPatrol wants to merge 1 commit into
mainfrom
claude/build-app-feature

Conversation

@DealPatrol
Copy link
Copy Markdown
Owner

@DealPatrol DealPatrol commented May 15, 2026

Summary

  • "Build This App" button added to every blueprint card on the analysis detail page — replaces the action area with a prominent primary button alongside the existing scaffold download
  • BuildAppModal — a 3-step dialog that walks the user through building their app:
    1. Config: choose GitHub or GitLab, enter a repo name (auto-filled from blueprint name), preview the files that will be generated
    2. Building: live SSE progress tracker — Generating → Creating repo → Pushing files (with per-file progress bar)
    3. Done: success state with a direct link to the created repository
  • POST /api/build-app — streaming SSE endpoint that:
    • Calls Claude (single request) to generate full working implementations of every missing file + README.md, package.json, .env.example, .gitignore
    • Creates the repo via GitHub API (POST /user/repos) or GitLab API (POST /projects)
    • Pushes each file sequentially, streaming progress events back to the client
    • Returns the repo URL on completion

Test plan

  • "Build This App" button appears on each blueprint card in a completed analysis
  • Modal opens with repo name pre-filled (sanitized from blueprint name)
  • Platform toggle switches between GitHub and GitLab
  • "Build & Deploy" initiates the SSE stream and steps advance in real time
  • Progress bar on the "Pushing files" step updates per file
  • On success, "Open Repository" link opens the correct repo
  • Error state shown if repo name conflicts or auth fails
  • Modal cannot be closed mid-build (prevents accidental dismissal)
  • Works for blueprints with 0 missing files (still generates README etc.)

https://claude.ai/code/session_01RVz4UuHaHpRa8mBWTesduM


Generated by Claude Code

Adds a full end-to-end flow for building a discovered app blueprint directly
from the analysis detail page:

- New "Build This App" button on every blueprint card in AnalysisDetail
- BuildAppModal (components/build-app-modal.tsx): 3-step dialog (config →
  building with live SSE progress → done with repo link). Users choose
  GitHub or GitLab, set a repo name, then watch Claude generate all missing
  files and see them pushed file-by-file with a progress bar.
- POST /api/build-app (SSE streaming): calls Claude to generate full
  working implementations of every missing file + README, package.json,
  .env.example, .gitignore in one shot; creates the repo via GitHub or
  GitLab API; pushes all files and streams step events back to the client.

https://claude.ai/code/session_01RVz4UuHaHpRa8mBWTesduM
@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 15, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
repo-app-architect Error Error May 15, 2026 4:27pm
repofuse Ready Ready Preview, Comment, Open in v0 May 15, 2026 4:27pm
v0-repo-app-architect Ready Ready Preview, Comment, Open in v0 May 15, 2026 4:27pm

Request Review

@supabase
Copy link
Copy Markdown

supabase Bot commented May 15, 2026

This pull request has been ignored for the connected project bpjftwoiosftvjvxpovz because there are no changes detected in supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.


Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants