houdini-svelte 1.1.4-react.0 → 1.1.4

package/build/runtime-esm/stores/pagination/offset.d.ts

@@ -0,0 +1,20 @@
+import type { SendParams } from '$houdini/runtime/client/documentStore';
+import type { GraphQLObject, QueryArtifact, QueryResult } from '$houdini/runtime/lib/types';
+import type { QueryStoreFetchParams } from '../query';
+import type { FetchFn } from './fetch';
+export declare function offsetHandlers<_Data extends GraphQLObject, _Input extends {}>({ artifact, storeName, getState, getVariables, fetch: parentFetch, fetchUpdate: parentFetchUpdate, }: {
+    artifact: QueryArtifact;
+    fetch: FetchFn<_Data, _Input>;
+    fetchUpdate: (arg: SendParams) => ReturnType<FetchFn<_Data, _Input>>;
+    storeName: string;
+    getState: () => _Data | null;
+    getVariables: () => _Input;
+}): {
+    loadNextPage: ({ limit, offset, fetch, metadata, }?: {
+        limit?: number | undefined;
+        offset?: number | undefined;
+        fetch?: typeof fetch | undefined;
+        metadata?: {} | undefined;
+    }) => Promise<void>;
+    fetch(args?: QueryStoreFetchParams<_Data, _Input>): Promise<QueryResult<_Data, _Input>>;
+};

package/build/runtime-esm/stores/pagination/offset.js

@@ -0,0 +1,65 @@
+import { CachePolicy } from "$houdini/runtime/lib";
+import { deepEquals } from "$houdini/runtime/lib/deepEquals";
+import { getSession } from "../../session";
+import { fetchParams } from "../query";
+import { countPage, missingPageSizeError } from "./pageInfo";
+function offsetHandlers({
+  artifact,
+  storeName,
+  getState,
+  getVariables,
+  fetch: parentFetch,
+  fetchUpdate: parentFetchUpdate
+}) {
+  let getOffset = () => artifact.refetch?.start || countPage(artifact.refetch.path, getState()) || artifact.refetch.pageSize;
+  let currentOffset = getOffset() ?? 0;
+  return {
+    loadNextPage: async ({
+      limit,
+      offset,
+      fetch,
+      metadata
+    } = {}) => {
+      const queryVariables = {
+        ...getVariables(),
+        offset: offset ?? getOffset()
+      };
+      if (limit || limit === 0) {
+        queryVariables.limit = limit;
+      }
+      if (!queryVariables.limit && !artifact.refetch.pageSize) {
+        throw missingPageSizeError("loadNextPage");
+      }
+      let isSinglePage = artifact.refetch?.mode === "SinglePage";
+      const targetFetch = isSinglePage ? parentFetch : parentFetchUpdate;
+      await targetFetch({
+        variables: queryVariables,
+        fetch,
+        metadata,
+        policy: isSinglePage ? artifact.policy : CachePolicy.NetworkOnly,
+        session: await getSession()
+      });
+      const pageSize = queryVariables.limit || artifact.refetch.pageSize;
+      currentOffset = offset + pageSize;
+    },
+    async fetch(args) {
+      const { params } = await fetchParams(artifact, storeName, args);
+      const { variables } = params ?? {};
+      if (variables && !deepEquals(getVariables(), variables)) {
+        return parentFetch.call(this, params);
+      }
+      const count = currentOffset || getOffset();
+      const queryVariables = {};
+      if (!artifact.refetch.pageSize || count > artifact.refetch.pageSize) {
+        queryVariables.limit = count;
+      }
+      return await parentFetch.call(this, {
+        ...params,
+        variables: queryVariables
+      });
+    }
+  };
+}
+export {
+  offsetHandlers
+};

package/build/runtime-esm/stores/pagination/pageInfo.d.ts

