@logto/vue 1.0.0-beta.9 → 1.0.0

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"mappings":";;AGOA,YAAY,EACV,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,oBAAoB,GACrB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,MAAM,EACN,aAAa,EACb,SAAS,GACV,MAAM,gBAAgB,CAAC;AAExB,sBAAsB;IACpB,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,aAAa;IACX,eAAe,EAAE,QAAQ,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC;IACxC,SAAS,EAAE,QAAQ,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC;IAClC,KAAK,EAAE,QAAQ,CAAC,IAAI,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC;IACxC,aAAa,EAAE,MAAM,OAAO,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC;IAC3D,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACnE,gBAAgB,EAAE,MAAM,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IAC3D,MAAM,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,CAAC,qBAAqB,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5D,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,MAAM,aAAa,cAezB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,MAAM,gBAAe,KAQ3B,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,OAAO,MAAM,qCAAsC,MAAM,IAAI;;;;CAuB5D,CAAC","sources":["packages/vue/src/src/consts.ts","packages/vue/src/src/context.ts","packages/vue/src/src/plugin.ts","packages/vue/src/src/index.ts","packages/vue/src/index.ts"],"sourcesContent":[null,null,null,null,"import LogtoClient, { IdTokenClaims, LogtoConfig, UserInfoResponse } from '@logto/browser';\nimport { App, inject, readonly, Ref, watchEffect } from 'vue';\n\nimport { logtoInjectionKey, contextInjectionKey } from './consts';\nimport { Context, createContext, throwContextError } from './context';\nimport { createPluginMethods } from './plugin';\n\nexport type {\n  LogtoConfig,\n  IdTokenClaims,\n  UserInfoResponse,\n  LogtoErrorCode,\n  LogtoClientErrorCode,\n} from '@logto/browser';\n\nexport {\n  LogtoError,\n  LogtoClientError,\n  OidcError,\n  Prompt,\n  ReservedScope,\n  UserScope,\n} from '@logto/browser';\n\ntype LogtoVuePlugin = {\n  install: (app: App, config: LogtoConfig) => void;\n};\n\ntype Logto = {\n  isAuthenticated: Readonly<Ref<boolean>>;\n  isLoading: Readonly<Ref<boolean>>;\n  error: Readonly<Ref<Error | undefined>>;\n  fetchUserInfo: () => Promise<UserInfoResponse | undefined>;\n  getAccessToken: (resource?: string) => Promise<string | undefined>;\n  getIdTokenClaims: () => Promise<IdTokenClaims | undefined>;\n  signIn: (redirectUri: string) => Promise<void>;\n  signOut: (postLogoutRedirectUri?: string) => Promise<void>;\n};\n\n/**\n * Creates the Logto Vue plugin\n *\n * ```ts\n * import { createApp } from 'vue';\n * import { createLogto } from '@logto/vue';\n *\n * const app = createApp(App);\n * const app.use(createLogto, {\n *   appId: '<your-app-id>',\n *   endpoint: '<your-oidc-endpoint-domain>',\n * });\n *\n * app.mount('#app');\n * ```\n *\n * Use this in your Vue root component to register the plugin\n */\nexport const createLogto: LogtoVuePlugin = {\n  install(app: App, config: LogtoConfig) {\n    const client = new LogtoClient(config);\n    const context = createContext(client);\n    const pluginMethods = createPluginMethods(context);\n    const { isAuthenticated, isLoading, error } = context;\n\n    app.provide<Context>(contextInjectionKey, context);\n    app.provide<Logto>(logtoInjectionKey, {\n      isAuthenticated: readonly(isAuthenticated),\n      isLoading: readonly(isLoading),\n      error: readonly(error),\n      ...pluginMethods,\n    });\n  },\n};\n\n/**\n * A Vue composable method that provides the Logto reactive refs and auth methods.\n *\n * ```ts\n * import { useLogto } from '@logto/vue';\n *\n * export default {\n *  setup() {\n *    const { isAuthenticated, signIn } = useLogto();\n *\n *    return {\n *      isAuthenticated,\n *      onClickSignIn: () => {\n *        signIn('<your-redirect-uri>');\n *      },\n *    }\n *  }\n * }\n * ```\n *\n * Use this composable in the setup script of your Vue component to make sure the injection works\n */\nexport const useLogto = (): Logto => {\n  const logto = inject<Logto>(logtoInjectionKey);\n\n  if (!logto) {\n    return throwContextError();\n  }\n\n  return logto;\n};\n\n/**\n * A Vue composable method that watches browser navigation and automatically handles the sign-in callback\n *\n * ```ts\n * import { useLogto } from '@logto/vue';\n * import { useHandleSignInCallback } from '@logto/vue';\n *\n * export default {\n *   setup() {\n *     useHandleSignInCallback();\n *   }\n * }\n * ```\n *\n * Use this in the setup script of your Callback page to make sure the injection works\n */\nexport const useHandleSignInCallback = (callback?: () => void) => {\n  const context = inject<Context>(contextInjectionKey);\n\n  if (!context) {\n    return throwContextError();\n  }\n\n  const { isAuthenticated, isLoading, logtoClient, error } = context;\n  const { handleSignInCallback } = createPluginMethods(context);\n\n  watchEffect(() => {\n    const currentPageUrl = window.location.href;\n\n    if (!isAuthenticated.value && logtoClient.value?.isSignInRedirected(currentPageUrl)) {\n      void handleSignInCallback(currentPageUrl, callback);\n    }\n  });\n\n  return {\n    isLoading: readonly(isLoading),\n    isAuthenticated: readonly(isAuthenticated),\n    error: readonly(error),\n  };\n};\n"],"names":[],"version":3,"file":"index.d.ts.map"}
+{"mappings":";;AGUA,YAAY,EACV,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,oBAAoB,GACrB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,MAAM,EACN,aAAa,EACb,SAAS,GACV,MAAM,gBAAgB,CAAC;AAExB,sBAAsB;IACpB,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,aAAa;IACX,eAAe,EAAE,QAAQ,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC;IACxC,SAAS,EAAE,QAAQ,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC;IAClC,KAAK,EAAE,QAAQ,CAAC,IAAI,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC;IACxC,aAAa,EAAE,MAAM,OAAO,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC;IAC3D,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACnE,gBAAgB,EAAE,MAAM,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IAC3D,MAAM,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,CAAC,qBAAqB,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5D,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,MAAM,aAAa,cAezB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,MAAM,gBAAe,KAQ3B,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,OAAO,MAAM,qCAAsC,MAAM,IAAI;;;;CAuB5D,CAAC","sources":["packages/vue/src/src/consts.ts","packages/vue/src/src/context.ts","packages/vue/src/src/plugin.ts","packages/vue/src/src/index.ts","packages/vue/src/index.ts"],"sourcesContent":[null,null,null,null,"import type { IdTokenClaims, LogtoConfig, UserInfoResponse } from '@logto/browser';\nimport LogtoClient from '@logto/browser';\nimport type { App, Ref } from 'vue';\nimport { inject, readonly, watchEffect } from 'vue';\n\nimport { logtoInjectionKey, contextInjectionKey } from './consts';\nimport type { Context } from './context';\nimport { createContext, throwContextError } from './context';\nimport { createPluginMethods } from './plugin';\n\nexport type {\n  LogtoConfig,\n  IdTokenClaims,\n  UserInfoResponse,\n  LogtoErrorCode,\n  LogtoClientErrorCode,\n} from '@logto/browser';\n\nexport {\n  LogtoError,\n  LogtoClientError,\n  OidcError,\n  Prompt,\n  ReservedScope,\n  UserScope,\n} from '@logto/browser';\n\ntype LogtoVuePlugin = {\n  install: (app: App, config: LogtoConfig) => void;\n};\n\ntype Logto = {\n  isAuthenticated: Readonly<Ref<boolean>>;\n  isLoading: Readonly<Ref<boolean>>;\n  error: Readonly<Ref<Error | undefined>>;\n  fetchUserInfo: () => Promise<UserInfoResponse | undefined>;\n  getAccessToken: (resource?: string) => Promise<string | undefined>;\n  getIdTokenClaims: () => Promise<IdTokenClaims | undefined>;\n  signIn: (redirectUri: string) => Promise<void>;\n  signOut: (postLogoutRedirectUri?: string) => Promise<void>;\n};\n\n/**\n * Creates the Logto Vue plugin\n *\n * ```ts\n * import { createApp } from 'vue';\n * import { createLogto } from '@logto/vue';\n *\n * const app = createApp(App);\n * const app.use(createLogto, {\n *   appId: '<your-app-id>',\n *   endpoint: '<your-oidc-endpoint-domain>',\n * });\n *\n * app.mount('#app');\n * ```\n *\n * Use this in your Vue root component to register the plugin\n */\nexport const createLogto: LogtoVuePlugin = {\n  install(app: App, config: LogtoConfig) {\n    const client = new LogtoClient(config);\n    const context = createContext(client);\n    const pluginMethods = createPluginMethods(context);\n    const { isAuthenticated, isLoading, error } = context;\n\n    app.provide<Context>(contextInjectionKey, context);\n    app.provide<Logto>(logtoInjectionKey, {\n      isAuthenticated: readonly(isAuthenticated),\n      isLoading: readonly(isLoading),\n      error: readonly(error),\n      ...pluginMethods,\n    });\n  },\n};\n\n/**\n * A Vue composable method that provides the Logto reactive refs and auth methods.\n *\n * ```ts\n * import { useLogto } from '@logto/vue';\n *\n * export default {\n *  setup() {\n *    const { isAuthenticated, signIn } = useLogto();\n *\n *    return {\n *      isAuthenticated,\n *      onClickSignIn: () => {\n *        signIn('<your-redirect-uri>');\n *      },\n *    }\n *  }\n * }\n * ```\n *\n * Use this composable in the setup script of your Vue component to make sure the injection works\n */\nexport const useLogto = (): Logto => {\n  const logto = inject<Logto>(logtoInjectionKey);\n\n  if (!logto) {\n    return throwContextError();\n  }\n\n  return logto;\n};\n\n/**\n * A Vue composable method that watches browser navigation and automatically handles the sign-in callback\n *\n * ```ts\n * import { useLogto } from '@logto/vue';\n * import { useHandleSignInCallback } from '@logto/vue';\n *\n * export default {\n *   setup() {\n *     useHandleSignInCallback();\n *   }\n * }\n * ```\n *\n * Use this in the setup script of your Callback page to make sure the injection works\n */\nexport const useHandleSignInCallback = (callback?: () => void) => {\n  const context = inject<Context>(contextInjectionKey);\n\n  if (!context) {\n    return throwContextError();\n  }\n\n  const { isAuthenticated, isLoading, logtoClient, error } = context;\n  const { handleSignInCallback } = createPluginMethods(context);\n\n  watchEffect(() => {\n    const currentPageUrl = window.location.href;\n\n    if (!isAuthenticated.value && logtoClient.value?.isSignInRedirected(currentPageUrl)) {\n      void handleSignInCallback(currentPageUrl, callback);\n    }\n  });\n\n  return {\n    isLoading: readonly(isLoading),\n    isAuthenticated: readonly(isAuthenticated),\n    error: readonly(error),\n  };\n};\n"],"names":[],"version":3,"file":"index.d.ts.map"}

