@okam/directus-query 1.4.2 → 1.5.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+## 1.5.0 (2026-01-16)
+
+### 🚀 Features
+
+- ⚠️  React 19 + Next.js 15 upgrade for all @okam/* packages ([#369](https://github.com/OKAMca/stack/pull/369))
+
+### 🩹 Fixes
+
+- **directus-query:** stop bundling okam libs ([ebb2885](https://github.com/OKAMca/stack/commit/ebb2885))
+- **directus-next:** draft route handler uses zod, returns draft isEnabled whenever possible ([#376](https://github.com/OKAMca/stack/pull/376))
+- update vite-plugin-dts to version 3 ([5d33c77](https://github.com/OKAMca/stack/commit/5d33c77))
+- package deps error ([b665a45](https://github.com/OKAMca/stack/commit/b665a45))
+- search field icon ([0850fde](https://github.com/OKAMca/stack/commit/0850fde))
+
+### ⚠️  Breaking Changes
+
+- Consumers must now have react and react-dom in their own
+
+### ❤️ Thank You
+
+- Marie-Maxime Tanguay @marie-maxime
+- Pierre-Olivier Clerson @poclerson
+- poclerson
+
 ## 1.4.2 (2025-07-24)
 
 ### 🩹 Fixes

package/index.d.ts

@@ -2,3 +2,4 @@ export * from './lib/hooks';
 export * from './lib/query';
 export { logger as DirectusQueryLogger } from './logger';
 export { default as initDirectusQuery } from './lib/init';
+export { graphqlRequestClient as defaultGraphqlRequestClient, graphqlRequestAdmin as defaultGraphqlRequestAdmin, } from './lib/request';

package/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@tanstack/react-query"),p=require("radashi"),l=require("graphql-request");class u{constructor(s,e,r){this.nameSpace="[STACK]",this.suppressConsole=!1,this.env=process.env.NODE_ENV,this.nameSpace=s??this.nameSpace,this.suppressConsole=r??this.suppressConsole,this.logger=e??this.internalLogger}internalLogger(s,e,r){this.env!=="production"&&console[e||"log"](`${this.nameSpace} ${s}`.trimStart(),r??"")}setLogger(s){this.logger=(e,r,t)=>{this.suppressConsole&&this.internalLogger(e,r,t),s(e,r,t)}}static getInstance(){return u.instance||(u.instance=new u),u.instance}log(s,e,r){this.logger(s,e,r)}}u.getInstance();const h=(n,s,e=!1)=>{const r=new u(n,s,e);return r.log("Logger initialized","info"),r},y=h("[DirectusQuery]"),g=process.env.NEXT_PUBLIC_GRAPHQL_URL,q=process.env.NEXT_SERVER_GRAPHQL_URL,Q=process.env.NEXT_GRAPHQL_URL_ADMIN,_=process.env.NEXT_PUBLIC_API_TOKEN??"",N=process.env.NEXT_PUBLIC_API_TOKEN,E=new l.GraphQLClient(q||g,{credentials:"include",mode:"cors",fetch,headers:{Authorization:`Bearer ${_}`}}),L=new l.GraphQLClient(Q,{credentials:"include",mode:"cors",fetch,headers:{Authorization:`Bearer ${N}`}});new o.QueryClient({queryCache:new o.QueryCache({onError:n=>{y.log("QueryClient Error","error",{error:n})}}),defaultOptions:{queries:{staleTime:5*1e3}}});function i(n,s,e=E){return e.request(n,{...s})}function c(n,s){return[p.get(n,"definitions.0.name.value"),s]}function A(n,s,e,r){const t=c(n,s);return o.useQuery({queryKey:t,queryFn:async({queryKey:a})=>i(n,a[1],r),...e})}function T(n,s,e){const r=c(n,s);return o.useSuspenseQuery({queryKey:r,queryFn:async({queryKey:t})=>i(n,t[1]),...e})}function P(n,s,e){const r=c(n,s);return o.useSuspenseQuery({queryKey:r,queryFn:async({queryKey:t})=>i(n,t[1],L),...e})}const G=process.env.NEXT_PUBLIC_GRAPHQL_URL,d=process.env.NEXT_PUBLIC_API_TOKEN,f={credentials:"include",mode:"cors",fetch,headers:{Authorization:`Bearer ${d}`}},C=(n=G,s=f)=>{const e=new l.GraphQLClient(n,s);function r(t,a){return i(t,a,e)}return{queryGql:r,client:e}};exports.DirectusQueryLogger=y;exports.getQueryValues=c;exports.initDirectusQuery=C;exports.queryGql=i;exports.useGqlQuery=A;exports.useSuspenseGqlQuery=T;exports.useSuspenseGqlQueryAdmin=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@tanstack/react-query"),_=require("radashi"),l=require("graphql-request"),Q=require("@okam/logger"),a=Q.createLogger("[DirectusQuery]"),A=process.env.NEXT_PUBLIC_GRAPHQL_URL,N=process.env.NEXT_SERVER_GRAPHQL_URL,p=process.env.NEXT_GRAPHQL_URL_ADMIN,E=process.env.NEXT_PUBLIC_API_TOKEN??"",G=process.env.NEXT_PUBLIC_API_TOKEN,y=new l.GraphQLClient(N||A,{credentials:"include",mode:"cors",fetch,headers:{Authorization:`Bearer ${E}`}}),q=new l.GraphQLClient(p,{credentials:"include",mode:"cors",fetch,headers:{Authorization:`Bearer ${G}`}});new t.QueryClient({queryCache:new t.QueryCache({onError:e=>{a.log("QueryClient Error","error",{error:e})}}),defaultOptions:{queries:{staleTime:5*1e3}}});function o(e,r,n=y){return n.request(e,{...r})}function c(e,r){return[_.get(e,"definitions.0.name.value"),r]}function L(e,r,n,u){const s=c(e,r);return t.useQuery({queryKey:s,queryFn:async({queryKey:i})=>o(e,i[1],u),...n})}function P(e,r,n){const u=c(e,r);return t.useSuspenseQuery({queryKey:u,queryFn:async({queryKey:s})=>o(e,s[1]),...n})}function T(e,r,n){const u=c(e,r);return t.useSuspenseQuery({queryKey:u,queryFn:async({queryKey:s})=>o(e,s[1],q),...n})}const d=process.env.NEXT_PUBLIC_GRAPHQL_URL,R=process.env.NEXT_PUBLIC_API_TOKEN,h={credentials:"include",mode:"cors",fetch,headers:{Authorization:`Bearer ${R}`}},g=(e=d,r=h)=>{const n=new l.GraphQLClient(e,r);function u(s,i){return o(s,i,n)}return{queryGql:u,client:n}};exports.DirectusQueryLogger=a;exports.defaultGraphqlRequestAdmin=q;exports.defaultGraphqlRequestClient=y;exports.getQueryValues=c;exports.initDirectusQuery=g;exports.queryGql=o;exports.useGqlQuery=L;exports.useSuspenseGqlQuery=P;exports.useSuspenseGqlQueryAdmin=T;

package/index.mjs

@@ -1,48 +1,26 @@
-import { QueryClient as p, QueryCache as h, useQuery as _, useSuspenseQuery as l } from "@tanstack/react-query";
-import { get as g } from "radashi";
+import { QueryClient as l, QueryCache as _, useQuery as y, useSuspenseQuery as a } from "@tanstack/react-query";
+import { get as q } from "radashi";
 import { GraphQLClient as c } from "graphql-request";
-class o {
-  constructor(n, e, s) {
-    this.nameSpace = "[STACK]", this.suppressConsole = !1, this.env = process.env.NODE_ENV, this.nameSpace = n ?? this.nameSpace, this.suppressConsole = s ?? this.suppressConsole, this.logger = e ?? this.internalLogger;
-  }
-  internalLogger(n, e, s) {
-    this.env !== "production" && console[e || "log"](`${this.nameSpace} ${n}`.trimStart(), s ?? "");
-  }
-  setLogger(n) {
-    this.logger = (e, s, t) => {
-      this.suppressConsole && this.internalLogger(e, s, t), n(e, s, t);
-    };
-  }
-  static getInstance() {
-    return o.instance || (o.instance = new o()), o.instance;
-  }
-  log(n, e, s) {
-    this.logger(n, e, s);
-  }
-}
-o.getInstance();
-const y = (r, n, e = !1) => {
-  const s = new o(r, n, e);
-  return s.log("Logger initialized", "info"), s;
-}, N = y("[DirectusQuery]"), E = process.env.NEXT_PUBLIC_GRAPHQL_URL, A = process.env.NEXT_SERVER_GRAPHQL_URL, L = process.env.NEXT_GRAPHQL_URL_ADMIN, f = process.env.NEXT_PUBLIC_API_TOKEN ?? "", Q = process.env.NEXT_PUBLIC_API_TOKEN, T = new c(A || E, {
+import { createLogger as N } from "@okam/logger";
+const A = N("[DirectusQuery]"), E = process.env.NEXT_PUBLIC_GRAPHQL_URL, Q = process.env.NEXT_SERVER_GRAPHQL_URL, p = process.env.NEXT_GRAPHQL_URL_ADMIN, L = process.env.NEXT_PUBLIC_API_TOKEN ?? "", P = process.env.NEXT_PUBLIC_API_TOKEN, T = new c(Q || E, {
   credentials: "include",
   mode: "cors",
   fetch,
   headers: {
-    Authorization: `Bearer ${f}`
+    Authorization: `Bearer ${L}`
   }
-}), q = new c(L, {
+}), R = new c(p, {
   credentials: "include",
   mode: "cors",
   fetch,
   headers: {
-    Authorization: `Bearer ${Q}`
+    Authorization: `Bearer ${P}`
   }
 });
-new p({
-  queryCache: new h({
-    onError: (r) => {
-      N.log("QueryClient Error", "error", { error: r });
+new l({
+  queryCache: new _({
+    onError: (e) => {
+      A.log("QueryClient Error", "error", { error: e });
     }
   }),
   defaultOptions: {
@@ -51,61 +29,63 @@ new p({
     }
   }
 });
-function i(r, n, e = T) {
-  return e.request(r, {
-    ...n
+function u(e, r, n = T) {
+  return n.request(e, {
+    ...r
   });
 }
-function a(r, n) {
-  return [g(r, "definitions.0.name.value"), n];
+function i(e, r) {
+  return [q(e, "definitions.0.name.value"), r];
 }
-function G(r, n, e, s) {
-  const t = a(r, n);
-  return _({
+function v(e, r, n, s) {
+  const t = i(e, r);
+  return y({
     queryKey: t,
-    queryFn: async ({ queryKey: u }) => i(r, u[1], s),
-    ...e
+    queryFn: async ({ queryKey: o }) => u(e, o[1], s),
+    ...n
   });
 }
-function m(r, n, e) {
-  const s = a(r, n);
-  return l({
+function U(e, r, n) {
+  const s = i(e, r);
+  return a({
     queryKey: s,
-    queryFn: async ({ queryKey: t }) => i(r, t[1]),
-    ...e
+    queryFn: async ({ queryKey: t }) => u(e, t[1]),
+    ...n
   });
 }
-function U(r, n, e) {
-  const s = a(r, n);
-  return l({
+function g(e, r, n) {
+  const s = i(e, r);
+  return a({
     queryKey: s,
-    queryFn: async ({ queryKey: t }) => i(r, t[1], q),
-    ...e
+    queryFn: async ({ queryKey: t }) => u(e, t[1], R),
+    ...n
   });
 }
-const P = process.env.NEXT_PUBLIC_GRAPHQL_URL, C = process.env.NEXT_PUBLIC_API_TOKEN, I = {
+const f = process.env.NEXT_PUBLIC_GRAPHQL_URL, d = process.env.NEXT_PUBLIC_API_TOKEN, G = {
   credentials: "include",
   mode: "cors",
   fetch,
   headers: {
-    Authorization: `Bearer ${C}`
+    Authorization: `Bearer ${d}`
   }
-}, O = (r = P, n = I) => {
-  const e = new c(r, n);
-  function s(t, u) {
-    return i(t, u, e);
+}, H = (e = f, r = G) => {
+  const n = new c(e, r);
+  function s(t, o) {
+    return u(t, o, n);
   }
   return {
     queryGql: s,
-    client: e
+    client: n
   };
 };
 export {
-  N as DirectusQueryLogger,
-  a as getQueryValues,
-  O as initDirectusQuery,
-  i as queryGql,
-  G as useGqlQuery,
-  m as useSuspenseGqlQuery,
-  U as useSuspenseGqlQueryAdmin
+  A as DirectusQueryLogger,
+  R as defaultGraphqlRequestAdmin,
+  T as defaultGraphqlRequestClient,
+  i as getQueryValues,
+  H as initDirectusQuery,
+  u as queryGql,
+  v as useGqlQuery,
+  U as useSuspenseGqlQuery,
+  g as useSuspenseGqlQueryAdmin
 };

package/lib/config.d.ts

@@ -1,4 +1,5 @@
-import type { RequestConfig } from 'node_modules/graphql-request/build/legacy/helpers/types';
+import { RequestConfig } from 'node_modules/graphql-request/build/legacy/helpers/types';
+
 export declare const GRAPHQL_ENDPOINT: string;
 export declare const AUTH_TOKEN: string;
 export declare const defaultConfig: RequestConfig;

package/lib/hooks/use-graphql.d.ts

@@ -1,8 +1,6 @@
-import { type TypedDocumentNode } from '@graphql-typed-document-node/core';
-import type { QueryOptions, UseQueryResult } from '@tanstack/react-query';
-import type { GraphQLClient, Variables } from 'graphql-request';
-export declare function useGqlQuery<TResult, TVariables extends Variables>(document: TypedDocumentNode<TResult, TVariables>, variables?: TVariables, options?: QueryOptions & {
-    enabled: boolean;
-    useErrorBoundary: boolean;
-}, client?: GraphQLClient): UseQueryResult<TResult>;
+import { TypedDocumentNode } from '@graphql-typed-document-node/core';
+import { UseQueryOptions, UseQueryResult } from '@tanstack/react-query';
+import { GraphQLClient, Variables } from 'graphql-request';
+
+export declare function useGqlQuery<TResult, TVariables extends Variables>(document: TypedDocumentNode<TResult, TVariables>, variables?: TVariables, options?: Omit<UseQueryOptions<TResult, Error, TResult>, 'queryKey' | 'queryFn'>, client?: GraphQLClient): UseQueryResult<TResult, Error>;
 export default useGqlQuery;

package/lib/hooks/use-suspense-graphql.d.ts

@@ -1,6 +1,7 @@
-import { type TypedDocumentNode } from '@graphql-typed-document-node/core';
-import type { QueryOptions, UseSuspenseQueryResult } from '@tanstack/react-query';
-import type { Variables } from 'graphql-request';
+import { TypedDocumentNode } from '@graphql-typed-document-node/core';
+import { QueryOptions, UseSuspenseQueryResult } from '@tanstack/react-query';
+import { Variables } from 'graphql-request';
+
 export declare function useSuspenseGqlQuery<TResult, TVariables extends Variables>(document: TypedDocumentNode<TResult, TVariables>, variables?: TVariables, options?: Omit<QueryOptions, 'queryFn'> & {
     enabled: boolean;
     useErrorBoundary: boolean;

package/lib/init.d.ts

@@ -1,7 +1,7 @@
-import { type TypedDocumentNode } from '@graphql-typed-document-node/core';
-import { GraphQLClient } from 'graphql-request';
-import type { Variables } from 'graphql-request';
-import type { RequestConfig } from 'node_modules/graphql-request/build/legacy/helpers/types';
+import { TypedDocumentNode } from '@graphql-typed-document-node/core';
+import { GraphQLClient, Variables } from 'graphql-request';
+import { RequestConfig } from 'node_modules/graphql-request/build/legacy/helpers/types';
+
 declare const initDirectusQuery: (graphqlEndPoint?: string, requestConfig?: RequestConfig) => {
     queryGql: <TResult, TVariables extends Variables>(document: TypedDocumentNode<TResult, TVariables>, queryKey?: TVariables) => Promise<TResult>;
     client: GraphQLClient;

package/lib/providers/index.d.ts

@@ -1,4 +1,5 @@
-import type { TGQLQueryContextProps, TGQLQueryProviderProps } from './interface';
+import { TGQLQueryContextProps, TGQLQueryProviderProps } from './interface';
+
 declare const useGql: () => TGQLQueryContextProps;
 export { useGql };
 export declare function GqlQueryContextProvider({ children, client }: Readonly<TGQLQueryProviderProps>): import("react/jsx-runtime").JSX.Element;

package/lib/providers/interface.d.ts

@@ -1,7 +1,8 @@
-import { type TypedDocumentNode } from '@graphql-typed-document-node/core';
-import type { UseQueryResult } from '@tanstack/react-query';
-import type { GraphQLClient, Variables } from 'graphql-request';
-import type React from 'react';
+import { TypedDocumentNode } from '@graphql-typed-document-node/core';
+import { UseQueryResult } from '@tanstack/react-query';
+import { GraphQLClient, Variables } from 'graphql-request';
+import { default as React } from 'react';
+
 export type TGQLQueryProviderProps = {
     children: React.ReactNode;
     client: GraphQLClient;

package/lib/query.d.ts

@@ -1,4 +1,5 @@
-import { type TypedDocumentNode } from '@graphql-typed-document-node/core';
-import type { Variables } from 'graphql-request';
-export declare function queryGql<TResult, TVariables extends Variables>(document: TypedDocumentNode<TResult, TVariables>, queryKey?: TVariables, client?: import("graphql-request").GraphQLClient): Promise<TResult>;
+import { TypedDocumentNode } from '@graphql-typed-document-node/core';
+import { Variables } from 'graphql-request';
+
+export declare function queryGql<TResult, TVariables extends Variables>(document: TypedDocumentNode<TResult, TVariables>, queryKey?: TVariables, client?: import('graphql-request').GraphQLClient): Promise<TResult>;
 export declare function getQueryValues<TResult, TVariables extends Variables>(document: TypedDocumentNode<TResult, TVariables>, variables?: TVariables): readonly [string, TVariables | undefined];

package/lib/request.d.ts

@@ -1,5 +1,6 @@
 import { QueryClient } from '@tanstack/react-query';
 import { GraphQLClient } from 'graphql-request';
+
 export declare const grapqhlGetDefaultEndpoint: () => string;
 export declare const grapqhlGetDefaultAdminEndpoint: () => string;
 export declare const graphqlRequestClient: GraphQLClient;

package/logger.d.ts

@@ -1 +1 @@
-export declare const logger: import("@okam/logger").Logger;
+export declare const logger: import('../../../stack/logger/src/index.ts').Logger;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okam/directus-query",
-  "version": "1.4.2",
+  "version": "1.5.0",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -28,7 +28,12 @@
     "@okam/logger": "1.1.0",
     "@tanstack/react-query": "^5.62.3",
     "graphql-request": "^7.1.2",
-    "radashi": "^12.3.0",
-    "react": "18.3.1"
+    "radashi": "^12.3.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "react": "^19.0.0"
   }
 }

package/server.d.ts

@@ -1,3 +1,4 @@
 export * from './lib/query';
 export { default as initDirectusQuery } from './lib/init';
 export { logger as DirectusQueryLogger } from './logger';
+export { graphqlRequestClient as defaultGraphqlRequestClient, graphqlRequestAdmin as defaultGraphqlRequestAdmin, } from './lib/request';