feat(auth): support Ionic (#97)

* feat: support Ionic

* chore(playground): add Ionic app

* test: add Ionic app tests

Author: becem-gharbi

package.json

@@ -33,12 +33,16 @@
     "dev:build:spa:session": "cross-env NUXT_SSR=false NUXT_PUBLIC_DIRECTUS_AUTH_MODE=session NODE_OPTIONS=--no-deprecation nuxi build playground",
     "dev:build:ssr:cookie": "cross-env NUXT_SSR=true NUXT_PUBLIC_DIRECTUS_AUTH_MODE=cookie NODE_OPTIONS=--no-deprecation nuxi build playground",
     "dev:build:spa:cookie": "cross-env NUXT_SSR=false NUXT_PUBLIC_DIRECTUS_AUTH_MODE=cookie NODE_OPTIONS=--no-deprecation nuxi build playground",
+    "dev:build:ionic:cookie": "cross-env NUXT_PUBLIC_DIRECTUS_AUTH_MODE=cookie NODE_OPTIONS=--no-deprecation nuxi build playground_ionic",
+    "dev:build:ionic:session": "cross-env NUXT_PUBLIC_DIRECTUS_AUTH_MODE=session NODE_OPTIONS=--no-deprecation nuxi build playground_ionic",
     "test": "playwright test --ui",
     "test:prod:ssr:session": "npm run dev:build:ssr:session && cross-env NODE_ENV=production NUXT_PUBLIC_DIRECTUS_AUTH_MODE=session playwright test",
     "test:prod:spa:session": "npm run dev:build:spa:session && cross-env NODE_ENV=production NUXT_PUBLIC_DIRECTUS_AUTH_MODE=session playwright test",
     "test:prod:ssr:cookie": "npm run dev:build:ssr:cookie && cross-env NODE_ENV=production NUXT_PUBLIC_DIRECTUS_AUTH_MODE=cookie playwright test",
     "test:prod:spa:cookie": "npm run dev:build:spa:cookie && cross-env NODE_ENV=production NUXT_PUBLIC_DIRECTUS_AUTH_MODE=cookie playwright test",
-    "test:prod": "npm run test:prod:ssr:session && npm run test:prod:ssr:cookie && npm run test:prod:spa:session && npm run test:prod:spa:cookie",
+    "test:prod:ionic:cookie": "npm run dev:build:ionic:cookie && cross-env NODE_ENV=production NUXT_PUBLIC_DIRECTUS_AUTH_MODE=cookie IS_IONIC=true playwright test",
+    "test:prod:ionic:session": "npm run dev:build:ionic:session && cross-env NODE_ENV=production NUXT_PUBLIC_DIRECTUS_AUTH_MODE=session IS_IONIC=true playwright test",
+    "test:prod": "npm run test:prod:ssr:session && npm run test:prod:ssr:cookie && npm run test:prod:spa:session && npm run test:prod:spa:cookie && npm run test:prod:ionic:cookie && npm run test:prod:ionic:session",
     "lint": "eslint .",
     "typecheck": "nuxi typecheck",
     "prepack": "nuxt-module-build",
@@ -71,4 +75,4 @@
     "@vue/apollo-composable": "^4.0.1"
   },
   "packageManager": "[email protected]"
-}
+}

playground_ionic/.env

@@ -0,0 +1,2 @@
+NODE_OPTIONS=--dns-result-order=ipv4first
+NUXT_PUBLIC_DIRECTUS_AUTH_MODE=session

playground_ionic/.gitignore

@@ -0,0 +1 @@
+!.env

playground_ionic/.npmrc

@@ -0,0 +1,3 @@
+auto-install-peers=true
+shamefully-hoist=true
+strict-peer-dependencies=false

playground_ionic/app.vue

@@ -0,0 +1,6 @@
+<template>
+  <ion-app>
+    <ion-router-outlet />
+    <div data-testid="hydration-check" />
+  </ion-app>
+</template>

playground_ionic/ionic.config.json

@@ -0,0 +1,5 @@
+{
+  "name": "my-module-playground",
+  "integrations": {},
+  "type": "vue"
+}

playground_ionic/nuxt.config.ts

@@ -0,0 +1,48 @@
+import { defineNuxtConfig } from 'nuxt/config'
+
+export default defineNuxtConfig({
+  modules: ['../src/module', '@nuxtjs/ionic'],
+  ssr: false,
+
+  future: {
+    compatibilityVersion: 4,
+  },
+
+  compatibilityDate: '2024-12-29',
+
+  vite: {
+    logLevel: 'silent',
+  },
+
+  typescript: {
+    tsConfig: {
+      compilerOptions: {
+        module: 'ESNext',
+      },
+    },
+  },
+
+  directus: {
+    auth: {
+      enabled: true,
+      mode: process.env.NUXT_PUBLIC_DIRECTUS_AUTH_MODE as 'session' | 'cookie',
+      enableGlobalAuthMiddleware: true,
+      refreshTokenCookieName: 'directus_refresh_token',
+      sessionTokenCookieName: 'directus_session_token',
+      loggedInFlagName: 'directus_logged_in',
+      msRefreshBeforeExpires: 5000,
+      redirect: {
+        login: '/auth/login',
+        callback: '/auth/callback',
+        resetPassword: '/auth/reset-password',
+        home: '/home',
+        logout: '/auth/login',
+      },
+    },
+    graphql: {
+      enabled: true,
+      httpEndpoint: 'http://localhost:8055/graphql',
+      wsEndpoint: 'ws://localhost:8055/graphql',
+    },
+  },
+})