package/lib/index.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/vue/src/index.ts","packages/vue/src/consts.ts","packages/vue/src/context.ts","packages/vue/src/plugin.ts"],"sourcesContent":["import LogtoClient, { IdTokenClaims, LogtoConfig, UserInfoResponse } from '@logto/browser';\nimport { App, inject, readonly, Ref, watchEffect } from 'vue';\n\nimport { logtoInjectionKey, contextInjectionKey } from './consts';\nimport { Context, createContext, throwContextError } from './context';\nimport { createPluginMethods } from './plugin';\n\nexport type {\n  LogtoConfig,\n  IdTokenClaims,\n  UserInfoResponse,\n  LogtoErrorCode,\n  LogtoClientErrorCode,\n} from '@logto/browser';\n\nexport {\n  LogtoError,\n  LogtoClientError,\n  OidcError,\n  Prompt,\n  ReservedScope,\n  UserScope,\n} from '@logto/browser';\n\ntype LogtoVuePlugin = {\n  install: (app: App, config: LogtoConfig) => void;\n};\n\ntype Logto = {\n  isAuthenticated: Readonly<Ref<boolean>>;\n  isLoading: Readonly<Ref<boolean>>;\n  error: Readonly<Ref<Error | undefined>>;\n  fetchUserInfo: () => Promise<UserInfoResponse | undefined>;\n  getAccessToken: (resource?: string) => Promise<string | undefined>;\n  getIdTokenClaims: () => Promise<IdTokenClaims | undefined>;\n  signIn: (redirectUri: string) => Promise<void>;\n  signOut: (postLogoutRedirectUri?: string) => Promise<void>;\n};\n\n/**\n * Creates the Logto Vue plugin\n *\n * ```ts\n * import { createApp } from 'vue';\n * import { createLogto } from '@logto/vue';\n *\n * const app = createApp(App);\n * const app.use(createLogto, {\n *   appId: '<your-app-id>',\n *   endpoint: '<your-oidc-endpoint-domain>',\n * });\n *\n * app.mount('#app');\n * ```\n *\n * Use this in your Vue root component to register the plugin\n */\nexport const createLogto: LogtoVuePlugin = {\n  install(app: App, config: LogtoConfig) {\n    const client = new LogtoClient(config);\n    const context = createContext(client);\n    const pluginMethods = createPluginMethods(context);\n    const { isAuthenticated, isLoading, error } = context;\n\n    app.provide<Context>(contextInjectionKey, context);\n    app.provide<Logto>(logtoInjectionKey, {\n      isAuthenticated: readonly(isAuthenticated),\n      isLoading: readonly(isLoading),\n      error: readonly(error),\n      ...pluginMethods,\n    });\n  },\n};\n\n/**\n * A Vue composable method that provides the Logto reactive refs and auth methods.\n *\n * ```ts\n * import { useLogto } from '@logto/vue';\n *\n * export default {\n *  setup() {\n *    const { isAuthenticated, signIn } = useLogto();\n *\n *    return {\n *      isAuthenticated,\n *      onClickSignIn: () => {\n *        signIn('<your-redirect-uri>');\n *      },\n *    }\n *  }\n * }\n * ```\n *\n * Use this composable in the setup script of your Vue component to make sure the injection works\n */\nexport const useLogto = (): Logto => {\n  const logto = inject<Logto>(logtoInjectionKey);\n\n  if (!logto) {\n    return throwContextError();\n  }\n\n  return logto;\n};\n\n/**\n * A Vue composable method that watches browser navigation and automatically handles the sign-in callback\n *\n * ```ts\n * import { useLogto } from '@logto/vue';\n * import { useHandleSignInCallback } from '@logto/vue';\n *\n * export default {\n *   setup() {\n *     useHandleSignInCallback();\n *   }\n * }\n * ```\n *\n * Use this in the setup script of your Callback page to make sure the injection works\n */\nexport const useHandleSignInCallback = (callback?: () => void) => {\n  const context = inject<Context>(contextInjectionKey);\n\n  if (!context) {\n    return throwContextError();\n  }\n\n  const { isAuthenticated, isLoading, logtoClient, error } = context;\n  const { handleSignInCallback } = createPluginMethods(context);\n\n  watchEffect(() => {\n    const currentPageUrl = window.location.href;\n\n    if (!isAuthenticated.value && logtoClient.value?.isSignInRedirected(currentPageUrl)) {\n      void handleSignInCallback(currentPageUrl, callback);\n    }\n  });\n\n  return {\n    isLoading: readonly(isLoading),\n    isAuthenticated: readonly(isAuthenticated),\n    error: readonly(error),\n  };\n};\n","export const logtoInjectionKey = '@logto/vue';\nexport const contextInjectionKey = '@logto/vue:context';\n","import LogtoClient from '@logto/browser';\nimport { computed, ComputedRef, reactive, Ref, toRefs, UnwrapRef, watchEffect } from 'vue';\n\ntype LogtoContextProperties = {\n  logtoClient: LogtoClient | undefined;\n  isAuthenticated: boolean;\n  loadingCount: number;\n  error: Error | undefined;\n};\n\nexport type Context = {\n  // Wrong type workaround. https://github.com/vuejs/core/issues/2981\n  logtoClient: Ref<UnwrapRef<LogtoClient | undefined>>;\n  isAuthenticated: Ref<boolean>;\n  loadingCount: Ref<number>;\n  error: Ref<Error | undefined>;\n  isLoading: ComputedRef<boolean>;\n  setError: (error: unknown, fallbackErrorMessage?: string | undefined) => void;\n  setIsAuthenticated: (isAuthenticated: boolean) => void;\n  setLoading: (isLoading: boolean) => void;\n};\n\nexport const createContext = (client: LogtoClient): Context => {\n  const context = toRefs(\n    reactive<LogtoContextProperties>({\n      logtoClient: client,\n      isAuthenticated: false,\n      loadingCount: 1,\n      error: undefined,\n    })\n  );\n\n  const { isAuthenticated, loadingCount, error } = context;\n\n  const isLoading = computed(() => loadingCount.value > 0);\n\n  /* eslint-disable @silverhand/fp/no-mutation */\n  const setError = (_error: unknown, fallbackErrorMessage?: string) => {\n    if (_error instanceof Error) {\n      error.value = _error;\n    } else if (fallbackErrorMessage) {\n      error.value = new Error(fallbackErrorMessage);\n    }\n    console.error(error);\n  };\n\n  const setLoading = (isLoading: boolean) => {\n    if (isLoading) {\n      loadingCount.value += 1;\n    } else {\n      loadingCount.value = Math.max(0, loadingCount.value - 1);\n    }\n  };\n\n  const setIsAuthenticated = (_isAuthenticated: boolean) => {\n    isAuthenticated.value = _isAuthenticated;\n  };\n  /* eslint-enable @silverhand/fp/no-mutation */\n\n  watchEffect(async () => {\n    const isAuthenticated = await client.isAuthenticated();\n\n    setIsAuthenticated(isAuthenticated);\n    setLoading(false);\n  });\n\n  return { ...context, isLoading, setError, setLoading, setIsAuthenticated };\n};\n\nexport const throwContextError = (): never => {\n  throw new Error('Must install Logto plugin first.');\n};\n","import { Context, throwContextError } from './context';\n\nexport const createPluginMethods = (context: Context) => {\n  const { logtoClient, setLoading, setError, setIsAuthenticated } = context;\n\n  const signIn = async (redirectUri: string) => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n\n      await logtoClient.value.signIn(redirectUri);\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while signing in.');\n    }\n  };\n\n  const signOut = async (postLogoutRedirectUri?: string) => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n\n      await logtoClient.value.signOut(postLogoutRedirectUri);\n\n      // We deliberately do NOT set isAuthenticated to false here, because the app state may change immediately\n      // even before navigating to the oidc end session endpoint, which might cause rendering problems.\n      // Moreover, since the location will be redirected, the isAuthenticated state will not matter any more.\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while signing out.');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const fetchUserInfo = async () => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n\n      return await logtoClient.value.fetchUserInfo();\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while fetching user info.');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const getAccessToken = async (resource?: string) => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n\n      return await logtoClient.value.getAccessToken(resource);\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while getting access token.');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const getIdTokenClaims = async () => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      return await logtoClient.value.getIdTokenClaims();\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while getting id token claims.');\n    }\n  };\n\n  const handleSignInCallback = async (callbackUri: string, callbackFunction?: () => void) => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n      await logtoClient.value.handleSignInCallback(callbackUri);\n      setIsAuthenticated(true);\n      callbackFunction?.();\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while handling sign in callback.');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return {\n    signIn,\n    signOut,\n    fetchUserInfo,\n    getAccessToken,\n    getIdTokenClaims,\n    handleSignInCallback,\n  };\n};\n"],"names":[],"version":3,"file":"index.js.map"}
+{"mappings":"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","sources":["packages/vue/src/index.ts","packages/vue/src/consts.ts","packages/vue/src/context.ts","packages/vue/src/plugin.ts"],"sourcesContent":["import type { IdTokenClaims, LogtoConfig, UserInfoResponse } from '@logto/browser';\nimport LogtoClient from '@logto/browser';\nimport type { App, Ref } from 'vue';\nimport { inject, readonly, watchEffect } from 'vue';\n\nimport { logtoInjectionKey, contextInjectionKey } from './consts';\nimport type { Context } from './context';\nimport { createContext, throwContextError } from './context';\nimport { createPluginMethods } from './plugin';\n\nexport type {\n  LogtoConfig,\n  IdTokenClaims,\n  UserInfoResponse,\n  LogtoErrorCode,\n  LogtoClientErrorCode,\n} from '@logto/browser';\n\nexport {\n  LogtoError,\n  LogtoClientError,\n  OidcError,\n  Prompt,\n  ReservedScope,\n  UserScope,\n} from '@logto/browser';\n\ntype LogtoVuePlugin = {\n  install: (app: App, config: LogtoConfig) => void;\n};\n\ntype Logto = {\n  isAuthenticated: Readonly<Ref<boolean>>;\n  isLoading: Readonly<Ref<boolean>>;\n  error: Readonly<Ref<Error | undefined>>;\n  fetchUserInfo: () => Promise<UserInfoResponse | undefined>;\n  getAccessToken: (resource?: string) => Promise<string | undefined>;\n  getIdTokenClaims: () => Promise<IdTokenClaims | undefined>;\n  signIn: (redirectUri: string) => Promise<void>;\n  signOut: (postLogoutRedirectUri?: string) => Promise<void>;\n};\n\n/**\n * Creates the Logto Vue plugin\n *\n * ```ts\n * import { createApp } from 'vue';\n * import { createLogto } from '@logto/vue';\n *\n * const app = createApp(App);\n * const app.use(createLogto, {\n *   appId: '<your-app-id>',\n *   endpoint: '<your-oidc-endpoint-domain>',\n * });\n *\n * app.mount('#app');\n * ```\n *\n * Use this in your Vue root component to register the plugin\n */\nexport const createLogto: LogtoVuePlugin = {\n  install(app: App, config: LogtoConfig) {\n    const client = new LogtoClient(config);\n    const context = createContext(client);\n    const pluginMethods = createPluginMethods(context);\n    const { isAuthenticated, isLoading, error } = context;\n\n    app.provide<Context>(contextInjectionKey, context);\n    app.provide<Logto>(logtoInjectionKey, {\n      isAuthenticated: readonly(isAuthenticated),\n      isLoading: readonly(isLoading),\n      error: readonly(error),\n      ...pluginMethods,\n    });\n  },\n};\n\n/**\n * A Vue composable method that provides the Logto reactive refs and auth methods.\n *\n * ```ts\n * import { useLogto } from '@logto/vue';\n *\n * export default {\n *  setup() {\n *    const { isAuthenticated, signIn } = useLogto();\n *\n *    return {\n *      isAuthenticated,\n *      onClickSignIn: () => {\n *        signIn('<your-redirect-uri>');\n *      },\n *    }\n *  }\n * }\n * ```\n *\n * Use this composable in the setup script of your Vue component to make sure the injection works\n */\nexport const useLogto = (): Logto => {\n  const logto = inject<Logto>(logtoInjectionKey);\n\n  if (!logto) {\n    return throwContextError();\n  }\n\n  return logto;\n};\n\n/**\n * A Vue composable method that watches browser navigation and automatically handles the sign-in callback\n *\n * ```ts\n * import { useLogto } from '@logto/vue';\n * import { useHandleSignInCallback } from '@logto/vue';\n *\n * export default {\n *   setup() {\n *     useHandleSignInCallback();\n *   }\n * }\n * ```\n *\n * Use this in the setup script of your Callback page to make sure the injection works\n */\nexport const useHandleSignInCallback = (callback?: () => void) => {\n  const context = inject<Context>(contextInjectionKey);\n\n  if (!context) {\n    return throwContextError();\n  }\n\n  const { isAuthenticated, isLoading, logtoClient, error } = context;\n  const { handleSignInCallback } = createPluginMethods(context);\n\n  watchEffect(() => {\n    const currentPageUrl = window.location.href;\n\n    if (!isAuthenticated.value && logtoClient.value?.isSignInRedirected(currentPageUrl)) {\n      void handleSignInCallback(currentPageUrl, callback);\n    }\n  });\n\n  return {\n    isLoading: readonly(isLoading),\n    isAuthenticated: readonly(isAuthenticated),\n    error: readonly(error),\n  };\n};\n","export const logtoInjectionKey = '@logto/vue';\nexport const contextInjectionKey = '@logto/vue:context';\n","import type LogtoClient from '@logto/browser';\nimport type { ComputedRef, Ref, UnwrapRef } from 'vue';\nimport { computed, reactive, toRefs, watchEffect } from 'vue';\n\ntype LogtoContextProperties = {\n  logtoClient: LogtoClient | undefined;\n  isAuthenticated: boolean;\n  loadingCount: number;\n  error: Error | undefined;\n};\n\nexport type Context = {\n  // Wrong type workaround. https://github.com/vuejs/core/issues/2981\n  logtoClient: Ref<UnwrapRef<LogtoClient | undefined>>;\n  isAuthenticated: Ref<boolean>;\n  loadingCount: Ref<number>;\n  error: Ref<Error | undefined>;\n  isLoading: ComputedRef<boolean>;\n  setError: (error: unknown, fallbackErrorMessage?: string | undefined) => void;\n  setIsAuthenticated: (isAuthenticated: boolean) => void;\n  setLoading: (isLoading: boolean) => void;\n};\n\nexport const createContext = (client: LogtoClient): Context => {\n  const context = toRefs(\n    reactive<LogtoContextProperties>({\n      logtoClient: client,\n      isAuthenticated: false,\n      loadingCount: 1,\n      error: undefined,\n    })\n  );\n\n  const { isAuthenticated, loadingCount, error } = context;\n\n  const isLoading = computed(() => loadingCount.value > 0);\n\n  /* eslint-disable @silverhand/fp/no-mutation */\n  const setError = (_error: unknown, fallbackErrorMessage?: string) => {\n    if (_error instanceof Error) {\n      error.value = _error;\n    } else if (fallbackErrorMessage) {\n      error.value = new Error(fallbackErrorMessage);\n    }\n    console.error(error);\n  };\n\n  const setLoading = (isLoading: boolean) => {\n    if (isLoading) {\n      loadingCount.value += 1;\n    } else {\n      loadingCount.value = Math.max(0, loadingCount.value - 1);\n    }\n  };\n\n  const setIsAuthenticated = (_isAuthenticated: boolean) => {\n    isAuthenticated.value = _isAuthenticated;\n  };\n  /* eslint-enable @silverhand/fp/no-mutation */\n\n  watchEffect(async () => {\n    const isAuthenticated = await client.isAuthenticated();\n\n    setIsAuthenticated(isAuthenticated);\n    setLoading(false);\n  });\n\n  return { ...context, isLoading, setError, setLoading, setIsAuthenticated };\n};\n\nexport const throwContextError = (): never => {\n  throw new Error('Must install Logto plugin first.');\n};\n","import type { Context } from './context';\nimport { throwContextError } from './context';\n\nexport const createPluginMethods = (context: Context) => {\n  const { logtoClient, setLoading, setError, setIsAuthenticated } = context;\n\n  const signIn = async (redirectUri: string) => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n\n      await logtoClient.value.signIn(redirectUri);\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while signing in.');\n    }\n  };\n\n  const signOut = async (postLogoutRedirectUri?: string) => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n\n      await logtoClient.value.signOut(postLogoutRedirectUri);\n\n      // We deliberately do NOT set isAuthenticated to false here, because the app state may change immediately\n      // even before navigating to the oidc end session endpoint, which might cause rendering problems.\n      // Moreover, since the location will be redirected, the isAuthenticated state will not matter any more.\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while signing out.');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const fetchUserInfo = async () => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n\n      return await logtoClient.value.fetchUserInfo();\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while fetching user info.');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const getAccessToken = async (resource?: string) => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n\n      return await logtoClient.value.getAccessToken(resource);\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while getting access token.');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const getIdTokenClaims = async () => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      return await logtoClient.value.getIdTokenClaims();\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while getting id token claims.');\n    }\n  };\n\n  const handleSignInCallback = async (callbackUri: string, callbackFunction?: () => void) => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n      await logtoClient.value.handleSignInCallback(callbackUri);\n      setIsAuthenticated(true);\n      callbackFunction?.();\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while handling sign in callback.');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return {\n    signIn,\n    signOut,\n    fetchUserInfo,\n    getAccessToken,\n    getIdTokenClaims,\n    handleSignInCallback,\n  };\n};\n"],"names":[],"version":3,"file":"index.js.map"}

package/lib/module.d.mts

@@ -0,0 +1,82 @@
+import { IdTokenClaims, LogtoConfig, UserInfoResponse } from "@logto/browser";
+import { App, Ref } from "vue";
+export type { LogtoConfig, IdTokenClaims, UserInfoResponse, LogtoErrorCode, LogtoClientErrorCode, } from '@logto/browser';
+export { LogtoError, LogtoClientError, OidcError, Prompt, ReservedScope, UserScope, } from '@logto/browser';
+type LogtoVuePlugin = {
+    install: (app: App, config: LogtoConfig) => void;
+};
+type Logto = {
+    isAuthenticated: Readonly<Ref<boolean>>;
+    isLoading: Readonly<Ref<boolean>>;
+    error: Readonly<Ref<Error | undefined>>;
+    fetchUserInfo: () => Promise<UserInfoResponse | undefined>;
+    getAccessToken: (resource?: string) => Promise<string | undefined>;
+    getIdTokenClaims: () => Promise<IdTokenClaims | undefined>;
+    signIn: (redirectUri: string) => Promise<void>;
+    signOut: (postLogoutRedirectUri?: string) => Promise<void>;
+};
+/**
+ * Creates the Logto Vue plugin
+ *
+ * ```ts
+ * import { createApp } from 'vue';
+ * import { createLogto } from '@logto/vue';
+ *
+ * const app = createApp(App);
+ * const app.use(createLogto, {
+ *   appId: '<your-app-id>',
+ *   endpoint: '<your-oidc-endpoint-domain>',
+ * });
+ *
+ * app.mount('#app');
+ * ```
+ *
+ * Use this in your Vue root component to register the plugin
+ */
+export const createLogto: LogtoVuePlugin;
+/**
+ * A Vue composable method that provides the Logto reactive refs and auth methods.
+ *
+ * ```ts
+ * import { useLogto } from '@logto/vue';
+ *
+ * export default {
+ *  setup() {
+ *    const { isAuthenticated, signIn } = useLogto();
+ *
+ *    return {
+ *      isAuthenticated,
+ *      onClickSignIn: () => {
+ *        signIn('<your-redirect-uri>');
+ *      },
+ *    }
+ *  }
+ * }
+ * ```
+ *
+ * Use this composable in the setup script of your Vue component to make sure the injection works
+ */
+export const useLogto: () => Logto;
+/**
+ * A Vue composable method that watches browser navigation and automatically handles the sign-in callback
+ *
+ * ```ts
+ * import { useLogto } from '@logto/vue';
+ * import { useHandleSignInCallback } from '@logto/vue';
+ *
+ * export default {
+ *   setup() {
+ *     useHandleSignInCallback();
+ *   }
+ * }
+ * ```
+ *
+ * Use this in the setup script of your Callback page to make sure the injection works
+ */
+export const useHandleSignInCallback: (callback?: () => void) => {
+    isLoading: Readonly<Ref<boolean>>;
+    isAuthenticated: Readonly<Ref<boolean>>;
+    error: Readonly<Ref<Error | undefined>>;
+};
+
+//# sourceMappingURL=index.d.ts.map

package/lib/{module.js → module.mjs}

@@ -166,4 +166,4 @@ const $a52d863b14a9eb8e$export$84e88c4b3c082374 = (callback)=>{
 
 
 export {$a52d863b14a9eb8e$export$d8f887f9089028d2 as createLogto, $a52d863b14a9eb8e$export$44fc9df4d2a1789a as useLogto, $a52d863b14a9eb8e$export$84e88c4b3c082374 as useHandleSignInCallback, $a52d863b14a9eb8e$re_export$LogtoError as LogtoError, $a52d863b14a9eb8e$re_export$LogtoClientError as LogtoClientError, $a52d863b14a9eb8e$re_export$OidcError as OidcError, $a52d863b14a9eb8e$re_export$Prompt as Prompt, $a52d863b14a9eb8e$re_export$ReservedScope as ReservedScope, $a52d863b14a9eb8e$re_export$UserScope as UserScope};
-//# sourceMappingURL=module.js.map
+//# sourceMappingURL=module.mjs.map

package/lib/module.mjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/vue/src/index.ts","packages/vue/src/consts.ts","packages/vue/src/context.ts","packages/vue/src/plugin.ts"],"sourcesContent":["import type { IdTokenClaims, LogtoConfig, UserInfoResponse } from '@logto/browser';\nimport LogtoClient from '@logto/browser';\nimport type { App, Ref } from 'vue';\nimport { inject, readonly, watchEffect } from 'vue';\n\nimport { logtoInjectionKey, contextInjectionKey } from './consts';\nimport type { Context } from './context';\nimport { createContext, throwContextError } from './context';\nimport { createPluginMethods } from './plugin';\n\nexport type {\n  LogtoConfig,\n  IdTokenClaims,\n  UserInfoResponse,\n  LogtoErrorCode,\n  LogtoClientErrorCode,\n} from '@logto/browser';\n\nexport {\n  LogtoError,\n  LogtoClientError,\n  OidcError,\n  Prompt,\n  ReservedScope,\n  UserScope,\n} from '@logto/browser';\n\ntype LogtoVuePlugin = {\n  install: (app: App, config: LogtoConfig) => void;\n};\n\ntype Logto = {\n  isAuthenticated: Readonly<Ref<boolean>>;\n  isLoading: Readonly<Ref<boolean>>;\n  error: Readonly<Ref<Error | undefined>>;\n  fetchUserInfo: () => Promise<UserInfoResponse | undefined>;\n  getAccessToken: (resource?: string) => Promise<string | undefined>;\n  getIdTokenClaims: () => Promise<IdTokenClaims | undefined>;\n  signIn: (redirectUri: string) => Promise<void>;\n  signOut: (postLogoutRedirectUri?: string) => Promise<void>;\n};\n\n/**\n * Creates the Logto Vue plugin\n *\n * ```ts\n * import { createApp } from 'vue';\n * import { createLogto } from '@logto/vue';\n *\n * const app = createApp(App);\n * const app.use(createLogto, {\n *   appId: '<your-app-id>',\n *   endpoint: '<your-oidc-endpoint-domain>',\n * });\n *\n * app.mount('#app');\n * ```\n *\n * Use this in your Vue root component to register the plugin\n */\nexport const createLogto: LogtoVuePlugin = {\n  install(app: App, config: LogtoConfig) {\n    const client = new LogtoClient(config);\n    const context = createContext(client);\n    const pluginMethods = createPluginMethods(context);\n    const { isAuthenticated, isLoading, error } = context;\n\n    app.provide<Context>(contextInjectionKey, context);\n    app.provide<Logto>(logtoInjectionKey, {\n      isAuthenticated: readonly(isAuthenticated),\n      isLoading: readonly(isLoading),\n      error: readonly(error),\n      ...pluginMethods,\n    });\n  },\n};\n\n/**\n * A Vue composable method that provides the Logto reactive refs and auth methods.\n *\n * ```ts\n * import { useLogto } from '@logto/vue';\n *\n * export default {\n *  setup() {\n *    const { isAuthenticated, signIn } = useLogto();\n *\n *    return {\n *      isAuthenticated,\n *      onClickSignIn: () => {\n *        signIn('<your-redirect-uri>');\n *      },\n *    }\n *  }\n * }\n * ```\n *\n * Use this composable in the setup script of your Vue component to make sure the injection works\n */\nexport const useLogto = (): Logto => {\n  const logto = inject<Logto>(logtoInjectionKey);\n\n  if (!logto) {\n    return throwContextError();\n  }\n\n  return logto;\n};\n\n/**\n * A Vue composable method that watches browser navigation and automatically handles the sign-in callback\n *\n * ```ts\n * import { useLogto } from '@logto/vue';\n * import { useHandleSignInCallback } from '@logto/vue';\n *\n * export default {\n *   setup() {\n *     useHandleSignInCallback();\n *   }\n * }\n * ```\n *\n * Use this in the setup script of your Callback page to make sure the injection works\n */\nexport const useHandleSignInCallback = (callback?: () => void) => {\n  const context = inject<Context>(contextInjectionKey);\n\n  if (!context) {\n    return throwContextError();\n  }\n\n  const { isAuthenticated, isLoading, logtoClient, error } = context;\n  const { handleSignInCallback } = createPluginMethods(context);\n\n  watchEffect(() => {\n    const currentPageUrl = window.location.href;\n\n    if (!isAuthenticated.value && logtoClient.value?.isSignInRedirected(currentPageUrl)) {\n      void handleSignInCallback(currentPageUrl, callback);\n    }\n  });\n\n  return {\n    isLoading: readonly(isLoading),\n    isAuthenticated: readonly(isAuthenticated),\n    error: readonly(error),\n  };\n};\n","export const logtoInjectionKey = '@logto/vue';\nexport const contextInjectionKey = '@logto/vue:context';\n","import type LogtoClient from '@logto/browser';\nimport type { ComputedRef, Ref, UnwrapRef } from 'vue';\nimport { computed, reactive, toRefs, watchEffect } from 'vue';\n\ntype LogtoContextProperties = {\n  logtoClient: LogtoClient | undefined;\n  isAuthenticated: boolean;\n  loadingCount: number;\n  error: Error | undefined;\n};\n\nexport type Context = {\n  // Wrong type workaround. https://github.com/vuejs/core/issues/2981\n  logtoClient: Ref<UnwrapRef<LogtoClient | undefined>>;\n  isAuthenticated: Ref<boolean>;\n  loadingCount: Ref<number>;\n  error: Ref<Error | undefined>;\n  isLoading: ComputedRef<boolean>;\n  setError: (error: unknown, fallbackErrorMessage?: string | undefined) => void;\n  setIsAuthenticated: (isAuthenticated: boolean) => void;\n  setLoading: (isLoading: boolean) => void;\n};\n\nexport const createContext = (client: LogtoClient): Context => {\n  const context = toRefs(\n    reactive<LogtoContextProperties>({\n      logtoClient: client,\n      isAuthenticated: false,\n      loadingCount: 1,\n      error: undefined,\n    })\n  );\n\n  const { isAuthenticated, loadingCount, error } = context;\n\n  const isLoading = computed(() => loadingCount.value > 0);\n\n  /* eslint-disable @silverhand/fp/no-mutation */\n  const setError = (_error: unknown, fallbackErrorMessage?: string) => {\n    if (_error instanceof Error) {\n      error.value = _error;\n    } else if (fallbackErrorMessage) {\n      error.value = new Error(fallbackErrorMessage);\n    }\n    console.error(error);\n  };\n\n  const setLoading = (isLoading: boolean) => {\n    if (isLoading) {\n      loadingCount.value += 1;\n    } else {\n      loadingCount.value = Math.max(0, loadingCount.value - 1);\n    }\n  };\n\n  const setIsAuthenticated = (_isAuthenticated: boolean) => {\n    isAuthenticated.value = _isAuthenticated;\n  };\n  /* eslint-enable @silverhand/fp/no-mutation */\n\n  watchEffect(async () => {\n    const isAuthenticated = await client.isAuthenticated();\n\n    setIsAuthenticated(isAuthenticated);\n    setLoading(false);\n  });\n\n  return { ...context, isLoading, setError, setLoading, setIsAuthenticated };\n};\n\nexport const throwContextError = (): never => {\n  throw new Error('Must install Logto plugin first.');\n};\n","import type { Context } from './context';\nimport { throwContextError } from './context';\n\nexport const createPluginMethods = (context: Context) => {\n  const { logtoClient, setLoading, setError, setIsAuthenticated } = context;\n\n  const signIn = async (redirectUri: string) => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n\n      await logtoClient.value.signIn(redirectUri);\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while signing in.');\n    }\n  };\n\n  const signOut = async (postLogoutRedirectUri?: string) => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n\n      await logtoClient.value.signOut(postLogoutRedirectUri);\n\n      // We deliberately do NOT set isAuthenticated to false here, because the app state may change immediately\n      // even before navigating to the oidc end session endpoint, which might cause rendering problems.\n      // Moreover, since the location will be redirected, the isAuthenticated state will not matter any more.\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while signing out.');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const fetchUserInfo = async () => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n\n      return await logtoClient.value.fetchUserInfo();\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while fetching user info.');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const getAccessToken = async (resource?: string) => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n\n      return await logtoClient.value.getAccessToken(resource);\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while getting access token.');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const getIdTokenClaims = async () => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      return await logtoClient.value.getIdTokenClaims();\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while getting id token claims.');\n    }\n  };\n\n  const handleSignInCallback = async (callbackUri: string, callbackFunction?: () => void) => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n      await logtoClient.value.handleSignInCallback(callbackUri);\n      setIsAuthenticated(true);\n      callbackFunction?.();\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while handling sign in callback.');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return {\n    signIn,\n    signOut,\n    fetchUserInfo,\n    getAccessToken,\n    getIdTokenClaims,\n    handleSignInCallback,\n  };\n};\n"],"names":[],"version":3,"file":"module.mjs.map"}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@logto/vue",
-  "version": "1.0.0-beta.9",
+  "version": "1.0.0",
   "source": "./src/index.ts",
   "main": "./lib/index.js",
   "exports": {
     "require": "./lib/index.js",
-    "import": "./lib/module.js"
+    "import": "./lib/module.mjs"
   },
-  "module": "./lib/module.js",
+  "module": "./lib/module.mjs",
   "types": "./lib/index.d.ts",
   "files": [
     "lib"
@@ -22,32 +22,32 @@
     "dev:tsc": "tsc -p tsconfig.build.json -w --preserveWatchOutput",
     "precommit": "lint-staged",
     "check": "tsc --noEmit",
-    "build": "rm -rf lib/ && pnpm check && parcel build",
+    "build": "rm -rf lib/ && pnpm check && parcel build && cp lib/index.d.ts lib/module.d.mts",
     "lint": "eslint --ext .ts src",
     "test": "jest",
     "test:coverage": "jest --silent --coverage",
     "prepack": "pnpm test"
   },
   "dependencies": {
-    "@logto/browser": "^1.0.0-beta.9"
+    "@logto/browser": "^1.0.0"
   },
   "devDependencies": {
     "@jest/types": "^27.5.1",
-    "@parcel/core": "^2.7.0",
-    "@parcel/packager-ts": "^2.7.0",
-    "@parcel/transformer-typescript-types": "^2.7.0",
-    "@silverhand/eslint-config": "^1.0.0",
+    "@parcel/core": "^2.8.3",
+    "@parcel/packager-ts": "^2.8.3",
+    "@parcel/transformer-typescript-types": "^2.8.3",
+    "@silverhand/eslint-config": "^2.0.0",
     "@silverhand/ts-config": "^1.0.0",
     "@types/jest": "^27.4.1",
     "eslint": "^8.23.0",
     "jest": "^27.5.1",
     "lint-staged": "^13.0.0",
-    "parcel": "^2.7.0",
+    "parcel": "^2.8.3",
     "postcss": "^8.4.6",
     "prettier": "^2.7.1",
-    "stylelint": "^14.11.0",
+    "stylelint": "^15.0.0",
     "ts-jest": "^27.0.4",
-    "typescript": "4.7.4",
+    "typescript": "4.9.5",
     "vue": "^3.2.35"
   },
   "peerDependencies": {
@@ -70,5 +70,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "196ece6cad697ec93f53230cd165fedc7aa5d825"
+  "gitHead": "fff27b23a74d5bd3a46fc83fbbc2901b6e054c72"
 }

package/lib/module.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/vue/src/index.ts","packages/vue/src/consts.ts","packages/vue/src/context.ts","packages/vue/src/plugin.ts"],"sourcesContent":["import LogtoClient, { IdTokenClaims, LogtoConfig, UserInfoResponse } from '@logto/browser';\nimport { App, inject, readonly, Ref, watchEffect } from 'vue';\n\nimport { logtoInjectionKey, contextInjectionKey } from './consts';\nimport { Context, createContext, throwContextError } from './context';\nimport { createPluginMethods } from './plugin';\n\nexport type {\n  LogtoConfig,\n  IdTokenClaims,\n  UserInfoResponse,\n  LogtoErrorCode,\n  LogtoClientErrorCode,\n} from '@logto/browser';\n\nexport {\n  LogtoError,\n  LogtoClientError,\n  OidcError,\n  Prompt,\n  ReservedScope,\n  UserScope,\n} from '@logto/browser';\n\ntype LogtoVuePlugin = {\n  install: (app: App, config: LogtoConfig) => void;\n};\n\ntype Logto = {\n  isAuthenticated: Readonly<Ref<boolean>>;\n  isLoading: Readonly<Ref<boolean>>;\n  error: Readonly<Ref<Error | undefined>>;\n  fetchUserInfo: () => Promise<UserInfoResponse | undefined>;\n  getAccessToken: (resource?: string) => Promise<string | undefined>;\n  getIdTokenClaims: () => Promise<IdTokenClaims | undefined>;\n  signIn: (redirectUri: string) => Promise<void>;\n  signOut: (postLogoutRedirectUri?: string) => Promise<void>;\n};\n\n/**\n * Creates the Logto Vue plugin\n *\n * ```ts\n * import { createApp } from 'vue';\n * import { createLogto } from '@logto/vue';\n *\n * const app = createApp(App);\n * const app.use(createLogto, {\n *   appId: '<your-app-id>',\n *   endpoint: '<your-oidc-endpoint-domain>',\n * });\n *\n * app.mount('#app');\n * ```\n *\n * Use this in your Vue root component to register the plugin\n */\nexport const createLogto: LogtoVuePlugin = {\n  install(app: App, config: LogtoConfig) {\n    const client = new LogtoClient(config);\n    const context = createContext(client);\n    const pluginMethods = createPluginMethods(context);\n    const { isAuthenticated, isLoading, error } = context;\n\n    app.provide<Context>(contextInjectionKey, context);\n    app.provide<Logto>(logtoInjectionKey, {\n      isAuthenticated: readonly(isAuthenticated),\n      isLoading: readonly(isLoading),\n      error: readonly(error),\n      ...pluginMethods,\n    });\n  },\n};\n\n/**\n * A Vue composable method that provides the Logto reactive refs and auth methods.\n *\n * ```ts\n * import { useLogto } from '@logto/vue';\n *\n * export default {\n *  setup() {\n *    const { isAuthenticated, signIn } = useLogto();\n *\n *    return {\n *      isAuthenticated,\n *      onClickSignIn: () => {\n *        signIn('<your-redirect-uri>');\n *      },\n *    }\n *  }\n * }\n * ```\n *\n * Use this composable in the setup script of your Vue component to make sure the injection works\n */\nexport const useLogto = (): Logto => {\n  const logto = inject<Logto>(logtoInjectionKey);\n\n  if (!logto) {\n    return throwContextError();\n  }\n\n  return logto;\n};\n\n/**\n * A Vue composable method that watches browser navigation and automatically handles the sign-in callback\n *\n * ```ts\n * import { useLogto } from '@logto/vue';\n * import { useHandleSignInCallback } from '@logto/vue';\n *\n * export default {\n *   setup() {\n *     useHandleSignInCallback();\n *   }\n * }\n * ```\n *\n * Use this in the setup script of your Callback page to make sure the injection works\n */\nexport const useHandleSignInCallback = (callback?: () => void) => {\n  const context = inject<Context>(contextInjectionKey);\n\n  if (!context) {\n    return throwContextError();\n  }\n\n  const { isAuthenticated, isLoading, logtoClient, error } = context;\n  const { handleSignInCallback } = createPluginMethods(context);\n\n  watchEffect(() => {\n    const currentPageUrl = window.location.href;\n\n    if (!isAuthenticated.value && logtoClient.value?.isSignInRedirected(currentPageUrl)) {\n      void handleSignInCallback(currentPageUrl, callback);\n    }\n  });\n\n  return {\n    isLoading: readonly(isLoading),\n    isAuthenticated: readonly(isAuthenticated),\n    error: readonly(error),\n  };\n};\n","export const logtoInjectionKey = '@logto/vue';\nexport const contextInjectionKey = '@logto/vue:context';\n","import LogtoClient from '@logto/browser';\nimport { computed, ComputedRef, reactive, Ref, toRefs, UnwrapRef, watchEffect } from 'vue';\n\ntype LogtoContextProperties = {\n  logtoClient: LogtoClient | undefined;\n  isAuthenticated: boolean;\n  loadingCount: number;\n  error: Error | undefined;\n};\n\nexport type Context = {\n  // Wrong type workaround. https://github.com/vuejs/core/issues/2981\n  logtoClient: Ref<UnwrapRef<LogtoClient | undefined>>;\n  isAuthenticated: Ref<boolean>;\n  loadingCount: Ref<number>;\n  error: Ref<Error | undefined>;\n  isLoading: ComputedRef<boolean>;\n  setError: (error: unknown, fallbackErrorMessage?: string | undefined) => void;\n  setIsAuthenticated: (isAuthenticated: boolean) => void;\n  setLoading: (isLoading: boolean) => void;\n};\n\nexport const createContext = (client: LogtoClient): Context => {\n  const context = toRefs(\n    reactive<LogtoContextProperties>({\n      logtoClient: client,\n      isAuthenticated: false,\n      loadingCount: 1,\n      error: undefined,\n    })\n  );\n\n  const { isAuthenticated, loadingCount, error } = context;\n\n  const isLoading = computed(() => loadingCount.value > 0);\n\n  /* eslint-disable @silverhand/fp/no-mutation */\n  const setError = (_error: unknown, fallbackErrorMessage?: string) => {\n    if (_error instanceof Error) {\n      error.value = _error;\n    } else if (fallbackErrorMessage) {\n      error.value = new Error(fallbackErrorMessage);\n    }\n    console.error(error);\n  };\n\n  const setLoading = (isLoading: boolean) => {\n    if (isLoading) {\n      loadingCount.value += 1;\n    } else {\n      loadingCount.value = Math.max(0, loadingCount.value - 1);\n    }\n  };\n\n  const setIsAuthenticated = (_isAuthenticated: boolean) => {\n    isAuthenticated.value = _isAuthenticated;\n  };\n  /* eslint-enable @silverhand/fp/no-mutation */\n\n  watchEffect(async () => {\n    const isAuthenticated = await client.isAuthenticated();\n\n    setIsAuthenticated(isAuthenticated);\n    setLoading(false);\n  });\n\n  return { ...context, isLoading, setError, setLoading, setIsAuthenticated };\n};\n\nexport const throwContextError = (): never => {\n  throw new Error('Must install Logto plugin first.');\n};\n","import { Context, throwContextError } from './context';\n\nexport const createPluginMethods = (context: Context) => {\n  const { logtoClient, setLoading, setError, setIsAuthenticated } = context;\n\n  const signIn = async (redirectUri: string) => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n\n      await logtoClient.value.signIn(redirectUri);\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while signing in.');\n    }\n  };\n\n  const signOut = async (postLogoutRedirectUri?: string) => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n\n      await logtoClient.value.signOut(postLogoutRedirectUri);\n\n      // We deliberately do NOT set isAuthenticated to false here, because the app state may change immediately\n      // even before navigating to the oidc end session endpoint, which might cause rendering problems.\n      // Moreover, since the location will be redirected, the isAuthenticated state will not matter any more.\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while signing out.');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const fetchUserInfo = async () => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n\n      return await logtoClient.value.fetchUserInfo();\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while fetching user info.');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const getAccessToken = async (resource?: string) => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n\n      return await logtoClient.value.getAccessToken(resource);\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while getting access token.');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const getIdTokenClaims = async () => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      return await logtoClient.value.getIdTokenClaims();\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while getting id token claims.');\n    }\n  };\n\n  const handleSignInCallback = async (callbackUri: string, callbackFunction?: () => void) => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n      await logtoClient.value.handleSignInCallback(callbackUri);\n      setIsAuthenticated(true);\n      callbackFunction?.();\n    } catch (error: unknown) {\n      setError(error, 'Unexpected error occurred while handling sign in callback.');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return {\n    signIn,\n    signOut,\n    fetchUserInfo,\n    getAccessToken,\n    getIdTokenClaims,\n    handleSignInCallback,\n  };\n};\n"],"names":[],"version":3,"file":"module.js.map"}