Upload 35 files

README.md

@@ -6,6 +6,9 @@ colorTo: yellow
 sdk: docker
 pinned: false
 app_port: 7860
+hf_oauth: true
+hf_oauth_scopes:
+  - inference-api
 ---
 
 # Nano Banana Node Editor 🍌

app/page.tsx

@@ -1025,10 +1025,14 @@ export default function EditorPage() {
       }
     } else {
       // Login with HF OAuth
-      const clientId = process.env.NEXT_PUBLIC_OAUTH_CLIENT_ID;
+      // When hf_oauth: true is set in README, HF injects OAUTH_CLIENT_ID
+      // Check multiple sources for the client ID
+      const clientId = process.env.NEXT_PUBLIC_OAUTH_CLIENT_ID ||
+        (typeof window !== 'undefined' && (window as any).OAUTH_CLIENT_ID);
+
       if (!clientId) {
-        console.error('OAuth client ID not configured');
-        alert('OAuth client ID not configured. Please check environment variables.');
+        console.error('OAuth client ID not configured. Make sure hf_oauth: true is set in README.md');
+        alert('OAuth is not configured for this Space. Please ensure hf_oauth: true is set in the Space configuration.');
         return;
       }
 

next.config.ts

@@ -8,6 +8,11 @@ const nextConfig: NextConfig = {
   serverRuntimeConfig: {
     bodySizeLimit: '50mb',
   },
+  // Expose HuggingFace OAuth environment variables to the client
+  // HF injects OAUTH_CLIENT_ID when hf_oauth: true is set in README
+  env: {
+    NEXT_PUBLIC_OAUTH_CLIENT_ID: process.env.OAUTH_CLIENT_ID || process.env.NEXT_PUBLIC_OAUTH_CLIENT_ID || '',
+  },
   // Redirect /editor to main page
   async redirects() {
     return [