houdini-svelte 1.1.0 → 1.1.1-next.0

package/build/runtime/stores/subscription.d.ts

@@ -1,8 +1,10 @@
-import type { SubscriptionArtifact } from '$houdini/runtime/lib/types';
+import type { QueryResult, SubscriptionArtifact } from '$houdini/runtime/lib/types';
 import type { GraphQLObject } from 'houdini';
+import { type Subscriber, type Writable } from 'svelte/store';
 import { BaseStore } from './base';
 export declare class SubscriptionStore<_Data extends GraphQLObject, _Input extends {}> extends BaseStore<_Data, _Input, SubscriptionArtifact> {
     kind: "HoudiniSubscription";
+    fetchingStore: Writable<boolean>;
     constructor({ artifact }: {
         artifact: SubscriptionArtifact;
     });
@@ -10,4 +12,5 @@ export declare class SubscriptionStore<_Data extends GraphQLObject, _Input exten
         metadata: App.Metadata;
     }): Promise<void>;
     unlisten(): Promise<void>;
+    subscribe(run: Subscriber<QueryResult<_Data, _Input>>, invalidate?: ((value?: QueryResult<_Data, _Input> | undefined) => void) | undefined): () => void;
 }

package/build/runtime-cjs/stores/subscription.d.ts

@@ -1,8 +1,10 @@
-import type { SubscriptionArtifact } from '$houdini/runtime/lib/types';
+import type { QueryResult, SubscriptionArtifact } from '$houdini/runtime/lib/types';
 import type { GraphQLObject } from 'houdini';
+import { type Subscriber, type Writable } from 'svelte/store';
 import { BaseStore } from './base';
 export declare class SubscriptionStore<_Data extends GraphQLObject, _Input extends {}> extends BaseStore<_Data, _Input, SubscriptionArtifact> {
     kind: "HoudiniSubscription";
+    fetchingStore: Writable<boolean>;
     constructor({ artifact }: {
         artifact: SubscriptionArtifact;
     });
@@ -10,4 +12,5 @@ export declare class SubscriptionStore<_Data extends GraphQLObject, _Input exten
         metadata: App.Metadata;
     }): Promise<void>;
     unlisten(): Promise<void>;
+    subscribe(run: Subscriber<QueryResult<_Data, _Input>>, invalidate?: ((value?: QueryResult<_Data, _Input> | undefined) => void) | undefined): () => void;
 }

package/build/runtime-cjs/stores/subscription.js

@@ -22,15 +22,19 @@ __export(subscription_exports, {
 });
 module.exports = __toCommonJS(subscription_exports);
 var import_types = require("$houdini/runtime/lib/types");
+var import_store = require("svelte/store");
 var import_client = require("../client");
 var import_session = require("../session");
 var import_base = require("./base");
 class SubscriptionStore extends import_base.BaseStore {
   kind = import_types.CompiledSubscriptionKind;
+  fetchingStore;
   constructor({ artifact }) {
     super({ artifact });
+    this.fetchingStore = (0, import_store.writable)(false);
   }
   async listen(variables, args) {
+    this.fetchingStore.set(true);
     await (0, import_client.initClient)();
     this.observer.send({
       variables,
@@ -39,9 +43,19 @@ class SubscriptionStore extends import_base.BaseStore {
     });
   }
   async unlisten() {
+    this.fetchingStore.set(false);
     await (0, import_client.initClient)();
     await this.observer.cleanup();
   }
+  subscribe(run, invalidate) {
+    return (0, import_store.derived)(
+      [{ subscribe: super.subscribe.bind(this) }, this.fetchingStore],
+      ([$parent, $fetching]) => ({
+        ...$parent,
+        fetching: $fetching
+      })
+    ).subscribe(run, invalidate);
+  }
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,8 +1,10 @@
-import type { SubscriptionArtifact } from '$houdini/runtime/lib/types';
+import type { QueryResult, SubscriptionArtifact } from '$houdini/runtime/lib/types';
 import type { GraphQLObject } from 'houdini';
+import { type Subscriber, type Writable } from 'svelte/store';
 import { BaseStore } from './base';
 export declare class SubscriptionStore<_Data extends GraphQLObject, _Input extends {}> extends BaseStore<_Data, _Input, SubscriptionArtifact> {
     kind: "HoudiniSubscription";
+    fetchingStore: Writable<boolean>;
     constructor({ artifact }: {
         artifact: SubscriptionArtifact;
     });
@@ -10,4 +12,5 @@ export declare class SubscriptionStore<_Data extends GraphQLObject, _Input exten
         metadata: App.Metadata;
     }): Promise<void>;
     unlisten(): Promise<void>;
+    subscribe(run: Subscriber<QueryResult<_Data, _Input>>, invalidate?: ((value?: QueryResult<_Data, _Input> | undefined) => void) | undefined): () => void;
 }

package/build/runtime-esm/stores/subscription.js

