deepsite-v2

app/(public)/projects/page.tsx

@@ -1,11 +1,31 @@
+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 { MyProjects } from "@/components/my-projects";
-import { getProjects } from "@/app/actions/projects";
 
+async function getMyProjects() {
+  const cookieStore = await cookies();
+  const token = cookieStore.get(MY_TOKEN_KEY())?.value;
+  if (!token) return { redirectUrl: true, projects: [] };
+  try {
+    const { data } = await apiServer.get("/me/projects", {
+      headers: {
+        Authorization: `Bearer ${token}`,
+      },
+    });
+
+    return {
+      projects: data.projects,
+    };
+  } catch {
+    return { projects: [] };
+  }
+}
 export default async function ProjectsPage() {
-  const { ok, projects } = await getProjects();
-  if (!ok) {
+  const { redirectUrl, projects } = await getMyProjects();
+  if (redirectUrl) {
     redirect("/");
   }
 

app/actions/auth.ts

@@ -5,12 +5,9 @@ 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 +
+    host +
     "/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`;

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

@@ -223,8 +223,7 @@ export async function PUT(request: NextRequest) {
   const userToken = request.cookies.get(MY_TOKEN_KEY())?.value;
 
   const body = await request.json();
-  const { prompt, html, previousPrompt, provider, selectedElementHtml, model } =
-    body;
+  const { prompt, html, previousPrompt, provider, selectedElementHtml } = body;
 
   if (!prompt || !html) {
     return NextResponse.json(
@@ -233,15 +232,7 @@ export async function PUT(request: NextRequest) {
     );
   }
 
-  const selectedModel = MODELS.find(
-    (m) => m.value === model || m.label === model
-  );
-  if (!selectedModel) {
-    return NextResponse.json(
-      { ok: false, error: "Invalid model selected" },
-      { status: 400 }
-    );
-  }
+  const selectedModel = MODELS[0];
 
   let token = userToken;
   let billTo: string | null = null;

app/api/auth/route.ts

@@ -22,13 +22,9 @@ export async function POST(req: NextRequest) {
 
   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 +
+    host +
     "/auth/callback";
   const request_auth = await fetch("https://huggingface.co/oauth/token", {
     method: "POST",

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

@@ -205,12 +205,10 @@ export async function POST(
     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 }
     );

app/layout.tsx

@@ -9,7 +9,6 @@ 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",
@@ -90,11 +89,6 @@ export default async function RootLayout({
   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`}
       >

components/editor/ask-ai/index.tsx

@@ -67,10 +67,6 @@ export function AskAI({
   const [controller, setController] = useState<AbortController | null>(null);
   const [isFollowUp, setIsFollowUp] = useState(true);
 
-  const selectedModel = useMemo(() => {
-    return MODELS.find((m: { value: string }) => m.value === model);
-  }, [model]);
-
   const callAi = async (redesignMarkdown?: string) => {
     if (isAiWorking) return;
     if (!redesignMarkdown && !prompt.trim()) return;
@@ -177,14 +173,13 @@ export function AskAI({
                 return;
               }
 
+              console.log("AI response complete", contentResponse);
               toast.success("AI responded successfully");
               setPreviousPrompt(prompt);
               setPrompt("");
               setisAiWorking(false);
               setHasAsked(true);
-              if (selectedModel?.isThinker) {
-                setModel(MODELS[0].value);
-              }
+              setModel(MODELS[0].value);
               if (audio.current) audio.current.play();
 
               // Now we have the complete HTML including </html>, so set it to be sure
@@ -450,7 +445,7 @@ export function AskAI({
                 id="diff-patch-checkbox"
                 checked={isFollowUp}
                 onCheckedChange={(e) => {
-                  if (e === true && !isSameHtml && selectedModel?.isThinker) {
+                  if (e === true && !isSameHtml) {
                     setModel(MODELS[0].value);
                   }
                   setIsFollowUp(e === true);

components/editor/deploy-button/index.tsx

@@ -71,7 +71,7 @@ export function DeployButton({
               <div>
                 <Button variant="default" className="max-lg:hidden !px-4">
                   <MdSave className="size-4" />
-                  Deploy your Project
+                  Save your Project
                 </Button>
                 <Button variant="default" size="sm" className="lg:hidden">
                   Deploy

components/editor/save-button/index.tsx

@@ -51,24 +51,25 @@ export function SaveButton({
       setLoading(false);
     }
   };
+
   return (
     <>
       <Button
         variant="default"
-        className="max-lg:hidden !px-4 relative"
+        className="max-lg:hidden !px-4"
         onClick={updateSpace}
       >
         <MdSave className="size-4" />
-        Deploy your Project{" "}
+        Save your Project{" "}
         {loading && <Loading className="ml-2 size-4 animate-spin" />}
       </Button>
       <Button
         variant="default"
         size="sm"
-        className="lg:hidden relative"
+        className="lg:hidden"
         onClick={updateSpace}
       >
-        Deploy {loading && <Loading className="ml-2 size-4 animate-spin" />}
+        Save {loading && <Loading className="ml-2 size-4 animate-spin" />}
       </Button>
     </>
   );

components/my-projects/load-project.tsx

@@ -16,7 +16,6 @@ import { toast } from "sonner";
 import { api } from "@/lib/api";
 import { useUser } from "@/hooks/useUser";
 import { LoginModal } from "../login-modal";
-import { useRouter } from "next/navigation";
 
 export const LoadProject = ({
   fullXsBtn = false,
@@ -26,7 +25,6 @@ export const LoadProject = ({
   onSuccess: (project: Project) => void;
 }) => {
   const { user } = useUser();
-  const router = useRouter();
 
   const [openLoginModal, setOpenLoginModal] = useState(false);
   const [open, setOpen] = useState(false);
@@ -61,15 +59,13 @@ export const LoadProject = ({
     setIsLoading(true);
     try {
       const response = await api.post(`/me/projects/${username}/${namespace}`);
+      console.log("response", response);
       toast.success("Project imported successfully!");
       setOpen(false);
       setUrl("");
       onSuccess(response.data.project);
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (error: any) {
-      if (error?.response?.data?.redirect) {
-        return router.push(error.response.data.redirect);
-      }
       toast.error(
         error?.response?.data?.error ?? "Failed to import the project."
       );

lib/auth.ts

@@ -1,7 +1,6 @@
 import { User } from "@/types";
 import { NextResponse } from "next/server";
-import { cookies, headers } from "next/headers";
-import MY_TOKEN_KEY from "./get-cookie-name";
+import { headers } from "next/headers";
 
 // UserResponse = type User & { token: string };
 type UserResponse = User & { token: string };
@@ -9,11 +8,7 @@ type UserResponse = User & { token: string };
 export const isAuthenticated = async (): // req: NextRequest
 Promise<UserResponse | NextResponse<unknown> | undefined> => {
   const authHeaders = await headers();
-  const cookieStore = await cookies();
-  const token = cookieStore.get(MY_TOKEN_KEY())?.value
-    ? `Bearer ${cookieStore.get(MY_TOKEN_KEY())?.value}`
-    : authHeaders.get("Authorization");
-
+  const token = authHeaders.get("Authorization");
   if (!token) {
     return NextResponse.json(
       {

lib/prompts.ts

@@ -2,7 +2,7 @@ export const SEARCH_START = "<<<<<<< SEARCH";
 export const DIVIDER = "=======";
 export const REPLACE_END = ">>>>>>> REPLACE";
 export const MAX_REQUESTS_PER_IP = 2;
-export const INITIAL_SYSTEM_PROMPT = `ONLY USE HTML, CSS AND JAVASCRIPT. If you want to use ICON make sure to import the library first. Try to create the best UI possible by using only HTML, CSS and JAVASCRIPT. MAKE IT RESPONSIVE USING TAILWINDCSS. Use as much as you can TailwindCSS for the CSS, if you can't do something with TailwindCSS, then use custom CSS (make sure to import <script src="https://cdn.tailwindcss.com"></script> in the head). Also, try to ellaborate as much as you can, to create something unique. ALWAYS GIVE THE RESPONSE INTO A SINGLE HTML FILE. AVOID CHINESE CHARACTERS IN THE CODE IF NOT ASKED BY THE USER.`;
+export const INITIAL_SYSTEM_PROMPT = `ONLY USE HTML, CSS AND JAVASCRIPT. If you want to use ICON make sure to import the library first. Try to create the best UI possible by using only HTML, CSS and JAVASCRIPT. MAKE IT RESPONSIVE USING TAILWINDCSS. Use as much as you can TailwindCSS for the CSS, if you can't do something with TailwindCSS, then use custom CSS (make sure to import <script src="https://cdn.tailwindcss.com"></script> in the head). Also, try to ellaborate as much as you can, to create something unique. ALWAYS GIVE THE RESPONSE INTO A SINGLE HTML FILE`;
 export const FOLLOW_UP_SYSTEM_PROMPT = `You are an expert web developer modifying an existing HTML file.
 The user wants to apply changes based on their request.
 You MUST output ONLY the changes required using the following SEARCH/REPLACE block format. Do NOT output the entire file.

lib/providers.ts

@@ -29,11 +29,6 @@ export const PROVIDERS = {
     max_tokens: 128_000,
     id: "together",
   },
-  groq: {
-    name: "Groq",
-    max_tokens: 16_384,
-    id: "groq",
-  },
 };
 
 export const MODELS = [
@@ -55,19 +50,7 @@ export const MODELS = [
       "sambanova",
     ],
     autoProvider: "novita",
-    isThinker: true,
-  },
-  {
-    value: "Qwen/Qwen3-Coder-480B-A35B-Instruct",
-    label: "Qwen3 Coder 480B A35B Instruct",
-    providers: ["novita", "hyperbolic"],
-    autoProvider: "novita",
     isNew: true,
-  },
-  {
-    value: "moonshotai/Kimi-K2-Instruct",
-    label: "Kimi K2 Instruct",
-    providers: ["together", "novita", "groq"],
-    autoProvider: "groq",
+    isThinker: true,
   },
 ];