@hyper-fetch/graphql 7.5.2 → 8.0.0

package/dist/adapter/adapter.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.constants.d.ts","sourceRoot":"","sources":["../../src/adapter/adapter.constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,eAAO,MAAM,cAAc,QAAe,CAAC;AAE3C,eAAO,MAAM,QAAQ,EAAE,gBAGtB,CAAC"}

package/dist/adapter/adapter.d.ts

@@ -0,0 +1,3 @@
+import { GraphqlAdapterType } from './adapter.types';
+export declare const GraphqlAdapter: () => GraphqlAdapterType;
+//# sourceMappingURL=adapter.d.ts.map

package/dist/adapter/adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.d.ts","sourceRoot":"","sources":["../../src/adapter/adapter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,eAAO,MAAM,cAAc,QAAO,kBAEjC,CAAC"}

package/dist/adapter/adapter.types.d.ts

@@ -0,0 +1,24 @@
+import { Adapter, EmptyTypes, QueryParamsType } from '@hyper-fetch/core';
+import { DocumentNode } from 'graphql/language/ast';
+export declare enum GraphqlMethod {
+    POST = "POST",
+    GET = "GET"
+}
+export type GraphQlExtraType = {
+    headers: HeadersInit;
+    extensions: Record<string, any>;
+};
+export type GraphQlEndpointType = string | DocumentNode;
+export type FetchGraphqlAdapterOptionsType = Omit<RequestInit, "method" | "headers" | "body" | "signal"> & {
+    timeout?: number;
+};
+export type GraphqlAdapterType = Adapter<FetchGraphqlAdapterOptionsType, GraphqlMethod, number, GraphQlExtraType, QueryParamsType | string, undefined, GraphQlEndpointType, (endpoint: GraphQlEndpointType) => string>;
+type GqlParamType = boolean | string | number | Record<string, any> | EmptyTypes;
+export type ExtractGqlRouteParams<T extends string> = string extends T ? EmptyTypes : T extends `${string}query ${infer Parameters} {${infer QueryRest}` ? Parameters extends `${string}$${infer Param},${infer Rest}` ? GqlParameter<Param, Rest> & (ExtractGqlRouteParams<QueryRest> extends EmptyTypes ? {} : ExtractGqlRouteParams<QueryRest>) : Parameters extends `${string}$${infer Param})${infer Rest}` ? GqlParameter<Param, Rest> & (ExtractGqlRouteParams<QueryRest> extends EmptyTypes ? {} : ExtractGqlRouteParams<QueryRest>) : EmptyTypes : T extends `${string}$${infer Parameters},${infer Rest}` ? GqlParameter<Parameters, Rest> : T extends `${string}$${infer Parameters})${infer Rest}` ? GqlParameter<Parameters, Rest> : EmptyTypes;
+export type GqlParameter<T extends string, Rest extends string> = T extends `${infer Param}:${string}!` ? {
+    [k in Param]: GqlParamType;
+} & (ExtractGqlRouteParams<Rest> extends EmptyTypes ? {} : ExtractGqlRouteParams<Rest>) : T extends `${infer Param}:${string}` ? {
+    [k in Param]?: GqlParamType;
+} & (ExtractGqlRouteParams<Rest> extends EmptyTypes ? {} : ExtractGqlRouteParams<Rest>) : EmptyTypes;
+export {};
+//# sourceMappingURL=adapter.types.d.ts.map

