@hyper-fetch/graphql 6.0.1 → 7.0.0

package/.eslintrc.json

@@ -1,6 +1,11 @@
 {
-  "extends": ["../../.eslintrc.json"],
+  "extends": ["plugin:@nx/react", "../../.eslintrc.js"],
   "parserOptions": {
-    "project": ["./tsconfig.json", "./__tests__/tsconfig.json"]
-  }
+    "project": ["./tsconfig.json"]
+  },
+  "rules": {
+    "react/jsx-props-no-spreading": 0,
+    "react/require-default-props": 0
+  },
+  "ignorePatterns": ["dist/", "coverage/", "jest.config.ts", "/*.js"]
 }

package/README.md

@@ -44,17 +44,17 @@ Hyper Fetch for your GraphQL-powered projects.
 
 🚀 **Queueing** - [Read more](https://hyperfetch.bettertyped.com/docs/guides/advanced/queueing)
 
-💎 **Automatic caching** - [Read more](https://hyperfetch.bettertyped.com/docs/documentation/core/cache)
+💎 **Automatic caching** - [Read more](https://hyperfetch.bettertyped.com/docs/core/cache)
 
 🪄 **Persistence** - [Read more](https://hyperfetch.bettertyped.com/docs/guides/advanced/persistence)
 
-🎊 **SSR Support** - [Read more](https://hyperfetch.bettertyped.com/docs/documentation/getting-started/environment)
+🎊 **SSR Support** - [Read more](https://hyperfetch.bettertyped.com/docs/getting-started/environment)
 
 🔋 **Offline First** - [Read more](https://hyperfetch.bettertyped.com/docs/guides/advanced/offline)
 
-📡 **Built-in adapter** - [Read more](https://hyperfetch.bettertyped.com/docs/documentation/core/adapter)
+📡 **Built-in adapter** - [Read more](https://hyperfetch.bettertyped.com/docs/core/adapter)
 
-🧪 **Easy to test** - [Read more](https://hyperfetch.bettertyped.com/docs/documentation/getting-started/testing)
+🧪 **Easy to test** - [Read more](https://hyperfetch.bettertyped.com/docs/getting-started/testing)
 
 🎟 **Authentication** - [Read more](https://hyperfetch.bettertyped.com/docs/guides/basic/authentication)
 
@@ -66,7 +66,7 @@ Hyper Fetch for your GraphQL-powered projects.
 
 ## Sources
 
-- #### [Installation](https://hyperfetch.bettertyped.com/docs/documentation/getting-started/installation)
+- #### [Installation](https://hyperfetch.bettertyped.com/docs/getting-started/installation)
 - #### [Docs](https://hyperfetch.bettertyped.com/)
 - #### [API](https://hyperfetch.bettertyped.com/api/)
 - #### [NPM](https://www.npmjs.com/package/@hyper-fetch/graphql)

package/dist/browser/index.js

@@ -0,0 +1,191 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/adapter/http-adapter.browser.ts
+import {
+  getResponseHeaders,
+  parseResponse,
+  getErrorMessage,
+  Adapter,
+  stringifyKey
+} from "@hyper-fetch/core";
+var getGqlAdapter = () => new Adapter({
+  name: "graphql-browser",
+  defaultMethod: "POST" /* 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(
+  (_0) => __async(void 0, [_0], function* ({
+    request,
+    adapterOptions,
+    headers,
+    onError,
+    onResponseEnd,
+    onTimeoutError,
+    onRequestEnd,
+    createAbortListener,
+    onResponseProgress,
+    onRequestProgress,
+    onResponseStart,
+    onBeforeRequest,
+    onRequestStart,
+    onSuccess
+  }) {
+    const { fullUrl, payload } = getRequestValues(request);
+    const xhr = new XMLHttpRequest();
+    xhr.timeout = defaultTimeout;
+    const onAbort = () => xhr.abort();
+    if (adapterOptions) {
+      Object.entries(adapterOptions).forEach(([name, value]) => {
+        xhr[name] = value;
+      });
+    }
+    xhr.open(request.method, fullUrl, true);
+    Object.entries(headers).forEach(([name, value]) => xhr.setRequestHeader(name, value));
+    const unmountListener = createAbortListener({ status: 0, extra: gqlExtra, onAbort });
+    xhr.upload.onprogress = onRequestProgress;
+    xhr.onloadstart = () => {
+      onRequestEnd();
+      onResponseStart();
+    };
+    xhr.onprogress = onResponseProgress;
+    xhr.onloadend = () => {
+      onResponseEnd();
+      unmountListener();
+    };
+    xhr.ontimeout = () => onTimeoutError({ status: 0, extra: gqlExtra });
+    xhr.onreadystatechange = (e) => {
+      var _a;
+      const event = e;
+      const finishedState = 4;
+      if (event.target && event.target.readyState === finishedState) {
+        const { status } = event.target;
+        const response = parseResponse(event.target.response);
+        const data = (_a = response.data) != null ? _a : null;
+        const errors = (response == null ? void 0 : response.errors) || null;
+        const extensions = (response == null ? void 0 : response.extensions) || {};
+        const failure = (response == null ? void 0 : response.errors) || status > 399 || status === 0;
+        const responseHeaders = getResponseHeaders(xhr.getAllResponseHeaders());
+        if (failure) {
+          const error = errors || [getErrorMessage()];
+          onError({ error, status, extra: { headers: responseHeaders, extensions } });
+        } else {
+          onSuccess({
+            data,
+            error: errors,
+            status,
+            extra: { headers: responseHeaders, extensions }
+          });
+        }
+      }
+    };
+    onBeforeRequest();
+    onRequestStart();
+    xhr.send(payload);
+  })
+);
+
+// src/adapter/adapter.ts
+var GraphqlAdapter = () => {
+  if (typeof XMLHttpRequest !== "undefined") {
+    return getGqlAdapter();
+  }
+  return getGqlAdapter();
+};
+
+// src/adapter/adapter.types.ts
+var GraphqlMethod = /* @__PURE__ */ ((GraphqlMethod2) => {
+  GraphqlMethod2["POST"] = "POST";
+  GraphqlMethod2["GET"] = "GET";
+  return GraphqlMethod2;
+})(GraphqlMethod || {});
+
+// src/adapter/adapter.utils.ts
+import { HttpMethods, stringifyQueryParams } from "@hyper-fetch/core";
+import { print, parse } from "graphql";
+var getRequestValues = (request) => {
+  const isPostRequest = request.method === HttpMethods.POST;
+  const query = request.endpoint;
+  const variables = request.payload;
+  const fullUrl = isPostRequest ? request.client.url : request.client.url + stringifyQueryParams({ query, variables });
+  const payload = isPostRequest ? JSON.stringify({
+    query,
+    variables
+  }) : null;
+  return { fullUrl, payload };
+};
+var gqlEndpointMapper = (endpoint) => {
+  if (typeof endpoint === "string") {
+    return endpoint;
+  }
+  return print(endpoint);
+};
+var gqlEndpointNameMapper = (endpoint) => {
+  var _a;
+  try {
+    const ast = parse(endpoint);
+    const operationDefinition = ast.definitions.find(
+      (def) => def.kind === "OperationDefinition"
+    );
+    if (operationDefinition) {
+      if ((_a = operationDefinition.name) == null ? void 0 : _a.value) {
+        return operationDefinition.name.value;
+      }
+      const selection = operationDefinition.selectionSet.selections[0];
+      if ((selection == null ? void 0 : selection.kind) === "Field") {
+        return selection.name.value;
+      }
+    }
+  } catch (error) {
+  }
+  const clearedQuery = endpoint.replace(/(query|mutation|subscription)/, "").replace(/[{}().,:]/g, " ").trim();
+  const [name] = clearedQuery.split(" ");
+  return name || "graphql-request";
+};
+
+// src/adapter/adapter.constants.ts
+import { Time } from "@hyper-fetch/core";
+var defaultTimeout = Time.SEC * 5;
+var gqlExtra = {
+  headers: {},
+  extensions: {}
+};
+export {
+  GraphqlAdapter,
+  GraphqlMethod,
+  defaultTimeout,
+  getRequestValues,
+  gqlEndpointMapper,
+  gqlEndpointNameMapper,
+  gqlExtra
+};
+//# sourceMappingURL=index.js.map

package/dist/browser/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/adapter/http-adapter.browser.ts", "../../src/adapter/adapter.ts", "../../src/adapter/adapter.types.ts", "../../src/adapter/adapter.utils.ts", "../../src/adapter/adapter.constants.ts"],
+  "sourcesContent": ["import {\n  getResponseHeaders,\n  parseResponse,\n  getErrorMessage,\n  Adapter,\n  QueryParamsType,\n  stringifyKey,\n} from \"@hyper-fetch/core\";\n\nimport {\n  gqlExtra,\n  GraphqlAdapterType,\n  defaultTimeout,\n  getRequestValues,\n  GraphqlMethod,\n  GraphQlExtraType,\n  GraphQlEndpointType,\n  gqlEndpointMapper,\n  gqlEndpointNameMapper,\n} from \"adapter\";\n\nexport const getGqlAdapter = (): GraphqlAdapterType =>\n  new Adapter<\n    Partial<XMLHttpRequest>,\n    GraphqlMethod,\n    number,\n    GraphQlExtraType,\n    QueryParamsType | string,\n    undefined,\n    GraphQlEndpointType\n  >({\n    name: \"graphql-browser\",\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        onResponseProgress,\n        onRequestProgress,\n        onResponseStart,\n        onBeforeRequest,\n        onRequestStart,\n        onSuccess,\n      }) => {\n        const { fullUrl, payload } = getRequestValues(request);\n\n        const xhr = new XMLHttpRequest();\n        xhr.timeout = defaultTimeout;\n\n        const onAbort = () => xhr.abort();\n\n        // Inject xhr options\n        if (adapterOptions) {\n          Object.entries(adapterOptions).forEach(([name, value]) => {\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            xhr[name] = value;\n          });\n        }\n\n        // Open connection\n        xhr.open(request.method, fullUrl, true);\n\n        // Set Headers\n        Object.entries(headers).forEach(([name, value]) => xhr.setRequestHeader(name, value as string));\n\n        // Listen to abort signal\n        const unmountListener = createAbortListener({ status: 0, extra: gqlExtra, onAbort });\n\n        // Request handlers\n        xhr.upload.onprogress = onRequestProgress;\n\n        // Response handlers\n        xhr.onloadstart = (): void => {\n          onRequestEnd();\n          onResponseStart();\n        };\n\n        xhr.onprogress = onResponseProgress;\n\n        xhr.onloadend = () => {\n          onResponseEnd();\n          unmountListener();\n        };\n\n        /* istanbul ignore next */\n        xhr.ontimeout = () => onTimeoutError({ status: 0, extra: gqlExtra });\n\n        // Data handler\n        xhr.onreadystatechange = (e: Event) => {\n          const event = e as unknown as ProgressEvent<XMLHttpRequest>;\n          const finishedState = 4;\n\n          if (event.target && event.target.readyState === finishedState) {\n            const { status } = event.target;\n            const response = parseResponse(event.target.response);\n            const data = response.data ?? null;\n            const errors = response?.errors || null;\n            const extensions = response?.extensions || {};\n            const failure = response?.errors || status > 399 || status === 0;\n            const responseHeaders = getResponseHeaders(xhr.getAllResponseHeaders());\n\n            if (failure) {\n              const error = errors || [getErrorMessage()];\n              // delay to finish after onabort/ontimeout\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          }\n        };\n\n        // Start request\n        onBeforeRequest();\n        onRequestStart();\n\n        xhr.send(payload);\n      },\n    );\n", "import * as browser from \"@browser-adapter\";\nimport * as server from \"@server-adapter\";\n\nimport { GraphqlAdapterType } from \"./adapter.types\";\n\nexport const GraphqlAdapter = (): GraphqlAdapterType => {\n  if (typeof XMLHttpRequest !== \"undefined\") {\n    return browser.getGqlAdapter();\n  }\n  return server.getGqlAdapter();\n};\n", "import { Adapter, EmptyTypes, QueryParamsType } from \"@hyper-fetch/core\";\nimport { 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 GraphqlAdapterType = Adapter<\n  Partial<XMLHttpRequest>,\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 { RequestInstance, HttpMethods, stringifyQueryParams } from \"@hyper-fetch/core\";\nimport { print, parse, OperationDefinitionNode } from \"graphql\";\n\nimport { 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    }\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 { 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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",
+  "names": ["GraphqlMethod"]
+}

package/dist/index.d.ts

@@ -1,33 +1,34 @@
-import * as _hyper_fetch_core from '@hyper-fetch/core';
-import { ClientInstance, AdapterType, QueryParamsType, NegativeTypes, RequestInstance } from '@hyper-fetch/core';
+import { Adapter, QueryParamsType, EmptyTypes, RequestInstance } from '@hyper-fetch/core';
 import { DocumentNode } from 'graphql/language/ast';
 
-declare const graphqlAdapter: (client: ClientInstance) => _hyper_fetch_core.Client<any, GraphQLAdapterType, <E extends GraphQlEndpointType>(endpoint: E) => string>;
-
-declare enum GraphQlMethod {
+declare enum GraphqlMethod {
     POST = "POST",
     GET = "GET"
 }
 type GraphQlExtraType = {
     headers: HeadersInit;
+    extensions: Record<string, any>;
 };
 type GraphQlEndpointType = string | DocumentNode;
-type GraphQLAdapterType = AdapterType<Partial<XMLHttpRequest>, GraphQlMethod, number, GraphQlExtraType, QueryParamsType | string, GraphQlEndpointType>;
-type GqlParamType = boolean | string | number | Record<string, any> | NegativeTypes;
-type ExtractGqlRouteParams<T extends string> = string extends T ? NegativeTypes : T extends `${string}query ${infer Parameters} {${infer QueryRest}` ? Parameters extends `${string}$${infer Param},${infer Rest}` ? GqlParameter<Param, Rest> & (ExtractGqlRouteParams<QueryRest> extends NegativeTypes ? {} : ExtractGqlRouteParams<QueryRest>) : Parameters extends `${string}$${infer Param})${infer Rest}` ? GqlParameter<Param, Rest> & (ExtractGqlRouteParams<QueryRest> extends NegativeTypes ? {} : ExtractGqlRouteParams<QueryRest>) : NegativeTypes : T extends `${string}$${infer Parameters},${infer Rest}` ? GqlParameter<Parameters, Rest> : T extends `${string}$${infer Parameters})${infer Rest}` ? GqlParameter<Parameters, Rest> : NegativeTypes;
+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 NegativeTypes ? {} : ExtractGqlRouteParams<Rest>) : T extends `${infer Param}:${string}` ? {
+} & (ExtractGqlRouteParams<Rest> extends EmptyTypes ? {} : ExtractGqlRouteParams<Rest>) : T extends `${infer Param}:${string}` ? {
     [k in Param]?: GqlParamType;
-} & (ExtractGqlRouteParams<Rest> extends NegativeTypes ? {} : ExtractGqlRouteParams<Rest>) : NegativeTypes;
+} & (ExtractGqlRouteParams<Rest> extends EmptyTypes ? {} : ExtractGqlRouteParams<Rest>) : EmptyTypes;
+
+declare const GraphqlAdapter: () => GraphqlAdapterType;
 
-declare const getRequestValues: (request: RequestInstance) => {
+declare const getRequestValues: <R extends RequestInstance>(request: R) => {
     fullUrl: string;
-    payload: string;
-    method: any;
+    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 { ExtractGqlRouteParams, GqlParameter, GraphQLAdapterType, GraphQlEndpointType, GraphQlExtraType, GraphQlMethod, defaultTimeout, getRequestValues, gqlExtra, graphqlAdapter };
+export { type ExtractGqlRouteParams, type GqlParameter, type GraphQlEndpointType, type GraphQlExtraType, GraphqlAdapter, type GraphqlAdapterType, GraphqlMethod, defaultTimeout, getRequestValues, gqlEndpointMapper, gqlEndpointNameMapper, gqlExtra };

package/dist/index.js

@@ -0,0 +1,330 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  GraphqlAdapter: () => GraphqlAdapter,
+  GraphqlMethod: () => GraphqlMethod,
+  defaultTimeout: () => defaultTimeout,
+  getRequestValues: () => getRequestValues,
+  gqlEndpointMapper: () => gqlEndpointMapper,
+  gqlEndpointNameMapper: () => gqlEndpointNameMapper,
+  gqlExtra: () => gqlExtra
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/adapter/http-adapter.browser.ts
+var import_core = require("@hyper-fetch/core");
+var getGqlAdapter = () => new import_core.Adapter({
+  name: "graphql-browser",
+  defaultMethod: "POST" /* POST */,
+  defaultExtra: gqlExtra,
+  systemErrorStatus: 0,
+  systemErrorExtra: gqlExtra
+}).onInitialize(({ client }) => {
+  client.setCacheKeyMapper((request) => {
+    return `${request.method}_${gqlEndpointNameMapper(request.endpoint)}-${(0, import_core.stringifyKey)(request.params)}-${(0, import_core.stringifyKey)(request.queryParams)}`;
+  });
+  client.setQueryKeyMapper((request) => {
+    return `${request.method}_${gqlEndpointNameMapper(request.endpoint)}-${(0, import_core.stringifyKey)(request.params)}-${(0, import_core.stringifyKey)(request.queryParams)}`;
+  });
+  client.setAbortKeyMapper((request) => {
+    return `${request.method}_${gqlEndpointNameMapper(request.endpoint)}-${request.cancelable}`;
+  });
+}).setInternalErrorMapping((error) => [error]).setDevtoolsEndpointGetter(gqlEndpointNameMapper).setEndpointMapper(gqlEndpointMapper).setFetcher(
+  (_0) => __async(void 0, [_0], function* ({
+    request,
+    adapterOptions,
+    headers,
+    onError,
+    onResponseEnd,
+    onTimeoutError,
+    onRequestEnd,
+    createAbortListener,
+    onResponseProgress,
+    onRequestProgress,
+    onResponseStart,
+    onBeforeRequest,
+    onRequestStart,
+    onSuccess
+  }) {
+    const { fullUrl, payload } = getRequestValues(request);
+    const xhr = new XMLHttpRequest();
+    xhr.timeout = defaultTimeout;
+    const onAbort = () => xhr.abort();
+    if (adapterOptions) {
+      Object.entries(adapterOptions).forEach(([name, value]) => {
+        xhr[name] = value;
+      });
+    }
+    xhr.open(request.method, fullUrl, true);
+    Object.entries(headers).forEach(([name, value]) => xhr.setRequestHeader(name, value));
+    const unmountListener = createAbortListener({ status: 0, extra: gqlExtra, onAbort });
+    xhr.upload.onprogress = onRequestProgress;
+    xhr.onloadstart = () => {
+      onRequestEnd();
+      onResponseStart();
+    };
+    xhr.onprogress = onResponseProgress;
+    xhr.onloadend = () => {
+      onResponseEnd();
+      unmountListener();
+    };
+    xhr.ontimeout = () => onTimeoutError({ status: 0, extra: gqlExtra });
+    xhr.onreadystatechange = (e) => {
+      var _a;
+      const event = e;
+      const finishedState = 4;
+      if (event.target && event.target.readyState === finishedState) {
+        const { status } = event.target;
+        const response = (0, import_core.parseResponse)(event.target.response);
+        const data = (_a = response.data) != null ? _a : null;
+        const errors = (response == null ? void 0 : response.errors) || null;
+        const extensions = (response == null ? void 0 : response.extensions) || {};
+        const failure = (response == null ? void 0 : response.errors) || status > 399 || status === 0;
+        const responseHeaders = (0, import_core.getResponseHeaders)(xhr.getAllResponseHeaders());
+        if (failure) {
+          const error = errors || [(0, import_core.getErrorMessage)()];
+          onError({ error, status, extra: { headers: responseHeaders, extensions } });
+        } else {
+          onSuccess({
+            data,
+            error: errors,
+            status,
+            extra: { headers: responseHeaders, extensions }
+          });
+        }
+      }
+    };
+    onBeforeRequest();
+    onRequestStart();
+    xhr.send(payload);
+  })
+);
+
+// src/adapter/http-adapter.server.ts
+var import_core2 = require("@hyper-fetch/core");
+var import_http = __toESM(require("http"));
+var import_https = __toESM(require("https"));
+var getGqlAdapter2 = () => new import_core2.Adapter({
+  name: "graphql-server",
+  defaultMethod: "POST" /* POST */,
+  defaultExtra: gqlExtra,
+  systemErrorStatus: 0,
+  systemErrorExtra: gqlExtra
+}).onInitialize(({ client }) => {
+  client.setCacheKeyMapper((request) => {
+    return `${request.method}_${gqlEndpointNameMapper(request.endpoint)}-${JSON.stringify(request.params)}-${JSON.stringify(request.queryParams)}`;
+  });
+  client.setQueryKeyMapper((request) => {
+    return `${request.method}_${gqlEndpointNameMapper(request.endpoint)}-${JSON.stringify(request.params)}-${JSON.stringify(request.queryParams)}`;
+  });
+  client.setAbortKeyMapper((request) => {
+    return `${request.method}_${gqlEndpointNameMapper(request.endpoint)}-${request.cancelable}`;
+  });
+}).setInternalErrorMapping((error) => [error]).setDevtoolsEndpointGetter(gqlEndpointNameMapper).setEndpointMapper(gqlEndpointMapper).setFetcher(
+  (_0) => __async(void 0, [_0], function* ({
+    request,
+    adapterOptions,
+    headers,
+    onError,
+    onResponseEnd,
+    onTimeoutError,
+    onRequestEnd,
+    createAbortListener,
+    getAbortController,
+    onResponseProgress,
+    onResponseStart,
+    onBeforeRequest,
+    onRequestStart,
+    onSuccess
+  }) {
+    var _a;
+    const { fullUrl, payload } = getRequestValues(request);
+    const httpClient = request.client.url.includes("https://") ? import_https.default : import_http.default;
+    const options = {
+      method: request.method,
+      headers,
+      timeout: defaultTimeout,
+      signal: (_a = getAbortController()) == null ? void 0 : _a.signal
+    };
+    Object.entries(adapterOptions || {}).forEach(([name, value]) => {
+      options[name] = value;
+    });
+    onBeforeRequest();
+    const unmountListener = createAbortListener({
+      status: 0,
+      extra: gqlExtra
+    });
+    const httpRequest = httpClient.request(fullUrl, options, (response) => {
+      response.setEncoding("utf8");
+      let chunks = "";
+      const totalDownloadBytes = Number(response.headers["content-length"]);
+      let downloadedBytes = 0;
+      onRequestStart();
+      response.on("data", (chunk) => {
+        if (!chunks) {
+          onRequestEnd();
+          onResponseStart();
+        }
+        downloadedBytes += chunk.length;
+        chunks += chunk;
+        onResponseProgress({ total: totalDownloadBytes, loaded: downloadedBytes });
+      });
+      response.on("end", () => {
+        const { statusCode = 0 } = response;
+        const success = String(statusCode).startsWith("2") || String(statusCode).startsWith("3");
+        if (success) {
+          const { data, errors, extensions } = (0, import_core2.parseResponse)(chunks);
+          onSuccess({
+            data: data != null ? data : null,
+            error: errors,
+            status: statusCode,
+            extra: { headers: response.headers, extensions: extensions != null ? extensions : {} }
+          });
+        } else {
+          const result = (0, import_core2.parseErrorResponse)(chunks);
+          const error = "errors" in result ? result.errors : null;
+          const extensions = "extensions" in result ? result.extensions : {};
+          onError({
+            error: error != null ? error : [(0, import_core2.getErrorMessage)()],
+            status: statusCode,
+            extra: { headers: response.headers, extensions }
+          });
+        }
+        unmountListener();
+        onResponseEnd();
+      });
+    });
+    httpRequest.on("timeout", () => onTimeoutError({ status: 0, extra: gqlExtra }));
+    httpRequest.on("error", (error) => onError({ error, status: 0, extra: gqlExtra }));
+    if (payload) {
+      httpRequest.write(payload);
+    }
+    httpRequest.end();
+  })
+);
+
+// src/adapter/adapter.ts
+var GraphqlAdapter = () => {
+  if (typeof XMLHttpRequest !== "undefined") {
+    return getGqlAdapter();
+  }
+  return getGqlAdapter2();
+};
+
+// src/adapter/adapter.types.ts
+var GraphqlMethod = /* @__PURE__ */ ((GraphqlMethod2) => {
+  GraphqlMethod2["POST"] = "POST";
+  GraphqlMethod2["GET"] = "GET";
+  return GraphqlMethod2;
+})(GraphqlMethod || {});
+
+// src/adapter/adapter.utils.ts
+var import_core3 = require("@hyper-fetch/core");
+var import_graphql = require("graphql");
+var getRequestValues = (request) => {
+  const isPostRequest = request.method === import_core3.HttpMethods.POST;
+  const query = request.endpoint;
+  const variables = request.payload;
+  const fullUrl = isPostRequest ? request.client.url : request.client.url + (0, import_core3.stringifyQueryParams)({ query, variables });
+  const payload = isPostRequest ? JSON.stringify({
+    query,
+    variables
+  }) : null;
+  return { fullUrl, payload };
+};
+var gqlEndpointMapper = (endpoint) => {
+  if (typeof endpoint === "string") {
+    return endpoint;
+  }
+  return (0, import_graphql.print)(endpoint);
+};
+var gqlEndpointNameMapper = (endpoint) => {
+  var _a;
+  try {
+    const ast = (0, import_graphql.parse)(endpoint);
+    const operationDefinition = ast.definitions.find(
+      (def) => def.kind === "OperationDefinition"
+    );
+    if (operationDefinition) {
+      if ((_a = operationDefinition.name) == null ? void 0 : _a.value) {
+        return operationDefinition.name.value;
+      }
+      const selection = operationDefinition.selectionSet.selections[0];
+      if ((selection == null ? void 0 : selection.kind) === "Field") {
+        return selection.name.value;
+      }
+    }
+  } catch (error) {
+  }
+  const clearedQuery = endpoint.replace(/(query|mutation|subscription)/, "").replace(/[{}().,:]/g, " ").trim();
+  const [name] = clearedQuery.split(" ");
+  return name || "graphql-request";
+};
+
+// src/adapter/adapter.constants.ts
+var import_core4 = require("@hyper-fetch/core");
+var defaultTimeout = import_core4.Time.SEC * 5;
+var gqlExtra = {
+  headers: {},
+  extensions: {}
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GraphqlAdapter,
+  GraphqlMethod,
+  defaultTimeout,
+  getRequestValues,
+  gqlEndpointMapper,
+  gqlEndpointNameMapper,
+  gqlExtra
+});
+//# sourceMappingURL=index.js.map