@logto/vue 0.2.2 → 0.2.3-alpha.0

package/lib/index.d.ts

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

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"mappings":";;AGOA,YAAY,EACV,WAAW,EACX,aAAa,EACb,cAAc,EACd,oBAAoB,GACrB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAEjF,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,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACnE,gBAAgB,EAAE,MAAM,aAAa,GAAG,SAAS,CAAC;IAClD,MAAM,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,CAAC,qBAAqB,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC3D,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,MAAM,aAAa,cAezB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,MAAM,gBAAe,KAQ3B,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,OAAO,MAAM,4CAA4C,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 } 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  LogtoErrorCode,\n  LogtoClientErrorCode,\n} from '@logto/browser';\n\nexport { LogtoError, LogtoClientError, OidcError, Prompt } 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  getAccessToken: (resource?: string) => Promise<string | undefined>;\n  getIdTokenClaims: () => 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

@@ -1,115 +1,167 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var $Kru5Y$logtobrowser = require("@logto/browser");
+var $Kru5Y$vue = require("vue");
+
+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});
+}
+
+$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);
+
+
+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: client.isAuthenticated,
+        loadingCount: 0,
+        error: undefined
+    }));
+    const { isAuthenticated: isAuthenticated , loadingCount: loadingCount , error: error  } = context;
+    const isLoading1 = (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 */ return {
+        ...context,
+        isLoading: isLoading1,
+        setError: setError,
+        setLoading: setLoading,
+        setIsAuthenticated: setIsAuthenticated
+    };
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHandleSignInCallback = exports.useLogto = exports.createLogto = exports.Prompt = exports.OidcError = exports.LogtoClientError = exports.LogtoError = void 0;
-const browser_1 = __importDefault(require("@logto/browser"));
-const vue_1 = require("vue");
-const consts_1 = require("./consts");
-const context_1 = require("./context");
-const plugin_1 = require("./plugin");
-var browser_2 = require("@logto/browser");
-Object.defineProperty(exports, "LogtoError", { enumerable: true, get: function () { return browser_2.LogtoError; } });
-Object.defineProperty(exports, "LogtoClientError", { enumerable: true, get: function () { return browser_2.LogtoClientError; } });
-Object.defineProperty(exports, "OidcError", { enumerable: true, get: function () { return browser_2.OidcError; } });
-Object.defineProperty(exports, "Prompt", { enumerable: true, get: function () { return browser_2.Prompt; } });
-/**
- * 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
- */
-exports.createLogto = {
-    install(app, config) {
-        const client = new browser_1.default(config);
-        const context = (0, context_1.createContext)(client);
-        const pluginMethods = (0, plugin_1.createPluginMethods)(context);
-        const { isAuthenticated, isLoading, error } = context;
-        app.provide(consts_1.contextInjectionKey, context);
-        app.provide(consts_1.logtoInjectionKey, {
-            isAuthenticated: (0, vue_1.readonly)(isAuthenticated),
-            isLoading: (0, vue_1.readonly)(isLoading),
-            error: (0, vue_1.readonly)(error),
-            ...pluginMethods,
-        });
-    },
+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)=>{
+        if (!logtoClient.value) return (0, $a89e3697ca8ff325$export$838ead842aa548e7)();
+        try {
+            setLoading(true);
+            await logtoClient.value.signIn(redirectUri);
+        } catch (error) {
+            setError(error, "Unexpected error occurred while signing in.");
+        } finally{
+            setLoading(false);
+        }
+    };
+    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 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 = ()=>{
+        if (!logtoClient.value) return (0, $a89e3697ca8ff325$export$838ead842aa548e7)();
+        try {
+            return 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,
+        getAccessToken: getAccessToken,
+        getIdTokenClaims: getIdTokenClaims,
+        handleSignInCallback: handleSignInCallback
+    };
 };
-/**
- * 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 = (0, vue_1.inject)(consts_1.logtoInjectionKey);
-    if (!logto) {
-        return (0, context_1.throwContextError)();
+
+
+
+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
+        });
     }
+};
+const $b8cbe35fca4d52f8$export$44fc9df4d2a1789a = ()=>{
+    const logto = (0, $Kru5Y$vue.inject)((0, $bf8f9fe4f6be54e2$export$58f3af87e7a1a85a));
+    if (!logto) return (0, $a89e3697ca8ff325$export$838ead842aa548e7)();
     return logto;
 };
-exports.useLogto = useLogto;
-/**
- * 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 = (0, vue_1.inject)(consts_1.contextInjectionKey);
-    if (!context) {
-        return (0, context_1.throwContextError)();
-    }
-    const { isAuthenticated, isLoading, logtoClient, error } = context;
-    const { handleSignInCallback } = (0, plugin_1.createPluginMethods)(context);
-    (0, vue_1.watchEffect)(() => {
+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)(()=>{
         const currentPageUrl = window.location.href;
-        if (!isAuthenticated.value && logtoClient.value?.isSignInRedirected(currentPageUrl)) {
-            void handleSignInCallback(currentPageUrl, callback);
-        }
+        if (!isAuthenticated.value && logtoClient.value?.isSignInRedirected(currentPageUrl)) handleSignInCallback(currentPageUrl, callback);
     });
     return {
-        isLoading: (0, vue_1.readonly)(isLoading),
-        isAuthenticated: (0, vue_1.readonly)(isAuthenticated),
-        error: (0, vue_1.readonly)(error),
+        isLoading: (0, $Kru5Y$vue.readonly)(isLoading),
+        isAuthenticated: (0, $Kru5Y$vue.readonly)(isAuthenticated),
+        error: (0, $Kru5Y$vue.readonly)(error)
     };
 };
-exports.useHandleSignInCallback = useHandleSignInCallback;
+
+
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;ACAO,MAAM,yCAAiB,GAAG,YAAY,AAAC;AACvC,MAAM,yCAAmB,GAAG,oBAAoB,AAAC;;;ACDxD;AAsBO,MAAM,yCAAa,GAAG,CAAC,MAAmB,GAAc;IAC7D,MAAM,OAAO,GAAG,CAAA,GAAA,iBAAM,CAAA,CACpB,CAAA,GAAA,mBAAQ,CAAA,CAAyB;QAC/B,WAAW,EAAE,MAAM;QACnB,eAAe,EAAE,MAAM,CAAC,eAAe;QACvC,YAAY,EAAE,CAAC;QACf,KAAK,EAAE,SAAS;KACjB,CAAC,CACH,AAAC;IAEF,MAAM,mBAAE,eAAe,CAAA,gBAAE,YAAY,CAAA,SAAE,KAAK,CAAA,EAAE,GAAG,OAAO,AAAC;IAEzD,MAAM,UAAS,GAAG,CAAA,GAAA,mBAAQ,CAAA,CAAC,IAAM,YAAY,CAAC,KAAK,GAAG,CAAC,CAAC,AAAC;IAEzD,+CAA+C,CAC/C,MAAM,QAAQ,GAAG,CAAC,MAAe,EAAE,oBAA6B,GAAK;QACnE,IAAI,MAAM,YAAY,KAAK,EACzB,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;aAChB,IAAI,oBAAoB,EAC7B,KAAK,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;QAEhD,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KACtB,AAAC;IAEF,MAAM,UAAU,GAAG,CAAC,SAAkB,GAAK;QACzC,IAAI,SAAS,EACX,YAAY,CAAC,KAAK,IAAI,CAAC,CAAC;aAExB,YAAY,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;KAE5D,AAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,gBAAyB,GAAK;QACxD,eAAe,CAAC,KAAK,GAAG,gBAAgB,CAAC;KAC1C,AAAC;IACF,8CAA8C,CAE9C,OAAO;QAAE,GAAG,OAAO;QAAE,SAAS,EAAT,UAAS;kBAAE,QAAQ;oBAAE,UAAU;4BAAE,kBAAkB;KAAE,CAAC;CAC5E,AAAC;AAEK,MAAM,yCAAiB,GAAG,IAAa;IAC5C,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAC;CACrD,AAAC;;;AChEF;AAEO,MAAM,uCAAmB,GAAG,CAAC,OAAgB,GAAK;IACvD,MAAM,eAAE,WAAW,CAAA,cAAE,UAAU,CAAA,YAAE,QAAQ,CAAA,sBAAE,kBAAkB,CAAA,EAAE,GAAG,OAAO,AAAC;IAE1E,MAAM,MAAM,GAAG,OAAO,WAAmB,GAAK;QAC5C,IAAI,CAAC,WAAW,CAAC,KAAK,EACpB,OAAO,CAAA,GAAA,yCAAiB,CAAA,EAAE,CAAC;QAG7B,IAAI;YACF,UAAU,CAAC,IAAI,CAAC,CAAC;YAEjB,MAAM,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;SAC7C,CAAC,OAAO,KAAK,EAAW;YACvB,QAAQ,CAAC,KAAK,EAAE,6CAA6C,CAAC,CAAC;SAChE,QAAS;YACR,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;KACF,AAAC;IAEF,MAAM,OAAO,GAAG,OAAO,qBAA6B,GAAK;QACvD,IAAI,CAAC,WAAW,CAAC,KAAK,EACpB,OAAO,CAAA,GAAA,yCAAiB,CAAA,EAAE,CAAC;QAG7B,IAAI;YACF,UAAU,CAAC,IAAI,CAAC,CAAC;YAEjB,MAAM,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;QAEvD,yGAAyG;QACzG,iGAAiG;QACjG,uGAAuG;SACxG,CAAC,OAAO,KAAK,EAAW;YACvB,QAAQ,CAAC,KAAK,EAAE,8CAA8C,CAAC,CAAC;SACjE,QAAS;YACR,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;KACF,AAAC;IAEF,MAAM,cAAc,GAAG,OAAO,QAAiB,GAAK;QAClD,IAAI,CAAC,WAAW,CAAC,KAAK,EACpB,OAAO,CAAA,GAAA,yCAAiB,CAAA,EAAE,CAAC;QAG7B,IAAI;YACF,UAAU,CAAC,IAAI,CAAC,CAAC;YAEjB,OAAO,MAAM,WAAW,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;SACzD,CAAC,OAAO,KAAK,EAAW;YACvB,QAAQ,CAAC,KAAK,EAAE,uDAAuD,CAAC,CAAC;SAC1E,QAAS;YACR,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;KACF,AAAC;IAEF,MAAM,gBAAgB,GAAG,IAAM;QAC7B,IAAI,CAAC,WAAW,CAAC,KAAK,EACpB,OAAO,CAAA,GAAA,yCAAiB,CAAA,EAAE,CAAC;QAG7B,IAAI;YACF,OAAO,WAAW,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;SAC7C,CAAC,OAAO,KAAK,EAAW;YACvB,QAAQ,CAAC,KAAK,EAAE,0DAA0D,CAAC,CAAC;SAC7E;KACF,AAAC;IAEF,MAAM,oBAAoB,GAAG,OAAO,WAAmB,EAAE,gBAA6B,GAAK;QACzF,IAAI,CAAC,WAAW,CAAC,KAAK,EACpB,OAAO,CAAA,GAAA,yCAAiB,CAAA,EAAE,CAAC;QAG7B,IAAI;YACF,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,MAAM,WAAW,CAAC,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC;YAC1D,kBAAkB,CAAC,IAAI,CAAC,CAAC;YACzB,gBAAgB,IAAI,CAAC;SACtB,CAAC,OAAO,KAAK,EAAW;YACvB,QAAQ,CAAC,KAAK,EAAE,4DAA4D,CAAC,CAAC;SAC/E,QAAS;YACR,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;KACF,AAAC;IAEF,OAAO;gBACL,MAAM;iBACN,OAAO;wBACP,cAAc;0BACd,gBAAgB;8BAChB,oBAAoB;KACrB,CAAC;CACH,AAAC;;;;AH7CK,MAAM,yCAAW,GAAmB;IACzC,OAAO,EAAC,GAAQ,EAAE,MAAmB,EAAE;QACrC,MAAM,MAAM,GAAG,IAAI,CAAA,GAAA,6CAAW,CAAA,CAAC,MAAM,CAAC,AAAC;QACvC,MAAM,OAAO,GAAG,CAAA,GAAA,yCAAa,CAAA,CAAC,MAAM,CAAC,AAAC;QACtC,MAAM,aAAa,GAAG,CAAA,GAAA,uCAAmB,CAAA,CAAC,OAAO,CAAC,AAAC;QACnD,MAAM,mBAAE,eAAe,CAAA,aAAE,SAAS,CAAA,SAAE,KAAK,CAAA,EAAE,GAAG,OAAO,AAAC;QAEtD,GAAG,CAAC,OAAO,CAAU,CAAA,GAAA,yCAAmB,CAAA,EAAE,OAAO,CAAC,CAAC;QACnD,GAAG,CAAC,OAAO,CAAQ,CAAA,GAAA,yCAAiB,CAAA,EAAE;YACpC,eAAe,EAAE,CAAA,GAAA,mBAAQ,CAAA,CAAC,eAAe,CAAC;YAC1C,SAAS,EAAE,CAAA,GAAA,mBAAQ,CAAA,CAAC,SAAS,CAAC;YAC9B,KAAK,EAAE,CAAA,GAAA,mBAAQ,CAAA,CAAC,KAAK,CAAC;YACtB,GAAG,aAAa;SACjB,CAAC,CAAC;KACJ;CACF,AAAC;AAwBK,MAAM,yCAAQ,GAAG,IAAa;IACnC,MAAM,KAAK,GAAG,CAAA,GAAA,iBAAM,CAAA,CAAQ,CAAA,GAAA,yCAAiB,CAAA,CAAC,AAAC;IAE/C,IAAI,CAAC,KAAK,EACR,OAAO,CAAA,GAAA,yCAAiB,CAAA,EAAE,CAAC;IAG7B,OAAO,KAAK,CAAC;CACd,AAAC;AAkBK,MAAM,yCAAuB,GAAG,CAAC,QAAqB,GAAK;IAChE,MAAM,OAAO,GAAG,CAAA,GAAA,iBAAM,CAAA,CAAU,CAAA,GAAA,yCAAmB,CAAA,CAAC,AAAC;IAErD,IAAI,CAAC,OAAO,EACV,OAAO,CAAA,GAAA,yCAAiB,CAAA,EAAE,CAAC;IAG7B,MAAM,mBAAE,eAAe,CAAA,aAAE,SAAS,CAAA,eAAE,WAAW,CAAA,SAAE,KAAK,CAAA,EAAE,GAAG,OAAO,AAAC;IACnE,MAAM,wBAAE,oBAAoB,CAAA,EAAE,GAAG,CAAA,GAAA,uCAAmB,CAAA,CAAC,OAAO,CAAC,AAAC;IAE9D,CAAA,GAAA,sBAAW,CAAA,CAAC,IAAM;QAChB,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,AAAC;QAE5C,IAAI,CAAC,eAAe,CAAC,KAAK,IAAI,WAAW,CAAC,KAAK,EAAE,kBAAkB,CAAC,cAAc,CAAC,EAC5E,oBAAoB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;KAEvD,CAAC,CAAC;IAEH,OAAO;QACL,SAAS,EAAE,CAAA,GAAA,mBAAQ,CAAA,CAAC,SAAS,CAAC;QAC9B,eAAe,EAAE,CAAA,GAAA,mBAAQ,CAAA,CAAC,eAAe,CAAC;QAC1C,KAAK,EAAE,CAAA,GAAA,mBAAQ,CAAA,CAAC,KAAK,CAAC;KACvB,CAAC;CACH,AAAC","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 } 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  LogtoErrorCode,\n  LogtoClientErrorCode,\n} from '@logto/browser';\n\nexport { LogtoError, LogtoClientError, OidcError, Prompt } 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  getAccessToken: (resource?: string) => Promise<string | undefined>;\n  getIdTokenClaims: () => 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 } 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: client.isAuthenticated,\n      loadingCount: 0,\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  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    } finally {\n      setLoading(false);\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 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 = () => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      return 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    getAccessToken,\n    getIdTokenClaims,\n    handleSignInCallback,\n  };\n};\n"],"names":[],"version":3,"file":"index.js.map"}

package/lib/module.js

@@ -0,0 +1,154 @@
+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} 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: client.isAuthenticated,
+        loadingCount: 0,
+        error: undefined
+    }));
+    const { isAuthenticated: isAuthenticated , loadingCount: loadingCount , error: error  } = context;
+    const isLoading1 = (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 */ return {
+        ...context,
+        isLoading: isLoading1,
+        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)=>{
+        if (!logtoClient.value) return (0, $f63beecb5f2c2ea1$export$838ead842aa548e7)();
+        try {
+            setLoading(true);
+            await logtoClient.value.signIn(redirectUri);
+        } catch (error) {
+            setError(error, "Unexpected error occurred while signing in.");
+        } finally{
+            setLoading(false);
+        }
+    };
+    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 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 = ()=>{
+        if (!logtoClient.value) return (0, $f63beecb5f2c2ea1$export$838ead842aa548e7)();
+        try {
+            return 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,
+        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};
+//# sourceMappingURL=module.js.map

package/lib/module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;AAAA;;ACAO,MAAM,yCAAiB,GAAG,YAAY,AAAC;AACvC,MAAM,yCAAmB,GAAG,oBAAoB,AAAC;;;ACDxD;AAsBO,MAAM,yCAAa,GAAG,CAAC,MAAmB,GAAc;IAC7D,MAAM,OAAO,GAAG,CAAA,GAAA,aAAM,CAAA,CACpB,CAAA,GAAA,eAAQ,CAAA,CAAyB;QAC/B,WAAW,EAAE,MAAM;QACnB,eAAe,EAAE,MAAM,CAAC,eAAe;QACvC,YAAY,EAAE,CAAC;QACf,KAAK,EAAE,SAAS;KACjB,CAAC,CACH,AAAC;IAEF,MAAM,mBAAE,eAAe,CAAA,gBAAE,YAAY,CAAA,SAAE,KAAK,CAAA,EAAE,GAAG,OAAO,AAAC;IAEzD,MAAM,UAAS,GAAG,CAAA,GAAA,eAAQ,CAAA,CAAC,IAAM,YAAY,CAAC,KAAK,GAAG,CAAC,CAAC,AAAC;IAEzD,+CAA+C,CAC/C,MAAM,QAAQ,GAAG,CAAC,MAAe,EAAE,oBAA6B,GAAK;QACnE,IAAI,MAAM,YAAY,KAAK,EACzB,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;aAChB,IAAI,oBAAoB,EAC7B,KAAK,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;QAEhD,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KACtB,AAAC;IAEF,MAAM,UAAU,GAAG,CAAC,SAAkB,GAAK;QACzC,IAAI,SAAS,EACX,YAAY,CAAC,KAAK,IAAI,CAAC,CAAC;aAExB,YAAY,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;KAE5D,AAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,gBAAyB,GAAK;QACxD,eAAe,CAAC,KAAK,GAAG,gBAAgB,CAAC;KAC1C,AAAC;IACF,8CAA8C,CAE9C,OAAO;QAAE,GAAG,OAAO;QAAE,SAAS,EAAT,UAAS;kBAAE,QAAQ;oBAAE,UAAU;4BAAE,kBAAkB;KAAE,CAAC;CAC5E,AAAC;AAEK,MAAM,yCAAiB,GAAG,IAAa;IAC5C,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAC;CACrD,AAAC;;;AChEF;AAEO,MAAM,uCAAmB,GAAG,CAAC,OAAgB,GAAK;IACvD,MAAM,eAAE,WAAW,CAAA,cAAE,UAAU,CAAA,YAAE,QAAQ,CAAA,sBAAE,kBAAkB,CAAA,EAAE,GAAG,OAAO,AAAC;IAE1E,MAAM,MAAM,GAAG,OAAO,WAAmB,GAAK;QAC5C,IAAI,CAAC,WAAW,CAAC,KAAK,EACpB,OAAO,CAAA,GAAA,yCAAiB,CAAA,EAAE,CAAC;QAG7B,IAAI;YACF,UAAU,CAAC,IAAI,CAAC,CAAC;YAEjB,MAAM,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;SAC7C,CAAC,OAAO,KAAK,EAAW;YACvB,QAAQ,CAAC,KAAK,EAAE,6CAA6C,CAAC,CAAC;SAChE,QAAS;YACR,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;KACF,AAAC;IAEF,MAAM,OAAO,GAAG,OAAO,qBAA6B,GAAK;QACvD,IAAI,CAAC,WAAW,CAAC,KAAK,EACpB,OAAO,CAAA,GAAA,yCAAiB,CAAA,EAAE,CAAC;QAG7B,IAAI;YACF,UAAU,CAAC,IAAI,CAAC,CAAC;YAEjB,MAAM,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;QAEvD,yGAAyG;QACzG,iGAAiG;QACjG,uGAAuG;SACxG,CAAC,OAAO,KAAK,EAAW;YACvB,QAAQ,CAAC,KAAK,EAAE,8CAA8C,CAAC,CAAC;SACjE,QAAS;YACR,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;KACF,AAAC;IAEF,MAAM,cAAc,GAAG,OAAO,QAAiB,GAAK;QAClD,IAAI,CAAC,WAAW,CAAC,KAAK,EACpB,OAAO,CAAA,GAAA,yCAAiB,CAAA,EAAE,CAAC;QAG7B,IAAI;YACF,UAAU,CAAC,IAAI,CAAC,CAAC;YAEjB,OAAO,MAAM,WAAW,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;SACzD,CAAC,OAAO,KAAK,EAAW;YACvB,QAAQ,CAAC,KAAK,EAAE,uDAAuD,CAAC,CAAC;SAC1E,QAAS;YACR,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;KACF,AAAC;IAEF,MAAM,gBAAgB,GAAG,IAAM;QAC7B,IAAI,CAAC,WAAW,CAAC,KAAK,EACpB,OAAO,CAAA,GAAA,yCAAiB,CAAA,EAAE,CAAC;QAG7B,IAAI;YACF,OAAO,WAAW,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;SAC7C,CAAC,OAAO,KAAK,EAAW;YACvB,QAAQ,CAAC,KAAK,EAAE,0DAA0D,CAAC,CAAC;SAC7E;KACF,AAAC;IAEF,MAAM,oBAAoB,GAAG,OAAO,WAAmB,EAAE,gBAA6B,GAAK;QACzF,IAAI,CAAC,WAAW,CAAC,KAAK,EACpB,OAAO,CAAA,GAAA,yCAAiB,CAAA,EAAE,CAAC;QAG7B,IAAI;YACF,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,MAAM,WAAW,CAAC,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC;YAC1D,kBAAkB,CAAC,IAAI,CAAC,CAAC;YACzB,gBAAgB,IAAI,CAAC;SACtB,CAAC,OAAO,KAAK,EAAW;YACvB,QAAQ,CAAC,KAAK,EAAE,4DAA4D,CAAC,CAAC;SAC/E,QAAS;YACR,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;KACF,AAAC;IAEF,OAAO;gBACL,MAAM;iBACN,OAAO;wBACP,cAAc;0BACd,gBAAgB;8BAChB,oBAAoB;KACrB,CAAC;CACH,AAAC;;;;AH7CK,MAAM,yCAAW,GAAmB;IACzC,OAAO,EAAC,GAAQ,EAAE,MAAmB,EAAE;QACrC,MAAM,MAAM,GAAG,IAAI,CAAA,GAAA,mBAAW,CAAA,CAAC,MAAM,CAAC,AAAC;QACvC,MAAM,OAAO,GAAG,CAAA,GAAA,yCAAa,CAAA,CAAC,MAAM,CAAC,AAAC;QACtC,MAAM,aAAa,GAAG,CAAA,GAAA,uCAAmB,CAAA,CAAC,OAAO,CAAC,AAAC;QACnD,MAAM,mBAAE,eAAe,CAAA,aAAE,SAAS,CAAA,SAAE,KAAK,CAAA,EAAE,GAAG,OAAO,AAAC;QAEtD,GAAG,CAAC,OAAO,CAAU,CAAA,GAAA,yCAAmB,CAAA,EAAE,OAAO,CAAC,CAAC;QACnD,GAAG,CAAC,OAAO,CAAQ,CAAA,GAAA,yCAAiB,CAAA,EAAE;YACpC,eAAe,EAAE,CAAA,GAAA,eAAQ,CAAA,CAAC,eAAe,CAAC;YAC1C,SAAS,EAAE,CAAA,GAAA,eAAQ,CAAA,CAAC,SAAS,CAAC;YAC9B,KAAK,EAAE,CAAA,GAAA,eAAQ,CAAA,CAAC,KAAK,CAAC;YACtB,GAAG,aAAa;SACjB,CAAC,CAAC;KACJ;CACF,AAAC;AAwBK,MAAM,yCAAQ,GAAG,IAAa;IACnC,MAAM,KAAK,GAAG,CAAA,GAAA,aAAM,CAAA,CAAQ,CAAA,GAAA,yCAAiB,CAAA,CAAC,AAAC;IAE/C,IAAI,CAAC,KAAK,EACR,OAAO,CAAA,GAAA,yCAAiB,CAAA,EAAE,CAAC;IAG7B,OAAO,KAAK,CAAC;CACd,AAAC;AAkBK,MAAM,yCAAuB,GAAG,CAAC,QAAqB,GAAK;IAChE,MAAM,OAAO,GAAG,CAAA,GAAA,aAAM,CAAA,CAAU,CAAA,GAAA,yCAAmB,CAAA,CAAC,AAAC;IAErD,IAAI,CAAC,OAAO,EACV,OAAO,CAAA,GAAA,yCAAiB,CAAA,EAAE,CAAC;IAG7B,MAAM,mBAAE,eAAe,CAAA,aAAE,SAAS,CAAA,eAAE,WAAW,CAAA,SAAE,KAAK,CAAA,EAAE,GAAG,OAAO,AAAC;IACnE,MAAM,wBAAE,oBAAoB,CAAA,EAAE,GAAG,CAAA,GAAA,uCAAmB,CAAA,CAAC,OAAO,CAAC,AAAC;IAE9D,CAAA,GAAA,kBAAW,CAAA,CAAC,IAAM;QAChB,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,AAAC;QAE5C,IAAI,CAAC,eAAe,CAAC,KAAK,IAAI,WAAW,CAAC,KAAK,EAAE,kBAAkB,CAAC,cAAc,CAAC,EAC5E,oBAAoB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;KAEvD,CAAC,CAAC;IAEH,OAAO;QACL,SAAS,EAAE,CAAA,GAAA,eAAQ,CAAA,CAAC,SAAS,CAAC;QAC9B,eAAe,EAAE,CAAA,GAAA,eAAQ,CAAA,CAAC,eAAe,CAAC;QAC1C,KAAK,EAAE,CAAA,GAAA,eAAQ,CAAA,CAAC,KAAK,CAAC;KACvB,CAAC;CACH,AAAC","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 } 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  LogtoErrorCode,\n  LogtoClientErrorCode,\n} from '@logto/browser';\n\nexport { LogtoError, LogtoClientError, OidcError, Prompt } 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  getAccessToken: (resource?: string) => Promise<string | undefined>;\n  getIdTokenClaims: () => 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 } 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: client.isAuthenticated,\n      loadingCount: 0,\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  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    } finally {\n      setLoading(false);\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 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 = () => {\n    if (!logtoClient.value) {\n      return throwContextError();\n    }\n\n    try {\n      return 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    getAccessToken,\n    getIdTokenClaims,\n    handleSignInCallback,\n  };\n};\n"],"names":[],"version":3,"file":"module.js.map"}

package/package.json

@@ -1,9 +1,14 @@
 {
   "name": "@logto/vue",
-  "version": "0.2.2",
+  "version": "0.2.3-alpha.0",
+  "source": "./src/index.ts",
   "main": "./lib/index.js",
-  "exports": "./lib/index.js",
-  "typings": "./lib/index.d.ts",
+  "exports": {
+    "require": "./lib/index.js",
+    "import": "./lib/module.js"
+  },
+  "module": "./lib/module.js",
+  "types": "./lib/index.d.ts",
   "files": [
     "lib"
   ],
@@ -16,23 +21,28 @@
   "scripts": {
     "dev:tsc": "tsc -p tsconfig.build.json -w --preserveWatchOutput",
     "precommit": "lint-staged",
-    "build": "rm -rf lib/ && tsc -p tsconfig.build.json",
+    "check": "tsc --noEmit",
+    "build": "rm -rf lib/ && pnpm check && parcel build",
     "lint": "eslint --ext .ts src",
     "test": "jest",
     "test:coverage": "jest --silent --coverage",
     "prepack": "pnpm test"
   },
   "dependencies": {
-    "@logto/browser": "^0.2.2"
+    "@logto/browser": "^0.2.3-alpha.0"
   },
   "devDependencies": {
     "@jest/types": "^27.5.1",
+    "@parcel/core": "^2.6.2",
+    "@parcel/packager-ts": "^2.6.2",
+    "@parcel/transformer-typescript-types": "^2.6.2",
     "@silverhand/eslint-config": "^0.14.0",
     "@silverhand/ts-config": "^0.14.0",
     "@types/jest": "^27.4.1",
     "eslint": "^8.9.0",
     "jest": "^27.5.1",
     "lint-staged": "^13.0.0",
+    "parcel": "^2.6.2",
     "postcss": "^8.4.6",
     "prettier": "^2.5.1",
     "stylelint": "^14.8.2",
@@ -60,5 +70,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c8e2ad8ea656887884f9d32c119086d53554c178"
+  "gitHead": "e9e611773b0e73baa6c05a3f2d545fac64d03707"
 }

package/lib/consts.d.ts

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

package/lib/consts.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.contextInjectionKey = exports.logtoInjectionKey = void 0;
-exports.logtoInjectionKey = '@logto/vue';
-exports.contextInjectionKey = '@logto/vue:context';

package/lib/context.d.ts

@@ -1,14 +0,0 @@
-import LogtoClient from '@logto/browser';
-import { ComputedRef, Ref, UnwrapRef } from 'vue';
-export declare 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

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.throwContextError = exports.createContext = void 0;
-const vue_1 = require("vue");
-const createContext = (client) => {
-    const context = (0, vue_1.toRefs)((0, vue_1.reactive)({
-        logtoClient: client,
-        isAuthenticated: client.isAuthenticated,
-        loadingCount: 0,
-        error: undefined,
-    }));
-    const { isAuthenticated, loadingCount, error } = context;
-    const isLoading = (0, vue_1.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 */
-    return { ...context, isLoading, setError, setLoading, setIsAuthenticated };
-};
-exports.createContext = createContext;
-const throwContextError = () => {
-    throw new Error('Must install Logto plugin first.');
-};
-exports.throwContextError = throwContextError;

package/lib/plugin.d.ts

@@ -1,19 +0,0 @@
-import { Context } from './context';
-export declare const createPluginMethods: (context: Context) => {
-    signIn: (redirectUri: string) => Promise<undefined>;
-    signOut: (postLogoutRedirectUri: string) => Promise<undefined>;
-    getAccessToken: (resource?: string | undefined) => Promise<string | undefined>;
-    getIdTokenClaims: () => {
-        iss: string;
-        sub: string;
-        aud: string;
-        exp: number;
-        iat: number;
-        at_hash?: string | null | undefined;
-        name?: string | null | undefined;
-        username?: string | null | undefined;
-        avatar?: string | null | undefined;
-        role_names?: string[] | null | undefined;
-    } | undefined;
-    handleSignInCallback: (callbackUri: string, callbackFunction?: (() => void) | undefined) => Promise<undefined>;
-};

package/lib/plugin.js

@@ -1,91 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createPluginMethods = void 0;
-const context_1 = require("./context");
-const createPluginMethods = (context) => {
-    const { logtoClient, setLoading, setError, setIsAuthenticated } = context;
-    const signIn = async (redirectUri) => {
-        if (!logtoClient.value) {
-            return (0, context_1.throwContextError)();
-        }
-        try {
-            setLoading(true);
-            await logtoClient.value.signIn(redirectUri);
-        }
-        catch (error) {
-            setError(error, 'Unexpected error occurred while signing in.');
-        }
-        finally {
-            setLoading(false);
-        }
-    };
-    const signOut = async (postLogoutRedirectUri) => {
-        if (!logtoClient.value) {
-            return (0, context_1.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 getAccessToken = async (resource) => {
-        if (!logtoClient.value) {
-            return (0, context_1.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 = () => {
-        if (!logtoClient.value) {
-            return (0, context_1.throwContextError)();
-        }
-        try {
-            return 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, context_1.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,
-        getAccessToken,
-        getIdTokenClaims,
-        handleSignInCallback,
-    };
-};
-exports.createPluginMethods = createPluginMethods;