nuxt-graphql-middleware 5.0.0-alpha.9 → 5.0.0

package/dist/runtime/components/CodeFrame.vue

@@ -23,39 +23,30 @@
   </div>
 </template>
 
-<script setup lang="ts">
-import { computed } from '#imports'
-
-const props = defineProps<{
-  source: string
-  line: number
-  column: number
-}>()
-
-const before = 20
-const after = 20
-
+<script setup>
+import { computed } from "#imports";
+const props = defineProps({
+  source: { type: String, required: true },
+  line: { type: Number, required: true },
+  column: { type: Number, required: true }
+});
+const before = 20;
+const after = 20;
 const lines = computed(() => {
-  const fullLines = props.source.split('\n')
-  const indexStart = Math.max(props.line - before - 1, 0)
-  const indexEnd = Math.min(props.line + after, fullLines.length)
-
-  // Take only the lines we care about
-  const sliced = fullLines.slice(indexStart, indexEnd)
-
-  // Remove trailing empty lines
+  const fullLines = props.source.split("\n");
+  const indexStart = Math.max(props.line - before - 1, 0);
+  const indexEnd = Math.min(props.line + after, fullLines.length);
+  const sliced = fullLines.slice(indexStart, indexEnd);
   while (sliced.length && !sliced[sliced.length - 1]?.trim()) {
-    sliced.pop()
+    sliced.pop();
   }
-
-  // Map to your final structure
   return sliced.map((code, i) => {
-    const lineNumber = indexStart + i + 1
+    const lineNumber = indexStart + i + 1;
     return {
       lineNumber,
       code,
-      isHighlighted: lineNumber === props.line,
-    }
-  })
-})
+      isHighlighted: lineNumber === props.line
+    };
+  });
+});
 </script>

package/dist/runtime/components/CodeFrame.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    source: string;
+    line: number;
+    column: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/DevModeOverlay.vue

@@ -21,40 +21,32 @@
   </div>
 </template>
 
-<script setup lang="ts">
-import './../css/output.css'
-import { useState, computed } from '#imports'
-
-import type { OperationResponseError } from '../types'
-import ErrorGroup from './ErrorGroup.vue'
-
-const errors = useState<OperationResponseError[]>(
-  'nuxt-graphql-middleware-errors',
-  () => [],
-)
-
-const groups = computed<OperationResponseError[]>(() => {
+<script setup>
+import "./../css/output.css";
+import { useState, computed } from "#imports";
+import ErrorGroup from "./ErrorGroup.vue";
+const errors = useState(
+  "nuxt-graphql-middleware-errors",
+  () => []
+);
+const groups = computed(() => {
   return [
-    ...errors.value
-      .reduce<Map<string, OperationResponseError>>((acc, v) => {
-        const key = `${v.operation}_${v.operationName}`
-        if (!acc.has(key)) {
-          acc.set(key, {
-            operation: v.operation,
-            operationName: v.operationName,
-            errors: [],
-            stack: v.stack,
-          })
-        }
-        acc.get(key)!.errors.push(...v.errors)
-        return acc
-      }, new Map())
-      .values(),
-  ]
-})
-
-/** Clear the error state => close/hide the overlay */
+    ...errors.value.reduce((acc, v) => {
+      const key = `${v.operation}_${v.operationName}`;
+      if (!acc.has(key)) {
+        acc.set(key, {
+          operation: v.operation,
+          operationName: v.operationName,
+          errors: [],
+          stack: v.stack
+        });
+      }
+      acc.get(key).errors.push(...v.errors);
+      return acc;
+    }, /* @__PURE__ */ new Map()).values()
+  ];
+});
 function clearErrors() {
-  errors.value = []
+  errors.value = [];
 }
 </script>

package/dist/runtime/components/DevModeOverlay.vue.d.ts

@@ -0,0 +1,3 @@
+import './../css/output.css.js';
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/ErrorExtensions.vue

@@ -5,19 +5,17 @@
   </tr>
 </template>
 