package/dist/adapter/adapter.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.types.d.ts","sourceRoot":"","sources":["../../src/adapter/adapter.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,oBAAY,aAAa;IACvB,IAAI,SAAS;IACb,GAAG,QAAQ;CACZ;AAED,MAAM,MAAM,gBAAgB,GAAG;IAAE,OAAO,EAAE,WAAW,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE,CAAC;AAEzF,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,YAAY,CAAC;AAExD,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC,GAAG;IACzG,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,OAAO,CACtC,8BAA8B,EAC9B,aAAa,EACb,MAAM,EACN,gBAAgB,EAChB,eAAe,GAAG,MAAM,EACxB,SAAS,EACT,mBAAmB,EACnB,CAAC,QAAQ,EAAE,mBAAmB,KAAK,MAAM,CAC1C,CAAC;AAIF,KAAK,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,UAAU,CAAC;AAEjF,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,MAAM,IAAI,MAAM,SAAS,CAAC,GAClE,UAAU,GACV,CAAC,SAAS,GAAG,MAAM,SAAS,MAAM,UAAU,KAAK,MAAM,SAAS,EAAE,GAChE,UAAU,SAAS,GAAG,MAAM,IAAI,MAAM,KAAK,IAAI,MAAM,IAAI,EAAE,GACzD,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,GAEvB,CAAC,qBAAqB,CAAC,SAAS,CAAC,SAAS,UAAU,GAAG,EAAE,GAAG,qBAAqB,CAAC,SAAS,CAAC,CAAC,GAC/F,UAAU,SAAS,GAAG,MAAM,IAAI,MAAM,KAAK,IAAI,MAAM,IAAI,EAAE,GACzD,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,GAEvB,CAAC,qBAAqB,CAAC,SAAS,CAAC,SAAS,UAAU,GAAG,EAAE,GAAG,qBAAqB,CAAC,SAAS,CAAC,CAAC,GAC/F,UAAU,GACd,CAAC,SAAS,GAAG,MAAM,IAAI,MAAM,UAAU,IAAI,MAAM,IAAI,EAAE,GACrD,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,GAC9B,CAAC,SAAS,GAAG,MAAM,IAAI,MAAM,UAAU,IAAI,MAAM,IAAI,EAAE,GACrD,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,GAC9B,UAAU,CAAC;AAErB,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,IAAI,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,MAAM,KAAK,IAAI,MAAM,GAAG,GACnG;KAAG,CAAC,IAAI,KAAK,GAAG,YAAY;CAAE,GAAG,CAAC,qBAAqB,CAAC,IAAI,CAAC,SAAS,UAAU,GAE5E,EAAE,GACF,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAChC,CAAC,SAAS,GAAG,MAAM,KAAK,IAAI,MAAM,EAAE,GAClC;KAAG,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,YAAY;CAAE,GAAG,CAAC,qBAAqB,CAAC,IAAI,CAAC,SAAS,UAAU,GAE7E,EAAE,GACF,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAChC,UAAU,CAAC"}

package/dist/adapter/adapter.utils.d.ts

@@ -0,0 +1,9 @@
+import { RequestInstance } from '@hyper-fetch/core';
+import { GraphQlEndpointType } from '.';
+export declare const getRequestValues: <R extends RequestInstance>(request: R) => {
+    fullUrl: string;
+    payload: string | null;
+};
+export declare const gqlEndpointMapper: <E extends GraphQlEndpointType>(endpoint: E) => string;
+export declare const gqlEndpointNameMapper: (endpoint: string) => string;
+//# sourceMappingURL=adapter.utils.d.ts.map

package/dist/adapter/adapter.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.utils.d.ts","sourceRoot":"","sources":["../../src/adapter/adapter.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,eAAe,EAAE,SAAS,CAAC;;;CAgBrE,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,mBAAmB,EAAE,UAAU,CAAC,KAAG,MAK9E,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,UAAU,MAAM,KAAG,MAgCxD,CAAC"}

package/dist/adapter/http-adapter.fetch.d.ts

@@ -0,0 +1,3 @@
+import { GraphqlAdapterType } from '.';
+export declare const getGqlAdapter: () => GraphqlAdapterType;
+//# sourceMappingURL=http-adapter.fetch.d.ts.map

package/dist/adapter/http-adapter.fetch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"http-adapter.fetch.d.ts","sourceRoot":"","sources":["../../src/adapter/http-adapter.fetch.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,kBAAkB,EAInB,MAAM,SAAS,CAAC;AAUjB,eAAO,MAAM,aAAa,QAAO,kBAuK5B,CAAC"}

package/dist/adapter/index.d.ts

@@ -0,0 +1,6 @@
+export * from './adapter';
+export * from './adapter.types';
+export * from './adapter.utils';
+export * from './adapter.constants';
+export * from './http-adapter.fetch';
+//# sourceMappingURL=index.d.ts.map

package/dist/adapter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/adapter/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}

package/dist/index.d.ts

