@dropins/tools 1.0.0 → 1.0.1-alpha04140951

package/fetch-graphql.js

@@ -1,3 +1,3 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-var H=Object.defineProperty;var g=(h,t,e)=>t in h?H(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e;var s=(h,t,e)=>g(h,typeof t!="symbol"?t+"":t,e);const F={"Content-Type":"application/json",Accept:"application/json"};class i{constructor(){s(this,"_endpoint");s(this,"_fetchGraphQlHeaders")}get endpoint(){return this._endpoint}get fetchGraphQlHeaders(){return this._fetchGraphQlHeaders}setEndpoint(t){this._endpoint=t}setFetchGraphQlHeader(t,e){this._fetchGraphQlHeaders={...this.fetchGraphQlHeaders,[t]:e}}removeFetchGraphQlHeader(t){var e;(e=this._fetchGraphQlHeaders)==null||delete e[t]}setFetchGraphQlHeaders(t){this._fetchGraphQlHeaders={...t}}async fetchGraphQl(t,e){const c=this.endpoint,l=this.fetchGraphQlHeaders;if(!c)throw Error('Missing "url"');const r=(e==null?void 0:e.method)??"POST",p=e==null?void 0:e.cache,G=e==null?void 0:e.signal;let n;const a=new URL(c),Q={...F,...l};return r==="POST"&&(n=JSON.stringify({query:t,variables:e==null?void 0:e.variables})),r==="GET"&&(a.searchParams.append("query",b(t)),e!=null&&e.variables&&a.searchParams.append("variables",JSON.stringify(e.variables))),await fetch(a,{method:r,headers:Q,body:n,cache:p,signal:G}).then(f=>f.json())}getConfig(){return{endpoint:this.endpoint,fetchGraphQlHeaders:this.fetchGraphQlHeaders}}getMethods(){return{setEndpoint:this.setEndpoint.bind(this),setFetchGraphQlHeader:this.setFetchGraphQlHeader.bind(this),removeFetchGraphQlHeader:this.removeFetchGraphQlHeader.bind(this),setFetchGraphQlHeaders:this.setFetchGraphQlHeaders.bind(this),fetchGraphQl:this.fetchGraphQl.bind(this),getConfig:this.getConfig.bind(this)}}}const d=new i;class _ extends i{get endpoint(){return this._endpoint??d.endpoint}get fetchGraphQlHeaders(){return(this._endpoint?this._fetchGraphQlHeaders:{...this._fetchGraphQlHeaders,...d.fetchGraphQlHeaders})||{}}}function b(h){return h=h.replace(/#.*/g,""),h=h.replace(/\s+/g," "),h.trim()}const{setEndpoint:u,setFetchGraphQlHeaders:v,setFetchGraphQlHeader:E,removeFetchGraphQlHeader:C,fetchGraphQl:w,getConfig:M}=d.getMethods();export{_ as FetchGraphQL,w as fetchGraphQl,M as getConfig,C as removeFetchGraphQlHeader,u as setEndpoint,E as setFetchGraphQlHeader,v as setFetchGraphQlHeaders};
+var H=Object.defineProperty;var g=(h,t,e)=>t in h?H(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e;var s=(h,t,e)=>g(h,typeof t!="symbol"?t+"":t,e);const _={"Content-Type":"application/json",Accept:"application/json"};class n{constructor(){s(this,"_endpoint");s(this,"_fetchGraphQlHeaders",{})}get endpoint(){return this._endpoint}get fetchGraphQlHeaders(){return this._fetchGraphQlHeaders}setEndpoint(t){this._endpoint=t}setFetchGraphQlHeader(t,e){this._fetchGraphQlHeaders={...this.fetchGraphQlHeaders,[t]:e}}removeFetchGraphQlHeader(t){delete this._fetchGraphQlHeaders[t]}setFetchGraphQlHeaders(t){typeof t=="function"?this._fetchGraphQlHeaders={...this._fetchGraphQlHeaders,...t(this._fetchGraphQlHeaders)}:this._fetchGraphQlHeaders={...t}}async fetchGraphQl(t,e){const d=this.endpoint,l=this.fetchGraphQlHeaders;if(!d)throw Error('Missing "url"');const r=(e==null?void 0:e.method)??"POST",p=e==null?void 0:e.cache,f=e==null?void 0:e.signal;let i;const a=new URL(d),G={..._,...l};return r==="POST"&&(i=JSON.stringify({query:t,variables:e==null?void 0:e.variables})),r==="GET"&&(a.searchParams.append("query",F(t)),e!=null&&e.variables&&a.searchParams.append("variables",JSON.stringify(e.variables))),await fetch(a,{method:r,headers:G,body:i,cache:p,signal:f}).then(Q=>Q.json())}getConfig(){return{endpoint:this.endpoint,fetchGraphQlHeaders:this.fetchGraphQlHeaders}}getMethods(){return{setEndpoint:this.setEndpoint.bind(this),setFetchGraphQlHeader:this.setFetchGraphQlHeader.bind(this),removeFetchGraphQlHeader:this.removeFetchGraphQlHeader.bind(this),setFetchGraphQlHeaders:this.setFetchGraphQlHeaders.bind(this),fetchGraphQl:this.fetchGraphQl.bind(this),getConfig:this.getConfig.bind(this)}}}const c=new n;class m extends n{get endpoint(){return this._endpoint??c.endpoint}get fetchGraphQlHeaders(){return this._endpoint?this._fetchGraphQlHeaders:{...this._fetchGraphQlHeaders,...c.fetchGraphQlHeaders}}}function F(h){return h=h.replace(/#.*/g,""),h=h.replace(/\s+/g," "),h.trim()}const{setEndpoint:u,setFetchGraphQlHeaders:v,setFetchGraphQlHeader:E,removeFetchGraphQlHeader:C,fetchGraphQl:w,getConfig:M}=c.getMethods();export{m as FetchGraphQL,w as fetchGraphQl,M as getConfig,C as removeFetchGraphQlHeader,u as setEndpoint,E as setFetchGraphQlHeader,v as setFetchGraphQlHeaders};

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/tools", "version": "1.0.0", "license": "SEE LICENSE IN LICENSE.md"}
+{"name": "@dropins/tools", "version": "1.0.1-alpha04140951", "license": "SEE LICENSE IN LICENSE.md"}

package/types/fetch-graphql/src/index.d.ts

@@ -26,8 +26,8 @@ export type FetchQueryError = Array<{
 declare class FetchGraphQLMesh {
     _endpoint?: string;
     get endpoint(): string | undefined;
-    get fetchGraphQlHeaders(): Header | undefined;
-    _fetchGraphQlHeaders: Header | undefined;
+    get fetchGraphQlHeaders(): Header;
+    _fetchGraphQlHeaders: Header;
     /**
      * Sets the GraphQL endpoint.
      * @param endpoint - The GraphQL endpoint.
@@ -46,9 +46,22 @@ declare class FetchGraphQLMesh {
     removeFetchGraphQlHeader(key: string): void;
     /**
      * Sets the GraphQL headers.
-     * @param header - The header object.
+     * @param header - The header object or a function that returns a header object.
+     * If a function is provided, it will be called with the previous headers.
+     * The returned object will be merged with the previous headers.
+     * @example
+     * ```js
+     * // set headers
+     * setFetchGraphQlHeaders({ test: 'test' });
+     *
+     * // merge with previous headers
+     * setFetchGraphQlHeaders((prev) => ({
+     *   ...prev,
+     *  test: 'test2',
+     * }));
+     * ```
      */
-    setFetchGraphQlHeaders(header: Header): void;
+    setFetchGraphQlHeaders(header: Header | ((prev: Header) => Header)): void;
     /**
      * Fetches GraphQL data.
      * @param query - The GraphQL query.
@@ -64,20 +77,20 @@ declare class FetchGraphQLMesh {
      */
     getConfig(): {
         endpoint: string | undefined;
-        fetchGraphQlHeaders: Header | undefined;
+        fetchGraphQlHeaders: Header;
     };
     getMethods(): {
         setEndpoint: (endpoint: string) => void;
         setFetchGraphQlHeader: (key: string, value: string | null) => void;
         removeFetchGraphQlHeader: (key: string) => void;
-        setFetchGraphQlHeaders: (header: Header) => void;
+        setFetchGraphQlHeaders: (header: Header | ((prev: Header) => Header)) => void;
         fetchGraphQl: <T = any>(query: string, options?: FetchOptions | undefined) => Promise<{
             errors?: FetchQueryError | undefined;
             data: T;
         }>;
         getConfig: () => {
             endpoint: string | undefined;
-            fetchGraphQlHeaders: Header | undefined;
+            fetchGraphQlHeaders: Header;
         };
     };
 }
@@ -102,12 +115,12 @@ export declare class FetchGraphQL extends FetchGraphQLMesh {
  * @property {Function} fetchGraphQl - Fetches GraphQL data.
  * @property {Function} getConfig - Gets the configuration.
  */
-export declare const setEndpoint: (endpoint: string) => void, setFetchGraphQlHeaders: (header: Header) => void, setFetchGraphQlHeader: (key: string, value: string | null) => void, removeFetchGraphQlHeader: (key: string) => void, fetchGraphQl: <T = any>(query: string, options?: FetchOptions) => Promise<{
+export declare const setEndpoint: (endpoint: string) => void, setFetchGraphQlHeaders: (header: Header | ((prev: Header) => Header)) => void, setFetchGraphQlHeader: (key: string, value: string | null) => void, removeFetchGraphQlHeader: (key: string) => void, fetchGraphQl: <T = any>(query: string, options?: FetchOptions) => Promise<{
     errors?: FetchQueryError | undefined;
     data: T;
 }>, getConfig: () => {
     endpoint: string | undefined;
-    fetchGraphQlHeaders: Header | undefined;
+    fetchGraphQlHeaders: Header;
 };
 export {};
 //# sourceMappingURL=index.d.ts.map

package/types/recaptcha/src/index.d.ts

@@ -4,14 +4,14 @@ export declare const recaptchaFetchApi: {
     setEndpoint: (endpoint: string) => void;
     setFetchGraphQlHeader: (key: string, value: string | null) => void;
     removeFetchGraphQlHeader: (key: string) => void;
-    setFetchGraphQlHeaders: (header: import('@adobe-commerce/fetch-graphql').Header) => void;
+    setFetchGraphQlHeaders: (header: import('@adobe-commerce/fetch-graphql').Header | ((prev: import('@adobe-commerce/fetch-graphql').Header) => import('@adobe-commerce/fetch-graphql').Header)) => void;
     fetchGraphQl: <T = any>(query: string, options?: import('@adobe-commerce/fetch-graphql').FetchOptions | undefined) => Promise<{
         errors?: import('@adobe-commerce/fetch-graphql').FetchQueryError | undefined;
         data: T;
     }>;
     getConfig: () => {
         endpoint: string | undefined;
-        fetchGraphQlHeaders: import('@adobe-commerce/fetch-graphql').Header | undefined;
+        fetchGraphQlHeaders: import('@adobe-commerce/fetch-graphql').Header;
     };
 };
 export declare class RecaptchaModule {