Create app.py

app.py

@@ -0,0 +1,246 @@
+import json
+import gradio as gr
+
+TITLE = "AppDraft"
+
+
+def slugify(value: str) -> str:
+    value = (value or "my-app").strip().lower()
+    out = []
+    for ch in value:
+        if ch.isalnum():
+            out.append(ch)
+        elif ch in {" ", "_", ".", "/", "-"}:
+            out.append("-")
+    slug = "".join(out)
+    while "--" in slug:
+        slug = slug.replace("--", "-")
+    return slug.strip("-") or "my-app"
+
+
+def build_pack(app_idea, stack, platform, style, auth, database, extras):
+    app_name = (app_idea or "My App").strip().split("\n")[0][:60] or "My App"
+    slug = slugify(app_name)
+    extras = extras or []
+
+    feature_pool = [
+        "Authentication and user onboarding" if auth != "No auth" else "Guest-friendly onboarding and local session flow",
+        "Dashboard or home view with quick actions",
+        "Create, edit, delete core records",
+        "Search, filter, and sort data",
+        "Responsive mobile-friendly UI",
+        "Error, loading, and empty states",
+        "Analytics or activity history",
+    ]
+    if "Payments" in extras:
+        feature_pool.append("Subscriptions, billing, and checkout flow")
+    if "Notifications" in extras:
+        feature_pool.append("Email or in-app notification system")
+    if "Admin panel" in extras:
+        feature_pool.append("Role-based admin panel and moderation tools")
+    if "AI features" in extras:
+        feature_pool.append("AI-powered generation, summarization, or recommendation flow")
+    if "File uploads" in extras:
+        feature_pool.append("Secure file upload and storage pipeline")
+    if "Realtime" in extras:
+        feature_pool.append("Realtime collaboration or live activity updates")
+
+    pages = [
+        "Landing / marketing page",
+        "Sign in / sign up" if auth != "No auth" else "Welcome / guest entry",
+        "Main dashboard",
+        "List view",
+        "Detail view",
+        "Create / edit form",
+        "Settings page",
+    ]
+    if "Admin panel" in extras:
+        pages.append("Admin dashboard")
+    if "Payments" in extras:
+        pages.append("Billing page")
+
+    components = [
+        "Navbar / app shell",
+        "Sidebar or tab navigation",
+        "Hero / empty state block",
+        "Cards and data tables",
+        "Modal / drawer for quick actions",
+        "Toast / alert system",
+        "Form inputs with validation",
+    ]
+
+    tables = [
+        {"table": "users", "fields": ["id", "email", "password_hash", "role", "created_at"] if auth != "No auth" else ["id", "device_id", "display_name", "created_at"]},
+        {"table": "projects", "fields": ["id", "owner_id", "title", "description", "status", "created_at", "updated_at"]},
+        {"table": "items", "fields": ["id", "project_id", "title", "content", "type", "created_at", "updated_at"]},
+        {"table": "activity_logs", "fields": ["id", "user_id", "action", "entity_type", "entity_id", "created_at"]},
+    ]
+    if "Payments" in extras:
+        tables.append({"table": "subscriptions", "fields": ["id", "user_id", "plan", "status", "provider_customer_id", "renewal_date"]})
+    if "Notifications" in extras:
+        tables.append({"table": "notifications", "fields": ["id", "user_id", "type", "title", "body", "read_at", "created_at"]})
+    if "File uploads" in extras:
+        tables.append({"table": "files", "fields": ["id", "owner_id", "project_id", "filename", "mime_type", "storage_url", "created_at"]})
+
+    endpoints = [
+        "POST /api/auth/register" if auth != "No auth" else "POST /api/session/start",
+        "POST /api/auth/login" if auth != "No auth" else "GET /api/session",
+        "GET /api/projects",
+        "POST /api/projects",
+        "GET /api/projects/:id",
+        "PUT /api/projects/:id",
+        "DELETE /api/projects/:id",
+        "GET /api/items?projectId=:id",
+        "POST /api/items",
+    ]
+    if "Payments" in extras:
+        endpoints += ["POST /api/billing/create-checkout-session", "GET /api/billing/subscription"]
+    if "Notifications" in extras:
+        endpoints += ["GET /api/notifications", "POST /api/notifications/mark-read"]
+    if "File uploads" in extras:
+        endpoints += ["POST /api/files/upload", "DELETE /api/files/:id"]
+
+    folder_tree = f"""
+{slug}/
+├── app/
+│   ├── components/
+│   ├── pages/
+│   ├── hooks/
+│   ├── services/
+│   ├── lib/
+│   └── styles/
+├── server/
+│   ├── routes/
+│   ├── controllers/
+│   ├── middleware/
+│   └── models/
+├── database/
+│   ├── schema.sql
+│   └── seed.sql
+├── public/
+├── tests/
+├── .env.example
+├── README.md
+└── package.json
+""".strip()
+
+    starter_code = f'''# {app_name}
+
+## Suggested stack
+- Frontend: {stack}
+- Platform: {platform}
+- UI style: {style}
+- Auth: {auth}
+- Database: {database}
+
+## Core app shell
+```tsx
+export default function AppShell() {{
+  return (
+    <main>
+      <h1>{app_name}</h1>
+      <p>Build the main workflow here.</p>
+    </main>
+  );
+}}
+```
+
+## Example API contract
+```ts
+export async function getProjects() {{
+  const res = await fetch('/api/projects');
+  if (!res.ok) throw new Error('Failed to load projects');
+  return res.json();
+}}
+```
+
+## SQL starter
+```sql
+CREATE TABLE projects (
+  id UUID PRIMARY KEY,
+  owner_id UUID NOT NULL,
+  title TEXT NOT NULL,
+  description TEXT,
+  status TEXT DEFAULT 'draft',
+  created_at TIMESTAMP DEFAULT NOW(),
+  updated_at TIMESTAMP DEFAULT NOW()
+);
+```
+'''
+
+    prd = f"""
+# Product Brief
+
+## App Name
+{app_name}
+
+## One-line idea
+{app_idea}
+
+## Target platform
+{platform}
+
+## Tech stack
+{stack}
+
+## Experience goal
+Create a {style.lower()} product that feels fast, clear, and easy to expand in an IDE.
+
+## Must-have features
+""" + "\n".join(f"- {item}" for item in feature_pool[:8])
+
+    ui_plan = "# UI Plan\n\n## Pages\n" + "\n".join(f"- {p}" for p in pages) + "\n\n## Components\n" + "\n".join(f"- {c}" for c in components)
+
+    db_plan = "# Database Plan\n\n" + "\n\n".join(
+        f"## {t['table']}\n" + "\n".join(f"- {field}" for field in t["fields"]) for t in tables
+    )
+
+    api_plan = "# API Routes\n\n" + "\n".join(f"- {route}" for route in endpoints)
+
+    system_prompt = f"""
+You are a senior product engineer and UX architect.
+Generate implementation-ready output for this app idea: {app_idea}
+Stack: {stack}
+Platform: {platform}
+Style: {style}
+Auth: {auth}
+Database: {database}
+Extras: {', '.join(extras) if extras else 'None'}
+Return:
+1. Product requirements
+2. User stories
+3. Information architecture
+4. Components
+5. Database schema
+6. API routes
+7. Folder structure
+8. Starter code
+Keep output concise, structured, and copy-paste ready.
+""".strip()
+
+    json_export = json.dumps({
+        "name": app_name,
+        "slug": slug,
+        "stack": stack,
+        "platform": platform,
+        "style": style,
+        "auth": auth,
+        "database": database,
+        "extras": extras,
+        "features": feature_pool,
+        "pages": pages,
+        "components": components,
+        "tables": tables,
+        "endpoints": endpoints,
+        "folder_tree": folder_tree,
+    }, indent=2)
+
+    return prd, ui_plan, db_plan, api_plan, folder_tree, starter_code, system_prompt, json_export
+
+
+css = """
+:root {
+  --bg: #0b1020;
+  --panel: #121937;
+  --panel-2: #1a234a;
+  --line: #2a3569;