@@ -1,34 +1,2 @@
-import { Adapter, QueryParamsType, EmptyTypes, RequestInstance } from '@hyper-fetch/core';
-import { DocumentNode } from 'graphql/language/ast';
-
-declare enum GraphqlMethod {
-    POST = "POST",
-    GET = "GET"
-}
-type GraphQlExtraType = {
-    headers: HeadersInit;
-    extensions: Record<string, any>;
-};
-type GraphQlEndpointType = string | DocumentNode;
-type GraphqlAdapterType = Adapter<Partial<XMLHttpRequest>, GraphqlMethod, number, GraphQlExtraType, QueryParamsType | string, undefined, GraphQlEndpointType, (endpoint: GraphQlEndpointType) => string>;
-type GqlParamType = boolean | string | number | Record<string, any> | EmptyTypes;
-type ExtractGqlRouteParams<T extends string> = string extends T ? EmptyTypes : T extends `${string}query ${infer Parameters} {${infer QueryRest}` ? Parameters extends `${string}$${infer Param},${infer Rest}` ? GqlParameter<Param, Rest> & (ExtractGqlRouteParams<QueryRest> extends EmptyTypes ? {} : ExtractGqlRouteParams<QueryRest>) : Parameters extends `${string}$${infer Param})${infer Rest}` ? GqlParameter<Param, Rest> & (ExtractGqlRouteParams<QueryRest> extends EmptyTypes ? {} : ExtractGqlRouteParams<QueryRest>) : EmptyTypes : T extends `${string}$${infer Parameters},${infer Rest}` ? GqlParameter<Parameters, Rest> : T extends `${string}$${infer Parameters})${infer Rest}` ? GqlParameter<Parameters, Rest> : EmptyTypes;
-type GqlParameter<T extends string, Rest extends string> = T extends `${infer Param}:${string}!` ? {
-    [k in Param]: GqlParamType;
-} & (ExtractGqlRouteParams<Rest> extends EmptyTypes ? {} : ExtractGqlRouteParams<Rest>) : T extends `${infer Param}:${string}` ? {
-    [k in Param]?: GqlParamType;
-} & (ExtractGqlRouteParams<Rest> extends EmptyTypes ? {} : ExtractGqlRouteParams<Rest>) : EmptyTypes;
-
-declare const GraphqlAdapter: () => GraphqlAdapterType;
-
-declare const getRequestValues: <R extends RequestInstance>(request: R) => {
-    fullUrl: string;
-    payload: string | null;
-};
-declare const gqlEndpointMapper: <E extends GraphQlEndpointType>(endpoint: E) => string;
-declare const gqlEndpointNameMapper: (endpoint: string) => string;
-
-declare const defaultTimeout: number;
-declare const gqlExtra: GraphQlExtraType;
-
-export { type ExtractGqlRouteParams, type GqlParameter, type GraphQlEndpointType, type GraphQlExtraType, GraphqlAdapter, type GraphqlAdapterType, GraphqlMethod, defaultTimeout, getRequestValues, gqlEndpointMapper, gqlEndpointNameMapper, gqlExtra };
+export * from './adapter';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,WAAW,CAAC"}

package/dist/index.mjs

