@moreillon/vue-oidc 0.1.0 → 0.2.0

package/README.md

@@ -66,13 +66,15 @@ All refs are read-only.
 | Property       | Type                              | Description                                                                 |
 | -------------- | --------------------------------- | --------------------------------------------------------------------------- |
 | `ready`        | `Ref<boolean>`                    | `true` once initialization has finished (successfully or not)               |
-| `error`        | `Ref<unknown>`                    | Error thrown during initialization, if any                                  |
-| `user`         | `Ref<User \| null>`               | User info of the authenticated user                                         |
+| `error`        | `Ref<unknown>`                    | Error during initialization (e.g. provider unreachable, login cancelled) or when the session could not be renewed. Cleared on the next successful refresh |
+| `user`         | `Ref<User \| null>`               | User info of the authenticated user. Cleared when the user logs out in another tab or the provider rejects the session |
 | `access_token` | `Ref<string \| null>`             | Current access token, kept up to date on refresh                            |
 | `client`       | `Ref<OidcClient \| null>`         | Underlying `@moreillon/oidc-auth` client                                    |
 | `login()`      | `() => void`                      | Redirect to the provider's login page                                       |
 | `logout()`     | `() => void`                      | Log out at the provider                                                     |
 
+`error.value instanceof TokenRejectedError` (exported by this package) tells a session rejected by the provider apart from network or server errors.
+
 `useAuth` accepts a type parameter for custom claims: `useAuth<MyUser>()`.
 
 The state is shared at module level, so `useAuth()` also works outside components, e.g. in router guards or API clients:

package/dist/index.d.ts

@@ -2,4 +2,5 @@ import auth from "./plugins/auth.js";
 import useAuth from "./composables/useAuth.js";
 export { auth, useAuth };
 export type { Options } from "./plugins/auth.js";
+export { TokenRejectedError } from "@moreillon/oidc-auth";
 export type { User, Tokens } from "@moreillon/oidc-auth";

package/dist/index.js

@@ -1,3 +1,4 @@
 import auth from "./plugins/auth.js";
 import useAuth from "./composables/useAuth.js";
 export { auth, useAuth };
+export { TokenRejectedError } from "@moreillon/oidc-auth";

package/dist/plugins/auth.js

@@ -10,8 +10,18 @@ async function init(options) {
         if (oidcData) {
             state.access_token.value = oidcData.tokens.access_token;
             state.user.value = oidcData.user;
+            // Also fired when another tab refreshed the tokens
             client.onTokenRefreshed(({ access_token }) => {
                 state.access_token.value = access_token;
+                state.error.value = null;
+            });
+            client.onRefreshError((error) => {
+                state.error.value = error;
+            });
+            // Logged out in another tab, or tokens rejected by the provider
+            client.onLogout(() => {
+                state.user.value = null;
+                state.access_token.value = null;
             });
         }
         // When enforced without data, the user is being redirected to the provider

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moreillon/vue-oidc",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
   "files": [
     "dist"
@@ -21,7 +21,7 @@
     "vue": "^3.5.0"
   },
   "dependencies": {
-    "@moreillon/oidc-auth": "^3.0.6"
+    "@moreillon/oidc-auth": "^4.0.0"
   },
   "devDependencies": {
     "typescript": "~5.8.0",