@logto/vue 1.1.0 → 1.1.2

package/lib/consts.d.ts

@@ -0,0 +1,2 @@
+export declare const logtoInjectionKey = "@logto/vue";
+export declare const contextInjectionKey = "@logto/vue:context";

package/lib/consts.js

@@ -0,0 +1,7 @@
+'use strict';
+
+const logtoInjectionKey = '@logto/vue';
+const contextInjectionKey = '@logto/vue:context';
+
+exports.contextInjectionKey = contextInjectionKey;
+exports.logtoInjectionKey = logtoInjectionKey;

package/lib/consts.mjs

@@ -0,0 +1,4 @@
+const logtoInjectionKey = '@logto/vue';
+const contextInjectionKey = '@logto/vue:context';
+
+export { contextInjectionKey, logtoInjectionKey };

package/lib/context.d.ts

@@ -0,0 +1,14 @@
+import type LogtoClient from '@logto/browser';
+import type { ComputedRef, Ref, UnwrapRef } from 'vue';
+export type Context = {
+    logtoClient: Ref<UnwrapRef<LogtoClient | undefined>>;
+    isAuthenticated: Ref<boolean>;
+    loadingCount: Ref<number>;
+    error: Ref<Error | undefined>;
+    isLoading: ComputedRef<boolean>;
+    setError: (error: unknown, fallbackErrorMessage?: string | undefined) => void;
+    setIsAuthenticated: (isAuthenticated: boolean) => void;
+    setLoading: (isLoading: boolean) => void;
+};
+export declare const createContext: (client: LogtoClient) => Context;
+export declare const throwContextError: () => never;

package/lib/context.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var vue = require('vue');
+
+const createContext = (client) => {
+    const context = vue.toRefs(vue.reactive({
+        logtoClient: client,
+        isAuthenticated: false,
+        loadingCount: 1,
+        error: undefined,
+    }));
+    const { isAuthenticated, loadingCount, error } = context;
+    const isLoading = vue.computed(() => loadingCount.value > 0);
+    /* eslint-disable @silverhand/fp/no-mutation */
+    const setError = (_error, fallbackErrorMessage) => {
+        if (_error instanceof Error) {
+            error.value = _error;
+        }
+        else if (fallbackErrorMessage) {
+            error.value = new Error(fallbackErrorMessage);
+        }
+        console.error(error);
+    };
+    const setLoading = (isLoading) => {
+        if (isLoading) {
+            loadingCount.value += 1;
+        }
+        else {
+            loadingCount.value = Math.max(0, loadingCount.value - 1);
+        }
+    };
+    const setIsAuthenticated = (_isAuthenticated) => {
+        isAuthenticated.value = _isAuthenticated;
+    };
+    /* eslint-enable @silverhand/fp/no-mutation */
+    (async () => {
+        const isAuthenticated = await client.isAuthenticated();
+        setIsAuthenticated(isAuthenticated);
+        setLoading(false);
+    })();
+    return { ...context, isLoading, setError, setLoading, setIsAuthenticated };
+};
+const throwContextError = () => {
+    throw new Error('Must install Logto plugin first.');
+};
+
+exports.createContext = createContext;
+exports.throwContextError = throwContextError;

package/lib/context.mjs

@@ -0,0 +1,45 @@
+import { toRefs, reactive, computed } from 'vue';
+
+const createContext = (client) => {
+    const context = toRefs(reactive({
+        logtoClient: client,
+        isAuthenticated: false,
+        loadingCount: 1,
+        error: undefined,
+    }));
+    const { isAuthenticated, loadingCount, error } = context;
+    const isLoading = computed(() => loadingCount.value > 0);
+    /* eslint-disable @silverhand/fp/no-mutation */
+    const setError = (_error, fallbackErrorMessage) => {
+        if (_error instanceof Error) {
+            error.value = _error;
+        }
+        else if (fallbackErrorMessage) {
+            error.value = new Error(fallbackErrorMessage);
+        }
+        console.error(error);
+    };
+    const setLoading = (isLoading) => {
+        if (isLoading) {
+            loadingCount.value += 1;
+        }
+        else {
+            loadingCount.value = Math.max(0, loadingCount.value - 1);
+        }
+    };
+    const setIsAuthenticated = (_isAuthenticated) => {
+        isAuthenticated.value = _isAuthenticated;
+    };
+    /* eslint-enable @silverhand/fp/no-mutation */
+    (async () => {
+        const isAuthenticated = await client.isAuthenticated();
+        setIsAuthenticated(isAuthenticated);
+        setLoading(false);
+    })();
+    return { ...context, isLoading, setError, setLoading, setIsAuthenticated };
+};
+const throwContextError = () => {
+    throw new Error('Must install Logto plugin first.');
+};
+
+export { createContext, throwContextError };

package/lib/index.d.ts

