nuxt-convex-module 0.12.2 → 0.12.3

package/dist/devtools-client/index.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script type="importmap">{"imports":{"#entry":"/__nuxt-convex-module/_nuxt/COXexnyN.js"}}</script><link rel="stylesheet" href="/__nuxt-convex-module/_nuxt/entry.DsZySRVW.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__nuxt-convex-module/_nuxt/COXexnyN.js"><script type="module" src="/__nuxt-convex-module/_nuxt/COXexnyN.js" crossorigin></script><link rel="prefetch" as="script" crossorigin href="/__nuxt-convex-module/_nuxt/BPtiIkWa.js"></head><body><div id="__nuxt"></div><div id="teleports"></div><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-convex-module",buildId:"d3335991-c747-41b3-a9e3-6d5c636b70f0",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1793365964988,false]</script></body></html>
+<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script type="importmap">{"imports":{"#entry":"/__nuxt-convex-module/_nuxt/COXexnyN.js"}}</script><link rel="stylesheet" href="/__nuxt-convex-module/_nuxt/entry.DsZySRVW.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__nuxt-convex-module/_nuxt/COXexnyN.js"><script type="module" src="/__nuxt-convex-module/_nuxt/COXexnyN.js" crossorigin></script><link rel="prefetch" as="script" crossorigin href="/__nuxt-convex-module/_nuxt/BPtiIkWa.js"></head><body><div id="__nuxt"></div><div id="teleports"></div><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-convex-module",buildId:"bfa6df52-caf6-46de-a611-bdf9d975bd3f",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1793468157767,false]</script></body></html>

package/dist/module.d.mts

@@ -133,6 +133,7 @@ declare module '@nuxt/schema' {
             siteUrl: string;
             crossDomainCallbackRoute: string;
             loginPath: string;
+            authRoute: string;
         };
     }
 }

package/dist/module.json

@@ -5,7 +5,7 @@
   "compatibility": {
     "nuxt": ">=4.6.0"
   },
