@floatingpixels/supabase-nuxt 0.5.12 → 0.6.0

package/README.md

@@ -11,6 +11,10 @@
 
 Checkout the [Nuxt 3](https://v3.nuxtjs.org) documentation and [Supabase](https://supabase.com) to learn more.
 
+## Testing
+
+Test setup and command behavior are documented in [docs/testing.md](./docs/testing.md).
+
 ## Installation
 
 Add `@floatingpixels/supabase-nuxt` dev dependency to your project:

package/dist/module.d.mts

@@ -1,7 +1,12 @@
 import * as _nuxt_schema from '@nuxt/schema';
+import { NitroConfig, HookResult } from '@nuxt/schema';
 import { SupabaseClientOptions } from '@supabase/supabase-js';
 
 declare module '@nuxt/schema' {
+  interface NuxtHooks {
+    'nitro:config': (nitroConfig: NitroConfig) => HookResult
+  }
+
   interface RuntimeConfig {
     supabase: {
       serviceRoleKey?: string

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">3.0.0"
   },
-  "version": "0.5.12",
+  "version": "0.6.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/composables/useSupabaseUser.d.ts

@@ -1,4 +1,15 @@
+import type { User, AuthError } from '@supabase/supabase-js';
+export interface SupabaseAuthUser {
+    id: string;
+    email?: string;
+    phone?: string;
+    role?: string;
+    aud?: string;
+    app_metadata: User['app_metadata'];
+    user_metadata: User['user_metadata'];
+    claims: Record<string, unknown>;
+}
 export declare const useSupabaseUser: () => Promise<{
-    data: import("@supabase/supabase-js").JwtPayload | undefined;
-    error: import("@supabase/supabase-js").AuthError | null;
+    data: SupabaseAuthUser | null;
+    error: AuthError | null;
 }>;

package/dist/runtime/composables/useSupabaseUser.js

@@ -1,6 +1,48 @@
 import { useSupabaseClient } from "./useSupabaseClient.js";
+const isRecord = (value) => {
+  return typeof value === "object" && value !== null;
+};
+const normalizeUser = ({
+  claims,
+  user
+}) => {
+  const claimUserId = typeof claims.sub === "string" ? claims.sub : void 0;
+  const userId = user?.id ?? claimUserId;
+  if (!userId) {
+    return null;
+  }
+  const claimAppMetadata = isRecord(claims.app_metadata) ? claims.app_metadata : {};
+  const claimUserMetadata = isRecord(claims.user_metadata) ? claims.user_metadata : {};
+  return {
+    id: userId,
+    email: user?.email ?? (typeof claims.email === "string" ? claims.email : void 0),
+    phone: user?.phone ?? (typeof claims.phone === "string" ? claims.phone : void 0),
+    role: user?.role ?? (typeof claims.role === "string" ? claims.role : void 0),
+    aud: user?.aud ?? (typeof claims.aud === "string" ? claims.aud : void 0),
+    app_metadata: user?.app_metadata ?? claimAppMetadata,
+    user_metadata: user?.user_metadata ?? claimUserMetadata,
+    claims
+  };
+};
+const needsUserFallback = (claims) => {
+  return !isRecord(claims.app_metadata) || !isRecord(claims.user_metadata) || typeof claims.email !== "string";
+};
 export const useSupabaseUser = async () => {
   const supabase = useSupabaseClient();
-  const { data, error } = await supabase.auth.getClaims();
-  return { data: data?.claims, error };
+  const { data: claimsData, error: claimsError } = await supabase.auth.getClaims();
+  if (claimsError) {
+    return { data: null, error: claimsError };
+  }
+  const claims = claimsData?.claims;
+  if (!claims || !isRecord(claims)) {
+    return { data: null, error: null };
+  }
+  if (!needsUserFallback(claims)) {
+    return { data: normalizeUser({ claims }), error: null };
+  }
+  const { data: userData, error: userError } = await supabase.auth.getUser();
+  if (userError) {
+    return { data: null, error: userError };
+  }
+  return { data: normalizeUser({ claims, user: userData.user }), error: null };
 };

package/dist/runtime/plugins/middleware-auth-redirect.js

@@ -14,7 +14,7 @@ export default defineNuxtPlugin({
         if (isExcluded) return;
         const { data: user, error } = await useSupabaseUser();
         if (error || !user) {
-          return navigateTo("/login", { redirectCode: 302 });
+          return navigateTo(login || "/login", { redirectCode: 302 });
         }
       }),
       { global: true }

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

@@ -4,8 +4,12 @@ export default defineNuxtPlugin({
   name: "supabase",
   enforce: "pre",
   async setup() {
-    const { url, publishableKey } = useRuntimeConfig().public.supabase;
-    const supabaseBrowserClient = createBrowserClient(url, publishableKey);
+    const { url, publishableKey, clientOptions } = useRuntimeConfig().public.supabase;
+    const supabaseBrowserClient = createBrowserClient(
+      url,
+      publishableKey,
+      clientOptions
+    );
     return {
       provide: {
         supabase: {

package/dist/runtime/plugins/supabase.server.js

@@ -5,12 +5,13 @@ export default defineNuxtPlugin({
   name: "supabase",
   enforce: "pre",
   async setup() {
-    const { url, publishableKey } = useRuntimeConfig().public.supabase;
+    const { url, publishableKey, clientOptions } = useRuntimeConfig().public.supabase;
     const event = useRequestEvent();
     if (!event) {
       throw new Error("No request event found");
     }
-    const supabaseServerClient = createServerClient(url, publishableKey, {
+    const serverClientOptions = {
+      ...clientOptions,
       cookies: {
         getAll: () => {
           const cookie_records = parseCookies(event);
@@ -29,7 +30,12 @@ export default defineNuxtPlugin({
           }
         }
       }
-    });
+    };
+    const supabaseServerClient = createServerClient(
+      url,
+      publishableKey,
+      serverClientOptions
+    );
     return {
       provide: {
         supabase: {

package/dist/runtime/server/services/supabaseServerClient.js

@@ -3,11 +3,13 @@ import { setCookie, parseCookies } from "h3";
 import { useRuntimeConfig } from "#imports";
 export const supabaseServerClient = async (event) => {
   const {
-    supabase: { url, publishableKey }
+    supabase: { url, publishableKey, clientOptions }
   } = useRuntimeConfig().public;
   let supabaseClient = event.context._supabaseClient;
+  const createTypedServerClient = createServerClient;
   if (!supabaseClient) {
-    supabaseClient = createServerClient(url, publishableKey, {
+    const serverClientOptions = {
+      ...clientOptions,
       cookies: {
         getAll: () => {
           const cookie_records = parseCookies(event);
@@ -26,7 +28,12 @@ export const supabaseServerClient = async (event) => {
           }
         }
       }
-    });
+    };
+    supabaseClient = createTypedServerClient(
+      url,
+      publishableKey,
+      serverClientOptions
+    );
     event.context._supabaseClient = supabaseClient;
   }
   return supabaseClient;

package/dist/runtime/server/services/supabaseServiceRole.js

@@ -5,15 +5,17 @@ export const supabaseServiceRole = async (event) => {
   const {
     supabase: { serviceRoleKey },
     public: {
-      supabase: { url }
+      supabase: { url, clientOptions }
     }
   } = useRuntimeConfig();
   if (!serviceRoleKey) {
     throw new Error("Missing `SUPABASE_SERVICE_ROLE_KEY` in `.env`");
   }
   let supabaseClient = event.context._supabaseServiceRole;
+  const createTypedServerClient = createServerClient;
   if (!supabaseClient) {
-    supabaseClient = createServerClient(url, serviceRoleKey, {
+    const serverClientOptions = {
+      ...clientOptions,
       cookies: {
         getAll: () => {
           const cookie_records = parseCookies(event);
@@ -32,7 +34,12 @@ export const supabaseServiceRole = async (event) => {
           }
         }
       }
-    });
+    };
+    supabaseClient = createTypedServerClient(
+      url,
+      serviceRoleKey,
+      serverClientOptions
+    );
     event.context._supabaseServiceRole = supabaseClient;
   }
   return supabaseClient;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floatingpixels/supabase-nuxt",
-  "version": "0.5.12",
+  "version": "0.6.0",
   "description": "Supabase module for Nuxt",
   "repository": "floatingpixels/supabase-nuxt",
   "license": "MIT",
@@ -38,7 +38,7 @@
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
     "release": "pnpm run lint && pnpm run prepack && release-it",
     "lint": "eslint .",
-    "test": "nuxi prepare playground && pnpm vitest",
+    "test": "nuxi prepare playground && pnpm exec tsc --noEmit --pretty false && pnpm vitest",
     "test:watch": "vitest watch",
     "test:pw": "playwright test test/playwright/",
     "test:e2e": "pnpm run --silent db:start && pnpm run --silent db:reset && pnpm run --silent test:pw && pnpm run --silent db:stop",
@@ -58,37 +58,37 @@
     "cleanup": "pnpm nuxi cleanup && rm -rf node_modules pnpm-lock.yaml && pnpm i"
   },
   "dependencies": {
-    "@supabase/ssr": "^0.8.0",
-    "@supabase/supabase-js": "^2.93.3",
+    "@supabase/ssr": "^0.9.0",
+    "@supabase/supabase-js": "^2.99.1",
     "cookie": "^1.1.1"
   },
   "devDependencies": {
-    "@nuxt/devtools": "3.1.1",
-    "@nuxt/eslint-config": "^1.13.0",
-    "@nuxt/kit": "^4.3.0",
+    "@nuxt/devtools": "3.2.3",
+    "@nuxt/eslint-config": "^1.15.2",
+    "@nuxt/kit": "^4.4.2",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.3.0",
-    "@nuxt/test-utils": "3.23.0",
-    "@playwright/test": "^1.58.0",
+    "@nuxt/schema": "^4.4.2",
+    "@nuxt/test-utils": "4.0.0",
+    "@playwright/test": "^1.58.2",
     "@snaplet/copycat": "^6.0.0",
     "@snaplet/seed": "^0.98.0",
     "@types/eslint-config-prettier": "^6.11.3",
-    "@types/node": "^25.1.0",
-    "@vitest/coverage-v8": "4.0.18",
+    "@types/node": "^25.5.0",
+    "@vitest/coverage-v8": "4.1.0",
     "@vue/test-utils": "^2.4.6",
     "changelogen": "^0.6.2",
-    "eslint": "^9.39.2",
+    "eslint": "^10.0.3",
     "eslint-config-prettier": "^10.1.8",
-    "happy-dom": "^20.4.0",
-    "nuxt": "^4.3.0",
-    "playwright-core": "^1.58.0",
+    "happy-dom": "^20.8.4",
+    "nuxt": "^4.4.2",
+    "playwright-core": "^1.58.2",
     "postgres": "^3.4.8",
     "prettier": "^3.8.1",
     "release-it": "^19.2.4",
-    "supabase": "^2.74.3",
+    "supabase": "^2.78.1",
     "typescript": "5.9.3",
-    "vitest": "^4.0.18",
-    "vue-tsc": "^3.2.4"
+    "vitest": "^4.1.0",
+    "vue-tsc": "^3.2.5"
   },
   "pnpm": {
     "onlyBuiltDependencies": [