@trpc/client 11.0.0-alpha-tmp-issues-5851-take-two.496 → 11.0.0-alpha-tmp-subscription-connection-state.485

package/dist/bundle-analysis.json

@@ -1,20 +1,20 @@
 {
-  "bundleSize": 50976,
-  "bundleOrigSize": 68169,
-  "bundleReduction": 25.22,
+  "bundleSize": 57149,
+  "bundleOrigSize": 76725,
+  "bundleReduction": 25.51,
   "modules": [
     {
       "id": "/src/links/wsLink.ts",
-      "size": 13069,
-      "origSize": 14556,
+      "size": 16017,
+      "origSize": 17038,
       "renderedExports": [
         "createWSClient",
         "wsLink"
       ],
       "removedExports": [],
       "dependents": [],
-      "percent": 25.64,
-      "reduction": 10.22
+      "percent": 28.03,
+      "reduction": 5.99
     },
     {
       "id": "/src/links/httpBatchStreamLink.ts",
@@ -25,52 +25,37 @@
       ],
       "removedExports": [],
       "dependents": [],
-      "percent": 11.5,
+      "percent": 10.26,
       "reduction": 3.51
     },
     {
-      "id": "/src/links/loggerLink.ts",
-      "size": 5457,
-      "origSize": 6694,
+      "id": "/src/links/httpSubscriptionLink.ts",
+      "size": 5727,
+      "origSize": 5459,
       "renderedExports": [
-        "loggerLink"
+        "unstable_httpSubscriptionLink"
       ],
       "removedExports": [],
       "dependents": [],
-      "percent": 10.71,
-      "reduction": 18.48
-    },
-    {
-      "id": "/src/internals/dataLoader.ts",
-      "size": 4084,
-      "origSize": 4328,
-      "renderedExports": [
-        "dataLoader"
-      ],
-      "removedExports": [],
-      "dependents": [
-        "/src/links/httpBatchLink.ts",
-        "/src/links/httpBatchStreamLink.ts"
-      ],
-      "percent": 8.01,
-      "reduction": 5.64
+      "percent": 10.02,
+      "reduction": 0
     },
     {
-      "id": "/src/links/httpBatchLink.ts",
-      "size": 3925,
-      "origSize": 4118,
+      "id": "/src/links/loggerLink.ts",
+      "size": 5457,
+      "origSize": 6694,
       "renderedExports": [
-        "httpBatchLink"
+        "loggerLink"
       ],
       "removedExports": [],
       "dependents": [],
-      "percent": 7.7,
-      "reduction": 4.69
+      "percent": 9.55,
+      "reduction": 18.48
     },
     {
       "id": "/src/links/internals/httpUtils.ts",
-      "size": 3704,
-      "origSize": 5903,
+      "size": 4465,
+      "origSize": 6646,
       "renderedExports": [
         "resolveHTTPLinkOptions",
         "getInput",
@@ -88,20 +73,35 @@
         "/src/links/httpBatchStreamLink.ts",
         "/src/links/httpSubscriptionLink.ts"
       ],
-      "percent": 7.27,
-      "reduction": 37.25
+      "percent": 7.81,
+      "reduction": 32.82
     },
     {
-      "id": "/src/links/httpSubscriptionLink.ts",
-      "size": 3522,
-      "origSize": 3752,
+      "id": "/src/internals/dataLoader.ts",
+      "size": 4084,
+      "origSize": 4328,
       "renderedExports": [
-        "unstable_httpSubscriptionLink"
+        "dataLoader"
+      ],
+      "removedExports": [],
+      "dependents": [
+        "/src/links/httpBatchLink.ts",
+        "/src/links/httpBatchStreamLink.ts"
+      ],
+      "percent": 7.15,
+      "reduction": 5.64
+    },
+    {
+      "id": "/src/links/httpBatchLink.ts",
+      "size": 3925,
+      "origSize": 4118,
+      "renderedExports": [
+        "httpBatchLink"
       ],
       "removedExports": [],
       "dependents": [],
-      "percent": 6.91,
-      "reduction": 6.13
+      "percent": 6.87,
+      "reduction": 4.69
     },
     {
       "id": "/src/links/httpLink.ts",
@@ -112,13 +112,13 @@
       ],
       "removedExports": [],
       "dependents": [],
-      "percent": 6.25,
+      "percent": 5.57,
       "reduction": 14.15
     },
     {
       "id": "/src/internals/TRPCUntypedClient.ts",
-      "size": 2162,
-      "origSize": 4126,
+      "size": 2284,
+      "origSize": 4330,
       "renderedExports": [
         "TRPCUntypedClient"
       ],
@@ -127,8 +127,8 @@
         "/src/createTRPCUntypedClient.ts",
         "/src/createTRPCClient.ts"
       ],
-      "percent": 4.24,
-      "reduction": 47.6
+      "percent": 4,
+      "reduction": 47.25
     },
     {
       "id": "/src/TRPCClientError.ts",
@@ -147,7 +147,7 @@
         "/src/links/httpSubscriptionLink.ts",
         "/src/internals/TRPCUntypedClient.ts"
       ],
-      "percent": 3.81,
+      "percent": 3.39,
       "reduction": 45.43
     },
     {
@@ -164,7 +164,7 @@
       "dependents": [
         "/src/index.ts"
       ],
-      "percent": 2.33,
+      "percent": 2.08,
       "reduction": 73.19
     },
     {
@@ -179,7 +179,7 @@
         "/src/links/splitLink.ts",
         "/src/internals/TRPCUntypedClient.ts"
       ],
-      "percent": 1.35,
+      "percent": 1.21,
       "reduction": 32.75
     },
     {
@@ -191,7 +191,7 @@
       ],
       "removedExports": [],
       "dependents": [],
-      "percent": 1.2,
+      "percent": 1.07,
       "reduction": 44.95
     },
     {
@@ -205,7 +205,7 @@
       "dependents": [
         "/src/unstable-internals.ts"
       ],
-      "percent": 1.11,
+      "percent": 0.99,
       "reduction": 66.75
     },
     {
@@ -220,7 +220,7 @@
         "/src/index.ts",
         "/src/links/internals/httpUtils.ts"
       ],
-      "percent": 0.84,
+      "percent": 0.75,
       "reduction": 33.54
     },
     {
@@ -233,14 +233,16 @@
         "isNonJsonSerializable"
       ],
       "removedExports": [],
-      "dependents": [],
-      "percent": 0.65,
+      "dependents": [
+        "/src/links/types.ts"
+      ],
+      "percent": 0.58,
       "reduction": 15.17
     },
     {
       "id": "/src/links/internals/urlWithConnectionParams.ts",
       "size": 158,
-      "origSize": 857,
+      "origSize": 864,
       "renderedExports": [
         "resultOf"
       ],
@@ -249,8 +251,23 @@
         "/src/links/wsLink.ts",
         "/src/links/httpSubscriptionLink.ts"
       ],
-      "percent": 0.31,
-      "reduction": 81.56
+      "percent": 0.28,
+      "reduction": 81.71
+    },
+    {
+      "id": "/src/links/types.ts",
+      "size": 137,
+      "origSize": 3413,
+      "renderedExports": [
+        "isConnectionStateMessage"
+      ],
+      "removedExports": [],
+      "dependents": [
+        "/src/links/httpLink.ts",
+        "/src/links/wsLink.ts"
+      ],
+      "percent": 0.24,
+      "reduction": 95.99
     },
     {
       "id": "/src/createTRPCUntypedClient.ts",
@@ -263,7 +280,7 @@
       "dependents": [
         "/src/index.ts"
       ],
-      "percent": 0.2,
+      "percent": 0.17,
       "reduction": 82.58
     },
     {
@@ -291,5 +308,5 @@
       "reduction": 100
     }
   ],
-  "moduleCount": 20
+  "moduleCount": 21
 }

package/dist/index.js

@@ -4,7 +4,7 @@ var createTRPCUntypedClient = require('./createTRPCUntypedClient.js');
 var createTRPCClient = require('./createTRPCClient.js');
 var getFetch = require('./getFetch.js');
 var TRPCClientError = require('./TRPCClientError.js');
