altair-graphql-core 6.3.1 → 6.4.0

package/build/authorization/authorization-provider.d.ts

@@ -0,0 +1,11 @@
+import { AuthorizationResult } from '../types/state/authorization.interface';
+export interface AuthorizationProviderExecuteOptions<T = unknown> {
+    data: T;
+}
+export declare abstract class AuthorizationProvider<T = unknown> {
+    private hydrator;
+    constructor(hydrator: (data: string) => string);
+    hydrate(data: string): string;
+    abstract execute(options: AuthorizationProviderExecuteOptions<T>): Promise<AuthorizationResult>;
+}
+//# sourceMappingURL=authorization-provider.d.ts.map

package/build/authorization/authorization-provider.js

@@ -0,0 +1,9 @@
+export class AuthorizationProvider {
+    constructor(hydrator) {
+        this.hydrator = hydrator;
+    }
+    hydrate(data) {
+        return this.hydrator(data);
+    }
+}
+//# sourceMappingURL=authorization-provider.js.map

package/build/authorization/providers/api-key.d.ts

@@ -0,0 +1,10 @@
+import { AuthorizationResult } from '../../types/state/authorization.interface';
+import { AuthorizationProvider, AuthorizationProviderExecuteOptions } from '../authorization-provider';
+export interface ApiKeyAuthorizationProviderData {
+    key: string;
+    value: string;
+}
+export default class ApiKeyAuthorizationProvider extends AuthorizationProvider<ApiKeyAuthorizationProviderData> {
+    execute(options: AuthorizationProviderExecuteOptions<ApiKeyAuthorizationProviderData>): Promise<AuthorizationResult>;
+}
+//# sourceMappingURL=api-key.d.ts.map

package/build/authorization/providers/api-key.js

@@ -0,0 +1,11 @@
+import { AuthorizationProvider, } from '../authorization-provider';
+export default class ApiKeyAuthorizationProvider extends AuthorizationProvider {
+    async execute(options) {
+        return {
+            headers: {
+                [options.data.key]: options.data.value,
+            },
+        };
+    }
+}
+//# sourceMappingURL=api-key.js.map

package/build/authorization/providers/api-key.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=api-key.spec.d.ts.map

package/build/authorization/providers/api-key.spec.js

@@ -0,0 +1,19 @@
+import { describe, expect, it } from '@jest/globals';
+import ApiKeyAuthorizationProvider from './api-key';
+describe('basic', () => {
+    it('should return basic auth header', async () => {
+        const authProvider = new ApiKeyAuthorizationProvider((x) => x);
+        const res = await authProvider.execute({
+            data: {
+                key: 'X-API-Key',
+                value: 'api_1a2s3d4f5g6h7j8k9l0',
+            },
+        });
+        expect(res).toEqual({
+            headers: {
+                'X-API-Key': 'api_1a2s3d4f5g6h7j8k9l0',
+            },
+        });
+    });
+});
+//# sourceMappingURL=api-key.spec.js.map

package/build/authorization/providers/basic.d.ts

@@ -0,0 +1,10 @@
+import { AuthorizationResult } from '../../types/state/authorization.interface';
+import { AuthorizationProvider, AuthorizationProviderExecuteOptions } from '../authorization-provider';
+export interface BasicAuthorizationProviderData {
+    username: string;
+    password: string;
+}
+export default class BasicAuthorizationProvider extends AuthorizationProvider<BasicAuthorizationProviderData> {
+    execute(options: AuthorizationProviderExecuteOptions<BasicAuthorizationProviderData>): Promise<AuthorizationResult>;
+}
+//# sourceMappingURL=basic.d.ts.map

package/build/authorization/providers/basic.js

@@ -0,0 +1,16 @@
+import { AuthorizationProvider, } from '../authorization-provider';
+export default class BasicAuthorizationProvider extends AuthorizationProvider {
+    async execute(options) {
+        if (!options.data.username || !options.data.password) {
+            return {
+                headers: {},
+            };
+        }
+        return {
+            headers: {
+                Authorization: `Basic ${(await import('abab')).btoa(`${options.data.username}:${options.data.password}`)}`,
+            },
+        };
+    }
+}
+//# sourceMappingURL=basic.js.map