-<script setup lang="ts">
-import { computed } from '#imports'
-
-const props = defineProps<{
-  extensions?: Record<string, unknown>
-}>()
-
+<script setup>
+import { computed } from "#imports";
+const props = defineProps({
+  extensions: { type: Object, required: false }
+});
 const mapped = computed(() => {
   if (!props.extensions) {
-    return []
+    return [];
   }
   return Object.entries(props.extensions).map(([key, value]) => {
-    return { key, value }
-  })
-})
+    return { key, value };
+  });
+});
 </script>

package/dist/runtime/components/ErrorExtensions.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    extensions?: Record<string, unknown>;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/ErrorGroup.vue

@@ -23,7 +23,7 @@
       <template v-for="error in uniqueErrors" :key="error.key">
         <tr>
           <td>Path</td>
-          <td>{{ error.path.join(' - ') }}</td>
+          <td>{{ error.path.join(" - ") }}</td>
         </tr>
         <tr>
           <td colspan="2" class="ngm-large">{{ error.message }}</td>
@@ -46,44 +46,33 @@
   </table>
 </template>
 
-<script lang="ts" setup>
-import type { GraphqlResponseError } from '../types'
-import { documents } from '#nuxt-graphql-middleware/documents'
-import { operationSources } from '#nuxt-graphql-middleware/sources'
-import { computed } from '#imports'
-import CodeFrame from './CodeFrame.vue'
-import ErrorExtensions from './ErrorExtensions.vue'
-
-type MappedError = GraphqlResponseError & { count: number; key: string }
-
-const props = defineProps<{
-  operation: string
-  operationName: string
-  errors: GraphqlResponseError[]
-  stack?: string
-}>()
-
-const key = computed(() => props.operation + '_' + props.operationName)
-
+<script setup>
+import { documents } from "#nuxt-graphql-middleware/documents";
+import { operationSources } from "#nuxt-graphql-middleware/sources";
+import { computed } from "#imports";
+import CodeFrame from "./CodeFrame.vue";
+import ErrorExtensions from "./ErrorExtensions.vue";
+const props = defineProps({
+  operation: { type: String, required: true },
+  operationName: { type: String, required: true },
+  errors: { type: Array, required: true },
+  stack: { type: String, required: false }
+});
+const key = computed(() => props.operation + "_" + props.operationName);
 const filePath = computed(() => {
-  return operationSources[key.value]
-})
-
+  return operationSources[key.value];
+});
 const source = computed(
-  () => (documents as any)[props.operation]?.[props.operationName],
-)
-
-const uniqueErrors = computed<MappedError[]>(() => {
-  return props.errors
-    .reduce<Map<string, MappedError>>((acc, v) => {
-      const key = v.message
-      if (!acc.has(key)) {
-        acc.set(key, { ...v, key, count: 0 })
-      }
-      acc.get(key)!.count++
-      return acc
-    }, new Map())
-    .values()
-    .toArray()
-})
+  () => documents[props.operation]?.[props.operationName]
+);
+const uniqueErrors = computed(() => {
+  return props.errors.reduce((acc, v) => {
+    const key2 = v.message;
+    if (!acc.has(key2)) {
+      acc.set(key2, { ...v, key: key2, count: 0 });
+    }
+    acc.get(key2).count++;
+    return acc;
+  }, /* @__PURE__ */ new Map()).values().toArray();
+});
 </script>

package/dist/runtime/components/ErrorGroup.vue.d.ts