-var contentTypes = require('./links/internals/contentTypes.js');
+var types = require('./links/types.js');
 var httpBatchLink = require('./links/httpBatchLink.js');
 var httpBatchStreamLink = require('./links/httpBatchStreamLink.js');
 var httpLink = require('./links/httpLink.js');
@@ -13,6 +13,7 @@ var splitLink = require('./links/splitLink.js');
 var wsLink = require('./links/wsLink.js');
 var httpSubscriptionLink = require('./links/httpSubscriptionLink.js');
 var TRPCUntypedClient = require('./internals/TRPCUntypedClient.js');
+var contentTypes = require('./links/internals/contentTypes.js');
 
 
 
@@ -24,9 +25,7 @@ exports.createTRPCProxyClient = createTRPCClient.createTRPCClient;
 exports.getUntypedClient = createTRPCClient.getUntypedClient;
 exports.getFetch = getFetch.getFetch;
 exports.TRPCClientError = TRPCClientError.TRPCClientError;
-exports.isFormData = contentTypes.isFormData;
-exports.isNonJsonSerializable = contentTypes.isNonJsonSerializable;
-exports.isOctetType = contentTypes.isOctetType;
+exports.isConnectionStateMessage = types.isConnectionStateMessage;
 exports.httpBatchLink = httpBatchLink.httpBatchLink;
 exports.unstable_httpBatchStreamLink = httpBatchStreamLink.unstable_httpBatchStreamLink;
 exports.httpLink = httpLink.httpLink;
@@ -36,3 +35,6 @@ exports.createWSClient = wsLink.createWSClient;
 exports.wsLink = wsLink.wsLink;
 exports.unstable_httpSubscriptionLink = httpSubscriptionLink.unstable_httpSubscriptionLink;
 exports.TRPCUntypedClient = TRPCUntypedClient.TRPCUntypedClient;
+exports.isFormData = contentTypes.isFormData;
+exports.isNonJsonSerializable = contentTypes.isNonJsonSerializable;
+exports.isOctetType = contentTypes.isOctetType;

package/dist/index.mjs

@@ -2,7 +2,7 @@ export { createTRPCUntypedClient } from './createTRPCUntypedClient.mjs';
 export { clientCallTypeToProcedureType, createTRPCClient, createTRPCClientProxy, createTRPCClient as createTRPCProxyClient, getUntypedClient } from './createTRPCClient.mjs';
 export { getFetch } from './getFetch.mjs';
 export { TRPCClientError } from './TRPCClientError.mjs';
-export { isFormData, isNonJsonSerializable, isOctetType } from './links/internals/contentTypes.mjs';
+export { isConnectionStateMessage } from './links/types.mjs';
 export { httpBatchLink } from './links/httpBatchLink.mjs';
 export { unstable_httpBatchStreamLink } from './links/httpBatchStreamLink.mjs';
 export { httpLink } from './links/httpLink.mjs';
@@ -11,3 +11,4 @@ export { splitLink } from './links/splitLink.mjs';
 export { createWSClient, wsLink } from './links/wsLink.mjs';
 export { unstable_httpSubscriptionLink } from './links/httpSubscriptionLink.mjs';
 export { TRPCUntypedClient } from './internals/TRPCUntypedClient.mjs';
+export { isFormData, isNonJsonSerializable, isOctetType } from './links/internals/contentTypes.mjs';

package/dist/internals/TRPCUntypedClient.d.ts

@@ -1,6 +1,6 @@
 import type { Unsubscribable } from '@trpc/server/observable';
 import type { AnyRouter, InferrableClientTypes, TypeError } from '@trpc/server/unstable-core-do-not-import';