package/build/authorization/providers/basic.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=basic.spec.d.ts.map

package/build/authorization/providers/basic.spec.js

@@ -0,0 +1,31 @@
+import { describe, expect, it } from '@jest/globals';
+import BasicAuthorizationProvider from './basic';
+describe('basic', () => {
+    it('should return basic auth header', async () => {
+        const authProvider = new BasicAuthorizationProvider((x) => x);
+        const res = await authProvider.execute({
+            data: {
+                username: 'username',
+                password: 'password',
+            },
+        });
+        expect(res).toEqual({
+            headers: {
+                Authorization: 'Basic dXNlcm5hbWU6cGFzc3dvcmQ=',
+            },
+        });
+    });
+    it('should not return headers if username or password is missing', async () => {
+        const authProvider = new BasicAuthorizationProvider((x) => x);
+        const res = await authProvider.execute({
+            data: {
+                username: '',
+                password: '',
+            },
+        });
+        expect(res).toEqual({
+            headers: {},
+        });
+    });
+});
+//# sourceMappingURL=basic.spec.js.map

package/build/authorization/providers/bearer.d.ts

@@ -0,0 +1,9 @@
+import { AuthorizationResult } from '../../types/state/authorization.interface';
+import { AuthorizationProvider, AuthorizationProviderExecuteOptions } from '../authorization-provider';
+export interface BearerAuthorizationProviderData {
+    token: string;
+}
+export default class BearerAuthorizationProvider extends AuthorizationProvider<BearerAuthorizationProviderData> {
+    execute(options: AuthorizationProviderExecuteOptions<BearerAuthorizationProviderData>): Promise<AuthorizationResult>;
+}
+//# sourceMappingURL=bearer.d.ts.map

package/build/authorization/providers/bearer.js

@@ -0,0 +1,11 @@
+import { AuthorizationProvider, } from '../authorization-provider';
+export default class BearerAuthorizationProvider extends AuthorizationProvider {
+    async execute(options) {
+        return {
+            headers: {
+                Authorization: `Bearer ${options.data.token}`,
+            },
+        };
+    }
+}
+//# sourceMappingURL=bearer.js.map

package/build/authorization/providers/bearer.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=bearer.spec.d.ts.map

package/build/authorization/providers/bearer.spec.js

@@ -0,0 +1,18 @@
+import { describe, expect, it } from '@jest/globals';
+import BearerAuthorizationProvider from './bearer';
+describe('basic', () => {
+    it('should return basic auth header', async () => {
+        const authProvider = new BearerAuthorizationProvider((x) => x);
+        const res = await authProvider.execute({
+            data: {
+                token: 'tk_1a2s3d4f5g6h7j8k9l0',
+            },
+        });
+        expect(res).toEqual({
+            headers: {
+                Authorization: 'Bearer tk_1a2s3d4f5g6h7j8k9l0',
+            },
+        });
+    });
+});
+//# sourceMappingURL=bearer.spec.js.map

package/build/cjs/authorization/authorization-provider.d.ts

@@ -0,0 +1,11 @@
+import { AuthorizationResult } from '../types/state/authorization.interface';
+export interface AuthorizationProviderExecuteOptions<T = unknown> {
+    data: T;
+}
+export declare abstract class AuthorizationProvider<T = unknown> {
+    private hydrator;
+    constructor(hydrator: (data: string) => string);
+    hydrate(data: string): string;
+    abstract execute(options: AuthorizationProviderExecuteOptions<T>): Promise<AuthorizationResult>;
+}
+//# sourceMappingURL=authorization-provider.d.ts.map

package/build/cjs/authorization/authorization-provider.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthorizationProvider = void 0;
+class AuthorizationProvider {
+    constructor(hydrator) {
+        this.hydrator = hydrator;
+    }
+    hydrate(data) {
+        return this.hydrator(data);
+    }
+}
+exports.AuthorizationProvider = AuthorizationProvider;
+//# sourceMappingURL=authorization-provider.js.map

