@merkaly/nuxt 0.4.5 → 0.6.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,9 +21,10 @@ 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>;

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.6.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,82 +1,167 @@
-import { defineNuxtModule, createResolver, useLogger, addPlugin, addRouteMiddleware, addImportsDir, addComponentsDir, addTypeTemplate } from '@nuxt/kit';
-import { createJiti } from 'jiti';
+import { defineNuxtModule, useLogger, createResolver, addPlugin, addServerHandler, 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", server: true };
+}
+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 configureAppHead(nuxt) {
+  nuxt.options.app?.head?.script?.push({
+    crossorigin: "anonymous",
+    src: "https://kit.fontawesome.com/55a4b2f4e1.js"
+  });
+}
+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") });
+  addServerHandler({
+    handler: resolver.resolve("./runtime/server/middleware/proxy"),
+    middleware: true
+  });
+  addRouteMiddleware({
+    global: options.auth0.requiresAuth,
+    name: "auth",
+    path: resolver.resolve("./runtime/middleware/auth")
+  });
+  addImportsDir(resolver.resolve("./runtime/adapters"));
+  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 module = 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);
+    configureAppHead(nuxt);
+    registerRuntimeFeatures(nuxt, options, resolver);
+    configureVite(nuxt);
   }
 });
 

package/dist/runtime/adapters/create.auth.session.d.ts

@@ -0,0 +1,9 @@
+interface AuthSessionData {
+    expiresAt: string | Date;
+    issuedAt: string | Date;
+    orgId?: string;
+    role: string;
+    userId: string;
+}
+export declare const createAuthSession: (args?: ((args: object) => import("#imports").AdapterArgs<AuthSessionData, Record<string, unknown>, object>) | undefined) => import("#imports").UseApiReturn<AuthSessionData, Record<string, unknown>, object>;
+export {};

package/dist/runtime/adapters/create.auth.session.js

@@ -0,0 +1,14 @@
+import { useAuth } from "#imports";
+import { withAdapter } from "../utils/withAdapter.js";
+export const createAuthSession = withAdapter(() => {
+  const { token } = useAuth();
+  return {
+    default: () => ({}),
+    global: true,
+    headers: {
+      authorization: token.value ? `Bearer ${token.value}` : ""
+    },
+    method: "POST",
+    uri: "/session"
+  };
+});

package/dist/runtime/adapters/delete.auth.session.d.ts

@@ -0,0 +1 @@
+export declare const deleteAuthSession: (args?: ((args: object) => import("../utils/withAdapter.js").AdapterArgs<undefined, Record<string, unknown>, object>) | undefined) => import("../composables/useApi.js").UseApiReturn<undefined, Record<string, unknown>, object>;

package/dist/runtime/adapters/delete.auth.session.js

@@ -0,0 +1,6 @@
+import { withAdapter } from "../utils/withAdapter.js";
+export const deleteAuthSession = withAdapter(() => ({
+  global: true,
+  method: "DELETE",
+  uri: "/session"
+}));

package/dist/runtime/adapters/read.auth.session.d.ts

@@ -0,0 +1,9 @@
+interface AuthSessionData {
+    expiresAt: string | Date;
+    issuedAt: string | Date;
+    orgId?: string;
+    role: string;
+    userId: string;
+}
+export declare const readAuthSession: (args?: ((args: object) => import("../utils/withAdapter.js").AdapterArgs<AuthSessionData, Record<string, unknown>, object>) | undefined) => import("../composables/useApi.js").UseApiReturn<AuthSessionData, Record<string, unknown>, object>;
+export {};

package/dist/runtime/adapters/read.auth.session.js

@@ -0,0 +1,8 @@
+import { withAdapter } from "../utils/withAdapter.js";
+export const readAuthSession = withAdapter(() => ({
+  default: () => ({}),
+  global: true,
+  immediate: false,
+  method: "GET",
+  uri: "/session"
+}));

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

@@ -1,8 +1,8 @@
-declare var __VLS_11: {}, __VLS_13: {};
+declare var __VLS_7: {}, __VLS_9: {};
 type __VLS_Slots = {} & {
-    loading?: (props: typeof __VLS_11) => any;
+    loading?: (props: typeof __VLS_7) => any;
 } & {
-    default?: (props: typeof __VLS_13) => any;
+    default?: (props: typeof __VLS_9) => 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 });
@@ -14,15 +16,14 @@ hook("page:finish", () => regenerate());
 
 <template>
   <main>
-    <NuxtRouteAnnouncer />
-    <BOrchestrator />
+    <BApp>
+      <!-- Mostramos spinner mientras auth se carga -->
+      <slot v-if="isLoading" name="loading" />
 
-    <!-- Mostramos spinner mientras auth se carga -->
-    <slot v-if="isLoading" name="loading" />
-
-    <!-- Renderizamos páginas solo cuando isLoading = false -->
-    <slot v-else>
-      <NuxtPage />
-    </slot>
+      <!-- Renderizamos páginas solo cuando isLoading = false -->
+      <slot v-else>
+        <NuxtPage />
+      </slot>
+    </BApp>
   </main>
 </template>

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