-import type { OperationContext, TRPCClientRuntime, TRPCLink } from '../links/types';
+import type { OperationContext, TRPCClientRuntime, TRPCConnectionStateMessage, TRPCLink } from '../links/types';
 import { TRPCClientError } from '../TRPCClientError';
 export interface TRPCRequestOptions {
     /**
@@ -17,6 +17,7 @@ export interface TRPCSubscriptionObserver<TValue, TError> {
     onError: (err: TError) => void;
     onStopped: () => void;
     onComplete: () => void;
+    onStateChange: (state: TRPCConnectionStateMessage<TError>) => void;
 }
 /** @internal */
 export type CreateTRPCClientOptions<TRouter extends InferrableClientTypes> = {

package/dist/internals/TRPCUntypedClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TRPCUntypedClient.d.ts","sourceRoot":"","sources":["../../src/internals/TRPCUntypedClient.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,cAAc,EACf,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EACV,SAAS,EACT,qBAAqB,EAErB,SAAS,EACV,MAAM,0CAA0C,CAAC;AAElD,OAAO,KAAK,EACV,gBAAgB,EAEhB,iBAAiB,EACjB,QAAQ,EACT,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB,CAAC,MAAM,EAAE,MAAM;IACtD,SAAS,EAAE,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,gBAAgB,GAAG,SAAS,CAAA;KAAE,KAAK,IAAI,CAAC;IACrE,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,gBAAgB;AAChB,MAAM,MAAM,uBAAuB,CAAC,OAAO,SAAS,qBAAqB,IAAI;IAC3E,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,SAAS,CAAC,qEAAqE,CAAC,CAAC;CAChG,CAAC;AAEF,gBAAgB;AAChB,MAAM,MAAM,uBAAuB,GAC/B,UAAU,GACV,OAAO,GACP,UAAU,GACV,OAAO,GACP,kBAAkB,GAClB,WAAW,GACX,SAAS,GACT,cAAc,CAAC;AAEnB,qBAAa,iBAAiB,CAAC,OAAO,SAAS,SAAS;IACtD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA6B;IACnD,SAAgB,OAAO,EAAE,iBAAiB,CAAC;IAC3C,OAAO,CAAC,SAAS,CAAS;gBAEd,IAAI,EAAE,uBAAuB,CAAC,OAAO,CAAC;IASlD,OAAO,CAAC,QAAQ;YAkBF,gBAAgB;IAkBvB,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,kBAAkB;IAS9D,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,kBAAkB;IASjE,YAAY,CACjB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,OAAO,EACd,IAAI,EAAE,OAAO,CACX,wBAAwB,CAAC,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC,CAC9D,GACC,kBAAkB,GACnB,cAAc;CA4BlB"}
+{"version":3,"file":"TRPCUntypedClient.d.ts","sourceRoot":"","sources":["../../src/internals/TRPCUntypedClient.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,cAAc,EACf,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EACV,SAAS,EACT,qBAAqB,EAErB,SAAS,EACV,MAAM,0CAA0C,CAAC;AAElD,OAAO,KAAK,EACV,gBAAgB,EAEhB,iBAAiB,EACjB,0BAA0B,EAC1B,QAAQ,EACT,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB,CAAC,MAAM,EAAE,MAAM;IACtD,SAAS,EAAE,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,gBAAgB,GAAG,SAAS,CAAA;KAAE,KAAK,IAAI,CAAC;IACrE,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,CAAC,KAAK,EAAE,0BAA0B,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CACpE;AAED,gBAAgB;AAChB,MAAM,MAAM,uBAAuB,CAAC,OAAO,SAAS,qBAAqB,IAAI;IAC3E,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,SAAS,CAAC,qEAAqE,CAAC,CAAC;CAChG,CAAC;AAEF,gBAAgB;AAChB,MAAM,MAAM,uBAAuB,GAC/B,UAAU,GACV,OAAO,GACP,UAAU,GACV,OAAO,GACP,kBAAkB,GAClB,WAAW,GACX,SAAS,GACT,cAAc,CAAC;AAEnB,qBAAa,iBAAiB,CAAC,OAAO,SAAS,SAAS;IACtD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA6B;IACnD,SAAgB,OAAO,EAAE,iBAAiB,CAAC;IAC3C,OAAO,CAAC,SAAS,CAAS;gBAEd,IAAI,EAAE,uBAAuB,CAAC,OAAO,CAAC;IASlD,OAAO,CAAC,QAAQ;YAkBF,gBAAgB;IAkBvB,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,kBAAkB;IAS9D,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,kBAAkB;IASjE,YAAY,CACjB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,OAAO,EACd,IAAI,EAAE,OAAO,CACX,wBAAwB,CAAC,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC,CAC9D,GACC,kBAAkB,GACnB,cAAc;CA8BlB"}

package/dist/internals/TRPCUntypedClient.js

@@ -60,6 +60,8 @@ class TRPCUntypedClient {
                     });
                 } else if (envelope.result.type === 'stopped') {
                     opts.onStopped?.();
+                } else if (envelope.result.type === 'state') {
+                    opts.onStateChange?.(envelope.result);
                 } else {
                     opts.onData?.(envelope.result.data);
                 }

package/dist/internals/TRPCUntypedClient.mjs

@@ -58,6 +58,8 @@ class TRPCUntypedClient {
                     });
                 } else if (envelope.result.type === 'stopped') {
                     opts.onStopped?.();
+                } else if (envelope.result.type === 'state') {
+                    opts.onStateChange?.(envelope.result);
                 } else {
                     opts.onData?.(envelope.result.data);
                 }

