@lewebsimple/nuxt-graphql 0.7.10 → 0.7.12

package/README.md

@@ -381,15 +381,20 @@ export default defineRemoteExecutorHooks({
     });
   },
 
-  onResult(result, context) {
+  onResult(result, context, meta) {
     // You can also access context in onResult
     console.log("User from context:", context?.user);
     console.log("Result:", result.data);
+    // Upstream HTTP response metadata (headers + status)
+    const session = meta.headers.get("woocommerce-session");
+    if (session) context?.setSession?.(session);
   },
 
-  onError(error, context) {
+  onError(error, context, meta) {
     // And in onError for logging/monitoring
-    console.error("Remote execution failed for user:", context?.user?.id);
+    // `meta` is undefined when the failure happened before the HTTP response
+    // (e.g. fetch/network error); defined for non-2xx or JSON parse errors.
+    console.error("Remote execution failed for user:", context?.user?.id, meta?.status);
   },
 });
 ```

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-graphql",
   "configKey": "graphql",
-  "version": "0.7.10",
+  "version": "0.7.12",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -16,7 +16,7 @@ import zodPreset from '@lewebsimple/graphql-codegen-zod';
 import { createRequire } from 'node:module';
 import { resolveCacheConfig } from '../dist/runtime/app/lib/cache-config.js';
 
-const version = "0.7.10";
+const version = "0.7.12";
 
 const buildCache = /* @__PURE__ */ new Map();
 function getCachedLoader(baseKey, loader) {

package/dist/runtime/app/composables/useGraphQLLoadMore.d.ts

@@ -16,11 +16,11 @@ type Connection<TItem> = {
  * @returns An object containing the items, loading state, error state, and pagination functions.
  */
 export declare function useGraphQLLoadMore<TName extends QueryName, TConnection extends Connection<unknown>>(operationName: TName, variables: MaybeRefOrGetter<Omit<VariablesOf<TName>, "after">>, getConnection: (data?: ResultOf<TName>) => TConnection | null | undefined): Promise<{
-    items: any;
-    pending: any;
-    error: any;
-    hasNextPage: any;
-    isLoadingMore: any;
+    items: import("vue").ShallowRef<TConnection["nodes"][number][], TConnection["nodes"][number][]>;
+    pending: import("vue").Ref<boolean, boolean>;
+    error: import("vue").Ref<import("../../shared/utils/error.js").NormalizedError | undefined, import("../../shared/utils/error.js").NormalizedError | undefined>;
+    hasNextPage: import("vue").ComputedRef<boolean>;
+    isLoadingMore: import("vue").Ref<boolean, boolean>;
     loadMore: () => void;
     reset: () => void;
 }>;

package/dist/runtime/app/composables/useGraphQLLoadMore.js

@@ -1,5 +1,5 @@
 import { hash } from "ohash";
-import { computed, ref, shallowRef, toValue, watchEffect } from "vue";
+import { computed, ref, shallowRef, toValue, watch } from "vue";
 import { useAsyncGraphQLQuery } from "./useAsyncGraphQLQuery.js";
 export async function useGraphQLLoadMore(operationName, variables, getConnection) {
   const after = ref(null);
@@ -16,20 +16,29 @@ export async function useGraphQLLoadMore(operationName, variables, getConnection
   const connection = computed(() => getConnection(query.data.value));
   const hasNextPage = computed(() => connection.value?.pageInfo?.hasNextPage ?? false);
   const endCursor = computed(() => connection.value?.pageInfo?.endCursor ?? null);
+  items.value = connection.value?.nodes ?? [];
   let lastInputHash = baseVariablesHash.value;
-  watchEffect(() => {
-    const newItems = connection.value?.nodes ?? [];
-    if (baseVariablesHash.value !== lastInputHash) {
-      lastInputHash = baseVariablesHash.value;
-      reset();
-    }
-    if (after.value === null) {
-      items.value = newItems;
-    } else if (isLoadingMore.value) {
-      items.value = [...items.value, ...newItems];
-    }
-    isLoadingMore.value = false;
+  watch(baseVariablesHash, (newHash) => {
+    if (newHash === lastInputHash) return;
+    lastInputHash = newHash;
+    after.value = null;
+    lastRequestedCursor.value = null;
+    items.value = [];
   });
+  watch(
+    () => query.pending.value,
+    (pending, wasPending) => {
+      if (pending || !wasPending) return;
+      const newItems = connection.value?.nodes ?? [];
+      if (after.value === null) {
+        items.value = newItems;
+      } else if (isLoadingMore.value) {
+        items.value = [...items.value, ...newItems];
+      }
+      isLoadingMore.value = false;
+    },
+    { flush: "post" }
+  );
   function loadMore() {
     const cursor = endCursor.value;
     if (isLoadingMore.value || !hasNextPage.value || !cursor || cursor === lastRequestedCursor.value) {

package/dist/runtime/app/composables/useGraphQLMutation.d.ts

@@ -50,6 +50,6 @@ export type MutationHooks<TName extends MutationName, TContext = unknown> = {
  * @returns Mutation executor and pending state.
  */
 export declare function useGraphQLMutation<TName extends MutationName, TContext = unknown>(operationName: TName, hooks?: MutationHooks<TName, TContext>): {
-    pending: any;
-    mutate: (variables: VariablesInputOf<TName>) => Promise<any>;
+    pending: import("vue").ComputedRef<boolean>;
+    mutate: (variables: VariablesInputOf<TName>) => Promise<ExecuteGraphQLResult<TName>>;
 };

package/dist/runtime/app/plugins/graphql-sse.client.d.ts

@@ -4,7 +4,11 @@ import { type Client as SSEClient } from "graphql-sse";
  *
  * @returns Nuxt plugin with SSE client provider.
  */
-declare const _default: any;
+declare const _default: import("#app").Plugin<{
+    getGraphQLSSEClient: () => SSEClient;
+}> & import("#app").ObjectPlugin<{
+    getGraphQLSSEClient: () => SSEClient;
+}>;
 export default _default;
 declare module "#app/nuxt" {
     interface NuxtApp {

package/dist/runtime/app/plugins/graphql.d.ts

@@ -5,7 +5,11 @@ import type { OperationName } from "../../shared/utils/registry.js";
  *
  * @returns Nuxt plugin with GraphQL operation executor.
  */
-declare const _default: any;
+declare const _default: import("#app").Plugin<{
+    executeOperation: <TName extends OperationName>(input: ExecuteGraphQLInput<TName>) => Promise<ExecuteGraphQLResult<TName>>;
+}> & import("#app").ObjectPlugin<{
+    executeOperation: <TName extends OperationName>(input: ExecuteGraphQLInput<TName>) => Promise<ExecuteGraphQLResult<TName>>;
+}>;
 export default _default;
 type ExecuteGraphQL = <TName extends OperationName>(input: ExecuteGraphQLInput<TName>) => Promise<ExecuteGraphQLResult<TName>>;
 declare module "#app/nuxt" {

package/dist/runtime/server/lib/remote-executor.d.ts

@@ -15,14 +15,25 @@ export type GraphQLRemoteExecutorRequest<TContext extends Record<string, unknown
     /** Execution context. */
     context?: TContext;
 };
+/** Metadata from the upstream HTTP response. */
+export type GraphQLRemoteExecutorResponseMeta = {
+    /** Response headers from the upstream endpoint. */
+    headers: Headers;
+    /** HTTP status code from the upstream endpoint. */
+    status: number;
+};
 /** Remote executor hook handlers. */
 export type GraphQLRemoteExecutorHook<TContext extends Record<string, unknown> = GraphQLContext> = {
     /** Called before sending remote request. */
     onRequest?: (request: GraphQLRemoteExecutorRequest<TContext>, context: TContext | undefined) => void | Promise<void>;
-    /** Called after receiving a result. */
-    onResult?: (result: unknown, context: TContext | undefined) => void | Promise<void>;
-    /** Called when execution throws. */
-    onError?: (error: unknown, context: TContext | undefined) => void | Promise<void>;
+    /** Called after receiving a result, with the upstream response metadata. */
+    onResult?: (result: unknown, context: TContext | undefined, meta: GraphQLRemoteExecutorResponseMeta) => void | Promise<void>;
+    /**
+     * Called when execution throws. `meta` is provided when the failure happened
+     * after the HTTP response was received (non-2xx, JSON parse error, hook
+     * error); it is `undefined` for fetch/network failures.
+     */
+    onError?: (error: unknown, context: TContext | undefined, meta?: GraphQLRemoteExecutorResponseMeta) => void | Promise<void>;
 };
 /** Remote executor factory input. */
 type RemoteExecutorInput<TContext extends Record<string, unknown> = GraphQLContext> = {

package/dist/runtime/server/lib/remote-executor.js

@@ -6,6 +6,7 @@ export function getRemoteExecutor({
 }) {
   return async function execute(request) {
     const context = request.context;
+    let meta;
     try {
       for (const hook of hooks) {
         await hook.onRequest?.(request, context);
@@ -23,17 +24,18 @@ export function getRemoteExecutor({
           operationName: request.operationName
         })
       });
+      meta = { headers: response.headers, status: response.status };
       if (!response.ok) {
         throw new Error(`GraphQL HTTP ${response.status}`);
       }
       const result = await response.json();
       for (const hook of hooks) {
-        await hook.onResult?.(result, context);
+        await hook.onResult?.(result, context, meta);
       }
       return result;
     } catch (error) {
       for (const hook of hooks) {
-        await hook.onError?.(error, context);
+        await hook.onError?.(error, context, meta);
       }
       throw error;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lewebsimple/nuxt-graphql",
-  "version": "0.7.10",
+  "version": "0.7.12",
   "description": "Opinionated Nuxt module for using GraphQL",
   "license": "AGPL-3.0-only",
   "repository": "lewebsimple/nuxt-graphql",