nuxt-graphql-middleware 5.0.0-alpha.16 → 5.0.0-alpha.18

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

@@ -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/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 };

package/dist/{module.d.ts → shared/nuxt-graphql-middleware.DLNGE1zJ.d.mts}

@@ -1,13 +1,19 @@
-import * as _nuxt_schema from '@nuxt/schema';
-import { Types } from '@graphql-codegen/plugin-helpers';
-import { SchemaASTConfig } from '@graphql-codegen/schema-ast';
-import { GeneratorOptions, GeneratorOutput } from 'graphql-typescript-deluxe';
 import { GraphQLSchema, GraphQLNamedType } from 'graphql';
-import { Nuxt, ResolvedNuxtTemplate, WatchEvent, HookResult } from 'nuxt/schema';
+import { Nuxt, ResolvedNuxtTemplate, WatchEvent } from 'nuxt/schema';
 import { Resolver } from '@nuxt/kit';
 import { RouterMethod } from 'h3';
-import { OperationResponseError } from '../dist/runtime/types.js';
-export { GraphqlMiddlewareServerOptions } from '../dist/runtime/types.js';
+import { Types } from '@graphql-codegen/plugin-helpers';
+import { SchemaASTConfig } from '@graphql-codegen/schema-ast';
+import { GeneratorOptions, GeneratorOutput } from 'graphql-typescript-deluxe';
+
+type RpcItem = {
+    id: string;
+    timestamp?: number;
+    source: string;
+    name: string;
+    identifier: 'fragment' | 'query' | 'mutation';
+    filePath: string;
+};
 
 interface ModuleOptions {
     /**
@@ -180,15 +186,6 @@ interface ModuleOptions {
     };
 }
 
-type RpcItem = {
-    id: string;
-    timestamp?: number;
-    source: string;
-    name: string;
-    identifier: 'fragment' | 'query' | 'mutation';
-    filePath: string;
-};
-
 declare const defaultOptions: ModuleOptions;
 
 declare class ConsolePrompt {
@@ -501,75 +498,5 @@ declare class ModuleContext {
     addImportFile(filePath: string): ModuleContext;
 }
 
-declare function useGraphqlModuleContext(): ModuleContext;
-declare function useGraphqlModuleContext(options: {
-    nullOnMissing: true;
-}): ModuleContext | null;
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
-
-declare module '#app' {
-    interface RuntimeNuxtHooks {
-        /**
-         * Emitted when any GraphQL response contains errors.
-         */
-        'nuxt-graphql-middleware:errors': (errors: OperationResponseError) => HookResult;
-    }
-}
-declare module 'vite/types/customEvent.d.ts' {
-    interface CustomEventMap {
-        /**
-         * Emitted when GraphQL operations have been updated.
-         */
-        'nuxt-graphql-middleware:reload': {
-            operations: string[];
-        };
-    }
-}
-declare module '@nuxt/schema' {
-    interface AppConfig {
-        graphqlMiddleware: {
-            /**
-             * Whether the client cache is enabled.
-             */
-            clientCacheEnabled: boolean;
-            /**
-             * The max number of items in the cache.
-             */
-            clientCacheMaxSize: number;
-        };
-    }
-    interface Nuxt {
-        /**
-         * The nuxt-graphql-middleware module context.
-         */
-        _nuxt_graphql_middleware?: ModuleContext;
-    }
-    interface NuxtHooks {
-        /**
-         * Called once right before the documents are initialised.
-         *
-         * Use this hook to add any additional documents based on for example the parsed schema.
-         *
-         * @example
-         *
-         * ```typescript`
-         * export default defineNuxtConfig({
-         *   hooks: {
-         *     'nuxt-graphql-middleware:init': (ctx) => {
-         *       if (ctx.schemaHasType('Comment')) {
-         *         ctx.addDocument(
-         *           'queryFromHook',
-         *           `query loadComments { author subject date body }`
-         *         )
-         *       }
-         *     },
-         *   },
-         * })
-         * ```
-         */
-        'nuxt-graphql-middleware:init': (ctx: ModuleContext) => void | Promise<void>;
-    }
-}
-
-export { _default as default, useGraphqlModuleContext };
-export type { ModuleOptions };
+export { ModuleContext as M };
+export type { ModuleOptions as a };

package/dist/types.d.mts

@@ -1,7 +1 @@
-import type { NuxtModule } from '@nuxt/schema'
-
-import type { default as Module } from './module.js'
-
-export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
-
-export { type GraphqlMiddlewareServerOptions } from './module.js'
+export { type ModuleOptions, default } from './module.mjs'

package/dist/utils.d.mts

@@ -0,0 +1,15 @@
+import { M as ModuleContext } from './shared/nuxt-graphql-middleware.DLNGE1zJ.mjs';
+import 'graphql';
+import 'nuxt/schema';
+import '@nuxt/kit';
+import 'h3';
+import '@graphql-codegen/plugin-helpers';
+import '@graphql-codegen/schema-ast';
+import 'graphql-typescript-deluxe';
+
+declare function useGraphqlModuleContext(): ModuleContext;
+declare function useGraphqlModuleContext(options: {
+    nullOnMissing: true;
+}): ModuleContext | null;
+
+export { ModuleContext, useGraphqlModuleContext };

package/dist/utils.mjs

