GPT

CORRECT AUTH STORE IMPLEMENTATION

// src/lib/stores/auth.ts import { createAuth0Client, Auth0Client, User } from '@auth0/auth0-spa-js'; import { writable, derived } from 'svelte/store'; import type { Writable } from 'svelte/store'; interface AuthState {

Prompt text

Original English text. Replace placeholders with your own details.

// src/lib/stores/auth.ts
import { createAuth0Client, Auth0Client, User } from '@auth0/auth0-spa-js';
import { writable, derived } from 'svelte/store';
import type { Writable } from 'svelte/store';

interface AuthState {
 client: Auth0Client | null;
 isAuthenticated: boolean;
 user: User | null;
 loading: boolean;
 error: Error | null;
}

const createAuthStore = () => {
 const { subscribe, set, update }: Writable<AuthState> = writable({
 client: null,
 isAuthenticated: false,
 user: null,
 loading: true,
 error: null
 });

 async function initAuth() {
 try {
 const auth0 = await createAuth0Client({
 domain: import.meta.env.VITE_AUTH0_DOMAIN,
 clientId: import.meta.env.VITE_AUTH0_CLIENT_ID,
 authorizationParams: {
 redirect_uri: window.location.origin
 }
 });

 update(state => ({ ...state, client: auth0 }));

 // Handle redirect callback
 if (window.location.search.includes('code=')) {
 await auth0.handleRedirectCallback();
 window.history.replaceState({}, document.title, window.location.pathname);
 }

 const isAuthenticated = await auth0.isAuthenticated();
 const user = isAuthenticated ? await auth0.getUser() : null;

 set({
 client: auth0,
 isAuthenticated,
 user,
 loading: false,
 error: null
 });
 } catch (error) {
 update(state => ({
 ...state,
 error: error as Error,
 loading: false
 }));
 }
 }

 async function login() {
 update(state => ({ ...state, loading: true }));
 try {
 const client = await getClient();
 await client.loginWithRedirect();
 } catch (error) {
 update(state => ({
 ...state,
 error: error as Error,
 loading: false
 }));
 }
 }

 async function logout() {
 update(state => ({ ...state, loading: true }));
 try {
 const client = await getClient();
 await client.logout({
 logoutParams: {
 returnTo: window.location.origin
 }
 });
 } catch (error) {
 update(state => ({
 ...state,
 error: error as Error,
 loading: false
 }));
 }
 }

 async function getClient(): Promise<Auth0Client> {
 const state = await get();
 if (!state.client) {
 throw new Error('Auth0 client not initialized');
 }
 return state.client;
 }

 return {
 subscribe,
 login,
 logout,
 initAuth
 };
};

export const auth = createAuthStore();
export const isAuthenticated = derived(auth, $auth => $auth.isAuthenticated);
export const user = derived(auth, $auth => $auth.user);
export const loading = derived(auth, $auth => $auth.loading);
export const error = derived(auth, $auth => $auth.error);

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →