Delete app

app/(public)/layout.tsx

@@ -1,15 +0,0 @@
-import Navigation from "@/components/public/navigation";
-
-export default async function PublicLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  return (
-    <div className="min-h-screen bg-black z-1 relative">
-      <div className="background__noisy" />
-      <Navigation />
-      {children}
-    </div>
-  );
-}

app/(public)/page.tsx

@@ -1,44 +0,0 @@
-import { AskAi } from "@/components/space/ask-ai";
-import { redirect } from "next/navigation";
-export default function Home() {
-  redirect("/projects/new");
-  return (
-    <>
-      <header className="container mx-auto pt-20 px-6 relative flex flex-col items-center justify-center text-center">
-        <div className="rounded-full border border-neutral-100/10 bg-neutral-100/5 text-xs text-neutral-300 px-3 py-1 max-w-max mx-auto mb-2">
-          ✨ DeepSite Public Beta
-        </div>
-        <h1 className="text-8xl font-semibold text-white font-mono max-w-4xl">
-          Code your website with AI in seconds
-        </h1>
-        <p className="text-2xl text-neutral-300/80 mt-4 text-center max-w-2xl">
-          Vibe Coding has never been so easy.
-        </p>
-        <div className="mt-14 max-w-2xl w-full mx-auto">
-          <AskAi />
-        </div>
-        <div className="absolute inset-0 pointer-events-none -z-[1]">
-          <div className="w-full h-full bg-gradient-to-r from-purple-500 to-pink-500 opacity-10 blur-3xl rounded-full" />
-          <div className="w-2/3 h-3/4 bg-gradient-to-r from-blue-500 to-teal-500 opacity-24 blur-3xl absolute -top-20 right-10 transform rotate-12" />
-          <div className="w-1/2 h-1/2 bg-gradient-to-r from-amber-500 to-rose-500 opacity-20 blur-3xl absolute bottom-0 left-10 rounded-3xl" />
-          <div className="w-48 h-48 bg-gradient-to-r from-cyan-500 to-indigo-500 opacity-20 blur-3xl absolute top-1/3 right-1/3 rounded-lg transform -rotate-15" />
-        </div>
-      </header>
-      <div id="community" className="h-screen flex items-center justify-center">
-        <h1 className="text-7xl font-extrabold text-white font-mono">
-          Community Driven
-        </h1>
-      </div>
-      <div id="deploy" className="h-screen flex items-center justify-center">
-        <h1 className="text-7xl font-extrabold text-white font-mono">
-          Deploy your website in seconds
-        </h1>
-      </div>
-      <div id="features" className="h-screen flex items-center justify-center">
-        <h1 className="text-7xl font-extrabold text-white font-mono">
-          Features that make you smile
-        </h1>
-      </div>
-    </>
-  );
-}

app/(public)/projects/page.tsx

@@ -1,13 +0,0 @@
-import { redirect } from "next/navigation";
-
-import { MyProjects } from "@/components/my-projects";
-import { getProjects } from "@/app/actions/projects";
-
-export default async function ProjectsPage() {
-  const { ok, projects } = await getProjects();
-  if (!ok) {
-    redirect("/");
-  }
-
-  return <MyProjects projects={projects} />;
-}

app/actions/auth.ts

@@ -1,18 +0,0 @@
-"use server";
-
-import { headers } from "next/headers";
-
-export async function getAuth() {
-  const authList = await headers();
-  const host = authList.get("host") ?? "localhost:3000";
-  const url = host.includes("/spaces/enzostvs")
-    ? "enzostvs-deepsite.hf.space"
-    : host;
-  const redirect_uri =
-    `${host.includes("localhost") ? "http://" : "https://"}` +
-    url +
-    "/auth/callback";
-
-  const loginRedirectUrl = `https://huggingface.co/oauth/authorize?client_id=${process.env.OAUTH_CLIENT_ID}&redirect_uri=${redirect_uri}&response_type=code&scope=openid%20profile%20write-repos%20manage-repos%20inference-api&prompt=consent&state=1234567890`;
-  return loginRedirectUrl;
-}

app/actions/projects.ts

@@ -1,63 +0,0 @@
-"use server";
-
-import { isAuthenticated } from "@/lib/auth";
-import { NextResponse } from "next/server";
-import dbConnect from "@/lib/mongodb";
-import Project from "@/models/Project";
-import { Project as ProjectType } from "@/types";
-
-export async function getProjects(): Promise<{
-  ok: boolean;
-  projects: ProjectType[];
-}> {
-  const user = await isAuthenticated();
-
-  if (user instanceof NextResponse || !user) {
-    return {
-      ok: false,
-      projects: [],
-    };
-  }
-
-  await dbConnect();
-  const projects = await Project.find({
-    user_id: user?.id,
-  })
-    .sort({ _createdAt: -1 })
-    .limit(100)
-    .lean();
-  if (!projects) {
-    return {
-      ok: false,
-      projects: [],
-    };
-  }
-  return {
-    ok: true,
-    projects: JSON.parse(JSON.stringify(projects)) as ProjectType[],
-  };
-}
-
-export async function getProject(
-  namespace: string,
-  repoId: string
-): Promise<ProjectType | null> {
-  const user = await isAuthenticated();
-
-  if (user instanceof NextResponse || !user) {
-    return null;
-  }
-
-  await dbConnect();
-  const project = await Project.findOne({
-    user_id: user.id,
-    namespace,
-    repoId,
-  }).lean();
-
-  if (!project) {
-    return null;
-  }
-
-  return JSON.parse(JSON.stringify(project)) as ProjectType;
-}