@@ -0,0 +1,13 @@
+import type { GraphQLObject } from '$houdini/runtime/lib/types';
+export declare function nullPageInfo(): PageInfo;
+export type PageInfo = {
+    startCursor: string | null;
+    endCursor: string | null;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+};
+export declare function missingPageSizeError(fnName: string): {
+    message: string;
+};
+export declare function extractPageInfo(data: any, path: string[]): PageInfo;
+export declare function countPage<_Data extends GraphQLObject>(source: string[], value: _Data | null): number;

package/build/runtime-esm/stores/pagination/pageInfo.js

@@ -0,0 +1,52 @@
+import { siteURL } from "$houdini/runtime/lib/constants";
+function nullPageInfo() {
+  return { startCursor: null, endCursor: null, hasNextPage: false, hasPreviousPage: false };
+}
+function missingPageSizeError(fnName) {
+  return {
+    message: `${fnName} is missing the required page arguments. For more information, please visit this link: ${siteURL}/guides/pagination`
+  };
+}
+function extractPageInfo(data, path) {
+  if (!data) {
+    return {
+      startCursor: null,
+      endCursor: null,
+      hasNextPage: false,
+      hasPreviousPage: false
+    };
+  }
+  let localPath = [...path];
+  let current = data;
+  while (localPath.length > 0) {
+    if (!current) {
+      break;
+    }
+    current = current[localPath.shift()];
+  }
+  return current?.pageInfo ?? nullPageInfo();
+}
+function countPage(source, value) {
+  let data = value;
+  if (value === null || data === null || data === void 0) {
+    return 0;
+  }
+  for (const field of source) {
+    const obj = data[field];
+    if (obj && !Array.isArray(obj)) {
+      data = obj;
+    } else if (!data) {
+      throw new Error("Could not count page size");
+    }
+    if (Array.isArray(obj)) {
+      return obj.length;
+    }
+  }
+  return 0;
+}
+export {
+  countPage,
+  extractPageInfo,
+  missingPageSizeError,
+  nullPageInfo
+};

package/build/runtime-esm/stores/pagination/query.d.ts

@@ -1,8 +1,9 @@
-import type { GraphQLObject, QueryArtifact, QueryResult, CursorHandlers, OffsetHandlers, PageInfo } from '$houdini/runtime/lib/types';
+import type { GraphQLObject, QueryArtifact, QueryResult } from '$houdini/runtime/lib/types';
 import type { Subscriber } from 'svelte/store';
-import type { ClientFetchParams, LoadEventFetchParams, QueryStoreFetchParams, RequestEventFetchParams } from '../../types';
-import { StoreConfig } from '../query';
+import type { CursorHandlers, OffsetHandlers } from '../../types';
+import type { ClientFetchParams, LoadEventFetchParams, QueryStoreFetchParams, RequestEventFetchParams, StoreConfig } from '../query';
 import { QueryStore } from '../query';
+import { type PageInfo } from './pageInfo';
 export type CursorStoreResult<_Data extends GraphQLObject, _Input extends {}> = QueryResult<_Data, _Input> & {
     pageInfo: PageInfo;
 };

package/build/runtime-esm/stores/pagination/query.js

@@ -1,9 +1,9 @@
-import { extractPageInfo } from "$houdini/runtime/lib/pageInfo";
-import { cursorHandlers, offsetHandlers } from "$houdini/runtime/lib/pagination";
 import { get, derived } from "svelte/store";
 import { getClient, initClient } from "../../client";
-import { getSession } from "../../session";
 import { QueryStore } from "../query";
