@floatingpixels/supabase-nuxt 0.3.5 → 0.4.1

package/README.md

@@ -125,7 +125,7 @@ const signInWithOtp = async () => {
   const { error } = await supabase.auth.signInWithOtp({
     email: email.value,
     options: {
-      emailRedirectTo: 'http://localhost:3000/confirm',
+      emailRedirectTo: 'http://localhost:3000/welcome',
     },
   })
   if (error) console.log(error)
@@ -148,22 +148,22 @@ Once the authorization flow is triggered using the `auth` wrapper of the `useSup
 
 ### E-Mail Authentication
 
-When using e-mail authentication, a confirmation e-mail is sent to new users, and an e-mail containing a magic link is sent to existing users. For those links to work with your application, you need to adjust the e-mail templates in your Supabase settings under `Authentication -> Email Templates`. The generated links must contain a `token_hash` and `type` URL parameter, and point to the confirmation URL of your app, which is `/supabase/auth/confirm` by default. In addition you can set the URL parameter `next` to determine the route users will be forwarded to in your app when authorization is successful. If `next` is omitted, it will route to `/`. An example template looks like this:
+When using e-mail authentication, a confirmation e-mail is sent to new users, and an e-mail containing a magic link is sent to existing users. For those links to work with your application, you need to adjust the e-mail templates in your Supabase settings under `Authentication -> Email Templates`. The generated links must contain a `token_hash` and `type` URL parameter, and point to the confirmation URL of your app, which is `/auth/confirm` by default. In addition you can set the URL parameter `redirect_to` to determine the route users will be forwarded to in your app when authorization is successful. If `redirect_to` is omitted, it will route to `/`. An example template looks like this:
 
 ```html
 <h2>Confirm your signup</h2>
 
+<p>Hello {{ .Data.first_name }}</p>
 <p>Follow this link to confirm your user:</p>
 <p>
-  <a href="{{ .SiteURL }}/supabase/auth/confirm?token_hash={{ .TokenHash }}&type=email&next=/path-to-your-page"
-    >Confirm your email</a
+  <a href="{{ .SiteURL }}/supabase/auth/confirm?token_hash={{ .TokenHash }}&type=email&redirect_to={{ .RedirectTo }}>Confirm your email</a
   >
 </p>
 ```
 
-The confirmation route on your server is provided by this module, so you don't need to implement it yourself. It's available at `/supabase/auth/confirm`. It will automatically confirm the user and re-direct to the `next` route.
+The confirmation route on your server is provided by this module, so you don't need to implement it yourself. It's available at `/auth/confirm`. It will automatically confirm the user and re-direct to the `redirect_to` route.
 
-If you want to customize the confirmation route, you can do so by creating a server route to handle the request, and point to it in your Supabase e-mail template. Your custom route will receive the `token_hash` and `type` URL parameters, and the `next` URL parameter if provided. You can use the `useSupabaseClient` composable to confirm the user and re-direct to the `next` route:
+If you want to customize the confirmation route, you can do so by creating a server route to handle the request, and point to it in your Supabase e-mail template. Your custom route will receive the `token_hash` and `type` URL parameters, and the `redirect_to` URL parameter if provided. You can use the `useSupabaseClient` composable to confirm the user and re-direct to the `next` route:
 
 > ⚠️ You can use the provided confirm route at `/supabase/confirm`, the implementation of a custom route is optional!
 
@@ -175,7 +175,7 @@ export default defineEventHandler(async event => {
   const query = getQuery(event)
   const token_hash = query.token_hash as string
   const type = query.type as EmailOtpType | null
-  const next = (query.next as string) ?? '/'
+  const redirect_to = (query.redirect_to as string) ?? '/'
 
   if (!token_hash || !type) {
     throw createError({ statusMessage: 'Invalid token' })
@@ -188,20 +188,20 @@ export default defineEventHandler(async event => {
     throw createError({ statusMessage: error.message })
   }
 
-  await sendRedirect(event, next, 302)
+  await sendRedirect(event, redirect_to, 302)
 })
 ```
 
 ### OAuth Authentication
 
-When using OAuth authentication, you need to configure the OAuth provider in your Supabase settings under `Authentication -> Providers`. You can then use the `signInWithOAuth` method of the `auth` wrapper of the `useSupabaseClient` composable to initiate the authorization flow. This module provides a default callback under `/supabase/auth/callback` that you can provide to the authentication function:
+When using OAuth authentication, you need to configure the OAuth provider in your Supabase settings under `Authentication -> Providers`. You can then use the `signInWithOAuth` method of the `auth` wrapper of the `useSupabaseClient` composable to initiate the authorization flow. This module provides a default callback under `/auth/callback` that you can provide to the authentication function:
 
 ```ts [pages/login.vue]
 const signInWithOAuth = async () => {
   const { error } = await supabase.auth.signInWithOAuth({
     provider: 'github',
     options: {
-      redirectTo: 'http://<your-site-url>/supabase/auth/callback',
+      redirectTo: 'http://<your-site-url>/auth/callback',
     },
   })
   if (error) console.log(error)
@@ -210,7 +210,7 @@ const signInWithOAuth = async () => {
 
 You can customize the callback by creating your own server route, and point to it when calling `signInWithOAuth`. The callback route will receive a code, that needs to be exchanged for a session. Here is an example:
 
-> ⚠️ You can use the provided callback route at `/supabase/auth/callback`, the implementation of a custom callback is optional!
+> ⚠️ You can use the provided callback route at `/auth/callback`, the implementation of a custom callback is optional!
 
 ```ts [server/api/callback.ts]
 import { supabaseServerClient } from '#supabase/server'
@@ -218,7 +218,7 @@ import { supabaseServerClient } from '#supabase/server'
 export default defineEventHandler(async event => {
   const query = getQuery(event)
   const code = query.code as string
-  const next = (query.next as string) ?? '/'
+  const redirect_to = (query.redirect_to as string) ?? '/'
 
   if (!code) {
     throw createError({ statusMessage: 'No code provided' })
@@ -231,7 +231,7 @@ export default defineEventHandler(async event => {
     throw createError({ statusMessage: error.message })
   }
 
-  await sendRedirect(event, next, 302)
+  await sendRedirect(event, redirect_to, 302)
 })
 ```
 

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">3.0.0"
   },
-  "version": "0.3.5",
+  "version": "0.4.1",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -45,12 +45,12 @@ const module = defineNuxtModule({
       serviceRoleKey: options.serviceRoleKey
     };
     addServerHandler({
-      route: "/supabase/auth/confirm",
+      route: "/auth/confirm",
       handler: resolve("./runtime/server/auth/confirm"),
       method: "get"
     });
     addServerHandler({
-      route: "/supabase/auth/callback",
+      route: "/auth/callback",
       handler: resolve("./runtime/server/auth/callback"),
       method: "get"
     });

package/dist/runtime/server/auth/callback.js

@@ -3,7 +3,7 @@ import { supabaseServerClient } from "#supabase/server";
 export default defineEventHandler(async (event) => {
   const query = getQuery(event);
   const code = query.code;
-  const next = query.next ?? "/";
+  const redirect_to = query.redirect_to ?? "/";
   if (!code) {
     throw createError({ statusMessage: "No code provided" });
   }
@@ -12,5 +12,5 @@ export default defineEventHandler(async (event) => {
   if (error) {
     throw createError({ statusMessage: error.message });
   }
-  await sendRedirect(event, next, 302);
+  await sendRedirect(event, redirect_to, 302);
 });

package/dist/runtime/server/auth/confirm.js

@@ -4,7 +4,7 @@ export default defineEventHandler(async (event) => {
   const query = getQuery(event);
   const token_hash = query.token_hash;
   const type = query.type;
-  const next = query.next ?? "/";
+  const redirect_to = query.redirect_to ?? "/";
   if (!token_hash || !type) {
     throw createError({ statusMessage: "Invalid token" });
   }
@@ -13,5 +13,5 @@ export default defineEventHandler(async (event) => {
   if (error) {
     throw createError({ statusMessage: error.message });
   }
-  await sendRedirect(event, next, 302);
+  await sendRedirect(event, redirect_to, 302);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floatingpixels/supabase-nuxt",
-  "version": "0.3.5",
+  "version": "0.4.1",
   "description": "Supabase module for Nuxt",
   "repository": "floatingpixels/supabase-nuxt",
   "license": "MIT",
@@ -60,34 +60,34 @@
   },
   "dependencies": {
     "@supabase/ssr": "^0.5.2",
-    "@supabase/supabase-js": "^2.47.13"
+    "@supabase/supabase-js": "^2.48.1"
   },
   "devDependencies": {
     "@nuxt/devtools": "^1.7.0",
-    "@nuxt/eslint-config": "^0.7.5",
-    "@nuxt/kit": "^3.15.1",
+    "@nuxt/eslint-config": "^1.0.0",
+    "@nuxt/kit": "^3.15.4",
     "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/schema": "^3.15.1",
+    "@nuxt/schema": "^3.15.4",
     "@nuxt/test-utils": "3.15.4",
-    "@playwright/test": "^1.49.1",
-    "@snaplet/copycat": "^5.1.1",
+    "@playwright/test": "^1.50.1",
+    "@snaplet/copycat": "^6.0.0",
     "@snaplet/seed": "^0.98.0",
     "@types/eslint-config-prettier": "^6.11.3",
-    "@types/node": "^22.10.6",
+    "@types/node": "^22.13.1",
     "@vitest/coverage-v8": "2.1.8",
     "@vue/test-utils": "^2.4.6",
     "changelogen": "^0.5.7",
-    "eslint": "^9.18.0",
+    "eslint": "^9.19.0",
     "eslint-config-prettier": "^10.0.1",
-    "happy-dom": "^16.5.3",
-    "nuxt": "^3.15.1",
-    "playwright-core": "^1.49.1",
+    "happy-dom": "^16.8.1",
+    "nuxt": "^3.15.4",
+    "playwright-core": "^1.50.1",
     "postgres": "^3.4.5",
     "prettier": "^3.4.2",
-    "release-it": "^18.1.1",
-    "supabase": "^2.6.8",
+    "release-it": "^18.1.2",
+    "supabase": "^2.9.6",
     "typescript": "5.7.3",
-    "vitest": "^2.1.8",
+    "vitest": "^2.1.9",
     "vue-tsc": "^2.2.0"
   }
 }