fix: supertokens api url in appinfo.ts (#486)

Author: raghavyuva

view/app/config/appInfo.ts

@@ -1,8 +1,15 @@
-export const appInfo = {
-  // learn more about this on https://supertokens.com/docs/thirdpartyemailpassword/appinfo
-  appName: 'Nixopus',
-  apiDomain: process.env.NEXT_PUBLIC_API_URL?.replace('/api', '') || 'http://localhost:8080',
-  websiteDomain: process.env.NEXT_PUBLIC_WEBSITE_DOMAIN || 'http://localhost:3000',
-  apiBasePath: '/auth',
-  websiteBasePath: '/auth'
+import { getBaseUrl } from '@/redux/conf';
+
+export const getAppInfo = async () => {
+  const baseUrl = await getBaseUrl();
+  const apiDomain = baseUrl.replace('/api', '');
+  
+  return {
+    // learn more about this on https://supertokens.com/docs/thirdpartyemailpassword/appinfo
+    appName: 'Nixopus',
+    apiDomain,
+    websiteDomain: process.env.NEXT_PUBLIC_WEBSITE_DOMAIN || 'http://localhost:3000',
+    apiBasePath: '/auth',
+    websiteBasePath: '/auth'
+  };
 };

view/app/config/frontend.tsx

@@ -1,7 +1,7 @@
 import EmailPasswordReact from 'supertokens-auth-react/recipe/emailpassword'
 import PasswordlessReact from 'supertokens-auth-react/recipe/passwordless'
 import SessionReact from 'supertokens-auth-react/recipe/session'
-import { appInfo } from './appInfo'
+import { getAppInfo } from './appInfo'
 import { useRouter } from "next/navigation";
 import { SuperTokensConfig } from 'supertokens-auth-react/lib/build/types'
 
@@ -16,7 +16,9 @@ export function setRouter(
   routerInfo.pathName = pathName;
 }
 
-export const frontendConfig = (): SuperTokensConfig => {
+export const frontendConfig = async (): Promise<SuperTokensConfig> => {
+  const appInfo = await getAppInfo();
+  
   return {
     appInfo,
     recipeList: [

view/components/supertokensProvider.tsx

@@ -1,23 +1,51 @@
 'use client';
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import { SuperTokensWrapper } from 'supertokens-auth-react';
 import SuperTokensReact from 'supertokens-auth-react';
 import { AuthRecipeComponentsOverrideContextProvider } from 'supertokens-auth-react/ui';
 import { frontendConfig, setRouter } from '@/app/config/frontend';
 import { usePathname, useRouter } from 'next/navigation';
 import { useIsAdminRegisteredQuery } from '@/redux/services/users/authApi';
 
-if (typeof window !== 'undefined') {
-  // we only want to call this init function on the frontend, so we check typeof window !== 'undefined'
-  SuperTokensReact.init(frontendConfig());
-}
+let isInitialized = false;
 
 export const SuperTokensProvider: React.FC<React.PropsWithChildren<{}>> = ({
   children,
 }) => {
-  setRouter(useRouter(), usePathname() || window.location.pathname);
+  const [isReady, setIsReady] = useState(isInitialized);
+  const router = useRouter();
+  const pathname = usePathname();
+  
+  useEffect(() => {
+    const initializeSuperTokens = async () => {
+      if (!isInitialized) {
+        try {
+          const config = await frontendConfig();
+          SuperTokensReact.init(config);
+          isInitialized = true;
+          setIsReady(true);
+        } catch (error) {
+          console.error('Failed to initialize SuperTokens:', error);
+          setIsReady(true);
+        }
+      } else {
+        setIsReady(true);
+      }
+    };
+
+    initializeSuperTokens();
+  }, []);
+
+  useEffect(() => {
+    setRouter(router, pathname || window.location.pathname);
+  }, [router, pathname]);
+
   const { data: isAdminRegistered } = useIsAdminRegisteredQuery();
 
+  if (!isReady) {
+    return <div>Loading...</div>;
+  }
+
   return (
     <SuperTokensWrapper>
       <AuthRecipeComponentsOverrideContextProvider