@mehdad67/apitogo 0.1.31 → 0.1.32

package/dist/cli/cli.js

@@ -4121,7 +4121,7 @@ import {
 // package.json
 var package_default = {
   name: "@mehdad67/apitogo",
-  version: "0.1.31",
+  version: "0.1.32",
   type: "module",
   sideEffects: [
     "**/*.css",

package/dist/declarations/lib/authentication/hook.d.ts

@@ -4,28 +4,10 @@ export declare const useRefreshUserProfile: ({ refetchOnWindowFocus, }?: {
     refetchOnWindowFocus?: boolean | "always";
 }) => import("@tanstack/react-query").UseQueryResult<boolean | undefined, Error>;
 export declare const useVerifiedEmail: () => {
-    email: string | undefined;
-    isVerified: boolean | undefined;
+    email: any;
+    isVerified: any;
     supportsEmailVerification: boolean;
     refresh: () => undefined;
     requestEmailVerification: (options?: AuthActionOptions) => Promise<void>;
 };
-export declare const useAuth: () => {
-    isBackendAvailable: boolean;
-    authMode: import("./state.js").AuthMode;
-    login: (options?: AuthActionOptions) => Promise<void>;
-    logout: () => Promise<void>;
-    signup: (options?: AuthActionOptions) => Promise<void>;
-    requestEmailVerification: (options?: AuthActionOptions) => Promise<void>;
-    isAuthenticated: boolean;
-    isPending: boolean;
-    profile: import("./state.js").UserProfile | null;
-    providerData: import("./state.js").ProviderData | null;
-    setAuthenticationPending: () => void;
-    setLoggedOut: () => void;
-    setLoggedIn: (args: {
-        profile: import("./state.js").UserProfile;
-        providerData: import("./state.js").ProviderData;
-    }) => void;
-    isAuthEnabled: boolean;
-};
+export declare const useAuth: () => any;

package/dist/declarations/lib/authentication/state.d.ts

@@ -16,32 +16,13 @@ export interface AuthState {
         providerData: ProviderData;
     }) => void;
 }
-export declare const authState: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<AuthState>, "setState" | "persist"> & {
-    setState(partial: AuthState | Partial<AuthState> | ((state: AuthState) => AuthState | Partial<AuthState>), replace?: false | undefined): unknown;
-    setState(state: AuthState | ((state: AuthState) => AuthState), replace: true): unknown;
-    persist: {
-        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<AuthState, unknown, unknown>>) => void;
-        clearStorage: () => void;
-        rehydrate: () => Promise<void> | void;
-        hasHydrated: () => boolean;
-        onHydrate: (fn: (state: AuthState) => void) => () => void;
-        onFinishHydration: (fn: (state: AuthState) => void) => () => void;
-        getOptions: () => Partial<import("zustand/middleware").PersistOptions<AuthState, unknown, unknown>>;
-    };
-}>;
-export declare const useAuthState: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<AuthState>, "setState" | "persist"> & {
-    setState(partial: AuthState | Partial<AuthState> | ((state: AuthState) => AuthState | Partial<AuthState>), replace?: false | undefined): unknown;
-    setState(state: AuthState | ((state: AuthState) => AuthState), replace: true): unknown;
-    persist: {
-        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<AuthState, unknown, unknown>>) => void;
-        clearStorage: () => void;
-        rehydrate: () => Promise<void> | void;
-        hasHydrated: () => boolean;
-        onHydrate: (fn: (state: AuthState) => void) => () => void;
-        onFinishHydration: (fn: (state: AuthState) => void) => () => void;
-        getOptions: () => Partial<import("zustand/middleware").PersistOptions<AuthState, unknown, unknown>>;
-    };
-}>;
+type AuthStateStore = ReturnType<typeof createAuthStateStore>;
+declare global {
+    var __APITOGO_AUTH_STATE: AuthStateStore | undefined;
+}
+declare function createAuthStateStore(): AuthStateStore;
+export declare const authState: any;
+export declare const useAuthState: any;
 export declare const waitForAuthStateHydration: () => Promise<void>;
 export interface UserProfile {
     sub: string;
@@ -51,3 +32,4 @@ export interface UserProfile {
     pictureUrl: string | undefined;
     [key: string]: string | boolean | undefined;
 }
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mehdad67/apitogo",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "type": "module",
   "sideEffects": [
     "**/*.css",

package/src/lib/authentication/state.ts

@@ -40,67 +40,104 @@ export interface AuthState {
   }) => void;
 }
 