@@ -0,0 +1,183 @@
+import { Adapter, HttpMethods, Time, getErrorMessage, parseResponse, stringifyKey, stringifyQueryParams } from "@hyper-fetch/core";
+import { parse, print } from "graphql";
+//#region src/adapter/http-adapter.fetch.ts
+var getGqlAdapter = () => new Adapter({
+	name: "graphql",
+	defaultMethod: GraphqlMethod.POST,
+	defaultExtra: gqlExtra,
+	systemErrorStatus: 0,
+	systemErrorExtra: gqlExtra
+}).onInitialize(({ client }) => {
+	client.setCacheKeyMapper((request) => {
+		return `${request.method}_${gqlEndpointNameMapper(request.endpoint)}-${stringifyKey(request.params)}-${stringifyKey(request.queryParams)}`;
+	});
+	client.setQueryKeyMapper((request) => {
+		return `${request.method}_${gqlEndpointNameMapper(request.endpoint)}-${stringifyKey(request.params)}-${stringifyKey(request.queryParams)}`;
+	});
+	client.setAbortKeyMapper((request) => {
+		return `${request.method}_${gqlEndpointNameMapper(request.endpoint)}-${request.cancelable}`;
+	});
+}).setInternalErrorMapping((error) => [error]).setDevtoolsEndpointGetter(gqlEndpointNameMapper).setEndpointMapper(gqlEndpointMapper).setFetcher(async ({ request, adapterOptions, headers, onError, onResponseEnd, onTimeoutError, onRequestEnd, createAbortListener, getAbortController, onResponseProgress, onResponseStart, onBeforeRequest, onRequestStart, onRequestProgress, onSuccess }) => {
+	const { fullUrl, payload } = getRequestValues(request);
+	const controller = getAbortController();
+	const { timeout: timeoutMs = defaultTimeout, ...restOptions } = adapterOptions || {};
+	let timedOut = false;
+	let timeoutId;
+	const unmountListener = createAbortListener({
+		status: 0,
+		extra: gqlExtra
+	});
+	if (timeoutMs > 0 && controller) timeoutId = setTimeout(() => {
+		timedOut = true;
+		unmountListener();
+		controller.abort();
+	}, timeoutMs);
+	onBeforeRequest();
+	onRequestStart();
+	try {
+		const init = {
+			method: request.method,
+			headers,
+			signal: controller?.signal,
+			...restOptions
+		};
+		if (payload) {
+			init.body = payload;
+			if (typeof payload === "string") {
+				const total = new Blob([payload]).size;
+				onRequestProgress({
+					total,
+					loaded: total
+				});
+			}
+		}
+		onRequestEnd();
+		const response = await fetch(fullUrl, init);
+		if (timeoutId) clearTimeout(timeoutId);
+		onResponseStart();
+		const responseHeaders = {};
+		response.headers.forEach((value, key) => {
+			responseHeaders[key] = value;
+		});
+		let body;
+		if (response.body && typeof response.body.getReader === "function") {
+			const reader = response.body.getReader();
+			const contentLength = parseInt(response.headers.get("content-length") || "0", 10);
+			let receivedLength = 0;
+			const chunks = [];
+			while (true) {
+				const { done, value } = await reader.read();
+				if (done) break;
+				chunks.push(value);
+				receivedLength += value.length;
+				onResponseProgress({
+					total: contentLength || receivedLength,
+					loaded: receivedLength
+				});
+			}
+			const allChunks = new Uint8Array(receivedLength);
+			let position = 0;
+			for (const chunk of chunks) {
+				allChunks.set(chunk, position);
+				position += chunk.length;
+			}
+			body = new TextDecoder().decode(allChunks);
+		} else body = await response.text();
+		onResponseEnd();
+		unmountListener();
+		const { status } = response;
+		const parsed = parseResponse(body);
+		const data = parsed?.data ?? null;
+		const errors = parsed?.errors || null;
+		const extensions = parsed?.extensions || {};
+		if (errors || status > 399 || status === 0) onError({
+			error: errors || [getErrorMessage()],
+			status,
+			extra: {
+				headers: responseHeaders,
+				extensions
+			}
+		});
+		else onSuccess({
+			data,
+			error: errors,
+			status,
+			extra: {
+				headers: responseHeaders,
+				extensions
+			}
+		});
+	} catch (err) {
+		if (timeoutId) clearTimeout(timeoutId);
+		unmountListener();
+		if (controller?.signal?.aborted) {
+			if (timedOut) onTimeoutError({
+				status: 0,
+				extra: gqlExtra
+			});
+			return;
+		}
+		onError({
+			error: err,
+			status: 0,
+			extra: gqlExtra
+		});
+	}
+});
+//#endregion
+//#region src/adapter/adapter.ts
+var GraphqlAdapter = () => {
+	return getGqlAdapter();
+};
+//#endregion
+//#region src/adapter/adapter.types.ts
+var GraphqlMethod = /* @__PURE__ */ function(GraphqlMethod) {
+	GraphqlMethod["POST"] = "POST";
+	GraphqlMethod["GET"] = "GET";
+	return GraphqlMethod;
+}({});
+//#endregion
+//#region src/adapter/adapter.utils.ts
+var getRequestValues = (request) => {
+	const isPostRequest = request.method === HttpMethods.POST;
+	const query = request.endpoint;
+	const variables = request.payload;
+	return {
+		fullUrl: isPostRequest ? request.client.url : request.client.url + stringifyQueryParams({
+			query,
+			variables
+		}),
+		payload: isPostRequest ? JSON.stringify({
+			query,
+			variables
+		}) : null
+	};
+};
+var gqlEndpointMapper = (endpoint) => {
+	if (typeof endpoint === "string") return endpoint;
+	return print(endpoint);
+};
+var gqlEndpointNameMapper = (endpoint) => {
+	try {
+		const operationDefinition = parse(endpoint).definitions.find((def) => def.kind === "OperationDefinition");
+		if (operationDefinition) {
+			if (operationDefinition.name?.value) return operationDefinition.name.value;
+			const selection = operationDefinition.selectionSet.selections[0];
+			if (selection?.kind === "Field") return selection.name.value;
+			if (selection?.kind === "InlineFragment" && selection.typeCondition) return selection.typeCondition.name.value;
+		}
+	} catch (error) {}
+	const [name] = endpoint.replace(/(query|mutation|subscription)/, "").replace(/[{}().,:]/g, " ").trim().split(" ");
+	return name || "graphql-request";
+};
+//#endregion
+//#region src/adapter/adapter.constants.ts
+var defaultTimeout = Time.SEC * 5;
+var gqlExtra = {
+	headers: {},
+	extensions: {}
+};
+//#endregion
+export { GraphqlAdapter, GraphqlMethod, defaultTimeout, getGqlAdapter, getRequestValues, gqlEndpointMapper, gqlEndpointNameMapper, gqlExtra };
+
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/adapter/http-adapter.fetch.ts","../src/adapter/adapter.ts","../src/adapter/adapter.types.ts","../src/adapter/adapter.utils.ts","../src/adapter/adapter.constants.ts"],"sourcesContent":["import type { QueryParamsType } from \"@hyper-fetch/core\";\nimport { parseResponse, getErrorMessage, Adapter, stringifyKey } from \"@hyper-fetch/core\";\n\nimport type {\n  GraphqlAdapterType,\n  GraphQlExtraType,\n  GraphQlEndpointType,\n  FetchGraphqlAdapterOptionsType,\n} from \"adapter\";\nimport {\n  gqlExtra,\n  defaultTimeout,\n  getRequestValues,\n  GraphqlMethod,\n  gqlEndpointMapper,\n  gqlEndpointNameMapper,\n} from \"adapter\";\n\nexport const getGqlAdapter = (): GraphqlAdapterType =>\n  new Adapter<\n    FetchGraphqlAdapterOptionsType,\n    GraphqlMethod,\n    number,\n    GraphQlExtraType,\n    QueryParamsType | string,\n    undefined,\n    GraphQlEndpointType\n  >({\n    name: \"graphql\",\n    defaultMethod: GraphqlMethod.POST,\n    defaultExtra: gqlExtra,\n    systemErrorStatus: 0,\n    systemErrorExtra: gqlExtra,\n  })\n    .onInitialize(({ client }) => {\n      client.setCacheKeyMapper((request) => {\n        return `${request.method}_${gqlEndpointNameMapper(request.endpoint)}-${stringifyKey(request.params)}-${stringifyKey(request.queryParams)}`;\n      });\n      client.setQueryKeyMapper((request) => {\n        return `${request.method}_${gqlEndpointNameMapper(request.endpoint)}-${stringifyKey(request.params)}-${stringifyKey(request.queryParams)}`;\n      });\n      client.setAbortKeyMapper((request) => {\n        return `${request.method}_${gqlEndpointNameMapper(request.endpoint)}-${request.cancelable}`;\n      });\n    })\n    .setInternalErrorMapping((error) => [error])\n    .setDevtoolsEndpointGetter(gqlEndpointNameMapper)\n    .setEndpointMapper(gqlEndpointMapper)\n    .setFetcher(\n      async ({\n        request,\n        adapterOptions,\n        headers,\n        onError,\n        onResponseEnd,\n        onTimeoutError,\n        onRequestEnd,\n        createAbortListener,\n        getAbortController,\n        onResponseProgress,\n        onResponseStart,\n        onBeforeRequest,\n        onRequestStart,\n        onRequestProgress,\n        onSuccess,\n      }) => {\n        const { fullUrl, payload } = getRequestValues(request);\n\n        const controller = getAbortController();\n        const { timeout: timeoutMs = defaultTimeout, ...restOptions } = adapterOptions || {};\n\n        let timedOut = false;\n        let timeoutId: ReturnType<typeof setTimeout> | undefined;\n\n        const unmountListener = createAbortListener({\n          status: 0,\n          extra: gqlExtra,\n        });\n\n        if (timeoutMs > 0 && controller) {\n          timeoutId = setTimeout(() => {\n            timedOut = true;\n            unmountListener();\n            controller.abort();\n          }, timeoutMs);\n        }\n\n        onBeforeRequest();\n        onRequestStart();\n\n        try {\n          const init: RequestInit = {\n            method: request.method,\n            headers: headers as Record<string, string>,\n            signal: controller?.signal,\n            ...restOptions,\n          };\n\n          if (payload) {\n            init.body = payload;\n\n            if (typeof payload === \"string\") {\n              const total = new Blob([payload]).size;\n              onRequestProgress({ total, loaded: total } as ProgressEvent);\n            }\n          }\n\n          onRequestEnd();\n\n          const response = await fetch(fullUrl, init);\n\n          if (timeoutId) clearTimeout(timeoutId);\n\n          onResponseStart();\n\n          const responseHeaders: Record<string, string> = {};\n          response.headers.forEach((value, key) => {\n            responseHeaders[key] = value;\n          });\n\n          let body: string;\n\n          if (response.body && typeof response.body.getReader === \"function\") {\n            const reader = response.body.getReader();\n            const contentLength = parseInt(response.headers.get(\"content-length\") || \"0\", 10);\n            let receivedLength = 0;\n            const chunks: Uint8Array[] = [];\n\n            // eslint-disable-next-line no-constant-condition\n            while (true) {\n              // eslint-disable-next-line no-await-in-loop\n              const { done, value } = await reader.read();\n              if (done) break;\n              chunks.push(value);\n              receivedLength += value.length;\n              onResponseProgress({ total: contentLength || receivedLength, loaded: receivedLength } as ProgressEvent);\n            }\n\n            const allChunks = new Uint8Array(receivedLength);\n            let position = 0;\n            // eslint-disable-next-line no-restricted-syntax\n            for (const chunk of chunks) {\n              allChunks.set(chunk, position);\n              position += chunk.length;\n            }\n            body = new TextDecoder().decode(allChunks);\n          } else {\n            body = await response.text();\n          }\n\n          onResponseEnd();\n          unmountListener();\n\n          const { status } = response;\n          const parsed = parseResponse(body);\n          const data = parsed?.data ?? null;\n          const errors = parsed?.errors || null;\n          const extensions = parsed?.extensions || {};\n          const failure = errors || status > 399 || status === 0;\n\n          if (failure) {\n            const error = errors || [getErrorMessage()];\n            onError({ error, status, extra: { headers: responseHeaders, extensions } });\n          } else {\n            onSuccess({\n              data,\n              error: errors,\n              status,\n              extra: { headers: responseHeaders, extensions },\n            });\n          }\n        } catch (err: any) {\n          if (timeoutId) clearTimeout(timeoutId);\n          unmountListener();\n\n          if (controller?.signal?.aborted) {\n            if (timedOut) {\n              onTimeoutError({ status: 0, extra: gqlExtra });\n            }\n            return;\n          }\n\n          onError({ error: err, status: 0, extra: gqlExtra });\n        }\n      },\n    );\n","import { getGqlAdapter } from \"./http-adapter.fetch\";\nimport type { GraphqlAdapterType } from \"./adapter.types\";\n\nexport const GraphqlAdapter = (): GraphqlAdapterType => {\n  return getGqlAdapter();\n};\n","import type { Adapter, EmptyTypes, QueryParamsType } from \"@hyper-fetch/core\";\nimport type { DocumentNode } from \"graphql/language/ast\";\n\nexport enum GraphqlMethod {\n  POST = \"POST\",\n  GET = \"GET\",\n}\n\nexport type GraphQlExtraType = { headers: HeadersInit; extensions: Record<string, any> };\n\nexport type GraphQlEndpointType = string | DocumentNode;\n\nexport type FetchGraphqlAdapterOptionsType = Omit<RequestInit, \"method\" | \"headers\" | \"body\" | \"signal\"> & {\n  timeout?: number;\n};\n\nexport type GraphqlAdapterType = Adapter<\n  FetchGraphqlAdapterOptionsType,\n  GraphqlMethod,\n  number,\n  GraphQlExtraType,\n  QueryParamsType | string,\n  undefined,\n  GraphQlEndpointType,\n  (endpoint: GraphQlEndpointType) => string\n>;\n\n// Extract\n\ntype GqlParamType = boolean | string | number | Record<string, any> | EmptyTypes;\n\nexport type ExtractGqlRouteParams<T extends string> = string extends T\n  ? EmptyTypes\n  : T extends `${string}query ${infer Parameters} {${infer QueryRest}`\n    ? Parameters extends `${string}$${infer Param},${infer Rest}`\n      ? GqlParameter<Param, Rest> &\n          // eslint-disable-next-line @typescript-eslint/ban-types\n          (ExtractGqlRouteParams<QueryRest> extends EmptyTypes ? {} : ExtractGqlRouteParams<QueryRest>)\n      : Parameters extends `${string}$${infer Param})${infer Rest}`\n        ? GqlParameter<Param, Rest> &\n            // eslint-disable-next-line @typescript-eslint/ban-types\n            (ExtractGqlRouteParams<QueryRest> extends EmptyTypes ? {} : ExtractGqlRouteParams<QueryRest>)\n        : EmptyTypes\n    : T extends `${string}$${infer Parameters},${infer Rest}`\n      ? GqlParameter<Parameters, Rest>\n      : T extends `${string}$${infer Parameters})${infer Rest}`\n        ? GqlParameter<Parameters, Rest>\n        : EmptyTypes;\n\nexport type GqlParameter<T extends string, Rest extends string> = T extends `${infer Param}:${string}!`\n  ? { [k in Param]: GqlParamType } & (ExtractGqlRouteParams<Rest> extends EmptyTypes\n      ? // eslint-disable-next-line @typescript-eslint/ban-types\n        {}\n      : ExtractGqlRouteParams<Rest>)\n  : T extends `${infer Param}:${string}`\n    ? { [k in Param]?: GqlParamType } & (ExtractGqlRouteParams<Rest> extends EmptyTypes\n        ? // eslint-disable-next-line @typescript-eslint/ban-types\n          {}\n        : ExtractGqlRouteParams<Rest>)\n    : EmptyTypes;\n","import type { RequestInstance } from \"@hyper-fetch/core\";\nimport { HttpMethods, stringifyQueryParams } from \"@hyper-fetch/core\";\nimport type { OperationDefinitionNode } from \"graphql\";\nimport { print, parse } from \"graphql\";\n\nimport type { GraphQlEndpointType } from \"adapter\";\n\nexport const getRequestValues = <R extends RequestInstance>(request: R) => {\n  const isPostRequest = request.method === HttpMethods.POST;\n\n  const query = request.endpoint;\n  const variables = request.payload;\n\n  const fullUrl = isPostRequest ? request.client.url : request.client.url + stringifyQueryParams({ query, variables });\n\n  const payload = isPostRequest\n    ? JSON.stringify({\n        query,\n        variables,\n      })\n    : null;\n\n  return { fullUrl, payload };\n};\n\nexport const gqlEndpointMapper = <E extends GraphQlEndpointType>(endpoint: E): string => {\n  if (typeof endpoint === \"string\") {\n    return endpoint;\n  }\n  return print(endpoint);\n};\n\nexport const gqlEndpointNameMapper = (endpoint: string): string => {\n  try {\n    const ast = parse(endpoint);\n    const operationDefinition = ast.definitions.find(\n      (def): def is OperationDefinitionNode => def.kind === \"OperationDefinition\",\n    );\n\n    if (operationDefinition) {\n      if (operationDefinition.name?.value) {\n        return operationDefinition.name.value;\n      }\n\n      const selection = operationDefinition.selectionSet.selections[0];\n      if (selection?.kind === \"Field\") {\n        return selection.name.value;\n      }\n      if (selection?.kind === \"InlineFragment\" && selection.typeCondition) {\n        return selection.typeCondition.name.value;\n      }\n    }\n  } catch (error) {\n    // We can ignore this error and just return some fallback\n  }\n\n  // Fallback for invalid gql queries or something else\n  const clearedQuery = endpoint\n    .replace(/(query|mutation|subscription)/, \"\")\n    .replace(/[{}().,:]/g, \" \")\n    .trim();\n  const [name] = clearedQuery.split(\" \");\n\n  return name || \"graphql-request\";\n};\n","import { Time } from \"@hyper-fetch/core\";\n\nimport type { GraphQlExtraType } from \"./adapter.types\";\n\nexport const defaultTimeout = Time.SEC * 5;\n\nexport const gqlExtra: GraphQlExtraType = {\n  headers: {},\n  extensions: {},\n};\n"],"mappings":"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"}

