@inzombieland/core 1.18.7 → 1.18.8

package/index.d.ts

@@ -20,6 +20,12 @@ export declare function initApiFetch($fetch: Fetch, config: FetchConfig): {
         fetchActiveSessions: () => Promise<{
             sessions: import("./types").ActiveSession[];
         }>;
+        changeTheme: (body: {
+            theme: "light" | "dark";
+        }) => Promise<void>;
+        changeLocale: (body: {
+            locale: string;
+        }) => Promise<void>;
     };
 };
 export declare const useUserActions: () => Ref<{
@@ -34,6 +40,12 @@ export declare const useUserActions: () => Ref<{
     fetchActiveSessions: () => Promise<{
         sessions: import("./types").ActiveSession[];
     }>;
+    changeTheme: (body: {
+        theme: "light" | "dark";
+    }) => Promise<void>;
+    changeLocale: (body: {
+        locale: string;
+    }) => Promise<void>;
 }, {
     signIn: (body: {
         username: string;
@@ -46,4 +58,10 @@ export declare const useUserActions: () => Ref<{
     fetchActiveSessions: () => Promise<{
         sessions: import("./types").ActiveSession[];
     }>;
+    changeTheme: (body: {
+        theme: "light" | "dark";
+    }) => Promise<void>;
+    changeLocale: (body: {
+        locale: string;
+    }) => Promise<void>;
 }> | undefined;

package/init-application.mjs

@@ -14,6 +14,7 @@ function initApplication() {
   const theme = useThemeMode();
   const locale = useAppLocale();
   const i18n = useI18n();
+  const userActions = useUserActions();
   watch(user, (user2) => {
     if (user2 && user2.theme !== theme.value?.value) {
       theme.value = { value: user2.theme };
@@ -34,6 +35,7 @@ function initApplication() {
         document.documentElement.classList.add("light", "van-theme-light");
         StyleProvider(null);
       }
+      userActions?.value.changeTheme({ theme: theme2?.value });
     },
     { immediate: true }
   );
@@ -51,6 +53,7 @@ function initApplication() {
         VantLocale.use(locale2, ruRU);
         VarletLocale.add("en-US", VarletLocale.enUS);
       }
+      userActions?.value.changeLocale({ locale: locale2?.value });
     },
     { immediate: true }
   );
@@ -73,7 +76,6 @@ function initApplication() {
     }
     const visitor = useVisitor();
     if (session?.status === "SignedOut" && session?.visitorId === visitor.value?.id) {
-      const userActions = useUserActions();
       const data = await userActions?.value.fetchActiveSessions();
       const isCurrentSession = data?.sessions.some((s) => s.isCurrentSession && s.id === session?.sessionId);
       if (isCurrentSession) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inzombieland/core",
-  "version": "1.18.7",
+  "version": "1.18.8",
   "type": "module",
   "license": "ISC",
   "main": "./index.mjs",

package/user-actions.d.ts

@@ -12,4 +12,10 @@ export declare const createApiUserActions: (fetch: Fetch, config: FetchConfig, g
     fetchActiveSessions: () => Promise<{
         sessions: ActiveSession[];
     }>;
+    changeTheme: (body: {
+        theme: "light" | "dark";
+    }) => Promise<void>;
+    changeLocale: (body: {
+        locale: string;
+    }) => Promise<void>;
 };

package/user-actions.mjs

@@ -1,4 +1,4 @@
-import { flush, setToken } from "./api-client.mjs";
+import { flush, setToken, updateUser } from "./api-client.mjs";
 import { useUser } from "./composables/index.mjs";
 import { once } from "./helpers/index.mjs";
 export const createApiUserActions = once(
@@ -32,6 +32,20 @@ export const createApiUserActions = once(
       },
       fetchActiveSessions: async () => {
         return await fetch("/account/1/sessions");
+      },
+      changeTheme: async (body) => {
+        const user = useUser();
+        if (user.value) {
+          await fetch("/account/1/change/theme", { body, method: "POST" });
+          updateUser(body);
+        }
+      },
+      changeLocale: async (body) => {
+        const user = useUser();
+        if (user.value) {
+          await fetch("/account/1/change/locale", { body, method: "POST" });
+          updateUser(body);
+        }
       }
     };
   }