houdini-svelte 1.1.2 → 1.1.4-react.0

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

@@ -1,9 +1,8 @@
-import type { GraphQLObject, QueryArtifact, QueryResult } from '$houdini/runtime/lib/types';
+import type { GraphQLObject, QueryArtifact, QueryResult, CursorHandlers, OffsetHandlers, PageInfo } from '$houdini/runtime/lib/types';
 import type { Subscriber } from 'svelte/store';
-import type { CursorHandlers, OffsetHandlers } from '../../types';
-import type { ClientFetchParams, LoadEventFetchParams, QueryStoreFetchParams, RequestEventFetchParams, StoreConfig } from '../query';
+import type { ClientFetchParams, LoadEventFetchParams, QueryStoreFetchParams, RequestEventFetchParams } from '../../types';
+import { 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,38 +1,37 @@
+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) {
     super(config);
   }
   #_handlers = null;
-  get #handlers() {
+  async #handlers() {
     if (this.#_handlers) {
       return this.#_handlers;
     }
+    await initClient();
     const paginationObserver = getClient().observe({
       artifact: this.artifact
     });
     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) => {
-        await initClient();
         return paginationObserver.send({
           ...args,
-          variables: {
-            ...args?.variables
-          },
           cacheParams: {
-            applyUpdates: updates
+            applyUpdates: updates,
+            disableSubscriptions: true,
+            ...args?.cacheParams
           }
         });
       }
@@ -40,13 +39,16 @@ class QueryStoreCursor extends QueryStore {
     return this.#_handlers;
   }
   async fetch(args) {
-    return this.#handlers.fetch.call(this, args);
+    const handlers = await this.#handlers();
+    return await handlers.fetch.call(this, args);
   }
   async loadPreviousPage(args) {
-    return this.#handlers.loadPreviousPage(args);
+    const handlers = await this.#handlers();
+    return await handlers.loadPreviousPage(args);
   }
   async loadNextPage(args) {
-    return this.#handlers.loadNextPage(args);
+    const handlers = await this.#handlers();
+    return await handlers.loadNextPage(args);
   }
   subscribe(run, invalidate) {
     const combined = derived([{ subscribe: super.subscribe.bind(this) }], ([$parent]) => {
@@ -61,16 +63,19 @@ class QueryStoreCursor extends QueryStore {
 class QueryStoreOffset extends QueryStore {
   paginated = true;
   async loadNextPage(args) {
-    return this.#handlers.loadNextPage.call(this, args);
+    const handlers = await this.#handlers();
+    return await handlers.loadNextPage.call(this, args);
   }
-  fetch(args) {
-    return this.#handlers.fetch.call(this, args);
+  async fetch(args) {
+    const handlers = await this.#handlers();
+    return await handlers.fetch.call(this, args);
   }
   #_handlers = null;
-  get #handlers() {
+  async #handlers() {
     if (this.#_handlers) {
       return this.#_handlers;
     }
+    await initClient();
     const paginationObserver = getClient().observe({
       artifact: this.artifact
     });
@@ -80,6 +85,7 @@ 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, HoudiniFetchContext, MutationArtifact, QueryArtifact, QueryResult, CachePolicies } from '$houdini/runtime/lib/types';
-import type { LoadEvent, RequestEvent } from '@sveltejs/kit';
+import type { GraphQLObject, MutationArtifact, QueryArtifact, QueryResult, CachePolicies } from '$houdini/runtime/lib/types';
 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,55 +31,3 @@ 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,8 +1,6 @@
-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';
+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';
 export type QueryInputs<_Data> = FetchQueryResult<_Data> & {
     variables: {
         [key: string]: any;
@@ -54,29 +52,43 @@ export type OffsetFragmentStoreInstance<_Data extends GraphQLObject, _Input> = {
     subscribe: Readable<Reshape<_Data, _Input>>['subscribe'];
     fetching: Readable<boolean>;
 } & OffsetHandlers<_Data, _Input>;
-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>>;
+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 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 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 {};