@lewebsimple/nuxt-graphql 0.1.5 → 0.1.6

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@lewebsimple/nuxt-graphql",
   "configKey": "graphql",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -6,7 +6,7 @@ const logger = useLogger("@lewebsimple/nuxt-graphql");
 const cyan = "\x1B[36m";
 const reset = "\x1B[0m";
 
-function findServerFile(layerDirs, relativePath) {
+function findServerFile(layerDirs, relativePath, isRequired = false) {
   const extensions = ["ts", "mjs"];
   for (const dir of layerDirs) {
     const candidates = extensions.map((ext) => join(dir.server, `${relativePath}.${ext}`));
@@ -15,8 +15,10 @@ function findServerFile(layerDirs, relativePath) {
       return fullPath;
     }
   }
-  throw new Error(`Could not find required server file ${cyan}${relativePath}${reset} in layers:
+  if (isRequired) {
+    throw new Error(`Could not find required server file ${cyan}${relativePath}.{${extensions.join(",")}}${reset} in the following layers:
 ${layerDirs.map(({ server }) => server).join("\n")}`);
+  }
 }
 
 const module$1 = defineNuxtModule({
@@ -35,13 +37,13 @@ const module$1 = defineNuxtModule({
     const layerDirs = [...getLayerDirectories(nuxt), { server: serverDir.replace(rootDir, `${rootDir}/playground`) }];
     nuxt.hook("nitro:config", (nitroConfig) => {
       nitroConfig.alias ||= {};
-      nitroConfig.alias["#graphql/schema"] = findServerFile(layerDirs, "graphql/schema");
-      nitroConfig.alias["#graphql/context"] = findServerFile(layerDirs, "graphql/context");
+      nitroConfig.alias["#graphql/schema"] = findServerFile(layerDirs, "graphql/schema", true);
+      nitroConfig.alias["#graphql/context"] = findServerFile(layerDirs, "graphql/context") || resolve("./runtime/server/default-context.ts");
     });
     const endpoint = options.yoga?.endpoint ?? "/api/graphql";
     addServerTemplate({
       filename: "graphql/yoga-handler",
-      getContents: () => readFileSync(resolve("./templates/yoga-handler.ts"), "utf-8").replace("{{endpoint}}", endpoint)
+      getContents: () => readFileSync(resolve("./templates/yoga-handler.mjs"), "utf-8").replace("{{endpoint}}", endpoint)
     });
     addServerHandler({ route: endpoint, handler: "graphql/yoga-handler" });
     nuxt.hook("listen", (_server, { url }) => {

package/dist/runtime/composables/useGraphQL.js

@@ -1,12 +1,6 @@
-import { useNuxtApp, useRequestHeaders } from "#imports";
+import { useNuxtApp } from "#imports";
 export function useGraphQL() {
   const { $graphql } = useNuxtApp();
-  if (import.meta.server) {
-    const headers = useRequestHeaders(["cookie"]);
-    if (headers.cookie) {
-      $graphql.setHeader("cookie", headers.cookie);
-    }
-  }
   return {
     request: (document, variables) => $graphql.request(document, variables)
   };

package/dist/runtime/server/default-context.d.ts

@@ -0,0 +1,7 @@
+import type { H3Event } from "h3";
+export declare const createContext: (event: H3Event) => {
+    event: H3Event<import("h3").EventHandlerRequest>;
+};
+export type GraphQLContext = {
+    event: H3Event;
+};

package/dist/runtime/server/default-context.js

@@ -0,0 +1 @@
+export const createContext = (event) => ({ event });

package/dist/templates/{yoga-handler.ts → yoga-handler.mjs}

@@ -1,18 +1,24 @@
 import { createYoga } from "graphql-yoga";
 import { defineEventHandler, toWebRequest, sendWebResponse } from "h3";
-/** @ts-expect-error - No type declarations in module context */
 import { schema } from "#graphql/schema";
-/** @ts-expect-error - No type declarations in module context */
 import { createContext } from "#graphql/context";
 
-const yoga = createYoga({
-  schema,
-  graphqlEndpoint: "{{endpoint}}",
-});
+let yoga = null;
+
+function getYoga() {
+  if (!yoga) {
+    yoga = createYoga({
+      schema,
+      graphqlEndpoint: "{{endpoint}}",
+      fetchAPI: globalThis,
+    });
+  }
+  return yoga;
+}
 
 export default defineEventHandler(async (event) => {
-  const context = await createContext(event);
   const request = toWebRequest(event);
-  const response = await yoga.handleRequest(request, context);
+  const context = await createContext(event);
+  const response = await getYoga().handleRequest(request, context);
   return sendWebResponse(event, response);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lewebsimple/nuxt-graphql",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Opinionated Nuxt module for using GraphQL",
   "repository": "lewebsimple/nuxt-graphql",
   "license": "MIT",