@aws-amplify/api-graphql 4.4.1-unstable.5c3f17a.0 → 4.4.2-events.538dd9f.0

package/dist/cjs/Providers/AWSAppSyncRealTimeProvider/index.js

@@ -1,778 +1,81 @@
 'use strict';
 
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AWSAppSyncRealTimeProvider = void 0;
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-const rxjs_1 = require("rxjs");
-const graphql_1 = require("graphql");
-const core_1 = require("@aws-amplify/core");
-const aws_client_utils_1 = require("@aws-amplify/core/internals/aws-client-utils");
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AWSAppSyncRealTimeProvider = void 0;
 const utils_1 = require("@aws-amplify/core/internals/utils");
-const PubSub_1 = require("../../types/PubSub");
 const constants_1 = require("../constants");
-const ConnectionStateMonitor_1 = require("../../utils/ConnectionStateMonitor");
-const ReconnectionMonitor_1 = require("../../utils/ReconnectionMonitor");
-const logger = new core_1.ConsoleLogger('AWSAppSyncRealTimeProvider');
-const dispatchApiEvent = (payload) => {
-    core_1.Hub.dispatch('api', payload, 'PubSub', constants_1.AMPLIFY_SYMBOL);
-};
-const standardDomainPattern = /^https:\/\/\w{26}\.appsync-api\.\w{2}(?:(?:-\w{2,})+)-\d\.amazonaws.com(?:\.cn)?\/graphql$/i;
-const customDomainPath = '/realtime';
-class AWSAppSyncRealTimeProvider {
+const AWSWebSocketProvider_1 = require("../AWSWebSocketProvider");
+const authHeaders_1 = require("../AWSWebSocketProvider/authHeaders");
+const PROVIDER_NAME = 'AWSAppSyncRealTimeProvider';
+const WS_PROTOCOL_NAME = 'graphql-ws';
+class AWSAppSyncRealTimeProvider extends AWSWebSocketProvider_1.AWSWebSocketProvider {
     constructor() {
-        this.socketStatus = constants_1.SOCKET_STATUS.CLOSED;
-        this.keepAliveTimeout = constants_1.DEFAULT_KEEP_ALIVE_TIMEOUT;
-        this.subscriptionObserverMap = new Map();
-        this.promiseArray = [];
-        this.connectionStateMonitor = new ConnectionStateMonitor_1.ConnectionStateMonitor();
-        this.reconnectionMonitor = new ReconnectionMonitor_1.ReconnectionMonitor();
-        // Monitor the connection state and pass changes along to Hub
-        this.connectionStateMonitorSubscription =
-            this.connectionStateMonitor.connectionStateObservable.subscribe(connectionState => {
-                dispatchApiEvent({
-                    event: constants_1.CONNECTION_STATE_CHANGE,
-                    data: {
-                        provider: this,
-                        connectionState,
-                    },
-                    message: `Connection state is ${connectionState}`,
-                });
-                this.connectionState = connectionState;
-                // Trigger START_RECONNECT when the connection is disrupted
-                if (connectionState === PubSub_1.ConnectionState.ConnectionDisrupted) {
-                    this.reconnectionMonitor.record(ReconnectionMonitor_1.ReconnectEvent.START_RECONNECT);
-                }
-                // Trigger HALT_RECONNECT to halt reconnection attempts when the state is anything other than
-                //   ConnectionDisrupted or Connecting
-                if ([
-                    PubSub_1.ConnectionState.Connected,
-                    PubSub_1.ConnectionState.ConnectedPendingDisconnect,
-                    PubSub_1.ConnectionState.ConnectedPendingKeepAlive,
-                    PubSub_1.ConnectionState.ConnectedPendingNetwork,
-                    PubSub_1.ConnectionState.ConnectionDisruptedPendingNetwork,
-                    PubSub_1.ConnectionState.Disconnected,
-                ].includes(connectionState)) {
-                    this.reconnectionMonitor.record(ReconnectionMonitor_1.ReconnectEvent.HALT_RECONNECT);
-                }
-            });
-    }
-    /**
-     * Mark the socket closed and release all active listeners
-     */
-    close() {
-        // Mark the socket closed both in status and the connection monitor
-        this.socketStatus = constants_1.SOCKET_STATUS.CLOSED;
-        this.connectionStateMonitor.record(ConnectionStateMonitor_1.CONNECTION_CHANGE.CONNECTION_FAILED);
-        // Turn off the subscription monitor Hub publishing
-        this.connectionStateMonitorSubscription.unsubscribe();
-        // Complete all reconnect observers
-        this.reconnectionMonitor.close();
-    }
-    getNewWebSocket(url, protocol) {
-        return new WebSocket(url, protocol);
+        super({ providerName: PROVIDER_NAME, wsProtocolName: WS_PROTOCOL_NAME });
     }
     getProviderName() {
-        return 'AWSAppSyncRealTimeProvider';
-    }
-    // Check if url matches standard domain pattern
-    isCustomDomain(url) {
-        return url.match(standardDomainPattern) === null;
+        return PROVIDER_NAME;
     }
     subscribe(options, customUserAgentDetails) {
-        const { appSyncGraphqlEndpoint, region, query, variables, authenticationType, additionalHeaders, apiKey, authToken, libraryConfigHeaders, } = options || {};
-        return new rxjs_1.Observable(observer => {
-            if (!options || !appSyncGraphqlEndpoint) {
-                observer.error({
-                    errors: [
-                        {
-                            ...new graphql_1.GraphQLError(`Subscribe only available for AWS AppSync endpoint`),
-                        },
-                    ],
-                });
-                observer.complete();
-            }
-            else {
-                let subscriptionStartActive = false;
-                const subscriptionId = (0, utils_1.amplifyUuid)();
-                const startSubscription = () => {
-                    if (!subscriptionStartActive) {
-                        subscriptionStartActive = true;
-                        const startSubscriptionPromise = this._startSubscriptionWithAWSAppSyncRealTime({
-                            options: {
-                                query,
-                                variables,
-                                region,
-                                authenticationType,
-                                appSyncGraphqlEndpoint,
-                                additionalHeaders,
-                                apiKey,
-                                authToken,
-                                libraryConfigHeaders,
-                            },
-                            observer,
-                            subscriptionId,
-                            customUserAgentDetails,
-                        }).catch(err => {
-                            logger.debug(`${PubSub_1.CONTROL_MSG.REALTIME_SUBSCRIPTION_INIT_ERROR}: ${err}`);
-                            this.connectionStateMonitor.record(ConnectionStateMonitor_1.CONNECTION_CHANGE.CLOSED);
-                        });
-                        startSubscriptionPromise.finally(() => {
-                            subscriptionStartActive = false;
-                        });
-                    }
-                };
-                // Add an observable to the reconnection list to manage reconnection for this subscription
-                const reconnectSubscription = new rxjs_1.Observable(reconnectSubscriptionObserver => {
-                    this.reconnectionMonitor.addObserver(reconnectSubscriptionObserver);
-                }).subscribe(() => {
-                    startSubscription();
-                });
-                startSubscription();
-                return async () => {
-                    // Cleanup reconnection subscription
-                    reconnectSubscription?.unsubscribe();
-                    // Cleanup after unsubscribing or observer.complete was called after _startSubscriptionWithAWSAppSyncRealTime
-                    try {
-                        // Waiting that subscription has been connected before trying to unsubscribe
-                        await this._waitForSubscriptionToBeConnected(subscriptionId);
-                        const { subscriptionState } = this.subscriptionObserverMap.get(subscriptionId) || {};
-                        if (!subscriptionState) {
-                            // subscription already unsubscribed
-                            return;
-                        }
-                        if (subscriptionState === constants_1.SUBSCRIPTION_STATUS.CONNECTED) {
-                            this._sendUnsubscriptionMessage(subscriptionId);
-                        }
-                        else {
-                            throw new Error('Subscription never connected');
-                        }
-                    }
-                    catch (err) {
-                        logger.debug(`Error while unsubscribing ${err}`);
-                    }
-                    finally {
-                        this._removeSubscriptionObserver(subscriptionId);
-                    }
-                };
-            }
-        });
+        return super.subscribe(options, customUserAgentDetails);
     }
-    async _startSubscriptionWithAWSAppSyncRealTime({ options, observer, subscriptionId, customUserAgentDetails, }) {
-        const { appSyncGraphqlEndpoint, authenticationType, query, variables, apiKey, region, libraryConfigHeaders = () => ({}), additionalHeaders = {}, authToken, } = options;
-        let additionalCustomHeaders = {};
-        if (typeof additionalHeaders === 'function') {
-            const requestOptions = {
-                url: appSyncGraphqlEndpoint || '',
-                queryString: query || '',
-            };
-            additionalCustomHeaders = await additionalHeaders(requestOptions);
-        }
-        else {
-            additionalCustomHeaders = additionalHeaders;
-        }
-        // if an authorization header is set, have the explicit authToken take precedence
-        if (authToken) {
-            additionalCustomHeaders = {
-                ...additionalCustomHeaders,
-                Authorization: authToken,
-            };
-        }
-        const subscriptionState = constants_1.SUBSCRIPTION_STATUS.PENDING;
+    async _prepareSubscriptionPayload({ options, subscriptionId, customUserAgentDetails, additionalCustomHeaders, libraryConfigHeaders, }) {
+        const { appSyncGraphqlEndpoint, authenticationType, query, variables, apiKey, region, } = options;
         const data = {
             query,
             variables,
         };
-        // Having a subscription id map will make it simple to forward messages received
-        this.subscriptionObserverMap.set(subscriptionId, {
-            observer,
-            query: query ?? '',
-            variables: variables ?? {},
-            subscriptionState,
-            startAckTimeoutId: undefined,
-        });
-        // Preparing payload for subscription message
-        const dataString = JSON.stringify(data);
-        const headerObj = {
-            ...(await this._awsRealTimeHeaderBasedAuth({
+        const serializedData = JSON.stringify(data);
+        const headers = {
+            ...(await (0, authHeaders_1.awsRealTimeHeaderBasedAuth)({
                 apiKey,
                 appSyncGraphqlEndpoint,
                 authenticationType,
-                payload: dataString,
+                payload: serializedData,
                 canonicalUri: '',
                 region,
                 additionalCustomHeaders,
             })),
-            ...(await libraryConfigHeaders()),
+            ...libraryConfigHeaders,
             ...additionalCustomHeaders,
             [utils_1.USER_AGENT_HEADER]: (0, utils_1.getAmplifyUserAgent)(customUserAgentDetails),
         };
         const subscriptionMessage = {
             id: subscriptionId,
             payload: {
-                data: dataString,
+                data: serializedData,
                 extensions: {
                     authorization: {
-                        ...headerObj,
+                        ...headers,
                     },
                 },
             },
             type: constants_1.MESSAGE_TYPES.GQL_START,
         };
-        const stringToAWSRealTime = JSON.stringify(subscriptionMessage);
-        try {
-            this.connectionStateMonitor.record(ConnectionStateMonitor_1.CONNECTION_CHANGE.OPENING_CONNECTION);
-            await this._initializeWebSocketConnection({
-                apiKey,
-                appSyncGraphqlEndpoint,
-                authenticationType,
-                region,
-                additionalCustomHeaders,
-            });
-        }
-        catch (err) {
-            this._logStartSubscriptionError(subscriptionId, observer, err);
-            return;
-        }
-        // Potential race condition can occur when unsubscribe is called during _initializeWebSocketConnection.
-        // E.g.unsubscribe gets invoked prior to finishing WebSocket handshake or START_ACK.
-        // Both subscriptionFailedCallback and subscriptionReadyCallback are used to synchronized this.
-        const { subscriptionFailedCallback, subscriptionReadyCallback } = this.subscriptionObserverMap.get(subscriptionId) ?? {};
-        // This must be done before sending the message in order to be listening immediately
-        this.subscriptionObserverMap.set(subscriptionId, {
-            observer,
-            subscriptionState,
-            query: query ?? '',
-            variables: variables ?? {},
-            subscriptionReadyCallback,
-            subscriptionFailedCallback,
-            startAckTimeoutId: setTimeout(() => {
-                this._timeoutStartSubscriptionAck(subscriptionId);
-            }, constants_1.START_ACK_TIMEOUT),
-        });
-        if (this.awsRealTimeSocket) {
-            this.awsRealTimeSocket.send(stringToAWSRealTime);
-        }
-    }
-    // Log logic for start subscription failures
-    _logStartSubscriptionError(subscriptionId, observer, err) {
-        logger.debug({ err });
-        const message = String(err.message ?? '');
-        // Resolving to give the state observer time to propogate the update
-        this.connectionStateMonitor.record(ConnectionStateMonitor_1.CONNECTION_CHANGE.CLOSED);
-        // Capture the error only when the network didn't cause disruption
-        if (this.connectionState !== PubSub_1.ConnectionState.ConnectionDisruptedPendingNetwork) {
-            // When the error is non-retriable, error out the observable
-            if ((0, utils_1.isNonRetryableError)(err)) {
-                observer.error({
-                    errors: [
-                        {
-                            ...new graphql_1.GraphQLError(`${PubSub_1.CONTROL_MSG.CONNECTION_FAILED}: ${message}`),
-                        },
-                    ],
-                });
-            }
-            else {
-                logger.debug(`${PubSub_1.CONTROL_MSG.CONNECTION_FAILED}: ${message}`);
-            }
-            const { subscriptionFailedCallback } = this.subscriptionObserverMap.get(subscriptionId) || {};
-            // Notify concurrent unsubscription
-            if (typeof subscriptionFailedCallback === 'function') {
-                subscriptionFailedCallback();
-            }
-        }
-    }
-    // Waiting that subscription has been connected before trying to unsubscribe
-    async _waitForSubscriptionToBeConnected(subscriptionId) {
-        const subscriptionObserver = this.subscriptionObserverMap.get(subscriptionId);
-        if (subscriptionObserver) {
-            const { subscriptionState } = subscriptionObserver;
-            // This in case unsubscribe is invoked before sending start subscription message
-            if (subscriptionState === constants_1.SUBSCRIPTION_STATUS.PENDING) {
-                return new Promise((resolve, reject) => {
-                    const { observer, subscriptionState: observedSubscriptionState, variables, query, } = subscriptionObserver;
-                    this.subscriptionObserverMap.set(subscriptionId, {
-                        observer,
-                        subscriptionState: observedSubscriptionState,
-                        variables,
-                        query,
-                        subscriptionReadyCallback: resolve,
-                        subscriptionFailedCallback: reject,
-                    });
-                });
-            }
-        }
-    }
-    _sendUnsubscriptionMessage(subscriptionId) {
-        try {
-            if (this.awsRealTimeSocket &&
-                this.awsRealTimeSocket.readyState === WebSocket.OPEN &&
-                this.socketStatus === constants_1.SOCKET_STATUS.READY) {
-                // Preparing unsubscribe message to stop receiving messages for that subscription
-                const unsubscribeMessage = {
-                    id: subscriptionId,
-                    type: constants_1.MESSAGE_TYPES.GQL_STOP,
-                };
-                const stringToAWSRealTime = JSON.stringify(unsubscribeMessage);
-                this.awsRealTimeSocket.send(stringToAWSRealTime);
-            }
-        }
-        catch (err) {
-            // If GQL_STOP is not sent because of disconnection issue, then there is nothing the client can do
-            logger.debug({ err });
-        }
-    }
-    _removeSubscriptionObserver(subscriptionId) {
-        this.subscriptionObserverMap.delete(subscriptionId);
-        // Verifying 1000ms after removing subscription in case there are new subscription unmount/mount
-        setTimeout(this._closeSocketIfRequired.bind(this), 1000);
-    }
-    _closeSocketIfRequired() {
-        if (this.subscriptionObserverMap.size > 0) {
-            // Active subscriptions on the WebSocket
-            return;
-        }
-        if (!this.awsRealTimeSocket) {
-            this.socketStatus = constants_1.SOCKET_STATUS.CLOSED;
-            return;
-        }
-        this.connectionStateMonitor.record(ConnectionStateMonitor_1.CONNECTION_CHANGE.CLOSING_CONNECTION);
-        if (this.awsRealTimeSocket.bufferedAmount > 0) {
-            // Still data on the WebSocket
-            setTimeout(this._closeSocketIfRequired.bind(this), 1000);
-        }
-        else {
-            logger.debug('closing WebSocket...');
-            if (this.keepAliveTimeoutId) {
-                clearTimeout(this.keepAliveTimeoutId);
-            }
-            if (this.keepAliveAlertTimeoutId) {
-                clearTimeout(this.keepAliveAlertTimeoutId);
-            }
-            const tempSocket = this.awsRealTimeSocket;
-            // Cleaning callbacks to avoid race condition, socket still exists
-            tempSocket.onclose = null;
-            tempSocket.onerror = null;
-            tempSocket.close(1000);
-            this.awsRealTimeSocket = undefined;
-            this.socketStatus = constants_1.SOCKET_STATUS.CLOSED;
-            this.connectionStateMonitor.record(ConnectionStateMonitor_1.CONNECTION_CHANGE.CLOSED);
-        }
-    }
-    _handleIncomingSubscriptionMessage(message) {
-        if (typeof message.data !== 'string') {
-            return;
-        }
-        logger.debug(`subscription message from AWS AppSync RealTime: ${message.data}`);
-        const { id = '', payload, type, } = JSON.parse(String(message.data));
-        const { observer = null, query = '', variables = {}, startAckTimeoutId, subscriptionReadyCallback, subscriptionFailedCallback, } = this.subscriptionObserverMap.get(id) || {};
-        logger.debug({ id, observer, query, variables });
-        if (type === constants_1.MESSAGE_TYPES.GQL_DATA && payload && payload.data) {
+        const serializedSubscriptionMessage = JSON.stringify(subscriptionMessage);
+        return serializedSubscriptionMessage;
+    }
+    _handleSubscriptionData(message) {
+        this.logger.debug(`subscription message from AWS AppSync RealTime: ${message.data}`);
+        const { id = '', payload, type } = JSON.parse(String(message.data));
+        const { observer = null, query = '', variables = {}, } = this.subscriptionObserverMap.get(id) || {};
+        this.logger.debug({ id, observer, query, variables });
+        if (type === constants_1.MESSAGE_TYPES.DATA && payload && payload.data) {
             if (observer) {
                 observer.next(payload);
             }
             else {
-                logger.debug(`observer not found for id: ${id}`);
-            }
-            return;
-        }
-        if (type === constants_1.MESSAGE_TYPES.GQL_START_ACK) {
-            logger.debug(`subscription ready for ${JSON.stringify({ query, variables })}`);
-            if (typeof subscriptionReadyCallback === 'function') {
-                subscriptionReadyCallback();
-            }
-            if (startAckTimeoutId)
-                clearTimeout(startAckTimeoutId);
-            dispatchApiEvent({
-                event: PubSub_1.CONTROL_MSG.SUBSCRIPTION_ACK,
-                data: { query, variables },
-                message: 'Connection established for subscription',
-            });
-            const subscriptionState = constants_1.SUBSCRIPTION_STATUS.CONNECTED;
-            if (observer) {
-                this.subscriptionObserverMap.set(id, {
-                    observer,
-                    query,
-                    variables,
-                    startAckTimeoutId: undefined,
-                    subscriptionState,
-                    subscriptionReadyCallback,
-                    subscriptionFailedCallback,
-                });
-            }
-            this.connectionStateMonitor.record(ConnectionStateMonitor_1.CONNECTION_CHANGE.CONNECTION_ESTABLISHED);
-            return;
-        }
-        if (type === constants_1.MESSAGE_TYPES.GQL_CONNECTION_KEEP_ALIVE) {
-            if (this.keepAliveTimeoutId)
-                clearTimeout(this.keepAliveTimeoutId);
-            if (this.keepAliveAlertTimeoutId)
-                clearTimeout(this.keepAliveAlertTimeoutId);
-            this.keepAliveTimeoutId = setTimeout(() => {
-                this._errorDisconnect(PubSub_1.CONTROL_MSG.TIMEOUT_DISCONNECT);
-            }, this.keepAliveTimeout);
-            this.keepAliveAlertTimeoutId = setTimeout(() => {
-                this.connectionStateMonitor.record(ConnectionStateMonitor_1.CONNECTION_CHANGE.KEEP_ALIVE_MISSED);
-            }, constants_1.DEFAULT_KEEP_ALIVE_ALERT_TIMEOUT);
-            this.connectionStateMonitor.record(ConnectionStateMonitor_1.CONNECTION_CHANGE.KEEP_ALIVE);
-            return;
-        }
-        if (type === constants_1.MESSAGE_TYPES.GQL_ERROR) {
-            const subscriptionState = constants_1.SUBSCRIPTION_STATUS.FAILED;
-            if (observer) {
-                this.subscriptionObserverMap.set(id, {
-                    observer,
-                    query,
-                    variables,
-                    startAckTimeoutId,
-                    subscriptionReadyCallback,
-                    subscriptionFailedCallback,
-                    subscriptionState,
-                });
-                logger.debug(`${PubSub_1.CONTROL_MSG.CONNECTION_FAILED}: ${JSON.stringify(payload)}`);
-                observer.error({
-                    errors: [
-                        {
-                            ...new graphql_1.GraphQLError(`${PubSub_1.CONTROL_MSG.CONNECTION_FAILED}: ${JSON.stringify(payload)}`),
-                        },
-                    ],
-                });
-                if (startAckTimeoutId)
-                    clearTimeout(startAckTimeoutId);
-                if (typeof subscriptionFailedCallback === 'function') {
-                    subscriptionFailedCallback();
-                }
-            }
-        }
-    }
-    _errorDisconnect(msg) {
-        logger.debug(`Disconnect error: ${msg}`);
-        if (this.awsRealTimeSocket) {
-            this.connectionStateMonitor.record(ConnectionStateMonitor_1.CONNECTION_CHANGE.CLOSED);
-            this.awsRealTimeSocket.close();
-        }
-        this.socketStatus = constants_1.SOCKET_STATUS.CLOSED;
-    }
-    _timeoutStartSubscriptionAck(subscriptionId) {
-        const subscriptionObserver = this.subscriptionObserverMap.get(subscriptionId);
-        if (subscriptionObserver) {
-            const { observer, query, variables } = subscriptionObserver;
-            if (!observer) {
-                return;
-            }
-            this.subscriptionObserverMap.set(subscriptionId, {
-                observer,
-                query,
-                variables,
-                subscriptionState: constants_1.SUBSCRIPTION_STATUS.FAILED,
-            });
-            this.connectionStateMonitor.record(ConnectionStateMonitor_1.CONNECTION_CHANGE.CLOSED);
-            logger.debug('timeoutStartSubscription', JSON.stringify({ query, variables }));
-        }
-    }
-    /**
-     * Strips out `Authorization` header if present
-     */
-    _extractNonAuthHeaders(headers) {
-        if (!headers) {
-            return {};
-        }
-        if ('Authorization' in headers) {
-            const { Authorization: _, ...nonAuthHeaders } = headers;
-            return nonAuthHeaders;
-        }
-        return headers;
-    }
-    /**
-     *
-     * @param headers - http headers
-     * @returns uri-encoded query parameters derived from custom headers
-     */
-    _queryParamsFromCustomHeaders(headers) {
-        const nonAuthHeaders = this._extractNonAuthHeaders(headers);
-        const params = new utils_1.AmplifyUrlSearchParams();
-        Object.entries(nonAuthHeaders).forEach(([k, v]) => {
-            params.append(k, v);
-        });
-        return params;
-    }
-    /**
-     * Normalizes AppSync realtime endpoint URL
-     *
-     * @param appSyncGraphqlEndpoint - AppSync endpointUri from config
-     * @param urlParams - URLSearchParams
-     * @returns fully resolved string realtime endpoint URL
-     */
-    _realtimeUrlWithQueryString(appSyncGraphqlEndpoint, urlParams) {
-        const protocol = 'wss://';
-        let realtimeEndpoint = appSyncGraphqlEndpoint ?? '';
-        if (this.isCustomDomain(realtimeEndpoint)) {
-            realtimeEndpoint = realtimeEndpoint.concat(customDomainPath);
-        }
-        else {
-            realtimeEndpoint = realtimeEndpoint
-                .replace('appsync-api', 'appsync-realtime-api')
-                .replace('gogi-beta', 'grt-beta');
-        }
-        realtimeEndpoint = realtimeEndpoint
-            .replace('https://', protocol)
-            .replace('http://', protocol);
-        const realtimeEndpointUrl = new utils_1.AmplifyUrl(realtimeEndpoint);
-        // preserves any query params a customer might manually set in the configuration
-        const existingParams = new utils_1.AmplifyUrlSearchParams(realtimeEndpointUrl.search);
-        for (const [k, v] of urlParams.entries()) {
-            existingParams.append(k, v);
-        }
-        realtimeEndpointUrl.search = existingParams.toString();
-        return realtimeEndpointUrl.toString();
-    }
-    _initializeWebSocketConnection({ appSyncGraphqlEndpoint, authenticationType, apiKey, region, additionalCustomHeaders, }) {
-        if (this.socketStatus === constants_1.SOCKET_STATUS.READY) {
-            return;
-        }
-        // TODO(Eslint): refactor to now use async function as the promise executor
-        // eslint-disable-next-line no-async-promise-executor
-        return new Promise(async (resolve, reject) => {
-            this.promiseArray.push({ res: resolve, rej: reject });
-            if (this.socketStatus === constants_1.SOCKET_STATUS.CLOSED) {
-                try {
-                    this.socketStatus = constants_1.SOCKET_STATUS.CONNECTING;
-                    const payloadString = '{}';
-                    const authHeader = await this._awsRealTimeHeaderBasedAuth({
-                        authenticationType,
-                        payload: payloadString,
-                        canonicalUri: '/connect',
-                        apiKey,
-                        appSyncGraphqlEndpoint,
-                        region,
-                        additionalCustomHeaders,
-                    });
-                    const headerString = authHeader ? JSON.stringify(authHeader) : '';
-                    // base64url-encoded string
-                    const encodedHeader = utils_1.base64Encoder.convert(headerString, {
-                        urlSafe: true,
-                        skipPadding: true,
-                    });
-                    const authTokenSubprotocol = `header-${encodedHeader}`;
-                    const queryParams = this._queryParamsFromCustomHeaders(additionalCustomHeaders);
-                    const awsRealTimeUrl = this._realtimeUrlWithQueryString(appSyncGraphqlEndpoint, queryParams);
-                    await this._initializeRetryableHandshake(awsRealTimeUrl, authTokenSubprotocol);
-                    this.promiseArray.forEach(({ res }) => {
-                        logger.debug('Notifying connection successful');
-                        res();
-                    });
-                    this.socketStatus = constants_1.SOCKET_STATUS.READY;
-                    this.promiseArray = [];
-                }
-                catch (err) {
-                    logger.debug('Connection exited with', err);
-                    this.promiseArray.forEach(({ rej }) => {
-                        rej(err);
-                    });
-                    this.promiseArray = [];
-                    if (this.awsRealTimeSocket &&
-                        this.awsRealTimeSocket.readyState === WebSocket.OPEN) {
-                        this.awsRealTimeSocket.close(3001);
-                    }
-                    this.awsRealTimeSocket = undefined;
-                    this.socketStatus = constants_1.SOCKET_STATUS.CLOSED;
-                }
-            }
-        });
-    }
-    async _initializeRetryableHandshake(awsRealTimeUrl, subprotocol) {
-        logger.debug(`Initializaling retryable Handshake`);
-        await (0, utils_1.jitteredExponentialRetry)(this._initializeHandshake.bind(this), [awsRealTimeUrl, subprotocol], constants_1.MAX_DELAY_MS);
-    }
-    /**
-     *
-     * @param subprotocol -
-     */
-    async _initializeHandshake(awsRealTimeUrl, subprotocol) {
-        logger.debug(`Initializing handshake ${awsRealTimeUrl}`);
-        // Because connecting the socket is async, is waiting until connection is open
-        // Step 1: connect websocket
-        try {
-            await (() => {
-                return new Promise((resolve, reject) => {
-                    const newSocket = this.getNewWebSocket(awsRealTimeUrl, [
-                        'graphql-ws',
-                        subprotocol,
-                    ]);
-                    newSocket.onerror = () => {
-                        logger.debug(`WebSocket connection error`);
-                    };
-                    newSocket.onclose = () => {
-                        reject(new Error('Connection handshake error'));
-                    };
-                    newSocket.onopen = () => {
-                        this.awsRealTimeSocket = newSocket;
-                        resolve();
-                    };
-                });
-            })();
-            // Step 2: wait for ack from AWS AppSyncReaTime after sending init
-            await (() => {
-                return new Promise((resolve, reject) => {
-                    if (this.awsRealTimeSocket) {
-                        let ackOk = false;
-                        this.awsRealTimeSocket.onerror = error => {
-                            logger.debug(`WebSocket error ${JSON.stringify(error)}`);
-                        };
-                        this.awsRealTimeSocket.onclose = event => {
-                            logger.debug(`WebSocket closed ${event.reason}`);
-                            reject(new Error(JSON.stringify(event)));
-                        };
-                        this.awsRealTimeSocket.onmessage = (message) => {
-                            if (typeof message.data !== 'string') {
-                                return;
-                            }
-                            logger.debug(`subscription message from AWS AppSyncRealTime: ${message.data} `);
-                            const data = JSON.parse(message.data);
-                            const { type, payload: { connectionTimeoutMs = constants_1.DEFAULT_KEEP_ALIVE_TIMEOUT, } = {}, } = data;
-                            if (type === constants_1.MESSAGE_TYPES.GQL_CONNECTION_ACK) {
-                                ackOk = true;
-                                if (this.awsRealTimeSocket) {
-                                    this.keepAliveTimeout = connectionTimeoutMs;
-                                    this.awsRealTimeSocket.onmessage =
-                                        this._handleIncomingSubscriptionMessage.bind(this);
-                                    this.awsRealTimeSocket.onerror = err => {
-                                        logger.debug(err);
-                                        this._errorDisconnect(PubSub_1.CONTROL_MSG.CONNECTION_CLOSED);
-                                    };
-                                    this.awsRealTimeSocket.onclose = event => {
-                                        logger.debug(`WebSocket closed ${event.reason}`);
-                                        this._errorDisconnect(PubSub_1.CONTROL_MSG.CONNECTION_CLOSED);
-                                    };
-                                }
-                                resolve('Cool, connected to AWS AppSyncRealTime');
-                                return;
-                            }
-                            if (type === constants_1.MESSAGE_TYPES.GQL_CONNECTION_ERROR) {
-                                const { payload: { errors: [{ errorType = '', errorCode = 0 } = {}] = [], } = {}, } = data;
-                                // TODO(Eslint): refactor to reject an Error object instead of a plain object
-                                // eslint-disable-next-line prefer-promise-reject-errors
-                                reject({ errorType, errorCode });
-                            }
-                        };
-                        const gqlInit = {
-                            type: constants_1.MESSAGE_TYPES.GQL_CONNECTION_INIT,
-                        };
-                        this.awsRealTimeSocket.send(JSON.stringify(gqlInit));
-                        const checkAckOk = (targetAckOk) => {
-                            if (!targetAckOk) {
-                                this.connectionStateMonitor.record(ConnectionStateMonitor_1.CONNECTION_CHANGE.CONNECTION_FAILED);
-                                reject(new Error(`Connection timeout: ack from AWSAppSyncRealTime was not received after ${constants_1.CONNECTION_INIT_TIMEOUT} ms`));
-                            }
-                        };
-                        setTimeout(() => {
-                            checkAckOk(ackOk);
-                        }, constants_1.CONNECTION_INIT_TIMEOUT);
-                    }
-                });
-            })();
-        }
-        catch (err) {
-            const { errorType, errorCode } = err;
-            if (constants_1.NON_RETRYABLE_CODES.includes(errorCode)) {
-                throw new utils_1.NonRetryableError(errorType);
-            }
-            else if (errorType) {
-                throw new Error(errorType);
-            }
-            else {
-                throw err;
-            }
-        }
-    }
-    async _awsRealTimeHeaderBasedAuth({ apiKey, authenticationType, payload, canonicalUri, appSyncGraphqlEndpoint, region, additionalCustomHeaders, }) {
-        const headerHandler = {
-            apiKey: this._awsRealTimeApiKeyHeader.bind(this),
-            iam: this._awsRealTimeIAMHeader.bind(this),
-            oidc: this._awsAuthTokenHeader.bind(this),
-            userPool: this._awsAuthTokenHeader.bind(this),
-            lambda: this._customAuthHeader,
-            none: this._customAuthHeader,
-        };
-        if (!authenticationType || !headerHandler[authenticationType]) {
-            logger.debug(`Authentication type ${authenticationType} not supported`);
-            return undefined;
-        }
-        else {
-            const handler = headerHandler[authenticationType];
-            const host = appSyncGraphqlEndpoint
-                ? new utils_1.AmplifyUrl(appSyncGraphqlEndpoint).host
-                : undefined;
-            logger.debug(`Authenticating with ${JSON.stringify(authenticationType)}`);
-            let resolvedApiKey;
-            if (authenticationType === 'apiKey') {
-                resolvedApiKey = apiKey;
+                this.logger.debug(`observer not found for id: ${id}`);
             }
-            const result = await handler({
-                payload,
-                canonicalUri,
-                appSyncGraphqlEndpoint,
-                apiKey: resolvedApiKey,
-                region,
-                host,
-                additionalCustomHeaders,
-            });
-            return result;
+            return [true, { id, type, payload }];
         }
+        return [false, { id, type, payload }];
     }
-    async _awsAuthTokenHeader({ host }) {
-        const session = await (0, core_1.fetchAuthSession)();
-        return {
-            Authorization: session?.tokens?.accessToken?.toString(),
-            host,
-        };
-    }
-    async _awsRealTimeApiKeyHeader({ apiKey, host, }) {
-        const dt = new Date();
-        const dtStr = dt.toISOString().replace(/[:-]|\.\d{3}/g, '');
-        return {
-            host,
-            'x-amz-date': dtStr,
-            'x-api-key': apiKey,
-        };
-    }
-    async _awsRealTimeIAMHeader({ payload, canonicalUri, appSyncGraphqlEndpoint, region, }) {
-        const endpointInfo = {
-            region,
-            service: 'appsync',
-        };
-        const creds = (await (0, core_1.fetchAuthSession)()).credentials;
-        const request = {
-            url: `${appSyncGraphqlEndpoint}${canonicalUri}`,
-            data: payload,
-            method: 'POST',
-            headers: { ...constants_1.AWS_APPSYNC_REALTIME_HEADERS },
-        };
-        const signedParams = (0, aws_client_utils_1.signRequest)({
-            headers: request.headers,
-            method: request.method,
-            url: new utils_1.AmplifyUrl(request.url),
-            body: request.data,
-        }, {
-            // TODO: What do we need to do to remove these !'s?
-            credentials: creds,
-            signingRegion: endpointInfo.region,
-            signingService: endpointInfo.service,
-        });
-        return signedParams.headers;
-    }
-    _customAuthHeader({ host, additionalCustomHeaders, }) {
-        /**
-         * If `additionalHeaders` was provided to the subscription as a function,
-         * the headers that are returned by that function will already have been
-         * provided before this function is called.
-         */
-        if (!additionalCustomHeaders?.Authorization) {
-            throw new Error('No auth token specified');
-        }
+    _unsubscribeMessage(subscriptionId) {
         return {
-            Authorization: additionalCustomHeaders.Authorization,
-            host,
+            id: subscriptionId,
+            type: constants_1.MESSAGE_TYPES.GQL_STOP,
         };
     }
 }