@insforge/react 0.4.12 → 0.5.1

package/dist/index.d.cts

@@ -9,9 +9,8 @@ export { AuthConfig, EmailVerificationMethod } from './types.cjs';
 import { CreateSessionResponse, CreateUserResponse, ResetPasswordResponse, GetPublicAuthConfigResponse } from '@insforge/shared-schemas';
 export { useAuth, usePublicAuthConfig, useUser } from './hooks.cjs';
 export { checkPasswordStrength, createPasswordSchema, emailSchema, passwordSchema, resolveAuthPath, resolveAuthUrl, validateEmail, validatePassword } from './lib.cjs';
-export { getInsforgeRoutes } from './router.cjs';
+export { BrowserNavigationAdapter, NavigationAdapter, NavigationProvider, NavigationProviderProps, useNavigationAdapter, useSearchParams } from './navigation.cjs';
 import 'zod';
-import 'react-router-dom';
 
 interface InsforgeContextValue {
     user: InsforgeUser | null;

package/dist/index.d.ts

@@ -9,9 +9,8 @@ export { AuthConfig, EmailVerificationMethod } from './types.js';
 import { CreateSessionResponse, CreateUserResponse, ResetPasswordResponse, GetPublicAuthConfigResponse } from '@insforge/shared-schemas';
 export { useAuth, usePublicAuthConfig, useUser } from './hooks.js';
 export { checkPasswordStrength, createPasswordSchema, emailSchema, passwordSchema, resolveAuthPath, resolveAuthUrl, validateEmail, validatePassword } from './lib.js';
-export { getInsforgeRoutes } from './router.js';
+export { BrowserNavigationAdapter, NavigationAdapter, NavigationProvider, NavigationProviderProps, useNavigationAdapter, useSearchParams } from './navigation.js';
 import 'zod';
-import 'react-router-dom';
 
 interface InsforgeContextValue {
     user: InsforgeUser | null;

package/dist/index.js

@@ -12,14 +12,53 @@ if (typeof document !== 'undefined' && typeof window !== 'undefined') {
   }
 }
 
-import { createContext, useState, useRef, useCallback, useEffect, useContext, useMemo } from 'react';
-import { useSearchParams } from 'react-router-dom';
-import { createClient } from '@insforge/sdk';
+import { createContext, useContext, useState, useRef, useCallback, useEffect, useMemo } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { createClient } from '@insforge/sdk';
 import { AlertTriangle, Check, EyeOff, Eye, Loader2, CircleCheck, LogOut } from 'lucide-react';
 import { z } from 'zod';
 
 // src/components/SignIn.tsx
+var NavigationContext = createContext(null);
+function NavigationProvider({ adapter, children }) {
+  return /* @__PURE__ */ jsx(NavigationContext.Provider, { value: adapter, children });
+}
+function useNavigationAdapter() {
+  const adapter = useContext(NavigationContext);
+  if (!adapter) {
+    throw new Error("useNavigationAdapter must be used within NavigationProvider");
+  }
+  return adapter;
+}
+var BrowserNavigationAdapter = {
+  /**
+   * Returns URLSearchParams from current window.location.search
+   * Note: Not reactive - reads once on component mount
+   * This is sufficient for auth flows where we read initial URL params
+   */
+  useSearchParams() {
+    const [searchParams] = useState(() => {
+      if (typeof window === "undefined") {
+        return new URLSearchParams();
+      }
+      return new URLSearchParams(window.location.search);
+    });
+    return searchParams;
+  },
+  /**
+   * Native <a> tag for navigation
+   * Uses full page reload
+   */
+  Link({ href, className, children }) {
+    return /* @__PURE__ */ jsx("a", { href, className, children });
+  }
+};
+
+// src/navigation/useSearchParams.ts
+function useSearchParams() {
+  const adapter = useNavigationAdapter();
+  return adapter.useSearchParams();
+}
 var InsforgeContext = createContext(void 0);
 function InsforgeProvider({
   children,
@@ -347,7 +386,7 @@ function InsforgeProvider({
     },
     [insforge, afterSignInUrl]
   );
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(NavigationProvider, { adapter: BrowserNavigationAdapter, children: /* @__PURE__ */ jsx(
     InsforgeContext.Provider,
     {
       value: {
@@ -371,12 +410,37 @@ function InsforgeProvider({
       },
       children
     }
-  );
+  ) });
 }
 function useInsforge() {
   const context = useContext(InsforgeContext);
   if (!context) {
-    throw new Error("useInsforge must be used within InsforgeProvider");
+    if (typeof window !== "undefined") {
+      throw new Error("useInsforge must be used within InsforgeProvider");
+    }
+    return {
+      user: null,
+      isLoaded: false,
+      isSignedIn: false,
+      setUser: () => {
+      },
+      signIn: async () => ({ error: "SSR mode" }),
+      signUp: async () => ({ error: "SSR mode" }),
+      signOut: async () => {
+      },
+      updateUser: async () => {
+      },
+      reloadAuth: async () => ({ success: false, error: "SSR mode" }),
+      sendVerificationEmail: async () => null,
+      sendResetPasswordEmail: async () => null,
+      resetPassword: async () => null,
+      verifyEmail: async () => null,
+      exchangeResetPasswordToken: async () => ({ error: { message: "SSR mode" } }),
+      loginWithOAuth: async () => {
+      },
+      getPublicAuthConfig: async () => null,
+      baseUrl: ""
+    };
   }
   return context;
 }
@@ -589,7 +653,8 @@ function AuthPasswordField({
   onFocus,
   ...props
 }) {
-  const [searchParams] = useSearchParams();
+  const searchParams = useSearchParams();
+  const { Link } = useNavigationAdapter();
   const [showPassword, setShowPassword] = useState(false);
   const [showStrength, setShowStrength] = useState(false);
   const resolvedForgotPasswordHref = useMemo(
@@ -605,7 +670,7 @@ function AuthPasswordField({
   return /* @__PURE__ */ jsxs("div", { className: "if-passwordField if-internal-p5w9m7", children: [
     (label || forgotPasswordLink) && /* @__PURE__ */ jsxs("div", { className: "if-passwordField-labelRow", children: [
       /* @__PURE__ */ jsx("label", { htmlFor: id, className: "if-passwordField-label", children: label }),
-      forgotPasswordLink && resolvedForgotPasswordHref && /* @__PURE__ */ jsx("a", { href: resolvedForgotPasswordHref, className: "if-passwordField-forgotLink", children: forgotPasswordLink.text || "Forget Password?" })
+      forgotPasswordLink && resolvedForgotPasswordHref && /* @__PURE__ */ jsx(Link, { href: resolvedForgotPasswordHref, className: "if-passwordField-forgotLink", children: forgotPasswordLink.text || "Forget Password?" })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "if-passwordField-inputWrapper", children: [
       /* @__PURE__ */ jsx(
@@ -657,12 +722,13 @@ function AuthSubmitButton({
   );
 }
 function AuthLink({ text, linkText, href }) {
-  const [searchParams] = useSearchParams();
+  const searchParams = useSearchParams();
+  const { Link } = useNavigationAdapter();
   const finalHref = resolveAuthUrl(href, searchParams);
   return /* @__PURE__ */ jsxs("p", { className: "if-authLink if-internal-al5w9p", children: [
     text && /* @__PURE__ */ jsx("span", { className: "if-authLink-text", children: text }),
     text && " ",
-    /* @__PURE__ */ jsx("a", { href: finalHref, className: "if-authLink-link", children: linkText })
+    /* @__PURE__ */ jsx(Link, { href: finalHref, className: "if-authLink-link", children: linkText })
   ] });
 }
 function AuthDivider({ text = "or" }) {
@@ -1305,7 +1371,7 @@ function SignIn({ onError, ...uiProps }) {
   const [loading, setLoading] = useState(false);
   const [step, setStep] = useState("form");
   const [oauthLoading] = useState(null);
-  const [searchParams] = useSearchParams();
+  const searchParams = useSearchParams();
   const redirectUrl = searchParams.get("redirect");
   async function handleSubmit(e) {
     e.preventDefault();
@@ -1557,7 +1623,7 @@ function SignUp({ onError, ...uiProps }) {
   const [loading, setLoading] = useState(false);
   const [step, setStep] = useState("form");
   const [oauthLoading] = useState(null);
-  const [searchParams] = useSearchParams();
+  const searchParams = useSearchParams();
   const redirectUrl = searchParams.get("redirect");
   async function handleSubmit(e) {
     e.preventDefault();
@@ -1822,7 +1888,7 @@ function ResetPasswordForm({
 function ForgotPassword({ onError, ...uiProps }) {
   const { sendResetPasswordEmail, exchangeResetPasswordToken, resetPassword } = useInsforge();
   const { authConfig } = usePublicAuthConfig();
-  const [searchParams] = useSearchParams();
+  const searchParams = useSearchParams();
   const [step, setStep] = useState("email");
   const [email, setEmail] = useState("");
   const [resetToken, setResetToken] = useState("");
@@ -1978,7 +2044,7 @@ function ForgotPassword({ onError, ...uiProps }) {
   );
 }
 function ResetPassword({ onError, ...uiProps }) {
-  const [searchParams] = useSearchParams();
+  const searchParams = useSearchParams();
   const token = searchParams.get("token");
   const { resetPassword } = useInsforge();
   const { authConfig } = usePublicAuthConfig();
@@ -2399,42 +2465,7 @@ function useUser() {
   const { user, isLoaded, updateUser, setUser } = useInsforge();
   return { user, isLoaded, updateUser, setUser };
 }
-function RedirectToAuth({
-  baseUrl,
-  path,
-  afterSignInUrl
-}) {
-  useEffect(() => {
-    const currentUrl = window.location.origin + afterSignInUrl;
-    const authUrl = new URL(path, baseUrl);
-    authUrl.searchParams.set("redirect", currentUrl);
-    window.location.replace(authUrl.toString());
-  }, [baseUrl, path, afterSignInUrl]);
-  return null;
-}
-function getInsforgeRoutes(config) {
-  const { baseUrl, builtInAuth = true, paths = {}, afterSignInUrl = "/" } = config;
-  const { signIn = "/sign-in", signUp = "/sign-up", forgotPassword = "/forgot-password" } = paths;
-  const routes = [];
-  if (builtInAuth) {
-    routes.push(
-      {
-        path: signIn,
-        element: /* @__PURE__ */ jsx(RedirectToAuth, { baseUrl, path: "/auth/sign-in", afterSignInUrl })
-      },
-      {
-        path: signUp,
-        element: /* @__PURE__ */ jsx(RedirectToAuth, { baseUrl, path: "/auth/sign-up", afterSignInUrl })
-      },
-      {
-        path: forgotPassword,
-        element: /* @__PURE__ */ jsx(RedirectToAuth, { baseUrl, path: "/auth/forgot-password" })
-      }
-    );
-  }
-  return routes;
-}
 
-export { AuthBranding, AuthContainer, AuthDivider, AuthEmailVerificationStep, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthResetPasswordVerificationStep, AuthSubmitButton, AuthVerificationCodeInput, ForgotPassword, ForgotPasswordForm, InsforgeProvider, OAUTH_PROVIDER_CONFIG, Protect, ResetPassword, ResetPasswordForm, SignIn, SignInForm, SignUp, SignUpForm, SignedIn, SignedOut, UserButton, VerifyEmail, VerifyEmailStatus, checkPasswordStrength, createPasswordSchema, emailSchema, getAllProviderConfigs, getInsforgeRoutes, getProviderConfig, passwordSchema, resolveAuthPath, resolveAuthUrl, useAuth, useInsforge, usePublicAuthConfig, 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, 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