feat(app): added redirection to unauthorized route after signin

Added a feature to store the requested route that is outside the scope of the excluded routes. The route is stored in a cookie and disabled by default.

src/module.ts

@@ -102,7 +102,8 @@ export default defineNuxtModule<ModuleOptions>({
     redirectOptions: {
       login: '/login',
       callback: '/confirm',
-      exclude: []
+      exclude: [],
+      cookieRedirect: false
     },
     cookieName: 'sb',
     cookieOptions: {
@@ -151,8 +152,7 @@ export default defineNuxtModule<ModuleOptions>({
 
     // ensure callback URL is not using SSR
     const mergedOptions = nuxt.options.runtimeConfig.public.supabase
-    if (mergedOptions.redirect &&
-      mergedOptions.redirectOptions.callback) {
+    if (mergedOptions.redirect && mergedOptions.redirectOptions.callback) {
       const routeRules: { [key: string]: any } = {}
       routeRules[mergedOptions.redirectOptions.callback] = { ssr: false }
       nuxt.options.nitro = defu(nuxt.options.nitro, {

src/runtime/plugins/auth-redirect.ts

@@ -1,5 +1,5 @@
 import { useSupabaseUser } from '../composables/useSupabaseUser'
-import { defineNuxtPlugin, addRouteMiddleware, defineNuxtRouteMiddleware, useRuntimeConfig, navigateTo } from '#imports'
+import { defineNuxtPlugin, addRouteMiddleware, defineNuxtRouteMiddleware, useCookie, useRuntimeConfig, navigateTo } from '#imports'
 
 export default defineNuxtPlugin({
   name: 'auth-redirect',
@@ -8,7 +8,8 @@ export default defineNuxtPlugin({
       'global-auth',
       defineNuxtRouteMiddleware((to) => {
         const config = useRuntimeConfig().public.supabase
-        const { login, callback, exclude } = config.redirectOptions
+        const { login, callback, exclude, cookieRedirect } = config.redirectOptions
+        const { cookieName, cookieOptions } = config
 
         // Do not redirect on login route, callback route and excluded routes
         const isExcluded = [...exclude, login, callback]?.some((path) => {
@@ -19,6 +20,7 @@ export default defineNuxtPlugin({
 
         const user = useSupabaseUser()
         if (!user.value) {
+          if (cookieRedirect) { useCookie(`${cookieName}-redirect-path`, cookieOptions).value = to.fullPath }
           return navigateTo(login)
         }
       }),

src/runtime/types/index.d.ts

@@ -18,4 +18,5 @@ export interface RedirectOptions {
   login: string
   callback: string
   exclude?: string[]
+  cookieRedirect?: boolean
 }