una-nuxt-module 1.0.2 → 1.0.4

package/dist/module.d.mts

@@ -1,6 +1,16 @@
 import * as _nuxt_schema from '@nuxt/schema';
 import { IUnaNuxtModuleOptions } from '../dist/runtime/types/index.js';
 
+declare const CONFIG_KEY = "unaNuxtModule";
+
 declare const _default: _nuxt_schema.NuxtModule<IUnaNuxtModuleOptions, IUnaNuxtModuleOptions, false>;
 
+interface ModulePublicRuntimeConfig {
+    [CONFIG_KEY]: IUnaNuxtModuleOptions;
+}
+declare module "@nuxt/schema" {
+    interface PublicRuntimeConfig extends ModulePublicRuntimeConfig {
+    }
+}
+
 export { _default as default };

package/dist/module.d.ts

@@ -1,6 +1,16 @@
 import * as _nuxt_schema from '@nuxt/schema';
 import { IUnaNuxtModuleOptions } from '../dist/runtime/types/index.js';
 
+declare const CONFIG_KEY = "unaNuxtModule";
+
 declare const _default: _nuxt_schema.NuxtModule<IUnaNuxtModuleOptions, IUnaNuxtModuleOptions, false>;
 
+interface ModulePublicRuntimeConfig {
+    [CONFIG_KEY]: IUnaNuxtModuleOptions;
+}
+declare module "@nuxt/schema" {
+    interface PublicRuntimeConfig extends ModulePublicRuntimeConfig {
+    }
+}
+
 export { _default as default };

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "una-nuxt-module",
+  "version": "1.0.4",
   "configKey": "unaNuxtModule",
