nuxt-glorious 2.0.0-develop-34 → 2.0.0-develop-36

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "nuxt-glorious",
   "configKey": "glorious",
-  "version": "2.0.0-develop-34"
+  "version": "2.0.0-develop-36"
 }

package/dist/module.mjs

@@ -62,6 +62,7 @@ const module = defineNuxtModule({
     });
     addPlugin(resolver.resolve("./runtime/plugins/modalClose"));
     addPlugin(resolver.resolve("./runtime/plugins/InputComponent"));
+    addPlugin(resolver.resolve("./runtime/plugins/tailwindColor"));
     addRouteMiddleware({
       name: "g-auth-strategy",
       path: resolver.resolve("./runtime/middlewares/AuthStrategy"),
@@ -76,6 +77,11 @@ const module = defineNuxtModule({
       name: "g-auth",
       path: resolver.resolve("./runtime/middlewares/Auth")
     });
+    addRouteMiddleware({
+      name: "g-load-color",
+      path: resolver.resolve("./runtime/middlewares/LoadColor"),
+      global: true
+    });
   }
 });
 

package/dist/runtime/components/Icon.vue

@@ -2,11 +2,11 @@
 import { ref, watch } from '#imports'
 
 interface iconPropInterface {
-  name: String
-  color?: String
-  hoverColor?: String
-  size?: Number
-  strokeWidth?: Number
+  name: string
+  color?: string
+  hoverColor?: string
+  size?: number
+  strokeWidth?: number
 }
 
 const props: any = withDefaults(defineProps<iconPropInterface>(), {

package/dist/runtime/middlewares/LoadColor.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/middlewares/LoadColor.mjs

@@ -0,0 +1,21 @@
+import { defineNuxtRouteMiddleware, useNuxtApp } from "#imports";
+import { GloriousStore } from "../stores/GloriousStore.mjs";
+import colors from "tailwindcss/colors";
+export default defineNuxtRouteMiddleware(() => {
+  const nuxtApp = useNuxtApp();
+  const gs = GloriousStore();
+  nuxtApp.hook("app:mounted", () => {
+    const styles = getComputedStyle(document.documentElement);
+    let colorVars = {};
+    for (let i = 0; i < styles.length; i++) {
+      const name = styles[i];
+      if (name.startsWith("--color-")) {
+        colorVars[name] = styles.getPropertyValue(name).trim();
+      }
+    }
+    gs.ui.colors = {
+      tailwind: colors,
+      dom: colorVars
+    };
+  });
+});

package/dist/runtime/scripts/store/tc.d.ts

@@ -0,0 +1 @@
+export default function (color: string, state: any): any;

package/dist/runtime/scripts/store/tc.mjs

@@ -0,0 +1,15 @@
+export default function(color, state) {
+  const domColor = state.ui.colors.dom["--color-" + color];
+  if (typeof domColor !== "undefined") {
+    return domColor;
+  }
+  const [colorName, range] = color.split("-");
+  const tailwindColor = state.ui.colors.tailwind;
+  const base = tailwindColor[colorName];
+  if (typeof base === "string") {
+    return base;
+  }
+  if (typeof base === "object" && base !== null && range in base) {
+    return base[range];
+  }
+}

package/dist/runtime/stores/GloriousStore.d.ts

@@ -1,9 +1,42 @@
-export declare const GloriousStore: import("pinia").StoreDefinition<"GloriousStore", any, {
+interface AuthState {
+    loaded: boolean;
+    user: Record<string, any>;
+}
+interface UIColors {
+    dom: Record<string, string>;
+    tailwind: Record<string, string | Record<string, string>>;
+}
+interface UIState {
+    colors: UIColors;
+    isDark: boolean;
+}
+interface FormsState {
+    [key: string]: {
+        form: Record<string, any>;
+        errors: any[];
+    };
+}
+interface GloriousState {
+    auth: AuthState;
+    loading: Record<string, any>;
+    keepData: Record<string, any>;
+    forms: FormsState;
+    response: Record<string, any>;
+    modals: Record<string, any>;
+    keepResponse: any[];
+    ui: UIState;
+}
+interface GloriousGetters {
+    [key: string]: (...args: any[]) => any;
     authIsLogin(): boolean;
-}, {
-    formCreate(key: string | Array<string>): void;
+}
+interface GloriousActions {
+    tc(color: string): string | undefined;
+    formCreate(key: string | string[]): void;
     authLogout(): void;
     authSetToken(token: string, to?: string | null): void;
-    authParseToken(token: any): any;
+    authParseToken(token: string): any;
     authGetUser(token?: string): void;
-}>;
+}
+export declare const GloriousStore: import("pinia").StoreDefinition<"GloriousStore", GloriousState, GloriousGetters, GloriousActions>;
+export {};

package/dist/runtime/stores/GloriousStore.mjs

@@ -1,5 +1,6 @@
 import { defineStore } from "pinia";
 import { navigateTo, useCookie, useRuntimeConfig, useFetch } from "#imports";
+import tc from "../scripts/store/tc.mjs";
 export const GloriousStore = defineStore("GloriousStore", {
   state: () => ({
     auth: {
@@ -11,7 +12,14 @@ export const GloriousStore = defineStore("GloriousStore", {
     forms: {},
     response: {},
     modals: {},
-    keepResponse: []
+    keepResponse: [],
+    ui: {
+      colors: {
+        dom: {},
+        tailwind: {}
+      },
+      isDark: false
+    }
   }),
   getters: {
     authIsLogin() {
@@ -21,6 +29,9 @@ export const GloriousStore = defineStore("GloriousStore", {
     }
   },
   actions: {
+    tc(color) {
+      return tc(color, this);
+    },
     formCreate(key) {
       this.forms = {};
       if (typeof key === "string")

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.0-develop-34",
+  "version": "2.0.0-develop-36",
   "name": "nuxt-glorious",
   "description": "This package provides many things needed by a project, including server requests and authentication, SEO and other requirements of a project.",
   "repository": "sajadhzj/nuxt-glorious",