wip

.env

@@ -3,6 +3,8 @@ NEXT_PUBLIC_SHOW_BETA_FEATURES="false"
 
 NEXT_PUBLIC_DEVELOPER_MODE="false"
 
+NEXT_PUBLIC_AI_TUBE_OAUTH_CLIENT_ID="35c3efbc-d51f-4763-b5ea-3e149c6158e5"
+
 ADMIN_HUGGING_FACE_API_TOKEN=""
 ADMIN_HUGGING_FACE_USERNAME=""
 

README.md

@@ -7,7 +7,6 @@ sdk: docker
 pinned: true
 app_port: 3000
 disable_embedding: false
-hf_oauth: true
 ---
 
 # 🍿 AI Tube

src/lib/useHuggingFaceLogin.ts

@@ -19,7 +19,50 @@ export function useHuggingFaceLogin(onLogin?: (data: any) => void) {
   }, [])
 
   const login = async () => {
-    window.location.href = await oauthLoginUrl()
+    const oauthUrl = await oauthLoginUrl({
+      /**
+       * OAuth client ID.
+       *
+       * For static Spaces, you can omit this and it will be loaded from the Space config, as long as `hf_oauth: true` is present in the README.md's metadata.
+       * For other Spaces, it is available to the backend in the OAUTH_CLIENT_ID environment variable, as long as `hf_oauth: true` is present in the README.md's metadata.
+       *
+       * You can also create a Developer Application at https://huggingface.co/settings/connected-applications and use its client ID.
+       */
+      clientId: process.env.NEXT_PUBLIC_AI_TUBE_OAUTH_CLIENT_ID,
+
+      // hubUrl?: string;
+
+      /**
+       * OAuth scope, a list of space separate scopes.
+       *
+       * For static Spaces, you can omit this and it will be loaded from the Space config, as long as `hf_oauth: true` is present in the README.md's metadata.
+       * For other Spaces, it is available to the backend in the OAUTH_SCOPES environment variable, as long as `hf_oauth: true` is present in the README.md's metadata.
+       *
+       * Defaults to "openid profile".
+       *
+       * You can also create a Developer Application at https://huggingface.co/settings/connected-applications and use its scopes.
+       *
+       * See https://huggingface.co/docs/hub/oauth for a list of available scopes.
+       */
+      scopes: "openid profile",
+
+      /**
+       * Redirect URI, defaults to the current URL.
+       *
+       * For Spaces, any URL within the Space is allowed.
+       *
+       * For Developer Applications, you can add any URL you want to the list of allowed redirect URIs at https://huggingface.co/settings/connected-applications.
+       */
+      redirectUrl: "https://jbilcke-hf-ai-tube.hf.space",
+
+      /**
+       * State to pass to the OAuth provider, which will be returned in the call to `oauthLogin` after the redirect.
+       */
+      // state: ""
+    })
+
+    console.log("oauthUrl:", oauthUrl)
+    window.location.href = oauthUrl
   }
 
   console.log(JSON.stringify(oauthResult, null, 2))