feat: add redirectUriKey config

Author: Zhazhazhu

example/client/src/oidc.ts

@@ -41,6 +41,8 @@ function runAuth() {
       },
       addUserSignedOut: () => {},
     },
+    //your key customization of oidc redirect callback
+    redirectUriKey: "CUSTOM_REDIRECT_URI",
   });
 }
 

src/index.ts

@@ -1,5 +1,6 @@
 import { UserManager, UserManagerEvents } from "oidc-client-ts";
 import { unref } from "vue";
+import { oidcRedirectUriKey } from "./keys";
 import { useOidcStore } from "./store";
 import { inlineOidcEvents } from "./store/events";
 import { VueOidcSettings } from "./store/index";
@@ -34,12 +35,17 @@ export interface CreateOidcOptions {
    * refresh token
    */
   refreshToken?: RefreshTokenConfig;
+  /**
+   * key of oidc redirect callback
+   */
+  redirectUriKey?: string;
 }
 
 export function createOidc(options: CreateOidcOptions) {
   const _options = { ...inlineCreateOidcOptions, ...options };
   const { oidcSettings, auth, refreshToken } = _options;
   const events = { ...inlineOidcEvents, ...options.events };
+  oidcRedirectUriKey.value = options.redirectUriKey || oidcRedirectUriKey.value;
 
   unref(state).settings = _options;
   unref(state).oidcSettings = oidcSettings;

src/keys.ts

@@ -1 +1,3 @@
-export const OIDC_REDIRECT_URI = "OIDC_REDIRECT_URI";
+import { ref } from "vue";
+
+export const oidcRedirectUriKey = ref("OIDC_REDIRECT_URI");

src/store/index.ts

@@ -1,6 +1,6 @@
-import { OIDC_REDIRECT_URI } from "@/keys";
+import { oidcRedirectUriKey } from "@/keys";
 import { MaybeNull } from "@/types";
-import { useStorage, type RemovableRef } from "@vueuse/core";
+import { useStorage } from "@vueuse/core";
 import {
   User,
   UserManager,
@@ -39,11 +39,6 @@ export interface OidcActions {
   removeUser(): void;
 }
 
-export const storage: RemovableRef<string> = useStorage<string>(
-  OIDC_REDIRECT_URI,
-  ""
-);
-
 const state: UnwrapNestedRefs<OidcState> = reactive<OidcState>({
   settings: null,
   oidcSettings: null,
@@ -54,7 +49,7 @@ const state: UnwrapNestedRefs<OidcState> = reactive<OidcState>({
   hasExpiresAt: computed(
     () => Date.now() / 1000 > state.user?.expires_at! || false
   ),
-  redirect_uri: storage.value,
+  redirect_uri: useStorage<string>(oidcRedirectUriKey.value, "").value,
 });
 
 const actions: OidcActions = {

src/useAuth.ts

@@ -1,12 +1,13 @@
-import { toValue } from "@vueuse/core";
+import { toValue, useStorage } from "@vueuse/core";
 import {
   SigninRedirectArgs,
   SigninSilentArgs,
   SignoutRedirectArgs,
   User,
 } from "oidc-client-ts";
 import { unref } from "vue";
-import { storage, useOidcStore } from "./store";
+import { oidcRedirectUriKey } from "./keys";
+import { useOidcStore } from "./store";
 import { isPathOfCallback } from "./utils";
 
 const { state, actions } = useOidcStore();
@@ -36,6 +37,7 @@ function signoutRedirect(arg?: SignoutRedirectArgs) {
 async function autoAuthenticate(uri: string = "") {
   let timer: NodeJS.Timer | null = null;
   const user = (await unref(state).userManager?.getUser()) || unref(state).user;
+  const storage = useStorage<string>(oidcRedirectUriKey.value, "");
 
   //if the user and pathCallback is not, then we can authenticate
   if (!user && !isPathOfCallback()) {