houdini 1.0.2 → 1.0.4

package/build/lib-esm/index.js

@@ -15480,109 +15480,6 @@ var require_minimatch = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/deepmerge@4.2.2/node_modules/deepmerge/dist/cjs.js
-var require_cjs = __commonJS({
-  "../../node_modules/.pnpm/deepmerge@4.2.2/node_modules/deepmerge/dist/cjs.js"(exports, module) {
-    "use strict";
-    var isMergeableObject = function isMergeableObject2(value) {
-      return isNonNullObject(value) && !isSpecial(value);
-    };
-    function isNonNullObject(value) {
-      return !!value && typeof value === "object";
-    }
-    function isSpecial(value) {
-      var stringValue = Object.prototype.toString.call(value);
-      return stringValue === "[object RegExp]" || stringValue === "[object Date]" || isReactElement(value);
-    }
-    var canUseSymbol = typeof Symbol === "function" && Symbol.for;
-    var REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for("react.element") : 60103;
-    function isReactElement(value) {
-      return value.$$typeof === REACT_ELEMENT_TYPE;
-    }
-    function emptyTarget(val) {
-      return Array.isArray(val) ? [] : {};
-    }
-    function cloneUnlessOtherwiseSpecified(value, options) {
-      return options.clone !== false && options.isMergeableObject(value) ? deepmerge(emptyTarget(value), value, options) : value;
-    }
-    function defaultArrayMerge(target, source, options) {
-      return target.concat(source).map(function(element) {
-        return cloneUnlessOtherwiseSpecified(element, options);
-      });
-    }
-    function getMergeFunction(key, options) {
-      if (!options.customMerge) {
-        return deepmerge;
-      }
-      var customMerge = options.customMerge(key);
-      return typeof customMerge === "function" ? customMerge : deepmerge;
-    }
-    function getEnumerableOwnPropertySymbols(target) {
-      return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(target).filter(function(symbol) {
-        return target.propertyIsEnumerable(symbol);
-      }) : [];
-    }
-    function getKeys(target) {
-      return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target));
-    }
-    function propertyIsOnObject(object, property) {
-      try {
-        return property in object;
-      } catch (_) {
-        return false;
-      }
-    }
-    function propertyIsUnsafe(target, key) {
-      return propertyIsOnObject(target, key) && !(Object.hasOwnProperty.call(target, key) && Object.propertyIsEnumerable.call(target, key));
-    }
-    function mergeObject(target, source, options) {
-      var destination = {};
-      if (options.isMergeableObject(target)) {
-        getKeys(target).forEach(function(key) {
-          destination[key] = cloneUnlessOtherwiseSpecified(target[key], options);
-        });
-      }
-      getKeys(source).forEach(function(key) {
-        if (propertyIsUnsafe(target, key)) {
-          return;
-        }
-        if (propertyIsOnObject(target, key) && options.isMergeableObject(source[key])) {
-          destination[key] = getMergeFunction(key, options)(target[key], source[key], options);
-        } else {
-          destination[key] = cloneUnlessOtherwiseSpecified(source[key], options);
-        }
-      });
-      return destination;
-    }
-    function deepmerge(target, source, options) {
-      options = options || {};
-      options.arrayMerge = options.arrayMerge || defaultArrayMerge;
-      options.isMergeableObject = options.isMergeableObject || isMergeableObject;
-      options.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified;
-      var sourceIsArray = Array.isArray(source);
-      var targetIsArray = Array.isArray(target);
-      var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;
-      if (!sourceAndTargetTypesMatch) {
-        return cloneUnlessOtherwiseSpecified(source, options);
-      } else if (sourceIsArray) {
-        return options.arrayMerge(target, source, options);
-      } else {
-        return mergeObject(target, source, options);
-      }
-    }
-    deepmerge.all = function deepmergeAll(array, options) {
-      if (!Array.isArray(array)) {
-        throw new Error("first argument should be an array");
-      }
-      return array.reduce(function(prev, next) {
-        return deepmerge(prev, next, options);
-      }, {});
-    };
-    var deepmerge_1 = deepmerge;
-    module.exports = deepmerge_1;
-  }
-});
-
 // ../../node_modules/.pnpm/universalify@2.0.0/node_modules/universalify/index.js
 var require_universalify = __commonJS({
   "../../node_modules/.pnpm/universalify@2.0.0/node_modules/universalify/index.js"(exports) {
@@ -54005,11 +53902,11 @@ var require_esprima2 = __commonJS({
                 case "}":
                   regex = false;
                   if (this.values[this.curly - 3] === "function") {
-                    var check = this.values[this.curly - 4];
-                    regex = check ? !this.beforeFunctionExpression(check) : false;
+                    var check2 = this.values[this.curly - 4];
+                    regex = check2 ? !this.beforeFunctionExpression(check2) : false;
                   } else if (this.values[this.curly - 4] === "function") {
-                    var check = this.values[this.curly - 5];
-                    regex = check ? !this.beforeFunctionExpression(check) : true;
+                    var check2 = this.values[this.curly - 5];
+                    regex = check2 ? !this.beforeFunctionExpression(check2) : true;
                   }
                   break;
                 default:
@@ -58392,6 +58289,109 @@ var require_main2 = __commonJS({
   }
 });
 
+// ../../node_modules/.pnpm/deepmerge@4.2.2/node_modules/deepmerge/dist/cjs.js
+var require_cjs = __commonJS({
+  "../../node_modules/.pnpm/deepmerge@4.2.2/node_modules/deepmerge/dist/cjs.js"(exports, module) {
+    "use strict";
+    var isMergeableObject = function isMergeableObject2(value) {
+      return isNonNullObject(value) && !isSpecial(value);
+    };
+    function isNonNullObject(value) {
+      return !!value && typeof value === "object";
+    }
+    function isSpecial(value) {
+      var stringValue = Object.prototype.toString.call(value);
+      return stringValue === "[object RegExp]" || stringValue === "[object Date]" || isReactElement(value);
+    }
+    var canUseSymbol = typeof Symbol === "function" && Symbol.for;
+    var REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for("react.element") : 60103;
+    function isReactElement(value) {
+      return value.$$typeof === REACT_ELEMENT_TYPE;
+    }
+    function emptyTarget(val) {
+      return Array.isArray(val) ? [] : {};
+    }
+    function cloneUnlessOtherwiseSpecified(value, options) {
+      return options.clone !== false && options.isMergeableObject(value) ? deepmerge(emptyTarget(value), value, options) : value;
+    }
+    function defaultArrayMerge(target, source, options) {
+      return target.concat(source).map(function(element) {
+        return cloneUnlessOtherwiseSpecified(element, options);
+      });
+    }
+    function getMergeFunction(key, options) {
+      if (!options.customMerge) {
+        return deepmerge;
+      }
+      var customMerge = options.customMerge(key);
+      return typeof customMerge === "function" ? customMerge : deepmerge;
+    }
+    function getEnumerableOwnPropertySymbols(target) {
+      return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(target).filter(function(symbol) {
+        return target.propertyIsEnumerable(symbol);
+      }) : [];
+    }
+    function getKeys(target) {
+      return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target));
+    }
+    function propertyIsOnObject(object, property) {
+      try {
+        return property in object;
+      } catch (_) {
+        return false;
+      }
+    }
+    function propertyIsUnsafe(target, key) {
+      return propertyIsOnObject(target, key) && !(Object.hasOwnProperty.call(target, key) && Object.propertyIsEnumerable.call(target, key));
+    }
+    function mergeObject(target, source, options) {
+      var destination = {};
+      if (options.isMergeableObject(target)) {
+        getKeys(target).forEach(function(key) {
+          destination[key] = cloneUnlessOtherwiseSpecified(target[key], options);
+        });
+      }
+      getKeys(source).forEach(function(key) {
+        if (propertyIsUnsafe(target, key)) {
+          return;
+        }
+        if (propertyIsOnObject(target, key) && options.isMergeableObject(source[key])) {
+          destination[key] = getMergeFunction(key, options)(target[key], source[key], options);
+        } else {
+          destination[key] = cloneUnlessOtherwiseSpecified(source[key], options);
+        }
+      });
+      return destination;
+    }
+    function deepmerge(target, source, options) {
+      options = options || {};
+      options.arrayMerge = options.arrayMerge || defaultArrayMerge;
+      options.isMergeableObject = options.isMergeableObject || isMergeableObject;
+      options.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified;
+      var sourceIsArray = Array.isArray(source);
+      var targetIsArray = Array.isArray(target);
+      var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;
+      if (!sourceAndTargetTypesMatch) {
+        return cloneUnlessOtherwiseSpecified(source, options);
+      } else if (sourceIsArray) {
+        return options.arrayMerge(target, source, options);
+      } else {
+        return mergeObject(target, source, options);
+      }
+    }
+    deepmerge.all = function deepmergeAll(array, options) {
+      if (!Array.isArray(array)) {
+        throw new Error("first argument should be an array");
+      }
+      return array.reduce(function(prev, next) {
+        return deepmerge(prev, next, options);
+      }, {});
+    };
+    var deepmerge_1 = deepmerge;
+    module.exports = deepmerge_1;
+  }
+});
+
 // src/lib/pipeline.ts
 async function runPipeline(config, pipeline2, target) {
   for (const transform of pipeline2) {
@@ -61849,9 +61849,6 @@ var houdini_mode = {
   }
 };
 
-// src/lib/deepMerge.ts
-var import_deepmerge = __toESM(require_cjs(), 1);
-
 // src/lib/error.ts
 var HoudiniError = class extends Error {
   filepath = null;
@@ -61871,20 +61868,6 @@ var HoudiniError = class extends Error {
   }
 };
 
-// src/lib/deepMerge.ts
-function deepMerge(filepath, ...targets) {
-  try {
-    if (targets.length === 1) {
-      return targets[0];
-    } else if (targets.length === 2) {
-      return (0, import_deepmerge.default)(targets[0], targets[1]);
-    }
-    return deepMerge(filepath, targets[0], deepMerge(filepath, ...targets.slice(1)));
-  } catch (e2) {
-    throw new HoudiniError({ filepath, message: "could not merge: " + targets });
-  }
-}
-
 // src/lib/fs.ts
 var fs_exports = {};
 __export(fs_exports, {
@@ -63438,14 +63421,14 @@ function flatten(source) {
 var fetch2 = (target) => {
   return () => {
     return {
-      async network(ctx, { client, resolve: resolve2, marshalVariables: marshalVariables2 }) {
+      async network(ctx, { client: client2, resolve: resolve2, marshalVariables: marshalVariables2 }) {
         const fetch3 = ctx.fetch ?? globalThis.fetch;
         const fetchParams2 = {
           text: ctx.text,
           hash: ctx.hash,
           variables: marshalVariables2(ctx)
         };
-        let fetchFn = defaultFetch(client.url, ctx.fetchParams);
+        let fetchFn = defaultFetch(client2.url, ctx.fetchParams);
         if (target) {
           if (typeof target === "string") {
             fetchFn = defaultFetch(target, ctx.fetchParams);
@@ -65624,11 +65607,10 @@ var mutation = documentPlugin(ArtifactKind.Mutation, () => {
 });
 
 // src/runtime/client/plugins/subscription.ts
+var check = null;
 function subscription(factory) {
   return documentPlugin(ArtifactKind.Subscription, () => {
     let clearSubscription = null;
-    let socketClient = null;
-    let check = null;
     return {
       start(ctx, { resolve: resolve2, next, initialValue }) {
         if (typeof globalThis.window === "undefined") {
@@ -65637,7 +65619,7 @@ function subscription(factory) {
         }
         next(ctx);
       },
-      network(ctx, { resolve: resolve2, initialValue, variablesChanged: variablesChanged2, marshalVariables: marshalVariables2 }) {
+      async network(ctx, { resolve: resolve2, initialValue, variablesChanged: variablesChanged2, marshalVariables: marshalVariables2 }) {
         const checkValue = {
           fetchParams: ctx.fetchParams ?? {},
           session: ctx.session ?? {},
@@ -65650,11 +65632,11 @@ function subscription(factory) {
           return;
         }
         check = checkValue;
-        clearSubscription?.();
-        if (!socketClient || sessionChange) {
-          socketClient = factory(ctx);
+        if (sessionChange) {
+          await loadClient(ctx, factory);
         }
-        clearSubscription = socketClient.subscribe(
+        clearSubscription?.();
+        clearSubscription = client.subscribe(
           {
             query: ctx.artifact.raw,
             variables: marshalVariables2(ctx)
@@ -65694,6 +65676,19 @@ function subscription(factory) {
     };
   });
 }
+var pendingCreate = null;
+var client;
+function loadClient(ctx, factory) {
+  if (pendingCreate) {
+    return pendingCreate;
+  }
+  pendingCreate = new Promise((resolve2) => {
+    client = factory(ctx);
+    resolve2();
+    pendingCreate = null;
+  });
+  return pendingCreate;
+}
 
 // src/runtime/client/plugins/throwOnError.ts
 var throwOnError = ({ operations, error }) => () => {
@@ -65752,7 +65747,7 @@ var DocumentStore = class extends Writable {
     artifact,
     plugins: plugins2,
     pipeline: pipeline2,
-    client,
+    client: client2,
     cache = true,
     initialValue,
     fetching
@@ -65770,13 +65765,11 @@ var DocumentStore = class extends Writable {
     super(initialState, () => {
       return () => {
         this.#lastVariables = null;
-        for (const plugin2 of this.#plugins) {
-          plugin2.cleanup?.(this.#lastContext);
-        }
+        this.cleanup();
       };
     });
     this.#artifact = artifact;
-    this.#client = client;
+    this.#client = client2;
     this.#lastVariables = null;
     this.#configFile = getCurrentConfig();
     this.#plugins = pipeline2 ?? [
@@ -65838,6 +65831,11 @@ var DocumentStore = class extends Writable {
       this.#step("forward", state);
     });
   }
+  async cleanup() {
+    for (const plugin2 of this.#plugins) {
+      plugin2.cleanup?.(this.#lastContext);
+    }
+  }
   #step(direction, ctx, value) {
     const hook = direction === "error" ? "catch" : steps[direction][ctx.currentStep];
     let valid = (i2) => i2 <= this.#plugins.length;
@@ -66687,11 +66685,12 @@ async function getConfig({
     for (const plugin2 of plugins2) {
       if (plugin2.config) {
         try {
-          const configFactory = await import(plugin2.config);
-          const newValue = typeof configFactory === "function" ? configFactory(configFile) : configFactory;
-          configFile = deepMerge(configPath, configFile, newValue);
+          const configFactory = (await import(plugin2.config)).default;
+          if (configFactory) {
+            configFile = typeof configFactory === "function" ? configFactory(configFile) : configFactory;
+          }
         } catch {
-          console.log("could not load config file" + plugin2.config);
+          console.log("could not load config file " + plugin2.config);
         }
       }
     }
@@ -67099,6 +67098,21 @@ async function cleanupFiles(pathFolder, listOfObj) {
   return allFilesNotInList;
 }
 
+// src/lib/deepMerge.ts
+var import_deepmerge = __toESM(require_cjs(), 1);
+function deepMerge(filepath, ...targets) {
+  try {
+    if (targets.length === 1) {
+      return targets[0];
+    } else if (targets.length === 2) {
+      return (0, import_deepmerge.default)(targets[0], targets[1]);
+    }
+    return deepMerge(filepath, targets[0], deepMerge(filepath, ...targets.slice(1)));
+  } catch (e2) {
+    throw new HoudiniError({ filepath, message: "could not merge: " + targets });
+  }
+}
+
 // ../../node_modules/.pnpm/estree-walker@3.0.1/node_modules/estree-walker/src/walker.js
 var WalkerBase = class {
   constructor() {

package/build/runtime/client/documentStore.d.ts

@@ -15,6 +15,7 @@ export declare class DocumentStore<_Data extends GraphQLObject, _Input extends R
         fetching?: boolean;
     });
     send({ metadata, session, fetch, variables, policy, stuff, cacheParams, setup, silenceEcho, }?: SendParams): Promise<QueryResult<_Data, _Input>>;
+    cleanup(): Promise<void>;
 }
 declare function marshalVariables<_Data extends GraphQLObject, _Input extends {}>(ctx: ClientPluginContext): Record<string, any>;
 export type ClientPlugin = () => ClientHooks | null | (ClientHooks | ClientPlugin | null)[];

package/build/runtime/client/plugins/subscription.d.ts

@@ -1,6 +1,7 @@
 import type { ClientPluginContext } from '../documentStore';
 export declare function subscription(factory: SubscriptionHandler): import("../documentStore").ClientPlugin;
-export type SubscriptionHandler = (ctx: ClientPluginContext) => {
+export type SubscriptionHandler = (ctx: ClientPluginContext) => SubscriptionClient;
+export type SubscriptionClient = {
     subscribe: (payload: {
         query: string;
         variables?: {};

package/build/runtime-cjs/client/documentStore.d.ts

@@ -15,6 +15,7 @@ export declare class DocumentStore<_Data extends GraphQLObject, _Input extends R
         fetching?: boolean;
     });
     send({ metadata, session, fetch, variables, policy, stuff, cacheParams, setup, silenceEcho, }?: SendParams): Promise<QueryResult<_Data, _Input>>;
+    cleanup(): Promise<void>;
 }
 declare function marshalVariables<_Data extends GraphQLObject, _Input extends {}>(ctx: ClientPluginContext): Record<string, any>;
 export type ClientPlugin = () => ClientHooks | null | (ClientHooks | ClientPlugin | null)[];

package/build/runtime-cjs/client/documentStore.js

@@ -60,9 +60,7 @@ class DocumentStore extends import_store.Writable {
     super(initialState, () => {
       return () => {
         this.#lastVariables = null;
-        for (const plugin of this.#plugins) {
-          plugin.cleanup?.(this.#lastContext);
-        }
+        this.cleanup();
       };
     });
     this.#artifact = artifact;
@@ -128,6 +126,11 @@ class DocumentStore extends import_store.Writable {
       this.#step("forward", state);
     });
   }
+  async cleanup() {
+    for (const plugin of this.#plugins) {
+      plugin.cleanup?.(this.#lastContext);
+    }
+  }
   #step(direction, ctx, value) {
     const hook = direction === "error" ? "catch" : steps[direction][ctx.currentStep];
     let valid = (i) => i <= this.#plugins.length;

package/build/runtime-cjs/client/plugins/subscription.d.ts

@@ -1,6 +1,7 @@
 import type { ClientPluginContext } from '../documentStore';
 export declare function subscription(factory: SubscriptionHandler): import("../documentStore").ClientPlugin;
-export type SubscriptionHandler = (ctx: ClientPluginContext) => {
+export type SubscriptionHandler = (ctx: ClientPluginContext) => SubscriptionClient;
+export type SubscriptionClient = {
     subscribe: (payload: {
         query: string;
         variables?: {};

package/build/runtime-cjs/client/plugins/subscription.js

@@ -24,11 +24,10 @@ module.exports = __toCommonJS(subscription_exports);
 var import_deepEquals = require("../../lib/deepEquals");
 var import_types = require("../../lib/types");
 var import_utils = require("../utils");
+let check = null;
 function subscription(factory) {
   return (0, import_utils.documentPlugin)(import_types.ArtifactKind.Subscription, () => {
     let clearSubscription = null;
-    let socketClient = null;
-    let check = null;
     return {
       start(ctx, { resolve, next, initialValue }) {
         if (typeof globalThis.window === "undefined") {
@@ -37,7 +36,7 @@ function subscription(factory) {
         }
         next(ctx);
       },
-      network(ctx, { resolve, initialValue, variablesChanged, marshalVariables }) {
+      async network(ctx, { resolve, initialValue, variablesChanged, marshalVariables }) {
         const checkValue = {
           fetchParams: ctx.fetchParams ?? {},
           session: ctx.session ?? {},
@@ -50,11 +49,11 @@ function subscription(factory) {
           return;
         }
         check = checkValue;
-        clearSubscription?.();
-        if (!socketClient || sessionChange) {
-          socketClient = factory(ctx);
+        if (sessionChange) {
+          await loadClient(ctx, factory);
         }
-        clearSubscription = socketClient.subscribe(
+        clearSubscription?.();
+        clearSubscription = client.subscribe(
           {
             query: ctx.artifact.raw,
             variables: marshalVariables(ctx)
@@ -94,6 +93,19 @@ function subscription(factory) {
     };
   });
 }
+let pendingCreate = null;
+let client;
+function loadClient(ctx, factory) {
+  if (pendingCreate) {
+    return pendingCreate;
+  }
+  pendingCreate = new Promise((resolve) => {
+    client = factory(ctx);
+    resolve();
+    pendingCreate = null;
+  });
+  return pendingCreate;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   subscription

package/build/runtime-esm/client/documentStore.d.ts

@@ -15,6 +15,7 @@ export declare class DocumentStore<_Data extends GraphQLObject, _Input extends R
         fetching?: boolean;
     });
     send({ metadata, session, fetch, variables, policy, stuff, cacheParams, setup, silenceEcho, }?: SendParams): Promise<QueryResult<_Data, _Input>>;
+    cleanup(): Promise<void>;
 }
 declare function marshalVariables<_Data extends GraphQLObject, _Input extends {}>(ctx: ClientPluginContext): Record<string, any>;
 export type ClientPlugin = () => ClientHooks | null | (ClientHooks | ClientPlugin | null)[];

package/build/runtime-esm/client/documentStore.js

@@ -37,9 +37,7 @@ class DocumentStore extends Writable {
     super(initialState, () => {
       return () => {
         this.#lastVariables = null;
-        for (const plugin of this.#plugins) {
-          plugin.cleanup?.(this.#lastContext);
-        }
+        this.cleanup();
       };
     });
     this.#artifact = artifact;
@@ -105,6 +103,11 @@ class DocumentStore extends Writable {
       this.#step("forward", state);
     });
   }
+  async cleanup() {
+    for (const plugin of this.#plugins) {
+      plugin.cleanup?.(this.#lastContext);
+    }
+  }
   #step(direction, ctx, value) {
     const hook = direction === "error" ? "catch" : steps[direction][ctx.currentStep];
     let valid = (i) => i <= this.#plugins.length;

package/build/runtime-esm/client/plugins/subscription.d.ts

@@ -1,6 +1,7 @@
 import type { ClientPluginContext } from '../documentStore';
 export declare function subscription(factory: SubscriptionHandler): import("../documentStore").ClientPlugin;
-export type SubscriptionHandler = (ctx: ClientPluginContext) => {
+export type SubscriptionHandler = (ctx: ClientPluginContext) => SubscriptionClient;
+export type SubscriptionClient = {
     subscribe: (payload: {
         query: string;
         variables?: {};

package/build/runtime-esm/client/plugins/subscription.js

@@ -1,11 +1,10 @@
 import { deepEquals } from "../../lib/deepEquals";
 import { ArtifactKind, DataSource } from "../../lib/types";
 import { documentPlugin } from "../utils";
+let check = null;
 function subscription(factory) {
   return documentPlugin(ArtifactKind.Subscription, () => {
     let clearSubscription = null;
-    let socketClient = null;
-    let check = null;
     return {
       start(ctx, { resolve, next, initialValue }) {
         if (typeof globalThis.window === "undefined") {
@@ -14,7 +13,7 @@ function subscription(factory) {
         }
         next(ctx);
       },
-      network(ctx, { resolve, initialValue, variablesChanged, marshalVariables }) {
+      async network(ctx, { resolve, initialValue, variablesChanged, marshalVariables }) {
         const checkValue = {
           fetchParams: ctx.fetchParams ?? {},
           session: ctx.session ?? {},
@@ -27,11 +26,11 @@ function subscription(factory) {
           return;
         }
         check = checkValue;
-        clearSubscription?.();
-        if (!socketClient || sessionChange) {
-          socketClient = factory(ctx);
+        if (sessionChange) {
+          await loadClient(ctx, factory);
         }
-        clearSubscription = socketClient.subscribe(
+        clearSubscription?.();
+        clearSubscription = client.subscribe(
           {
             query: ctx.artifact.raw,
             variables: marshalVariables(ctx)
@@ -71,6 +70,19 @@ function subscription(factory) {
     };
   });
 }
+let pendingCreate = null;
+let client;
+function loadClient(ctx, factory) {
+  if (pendingCreate) {
+    return pendingCreate;
+  }
+  pendingCreate = new Promise((resolve) => {
+    client = factory(ctx);
+    resolve();
+    pendingCreate = null;
+  });
+  return pendingCreate;
+}
 export {
   subscription
 };