nuxt-graphql-middleware 4.1.1 → 4.3.0

package/dist/runtime/{composables/shared.d.ts → helpers/composables.d.ts}

@@ -1,11 +1,13 @@
 import type { FetchOptions } from 'ofetch';
-import type { GraphqlMiddlewareQuery, GraphqlMiddlewareMutation } from '#build/nuxt-graphql-middleware';
+import type { GraphqlMiddlewareQuery, GraphqlMiddlewareMutation } from '#nuxt-graphql-middleware/generated-types';
 import type { RequestCacheOptions } from '#graphql-middleware/types';
+import type { GraphqlClientContext } from '#graphql-middleware-client-options';
 export type GraphqlMiddlewareQueryName = keyof GraphqlMiddlewareQuery;
 export type GraphqlMiddlewareMutationName = keyof GraphqlMiddlewareMutation;
 export type GraphqlComposableOptions = {
     fetchOptions?: FetchOptions;
     graphqlCaching?: RequestCacheOptions;
+    clientContext?: Partial<GraphqlClientContext>;
 };
 export type GetQueryArgs<T extends GraphqlMiddlewareQueryName, M extends GraphqlMiddlewareQuery> = M[T][0] extends null ? [T, (null | undefined)?, GraphqlComposableOptions?] : M[T][1] extends false ? [T, M[T][0], GraphqlComposableOptions?] : [T, M[T][0]?, GraphqlComposableOptions?];
 export type GetMutationArgs<T extends GraphqlMiddlewareMutationName, M extends GraphqlMiddlewareMutation> = M[T][0] extends null ? [T, (null | undefined)?, GraphqlComposableOptions?] : M[T][1] extends false ? [T, M[T][0], GraphqlComposableOptions?] : [T, M[T][0]?, GraphqlComposableOptions?];
@@ -16,21 +18,26 @@ export type QueryObjectArgs<T extends GraphqlMiddlewareQueryName, M extends Grap
     name: T;
     fetchOptions?: FetchOptions;
     graphqlCaching?: RequestCacheOptions;
+    clientContext?: Partial<GraphqlClientContext>;
     variables?: null;
 } : {
     name: T;
     variables: M[T][0];
     fetchOptions?: FetchOptions;
     graphqlCaching?: RequestCacheOptions;
+    clientContext?: Partial<GraphqlClientContext>;
 };
 export type MutationObjectArgs<T extends GraphqlMiddlewareMutationName, M extends GraphqlMiddlewareMutation> = M[T][0] extends null ? {
     name: T;
     variables?: null;
     fetchOptions?: FetchOptions;
+    clientContext?: Partial<GraphqlClientContext>;
 } : {
     name: T;
     variables: M[T][0];
     fetchOptions?: FetchOptions;
+    clientContext?: Partial<GraphqlClientContext>;
 };
 export type PickFrom<T, K extends Array<string>> = T extends Array<any> ? T : T extends Record<string, any> ? keyof T extends K[number] ? T : K[number] extends never ? T : Pick<T, K[number]> : T;
 export type KeysOf<T> = Array<T extends T ? (keyof T extends string ? keyof T : never) : never>;
+export declare function encodeContext(context: Record<string, string | null | undefined>): Record<string, string>;

package/dist/runtime/helpers/composables.js

@@ -0,0 +1,17 @@
+import { useRuntimeConfig } from "#imports";
+import { CLIENT_CONTEXT_PREFIX } from "../settings/index.js";
+export function getEndpoint(operation, operationName) {
+  const config = useRuntimeConfig();
+  return `${config?.public?.["nuxt-graphql-middleware"]?.serverApiPrefix}/${operation}/${operationName}`;
+}
+export function encodeContext(context) {
+  return Object.entries(context).reduce(
+    (acc, [key, value]) => {
+      if (typeof value === "string") {
+        acc[CLIENT_CONTEXT_PREFIX + key] = value;
+      }
+      return acc;
+    },
+    {}
+  );
+}

package/dist/runtime/plugins/provideState.d.ts

@@ -1,5 +1,10 @@
+import { type GraphqlMiddlewareState } from '#graphql-middleware/types';
 /**
  * Create and provide the state singleton for the composables.
  */
-declare const _default: any;
+declare const _default: import("#app").Plugin<{
+    graphqlState: GraphqlMiddlewareState;
+}> & import("#app").ObjectPlugin<{
+    graphqlState: GraphqlMiddlewareState;
+}>;
 export default _default;

