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

package/dist/links/internals/urlWithConnectionParams.d.ts

@@ -6,7 +6,7 @@ export declare const resultOf: <T>(value: T | (() => T)) => T;
 /**
  * A value that can be wrapped in callback
  */
-type CallbackOrValue<T> = T | (() => T | Promise<T>);
+export type CallbackOrValue<T> = T | (() => T | Promise<T>);
 export interface UrlOptionsWithConnectionParams {
     /**
      * The URL to connect to (can be a function that returns a URL)
@@ -19,5 +19,4 @@ export interface UrlOptionsWithConnectionParams {
      */
     connectionParams?: CallbackOrValue<TRPCRequestInfo['connectionParams']>;
 }
-export {};
 //# sourceMappingURL=urlWithConnectionParams.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"urlWithConnectionParams.d.ts","sourceRoot":"","sources":["../../../src/links/internals/urlWithConnectionParams.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,KAAG,CAElD,CAAC;AAEF;;GAEG;AACH,KAAK,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AAErD,MAAM,WAAW,8BAA8B;IAC7C;;OAEG;IACH,GAAG,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAE7B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC,CAAC;CACzE"}
+{"version":3,"file":"urlWithConnectionParams.d.ts","sourceRoot":"","sources":["../../../src/links/internals/urlWithConnectionParams.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,KAAG,CAElD,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AAE5D,MAAM,WAAW,8BAA8B;IAC7C;;OAEG;IACH,GAAG,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAE7B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC,CAAC;CACzE"}

package/dist/links/types.d.ts

@@ -33,17 +33,37 @@ export type HTTPHeaders = HeadersInitEsque | Record<string, string[] | string |
 export type TRPCFetch = (url: string, options?: RequestInit) => Promise<ResponseEsque>;
 export interface TRPCClientRuntime {
 }
+export type ConnectionState = 'idle' | 'connecting' | 'pending' | 'error';
+export interface ConnectionStateMessageBase {
+    type: 'state';
+}
+export interface IdleStateMessage extends ConnectionStateMessageBase {
+    state: 'idle';
+}
+export interface ConnectingStateMessage<TError> extends ConnectionStateMessageBase {
+    state: 'connecting';
+    data: TError | null;
+}
+export interface PendingStateMessage extends ConnectionStateMessageBase {
+    state: 'pending';
+}
+export interface ErrorStateMessage<TError> extends ConnectionStateMessageBase {
+    state: 'error';
+    data: TError;
+}
+export type TRPCConnectionStateMessage<TError> = IdleStateMessage | ConnectingStateMessage<TError> | PendingStateMessage | ErrorStateMessage<TError>;
+export declare const isConnectionStateMessage: <TError>(msg: unknown) => msg is TRPCConnectionStateMessage<TError>;
 /**
  * @internal
  */
-export interface OperationResultEnvelope<TOutput> {
-    result: TRPCResultMessage<TOutput>['result'] | TRPCSuccessResponse<TOutput>['result'];
+export interface OperationResultEnvelope<TOutput, TError = unknown> {
+    result: TRPCConnectionStateMessage<TError> | TRPCResultMessage<TOutput>['result'] | TRPCSuccessResponse<TOutput>['result'];
     context?: OperationContext;
 }
 /**
  * @internal
  */
-export type OperationResultObservable<TInferrable extends InferrableClientTypes, TOutput> = Observable<OperationResultEnvelope<TOutput>, TRPCClientError<TInferrable>>;
+export type OperationResultObservable<TInferrable extends InferrableClientTypes, TOutput> = Observable<OperationResultEnvelope<TOutput, TRPCClientError<TInferrable>>, TRPCClientError<TInferrable>>;
 /**
  * @internal
  */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/links/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,KAAK,EACV,qBAAqB,EACrB,KAAK,EACL,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EACL,qBAAqB,EACrB,UAAU,EACV,WAAW,GACZ,MAAM,0BAA0B,CAAC;AAElC;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AAEpE;;GAEG;AACH,MAAM,MAAM,SAAS,CAAC,MAAM,GAAG,OAAO,IAAI;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,gBAAgB,CAAC;IAC1B,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;CAC5B,CAAC;AAEF,UAAU,gBAAgB;IACxB,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,gBAAgB,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACzD;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GACnB,gBAAgB,GAChB,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;AAElD;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,CACtB,GAAG,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,WAAW,KAClB,OAAO,CAAC,aAAa,CAAC,CAAC;AAE5B,MAAM,WAAW,iBAAiB;CAEjC;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB,CAAC,OAAO;IAC9C,MAAM,EACF,iBAAiB,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,GACpC,mBAAmB,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,yBAAyB,CACnC,WAAW,SAAS,qBAAqB,EACzC,OAAO,IACL,UAAU,CAAC,uBAAuB,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC;AAE/E;;GAEG;AACH,MAAM,MAAM,uBAAuB,CACjC,WAAW,SAAS,qBAAqB,EACzC,OAAO,IACL,QAAQ,CAAC,uBAAuB,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC;AAE7E;;GAEG;AACH,MAAM,MAAM,aAAa,CACvB,WAAW,SAAS,qBAAqB,EACzC,MAAM,GAAG,OAAO,EAChB,OAAO,GAAG,OAAO,IACf,CAAC,IAAI,EAAE;IACT,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACtB,IAAI,EAAE,CACJ,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,KAClB,yBAAyB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;CACtD,KAAK,yBAAyB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,QAAQ,CAAC,WAAW,SAAS,qBAAqB,IAAI,CAChE,IAAI,EAAE,iBAAiB,KACpB,aAAa,CAAC,WAAW,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/links/types.ts"],"names":[],"mappings":"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"}

package/dist/links/types.js

@@ -0,0 +1,7 @@
+'use strict';
+
+const isConnectionStateMessage = (msg)=>{
+    return typeof msg === 'object' && msg !== null && 'type' in msg && msg.type === 'state';
+};
+
+exports.isConnectionStateMessage = isConnectionStateMessage;

package/dist/links/types.mjs

@@ -0,0 +1,5 @@
+const isConnectionStateMessage = (msg)=>{
+    return typeof msg === 'object' && msg !== null && 'type' in msg && msg.type === 'state';
+};
+
+export { isConnectionStateMessage };

package/dist/links/wsLink.d.ts

@@ -3,8 +3,10 @@ import type { AnyRouter, inferClientTypes, inferRouterError, TRPCResponseMessage
 import { TRPCClientError } from '../TRPCClientError';
 import type { TransformerOptions } from '../unstable-internals';
 import { type UrlOptionsWithConnectionParams } from './internals/urlWithConnectionParams';
-import type { Operation, TRPCLink } from './types';
-type WSCallbackResult<TRouter extends AnyRouter, TOutput> = TRPCResponseMessage<TOutput, inferRouterError<TRouter>>;
+import { type Operation, type TRPCConnectionStateMessage, type TRPCLink } from './types';
+type WSCallbackResult<TRouter extends AnyRouter, TOutput> = TRPCResponseMessage<TOutput, inferRouterError<TRouter>> | {
+    result: TRPCConnectionStateMessage<inferRouterError<TRouter>>;
+};
 type WSCallbackObserver<TRouter extends AnyRouter, TOutput> = Observer<WSCallbackResult<TRouter, TOutput>, TRPCClientError<TRouter>>;
 declare const exponentialBackoff: (attemptIndex: number) => number;
 export interface WebSocketClientOptions extends UrlOptionsWithConnectionParams {
@@ -61,7 +63,7 @@ export declare function createWSClient(opts: WebSocketClientOptions): {
     /**
      * Reconnect to the WebSocket server
      */
-    reconnect: () => void;
+    reconnect: (cause: Error | null) => void;
 };
 export type TRPCWebSocketClient = ReturnType<typeof createWSClient>;
 export type WebSocketLinkOptions<TRouter extends AnyRouter> = {

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

@@ -1 +1 @@
-{"version":3,"file":"wsLink.d.ts","sourceRoot":"","sources":["../../src/links/wsLink.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGvE,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAMhB,mBAAmB,EACpB,MAAM,0CAA0C,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,OAAO,EAEL,KAAK,8BAA8B,EACpC,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAInD,KAAK,gBAAgB,CAAC,OAAO,SAAS,SAAS,EAAE,OAAO,IAAI,mBAAmB,CAC7E,OAAO,EACP,gBAAgB,CAAC,OAAO,CAAC,CAC1B,CAAC;AAEF,KAAK,kBAAkB,CAAC,OAAO,SAAS,SAAS,EAAE,OAAO,IAAI,QAAQ,CACpE,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,EAClC,eAAe,CAAC,OAAO,CAAC,CACzB,CAAC;AAEF,QAAA,MAAM,kBAAkB,iBAAkB,MAAM,WACoB,CAAC;AAErE,MAAM,WAAW,sBAAuB,SAAQ,8BAA8B;IAC5E;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,SAAS,CAAC;IAC7B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,kBAAkB,CAAC;IACzC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,IAAI,CAAC,EAAE;QACL;;;WAGG;QACH,OAAO,EAAE,OAAO,CAAC;QACjB;;;WAGG;QACH,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAOD,wBAAgB,cAAc,CAAC,IAAI,EAAE,sBAAsB;;kBAuTpC,SAAS,wDAA0B,aAAa;;YAxQ/D,MAAM;;eAGC,MAAM;YACT,SAAS;;eAGN,QAAQ;YACX,SAAS;;eAGN,YAAY;aACd,SAAS;;IA2TlB;;OAEG;;EAGN;AACD,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAEpE,MAAM,MAAM,oBAAoB,CAAC,OAAO,SAAS,SAAS,IAAI;IAC5D,MAAM,EAAE,mBAAmB,CAAC;CAC7B,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;AASlD;;GAEG;AACH,wBAAgB,MAAM,CAAC,OAAO,SAAS,SAAS,EAC9C,IAAI,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAClC,QAAQ,CAAC,OAAO,CAAC,CA8CnB"}
+{"version":3,"file":"wsLink.d.ts","sourceRoot":"","sources":["../../src/links/wsLink.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGvE,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAMhB,mBAAmB,EACpB,MAAM,0CAA0C,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,OAAO,EAEL,KAAK,8BAA8B,EACpC,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,0BAA0B,EAC/B,KAAK,QAAQ,EACd,MAAM,SAAS,CAAC;AAIjB,KAAK,gBAAgB,CAAC,OAAO,SAAS,SAAS,EAAE,OAAO,IACpD,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,GACvD;IAAE,MAAM,EAAE,0BAA0B,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAA;CAAE,CAAC;AAEtE,KAAK,kBAAkB,CAAC,OAAO,SAAS,SAAS,EAAE,OAAO,IAAI,QAAQ,CACpE,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,EAClC,eAAe,CAAC,OAAO,CAAC,CACzB,CAAC;AAEF,QAAA,MAAM,kBAAkB,iBAAkB,MAAM,WACoB,CAAC;AAErE,MAAM,WAAW,sBAAuB,SAAQ,8BAA8B;IAC5E;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,SAAS,CAAC;IAC7B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,kBAAkB,CAAC;IACzC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,IAAI,CAAC,EAAE;QACL;;;WAGG;QACH,OAAO,EAAE,OAAO,CAAC;QACjB;;;WAGG;QACH,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAOD,wBAAgB,cAAc,CAAC,IAAI,EAAE,sBAAsB;;kBAoVpC,SAAS,wDAA0B,aAAa;;YArS/D,MAAM;;eAGC,MAAM;YACT,SAAS;;eAGN,QAAQ;YACX,SAAS;;eAGN,YAAY;aACd,SAAS;;IAwVlB;;OAEG;uBAtSqB,KAAK,GAAG,IAAI;EAySvC;AACD,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAEpE,MAAM,MAAM,oBAAoB,CAAC,OAAO,SAAS,SAAS,IAAI;IAC5D,MAAM,EAAE,mBAAmB,CAAC;CAC7B,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;AASlD;;GAEG;AACH,wBAAgB,MAAM,CAAC,OAAO,SAAS,SAAS,EAC9C,IAAI,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAClC,QAAQ,CAAC,OAAO,CAAC,CAoGnB"}

package/dist/links/wsLink.js

@@ -5,6 +5,7 @@ var unstableCoreDoNotImport = require('@trpc/server/unstable-core-do-not-import'
 var TRPCClientError = require('../TRPCClientError.js');
 var transformer = require('../internals/transformer.js');
 var urlWithConnectionParams = require('./internals/urlWithConnectionParams.js');
+var types = require('./types.js');
 
 const run = (fn)=>fn();
 const exponentialBackoff = (attemptIndex)=>attemptIndex === 0 ? 0 : Math.min(1000 * 2 ** attemptIndex, 30000);
@@ -29,12 +30,12 @@ function createWSClient(opts) {
     let connectTimer = undefined;
     let connectionIndex = 0;
     let lazyDisconnectTimer = undefined;
-    let activeConnection = lazyOpts.enabled ? null : createConnection();
+    let activeConnection = lazyOpts.enabled ? null : createConnection(null);
     /**
    * tries to send the list of messages
    */ function dispatch() {
         if (!activeConnection) {
-            activeConnection = createConnection();
+            activeConnection = createConnection(null);
             return;
         }
         // using a timeout to batch messages
@@ -59,13 +60,13 @@ function createWSClient(opts) {
             startLazyDisconnectTimer();
         });
     }
-    function tryReconnect(conn) {
+    function tryReconnect(conn, cause) {
         if (!!connectTimer) {
             return;
         }
         conn.state = 'connecting';
         const timeout = retryDelayFn(connectAttempt++);
-        reconnectInMs(timeout);
+        reconnectInMs(timeout, cause);
     }
     function hasPendingRequests(conn) {
         const requests = Object.values(pendingRequests);
@@ -74,20 +75,20 @@ function createWSClient(opts) {
         }
         return requests.some((req)=>req.connection === conn);
     }
-    function reconnect() {
+    function reconnect(cause) {
         if (lazyOpts.enabled && !hasPendingRequests()) {
             // Skip reconnecting if there are pending requests and we're in lazy mode
             return;
         }
         const oldConnection = activeConnection;
-        activeConnection = createConnection();
+        activeConnection = createConnection(cause);
         oldConnection && closeIfNoPending(oldConnection);
     }
-    function reconnectInMs(ms) {
+    function reconnectInMs(ms, cause) {
         if (connectTimer) {
             return;
         }
-        connectTimer = setTimeout(reconnect, ms);
+        connectTimer = setTimeout(reconnect, ms, cause);
     }
     function closeIfNoPending(conn) {
         // disconnect as soon as there are are no pending requests
@@ -116,16 +117,27 @@ function createWSClient(opts) {
             }
         }, lazyOpts.closeMs);
     };
-    function createConnection() {
+    function createConnection(cause) {
         const self = {
             id: ++connectionIndex,
             state: 'connecting'
         };
+        for (const req of Object.values(pendingRequests)){
+            if (req.type === 'subscription') {
+                req.callbacks.next?.({
+                    result: {
+                        type: 'state',
+                        state: 'connecting',
+                        data: cause ?? null
+                    }
+                });
+            }
+        }
         clearTimeout(lazyDisconnectTimer);
-        const onError = ()=>{
+        const onError = (cause)=>{
             self.state = 'closed';
             if (self === activeConnection) {
-                tryReconnect(self);
+                tryReconnect(self, cause);
             }
         };
         run(async ()=>{
@@ -153,21 +165,37 @@ function createWSClient(opts) {
                     }
                     connectAttempt = 0;
                     self.state = 'open';
+                    for (const req of Object.values(pendingRequests)){
+                        if (req.type === 'subscription') {
+                            req.callbacks.next?.({
+                                result: {
+                                    type: 'state',
+                                    state: 'pending'
+                                }
+                            });
+                        }
+                    }
                     onOpen?.();
                     dispatch();
                 }).catch((cause)=>{
                     ws.close(// "Status codes in the range 3000-3999 are reserved for use by libraries, frameworks, and applications"
                     3000, cause);
-                    onError();
+                    onError(cause);
                 });
             });
-            ws.addEventListener('error', onError);
+            ws.addEventListener('error', (event)=>{
+                if (event instanceof ErrorEvent) {
+                    onError(event.error);
+                } else {
+                    onError(new Error('Unknown WebSocket error'));
+                }
+            });
             const handleIncomingRequest = (req)=>{
                 if (self !== activeConnection) {
                     return;
                 }
                 if (req.method === 'reconnect') {
-                    reconnect();
+                    reconnect(new Error('Server requested reconnect'));
                     // notify subscribers
                     for (const pendingReq of Object.values(pendingRequests)){
                         if (pendingReq.type === 'subscription') {
@@ -206,7 +234,7 @@ function createWSClient(opts) {
                     closeIfNoPending(self);
                 }
             });
-            ws.addEventListener('close', ({ code  })=>{
+            ws.addEventListener('close', ({ code , reason  })=>{
                 if (self.state === 'open') {
                     onClose?.({
                         code
@@ -215,7 +243,7 @@ function createWSClient(opts) {
                 self.state = 'closed';
                 if (activeConnection === self) {
                     // connection might have been replaced already
-                    tryReconnect(self);
+                    tryReconnect(self, new Error(reason));
                 }
                 for (const [key, req] of Object.entries(pendingRequests)){
                     if (req.connection !== self) {
@@ -327,19 +355,53 @@ class TRPCWebSocketClosedError extends Error {
                 }, {
                     error (err) {
                         observer.error(err);
+                        observer.next({
+                            result: {
+                                type: 'state',
+                                state: 'error',
+                                data: err
+                            },
+                            context: context
+                        });
                         unsub();
                     },
                     complete () {
                         observer.complete();
+                        observer.next({
+                            result: {
+                                type: 'state',
+                                state: 'idle'
+                            },
+                            context: context
+                        });
                     },
                     next (message) {
+                        if ('result' in message && types.isConnectionStateMessage(message.result)) {
+                            message.result;
+                            observer.next({
+                                result: message.result,
+                                context: context
+                            });
+                            return;
+                        }
+                        if (!('id' in message)) return;
                         const transformed = unstableCoreDoNotImport.transformResult(message, transformer$1.output);
                         if (!transformed.ok) {
+                            const error = TRPCClientError.TRPCClientError.from(transformed.error);
+                            observer.next({
+                                result: {
+                                    type: 'state',
+                                    state: 'error',
+                                    data: error
+                                },
+                                context: context
+                            });
                             observer.error(TRPCClientError.TRPCClientError.from(transformed.error));
                             return;
                         }
                         observer.next({
-                            result: transformed.result
+                            result: transformed.result,
+                            context: context
                         });
                         if (op.type !== 'subscription') {
                             // if it isn't a subscription we don't care about next response
@@ -350,6 +412,13 @@ class TRPCWebSocketClosedError extends Error {
                 });
                 return ()=>{
                     unsub();
+                    observer.next({
+                        result: {
+                            type: 'state',
+                            state: 'idle'
+                        },
+                        context: context
+                    });
                 };
             });
         };

package/dist/links/wsLink.mjs

@@ -3,6 +3,7 @@ import { transformResult } from '@trpc/server/unstable-core-do-not-import';
 import { TRPCClientError } from '../TRPCClientError.mjs';
 import { getTransformer } from '../internals/transformer.mjs';
 import { resultOf } from './internals/urlWithConnectionParams.mjs';
+import { isConnectionStateMessage } from './types.mjs';
 
 const run = (fn)=>fn();
 const exponentialBackoff = (attemptIndex)=>attemptIndex === 0 ? 0 : Math.min(1000 * 2 ** attemptIndex, 30000);
@@ -27,12 +28,12 @@ function createWSClient(opts) {
     let connectTimer = undefined;
     let connectionIndex = 0;
     let lazyDisconnectTimer = undefined;
-    let activeConnection = lazyOpts.enabled ? null : createConnection();
+    let activeConnection = lazyOpts.enabled ? null : createConnection(null);
     /**
    * tries to send the list of messages
    */ function dispatch() {
         if (!activeConnection) {
-            activeConnection = createConnection();
+            activeConnection = createConnection(null);
             return;
         }
         // using a timeout to batch messages
@@ -57,13 +58,13 @@ function createWSClient(opts) {
             startLazyDisconnectTimer();
         });
     }
-    function tryReconnect(conn) {
+    function tryReconnect(conn, cause) {
         if (!!connectTimer) {
             return;
         }
         conn.state = 'connecting';
         const timeout = retryDelayFn(connectAttempt++);
-        reconnectInMs(timeout);
+        reconnectInMs(timeout, cause);
     }
     function hasPendingRequests(conn) {
         const requests = Object.values(pendingRequests);
@@ -72,20 +73,20 @@ function createWSClient(opts) {
         }
         return requests.some((req)=>req.connection === conn);
     }
-    function reconnect() {
+    function reconnect(cause) {
         if (lazyOpts.enabled && !hasPendingRequests()) {
             // Skip reconnecting if there are pending requests and we're in lazy mode
             return;
         }
         const oldConnection = activeConnection;
-        activeConnection = createConnection();
+        activeConnection = createConnection(cause);
         oldConnection && closeIfNoPending(oldConnection);
     }
-    function reconnectInMs(ms) {
+    function reconnectInMs(ms, cause) {
         if (connectTimer) {
             return;
         }
-        connectTimer = setTimeout(reconnect, ms);
+        connectTimer = setTimeout(reconnect, ms, cause);
     }
     function closeIfNoPending(conn) {
         // disconnect as soon as there are are no pending requests
@@ -114,16 +115,27 @@ function createWSClient(opts) {
             }
         }, lazyOpts.closeMs);
     };
-    function createConnection() {
+    function createConnection(cause) {
         const self = {
             id: ++connectionIndex,
             state: 'connecting'
         };
+        for (const req of Object.values(pendingRequests)){
+            if (req.type === 'subscription') {
+                req.callbacks.next?.({
+                    result: {
+                        type: 'state',
+                        state: 'connecting',
+                        data: cause ?? null
+                    }
+                });
+            }
+        }
         clearTimeout(lazyDisconnectTimer);
-        const onError = ()=>{
+        const onError = (cause)=>{
             self.state = 'closed';
             if (self === activeConnection) {
-                tryReconnect(self);
+                tryReconnect(self, cause);
             }
         };
         run(async ()=>{
@@ -151,21 +163,37 @@ function createWSClient(opts) {
                     }
                     connectAttempt = 0;
                     self.state = 'open';
+                    for (const req of Object.values(pendingRequests)){
+                        if (req.type === 'subscription') {
+                            req.callbacks.next?.({
+                                result: {
+                                    type: 'state',
+                                    state: 'pending'
+                                }
+                            });
+                        }
+                    }
                     onOpen?.();
                     dispatch();
                 }).catch((cause)=>{
                     ws.close(// "Status codes in the range 3000-3999 are reserved for use by libraries, frameworks, and applications"
                     3000, cause);
-                    onError();
+                    onError(cause);
                 });
             });
-            ws.addEventListener('error', onError);
+            ws.addEventListener('error', (event)=>{
+                if (event instanceof ErrorEvent) {
+                    onError(event.error);
+                } else {
+                    onError(new Error('Unknown WebSocket error'));
+                }
+            });
             const handleIncomingRequest = (req)=>{
                 if (self !== activeConnection) {
                     return;
                 }
                 if (req.method === 'reconnect') {
-                    reconnect();
+                    reconnect(new Error('Server requested reconnect'));
                     // notify subscribers
                     for (const pendingReq of Object.values(pendingRequests)){
                         if (pendingReq.type === 'subscription') {
@@ -204,7 +232,7 @@ function createWSClient(opts) {
                     closeIfNoPending(self);
                 }
             });
-            ws.addEventListener('close', ({ code  })=>{
+            ws.addEventListener('close', ({ code , reason  })=>{
                 if (self.state === 'open') {
                     onClose?.({
                         code
@@ -213,7 +241,7 @@ function createWSClient(opts) {
                 self.state = 'closed';
                 if (activeConnection === self) {
                     // connection might have been replaced already
-                    tryReconnect(self);
+                    tryReconnect(self, new Error(reason));
                 }
                 for (const [key, req] of Object.entries(pendingRequests)){
                     if (req.connection !== self) {
@@ -325,19 +353,53 @@ class TRPCWebSocketClosedError extends Error {
                 }, {
                     error (err) {
                         observer.error(err);
+                        observer.next({
+                            result: {
+                                type: 'state',
+                                state: 'error',
+                                data: err
+                            },
+                            context: context
+                        });
                         unsub();
                     },
                     complete () {
                         observer.complete();
+                        observer.next({
+                            result: {
+                                type: 'state',
+                                state: 'idle'
+                            },
+                            context: context
+                        });
                     },
                     next (message) {
+                        if ('result' in message && isConnectionStateMessage(message.result)) {
+                            message.result;
+                            observer.next({
+                                result: message.result,
+                                context: context
+                            });
+                            return;
+                        }
+                        if (!('id' in message)) return;
                         const transformed = transformResult(message, transformer.output);
                         if (!transformed.ok) {
+                            const error = TRPCClientError.from(transformed.error);
+                            observer.next({
+                                result: {
+                                    type: 'state',
+                                    state: 'error',
+                                    data: error
+                                },
+                                context: context
+                            });
                             observer.error(TRPCClientError.from(transformed.error));
                             return;
                         }
                         observer.next({
-                            result: transformed.result
+                            result: transformed.result,
+                            context: context
                         });
                         if (op.type !== 'subscription') {
                             // if it isn't a subscription we don't care about next response
@@ -348,6 +410,13 @@ class TRPCWebSocketClosedError extends Error {
                 });
                 return ()=>{
                     unsub();
+                    observer.next({
+                        result: {
+                            type: 'state',
+                            state: 'idle'
+                        },
+                        context: context
+                    });
                 };
             });
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trpc/client",
-  "version": "11.0.0-alpha-tmp-issues-5851-take-two.496+f0729daa3",
+  "version": "11.0.0-alpha-tmp-subscription-connection-state.485+386eae02c",
   "description": "The tRPC client library",
   "author": "KATT",
   "license": "MIT",
@@ -76,10 +76,10 @@
     "!**/*.test.*"
   ],
   "peerDependencies": {
-    "@trpc/server": "11.0.0-alpha-tmp-issues-5851-take-two.496+f0729daa3"
+    "@trpc/server": "11.0.0-alpha-tmp-subscription-connection-state.485+386eae02c"
   },
   "devDependencies": {
-    "@trpc/server": "11.0.0-alpha-tmp-issues-5851-take-two.496+f0729daa3",
+    "@trpc/server": "11.0.0-alpha-tmp-subscription-connection-state.485+386eae02c",
     "@types/isomorphic-fetch": "^0.0.39",
     "@types/node": "^20.10.0",
     "eslint": "^8.56.0",
@@ -96,5 +96,5 @@
   "funding": [
     "https://trpc.io/sponsor"
   ],
-  "gitHead": "f0729daa3e95b1f21cd082e04c21377b550f5625"
+  "gitHead": "386eae02c675ba0fe0feda78188b6975e56d0e49"
 }

package/src/internals/TRPCUntypedClient.ts

@@ -14,6 +14,7 @@ import type {
   OperationContext,
   OperationLink,
   TRPCClientRuntime,
+  TRPCConnectionStateMessage,
   TRPCLink,
 } from '../links/types';
 import { TRPCClientError } from '../TRPCClientError';
@@ -33,6 +34,7 @@ export interface TRPCSubscriptionObserver<TValue, TError> {
   onError: (err: TError) => void;
   onStopped: () => void;
   onComplete: () => void;
+  onStateChange: (state: TRPCConnectionStateMessage<TError>) => void;
 }
 
 /** @internal */
@@ -143,6 +145,8 @@ export class TRPCUntypedClient<TRouter extends AnyRouter> {
           });
         } else if (envelope.result.type === 'stopped') {
           opts.onStopped?.();
+        } else if (envelope.result.type === 'state') {
+          opts.onStateChange?.(envelope.result);
         } else {
           opts.onData?.(envelope.result.data);
         }