altair-graphql-core 4.2.1 → 4.2.2

package/build/config.d.ts

@@ -3,39 +3,59 @@ import { IDictionary } from './types/shared';
 import { IInitialEnvironments } from './types/state/environments.interfaces';
 import { HttpVerb } from './types/state/query.interfaces';
 import { SettingsState } from './types/state/settings.interfaces';
-export interface AltairConfigOptions {
+export interface AltairWindowOptions {
+    /**
+     * Initial name of the window
+     */
+    initialName?: string;
     /**
      * URL to set as the server endpoint
      */
     endpointURL?: string;
     /**
-     * URL to set as the subscription endpoint
-     */
+    * URL to set as the subscription endpoint
+    */
     subscriptionsEndpoint?: string;
     /**
-     * Initial query to be added
-     */
+    * Initial query to be added
+    */
     initialQuery?: string;
     /**
-     * Initial variables to be added
-     */
+    * Initial variables to be added
+    */
     initialVariables?: string;
     /**
-     * Initial pre-request script to be added
-     */
+    * Initial pre-request script to be added
+    */
     initialPreRequestScript?: string;
     /**
-     * Initial post-request script to be added
-     */
+    * Initial post-request script to be added
+    */
     initialPostRequestScript?: string;
     /**
-     * Initial headers object to be added
-     * @example
-     * {
-     *  'X-GraphQL-Token': 'asd7-237s-2bdk-nsdk4'
-     * }
-     */
+    * Initial headers object to be added
+    * @example
+    * {
+    *  'X-GraphQL-Token': 'asd7-237s-2bdk-nsdk4'
+    * }
+    */
     initialHeaders?: IDictionary;
+    /**
+     * Initial subscriptions provider
+     *
+     * @default "websocket"
+     */
+    initialSubscriptionsProvider?: SubscriptionProviderIds;
+    /**
+     * Initial subscriptions connection params
+     */
+    initialSubscriptionsPayload?: IDictionary;
+    /**
+     * HTTP method to use for making requests
+     */
+    initialHttpMethod?: HttpVerb;
+}
+export interface AltairConfigOptions extends AltairWindowOptions {
     /**
      * Initial Environments to be added
      * @example
@@ -64,16 +84,6 @@ export interface AltairConfigOptions {
      * Initial app settings to use
      */
     initialSettings?: Partial<SettingsState>;
-    /**
-     * Initial subscriptions provider
-     *
-     * @default "websocket"
-     */
-    initialSubscriptionsProvider?: SubscriptionProviderIds;
-    /**
-     * Initial subscriptions connection params
-     */
-    initialSubscriptionsPayload?: IDictionary;
     /**
      * Indicates if the state should be preserved for subsequent app loads
      *
@@ -81,9 +91,9 @@ export interface AltairConfigOptions {
      */
     preserveState?: boolean;
     /**
-     * HTTP method to use for making requests
+     * List of options for windows to be loaded
      */
-    initialHttpMethod?: HttpVerb;
+    initialWindows?: AltairWindowOptions[];
 }
 export declare class AltairConfig {
     donation: {
@@ -133,8 +143,10 @@ export declare class AltairConfig {
         initialSubscriptionsPayload: IDictionary<any>;
         initialHttpMethod: "POST" | "GET" | "PUT" | "DELETE";
         preserveState: boolean;
+        windows: AltairWindowOptions[];
     };
-    constructor({ endpointURL, subscriptionsEndpoint, initialQuery, initialHeaders, initialEnvironments, initialVariables, initialPreRequestScript, initialPostRequestScript, instanceStorageNamespace, initialSettings, initialSubscriptionsProvider, initialSubscriptionsPayload, initialHttpMethod, preserveState, }?: AltairConfigOptions);
+    constructor({ endpointURL, subscriptionsEndpoint, initialQuery, initialHeaders, initialEnvironments, initialVariables, initialPreRequestScript, initialPostRequestScript, instanceStorageNamespace, initialSettings, initialSubscriptionsProvider, initialSubscriptionsPayload, initialHttpMethod, preserveState, initialWindows, }?: AltairConfigOptions);
 }
 export declare const setAltairConfig: (_config: AltairConfig) => void;
 export declare const getAltairConfig: () => AltairConfig;
+//# sourceMappingURL=config.d.ts.map

package/build/config.js

@@ -1,14 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAltairConfig = exports.setAltairConfig = exports.AltairConfig = void 0;
-const subscriptions_1 = require("./subscriptions");
-const is_electron_1 = __importDefault(require("./utils/is_electron"));
+import { WEBSOCKET_PROVIDER_ID } from './subscriptions';
+import isElectron from './utils/is_electron';
 const isTranslateMode = window.__ALTAIR_TRANSLATE__;
-class AltairConfig {
-    constructor({ endpointURL, subscriptionsEndpoint, initialQuery, initialHeaders, initialEnvironments, initialVariables, initialPreRequestScript, initialPostRequestScript = '', instanceStorageNamespace, initialSettings, initialSubscriptionsProvider = subscriptions_1.WEBSOCKET_PROVIDER_ID, initialSubscriptionsPayload = {}, initialHttpMethod = 'POST', preserveState = true, } = {}) {
+export class AltairConfig {
+    constructor({ endpointURL, subscriptionsEndpoint, initialQuery, initialHeaders, initialEnvironments, initialVariables, initialPreRequestScript, initialPostRequestScript = '', instanceStorageNamespace, initialSettings, initialSubscriptionsProvider = WEBSOCKET_PROVIDER_ID, initialSubscriptionsPayload = {}, initialHttpMethod = 'POST', preserveState = true, initialWindows = [], } = {}) {
         this.donation = {
             url: 'https://opencollective.com/altair/donate',
             action_count_threshold: 50
@@ -16,7 +10,7 @@ class AltairConfig {
         this.ga = 'UA-41432833-6';
         this.add_query_depth_limit = 3;
         this.tab_size = 2;
-        this.max_windows = is_electron_1.default ? 50 : 15;
+        this.max_windows = isElectron ? 50 : 15;
         this.default_language = isTranslateMode ? 'ach-UG' : 'en-US';
         this.languages = {
             'en-US': 'English',
@@ -36,7 +30,7 @@ class AltairConfig {
             'ro-RO': 'Romanian',
             'vi-VN': 'Vietnamese',
         };
-        this.query_history_depth = is_electron_1.default ? 100 : 15;
+        this.query_history_depth = isElectron ? 100 : 15;
         this.defaultTheme = 'system';
         this.themes = ['light', 'dark', 'dracula', 'system'];
         this.isTranslateMode = isTranslateMode;
@@ -57,6 +51,7 @@ class AltairConfig {
             initialSubscriptionsPayload: {},
             initialHttpMethod: 'POST',
             preserveState: true,
+            windows: [],
         };
         this.initialData.url = window.__ALTAIR_ENDPOINT_URL__ || endpointURL || '';
         this.initialData.subscriptionsEndpoint = window.__ALTAIR_SUBSCRIPTIONS_ENDPOINT__ || subscriptionsEndpoint || '';
@@ -72,14 +67,14 @@ class AltairConfig {
         this.initialData.initialSubscriptionsPayload = initialSubscriptionsPayload;
         this.initialData.initialHttpMethod = initialHttpMethod;
         this.initialData.preserveState = preserveState;
+        this.initialData.windows = initialWindows;
     }
 }
-exports.AltairConfig = AltairConfig;
 let config = new AltairConfig();
-exports.setAltairConfig = (_config) => {
+export const setAltairConfig = (_config) => {
     config = _config;
 };
-exports.getAltairConfig = () => {
+export const getAltairConfig = () => {
     return config;
 };
-window.getAltairConfig = exports.getAltairConfig;
+window.getAltairConfig = getAltairConfig;

package/build/index.d.ts

@@ -1,2 +1,3 @@
 import { PluginBase, PluginConstructor } from './plugin/base';
 export declare const registerPluginClass: <T extends PluginBase>(pluginClassName: string, pluginClass: PluginConstructor<T>) => void;
+//# sourceMappingURL=index.d.ts.map

package/build/index.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.registerPluginClass = void 0;
-exports.registerPluginClass = (pluginClassName, pluginClass) => {
+export const registerPluginClass = (pluginClassName, pluginClass) => {
     window['AltairGraphQL'].plugins[pluginClassName] = pluginClass;
 };

package/build/plugin/base.d.ts

@@ -8,3 +8,4 @@ export declare abstract class PluginBase {
 export interface PluginConstructor<T extends PluginBase = PluginBase> {
     new (): T;
 }
+//# sourceMappingURL=base.d.ts.map

package/build/plugin/base.js

@@ -1,9 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PluginBase = void 0;
-class PluginBase {
+export class PluginBase {
     constructor(ctx) {
         this.ctx = ctx;
     }
 }
-exports.PluginBase = PluginBase;

package/build/plugin/context/context.interface.d.ts

@@ -31,8 +31,8 @@ export interface PluginContext {
          * Since it is a method, the state can be generated when called.
          * So we can ensure uniqueness of the state, as well as avoid passing values by references.
          */
-        getWindowState(windowId: string): Promise<PluginWindowState>;
-        getCurrentWindowState(): Promise<PluginWindowState>;
+        getWindowState(windowId: string): Promise<PluginWindowState | undefined>;
+        getCurrentWindowState(): Promise<PluginWindowState | undefined>;
         /**
          * panel has two locations: sidebar, header
          *
@@ -75,3 +75,4 @@ export interface PluginContext {
 export interface PluginContextGenerator {
     createContext(pluginName: string, plugin: AltairPlugin): PluginContext;
 }
+//# sourceMappingURL=context.interface.d.ts.map

package/build/plugin/context/context.interface.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/build/plugin/event/event.interfaces.d.ts

@@ -27,3 +27,4 @@ export interface PluginEventPayloadMap {
 }
 export declare type PluginEvent = keyof PluginEventPayloadMap;
 export declare type PluginEventCallback<T extends PluginEvent> = (payload: PluginEventPayloadMap[T]) => void;
+//# sourceMappingURL=event.interfaces.d.ts.map

package/build/plugin/event/event.interfaces.js

@@ -1,3 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 ;
+export {};

package/build/plugin/panel.d.ts

@@ -15,3 +15,4 @@ export declare class AltairPanel {
     constructor(title: string, element: HTMLElement, location: AltairPanelLocation);
     destroy(): void;
 }
+//# sourceMappingURL=panel.d.ts.map

package/build/plugin/panel.js

@@ -1,26 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AltairPanel = exports.AltairPanelLocation = void 0;
-const uuid_1 = require("uuid");
-var AltairPanelLocation;
+import { v4 as uuid } from 'uuid';
+export var AltairPanelLocation;
 (function (AltairPanelLocation) {
     AltairPanelLocation["HEADER"] = "header";
     AltairPanelLocation["SIDEBAR"] = "sidebar";
     AltairPanelLocation["RESULT_PANE_BOTTOM"] = "result_pane_bottom";
-})(AltairPanelLocation = exports.AltairPanelLocation || (exports.AltairPanelLocation = {}));
+})(AltairPanelLocation || (AltairPanelLocation = {}));
 /**
  * Used for dynamic panel elements. Can also be used for angular components in the future.
  */
-class AltairPanel {
+export class AltairPanel {
     constructor(title, element, location) {
         this.title = title;
         this.element = element;
         this.location = location;
-        this.id = uuid_1.v4();
+        this.id = uuid();
         this.isActive = false;
     }
     destroy() {
         this.element = null;
     }
 }
-exports.AltairPanel = AltairPanel;

package/build/plugin/plugin.interfaces.d.ts

@@ -47,3 +47,4 @@ export interface AltairPlugin {
     manifest: PluginManifest;
 }
 export declare const createPlugin: (name: string, manifest: PluginManifest) => AltairPlugin;
+//# sourceMappingURL=plugin.interfaces.d.ts.map

package/build/plugin/plugin.interfaces.js

@@ -1,27 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createPlugin = exports.PluginType = exports.PluginSource = void 0;
 /**
  * Defines the repository of the plugin.
  * Used to know where to get the plugin from.
  */
-var PluginSource;
+export var PluginSource;
 (function (PluginSource) {
     PluginSource["NPM"] = "npm";
     PluginSource["GITHUB"] = "github";
     PluginSource["URL"] = "url";
-})(PluginSource = exports.PluginSource || (exports.PluginSource = {}));
+})(PluginSource || (PluginSource = {}));
 /**
  * Specifies the type of the plugin.
  * Determines how the plugin would interact with Altair.
  */
-var PluginType;
+export var PluginType;
 (function (PluginType) {
     PluginType["HEADER"] = "header";
     PluginType["SIDEBAR"] = "sidebar";
     PluginType["ACTION_BUTTON"] = "action_button";
-})(PluginType = exports.PluginType || (exports.PluginType = {}));
-exports.createPlugin = (name, manifest) => {
+})(PluginType || (PluginType = {}));
+export const createPlugin = (name, manifest) => {
     return {
         name,
         manifest,

package/build/plugin/ui-action.d.ts

@@ -9,3 +9,4 @@ export declare class AltairUiAction {
     constructor(title: string, location: AltairUiActionLocation, callback: () => void);
     execute(): void;
 }
+//# sourceMappingURL=ui-action.d.ts.map

package/build/plugin/ui-action.js

@@ -1,20 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AltairUiAction = exports.AltairUiActionLocation = void 0;
-const uuid_1 = require("uuid");
-var AltairUiActionLocation;
+import { v4 as uuid } from 'uuid';
+export var AltairUiActionLocation;
 (function (AltairUiActionLocation) {
     AltairUiActionLocation["RESULT_PANE"] = "result_pane";
-})(AltairUiActionLocation = exports.AltairUiActionLocation || (exports.AltairUiActionLocation = {}));
-class AltairUiAction {
+})(AltairUiActionLocation || (AltairUiActionLocation = {}));
+export class AltairUiAction {
     constructor(title, location, callback) {
         this.title = title;
         this.location = location;
         this.callback = callback;
-        this.id = uuid_1.v4();
+        this.id = uuid();
     }
     execute() {
         this.callback();
     }
 }
-exports.AltairUiAction = AltairUiAction;

package/build/subscriptions/index.d.ts

@@ -15,3 +15,4 @@ export interface SubscriptionProviderData {
     getProviderClass: () => Promise<SubscriptionProviderConstructor>;
     copyTag?: string;
 }
+//# sourceMappingURL=index.d.ts.map

package/build/subscriptions/index.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SUBSCRIPTION_PROVIDER_IDS = exports.ACTION_CABLE_PROVIDER_ID = exports.APP_SYNC_PROVIDER_ID = exports.GRAPHQL_WS_PROVIDER_ID = exports.WEBSOCKET_PROVIDER_ID = void 0;
-exports.WEBSOCKET_PROVIDER_ID = 'websocket';
-exports.GRAPHQL_WS_PROVIDER_ID = 'graphql-ws';
-exports.APP_SYNC_PROVIDER_ID = 'app-sync';
-exports.ACTION_CABLE_PROVIDER_ID = 'action-cable';
-exports.SUBSCRIPTION_PROVIDER_IDS = {
-    WEBSOCKET: exports.WEBSOCKET_PROVIDER_ID,
-    GRAPHQL_WS: exports.GRAPHQL_WS_PROVIDER_ID,
-    APP_SYNC: exports.APP_SYNC_PROVIDER_ID,
-    ACTION_CABLE: exports.ACTION_CABLE_PROVIDER_ID
+export const WEBSOCKET_PROVIDER_ID = 'websocket';
+export const GRAPHQL_WS_PROVIDER_ID = 'graphql-ws';
+export const APP_SYNC_PROVIDER_ID = 'app-sync';
+export const ACTION_CABLE_PROVIDER_ID = 'action-cable';
+export const SUBSCRIPTION_PROVIDER_IDS = {
+    WEBSOCKET: WEBSOCKET_PROVIDER_ID,
+    GRAPHQL_WS: GRAPHQL_WS_PROVIDER_ID,
+    APP_SYNC: APP_SYNC_PROVIDER_ID,
+    ACTION_CABLE: ACTION_CABLE_PROVIDER_ID
 };

package/build/subscriptions/providers/action-cable.d.ts

@@ -6,3 +6,4 @@ export declare class ActionCableSubscriptionProvider extends SubscriptionProvide
     execute(options: SubscriptionProviderExecuteOptions): Observable<unknown>;
     close(): void;
 }
+//# sourceMappingURL=action-cable.d.ts.map

package/build/subscriptions/providers/action-cable.js

@@ -1,16 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionCableSubscriptionProvider = void 0;
-const subscription_provider_1 = require("../subscription-provider");
-const rxjs_1 = require("rxjs");
-const actioncable_1 = __importDefault(require("actioncable"));
-class ActionCableSubscriptionProvider extends subscription_provider_1.SubscriptionProvider {
+import { SubscriptionProvider } from '../subscription-provider';
+import { Observable } from 'rxjs';
+import ActionCable from 'actioncable';
+export class ActionCableSubscriptionProvider extends SubscriptionProvider {
     execute(options) {
-        const cable = actioncable_1.default.createConsumer(this.subscriptionUrl);
-        return new rxjs_1.Observable((subscriber) => {
+        const cable = ActionCable.createConsumer(this.subscriptionUrl);
+        return new Observable((subscriber) => {
             this.subscription = cable.subscriptions.create(Object.assign({}, {
                 channel: this.connectionParams.channel || 'GraphqlChannel',
                 channelId: Math.round(Date.now() + Math.random() * 100000).toString(16),
@@ -33,4 +27,3 @@ class ActionCableSubscriptionProvider extends subscription_provider_1.Subscripti
         this.subscription?.unsubscribe();
     }
 }
-exports.ActionCableSubscriptionProvider = ActionCableSubscriptionProvider;

package/build/subscriptions/providers/app-sync.d.ts

@@ -16,3 +16,4 @@ export declare class AppSyncSubscriptionProvider extends SubscriptionProvider {
     execute(options: SubscriptionProviderExecuteOptions): Observable<unknown>;
     close(): void;
 }
+//# sourceMappingURL=app-sync.d.ts.map

package/build/subscriptions/providers/app-sync.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppSyncSubscriptionProvider = void 0;
-const subscription_provider_1 = require("../subscription-provider");
-const rxjs_1 = require("rxjs");
-const aws_appsync_auth_link_1 = require("aws-appsync-auth-link");
-const aws_appsync_subscription_link_1 = require("aws-appsync-subscription-link");
-const core_1 = require("@apollo/client/core");
-const graphql_1 = require("graphql");
-class AppSyncSubscriptionProvider extends subscription_provider_1.SubscriptionProvider {
+import { SubscriptionProvider } from '../subscription-provider';
+import { Observable } from 'rxjs';
+import { createAuthLink } from 'aws-appsync-auth-link';
+import { createSubscriptionHandshakeLink } from 'aws-appsync-subscription-link';
+import { ApolloClient, ApolloLink, InMemoryCache } from '@apollo/client/core';
+import { parse } from 'graphql';
+export class AppSyncSubscriptionProvider extends SubscriptionProvider {
     /**
     {
       "aws_project_region": "us-west-2",
@@ -26,19 +23,19 @@ class AppSyncSubscriptionProvider extends subscription_provider_1.SubscriptionPr
             apiKey: this.connectionParams.aws_appsync_apiKey,
             jwtToken: this.connectionParams.aws_appsync_jwtToken,
         };
-        const link = core_1.ApolloLink.from([
-            aws_appsync_auth_link_1.createAuthLink({ url, region, auth }),
-            aws_appsync_subscription_link_1.createSubscriptionHandshakeLink({ url, region, auth }),
+        const link = ApolloLink.from([
+            createAuthLink({ url, region, auth }),
+            createSubscriptionHandshakeLink({ url, region, auth }),
         ]);
-        const client = new core_1.ApolloClient({
+        const client = new ApolloClient({
             link,
-            cache: new core_1.InMemoryCache()
+            cache: new InMemoryCache()
         });
         const subscription = client.subscribe({
-            query: graphql_1.parse(options.query),
+            query: parse(options.query),
             variables: options.variables
         });
-        return new rxjs_1.Observable((subscriber) => {
+        return new Observable((subscriber) => {
             this.subscription = subscription.subscribe({
                 next: (...args) => subscriber.next(...args),
                 error: (...args) => subscriber.error(...args),
@@ -52,4 +49,3 @@ class AppSyncSubscriptionProvider extends subscription_provider_1.SubscriptionPr
         }
     }
 }
-exports.AppSyncSubscriptionProvider = AppSyncSubscriptionProvider;

package/build/subscriptions/providers/graphql-ws.d.ts

@@ -3,7 +3,9 @@ import { Observable } from 'rxjs';
 import { Client } from 'graphql-ws';
 export declare class GraphQLWsSubscriptionProvider extends SubscriptionProvider {
     client?: Client;
+    cleanup?: () => void;
     createClient(): void;
     execute(options: SubscriptionProviderExecuteOptions): Observable<unknown>;
     close(): void;
 }
+//# sourceMappingURL=graphql-ws.d.ts.map

package/build/subscriptions/providers/graphql-ws.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GraphQLWsSubscriptionProvider = void 0;
-const subscription_provider_1 = require("../subscription-provider");
-const rxjs_1 = require("rxjs");
-const graphql_ws_1 = require("graphql-ws");
-class GraphQLWsSubscriptionProvider extends subscription_provider_1.SubscriptionProvider {
+import { SubscriptionProvider } from '../subscription-provider';
+import { Observable } from 'rxjs';
+import { createClient } from 'graphql-ws';
+export class GraphQLWsSubscriptionProvider extends SubscriptionProvider {
     createClient() {
-        this.client = graphql_ws_1.createClient({
+        this.client = createClient({
             url: this.subscriptionUrl,
             connectionParams: this.connectionParams,
             on: {
@@ -24,8 +21,8 @@ class GraphQLWsSubscriptionProvider extends subscription_provider_1.Subscription
         if (!this.client) {
             throw new Error('Could not create subscription client!');
         }
-        return new rxjs_1.Observable((subscriber) => {
-            return this.client.subscribe({
+        return new Observable((subscriber) => {
+            this.cleanup = this.client.subscribe({
                 query: options.query,
                 variables: options.variables,
                 operationName: options.operationName,
@@ -37,8 +34,9 @@ class GraphQLWsSubscriptionProvider extends subscription_provider_1.Subscription
         });
     }
     close() {
+        this.cleanup?.();
+        this.cleanup = undefined;
         this.client?.dispose();
         this.client = undefined;
     }
 }
-exports.GraphQLWsSubscriptionProvider = GraphQLWsSubscriptionProvider;

package/build/subscriptions/providers/ws.d.ts

@@ -3,7 +3,9 @@ import { SubscriptionClient } from 'subscriptions-transport-ws';
 import { Observable } from 'rxjs';
 export declare class WebsocketSubscriptionProvider extends SubscriptionProvider {
     client?: SubscriptionClient;
+    cleanup?: () => void;
     createClient(): void;
     execute(options: SubscriptionProviderExecuteOptions): Observable<unknown>;
     close(): void;
 }
+//# sourceMappingURL=ws.d.ts.map

package/build/subscriptions/providers/ws.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebsocketSubscriptionProvider = void 0;
-const subscription_provider_1 = require("../subscription-provider");
-const subscriptions_transport_ws_1 = require("subscriptions-transport-ws");
-const rxjs_1 = require("rxjs");
-class WebsocketSubscriptionProvider extends subscription_provider_1.SubscriptionProvider {
+import { SubscriptionProvider } from '../subscription-provider';
+import { SubscriptionClient } from 'subscriptions-transport-ws';
+import { Observable } from 'rxjs';
+export class WebsocketSubscriptionProvider extends SubscriptionProvider {
     createClient() {
-        this.client = new subscriptions_transport_ws_1.SubscriptionClient(this.subscriptionUrl, {
+        this.client = new SubscriptionClient(this.subscriptionUrl, {
             reconnect: true,
             connectionParams: this.connectionParams,
             connectionCallback: this.extraOptions?.onConnected
@@ -17,8 +14,8 @@ class WebsocketSubscriptionProvider extends subscription_provider_1.Subscription
         if (!this.client) {
             throw new Error('Could not create subscription client!');
         }
-        return new rxjs_1.Observable((subscriber) => {
-            return this.client.request({
+        return new Observable((subscriber) => {
+            const res = this.client.request({
                 query: options.query,
                 variables: options.variables,
                 operationName: options.operationName,
@@ -27,12 +24,14 @@ class WebsocketSubscriptionProvider extends subscription_provider_1.Subscription
                 error: (...args) => subscriber.error(...args),
                 complete: () => subscriber.complete(),
             });
+            this.cleanup = res.unsubscribe;
         });
     }
     close() {
+        this.cleanup?.();
+        this.cleanup = undefined;
         this.client?.unsubscribeAll();
         this.client?.close();
         this.client = undefined;
     }
 }
-exports.WebsocketSubscriptionProvider = WebsocketSubscriptionProvider;

package/build/subscriptions/subscription-provider.d.ts

@@ -17,3 +17,4 @@ export declare abstract class SubscriptionProvider {
     abstract execute(options: SubscriptionProviderExecuteOptions): Observable<any>;
     abstract close(): void;
 }
+//# sourceMappingURL=subscription-provider.d.ts.map

package/build/subscriptions/subscription-provider.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SubscriptionProvider = void 0;
-class SubscriptionProvider {
+export class SubscriptionProvider {
     constructor(subscriptionUrl, connectionParams, extraOptions) {
         this.subscriptionUrl = subscriptionUrl;
         this.connectionParams = connectionParams;
         this.extraOptions = extraOptions;
     }
 }
-exports.SubscriptionProvider = SubscriptionProvider;

package/build/theme/defaults/dark.d.ts

@@ -1,3 +1,4 @@
 import { ICustomTheme } from '../theme';
 declare const theme: ICustomTheme;
 export default theme;
+//# sourceMappingURL=dark.d.ts.map