@@ -0,0 +1,9 @@
+import type { GraphqlResponseError } from '../types.js';
+type __VLS_Props = {
+    operation: string;
+    operationName: string;
+    errors: GraphqlResponseError[];
+    stack?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/server/api/mutation.js

@@ -20,7 +20,8 @@ export default defineEventHandler(async (event) => {
     {
       query: operationDocument,
       variables,
-      operation: GraphqlMiddlewareOperation.Mutation
+      operation: GraphqlMiddlewareOperation.Mutation,
+      operationName
     },
     context,
     event

package/dist/runtime/server/api/query.js

@@ -21,7 +21,8 @@ export default defineEventHandler(async (event) => {
     {
       query: operationDocument,
       variables,
-      operation: GraphqlMiddlewareOperation.Query
+      operation: GraphqlMiddlewareOperation.Query,
+      operationName
     },
     context,
     event

package/dist/runtime/server/utils/doGraphqlRequest.js

@@ -8,9 +8,7 @@ import {
   onServerResponse
 } from "../helpers/index.js";
 export async function doGraphqlRequest(body, context = null, providedEvent = null) {
-  const operationName = body.operationName || null;
   const event = providedEvent ?? useEvent();
-  const runtimeConfig = useRuntimeConfig().graphqlMiddleware;
   if (serverOptions.doGraphqlRequest) {
     return serverOptions.doGraphqlRequest({
       event,
@@ -21,6 +19,9 @@ export async function doGraphqlRequest(body, context = null, providedEvent = nul
       context: context || {}
     });
   }
+  const operation = body.operation || null;
+  const operationName = body.operationName || null;
+  const runtimeConfig = useRuntimeConfig().graphqlMiddleware;
   const endpoint = await getEndpoint(
     runtimeConfig,
     serverOptions,
@@ -50,7 +51,7 @@ export async function doGraphqlRequest(body, context = null, providedEvent = nul
       serverOptions,
       event,
       response,
-      null,
+      operation,
       operationName,
       context
     );
@@ -59,7 +60,7 @@ export async function doGraphqlRequest(body, context = null, providedEvent = nul
       serverOptions,
       event,
       error,
-      null,
+      operation,
       operationName,
       context
     );

package/dist/runtime/types.d.ts

@@ -88,8 +88,8 @@ export type GraphqlClientOptions<T extends ContextType = ContextType> = {
 export type GraphqlMiddlewareRequestContext<C extends ContextType = ContextType> = {
     client?: Partial<C>;
 };
-export type GraphqlMiddlewareGraphqlEndpointMethod<C extends ContextType> = (event?: H3Event, operation?: string | null, operationName?: string | null, context?: GraphqlMiddlewareRequestContext<C> | null) => string | Promise<string> | undefined;
-export type GraphqlMiddlewareServerFetchOptionsMethod<C extends ContextType> = (event?: H3Event, operation?: string | null, operationName?: string | null, context?: GraphqlMiddlewareRequestContext<C> | null) => FetchOptions | Promise<FetchOptions>;
+export type GraphqlMiddlewareGraphqlEndpointMethod<C extends ContextType> = (event: H3Event, operation?: string | null, operationName?: string | null, context?: GraphqlMiddlewareRequestContext<C> | null) => string | Promise<string> | undefined;
+export type GraphqlMiddlewareServerFetchOptionsMethod<C extends ContextType> = (event: H3Event, operation?: string | null, operationName?: string | null, context?: GraphqlMiddlewareRequestContext<C> | null) => FetchOptions | Promise<FetchOptions>;
 export type GraphqlMiddlewareOnServerResponseMethod<ServerReponse, T, C extends ContextType> = (event: H3Event, response: FetchResponse<ServerReponse>, operation?: string | null, operationName?: string | null, context?: GraphqlMiddlewareRequestContext<C> | null) => T | Promise<T>;
 export type GraphqlMiddlewareOnServerErrorMethod<C extends ContextType> = (event: H3Event, error: FetchError, operation?: string | null, operationName?: string | null, context?: GraphqlMiddlewareRequestContext<C> | null) => any | Promise<any>;
 export type GraphqlMiddlewareDoRequestMethodContext<C extends ContextType> = {

package/dist/server-options.d.mts

@@ -0,0 +1,8 @@
+import { GraphqlClientContext } from '#nuxt-graphql-middleware/client-options';
+import { GraphqlMiddlewareResponseUnion } from '#nuxt-graphql-middleware/response';
+import { GraphqlMiddlewareServerOptions } from '../dist/runtime/types.js';
+export { GraphqlMiddlewareServerOptions } from '../dist/runtime/types.js';
+
+declare function defineGraphqlServerOptions<T extends object = object>(options: GraphqlMiddlewareServerOptions<T, GraphqlMiddlewareResponseUnion, GraphqlClientContext>): GraphqlMiddlewareServerOptions<T, GraphqlMiddlewareResponseUnion, GraphqlClientContext>;
+
+export { defineGraphqlServerOptions };

package/dist/server-options.mjs

@@ -0,0 +1,5 @@
+function defineGraphqlServerOptions(options) {
+  return options;
+}
+
+export { defineGraphqlServerOptions };