package/dist/runtime/server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../../.nuxt/tsconfig.server.json"
+}

package/dist/runtime/server/utils/index.d.ts

@@ -0,0 +1,3 @@
+import type { FetchOptions } from 'ofetch';
+import type { GraphqlResponse } from '#graphql-middleware-server-options-build';
+export declare function performRequest<T>(operation: string, operationName: string, method: 'get' | 'post', options: FetchOptions): Promise<GraphqlResponse<T>>;

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

@@ -0,0 +1,12 @@
+import { getEndpoint } from "./../../helpers/composables.js";
+export function performRequest(operation, operationName, method, options) {
+  return $fetch(getEndpoint(operation, operationName), {
+    ...options,
+    method
+  }).then((v) => {
+    return {
+      data: v.data,
+      errors: v.errors || []
+    };
+  });
+}

package/dist/runtime/server/utils/useGraphqlMutation.d.ts

@@ -0,0 +1,7 @@
+import type { GraphqlResponse } from '#graphql-middleware-server-options-build';
+import { type GraphqlMiddlewareMutationName, type GetMutationArgs, type MutationObjectArgs, type GetMutationResult } from './../../helpers/composables.js';
+import type { GraphqlMiddlewareMutation } from '#nuxt-graphql-middleware/generated-types';
+/**
+ * Performs a GraphQL mutation.
+ */
+export declare function useGraphqlMutation<T extends GraphqlMiddlewareMutationName, R extends GetMutationResult<T, GraphqlMiddlewareMutation>>(...args: GetMutationArgs<T, GraphqlMiddlewareMutation> | [MutationObjectArgs<T, GraphqlMiddlewareMutation>]): Promise<GraphqlResponse<R>>;

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

@@ -0,0 +1,20 @@
+import {
+  encodeContext
+} from "./../../helpers/composables.js";
+import { performRequest } from "./index.js";
+export function useGraphqlMutation(...args) {
+  const [name, body, fetchOptions = {}, clientContext = {}] = typeof args[0] === "string" ? [args[0], args[1], args[2]?.fetchOptions, args[2]?.clientContext] : [
+    args[0].name,
+    args[0].variables,
+    args[0].fetchOptions,
+    args[0].clientContext
+  ];
+  return performRequest("mutation", name, "post", {
+    ...fetchOptions,
+    body,
+    params: {
+      ...encodeContext(clientContext),
+      ...fetchOptions.params || {}
+    }
+  });
+}

package/dist/runtime/server/utils/useGraphqlQuery.d.ts

@@ -0,0 +1,7 @@
+import type { GraphqlResponse } from '#graphql-middleware-server-options-build';
+import { type GraphqlMiddlewareQueryName, type GetQueryArgs, type QueryObjectArgs, type GetQueryResult } from './../../helpers/composables.js';
+import type { GraphqlMiddlewareQuery } from '#nuxt-graphql-middleware/generated-types';
+/**
+ * Performs a GraphQL query.
+ */
+export declare function useGraphqlQuery<T extends GraphqlMiddlewareQueryName, R extends GetQueryResult<T, GraphqlMiddlewareQuery>>(...args: GetQueryArgs<T, GraphqlMiddlewareQuery> | [QueryObjectArgs<T, GraphqlMiddlewareQuery>]): Promise<GraphqlResponse<R>>;

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

@@ -0,0 +1,21 @@
+import {
+  encodeContext
+} from "./../../helpers/composables.js";
+import { buildRequestParams } from "./../../helpers/index.js";
+import { performRequest } from "./index.js";
+export function useGraphqlQuery(...args) {
+  const [name, variables, fetchOptions = {}, clientContext = {}] = typeof args[0] === "string" ? [args[0], args[1], args[2]?.fetchOptions, args[2]?.clientContext] : [
+    args[0].name,
+    args[0].variables,
+    args[0].fetchOptions,
+    args[0].clientContext
+  ];
+  return performRequest("query", name, "get", {
+    ...fetchOptions,
+    params: {
+      ...fetchOptions.params || {},
+      ...buildRequestParams(variables),
+      ...encodeContext(clientContext)
+    }
+  });
+}

package/dist/runtime/serverHandler/helpers/index.d.ts

@@ -1,18 +1,22 @@
 import { type QueryObject } from 'ufo';
 import type { H3Event } from 'h3';
 import type { FetchOptions, FetchResponse, FetchError } from 'ofetch';
