@inzombieland/nuxt-common 1.18.5 → 1.18.8

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@inzombieland/nuxt-common",
-  "version": "1.18.5",
+  "version": "1.18.8",
   "configKey": "nuxt-common",
   "builder": {
     "@nuxt/module-builder": "0.6.0",

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { fileURLToPath } from 'node:url';
 import { defineNuxtModule, createResolver, addServerHandler, addImportsDir, addPlugin, addComponent } from '@nuxt/kit';
 
 const name = "@inzombieland/nuxt-common";
-const version = "1.18.5";
+const version = "1.18.8";
 
 const module = defineNuxtModule({
   meta: {
@@ -47,7 +47,6 @@ const module = defineNuxtModule({
     });
     addImportsDir(resolve(runtimeDir, "composables"));
     addPlugin(resolve(runtimeDir, "plugin"));
-    addPlugin(resolve(runtimeDir, "ui/varlet"));
     addPlugin(resolve(runtimeDir, "plugins/device"));
     addPlugin(resolve(runtimeDir, "plugins/otp-input"));
     addPlugin(resolve(runtimeDir, "plugins/sanitize-html"));

package/dist/runtime/api/index.d.ts

@@ -28,5 +28,11 @@ declare const fetch: Fetch, getUser: () => Promise<import("src/runtime/packages/
     fetchActiveSessions: () => Promise<{
         sessions: import("src/runtime/packages/core/types").ActiveSession[];
     }>;
+    changeTheme: (body: {
+        theme: "light" | "dark";
+    }) => Promise<void>;
+    changeLocale: (body: {
+        locale: string;
+    }) => Promise<void>;
 };
 export { fetch, getUser, useApiFetch, userActions };

package/dist/runtime/api/user-actions.d.ts

@@ -87,12 +87,6 @@ export declare const changePhone: (body: {
     phone: string;
     password: string;
 }) => Promise<void>;
-export declare const changeTheme: (body: {
-    theme: "light" | "dark";
-}) => Promise<void>;
-export declare const changeLocale: (body: {
-    locale: string;
-}) => Promise<void>;
 export declare const changeAvatar: (body: FormData) => Promise<void>;
 export declare const deleteAvatar: () => Promise<void>;
 export declare const fetchActiveSessions: () => Promise<{

package/dist/runtime/api/user-actions.mjs

@@ -1,5 +1,5 @@
-import { useCookie, useRequestHeaders } from "#imports";
-import { useAppLocale, useThemeMode, useUser } from "../packages/core/index.mjs";
+import { useRequestHeaders } from "#imports";
+import { useUser } from "../packages/core/index.mjs";
 import { flush, setToken, updateUser } from "../packages/core/api-client.mjs";
 import { fetch, getUser, userActions } from "./index.mjs";
 export const signIn = userActions.signIn;
@@ -114,30 +114,6 @@ export const changePhone = async (body) => {
   await fetch("/account/1/change/phone", { body, method: "POST" });
   updateUser({ phone: body.phone });
 };
-export const changeTheme = async (body) => {
-  const user = useUser();
-  if (user.value) {
-    await fetch("/account/1/change/theme", { body, method: "POST" });
-    updateUser(body);
-  }
-  if (typeof window !== "undefined") {
-    const theme = useThemeMode();
-    theme.value = { value: body.theme };
-  }
-};
-export const changeLocale = async (body) => {
-  const user = useUser();
-  if (user.value) {
-    await fetch("/account/1/change/locale", { body, method: "POST" });
-    updateUser(body);
-  }
-  if (typeof window !== "undefined") {
-    const localeCookie = useCookie("locale", { maxAge: 60 * 60 * 24 * 365 });
-    localeCookie.value = body.locale;
-    const locale = useAppLocale();
-    locale.value = { value: body.locale };
-  }
-};
 export const changeAvatar = async (body) => {
   const { avatar } = await fetch("/account/1/upload/avatar", { body, method: "POST" });
   updateUser({ avatar });

package/dist/runtime/packages/core/define-vue-plugins.d.ts

@@ -0,0 +1,4 @@
+import type { createApp } from "vue";
+type App = ReturnType<typeof createApp>;
+export declare function defineVuePlugins(app: App): void;
+export {};

package/dist/runtime/packages/core/define-vue-plugins.mjs

@@ -0,0 +1,4 @@
+import { defineVarletPlugin } from "./plugins/index.mjs";
+export function defineVuePlugins(app) {
+  defineVarletPlugin(app);
+}

package/dist/runtime/packages/core/index.d.ts

@@ -1,5 +1,6 @@
 import { type Ref } from "vue";
 import type { Fetch, FetchConfig } from "./types";
+export { defineVuePlugins } from "./define-vue-plugins";
 export { default as AppProvider } from "./AppProvider.vue";
 export * from "./composables";
 export * from "./types";
@@ -19,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<{
@@ -33,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;
@@ -45,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/dist/runtime/packages/core/index.mjs

@@ -9,6 +9,7 @@ import { createApiGetVisitorIdentifier } from "./get-visitor.mjs";
 import { createInitApplication } from "./init-application.mjs";
 import { createApiRefreshToken } from "./refresh-token.mjs";
 import { createApiUserActions } from "./user-actions.mjs";
+export { defineVuePlugins } from "./define-vue-plugins.mjs";
 export { default as AppProvider } from "./AppProvider.vue";
 export * from "./composables/index.mjs";
 export * from "./types.mjs";

package/dist/runtime/packages/core/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/dist/runtime/packages/core/package.json

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

package/dist/runtime/packages/core/plugins/index.d.ts

@@ -0,0 +1 @@
+export * from "./varlet-ui";

package/dist/runtime/packages/core/plugins/index.mjs

@@ -0,0 +1 @@
+export * from "./varlet-ui.mjs";

package/dist/runtime/{ui/varlet.d.ts → packages/core/plugins/varlet-ui.d.ts}

@@ -1,7 +1,9 @@
+import type { createApp } from "vue";
 import "@varlet/ui/es/button/style/index";
 import "@varlet/ui/es/chip/style/index";
 import "@varlet/ui/es/icon/style/index";
 import "@varlet/ui/es/link/style/index";
 import "@varlet/ui/es/styles/elevation.css";
-declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
-export default _default;
+type App = ReturnType<typeof createApp>;
+export declare function defineVarletPlugin(app: App): void;
+export {};

package/dist/runtime/{ui/varlet.mjs → packages/core/plugins/varlet-ui.mjs}

@@ -1,13 +1,12 @@
 import { Button, Chip, Icon, Link } from "@varlet/ui";
-import { defineNuxtPlugin } from "#app";
 import "@varlet/ui/es/button/style/index";
 import "@varlet/ui/es/chip/style/index";
 import "@varlet/ui/es/icon/style/index";
 import "@varlet/ui/es/link/style/index";
 import "@varlet/ui/es/styles/elevation.css";
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.vueApp.use(Button);
-  nuxtApp.vueApp.use(Chip);
-  nuxtApp.vueApp.use(Icon);
-  nuxtApp.vueApp.use(Link);
-});
+export function defineVarletPlugin(app) {
+  app.use(Button);
+  app.use(Chip);
+  app.use(Icon);
+  app.use(Link);
+}

package/dist/runtime/packages/core/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/dist/runtime/packages/core/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);
+        }
       }
     };
   }