-  "version": "1.0.2",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -1,104 +1,136 @@
-import { defineNuxtModule, createResolver, useLogger, extendPages, addLayout, addComponentsDir, addImportsDir, addPlugin, addRouteMiddleware } from '@nuxt/kit';
+import { createResolver, defineNuxtModule, useLogger, extendPages, addLayout, addComponentsDir, addImportsDir, addPlugin, addRouteMiddleware, hasNuxtModule } from '@nuxt/kit';
+
+const name = "una-nuxt-module";
+const version = "1.0.4";
+
+function resolve(path) {
+  const resolver = createResolver(import.meta.url);
+  return resolver.resolve(`./runtime/${path}`);
+}
+
+const CONFIG_KEY = "unaNuxtModule";
+const PAGES_CONFIG = [
+  {
+    name: "401",
+    path: "/401",
+    file: resolve("pages/401.vue")
+  },
+  {
+    name: "403",
+    path: "/403",
+    file: resolve("pages/403.vue")
+  },
+  {
+    name: "ssoCallback",
+    path: "/auth/sso/login",
+    file: resolve("pages/ssoCallback.vue")
+  }
+];
+const LAYOUTS_CONFIG = [
+  { src: resolve("layouts/default.vue"), name: "default" },
+  { src: resolve("layouts/empty.vue"), name: "empty" }
+];
+const PLUGINS_CONFIG = [
+  { name: "auth", src: resolve("plugins/auth"), mode: "client" },
+  { name: "vue-json", src: resolve("plugins/vue-json"), mode: "client" }
+];
+const MIDDLEWARE_CONFIG = [
+  {
+    name: "authentication",
+    path: resolve("middleware/authentication"),
+    global: true
+  },
+  {
+    name: "authorization",
+    path: resolve("middleware/authorization"),
+    global: true
+  }
+];
+const AUTO_IMPORT_DIRS = [
+  "composables",
+  "constants",
+  "enums",
+  "stores",
+  "types",
+  "utils"
+];
 
 const module = defineNuxtModule({
   meta: {
-    name: "una-nuxt-module",
-    configKey: "unaNuxtModule"
+    name: name,
+    version: version,
+    configKey: CONFIG_KEY
   },
-  // Default configuration options of the Nuxt module
   defaults: {},
   setup(_options, _nuxt) {
-    const resolver = createResolver(import.meta.url);
-    function resolve(path) {
-      return resolver.resolve(`./runtime/${path}`);
-    }
-    const logger = useLogger("una-nuxt-module");
-    logger.box("Module: una-nuxt-module");
-    logger.start("Module registration started...");
-    _nuxt.options.nitro.publicAssets = [
-      {
-        dir: resolver.resolve("./runtime/public")
-      }
-    ];
-    logger.ready("public assets added");
-    extendPages((pages) => {
-      pages.push(
-        {
-          name: "401",
-          path: "/401",
-          file: resolve("pages/401.vue")
-        },
-        {
-          name: "403",
-          path: "/403",
-          file: resolve("pages/403.vue")
-        },
-        {
-          name: "ssoCallback",
-          path: "/auth/sso/login",
-          file: resolve("pages/ssoCallback.vue")
-        }
+    const LOGGER = useLogger(name);
+    const setupModuleBase = () => {
+      LOGGER.box(`Module: ${name} v${version}`);
+      LOGGER.start("Module registration started...");
+    };
+    const setupPublicAssets = () => {
+      _nuxt.options.nitro.publicAssets = [{ dir: resolve("public") }];
+      LOGGER.success("Public assets added");
+    };
+    const setupPages = () => {
+      extendPages((currentPages) => {
+        currentPages.push(...PAGES_CONFIG);
+      });
+      LOGGER.success("Custom pages added: ['/401', '/403', '/auth/sso/login']");
+    };
+    const setupLayouts = () => {
+      LAYOUTS_CONFIG.forEach((layout) => addLayout(layout, layout.name));
+      LOGGER.success("Layouts added: ['default', 'empty']");
+    };
+    const setupComponents = () => {
+      addComponentsDir({
+        path: resolve("components"),
+        pathPrefix: false,
+        global: true
+      });
+      LOGGER.success("Global components added");
+    };
+    const setupAutoImports = () => {
+      addImportsDir(AUTO_IMPORT_DIRS.map((dir) => resolve(dir)));
+      LOGGER.success(
+        `Auto-import directories added: [${AUTO_IMPORT_DIRS.join(", ")}]`
       );
-    });
-    logger.ready("pages ['/401', '/403', '/auth/sso/login'] added");
-    addLayout({ src: resolve("layouts/default.vue") }, "default");
-    logger.ready("layout default added");
-    addLayout({ src: resolve("layouts/empty.vue") }, "empty");
-    logger.ready("layout empty added");
-    addComponentsDir({
-      path: resolve("components"),
-      pathPrefix: false,
-      global: true
-    });
-    logger.ready("components added");
-    addImportsDir([
-      resolve("composables"),
-      resolve("constants"),
-      resolve("enums"),
-      resolve("stores"),
-      resolve("types"),
-      resolve("utils")
-    ]);
-    logger.ready(
-      "[composables, constants, enums, stores, types, utils]  added"
-    );
-    addPlugin({
-      name: "auth",
-      src: resolve("plugins/auth"),
-      mode: "client"
-    });
-    logger.ready("plugin auth added");
-    addPlugin({
-      name: "vue-json",
-      src: resolve("plugins/vue-json"),
-      mode: "client"
-    });
-    logger.ready("plugin vue-json added");
-    addRouteMiddleware({
-      name: "authentication",
-      path: resolve("middleware/authentication"),
-      global: true
-    });
-    logger.ready("middleware authentication added");
-    addRouteMiddleware({
-      name: "authorization",
-      path: resolve("middleware/authorization"),
-      global: true
-    });
-    logger.ready("middleware authorization added");
-    _nuxt.hook("i18n:registerModule", (register) => {
-      register({
-        langDir: resolve("./i18n/locales"),
-        locales: [
-          {
-            code: "es",
-            file: "es.json"
-          }
-        ]
+    };
+    const setupPlugins = () => {
+      PLUGINS_CONFIG.forEach((plugin) => addPlugin(plugin));
+      LOGGER.success("Plugins added: ['auth', 'vue-json']");
+    };
+    const setupMiddleware = () => {
+      MIDDLEWARE_CONFIG.forEach((middleware) => addRouteMiddleware(middleware));
+      LOGGER.success("Middleware added: ['authentication', 'authorization']");
+    };
+    const setupI18n = () => {
+      if (!hasNuxtModule("@nuxtjs/i18n", _nuxt)) {
+        throw new Error("@nuxtjs/i18n module is required but not installed");
+      }
+      _nuxt.hook("i18n:registerModule", (register) => {
+        register({
+          langDir: resolve("i18n/locales"),
+          locales: [{ code: "es", file: "es.json" }]
+        });
       });
-    });
-    logger.ready("i18n messages extended");
-    logger.start("Module registration completed...\n");
+      LOGGER.success("i18n configuration completed");
+    };
+    try {
+      setupModuleBase();
+      setupPublicAssets();
+      setupPages();
+      setupLayouts();
+      setupComponents();
+      setupAutoImports();
+      setupPlugins();
+      setupMiddleware();
+      setupI18n();
+      LOGGER.success("Module setup completed successfully\n");
+    } catch (error) {
+      LOGGER.error("Module setup failed");
+      throw error;
+    }
   }
 });
 

package/dist/runtime/assets/scss/styles.css

@@ -104,6 +104,10 @@ html {
     padding: 40px 0;
   }
 }
+.page-wrapper {
+  background: rgb(255, 255, 255);
+}
+
 .cursor-pointer {
   cursor: pointer;
 }
@@ -248,76 +252,6 @@ html {
   color: rgb(255, 255, 255) !important;
 }
 
-.themeDefault,
-.themeDarkDefault {
-  border: 1px solid #1677ff;
-  background-color: #1677ff;
-}
-
-.themeLightTheme1,
-.themeDark1 {
-  border: 1px solid #3366ff;
-  background-color: #3366ff;
-}
-
-.themeLightTheme2,
-.themeDark2 {
-  border: 1px solid #7265e6;
-  background-color: #7265e6;
-}
-
-.themeLightTheme3,
-.themeDark3 {
-  border: 1px solid #068e44;
-  background-color: #068e44;
-}
-
-.themeLightTheme4,
-.themeDark4 {
-  border: 1px solid #3c64d0;
-  background-color: #3c64d0;
-}
-
-.themeLightTheme5,
-.themeDark5 {
-  border: 1px solid #f27013;
-  background-color: #f27013;
-}
-
-.themeLightTheme6,
-.themeDark6 {
-  border: 1px solid #2aa1af;
-  background-color: #2aa1af;
-}
-
-.themeLightTheme7,
-.themeDark7 {
-  border: 1px solid #00a854;
-  background-color: #00a854;
-}
-
-.themeLightTheme8,
-.themeDark8 {
-  border: 1px solid #009688;
-  background-color: #009688;
-}
-
-body {
-  font-family: "Public sans", sans-serif;
-}
-body .Roboto {
-  font-family: "Roboto", sans-serif !important;
-}
-body .Poppins {
-  font-family: "Poppins", sans-serif !important;
-}
-body .Inter {
-  font-family: "Inter", sans-serif !important;
-}
-body .Public {
-  font-family: "Public sans", sans-serif !important;
-}
-
 @keyframes slideY {
   0%, 50%, 100% {
     transform: translateY(0px);
@@ -477,9 +411,6 @@ body .Public {
     width: 40px;
     overflow: hidden;
   }
-  .mini-sidebar .leftSidebar:hover {
-    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08) !important;
-  }
   .mini-sidebar .v-navigation-drawer--expand-on-hover:hover .logo {
     width: 100%;
   }
@@ -573,25 +504,6 @@ body .Public {
   font-size: 18px !important;
 }
 
-.v-alert--variant-tonal.with-border.text-primary {
-  border: 1px solid rgba(var(--v-theme-primary), 0.3);
-}
-.v-alert--variant-tonal.with-border.text-secondary {
-  border: 1px solid rgba(var(--v-theme-secondary), 0.3);
-}
-.v-alert--variant-tonal.with-border.text-success {
-  border: 1px solid rgba(var(--v-theme-success), 0.3);
-}
-.v-alert--variant-tonal.with-border.text-info {
-  border: 1px solid rgba(var(--v-theme-info), 0.3);
-}
-.v-alert--variant-tonal.with-border.text-warning {
-  border: 1px solid rgba(var(--v-theme-warning), 0.3);
-}
-.v-alert--variant-tonal.with-border.text-error {
-  border: 1px solid rgba(var(--v-theme-error), 0.3);
-}
-
 @media (max-width: 500px) {
   .single-line-alert {
     display: flex;
@@ -642,33 +554,6 @@ body .Public {
   border-top: 1px solid rgb(var(--v-theme-borderLight));
 }
 
-.v-btn.bg-lightprimary:hover, .v-btn.bg-lightprimary:active, .v-btn.bg-lightprimary:focus {
-  background-color: rgb(var(--v-theme-primary)) !important;
-  color: #fff !important;
-}
-.v-btn.bg-lightsecondary:hover, .v-btn.bg-lightsecondary:active, .v-btn.bg-lightsecondary:focus {
-  background-color: rgb(var(--v-theme-secondary)) !important;
-  color: #fff !important;
-}
-.v-btn.text-facebook:hover, .v-btn.text-facebook:active, .v-btn.text-facebook:focus {
-  background-color: rgb(var(--v-theme-facebook)) !important;
-  color: #fff !important;
-}
-.v-btn.text-twitter:hover, .v-btn.text-twitter:active, .v-btn.text-twitter:focus {
-  background-color: rgb(var(--v-theme-twitter)) !important;
-  color: #fff !important;
-}
-.v-btn.text-linkedin:hover, .v-btn.text-linkedin:active, .v-btn.text-linkedin:focus {
-  background-color: rgb(var(--v-theme-linkedin)) !important;
-  color: #fff !important;
-}
-
-.v-btn {
-  text-transform: capitalize;
-  letter-spacing: 0;
-  font-weight: 400;
-}
-
 .v-btn--icon.v-btn--density-default {
   width: calc(var(--v-btn-height) + 6px);
   height: calc(var(--v-btn-height) + 6px);
@@ -686,30 +571,6 @@ body .Public {
   border-inline-end-color: rgba(var(--v-border-color), 1);
 }
 
-.primary-dashed {
-  border: 1px dashed rgb(var(--v-theme-primary));
-}
-
-.secondary-dashed {
-  border: 1px dashed rgb(var(--v-theme-secondary));
-}
-
-.success-dashed {
-  border: 1px dashed rgb(var(--v-theme-success));
-}
-
-.info-dashed {
-  border: 1px dashed rgb(var(--v-theme-info));
-}
-
-.warning-dashed {
-  border: 1px dashed rgb(var(--v-theme-warning));
-}
-
-.error-dashed {
-  border: 1px dashed rgb(var(--v-theme-error));
-}
-
 .v-card--variant-outlined {
   border-color: rgba(var(--v-theme-borderLight), 1);
 }
@@ -717,14 +578,6 @@ body .Public {
   border-color: rgba(var(--v-theme-borderLight), 0.8);
 }
 
-.v-card-text {
-  padding: 20px;
-}
-
-.v-card-actions {
-  padding: 14px 20px 14px;
-}
-
 .v-card {
   width: 100%;
   overflow: visible;
@@ -739,10 +592,6 @@ body .Public {
   overflow: hidden;
 }
 
-.v-card-item {
-  padding: 20px;
-}
-
 .v-card-subtitle {
   font-size: 0.75rem;
 }
@@ -752,28 +601,6 @@ body .Public {
   border: 1px solid rgba(var(--v-theme-borderLight), 1);
 }
 
-.v-chip.v-chip--variant-tonal.combined {
-  border: 1px solid rgba(var(--v-theme-secondary), 0.5);
-}
-.v-chip.v-chip--variant-tonal.combined.text-primary {
-  border: 1px solid rgba(var(--v-theme-primary), 0.5);
-}
-.v-chip.v-chip--variant-tonal.combined.text-secondary {
-  border: 1px solid rgba(var(--v-theme-secondary), 0.5);
-}
-.v-chip.v-chip--variant-tonal.combined.text-success {
-  border: 1px solid rgba(var(--v-theme-success), 0.5);
-}
-.v-chip.v-chip--variant-tonal.combined.text-info {
-  border: 1px solid rgba(var(--v-theme-info), 0.5);
-}
-.v-chip.v-chip--variant-tonal.combined.text-warning {
-  border: 1px solid rgba(var(--v-theme-warning), 0.5);
-}
-.v-chip.v-chip--variant-tonal.combined.text-error {
-  border: 1px solid rgba(var(--v-theme-error), 0.5);
-}
-
 .v-badge__badge {
   min-width: 16px;
   height: 16px;
@@ -801,16 +628,6 @@ body .Public {
   margin-right: -10px;
 }
 
-.v-field--variant-outlined .v-field__outline__start.v-locale--is-ltr,
-.v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
-  border-radius: 4px 0 0 4px;
-}
-
-.v-field--variant-outlined .v-field__outline__end.v-locale--is-ltr,
-.v-locale--is-ltr .v-field--variant-outlined .v-field__outline__end {
-  border-radius: 0 4px 4px 0;
-}
-
 .v-input--density-default:not(.v-autocomplete--multiple),
 .v-field--variant-solo,
 .v-field--variant-filled {
@@ -876,56 +693,6 @@ textarea.v-field__input {
   display: none;
 }
 
-.elevation-24 {
-  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08) !important;
-}
-
-.v-menu > .v-overlay__content > .v-sheet {
-  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
-}
-
-.primary-shadow {
-  box-shadow: 0 14px 12px rgba(var(--v-theme-primary), 0.2);
-}
-.primary-shadow:hover {
-  box-shadow: none;
-}
-
-.secondary-shadow {
-  box-shadow: 0 14px 12px rgba(var(--v-theme-secondary), 0.2);
-}
-.secondary-shadow:hover {
-  box-shadow: none;
-}
-
-.success-shadow {
-  box-shadow: 0 14px 12px rgba(var(--v-theme-success), 0.2);
-}
-.success-shadow:hover {
-  box-shadow: none;
-}
-
-.info-shadow {
-  box-shadow: 0 14px 12px rgba(var(--v-theme-info), 0.2);
-}
-.info-shadow:hover {
-  box-shadow: none;
-}
-
-.warning-shadow {
-  box-shadow: 0 14px 12px rgba(var(--v-theme-warning), 0.2);
-}
-.warning-shadow:hover {
-  box-shadow: none;
-}
-
-.error-shadow {
-  box-shadow: 0 14px 12px rgba(var(--v-theme-error), 0.2);
-}
-.error-shadow:hover {
-  box-shadow: none;
-}
-
 .v-text-field input {
   font-size: 0.875rem;
 }

package/dist/runtime/classes/FetchClient.d.ts

@@ -1,5 +1,5 @@
-import type { IFetchParams } from "#imports";
 import type { $Fetch } from "ofetch";
+import type { IApiCallWithAsyncData, IFetchParams } from "../types/index.js";
 /**
  * Clase que gestiona las peticiones HTTP .
  * Proporciona una forma sencilla de realizar llamadas a APIs con configuración opcional.
@@ -57,5 +57,5 @@ export declare class FetchClient {
      *   }
      * }
      */
-    call<T>({ method, url, body, fetchOptions, }: IFetchParams): Promise<any>;
+    call<T = unknown>(params: IFetchParams): Promise<IApiCallWithAsyncData<T>>;
 }

package/dist/runtime/classes/FetchClient.js

@@ -1,4 +1,5 @@
-import { ERequestMethod, useAsyncData } from "#imports";
+import { ERequestMethod } from "../enums/index.js";
+import { useAsyncData } from "#app";
 export class FetchClient {
   /** Instancia de $fetch utilizada para realizar las peticiones HTTP. */
   $fetch;
@@ -54,12 +55,13 @@ export class FetchClient {
    *   }
    * }
    */
-  async call({
-    method = ERequestMethod.GET,
-    url,
-    body,
-    fetchOptions
-  }) {
+  async call(params) {
+    const {
+      method = ERequestMethod.GET,
+      url,
+      body = void 0,
+      fetchOptions = {}
+    } = params;
     return useAsyncData(() => {
       return this.$fetch(url, {
         method,

package/dist/runtime/components/layout/header/BtnExtendMenu.vue

@@ -20,7 +20,7 @@ const extendMenuIcon = computed(() => {
 });
 
 const handleClick = () => {
-  uiCustomizer.SET_IS_SIDEBAR_MINI(!uiCustomizer.isSidebarMini);
+  uiCustomizer.toggleSidebar();
 };
 </script>
 

package/dist/runtime/components/shared/authorization/AuthorizedRenderer.vue

@@ -23,11 +23,13 @@ const props = defineProps({
  * Método que valida si el contenido se debe renderizar.
  */
 const renderContent = (): boolean => {
+  const authorization = useAuthorization();
+
   // Si el recurso no esta definido por props toma la ruta actual como recurso
-  const resource = props.resource ?? useAuthorization().currentResource.value;
+  const resource = props.resource ?? authorization.currentResource.value;
 
   // Valida si el usuario tiene la autorización en el recurso
-  const hasAuthorization = useAuthorization().hasAuthorizationIn({
+  const hasAuthorization = authorization.hasAuthorizationIn({
     authorization: props.authorization,
     resource,
   });

package/dist/runtime/components/shared/dialogs/DialogConfirmDelete.vue

@@ -20,13 +20,13 @@
 </template>
 
 <script lang="ts" setup>
-import { useAppStatusStore } from "../../../stores/appStatus";
+import { useAppStatusStore } from "#imports";
 
 const appStatusStore = useAppStatusStore();
 
 const emit = defineEmits(["on-delete"]);
 
 const handleCancel = () => {
-  appStatusStore.SET_OPEN_DIALOG_DELETE(false);
+  appStatusStore.setOpenDialogDelete(false);
 };
 </script>

package/dist/runtime/components/shared/dialogs/DialogExportTable.vue

@@ -30,6 +30,8 @@
 </template>
 
 <script lang="ts" setup>
+import { ref, useAppStatusStore } from "#imports";
+
 const appStatusStore = useAppStatusStore();
 
 const exportTypesSelected = ref([0]);
@@ -37,6 +39,6 @@ const exportTypesSelected = ref([0]);
 const emit = defineEmits(["on-export"]);
 
 const handleCancel = () => {
-  appStatusStore.SET_OPEN_DIALOG_EXPORT(false);
+  appStatusStore.setOpenDialogExport(false);
 };
 </script>