@sanity/client 6.20.0 → 6.20.2-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/client",
-  "version": "6.20.0",
+  "version": "6.20.2-beta.0",
   "description": "Client for retrieving, creating and patching data from Sanity.io",
   "keywords": [
     "sanity",
@@ -118,7 +118,7 @@
   },
   "dependencies": {
     "@sanity/eventsource": "^5.0.2",
-    "get-it": "^8.6.0",
+    "get-it": "^8.6.1",
     "rxjs": "^7.0.0"
   },
   "devDependencies": {
@@ -129,8 +129,8 @@
     "@sanity/pkg-utils": "^6.9.3",
     "@types/json-diff": "^1.0.3",
     "@types/node": "^20.8.8",
-    "@typescript-eslint/eslint-plugin": "^7.12.0",
-    "@typescript-eslint/parser": "^7.12.0",
+    "@typescript-eslint/eslint-plugin": "^7.13.1",
+    "@typescript-eslint/parser": "^7.13.1",
     "@vercel/stega": "0.1.2",
     "@vitest/coverage-v8": "1.6.0",
     "eslint": "^8.57.0",
@@ -140,10 +140,10 @@
     "faucet": "^0.0.4",
     "happy-dom": "^12.10.3",
     "json-diff": "^1.0.6",
-    "ls-engines": "^0.9.1",
-    "next": "^14.2.3",
+    "ls-engines": "^0.9.2",
+    "next": "^14.2.4",
     "nock": "^13.5.4",
-    "prettier": "^3.3.1",
+    "prettier": "^3.3.2",
     "prettier-plugin-packagejson": "^2.5.0",
     "rimraf": "^5.0.7",
     "rollup": "^4.18.0",

package/src/config.ts

@@ -130,6 +130,11 @@ export const initConfig = (
 
   newConfig.apiVersion = `${newConfig.apiVersion}`.replace(/^v/, '')
   newConfig.isDefaultApi = newConfig.apiHost === defaultConfig.apiHost
+
+  if (newConfig.useCdn === true && newConfig.withCredentials) {
+    warnings.printCdnAndWithCredentialsWarning()
+  }
+
   // If `useCdn` is undefined, we treat it as `true`
   newConfig.useCdn = newConfig.useCdn !== false && !newConfig.withCredentials
 

package/src/data/listen.ts

@@ -1,5 +1,6 @@
 import {Observable} from 'rxjs'
 
+import {domainSharder as sharder} from '../http/domainSharding'
 import type {ObservableSanityClient, SanityClient} from '../SanityClient'
 import type {Any, ListenEvent, ListenOptions, ListenParams, MutationEvent} from '../types'
 import defaults from '../util/defaults'
@@ -64,7 +65,11 @@ export function _listen<R extends Record<string, Any> = Record<string, Any>>(
   const listenOpts = pick(options, possibleOptions)
   const qs = encodeQueryString({query, params, options: {tag, ...listenOpts}})
 
-  const uri = `${url}${_getDataUrl(this, 'listen', qs)}`
+  let uri = `${url}${_getDataUrl(this, 'listen', qs)}`
+  if (this.config().useDomainSharding) {
+    uri = sharder.getShardedUrl(uri)
+  }
+
   if (uri.length > MAX_URL_LENGTH) {
     return new Observable((observer) => observer.error(new Error('Query too large for listener')))
   }
@@ -91,6 +96,12 @@ export function _listen<R extends Record<string, Any> = Record<string, Any>>(
     // Once it is`true`, it will never be `false` again.
     let unsubscribed = false
 
+    // We're about to connect, and will reuse the same shard/bucket for every reconnect henceforth.
+    // This may seem inoptimal, but once connected we should just consider this as a "permanent"
+    // connection, since we'll automatically retry on failures/disconnects. Once we explicitly
+    // unsubsccribe, we can decrement the bucket and free up the shard.
+    sharder.incrementBucketForUrl(uri)
+
     open()
 
     function onError() {
@@ -187,6 +198,7 @@ export function _listen<R extends Record<string, Any> = Record<string, Any>>(
       stopped = true
       unsubscribe()
       unsubscribed = true
+      sharder.decrementBucketForUrl(uri)
     }
 
     return stop

package/src/defineCreateClient.ts

@@ -33,6 +33,7 @@ export default function defineCreateClientExports<
           maxRedirects: 0,
           maxRetries: config.maxRetries,
           retryDelay: config.retryDelay,
+          useDomainSharding: config.useDomainSharding,
           ...options,
         } as Any),
       config,

package/src/http/browserMiddleware.ts

@@ -1 +1,3 @@
-export default []
+import {domainSharder} from './domainSharding'
+
+export default [domainSharder.middleware]

package/src/http/domainSharding.ts

@@ -0,0 +1,96 @@
+import type {Middleware, RequestOptions} from 'get-it'
+
+const UNSHARDED_URL_RE = /^https:\/\/([a-z0-9]+)\.api\.(sanity\..*)/
+const SHARDED_URL_RE = /^https:\/\/[a-z0-9]+\.api\.s(\d+)\.sanity\.(.*)/
+
+/**
+ * Get a default sharding implementation where buckets are reused across instances.
+ * Helps prevent the case when multiple clients are instantiated, each having their
+ * own state of which buckets are least used.
+ */
+export const domainSharder = getDomainSharder()
+
+/**
+ * @internal
+ */
+export function getDomainSharder(initialBuckets?: number[]) {
+  const buckets: number[] = initialBuckets || new Array(10).fill(0, 0)
+
+  function incrementBucketForUrl(url: string) {
+    const shard = getShardFromUrl(url)
+    if (shard !== null) {
+      buckets[shard]++
+    }
+  }
+
+  function decrementBucketForUrl(url: string) {
+    const shard = getShardFromUrl(url)
+    if (shard !== null) {
+      buckets[shard]--
+    }
+  }
+
+  function getShardedUrl(url: string): string {
+    const [isMatch, projectId, rest] = url.match(UNSHARDED_URL_RE) || []
+    if (!isMatch) {
+      return url
+    }
+
+    // Find index of bucket with fewest requests
+    const bucket = buckets.reduce(
+      (smallest, count, index) => (count < buckets[smallest] ? index : smallest),
+      0,
+    )
+
+    return `https://${projectId}.api.s${bucket}.${rest}`
+  }
+
+  function getShardFromUrl(url: string): number | null {
+    const [isMatch, shard] = url.match(SHARDED_URL_RE) || []
+    return isMatch ? parseInt(shard, 10) : null
+  }
+
+  const middleware = {
+    processOptions: (options: {useDomainSharding?: boolean; url: string}) => {
+      if (!useDomainSharding(options)) {
+        return options
+      }
+
+      const url = getShardedUrl(options.url)
+      options.url = url
+
+      return options
+    },
+
+    onRequest(req: {
+      options: Partial<RequestOptions> & {useDomainSharding?: boolean; url: string}
+    }) {
+      if (useDomainSharding(req.options)) {
+        incrementBucketForUrl(req.options.url)
+      }
+      return req
+    },
+
+    onResponse(
+      res,
+      context: {options: Partial<RequestOptions> & {useDomainSharding?: boolean; url: string}},
+    ) {
+      if (useDomainSharding(context.options)) {
+        decrementBucketForUrl(context.options.url)
+      }
+      return res
+    },
+  } satisfies Middleware
+
+  return {
+    middleware,
+    incrementBucketForUrl,
+    decrementBucketForUrl,
+    getShardedUrl,
+    getBuckets: () => buckets,
+  }
+}
+
+function useDomainSharding(options: RequestOptions | {useDomainSharding?: boolean}): boolean {
+  return 'useDomainSharding' in options && options.useDomainSharding === true
+}

package/src/http/nodeMiddleware.ts

@@ -1,8 +1,11 @@
 import {agent, debug, headers} from 'get-it/middleware'
 
 import {name, version} from '../../package.json'
+import {domainSharder} from './domainSharding'
 
 const middleware = [
+  domainSharder.middleware,
+
   debug({verbose: true, namespace: 'sanity:client'}),
   headers({'User-Agent': `${name} ${version}`}),
 

package/src/types.ts

@@ -46,6 +46,14 @@ export interface ClientConfig {
   apiVersion?: string
   proxy?: string
 
+  /**
+   * Spread the requests over a number of hostnames to work around HTTP/1.1 limitations.
+   * Only applicable in browsers, and for certain allowed projects.
+   *
+   * @alpha
+   */
+  useDomainSharding?: boolean
+
   /**
    * Optional request tag prefix for all request tags
    */

package/src/warnings.ts

@@ -6,6 +6,11 @@ const createWarningPrinter = (message: string[]) =>
   // eslint-disable-next-line no-console
   once((...args: Any[]) => console.warn(message.join(' '), ...args))
 
+export const printCdnAndWithCredentialsWarning = createWarningPrinter([
+  `Because you set \`withCredentials\` to true, we will override your \`useCdn\``,
+  `setting to be false since (cookie-based) credentials are never set on the CDN`,
+])
+
 export const printCdnWarning = createWarningPrinter([
   `Since you haven't set a value for \`useCdn\`, we will deliver content using our`,
   `global, edge-cached API-CDN. If you wish to have content delivered faster, set`,

package/umd/sanityClient.js

@@ -166,17 +166,12 @@
       typeof result[key] > "u" ? result[key] = value : isArray$3(result[key]) ? result[key].push(value) : result[key] = [result[key], value];
     }
     return result;
-  }, parseHeaders$1 = /* @__PURE__ */ getDefaultExportFromCjs$1(parseHeaders), __defProp$4 = Object.defineProperty, __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __publicField$4 = (obj, key, value) => (__defNormalProp$4(obj, typeof key != "symbol" ? key + "" : key, value), value), __accessCheck$8 = (obj, member, msg) => {
-    if (!member.has(obj))
-      throw TypeError("Cannot " + msg);
-  }, __privateGet$8 = (obj, member, getter) => (__accessCheck$8(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj)), __privateAdd$8 = (obj, member, value) => {
-    if (member.has(obj))
-      throw TypeError("Cannot add the same private member more than once");
-    member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-  }, __privateSet$8 = (obj, member, value, setter) => (__accessCheck$8(obj, member, "write to private field"), member.set(obj, value), value), _method, _url, _resHeaders, _headers, _controller, _init, _useAbortSignal;
+  }, parseHeaders$1 = /* @__PURE__ */ getDefaultExportFromCjs$1(parseHeaders), __defProp$4 = Object.defineProperty, __typeError = (msg) => {
+    throw TypeError(msg);
+  }, __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __publicField$4 = (obj, key, value) => __defNormalProp$4(obj, typeof key != "symbol" ? key + "" : key, value), __accessCheck$8 = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg), __privateGet$8 = (obj, member, getter) => (__accessCheck$8(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj)), __privateAdd$8 = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value), __privateSet$8 = (obj, member, value, setter) => (__accessCheck$8(obj, member, "write to private field"), member.set(obj, value), value), _method, _url, _resHeaders, _headers, _controller, _init, _useAbortSignal;
   class FetchXhr {
     constructor() {
-      __publicField$4(this, "onabort"), __publicField$4(this, "onerror"), __publicField$4(this, "onreadystatechange"), __publicField$4(this, "ontimeout"), __publicField$4(this, "readyState", 0), __publicField$4(this, "response"), __publicField$4(this, "responseText", ""), __publicField$4(this, "responseType", ""), __publicField$4(this, "status"), __publicField$4(this, "statusText"), __publicField$4(this, "withCredentials"), __privateAdd$8(this, _method, void 0), __privateAdd$8(this, _url, void 0), __privateAdd$8(this, _resHeaders, void 0), __privateAdd$8(this, _headers, {}), __privateAdd$8(this, _controller, void 0), __privateAdd$8(this, _init, {}), __privateAdd$8(this, _useAbortSignal, void 0);
+      __publicField$4(this, "onabort"), __publicField$4(this, "onerror"), __publicField$4(this, "onreadystatechange"), __publicField$4(this, "ontimeout"), __publicField$4(this, "readyState", 0), __publicField$4(this, "response"), __publicField$4(this, "responseText", ""), __publicField$4(this, "responseType", ""), __publicField$4(this, "status"), __publicField$4(this, "statusText"), __publicField$4(this, "withCredentials"), __privateAdd$8(this, _method), __privateAdd$8(this, _url), __privateAdd$8(this, _resHeaders), __privateAdd$8(this, _headers, {}), __privateAdd$8(this, _controller), __privateAdd$8(this, _init, {}), __privateAdd$8(this, _useAbortSignal);
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars -- _async is only declared for typings compatibility
     open(method, url, _async) {
@@ -203,10 +198,13 @@
         headers: __privateGet$8(this, _headers),
         body
       };
-      typeof AbortController == "function" && __privateGet$8(this, _useAbortSignal) && (__privateSet$8(this, _controller, new AbortController()), typeof EventTarget < "u" && __privateGet$8(this, _controller).signal instanceof EventTarget && (options.signal = __privateGet$8(this, _controller).signal)), typeof document < "u" && (options.credentials = this.withCredentials ? "include" : "omit"), fetch(__privateGet$8(this, _url), options).then((res) => (res.headers.forEach((value, key) => {
-        __privateSet$8(this, _resHeaders, __privateGet$8(this, _resHeaders) + `${key}: ${value}\r
+      typeof AbortController == "function" && __privateGet$8(this, _useAbortSignal) && (__privateSet$8(this, _controller, new AbortController()), typeof EventTarget < "u" && __privateGet$8(this, _controller).signal instanceof EventTarget && (options.signal = __privateGet$8(this, _controller).signal)), typeof document < "u" && (options.credentials = this.withCredentials ? "include" : "omit"), fetch(__privateGet$8(this, _url), options).then((res) => {
+        var _a;
+        return res.headers.forEach((value, key) => {
+          __privateSet$8(this, _resHeaders, __privateGet$8(this, _resHeaders) + `${key}: ${value}\r
 `);
-      }), this.status = res.status, this.statusText = res.statusText, this.readyState = 3, textBody ? res.text() : res.arrayBuffer())).then((resBody) => {
+        }), this.status = res.status, this.statusText = res.statusText, this.readyState = 3, (_a = this.onreadystatechange) == null || _a.call(this), textBody ? res.text() : res.arrayBuffer();
+      }).then((resBody) => {
         var _a;
         typeof resBody == "string" ? this.responseText = resBody : this.response = resBody, this.readyState = 4, (_a = this.onreadystatechange) == null || _a.call(this);
       }).catch((err) => {
@@ -307,8 +305,7 @@
 
   var browser$3 = { exports: {} }, ms, hasRequiredMs;
   function requireMs() {
-    if (hasRequiredMs)
-      return ms;
+    if (hasRequiredMs) return ms;
     hasRequiredMs = 1;
     var s = 1e3, m = s * 60, h = m * 60, d = h * 24, w = d * 7, y = d * 365.25;
     ms = function(val, options) {
@@ -614,11 +611,9 @@
     return Object.prototype.toString.call(o) === "[object Object]";
   }
   function isPlainObject$1(o) {
-    if (isObject(o) === !1)
-      return !1;
+    if (isObject(o) === !1) return !1;
     const ctor = o.constructor;
-    if (ctor === void 0)
-      return !0;
+    if (ctor === void 0) return !0;
     const prot = ctor.prototype;
     return !(isObject(prot) === !1 || // eslint-disable-next-line no-prototype-builtins
     prot.hasOwnProperty("isPrototypeOf") === !1);
@@ -697,7 +692,7 @@
       }
     };
   }
-  var __defProp$1$1 = Object.defineProperty, __defNormalProp$1$1 = (obj, key, value) => key in obj ? __defProp$1$1(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __publicField$1$1 = (obj, key, value) => (__defNormalProp$1$1(obj, typeof key != "symbol" ? key + "" : key, value), value);
+  var __defProp$1$1 = Object.defineProperty, __defNormalProp$1$1 = (obj, key, value) => key in obj ? __defProp$1$1(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __publicField$1$1 = (obj, key, value) => __defNormalProp$1$1(obj, typeof key != "symbol" ? key + "" : key, value);
   class Cancel {
     constructor(message) {
       __publicField$1$1(this, "__CANCEL__", !0), __publicField$1$1(this, "message"), this.message = message;
@@ -2303,7 +2298,10 @@ ${selectionOpts}`);
   const createWarningPrinter = (message) => (
     // eslint-disable-next-line no-console
     once((...args) => console.warn(message.join(" "), ...args))
-  ), printCdnWarning = createWarningPrinter([
+  ), printCdnAndWithCredentialsWarning = createWarningPrinter([
+    "Because you set `withCredentials` to true, we will override your `useCdn`",
+    "setting to be false since (cookie-based) credentials are never set on the CDN"
+  ]), printCdnWarning = createWarningPrinter([
     "Since you haven't set a value for `useCdn`, we will deliver content using our",
     "global, edge-cached API-CDN. If you wish to have content delivered faster, set",
     "`useCdn: false` to use the Live API. Note: You may incur higher costs using the live API."
@@ -2381,7 +2379,7 @@ ${selectionOpts}`);
         `stega.studioUrl must be a string or a function, received ${newConfig.stega.studioUrl}`
       );
     const isBrowser = typeof window < "u" && window.location && window.location.hostname, isLocalhost = isBrowser && isLocal(window.location.hostname);
-    isBrowser && isLocalhost && newConfig.token && newConfig.ignoreBrowserTokenWarning !== !0 ? printBrowserTokenWarning() : typeof newConfig.useCdn > "u" && printCdnWarning(), projectBased && projectId(newConfig.projectId), newConfig.dataset && dataset(newConfig.dataset), "requestTagPrefix" in newConfig && (newConfig.requestTagPrefix = newConfig.requestTagPrefix ? requestTag(newConfig.requestTagPrefix).replace(/\.+$/, "") : void 0), newConfig.apiVersion = `${newConfig.apiVersion}`.replace(/^v/, ""), newConfig.isDefaultApi = newConfig.apiHost === defaultConfig.apiHost, newConfig.useCdn = newConfig.useCdn !== !1 && !newConfig.withCredentials, validateApiVersion(newConfig.apiVersion);
+    isBrowser && isLocalhost && newConfig.token && newConfig.ignoreBrowserTokenWarning !== !0 ? printBrowserTokenWarning() : typeof newConfig.useCdn > "u" && printCdnWarning(), projectBased && projectId(newConfig.projectId), newConfig.dataset && dataset(newConfig.dataset), "requestTagPrefix" in newConfig && (newConfig.requestTagPrefix = newConfig.requestTagPrefix ? requestTag(newConfig.requestTagPrefix).replace(/\.+$/, "") : void 0), newConfig.apiVersion = `${newConfig.apiVersion}`.replace(/^v/, ""), newConfig.isDefaultApi = newConfig.apiHost === defaultConfig.apiHost, newConfig.useCdn === !0 && newConfig.withCredentials && printCdnAndWithCredentialsWarning(), newConfig.useCdn = newConfig.useCdn !== !1 && !newConfig.withCredentials, validateApiVersion(newConfig.apiVersion);
     const hostParts = newConfig.apiHost.split("://", 2), protocol = hostParts[0], host = hostParts[1], cdnHost = newConfig.isDefaultApi ? defaultCdnHost : host;
     return newConfig.useProjectHostname ? (newConfig.url = `${protocol}://${newConfig.projectId}.${host}/v${newConfig.apiVersion}`, newConfig.cdnUrl = `${protocol}://${newConfig.projectId}.${cdnHost}/v${newConfig.apiVersion}`) : (newConfig.url = `${newConfig.apiHost}/v${newConfig.apiVersion}`, newConfig.cdnUrl = newConfig.url), newConfig;
   }, projectHeader = "X-Sanity-Project-ID";
@@ -2664,6 +2662,55 @@ ${selectionOpts}`);
       opts
     );
   }
+  const UNSHARDED_URL_RE = /^https:\/\/([a-z0-9]+)\.api\.(sanity\..*)/, SHARDED_URL_RE = /^https:\/\/[a-z0-9]+\.api\.s(\d+)\.sanity\.(.*)/, domainSharder = getDomainSharder();
+  function getDomainSharder(initialBuckets) {
+    const buckets = new Array(10).fill(0, 0);
+    function incrementBucketForUrl(url) {
+      const shard = getShardFromUrl(url);
+      shard !== null && buckets[shard]++;
+    }
+    function decrementBucketForUrl(url) {
+      const shard = getShardFromUrl(url);
+      shard !== null && buckets[shard]--;
+    }
+    function getShardedUrl(url) {
+      const [isMatch, projectId2, rest] = url.match(UNSHARDED_URL_RE) || [];
+      if (!isMatch)
+        return url;
+      const bucket = buckets.reduce(
+        (smallest, count, index) => count < buckets[smallest] ? index : smallest,
+        0
+      );
+      return `https://${projectId2}.api.s${bucket}.${rest}`;
+    }
+    function getShardFromUrl(url) {
+      const [isMatch, shard] = url.match(SHARDED_URL_RE) || [];
+      return isMatch ? parseInt(shard, 10) : null;
+    }
+    return {
+      middleware: {
+        processOptions: (options) => {
+          if (!useDomainSharding(options))
+            return options;
+          const url = getShardedUrl(options.url);
+          return options.url = url, options;
+        },
+        onRequest(req) {
+          return useDomainSharding(req.options) && incrementBucketForUrl(req.options.url), req;
+        },
+        onResponse(res, context) {
+          return useDomainSharding(context.options) && decrementBucketForUrl(context.options.url), res;
+        }
+      },
+      incrementBucketForUrl,
+      decrementBucketForUrl,
+      getShardedUrl,
+      getBuckets: () => buckets
+    };
+  }
+  function useDomainSharding(options) {
+    return "useDomainSharding" in options && options.useDomainSharding === !0;
+  }
   var defaults = (obj, defaults2) => Object.keys(defaults2).concat(Object.keys(obj)).reduce((target, prop) => (target[prop] = typeof obj[prop] > "u" ? defaults2[prop] : obj[prop], target), {});
   const pick = (obj, props) => props.reduce((selection, prop) => (typeof obj[prop] > "u" || (selection[prop] = obj[prop]), selection), {}), MAX_URL_LENGTH = 14800, possibleOptions = [
     "includePreviousRevision",
@@ -2675,15 +2722,16 @@ ${selectionOpts}`);
     includeResult: !0
   };
   function _listen(query, params, opts = {}) {
-    const { url, token, withCredentials, requestTagPrefix } = this.config(), tag = opts.tag && requestTagPrefix ? [requestTagPrefix, opts.tag].join(".") : opts.tag, options = { ...defaults(opts, defaultOptions), tag }, listenOpts = pick(options, possibleOptions), qs = encodeQueryString({ query, params, options: { tag, ...listenOpts } }), uri = `${url}${_getDataUrl(this, "listen", qs)}`;
-    if (uri.length > MAX_URL_LENGTH)
+    const { url, token, withCredentials, requestTagPrefix } = this.config(), tag = opts.tag && requestTagPrefix ? [requestTagPrefix, opts.tag].join(".") : opts.tag, options = { ...defaults(opts, defaultOptions), tag }, listenOpts = pick(options, possibleOptions), qs = encodeQueryString({ query, params, options: { tag, ...listenOpts } });
+    let uri = `${url}${_getDataUrl(this, "listen", qs)}`;
+    if (this.config().useDomainSharding && (uri = domainSharder.getShardedUrl(uri)), uri.length > MAX_URL_LENGTH)
       return new Observable((observer) => observer.error(new Error("Query too large for listener")));
     const listenFor = options.events ? options.events : ["mutation"], shouldEmitReconnect = listenFor.indexOf("reconnect") !== -1, esOptions = {};
     return (token || withCredentials) && (esOptions.withCredentials = !0), token && (esOptions.headers = {
       Authorization: `Bearer ${token}`
     }), new Observable((observer) => {
       let es, reconnectTimer, stopped = !1, unsubscribed = !1;
-      open();
+      domainSharder.incrementBucketForUrl(uri), open();
       function onError() {
         stopped || (emitReconnect(), !stopped && es.readyState === es.CLOSED && (unsubscribe(), clearTimeout(reconnectTimer), reconnectTimer = setTimeout(open, 100)));
       }
@@ -2718,7 +2766,7 @@ ${selectionOpts}`);
         });
       }
       function stop() {
-        stopped = !0, unsubscribe(), unsubscribed = !0;
+        stopped = !0, unsubscribe(), unsubscribed = !0, domainSharder.decrementBucketForUrl(uri);
       }
       return stop;
     });
@@ -3329,6 +3377,7 @@ ${selectionOpts}`);
         maxRedirects: 0,
         maxRetries: config.maxRetries,
         retryDelay: config.retryDelay,
+        useDomainSharding: config.useDomainSharding,
         ...options
       }),
       config
@@ -3339,7 +3388,7 @@ ${selectionOpts}`);
       return printNoDefaultExport(), createClient2(config);
     };
   }
-  var envMiddleware = [];
+  var envMiddleware = [domainSharder.middleware];
   const exp = defineCreateClientExports(envMiddleware, SanityClient), requester = exp.requester, createClient = exp.createClient, deprecatedCreateClient = defineDeprecatedCreateClient(createClient);
 
   const reKeySegment = /_key\s*==\s*['"](.*)['"]/;