@okam/directus-next 2.0.2 → 2.1.1

package/CHANGELOG.md

@@ -1,3 +1,52 @@
+## 2.1.1 (2026-03-26)
+
+### 🚀 Features
+
+- **directus-next:** getPageSettings props accepts gql client ([a6d983fa](https://github.com/OKAMca/stack/commit/a6d983fa))
+
+### 🩹 Fixes
+
+- **directus-next:** getPageSettings also allows custom query fn ([c76c5163](https://github.com/OKAMca/stack/commit/c76c5163))
+- **directus-next:** remove props client memoization to match config arg ([fb169f6a](https://github.com/OKAMca/stack/commit/fb169f6a))
+
+### 🧱 Updated Dependencies
+
+- Updated directus-query to 2.0.1
+
+### ❤️ Thank You
+
+- poclerson
+
+## 2.1.0 (2026-03-26)
+
+### 🚀 Features
+
+- **directus-next:** directus router default locale + display options ([#420](https://github.com/OKAMca/stack/pull/420))
+
+### 🩹 Fixes
+
+- resolve dependabot security alerts and clean up published package dependencies ([#441](https://github.com/OKAMca/stack/pull/441))
+- replace use server by server-only in server chunks ([#437](https://github.com/OKAMca/stack/pull/437))
+
+### ❤️ Thank You
+
+- Claude Opus 4.6 (1M context)
+- Marie-Maxime Tanguay @marie-maxime
+- Pierre-Olivier Clerson @poclerson
+
+## 2.0.3 (2026-03-20)
+
+### 🩹 Fixes
+
+- resolve dependabot security alerts and clean up published package dependencies ([#441](https://github.com/OKAMca/stack/pull/441))
+- replace use server by server-only in server chunks ([#437](https://github.com/OKAMca/stack/pull/437))
+
+### ❤️ Thank You
+
+- Claude Opus 4.6 (1M context)
+- Marie-Maxime Tanguay @marie-maxime
+- Pierre-Olivier Clerson @poclerson
+
 ## 2.0.2 (2026-03-17)
 
 ### 🧱 Updated Dependencies

package/index.d.ts

@@ -4,4 +4,4 @@ export { logger as DirectusNextLogger } from './logger';
 export * from './redirect';
 export { getJsonErrorResponse } from './response';
 export { directusRouteRouter } from './router/router';
-export type * from './types';
+export * from './types';

package/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const router = require("./router-CwzG5Cu9.js");
+const router = require("./router-DorBYKUX.js");
 const headers = require("next/headers");
 const navigation = require("next/navigation");
 const radashi = require("radashi");
@@ -203,6 +203,7 @@ async function handleRedirectsRoute({
   return new Response(JSON.stringify({ redirects, rewrites }), { status: 200 });
 }
 exports.DirectusNextLogger = router.logger;
+exports.DirectusRouteLocalePrefix = router.DirectusRouteLocalePrefix;
 exports.directusRouteRouter = router.directusRouteRouter;
 exports.getApiRouteUrlDefault = router.getApiRouteUrlDefault;
 exports.getRedirectSecretDefault = router.getRedirectSecretDefault;

package/index.mjs

@@ -1,5 +1,5 @@
-import { g as getRedirectSecretDefault } from "./router-16XNi-G3.mjs";
-import { l, d, a, b, h } from "./router-16XNi-G3.mjs";
+import { g as getRedirectSecretDefault } from "./router-DC6WVUlz.mjs";
+import { l, D, d, a, b, h } from "./router-DC6WVUlz.mjs";
 import { draftMode } from "next/headers";
 import { redirect } from "next/navigation";
 import { template } from "radashi";
@@ -186,6 +186,7 @@ async function handleRedirectsRoute({
 }
 export {
   l as DirectusNextLogger,
+  D as DirectusRouteLocalePrefix,
   d as directusRouteRouter,
   a as getApiRouteUrlDefault,
   getDraftSecretDefault,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okam/directus-next",
-  "version": "2.0.2",
+  "version": "2.1.1",
   "repository": {
     "url": "https://github.com/OKAMca/stack.git"
   },
@@ -38,17 +38,16 @@
     "access": "public"
   },
   "peerDependencies": {
-    "next": "^15.1.0 || ^16.0.0"
+    "next": ">=15.5.13 <16.0.0 || ^16.1.7"
   },
   "dependencies": {
     "@graphql-typed-document-node/core": "3.2.0",
     "@okam/core-lib": "2.0.0",
     "@okam/directus-node": "1.0.0",
-    "@okam/directus-query": "2.0.0",
+    "@okam/directus-query": "2.0.1",
     "@okam/logger": "1.1.0",
-    "@okam/next-component": "2.0.3",
+    "@okam/next-component": "2.1.0",
     "graphql-request": "^7.1.2",
-    "next": "^15.1.0 || ^16.0.0",
     "radashi": "^12.3.0",
     "server-only": "0.0.1",
     "zod": "^4.3.5"

package/pageSettings/interface.d.ts

@@ -1,5 +1,5 @@
 import { TypedDocumentNode } from '@graphql-typed-document-node/core';
-import { Variables } from 'graphql-request';
+import { GraphQLClient, Variables } from 'graphql-request';
 import { TDirectusRouteConfig } from '../types/directusRouteConfig';
 import { Fragmentize } from '../types/Fragments';
 import { TPageSettings, TPageSettingsItemQuery, TPageSettingsQueryItem } from '../types/pageSettings';
@@ -19,6 +19,30 @@ export interface TGetPageSettingsProps<Item extends TPageSettingsQueryItem, Item
      * Either a directus route config or directly a locale map. Not passing a config while passing a document will result in direct usage of the `locale` variable.
      */
     config?: TGetPageSettingsConfig;
+    /**
+     * GraphQL client to use for the query done via {@link queryGql}. Defaults to `@okam/directus-query` `defaultGraphqlRequestClient`
+     * @default defaultGraphqlRequestClient
+     */
+    client?: GraphQLClient;
+    /**
+     * Query function to replace the default {@link queryGql}. Note that `document`, `variables` and `client` still get passed to this function, but they can be overriden easily.
+     *
+     * @example
+     * ```ts
+     * const customGqlClient = new GraphQLClient()
+     *
+     * const product = await getPageSettings({
+     *   queryGqlFn: async (document, variables) => {
+     *     // ignore the `client` argument passed in the callback
+     *     const result = await queryGql(document, variables, customGqlClient)
+     *     return result
+     *   }
+     * })
+     * ```
+     *
+     * @default queryGql
+     */
+    queryGqlFn?: (document: TPageSettingsItemDocument<Item, ItemKey, QueryVariables>, queryKey?: QueryVariables | undefined, client?: GraphQLClient) => Promise<TPageSettingsItemQuery<Item, ItemKey>>;
 }
 export type TGetPageSettingsReturn<Item extends TPageSettingsQueryItem> = Omit<Item, 'page_settings'> & {
     page_settings?: Exclude<NonNullable<Item>['page_settings'], Fragmentize<TPageSettings, 'PageSettingsFragment'>> | null | undefined;

package/{router-16XNi-G3.mjs → router-DC6WVUlz.mjs}

@@ -88,6 +88,11 @@ async function handleRedirect(request, options = {}) {
   log(`${capitalize(type)}ing to ${url.toString()} with status ${status}`);
   return NextResponse[type](url, { status });
 }
+var DirectusRouteLocalePrefix = /* @__PURE__ */ ((DirectusRouteLocalePrefix2) => {
+  DirectusRouteLocalePrefix2["AsNeeded"] = "as-needed";
+  DirectusRouteLocalePrefix2["Always"] = "always";
+  return DirectusRouteLocalePrefix2;
+})(DirectusRouteLocalePrefix || {});
 const query = `
   query Languages_code($filter: page_settings_translations_filter) {
     page_settings_translations(filter: $filter) {
@@ -190,14 +195,21 @@ async function directusRouteRouter(request, config, NextResponse$1 = NextRespons
     log(`PageSettings with id ${id} was found but is not associated with any locale.`, { id }, "warn");
     return NextResponse$1.next();
   }
-  const mappedLocale = config.localeMap?.[directusLocale] || directusLocale;
-  const idField = config.collectionSettings[collection]?.idField || config.collectionSettings.default.idField;
+  const { localeMap, collectionSettings, localePrefix = DirectusRouteLocalePrefix.Always, defaultLocale } = config;
+  const mappedLocale = localeMap?.[directusLocale] || directusLocale;
+  const isDirectusRouteLocalePrefixedMap = {
+    [DirectusRouteLocalePrefix.Always]: true,
+    [DirectusRouteLocalePrefix.AsNeeded]: directusLocale !== defaultLocale
+  };
+  const isDirectusRouteLocalePrefixed = isDirectusRouteLocalePrefixedMap[localePrefix];
+  const displayedLocale = isDirectusRouteLocalePrefixed ? `/${mappedLocale}` : "";
+  const idField = collectionSettings[collection]?.idField || collectionSettings.default.idField;
   log("Directus locale:", directusLocale);
   log("Mapped locale:", mappedLocale);
   log("Collection:", collection);
   log("ID Field:", idField);
   log("ID:", id);
-  const newPath = `/${mappedLocale}/${collection}/${id}`;
+  const newPath = `${displayedLocale}/${collection}/${id}`;
   log(`Rewriting path: ${pathname} -> ${newPath}`);
   const url = request.nextUrl.clone();
   url.pathname = newPath;
@@ -205,6 +217,7 @@ async function directusRouteRouter(request, config, NextResponse$1 = NextRespons
   return NextResponse$1.rewrite(url);
 }
 export {
+  DirectusRouteLocalePrefix as D,
   getApiRouteUrlDefault as a,
   getRedirectsRoute as b,
   log as c,

package/{router-CwzG5Cu9.js → router-DorBYKUX.js}

@@ -89,6 +89,11 @@ async function handleRedirect(request, options = {}) {
   log(`${radashi.capitalize(type)}ing to ${url.toString()} with status ${status}`);
   return server.NextResponse[type](url, { status });
 }
+var DirectusRouteLocalePrefix = /* @__PURE__ */ ((DirectusRouteLocalePrefix2) => {
+  DirectusRouteLocalePrefix2["AsNeeded"] = "as-needed";
+  DirectusRouteLocalePrefix2["Always"] = "always";
+  return DirectusRouteLocalePrefix2;
+})(DirectusRouteLocalePrefix || {});
 const query = `
   query Languages_code($filter: page_settings_translations_filter) {
     page_settings_translations(filter: $filter) {
@@ -191,20 +196,28 @@ async function directusRouteRouter(request, config, NextResponse = server.NextRe
     log(`PageSettings with id ${id} was found but is not associated with any locale.`, { id }, "warn");
     return NextResponse.next();
   }
-  const mappedLocale = config.localeMap?.[directusLocale] || directusLocale;
-  const idField = config.collectionSettings[collection]?.idField || config.collectionSettings.default.idField;
+  const { localeMap, collectionSettings, localePrefix = DirectusRouteLocalePrefix.Always, defaultLocale } = config;
+  const mappedLocale = localeMap?.[directusLocale] || directusLocale;
+  const isDirectusRouteLocalePrefixedMap = {
+    [DirectusRouteLocalePrefix.Always]: true,
+    [DirectusRouteLocalePrefix.AsNeeded]: directusLocale !== defaultLocale
+  };
+  const isDirectusRouteLocalePrefixed = isDirectusRouteLocalePrefixedMap[localePrefix];
+  const displayedLocale = isDirectusRouteLocalePrefixed ? `/${mappedLocale}` : "";
+  const idField = collectionSettings[collection]?.idField || collectionSettings.default.idField;
   log("Directus locale:", directusLocale);
   log("Mapped locale:", mappedLocale);
   log("Collection:", collection);
   log("ID Field:", idField);
   log("ID:", id);
-  const newPath = `/${mappedLocale}/${collection}/${id}`;
+  const newPath = `${displayedLocale}/${collection}/${id}`;
   log(`Rewriting path: ${pathname} -> ${newPath}`);
   const url = request.nextUrl.clone();
   url.pathname = newPath;
   log("Rewriting to URL:", url.toString());
   return NextResponse.rewrite(url);
 }
+exports.DirectusRouteLocalePrefix = DirectusRouteLocalePrefix;
 exports.directusRouteRouter = directusRouteRouter;
 exports.getApiRouteUrlDefault = getApiRouteUrlDefault;
 exports.getRedirectSecretDefault = getRedirectSecretDefault;

package/server.js

@@ -1,7 +1,7 @@
-"use server";
+require("server-only");
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const router = require("./router-CwzG5Cu9.js");
+const router = require("./router-DorBYKUX.js");
 const directusQuery = require("@okam/directus-query");
 const radashi = require("radashi");
 const server = require("@okam/next-component/server");
@@ -16,11 +16,11 @@ function pageSettingsVariablesContext(variables) {
 }
 const [getPageSettingsContext, setPageSettingsContext] = pageSettingsContext();
 const [getVariables, setVariables] = pageSettingsVariablesContext();
-function isTDirectusRouteConfig(config) {
-  return config != null && "localeMap" in config;
+function isDirectusRouteConfig(config) {
+  return config != null && "collectionSettings" in config;
 }
 function getDirectusVariables(variables, config) {
-  const localeMap = isTDirectusRouteConfig(config) ? config.localeMap : config;
+  const localeMap = isDirectusRouteConfig(config) ? config.localeMap : config;
   if (localeMap == null) {
     return variables;
   }
@@ -29,7 +29,7 @@ function getDirectusVariables(variables, config) {
   return { ...variables, locale: directusLocale };
 }
 async function getPageSettings(props, itemKey) {
-  const { variables, config } = props ?? {};
+  const { variables, config, client = directusQuery.defaultGraphqlRequestClient, queryGqlFn = directusQuery.queryGql } = props ?? {};
   const directusVariables = getDirectusVariables(variables, config);
   const defaultReturn = getPageSettingsContext();
   if (props == null || radashi.isEqual(getVariables(), directusVariables)) {
@@ -39,7 +39,7 @@ async function getPageSettings(props, itemKey) {
   const { document } = props;
   const key = itemKey ?? radashi.get(document, "definitions[0].selectionSet.selections[0].name.value");
   router.log("Querying new page settings", directusVariables);
-  const result = await directusQuery.queryGql(document, directusVariables);
+  const result = await queryGqlFn(document, directusVariables, client);
   const items = result?.[key];
   const currentItem = Array.isArray(items) ? items?.[0] : items;
   const currentPageSettings = currentItem?.page_settings;

package/server.mjs

@@ -1,7 +1,7 @@
-"use server";
-import { c as log } from "./router-16XNi-G3.mjs";
-import { d } from "./router-16XNi-G3.mjs";
-import { queryGql } from "@okam/directus-query";
+import "server-only";
+import { c as log } from "./router-DC6WVUlz.mjs";
+import { d } from "./router-DC6WVUlz.mjs";
+import { queryGql, defaultGraphqlRequestClient } from "@okam/directus-query";
 import { isEqual, get, invert } from "radashi";
 import { createServerContext } from "@okam/next-component/server";
 import "server-only";
@@ -15,11 +15,11 @@ function pageSettingsVariablesContext(variables) {
 }
 const [getPageSettingsContext, setPageSettingsContext] = pageSettingsContext();
 const [getVariables, setVariables] = pageSettingsVariablesContext();
-function isTDirectusRouteConfig(config) {
-  return config != null && "localeMap" in config;
+function isDirectusRouteConfig(config) {
+  return config != null && "collectionSettings" in config;
 }
 function getDirectusVariables(variables, config) {
-  const localeMap = isTDirectusRouteConfig(config) ? config.localeMap : config;
+  const localeMap = isDirectusRouteConfig(config) ? config.localeMap : config;
   if (localeMap == null) {
     return variables;
   }
@@ -28,7 +28,7 @@ function getDirectusVariables(variables, config) {
   return { ...variables, locale: directusLocale };
 }
 async function getPageSettings(props, itemKey) {
-  const { variables, config } = props ?? {};
+  const { variables, config, client = defaultGraphqlRequestClient, queryGqlFn = queryGql } = props ?? {};
   const directusVariables = getDirectusVariables(variables, config);
   const defaultReturn = getPageSettingsContext();
   if (props == null || isEqual(getVariables(), directusVariables)) {
@@ -38,7 +38,7 @@ async function getPageSettings(props, itemKey) {
   const { document } = props;
   const key = itemKey ?? get(document, "definitions[0].selectionSet.selections[0].name.value");
   log("Querying new page settings", directusVariables);
-  const result = await queryGql(document, directusVariables);
+  const result = await queryGqlFn(document, directusVariables, client);
   const items = result?.[key];
   const currentItem = Array.isArray(items) ? items?.[0] : items;
   const currentPageSettings = currentItem?.page_settings;

package/types/directusRouteConfig.d.ts

@@ -12,8 +12,73 @@ export interface TDirectusRouteRedirectsModule {
      */
     apiRoute?: string;
 }
-export interface TDirectusRouteConfig {
-    localeMap?: Record<string, string>;
+export declare enum DirectusRouteLocalePrefix {
+    /**
+     * The pathname will be prefixed with the locale only when it is not the default locale
+     *
+     * @example
+     * ```ts
+     * const directusConfig = {
+     *   localePrefix: 'as-needed',
+     *   defaultLocale: 'en-CA',
+     *   localeMap: {
+     *     'fr-CA': 'fr',
+     *     'en-CA': 'en',
+     *   }
+     * }
+     *
+     * // navigate to /en/products/1
+     * // output: /products/1 with english language
+     *
+     * // navigate to /products/1
+     * // output: /products/1 with english language
+     *
+     * // navigate to /fr/produits/1
+     * // output: /fr/produits/1 with french language
+     * ```
+     */
+    AsNeeded = "as-needed",
+    /**
+     * The pathname will always be prefixed by the locale
+     *
+     * @example
+     * ```ts
+     * const directusConfig = {
+     *   localePrefix: 'always',
+     *   defaultLocale: 'en-CA',
+     *   localeMap: {
+     *     'fr-CA': 'fr',
+     *     'en-CA': 'en',
+     *   }
+     * }
+     *
+     * // navigate to /en/products/1
+     * // output: /en/products/1 with english language
+     *
+     * // navigate to /products/1
+     * // output: /en/products/1 with english language
+     *
+     * // navigate to /fr/produits/1
+     * // output: /fr/produits/1 with french language
+     * ```
+     */
+    Always = "always"
+}
+export type TDirectusRouteI18n<Locales extends string> = {
+    defaultLocale: Locales;
+    /**
+     * {@link DirectusRouteLocalePrefix}
+     */
+    localePrefix: `${DirectusRouteLocalePrefix.AsNeeded}`;
+} | {
+    defaultLocale?: Locales;
+    /**
+     * {@link DirectusRouteLocalePrefix}
+     */
+    localePrefix?: `${DirectusRouteLocalePrefix.Always}` | undefined;
+};
+export type TDirectusRouteConfig<Locales extends string = string> = {
+    localeMap?: Record<Locales, string>;
     collectionSettings: {
         [collection: string]: {
             idField: string;
@@ -26,4 +91,4 @@ export interface TDirectusRouteConfig {
     modules?: {
         redirects?: TDirectusRouteRedirectsModule;
     };
-}
+} & TDirectusRouteI18n<Locales>;

package/types/index.d.ts

@@ -1,2 +1,3 @@
+export { DirectusRouteLocalePrefix } from './directusRouteConfig';
 export type { TDirectusRouteConfig, TDirectusRouteRedirectsModule } from './directusRouteConfig';
 export type { TPageSettings, TPageSettingsItemQuery, TPageSettingsQueryItem, TPageSettingsTranslation, } from './pageSettings';