@hyper-fetch/graphql 7.5.3 → 8.0.0

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.3",
+  "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/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

package/src/adapter/http-adapter.fetch.ts

@@ -0,0 +1,186 @@
+import type { QueryParamsType } from "@hyper-fetch/core";
+import { parseResponse, getErrorMessage, Adapter, stringifyKey } from "@hyper-fetch/core";
+
+import type {
+  GraphqlAdapterType,
+  GraphQlExtraType,
+  GraphQlEndpointType,
+  FetchGraphqlAdapterOptionsType,
+} from "adapter";
+import {
+  gqlExtra,
+  defaultTimeout,
+  getRequestValues,
+  GraphqlMethod,
+  gqlEndpointMapper,
+  gqlEndpointNameMapper,
+} from "adapter";
+
+export const getGqlAdapter = (): GraphqlAdapterType =>
+  new Adapter<
+    FetchGraphqlAdapterOptionsType,
+    GraphqlMethod,
+    number,
+    GraphQlExtraType,
+    QueryParamsType | string,
+    undefined,
+    GraphQlEndpointType
+  >({
+    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: ReturnType<typeof setTimeout> | undefined;
+
+        const unmountListener = createAbortListener({
+          status: 0,
+          extra: gqlExtra,
+        });
+
+        if (timeoutMs > 0 && controller) {
+          timeoutId = setTimeout(() => {
+            timedOut = true;
+            unmountListener();
+            controller.abort();
+          }, timeoutMs);
+        }
+
+        onBeforeRequest();
+        onRequestStart();
+
+        try {
+          const init: RequestInit = {
+            method: request.method,
+            headers: headers as Record<string, string>,
+            signal: controller?.signal,
+            ...restOptions,
+          };
+
+          if (payload) {
+            init.body = payload;
+
+            if (typeof payload === "string") {
+              const total = new Blob([payload]).size;
+              onRequestProgress({ total, loaded: total } as ProgressEvent);
+            }
+          }
+
+          onRequestEnd();
+
+          const response = await fetch(fullUrl, init);
+
+          if (timeoutId) clearTimeout(timeoutId);
+
+          onResponseStart();
+
+          const responseHeaders: Record<string, string> = {};
+          response.headers.forEach((value, key) => {
+            responseHeaders[key] = value;
+          });
+
+          let body: string;
+
+          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: Uint8Array[] = [];
+
+            // eslint-disable-next-line no-constant-condition
+            while (true) {
+              // eslint-disable-next-line no-await-in-loop
+              const { done, value } = await reader.read();
+              if (done) break;
+              chunks.push(value);
+              receivedLength += value.length;
+              onResponseProgress({ total: contentLength || receivedLength, loaded: receivedLength } as ProgressEvent);
+            }
+
+            const allChunks = new Uint8Array(receivedLength);
+            let position = 0;
+            // eslint-disable-next-line no-restricted-syntax
+            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 || {};
+          const failure = errors || status > 399 || status === 0;
+
+          if (failure) {
+            const error = errors || [getErrorMessage()];
+            onError({ error, status, extra: { headers: responseHeaders, extensions } });
+          } else {
+            onSuccess({
+              data,
+              error: errors,
+              status,
+              extra: { headers: responseHeaders, extensions },
+            });
+          }
+        } catch (err: any) {
+          if (timeoutId) clearTimeout(timeoutId);
+          unmountListener();
+
+          if (controller?.signal?.aborted) {
+            if (timedOut) {
+              onTimeoutError({ status: 0, extra: gqlExtra });
+            }
+            return;
+          }
+
+          onError({ error: err, status: 0, extra: gqlExtra });
+        }
+      },
+    );

package/src/adapter/index.ts

@@ -2,3 +2,4 @@ export * from "./adapter";
 export * from "./adapter.types";
 export * from "./adapter.utils";
 export * from "./adapter.constants";
+export * from "./http-adapter.fetch";

package/tsconfig.base.json

@@ -2,11 +2,7 @@
   "extends": "../../tsconfig.json",
   "compilerOptions": {
     "rootDir": "./src",
-    "baseUrl": "./src",
-    "paths": {
-      "@browser-adapter": ["./adapter/http-adapter.browser.ts"],
-      "@server-adapter": ["./adapter/http-adapter.browser.ts"]
-    }
+    "baseUrl": "./src"
   },
-  "exclude": ["dist", "jest.config.ts"]
+  "exclude": ["dist", "vite.config.ts"]
 }

package/tsconfig.json

@@ -2,11 +2,7 @@
   "extends": "../../tsconfig.json",
   "compilerOptions": {
     "rootDir": ".",
-    "baseUrl": "./src",
-    "paths": {
-      "@browser-adapter": ["./adapter/http-adapter.browser.ts"],
-      "@server-adapter": ["./adapter/http-adapter.server.ts"]
-    }
+    "baseUrl": "./src"
   },
-  "exclude": ["node_modules", "dist", "jest.config.ts", "__tests__"]
+  "exclude": ["node_modules", "dist", "vite.config.ts", "__tests__"]
 }

package/vite.config.ts

@@ -0,0 +1,45 @@
+/// <reference types="vitest/config" />
+import { defineConfig } from "vite";
+import dts from "vite-plugin-dts";
+import tsconfigPaths from "vite-tsconfig-paths";
+import path from "path";
+import { getDtsCompilerOptionsForPackage } from "../../scripts/vite-dts-internal-paths";
+import { getRollupExternalsFromPackageJson } from "../../scripts/vite-lib-externals-from-package";
+
+export default defineConfig({
+  build: {
+    lib: {
+      entry: "src/index.ts",
+      formats: ["es"],
+      fileName: "index",
+    },
+    sourcemap: true,
+    minify: false,
+    rollupOptions: {
+      external: [...getRollupExternalsFromPackageJson(__dirname), "graphql", "graphql-tag"],
+    },
+  },
+  plugins: [
+    dts({
+      entryRoot: "src",
+      compilerOptions: getDtsCompilerOptionsForPackage(__dirname),
+    }),
+    tsconfigPaths(),
+  ],
+  test: {
+    globals: true,
+    environment: "node",
+    setupFiles: ["./__tests__/vitest.setup.ts"],
+    include: ["__tests__/**/*.spec.{ts,tsx}", "src/**/*.spec.{ts,tsx}"],
+    coverage: {
+      provider: "v8",
+      include: ["src/**/*.{ts,tsx}"],
+      exclude: ["**/*.spec.*", "**/types.*", "**/constants.*", "**/index.ts"],
+    },
+    alias: {
+      "@hyper-fetch/core": path.resolve(__dirname, "../core/src/index.ts"),
+      "@hyper-fetch/sockets": path.resolve(__dirname, "../sockets/src/index.ts"),
+      "@hyper-fetch/testing": path.resolve(__dirname, "../testing/src/index.ts"),
+    },
+  },
+});

package/__tests__/global.d.ts

@@ -1 +0,0 @@
-import "jest-extended";

package/__tests__/jest.setup.ts

@@ -1 +0,0 @@
-import "jest-extended";