package/build/cjs/authorization/providers/api-key.d.ts

@@ -0,0 +1,10 @@
+import { AuthorizationResult } from '../../types/state/authorization.interface';
+import { AuthorizationProvider, AuthorizationProviderExecuteOptions } from '../authorization-provider';
+export interface ApiKeyAuthorizationProviderData {
+    key: string;
+    value: string;
+}
+export default class ApiKeyAuthorizationProvider extends AuthorizationProvider<ApiKeyAuthorizationProviderData> {
+    execute(options: AuthorizationProviderExecuteOptions<ApiKeyAuthorizationProviderData>): Promise<AuthorizationResult>;
+}
+//# sourceMappingURL=api-key.d.ts.map

package/build/cjs/authorization/providers/api-key.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const authorization_provider_1 = require("../authorization-provider");
+class ApiKeyAuthorizationProvider extends authorization_provider_1.AuthorizationProvider {
+    async execute(options) {
+        return {
+            headers: {
+                [options.data.key]: options.data.value,
+            },
+        };
+    }
+}
+exports.default = ApiKeyAuthorizationProvider;
+//# sourceMappingURL=api-key.js.map

package/build/cjs/authorization/providers/api-key.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=api-key.spec.d.ts.map

package/build/cjs/authorization/providers/api-key.spec.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const globals_1 = require("@jest/globals");
+const api_key_1 = __importDefault(require("./api-key"));
+(0, globals_1.describe)('basic', () => {
+    (0, globals_1.it)('should return basic auth header', async () => {
+        const authProvider = new api_key_1.default((x) => x);
+        const res = await authProvider.execute({
+            data: {
+                key: 'X-API-Key',
+                value: 'api_1a2s3d4f5g6h7j8k9l0',
+            },
+        });
+        (0, globals_1.expect)(res).toEqual({
+            headers: {
+                'X-API-Key': 'api_1a2s3d4f5g6h7j8k9l0',
+            },
+        });
+    });
+});
+//# sourceMappingURL=api-key.spec.js.map

package/build/cjs/authorization/providers/basic.d.ts

@@ -0,0 +1,10 @@
+import { AuthorizationResult } from '../../types/state/authorization.interface';
+import { AuthorizationProvider, AuthorizationProviderExecuteOptions } from '../authorization-provider';
+export interface BasicAuthorizationProviderData {
+    username: string;
+    password: string;
+}
+export default class BasicAuthorizationProvider extends AuthorizationProvider<BasicAuthorizationProviderData> {
+    execute(options: AuthorizationProviderExecuteOptions<BasicAuthorizationProviderData>): Promise<AuthorizationResult>;
+}
+//# sourceMappingURL=basic.d.ts.map

package/build/cjs/authorization/providers/basic.js

@@ -0,0 +1,42 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const authorization_provider_1 = require("../authorization-provider");
+class BasicAuthorizationProvider extends authorization_provider_1.AuthorizationProvider {
+    async execute(options) {
+        if (!options.data.username || !options.data.password) {
+            return {
+                headers: {},
+            };
+        }
+        return {
+            headers: {
+                Authorization: `Basic ${(await Promise.resolve().then(() => __importStar(require('abab')))).btoa(`${options.data.username}:${options.data.password}`)}`,
+            },
+        };
+    }
+}
+exports.default = BasicAuthorizationProvider;
+//# sourceMappingURL=basic.js.map

package/build/cjs/authorization/providers/basic.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=basic.spec.d.ts.map

package/build/cjs/authorization/providers/basic.spec.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const globals_1 = require("@jest/globals");
+const basic_1 = __importDefault(require("./basic"));
+(0, globals_1.describe)('basic', () => {
+    (0, globals_1.it)('should return basic auth header', async () => {
+        const authProvider = new basic_1.default((x) => x);
+        const res = await authProvider.execute({
+            data: {
+                username: 'username',
+                password: 'password',
+            },
+        });
+        (0, globals_1.expect)(res).toEqual({
+            headers: {
+                Authorization: 'Basic dXNlcm5hbWU6cGFzc3dvcmQ=',
+            },
+        });
+    });
+    (0, globals_1.it)('should not return headers if username or password is missing', async () => {
+        const authProvider = new basic_1.default((x) => x);
+        const res = await authProvider.execute({
+            data: {
+                username: '',
+                password: '',
+            },
+        });
+        (0, globals_1.expect)(res).toEqual({
+            headers: {},
+        });
+    });
+});
+//# sourceMappingURL=basic.spec.js.map

