Reupload OmniDev clean version

app/api/me/projects/route.ts

@@ -13,7 +13,7 @@ export async function POST(
     return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
   }
 
-  const { title: titleFromRequest, pages, prompt } = await req.json();
+  const { title: titleFromRequest, pages, prompt, initialFiles } = await req.json();
 
   const title = titleFromRequest ?? "DeepSite Project";
 
@@ -49,17 +49,26 @@ This project was created with [DeepSite](https://deepsite.hf.co).
   const files: File[] = [];
   const readmeFile = new File([README], "README.md", { type: "text/markdown" });
   files.push(readmeFile);
-  pages.forEach((page: Page) => {
-    const file = new File([page.html], page.path, { type: "text/html" });
-    files.push(file);
-  });
+  if (Array.isArray(pages)) {
+    pages.forEach((page: Page) => {
+      const file = new File([page.html], page.path, { type: "text/html" });
+      files.push(file);
+    });
+  }
+  if (Array.isArray(initialFiles)) {
+    initialFiles.forEach((f: { path: string; content: string; type?: string }) => {
+      const path = (f.path || '').replace(/^\/+/, '');
+      const type = f.type || (path.endsWith('.html') ? 'text/html' : path.endsWith('.json') ? 'application/json' : 'text/plain');
+      files.push(new File([f.content || ''], path, { type }));
+    });
+  }
 
   try {
     const { repoUrl} = await createRepo({
       repo,
       accessToken: user.token as string,
     });
-    const commitTitle = !prompt || prompt.trim() === "" ? "Redesign my website" : prompt;
+    const commitTitle = (!prompt || prompt.trim() === "") ? (Array.isArray(initialFiles) ? "OmniDev: Initialize project" : "Redesign my website") : prompt;
     await uploadFiles({
       repo,
       files,
@@ -104,4 +113,4 @@ This project was created with [DeepSite](https://deepsite.hf.co).
       { status: 500 }
     );
   }
-}
+}

app/new/page.tsx

@@ -1,6 +1,6 @@
-import { AppEditor } from "@/components/editor";
 import { Metadata } from "next";
 import { generateSEO } from "@/lib/seo";
+import ScaffoldNew from "@/components/new/scaffold";
 
 export const metadata: Metadata = generateSEO({
   title: "Create New Project - OmniDev",
@@ -10,5 +10,5 @@ export const metadata: Metadata = generateSEO({
 });
 
 export default function NewProjectPage() {
-  return <AppEditor isNew />;
+  return <ScaffoldNew />;
 }

components/new/scaffold.tsx

@@ -0,0 +1,98 @@
+"use client";
+import { useEffect, useState } from "react";
+import { useUser } from "@/hooks/useUser";
+import { useAi } from "@/hooks/useAi";
+import { useRouter } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { toast } from "sonner";
+
+const DEFAULT_INSTRUCTION = `Initialize a complete full-stack web project with the following structure and runnable code:
+
+Requirements:
+- Frontend under /frontend using React + Vite (JavaScript), TailwindCSS preconfigured.
+- Backend under /backend using Express (JavaScript, ESM), with basic routes (GET /, GET /health) and CORS enabled.
+- Add a minimal README.md at root.
+- Provide package.json in both /frontend and /backend with scripts to start dev/prod.
+- Provide /frontend/index.html and /frontend/src/main.jsx, /frontend/src/App.jsx.
+- Provide /backend/server.js.
+- Use ports 5173 for frontend and 3000 for backend.
+- Keep everything simple and runnable.
+- Return JSON strictly as file updates (no markdown), paths rooted from repo, e.g. /frontend/..., /backend/...`;
+
+export default function ScaffoldNew() {
+  const { user, openLoginWindow } = useUser();
+  const { model, provider } = useAi();
+  const router = useRouter();
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const [logs, setLogs] = useState<string[]>([]);
+
+  async function runScaffold() {
+    if (!user) {
+      await openLoginWindow();
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    setLogs(["Starting scaffold via Augment..."]);
+    try {
+      // 1) Call augment to generate full-stack files
+      const aug = await fetch('/api/augment', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          context: '/ (empty project)',
+          instruction: DEFAULT_INSTRUCTION,
+          language: 'javascript',
+          framework: 'express-react',
+          response_type: 'file_updates',
+          model,
+          provider,
+        }),
+      }).then(r => r.json());
+      if (!aug?.ok || !Array.isArray(aug.files) || aug.files.length === 0) {
+        throw new Error(aug?.message || 'Augment did not return files');
+      }
+      setLogs(prev => [...prev, `Augment produced ${aug.files.length} files`]);
+
+      // 2) Create space with initial files
+      const title = 'OmniDev Full-Stack Project';
+      const created = await fetch('/api/me/projects', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ title, initialFiles: aug.files.map((f: any) => ({ path: f.path, content: f.content })) })
+      }).then(r => r.json());
+      if (!created?.space?.project?.space_id) {
+        throw new Error(created?.error || 'Failed to create project');
+      }
+      setLogs(prev => [...prev, 'Project created, redirecting...']);
+      router.push(`/${created.space.project.space_id}`);
+    } catch (e: any) {
+      setError(e?.message || 'Scaffold failed');
+      toast.error(e?.message || 'Scaffold failed');
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  useEffect(() => {
+    // Auto-run once when visiting /new
+    runScaffold();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <section className="max-w-2xl mx-auto p-6 text-neutral-200">
+      <h1 className="text-2xl font-semibold mb-2">Initializing Full-Stack Project...</h1>
+      <p className="text-sm text-neutral-400 mb-4">OmniDev is generating a complete frontend + backend project. This may take a moment.</p>
+      {error && <p className="text-red-400 text-sm mb-2">{error}</p>}
+      <ul className="text-sm text-neutral-400 space-y-1">
+        {logs.map((l, i) => (<li key={i}>• {l}</li>))}
+      </ul>
+      <div className="mt-4">
+        <Button size="sm" onClick={runScaffold} disabled={loading}>{loading ? 'Working...' : 'Retry'}</Button>
+      </div>
+    </section>
+  );
+}
+