nuxt-glorious 2.0.0-develop-33 → 2.0.0-develop-35

package/dist/runtime/components/Input.vue

@@ -0,0 +1,69 @@
+<script lang="ts" setup>
+import type { colorType, sizeType } from '~/src/types/props'
+
+interface inputPropInterface {
+  color?: colorType
+  size?: sizeType
+  disabled?: boolean
+  title?: string
+  placeholder?: string
+  error?: string
+  type?: string
+  icon?: string
+  iconColor?: string
+  iconPos?: 'right' | 'left'
+}
+
+const props: any = withDefaults(defineProps<inputPropInterface>(), {
+  color: 'primary',
+  size: 'md',
+  disabled: false,
+  title: '',
+  placeholder: '',
+  error: '|',
+  type: 'text',
+  icon: '',
+  iconPos: 'right',
+  iconColor: '#000',
+})
+
+const emits = defineEmits(['iconClicked'])
+const hasIcon = () => typeof props.icon !== 'undefined'
+const iconClicked = () => emits('iconClicked')
+</script>
+
+<template>
+  <div class="glorious-input">
+    <span
+      v-if="props.title"
+      class="title"
+    >
+      {{ props.title }}
+    </span>
+    <div class="input-content">
+      <GIcon
+        v-if="hasIcon"
+        class="icon"
+        :class="[`icon-${props.iconPos}`]"
+        :size="props.size"
+        :color="props.iconColor"
+        :name="props.icon"
+        @click="iconClicked()"
+      />
+      <input
+        :class="[
+          `color-${props.color}`,
+          `size-${props.size}`,
+          props.error !== '|' ? 'error' : '',
+        ]"
+        :disabled="props.disabled"
+        :placeholder="props.placeholder"
+        :type="props.type"
+      />
+    </div>
+    <GErrorText
+      v-if="props.error !== '|'"
+      :error="props.error"
+    />
+  </div>
+</template>

package/dist/runtime/components/InputPassword.vue

@@ -0,0 +1,42 @@
+<script lang="ts" setup>
+import type { colorType, sizeType } from '~/src/types/props'
+
+interface inputPropInterface {
+  color?: colorType
+  size?: sizeType
+  disabled?: boolean
+  title?: string
+  placeholder?: string
+  error?: string
+  type?: string
+  iconColor?: string
+}
+
+const props: any = withDefaults(defineProps<inputPropInterface>(), {
+  color: 'primary',
+  size: 'md',
+  disabled: false,
+  title: '',
+  placeholder: '',
+  error: '|',
+  type: 'password',
+  iconColor: '#000',
+})
+
+const isPassword = ref(true)
+</script>
+
+<template>
+  <GInput
+    :icon="isPassword ? 'glorious-eye-fill' : 'glorious-eye-off-fill'"
+    :type="isPassword ? 'text' : 'password'"
+    @icon-clicked="isPassword = !isPassword"
+    :color="props.color"
+    :size="props.size"
+    :disabled="props.disabled"
+    :title="props.title"
+    :placeholder="props.placeholder"
+    :error="props.error"
+    :icon-color="props.iconColor"
+  />
+</template>

package/dist/runtime/components/Loading.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import type { colorType, sizeType } from '~/src/types/props'
+
+interface loadingPropInterface {
+  color?: colorType
+  size?: sizeType
+}
+
+const props: any = withDefaults(defineProps<loadingPropInterface>(), {
+  color: 'primary',
+  size: 'md',
+})
+</script>
+
+<template>
+  <div class="inline">
+    <div
+      class="glorious-loading"
+      :class="[`color-${props.color}`, `size-${props.size}`]"
+    />
+  </div>
+</template>

package/dist/runtime/components/props/Icon.d.ts

@@ -3,25 +3,5 @@ declare const _default: {
         required: boolean;
         default: string;
     };
-    stroke: {
-        required: boolean;
-        type: (NumberConstructor | null)[];
-        default: number | null;
-    };
-    size: {
-        required: boolean;
-        type: NumberConstructor;
-        default: number;
-    };
-    color: {
-        required: boolean;
-        type: StringConstructor;
-        default: string;
-    };
-    name: {
-        required: boolean;
-        type: StringConstructor;
-        default: string;
-    };
 };
 export default _default;

package/dist/runtime/components/props/Icon.mjs

@@ -1,8 +1,4 @@
-import { name, hashColor, intSize, stroke, hoverColor } from "./common/index.mjs";
+import { hoverColor } from "./common/index.mjs";
 export default {
-  ...name,
-  ...hashColor,
-  ...intSize(),
-  ...stroke(),
   ...hoverColor()
 };

package/dist/runtime/composables/helper/useGloriousFetch/gloriousFetchOptionsInterface.d.ts

@@ -1,15 +1,15 @@
-export interface gloriousFetchOptions {
-  validationRequest?: any
-  gKey?: String
-  params?: Object
-  server?: Boolean
-  is$?: Boolean
-  lazy?: Boolean
-  headers?: Object
-  body?: Object
-  keepResponse?: Boolean
-  bodyType?: 'formData' | 'formDataCustom' | 'normal'
-  method?: 'POST' | 'GET' | 'PATCH' | 'PUT' | 'DELETE' | 'HEAD'
-  credentials?: 'same-origin' | 'include'
-  watch?: Array<Object>
-}
+export interface gloriousFetchOptions {
+  validationRequest?: any
+  gKey?: String
+  params?: Object
+  server?: Boolean
+  is$?: Boolean
+  lazy?: Boolean
+  headers?: Object
+  body?: Object
+  keepResponse?: Boolean
+  bodyType?: 'formData' | 'formDataCustom' | 'normal'
+  method?: 'POST' | 'GET' | 'PATCH' | 'PUT' | 'DELETE' | 'HEAD'
+  credentials?: 'same-origin' | 'include'
+  watch?: Array<Object>
+}

package/dist/runtime/middlewares/AuthStrategy.mjs

@@ -1,3 +1,11 @@
-import { defineNuxtRouteMiddleware } from "#imports";
+import { defineNuxtRouteMiddleware, useCookie, useNuxtApp } from "#imports";
+import { GloriousStore } from "../stores/GloriousStore.mjs";
 export default defineNuxtRouteMiddleware(() => {
+  const nuxtApp = useNuxtApp();
+  const moduleConfig = nuxtApp.$config.public.glorious;
+  const gs = GloriousStore();
+  if (moduleConfig.auth.strategy.provider === "") return;
+  const cookieToken = useCookie(moduleConfig.auth.cookie.name);
+  if (typeof cookieToken.value === "undefined") return;
+  nuxtApp.hook("app:beforeMount", () => gs.authGetUser(cookieToken.value));
 });

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/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 { default as loadColor } from "../../scripts/store/tc";
 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 loadColor(color, this);
+    },
     formCreate(key) {
       this.forms = {};
       if (typeof key === "string")