read only editor

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

@@ -1,5 +1,5 @@
 import { NextRequest, NextResponse } from "next/server";
-import { RepoDesignation, spaceInfo, listFiles, deleteRepo, listCommits } from "@huggingface/hub";
+import { RepoDesignation, spaceInfo, listFiles, deleteRepo, listCommits, downloadFile } from "@huggingface/hub";
 
 import { isAuthenticated } from "@/lib/auth";
 import { Commit, Page } from "@/types";
@@ -37,13 +37,6 @@ export async function DELETE(
         { status: 403 }
       );
     }
-
-    if (space.private) {
-      return NextResponse.json(
-        { ok: false, error: "Your space must be public to access it." },
-        { status: 403 }
-      );
-    }
     
     const repo: RepoDesignation = {
       type: "space",
@@ -103,15 +96,15 @@ export async function GET(
         { status: 403 }
       );
     }
-    if (space.private) {
-      return NextResponse.json(
-        {
-          ok: false,
-          error: "Space must be public to access it",
-        },
-        { status: 403 }
-      );
-    }
+    // if (space.private) {
+    //   return NextResponse.json(
+    //     {
+    //       ok: false,
+    //       error: "Space must be public to access it",
+    //     },
+    //     { status: 403 }
+    //   );
+    // }
 
     const repo: RepoDesignation = {
       type: "space",
@@ -125,20 +118,21 @@ export async function GET(
     
     for await (const fileInfo of listFiles({repo, accessToken: user.token as string})) {
       if (fileInfo.path.endsWith(".html")) {
-        const res = await fetch(`https://huggingface.co/spaces/${namespace}/${repoId}/raw/main/${fileInfo.path}`);
-        if (res.ok) {
-          const html = await res.text();
-          if (fileInfo.path === "index.html") {
-            htmlFiles.unshift({
-              path: fileInfo.path,
-              html,
-            });
-          } else {
+        const blob = await downloadFile({ repo, accessToken: user.token as string, path: fileInfo.path, raw: true });
+        const html = await blob?.text();
+        if (!html) {
+          continue;
+        }
+        if (fileInfo.path === "index.html") {
+          htmlFiles.unshift({
+            path: fileInfo.path,
+            html,
+          });
+        } else {
           htmlFiles.push({
             path: fileInfo.path,
-              html,
-            });
-          }
+            html,
+          });
         }
       }
       if (fileInfo.type === "directory" && fileInfo.path === "images") {

app/api/me/route.ts

@@ -31,7 +31,6 @@ export async function GET() {
     }
   })) {
     if (
-      !space.private &&
       space.sdk === "static" &&
       Array.isArray((space.cardData as { tags?: string[] })?.tags) &&
       (

components/editor/index.tsx

@@ -71,6 +71,7 @@ export const AppEditor = ({
                 horizontal: "hidden",
               },
               wordWrap: "on",
+              readOnly: true,
             }}
             value={currentPageData.html}
             onChange={(value) => {

components/my-projects/index.tsx

@@ -13,6 +13,7 @@ import { Button } from "@/components/ui/button";
 import { useProModal } from "@/components/contexts/pro-context";
 import { api } from "@/lib/api";
 import { NotLogged } from "../not-logged/not-logged";
+import { LoadProject } from "./load-project";
 
 export function MyProjects() {
   const { user, projects, setProjects } = useUser();
@@ -69,6 +70,7 @@ export function MyProjects() {
               Upgrade to PRO
             </Button>
           ) : (
+            // <LoadProject onSuccess={() => {}} />
             <div></div>
           )}
         </header>

hooks/useAi.ts

@@ -8,6 +8,7 @@ import { useEditor } from "./useEditor";
 import { Page, EnhancedSettings } from "@/types";
 import { api } from "@/lib/api";
 import { useRouter } from "next/navigation";
+import { useUser } from "./useUser";
 
 export const useAi = (onScrollToBottom?: () => void) => {
   const client = useQueryClient();
@@ -17,6 +18,7 @@ export const useAi = (onScrollToBottom?: () => void) => {
   const [storageProvider, setStorageProvider] = useLocalStorage("provider", "auto");
   const [storageModel, setStorageModel] = useLocalStorage("model", MODELS[0].value);
   const router = useRouter();
+  const { projects, setProjects } = useUser();
 
   const { data: isAiWorking = false } = useQuery({
     queryKey: ["ai.isAiWorking"],
@@ -111,6 +113,7 @@ export const useAi = (onScrollToBottom?: () => void) => {
       setIsAiWorking(false);
       router.replace(`/projects/${response.data.space.project.space_id}`);
       setProject(response.data.space);
+      setProjects([...projects, response.data.space]);
       toast.success("AI responded successfully");
       if (audio.current) audio.current.play();
     }