-export const authState = create<AuthState>()(
-  persist(
-    (set) => ({
-      isAuthenticated: false,
-      isPending: true,
-      profile: null,
-      providerData: null,
-      isBackendAvailable: true,
-      authMode: "live",
-      setAuthenticationPending: () =>
-        set(() => ({
-          isAuthenticated: false,
-          isPending: false,
-          profile: null,
-          providerData: null,
-          isBackendAvailable: true,
-          authMode: "live",
-        })),
-      setLoggedOut: () =>
-        set(() => ({
-          isAuthenticated: false,
-          isPending: false,
-          profile: null,
-          providerData: null,
-          isBackendAvailable: true,
-          authMode: "live",
-        })),
-      setLoggedIn: ({ profile, providerData }) =>
-        set(() => ({
-          isAuthenticated: true,
-          isPending: false,
-          profile,
-          providerData,
-        })),
-    }),
-    {
-      merge: (persistedState, currentState) => {
-        const persisted =
-          typeof persistedState === "object" && persistedState !== null
-            ? (persistedState as Partial<AuthState>)
-            : {};
-
-        // Cookie/session auth is refreshed from the backend on load. Do not
-        // restore identity fields from localStorage or OIDC return looks logged out.
-        return {
-          ...currentState,
-          isPending: false,
-          isBackendAvailable:
-            persisted.isBackendAvailable ?? currentState.isBackendAvailable,
-          authMode: persisted.authMode ?? currentState.authMode,
-        };
-      },
-      partialize: (state) => ({
-        isBackendAvailable: state.isBackendAvailable,
-        authMode: state.authMode,
+type AuthStateStore = ReturnType<typeof createAuthStateStore>;
+
+/**
+ * Vite SSR/dev can load authentication modules more than once (app + plugins),
+ * which would otherwise create duplicate Zustand stores. The header would read
+ * one store while dev-portal auth writes another.
+ */
+declare global {
+  var __APITOGO_AUTH_STATE: AuthStateStore | undefined;
+}
+
+function createAuthStateStore(): AuthStateStore {
+  return create<AuthState>()(
+    persist(
+      (set) => ({
+        isAuthenticated: false,
+        isPending: true,
+        profile: null,
+        providerData: null,
+        isBackendAvailable: true,
+        authMode: "live",
+        setAuthenticationPending: () =>
+          set(() => ({
+            isAuthenticated: false,
+            isPending: false,
+            profile: null,
+            providerData: null,
+            isBackendAvailable: true,
+            authMode: "live",
+          })),
+        setLoggedOut: () =>
+          set(() => ({
+            isAuthenticated: false,
+            isPending: false,
+            profile: null,
+            providerData: null,
+            isBackendAvailable: true,
+            authMode: "live",
+          })),
+        setLoggedIn: ({ profile, providerData }) =>
+          set(() => ({
+            isAuthenticated: true,
+            isPending: false,
+            profile,
+            providerData,
+          })),
       }),
-      name: "auth-state",
-      storage: createJSONStorage(() => localStorage),
-    },
-  ),
-);
+      {
+        version: 1,
+        migrate: (persistedState, version) => {
+          const persisted =
+            typeof persistedState === "object" && persistedState !== null
+              ? (persistedState as Partial<AuthState>)
+              : {};
+
+          // v0 stored full auth identity in localStorage; keep only backend metadata.
+          if (version === 0) {
+            return {
+              isBackendAvailable: persisted.isBackendAvailable,
+              authMode: persisted.authMode,
+            };
+          }
+
+          return persisted;
+        },
+        merge: (persistedState, currentState) => {
+          const persisted =
+            typeof persistedState === "object" && persistedState !== null
+              ? (persistedState as Partial<AuthState>)
+              : {};
+
+          // Cookie/session auth is refreshed from the backend on load. Do not
+          // restore identity fields from localStorage or OIDC return looks logged out.
+          return {
+            ...currentState,
+            isPending: false,
+            isAuthenticated: currentState.isAuthenticated,
+            profile: currentState.profile,
+            providerData: currentState.providerData,
+            isBackendAvailable:
+              persisted.isBackendAvailable ?? currentState.isBackendAvailable,
+            authMode: persisted.authMode ?? currentState.authMode,
+          };
+        },
+        partialize: (state) => ({
+          isBackendAvailable: state.isBackendAvailable,
+          authMode: state.authMode,
+        }),
+        name: "auth-state",
+        storage: createJSONStorage(() => localStorage),
+      },
+    ),
+  );
+}
+
+globalThis.__APITOGO_AUTH_STATE ??= createAuthStateStore();
+
+export const authState = globalThis.__APITOGO_AUTH_STATE;
 
 syncZustandState(authState);
 
@@ -113,14 +150,21 @@ export const waitForAuthStateHydration = (): Promise<void> => {
   }
 
   const { persist } = useAuthState;
-  if (persist.hasHydrated()) {
-    return Promise.resolve();
-  }
 
   return new Promise((resolve) => {
+    const finish = () => {
+      // Let hydration merge flush before /auth/me refresh runs.
+      queueMicrotask(resolve);
+    };
+
+    if (persist.hasHydrated()) {
+      finish();
+      return;
+    }
+
     const unsubscribe = persist.onFinishHydration(() => {
       unsubscribe();
-      resolve();
+      finish();
     });
   });
 };