feat(gui-v2): add auth middleware

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>

packages/nc-gui-v2/middleware/auth.global.ts

@@ -0,0 +1,15 @@
+import { defineNuxtRouteMiddleware, navigateTo, useNuxtApp } from '#app'
+
+export default defineNuxtRouteMiddleware((to, from) => {
+  const { $state } = useNuxtApp()
+
+  /**
+   * By default, we assume that auth is required
+   * If not required, mark the page as `requiresAuth: false` using `definePageMeta`
+   */
+  if ((to.meta.requiresAuth || typeof to.meta.requiresAuth === 'undefined') && !$state.signedIn.value) {
+    return navigateTo('/signin')
+  } else if (to.meta.requiresAuth === false && $state.signedIn.value) {
+    return navigateTo(from.path)
+  }
+})

packages/nc-gui-v2/pages/signin.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
-import { useHead } from '#imports'
+import { definePageMeta, useHead } from '#imports'
 import { extractSdkResponseErrorMsg } from '~/utils/errorUtils'
 import { navigateTo, useNuxtApp } from '#app'
 import { isEmail } from '~/utils/validation'
@@ -11,6 +11,10 @@ const { $api, $state } = $(useNuxtApp())
 
 const { t } = useI18n()
 
+definePageMeta({
+  requiresAuth: false,
+})
+
 useHead({
   title: t('title.headLogin'),
   meta: [

packages/nc-gui-v2/pages/signup.vue

@@ -4,11 +4,17 @@ import { navigateTo } from '#app'
 
 const { $api, $state } = useNuxtApp()
 
+definePageMeta({
+  requiresAuth: false,
+})
+
 const error = ref()
+
 const form = reactive({
   email: '',
   password: '',
 })
+
 const signUp = async () => {
   error.value = null
   try {