-import type { GraphqlMiddlewareRuntimeConfig, GraphqlMiddlewareServerOptions } from './../../../types.js';
-import { GraphqlMiddlewareOperation } from './../../settings.js';
+import type { GraphqlMiddlewareRequestContext, GraphqlMiddlewareRuntimeConfig, GraphqlMiddlewareServerOptions } from './../../../types.js';
+import { GraphqlMiddlewareOperation } from './../../settings/index.js';
 import { type Documents } from '#graphql-documents';
 export declare function queryParamToVariables(query: QueryObject): any;
+/**
+ * Extract the client context from the query params.
+ */
+export declare function extractRequestContext(query: QueryObject): GraphqlMiddlewareRequestContext<any>;
 /**
  * Get the URL of the GraphQL endpoint.
  */
-export declare function getEndpoint(config: GraphqlMiddlewareRuntimeConfig, serverOptions: GraphqlMiddlewareServerOptions, event: H3Event, operation: GraphqlMiddlewareOperation, operationName: string): string | Promise<string>;
+export declare function getEndpoint(config: GraphqlMiddlewareRuntimeConfig, serverOptions: GraphqlMiddlewareServerOptions<any, any>, event: H3Event, operation: GraphqlMiddlewareOperation, operationName: string, context: GraphqlMiddlewareRequestContext<any>): string | Promise<string>;
 /**
  * Get the options for the $fetch request to the GraphQL server.
  */
-export declare function getFetchOptions(serverOptions: GraphqlMiddlewareServerOptions, event: H3Event, operation: GraphqlMiddlewareOperation, operationName: string): FetchOptions | Promise<FetchOptions>;
+export declare function getFetchOptions(serverOptions: GraphqlMiddlewareServerOptions<any, any>, event: H3Event, operation: GraphqlMiddlewareOperation, operationName: string, context: GraphqlMiddlewareRequestContext<any>): FetchOptions | Promise<FetchOptions>;
 export declare function throwError(statusMessage: string, statusCode?: number): never;
 /**
  * Assure that the request is valid.
@@ -21,8 +25,8 @@ export declare function validateRequest(method?: string, operation?: GraphqlMidd
 /**
  * Handle GraphQL server response.
  */
-export declare function onServerResponse(serverOptions: GraphqlMiddlewareServerOptions, event: H3Event, response: FetchResponse<any>, operation?: string, operationName?: string): any;
+export declare function onServerResponse(serverOptions: GraphqlMiddlewareServerOptions<any, any>, event: H3Event, response: FetchResponse<any>, operation: string, operationName: string, context: GraphqlMiddlewareRequestContext<any>): any;
 /**
  * Handle GraphQL server errors.
  */
-export declare function onServerError(serverOptions: GraphqlMiddlewareServerOptions, event: H3Event, error: FetchError, operation?: string, operationName?: string): any;
+export declare function onServerError(serverOptions: GraphqlMiddlewareServerOptions<any, any>, event: H3Event, error: FetchError, operation: string, operationName: string, context: GraphqlMiddlewareRequestContext<any>): any;

package/dist/runtime/serverHandler/helpers/index.js

@@ -1,5 +1,8 @@
 import { createError } from "h3";
