vuethenticate 0.1.4 → 0.1.6

package/README.md

@@ -98,6 +98,7 @@ function onError(error) {
 // router.js
 import { createRouter, createWebHistory } from 'vue-router'
 import CallbackPage from './CallbackPage.vue'
+import LogoutCallbackPage from './LogoutCallbackPage.vue'
 import SilentCallbackPage from './SilentCallbackPage.vue'
 
 const routes = [
@@ -105,6 +106,10 @@ const routes = [
     path: '/auth/callback',
     component: CallbackPage
   },
+  {
+    path: '/auth/logout-callback',
+    component: LogoutCallbackPage
+  },
   {
     path: '/auth/silent-callback',
     component: SilentCallbackPage
@@ -264,6 +269,76 @@ Component for handling OAuth callback. **Note**: This component requires `useAut
 | `success` | `User, state?: TState` | Emitted on successful authentication with typed state |
 | `error` | `Error` | Emitted on authentication error |
 
+### `<LogoutCallback>`
+
+Component for handling OAuth logout callback. **Note**: This component requires `useAuth()` to be called in a parent component first.
+
+#### Props
+
+| Property | Type | Required | Description |
+|----------|------|----------|-------------|
+| `onSuccess` | `(state?: TState) => void` | | Success callback with typed state |
+| `onError` | `(error: Error) => void` | | Error callback |
+
+#### Slots
+
+| Slot | Props | Description |
+|------|-------|-------------|
+| `default` | - | Loading content |
+| `error` | `{ error: Error }` | Error content |
+| `success` | - | Success content |
+
+#### Events
+
+| Event | Payload | Description |
+|-------|---------|-------------|
+| `success` | `state?: TState` | Emitted on successful logout with typed state |
+| `error` | `Error` | Emitted on logout error |
+
+#### Usage
+
+```vue
+<!-- LogoutCallbackPage.vue -->
+<script setup>
+import { LogoutCallback } from 'vuethenticate'
+
+function onSuccess(state) {
+  console.log('Logout successful:', state)
+  // Redirect to home or show success message
+  window.location.href = '/'
+}
+
+function onError(error) {
+  console.error('Logout failed:', error)
+  // Handle error - redirect or show error
+  window.location.href = '/error'
+}
+</script>
+
+<template>
+  <LogoutCallback 
+    :onSuccess="onSuccess"
+    :onError="onError"
+  >
+    <div>Processing logout...</div>
+    
+    <template #error="{ error }">
+      <div>
+        <h2>Logout Failed</h2>
+        <p>{{ error.message }}</p>
+      </div>
+    </template>
+    
+    <template #success>
+      <div>
+        <h2>Logout Successful</h2>
+        <p>You have been logged out successfully.</p>
+      </div>
+    </template>
+  </LogoutCallback>
+</template>
+```
+
 ### `<SilentCallback>`
 
 Component for handling silent token renewal callbacks. This component should be mounted on a separate route (typically `/auth/silent-callback`) and is used internally by the library for automatic token refresh. **Note**: This component requires `useAuth()` to be called in a parent component first.

package/dist/components/AuthCallback.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthCallback.vue.d.ts","sourceRoot":"","sources":["../../src/components/AuthCallback.vue"],"names":[],"mappings":"AAgBA;AA2EA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;yBAG1B,MAAM,GAAG,OAAO,EAChC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAiHO,mBAAmB,CAAC;;;uLAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBAhCkB,GAAG;;;YACL,GAAG;;;EAmC1B,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA5HzE,wBA4H4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"AuthCallback.vue.d.ts","sourceRoot":"","sources":["../../src/components/AuthCallback.vue"],"names":[],"mappings":"AAgBA;AAyEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;yBAG1B,MAAM,GAAG,OAAO,EAChC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAiHO,mBAAmB,CAAC;;;uLAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBAhCkB,GAAG;;;YACL,GAAG;;;EAmC1B,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA5HzE,wBA4H4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/LogoutCallback.vue.d.ts

@@ -0,0 +1,24 @@
+import { LogoutCallbackProps } from '../types/auth';
+declare const _default: <TState = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onError?: ((error: Error) => any) | undefined;
+        readonly onSuccess?: ((state?: TState | undefined) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onError" | "onSuccess"> & LogoutCallbackProps<TState> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default?(_: {}): any;
+        error?(_: {
+            error: Error;
+        }): any;
+        success?(_: {}): any;
+    };
+    emit: ((evt: "error", error: Error) => void) & ((evt: "success", state?: TState | undefined) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=LogoutCallback.vue.d.ts.map

package/dist/components/LogoutCallback.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoutCallback.vue.d.ts","sourceRoot":"","sources":["../../src/components/LogoutCallback.vue"],"names":[],"mappings":"AAyBA;AAiFA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;yBAGxC,MAAM,GAAG,OAAO,EAChC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA4HO,mBAAmB,CAAC;;;yLAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBAjCkB,GAAG;;;YACL,GAAG;yBACD,GAAG;;;EAmC5B,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAvIzE,wBAuI4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
 export { default as AuthCallback } from './AuthCallback.vue';
+export { default as LogoutCallback } from './LogoutCallback.vue';
 export { default as SilentCallback } from './SilentCallback.vue';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/composables/useAuth.d.ts

@@ -17,6 +17,9 @@ export declare const useAuthCallbacks: <TState = unknown>() => {
         user: User;
         state?: TState;
     }>;
+    processLogoutCallback: () => Promise<{
+        state?: TState;
+    }>;
     processSilentCallback: () => Promise<void>;
     isInitialized: Ref<boolean, boolean>;
     isInitializing: Ref<boolean, boolean>;

package/dist/composables/useAuth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../src/composables/useAuth.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAoB,KAAK,GAAG,EAAwB,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,KAAK,IAAI,EAAe,MAAM,gBAAgB,CAAC;AAwNxD;;;;GAIG;AACH,eAAO,MAAM,OAAO,GAAI,MAAM,GAAG,OAAO,EACpC,QAAQ,UAAU,KACnB,aAAa,CAAC,MAAM,CAsNtB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,MAAM,GAAG,OAAO;2BAaX,OAAO,CAAC;QACtC,IAAI,EAAE,IAAI,CAAC;QACX,KAAK,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;iCAiBsC,OAAO,CAAC,IAAI,CAAC;;;CAYxD,CAAC"}
+{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../src/composables/useAuth.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAoB,KAAK,GAAG,EAAwB,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,KAAK,IAAI,EAAe,MAAM,gBAAgB,CAAC;AAwNxD;;;;GAIG;AACH,eAAO,MAAM,OAAO,GAAI,MAAM,GAAG,OAAO,EACpC,QAAQ,UAAU,KACnB,aAAa,CAAC,MAAM,CAsNtB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,MAAM,GAAG,OAAO;2BAaX,OAAO,CAAC;QACtC,IAAI,EAAE,IAAI,CAAC;QACX,KAAK,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;iCAkBsC,OAAO,CAAC;QAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;iCAYsC,OAAO,CAAC,IAAI,CAAC;;;CAaxD,CAAC"}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export { useAuth } from './composables/useAuth';
-export { AuthCallback, SilentCallback } from './components';
-export type { AuthConfig, AuthState, AuthMethods, AuthCallbackMethods, UseAuthReturn, AuthCallbackProps, SilentCallbackProps, User, } from './types/auth';
+export { AuthCallback, LogoutCallback, SilentCallback } from './components';
+export type { AuthConfig, AuthState, AuthMethods, AuthCallbackMethods, UseAuthReturn, AuthCallbackProps, SilentCallbackProps, LogoutCallbackProps, User, } from './types/auth';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG5D,YAAY,EACR,UAAU,EACV,SAAS,EACT,WAAW,EACX,mBAAmB,EACnB,aAAa,EACb,iBAAiB,EACjB,mBAAmB,EACnB,IAAI,GACP,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG5E,YAAY,EACR,UAAU,EACV,SAAS,EACT,WAAW,EACX,mBAAmB,EACnB,aAAa,EACb,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,IAAI,GACP,MAAM,cAAc,CAAC"}

package/dist/index.esm.js

@@ -1,245 +1,245 @@
-import { ref as m, computed as I, watch as W, defineComponent as M, onMounted as R, createElementBlock as _, openBlock as L, Fragment as $, renderSlot as b, createCommentVNode as C, unref as F, createElementVNode as S, toDisplayString as P } from "vue";
-import { WebStorageStateStore as j, UserManager as G } from "oidc-client-ts";
-function H(e) {
-  const r = typeof window < "u" ? window.location.origin : "";
+import { ref as m, computed as I, watch as W, defineComponent as M, onMounted as T, createElementBlock as F, openBlock as P, Fragment as K, renderSlot as S, createCommentVNode as U, unref as L, createElementVNode as y, toDisplayString as x } from "vue";
+import { WebStorageStateStore as Y, UserManager as j } from "oidc-client-ts";
+function G(e) {
+  const t = typeof window < "u" ? window.location.origin : "";
   return {
     authority: e.authority,
     client_id: e.clientId,
     client_secret: e.clientSecret,
     client_authentication: e.clientAuthentication,
-    redirect_uri: e.redirectUri ?? `${r}/auth/callback`,
+    redirect_uri: e.redirectUri ?? `${t}/auth/callback`,
     scope: e.scope ?? "openid profile",
     response_type: e.responseType ?? "code",
-    userStore: e.storage ? new j({ store: J(e.storage) }) : void 0,
+    userStore: e.storage ? new Y({ store: H(e.storage) }) : void 0,
     automaticSilentRenew: e.automaticSilentRenew ?? !0,
-    silent_redirect_uri: e.silentRedirectUri ?? `${r}/auth/silent-callback`,
-    post_logout_redirect_uri: e.postLogoutRedirectUri ?? r,
+    silent_redirect_uri: e.silentRedirectUri ?? `${t}/auth/silent-callback`,
+    post_logout_redirect_uri: e.postLogoutRedirectUri ?? `${t}/auth/logout-callback`,
     includeIdTokenInSilentRenew: !0,
     accessTokenExpiringNotificationTimeInSeconds: 60
   };
 }
-function J(e) {
+function H(e) {
   if (typeof window > "u")
-    return T();
+    return _();
   switch (e) {
     case "localStorage":
       return window.localStorage;
     case "sessionStorage":
       return window.sessionStorage;
     case "memory":
-      return T();
+      return _();
     default:
       return window.localStorage;
   }
 }
-function T() {
+function _() {
   const e = /* @__PURE__ */ new Map();
   return {
-    getItem: (r) => e.get(r) ?? null,
-    setItem: (r, t) => e.set(r, t),
-    removeItem: (r) => e.delete(r),
+    getItem: (t) => e.get(t) ?? null,
+    setItem: (t, r) => e.set(t, r),
+    removeItem: (t) => e.delete(t),
     clear: () => e.clear(),
     get length() {
       return e.size;
     },
-    key: (r) => Array.from(e.keys())[r] ?? null
+    key: (t) => Array.from(e.keys())[t] ?? null
   };
 }
-const h = /* @__PURE__ */ new Map(), Q = (e) => {
+const h = /* @__PURE__ */ new Map(), J = (e) => {
   try {
-    const { userManager: r, eventCallbacks: t } = e;
-    t.userLoaded && r.events.removeUserLoaded(t.userLoaded), t.userUnloaded && r.events.removeUserUnloaded(t.userUnloaded), t.accessTokenExpired && r.events.removeAccessTokenExpired(
-      t.accessTokenExpired
-    ), t.accessTokenExpiring && r.events.removeAccessTokenExpiring(
-      t.accessTokenExpiring
-    ), t.silentRenewError && r.events.removeSilentRenewError(
-      t.silentRenewError
-    ), r.stopSilentRenew(), r.clearStaleState();
-  } catch (r) {
-    console.warn("Error during UserManager cleanup:", r);
+    const { userManager: t, eventCallbacks: r } = e;
+    r.userLoaded && t.events.removeUserLoaded(r.userLoaded), r.userUnloaded && t.events.removeUserUnloaded(r.userUnloaded), r.accessTokenExpired && t.events.removeAccessTokenExpired(
+      r.accessTokenExpired
+    ), r.accessTokenExpiring && t.events.removeAccessTokenExpiring(
+      r.accessTokenExpiring
+    ), r.silentRenewError && t.events.removeSilentRenewError(
+      r.silentRenewError
+    ), t.stopSilentRenew(), t.clearStaleState();
+  } catch (t) {
+    console.warn("Error during UserManager cleanup:", t);
   }
-}, K = (e) => `${e.authority}_${e.clientId}`, X = () => h.size === 0 ? null : (h.size === 1 || console.warn(
+}, N = (e) => `${e.authority}_${e.clientId}`, Q = () => h.size === 0 ? null : (h.size === 1 || console.warn(
   "Multiple auth instances detected. Callback components may not work as expected. Consider using a single auth instance or specify config explicitly."
-), Array.from(h.values())[0] || null), Y = (e) => {
-  const r = K(e), t = h.get(r);
-  if (t)
-    return t;
-  const s = Z(e), i = m(!1), u = m(!1), n = m(null), a = m(!1), p = m(null), y = I(() => !!n.value && !n.value.expired), d = I(() => {
+), Array.from(h.values())[0] || null), X = (e) => {
+  const t = N(e), r = h.get(t);
+  if (r)
+    return r;
+  const o = Z(e), n = m(!1), c = m(!1), s = m(null), a = m(!1), p = m(null), d = I(() => !!s.value && !s.value.expired), l = I(() => {
     var E;
-    return ((E = n.value) == null ? void 0 : E.access_token) || null;
-  }), v = I(() => {
+    return ((E = s.value) == null ? void 0 : E.access_token) || null;
+  }), u = I(() => {
     var E;
-    return !!((E = n.value) != null && E.expired);
+    return !!((E = s.value) != null && E.expired);
   }), k = {
-    userManager: s,
-    isInitialized: i,
-    isInitializing: u,
-    user: n,
+    userManager: o,
+    isInitialized: n,
+    isInitializing: c,
+    user: s,
     isLoading: a,
     error: p,
-    isAuthenticated: y,
-    accessToken: d,
-    isExpired: v,
+    isAuthenticated: d,
+    accessToken: l,
+    isExpired: u,
     eventCallbacks: {}
   };
-  return h.set(r, k), k;
+  return h.set(t, k), k;
 }, Z = (e) => {
-  const r = H(e);
-  return new G(r);
-}, f = (e, r, t, s) => {
-  const i = e instanceof Error ? e : new Error(r);
-  return t.value = i, s == null || s(i), i;
+  const t = G(e);
+  return new j(t);
+}, b = (e, t, r, o) => {
+  const n = e instanceof Error ? e : new Error(t);
+  return r.value = n, o == null || o(n), n;
 }, ee = (e) => {
-  var r, t;
-  if (!((r = e.authority) != null && r.trim()))
+  var t, r;
+  if (!((t = e.authority) != null && t.trim()))
     throw new Error("AuthConfig: authority is required");
-  if (!((t = e.clientId) != null && t.trim()))
+  if (!((r = e.clientId) != null && r.trim()))
     throw new Error("AuthConfig: clientId is required");
   try {
     new URL(e.authority);
   } catch {
     throw new Error("AuthConfig: authority must be a valid URL");
   }
-}, z = async (e, r = 1e4) => {
+}, z = async (e, t = 1e4) => {
   if (!e.isInitialized.value)
-    return new Promise((t, s) => {
-      const i = setTimeout(() => {
-        s(new Error("Authentication initialization timeout"));
-      }, r), u = W(
+    return new Promise((r, o) => {
+      const n = setTimeout(() => {
+        o(new Error("Authentication initialization timeout"));
+      }, t), c = W(
         e.isInitialized,
-        (n) => {
-          n && (clearTimeout(i), u(), t());
+        (s) => {
+          s && (clearTimeout(n), c(), r());
         },
         { immediate: !0 }
       );
     });
 }, ne = (e) => {
   ee(e);
-  const r = Y(e), {
-    userManager: t,
-    isInitialized: s,
-    isInitializing: i,
-    user: u,
-    isLoading: n,
+  const t = X(e), {
+    userManager: r,
+    isInitialized: o,
+    isInitializing: n,
+    user: c,
+    isLoading: s,
     error: a,
     isAuthenticated: p,
-    accessToken: y,
-    isExpired: d
-  } = r, v = K(e), k = async () => {
-    if (!(i.value || s.value))
+    accessToken: d,
+    isExpired: l
+  } = t, u = N(e), k = async () => {
+    if (!(n.value || o.value))
       try {
-        i.value = !0, n.value = !0, a.value = null;
-        const o = await t.getUser();
-        if (o)
-          if (!o.expired)
-            u.value = o;
+        n.value = !0, s.value = !0, a.value = null;
+        const v = await r.getUser();
+        if (v)
+          if (!v.expired)
+            c.value = v;
           else if (e.automaticSilentRenew !== !1)
             try {
-              await x();
-            } catch (l) {
+              await $();
+            } catch (i) {
               console.warn(
                 "Silent renewal failed during initialization:",
-                l
-              ), await t.removeUser(), u.value = null;
+                i
+              ), await r.removeUser(), c.value = null;
             }
           else
-            await t.removeUser(), u.value = null;
-      } catch (o) {
-        f(
-          o,
+            await r.removeUser(), c.value = null;
+      } catch (v) {
+        b(
+          v,
           "Failed to initialize authentication",
           a,
           e.onError
         );
       } finally {
-        n.value = !1, i.value = !1, s.value = !0;
+        s.value = !1, n.value = !1, o.value = !0;
       }
-  }, E = async (o) => {
+  }, E = async (v) => {
     try {
-      n.value = !0, a.value = null, await t.signinRedirect({ state: o });
-    } catch (l) {
-      f(l, "Sign in failed", a, e.onError);
+      s.value = !0, a.value = null, await r.signinRedirect({ state: v });
+    } catch (i) {
+      b(i, "Sign in failed", a, e.onError);
     } finally {
-      n.value = !1;
+      s.value = !1;
     }
-  }, q = async (o) => {
+  }, q = async (v) => {
     try {
-      n.value = !0, a.value = null, u.value = null, await t.signoutRedirect({ state: o });
-    } catch (l) {
-      f(l, "Sign out failed", a, e.onError);
+      s.value = !0, a.value = null, c.value = null, await r.signoutRedirect({ state: v });
+    } catch (i) {
+      b(i, "Sign out failed", a, e.onError);
     } finally {
-      n.value = !1;
+      s.value = !1;
     }
-  }, x = async () => {
+  }, $ = async () => {
     try {
-      n.value = !0, a.value = null;
-      const o = await t.signinSilent();
-      u.value = o;
-    } catch (o) {
-      throw f(
-        o,
+      s.value = !0, a.value = null;
+      const v = await r.signinSilent();
+      c.value = v;
+    } catch (v) {
+      throw b(
+        v,
         "Silent renewal failed",
         a,
         e.onError
       );
     } finally {
-      n.value = !1;
+      s.value = !1;
     }
   }, B = () => {
     a.value = null;
-  }, O = (o, l) => {
-    const { userManager: g, user: A, error: D, eventCallbacks: w } = o;
-    w.userLoaded = (c) => {
-      var U;
-      A.value = c, (U = l.onUserLoaded) == null || U.call(l, c);
-    }, w.userUnloaded = () => {
-      var c;
-      A.value = null, (c = l.onUserUnloaded) == null || c.call(l);
-    }, w.accessTokenExpired = () => {
-      var c;
-      (c = l.onAccessTokenExpired) == null || c.call(l);
-    }, w.accessTokenExpiring = () => {
-      var c;
-      (c = l.onAccessTokenExpiring) == null || c.call(l);
-    }, w.silentRenewError = async (c) => {
-      console.warn("Silent renewal failed:", c);
+  }, O = (v, i) => {
+    const { userManager: f, user: A, error: D, eventCallbacks: g } = v;
+    g.userLoaded = (w) => {
+      var C;
+      A.value = w, (C = i.onUserLoaded) == null || C.call(i, w);
+    }, g.userUnloaded = () => {
+      var w;
+      A.value = null, (w = i.onUserUnloaded) == null || w.call(i);
+    }, g.accessTokenExpired = () => {
+      var w;
+      (w = i.onAccessTokenExpired) == null || w.call(i);
+    }, g.accessTokenExpiring = () => {
+      var w;
+      (w = i.onAccessTokenExpiring) == null || w.call(i);
+    }, g.silentRenewError = async (w) => {
+      console.warn("Silent renewal failed:", w);
       try {
-        await g.removeUser(), A.value = null;
-      } catch (U) {
+        await f.removeUser(), A.value = null;
+      } catch (C) {
         console.error(
           "Failed to remove user after silent renewal error:",
-          U
+          C
         );
       }
-      f(
-        c,
+      b(
+        w,
         "Silent renewal failed",
         D,
-        l.onError
+        i.onError
       );
-    }, g.events.addUserLoaded(w.userLoaded), g.events.addUserUnloaded(w.userUnloaded), g.events.addAccessTokenExpired(
-      w.accessTokenExpired
-    ), g.events.addAccessTokenExpiring(
-      w.accessTokenExpiring
-    ), g.events.addSilentRenewError(w.silentRenewError);
+    }, f.events.addUserLoaded(g.userLoaded), f.events.addUserUnloaded(g.userUnloaded), f.events.addAccessTokenExpired(
+      g.accessTokenExpired
+    ), f.events.addAccessTokenExpiring(
+      g.accessTokenExpiring
+    ), f.events.addSilentRenewError(g.silentRenewError);
   }, V = () => {
-    Q(r), h.delete(v);
+    J(t), h.delete(u);
   };
-  return !s.value && !i.value && (k(), O(r, e)), {
-    user: u,
+  return !o.value && !n.value && (k(), O(t, e)), {
+    user: c,
     isAuthenticated: p,
-    isLoading: n,
+    isLoading: s,
     error: a,
-    accessToken: y,
-    isExpired: d,
+    accessToken: d,
+    isExpired: l,
     signIn: E,
     signOut: q,
-    silentRenew: x,
+    silentRenew: $,
     clearError: B,
     cleanup: V
   };
-}, N = () => {
-  const e = X();
+}, R = () => {
+  const e = Q();
   if (!e)
     throw new Error(
       "Authentication not initialized. Make sure useAuth() is called in a parent component first."
@@ -247,12 +247,19 @@ const h = /* @__PURE__ */ new Map(), Q = (e) => {
   return {
     processCallback: async () => {
       await z(e);
-      const s = await e.userManager.signinCallback();
-      if (!s)
+      const n = await e.userManager.signinCallback();
+      if (!n)
         throw new Error("Authentication callback failed: no user returned");
       return {
-        user: s,
-        state: s.state
+        user: n,
+        state: n.state
+      };
+    },
+    processLogoutCallback: async () => {
+      await z(e);
+      const n = await e.userManager.signoutCallback();
+      return {
+        state: n == null ? void 0 : n.state
       };
     },
     processSilentCallback: async () => {
@@ -268,68 +275,108 @@ const h = /* @__PURE__ */ new Map(), Q = (e) => {
     onError: { type: Function }
   },
   emits: ["success", "error"],
-  setup(e, { emit: r }) {
-    const t = e, s = r, { processCallback: i, isInitializing: u } = N(), n = m(!0), a = m(null), p = async () => {
-      var y, d;
+  setup(e, { emit: t }) {
+    const r = e, o = t, { processCallback: n, isInitializing: c } = R(), s = m(!0), a = m(null), p = async () => {
+      var d, l;
       try {
-        const v = await i();
-        (y = t.onSuccess) == null || y.call(t, v.user, v.state), s("success", v.user, v.state);
-      } catch (v) {
-        const k = v instanceof Error ? v : new Error("Callback processing failed");
-        a.value = k, (d = t.onError) == null || d.call(t, k), s("error", k);
+        const u = await n();
+        (d = r.onSuccess) == null || d.call(r, u.user, u.state), o("success", u.user, u.state);
+      } catch (u) {
+        const k = u instanceof Error ? u : new Error("Callback processing failed");
+        a.value = k, (l = r.onError) == null || l.call(r, k), o("error", k);
       } finally {
-        n.value = !1;
+        s.value = !1;
       }
     };
-    return R(() => {
+    return T(() => {
       p();
-    }), (y, d) => (L(), _($, null, [
-      (F(u) || n.value) && !a.value ? b(y.$slots, "default", { key: 0 }, () => [
-        d[0] || (d[0] = S("p", null, "Processing authentication...", -1))
-      ]) : C("", !0),
-      a.value ? b(y.$slots, "error", {
+    }), (d, l) => (P(), F(K, null, [
+      (L(c) || s.value) && !a.value ? S(d.$slots, "default", { key: 0 }, () => [
+        l[0] || (l[0] = y("p", null, "Processing authentication...", -1))
+      ]) : U("", !0),
+      a.value ? S(d.$slots, "error", {
         key: 1,
         error: a.value
       }, () => [
-        S("div", null, [
-          d[1] || (d[1] = S("h2", null, "Authentication Error", -1)),
-          S("p", null, P(a.value.message), 1)
+        y("div", null, [
+          l[1] || (l[1] = y("h2", null, "Authentication Error", -1)),
+          y("p", null, x(a.value.message), 1)
         ])
-      ]) : C("", !0)
+      ]) : U("", !0)
     ], 64));
   }
 }), se = /* @__PURE__ */ M({
+  __name: "LogoutCallback",
+  props: {
+    onSuccess: { type: Function },
+    onError: { type: Function }
+  },
+  emits: ["success", "error"],
+  setup(e, { emit: t }) {
+    const r = e, o = t, { processLogoutCallback: n, isInitializing: c } = R(), s = m(!0), a = m(null), p = async () => {
+      var d, l;
+      try {
+        const u = await n();
+        (d = r.onSuccess) == null || d.call(r, u.state), o("success", u.state);
+      } catch (u) {
+        const k = u instanceof Error ? u : new Error("Logout callback processing failed");
+        a.value = k, (l = r.onError) == null || l.call(r, k), o("error", k);
+      } finally {
+        s.value = !1;
+      }
+    };
+    return T(() => {
+      p();
+    }), (d, l) => (L(c) || s.value) && !a.value ? S(d.$slots, "default", { key: 0 }, () => [
+      l[0] || (l[0] = y("p", null, "Processing logout...", -1))
+    ]) : a.value ? S(d.$slots, "error", {
+      key: 1,
+      error: a.value
+    }, () => [
+      y("div", null, [
+        l[1] || (l[1] = y("h2", null, "Logout Error", -1)),
+        y("p", null, x(a.value.message), 1)
+      ])
+    ]) : S(d.$slots, "success", { key: 2 }, () => [
+      l[2] || (l[2] = y("div", null, [
+        y("h2", null, "Logout Successful"),
+        y("p", null, "You have been logged out successfully.")
+      ], -1))
+    ]);
+  }
+}), le = /* @__PURE__ */ M({
   __name: "SilentCallback",
   props: {
     onError: { type: Function }
   },
   setup(e) {
-    const r = e, { processSilentCallback: t, isInitializing: s } = N(), i = m(null), u = async () => {
-      var n;
+    const t = e, { processSilentCallback: r, isInitializing: o } = R(), n = m(null), c = async () => {
+      var s;
       try {
-        await t();
+        await r();
       } catch (a) {
         const p = a instanceof Error ? a : new Error("Silent callback processing failed");
-        i.value = p, (n = r.onError) == null || n.call(r, p), console.error("Silent callback error:", p);
+        n.value = p, (s = t.onError) == null || s.call(t, p), console.error("Silent callback error:", p);
       }
     };
-    return R(() => {
-      u();
-    }), (n, a) => (L(), _($, null, [
-      F(s) && !i.value ? b(n.$slots, "default", { key: 0 }, () => [
-        a[0] || (a[0] = S("p", null, "Processing silent renewal...", -1))
-      ]) : C("", !0),
-      i.value ? b(n.$slots, "error", {
+    return T(() => {
+      c();
+    }), (s, a) => (P(), F(K, null, [
+      L(o) && !n.value ? S(s.$slots, "default", { key: 0 }, () => [
+        a[0] || (a[0] = y("p", null, "Processing silent renewal...", -1))
+      ]) : U("", !0),
+      n.value ? S(s.$slots, "error", {
         key: 1,
-        error: i.value
+        error: n.value
       }, () => [
-        S("p", null, "Silent renewal error: " + P(i.value.message), 1)
-      ]) : C("", !0)
+        y("p", null, "Silent renewal error: " + x(n.value.message), 1)
+      ]) : U("", !0)
     ], 64));
   }
 });
 export {
   ae as AuthCallback,
-  se as SilentCallback,
+  se as LogoutCallback,
+  le as SilentCallback,
   ne as useAuth
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(m,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("oidc-client-ts")):typeof define=="function"&&define.amd?define(["exports","vue","oidc-client-ts"],t):(m=typeof globalThis<"u"?globalThis:m||self,t(m.Vuethenticate={},m.Vue,m.OidcClientTs))})(this,function(m,t,U){"use strict";function z(e){const r=typeof window<"u"?window.location.origin:"";return{authority:e.authority,client_id:e.clientId,client_secret:e.clientSecret,client_authentication:e.clientAuthentication,redirect_uri:e.redirectUri??`${r}/auth/callback`,scope:e.scope??"openid profile",response_type:e.responseType??"code",userStore:e.storage?new U.WebStorageStateStore({store:R(e.storage)}):void 0,automaticSilentRenew:e.automaticSilentRenew??!0,silent_redirect_uri:e.silentRedirectUri??`${r}/auth/silent-callback`,post_logout_redirect_uri:e.postLogoutRedirectUri??r,includeIdTokenInSilentRenew:!0,accessTokenExpiringNotificationTimeInSeconds:60}}function R(e){if(typeof window>"u")return A();switch(e){case"localStorage":return window.localStorage;case"sessionStorage":return window.sessionStorage;case"memory":return A();default:return window.localStorage}}function A(){const e=new Map;return{getItem:r=>e.get(r)??null,setItem:(r,n)=>e.set(r,n),removeItem:r=>e.delete(r),clear:()=>e.clear(),get length(){return e.size},key:r=>Array.from(e.keys())[r]??null}}const f=new Map,_=e=>{try{const{userManager:r,eventCallbacks:n}=e;n.userLoaded&&r.events.removeUserLoaded(n.userLoaded),n.userUnloaded&&r.events.removeUserUnloaded(n.userUnloaded),n.accessTokenExpired&&r.events.removeAccessTokenExpired(n.accessTokenExpired),n.accessTokenExpiring&&r.events.removeAccessTokenExpiring(n.accessTokenExpiring),n.silentRenewError&&r.events.removeSilentRenewError(n.silentRenewError),r.stopSilentRenew(),r.clearStaleState()}catch(r){console.warn("Error during UserManager cleanup:",r)}},T=e=>`${e.authority}_${e.clientId}`,L=()=>f.size===0?null:(f.size===1||console.warn("Multiple auth instances detected. Callback components may not work as expected. Consider using a single auth instance or specify config explicitly."),Array.from(f.values())[0]||null),V=e=>{const r=T(e),n=f.get(r);if(n)return n;const i=N(e),l=t.ref(!1),u=t.ref(!1),a=t.ref(null),s=t.ref(!1),k=t.ref(null),E=t.computed(()=>!!a.value&&!a.value.expired),w=t.computed(()=>{var S;return((S=a.value)==null?void 0:S.access_token)||null}),p=t.computed(()=>{var S;return!!((S=a.value)!=null&&S.expired)}),h={userManager:i,isInitialized:l,isInitializing:u,user:a,isLoading:s,error:k,isAuthenticated:E,accessToken:w,isExpired:p,eventCallbacks:{}};return f.set(r,h),h},N=e=>{const r=z(e);return new U.UserManager(r)},v=(e,r,n,i)=>{const l=e instanceof Error?e:new Error(r);return n.value=l,i==null||i(l),l},$=e=>{var r,n;if(!((r=e.authority)!=null&&r.trim()))throw new Error("AuthConfig: authority is required");if(!((n=e.clientId)!=null&&n.trim()))throw new Error("AuthConfig: clientId is required");try{new URL(e.authority)}catch{throw new Error("AuthConfig: authority must be a valid URL")}},I=async(e,r=1e4)=>{if(!e.isInitialized.value)return new Promise((n,i)=>{const l=setTimeout(()=>{i(new Error("Authentication initialization timeout"))},r),u=t.watch(e.isInitialized,a=>{a&&(clearTimeout(l),u(),n())},{immediate:!0})})},F=e=>{$(e);const r=V(e),{userManager:n,isInitialized:i,isInitializing:l,user:u,isLoading:a,error:s,isAuthenticated:k,accessToken:E,isExpired:w}=r,p=T(e),h=async()=>{if(!(l.value||i.value))try{l.value=!0,a.value=!0,s.value=null;const c=await n.getUser();if(c)if(!c.expired)u.value=c;else if(e.automaticSilentRenew!==!1)try{await x()}catch(o){console.warn("Silent renewal failed during initialization:",o),await n.removeUser(),u.value=null}else await n.removeUser(),u.value=null}catch(c){v(c,"Failed to initialize authentication",s,e.onError)}finally{a.value=!1,l.value=!1,i.value=!0}},S=async c=>{try{a.value=!0,s.value=null,await n.signinRedirect({state:c})}catch(o){v(o,"Sign in failed",s,e.onError)}finally{a.value=!1}},B=async c=>{try{a.value=!0,s.value=null,u.value=null,await n.signoutRedirect({state:c})}catch(o){v(o,"Sign out failed",s,e.onError)}finally{a.value=!1}},x=async()=>{try{a.value=!0,s.value=null;const c=await n.signinSilent();u.value=c}catch(c){throw v(c,"Silent renewal failed",s,e.onError)}finally{a.value=!1}},O=()=>{s.value=null},K=(c,o)=>{const{userManager:g,user:b,error:D,eventCallbacks:y}=c;y.userLoaded=d=>{var C;b.value=d,(C=o.onUserLoaded)==null||C.call(o,d)},y.userUnloaded=()=>{var d;b.value=null,(d=o.onUserUnloaded)==null||d.call(o)},y.accessTokenExpired=()=>{var d;(d=o.onAccessTokenExpired)==null||d.call(o)},y.accessTokenExpiring=()=>{var d;(d=o.onAccessTokenExpiring)==null||d.call(o)},y.silentRenewError=async d=>{console.warn("Silent renewal failed:",d);try{await g.removeUser(),b.value=null}catch(C){console.error("Failed to remove user after silent renewal error:",C)}v(d,"Silent renewal failed",D,o.onError)},g.events.addUserLoaded(y.userLoaded),g.events.addUserUnloaded(y.userUnloaded),g.events.addAccessTokenExpired(y.accessTokenExpired),g.events.addAccessTokenExpiring(y.accessTokenExpiring),g.events.addSilentRenewError(y.silentRenewError)},j=()=>{_(r),f.delete(p)};return!i.value&&!l.value&&(h(),K(r,e)),{user:u,isAuthenticated:k,isLoading:a,error:s,accessToken:E,isExpired:w,signIn:S,signOut:B,silentRenew:x,clearError:O,cleanup:j}},M=()=>{const e=L();if(!e)throw new Error("Authentication not initialized. Make sure useAuth() is called in a parent component first.");return{processCallback:async()=>{await I(e);const i=await e.userManager.signinCallback();if(!i)throw new Error("Authentication callback failed: no user returned");return{user:i,state:i.state}},processSilentCallback:async()=>{await I(e),await e.userManager.signinCallback()},isInitialized:e.isInitialized,isInitializing:e.isInitializing}},P=t.defineComponent({__name:"AuthCallback",props:{onSuccess:{type:Function},onError:{type:Function}},emits:["success","error"],setup(e,{emit:r}){const n=e,i=r,{processCallback:l,isInitializing:u}=M(),a=t.ref(!0),s=t.ref(null),k=async()=>{var E,w;try{const p=await l();(E=n.onSuccess)==null||E.call(n,p.user,p.state),i("success",p.user,p.state)}catch(p){const h=p instanceof Error?p:new Error("Callback processing failed");s.value=h,(w=n.onError)==null||w.call(n,h),i("error",h)}finally{a.value=!1}};return t.onMounted(()=>{k()}),(E,w)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[(t.unref(u)||a.value)&&!s.value?t.renderSlot(E.$slots,"default",{key:0},()=>[w[0]||(w[0]=t.createElementVNode("p",null,"Processing authentication...",-1))]):t.createCommentVNode("",!0),s.value?t.renderSlot(E.$slots,"error",{key:1,error:s.value},()=>[t.createElementVNode("div",null,[w[1]||(w[1]=t.createElementVNode("h2",null,"Authentication Error",-1)),t.createElementVNode("p",null,t.toDisplayString(s.value.message),1)])]):t.createCommentVNode("",!0)],64))}}),q=t.defineComponent({__name:"SilentCallback",props:{onError:{type:Function}},setup(e){const r=e,{processSilentCallback:n,isInitializing:i}=M(),l=t.ref(null),u=async()=>{var a;try{await n()}catch(s){const k=s instanceof Error?s:new Error("Silent callback processing failed");l.value=k,(a=r.onError)==null||a.call(r,k),console.error("Silent callback error:",k)}};return t.onMounted(()=>{u()}),(a,s)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.unref(i)&&!l.value?t.renderSlot(a.$slots,"default",{key:0},()=>[s[0]||(s[0]=t.createElementVNode("p",null,"Processing silent renewal...",-1))]):t.createCommentVNode("",!0),l.value?t.renderSlot(a.$slots,"error",{key:1,error:l.value},()=>[t.createElementVNode("p",null,"Silent renewal error: "+t.toDisplayString(l.value.message),1)]):t.createCommentVNode("",!0)],64))}});m.AuthCallback=P,m.SilentCallback=q,m.useAuth=F,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})});
+(function(k,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("oidc-client-ts")):typeof define=="function"&&define.amd?define(["exports","vue","oidc-client-ts"],t):(k=typeof globalThis<"u"?globalThis:k||self,t(k.Vuethenticate={},k.Vue,k.OidcClientTs))})(this,function(k,t,I){"use strict";function L(e){const n=typeof window<"u"?window.location.origin:"";return{authority:e.authority,client_id:e.clientId,client_secret:e.clientSecret,client_authentication:e.clientAuthentication,redirect_uri:e.redirectUri??`${n}/auth/callback`,scope:e.scope??"openid profile",response_type:e.responseType??"code",userStore:e.storage?new I.WebStorageStateStore({store:R(e.storage)}):void 0,automaticSilentRenew:e.automaticSilentRenew??!0,silent_redirect_uri:e.silentRedirectUri??`${n}/auth/silent-callback`,post_logout_redirect_uri:e.postLogoutRedirectUri??`${n}/auth/logout-callback`,includeIdTokenInSilentRenew:!0,accessTokenExpiringNotificationTimeInSeconds:60}}function R(e){if(typeof window>"u")return M();switch(e){case"localStorage":return window.localStorage;case"sessionStorage":return window.sessionStorage;case"memory":return M();default:return window.localStorage}}function M(){const e=new Map;return{getItem:n=>e.get(n)??null,setItem:(n,r)=>e.set(n,r),removeItem:n=>e.delete(n),clear:()=>e.clear(),get length(){return e.size},key:n=>Array.from(e.keys())[n]??null}}const g=new Map,V=e=>{try{const{userManager:n,eventCallbacks:r}=e;r.userLoaded&&n.events.removeUserLoaded(r.userLoaded),r.userUnloaded&&n.events.removeUserUnloaded(r.userUnloaded),r.accessTokenExpired&&n.events.removeAccessTokenExpired(r.accessTokenExpired),r.accessTokenExpiring&&n.events.removeAccessTokenExpiring(r.accessTokenExpiring),r.silentRenewError&&n.events.removeSilentRenewError(r.silentRenewError),n.stopSilentRenew(),n.clearStaleState()}catch(n){console.warn("Error during UserManager cleanup:",n)}},T=e=>`${e.authority}_${e.clientId}`,x=()=>g.size===0?null:(g.size===1||console.warn("Multiple auth instances detected. Callback components may not work as expected. Consider using a single auth instance or specify config explicitly."),Array.from(g.values())[0]||null),N=e=>{const n=T(e),r=g.get(n);if(r)return r;const i=$(e),a=t.ref(!1),d=t.ref(!1),l=t.ref(null),s=t.ref(!1),E=t.ref(null),m=t.computed(()=>!!l.value&&!l.value.expired),o=t.computed(()=>{var h;return((h=l.value)==null?void 0:h.access_token)||null}),u=t.computed(()=>{var h;return!!((h=l.value)!=null&&h.expired)}),p={userManager:i,isInitialized:a,isInitializing:d,user:l,isLoading:s,error:E,isAuthenticated:m,accessToken:o,isExpired:u,eventCallbacks:{}};return g.set(n,p),p},$=e=>{const n=L(e);return new I.UserManager(n)},b=(e,n,r,i)=>{const a=e instanceof Error?e:new Error(n);return r.value=a,i==null||i(a),a},_=e=>{var n,r;if(!((n=e.authority)!=null&&n.trim()))throw new Error("AuthConfig: authority is required");if(!((r=e.clientId)!=null&&r.trim()))throw new Error("AuthConfig: clientId is required");try{new URL(e.authority)}catch{throw new Error("AuthConfig: authority must be a valid URL")}},v=async(e,n=1e4)=>{if(!e.isInitialized.value)return new Promise((r,i)=>{const a=setTimeout(()=>{i(new Error("Authentication initialization timeout"))},n),d=t.watch(e.isInitialized,l=>{l&&(clearTimeout(a),d(),r())},{immediate:!0})})},F=e=>{_(e);const n=N(e),{userManager:r,isInitialized:i,isInitializing:a,user:d,isLoading:l,error:s,isAuthenticated:E,accessToken:m,isExpired:o}=n,u=T(e),p=async()=>{if(!(a.value||i.value))try{a.value=!0,l.value=!0,s.value=null;const w=await r.getUser();if(w)if(!w.expired)d.value=w;else if(e.automaticSilentRenew!==!1)try{await z()}catch(c){console.warn("Silent renewal failed during initialization:",c),await r.removeUser(),d.value=null}else await r.removeUser(),d.value=null}catch(w){b(w,"Failed to initialize authentication",s,e.onError)}finally{l.value=!1,a.value=!1,i.value=!0}},h=async w=>{try{l.value=!0,s.value=null,await r.signinRedirect({state:w})}catch(c){b(c,"Sign in failed",s,e.onError)}finally{l.value=!1}},O=async w=>{try{l.value=!0,s.value=null,d.value=null,await r.signoutRedirect({state:w})}catch(c){b(c,"Sign out failed",s,e.onError)}finally{l.value=!1}},z=async()=>{try{l.value=!0,s.value=null;const w=await r.signinSilent();d.value=w}catch(w){throw b(w,"Silent renewal failed",s,e.onError)}finally{l.value=!1}},D=()=>{s.value=null},K=(w,c)=>{const{userManager:S,user:A,error:W,eventCallbacks:f}=w;f.userLoaded=y=>{var C;A.value=y,(C=c.onUserLoaded)==null||C.call(c,y)},f.userUnloaded=()=>{var y;A.value=null,(y=c.onUserUnloaded)==null||y.call(c)},f.accessTokenExpired=()=>{var y;(y=c.onAccessTokenExpired)==null||y.call(c)},f.accessTokenExpiring=()=>{var y;(y=c.onAccessTokenExpiring)==null||y.call(c)},f.silentRenewError=async y=>{console.warn("Silent renewal failed:",y);try{await S.removeUser(),A.value=null}catch(C){console.error("Failed to remove user after silent renewal error:",C)}b(y,"Silent renewal failed",W,c.onError)},S.events.addUserLoaded(f.userLoaded),S.events.addUserUnloaded(f.userUnloaded),S.events.addAccessTokenExpired(f.accessTokenExpired),S.events.addAccessTokenExpiring(f.accessTokenExpiring),S.events.addSilentRenewError(f.silentRenewError)},j=()=>{V(n),g.delete(u)};return!i.value&&!a.value&&(p(),K(n,e)),{user:d,isAuthenticated:E,isLoading:l,error:s,accessToken:m,isExpired:o,signIn:h,signOut:O,silentRenew:z,clearError:D,cleanup:j}},U=()=>{const e=x();if(!e)throw new Error("Authentication not initialized. Make sure useAuth() is called in a parent component first.");return{processCallback:async()=>{await v(e);const a=await e.userManager.signinCallback();if(!a)throw new Error("Authentication callback failed: no user returned");return{user:a,state:a.state}},processLogoutCallback:async()=>{await v(e);const a=await e.userManager.signoutCallback();return{state:a==null?void 0:a.state}},processSilentCallback:async()=>{await v(e),await e.userManager.signinCallback()},isInitialized:e.isInitialized,isInitializing:e.isInitializing}},P=t.defineComponent({__name:"AuthCallback",props:{onSuccess:{type:Function},onError:{type:Function}},emits:["success","error"],setup(e,{emit:n}){const r=e,i=n,{processCallback:a,isInitializing:d}=U(),l=t.ref(!0),s=t.ref(null),E=async()=>{var m,o;try{const u=await a();(m=r.onSuccess)==null||m.call(r,u.user,u.state),i("success",u.user,u.state)}catch(u){const p=u instanceof Error?u:new Error("Callback processing failed");s.value=p,(o=r.onError)==null||o.call(r,p),i("error",p)}finally{l.value=!1}};return t.onMounted(()=>{E()}),(m,o)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[(t.unref(d)||l.value)&&!s.value?t.renderSlot(m.$slots,"default",{key:0},()=>[o[0]||(o[0]=t.createElementVNode("p",null,"Processing authentication...",-1))]):t.createCommentVNode("",!0),s.value?t.renderSlot(m.$slots,"error",{key:1,error:s.value},()=>[t.createElementVNode("div",null,[o[1]||(o[1]=t.createElementVNode("h2",null,"Authentication Error",-1)),t.createElementVNode("p",null,t.toDisplayString(s.value.message),1)])]):t.createCommentVNode("",!0)],64))}}),q=t.defineComponent({__name:"LogoutCallback",props:{onSuccess:{type:Function},onError:{type:Function}},emits:["success","error"],setup(e,{emit:n}){const r=e,i=n,{processLogoutCallback:a,isInitializing:d}=U(),l=t.ref(!0),s=t.ref(null),E=async()=>{var m,o;try{const u=await a();(m=r.onSuccess)==null||m.call(r,u.state),i("success",u.state)}catch(u){const p=u instanceof Error?u:new Error("Logout callback processing failed");s.value=p,(o=r.onError)==null||o.call(r,p),i("error",p)}finally{l.value=!1}};return t.onMounted(()=>{E()}),(m,o)=>(t.unref(d)||l.value)&&!s.value?t.renderSlot(m.$slots,"default",{key:0},()=>[o[0]||(o[0]=t.createElementVNode("p",null,"Processing logout...",-1))]):s.value?t.renderSlot(m.$slots,"error",{key:1,error:s.value},()=>[t.createElementVNode("div",null,[o[1]||(o[1]=t.createElementVNode("h2",null,"Logout Error",-1)),t.createElementVNode("p",null,t.toDisplayString(s.value.message),1)])]):t.renderSlot(m.$slots,"success",{key:2},()=>[o[2]||(o[2]=t.createElementVNode("div",null,[t.createElementVNode("h2",null,"Logout Successful"),t.createElementVNode("p",null,"You have been logged out successfully.")],-1))])}}),B=t.defineComponent({__name:"SilentCallback",props:{onError:{type:Function}},setup(e){const n=e,{processSilentCallback:r,isInitializing:i}=U(),a=t.ref(null),d=async()=>{var l;try{await r()}catch(s){const E=s instanceof Error?s:new Error("Silent callback processing failed");a.value=E,(l=n.onError)==null||l.call(n,E),console.error("Silent callback error:",E)}};return t.onMounted(()=>{d()}),(l,s)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.unref(i)&&!a.value?t.renderSlot(l.$slots,"default",{key:0},()=>[s[0]||(s[0]=t.createElementVNode("p",null,"Processing silent renewal...",-1))]):t.createCommentVNode("",!0),a.value?t.renderSlot(l.$slots,"error",{key:1,error:a.value},()=>[t.createElementVNode("p",null,"Silent renewal error: "+t.toDisplayString(a.value.message),1)]):t.createCommentVNode("",!0)],64))}});k.AuthCallback=P,k.LogoutCallback=q,k.SilentCallback=B,k.useAuth=F,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})});

package/dist/types/auth.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { ComputedRef, Ref } from 'vue';
 import { User } from 'oidc-client-ts';
 export interface AuthConfig {
     authority: string;
@@ -20,11 +20,11 @@ export interface AuthConfig {
 }
 export interface AuthState {
     user: Ref<User | null>;
-    isAuthenticated: Ref<boolean>;
     isLoading: Ref<boolean>;
     error: Ref<Error | null>;
-    accessToken: Ref<string | null>;
-    isExpired: Ref<boolean>;
+    isAuthenticated: ComputedRef<boolean>;
+    accessToken: ComputedRef<string | null>;
+    isExpired: ComputedRef<boolean>;
 }
 export interface AuthMethods<TState = unknown> {
     signIn: (state?: TState) => Promise<void>;
@@ -48,5 +48,9 @@ export interface AuthCallbackProps<TState = unknown> {
 export interface SilentCallbackProps {
     onError?: (error: Error) => void;
 }
+export interface LogoutCallbackProps<TState = unknown> {
+    onSuccess?: (state?: TState) => void;
+    onError?: (error: Error) => void;
+}
 export { User } from 'oidc-client-ts';
 //# sourceMappingURL=auth.d.ts.map

package/dist/types/auth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../../src/types/auth.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,WAAW,UAAU;IAEvB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,qBAAqB,GAAG,oBAAoB,CAAC;IAEpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,OAAO,CAAC,EAAE,cAAc,GAAG,gBAAgB,GAAG,QAAQ,CAAC;IACvD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACtC;AAED,MAAM,WAAW,SAAS;IACtB,IAAI,EAAE,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IACvB,eAAe,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAC9B,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACxB,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACzB,WAAW,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAChC,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;CAC3B;AAED,MAAM,WAAW,WAAW,CAAC,MAAM,GAAG,OAAO;IACzC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1C,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB,CAAC,MAAM,GAAG,OAAO;IACjD,eAAe,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC3E,qBAAqB,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1D;AAED,MAAM,MAAM,aAAa,CAAC,MAAM,GAAG,OAAO,IAAI,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAE9E,MAAM,WAAW,iBAAiB,CAAC,MAAM,GAAG,OAAO;IAC/C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,mBAAmB;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACpC;AAED,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../../src/types/auth.ts"],"names":[],"mappings":"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"}

package/dist/utils/configHelpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"configHelpers.d.ts","sourceRoot":"","sources":["../../src/utils/configHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG1D;;;;GAIG;AACH,wBAAgB,yBAAyB,CACrC,MAAM,EAAE,UAAU,GACnB,mBAAmB,CAqBrB"}
+{"version":3,"file":"configHelpers.d.ts","sourceRoot":"","sources":["../../src/utils/configHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG1D;;;;GAIG;AACH,wBAAgB,yBAAyB,CACrC,MAAM,EAAE,UAAU,GACnB,mBAAmB,CAsBrB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuethenticate",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "A Vue 3 authentication state management library using oidc-client-ts",
   "keywords": [
     "vue",