@@ -1,13 +1,17 @@
 import { CompiledSubscriptionKind } from "$houdini/runtime/lib/types";
+import { derived, writable } from "svelte/store";
 import { initClient } from "../client";
 import { getSession } from "../session";
 import { BaseStore } from "./base";
 class SubscriptionStore extends BaseStore {
   kind = CompiledSubscriptionKind;
+  fetchingStore;
   constructor({ artifact }) {
     super({ artifact });
+    this.fetchingStore = writable(false);
   }
   async listen(variables, args) {
+    this.fetchingStore.set(true);
     await initClient();
     this.observer.send({
       variables,
@@ -16,9 +20,19 @@ class SubscriptionStore extends BaseStore {
     });
   }
   async unlisten() {
+    this.fetchingStore.set(false);
     await initClient();
     await this.observer.cleanup();
   }
+  subscribe(run, invalidate) {
+    return derived(
+      [{ subscribe: super.subscribe.bind(this) }, this.fetchingStore],
+      ([$parent, $fetching]) => ({
+        ...$parent,
+        fetching: $fetching
+      })
+    ).subscribe(run, invalidate);
+  }
 }
 export {
   SubscriptionStore

package/build/test-cjs/index.js

@@ -149285,9 +149285,10 @@ var FieldCollection = class {
       for (const subselect of selection.selectionSet?.selections || []) {
         this.fields[key].selection.add(subselect);
       }
-      this.fields[key].selection.fragmentSpreads = this.collectFragmentSpreads(
-        selection.selectionSet?.selections ?? []
-      );
+      this.fields[key].selection.fragmentSpreads = {
+        ...this.collectFragmentSpreads(selection.selectionSet?.selections ?? []),
+        ...this.fields[key].selection.fragmentSpreads
+      };
       return;
     }
     if (selection.kind === "InlineFragment" && !selection.typeCondition) {
@@ -149376,12 +149377,26 @@ var FieldCollection = class {
       return [fragment22.astNode];
     }).concat(
       Object.values(this.fields).map((field) => {
-        if (field.astNode.selectionSet) {
-          field.astNode.selectionSet.selections = field.selection.toSelectionSet();
-        }
-        return field.astNode;
+        return {
+          ...field.astNode,
+          selectionSet: field.astNode.selectionSet ? {
+            kind: "SelectionSet",
+            selections: field.selection.toSelectionSet()
+          } : void 0
+        };
       })
-    ).concat(Object.values(this.fragmentSpreads));
+    ).concat(
+      Object.values(this.fragmentSpreads).map((spread) => {
+        return {
+          kind: "FragmentSpread",
+          name: {
+            kind: "Name",
+            value: spread.name.value
+          },
+          directives: spread.directives
+        };
+      })
+    );
   }
   walkInlineFragment(selection) {
     const key = selection.typeCondition.name.value;

package/build/test-esm/index.js

@@ -149272,9 +149272,10 @@ var FieldCollection = class {
       for (const subselect of selection.selectionSet?.selections || []) {
         this.fields[key].selection.add(subselect);
       }
-      this.fields[key].selection.fragmentSpreads = this.collectFragmentSpreads(
-        selection.selectionSet?.selections ?? []
-      );
+      this.fields[key].selection.fragmentSpreads = {
+        ...this.collectFragmentSpreads(selection.selectionSet?.selections ?? []),
+        ...this.fields[key].selection.fragmentSpreads
+      };
       return;
     }
     if (selection.kind === "InlineFragment" && !selection.typeCondition) {
@@ -149363,12 +149364,26 @@ var FieldCollection = class {
       return [fragment22.astNode];
     }).concat(
       Object.values(this.fields).map((field) => {
-        if (field.astNode.selectionSet) {
-          field.astNode.selectionSet.selections = field.selection.toSelectionSet();
-        }
-        return field.astNode;
+        return {
+          ...field.astNode,
+          selectionSet: field.astNode.selectionSet ? {
+            kind: "SelectionSet",
+            selections: field.selection.toSelectionSet()
+          } : void 0
+        };
       })
-    ).concat(Object.values(this.fragmentSpreads));
+    ).concat(
+      Object.values(this.fragmentSpreads).map((spread) => {
+        return {
+          kind: "FragmentSpread",
+          name: {
+            kind: "Name",
+            value: spread.name.value
+          },
+          directives: spread.directives
+        };
+      })
+    );
   }
   walkInlineFragment(selection) {
     const key = selection.typeCondition.name.value;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "houdini-svelte",
-  "version": "1.1.0",
+  "version": "1.1.1-next.0",
   "description": "The svelte plugin for houdini",
   "keywords": [
     "typescript",
@@ -32,7 +32,7 @@
     "rollup": "^3.7.4",
     "svelte": "^3.55.1",
     "vite": "^4.1.1",
-    "houdini": "^1.1.0"
+    "houdini": "^1.1.1-next.0"
   },
   "files": [
     "build"