talizen 0.2.20 → 0.2.22

package/auth.d.ts

@@ -73,6 +73,9 @@ export interface UseAuthResult {
  *
  * The hook reloads `/auth/me` whenever `setTalizenConfig()` changes runtime
  * config, which lets preview auth headers update the page without remounting.
+ *
+ * The returned object and its `user` keep stable references until the auth
+ * state actually changes, so both are safe to use in React dependency arrays.
  */
 export declare function useAuth(options?: TalizenRequestOptions): UseAuthResult;
 export declare function updateProfile(profile: AuthProfile, options?: TalizenRequestOptions): Promise<AuthUser>;

package/auth.js

@@ -76,6 +76,14 @@ function normalizeRegisterInput(input, password, name) {
 function isUnauthenticatedError(error) {
     return error instanceof TalizenHttpError && error.status === 401;
 }
+// AuthUser is plain JSON response data, so serialize-compare is sufficient.
+function isSameAuthUser(a, b) {
+    if (a === b)
+        return true;
+    if (!a || !b)
+        return false;
+    return JSON.stringify(a) === JSON.stringify(b);
+}
 async function refreshAuthState(options) {
     const requestId = authRequestId + 1;
     authRequestId = requestId;
@@ -83,8 +91,13 @@ async function refreshAuthState(options) {
     authErrorState = null;
     emitAuthChange();
     try {
-        const user = await fetchCurrentUser(options);
+        let user = await fetchCurrentUser(options);
         if (authRequestId === requestId) {
+            // Keep the previous reference when the payload is unchanged so `user`
+            // stays stable for React dependency arrays.
+            if (isSameAuthUser(currentUserState, user)) {
+                user = currentUserState;
+            }
             currentUserState = user;
             authErrorState = null;
             isAuthInitialized = true;
@@ -109,7 +122,9 @@ async function refreshAuthState(options) {
 }
 function setAuthUser(user) {
     authRequestId += 1;
-    currentUserState = user;
+    if (!isSameAuthUser(currentUserState, user)) {
+        currentUserState = user;
+    }
     authErrorState = null;
     isAuthInitialized = true;
     isAuthLoading = false;
@@ -120,6 +135,9 @@ function setAuthUser(user) {
  *
  * The hook reloads `/auth/me` whenever `setTalizenConfig()` changes runtime
  * config, which lets preview auth headers update the page without remounting.
+ *
+ * The returned object and its `user` keep stable references until the auth
+ * state actually changes, so both are safe to use in React dependency arrays.
  */
 export function useAuth(options) {
     const snapshot = React.useSyncExternalStore(subscribeAuth, () => authSnapshot, () => authSnapshot);
@@ -153,14 +171,14 @@ export function useAuth(options) {
         setAuthUser(nextUser);
         return nextUser;
     }, []);
-    return {
+    return React.useMemo(() => ({
         ...snapshot,
         refresh,
         login: loginAndRefresh,
         register: registerAndRefresh,
         logout: logoutAndRefresh,
         updateProfile: updateProfileAndRefresh,
-    };
+    }), [snapshot, refresh, loginAndRefresh, registerAndRefresh, logoutAndRefresh, updateProfileAndRefresh]);
 }
 async function logoutRequest(options) {
     await requestJson("/auth/logout", {

package/i18n.js

@@ -6,10 +6,11 @@ let lastSnapshotI18n;
 let lastSnapshotMessages;
 function readI18nRuntimeConfig() {
     const config = getTalizenConfig();
+    const globalConfig = typeof globalThis !== "undefined" ? globalThis.TalizenConfig : undefined;
     const fallbackI18n = typeof globalThis !== "undefined" ? globalThis.__TALIZEN_I18N__ : undefined;
     const fallbackMessages = typeof globalThis !== "undefined" ? globalThis.__TALIZEN_MESSAGES__ : undefined;
-    const i18n = config.i18n ?? fallbackI18n;
-    const messages = config.messages ?? fallbackMessages ?? emptyMessages;
+    const i18n = config.i18n ?? globalConfig?.i18n ?? fallbackI18n;
+    const messages = config.messages ?? globalConfig?.messages ?? fallbackMessages ?? emptyMessages;
     if (lastSnapshot && lastSnapshotI18n === i18n && lastSnapshotMessages === messages) {
         return lastSnapshot;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "talizen",
-  "version": "0.2.20",
+  "version": "0.2.22",
   "description": "Talizen frontend SDK types for cms, form and core.",
   "type": "module",
   "license": "MIT",