@@ -0,0 +1,18 @@
+import { useNuxt } from '@nuxt/kit';
+
+const CONTEXT_KEY = "_nuxt_graphql_middleware";
+function useGraphqlModuleContext(options) {
+  const nuxt = useNuxt();
+  const context = nuxt[CONTEXT_KEY];
+  if (!context) {
+    if (options?.nullOnMissing) {
+      return null;
+    }
+    throw new Error(
+      "nuxt-graphql-middleware context is not available. Make sure you call this method only after nuxt-graphql-middleware has been setup. If you call this in a module, make sure your module is declared after nuxt-graphql-middleware in your `modules` Nuxt config."
+    );
+  }
+  return context;
+}
+
+export { useGraphqlModuleContext };

package/package.json

@@ -1,39 +1,42 @@
 {
   "name": "nuxt-graphql-middleware",
-  "version": "5.0.0-alpha.16",
+  "version": "5.0.0-alpha.18",
   "description": "Module to perform GraphQL requests as a server middleware.",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dulnan/nuxt-graphql-middleware.git"
   },
-  "license": "MIT",
   "type": "module",
   "exports": {
     ".": {
-      "import": {
-        "types": "./dist/types.d.ts",
-        "default": "./dist/module.mjs"
-      },
-      "require": {
-        "types": "./dist/types.d.ts",
-        "default": "./dist/module.cjs"
-      }
-    },
-    "./dist/runtime/serverOptions": {
-      "import": "./dist/runtime/serverOptions/index.js",
-      "types": "./dist/runtime/serverOptions/index.d.ts"
+      "types": "./dist/types.d.mts",
+      "import": "./dist/module.mjs"
     },
-    "./dist/runtime/clientOptions": {
-      "import": "./dist/runtime/clientOptions/index.js",
-      "types": "./dist/runtime/clientOptions/index.d.ts"
+    "./utils": "./dist/utils.mjs",
+    "./client-options": "./dist/client-options.mjs",
+    "./server-options": "./dist/server-options.mjs"
+  },
+  "main": "./dist/module.mjs",
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types.d.mts"
+      ],
+      "utils": [
+        "./dist/utils.d.mts"
+      ],
+      "client-options": [
+        "./dist/client-options.d.mts"
+      ],
+      "server-options": [
+        "./dist/server-options.d.mts"
+      ]
     }
   },
-  "main": "./dist/module.cjs",
-  "module": "./dist/module.mjs",
-  "types": "./dist/types.d.ts",
   "files": [
     "dist"
   ],
+  "license": "MIT",
   "scripts": {
     "prepack": "npm run styles:build && nuxt-module-build build && npm run client:build",
     "dev": "nuxi dev playground --trace-warnings",
@@ -79,7 +82,7 @@
     "@nuxt/devtools-ui-kit": "^2.3.1",
     "@nuxt/eslint": "^1.2.0",
     "@nuxt/kit": "^3.16.2",
-    "@nuxt/module-builder": "^0.8.4",
+    "@nuxt/module-builder": "^1.0.1",
     "@nuxt/schema": "^3.16.2",
     "@types/micromatch": "^4.0.9",
     "cypress": "^13.12.0",
@@ -102,7 +105,6 @@
     "typedoc-vitepress-theme": "^1.1.2",
     "vitepress": "^1.6.3",
     "vitepress-plugin-mermaid": "^2.0.17",
-    "vitest": "^1.6.0",
-    "vue-tsc": "^2.2.8"
+    "vitest": "^1.6.0"
   }
 }

package/dist/client/_nuxt/builds/meta/e1a39e19-d46f-47f9-88fd-317d5fa8bf87.json

@@ -1 +0,0 @@
-{"id":"e1a39e19-d46f-47f9-88fd-317d5fa8bf87","timestamp":1744204371551,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

package/dist/module.cjs

@@ -1,5 +0,0 @@
-module.exports = function(...args) {
-  return import('./module.mjs').then(m => m.default.call(this, ...args))
-}
-const _meta = module.exports.meta = require('./module.json')
-module.exports.getMeta = () => Promise.resolve(_meta)

package/dist/runtime/clientOptions/index.d.ts

@@ -1,2 +0,0 @@
-import type { GraphqlClientOptions, ContextType } from './../types.js';
-export declare function defineGraphqlClientOptions<T extends ContextType>(options: GraphqlClientOptions<T>): GraphqlClientOptions<T>;

package/dist/runtime/clientOptions/index.js

@@ -1,3 +0,0 @@
-export function defineGraphqlClientOptions(options) {
-  return options;
-}

package/dist/runtime/serverOptions/defineGraphqlServerOptions.d.ts

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

package/dist/runtime/serverOptions/defineGraphqlServerOptions.js

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

package/dist/runtime/serverOptions/index.d.ts

@@ -1,2 +0,0 @@
-import { defineGraphqlServerOptions } from './defineGraphqlServerOptions.js';
-export { defineGraphqlServerOptions };

package/dist/runtime/serverOptions/index.js

@@ -1,2 +0,0 @@
-import { defineGraphqlServerOptions } from "./defineGraphqlServerOptions.js";
-export { defineGraphqlServerOptions };

package/dist/types.d.ts

@@ -1,7 +0,0 @@
-import type { NuxtModule } from '@nuxt/schema'
-
-import type { default as Module } from './module'
-
-export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
-
-export { type GraphqlMiddlewareServerOptions } from './module'