@nuxtjs/better-auth 0.3.8 → 0.3.10

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtjs/better-auth",
-  "version": "0.3.8",
+  "version": "0.3.10",
   "configKey": "auth",
   "compatibility": {
     "nuxt": ">=4.0.0"

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { existsSync, readFileSync, statSync, writeFileSync } from 'node:fs';
 import { mkdir, writeFile } from 'node:fs/promises';
-import { getLayerDirectories, resolveServerVariant, hasNuxtCompatibility, updateTemplates, addServerImports, addServerHandler, addNitroPlugin, addImports, addPlugin, addComponentsDir, addRouteMiddleware, extendPages, addTemplate, hasNuxtModule, addTypeTemplate, defineNuxtModule, createResolver, getNitroVersion } from '@nuxt/kit';
+import { getLayerDirectories, resolveServerVariant, hasNuxtCompatibility, hasNuxtModuleCompatibility, updateTemplates, addServerImports, addServerHandler, addNitroPlugin, addImports, addPlugin, addComponentsDir, addRouteMiddleware, extendPages, addTemplate, hasNuxtModule, addTypeTemplate, defineNuxtModule, createResolver, getNitroVersion } from '@nuxt/kit';
 import { consola as consola$1 } from 'consola';
 import { defineDiagnostics, Diagnostic, formatDiagnostic } from 'nostics';
 import { isAbsolute, join, resolve, relative, dirname } from 'pathe';
@@ -13,7 +13,7 @@ import { isCI, isTest } from 'std-env';
 import { isInternalAssetPath } from '../dist/runtime/internal/auth-route-rules.js';
 export { defineClientAuth, defineServerAuth } from '../dist/runtime/config.js';
 
-const version = "0.3.8";
+const version = "0.3.10";
 
 const CONFIG_EXTENSIONS = [".ts", ".js", ".mts", ".cts", ".mjs", ".cjs"];
 const CONFIG_EXTENSION_RE = /\.[cm]?[jt]s$/;
@@ -152,6 +152,17 @@ function resolveAuthPluginSources(nuxt) {
   return resolved;
 }
 
+function exportedNames(declaration) {
+  const names = /* @__PURE__ */ new Set();
+  for (const [, specifiers] of declaration.matchAll(/\bexport\s+(?:type\s+)?\{([^}]*)\}/g)) {
+    for (const specifier of specifiers.split(",")) {
+      const name = specifier.trim().replace(/^type\s+/, "").split(/\s+as\s+/).pop()?.trim();
+      if (name)
+        names.add(name);
+    }
+  }
+  return names;
+}
 function selectNitro3RouteRulesTarget(nitroTypesDeclaration, resolveH3Rules) {
   if (/\binterface\s+NitroRouteConfig\b/.test(nitroTypesDeclaration)) {
     return {
@@ -160,6 +171,14 @@ function selectNitro3RouteRulesTarget(nitroTypesDeclaration, resolveH3Rules) {
       rulesInterface: "NitroRouteRules"
     };
   }
+  const exported = exportedNames(nitroTypesDeclaration);
+  if (exported.has("RouteRuleConfig") && exported.has("RouteRules")) {
+    return {
+      moduleName: "nitro/types",
+      configInterface: "RouteRuleConfig",
+      rulesInterface: "RouteRules"
+    };
+  }
   return {
     moduleName: resolveH3Rules(),
     configInterface: "RouteRuleConfig",
@@ -208,6 +227,9 @@ function resolveServerRuntimeShim(resolve) {
 function resolveH3TypesPath(nitroMajor) {
   return nitroMajor === 3 ? "nitro/h3" : "h3";
 }
+function resolveServerImportsTypesFile(nitroMajor) {
+  return nitroMajor === 3 ? "server-imports.d.ts" : "nitro-imports.d.ts";
+}
 async function resolveAppSecretShim(resolve) {
   const canDeriveAppSecret = await hasNuxtCompatibility({ nuxt: ">=4.6.0-0" });
   return resolve(`./runtime/server/internal/${canDeriveAppSecret ? "app-secret" : "app-secret-unavailable"}`);
@@ -273,8 +295,22 @@ const diagnostics = defineDiagnostics({
   }
 });
 
-function setupDevTools(nuxt) {
+async function setupDevTools(nuxt) {
   const hookable = nuxt;
+  if (await hasNuxtModuleCompatibility("@nuxt/devtools", ">=4.0.0-alpha.8", nuxt)) {
+    hookable.hook("devtools:ready", (ctx) => {
+      ctx.docks.register({
+        id: "better-auth",
+        title: "Auth",
+        icon: "simple-icons:betterauth",
+        type: "iframe",
+        url: "/__better-auth-devtools",
+        groupId: "nuxt",
+        category: "server"
+      });
+    });
+    return;
+  }
   hookable.hook("devtools:customTabs", (tabs) => {
     tabs.push({
       category: "server",
@@ -342,12 +378,12 @@ function registerAuthMiddleware(resolve) {
   });
 }
 function registerPrepareTypesHook(input) {
-  const { nuxt, serverDir, hasHubDb } = input;
+  const { nuxt, serverDir, hasHubDb, serverImportsTypesFile } = input;
   nuxt.hook("prepare:types", ({ nodeTsConfig, nodeReferences, sharedReferences }) => {
     nodeTsConfig.compilerOptions ||= {};
     nodeTsConfig.compilerOptions.paths ||= {};
     const projectReferenceTypePaths = [
-      join(nuxt.options.buildDir, "types/nitro-imports.d.ts"),
+      join(nuxt.options.buildDir, "types", serverImportsTypesFile),
       join(nuxt.options.buildDir, "types/auth-database.d.ts")
     ];
     if (hasHubDb)
@@ -394,7 +430,7 @@ async function registerDevtools(input) {
   const isProduction = process.env.NODE_ENV === "production" || !nuxt.options.dev;
   if (isProduction || clientOnly)
     return;
-  setupDevTools(nuxt);
+  await setupDevTools(nuxt);
   addServerHandler({ route: "/api/_better-auth/config", method: "get", handler: resolve("./runtime/server/api/_better-auth/config.get") });
   if (hasHubDb) {
     const handlers = [
@@ -1209,7 +1245,7 @@ function buildNuxtFetchFallback(name) {
 `).join("");
 }
 function registerServerTypeTemplates(input) {
-  const { serverConfigPath, hasHubDb, runtimeTypesPath, sharedServerConfigSafe, h3TypesPath, nitro3RouteRulesTarget } = input;
+  const { serverConfigPath, hasHubDb, runtimeTypesPath, sharedServerConfigSafe, h3TypesPath, serverImportsTypesFile, nitro3RouteRulesTarget } = input;
   const fetchRoutingTypeDeclarations = h3TypesPath === "nitro/h3" ? `type NitroFetchRequest = string & {}
 type AvailableRouterMethod<_ReqT extends NitroFetchRequest> = 'get' | 'head' | 'patch' | 'post' | 'put' | 'delete' | 'connect' | 'options' | 'trace'` : `import type { AvailableRouterMethod, NitroFetchRequest } from 'nitropack/types'`;
   const resolvedNitro3RouteRulesTarget = nitro3RouteRulesTarget ?? {
@@ -1232,7 +1268,7 @@ type AvailableRouterMethod<_ReqT extends NitroFetchRequest> = 'get' | 'head' | '
     auth?: import('${runtimeTypesPath}').AuthMeta
   }
 }`).join("\n");
-  const serverConfigTypeTemplateOptions = sharedServerConfigSafe ? { nuxt: true, nitro: true, node: true, shared: true } : { nuxt: true, nitro: true, node: true };
+  const serverConfigTypeTemplateOptions = sharedServerConfigSafe || h3TypesPath === "nitro/h3" ? { nuxt: true, nitro: true, node: true, shared: true } : { nuxt: true, nitro: true, node: true };
   addTypeTemplate({
     filename: "types/auth-database.d.ts",
     getContents: () => `
@@ -1246,7 +1282,7 @@ declare module '#auth/database' {
   addTypeTemplate({
     filename: "types/nuxt-better-auth-server-context.d.ts",
     getContents: () => `
-/// <reference path="./nitro-imports.d.ts" />
+/// <reference path="./${serverImportsTypesFile}" />
 /// <reference path="./auth-database.d.ts" />
 ${hasHubDb ? '/// <reference path="../hub/db.d.ts" />' : ""}
 
@@ -1694,7 +1730,9 @@ const module$1 = defineNuxtModule({
   setup(options, nuxt) {
     const finishSetup = async () => {
       const resolver = createResolver(import.meta.url);
-      const h3TypesPath = resolveH3TypesPath(getNitroVersion(nuxt));
+      const nitroMajor = getNitroVersion(nuxt);
+      const h3TypesPath = resolveH3TypesPath(nitroMajor);
+      const serverImportsTypesFile = resolveServerImportsTypesFile(nitroMajor);
       nuxt.options.alias["#better-auth/nitro-compat"] = resolveServerRuntimeShim(resolver.resolve);
       nuxt.options.alias["#better-auth/app-secret"] = await resolveAppSecretShim(resolver.resolve);
       const registeredPluginSources = {};
@@ -1758,7 +1796,8 @@ const module$1 = defineNuxtModule({
         registerPrepareTypesHook({
           nuxt,
           serverDir: setup.prepareTypes.serverDir,
-          hasHubDb: setup.prepareTypes.hasHubDb
+          hasHubDb: setup.prepareTypes.hasHubDb,
+          serverImportsTypesFile
         });
       }
       if (setup.database.providerDefinition) {
@@ -1783,6 +1822,7 @@ const module$1 = defineNuxtModule({
           runtimeTypesPath: resolver.resolve("./runtime/types"),
           sharedServerConfigSafe: [setup.configs.server.path, ...setup.pluginSources.server].every(isServerConfigSharedTypeSafe),
           h3TypesPath,
+          serverImportsTypesFile,
           nitro3RouteRulesTarget: h3TypesPath === "nitro/h3" ? resolveNitro3RouteRulesTarget(nuxt.options.rootDir) : void 0
         });
       }

package/dist/runtime/app/middleware/auth.global.js

@@ -31,6 +31,8 @@ export default defineNuxtRouteMiddleware(async (to) => {
   if (auth === void 0 || auth === false)
     return;
   const config = useRuntimeConfig().public.auth;
+  if (import.meta.server && config?.clientOnly)
+    return;
   const { fetchSession, user, loggedIn } = useUserSession();
   const mode = typeof auth === "string" ? auth : auth?.only ?? "user";
   const redirectTo = typeof auth === "object" ? auth.redirectTo : void 0;

package/dist/runtime/app/pages/__better-auth-devtools.vue

@@ -1,7 +1,7 @@
 <script setup>
-import { useFetch, useRuntimeConfig } from "#imports";
+import { useFetch, useHead, useRuntimeConfig } from "#imports";
 import { useDevtoolsClient } from "@nuxt/devtools-kit/iframe-client";
-import { computed, ref, watch, watchEffect } from "vue";
+import { computed, onBeforeUnmount, onMounted, ref, shallowRef, triggerRef, watch } from "vue";
 const pageSize = 20;
 const tabLabels = {
   sessions: "Sessions",
@@ -10,13 +10,23 @@ const tabLabels = {
   config: "Config"
 };
 const devtoolsClient = useDevtoolsClient();
+const nativeHost = shallowRef();
+let stopHostUpdates;
+onMounted(() => {
+  if (window.parent === window)
+    return;
+  try {
+    nativeHost.value = window.parent.__NUXT_DEVTOOLS_HOST__;
+  } catch {
+    return;
+  }
+  stopHostUpdates = nativeHost.value?.hooks.hook("host:update:reactivity", () => triggerRef(nativeHost));
+});
+onBeforeUnmount(() => stopHostUpdates?.());
 const runtimeConfig = useRuntimeConfig();
 const hasDb = computed(() => runtimeConfig.public.auth?.useDatabase ?? false);
-const isDark = computed(() => devtoolsClient.value?.host?.app?.colorMode?.value === "dark");
-watchEffect(() => {
-  if (import.meta.client)
-    document.documentElement.classList.toggle("dark", isDark.value);
-});
+const isDark = computed(() => (nativeHost.value ?? devtoolsClient.value?.host)?.app?.colorMode?.value === "dark");
+useHead({ style: [{ key: "better-auth-devtools-body", textContent: "body { margin: 0 !important; }" }] });
 const activeTab = ref(hasDb.value ? "sessions" : "config");
 const tabs = computed(() => hasDb.value ? ["sessions", "users", "accounts", "config"] : ["config"]);
 watch(hasDb, (enabled) => {
@@ -125,7 +135,7 @@ async function deleteConfirmedSession() {
 </script>
 
 <template>
-  <div class="devtools-shell">
+  <div class="devtools-shell" :class="{ dark: isDark }">
     <header class="devtools-header">
       <div class="brand">
         <svg width="60" height="45" viewBox="0 0 60 45" fill="none" class="brand-mark" xmlns="http://www.w3.org/2000/svg">
@@ -375,6 +385,6 @@ async function deleteConfirmedSession() {
   </div>
 </template>
 
-<style>
-:root{--ba-bg:#fff;--ba-fg:#1f1f1f;--ba-muted:#707070;--ba-border:#e5e5e5;--ba-soft:#f7f7f7;--ba-hover:#efefef;--ba-good:#047857;--ba-bad:#b91c1c}.dark{--ba-bg:#111;--ba-fg:#f4f4f5;--ba-muted:#a1a1aa;--ba-border:#2d2d2d;--ba-soft:#191919;--ba-hover:#242424;--ba-good:#34d399;--ba-bad:#f87171}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.devtools-shell{background:var(--ba-bg);color:var(--ba-fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;min-height:100vh}.devtools-header{border-bottom:1px solid var(--ba-border);gap:16px;justify-content:space-between;min-height:48px;padding:0 16px}.actions,.brand,.confirm,.devtools-header,.links,.pagination,.toolbar,.toolbar-meta{align-items:center;display:flex}.brand{font-weight:600;gap:10px}.brand-mark{height:auto;width:24px}.links a{color:var(--ba-muted);padding:8px 10px;text-decoration:none}.links a:hover{color:var(--ba-fg)}.tabs{border-bottom:1px solid var(--ba-border);display:flex;gap:4px;padding:8px 12px 0}.actions button,.confirm button,.pagination button,.tabs button,.toolbar button{background:transparent;border:1px solid var(--ba-border);color:var(--ba-fg);cursor:pointer;min-height:30px;padding:5px 10px}.tabs button{border-bottom:0}.tabs button.active,button:hover:not(:disabled){background:var(--ba-hover)}button:disabled{color:var(--ba-muted);cursor:default}button.danger{color:var(--ba-bad)}.panel{padding:16px}.section{display:grid;gap:14px}.toolbar{gap:12px;justify-content:space-between}.actions,.confirm,.pagination,.toolbar-meta{gap:8px}input{background:var(--ba-bg);border:1px solid var(--ba-border);color:var(--ba-fg);padding:7px 10px;width:min(340px,100%)}table{border:1px solid var(--ba-border);border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--ba-border);padding:9px 10px;text-align:left;vertical-align:top}th{background:var(--ba-soft);font-weight:500}td small,th{color:var(--ba-muted)}td small{display:block;margin-top:3px}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.badge{background:var(--ba-soft);border:1px solid var(--ba-border);color:var(--ba-muted);display:inline-flex;padding:2px 8px}.badge.good{color:var(--ba-good)}.badge.bad,.error{color:var(--ba-bad)}.confirm,.empty,.notice{background:var(--ba-soft);border:1px solid var(--ba-border);padding:10px 12px}.empty,.notice{color:var(--ba-muted)}.config-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.config-grid .error,.config-grid .toolbar{grid-column:1/-1}article{background:var(--ba-soft);border:1px solid var(--ba-border)}h2{border-bottom:1px solid var(--ba-border);font-size:13px;padding:10px 12px}h2,pre{margin:0}pre{font-size:12px;line-height:1.5;overflow:auto;padding:12px}.capitalize{text-transform:capitalize}@media (max-width:720px){.devtools-header,.toolbar,.toolbar-meta{align-items:stretch;flex-direction:column}.actions,.tabs{flex-wrap:wrap}table{display:block;overflow-x:auto}}
+<style scoped>
+.devtools-shell{--ba-bg:#fff;--ba-fg:#1f1f1f;--ba-muted:#707070;--ba-border:#e5e5e5;--ba-soft:#f7f7f7;--ba-hover:#efefef;--ba-good:#047857;--ba-bad:#b91c1c}.devtools-shell.dark{--ba-bg:#111;--ba-fg:#f4f4f5;--ba-muted:#a1a1aa;--ba-border:#2d2d2d;--ba-soft:#191919;--ba-hover:#242424;--ba-good:#34d399;--ba-bad:#f87171}*{box-sizing:border-box}button,input{font:inherit}.devtools-shell{background:var(--ba-bg);color:var(--ba-fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;min-height:100vh}.devtools-header{border-bottom:1px solid var(--ba-border);gap:16px;justify-content:space-between;min-height:48px;padding:0 16px}.actions,.brand,.confirm,.devtools-header,.links,.pagination,.toolbar,.toolbar-meta{align-items:center;display:flex}.brand{font-weight:600;gap:10px}.brand-mark{height:auto;width:24px}.links a{color:var(--ba-muted);padding:8px 10px;text-decoration:none}.links a:hover{color:var(--ba-fg)}.tabs{border-bottom:1px solid var(--ba-border);display:flex;gap:4px;padding:8px 12px 0}.actions button,.confirm button,.pagination button,.tabs button,.toolbar button{background:transparent;border:1px solid var(--ba-border);color:var(--ba-fg);cursor:pointer;min-height:30px;padding:5px 10px}.tabs button{border-bottom:0}.tabs button.active,button:hover:not(:disabled){background:var(--ba-hover)}button:disabled{color:var(--ba-muted);cursor:default}button.danger{color:var(--ba-bad)}.panel{padding:16px}.section{display:grid;gap:14px}.toolbar{gap:12px;justify-content:space-between}.actions,.confirm,.pagination,.toolbar-meta{gap:8px}input{background:var(--ba-bg);border:1px solid var(--ba-border);color:var(--ba-fg);padding:7px 10px;width:min(340px,100%)}table{border:1px solid var(--ba-border);border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--ba-border);padding:9px 10px;text-align:left;vertical-align:top}th{background:var(--ba-soft);font-weight:500}td small,th{color:var(--ba-muted)}td small{display:block;margin-top:3px}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.badge{background:var(--ba-soft);border:1px solid var(--ba-border);color:var(--ba-muted);display:inline-flex;padding:2px 8px}.badge.good{color:var(--ba-good)}.badge.bad,.error{color:var(--ba-bad)}.confirm,.empty,.notice{background:var(--ba-soft);border:1px solid var(--ba-border);padding:10px 12px}.empty,.notice{color:var(--ba-muted)}.config-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.config-grid .error,.config-grid .toolbar{grid-column:1/-1}article{background:var(--ba-soft);border:1px solid var(--ba-border)}h2{border-bottom:1px solid var(--ba-border);font-size:13px;padding:10px 12px}h2,pre{margin:0}pre{font-size:12px;line-height:1.5;overflow:auto;padding:12px}.capitalize{text-transform:capitalize}@media (max-width:720px){.devtools-header,.toolbar,.toolbar-meta{align-items:stretch;flex-direction:column}.actions,.tabs{flex-wrap:wrap}table{display:block;overflow-x:auto}}
 </style>

package/dist/runtime/server/internal/nitro2.d.ts

@@ -1,10 +1,9 @@
 import type { H3Event } from 'h3';
 import type { AuthRouteRules } from '../../types.js';
-import { splitSetCookieString } from 'cookie-es';
 import { defineEventHandler, getQuery, getRequestHost, getRequestProtocol, getRequestURL, readBody, toWebRequest } from 'h3';
 import { useRuntimeConfig } from 'nitropack/runtime';
 export { defineEventHandler, getQuery, getRequestHost, getRequestProtocol, getRequestURL, readBody, toWebRequest, useRuntimeConfig, };
 export type ServerEvent = H3Event;
-export { splitSetCookieString as splitCookiesString };
+export declare function splitCookiesString(cookiesString: string | string[]): string[];
 export declare function getAuthRouteRules(event: ServerEvent): AuthRouteRules;
 export declare function createAuthError(status: number, statusText: string): Error;

package/dist/runtime/server/internal/nitro2.js

@@ -20,7 +20,9 @@ export {
   toWebRequest,
   useRuntimeConfig
 };
-export { splitSetCookieString as splitCookiesString };
+export function splitCookiesString(cookiesString) {
+  return splitSetCookieString(cookiesString);
+}
 export function getAuthRouteRules(event) {
   return getRouteRules(event);
 }

package/dist/runtime/server/internal/portable.d.ts

@@ -1,10 +1,9 @@
 import type { RequestEvent } from 'nuxt/server';
 import type { AuthRouteRules } from '../../types.js';
-import { splitSetCookieString } from 'cookie-es';
 import { defineEventHandler, getQuery, getRequestHost, getRequestProtocol, getRequestURL, readBody, useRuntimeConfig } from 'nuxt/server';
 export { defineEventHandler, getQuery, getRequestHost, getRequestProtocol, getRequestURL, readBody, useRuntimeConfig, };
 export type ServerEvent = RequestEvent;
-export { splitSetCookieString as splitCookiesString };
+export declare function splitCookiesString(cookiesString: string | string[]): string[];
 export declare function getAuthRouteRules(event: ServerEvent): AuthRouteRules;
 export declare function createAuthError(status: number, statusText: string): Error;
 export declare function toWebRequest(event: ServerEvent): Request;

package/dist/runtime/server/internal/portable.js

@@ -20,7 +20,9 @@ export {
   readBody,
   useRuntimeConfig
 };
-export { splitSetCookieString as splitCookiesString };
+export function splitCookiesString(cookiesString) {
+  return splitSetCookieString(cookiesString);
+}
 export function getAuthRouteRules(event) {
   const rules = getRouteRules(event);
   return { auth: normalizeAuthRouteRule(rules.auth) };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxtjs/better-auth",
   "type": "module",
-  "version": "0.3.8",
+  "version": "0.3.10",
   "description": "Nuxt module for Better Auth integration with NuxtHub, route protection, session management, and role-based access",
   "author": "onmax",
   "license": "MIT",
@@ -108,7 +108,7 @@
     "drizzle-kit": "^0.31.10",
     "drizzle-orm": "^0.45.2",
     "eslint": "^10.8.1",
-    "happy-dom": "^20.8.9",
+    "happy-dom": "^21.0.0",
     "nitropack": "2.13.4",
     "nuxt": "^4.6.0",
     "pinia": "^4.0.3",