svelte-firekit 0.0.13 → 0.0.14

package/dist/auth/require-auth.svelte

@@ -0,0 +1,52 @@
+<script lang="ts">
+    import type { DocumentData } from "firebase/firestore";
+    import { firekitAuthManager } from "../firebase/auth/auth-manager.svelte.js";
+
+    interface Props {
+        redirectTo?: string;
+        redirectParams?: Record<string, string>;
+        requiredClaims?: string[];
+        requiredData?: (data: DocumentData | null) => boolean;
+        allowIf?: (manager: typeof firekitAuthManager) => boolean;
+        children: () => any;
+    }
+
+    let {
+        redirectTo = "/login",
+        redirectParams,
+        requiredClaims = [],
+        requiredData,
+        allowIf,
+        children,
+    }: Props = $props();
+
+    let isAuthorized = $state(false);
+    let isValidating = $state(true);
+
+    async function validateAccess() {
+        isValidating = true;
+        isAuthorized = await firekitAuthManager.validateAuth({
+            authRequired: true,
+            redirectTo,
+            redirectParams,
+            requiredClaims,
+            requiredData,
+            allowIf,
+        });
+        isValidating = false;
+    }
+
+    $effect(() => {
+        if (firekitAuthManager.initialized) {
+            validateAccess();
+        }
+    });
+</script>
+
+{#if isValidating || firekitAuthManager.loading}
+    <div class="flex items-center justify-center p-4">
+        <span class="text-gray-500">Loading...</span>
+    </div>
+{:else if isAuthorized}
+    {@render children()}
+{/if}

package/dist/auth/require-auth.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { DocumentData } from "firebase/firestore";
+import { firekitAuthManager } from "../firebase/auth/auth-manager.svelte.js";
+declare const RequireAuth: import("svelte").Component<{
+    redirectTo?: string;
+    redirectParams?: Record<string, string>;
+    requiredClaims?: string[];
+    requiredData?: (data: DocumentData | null) => boolean;
+    allowIf?: (manager: typeof firekitAuthManager) => boolean;
+    children: () => any;
+}, {}, "">;
+export default RequireAuth;

package/dist/auth/require-no-auth.svelte

@@ -0,0 +1,42 @@
+<script lang="ts">
+    import { firekitAuthManager } from "../firebase/auth/auth-manager.svelte.js";
+
+    interface Props {
+        redirectTo?: string;
+        redirectParams?: Record<string, string>;
+        children: () => any;
+    }
+
+    let {
+        redirectTo = "/dashboard",
+        redirectParams,
+        children,
+    }: Props = $props();
+
+    let isAuthorized = $state(false);
+    let isValidating = $state(true);
+
+    async function validateAccess() {
+        isValidating = true;
+        isAuthorized = await firekitAuthManager.validateAuth({
+            authRequired: false,
+            redirectTo,
+            redirectParams,
+        });
+        isValidating = false;
+    }
+
+    $effect(() => {
+        if (firekitAuthManager.initialized) {
+            validateAccess();
+        }
+    });
+</script>
+
+{#if isValidating || firekitAuthManager.loading}
+    <div class="flex items-center justify-center p-4">
+        <span class="text-gray-500">Loading...</span>
+    </div>
+{:else if isAuthorized}
+    {@render children()}
+{/if}

package/dist/auth/require-no-auth.svelte.d.ts

@@ -0,0 +1,6 @@
+declare const RequireNoAuth: import("svelte").Component<{
+    redirectTo?: string;
+    redirectParams?: Record<string, string>;
+    children: () => any;
+}, {}, "">;
+export default RequireNoAuth;

package/dist/firebase/auth/auth-manager.svelte.d.ts

@@ -61,7 +61,7 @@ export declare class FirekitAuthManager {
     private generateDeviceId;
     private getPlatformInfo;
     private validateClaims;
-    private handleRedirect;
+    handleRedirect(redirectTo: string, params?: Record<string, string>): Promise<void>;
     validateAuth({ authRequired, redirectTo, requiredClaims, requiredData, allowIf, redirectParams, }?: GuardConfig): Promise<boolean>;
     updateEmailUser(email: string): Promise<void>;
     updatePassword(password: string): Promise<void>;
@@ -76,8 +76,6 @@ export declare class FirekitAuthManager {
     hasRequiredClaims(requiredClaims: string[]): boolean;
     isAdmin(): boolean;
     isPremium(): boolean;
-    requireAuth(redirectTo?: string, redirectParams?: Record<string, string>): Promise<boolean>;
-    requireNoAuth(redirectTo?: string, redirectParams?: Record<string, string>): Promise<boolean>;
     requireClaims(claims: string[], redirectTo?: string, redirectParams?: Record<string, string>): Promise<boolean>;
     requireData(validator: (data: DocumentData | null) => boolean, redirectTo?: string, redirectParams?: Record<string, string>): Promise<boolean>;
     logOut(): Promise<void>;

package/dist/firebase/auth/auth-manager.svelte.js

@@ -353,21 +353,6 @@ export class FirekitAuthManager {
     isPremium() {
         return Boolean(this._claims.premium);
     }
-    // Convenience methods for route guards
-    async requireAuth(redirectTo = "/login", redirectParams) {
-        return this.validateAuth({
-            authRequired: true,
-            redirectTo,
-            redirectParams,
-        });
-    }
-    async requireNoAuth(redirectTo = "/dashboard", redirectParams) {
-        return this.validateAuth({
-            authRequired: false,
-            redirectTo,
-            redirectParams,
-        });
-    }
     async requireClaims(claims, redirectTo = "/login", redirectParams) {
         return this.validateAuth({
             requiredClaims: claims,

package/dist/index.d.ts

@@ -12,6 +12,8 @@ export { default as SignInPage } from './auth/sign-in.svelte';
 export { default as SignUpPage } from './auth/sign-up.svelte';
 export { default as ResetPassWordPage } from './auth/reset-password.svelte';
 export { default as AuthPage } from './auth/auth.svelte';
+export { default as RequireAuth } from './auth/require-auth.svelte';
+export { default as RequireNoAuth } from './auth/require-no-auth.svelte';
 export { default as ResetPassWordForm } from './components/auth/reset-password-form.svelte';
 export { default as SignInForm } from './components/auth/sign-in-form.svelte';
 export { default as SignUpForm } from './components/auth/sign-up-form.svelte';

package/dist/index.js

@@ -19,6 +19,8 @@ export { default as SignInPage } from './auth/sign-in.svelte';
 export { default as SignUpPage } from './auth/sign-up.svelte';
 export { default as ResetPassWordPage } from './auth/reset-password.svelte';
 export { default as AuthPage } from './auth/auth.svelte';
+export { default as RequireAuth } from './auth/require-auth.svelte';
+export { default as RequireNoAuth } from './auth/require-no-auth.svelte';
 export { default as ResetPassWordForm } from './components/auth/reset-password-form.svelte';
 export { default as SignInForm } from './components/auth/sign-in-form.svelte';
 export { default as SignUpForm } from './components/auth/sign-up-form.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "svelte-firekit",
-	"version": "0.0.13",
+	"version": "0.0.14",
 	"license": "MIT",
 	"scripts": {
 		"dev": "vite dev",