+import { cursorHandlers } from "./cursor";
+import { offsetHandlers } from "./offset";
+import { extractPageInfo } from "./pageInfo";
 class QueryStoreCursor extends QueryStore {
   paginated = true;
   constructor(config) {
@@ -20,11 +20,11 @@ class QueryStoreCursor extends QueryStore {
     });
     this.#_handlers = cursorHandlers({
       artifact: this.artifact,
+      initialValue: get(this.observer).data,
       getState: () => get(this.observer).data,
       getVariables: () => get(this.observer).variables,
       storeName: this.name,
       fetch: super.fetch.bind(this),
-      getSession,
       fetchUpdate: async (args, updates) => {
         return paginationObserver.send({
           ...args,
@@ -85,7 +85,6 @@ class QueryStoreOffset extends QueryStore {
       fetch: super.fetch,
       getState: () => get(this.observer).data,
       getVariables: () => get(this.observer).variables,
-      getSession,
       fetchUpdate: async (args) => {
         await initClient();
         return paginationObserver.send({

package/build/runtime-esm/stores/query.d.ts

@@ -1,7 +1,7 @@
 import type { FetchContext } from '$houdini/runtime/client/plugins/fetch';
-import type { GraphQLObject, MutationArtifact, QueryArtifact, QueryResult, CachePolicies } from '$houdini/runtime/lib/types';
+import type { GraphQLObject, HoudiniFetchContext, MutationArtifact, QueryArtifact, QueryResult, CachePolicies } from '$houdini/runtime/lib/types';
+import type { LoadEvent, RequestEvent } from '@sveltejs/kit';
 import type { PluginArtifactData } from '../../plugin/artifactData';
-import type { ClientFetchParams, LoadEventFetchParams, QueryStoreFetchParams, RequestEventFetchParams } from '../types';
 import { BaseStore } from './base';
 export declare class QueryStore<_Data extends GraphQLObject, _Input extends {}> extends BaseStore<_Data, _Input, QueryArtifact> {
     variables: boolean;
@@ -31,3 +31,55 @@ export declare function fetchParams<_Data extends GraphQLObject, _Input>(artifac
     policy: CachePolicies | undefined;
     params: QueryStoreFetchParams<_Data, _Input>;
 }>;
+type FetchGlobalParams<_Data extends GraphQLObject, _Input> = {
+    variables?: _Input;
+    /**
+     * The policy to use when performing the fetch. If set to CachePolicy.NetworkOnly,
+     * a request will always be sent, even if the variables are the same as the last call
+     * to fetch.
+     */
+    policy?: CachePolicies;
+    /**
+     * An object that will be passed to the fetch function.
+     * You can do what you want with it!
+     */
+    metadata?: App.Metadata;
+    /**
+     * Set to true if you want the promise to pause while it's resolving.
+     * Only enable this if you know what you are doing. This will cause route
+     * transitions to pause while loading data.
+     */
+    blocking?: boolean;
+    /**
+     * A function to call after the fetch happens (whether fake or not)
+     */
+    then?: (val: _Data | null) => void | Promise<void>;
+};
+export type LoadEventFetchParams<_Data extends GraphQLObject, _Input> = FetchGlobalParams<_Data, _Input> & {
+    /**
+     * Directly the `even` param coming from the `load` function
+     */
+    event?: LoadEvent;
+};
+export type RequestEventFetchParams<_Data extends GraphQLObject, _Input> = FetchGlobalParams<_Data, _Input> & {
+    /**
+     * A RequestEvent should be provided when the store is being used in an endpoint.
+     * When this happens, fetch also needs to be provided
+     */
+    event?: RequestEvent;
+    /**
+     * The fetch function to use when using this store in an endpoint.
+     */
+    fetch?: LoadEvent['fetch'];
+};
+export type ClientFetchParams<_Data extends GraphQLObject, _Input> = FetchGlobalParams<_Data, _Input> & {
+    /**
+     * An object containing all of the current info necessary for a
+     * client-side fetch. Must be called in component initialization with
+     * something like this: `const context = getHoudiniFetchContext()`
+     */
+    context?: HoudiniFetchContext;
+};
+export type QueryStoreFetchParams<_Data extends GraphQLObject, _Input> = QueryStoreLoadParams<_Data, _Input> | ClientFetchParams<_Data, _Input>;
+export type QueryStoreLoadParams<_Data extends GraphQLObject, _Input> = LoadEventFetchParams<_Data, _Input> | RequestEventFetchParams<_Data, _Input>;
+export {};

package/build/runtime-esm/types.d.ts

@@ -1,6 +1,8 @@
-import type { FetchQueryResult, CompiledFragmentKind, QueryResult, GraphQLObject, CursorHandlers, OffsetHandlers, PageInfo, HoudiniFetchContext, FetchParams } from '$houdini/runtime/lib/types';
-import type { LoadEvent, RequestEvent } from '@sveltejs/kit';
-import type { Readable } from 'svelte/store';
+import type { FetchQueryResult, CompiledFragmentKind, QueryResult, GraphQLObject } from '$houdini/runtime/lib/types';
+import type { LoadEvent } from '@sveltejs/kit';
+import type { Readable, Writable } from 'svelte/store';
+import type { QueryStoreFetchParams } from './stores';
+import type { PageInfo } from './stores/pagination/pageInfo';
 export type QueryInputs<_Data> = FetchQueryResult<_Data> & {
     variables: {
         [key: string]: any;
@@ -52,43 +54,29 @@ export type OffsetFragmentStoreInstance<_Data extends GraphQLObject, _Input> = {
     subscribe: Readable<Reshape<_Data, _Input>>['subscribe'];
     fetching: Readable<boolean>;
 } & OffsetHandlers<_Data, _Input>;
-type FetchGlobalParams<_Data extends GraphQLObject, _Input> = FetchParams<_Input> & {
-    /**
-     * Set to true if you want the promise to pause while it's resolving.
-     * Only enable this if you know what you are doing. This will cause route
-     * transitions to pause while loading data.
-     */
-    blocking?: boolean;
-    /**
-     * A function to call after the fetch happens (whether fake or not)
-     */
-    then?: (val: _Data | null) => void | Promise<void>;
+export type CursorHandlers<_Data extends GraphQLObject, _Input> = {
+    loadNextPage: (args?: {
+        first?: number;
+        after?: string;
+        fetch?: typeof globalThis.fetch;
+        metadata?: {};
+    }) => Promise<void>;
+    loadPreviousPage: (args?: {
+        last?: number;
+        before?: string;
+        fetch?: typeof globalThis.fetch;
+        metadata?: {};
+    }) => Promise<void>;
+    pageInfo: Writable<PageInfo>;
+    fetch(args?: QueryStoreFetchParams<_Data, _Input> | undefined): Promise<QueryResult<_Data, _Input>>;
 };
-export type LoadEventFetchParams<_Data extends GraphQLObject, _Input> = FetchGlobalParams<_Data, _Input> & {
-    /**
-     * Directly the `even` param coming from the `load` function
-     */
-    event?: LoadEvent;
+export type OffsetHandlers<_Data extends GraphQLObject, _Input> = {
+    loadNextPage: (args?: {
+        limit?: number;
+        offset?: number;
+        metadata?: {};
+        fetch?: typeof globalThis.fetch;
+    }) => Promise<void>;
+    fetch(args?: QueryStoreFetchParams<_Data, _Input> | undefined): Promise<QueryResult<_Data, _Input>>;
 };
-export type RequestEventFetchParams<_Data extends GraphQLObject, _Input> = FetchGlobalParams<_Data, _Input> & {
-    /**
-     * A RequestEvent should be provided when the store is being used in an endpoint.
-     * When this happens, fetch also needs to be provided
-     */
-    event?: RequestEvent;
-    /**
-     * The fetch function to use when using this store in an endpoint.
-     */
-    fetch?: LoadEvent['fetch'];
-};
-export type ClientFetchParams<_Data extends GraphQLObject, _Input> = FetchGlobalParams<_Data, _Input> & {
-    /**
-     * An object containing all of the current info necessary for a
-     * client-side fetch. Must be called in component initialization with
-     * something like this: `const context = getHoudiniFetchContext()`
-     */
-    context?: HoudiniFetchContext;
-};
-export type QueryStoreFetchParams<_Data extends GraphQLObject, _Input> = QueryStoreLoadParams<_Data, _Input> | ClientFetchParams<_Data, _Input>;
-export type QueryStoreLoadParams<_Data extends GraphQLObject, _Input> = LoadEventFetchParams<_Data, _Input> | RequestEventFetchParams<_Data, _Input>;
 export {};