@@ -1,5 +1,5 @@
-import { IdTokenClaims, LogtoConfig, UserInfoResponse } from "@logto/browser";
-import { App, Ref } from "vue";
+import type { IdTokenClaims, LogtoConfig, UserInfoResponse } from '@logto/browser';
+import type { App, Ref } from 'vue';
 export type { LogtoConfig, IdTokenClaims, UserInfoResponse, LogtoErrorCode, LogtoClientErrorCode, InteractionMode, } from '@logto/browser';
 export { LogtoError, LogtoClientError, OidcError, Prompt, ReservedScope, UserScope, } from '@logto/browser';
 type LogtoVuePlugin = {
@@ -33,7 +33,7 @@ type Logto = {
  *
  * Use this in your Vue root component to register the plugin
  */
-export const createLogto: LogtoVuePlugin;
+export declare const createLogto: LogtoVuePlugin;
 /**
  * A Vue composable method that provides the Logto reactive refs and auth methods.
  *
@@ -56,7 +56,7 @@ export const createLogto: LogtoVuePlugin;
  *
  * Use this composable in the setup script of your Vue component to make sure the injection works
  */
-export const useLogto: () => Logto;
+export declare const useLogto: () => Logto;
 /**
  * A Vue composable method that watches browser navigation and automatically handles the sign-in callback
  *
@@ -73,10 +73,8 @@ export const useLogto: () => Logto;
  *
  * Use this in the setup script of your Callback page to make sure the injection works
  */
-export const useHandleSignInCallback: (callback?: () => void) => {
+export declare const useHandleSignInCallback: (callback?: () => void) => {
     isLoading: Readonly<Ref<boolean>>;
     isAuthenticated: Readonly<Ref<boolean>>;
     error: Readonly<Ref<Error | undefined>>;
 };
-
-//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1,184 +1,137 @@
-var $Kru5Y$logtobrowser = require("@logto/browser");
-var $Kru5Y$vue = require("vue");
+'use strict';
 
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
+var LogtoClient = require('@logto/browser');
+var vue = require('vue');
+var consts = require('./consts.js');
+var context = require('./context.js');
+var plugin = require('./plugin.js');
 
-$parcel$export(module.exports, "createLogto", () => $b8cbe35fca4d52f8$export$d8f887f9089028d2);
-$parcel$export(module.exports, "useLogto", () => $b8cbe35fca4d52f8$export$44fc9df4d2a1789a);
-$parcel$export(module.exports, "useHandleSignInCallback", () => $b8cbe35fca4d52f8$export$84e88c4b3c082374);
-$parcel$export(module.exports, "LogtoError", () => $b8cbe35fca4d52f8$re_export$LogtoError);
-$parcel$export(module.exports, "LogtoClientError", () => $b8cbe35fca4d52f8$re_export$LogtoClientError);
-$parcel$export(module.exports, "OidcError", () => $b8cbe35fca4d52f8$re_export$OidcError);
-$parcel$export(module.exports, "Prompt", () => $b8cbe35fca4d52f8$re_export$Prompt);
-$parcel$export(module.exports, "ReservedScope", () => $b8cbe35fca4d52f8$re_export$ReservedScope);
-$parcel$export(module.exports, "UserScope", () => $b8cbe35fca4d52f8$re_export$UserScope);
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+var LogtoClient__default = /*#__PURE__*/_interopDefault(LogtoClient);
 
-const $bf8f9fe4f6be54e2$export$58f3af87e7a1a85a = "@logto/vue";
-const $bf8f9fe4f6be54e2$export$951b969b1220de04 = "@logto/vue:context";
-
-
-
-const $a89e3697ca8ff325$export$fd42f52fd3ae1109 = (client)=>{
-    const context = (0, $Kru5Y$vue.toRefs)((0, $Kru5Y$vue.reactive)({
-        logtoClient: client,
-        isAuthenticated: false,
-        loadingCount: 1,
-        error: undefined
-    }));
-    const { isAuthenticated: isAuthenticated , loadingCount: loadingCount , error: error  } = context;
-    const isLoading = (0, $Kru5Y$vue.computed)(()=>loadingCount.value > 0);
-    /* eslint-disable @silverhand/fp/no-mutation */ const setError = (_error, fallbackErrorMessage)=>{
-        if (_error instanceof Error) error.value = _error;
-        else if (fallbackErrorMessage) error.value = new Error(fallbackErrorMessage);
-        console.error(error);
-    };
-    const setLoading = (isLoading)=>{
-        if (isLoading) loadingCount.value += 1;
-        else loadingCount.value = Math.max(0, loadingCount.value - 1);
-    };
-    const setIsAuthenticated = (_isAuthenticated)=>{
-        isAuthenticated.value = _isAuthenticated;
-    };
-    /* eslint-enable @silverhand/fp/no-mutation */ (0, $Kru5Y$vue.watchEffect)(async ()=>{
-        const isAuthenticated = await client.isAuthenticated();
-        setIsAuthenticated(isAuthenticated);
-        setLoading(false);
-    });
-    return {
-        ...context,
-        isLoading: isLoading,
-        setError: setError,
-        setLoading: setLoading,
-        setIsAuthenticated: setIsAuthenticated
-    };
-};
-const $a89e3697ca8ff325$export$838ead842aa548e7 = ()=>{
-    throw new Error("Must install Logto plugin first.");
-};
-
-
-
-const $155c9da87af3d4e0$export$6ad57c8ed6bec4 = (context)=>{
-    const { logtoClient: logtoClient , setLoading: setLoading , setError: setError , setIsAuthenticated: setIsAuthenticated  } = context;
-    const signIn = async (redirectUri, interactionMode)=>{
-        if (!logtoClient.value) return (0, $a89e3697ca8ff325$export$838ead842aa548e7)();
-        try {
-            setLoading(true);
-            await logtoClient.value.signIn(redirectUri, interactionMode);
-        } catch (error) {
-            setError(error, "Unexpected error occurred while signing in.");
-        }
-    };
-    const signOut = async (postLogoutRedirectUri)=>{
-        if (!logtoClient.value) return (0, $a89e3697ca8ff325$export$838ead842aa548e7)();
-        try {
-            setLoading(true);
-            await logtoClient.value.signOut(postLogoutRedirectUri);
-        // We deliberately do NOT set isAuthenticated to false here, because the app state may change immediately
-        // even before navigating to the oidc end session endpoint, which might cause rendering problems.
-        // Moreover, since the location will be redirected, the isAuthenticated state will not matter any more.
-        } catch (error) {
-            setError(error, "Unexpected error occurred while signing out.");
-        } finally{
-            setLoading(false);
-        }
-    };
-    const fetchUserInfo = async ()=>{
-        if (!logtoClient.value) return (0, $a89e3697ca8ff325$export$838ead842aa548e7)();
-        try {
-            setLoading(true);
-            return await logtoClient.value.fetchUserInfo();
-        } catch (error) {
-            setError(error, "Unexpected error occurred while fetching user info.");
-        } finally{
-            setLoading(false);
-        }
-    };
-    const getAccessToken = async (resource)=>{
-        if (!logtoClient.value) return (0, $a89e3697ca8ff325$export$838ead842aa548e7)();
-        try {
-            setLoading(true);
-            return await logtoClient.value.getAccessToken(resource);
-        } catch (error) {
-            setError(error, "Unexpected error occurred while getting access token.");
-        } finally{
-            setLoading(false);
-        }
-    };
-    const getIdTokenClaims = async ()=>{
-        if (!logtoClient.value) return (0, $a89e3697ca8ff325$export$838ead842aa548e7)();
-        try {
-            return await logtoClient.value.getIdTokenClaims();
-        } catch (error) {
-            setError(error, "Unexpected error occurred while getting id token claims.");
-        }
-    };
-    const handleSignInCallback = async (callbackUri, callbackFunction)=>{
-        if (!logtoClient.value) return (0, $a89e3697ca8ff325$export$838ead842aa548e7)();
-        try {
-            setLoading(true);
-            await logtoClient.value.handleSignInCallback(callbackUri);
-            setIsAuthenticated(true);
-            callbackFunction?.();
-        } catch (error) {
-            setError(error, "Unexpected error occurred while handling sign in callback.");
-        } finally{
-            setLoading(false);
-        }
-    };
-    return {
-        signIn: signIn,
-        signOut: signOut,
-        fetchUserInfo: fetchUserInfo,
-        getAccessToken: getAccessToken,
-        getIdTokenClaims: getIdTokenClaims,
-        handleSignInCallback: handleSignInCallback
-    };
-};
-
-
-
-const $b8cbe35fca4d52f8$export$d8f887f9089028d2 = {
-    install (app, config) {
-        const client = new (0, ($parcel$interopDefault($Kru5Y$logtobrowser)))(config);
-        const context = (0, $a89e3697ca8ff325$export$fd42f52fd3ae1109)(client);
-        const pluginMethods = (0, $155c9da87af3d4e0$export$6ad57c8ed6bec4)(context);
-        const { isAuthenticated: isAuthenticated , isLoading: isLoading , error: error  } = context;
-        app.provide((0, $bf8f9fe4f6be54e2$export$951b969b1220de04), context);
-        app.provide((0, $bf8f9fe4f6be54e2$export$58f3af87e7a1a85a), {
-            isAuthenticated: (0, $Kru5Y$vue.readonly)(isAuthenticated),
-            isLoading: (0, $Kru5Y$vue.readonly)(isLoading),
-            error: (0, $Kru5Y$vue.readonly)(error),
-            ...pluginMethods
+/**
+ * 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
+ */
+const createLogto = {
+    install(app, config) {
+        const client = new LogtoClient__default.default(config);
+        const context$1 = context.createContext(client);
+        const pluginMethods = plugin.createPluginMethods(context$1);
+        const { isAuthenticated, isLoading, error } = context$1;
+        app.provide(consts.contextInjectionKey, context$1);
+        app.provide(consts.logtoInjectionKey, {
+            isAuthenticated: vue.readonly(isAuthenticated),
+            isLoading: vue.readonly(isLoading),
+            error: vue.readonly(error),
+            ...pluginMethods,
         });
-    }
+    },
 };
-const $b8cbe35fca4d52f8$export$44fc9df4d2a1789a = ()=>{
-    const logto = (0, $Kru5Y$vue.inject)((0, $bf8f9fe4f6be54e2$export$58f3af87e7a1a85a));
-    if (!logto) return (0, $a89e3697ca8ff325$export$838ead842aa548e7)();
+/**
+ * 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
+ */
+const useLogto = () => {
+    const logto = vue.inject(consts.logtoInjectionKey);
+    if (!logto) {
+        return context.throwContextError();
+    }
     return logto;
 };
-const $b8cbe35fca4d52f8$export$84e88c4b3c082374 = (callback)=>{
-    const context = (0, $Kru5Y$vue.inject)((0, $bf8f9fe4f6be54e2$export$951b969b1220de04));
-    if (!context) return (0, $a89e3697ca8ff325$export$838ead842aa548e7)();
-    const { isAuthenticated: isAuthenticated , isLoading: isLoading , logtoClient: logtoClient , error: error  } = context;
-    const { handleSignInCallback: handleSignInCallback  } = (0, $155c9da87af3d4e0$export$6ad57c8ed6bec4)(context);
-    (0, $Kru5Y$vue.watchEffect)(()=>{
+/**
+ * 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
+ */
+const useHandleSignInCallback = (callback) => {
+    const context$1 = vue.inject(consts.contextInjectionKey);
+    if (!context$1) {
+        return context.throwContextError();
+    }
+    const { isAuthenticated, isLoading, logtoClient, error } = context$1;
+    const { handleSignInCallback } = plugin.createPluginMethods(context$1);
+    vue.watchEffect(() => {
         const currentPageUrl = window.location.href;
-        if (!isAuthenticated.value && logtoClient.value?.isSignInRedirected(currentPageUrl)) handleSignInCallback(currentPageUrl, callback);
+        if (!isAuthenticated.value && logtoClient.value?.isSignInRedirected(currentPageUrl)) {
+            void handleSignInCallback(currentPageUrl, callback);
+        }
     });
     return {
-        isLoading: (0, $Kru5Y$vue.readonly)(isLoading),
-        isAuthenticated: (0, $Kru5Y$vue.readonly)(isAuthenticated),
-        error: (0, $Kru5Y$vue.readonly)(error)
+        isLoading: vue.readonly(isLoading),
+        isAuthenticated: vue.readonly(isAuthenticated),
+        error: vue.readonly(error),
     };
 };
 
-
-//# sourceMappingURL=index.js.map
+Object.defineProperty(exports, 'LogtoClientError', {
+    enumerable: true,
+    get: function () { return LogtoClient.LogtoClientError; }
+});
+Object.defineProperty(exports, 'LogtoError', {
+    enumerable: true,
+    get: function () { return LogtoClient.LogtoError; }
+});
+Object.defineProperty(exports, 'OidcError', {
+    enumerable: true,
+    get: function () { return LogtoClient.OidcError; }
+});
+Object.defineProperty(exports, 'Prompt', {
+    enumerable: true,
+    get: function () { return LogtoClient.Prompt; }
+});
+Object.defineProperty(exports, 'ReservedScope', {
+    enumerable: true,
+    get: function () { return LogtoClient.ReservedScope; }
+});
+Object.defineProperty(exports, 'UserScope', {
+    enumerable: true,
+    get: function () { return LogtoClient.UserScope; }
+});
+exports.createLogto = createLogto;
+exports.useHandleSignInCallback = useHandleSignInCallback;
+exports.useLogto = useLogto;

package/lib/index.mjs

@@ -0,0 +1,106 @@
+import LogtoClient from '@logto/browser';
+export { LogtoClientError, LogtoError, OidcError, Prompt, ReservedScope, UserScope } from '@logto/browser';
+import { readonly, inject, watchEffect } from 'vue';
+import { contextInjectionKey, logtoInjectionKey } from './consts.mjs';
+import { createContext, throwContextError } from './context.mjs';
+import { createPluginMethods } from './plugin.mjs';
+
+/**
+ * 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
+ */
+const createLogto = {
+    install(app, config) {
+        const client = new LogtoClient(config);
+        const context = createContext(client);
+        const pluginMethods = createPluginMethods(context);
+        const { isAuthenticated, isLoading, error } = context;
+        app.provide(contextInjectionKey, context);
+        app.provide(logtoInjectionKey, {
+            isAuthenticated: readonly(isAuthenticated),
+            isLoading: readonly(isLoading),
+            error: readonly(error),
+            ...pluginMethods,
+        });
+    },
+};
+/**
+ * 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
+ */
+const useLogto = () => {
+    const logto = inject(logtoInjectionKey);
+    if (!logto) {
+        return throwContextError();
+    }
+    return 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
+ */
+const useHandleSignInCallback = (callback) => {
+    const context = inject(contextInjectionKey);
+    if (!context) {
+        return throwContextError();
+    }
+    const { isAuthenticated, isLoading, logtoClient, error } = context;
+    const { handleSignInCallback } = createPluginMethods(context);
+    watchEffect(() => {
+        const currentPageUrl = window.location.href;
+        if (!isAuthenticated.value && logtoClient.value?.isSignInRedirected(currentPageUrl)) {
+            void handleSignInCallback(currentPageUrl, callback);
+        }
+    });
+    return {
+        isLoading: readonly(isLoading),
+        isAuthenticated: readonly(isAuthenticated),
+        error: readonly(error),
+    };
+};
+
+export { createLogto, useHandleSignInCallback, useLogto };

package/lib/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/plugin.d.ts

@@ -0,0 +1,10 @@
+import type { InteractionMode } from '@logto/browser';
+import type { Context } from './context';
+export declare const createPluginMethods: (context: Context) => {
+    signIn: (redirectUri: string, interactionMode?: InteractionMode) => Promise<undefined>;
+    signOut: (postLogoutRedirectUri?: string) => Promise<undefined>;
+    fetchUserInfo: () => Promise<import("@logto/browser").UserInfoResponse | undefined>;
+    getAccessToken: (resource?: string) => Promise<string | undefined>;
+    getIdTokenClaims: () => Promise<import("@logto/browser").IdTokenClaims | undefined>;
+    handleSignInCallback: (callbackUri: string, callbackFunction?: () => void) => Promise<undefined>;
+};

package/lib/plugin.js

@@ -0,0 +1,105 @@
+'use strict';
+
+var context = require('./context.js');
+
+const createPluginMethods = (context$1) => {
+    const { logtoClient, setLoading, setError, setIsAuthenticated } = context$1;
+    const signIn = async (redirectUri, interactionMode) => {
+        if (!logtoClient.value) {
+            return context.throwContextError();
+        }
+        try {
+            setLoading(true);
+            await logtoClient.value.signIn(redirectUri, interactionMode);
+        }
+        catch (error) {
+            setError(error, 'Unexpected error occurred while signing in.');
+        }
+    };
+    const signOut = async (postLogoutRedirectUri) => {
+        if (!logtoClient.value) {
+            return context.throwContextError();
+        }
+        try {
+            setLoading(true);
+            await logtoClient.value.signOut(postLogoutRedirectUri);
+            // We deliberately do NOT set isAuthenticated to false here, because the app state may change immediately
+            // even before navigating to the oidc end session endpoint, which might cause rendering problems.
+            // Moreover, since the location will be redirected, the isAuthenticated state will not matter any more.
+        }
+        catch (error) {
+            setError(error, 'Unexpected error occurred while signing out.');
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const fetchUserInfo = async () => {
+        if (!logtoClient.value) {
+            return context.throwContextError();
+        }
+        try {
+            setLoading(true);
+            return await logtoClient.value.fetchUserInfo();
+        }
+        catch (error) {
+            setError(error, 'Unexpected error occurred while fetching user info.');
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const getAccessToken = async (resource) => {
+        if (!logtoClient.value) {
+            return context.throwContextError();
+        }
+        try {
+            setLoading(true);
+            return await logtoClient.value.getAccessToken(resource);
+        }
+        catch (error) {
+            setError(error, 'Unexpected error occurred while getting access token.');
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const getIdTokenClaims = async () => {
+        if (!logtoClient.value) {
+            return context.throwContextError();
+        }
+        try {
+            return await logtoClient.value.getIdTokenClaims();
+        }
+        catch (error) {
+            setError(error, 'Unexpected error occurred while getting id token claims.');
+        }
+    };
+    const handleSignInCallback = async (callbackUri, callbackFunction) => {
+        if (!logtoClient.value) {
+            return context.throwContextError();
+        }
+        try {
+            setLoading(true);
+            await logtoClient.value.handleSignInCallback(callbackUri);
+            setIsAuthenticated(true);
+            callbackFunction?.();
+        }
+        catch (error) {
+            setError(error, 'Unexpected error occurred while handling sign in callback.');
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    return {
+        signIn,
+        signOut,
+        fetchUserInfo,
+        getAccessToken,
+        getIdTokenClaims,
+        handleSignInCallback,
+    };
+};
+
+exports.createPluginMethods = createPluginMethods;

package/lib/plugin.mjs

@@ -0,0 +1,103 @@
+import { throwContextError } from './context.mjs';
+
+const createPluginMethods = (context) => {
+    const { logtoClient, setLoading, setError, setIsAuthenticated } = context;
+    const signIn = async (redirectUri, interactionMode) => {
+        if (!logtoClient.value) {
+            return throwContextError();
+        }
+        try {
+            setLoading(true);
+            await logtoClient.value.signIn(redirectUri, interactionMode);
+        }
+        catch (error) {
+            setError(error, 'Unexpected error occurred while signing in.');
+        }
+    };
+    const signOut = async (postLogoutRedirectUri) => {
+        if (!logtoClient.value) {
+            return throwContextError();
+        }
+        try {
+            setLoading(true);
+            await logtoClient.value.signOut(postLogoutRedirectUri);
+            // We deliberately do NOT set isAuthenticated to false here, because the app state may change immediately
+            // even before navigating to the oidc end session endpoint, which might cause rendering problems.
+            // Moreover, since the location will be redirected, the isAuthenticated state will not matter any more.
+        }
+        catch (error) {
+            setError(error, 'Unexpected error occurred while signing out.');
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const fetchUserInfo = async () => {
+        if (!logtoClient.value) {
+            return throwContextError();
+        }
+        try {
+            setLoading(true);
+            return await logtoClient.value.fetchUserInfo();
+        }
+        catch (error) {
+            setError(error, 'Unexpected error occurred while fetching user info.');
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const getAccessToken = async (resource) => {
+        if (!logtoClient.value) {
+            return throwContextError();
+        }
+        try {
+            setLoading(true);
+            return await logtoClient.value.getAccessToken(resource);
+        }
+        catch (error) {
+            setError(error, 'Unexpected error occurred while getting access token.');
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const getIdTokenClaims = async () => {
+        if (!logtoClient.value) {
+            return throwContextError();
+        }
+        try {
+            return await logtoClient.value.getIdTokenClaims();
+        }
+        catch (error) {
+            setError(error, 'Unexpected error occurred while getting id token claims.');
+        }
+    };
+    const handleSignInCallback = async (callbackUri, callbackFunction) => {
+        if (!logtoClient.value) {
+            return throwContextError();
+        }
+        try {
+            setLoading(true);
+            await logtoClient.value.handleSignInCallback(callbackUri);
+            setIsAuthenticated(true);
+            callbackFunction?.();
+        }
+        catch (error) {
+            setError(error, 'Unexpected error occurred while handling sign in callback.');
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    return {
+        signIn,
+        signOut,
+        fetchUserInfo,
+        getAccessToken,
+        getIdTokenClaims,
+        handleSignInCallback,
+    };
+};
+
+export { createPluginMethods };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@logto/vue",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "source": "./src/index.ts",
   "main": "./lib/index.js",
   "exports": {
     "require": "./lib/index.js",
-    "import": "./lib/module.mjs"
+    "import": "./lib/index.mjs"
   },
-  "module": "./lib/module.mjs",
+  "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",
   "files": [
     "lib"
@@ -22,32 +22,29 @@
     "dev:tsc": "tsc -p tsconfig.build.json -w --preserveWatchOutput",
     "precommit": "lint-staged",
     "check": "tsc --noEmit",
-    "build": "rm -rf lib/ && pnpm check && parcel build && cp lib/index.d.ts lib/module.d.mts",
+    "build": "rm -rf lib/ && tsc -p tsconfig.build.json --noEmit && rollup -c",
     "lint": "eslint --ext .ts src",
     "test": "jest",
     "test:coverage": "jest --silent --coverage",
     "prepack": "pnpm test"
   },
   "dependencies": {
-    "@logto/browser": "^1.1.0"
+    "@logto/browser": "^1.1.2"
   },
   "devDependencies": {
-    "@jest/types": "^27.5.1",
-    "@parcel/core": "^2.8.3",
-    "@parcel/packager-ts": "^2.8.3",
-    "@parcel/transformer-typescript-types": "^2.8.3",
+    "@jest/types": "^29.5.0",
     "@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",
+    "@swc/core": "^1.3.50",
+    "@swc/jest": "^0.2.24",
+    "@types/jest": "^29.5.0",
+    "eslint": "^8.38.0",
+    "jest": "^29.5.0",
     "lint-staged": "^13.0.0",
-    "parcel": "^2.8.3",
     "postcss": "^8.4.6",
-    "prettier": "^2.7.1",
+    "prettier": "^2.8.7",
     "stylelint": "^15.0.0",
-    "ts-jest": "^27.0.4",
-    "typescript": "4.9.5",
+    "typescript": "^5.0.0",
     "vue": "^3.2.35"
   },
   "peerDependencies": {
@@ -70,5 +67,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f24174a6f840b8db968ad3886878d1b6e92b1b9d"
+  "gitHead": "9e9a8b0887ef67baa7c3c564590bb06e7801d03e"
 }

package/lib/index.d.ts.map

@@ -1 +0,0 @@
-{"mappings":";;AGUA,YAAY,EACV,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,oBAAoB,EACpB,eAAe,GAChB,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  InteractionMode,\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 +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 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  InteractionMode,\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 { InteractionMode } from '@logto/browser';\n\nimport 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, interactionMode?: InteractionMode) => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n\n      await logtoClient.value.signIn(redirectUri, interactionMode);\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

@@ -1,82 +0,0 @@
-import { IdTokenClaims, LogtoConfig, UserInfoResponse } from "@logto/browser";
-import { App, Ref } from "vue";
-export type { LogtoConfig, IdTokenClaims, UserInfoResponse, LogtoErrorCode, LogtoClientErrorCode, InteractionMode, } 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.mjs

@@ -1,169 +0,0 @@
-import $jwuiT$logtobrowser, {LogtoError as $a52d863b14a9eb8e$re_export$LogtoError, LogtoClientError as $a52d863b14a9eb8e$re_export$LogtoClientError, OidcError as $a52d863b14a9eb8e$re_export$OidcError, Prompt as $a52d863b14a9eb8e$re_export$Prompt, ReservedScope as $a52d863b14a9eb8e$re_export$ReservedScope, UserScope as $a52d863b14a9eb8e$re_export$UserScope} from "@logto/browser";
-import {readonly as $jwuiT$readonly, inject as $jwuiT$inject, watchEffect as $jwuiT$watchEffect, toRefs as $jwuiT$toRefs, reactive as $jwuiT$reactive, computed as $jwuiT$computed} from "vue";
-
-
-
-const $cda0d5851de767d1$export$58f3af87e7a1a85a = "@logto/vue";
-const $cda0d5851de767d1$export$951b969b1220de04 = "@logto/vue:context";
-
-
-
-const $f63beecb5f2c2ea1$export$fd42f52fd3ae1109 = (client)=>{
-    const context = (0, $jwuiT$toRefs)((0, $jwuiT$reactive)({
-        logtoClient: client,
-        isAuthenticated: false,
-        loadingCount: 1,
-        error: undefined
-    }));
-    const { isAuthenticated: isAuthenticated , loadingCount: loadingCount , error: error  } = context;
-    const isLoading = (0, $jwuiT$computed)(()=>loadingCount.value > 0);
-    /* eslint-disable @silverhand/fp/no-mutation */ const setError = (_error, fallbackErrorMessage)=>{
-        if (_error instanceof Error) error.value = _error;
-        else if (fallbackErrorMessage) error.value = new Error(fallbackErrorMessage);
-        console.error(error);
-    };
-    const setLoading = (isLoading)=>{
-        if (isLoading) loadingCount.value += 1;
-        else loadingCount.value = Math.max(0, loadingCount.value - 1);
-    };
-    const setIsAuthenticated = (_isAuthenticated)=>{
-        isAuthenticated.value = _isAuthenticated;
-    };
-    /* eslint-enable @silverhand/fp/no-mutation */ (0, $jwuiT$watchEffect)(async ()=>{
-        const isAuthenticated = await client.isAuthenticated();
-        setIsAuthenticated(isAuthenticated);
-        setLoading(false);
-    });
-    return {
-        ...context,
-        isLoading: isLoading,
-        setError: setError,
-        setLoading: setLoading,
-        setIsAuthenticated: setIsAuthenticated
-    };
-};
-const $f63beecb5f2c2ea1$export$838ead842aa548e7 = ()=>{
-    throw new Error("Must install Logto plugin first.");
-};
-
-
-
-const $eec30d751f04969b$export$6ad57c8ed6bec4 = (context)=>{
-    const { logtoClient: logtoClient , setLoading: setLoading , setError: setError , setIsAuthenticated: setIsAuthenticated  } = context;
-    const signIn = async (redirectUri, interactionMode)=>{
-        if (!logtoClient.value) return (0, $f63beecb5f2c2ea1$export$838ead842aa548e7)();
-        try {
-            setLoading(true);
-            await logtoClient.value.signIn(redirectUri, interactionMode);
-        } catch (error) {
-            setError(error, "Unexpected error occurred while signing in.");
-        }
-    };
-    const signOut = async (postLogoutRedirectUri)=>{
-        if (!logtoClient.value) return (0, $f63beecb5f2c2ea1$export$838ead842aa548e7)();
-        try {
-            setLoading(true);
-            await logtoClient.value.signOut(postLogoutRedirectUri);
-        // We deliberately do NOT set isAuthenticated to false here, because the app state may change immediately
-        // even before navigating to the oidc end session endpoint, which might cause rendering problems.
-        // Moreover, since the location will be redirected, the isAuthenticated state will not matter any more.
-        } catch (error) {
-            setError(error, "Unexpected error occurred while signing out.");
-        } finally{
-            setLoading(false);
-        }
-    };
-    const fetchUserInfo = async ()=>{
-        if (!logtoClient.value) return (0, $f63beecb5f2c2ea1$export$838ead842aa548e7)();
-        try {
-            setLoading(true);
-            return await logtoClient.value.fetchUserInfo();
-        } catch (error) {
-            setError(error, "Unexpected error occurred while fetching user info.");
-        } finally{
-            setLoading(false);
-        }
-    };
-    const getAccessToken = async (resource)=>{
-        if (!logtoClient.value) return (0, $f63beecb5f2c2ea1$export$838ead842aa548e7)();
-        try {
-            setLoading(true);
-            return await logtoClient.value.getAccessToken(resource);
-        } catch (error) {
-            setError(error, "Unexpected error occurred while getting access token.");
-        } finally{
-            setLoading(false);
-        }
-    };
-    const getIdTokenClaims = async ()=>{
-        if (!logtoClient.value) return (0, $f63beecb5f2c2ea1$export$838ead842aa548e7)();
-        try {
-            return await logtoClient.value.getIdTokenClaims();
-        } catch (error) {
-            setError(error, "Unexpected error occurred while getting id token claims.");
-        }
-    };
-    const handleSignInCallback = async (callbackUri, callbackFunction)=>{
-        if (!logtoClient.value) return (0, $f63beecb5f2c2ea1$export$838ead842aa548e7)();
-        try {
-            setLoading(true);
-            await logtoClient.value.handleSignInCallback(callbackUri);
-            setIsAuthenticated(true);
-            callbackFunction?.();
-        } catch (error) {
-            setError(error, "Unexpected error occurred while handling sign in callback.");
-        } finally{
-            setLoading(false);
-        }
-    };
-    return {
-        signIn: signIn,
-        signOut: signOut,
-        fetchUserInfo: fetchUserInfo,
-        getAccessToken: getAccessToken,
-        getIdTokenClaims: getIdTokenClaims,
-        handleSignInCallback: handleSignInCallback
-    };
-};
-
-
-
-const $a52d863b14a9eb8e$export$d8f887f9089028d2 = {
-    install (app, config) {
-        const client = new (0, $jwuiT$logtobrowser)(config);
-        const context = (0, $f63beecb5f2c2ea1$export$fd42f52fd3ae1109)(client);
-        const pluginMethods = (0, $eec30d751f04969b$export$6ad57c8ed6bec4)(context);
-        const { isAuthenticated: isAuthenticated , isLoading: isLoading , error: error  } = context;
-        app.provide((0, $cda0d5851de767d1$export$951b969b1220de04), context);
-        app.provide((0, $cda0d5851de767d1$export$58f3af87e7a1a85a), {
-            isAuthenticated: (0, $jwuiT$readonly)(isAuthenticated),
-            isLoading: (0, $jwuiT$readonly)(isLoading),
-            error: (0, $jwuiT$readonly)(error),
-            ...pluginMethods
-        });
-    }
-};
-const $a52d863b14a9eb8e$export$44fc9df4d2a1789a = ()=>{
-    const logto = (0, $jwuiT$inject)((0, $cda0d5851de767d1$export$58f3af87e7a1a85a));
-    if (!logto) return (0, $f63beecb5f2c2ea1$export$838ead842aa548e7)();
-    return logto;
-};
-const $a52d863b14a9eb8e$export$84e88c4b3c082374 = (callback)=>{
-    const context = (0, $jwuiT$inject)((0, $cda0d5851de767d1$export$951b969b1220de04));
-    if (!context) return (0, $f63beecb5f2c2ea1$export$838ead842aa548e7)();
-    const { isAuthenticated: isAuthenticated , isLoading: isLoading , logtoClient: logtoClient , error: error  } = context;
-    const { handleSignInCallback: handleSignInCallback  } = (0, $eec30d751f04969b$export$6ad57c8ed6bec4)(context);
-    (0, $jwuiT$watchEffect)(()=>{
-        const currentPageUrl = window.location.href;
-        if (!isAuthenticated.value && logtoClient.value?.isSignInRedirected(currentPageUrl)) handleSignInCallback(currentPageUrl, callback);
-    });
-    return {
-        isLoading: (0, $jwuiT$readonly)(isLoading),
-        isAuthenticated: (0, $jwuiT$readonly)(isAuthenticated),
-        error: (0, $jwuiT$readonly)(error)
-    };
-};
-
-
-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.mjs.map

package/lib/module.mjs.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 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  InteractionMode,\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 { InteractionMode } from '@logto/browser';\n\nimport 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, interactionMode?: InteractionMode) => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      setLoading(true);\n\n      await logtoClient.value.signIn(redirectUri, interactionMode);\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"}