@@ -1,8 +1,8 @@
-declare var __VLS_11: {}, __VLS_13: {};
+declare var __VLS_7: {}, __VLS_9: {};
 type __VLS_Slots = {} & {
-    loading?: (props: typeof __VLS_11) => any;
+    loading?: (props: typeof __VLS_7) => any;
 } & {
-    default?: (props: typeof __VLS_13) => any;
+    default?: (props: typeof __VLS_9) => 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/input/InputMoney.d.vue.ts

@@ -77,9 +77,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     decimal: string;
     min: number;
     max: number;
-    prefix: string;
     placeholder: string;
     precision: number;
+    prefix: string;
     suffix: string;
     thousands: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/input/InputMoney.vue.d.ts

@@ -77,9 +77,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     decimal: string;
     min: number;
     max: number;
-    prefix: string;
     placeholder: string;
     precision: number;
+    prefix: string;
     suffix: string;
     thousands: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -37,9 +37,9 @@ export interface ParamsOptions {
     body?: FetchOptions['body'];
     controller?: AbortController;
     default?: () => unknown;
+    global?: boolean;
     headers?: FetchOptions['headers'];
     method?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
-    prefix?: string;
     query?: FetchOptions['query'];
     timeout?: FetchOptions['timeout'];
 }

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

@@ -1,15 +1,15 @@
-import { defineNuxtPlugin, useRuntimeConfig } from "#app";
+import { defineNuxtPlugin } from "#app";
 import { useAuth } from "#imports";
+const GLOBAL_API_HEADER = "x-merkaly-global";
 export default defineNuxtPlugin(({ provide }) => provide("api", async (url, options = {}) => {
-  const { public: $config } = useRuntimeConfig();
   const { tenant, token } = useAuth();
   await $fetch(url, {
-    // Determine the base URL
-    baseURL: new URL(options.prefix || $config.merkaly.api.prefix || "/", $config.merkaly.api.url).href,
+    baseURL: "/api",
     body: options?.body,
     headers: {
       authorization: token.value ? `Bearer ${token.value}` : "",
       identity: tenant.value,
+      [GLOBAL_API_HEADER]: options.global ? "true" : "",
       ...options?.headers
     },
     method: options?.method,

package/dist/runtime/plugins/auth0.client.js

@@ -40,17 +40,17 @@ export default defineNuxtPlugin(async ({ callHook, hook }) => {
       redirect_uri: redirectUri
     }
   });
-  auth0.linkWithConnection = (connection) => {
-    return linkingClient.loginWithPopup({ authorizationParams: { connection } }).then(() => linkingClient.getIdTokenClaims()).then((claims) => {
-      if (!claims?.sub) {
-        throw new Error("Failed to get ID token for linking");
-      }
-      const [provider, ...userIdParts] = claims.sub.split("|");
-      const userId = userIdParts.join("|");
-      const body = { provider, userId };
-      const { $api } = useNuxtApp();
-      return $api("/identities", { method: "POST", prefix: "/", body });
-    });
+  auth0.linkWithConnection = async (connection) => {
+    await linkingClient.loginWithPopup({ authorizationParams: { connection } });
+    const claims = await linkingClient.getIdTokenClaims();
+    if (!claims?.sub) {
+      throw new Error("Failed to get ID token for linking");
+    }
+    const [provider, ...userIdParts] = claims.sub.split("|");
+    const userId = userIdParts.join("|");
+    const body = { provider, userId };
+    const { $api } = useNuxtApp();
+    return await $api("/identities", { body, global: true, method: "POST" });
   };
   const isAuthCallback = window.location.pathname === callbackPath;
   if (!isAuthCallback) {

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,11 @@
+import { defineNuxtPlugin } from "#app";
+import { setUser } from "@sentry/nuxt";
+export default defineNuxtPlugin(async ({ hook }) => {
+  hook("merkaly:auth", (user) => {
+    return setUser(user ? {
+      id: user.sub,
+      email: user.email,
+      username: user.name
+    } : null);
+  });
+});

package/dist/runtime/server/middleware/proxy.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<any> | undefined>;
+export default _default;

package/dist/runtime/server/middleware/proxy.js

@@ -0,0 +1,34 @@
+import { defineEventHandler, getRequestURL, proxyRequest } from "h3";
+import { useRuntimeConfig } from "#imports";
+const GLOBAL_API_HEADER = "x-merkaly-global";
+const API_PREFIX_PATTERN = /^\/api\/?/;
+const API_ROUTE_PATTERN = /^\/api(?:\/|$)/;
+const EDGE_SLASH_PATTERN = /^\/|\/$/g;
+function normalizeSegment(value) {
+  return value.replace(EDGE_SLASH_PATTERN, "");
+}
+function resolveProxyPath(prefix, pathname, search) {
+  const normalizedPathname = pathname.replace(API_PREFIX_PATTERN, "");
+  return `/${[prefix, normalizedPathname].map(normalizeSegment).filter(Boolean).join("/")}${search}`;
+}
+function isGlobalRequest(value) {
+  if (Array.isArray(value)) {
+    return value.includes("true");
+  }
+  return value === "true";
+}
+export default defineEventHandler((event) => {
+  if (!API_ROUTE_PATTERN.test(event.path)) {
+    return;
+  }
+  const { public: $config } = useRuntimeConfig();
+  const targetOrigin = new URL($config.merkaly.api.url);
+  const url = getRequestURL(event);
+  const prefix = isGlobalRequest(event.node.req.headers[GLOBAL_API_HEADER]) ? "" : $config.merkaly.api.prefix;
+  const path = resolveProxyPath(prefix, url.pathname, url.search);
+  event.node.req.headers["x-forwarded-host"] = url.host;
+  if (import.meta.dev && targetOrigin.hostname.endsWith(".test")) {
+    process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0";
+  }
+  return proxyRequest(event, new URL(path, targetOrigin).toString());
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@merkaly/nuxt",
-  "version": "0.4.5",
+  "version": "0.6.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",