@hexdspace/react 0.0.13 → 0.0.15

package/dist/index.d.ts

@@ -356,6 +356,20 @@ interface InputProps {
 }
 declare const AuthFormInputField: react__default.FC<InputProps>;
 
+type RequireAuthProps = {
+    guarded?: ReactNode;
+    loadingPlaceholder?: ReactNode;
+    errorPlaceholder?: ReactNode;
+};
+type RedirectIfAuthedProps = {
+    redirectTo?: string;
+    loadingPlaceholder?: ReactNode;
+    nonAuthedPlaceholder?: ReactNode;
+    errorPlaceholder?: ReactNode;
+};
+declare function RequireAuth({ guarded, loadingPlaceholder, errorPlaceholder }: RequireAuthProps): react_jsx_runtime.JSX.Element;
+declare function RedirectIfAuthed({ redirectTo, loadingPlaceholder, nonAuthedPlaceholder, errorPlaceholder }: RedirectIfAuthedProps): react_jsx_runtime.JSX.Element;
+
 type AuthFixtures = {
     meError?: HttpError;
     loginError?: HttpError;
@@ -375,4 +389,4 @@ declare class MockAuthHttpClient extends MockHttpClient {
     private registerAuthRoutes;
 }
 
-export { AuthController, AuthControllerCtx, type AuthControllerDeps, AuthControllerProvider, AuthDispatchCtx, AuthFormInputField, AuthProvider, type AuthState, AuthStateCtx, type CacheInstruction, type CustomInstruction, DEFAULT_NOTIFICATION_CHANNEL, type ErrorResponse, type GenericResponse, HttpError, type HttpResponse, type Instruction, type InstructionContext, MockAuthHttpClient, MockHttpClient, type Notification, type NotificationAction, NotificationHost, type NotificationInstruction, type NotificationVariant, NotifierController, type OptimisticSnapshot, type ResolvedToastTheme, type ResponsiveMutation, type ToastActionTheme, type ToastTheme, type ToastTransition, type ToastifyCSSVars, type UIFail, type UIOk, type UIResult, type User, authController, controllerFactory, createAuthController, httpClient as fetchHttpClient, notifierController, resolveToastTheme, ui, useAuth, useAuthActions, useAuthController, useAuthDispatch, useAuthedUser, useResponsiveMutation };
+export { AuthController, AuthControllerCtx, type AuthControllerDeps, AuthControllerProvider, AuthDispatchCtx, AuthFormInputField, AuthProvider, type AuthState, AuthStateCtx, type CacheInstruction, type CustomInstruction, DEFAULT_NOTIFICATION_CHANNEL, type ErrorResponse, type GenericResponse, type HttpClient, HttpError, type HttpMethod, type HttpResponse, type Instruction, type InstructionContext, MockAuthHttpClient, MockHttpClient, type Notification, type NotificationAction, NotificationHost, type NotificationInstruction, type NotificationVariant, NotifierController, type OptimisticSnapshot, RedirectIfAuthed, type RedirectIfAuthedProps, type RequestConfig, RequireAuth, type RequireAuthProps, type ResolvedToastTheme, type ResponsiveMutation, type ToastActionTheme, type ToastTheme, type ToastTransition, type ToastifyCSSVars, type UIFail, type UIOk, type UIResult, type User, authController, controllerFactory, createAuthController, httpClient as fetchHttpClient, notifierController, resolveToastTheme, ui, useAuth, useAuthActions, useAuthController, useAuthDispatch, useAuthedUser, useResponsiveMutation };

package/dist/index.js

@@ -921,6 +921,35 @@ var AuthFormInputField = ({ id, label, type, value, onChange, placeholder, class
   ] });
 };
 
+// src/feature/auth/interface/web/react/auth-route-guards.tsx
+import { Navigate, Outlet, useLocation } from "react-router-dom";
+import { Fragment, jsx as jsx6 } from "react/jsx-runtime";
+function RequireAuth({ guarded, loadingPlaceholder, errorPlaceholder }) {
+  const auth = useAuth();
+  const location = useLocation();
+  if (auth.status === "loading") {
+    return /* @__PURE__ */ jsx6(Fragment, { children: loadingPlaceholder ?? null });
+  }
+  if (auth.status === "error") {
+    return /* @__PURE__ */ jsx6(Fragment, { children: errorPlaceholder ?? loadingPlaceholder ?? null });
+  }
+  if (auth.status === "unauthenticated") {
+    return /* @__PURE__ */ jsx6(Navigate, { to: "/login", replace: true, state: { from: location } });
+  }
+  return guarded ? /* @__PURE__ */ jsx6(Fragment, { children: guarded }) : /* @__PURE__ */ jsx6(Outlet, {});
+}
+function RedirectIfAuthed({ redirectTo, loadingPlaceholder, nonAuthedPlaceholder, errorPlaceholder }) {
+  const auth = useAuth();
+  if (auth.status === "loading") {
+    return /* @__PURE__ */ jsx6(Fragment, { children: loadingPlaceholder ?? null });
+  }
+  if (auth.status === "error") {
+    return /* @__PURE__ */ jsx6(Fragment, { children: errorPlaceholder ?? loadingPlaceholder ?? null });
+  }
+  if (auth.status === "authenticated") return /* @__PURE__ */ jsx6(Navigate, { to: redirectTo ?? "/", replace: true });
+  return nonAuthedPlaceholder ? /* @__PURE__ */ jsx6(Fragment, { children: nonAuthedPlaceholder }) : /* @__PURE__ */ jsx6(Outlet, {});
+}
+
 // src/feature/auth/infra/mock-auth-http-client.ts
 function httpResponse(data, status = 200) {
   return { data, status, headers: {} };
@@ -1006,6 +1035,8 @@ export {
   MockHttpClient,
   NotificationHost,
   NotifierController,
+  RedirectIfAuthed,
+  RequireAuth,
   authController,
   controllerFactory,
   createAuthController,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexdspace/react",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",