@yassidev/nuxt-directus 0.0.18 → 0.0.20

package/dist/module.d.mts

@@ -573,7 +573,18 @@ interface ModuleOptions {
         enabled?: boolean;
         alias?: string;
     };
+    auth?: false | AuthConfig;
 }
+type AuthConfig = {
+    enabled?: boolean;
+} & ({
+    mode: 'static';
+    token?: string;
+} | {
+    mode: 'cookie' | 'session';
+    autoRefresh?: boolean;
+    cookieName?: string;
+});
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
 export { _default as default };

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "directus",
   "configKey": "directus",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1807,16 +1807,24 @@ const module$1 = defineNuxtModule({
     }
     nuxt.options.typescript.hoist ??= [];
     nuxt.options.typescript.hoist.push("@directus/sdk");
+    const auth = config.auth.enabled ? {
+      mode: config.auth.mode,
+      autoRefresh: config.auth.mode === "cookie" || config.auth.mode === "session" ? config.auth.autoRefresh : void 0,
+      cookieName: config.auth.mode === "cookie" || config.auth.mode === "session" ? config.auth.cookieName : void 0,
+      token: config.auth.mode === "static" ? config.auth.token ?? config.accessToken : void 0
+    } : void 0;
     updateRuntimeConfig({
       [NAME]: {
         url: config.url,
         accessToken: config.accessToken,
-        i18nPrefix: config.i18n.prefix
+        i18nPrefix: config.i18n.prefix,
+        auth
       },
       public: {
         [NAME]: {
-          url: config.proxy.enabled ? config.proxy.path : config.composables.client ? config.url : void 0,
-          i18nPrefix: config.i18n.prefix
+          url: config.composables.client ? config.url : void 0,
+          i18nPrefix: config.i18n.prefix,
+          auth
         }
       }
     });
@@ -1847,7 +1855,8 @@ function normalizeConfig(options, nuxt) {
     types: options.types === false ? { enabled: false } : options.types,
     proxy: options.proxy === false ? { enabled: false } : options.proxy,
     image: options.image === false ? { enabled: false } : options.image,
-    composables: options.composables === false ? { enabled: false } : options.composables
+    composables: options.composables === false ? { enabled: false } : options.composables,
+    auth: options.auth === false ? { enabled: false } : options.auth
   }, {
     url: process.env.DIRECTUS_URL ?? "http://localhost:8055",
     accessToken: process.env.DIRECTUS_ACCESS_TOKEN || process.env.DIRECTUS_ADMIN_TOKEN || "",
@@ -1855,7 +1864,8 @@ function normalizeConfig(options, nuxt) {
     types: { enabled: nuxt.options.dev, transform: [] },
     proxy: { enabled: true, path: "/directus", options: {} },
     image: { enabled: hasNuxtModule("@nuxt/image"), alias: "directus" },
-    composables: { enabled: true, mode: "rest", client: true, server: true }
+    composables: { enabled: true, mode: "rest", client: true, server: true },
+    auth: { enabled: true, mode: "session", autoRefresh: true, cookieName: "directus_session_token" }
   });
 }
 function setupComposables(config, nuxt, logger) {

package/dist/runtime/client.js

@@ -1,5 +1,5 @@
 import { NAME } from "./constants.js";
-import { createDirectus } from "@directus/sdk";
+import { authentication, createDirectus, staticToken } from "@directus/sdk";
 import { parseHost, joinURL } from "ufo";
 import { createError, useRuntimeConfig } from "#imports";
 import { fetchTranslations } from "./server.js";
@@ -17,11 +17,18 @@ function getRuntimeClientDirectusURL(path) {
   return hasHost ? path : joinURL(window.location.origin, path);
 }
 export function createBaseDirectus() {
-  const { url } = getRuntimeConfig();
-  return createDirectus(url, {
+  const { url, auth } = getRuntimeConfig();
+  const instance = createDirectus(url, {
     globals: {
       fetch: $fetch.create({
         baseURL: url,
+        onRequest({ options }) {
+          if (!auth?.cookieName) return;
+          const token = toValue(useCookie(auth.cookieName));
+          if (token) {
+            options.headers.set("Authorization", `Bearer ${token}`);
+          }
+        },
         onResponseError({ response }) {
           const [error] = response._data.errors || [];
           if (!error) return;
@@ -33,6 +40,20 @@ export function createBaseDirectus() {
       })
     }
   });
+  if (auth.mode === "static") {
+    instance.with(staticToken(auth.token));
+  } else if (auth.mode === "cookie") {
+    instance.with(authentication("cookie", {
+      autoRefresh: auth.autoRefresh,
+      credentials: "include"
+    }));
+  } else if (auth.mode === "session") {
+    instance.with(authentication("session", {
+      autoRefresh: auth.autoRefresh,
+      credentials: "include"
+    }));
+  }
+  return instance;
 }
 export async function getI18nTranslations(locale, config = getRuntimeConfig()) {
   const data = await fetchTranslations(locale, config);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yassidev/nuxt-directus",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "description": "A Nuxt module for better integration with Directus CMS.",
   "repository": "yassilah/nuxt-directus",
   "license": "MIT",