package/dist/links/httpSubscriptionLink.d.ts

@@ -1,12 +1,13 @@
 import type { AnyClientTypes, inferClientTypes, InferrableClientTypes } from '@trpc/server/unstable-core-do-not-import';
 import { type TransformerOptions } from '../unstable-internals';
+import type { CallbackOrValue } from './internals/urlWithConnectionParams';
 import { type UrlOptionsWithConnectionParams } from './internals/urlWithConnectionParams';
 import type { TRPCLink } from './types';
 type HTTPSubscriptionLinkOptions<TRoot extends AnyClientTypes> = {
     /**
-     * EventSource options
+     * EventSource options or a callback that returns them
      */
-    eventSourceOptions?: EventSourceInit;
+    eventSourceOptions?: CallbackOrValue<EventSourceInit>;
 } & TransformerOptions<TRoot> & UrlOptionsWithConnectionParams;
 /**
  * @see https://trpc.io/docs/client/links/httpSubscriptionLink

package/dist/links/httpSubscriptionLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"httpSubscriptionLink.d.ts","sourceRoot":"","sources":["../../src/links/httpSubscriptionLink.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EAEtB,MAAM,0CAA0C,CAAC;AAMlD,OAAO,EAAkB,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhF,OAAO,EAEL,KAAK,8BAA8B,EACpC,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAiBxC,KAAK,2BAA2B,CAAC,KAAK,SAAS,cAAc,IAAI;IAC/D;;OAEG;IACH,kBAAkB,CAAC,EAAE,eAAe,CAAC;CACtC,GAAG,kBAAkB,CAAC,KAAK,CAAC,GAC3B,8BAA8B,CAAC;AAEjC;;GAEG;AACH,wBAAgB,6BAA6B,CAC3C,WAAW,SAAS,qBAAqB,EAEzC,IAAI,EAAE,2BAA2B,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,GAC/D,QAAQ,CAAC,WAAW,CAAC,CA8EvB"}
+{"version":3,"file":"httpSubscriptionLink.d.ts","sourceRoot":"","sources":["../../src/links/httpSubscriptionLink.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EAEtB,MAAM,0CAA0C,CAAC;AAMlD,OAAO,EAAkB,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAEL,KAAK,8BAA8B,EACpC,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAiBxC,KAAK,2BAA2B,CAAC,KAAK,SAAS,cAAc,IAAI;IAC/D;;OAEG;IACH,kBAAkB,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;CACvD,GAAG,kBAAkB,CAAC,KAAK,CAAC,GAC3B,8BAA8B,CAAC;AAEjC;;GAEG;AACH,wBAAgB,6BAA6B,CAC3C,WAAW,SAAS,qBAAqB,EAEzC,IAAI,EAAE,2BAA2B,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,GAC/D,QAAQ,CAAC,WAAW,CAAC,CA8IvB"}

package/dist/links/httpSubscriptionLink.js

@@ -38,11 +38,19 @@ async function urlWithConnectionParams(opts) {
                         type,
                         signal: null
                     });
+                    const eventSourceOptions = await urlWithConnectionParams$1.resultOf(opts.eventSourceOptions);
                     /* istanbul ignore if -- @preserve */ if (unsubscribed) {
                         // already unsubscribed - rare race condition
                         return;
                     }