package/package.json

@@ -1,44 +1,29 @@
 {
   "name": "@hyper-fetch/graphql",
-  "version": "7.5.2",
+  "version": "8.0.0",
   "description": "Simple graphql adapter",
   "author": "Maciej Pyrc <maciekpyrc@gmail.com>, Kacper Skawina <kacper.skawina@gmail.com>",
   "homepage": "https://hyperfetch.bettertyped.com/",
   "license": "Apache-2.0",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "client": "dist/browser/index.js",
-  "browser": "dist/browser/index.js",
-  "server": "dist/server/index.js",
-  "node": "dist/server/index.js",
+  "main": "dist/index.mjs",
+  "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "source": "src/index.ts",
   "exports": {
     ".": {
-      "types": {
-        "import": "./dist/index.d.ts"
-      },
-      "browser": {
-        "require": "./dist/browser/index.js",
-        "import": "./dist/browser/index.js"
-      },
-      "default": {
-        "require": "./dist/index.js",
-        "import": "./dist/index.js"
-      }
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.mjs",
+      "import": "./dist/index.mjs"
     },
     "./package.json": "./package.json"
   },
   "scripts": {
-    "clean": "npx rimraf dist",
-    "test": "jest --watchAll --maxWorkers=3 --forceExit",
-    "test:pipeline": "jest --watchAll=false --maxWorkers=1 --no-cache --forceExit",
+    "test": "vitest run",
     "start": "yarn build && npx run-when-changed --watch 'src/**/*.ts' --exec 'yarn build'",
-    "build": "yarn clean && node ../../scripts/build.js",
-    "postbuild": "yarn rollup -c ../../rollup.config.js",
+    "build": "vite build",
     "lint": "eslint . --ext .js,.jsx,.tsx,.ts --fix",
     "format": "prettier --write .",
-    "typescheck": "tsc --noEmit --emitDeclarationOnly false",
+    "typecheck": "tsc --noEmit --emitDeclarationOnly false && tsc --noEmit -p __tests__/tsconfig.json",
     "tests": "yarn lint-staged",
     "release": "yarn semantic-release --extends ../../release.config.js -t 'hyper-fetch-graphql-v${version}'"
   },
@@ -67,7 +52,7 @@
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [
-      "yarn jest --passWithNoTests"
+      "vitest related --run --passWithNoTests"
     ]
   },
   "keywords": [

package/project.json

@@ -0,0 +1,4 @@
+{
+  "name": "graphql",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json"
+}

package/src/adapter/adapter.constants.ts

@@ -1,6 +1,6 @@
 import { Time } from "@hyper-fetch/core";
 
-import { GraphQlExtraType } from "./adapter.types";
+import type { GraphQlExtraType } from "./adapter.types";
 
 export const defaultTimeout = Time.SEC * 5;
 

package/src/adapter/adapter.ts

@@ -1,11 +1,6 @@
-import * as browser from "@browser-adapter";
-import * as server from "@server-adapter";
-
-import { GraphqlAdapterType } from "./adapter.types";
+import { getGqlAdapter } from "./http-adapter.fetch";
+import type { GraphqlAdapterType } from "./adapter.types";
 
 export const GraphqlAdapter = (): GraphqlAdapterType => {
-  if (typeof XMLHttpRequest !== "undefined") {
-    return browser.getGqlAdapter();
-  }
-  return server.getGqlAdapter();
+  return getGqlAdapter();
 };

package/src/adapter/adapter.types.ts

@@ -1,5 +1,5 @@
-import { Adapter, EmptyTypes, QueryParamsType } from "@hyper-fetch/core";
-import { DocumentNode } from "graphql/language/ast";
+import type { Adapter, EmptyTypes, QueryParamsType } from "@hyper-fetch/core";
+import type { DocumentNode } from "graphql/language/ast";
 
 export enum GraphqlMethod {
   POST = "POST",
@@ -10,8 +10,12 @@ export type GraphQlExtraType = { headers: HeadersInit; extensions: Record<string
 
 export type GraphQlEndpointType = string | DocumentNode;
 
+export type FetchGraphqlAdapterOptionsType = Omit<RequestInit, "method" | "headers" | "body" | "signal"> & {
+  timeout?: number;
+};
+
 export type GraphqlAdapterType = Adapter<
-  Partial<XMLHttpRequest>,
+  FetchGraphqlAdapterOptionsType,
   GraphqlMethod,
   number,
   GraphQlExtraType,

package/src/adapter/adapter.utils.ts

@@ -1,7 +1,9 @@
-import { RequestInstance, HttpMethods, stringifyQueryParams } from "@hyper-fetch/core";
-import { print, parse, OperationDefinitionNode } from "graphql";
+import type { RequestInstance } from "@hyper-fetch/core";
+import { HttpMethods, stringifyQueryParams } from "@hyper-fetch/core";
+import type { OperationDefinitionNode } from "graphql";
+import { print, parse } from "graphql";
 
-import { GraphQlEndpointType } from "adapter";
+import type { GraphQlEndpointType } from "adapter";
 
 export const getRequestValues = <R extends RequestInstance>(request: R) => {
   const isPostRequest = request.method === HttpMethods.POST;
@@ -44,6 +46,9 @@ export const gqlEndpointNameMapper = (endpoint: string): string => {
       if (selection?.kind === "Field") {
         return selection.name.value;
       }
+      if (selection?.kind === "InlineFragment" && selection.typeCondition) {
+        return selection.typeCondition.name.value;
+      }
     }
   } catch (error) {
     // We can ignore this error and just return some fallback