@merkaly/nuxt 0.4.5 → 0.5.0

package/dist/module.d.mts

@@ -4,6 +4,10 @@ export { AdapterArgs, AdapterOptions } from '../dist/runtime/utils/withAdapter.j
 export { ApiOptions, HooksOptions, ParamsOptions, RefOptions } from '../dist/runtime/plugins/api.global.js';
 
 interface MerkalyModuleOptions {
+    api: {
+        url: string;
+        prefix?: string;
+    };
     auth0: {
         audience: string;
         callbackUrl: string;
@@ -17,12 +21,13 @@ interface MerkalyModuleOptions {
         domain: string;
         localhost: string;
     };
-    api: {
-        url: string;
-        prefix?: string;
+    sentry: {
+        dsn: string;
+        project: string;
+        token: string;
     };
 }
-declare const _default: _nuxt_schema.NuxtModule<MerkalyModuleOptions, MerkalyModuleOptions, false>;
+declare const merkalyModule: _nuxt_schema.NuxtModule<MerkalyModuleOptions, MerkalyModuleOptions, false>;
 
-export { _default as default };
+export { merkalyModule as default };
 export type { MerkalyModuleOptions };

package/dist/module.json

@@ -2,9 +2,9 @@
   "name": "@merkaly/nuxt",
   "configKey": "merkaly",
   "compatibility": {
-    "nuxt": ">=3.0.0"
+    "nuxt": ">=3.14.0"
   },
-  "version": "0.4.5",
+  "version": "0.5.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,83 +1,156 @@
-import { defineNuxtModule, createResolver, useLogger, addPlugin, addRouteMiddleware, addImportsDir, addComponentsDir, addTypeTemplate } from '@nuxt/kit';
-import { createJiti } from 'jiti';
+import { defineNuxtModule, useLogger, createResolver, addPlugin, addRouteMiddleware, addImportsDir, addComponentsDir, addTypeTemplate } from '@nuxt/kit';
 import { defu } from 'defu';
+import { createJiti } from 'jiti';
 import { existsSync } from 'node:fs';
 import svgLoader from 'vite-svg-loader';
 import 'reflect-metadata';
 
-const module = defineNuxtModule({
-  defaults: {
-    auth0: {
-      audience: "",
-      callbackUrl: "/auth",
-      client: "",
-      domain: "",
-      logoutUrl: "/",
-      params: {},
-      requiresAuth: false
-    },
-    plausible: {
-      domain: "",
-      localhost: ""
-    },
-    api: {
-      url: "/",
-      prefix: "/"
-    }
+const defaultOptions = {
+  api: {
+    url: "/",
+    prefix: "/"
   },
-  meta: { name: "@merkaly/nuxt", configKey: "merkaly", compatibility: { nuxt: ">=3.0.0" } },
-  moduleDependencies(nuxt) {
-    const dependencies = {
-      "@bootstrap-vue-next/nuxt": {},
-      "@nuxt/eslint": {},
-      "@nuxt/fonts": {},
-      "@nuxt/image": {},
-      "@vueuse/nuxt": {}
-    };
-    if (nuxt.options.merkaly?.plausible) {
-      dependencies["@nuxtjs/plausible"] = {};
-    }
-    return dependencies;
+  auth0: {
+    audience: "",
+    callbackUrl: "/auth",
+    client: "",
+    domain: "",
+    logoutUrl: "/",
+    params: {},
+    requiresAuth: false
   },
-  async setup(options, nuxt) {
-    const moduleResolver = createResolver(import.meta.url);
-    const rootResolver = createResolver(nuxt.options.rootDir);
-    nuxt.options.runtimeConfig.public.merkaly = defu(options, nuxt.options.runtimeConfig.public.merkaly || {});
-    nuxt.options.plausible = defu({
+  plausible: {
+    domain: "",
+    localhost: ""
+  },
+  sentry: {
+    dsn: "",
+    project: "",
+    token: ""
+  }
+};
+function hasPlausibleConfig(options) {
+  return Boolean(options.plausible?.domain);
+}
+function buildModuleDependencies(options) {
+  const dependencies = {
+    "@bootstrap-vue-next/nuxt": {},
+    "@nuxt/eslint": {},
+    "@nuxt/fonts": {},
+    "@nuxt/image": {},
+    "@sentry/nuxt/module": {},
+    "@vueuse/nuxt": {}
+  };
+  if (hasPlausibleConfig(options)) {
+    dependencies["@nuxtjs/plausible"] = {};
+  }
+  const logger = useLogger("@merkaly/nuxt");
+  Object.keys(dependencies).forEach((it) => logger.info(`Loaded ${it} module`));
+  return dependencies;
+}
+function configureRuntimeConfig(nuxt, options) {
+  nuxt.options.runtimeConfig.public.merkaly = defu(
+    options,
+    nuxt.options.runtimeConfig.public.merkaly || {}
+  );
+}
+function configurePlausible(nuxt, options) {
+  nuxt.options.plausible = defu(
+    {
       apiHost: "https://analytics.merkaly.io",
       domain: options.plausible?.domain,
       enableAutoOutboundTracking: true,
       enableAutoPageviews: true,
-      enabled: process.env.NODE_ENV === "production",
-      // ✅ Solo en producción
-      ignoredHostnames: ["localhost"].concat(options.plausible?.localhost || "").filter(Boolean)
-    }, nuxt.options.plausible || {});
+      enabled: process.env.NODE_ENV === "production" && hasPlausibleConfig(options),
+      ignoredHostnames: ["localhost", options.plausible?.localhost].filter(Boolean)
+    },
+    nuxt.options.plausible || {}
+  );
+}
+function configureSentry(nuxt, options) {
+  nuxt.options.sentry = defu({
+    authToken: options.sentry.token,
+    org: "merkaly",
+    project: options.sentry.project
+  });
+  nuxt.options.sourcemap = { client: "hidden" };
+}
+async function loadBootstrapConfig(nuxt) {
+  const rootDirResolver = createResolver(nuxt.options.rootDir);
+  const bootstrapConfigPath = rootDirResolver.resolve("bootstrap.config.ts");
+  if (!existsSync(bootstrapConfigPath)) {
+    return {};
+  }
+  const jiti = createJiti(import.meta.url);
+  const imported = await jiti.import(bootstrapConfigPath).catch(() => ({}));
+  return imported.default || {};
+}
+function configureBootstrapVueNext(nuxt, components) {
+  nuxt.options.bootstrapVueNext = defu(
+    nuxt.options.bootstrapVueNext || {},
+    {
+      plugin: {
+        components
+      }
+    }
+  );
+}
+function registerRuntimeFeatures(nuxt, options, resolver) {
+  addPlugin({ src: resolver.resolve("./runtime/plugins/api.global") });
+  addPlugin({ src: resolver.resolve("./runtime/plugins/auth0.client") });
+  addPlugin({ src: resolver.resolve("./runtime/plugins/sentry.global") });
+  addRouteMiddleware({
+    global: options.auth0.requiresAuth,
+    name: "auth",
+    path: resolver.resolve("./runtime/middleware/auth")
+  });
+  addImportsDir(resolver.resolve("./runtime/composables"));
+  addImportsDir(resolver.resolve("./runtime/utils"));
+  addComponentsDir({
+    path: resolver.resolve("./runtime/components"),
+    prefix: "MK"
+  });
+  addTypeTemplate({
+    filename: "types/merkaly.d.ts",
+    src: resolver.resolve("./runtime/types/nuxt.d.ts")
+  });
+}
+function configureVite(nuxt) {
+  nuxt.options.vite = defu(
+    nuxt.options.vite || {},
+    {
+      plugins: [svgLoader()]
+    }
+  );
+}
+const merkalyModule = defineNuxtModule({
+  defaults: defaultOptions,
+  meta: {
+    name: "@merkaly/nuxt",
+    configKey: "merkaly",
+    compatibility: { nuxt: ">=3.14.0" }
+  },
+  moduleDependencies(nuxt) {
+    const options = defu(
+      nuxt.options.merkaly || {},
+      defaultOptions
+    );
+    return buildModuleDependencies(options);
+  },
+  async setup(options, nuxt) {
     const logger = useLogger("@merkaly/nuxt");
-    const bootstrapConfigPath = rootResolver.resolve("bootstrap.config.ts");
-    logger.info(`Loading bootstrap.config.ts from: ${bootstrapConfigPath} (exists: ${existsSync(bootstrapConfigPath)})`);
-    const jiti = createJiti(import.meta.url);
-    const BootstrapConfig = await jiti.import(bootstrapConfigPath).then((m) => m.default || {}).catch(() => ({}));
-    logger.info(`Bootstrap config keys: ${Object.keys(BootstrapConfig).join(", ") || "(empty)"}`);
-    nuxt.options["bootstrapVueNext"] = defu(nuxt.options["bootstrapVueNext"] || {}, { plugin: { components: BootstrapConfig } });
-    addPlugin({ src: moduleResolver.resolve("./runtime/plugins/api.global") });
-    addPlugin({ src: moduleResolver.resolve("./runtime/plugins/auth0.client"), mode: "client" });
-    addRouteMiddleware({
-      global: options.auth0.requiresAuth,
-      name: "auth",
-      path: moduleResolver.resolve("./runtime/middleware/auth")
-    });
-    addImportsDir(moduleResolver.resolve("./runtime/composables"));
-    addImportsDir(moduleResolver.resolve("./runtime/utils"));
-    addComponentsDir({
-      path: moduleResolver.resolve("./runtime/components"),
-      prefix: "MK"
-    });
-    nuxt.options["vite"] = defu(nuxt.options["vite"] || {}, { plugins: [svgLoader()] });
-    addTypeTemplate({
-      filename: "types/merkaly.d.ts",
-      src: moduleResolver.resolve("./runtime/types/nuxt.d.ts")
-    });
+    const resolver = createResolver(import.meta.url);
+    configureRuntimeConfig(nuxt, options);
+    configurePlausible(nuxt, options);
+    configureSentry(nuxt, options);
+    const bootstrapComponentsConfig = await loadBootstrapConfig(nuxt);
+    if (Object.keys(bootstrapComponentsConfig).length > 0) {
+      logger.info("Loading bootstrap.config.ts");
+    }
+    configureBootstrapVueNext(nuxt, bootstrapComponentsConfig);
+    registerRuntimeFeatures(nuxt, options, resolver);
+    configureVite(nuxt);
   }
 });
 
-export { module as default };
+export { merkalyModule as default };

package/dist/runtime/components/app.d.vue.ts

@@ -1,8 +1,8 @@
-declare var __VLS_11: {}, __VLS_13: {};
+declare var __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
-    loading?: (props: typeof __VLS_11) => any;
+    loading?: (props: typeof __VLS_8) => any;
 } & {
-    default?: (props: typeof __VLS_13) => any;
+    default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/app.vue

@@ -3,9 +3,11 @@ import { useRoute } from "#app";
 import { useAuth, watchOnce, addRouteMiddleware, useNuxtApp } from "#imports";
 import AuthMiddleware from "../middleware/auth";
 import { useNavigation } from "../composables/useNavigation";
+import { useColorMode } from "@vueuse/core";
 const $route = useRoute();
 const { isLoading } = useAuth();
 const { hook } = useNuxtApp();
+useColorMode({ attribute: "data-bs-theme" });
 watchOnce(isLoading, () => AuthMiddleware($route, $route));
 const { defer, regenerate } = useNavigation();
 addRouteMiddleware("navigation", (to) => defer(to), { global: true });
@@ -13,10 +15,7 @@ hook("page:finish", () => regenerate());
 </script>
 
 <template>
-  <main>
-    <NuxtRouteAnnouncer />
-    <BOrchestrator />
-
+  <BApp>
     <!-- Mostramos spinner mientras auth se carga -->
     <slot v-if="isLoading" name="loading" />
 
@@ -24,5 +23,5 @@ hook("page:finish", () => regenerate());
     <slot v-else>
       <NuxtPage />
     </slot>
-  </main>
+  </BApp>
 </template>

package/dist/runtime/components/app.vue.d.ts

@@ -1,8 +1,8 @@
-declare var __VLS_11: {}, __VLS_13: {};
+declare var __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
-    loading?: (props: typeof __VLS_11) => any;
+    loading?: (props: typeof __VLS_8) => any;
 } & {
-    default?: (props: typeof __VLS_13) => any;
+    default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/plugins/sentry.global.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/plugins/sentry.global.js

@@ -0,0 +1,14 @@
+import { defineNuxtPlugin } from "#app";
+import { setUser } from "@sentry/nuxt";
+export default defineNuxtPlugin(async ({ hook }) => {
+  hook("merkaly:auth", (user) => {
+    if (!user) {
+      return setUser(null);
+    }
+    return setUser({
+      id: user.sub,
+      email: user.email,
+      username: user.name
+    });
+  });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@merkaly/nuxt",
-  "version": "0.4.5",
+  "version": "0.5.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/merkaly-io/nuxt.git"
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@auth0/auth0-spa-js": "^2.17.0",
-    "@bootstrap-vue-next/nuxt": "^0.43.0",
+    "@bootstrap-vue-next/nuxt": "^0.44.1",
     "@nuxt/devtools": "^3.2.1",
     "@nuxt/eslint": "1.15.1",
     "@nuxt/eslint-config": "^1.15.1",
@@ -51,6 +51,7 @@
     "@nuxt/image": "^2.0.0",
     "@nuxt/kit": "^4.4.2",
     "@nuxtjs/plausible": "^3.0.1",
+    "@sentry/nuxt": "^10.47.0",
     "@types/node": "latest",
     "@types/vue-select": "^3.16.8",
     "@vueuse/components": "^14.2.0",
@@ -58,7 +59,7 @@
     "@vueuse/integrations": "^14.2.0",
     "@vueuse/nuxt": "^14.2.0",
     "bootstrap": "^5.3.8",
-    "bootstrap-vue-next": "^0.43.0",
+    "bootstrap-vue-next": "^0.44.1",
     "change-case": "^5",
     "class-transformer": "^0.5.1",
     "class-validator": "^0.15.1",