abckit 0.0.17 → 0.0.19

package/dist/runtime/composables/useAuth.d.ts

@@ -1,15 +1,6 @@
-declare let capacitorTokenHandlers: {
-    onSuccess: (authToken: string) => Promise<void>;
-    getToken: () => Promise<string>;
-    clearToken: () => Promise<void>;
-} | null;
-/**
- * Register Capacitor token handlers for mobile apps
- * Call this from useAuthMobile before using useAuth
- */
-export declare function registerCapacitorHandlers(handlers: typeof capacitorTokenHandlers): void;
 /**
  * Main authentication composable for Better Auth
+ * Supports offline-first authentication for Capacitor apps
  */
 export declare function useAuth(): {
     session: Readonly<import("vue").Ref<{
@@ -65,18 +56,10 @@ export declare function useAuth(): {
     }>>;
     isLoading: import("vue").ComputedRef<boolean>;
     isAuthenticated: import("vue").ComputedRef<boolean>;
-    user: import("vue").ComputedRef<{
-        readonly id: string;
-        readonly createdAt: Date;
-        readonly updatedAt: Date;
-        readonly email: string;
-        readonly emailVerified: boolean;
-        readonly name: string;
-        readonly image?: string | null | undefined;
-    } | null>;
-    login: (returnTo?: string) => void;
-    register: (returnTo?: string) => void;
-    logout: () => Promise<void>;
+    user: import("vue").ComputedRef<any>;
+    logout: (options?: {
+        skipNavigation?: boolean;
+    }) => Promise<void>;
     refreshSession: () => Promise<{
         data: {
             user: {
@@ -112,7 +95,7 @@ export declare function useAuth(): {
     authClient: {
         signIn: {
             social: <FetchOptions extends import("better-auth").ClientFetchOption<Partial<{
-                provider: "github" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "huggingface" | "slack" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "linear" | "linkedin" | "gitlab" | "tiktok" | "reddit" | "roblox" | "salesforce" | "vk" | "zoom" | "notion" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "vercel" | (string & {});
+                provider: (string & {}) | "github" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "huggingface" | "slack" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "linear" | "linkedin" | "gitlab" | "tiktok" | "reddit" | "roblox" | "salesforce" | "vk" | "zoom" | "notion" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "vercel";
                 callbackURL?: string | undefined;
                 newUserCallbackURL?: string | undefined;
                 errorCallbackURL?: string | undefined;
@@ -129,7 +112,7 @@ export declare function useAuth(): {
                 loginHint?: string | undefined;
                 additionalData?: Record<string, any> | undefined;
             }> & Record<string, any>, Partial<Record<string, any>> & Record<string, any>, Record<string, any> | undefined>>(data_0: import("better-auth").Prettify<{
-                provider: "github" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "huggingface" | "slack" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "linear" | "linkedin" | "gitlab" | "tiktok" | "reddit" | "roblox" | "salesforce" | "vk" | "zoom" | "notion" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "vercel" | (string & {});
+                provider: (string & {}) | "github" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "huggingface" | "slack" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "linear" | "linkedin" | "gitlab" | "tiktok" | "reddit" | "roblox" | "salesforce" | "vk" | "zoom" | "notion" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "vercel";
                 callbackURL?: string | undefined;
                 newUserCallbackURL?: string | undefined;
                 errorCallbackURL?: string | undefined;
@@ -868,7 +851,7 @@ export declare function useAuth(): {
 export declare function getAuthClientExports(): {
     signIn: {
         social: <FetchOptions extends import("better-auth").ClientFetchOption<Partial<{
-            provider: "github" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "huggingface" | "slack" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "linear" | "linkedin" | "gitlab" | "tiktok" | "reddit" | "roblox" | "salesforce" | "vk" | "zoom" | "notion" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "vercel" | (string & {});
+            provider: (string & {}) | "github" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "huggingface" | "slack" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "linear" | "linkedin" | "gitlab" | "tiktok" | "reddit" | "roblox" | "salesforce" | "vk" | "zoom" | "notion" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "vercel";
             callbackURL?: string | undefined;
             newUserCallbackURL?: string | undefined;
             errorCallbackURL?: string | undefined;
@@ -885,7 +868,7 @@ export declare function getAuthClientExports(): {
             loginHint?: string | undefined;
             additionalData?: Record<string, any> | undefined;
         }> & Record<string, any>, Partial<Record<string, any>> & Record<string, any>, Record<string, any> | undefined>>(data_0: import("better-auth").Prettify<{
-            provider: "github" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "huggingface" | "slack" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "linear" | "linkedin" | "gitlab" | "tiktok" | "reddit" | "roblox" | "salesforce" | "vk" | "zoom" | "notion" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "vercel" | (string & {});
+            provider: (string & {}) | "github" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "huggingface" | "slack" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "linear" | "linkedin" | "gitlab" | "tiktok" | "reddit" | "roblox" | "salesforce" | "vk" | "zoom" | "notion" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "vercel";
             callbackURL?: string | undefined;
             newUserCallbackURL?: string | undefined;
             errorCallbackURL?: string | undefined;
@@ -1143,7 +1126,7 @@ export declare function getAuthClientExports(): {
     authClient: {
         signIn: {
             social: <FetchOptions extends import("better-auth").ClientFetchOption<Partial<{
-                provider: "github" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "huggingface" | "slack" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "linear" | "linkedin" | "gitlab" | "tiktok" | "reddit" | "roblox" | "salesforce" | "vk" | "zoom" | "notion" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "vercel" | (string & {});
+                provider: (string & {}) | "github" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "huggingface" | "slack" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "linear" | "linkedin" | "gitlab" | "tiktok" | "reddit" | "roblox" | "salesforce" | "vk" | "zoom" | "notion" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "vercel";
                 callbackURL?: string | undefined;
                 newUserCallbackURL?: string | undefined;
                 errorCallbackURL?: string | undefined;
@@ -1160,7 +1143,7 @@ export declare function getAuthClientExports(): {
                 loginHint?: string | undefined;
                 additionalData?: Record<string, any> | undefined;
             }> & Record<string, any>, Partial<Record<string, any>> & Record<string, any>, Record<string, any> | undefined>>(data_0: import("better-auth").Prettify<{
-                provider: "github" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "huggingface" | "slack" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "linear" | "linkedin" | "gitlab" | "tiktok" | "reddit" | "roblox" | "salesforce" | "vk" | "zoom" | "notion" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "vercel" | (string & {});
+                provider: (string & {}) | "github" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "huggingface" | "slack" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "linear" | "linkedin" | "gitlab" | "tiktok" | "reddit" | "roblox" | "salesforce" | "vk" | "zoom" | "notion" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "vercel";
                 callbackURL?: string | undefined;
                 newUserCallbackURL?: string | undefined;
                 errorCallbackURL?: string | undefined;
@@ -1896,4 +1879,3 @@ export declare function getAuthClientExports(): {
         };
     };
 };
-export {};

package/dist/runtime/composables/useAuth.js

@@ -1,89 +1,94 @@
 import { navigateTo, useRuntimeConfig } from "#app";
 import { adminClient } from "better-auth/client/plugins";
 import { createAuthClient } from "better-auth/vue";
-import { computed, watch } from "vue";
+import { computed, ref, watch } from "vue";
+import { capacitorClient } from "../plugins/capacitor-client.js";
 let authClient = null;
-let capacitorTokenHandlers = null;
-export function registerCapacitorHandlers(handlers) {
-  capacitorTokenHandlers = handlers;
+const offlineSession = ref(null);
+const offlineChecked = ref(false);
+async function initOfflineSession(isCapacitor) {
+  if (!isCapacitor || offlineChecked.value)
+    return;
+  try {
+    const { Preferences } = await import("@capacitor/preferences");
+    const result = await Preferences.get({ key: "better-auth_session" });
+    if (result?.value) {
+      offlineSession.value = JSON.parse(result.value);
+    }
+  } catch {
+  } finally {
+    offlineChecked.value = true;
+  }
 }
 function getAuthClient() {
   if (authClient)
     return authClient;
   const config = useRuntimeConfig();
   const authConfig = config.public.abckit?.auth;
-  const baseURL = authConfig?.baseURL;
-  const basePath = authConfig?.basePath;
-  const clientOptions = {
-    baseURL,
-    basePath,
-    plugins: [adminClient()]
-  };
-  if (capacitorTokenHandlers) {
-    clientOptions.fetchOptions = {
-      credentials: "include",
-      onSuccess: async (ctx) => {
-        const authToken = ctx.response.headers.get("set-auth-token");
-        if (authToken && capacitorTokenHandlers) {
-          await capacitorTokenHandlers.onSuccess(authToken);
-        }
-      },
-      auth: {
-        type: "Bearer",
-        token: async () => {
-          if (!capacitorTokenHandlers)
-            return "";
-          return capacitorTokenHandlers.getToken();
-        }
-      }
-    };
+  const isCapacitor = authConfig?.capacitor ?? false;
+  initOfflineSession(isCapacitor);
+  const plugins = [adminClient()];
+  if (isCapacitor) {
+    plugins.push(capacitorClient({
+      storagePrefix: "better-auth"
+    }));
   }
-  authClient = createAuthClient(clientOptions);
+  authClient = createAuthClient({
+    baseURL: authConfig?.baseURL,
+    basePath: authConfig?.basePath,
+    plugins
+  });
   return authClient;
 }
 export function useAuth() {
   const client = getAuthClient();
   const session = client.useSession();
   const config = useRuntimeConfig();
-  const isLoading = computed(() => session.value.isPending);
-  const isAuthenticated = computed(() => !!session.value.data?.user);
-  const user = computed(() => session.value.data?.user || null);
+  const isCapacitor = config.public.abckit?.auth?.capacitor ?? false;
+  const isLoading = computed(() => {
+    if (session.value.isPending)
+      return true;
+    if (isCapacitor && !offlineChecked.value)
+      return true;
+    return false;
+  });
+  const effectiveSession = computed(() => {
+    if (session.value.data?.user)
+      return session.value.data;
+    if (isCapacitor && offlineSession.value?.user)
+      return offlineSession.value;
+    return null;
+  });
+  const isAuthenticated = computed(() => !!effectiveSession.value?.user);
+  const user = computed(() => effectiveSession.value?.user || null);
+  if (isCapacitor) {
+    watch(() => session.value.data, (data) => {
+      if (data?.user) {
+        offlineSession.value = data;
+      }
+    }, { immediate: true });
+  }
   if (config.public.abckit?.sentry) {
     watch(user, async (currentUser) => {
       const Sentry = await import("@sentry/nuxt");
-      if (currentUser) {
-        Sentry.setUser({ id: currentUser.id });
-      } else {
-        Sentry.setUser(null);
-      }
+      Sentry.setUser(currentUser ? { id: currentUser.id } : null);
     }, { immediate: true });
   }
-  function login(returnTo) {
-    const query = returnTo ? `?return_to=${encodeURIComponent(returnTo)}` : "";
-    navigateTo(`/auth/login${query}`);
-  }
-  function register(returnTo) {
-    const query = returnTo ? `?return_to=${encodeURIComponent(returnTo)}` : "";
-    navigateTo(`/auth/register${query}`);
-  }
-  async function logout() {
+  async function logout(options = {}) {
     await client.signOut();
-    if (capacitorTokenHandlers) {
-      await capacitorTokenHandlers.clearToken();
-    }
+    offlineSession.value = null;
+    if (options.skipNavigation)
+      return;
     navigateTo("/");
   }
   async function refreshSession() {
-    const result = await client.getSession({ fetchOptions: { cache: "no-store" } });
-    return result;
+    return await client.getSession({ fetchOptions: { cache: "no-store" } });
   }
   return {
     session,
     isLoading,
     isAuthenticated,
     user,
-    login,
-    register,
     logout,
     refreshSession,
     authClient: client

package/dist/runtime/middleware/auth.global.js

@@ -1,5 +1,5 @@
 import { defineNuxtRouteMiddleware, navigateTo } from "#app";
-import { useAuth } from "../composables/useAuth.js";
+import { useAuth } from "abckit/composables/useAuth";
 export default defineNuxtRouteMiddleware(async (to) => {
   if (import.meta.server) {
     return;

package/dist/runtime/plugins/capacitor-client.d.ts

@@ -0,0 +1,14 @@
+import type { BetterAuthClientPlugin } from 'better-auth';
+interface CapacitorClientOptions {
+    /**
+     * Prefix for storage keys
+     * @default 'better-auth'
+     */
+    storagePrefix?: string;
+}
+/**
+ * Capacitor client plugin for Better Auth
+ * Provides offline-first authentication with persistent storage
+ */
+export declare function capacitorClient(opts?: CapacitorClientOptions): BetterAuthClientPlugin;
+export {};

package/dist/runtime/plugins/capacitor-client.js

@@ -0,0 +1,220 @@
+import { Preferences } from "@capacitor/preferences";
+function parseSetCookieHeader(header) {
+  const cookieMap = /* @__PURE__ */ new Map();
+  const cookies = splitSetCookieHeader(header);
+  cookies.forEach((cookie) => {
+    const parts = cookie.split(";").map((p) => p.trim());
+    const [nameValue, ...attributes] = parts;
+    if (!nameValue)
+      return;
+    const [name, ...valueParts] = nameValue.split("=");
+    const value = valueParts.join("=");
+    const cookieObj = { value };
+    attributes.forEach((attr) => {
+      const [attrName, ...attrValueParts] = attr.split("=");
+      const attrValue = attrValueParts.join("=");
+      if (attrName)
+        cookieObj[attrName.toLowerCase()] = attrValue;
+    });
+    if (name)
+      cookieMap.set(name, cookieObj);
+  });
+  return cookieMap;
+}
+function splitSetCookieHeader(setCookie) {
+  const parts = [];
+  let buffer = "";
+  let i = 0;
+  while (i < setCookie.length) {
+    const char = setCookie[i];
+    if (char === ",") {
+      const recent = buffer.toLowerCase();
+      const hasExpires = recent.includes("expires=");
+      const hasGmt = /gmt/i.test(recent);
+      if (hasExpires && !hasGmt) {
+        buffer += char;
+        i += 1;
+        continue;
+      }
+      if (buffer.trim().length > 0) {
+        parts.push(buffer.trim());
+        buffer = "";
+      }
+      i += 1;
+      if (setCookie[i] === " ")
+        i += 1;
+      continue;
+    }
+    buffer += char;
+    i += 1;
+  }
+  if (buffer.trim().length > 0)
+    parts.push(buffer.trim());
+  return parts;
+}
+function mergeCookies(setCookieHeader, prevCookie) {
+  const parsed = parseSetCookieHeader(setCookieHeader);
+  let cookies = {};
+  if (prevCookie) {
+    try {
+      cookies = JSON.parse(prevCookie);
+    } catch {
+    }
+  }
+  parsed.forEach((cookie, key) => {
+    const maxAge = cookie["max-age"];
+    const expiresAt = cookie.expires;
+    const expires = maxAge ? new Date(Date.now() + Number(maxAge) * 1e3) : expiresAt ? new Date(String(expiresAt)) : null;
+    cookies[key] = {
+      value: cookie.value,
+      expires: expires ? expires.toISOString() : null
+    };
+  });
+  return JSON.stringify(cookies);
+}
+function getCookieString(storedCookies) {
+  let parsed = {};
+  try {
+    parsed = JSON.parse(storedCookies);
+  } catch {
+    return "";
+  }
+  const parts = [];
+  for (const [key, cookie] of Object.entries(parsed)) {
+    if (cookie.expires && new Date(cookie.expires) < /* @__PURE__ */ new Date())
+      continue;
+    parts.push(`${key}=${cookie.value}`);
+  }
+  return parts.join("; ");
+}
+function hasSessionCookieChanged(prevCookie, newCookie) {
+  if (!prevCookie)
+    return true;
+  try {
+    const prev = JSON.parse(prevCookie);
+    const next = JSON.parse(newCookie);
+    const sessionKeys = /* @__PURE__ */ new Set();
+    for (const key of Object.keys(prev)) {
+      if (key.includes("session_token") || key.includes("session_data"))
+        sessionKeys.add(key);
+    }
+    for (const key of Object.keys(next)) {
+      if (key.includes("session_token") || key.includes("session_data"))
+        sessionKeys.add(key);
+    }
+    for (const key of sessionKeys) {
+      if (prev[key]?.value !== next[key]?.value)
+        return true;
+    }
+    return false;
+  } catch {
+    return true;
+  }
+}
+export function capacitorClient(opts) {
+  let store = null;
+  const storagePrefix = opts?.storagePrefix || "better-auth";
+  const cookieName = `${storagePrefix}_cookie`;
+  const sessionCacheName = `${storagePrefix}_session`;
+  return {
+    id: "capacitor",
+    getActions: (_$fetch, $store) => {
+      store = $store;
+      return {
+        /**
+         * Get stored cookie string for manual fetch requests
+         */
+        getCookie: async () => {
+          const result = await Preferences.get({ key: cookieName });
+          return getCookieString(result?.value || "{}");
+        },
+        /**
+         * Get cached session data for offline use
+         */
+        getCachedSession: async () => {
+          const result = await Preferences.get({ key: sessionCacheName });
+          if (!result?.value)
+            return null;
+          try {
+            return JSON.parse(result.value);
+          } catch {
+            return null;
+          }
+        },
+        /**
+         * Clear all stored auth data
+         */
+        clearStorage: async () => {
+          await Preferences.remove({ key: cookieName });
+          await Preferences.remove({ key: sessionCacheName });
+        }
+      };
+    },
+    fetchPlugins: [
+      {
+        id: "capacitor",
+        name: "Capacitor Auth",
+        hooks: {
+          async onSuccess(context) {
+            const authToken = context.response.headers.get("set-auth-token");
+            if (authToken) {
+              const prevCookie = (await Preferences.get({ key: cookieName }))?.value;
+              const tokenCookie = `session_token=${authToken}`;
+              const newCookie = mergeCookies(tokenCookie, prevCookie ?? void 0);
+              if (hasSessionCookieChanged(prevCookie ?? null, newCookie)) {
+                await Preferences.set({ key: cookieName, value: newCookie });
+                store?.notify("$sessionSignal");
+              } else {
+                await Preferences.set({ key: cookieName, value: newCookie });
+              }
+            }
+            const setCookie = context.response.headers.get("set-cookie");
+            if (setCookie) {
+              const prevCookie = (await Preferences.get({ key: cookieName }))?.value;
+              const newCookie = mergeCookies(setCookie, prevCookie ?? void 0);
+              if (hasSessionCookieChanged(prevCookie ?? null, newCookie)) {
+                await Preferences.set({ key: cookieName, value: newCookie });
+                store?.notify("$sessionSignal");
+              } else {
+                await Preferences.set({ key: cookieName, value: newCookie });
+              }
+            }
+            if (context.request.url.toString().includes("/get-session")) {
+              if (context.data?.session || context.data?.user) {
+                await Preferences.set({
+                  key: sessionCacheName,
+                  value: JSON.stringify(context.data)
+                });
+              }
+            }
+          }
+        },
+        async init(url, options) {
+          const storedCookie = (await Preferences.get({ key: cookieName }))?.value;
+          const cookie = getCookieString(storedCookie || "{}");
+          if (cookie) {
+            options = options || {};
+            options.headers = {
+              ...options.headers,
+              cookie
+            };
+          }
+          if (url.includes("/sign-out")) {
+            await Preferences.remove({ key: cookieName });
+            await Preferences.remove({ key: sessionCacheName });
+            if (store?.atoms?.session) {
+              const currentSession = store.atoms.session.get();
+              store.atoms.session.set({
+                ...currentSession,
+                data: null,
+                error: null,
+                isPending: false
+              });
+            }
+          }
+          return { url, options };
+        }
+      }
+    ]
+  };
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "abckit",
   "type": "module",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "private": false,
   "sideEffects": false,
   "exports": {