-                    eventSource = new EventSource(url, opts.eventSourceOptions);
+                    eventSource = new EventSource(url, eventSourceOptions);
+                    observer.next({
+                        result: {
+                            type: 'state',
+                            state: 'connecting',
+                            data: null
+                        }
+                    });
                     const onStarted = ()=>{
                         observer.next({
                             result: {
@@ -57,9 +65,31 @@ async function urlWithConnectionParams(opts) {
                     };
                     // console.log('starting', new Date());
                     eventSource.addEventListener('open', onStarted);
+                    eventSource.addEventListener('open', ()=>{
+                        observer.next({
+                            result: {
+                                type: 'state',
+                                state: 'pending'
+                            }
+                        });
+                    });
+                    eventSource.addEventListener('error', (event)=>{
+                        // sseStreamConsumer handles this already
+                        if (eventSource?.readyState === EventSource.CLOSED) {
+                            return;
+                        }
+                        const error = event instanceof ErrorEvent ? TRPCClientError.TRPCClientError.from(event.error) : TRPCClientError.TRPCClientError.from(new Error(`Unknown EventSource error`));
+                        observer.next({
+                            result: {
+                                type: 'state',
+                                state: 'connecting',
+                                data: error
+                            }
+                        });
+                    });
                     const iterable = unstableCoreDoNotImport.sseStreamConsumer({
                         from: eventSource,
-                        deserialize: transformer$1.input.deserialize
+                        deserialize: transformer$1.output.deserialize
                     });
                     for await (const chunk of iterable){
                         // if the `sse({})`-helper is used, we always have an `id` field
@@ -76,11 +106,31 @@ async function urlWithConnectionParams(opts) {
                         }
                     });
                     observer.complete();
+                    observer.next({
+                        result: {
+                            type: 'state',
+                            state: 'idle'
+                        }
+                    });
                 }).catch((error)=>{
-                    observer.error(TRPCClientError.TRPCClientError.from(error));
+                    const trpcError = TRPCClientError.TRPCClientError.from(error);
+                    observer.error(trpcError);
+                    observer.next({
+                        result: {
+                            type: 'state',
+                            state: 'error',
+                            data: TRPCClientError.TRPCClientError.from(trpcError)
+                        }
+                    });
                 });
                 return ()=>{
                     observer.complete();
+                    observer.next({
+                        result: {
+                            type: 'state',
+                            state: 'idle'
+                        }
+                    });
                     eventSource?.close();
                     unsubscribed = true;
                 };

package/dist/links/httpSubscriptionLink.mjs

@@ -36,11 +36,19 @@ async function urlWithConnectionParams(opts) {
                         type,
                         signal: null
                     });
+                    const eventSourceOptions = await resultOf(opts.eventSourceOptions);
                     /* istanbul ignore if -- @preserve */ if (unsubscribed) {
                         // already unsubscribed - rare race condition
                         return;
                     }