package/build/cjs/authorization/providers/bearer.d.ts

@@ -0,0 +1,9 @@
+import { AuthorizationResult } from '../../types/state/authorization.interface';
+import { AuthorizationProvider, AuthorizationProviderExecuteOptions } from '../authorization-provider';
+export interface BearerAuthorizationProviderData {
+    token: string;
+}
+export default class BearerAuthorizationProvider extends AuthorizationProvider<BearerAuthorizationProviderData> {
+    execute(options: AuthorizationProviderExecuteOptions<BearerAuthorizationProviderData>): Promise<AuthorizationResult>;
+}
+//# sourceMappingURL=bearer.d.ts.map

package/build/cjs/authorization/providers/bearer.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const authorization_provider_1 = require("../authorization-provider");
+class BearerAuthorizationProvider extends authorization_provider_1.AuthorizationProvider {
+    async execute(options) {
+        return {
+            headers: {
+                Authorization: `Bearer ${options.data.token}`,
+            },
+        };
+    }
+}
+exports.default = BearerAuthorizationProvider;
+//# sourceMappingURL=bearer.js.map

package/build/cjs/authorization/providers/bearer.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=bearer.spec.d.ts.map

package/build/cjs/authorization/providers/bearer.spec.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const globals_1 = require("@jest/globals");
+const bearer_1 = __importDefault(require("./bearer"));
+(0, globals_1.describe)('basic', () => {
+    (0, globals_1.it)('should return basic auth header', async () => {
+        const authProvider = new bearer_1.default((x) => x);
+        const res = await authProvider.execute({
+            data: {
+                token: 'tk_1a2s3d4f5g6h7j8k9l0',
+            },
+        });
+        (0, globals_1.expect)(res).toEqual({
+            headers: {
+                Authorization: 'Bearer tk_1a2s3d4f5g6h7j8k9l0',
+            },
+        });
+    });
+});
+//# sourceMappingURL=bearer.spec.js.map

package/build/cjs/config.js

