@lewebsimple/nuxt-graphql 0.6.8 → 0.6.10

package/dist/module.json

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

package/dist/module.mjs

@@ -203,7 +203,7 @@ function addUniversalTemplate({ filename, getContents, emitTs }) {
   return modulePath;
 }
 
-const version = "0.6.8";
+const version = "0.6.10";
 
 async function getDocuments(documentsGlob) {
   try {
@@ -231,7 +231,12 @@ async function getOperationsTemplate({ loadSchema, loadDocuments, documentGlob }
     plugins: [
       {
         typescript: {
-          avoidOptionals: true,
+          avoidOptionals: {
+            field: true,
+            object: true,
+            inputValue: false,
+            defaultValue: false
+          },
           defaultScalarType: "never",
           enumsAsTypes: true,
           maybeValue: "T | undefined",
@@ -242,7 +247,12 @@ async function getOperationsTemplate({ loadSchema, loadDocuments, documentGlob }
       },
       {
         typescriptOperations: {
-          avoidOptionals: true,
+          avoidOptionals: {
+            field: true,
+            object: true,
+            inputValue: false,
+            defaultValue: false
+          },
           defaultScalarType: "never",
           enumsAsTypes: true,
           exportFragmentSpreadSubTypes: true,

package/dist/runtime/app/composables/useGraphQLCache.client.d.ts

@@ -5,7 +5,7 @@ import type { QueryName } from "#graphql/registry";
  * @returns Cache config and invalidation helper.
  */
 export declare function useGraphQLCache(): {
-    readonly cacheConfig: import("../../shared/lib/types.js").CacheConfig;
+    readonly cacheConfig: any;
     readonly invalidate: (options?: {
         operation: QueryName;
         variables?: unknown;

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

@@ -0,0 +1,20 @@
+import type { QueryName, ResultOf, VariablesOf } from "#graphql/registry";
+import { type ComputedRef, type MaybeRef, type Ref } from "#imports";
+type PageInfoFragment = {
+    hasNextPage: boolean;
+    endCursor: string | undefined;
+};
+type Connection<TItem> = {
+    nodes: TItem[];
+    pageInfo: PageInfoFragment;
+};
+export declare function useGraphQLLoadMore<TQueryName extends QueryName, TConnection extends Connection<unknown>>(queryName: TQueryName, inputVars: MaybeRef<Omit<VariablesOf<TQueryName>, "after">>, getConnection: (data?: ResultOf<TQueryName>) => TConnection | undefined): Promise<{
+    items: Ref<TConnection["nodes"][number][], TConnection["nodes"][number][]>;
+    pending: any;
+    error: any;
+    reset: (clearProducts?: boolean) => void;
+    hasNextPage: ComputedRef<boolean>;
+    isLoadingMore: Ref<boolean, boolean>;
+    loadMore: () => void;
+}>;
+export {};

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

@@ -0,0 +1,60 @@
+import { computed, ref, shallowRef, toValue, useAsyncGraphQLQuery, watch } from "#imports";
+import { hash } from "ohash";
+export async function useGraphQLLoadMore(queryName, inputVars, getConnection) {
+  const after = ref(null);
+  const addedCursors = /* @__PURE__ */ new Set();
+  const queryInput = computed(() => toValue(inputVars));
+  const queryInputHash = computed(() => hash(queryInput.value));
+  const queryVars = computed(() => ({
+    ...queryInput.value,
+    after: after.value
+  }));
+  const query = await useAsyncGraphQLQuery(
+    queryName,
+    queryVars,
+    {}
+  );
+  const items = shallowRef(getConnection(query.data.value)?.nodes || []);
+  const isLoadingMore = ref(false);
+  const hasNextPage = computed(
+    () => getConnection(query.data.value)?.pageInfo?.hasNextPage ?? false
+  );
+  const endCursor = computed(() => getConnection(query.data.value)?.pageInfo?.endCursor ?? null);
+  function reset(clearProducts = false) {
+    after.value = null;
+    addedCursors.clear();
+    if (clearProducts) {
+      items.value = [];
+    }
+  }
+  watch(
+    () => getConnection(query.data.value),
+    (connection) => {
+      const newItems = connection?.nodes || [];
+      if (after.value === null) {
+        items.value = newItems;
+      } else {
+        items.value = [...items.value, ...newItems];
+      }
+      isLoadingMore.value = false;
+    }
+  );
+  watch(queryInputHash, () => reset());
+  function loadMore() {
+    if (isLoadingMore.value || !hasNextPage.value || !endCursor.value || addedCursors.has(endCursor.value)) {
+      return;
+    }
+    addedCursors.add(endCursor.value);
+    isLoadingMore.value = true;
+    after.value = endCursor.value;
+  }
+  return {
+    items,
+    pending: query.pending,
+    error: query.error,
+    reset,
+    hasNextPage,
+    isLoadingMore,
+    loadMore
+  };
+}

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

@@ -1,9 +1,5 @@
 import type { ExecuteGraphQLInput, ExecuteGraphQLResult, GraphQLVariables } from "../../shared/lib/types.js";
-declare const _default: import("#app").Plugin<{
-    executeGraphQL: <TResult = unknown, TVariables extends GraphQLVariables = GraphQLVariables>({ query, variables, operationName }: ExecuteGraphQLInput<TVariables>) => Promise<ExecuteGraphQLResult<TResult>>;
-}> & import("#app").ObjectPlugin<{
-    executeGraphQL: <TResult = unknown, TVariables extends GraphQLVariables = GraphQLVariables>({ query, variables, operationName }: ExecuteGraphQLInput<TVariables>) => Promise<ExecuteGraphQLResult<TResult>>;
-}>;
+declare const _default: any;
 export default _default;
 type ExecuteGraphQL = <TResult = unknown, TVariables extends GraphQLVariables = GraphQLVariables>(input: ExecuteGraphQLInput<TVariables>) => Promise<ExecuteGraphQLResult<TResult>>;
 declare module "#app/nuxt" {

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lewebsimple/nuxt-graphql",
-  "version": "0.6.8",
+  "version": "0.6.10",
   "description": "Opinionated Nuxt module for using GraphQL",
   "repository": "lewebsimple/nuxt-graphql",
   "license": "AGPL-3.0-only",
@@ -33,8 +33,8 @@
     "@graphql-tools/graphql-file-loader": "^8.1.9",
     "@graphql-tools/load": "^8.1.8",
     "@graphql-tools/schema": "^10.0.31",
-    "@graphql-tools/stitch": "^10.1.8",
-    "@nuxt/kit": "^4.3.0",
+    "@graphql-tools/stitch": "^10.1.10",
+    "@nuxt/kit": "^4.3.1",
     "defu": "^6.1.4",
     "graphql": "^16.12.0",
     "graphql-sse": "^2.6.0",
@@ -45,14 +45,14 @@
   },
   "devDependencies": {
     "@nuxt/devtools": "^3.1.1",
-    "@nuxt/eslint-config": "^1.13.0",
+    "@nuxt/eslint-config": "^1.15.1",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.3.0",
+    "@nuxt/schema": "^4.3.1",
     "@nuxt/test-utils": "^3.23.0",
     "@types/node": "latest",
     "changelogen": "^0.6.2",
     "eslint": "^9.39.2",
-    "nuxt": "^4.3.0",
+    "nuxt": "^4.3.1",
     "typescript": "~5.9.3",
     "vitest": "^4.0.18",
     "vue-tsc": "^3.2.4"