nuxt-directus-sdk 4.0.1 → 4.0.3

package/README.md

@@ -62,11 +62,11 @@ DIRECTUS_URL=https://your-directus-url.com
 DIRECTUS_ADMIN_TOKEN=your_admin_token # Optional: for type generation
 ```
 
-4. **Configure your Directus backend** for cross-domain authentication (see [Authentication Guide](https://nuxt-directus-sdk.rolley.io/guide/authentication))
+4. **Configure your Directus backend** for cross-domain authentication (see [Authentication Guide](https://nuxt-directus-sdk.rolley.io/guide/authentication.html))
 
 That's it! You can now use Directus within your Nuxt app ✨
 
-For cross-domain setups (e.g., `app.example.com` ↔ `api.example.com`), see the [Authentication Guide](https://nuxt-directus-sdk.rolley.io/guide/authentication).
+For cross-domain setups (e.g., `app.example.com` ↔ `api.example.com`), see the [Authentication Guide](https://nuxt-directus-sdk.rolley.io/guide/authentication.html).
 
 ## Development
 

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-directus-sdk",
-  "version": "4.0.1",
+  "version": "4.0.3",
   "configKey": "directus",
   "compatibility": {
     "nuxt": "^4.0.0"

package/dist/module.mjs

@@ -5,7 +5,7 @@ import { generateTypes } from '../dist/runtime/types/index.js';
 import { useUrl } from '../dist/runtime/utils/index.js';
 
 const name = "nuxt-directus-sdk";
-const version = "4.0.1";
+const version = "4.0.3";
 
 const configKey = "directus";
 const logger = useLogger("nuxt-directus-sdk");

package/dist/runtime/composables/auth.js

@@ -1,4 +1,4 @@
-import { navigateTo, useNuxtApp, useRouter, useRuntimeConfig } from "#app";
+import { navigateTo, useRouter, useRuntimeConfig } from "#app";
 import { computed, useState } from "#imports";
 import { acceptUserInvite as directusAcceptUserInvite, createUser as directusCreateUser, inviteUser as directusInviteUser, passwordRequest as directusPasswordRequest, passwordReset as directusPasswordReset, readMe as directusReadMe, updateMe as directusUpdateMe } from "@directus/sdk";
 import { useDirectus, useDirectusUrl } from "./directus.js";
@@ -14,7 +14,6 @@ export function useDirectusAuth() {
   const directus = useDirectus();
   const user = useDirectusUser();
   const loading = useDirectusUserLoading();
-  const nuxtApp = useNuxtApp();
   const loggedIn = computed(() => user.value !== null);
   async function readMe() {
     if (loading.value) {
@@ -29,7 +28,6 @@ export function useDirectusAuth() {
     } finally {
       loading.value = false;
     }
-    await nuxtApp.callHook("directus:loggedIn", user.value);
     return user.value;
   }
   async function updateMe(data) {

package/dist/runtime/composables/directus.js

@@ -33,13 +33,13 @@ function createDirectusClient() {
     autoRefresh: authConfig.autoRefresh ?? true,
     credentials: authConfig.credentials || "include",
     // Only use custom storage on server to prevent localStorage errors
-    storage: import.meta.server ? useDirectusStorage() : void 0
+    ...import.meta.server ? { storage: useDirectusStorage() } : {}
   })).with(rest({
     credentials: authConfig.credentials || "include"
   })).with(realtime({
-    authMode: authConfig.realtimeAuthMode || "handshake",
+    authMode: authConfig.realtimeAuthMode || "public",
     // Only set custom URL if we have a proxy path (dev mode with proxy enabled)
-    url: config.public.directus.wsProxyUrl
+    ...config.public.directus.wsProxyUrl ? { url: config.public.directus.wsProxyUrl } : {}
   }));
   return directus2;
 }

package/dist/runtime/plugin.js

@@ -1,4 +1,4 @@
-import { defineNuxtPlugin, refreshNuxtData, useRequestHeaders, useRoute, useRuntimeConfig } from "#app";
+import { defineNuxtPlugin, refreshNuxtData, useRoute, useRuntimeConfig } from "#app";
 import { useDirectusAuth } from "./composables/auth.js";
 import { useDirectus, useDirectusPreview } from "./composables/directus.js";
 export default defineNuxtPlugin(async (nuxtApp) => {
@@ -19,9 +19,7 @@ export default defineNuxtPlugin(async (nuxtApp) => {
   }
   const authEnabled = config.public.directus.auth?.enabled ?? true;
   if (authEnabled && directusAuth.user.value === null) {
-    const hasSessionToken = import.meta.server ? useRequestHeaders(["cookie"]).cookie?.includes("directus_session_token") : document.cookie.includes("directus_session_token");
-    if (hasSessionToken) {
-      await directusAuth.readMe();
-    }
+    const user = await directusAuth.readMe();
+    await nuxtApp.callHook("directus:loggedIn", user);
   }
 });

package/dist/runtime/server/routes/directus.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<any>>;
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<void>>;
 export default _default;

package/dist/runtime/server/routes/directus.js

@@ -1,10 +1,33 @@
 import { useRuntimeConfig } from "#imports";
-import { defineEventHandler, getRequestURL, proxyRequest } from "h3";
+import { defineEventHandler, getRequestURL, proxyRequest, setResponseHeaders } from "h3";
 import { joinURL } from "ufo";
 export default defineEventHandler(async (event) => {
   const config = useRuntimeConfig();
   const directusUrl = config.public.directus.directusUrl;
   const url = getRequestURL(event);
   const path = url.pathname.replace(/^\/directus/, "") + url.search;
-  return proxyRequest(event, joinURL(directusUrl, path));
+  await proxyRequest(event, joinURL(directusUrl, path), {
+    // Intercept response to rewrite cookies for local development
+    onResponse(proxyEvent, response) {
+      const setCookieHeaders = response.headers.getSetCookie?.() || [];
+      if (setCookieHeaders.length > 0) {
+        const rewrittenCookies = setCookieHeaders.map((cookie) => {
+          let rewrittenCookie = cookie.replace(/;\s*Domain=[^;]+/gi, "");
+          const hasSameSiteNone = rewrittenCookie.match(/SameSite=None/i);
+          if (hasSameSiteNone) {
+            rewrittenCookie = rewrittenCookie.replace(/;\s*SameSite=None/gi, "; SameSite=Lax").replace(/;\s*Secure\s*(?=;|$)/gi, "");
+          } else {
+            rewrittenCookie = rewrittenCookie.replace(/;\s*Secure\s*(?=;|$)/gi, "");
+            if (!rewrittenCookie.match(/SameSite=/i)) {
+              rewrittenCookie += "; SameSite=Lax";
+            }
+          }
+          return rewrittenCookie;
+        });
+        setResponseHeaders(proxyEvent, {
+          "set-cookie": rewrittenCookies
+        });
+      }
+    }
+  });
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-directus-sdk",
   "type": "module",
-  "version": "4.0.1",
+  "version": "4.0.3",
   "description": "A Directus nuxt module that uses the Directus SDK",
   "author": "Matthew Rollinson <matt@rolley.io>",
   "license": "MIT",
@@ -29,15 +29,12 @@
     "docs:build": "bun run dev:prepare && vitepress build docs",
     "docs:preview": "vitepress preview docs"
   },
-  "peerDependencies": {
-    "@nuxt/image": "^1.11.0",
-    "@nuxt/kit": "^3.0.0 || ^4.0.0",
-    "nuxt": "^3.0.0 || ^4.0.0"
-  },
   "dependencies": {
     "@directus/sdk": "^20.0.0",
     "@directus/types": "^13.0.0",
     "@directus/visual-editing": "^1.1.0",
+    "@nuxt/image": "^1.11.0",
+    "@nuxt/kit": "^4.1.2",
     "change-case": "^4.1.2",
     "defu": "^6.1.1",
     "http-proxy": "^1.18.1",
@@ -47,7 +44,6 @@
   "devDependencies": {
     "@antfu/eslint-config": "^4.10.0",
     "@nuxt/devtools": "latest",
-    "@nuxt/kit": "^4.1.2",
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/schema": "^4.1.2",
     "@nuxt/test-utils": "^3.19.2",