app/api/ask-ai/route.ts

@@ -1,419 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import type { NextRequest } from "next/server";
-import { NextResponse } from "next/server";
-import { headers } from "next/headers";
-import { InferenceClient } from "@huggingface/inference";
-
-import { MODELS, PROVIDERS } from "@/lib/providers";
-import {
-  DIVIDER,
-  FOLLOW_UP_SYSTEM_PROMPT,
-  INITIAL_SYSTEM_PROMPT,
-  MAX_REQUESTS_PER_IP,
-  REPLACE_END,
-  SEARCH_START,
-} from "@/lib/prompts";
-import MY_TOKEN_KEY from "@/lib/get-cookie-name";
-
-const ipAddresses = new Map();
-
-export async function POST(request: NextRequest) {
-  const authHeaders = await headers();
-  const userToken = request.cookies.get(MY_TOKEN_KEY())?.value;
-
-  const body = await request.json();
-  const { prompt, provider, model, redesignMarkdown, html } = body;
-
-  if (!model || (!prompt && !redesignMarkdown)) {
-    return NextResponse.json(
-      { ok: false, error: "Missing required fields" },
-      { status: 400 }
-    );
-  }
-
-  const selectedModel = MODELS.find(
-    (m) => m.value === model || m.label === model
-  );
-  if (!selectedModel) {
-    return NextResponse.json(
-      { ok: false, error: "Invalid model selected" },
-      { status: 400 }
-    );
-  }
-
-  if (!selectedModel.providers.includes(provider) && provider !== "auto") {
-    return NextResponse.json(
-      {
-        ok: false,
-        error: `The selected model does not support the ${provider} provider.`,
-        openSelectProvider: true,
-      },
-      { status: 400 }
-    );
-  }
-
-  let token = userToken;
-  let billTo: string | null = null;
-
-  /**
-   * Handle local usage token, this bypass the need for a user token
-   * and allows local testing without authentication.
-   * This is useful for development and testing purposes.
-   */
-  if (process.env.HF_TOKEN && process.env.HF_TOKEN.length > 0) {
-    token = process.env.HF_TOKEN;
-  }
-
-  const ip = authHeaders.get("x-forwarded-for")?.includes(",")
-    ? authHeaders.get("x-forwarded-for")?.split(",")[1].trim()
-    : authHeaders.get("x-forwarded-for");
-
-  if (!token) {
-    ipAddresses.set(ip, (ipAddresses.get(ip) || 0) + 1);
-    if (ipAddresses.get(ip) > MAX_REQUESTS_PER_IP) {
-      return NextResponse.json(
-        {
-          ok: false,
-          openLogin: true,
-          message: "Log In to continue using the service",
-        },
-        { status: 429 }
-      );
-    }
-
-    token = process.env.DEFAULT_HF_TOKEN as string;
-    billTo = "huggingface";
-  }
-
-  const DEFAULT_PROVIDER = PROVIDERS.novita;
-  const selectedProvider =
-    provider === "auto"
-      ? PROVIDERS[selectedModel.autoProvider as keyof typeof PROVIDERS]
-      : PROVIDERS[provider as keyof typeof PROVIDERS] ?? DEFAULT_PROVIDER;
-
-  try {
-    // Create a stream response
-    const encoder = new TextEncoder();
-    const stream = new TransformStream();
-    const writer = stream.writable.getWriter();
-
-    // Start the response
-    const response = new NextResponse(stream.readable, {
-      headers: {
-        "Content-Type": "text/plain; charset=utf-8",
-        "Cache-Control": "no-cache",
-        Connection: "keep-alive",
-      },
-    });
-
-    (async () => {
-      let completeResponse = "";
-      try {
-        const client = new InferenceClient(token);
-        const chatCompletion = client.chatCompletionStream(
-          {
-            model: selectedModel.value,
-            provider: selectedProvider.id as any,
-            messages: [
-              {
-                role: "system",
-                content: INITIAL_SYSTEM_PROMPT,
-              },
-              {
-                role: "user",
-                content: redesignMarkdown
-                  ? `Here is my current design as a markdown:\n\n${redesignMarkdown}\n\nNow, please create a new design based on this markdown.`
-                  : html
-                  ? `Here is my current HTML code:\n\n\`\`\`html\n${html}\n\`\`\`\n\nNow, please create a new design based on this HTML.`
-                  : prompt,
-              },
-            ],
-            max_tokens: selectedProvider.max_tokens,
-          },
-          billTo ? { billTo } : {}
-        );
-
-        while (true) {
-          const { done, value } = await chatCompletion.next();
-          if (done) {
-            break;
-          }
-
-          const chunk = value.choices[0]?.delta?.content;
-          if (chunk) {
-            let newChunk = chunk;
-            if (!selectedModel?.isThinker) {
-              if (provider !== "sambanova") {
-                await writer.write(encoder.encode(chunk));
-                completeResponse += chunk;
-
-                if (completeResponse.includes("</html>")) {
-                  break;
-                }
-              } else {
-                if (chunk.includes("</html>")) {
-                  newChunk = newChunk.replace(/<\/html>[\s\S]*/, "</html>");
-                }
-                completeResponse += newChunk;
-                await writer.write(encoder.encode(newChunk));
-                if (newChunk.includes("</html>")) {
-                  break;
-                }
-              }
-            } else {
-              const lastThinkTagIndex =
-                completeResponse.lastIndexOf("</think>");
-              completeResponse += newChunk;
-              await writer.write(encoder.encode(newChunk));
-              if (lastThinkTagIndex !== -1) {
-                const afterLastThinkTag = completeResponse.slice(
-                  lastThinkTagIndex + "</think>".length
-                );
-                if (afterLastThinkTag.includes("</html>")) {
-                  break;
-                }
-              }
-            }
-          }
-        }
-      } catch (error: any) {
-        if (error.message?.includes("exceeded your monthly included credits")) {
-          await writer.write(
-            encoder.encode(
-              JSON.stringify({
-                ok: false,
-                openProModal: true,
-                message: error.message,
-              })
-            )
-          );
-        } else {
-          await writer.write(
-            encoder.encode(
-              JSON.stringify({
-                ok: false,
-                message:
-                  error.message ||
-                  "An error occurred while processing your request.",
-              })
-            )
-          );
-        }
-      } finally {
-        await writer?.close();
-      }
-    })();
-
-    return response;
-  } catch (error: any) {
-    return NextResponse.json(
-      {
-        ok: false,
-        openSelectProvider: true,
-        message:
-          error?.message || "An error occurred while processing your request.",
-      },
-      { status: 500 }
-    );
-  }
-}
-
-export async function PUT(request: NextRequest) {
-  const authHeaders = await headers();
-  const userToken = request.cookies.get(MY_TOKEN_KEY())?.value;
-
-  const body = await request.json();
-  const { prompt, html, previousPrompt, provider, selectedElementHtml, model } =
-    body;
-
-  if (!prompt || !html) {
-    return NextResponse.json(
-      { ok: false, error: "Missing required fields" },
-      { status: 400 }
-    );
-  }
-
-  const selectedModel = MODELS.find(
-    (m) => m.value === model || m.label === model
-  );
-  if (!selectedModel) {
-    return NextResponse.json(
-      { ok: false, error: "Invalid model selected" },
-      { status: 400 }
-    );
-  }
-
-  let token = userToken;
-  let billTo: string | null = null;
-
-  /**
-   * Handle local usage token, this bypass the need for a user token
-   * and allows local testing without authentication.
-   * This is useful for development and testing purposes.
-   */
-  if (process.env.HF_TOKEN && process.env.HF_TOKEN.length > 0) {
-    token = process.env.HF_TOKEN;
-  }
-
-  const ip = authHeaders.get("x-forwarded-for")?.includes(",")
-    ? authHeaders.get("x-forwarded-for")?.split(",")[1].trim()
-    : authHeaders.get("x-forwarded-for");
-
-  if (!token) {
-    ipAddresses.set(ip, (ipAddresses.get(ip) || 0) + 1);
-    if (ipAddresses.get(ip) > MAX_REQUESTS_PER_IP) {
-      return NextResponse.json(
-        {
-          ok: false,
-          openLogin: true,
-          message: "Log In to continue using the service",
-        },
-        { status: 429 }
-      );
-    }
-
-    token = process.env.DEFAULT_HF_TOKEN as string;
-    billTo = "huggingface";
-  }
-
-  const client = new InferenceClient(token);
-
-  const DEFAULT_PROVIDER = PROVIDERS.novita;
-  const selectedProvider =
-    provider === "auto"
-      ? PROVIDERS[selectedModel.autoProvider as keyof typeof PROVIDERS]
-      : PROVIDERS[provider as keyof typeof PROVIDERS] ?? DEFAULT_PROVIDER;
-
-  try {
-    const response = await client.chatCompletion(
-      {
-        model: selectedModel.value,
-        provider: selectedProvider.id as any,
-        messages: [
-          {
-            role: "system",
-            content: FOLLOW_UP_SYSTEM_PROMPT,
-          },
-          {
-            role: "user",
-            content: previousPrompt
-              ? previousPrompt
-              : "You are modifying the HTML file based on the user's request.",
-          },
-          {
-            role: "assistant",
-
-            content: `The current code is: \n\`\`\`html\n${html}\n\`\`\` ${
-              selectedElementHtml
-                ? `\n\nYou have to update ONLY the following element, NOTHING ELSE: \n\n\`\`\`html\n${selectedElementHtml}\n\`\`\``
-                : ""
-            }`,
-          },
-          {
-            role: "user",
-            content: prompt,
-          },
-        ],
-        ...(selectedProvider.id !== "sambanova"
-          ? {
-              max_tokens: selectedProvider.max_tokens,
-            }
-          : {}),
-      },
-      billTo ? { billTo } : {}
-    );
-
-    const chunk = response.choices[0]?.message?.content;
-    if (!chunk) {
-      return NextResponse.json(
-        { ok: false, message: "No content returned from the model" },
-        { status: 400 }
-      );
-    }
-
-    if (chunk) {
-      const updatedLines: number[][] = [];
-      let newHtml = html;
-      let position = 0;
-      let moreBlocks = true;
-
-      while (moreBlocks) {
-        const searchStartIndex = chunk.indexOf(SEARCH_START, position);
-        if (searchStartIndex === -1) {
-          moreBlocks = false;
-          continue;
-        }
-
-        const dividerIndex = chunk.indexOf(DIVIDER, searchStartIndex);
-        if (dividerIndex === -1) {
-          moreBlocks = false;
-          continue;
-        }
-
-        const replaceEndIndex = chunk.indexOf(REPLACE_END, dividerIndex);
-        if (replaceEndIndex === -1) {
-          moreBlocks = false;
-          continue;
-        }
-
-        const searchBlock = chunk.substring(
-          searchStartIndex + SEARCH_START.length,
-          dividerIndex
-        );
-        const replaceBlock = chunk.substring(
-          dividerIndex + DIVIDER.length,
-          replaceEndIndex
-        );
-
-        if (searchBlock.trim() === "") {
-          newHtml = `${replaceBlock}\n${newHtml}`;
-          updatedLines.push([1, replaceBlock.split("\n").length]);
-        } else {
-          const blockPosition = newHtml.indexOf(searchBlock);
-          if (blockPosition !== -1) {
-            const beforeText = newHtml.substring(0, blockPosition);
-            const startLineNumber = beforeText.split("\n").length;
-            const replaceLines = replaceBlock.split("\n").length;
-            const endLineNumber = startLineNumber + replaceLines - 1;
-
-            updatedLines.push([startLineNumber, endLineNumber]);
-            newHtml = newHtml.replace(searchBlock, replaceBlock);
-          }
-        }
-
-        position = replaceEndIndex + REPLACE_END.length;
-      }
-
-      return NextResponse.json({
-        ok: true,
-        html: newHtml,
-        updatedLines,
-      });
-    } else {
-      return NextResponse.json(
-        { ok: false, message: "No content returned from the model" },
-        { status: 400 }
-      );
-    }
-  } catch (error: any) {
-    if (error.message?.includes("exceeded your monthly included credits")) {
-      return NextResponse.json(
-        {
-          ok: false,
-          openProModal: true,
-          message: error.message,
-        },
-        { status: 402 }
-      );
-    }
-    return NextResponse.json(
-      {
-        ok: false,
-        openSelectProvider: true,
-        message:
-          error.message || "An error occurred while processing your request.",
-      },
-      { status: 500 }
-    );
-  }
-}

app/api/auth/route.ts

@@ -1,86 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-
-export async function POST(req: NextRequest) {
-  const body = await req.json();
-  const { code } = body;
-
-  if (!code) {
-    return NextResponse.json(
-      { error: "Code is required" },
-      {
-        status: 400,
-        headers: {
-          "Content-Type": "application/json",
-        },
-      }
-    );
-  }
-
-  const Authorization = `Basic ${Buffer.from(
-    `${process.env.OAUTH_CLIENT_ID}:${process.env.OAUTH_CLIENT_SECRET}`
-  ).toString("base64")}`;
-
-  const host =
-    req.headers.get("host") ?? req.headers.get("origin") ?? "localhost:3000";
-
-  const url = host.includes("/spaces/enzostvs")
-    ? "enzostvs-deepsite.hf.space"
-    : host;
-  const redirect_uri =
-    `${host.includes("localhost") ? "http://" : "https://"}` +
-    url +
-    "/auth/callback";
-  const request_auth = await fetch("https://huggingface.co/oauth/token", {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/x-www-form-urlencoded",
-      Authorization,
-    },
-    body: new URLSearchParams({
-      grant_type: "authorization_code",
-      code,
-      redirect_uri,
-    }),
-  });
-
-  const response = await request_auth.json();
-  if (!response.access_token) {
-    return NextResponse.json(
-      { error: "Failed to retrieve access token" },
-      {
-        status: 400,
-        headers: {
-          "Content-Type": "application/json",
-        },
-      }
-    );
-  }
-
-  const userResponse = await fetch("https://huggingface.co/api/whoami-v2", {
-    headers: {
-      Authorization: `Bearer ${response.access_token}`,
-    },
-  });
-
-  if (!userResponse.ok) {
-    return NextResponse.json(
-      { user: null, errCode: userResponse.status },
-      { status: userResponse.status }
-    );
-  }
-  const user = await userResponse.json();
-
-  return NextResponse.json(
-    {
-      access_token: response.access_token,
-      expires_in: response.expires_in,
-      user,
-    },
-    {
-      status: 200,
-      headers: {
-        "Content-Type": "application/json",
-      },
-    }
-  );
-}

app/api/me/projects/[namespace]/[repoId]/route.ts

@@ -1,237 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-import { RepoDesignation, spaceInfo, uploadFile } from "@huggingface/hub";
-
-import { isAuthenticated } from "@/lib/auth";
-import Project from "@/models/Project";
-import dbConnect from "@/lib/mongodb";
-import { getPTag } from "@/lib/utils";
-
-export async function GET(
-  req: NextRequest,
-  { params }: { params: Promise<{ namespace: string; repoId: string }> }
-) {
-  const user = await isAuthenticated();
-
-  if (user instanceof NextResponse || !user) {
-    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
-  }
-
-  await dbConnect();
-  const param = await params;
-  const { namespace, repoId } = param;
-
-  const project = await Project.findOne({
-    user_id: user.id,
-    space_id: `${namespace}/${repoId}`,
-  }).lean();
-  if (!project) {
-    return NextResponse.json(
-      {
-        ok: false,
-        error: "Project not found",
-      },
-      { status: 404 }
-    );
-  }
-  const space_url = `https://huggingface.co/spaces/${namespace}/${repoId}/raw/main/index.html`;
-  try {
-    const space = await spaceInfo({
-      name: namespace + "/" + repoId,
-      accessToken: user.token as string,
-      additionalFields: ["author"],
-    });
-
-    if (!space || space.sdk !== "static") {
-      return NextResponse.json(
-        {
-          ok: false,
-          error: "Space is not a static space",
-        },
-        { status: 404 }
-      );
-    }
-    if (space.author !== user.name) {
-      return NextResponse.json(
-        {
-          ok: false,
-          error: "Space does not belong to the authenticated user",
-        },
-        { status: 403 }
-      );
-    }
-
-    const response = await fetch(space_url);
-    if (!response.ok) {
-      return NextResponse.json(
-        {
-          ok: false,
-          error: "Failed to fetch space HTML",
-        },
-        { status: 404 }
-      );
-    }
-    let html = await response.text();
-    // remove the last p tag including this url https://enzostvs-deepsite.hf.space
-    html = html.replace(getPTag(namespace + "/" + repoId), "");
-
-    return NextResponse.json(
-      {
-        project: {
-          ...project,
-          html,
-        },
-        ok: true,
-      },
-      { status: 200 }
-    );
-
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  } catch (error: any) {
-    if (error.statusCode === 404) {
-      await Project.deleteOne({
-        user_id: user.id,
-        space_id: `${namespace}/${repoId}`,
-      });
-      return NextResponse.json(
-        { error: "Space not found", ok: false },
-        { status: 404 }
-      );
-    }
-    return NextResponse.json(
-      { error: error.message, ok: false },
-      { status: 500 }
-    );
-  }
-}
-
-export async function PUT(
-  req: NextRequest,
-  { params }: { params: Promise<{ namespace: string; repoId: string }> }
-) {
-  const user = await isAuthenticated();
-
-  if (user instanceof NextResponse || !user) {
-    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
-  }
-
-  await dbConnect();
-  const param = await params;
-  const { namespace, repoId } = param;
-  const { html, prompts } = await req.json();
-
-  const project = await Project.findOne({
-    user_id: user.id,
-    space_id: `${namespace}/${repoId}`,
-  }).lean();
-  if (!project) {
-    return NextResponse.json(
-      {
-        ok: false,
-        error: "Project not found",
-      },
-      { status: 404 }
-    );
-  }
-
-  const repo: RepoDesignation = {
-    type: "space",
-    name: `${namespace}/${repoId}`,
-  };
-
-  const newHtml = html.replace(/<\/body>/, `${getPTag(repo.name)}</body>`);
-  const file = new File([newHtml], "index.html", { type: "text/html" });
-  await uploadFile({
-    repo,
-    file,
-    accessToken: user.token as string,
-    commitTitle: `${prompts[prompts.length - 1]} - Follow Up Deployment`,
-  });
-
-  await Project.updateOne(
-    { user_id: user.id, space_id: `${namespace}/${repoId}` },
-    {
-      $set: {
-        prompts: [
-          ...(project && "prompts" in project ? project.prompts : []),
-          ...prompts,
-        ],
-      },
-    }
-  );
-  return NextResponse.json({ ok: true }, { status: 200 });
-}
-
-export async function POST(
-  req: NextRequest,
-  { params }: { params: Promise<{ namespace: string; repoId: string }> }
-) {
-  const user = await isAuthenticated();
-
-  if (user instanceof NextResponse || !user) {
-    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
-  }
-
-  await dbConnect();
-  const param = await params;
-  const { namespace, repoId } = param;
-
-  const space = await spaceInfo({
-    name: namespace + "/" + repoId,
-    accessToken: user.token as string,
-    additionalFields: ["author"],
-  });
-
-  if (!space || space.sdk !== "static") {
-    return NextResponse.json(
-      {
-        ok: false,
-        error: "Space is not a static space",
-      },
-      { status: 404 }
-    );
-  }
-  if (space.author !== user.name) {
-    return NextResponse.json(
-      {
-        ok: false,
-        error: "Space does not belong to the authenticated user",
-      },
-      { status: 403 }
-    );
-  }
-
-  const project = await Project.findOne({
-    user_id: user.id,
-    space_id: `${namespace}/${repoId}`,
-  }).lean();
-  if (project) {
-    // redirect to the project page if it already exists
-    return NextResponse.json(
-      {
-        ok: false,
-        error: "Project already exists",
-        redirect: `/projects/${namespace}/${repoId}`,
-      },
-      { status: 400 }
-    );
-  }
-
-  const newProject = new Project({
-    user_id: user.id,
-    space_id: `${namespace}/${repoId}`,
-    prompts: [],
-  });
-
-  await newProject.save();
-  return NextResponse.json(
-    {
-      ok: true,
-      project: {
-        id: newProject._id,
-        space_id: newProject.space_id,
-        prompts: newProject.prompts,
-      },
-    },
-    { status: 201 }
-  );
-}

app/api/me/projects/route.ts

@@ -1,126 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-import { createRepo, RepoDesignation, uploadFiles } from "@huggingface/hub";
-
-import { isAuthenticated } from "@/lib/auth";
-import Project from "@/models/Project";
-import dbConnect from "@/lib/mongodb";
-import { COLORS, getPTag } from "@/lib/utils";
-// import type user
-export async function GET() {
-  const user = await isAuthenticated();
-
-  if (user instanceof NextResponse || !user) {
-    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
-  }
-
-  await dbConnect();
-
-  const projects = await Project.find({
-    user_id: user?.id,
-  })
-    .sort({ _createdAt: -1 })
-    .limit(100)
-    .lean();
-  if (!projects) {
-    return NextResponse.json(
-      {
-        ok: false,
-        projects: [],
-      },
-      { status: 404 }
-    );
-  }
-  return NextResponse.json(
-    {
-      ok: true,
-      projects,
-    },
-    { status: 200 }
-  );
-}
-
-/**
- * This API route creates a new project in Hugging Face Spaces.
- * It requires an Authorization header with a valid token and a JSON body with the project details.
- */
-export async function POST(request: NextRequest) {
-  const user = await isAuthenticated();
-
-  if (user instanceof NextResponse || !user) {
-    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
-  }
-
-  const { title, html, prompts } = await request.json();
-
-  if (!title || !html) {
-    return NextResponse.json(
-      { message: "Title and HTML content are required.", ok: false },
-      { status: 400 }
-    );
-  }
-
-  await dbConnect();
-
-  try {
-    let readme = "";
-    let newHtml = html;
-
-    const newTitle = title
-      .toLowerCase()
-      .replace(/[^a-z0-9]+/g, "-")
-      .split("-")
-      .filter(Boolean)
-      .join("-")
-      .slice(0, 96);
-
-    const repo: RepoDesignation = {
-      type: "space",
-      name: `${user.name}/${newTitle}`,
-    };
-
-    const { repoUrl } = await createRepo({
-      repo,
-      accessToken: user.token as string,
-    });
-    const colorFrom = COLORS[Math.floor(Math.random() * COLORS.length)];
-    const colorTo = COLORS[Math.floor(Math.random() * COLORS.length)];
-    readme = `---
-title: ${newTitle}
-emoji: 🐳
-colorFrom: ${colorFrom}
-colorTo: ${colorTo}
-sdk: static
-pinned: false
-tags:
-  - deepsite
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference`;
-
-    newHtml = html.replace(/<\/body>/, `${getPTag(repo.name)}</body>`);
-    const file = new File([newHtml], "index.html", { type: "text/html" });
-    const readmeFile = new File([readme], "README.md", {
-      type: "text/markdown",
-    });
-    const files = [file, readmeFile];
-    await uploadFiles({
-      repo,
-      files,
-      accessToken: user.token as string,
-      commitTitle: `${prompts[prompts.length - 1]} - Initial Deployment`,
-    });
-    const path = repoUrl.split("/").slice(-2).join("/");
-    const project = await Project.create({
-      user_id: user.id,
-      space_id: path,
-      prompts,
-    });
-    return NextResponse.json({ project, path, ok: true }, { status: 201 });
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  } catch (err: any) {
-    return NextResponse.json(
-      { error: err.message, ok: false },
-      { status: 500 }
-    );
-  }
-}

app/api/me/route.ts

@@ -1,25 +0,0 @@
-import { headers } from "next/headers";
-import { NextResponse } from "next/server";
-
-export async function GET() {
-  const authHeaders = await headers();
-  const token = authHeaders.get("Authorization");
-  if (!token) {
-    return NextResponse.json({ user: null, errCode: 401 }, { status: 401 });
-  }
-
-  const userResponse = await fetch("https://huggingface.co/api/whoami-v2", {
-    headers: {
-      Authorization: `${token}`,
-    },
-  });
-
-  if (!userResponse.ok) {
-    return NextResponse.json(
-      { user: null, errCode: userResponse.status },
-      { status: userResponse.status }
-    );
-  }
-  const user = await userResponse.json();
-  return NextResponse.json({ user, errCode: null }, { status: 200 });
-}

app/api/re-design/route.ts

@@ -1,39 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-
-export async function PUT(request: NextRequest) {
-  const body = await request.json();
-  const { url } = body;
-
-  if (!url) {
-    return NextResponse.json({ error: "URL is required" }, { status: 400 });
-  }
-
-  try {
-    const response = await fetch(
-      `https://r.jina.ai/${encodeURIComponent(url)}`,
-      {
-        method: "POST",
-      }
-    );
-    if (!response.ok) {
-      return NextResponse.json(
-        { error: "Failed to fetch redesign" },
-        { status: 500 }
-      );
-    }
-    const markdown = await response.text();
-    return NextResponse.json(
-      {
-        ok: true,
-        markdown,
-      },
-      { status: 200 }
-    );
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  } catch (error: any) {
-    return NextResponse.json(
-      { error: error.message || "An error occurred" },
-      { status: 500 }
-    );
-  }
-}

app/auth/callback/page.tsx

@@ -1,72 +0,0 @@
-"use client";
-import Link from "next/link";
-import { useUser } from "@/hooks/useUser";
-import { use, useState } from "react";
-import { useMount, useTimeoutFn } from "react-use";
-
-import { Button } from "@/components/ui/button";
-export default function AuthCallback({
-  searchParams,
-}: {
-  searchParams: Promise<{ code: string }>;
-}) {
-  const [showButton, setShowButton] = useState(false);
-  const { code } = use(searchParams);
-  const { loginFromCode } = useUser();
-
-  useMount(async () => {
-    if (code) {
-      await loginFromCode(code);
-    }
-  });
-
-  useTimeoutFn(
-    () => setShowButton(true),
-    7000 // Show button after 5 seconds
-  );
-
-  return (
-    <div className="h-screen flex flex-col justify-center items-center">
-      <div className="!rounded-2xl !p-0 !bg-white !border-neutral-100 min-w-xs text-center overflow-hidden ring-[8px] ring-white/20">
-        <header className="bg-neutral-50 p-6 border-b border-neutral-200/60">
-          <div className="flex items-center justify-center -space-x-4 mb-3">
-            <div className="size-9 rounded-full bg-pink-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
-              🚀
-            </div>
-            <div className="size-11 rounded-full bg-amber-200 shadow-2xl flex items-center justify-center text-2xl z-2">
-              👋
-            </div>
-            <div className="size-9 rounded-full bg-sky-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
-              🙌
-            </div>
-          </div>
-          <p className="text-xl font-semibold text-neutral-950">
-            Login In Progress...
-          </p>
-          <p className="text-sm text-neutral-500 mt-1.5">
-            Wait a moment while we log you in with your code.
-          </p>
-        </header>
-        <main className="space-y-4 p-6">
-          <div>
-            <p className="text-sm text-neutral-700 mb-4 max-w-xs">
-              If you are not redirected automatically in the next 5 seconds,
-              please click the button below
-            </p>
-            {showButton ? (
-              <Link href="/">
-                <Button variant="black" className="relative">
-                  Go to Home
-                </Button>
-              </Link>
-            ) : (
-              <p className="text-xs text-neutral-500">
-                Please wait, we are logging you in...
-              </p>
-            )}
-          </div>
-        </main>
-      </div>
-    </div>
-  );
-}

app/auth/page.tsx

@@ -1,28 +0,0 @@
-import { redirect } from "next/navigation";
-import { Metadata } from "next";
-
-import { getAuth } from "@/app/actions/auth";
-
-export const revalidate = 1;
-
-export const metadata: Metadata = {
-  robots: "noindex, nofollow",
-};
-
-export default async function Auth() {
-  const loginRedirectUrl = await getAuth();
-  if (loginRedirectUrl) {
-    redirect(loginRedirectUrl);
-  }
-
-  return (
-    <div className="p-4">
-      <div className="border bg-red-500/10 border-red-500/20 text-red-500 px-5 py-3 rounded-lg">
-        <h1 className="text-xl font-bold">Error</h1>
-        <p className="text-sm">
-          An error occurred while trying to log in. Please try again later.
-        </p>
-      </div>
-    </div>
-  );
-}

app/layout.tsx

@@ -1,108 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import type { Metadata, Viewport } from "next";
-import { Inter, PT_Sans } from "next/font/google";
-import { cookies } from "next/headers";
-
-import TanstackProvider from "@/components/providers/tanstack-query-provider";
-import "@/assets/globals.css";
-import { Toaster } from "@/components/ui/sonner";
-import MY_TOKEN_KEY from "@/lib/get-cookie-name";
-import { apiServer } from "@/lib/api";
-import AppContext from "@/components/contexts/app-context";
-import Script from "next/script";
-
-const inter = Inter({
-  variable: "--font-inter-sans",
-  subsets: ["latin"],
-});
-
-const ptSans = PT_Sans({
-  variable: "--font-ptSans-mono",
-  subsets: ["latin"],
-  weight: ["400", "700"],
-});
-
-export const metadata: Metadata = {
-  title: "DeepSite | Build with AI ✨",
-  description:
-    "DeepSite is a web development tool that helps you build websites with AI, no code required. Let's deploy your website with DeepSite and enjoy the magic of AI.",
-  openGraph: {
-    title: "DeepSite | Build with AI ✨",
-    description:
-      "DeepSite is a web development tool that helps you build websites with AI, no code required. Let's deploy your website with DeepSite and enjoy the magic of AI.",
-    url: "https://deepsite.hf.co",
-    siteName: "DeepSite",
-    images: [
-      {
-        url: "https://deepsite.hf.co/banner.png",
-        width: 1200,
-        height: 630,
-        alt: "DeepSite Open Graph Image",
-      },
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",
-    title: "DeepSite | Build with AI ✨",
-    description:
-      "DeepSite is a web development tool that helps you build websites with AI, no code required. Let's deploy your website with DeepSite and enjoy the magic of AI.",
-    images: ["https://deepsite.hf.co/banner.png"],
-  },
-  appleWebApp: {
-    capable: true,
-    title: "DeepSite",
-    statusBarStyle: "black-translucent",
-  },
-  icons: {
-    icon: "/logo.svg",
-    shortcut: "/logo.svg",
-    apple: "/logo.svg",
-  },
-};
-
-export const viewport: Viewport = {
-  initialScale: 1,
-  maximumScale: 1,
-  themeColor: "#000000",
-};
-
-async function getMe() {
-  const cookieStore = await cookies();
-  const token = cookieStore.get(MY_TOKEN_KEY())?.value;
-  if (!token) return { user: null, errCode: null };
-  try {
-    const res = await apiServer.get("/me", {
-      headers: {
-        Authorization: `Bearer ${token}`,
-      },
-    });
-    return { user: res.data.user, errCode: null };
-  } catch (err: any) {
-    return { user: null, errCode: err.status };
-  }
-}
-
-export default async function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  const data = await getMe();
-  return (
-    <html lang="en">
-      <Script
-        defer
-        data-domain="deepsite.hf.co"
-        src="https://plausible.io/js/script.js"
-      ></Script>
-      <body
-        className={`${inter.variable} ${ptSans.variable} antialiased bg-black dark h-[100dvh] overflow-hidden`}
-      >
-        <Toaster richColors position="bottom-center" />
-        <TanstackProvider>
-          <AppContext me={data}>{children}</AppContext>
-        </TanstackProvider>
-      </body>
-    </html>
-  );
-}

app/projects/[namespace]/[repoId]/page.tsx

@@ -1,40 +0,0 @@
-import { cookies } from "next/headers";
-import { redirect } from "next/navigation";
-
-import { apiServer } from "@/lib/api";
-import MY_TOKEN_KEY from "@/lib/get-cookie-name";
-import { AppEditor } from "@/components/editor";
-
-async function getProject(namespace: string, repoId: string) {
-  // TODO replace with a server action
-  const cookieStore = await cookies();
-  const token = cookieStore.get(MY_TOKEN_KEY())?.value;
-  if (!token) return {};
-  try {
-    const { data } = await apiServer.get(
-      `/me/projects/${namespace}/${repoId}`,
-      {
-        headers: {
-          Authorization: `Bearer ${token}`,
-        },
-      }
-    );
-
-    return data.project;
-  } catch {
-    return {};
-  }
-}
-
-export default async function ProjectNamespacePage({
-  params,
-}: {
-  params: Promise<{ namespace: string; repoId: string }>;
-}) {
-  const { namespace, repoId } = await params;
-  const project = await getProject(namespace, repoId);
-  if (!project?.html) {
-    redirect("/projects");
-  }
-  return <AppEditor project={project} />;
-}

app/projects/new/page.tsx

@@ -1,5 +0,0 @@
-import { AppEditor } from "@/components/editor";
-
-export default function ProjectsNewPage() {
-  return <AppEditor />;
-}