api fixes

app/api/projects/[repoId]/rename/route.ts

@@ -57,8 +57,6 @@ export async function PUT(
     `title: ${newTitle}`
   );
 
-  console.log(readmeFile, updatedReadmeFile);
-
   await uploadFile({
     repo,
     accessToken: token,

app/api/projects/route.ts

@@ -2,7 +2,12 @@ import { NextResponse } from "next/server";
 import { RepoDesignation, createRepo, uploadFiles } from "@huggingface/hub";
 
 import { auth } from "@/lib/auth";
-import { COLORS, injectDeepSiteBadge, isIndexPage } from "@/lib/utils";
+import {
+  COLORS,
+  EMOJIS_FOR_SPACE,
+  injectDeepSiteBadge,
+  isIndexPage,
+} from "@/lib/utils";
 
 export async function POST(request: Request) {
   const session = await auth();
@@ -39,11 +44,14 @@ export async function POST(request: Request) {
 
   const colorFrom = COLORS[Math.floor(Math.random() * COLORS.length)];
   const colorTo = COLORS[Math.floor(Math.random() * COLORS.length)];
+  const emoji =
+    EMOJIS_FOR_SPACE[Math.floor(Math.random() * EMOJIS_FOR_SPACE.length)];
   const README = `---
 title: ${projectTitle}
 colorFrom: ${colorFrom}
 colorTo: ${colorTo}
 sdk: static
+emoji: ${emoji}
 tags:
   - deepsite-v4
 ---

components/ask-ai/uploader.tsx

@@ -63,7 +63,7 @@ export const Uploader = ({
       data.append("images", file);
     });
 
-    const response = await fetch(`/deepsite/api/projects/${repoId}/medias`, {
+    const response = await fetch(`/api/projects/${repoId}/medias`, {
       method: "POST",
       body: data,
     })

components/ask-ai/useGeneration.ts

@@ -298,7 +298,7 @@ export const useGeneration = (projectName: string) => {
               });
             } else {
               const response = await fetch(
-                `/deepsite/api/projects/${projectName.split("/")[1]}`,
+                `/api/projects/${projectName.split("/")[1]}`,
                 {
                   method: "PUT",
                   body: JSON.stringify({
@@ -334,7 +334,6 @@ export const useGeneration = (projectName: string) => {
           if (errorMatch) {
             try {
               const errorData = JSON.parse(errorMatch[1]);
-              console.log("Parsed error data:", errorData);
               if (errorData.isError) {
                 const lastMessageId =
                   currentMessages[currentMessages.length - 1].id;

components/code/index.tsx

@@ -31,7 +31,7 @@ export function AppEditorCode() {
     setIsSavingChanges(true);
     const manuallyUpdatedFiles =
       queryClient.getQueryData<File[]>(["manuallyUpdatedFiles"]) ?? [];
-    const response = await fetch(`/deepsite/api/projects/${repoId}`, {
+    const response = await fetch(`/api/projects/${repoId}`, {
       method: "PUT",
       body: JSON.stringify({
         files: manuallyUpdatedFiles,

components/code/monaco-editor.tsx

@@ -116,8 +116,6 @@ export function AppEditorMonacoEditor({
     return effectiveTheme === "dark" ? "Night" : "NightLight";
   }, [theme]);
 
-  console.log("++ THEME ++", theme);
-
   return (
     <SandpackStack className="h-full!">
       <FileTabs />

components/editor/history-view.tsx

@@ -13,12 +13,9 @@ export const HistoryView = function () {
       "This action will set this historical version as the default version of the project. Are you sure you want to proceed?"
     );
     if (!confirmation) return;
-    const response = await fetch(
-      `/deepsite/api/projects/${repoId}/${commitId}`,
-      {
-        method: "POST",
-      }
-    ).then(async (response) => {
+    const response = await fetch(`/api/projects/${repoId}/${commitId}`, {
+      method: "POST",
+    }).then(async (response) => {
       if (response.ok) {
         const data = await response.json();
         return data;

components/editor/index.tsx

@@ -22,9 +22,6 @@ import { HistoryView } from "./history-view";
 import { TourCustomCard } from "@/components/tour/card";
 import { steps } from "@/lib/onboarding";
 
-// todo: free credit limit reached modal!! + upgrade to pro
-// also do the pro limit credit reached too, maybe show a modal suggesting to add a payment method
-
 const SandpackProvider = dynamic(
   () =>
     import("@codesandbox/sandpack-react").then((mod) => mod.SandpackProvider),
@@ -87,7 +84,7 @@ export function AppEditor({
       cardComponent={TourCustomCard}
       clickThroughOverlay={false}
       shadowRgb="0, 0, 0"
-      shadowOpacity="0.6"
+      shadowOpacity="0.8"
       steps={steps}
       onComplete={() => {
         setTourHasBeenShown(true);

components/editor/project-settings.tsx

@@ -56,7 +56,7 @@ export const ProjectSettings = ({
     setIsLoading(true);
     setError(null);
     try {
-      const response = await fetch(`/deepsite/api/projects/${repoId}/rename`, {
+      const response = await fetch(`/api/projects/${repoId}/rename`, {
         method: "PUT",
         headers: {
           "Content-Type": "application/json",
@@ -94,13 +94,17 @@ export const ProjectSettings = ({
       <DropdownMenu>
         <DropdownMenuTrigger asChild>
           <Button variant="ghost" className="pl-2.5! pr-3! py-1.5! h-auto!">
-            <Image
-              src="/deepsite/deepsite/logo.svg"
-              alt="DeepSite"
-              width={100}
-              height={100}
-              className="size-8"
-            />
+            {project?.cardData?.emoji ? (
+              <span className="text-3xl">{project?.cardData?.emoji}</span>
+            ) : (
+              <Image
+                src="/logo.svg"
+                alt="DeepSite"
+                width={100}
+                height={100}
+                className="size-8"
+              />
+            )}
             <div className="flex flex-col -space-y-1 items-start">
               <p className="text-sm font-bold text-primary">
                 {project?.cardData?.title ?? "New DeepSite website"}{" "}

components/projects/user-projects.tsx

@@ -30,7 +30,7 @@ export function UserProjects() {
 
   const handleDeleteProject = async () => {
     const response = await fetch(
-      `/deepsite/api/projects/${deleteProjectId?.split("/")[1]}`,
+      `/api/projects/${deleteProjectId?.split("/")[1]}`,
       {
         method: "DELETE",
         headers: {

lib/utils.ts

@@ -15,6 +15,28 @@ export const COLORS = [
   "pink",
   "gray",
 ];
+export const EMOJIS_FOR_SPACE = [
+  "🚀",
+  "🔥",
+  "✨",
+  "💡",
+  "🤖",
+  "🌟",
+  "🎉",
+  "💎",
+  "⚡",
+  "🎨",
+  "🧠",
+  "📦",
+  "🛠️",
+  "🚧",
+  "🌈",
+  "📚",
+  "🧩",
+  "🔧",
+  "🖥️",
+  "📱",
+];
 
 export const getMentionsFromPrompt = async (prompt: string) => {
   const mentions = prompt.match(/[a-zA-Z0-9-]+\/[a-zA-Z0-9-]+/g);
@@ -89,7 +111,7 @@ export const defaultHTML = `<!DOCTYPE html>
         Ask me anything.
       </h1>
     </div>
-      <img src="https://huggingface.co/deepsite/arrow.svg" class="absolute bottom-8 left-0 w-[100px] transform rotate-[30deg] dark:invert dark:brightness-0" />
+      <img src="https://huggingface.co/deepsite/arrow.svg" class="absolute bottom-8 left-0 w-[100px] transform rotate-30 dark:invert dark:brightness-0" />
     <script></script>
   </body>
 </html>