Lovable：用对话快速搭建全栈AI应用

#!/usr/bin/env python3"""Lovable-style AI Application Builder Demo. Simulates a conversational full-stack app builder that parses naturallanguage requirements, generates React components and Supabase schemas,manages multi-turn Vibe Coding sessions, and assesses code quality.""" import jsonfrom typing import List, Dict  class ReactComponentGenerator:    """Generates React component code and Tailwind styles from descriptions."""     def __init__(self):        self.components: List[Dict] = []     def generate_component(self, name: str, description: str) -> Dict:        """Generate a React component from a natural-language description."""        props = self._infer_props(description)        jsx = self._build_jsx(name, description, props)        comp = {            "name": name,            "description": description,            "props": props,            "framework": "React",            "styling": "Tailwind CSS",            "code": jsx,        }        self.components.append(comp)        return comp     def _infer_props(self, description: str) -> List[str]:        """Infer component props from keywords in the description."""        props = []        if "列表" in description or "list" in description.lower():            props.append("items")        if "按钮" in description or "button" in description.lower():            props.append("onClick")        if "输入" in description or "input" in description.lower():            props.append("value")        return props or ["data"]     def _build_jsx(self, name: str, description: str, props: List[str]) -> str:        """Build the JSX source for a component."""        prop_sig = ", ".join(props)        lines = [            "export function " + name + "({ " + prop_sig + " }) {",            "  return (",            "    <div className='p-4'>",            "      {/* " + description + " */}",            "    </div>",            "  );",            "}",        ]        return "\n".join(lines)     def list_components(self) -> List[Dict]:        """Return all generated components."""        return list(self.components)  class SupabaseSchemaGenerator:    """Generates Supabase database tables, auth and API endpoints."""     def __init__(self):        self.tables: List[Dict] = []        self.endpoints: List[Dict] = []     def generate_table(self, name: str, description: str) -> Dict:        """Generate a database table schema from a description."""        columns = self._infer_columns(name, description)        table = {            "name": name,            "description": description,            "columns": columns,            "rls_enabled": True,        }        self.tables.append(table)        self._generate_endpoints(name)        return table     def _infer_columns(self, name: str, description: str) -> List[Dict]:        """Infer table columns from entity name and description."""        cols = [{"name": "id", "type": "uuid", "primary": True}]        if "书" in description or "book" in name.lower():            cols.append({"name": "title", "type": "text"})            cols.append({"name": "author", "type": "text"})        if "投票" in description or "vote" in name.lower():            cols.append({"name": "option", "type": "text"})            cols.append({"name": "count", "type": "integer"})        cols.append({"name": "created_at", "type": "timestamptz"})        return cols     def _generate_endpoints(self, table_name: str) -> None:        """Generate CRUD API endpoints for a table."""        for verb, op in [("GET", "list"), ("POST", "create"), ("PATCH", "update"), ("DELETE", "remove")]:            self.endpoints.append({"table": table_name, "method": verb, "operation": op})     def enable_auth(self) -> Dict:        """Configure Supabase authentication provider."""        return {"provider": "supabase.auth", "methods": ["email", "oauth"], "status": "enabled"}  class AppBuilder:    """Parses natural-language requirements and orchestrates full-stack generation."""     ENTITY_SIGNALS = {"书": "books", "vote": "votes", "投票": "votes", "task": "tasks"}     def __init__(self):        self.react_gen = ReactComponentGenerator()        self.supabase_gen = SupabaseSchemaGenerator()        self.project_files: Dict[str, str] = {}     def parse_requirements(self, prompt: str) -> Dict:        """Parse a natural-language prompt into structured requirements."""        entities = [name for sig, name in self.ENTITY_SIGNALS.items() if sig in prompt]        needs_auth = any(k in prompt for k in ["登录", "认证", "auth", "login"])        return {"entities": entities, "needs_auth": needs_auth, "raw": prompt}     def build(self, prompt: str) -> Dict:        """Generate the full-stack application from a prompt."""        req = self.parse_requirements(prompt)        components = []        tables = []        for entity in req["entities"]:            comp = self.react_gen.generate_component(                entity.capitalize() + "List",                "展示" + entity + "列表并支持交互")            components.append(comp)            self.project_files[comp["name"] + ".jsx"] = comp["code"]            table = self.supabase_gen.generate_table(entity, entity + "数据存储表")            tables.append(table)            self.project_files["schema_" + entity + ".sql"] = json.dumps(table, ensure_ascii=False)        auth = self.supabase_gen.enable_auth() if req["needs_auth"] else None        return {            "requirements": req,            "frontend": {"framework": "React", "components": components},            "backend": {"platform": "Supabase", "tables": tables,                        "endpoints": self.supabase_gen.endpoints, "auth": auth},            "files": dict(self.project_files),        }  class VibeCodingSession:    """Manages multi-turn conversation state and incremental app updates."""     def __init__(self, builder: AppBuilder):        self.builder = builder        self.history: List[Dict] = []        self.state: Dict = {"components": [], "tables": [], "turn": 0}     def chat(self, user_prompt: str) -> Dict:        """Process one conversation turn and apply incremental updates."""        self.state["turn"] += 1        result = self.builder.build(user_prompt)        new_components = result["frontend"]["components"]        self.state["components"].extend([c["name"] for c in new_components])        self.state["tables"].extend([t["name"] for t in result["backend"]["tables"]])        entry = {"turn": self.state["turn"], "prompt": user_prompt,                 "added_components": [c["name"] for c in new_components]}        self.history.append(entry)        return {"turn": self.state["turn"], "result": result, "state": dict(self.state)}  class CodeQualityAssessor:    """Evaluates generated code quality metrics and production readiness."""     def __init__(self):        self.metrics: Dict = {}     def assess(self, files: Dict[str, str]) -> Dict:        """Assess code quality across generated files."""        total_lines = sum(len(f.split("\n")) for f in files.values())        component_count = sum(1 for fn in files if fn.endswith(".jsx"))        sql_count = sum(1 for fn in files if fn.endswith(".sql"))        score = min(100, component_count * 15 + sql_count * 10 + 20)        self.metrics = {            "total_files": len(files),            "total_lines": total_lines,            "react_components": component_count,            "supabase_tables": sql_count,            "quality_score": score,            "production_ready": False,            "gaps": ["缺少测试覆盖", "缺少错误处理加固", "缺少CI集成"],        }        return self.metrics  if __name__ == "__main__":    builder = AppBuilder()    session = VibeCodingSession(builder)     print("=== Lovable-style Vibe Coding Demo: 书单分享应用 ===")    r1 = session.chat("创建一个书单分享应用, 用户可以浏览书籍列表")    print("Turn 1: 创建一个书单分享应用")    print(json.dumps(r1["state"], ensure_ascii=False, indent=2))     r2 = session.chat("增加用户登录认证和书籍投票功能")    print("Turn 2: 增加用户登录认证和书籍投票功能")    print(json.dumps(r2["state"], ensure_ascii=False, indent=2))     assessor = CodeQualityAssessor()    metrics = assessor.assess(r2["result"]["files"])    print("=== 代码质量评估 ===")    print(json.dumps(metrics, ensure_ascii=False, indent=2))