-  "version": "0.12.2",
+  "version": "0.12.3",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -402,6 +402,7 @@ const module$1 = defineNuxtModule({
     for (const message of diagnostics.errors) logger.error(message);
     for (const message of diagnostics.warnings) logger.warn(message);
     nuxt.options.runtimeConfig.public.convex.loginPath = diagnostics.loginPath;
+    nuxt.options.runtimeConfig.public.convex.authRoute = diagnostics.authRoute;
     registerAuthClientAlias(resolver, nuxt, options);
     registerConvexAliases(nuxt);
     registerConvexTypeFallback(nuxt);

package/dist/runtime/better-auth/nuxt/server.js

@@ -82,10 +82,12 @@ const getArgsAndOptions = (args, token) => {
   return [args[0], { token }];
 };
 export function convexAuth(event, opts) {
+  const config = getConvexRuntimeConfig(event);
   const siteUrl = parseConvexSiteUrl(
-    opts?.convexSiteUrl ?? getConvexRuntimeConfig().siteUrl ?? process.env.NUXT_PUBLIC_CONVEX_SITE_URL
+    opts?.convexSiteUrl || config.siteUrl || process.env.NUXT_PUBLIC_CONVEX_SITE_URL
   );
-  const cacheKey = `__nuxtConvexToken:${siteUrl}|${opts?.basePath ?? ""}`;
+  const basePath = opts?.basePath ?? config.authRoute;
+  const cacheKey = `__nuxtConvexToken:${siteUrl}|${basePath ?? ""}`;
   const tokenCache = event.context;
   const cachedGetToken = ({ forceRefresh } = {}) => {
     const cached = tokenCache[cacheKey];
@@ -94,7 +96,7 @@ export function convexAuth(event, opts) {
     mutableHeaders.delete("content-length");
     mutableHeaders.delete("transfer-encoding");
     mutableHeaders.set("accept-encoding", "identity");
-    const promise = getToken(siteUrl, mutableHeaders, { ...opts, forceRefresh });
+    const promise = getToken(siteUrl, mutableHeaders, { ...opts, basePath, forceRefresh });
     tokenCache[cacheKey] = promise;
     return promise;
   };

package/dist/runtime/better-auth/vue/plugin.server.js

@@ -1,9 +1,10 @@
 import { computed } from "vue";
 import { defineNuxtPlugin, useRuntimeConfig, useState, useRequestEvent, useResponseHeader } from "#app";
 import { ConvexVueClient, ConvexClientKey } from "../../vue/client.js";
-import { CONVEX_INITIAL_TOKEN_KEY } from "../../nuxt/config.js";
+import { CONVEX_INITIAL_TOKEN_KEY, closeAfterRender } from "../../nuxt/config.js";
 import { convexAuth } from "../nuxt/server.js";
 import { ConvexAuthStateKey } from "../../vue/auth/index.js";
+import { BetterAuthTokenStoreKey, createBetterAuthTokenStore, seedInitialToken } from "./token-store.js";
 export async function prefetchAuthToken(event, initialToken, cacheControl) {
   try {
     const token = await convexAuth(event).getToken();
@@ -19,10 +20,13 @@ export default defineNuxtPlugin({
   name: "nuxt-convex-module:better-auth:server",
   async setup(nuxtApp) {
     const initialToken = useState(CONVEX_INITIAL_TOKEN_KEY, () => null);
+    const tokenStore = createBetterAuthTokenStore();
+    nuxtApp.vueApp.provide(BetterAuthTokenStoreKey, tokenStore);
     const url = useRuntimeConfig().public.convex.url;
     const ssrClient = url ? new ConvexVueClient(url) : void 0;
     if (ssrClient) {
       nuxtApp.vueApp.provide(ConvexClientKey, ssrClient);
+      closeAfterRender(nuxtApp, ssrClient);
     }
     const ssrAuthState = {
       isLoading: computed(() => true),
@@ -33,6 +37,7 @@ export default defineNuxtPlugin({
     const event = useRequestEvent();
     if (event && !import.meta.prerender) {
       await prefetchAuthToken(event, initialToken, useResponseHeader("Cache-Control"));
+      seedInitialToken(tokenStore, initialToken.value);
     }
   }
 });

package/dist/runtime/better-auth/vue/token-store.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/runtime/better-auth/vue/token-store.js

@@ -0,0 +1,18 @@
+import { ref } from "vue";
+export function createBetterAuthTokenStore() {
+  return {
+    cachedToken: ref(null),
+    cachedTokenVersion: null,
+    pendingToken: null,
+    pendingTokenVersion: null,
+    initialTokenUsed: false
+  };
+}
+export const BetterAuthTokenStoreKey = Symbol("BetterAuthTokenStore");
+export const PENDING_AUTH_VERSION = "__pending__";
+export function seedInitialToken(store, initialToken) {
+  if (store.initialTokenUsed || !initialToken) return;
+  store.cachedToken.value = initialToken;
+  store.cachedTokenVersion = PENDING_AUTH_VERSION;
+  store.initialTokenUsed = true;
+}

package/dist/runtime/better-auth/vue/use-better-auth.js

@@ -1,18 +1,30 @@
-import { computed, ref } from "vue";
+import { computed, effectScope, hasInjectionContext, inject, shallowRef } from "vue";
 import { authClient } from "#convex/auth-client";
-const cachedToken = ref(null);
-let cachedTokenVersion = null;
-let pendingToken = null;
-let pendingTokenVersion = null;
-let initialTokenUsed = false;
-const PENDING_AUTH_VERSION = "__pending__";
-const useClientSession = () => authClient.useSession();
-export function useBetterAuth(initialToken) {
-  if (!initialTokenUsed && initialToken) {
-    cachedToken.value = initialToken;
-    cachedTokenVersion = PENDING_AUTH_VERSION;
-    initialTokenUsed = true;
+import { BetterAuthTokenStoreKey, createBetterAuthTokenStore, PENDING_AUTH_VERSION, seedInitialToken } from "./token-store.js";
+const browserStore = createBetterAuthTokenStore();
+function useTokenStore() {
+  if (!import.meta.server) return browserStore;
+  return (hasInjectionContext() ? inject(BetterAuthTokenStoreKey, null) : null) ?? createBetterAuthTokenStore();
+}
+const serverSession = () => shallowRef({
+  data: null,
+  error: null,
+  isPending: true,
+  isRefetching: false,
+  refetch: async () => {
   }
+});
+let browserSession;
+let browserSessionScope;
+const useClientSession = () => {
+  if (import.meta.server) return serverSession();
+  browserSessionScope ??= effectScope(true);
+  return browserSession ??= browserSessionScope.run(() => authClient.useSession());
+};
+export function useBetterAuth(initialToken) {
+  const store = useTokenStore();
+  seedInitialToken(store, initialToken);
+  const { cachedToken } = store;
   const session = useClientSession();
   const client = authClient;
   const authVersion = computed(() => {
@@ -26,32 +38,32 @@ export function useBetterAuth(initialToken) {
     const version = currentAuthVersion();
     if (version === null) {
       cachedToken.value = null;
-      cachedTokenVersion = null;
-      pendingToken = null;
-      pendingTokenVersion = null;
+      store.cachedTokenVersion = null;
+      store.pendingToken = null;
+      store.pendingTokenVersion = null;
       return null;
     }
-    if (cachedToken.value && !forceRefreshToken && cachedTokenVersion === version) {
+    if (cachedToken.value && !forceRefreshToken && store.cachedTokenVersion === version) {
       return cachedToken.value;
     }
-    if (!forceRefreshToken && pendingToken && pendingTokenVersion === version) {
-      return pendingToken;
+    if (!forceRefreshToken && store.pendingToken && store.pendingTokenVersion === version) {
+      return store.pendingToken;
     }
-    pendingTokenVersion = version;
-    pendingToken = client.convex.token({ fetchOptions: { throw: false } }).then(({ data }) => {
+    store.pendingTokenVersion = version;
+    const pending = store.pendingToken = client.convex.token({ fetchOptions: { throw: false } }).then(({ data }) => {
       const token = data?.token || null;
       cachedToken.value = token;
-      cachedTokenVersion = version;
+      store.cachedTokenVersion = version;
       return token;
     }).catch(() => {
       cachedToken.value = null;
-      cachedTokenVersion = version;
+      store.cachedTokenVersion = version;
       return null;
     }).finally(() => {
-      pendingToken = null;
-      pendingTokenVersion = null;
+      store.pendingToken = null;
+      store.pendingTokenVersion = null;
     });
-    return pendingToken;
+    return pending;
   };
   return {
     isLoading: computed(() => session.value.isPending && !cachedToken.value),
@@ -75,9 +87,9 @@ export function useBetterAuth(initialToken) {
   };
 }
 export function __resetUseBetterAuthForTests() {
-  cachedToken.value = null;
-  cachedTokenVersion = null;
-  pendingToken = null;
-  pendingTokenVersion = null;
-  initialTokenUsed = false;
+  Object.assign(browserStore, createBetterAuthTokenStore(), { cachedToken: browserStore.cachedToken });
+  browserStore.cachedToken.value = null;
+  browserSessionScope?.stop();
+  browserSessionScope = void 0;
+  browserSession = void 0;
 }

package/dist/runtime/nuxt/config.d.ts

@@ -8,11 +8,17 @@ export declare const CONVEX_INITIAL_TOKEN_KEY = "convex:initialToken";
 /**
  * The module's runtime config, tolerating a missing Nuxt context (a plain
  * server import outside a request) by returning an empty object.
+ *
+ * Given a server route's event, it reads that request's config: an
+ * environment variable set after the server started (by a Nitro plugin, say)
+ * reaches it, where the config read without one was fixed at startup.
  */
-export declare function getConvexRuntimeConfig(): {
+export declare function getConvexRuntimeConfig(event?: unknown): {
     url: string | undefined;
     siteUrl: string | undefined;
+    authRoute: string | undefined;
 } | {
     url?: undefined;
     siteUrl?: undefined;
+    authRoute?: undefined;
 };

package/dist/runtime/nuxt/config.js

@@ -1,11 +1,17 @@
 import { useRuntimeConfig } from "#imports";
 export const CONVEX_INITIAL_TOKEN_KEY = "convex:initialToken";
-export function getConvexRuntimeConfig() {
+export function closeAfterRender(nuxtApp, client) {
+  const close = () => void client.close();
+  nuxtApp.hook("app:rendered", close);
+  nuxtApp.hook("app:error", close);
+}
+export function getConvexRuntimeConfig(event) {
   try {
-    const config = useRuntimeConfig();
+    const config = useRuntimeConfig(event);
     return {
       url: config.public?.convex?.url,
-      siteUrl: config.public?.convex?.siteUrl
+      siteUrl: config.public?.convex?.siteUrl,
+      authRoute: config.public?.convex?.authRoute
     };
   } catch {
     return {};

package/dist/runtime/vue/client.js

@@ -24,6 +24,18 @@ function instantiateDefaultLogger({ verbose }) {
     error: (...args) => console.error(...args)
   };
 }
+function notConnected() {
+  return {
+    hasInflightRequests: false,
+    isWebSocketConnected: false,
+    timeOfOldestInflightRequest: null,
+    hasEverConnected: false,
+    connectionCount: 0,
+    connectionRetries: 0,
+    inflightMutations: 0,
+    inflightActions: 0
+  };
+}
 export class ConvexVueClient {
   address;
   cachedSync;
@@ -317,6 +329,7 @@ export class ConvexVueClient {
    * @experimental May change in a minor release — see STABILITY.md.
    */
   connectionState() {
+    if (import.meta.server && !this.cachedSync) return notConnected();
     return this.sync.connectionState();
   }
   /**

package/dist/runtime/vue/plugin.d.ts

@@ -12,7 +12,8 @@
  * those instead of this one — see `registerIntegrations` in `src/module.ts`.
  *
  * The WebSocket opens lazily on the first subscription; on the server the
- * preloaded-query helpers short-circuit, so no socket is opened during SSR.
+ * preloaded-query helpers short-circuit, so no socket is opened during SSR,
+ * and a server render's client is closed when its request is done.
  */
 declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
 export default _default;

package/dist/runtime/vue/plugin.js

@@ -1,5 +1,6 @@
 import { defineNuxtPlugin, useRuntimeConfig } from "#app";
 import { ConvexVueClient, ConvexClientKey } from "./client.js";
+import { closeAfterRender } from "../nuxt/config.js";
 export default defineNuxtPlugin({
   name: "nuxt-convex-module:client",
   setup(nuxtApp) {
@@ -12,5 +13,6 @@ export default defineNuxtPlugin({
     }
     const client = new ConvexVueClient(url);
     nuxtApp.vueApp.provide(ConvexClientKey, client);
+    if (import.meta.server) closeAfterRender(nuxtApp, client);
   }
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
   "name": "nuxt-convex-module",
-  "version": "0.12.2",
+  "version": "0.12.3",
   "description": "Convex backend integration with live queries, mutations, actions, pagination, file storage and SSR, auto-imported and typed against your deployment. The same Vue client runs without Nuxt; Better Auth, Clerk, Auth0 and Polar are opt-in.",
   "repository": {
     "type": "git",