@@ -86,8 +86,7 @@ class AltairConfig {
                 instanceStorageNamespace ||
                 'altair_';
         this.initialData.settings = initialSettings;
-        this.initialData.initialSubscriptionsProvider =
-            initialSubscriptionsProvider;
+        this.initialData.initialSubscriptionsProvider = initialSubscriptionsProvider;
         this.initialData.initialSubscriptionsPayload = initialSubscriptionsPayload;
         this.initialData.initialHttpMethod = initialHttpMethod;
         this.initialData.preserveState = preserveState;

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

@@ -10,14 +10,14 @@ class GraphQLWsSubscriptionProvider extends subscription_provider_1.Subscription
             url: this.subscriptionUrl,
             connectionParams: this.connectionParams,
             lazy: false,
-            onNonLazyError: (err) => {
+            onNonLazyError: err => {
                 this.extraOptions?.onConnected?.(err, undefined);
             },
             on: {
                 connected: () => {
                     this.extraOptions?.onConnected?.(undefined, undefined);
                 },
-                error: (err) => {
+                error: err => {
                     this.extraOptions?.onConnected?.(err, undefined);
                 },
             },
@@ -28,7 +28,7 @@ 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 new rxjs_1.Observable(subscriber => {
             this.cleanup = this.client.subscribe({
                 query: options.query,
                 variables: options.variables,
@@ -49,6 +49,7 @@ class GraphQLWsSubscriptionProvider extends subscription_provider_1.Subscription
             this.client = undefined;
         }
         catch (err) {
+            // eslint-disable-next-line no-console
             console.error(err);
         }
     }

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

@@ -1,7 +1,7 @@
 import { Observable } from 'rxjs';
 import { IDictionary } from '../types/shared';
 export interface SubscriptionProviderExtraOptions {
-    onConnected?: (error: any, data: any) => void;
+    onConnected?: (error: unknown, data: unknown) => void;
     headers?: IDictionary<string>;
 }
 export interface SubscriptionProviderExecuteOptions {
@@ -15,7 +15,7 @@ export declare abstract class SubscriptionProvider {
     protected connectionParams: IDictionary;
     protected extraOptions?: SubscriptionProviderExtraOptions | undefined;
     constructor(subscriptionUrl: string, connectionParams: IDictionary, extraOptions?: SubscriptionProviderExtraOptions | undefined);
-    abstract execute(options: SubscriptionProviderExecuteOptions): Observable<any>;
+    abstract execute(options: SubscriptionProviderExecuteOptions): Observable<unknown>;
     abstract close(): void;
 }
 //# sourceMappingURL=subscription-provider.d.ts.map

package/build/cjs/theme/theme.js

@@ -6,6 +6,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createTheme = exports.mergeThemes = exports.hexToRgbStr = exports.foundations = void 0;
 const deepmerge_1 = __importDefault(require("deepmerge"));
 const color_name_1 = __importDefault(require("color-name"));
+/*
+Some theming ideas:
+#1a1c24 - A deep charcoal gray with a subtle blue undertone.
+#181a1f - A very dark gray with a cool, slightly bluish tint.
+#212529 - A dark cool gray with a hint of blue.
+#232931 - A rich, deep blue-gray shade that pairs well with greens.
+#2d2f33 - A slightly lighter dark gray with a subtle blue cast.
+
+If the background color is #1a1c24 (deep charcoal gray), you could use #2d3138 for borders.
+For a #181a1f (very dark gray) background, consider #262a2e for borders.
+With a #212529 (dark cool gray) background, #343a40 would make a good border color.
+If you choose #232931 (rich blue-gray) as the background, #3a4149 would be a suitable border shade.
+For a #2d2f33 (slightly lighter dark gray) background, #404448 could work well for borders.
+*/
 exports.foundations = {
     easing: 'ease',
     colors: {

package/build/cjs/types/state/authorization.interface.d.ts

@@ -0,0 +1,19 @@
+import { IDictionary } from '../shared';
+export declare const AUTHORIZATION_TYPES: {
+    readonly NONE: "none";
+    readonly BASIC: "basic";
+    readonly BEARER: "bearer";
+    readonly API_KEY: "api-key";
+};
+export declare const AUTHORIZATION_TYPE_LIST: ("none" | "basic" | "bearer" | "api-key")[];
+export declare const DEFAULT_AUTHORIZATION_TYPE: "none";
+export type AuthorizationTypes = typeof AUTHORIZATION_TYPES[keyof typeof AUTHORIZATION_TYPES];
+export interface AuthorizationResult {
+    headers: IDictionary<string>;
+}
+export interface AuthorizationState {
+    type: AuthorizationTypes;
+    data: unknown;
+    result: AuthorizationResult;
+}
+//# sourceMappingURL=authorization.interface.d.ts.map

package/build/cjs/types/state/authorization.interface.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_AUTHORIZATION_TYPE = exports.AUTHORIZATION_TYPE_LIST = exports.AUTHORIZATION_TYPES = void 0;
+exports.AUTHORIZATION_TYPES = {
+    NONE: 'none',
+    BASIC: 'basic',
+    BEARER: 'bearer',
+    API_KEY: 'api-key',
+};
+exports.AUTHORIZATION_TYPE_LIST = Object.values(exports.AUTHORIZATION_TYPES);
+exports.DEFAULT_AUTHORIZATION_TYPE = exports.AUTHORIZATION_TYPES.NONE;
+//# sourceMappingURL=authorization.interface.js.map

package/build/cjs/types/state/per-window.interfaces.d.ts

@@ -1,3 +1,4 @@
+import { AuthorizationState } from './authorization.interface';
 import { DialogState } from './dialog.interfaces';
 import { DocsState } from './docs.interfaces';
 import { GQLSchemaState } from './gql-schema.interfaces';
@@ -12,6 +13,7 @@ import { VariableState } from './variable.interfaces';
 export interface PerWindowState {
     layout: LayoutState;
     query: QueryState;
+    authorization: AuthorizationState;
     headers: HeaderState;
     variables: VariableState;
     dialogs: DialogState;

package/build/config.js

@@ -80,8 +80,7 @@ export class AltairConfig {
                 instanceStorageNamespace ||
                 'altair_';
         this.initialData.settings = initialSettings;
-        this.initialData.initialSubscriptionsProvider =
-            initialSubscriptionsProvider;
+        this.initialData.initialSubscriptionsProvider = initialSubscriptionsProvider;
         this.initialData.initialSubscriptionsPayload = initialSubscriptionsPayload;
         this.initialData.initialHttpMethod = initialHttpMethod;
         this.initialData.preserveState = preserveState;

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

@@ -7,14 +7,14 @@ export class GraphQLWsSubscriptionProvider extends SubscriptionProvider {
             url: this.subscriptionUrl,
             connectionParams: this.connectionParams,
             lazy: false,
-            onNonLazyError: (err) => {
+            onNonLazyError: err => {
                 this.extraOptions?.onConnected?.(err, undefined);
             },
             on: {
                 connected: () => {
                     this.extraOptions?.onConnected?.(undefined, undefined);
                 },
-                error: (err) => {
+                error: err => {
                     this.extraOptions?.onConnected?.(err, undefined);
                 },
             },
@@ -25,7 +25,7 @@ export class GraphQLWsSubscriptionProvider extends SubscriptionProvider {
         if (!this.client) {
             throw new Error('Could not create subscription client!');
         }
-        return new Observable((subscriber) => {
+        return new Observable(subscriber => {
             this.cleanup = this.client.subscribe({
                 query: options.query,
                 variables: options.variables,
@@ -46,6 +46,7 @@ export class GraphQLWsSubscriptionProvider extends SubscriptionProvider {
             this.client = undefined;
         }
         catch (err) {
+            // eslint-disable-next-line no-console
             console.error(err);
         }
     }

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

@@ -1,7 +1,7 @@
 import { Observable } from 'rxjs';
 import { IDictionary } from '../types/shared';
 export interface SubscriptionProviderExtraOptions {
-    onConnected?: (error: any, data: any) => void;
+    onConnected?: (error: unknown, data: unknown) => void;
     headers?: IDictionary<string>;
 }
 export interface SubscriptionProviderExecuteOptions {
@@ -15,7 +15,7 @@ export declare abstract class SubscriptionProvider {
     protected connectionParams: IDictionary;
     protected extraOptions?: SubscriptionProviderExtraOptions | undefined;
     constructor(subscriptionUrl: string, connectionParams: IDictionary, extraOptions?: SubscriptionProviderExtraOptions | undefined);
-    abstract execute(options: SubscriptionProviderExecuteOptions): Observable<any>;
+    abstract execute(options: SubscriptionProviderExecuteOptions): Observable<unknown>;
     abstract close(): void;
 }
 //# sourceMappingURL=subscription-provider.d.ts.map

package/build/theme/theme.js

@@ -1,5 +1,19 @@
 import deepmerge from 'deepmerge';
 import colors from 'color-name';
+/*
+Some theming ideas:
+#1a1c24 - A deep charcoal gray with a subtle blue undertone.
+#181a1f - A very dark gray with a cool, slightly bluish tint.
+#212529 - A dark cool gray with a hint of blue.
+#232931 - A rich, deep blue-gray shade that pairs well with greens.
+#2d2f33 - A slightly lighter dark gray with a subtle blue cast.
+
+If the background color is #1a1c24 (deep charcoal gray), you could use #2d3138 for borders.
+For a #181a1f (very dark gray) background, consider #262a2e for borders.
+With a #212529 (dark cool gray) background, #343a40 would make a good border color.
+If you choose #232931 (rich blue-gray) as the background, #3a4149 would be a suitable border shade.
+For a #2d2f33 (slightly lighter dark gray) background, #404448 could work well for borders.
+*/
 export const foundations = {
     easing: 'ease',
     colors: {

package/build/types/state/authorization.interface.d.ts

@@ -0,0 +1,19 @@
+import { IDictionary } from '../shared';
+export declare const AUTHORIZATION_TYPES: {
+    readonly NONE: "none";
+    readonly BASIC: "basic";
+    readonly BEARER: "bearer";
+    readonly API_KEY: "api-key";
+};
+export declare const AUTHORIZATION_TYPE_LIST: ("none" | "basic" | "bearer" | "api-key")[];
+export declare const DEFAULT_AUTHORIZATION_TYPE: "none";
+export type AuthorizationTypes = typeof AUTHORIZATION_TYPES[keyof typeof AUTHORIZATION_TYPES];
+export interface AuthorizationResult {
+    headers: IDictionary<string>;
+}
+export interface AuthorizationState {
+    type: AuthorizationTypes;
+    data: unknown;
+    result: AuthorizationResult;
+}
+//# sourceMappingURL=authorization.interface.d.ts.map

package/build/types/state/authorization.interface.js

@@ -0,0 +1,9 @@
+export const AUTHORIZATION_TYPES = {
+    NONE: 'none',
+    BASIC: 'basic',
+    BEARER: 'bearer',
+    API_KEY: 'api-key',
+};
+export const AUTHORIZATION_TYPE_LIST = Object.values(AUTHORIZATION_TYPES);
+export const DEFAULT_AUTHORIZATION_TYPE = AUTHORIZATION_TYPES.NONE;
+//# sourceMappingURL=authorization.interface.js.map

package/build/types/state/per-window.interfaces.d.ts

@@ -1,3 +1,4 @@
+import { AuthorizationState } from './authorization.interface';
 import { DialogState } from './dialog.interfaces';
 import { DocsState } from './docs.interfaces';
 import { GQLSchemaState } from './gql-schema.interfaces';
@@ -12,6 +13,7 @@ import { VariableState } from './variable.interfaces';
 export interface PerWindowState {
     layout: LayoutState;
     query: QueryState;
+    authorization: AuthorizationState;
     headers: HeaderState;
     variables: VariableState;
     dialogs: DialogState;

package/jest.config.js

@@ -0,0 +1,6 @@
+/** @type {import('ts-jest').JestConfigWithTsJest} */
+module.exports = {
+  preset: 'ts-jest',
+  testRegex: '.*\\.spec\\.ts$',
+  testEnvironment: 'node',
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "altair-graphql-core",
   "description": "Several of the core logic for altair graphql client",
-  "version": "6.3.1",
+  "version": "6.4.0",
   "author": "Samuel Imolorhe <altair@sirmuel.design> (https://sirmuel.design)",
   "bugs": "https://github.com/altair-graphql/altair/issues",
   "dependencies": {
@@ -25,12 +25,22 @@
     "uuid": "9.0.1"
   },
   "devDependencies": {
+    "@jest/globals": "^29.7.0",
     "@types/actioncable": "^5.2.5",
+    "@types/jest": "^29.5.12",
     "@types/node": "^14.14.41",
     "@types/uuid": "^9.0.5",
+    "@typescript-eslint/eslint-plugin": "^7.4.0",
+    "@typescript-eslint/parser": "^7.4.0",
     "ajv": "^8.11.2",
     "ajv-cli": "5.0.0",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "jest": "^29.7.0",
+    "prettier": "^3.2.5",
     "react": "17.0.2",
+    "ts-jest": "^29.1.2",
     "ts-node": "9.1.1",
     "typescript": "5.2.2",
     "typescript-json-schema": "0.50.1"
@@ -53,8 +63,8 @@
   "scripts": {
     "build": "tsc -p tsconfig.json && tsc -p tsconfig.cjs.json",
     "prepare": "npm run build",
-    "test": "echo \"Error: no test specified\" && exit 0"
+    "test": "jest"
   },
   "types": "./build/index.d.ts",
-  "gitHead": "fcd5b52374bc2b296068270500d8b04ad16be721"
+  "gitHead": "4a30079d23fc1c545fe64465f7f7262f66bf0e5e"
 }