-import { GraphqlMiddlewareOperation } from "./../../settings/index.js";
+import {
+  CLIENT_CONTEXT_PREFIX,
+  GraphqlMiddlewareOperation
+} from "./../../settings/index.js";
 export function queryParamToVariables(query) {
   try {
     if (query.__variables && typeof query.__variables === "string") {
@@ -9,12 +12,28 @@ export function queryParamToVariables(query) {
   }
   return query;
 }
-export function getEndpoint(config, serverOptions, event, operation, operationName) {
+export function extractRequestContext(query) {
+  const client = {};
+  for (const property in query) {
+    if (property.startsWith(CLIENT_CONTEXT_PREFIX)) {
+      const value = query[property];
+      if (typeof value === "string") {
+        const key = property.replace(CLIENT_CONTEXT_PREFIX, "");
+        client[key] = value;
+      }
+    }
+  }
+  return {
+    client
+  };
+}
+export function getEndpoint(config, serverOptions, event, operation, operationName, context) {
   if (serverOptions.graphqlEndpoint) {
     const result = serverOptions.graphqlEndpoint(
       event,
       operation,
-      operationName
+      operationName,
+      context
     );
     if (result) {
       return Promise.resolve(result);
@@ -25,9 +44,14 @@ export function getEndpoint(config, serverOptions, event, operation, operationNa
   }
   throw new Error("Failed to determine endpoint for GraphQL server.");
 }
-export function getFetchOptions(serverOptions, event, operation, operationName) {
+export function getFetchOptions(serverOptions, event, operation, operationName, context) {
   if (serverOptions.serverFetchOptions) {
-    return serverOptions.serverFetchOptions(event, operation, operationName) || {};
+    return serverOptions.serverFetchOptions(
+      event,
+      operation,
+      operationName,
+      context
+    ) || {};
   }
   return {};
 }
@@ -60,20 +84,27 @@ export function validateRequest(method, operation, name, documents) {
     throwError(`Operation "${operation}" with name "${name}" not found.`);
   }
 }
-export function onServerResponse(serverOptions, event, response, operation, operationName) {
+export function onServerResponse(serverOptions, event, response, operation, operationName, context) {
   if (serverOptions.onServerResponse) {
     return serverOptions.onServerResponse(
       event,
       response,
       operation,
-      operationName
+      operationName,
+      context
     );
   }
   return response._data;
 }
-export function onServerError(serverOptions, event, error, operation, operationName) {
+export function onServerError(serverOptions, event, error, operation, operationName, context) {
   if (serverOptions.onServerError) {
-    return serverOptions.onServerError(event, error, operation, operationName);
+    return serverOptions.onServerError(
+      event,
+      error,
+      operation,
+      operationName,
+      context
+    );
   }
   const message = error && "message" in error ? error.message : "";
   throw createError({

package/dist/runtime/serverHandler/index.js

@@ -5,7 +5,8 @@ import {
   getFetchOptions,
   validateRequest,
   onServerResponse,
-  onServerError
+  onServerError,
+  extractRequestContext
 } from "./helpers/index.js";
 import { GraphqlMiddlewareOperation } from "./../settings/index.js";
 import { documents } from "#graphql-documents";
@@ -17,14 +18,17 @@ export default defineEventHandler(async (event) => {
   const operationName = event.context?.params?.name;
   validateRequest(method, operation, operationName, documents);
   const operationDocument = documents[operation][operationName];
-  const variables = operation === GraphqlMiddlewareOperation.Query ? queryParamToVariables(getQuery(event)) : await readBody(event);
+  const queryParams = getQuery(event);
+  const context = extractRequestContext(queryParams);
+  const variables = operation === GraphqlMiddlewareOperation.Query ? queryParamToVariables(queryParams) : await readBody(event);
   if (serverOptions.doGraphqlRequest) {
     return serverOptions.doGraphqlRequest({
       event,
       operation,
       operationName,
       operationDocument,
-      variables
+      variables,
+      context
     });
   }
   const runtimeConfig = useRuntimeConfig().graphqlMiddleware;
@@ -33,13 +37,15 @@ export default defineEventHandler(async (event) => {
     serverOptions,
     event,
     operation,
-    operationName
+    operationName,
+    context
   );
   const fetchOptions = await getFetchOptions(
     serverOptions,
     event,
     operation,
-    operationName
+    operationName,
+    context
   );
   return $fetch.raw(endpoint, {
     // @todo: Remove any once https://github.com/unjs/nitro/pull/883 is released.
@@ -56,7 +62,8 @@ export default defineEventHandler(async (event) => {
       event,
       response,
       operation,
-      operationName
+      operationName,
+      context
     );
   }).catch((error) => {
     return onServerError(
@@ -64,7 +71,8 @@ export default defineEventHandler(async (event) => {
       event,
       error,
       operation,
-      operationName
+      operationName,
+      context
     );
   });
 });

package/dist/runtime/serverHandler/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../../.nuxt/tsconfig.server.json"
+}

package/dist/runtime/serverHandler/upload.js

@@ -1,6 +1,7 @@
 import {
   defineEventHandler,
-  readMultipartFormData
+  readMultipartFormData,
+  getQuery
 } from "h3";
 import {
   getEndpoint,
@@ -8,7 +9,8 @@ import {
   validateRequest,
   onServerResponse,
   onServerError,
-  throwError
+  throwError,
+  extractRequestContext
 } from "./helpers/index.js";
 import { GraphqlMiddlewareOperation } from "./../settings/index.js";
 import { documents } from "#graphql-documents";
@@ -52,6 +54,8 @@ export default defineEventHandler(async (event) => {
     const blob = new Blob([file.data]);
     formData.append(file.name, blob, file.filename);
   }
+  const queryParams = getQuery(event);
+  const context = extractRequestContext(queryParams);
   if (serverOptions.doGraphqlRequest) {
     return serverOptions.doGraphqlRequest({
       event,
@@ -59,7 +63,8 @@ export default defineEventHandler(async (event) => {
       operationName,
       operationDocument,
       variables,
-      formData
+      formData,
+      context
     });
   }
   const runtimeConfig = useRuntimeConfig().graphqlMiddleware;
@@ -68,17 +73,18 @@ export default defineEventHandler(async (event) => {
     serverOptions,
     event,
     operation,
-    operationName
+    operationName,
+    context
   );
   const fetchOptions = await getFetchOptions(
     serverOptions,
     event,
     operation,
-    operationName
+    operationName,
+    context
   );
   return $fetch.raw(endpoint, {
     ...fetchOptions,
-    // @todo: Remove any once https://github.com/unjs/nitro/pull/883 is released.
     method: "POST",
     body: formData
   }).then((response) => {
@@ -87,7 +93,8 @@ export default defineEventHandler(async (event) => {
       event,
       response,
       operation,
-      operationName
+      operationName,
+      context
     );
   }).catch((error) => {
     return onServerError(
@@ -95,7 +102,8 @@ export default defineEventHandler(async (event) => {
       event,
       error,
       operation,
-      operationName
+      operationName,
+      context
     );
   });
 });

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

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

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

@@ -6,7 +6,7 @@ export declare enum GraphqlMiddlewareTemplate {
     /**
      * Signature for the GraphQL composable arguments and return types.
      */
-    ComposableContext = "nuxt-graphql-middleware.d.ts",
+    ComposableContext = "nuxt-graphql-middleware/generated-types.d.ts",
     /**
      * Exports a single opject containing the compiled queries and mutations.
      */
@@ -16,3 +16,4 @@ export declare enum GraphqlMiddlewareOperation {
     Query = "query",
     Mutation = "mutation"
 }
+export declare const CLIENT_CONTEXT_PREFIX = "__gqlc_";

package/dist/runtime/settings/index.js

@@ -1,6 +1,6 @@
 export var GraphqlMiddlewareTemplate = /* @__PURE__ */ ((GraphqlMiddlewareTemplate2) => {
   GraphqlMiddlewareTemplate2["OperationTypes"] = "graphql-operations.d.ts";
-  GraphqlMiddlewareTemplate2["ComposableContext"] = "nuxt-graphql-middleware.d.ts";
+  GraphqlMiddlewareTemplate2["ComposableContext"] = "nuxt-graphql-middleware/generated-types.d.ts";
   GraphqlMiddlewareTemplate2["Documents"] = "graphql-documents.mjs";
   return GraphqlMiddlewareTemplate2;
 })(GraphqlMiddlewareTemplate || {});
@@ -9,3 +9,4 @@ export var GraphqlMiddlewareOperation = /* @__PURE__ */ ((GraphqlMiddlewareOpera
   GraphqlMiddlewareOperation2["Mutation"] = "mutation";
   return GraphqlMiddlewareOperation2;
 })(GraphqlMiddlewareOperation || {});
+export const CLIENT_CONTEXT_PREFIX = "__gqlc_";

package/dist/runtime/types.d.ts

@@ -1,6 +1,6 @@
 import type { FetchOptions, FetchContext } from 'ofetch';
 import type { GraphqlResponse } from '#graphql-middleware-server-options-build';
-import type { GraphqlMiddlewareResponseUnion } from '#build/nuxt-graphql-middleware';
+import type { GraphqlMiddlewareResponseUnion } from '#nuxt-graphql-middleware/generated-types';
 export type GraphqlResponseErrorLocation = {
     line: number;
     column: number;
@@ -22,3 +22,54 @@ export interface GraphqlMiddlewareState {
 export type RequestCacheOptions = {
     client?: boolean;
 };
+export type ContextType = {
+    [key: string]: string | null | undefined;
+};
+export type GraphqlClientOptions<T extends ContextType = ContextType> = {
+    /**
+     * Build the client context for this request.
+     *
+     * The method should return an object whose properties and values are strings.
+     * This object will be encoded as a query param when making the request to
+     * the GraphQL middleware. Each property name is prefixed when converted to a
+     * query param to prevent collisions.
+     *
+     * On the server, the context is reassembled and passed to methods in custom
+     * server options such as getEndpoint or serverFetchOptions.
+     *
+     * One use case would be to pass some state of the Nuxt app to your server
+     * options such as the current language.
+     *
+     * @example
+     * Define a context.
+     *
+     * ```typescript
+     * export default defineGraphqlClientOptions({
+     *   buildClientContext() {
+     *     // Pass the current language as context.
+     *     const language = useCurrentLanguage()
+     *     return {
+     *       language: language.value,
+     *     }
+     *   },
+     * })
+     * ```
+     *
+     * Now when a GraphQL query is made with useGraphqlQuery the request URL will
+     * look like this:
+     * `/api/graphql_middleware/myQuery?queryVariable=foo&__gqlc_language=en`
+     *                                                   ^ your context
+     *
+     * Then in your serverOptions file, you can then access the context:
+     *
+     * ```typescript
+     * export default defineGraphqlServerOptions({
+     *   graphqlEndpoint(event, operation, operationName, context) {
+     *     const language = context?.client?.language || 'en'
+     *     return `http://backend_server/${language}/graphql`
+     *    },
+     * })
+     * ```
+     */
+    buildClientContext?: () => T;
+};

package/dist/types.d.mts

@@ -4,8 +4,4 @@ declare module '@nuxt/schema' {
   interface NuxtHooks extends ModuleHooks {}
 }
 
-declare module 'nuxt/schema' {
-  interface NuxtHooks extends ModuleHooks {}
-}
-
 export { type GraphqlMiddlewareServerOptions, type ModuleHooks, type ModuleOptions, default } from './module.js'

package/dist/types.d.ts

@@ -4,8 +4,4 @@ declare module '@nuxt/schema' {
   interface NuxtHooks extends ModuleHooks {}
 }
 
-declare module 'nuxt/schema' {
-  interface NuxtHooks extends ModuleHooks {}
-}
-
 export { type GraphqlMiddlewareServerOptions, type ModuleHooks, type ModuleOptions, default } from './module'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-graphql-middleware",
-  "version": "4.1.1",
+  "version": "4.3.0",
   "description": "Module to perform GraphQL requests as a server middleware.",
   "repository": {
     "type": "git",
@@ -22,6 +22,10 @@
     "./dist/runtime/serverOptions": {
       "import": "./dist/runtime/serverOptions/index.js",
       "types": "./dist/runtime/serverOptions/index.d.ts"
+    },
+    "./dist/runtime/clientOptions": {
+      "import": "./dist/runtime/clientOptions/index.js",
+      "types": "./dist/runtime/clientOptions/index.d.ts"
     }
   },
   "main": "./dist/module.cjs",
@@ -33,14 +37,16 @@
   "scripts": {
     "prepack": "nuxt-module-build build && npm run client:build",
     "dev": "nuxi dev playground --trace-warnings",
+    "dev:layers": "nuxi dev playground-layers --trace-warnings",
     "debug": "nuxi dev playground --inspect",
     "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build --stub && nuxi prepare playground",
+    "dev:layers:build": "nuxi build playground-layers",
+    "dev:prepare": "MODULE_BUILD=true nuxt-module-build build --stub && MODULE_BUILD=true nuxt-module-build prepare && nuxi prepare playground && nuxi prepare playground-layers",
     "dev:start": "node ./playground/.output/server/index.mjs",
     "client:build": "nuxi generate client",
     "client:dev": "nuxi dev client --port 3300",
     "typedoc": "typedoc --plugin typedoc-plugin-markdown --out foobar",
-    "typecheck": "nuxi typecheck",
+    "typecheck": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
     "docs:dev": "vitepress dev docs --port 5000",
     "docs:build": "vitepress build docs",
     "docs:serve": "vitepress serve docs --port 5000",
@@ -73,8 +79,8 @@
     "@nuxt/devtools": "^1.3.7",
     "@nuxt/devtools-ui-kit": "1.3.7",
     "@nuxt/eslint": "^0.3.13",
-    "@nuxt/module-builder": "^0.8.1",
-    "@nuxt/schema": "^3.12.2",
+    "@nuxt/module-builder": "^0.8.4",
+    "@nuxt/schema": "^3.13.2",
     "@types/capture-console": "^1.0.5",
     "@types/cli-table": "^0.3.4",
     "@types/inquirer": "^9.0.7",
@@ -83,12 +89,13 @@
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.3",
     "jsdoc-to-markdown": "^8.0.1",
-    "nuxt": "^3.12.2",
+    "nuxt": "^3.13.2",
     "prettier": "^3.3.2",
     "strip-ansi": "^7.1.0",
     "typedoc": "^0.26.3",
     "typedoc-plugin-markdown": "^4.1.1",
-    "vitepress": "^1.2.3",
-    "vitest": "^1.6.0"
+    "vitepress": "^1.5.0",
+    "vitest": "^1.6.0",
+    "vue-tsc": "^2.1.6"
   }
 }

package/dist/client/_nuxt/CHM3Rz8p.js

@@ -1 +0,0 @@
-import{u as w,d as E,r as S,a as A,o as I,b as T,c as U,e as V,f as D,h as P,g as N,p as H,n as O,w as F,i as b,j as z,k as $,l as M,m as Q,q as G,s as W,_ as J,t as K,v as X,x as _,y as k,z as Y,A as Z,B as ee,C as te,D as ae}from"./CUKk0hSk.js";import{u as ne}from"./Bk31qVW4.js";async function j(t,a=w()){const{path:i,matched:v}=a.resolve(t);if(!v.length||(a._routePreloaded||(a._routePreloaded=new Set),a._routePreloaded.has(i)))return;const e=a._preloadPromises=a._preloadPromises||[];if(e.length>4)return Promise.all(e).then(()=>j(t,a));a._routePreloaded.add(i);const n=v.map(l=>{var r;return(r=l.components)==null?void 0:r.default}).filter(l=>typeof l=="function");for(const l of n){const r=Promise.resolve(l()).catch(()=>{}).finally(()=>e.splice(e.indexOf(r)));e.push(r)}await Promise.all(e)}const re=(...t)=>t.find(a=>a!==void 0);function oe(t){const a=t.componentName||"NuxtLink";function i(e,n){if(!e||t.trailingSlash!=="append"&&t.trailingSlash!=="remove")return e;if(typeof e=="string")return R(e,t.trailingSlash);const l="path"in e&&e.path!==void 0?e.path:n(e).path;return{...e,name:void 0,path:R(l,t.trailingSlash)}}function v(e){const n=w(),l=Q(),r=b(()=>!!e.target&&e.target!=="_self"),u=b(()=>{const c=e.to||e.href||"";return typeof c=="string"&&z(c,{acceptRelative:!0})}),m=N("RouterLink"),p=m&&typeof m!="string"?m.useLink:void 0,h=b(()=>{if(e.external)return!0;const c=e.to||e.href||"";return typeof c=="object"?!1:c===""||u.value}),s=b(()=>{const c=e.to||e.href||"";return h.value?c:i(c,n.resolve)}),d=h.value||p==null?void 0:p({...e,to:s}),g=b(()=>{var c;if(!s.value||u.value)return s.value;if(h.value){const f=typeof s.value=="object"?q(s.value):s.value;return i(f,n.resolve)}return typeof s.value=="object"?((c=n.resolve(s.value))==null?void 0:c.href)??null:i($(l.app.baseURL,s.value),n.resolve)});return{to:s,hasTarget:r,isAbsoluteUrl:u,isExternal:h,href:g,isActive:(d==null?void 0:d.isActive)??b(()=>s.value===n.currentRoute.value.path),isExactActive:(d==null?void 0:d.isExactActive)??b(()=>s.value===n.currentRoute.value.path),route:(d==null?void 0:d.route)??b(()=>n.resolve(s.value)),async navigate(){await M(g.value,{replace:e.replace,external:h.value||r.value})}}}return E({name:a,props:{to:{type:[String,Object],default:void 0,required:!1},href:{type:[String,Object],default:void 0,required:!1},target:{type:String,default:void 0,required:!1},rel:{type:String,default:void 0,required:!1},noRel:{type:Boolean,default:void 0,required:!1},prefetch:{type:Boolean,default:void 0,required:!1},noPrefetch:{type:Boolean,default:void 0,required:!1},activeClass:{type:String,default:void 0,required:!1},exactActiveClass:{type:String,default:void 0,required:!1},prefetchedClass:{type:String,default:void 0,required:!1},replace:{type:Boolean,default:void 0,required:!1},ariaCurrentValue:{type:String,default:void 0,required:!1},external:{type:Boolean,default:void 0,required:!1},custom:{type:Boolean,default:void 0,required:!1}},useLink:v,setup(e,{slots:n}){const l=w(),{to:r,href:u,navigate:m,isExternal:p,hasTarget:h,isAbsoluteUrl:s}=v(e),d=S(!1),g=S(null),c=f=>{var x;g.value=e.custom?(x=f==null?void 0:f.$el)==null?void 0:x.nextElementSibling:f==null?void 0:f.$el};if(e.prefetch!==!1&&e.noPrefetch!==!0&&e.target!=="_blank"&&!le()){const x=A();let y,o=null;I(()=>{const L=ie();T(()=>{y=U(()=>{var C;(C=g==null?void 0:g.value)!=null&&C.tagName&&(o=L.observe(g.value,async()=>{o==null||o(),o=null;const B=typeof r.value=="string"?r.value:p.value?q(r.value):l.resolve(r.value).fullPath;await Promise.all([x.hooks.callHook("link:prefetch",B).catch(()=>{}),!p.value&&!h.value&&j(r.value,l).catch(()=>{})]),d.value=!0}))})})}),V(()=>{y&&D(y),o==null||o(),o=null})}return()=>{var y;if(!p.value&&!h.value){const o={ref:c,to:r.value,activeClass:e.activeClass||t.activeClass,exactActiveClass:e.exactActiveClass||t.exactActiveClass,replace:e.replace,ariaCurrentValue:e.ariaCurrentValue,custom:e.custom};return e.custom||(d.value&&(o.class=e.prefetchedClass||t.prefetchedClass),o.rel=e.rel||void 0),P(N("RouterLink"),o,n.default)}const f=e.target||null,x=re(e.noRel?"":e.rel,t.externalRelAttribute,s.value||h.value?"noopener noreferrer":"")||null;return e.custom?n.default?n.default({href:u.value,navigate:m,get route(){if(!u.value)return;const o=new URL(u.value,window.location.href);return{path:o.pathname,fullPath:o.pathname,get query(){return H(o.search)},hash:o.hash,params:{},name:void 0,matched:[],redirectedFrom:void 0,meta:{},href:u.value}},rel:x,target:f,isExternal:p.value||h.value,isActive:!1,isExactActive:!1}):null:P("a",{ref:g,href:u.value||null,rel:x,target:f},(y=n.default)==null?void 0:y.call(n))}}})}const se=oe(O);function R(t,a){const i=a==="append"?G:W;return z(t)&&!t.startsWith("http")?t:i(t,!0)}function ie(){const t=A();if(t._observer)return t._observer;let a=null;const i=new Map,v=(n,l)=>(a||(a=new IntersectionObserver(r=>{for(const u of r){const m=i.get(u.target);(u.isIntersecting||u.intersectionRatio>0)&&m&&m()}})),i.set(n,l),a.observe(n),()=>{i.delete(n),a.unobserve(n),i.size===0&&(a.disconnect(),a=null)});return t._observer={observe:v}}function le(){const t=navigator.connection;return!!(t&&(t.saveData||/2g/.test(t.effectiveType)))}function q(t){return F(t.path||"",t.query||{})+(t.hash?"#"+t.hash:"")}const ue=t=>(te("data-v-c6c1efc1"),t=t(),ae(),t),ce={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},de=ue(()=>_("div",{class:"fixed left-0 right-0 spotlight z-10"},null,-1)),fe={class:"max-w-520px text-center z-20"},he=["textContent"],ve=["textContent"],pe={class:"w-full flex items-center justify-center"},ge={__name:"error-404",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:404},statusMessage:{type:String,default:"Not Found"},description:{type:String,default:"Sorry, the page you are looking for could not be found."},backHome:{type:String,default:"Go back home"}},setup(t){const a=t;return ne({title:`${a.statusCode} - ${a.statusMessage} | ${a.appName}`,script:[],style:[{children:'*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--un-default-border-color, #e5e7eb)}:before,:after{--un-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}h1{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}h1,p{margin:0}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }'}]}),(i,v)=>{const e=se;return K(),X("div",ce,[de,_("div",fe,[_("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:k(t.statusCode)},null,8,he),_("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:k(t.description)},null,8,ve),_("div",pe,[Y(e,{to:"/",class:"gradient-border text-md sm:text-xl py-2 px-4 sm:py-3 sm:px-6 cursor-pointer"},{default:Z(()=>[ee(k(t.backHome),1)]),_:1})])])])}}},xe=J(ge,[["__scopeId","data-v-c6c1efc1"]]);export{xe as default};