feat: add graphql

src/graphql/execute.ts

@@ -0,0 +1,53 @@
+import type { DocumentNode, ExecutionResult } from "graphql";
+import { print } from "graphql";
+
+import type { TypedDocumentString } from "./graphql";
+
+const defaultUrl = "http://localhost:1337/graphql";
+
+function getEndpoint(): string {
+  if (typeof import.meta !== "undefined" && import.meta.env?.PUBLIC_GRAPHQL_URL) {
+    return import.meta.env.PUBLIC_GRAPHQL_URL;
+  }
+  if (typeof process !== "undefined" && process.env.PUBLIC_GRAPHQL_URL) {
+    return process.env.PUBLIC_GRAPHQL_URL;
+  }
+  return defaultUrl;
+}
+
+function toQueryString(query: TypedDocumentString<unknown, unknown> | DocumentNode): string {
+  if (typeof query === "object" && query !== null && "kind" in query && query.kind === "Document") {
+    return print(query as DocumentNode);
+  }
+  return String(query);
+}
+
+/**
+ * GraphQL over HTTP. Accepts codegen {@link TypedDocumentString} or a `graphql-tag` {@link DocumentNode}.
+ */
+export async function execute<TResult, TVariables>(
+  query: TypedDocumentString<TResult, TVariables> | DocumentNode,
+  variables?: TVariables
+): Promise<ExecutionResult<TResult>> {
+  const payload: { query: string; variables?: TVariables } = {
+    query: toQueryString(query as TypedDocumentString<unknown, unknown> | DocumentNode),
+  };
+  if (variables !== undefined) {
+    payload.variables = variables;
+  }
+
+  const response = await fetch(getEndpoint(), {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Accept: "application/graphql-response+json, application/json",
+    },
+    body: JSON.stringify(payload),
+  });
+
+  if (!response.ok) {
+    throw new Error(`GraphQL HTTP ${response.status}: ${response.statusText}`);
+  }
+
+  return response.json() as Promise<ExecutionResult<TResult>>;
+}

src/graphql/index.ts

@@ -0,0 +1 @@
+export * from "./graphql";