package/dist/runtime/plugin.mjs

@@ -1,18 +1,20 @@
 import { addRouteMiddleware, defineNuxtPlugin } from "#app";
-import { useNuxtApp, useRequestHeaders, useRuntimeConfig, useState } from "#imports";
+import { useCookie, useNuxtApp, useRequestHeaders, useRuntimeConfig, useState } from "#imports";
 import { watch } from "vue";
 import { fetch, getUser } from "./api/index.mjs";
 import { authMiddleware, guestMiddleware, localeMiddleware } from "./middleware/index.mjs";
-import { useThemeMode } from "./packages/core/index.mjs";
+import { defineVuePlugins, useAppLocale, useThemeMode } from "./packages/core/index.mjs";
 import { flush, setToken, setUser } from "./packages/core/api-client.mjs";
 const useAuth = () => {
   return useState("auth", () => null);
 };
 export default defineNuxtPlugin(async (nuxtApp) => {
+  defineVuePlugins(nuxtApp.vueApp);
   const auth = useAuth();
   const runtimeConfig = useRuntimeConfig();
   const { $mobileApp } = useNuxtApp();
   const theme = useThemeMode();
+  const locale = useAppLocale();
   if (runtimeConfig.public.ssr && import.meta.server || !runtimeConfig.public.ssr) {
     flush();
     if (import.meta.server) {
@@ -39,6 +41,14 @@ export default defineNuxtPlugin(async (nuxtApp) => {
       },
       { immediate: true }
     );
+    watch(
+      locale,
+      (locale2) => {
+        const localeCookie = useCookie("locale", { maxAge: 60 * 60 * 24 * 365 });
+        localeCookie.value = locale2?.value;
+      },
+      { immediate: true }
+    );
   });
   addRouteMiddleware("auth", authMiddleware, { global: false });
   addRouteMiddleware("guest", guestMiddleware, { global: false });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inzombieland/nuxt-common",
-  "version": "1.18.5",
+  "version": "1.18.8",
   "license": "ISC",
   "type": "module",
   "exports": {

package/dist/runtime/composables/use-helpers.d.ts

@@ -1,16 +0,0 @@
-import { once } from "../packages/core/helpers";
-export declare const useHelpers: () => {
-    dateHelper: {
-        stringToDate: typeof import("src/runtime/packages/core/helpers/date-helper").stringToDate;
-        dateFormat: typeof import("src/runtime/packages/core/helpers/date-helper").dateFormat;
-    };
-    once: typeof once;
-    phoneHelper: {
-        getPlainPhoneNumber: typeof import("src/runtime/packages/core/helpers/phone-helper").getPlainPhoneNumber;
-        convertToPhone: typeof import("src/runtime/packages/core/helpers/phone-helper").convertToPhone;
-        maskPhone: typeof import("src/runtime/packages/core/helpers/phone-helper").maskPhone;
-    };
-    stringHelper: {
-        maskEmail: typeof import("src/runtime/packages/core/helpers/string-helper").maskEmail;
-    };
-};

package/dist/runtime/composables/use-helpers.mjs

@@ -1,4 +0,0 @@
-import { dateHelper, once, phoneHelper, stringHelper } from "../packages/core/helpers/index.mjs";
-export const useHelpers = () => {
-  return { dateHelper, once, phoneHelper, stringHelper };
-};