@insforge/react 0.5.5 → 0.5.7

package/dist/index.d.cts

@@ -10,6 +10,7 @@ import { CreateSessionResponse, CreateUserResponse, ResetPasswordResponse, GetPu
 export { useAuth, usePublicAuthConfig, useUser } from './hooks.cjs';
 export { checkPasswordStrength, createPasswordSchema, emailSchema, passwordSchema, resolveAuthPath, resolveAuthUrl, validateEmail, validatePassword } from './lib.cjs';
 export { BrowserNavigationAdapter, NavigationAdapter, NavigationProvider, NavigationProviderProps, useNavigationAdapter, useSearchParams } from './navigation.cjs';
+export { RouteGuard, RouteGuardProps } from './routes.cjs';
 import 'zod';
 
 interface InsforgeContextValue {
@@ -63,6 +64,7 @@ interface InsforgeContextValue {
     loginWithOAuth: (provider: OAuthProvider, redirectTo: string) => Promise<void>;
     getPublicAuthConfig: () => Promise<GetPublicAuthConfigResponse | null>;
     baseUrl: string;
+    afterSignInUrl: string;
 }
 interface InsforgeProviderProps {
     children: ReactNode;
@@ -90,7 +92,7 @@ interface InsforgeProviderProps {
  * export default function App() {
  *   return (
  *     <InsforgeProvider
- *       baseUrl={process.env.VITE_INSFORGE_BASE_URL}
+ *       baseUrl={import.meta.env.VITE_INSFORGE_BASE_URL}
  *       afterSignInUrl="/dashboard"
  *     >
  *       {children}

package/dist/index.d.ts

@@ -10,6 +10,7 @@ import { CreateSessionResponse, CreateUserResponse, ResetPasswordResponse, GetPu
 export { useAuth, usePublicAuthConfig, useUser } from './hooks.js';
 export { checkPasswordStrength, createPasswordSchema, emailSchema, passwordSchema, resolveAuthPath, resolveAuthUrl, validateEmail, validatePassword } from './lib.js';
 export { BrowserNavigationAdapter, NavigationAdapter, NavigationProvider, NavigationProviderProps, useNavigationAdapter, useSearchParams } from './navigation.js';
+export { RouteGuard, RouteGuardProps } from './routes.js';
 import 'zod';
 
 interface InsforgeContextValue {
@@ -63,6 +64,7 @@ interface InsforgeContextValue {
     loginWithOAuth: (provider: OAuthProvider, redirectTo: string) => Promise<void>;
     getPublicAuthConfig: () => Promise<GetPublicAuthConfigResponse | null>;
     baseUrl: string;
+    afterSignInUrl: string;
 }
 interface InsforgeProviderProps {
     children: ReactNode;
@@ -90,7 +92,7 @@ interface InsforgeProviderProps {
  * export default function App() {
  *   return (
  *     <InsforgeProvider
- *       baseUrl={process.env.VITE_INSFORGE_BASE_URL}
+ *       baseUrl={import.meta.env.VITE_INSFORGE_BASE_URL}
  *       afterSignInUrl="/dashboard"
  *     >
  *       {children}

package/dist/index.js

@@ -405,14 +405,15 @@ function InsforgeProvider({
         signOut,
         updateUser,
         reloadAuth: loadAuthState,
-        baseUrl,
         sendVerificationEmail,
         sendResetPasswordEmail,
         resetPassword,
         verifyEmail,
         exchangeResetPasswordToken,
         getPublicAuthConfig,
-        loginWithOAuth
+        loginWithOAuth,
+        baseUrl,
+        afterSignInUrl
       },
       children
     }
@@ -441,7 +442,8 @@ function useInsforge() {
       loginWithOAuth: async () => {
       },
       getPublicAuthConfig: async () => null,
-      baseUrl: ""
+      baseUrl: "",
+      afterSignInUrl: "/"
     };
   }
   return context;
@@ -2467,7 +2469,97 @@ function useUser() {
   const { user, isLoaded, updateUser, setUser } = useInsforge();
   return { user, isLoaded, updateUser, setUser };
 }
+function RouteGuard({
+  children,
+  builtInAuth = true,
+  paths = {},
+  publicRoutes = [],
+  loadingFallback
+}) {
+  const { isSignedIn, isLoaded, afterSignInUrl, baseUrl } = useInsforge();
+  const { signIn = "/sign-in", signUp = "/sign-up", forgotPassword = "/forgot-password" } = paths;
+  const [currentPath, setCurrentPath] = useState("");
+  useEffect(() => {
+    const updatePath = () => {
+      const path = window.location.hash ? window.location.hash.slice(1) : window.location.pathname;
+      setCurrentPath(path || "/");
+    };
+    updatePath();
+    window.addEventListener("hashchange", updatePath);
+    window.addEventListener("popstate", updatePath);
+    return () => {
+      window.removeEventListener("hashchange", updatePath);
+      window.removeEventListener("popstate", updatePath);
+    };
+  }, []);
+  const isPublicRoute = publicRoutes.some((route) => {
+    if (route.endsWith("/*")) {
+      const prefix = route.slice(0, -2);
+      return currentPath.startsWith(prefix);
+    }
+    return currentPath === route || currentPath.startsWith(route + "?");
+  });
+  useEffect(() => {
+    if (!isLoaded) return;
+    if (isSignedIn) return;
+    if (!isSignedIn) {
+      if (builtInAuth) {
+        const isSignInPage = currentPath === signIn || currentPath.startsWith(signIn + "?");
+        const isSignUpPage = currentPath === signUp || currentPath.startsWith(signUp + "?");
+        const isForgotPasswordPage = currentPath === forgotPassword || currentPath.startsWith(forgotPassword + "?");
+        if (isSignInPage) {
+          const redirectUrl = new URL(afterSignInUrl, window.location.origin).href;
+          const authUrl = new URL("/auth/sign-in", baseUrl);
+          authUrl.searchParams.set("redirect", redirectUrl);
+          window.location.replace(authUrl.toString());
+          return;
+        }
+        if (isSignUpPage) {
+          const redirectUrl = new URL(afterSignInUrl, window.location.origin).href;
+          const authUrl = new URL("/auth/sign-up", baseUrl);
+          authUrl.searchParams.set("redirect", redirectUrl);
+          window.location.replace(authUrl.toString());
+          return;
+        }
+        if (isForgotPasswordPage) {
+          const authUrl = new URL("/auth/forgot-password", baseUrl);
+          window.location.replace(authUrl.toString());
+          return;
+        }
+        if (isPublicRoute) {
+          return;
+        } else {
+          const redirectUrl = new URL(afterSignInUrl, window.location.origin).href;
+          const authUrl = new URL("/auth/sign-in", baseUrl);
+          authUrl.searchParams.set("redirect", redirectUrl);
+          window.location.replace(authUrl.toString());
+        }
+      } else {
+        if (isPublicRoute) {
+          return;
+        } else {
+          window.location.href = signIn + "?redirect=" + afterSignInUrl;
+        }
+      }
+    }
+  }, [
+    isLoaded,
+    isSignedIn,
+    currentPath,
+    isPublicRoute,
+    builtInAuth,
+    baseUrl,
+    signIn,
+    signUp,
+    forgotPassword,
+    afterSignInUrl
+  ]);
+  if (!isLoaded) {
+    return /* @__PURE__ */ jsx(Fragment, { children: loadingFallback });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
 
-export { AuthBranding, AuthContainer, AuthDivider, AuthEmailVerificationStep, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthResetPasswordVerificationStep, AuthSubmitButton, AuthVerificationCodeInput, BrowserNavigationAdapter, ForgotPassword, ForgotPasswordForm, InsforgeProvider, NavigationProvider, OAUTH_PROVIDER_CONFIG, Protect, ResetPassword, ResetPasswordForm, SignIn, SignInForm, SignUp, SignUpForm, SignedIn, SignedOut, UserButton, VerifyEmail, VerifyEmailStatus, checkPasswordStrength, createPasswordSchema, emailSchema, getAllProviderConfigs, getProviderConfig, passwordSchema, resolveAuthPath, resolveAuthUrl, useAuth, useInsforge, useNavigationAdapter, usePublicAuthConfig, useSearchParams, useUser, validateEmail, validatePassword };
+export { AuthBranding, AuthContainer, AuthDivider, AuthEmailVerificationStep, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthResetPasswordVerificationStep, AuthSubmitButton, AuthVerificationCodeInput, BrowserNavigationAdapter, ForgotPassword, ForgotPasswordForm, InsforgeProvider, NavigationProvider, OAUTH_PROVIDER_CONFIG, Protect, ResetPassword, ResetPasswordForm, RouteGuard, SignIn, SignInForm, SignUp, SignUpForm, SignedIn, SignedOut, UserButton, VerifyEmail, VerifyEmailStatus, checkPasswordStrength, createPasswordSchema, emailSchema, getAllProviderConfigs, getProviderConfig, passwordSchema, resolveAuthPath, resolveAuthUrl, useAuth, useInsforge, useNavigationAdapter, usePublicAuthConfig, useSearchParams, useUser, validateEmail, validatePassword };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map