-                    eventSource = new EventSource(url, opts.eventSourceOptions);
+                    eventSource = new EventSource(url, eventSourceOptions);
+                    observer.next({
+                        result: {
+                            type: 'state',
+                            state: 'connecting',
+                            data: null
+                        }
+                    });
                     const onStarted = ()=>{
                         observer.next({
                             result: {
@@ -55,9 +63,31 @@ async function urlWithConnectionParams(opts) {
                     };
                     // console.log('starting', new Date());
                     eventSource.addEventListener('open', onStarted);
+                    eventSource.addEventListener('open', ()=>{
+                        observer.next({
+                            result: {
+                                type: 'state',
+                                state: 'pending'
+                            }
+                        });
+                    });
+                    eventSource.addEventListener('error', (event)=>{
+                        // sseStreamConsumer handles this already
+                        if (eventSource?.readyState === EventSource.CLOSED) {
+                            return;
+                        }
+                        const error = event instanceof ErrorEvent ? TRPCClientError.from(event.error) : TRPCClientError.from(new Error(`Unknown EventSource error`));
+                        observer.next({
+                            result: {
+                                type: 'state',
+                                state: 'connecting',
+                                data: error
+                            }
+                        });
+                    });
                     const iterable = sseStreamConsumer({
                         from: eventSource,
-                        deserialize: transformer.input.deserialize
+                        deserialize: transformer.output.deserialize
                     });
                     for await (const chunk of iterable){
                         // if the `sse({})`-helper is used, we always have an `id` field
@@ -74,11 +104,31 @@ async function urlWithConnectionParams(opts) {
                         }
                     });
                     observer.complete();
+                    observer.next({
+                        result: {
+                            type: 'state',
+                            state: 'idle'
+                        }
+                    });
                 }).catch((error)=>{
-                    observer.error(TRPCClientError.from(error));
+                    const trpcError = TRPCClientError.from(error);
+                    observer.error(trpcError);
+                    observer.next({
+                        result: {
+                            type: 'state',
+                            state: 'error',
+                            data: TRPCClientError.from(trpcError)
+                        }
+                    });
                 });
                 return ()=>{
                     observer.complete();
+                    observer.next({
+                        result: {
+                            type: 'state',
+                            state: 'idle'
+                        }
+                    });
                     eventSource?.close();
                     unsubscribed = true;
                 };

package/dist/links/internals/httpUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"httpUtils.d.ts","sourceRoot":"","sources":["../../../src/links/internals/httpUtils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"httpUtils.d.ts","sourceRoot":"","sources":["../../../src/links/internals/httpUtils.ts"],"names":[],"mappings":"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"}

package/dist/links/internals/httpUtils.js

@@ -65,8 +65,35 @@ const jsonHttpRequester = (opts)=>{
         getBody
     });
 };
+/**
+ * Polyfill for DOMException with AbortError name
+ */ class AbortError extends Error {
+    constructor(){
+        const name = 'AbortError';
+        super(name);
+        this.name = name;
+        this.message = name;
+    }
+}
+/**
+ * Polyfill for `signal.throwIfAborted()`
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal/throwIfAborted
+ */ const throwIfAborted = (signal)=>{
+    if (!signal?.aborted) {
+        return;
+    }
+    // If available, use the native implementation
+    signal.throwIfAborted?.();
+    // If we have `DOMException`, use it
+    if (typeof DOMException !== 'undefined') {
+        throw new DOMException('AbortError', 'AbortError');
+    }
+    // Otherwise, use our own implementation
+    throw new AbortError();
+};
 async function fetchHTTPResponse(opts) {
-    opts.signal?.throwIfAborted();
+    throwIfAborted(opts.signal);
     const url = opts.getUrl(opts);
     const body = opts.getBody(opts);
     const { type  } = opts;

package/dist/links/internals/httpUtils.mjs

@@ -63,8 +63,35 @@ const jsonHttpRequester = (opts)=>{
         getBody
     });
 };
+/**
+ * Polyfill for DOMException with AbortError name
+ */ class AbortError extends Error {
+    constructor(){
+        const name = 'AbortError';
+        super(name);
+        this.name = name;
+        this.message = name;
+    }
+}
+/**
+ * Polyfill for `signal.throwIfAborted()`
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal/throwIfAborted
+ */ const throwIfAborted = (signal)=>{
+    if (!signal?.aborted) {
+        return;
+    }
+    // If available, use the native implementation
+    signal.throwIfAborted?.();
+    // If we have `DOMException`, use it
+    if (typeof DOMException !== 'undefined') {
+        throw new DOMException('AbortError', 'AbortError');
+    }
+    // Otherwise, use our own implementation
+    throw new AbortError();
+};
 async function fetchHTTPResponse(opts) {
-    opts.signal?.throwIfAborted();
+    throwIfAborted(opts.signal);
     const url = opts.getUrl(opts);
     const body = opts.getBody(opts);
     const { type  } = opts;