@dbx-tools/ui-auth 0.6.93 → 0.6.94

package/README.md

@@ -8,6 +8,7 @@ Key features:
 - automatic conditional passkey mediation on supported browsers;
 - first-login passkey enrollment prompt;
 - authenticated passkey list, rename, add, and remove controls;
+- status and logout helpers for tunnel-aware application controls;
 - HttpOnly Better Auth sessions with no browser token storage;
 - AppKit and dbx-tools branding primitives.
 
@@ -27,6 +28,11 @@ root.render(
 );
 ```
 
+`getAuthStatus()` reports whether the current request is behind the tunnel gate.
+`logout()` clears the session and navigates to the server-configured login
+destination.
+
 ## Public subpaths
 
-- `@dbx-tools/ui-auth/react` - `AuthGate` and `PasskeyManager`.
+- `@dbx-tools/ui-auth/react` - `AuthGate`, `PasskeyManager`, `getAuthStatus`,
+  and `logout`.

package/package.json

@@ -25,10 +25,10 @@
   },
   "dependencies": {
     "@better-auth/passkey": "^1.6.25",
-    "@dbx-tools/shared-auth": "0.6.93",
-    "@dbx-tools/shared-core": "0.6.93",
-    "@dbx-tools/ui-appkit": "0.6.93",
-    "@dbx-tools/ui-branding": "0.6.93",
+    "@dbx-tools/shared-auth": "0.6.94",
+    "@dbx-tools/shared-core": "0.6.94",
+    "@dbx-tools/ui-appkit": "0.6.94",
+    "@dbx-tools/ui-branding": "0.6.94",
     "better-auth": "^1.6.25",
     "react": "^19.2.4",
     "react-dom": "^19.2.4"
@@ -37,7 +37,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.6.93",
+  "version": "0.6.94",
   "type": "module",
   "exports": {
     "./react": "./src/react/index.ts",

package/src/react/auth-client.ts

@@ -1,4 +1,5 @@
 import { passkeyClient } from "@better-auth/passkey/client";
+import { authLogoutResultSchema, authStatusSchema, type AuthStatus } from "@dbx-tools/shared-auth";
 import { createAuthClient } from "better-auth/client";
 import { emailOTPClient } from "better-auth/client/plugins";
 
@@ -19,6 +20,23 @@ export interface PasskeySummary {
   deviceType?: string | null;
 }
 
+export async function getAuthStatus(): Promise<AuthStatus> {
+  const response = await fetch(`${AUTH_BASE}/status`, { credentials: "include" });
+  if (!response.ok) throw new Error(`Auth status failed with ${response.status}`);
+  return authStatusSchema.parse(await response.json());
+}
+
+export async function logout(): Promise<boolean> {
+  const response = await fetch(`${AUTH_BASE}/logout`, {
+    method: "POST",
+    credentials: "include",
+  });
+  const parsed = authLogoutResultSchema.safeParse(await response.json());
+  if (!response.ok || !parsed.success || !parsed.data.ok) return false;
+  if (typeof window !== "undefined") window.location.assign(parsed.data.redirectTo);
+  return true;
+}
+
 export async function requestEmailOtp(email: string): Promise<boolean> {
   const result = await client.emailOtp.sendVerificationOtp({ email, type: "sign-in" });
   return result.error === null;

package/src/react/auth-gate.tsx

@@ -1,4 +1,3 @@
-import type { AuthStatus } from "@dbx-tools/shared-auth";
 import { net } from "@dbx-tools/shared-core";
 import { Button, Input } from "@dbx-tools/ui-appkit/react";
 import { BrandIcon, useBrand } from "@dbx-tools/ui-branding/react";
@@ -6,7 +5,7 @@ import { type FormEvent, type ReactNode, useCallback, useEffect, useState } from
 
 import {
   addPasskey,
-  AUTH_BASE,
+  getAuthStatus,
   requestEmailOtp,
   signInPasskey,
   verifyEmailOtp,
@@ -32,11 +31,7 @@ export function AuthGate({ children, title, description }: AuthGateProps): React
 
   useEffect(() => {
     let cancelled = false;
-    void fetch(`${AUTH_BASE}/status`, { credentials: "same-origin" })
-      .then(async (response) => {
-        if (!response.ok) throw new Error(`Authentication status failed (${response.status})`);
-        return (await response.json()) as AuthStatus;
-      })
+    void getAuthStatus()
       .then((status) => {
         if (cancelled) return;
         setPasskeysEnabled(status.passkeysEnabled === true);

package/src/react/index.ts

@@ -1,2 +1,3 @@
+export { getAuthStatus, logout } from "./auth-client.ts";
 export { AuthGate, type AuthGateProps } from "./auth-gate.tsx";
 export { PasskeyManager, type PasskeyManagerProps } from "./passkey-manager.tsx";