@qoretechnologies/reqraft 0.3.4 → 0.4.0

package/chromatic.config.json

@@ -0,0 +1,5 @@
+{
+  "onlyChanged": true,
+  "projectId": "Project:662bcb94acac0fd11755c83a",
+  "zip": true
+}

package/dist/hooks/useWebSocket/useWebSocket.d.ts

@@ -0,0 +1,27 @@
+import { IReqraftWebSocketConfig, ReqraftWebSocket } from '../../utils/websocket';
+export interface IUseReqraftWebSocketOptions extends IReqraftWebSocketConfig {
+    onMessage?: (ev: MessageEvent) => void;
+    useState?: boolean;
+    includeSentMessagesInState?: boolean;
+    includeLogMessagesInState?: boolean;
+    openOnMount?: boolean;
+    closeOnUnmount?: boolean;
+}
+export interface IUseReqraftWebSocket {
+    messages: string[];
+    status: keyof typeof ReqraftWebSocketStatus;
+    open: () => void;
+    close: () => void;
+    socket: ReqraftWebSocket;
+    send: (data: string) => void;
+    clear: () => void;
+    on: (type: keyof WebSocketEventMap, handler: (ev: Event) => void) => void;
+    addMessage: (message: string) => void;
+}
+export declare enum ReqraftWebSocketStatus {
+    OPEN = "OPEN",
+    CLOSED = "CLOSED",
+    CONNECTING = "CONNECTING"
+}
+export declare const useReqraftWebSocket: (options: IUseReqraftWebSocketOptions) => IUseReqraftWebSocket;
+//# sourceMappingURL=useWebSocket.d.ts.map

package/dist/hooks/useWebSocket/useWebSocket.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWebSocket.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWebSocket/useWebSocket.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAElF,MAAM,WAAW,2BAA4B,SAAQ,uBAAuB;IAC1E,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,EAAE,MAAM,OAAO,sBAAsB,CAAC;IAC5C,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,gBAAgB,CAAC;IACzB,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,EAAE,EAAE,CAAC,IAAI,EAAE,MAAM,iBAAiB,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,KAAK,IAAI,KAAK,IAAI,CAAC;IAC1E,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,oBAAY,sBAAsB;IAChC,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,UAAU,eAAe;CAC1B;AAED,eAAO,MAAM,mBAAmB,YAAa,2BAA2B,KAAG,oBAkH1E,CAAC"}

package/dist/hooks/useWebSocket/useWebSocket.js

@@ -0,0 +1,129 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useReqraftWebSocket = exports.ReqraftWebSocketStatus = void 0;
+var react_1 = require("react");
+var react_use_1 = require("react-use");
+var websocket_1 = require("../../utils/websocket");
+var ReqraftWebSocketStatus;
+(function (ReqraftWebSocketStatus) {
+    ReqraftWebSocketStatus["OPEN"] = "OPEN";
+    ReqraftWebSocketStatus["CLOSED"] = "CLOSED";
+    ReqraftWebSocketStatus["CONNECTING"] = "CONNECTING";
+})(ReqraftWebSocketStatus || (exports.ReqraftWebSocketStatus = ReqraftWebSocketStatus = {}));
+var useReqraftWebSocket = function (options) {
+    var _a = (0, react_1.useState)([]), messages = _a[0], setMessages = _a[1];
+    var _b = (0, react_1.useState)('CLOSED'), status = _b[0], setStatus = _b[1];
+    var _c = (0, react_1.useState)(undefined), socket = _c[0], setSocket = _c[1];
+    var updateStates = function (status, log) {
+        setStatus(status);
+        if (log && (options === null || options === void 0 ? void 0 : options.includeLogMessagesInState) && (options === null || options === void 0 ? void 0 : options.useState)) {
+            setMessages(function (prev) { return __spreadArray(__spreadArray([], prev, true), [log], false); });
+        }
+    };
+    var handleOpen = function (ev) {
+        var _a;
+        updateStates(ReqraftWebSocketStatus.OPEN, 'Connection opened');
+        (_a = options === null || options === void 0 ? void 0 : options.onOpen) === null || _a === void 0 ? void 0 : _a.call(options, ev);
+    };
+    var open = function () {
+        var socket = new websocket_1.ReqraftWebSocket(__assign(__assign({}, options), { onOpen: handleOpen, onMessage: function (ev) {
+                var _a;
+                if (options === null || options === void 0 ? void 0 : options.useState) {
+                    setMessages(function (prev) { return __spreadArray(__spreadArray([], prev, true), [ev.data], false); });
+                }
+                (_a = options === null || options === void 0 ? void 0 : options.onMessage) === null || _a === void 0 ? void 0 : _a.call(options, ev);
+            }, onClose: function () {
+                var _a;
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                updateStates(ReqraftWebSocketStatus.CLOSED, 'Connection closed');
+                (_a = options === null || options === void 0 ? void 0 : options.onClose) === null || _a === void 0 ? void 0 : _a.call.apply(_a, __spreadArray([options], args, false));
+            }, onError: function () {
+                var _a;
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                updateStates(ReqraftWebSocketStatus.CLOSED, 'Connection error');
+                (_a = options === null || options === void 0 ? void 0 : options.onError) === null || _a === void 0 ? void 0 : _a.call.apply(_a, __spreadArray([options], args, false));
+            }, onReconnecting: function (reconnectNumber) {
+                var _a;
+                updateStates(ReqraftWebSocketStatus.CONNECTING, "Reconnecting... Attempt ".concat(reconnectNumber));
+                (_a = options === null || options === void 0 ? void 0 : options.onReconnecting) === null || _a === void 0 ? void 0 : _a.call(options, reconnectNumber);
+            }, onReconnectFailed: function () {
+                var _a;
+                updateStates(ReqraftWebSocketStatus.CLOSED, 'Reconnect failed');
+                (_a = options === null || options === void 0 ? void 0 : options.onReconnectFailed) === null || _a === void 0 ? void 0 : _a.call(options);
+            } }));
+        setSocket(socket);
+    };
+    var close = function () {
+        socket === null || socket === void 0 ? void 0 : socket.remove();
+        setSocket(undefined);
+        setStatus(ReqraftWebSocketStatus.CLOSED);
+    };
+    var send = function (data) {
+        socket === null || socket === void 0 ? void 0 : socket.send(data);
+        if (options === null || options === void 0 ? void 0 : options.includeSentMessagesInState) {
+            setMessages(function (prev) { return __spreadArray(__spreadArray([], prev, true), [data], false); });
+        }
+    };
+    var on = function (type, handler) {
+        // Special case for message event
+        // We want to handle it differently
+        // We want to filter out the ping messages
+        if (type === 'message') {
+            socket === null || socket === void 0 ? void 0 : socket.addHandler('message', function (ev) {
+                if (ev.data === 'pong') {
+                    return;
+                }
+                handler(ev);
+            });
+            return;
+        }
+        socket === null || socket === void 0 ? void 0 : socket.addHandler(type, handler);
+    };
+    var clear = function () {
+        setMessages([]);
+    };
+    var addMessage = function (message) {
+        if (options === null || options === void 0 ? void 0 : options.useState) {
+            setMessages(function (prev) { return __spreadArray(__spreadArray([], prev, true), [message], false); });
+        }
+    };
+    (0, react_use_1.useEffectOnce)(function () {
+        if (options === null || options === void 0 ? void 0 : options.openOnMount) {
+            open();
+        }
+    });
+    (0, react_use_1.useUnmount)(function () {
+        if (options === null || options === void 0 ? void 0 : options.closeOnUnmount) {
+            close();
+        }
+    });
+    return { messages: messages, status: status, open: open, socket: socket, close: close, send: send, clear: clear, on: on, addMessage: addMessage };
+};
+exports.useReqraftWebSocket = useReqraftWebSocket;
+//# sourceMappingURL=useWebSocket.js.map

package/dist/hooks/useWebSocket/useWebSocket.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWebSocket.js","sourceRoot":"","sources":["../../../src/hooks/useWebSocket/useWebSocket.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -2,6 +2,8 @@ export * from './components/form';
 export { IReqraftMenuItem, IReqraftMenuProps, ReqraftMenu, TReqraftMenu, TReqraftMenuItem, } from './components/menu/Menu';
 export { IReqraftUseFetch, useFetch } from './hooks/useFetch/useFetch';
 export { TReqraftUseStorage, useReqraftStorage } from './hooks/useStorage/useStorage';
+export * from './hooks/useWebSocket/useWebSocket';
 export { ReqraftProvider, ReqraftQueryClient, initializeReqraft, } from './providers/ReqraftProvider';
 export { query } from './utils/fetch';
+export * from './utils/websocket';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,gBAAgB,GACjB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AACtF,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,gBAAgB,GACjB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AACtF,cAAc,mCAAmC,CAAC;AAClD,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,cAAc,mBAAmB,CAAC"}

package/dist/index.js

@@ -22,10 +22,12 @@ var useFetch_1 = require("./hooks/useFetch/useFetch");
 Object.defineProperty(exports, "useFetch", { enumerable: true, get: function () { return useFetch_1.useFetch; } });
 var useStorage_1 = require("./hooks/useStorage/useStorage");
 Object.defineProperty(exports, "useReqraftStorage", { enumerable: true, get: function () { return useStorage_1.useReqraftStorage; } });
+__exportStar(require("./hooks/useWebSocket/useWebSocket"), exports);
 var ReqraftProvider_1 = require("./providers/ReqraftProvider");
 Object.defineProperty(exports, "ReqraftProvider", { enumerable: true, get: function () { return ReqraftProvider_1.ReqraftProvider; } });
 Object.defineProperty(exports, "ReqraftQueryClient", { enumerable: true, get: function () { return ReqraftProvider_1.ReqraftQueryClient; } });
 Object.defineProperty(exports, "initializeReqraft", { enumerable: true, get: function () { return ReqraftProvider_1.initializeReqraft; } });
 var fetch_1 = require("./utils/fetch");
 Object.defineProperty(exports, "query", { enumerable: true, get: function () { return fetch_1.query; } });
+__exportStar(require("./utils/websocket"), exports);
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,+CAMgC;AAH9B,mGAAA,WAAW,OAAA;AAKb,sDAAuE;AAA5C,oGAAA,QAAQ,OAAA;AACnC,4DAAsF;AAAzD,+GAAA,iBAAiB,OAAA;AAC9C,+DAIqC;AAHnC,kHAAA,eAAe,OAAA;AACf,qHAAA,kBAAkB,OAAA;AAClB,oHAAA,iBAAiB,OAAA;AAEnB,uCAAsC;AAA7B,8FAAA,KAAK,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,+CAMgC;AAH9B,mGAAA,WAAW,OAAA;AAKb,sDAAuE;AAA5C,oGAAA,QAAQ,OAAA;AACnC,4DAAsF;AAAzD,+GAAA,iBAAiB,OAAA;AAC9C,oEAAkD;AAClD,+DAIqC;AAHnC,kHAAA,eAAe,OAAA;AACf,qHAAA,kBAAkB,OAAA;AAClB,oHAAA,iBAAiB,OAAA;AAEnB,uCAAsC;AAA7B,8FAAA,KAAK,OAAA;AACd,oDAAkC"}

package/dist/utils/websocket.d.ts

@@ -0,0 +1,51 @@
+/// <reference types="node" />
+export interface IReqraftWebSocketConfig {
+    url: string;
+    reconnect?: boolean;
+    reconnectInterval?: number;
+    maxReconnectTries?: number;
+    useHeartbeat?: boolean;
+    onOpen?: (ev?: Event) => void;
+    onMessage?: (ev: MessageEvent) => void;
+    onClose?: (ev?: CloseEvent) => void;
+    onError?: (ev?: Event) => void;
+    onReconnecting?: (reconnectNumber?: number) => void;
+    onReconnectFailed?: () => void;
+}
+export declare class ReqraftWebSocketsManager {
+    static defaultConfig: IReqraftWebSocketConfig;
+    static connections: Record<string, {
+        socket: WebSocket;
+        using: number;
+        heartbeat?: NodeJS.Timeout;
+    }>;
+    static closeAll(): void;
+    static addHandler(url: string, event: keyof WebSocketEventMap, handler: (ev: Event | MessageEvent | CloseEvent) => void): () => void;
+    static removeHandler(url: string, event: keyof WebSocketEventMap, handler: (ev: Event | MessageEvent | CloseEvent) => void): void;
+}
+export declare class ReqraftWebSocket {
+    isConnected: boolean;
+    reconnectTries: number;
+    reconnectInterval: NodeJS.Timeout;
+    options: IReqraftWebSocketConfig;
+    readonly handlers: Record<string, {
+        type: keyof WebSocketEventMap;
+        event: (ev: Event) => void;
+    }>;
+    private socket;
+    constructor(config: IReqraftWebSocketConfig);
+    addHandler(event: keyof WebSocketEventMap, handler: (ev: Event | MessageEvent | CloseEvent) => void): any;
+    removeHandler(id: string): void;
+    private getSocketUrl;
+    connect(): void;
+    send(data: string): void;
+    checkServerStatus(): Promise<void>;
+    private tryReconnect;
+    maybeReconnect(closeCode: number): void;
+    remove(): void;
+    close(): void;
+    removeAllHandlers(): void;
+    private startHeartbeat;
+    private stopHeartbeat;
+}
+//# sourceMappingURL=websocket.d.ts.map

package/dist/utils/websocket.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"websocket.d.ts","sourceRoot":"","sources":["../../src/utils/websocket.ts"],"names":[],"mappings":";AAIA,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,eAAe,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,qBAAa,wBAAwB;IACnC,OAAc,aAAa,EAAE,uBAAuB,CAMlD;IACF,OAAc,WAAW,EAAE,MAAM,CAC/B,MAAM,EACN;QAAE,MAAM,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAC,OAAO,CAAA;KAAE,CACjE,CAAM;WAEO,QAAQ;WAMR,UAAU,CACtB,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,iBAAiB,EAC9B,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,GAAG,YAAY,GAAG,UAAU,KAAK,IAAI;WAS5C,aAAa,CACzB,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,iBAAiB,EAC9B,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,GAAG,YAAY,GAAG,UAAU,KAAK,IAAI;CAI3D;AAED,qBAAa,gBAAgB;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,MAAM,CAAK;IAC3B,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC;IAClC,OAAO,EAAE,uBAAuB,CAAC;IACxC,SAAgB,QAAQ,EAAE,MAAM,CAC9B,MAAM,EACN;QAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;QAAC,KAAK,EAAE,CAAC,EAAE,EAAE,KAAK,KAAK,IAAI,CAAA;KAAE,CAC9D,CAAM;IACP,OAAO,CAAC,MAAM,CAAY;gBAEd,MAAM,EAAE,uBAAuB;IASpC,UAAU,CACf,KAAK,EAAE,MAAM,iBAAiB,EAC9B,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,GAAG,YAAY,GAAG,UAAU,KAAK,IAAI;IAWnD,aAAa,CAAC,EAAE,EAAE,MAAM;IAU/B,OAAO,CAAC,YAAY;IAUb,OAAO;IAwDP,IAAI,CAAC,IAAI,EAAE,MAAM;IAIX,iBAAiB;YAUhB,YAAY;IASnB,cAAc,CAAC,SAAS,EAAE,MAAM;IA4BhC,MAAM;IAcN,KAAK;IAIL,iBAAiB;IAMxB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,aAAa;CAMtB"}

package/dist/utils/websocket.js

@@ -0,0 +1,264 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReqraftWebSocket = exports.ReqraftWebSocketsManager = void 0;
+var lodash_1 = require("lodash");
+var shortid_1 = __importDefault(require("shortid"));
+var fetch_1 = require("./fetch");
+var ReqraftWebSocketsManager = /** @class */ (function () {
+    function ReqraftWebSocketsManager() {
+    }
+    ReqraftWebSocketsManager.closeAll = function () {
+        (0, lodash_1.forEach)(this.connections, function (connection) {
+            connection.socket.close(4999);
+        });
+    };
+    ReqraftWebSocketsManager.addHandler = function (url, event, handler) {
+        var _this = this;
+        var _a;
+        (_a = this.connections[url]) === null || _a === void 0 ? void 0 : _a.socket.addEventListener(event, handler);
+        return function () {
+            var _a;
+            (_a = _this.connections[url]) === null || _a === void 0 ? void 0 : _a.socket.removeEventListener(event, handler);
+        };
+    };
+    ReqraftWebSocketsManager.removeHandler = function (url, event, handler) {
+        var _a;
+        (_a = this.connections[url]) === null || _a === void 0 ? void 0 : _a.socket.removeEventListener(event, handler);
+    };
+    ReqraftWebSocketsManager.defaultConfig = {
+        reconnect: true,
+        url: '',
+        maxReconnectTries: 10,
+        reconnectInterval: 5000,
+        useHeartbeat: true,
+    };
+    ReqraftWebSocketsManager.connections = {};
+    return ReqraftWebSocketsManager;
+}());
+exports.ReqraftWebSocketsManager = ReqraftWebSocketsManager;
+var ReqraftWebSocket = /** @class */ (function () {
+    function ReqraftWebSocket(config) {
+        this.reconnectTries = 0;
+        this.handlers = {};
+        this.isConnected = true;
+        this.reconnectTries = 0;
+        this.reconnectInterval = null;
+        this.options = __assign(__assign({}, ReqraftWebSocketsManager.defaultConfig), config);
+        this.connect();
+    }
+    ReqraftWebSocket.prototype.addHandler = function (event, handler) {
+        var id = shortid_1.default.generate();
+        this.handlers[id] = { type: event, event: handler };
+        ReqraftWebSocketsManager.addHandler(this.options.url, event, handler);
+        return id;
+    };
+    ReqraftWebSocket.prototype.removeHandler = function (id) {
+        ReqraftWebSocketsManager.removeHandler(this.options.url, this.handlers[id].type, this.handlers[id].event);
+        delete this.handlers[id];
+    };
+    ReqraftWebSocket.prototype.getSocketUrl = function () {
+        var wsUrl = fetch_1.fetchConfig.instance.replace('http', 'ws');
+        if (wsUrl.endsWith('/')) {
+            wsUrl = wsUrl.slice(0, -1);
+        }
+        return "".concat(wsUrl, "/").concat(this.options.url, "?token=").concat(fetch_1.fetchConfig.instanceToken);
+    };
+    ReqraftWebSocket.prototype.connect = function () {
+        var _this = this;
+        var _a, _b, _c;
+        if (!ReqraftWebSocketsManager.connections[this.options.url]) {
+            this.socket = new WebSocket(this.getSocketUrl());
+            this.socket.onopen = function (ev) {
+                var _a, _b;
+                _this.reconnectTries = 0;
+                _this.isConnected = true;
+                clearInterval(_this.reconnectInterval);
+                _this.reconnectInterval = undefined;
+                if (_this.options.useHeartbeat) {
+                    _this.startHeartbeat();
+                }
+                (_b = (_a = _this.options) === null || _a === void 0 ? void 0 : _a.onOpen) === null || _b === void 0 ? void 0 : _b.call(_a, ev);
+            };
+            ReqraftWebSocketsManager.connections[this.options.url] = {
+                socket: this.socket,
+                using: 0,
+            };
+        }
+        else {
+            this.socket = ReqraftWebSocketsManager.connections[this.options.url].socket;
+            (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.onOpen) === null || _b === void 0 ? void 0 : _b.call(_a, null);
+        }
+        // Increment the number of parts using this connection
+        ReqraftWebSocketsManager.connections[this.options.url].using++;
+        if ((_c = this.options) === null || _c === void 0 ? void 0 : _c.onMessage) {
+            this.addHandler('message', function (event) {
+                var _a, _b;
+                if (event.data === 'pong') {
+                    return;
+                }
+                (_b = (_a = _this.options) === null || _a === void 0 ? void 0 : _a.onMessage) === null || _b === void 0 ? void 0 : _b.call(_a, event);
+            });
+        }
+        this.addHandler('close', function (event) {
+            var _a, _b;
+            (_b = (_a = _this.options) === null || _a === void 0 ? void 0 : _a.onClose) === null || _b === void 0 ? void 0 : _b.call(_a, event);
+            _this.stopHeartbeat();
+            _this.removeAllHandlers();
+            delete ReqraftWebSocketsManager.connections[_this.options.url];
+            // Start the reconnect process
+            _this.maybeReconnect(event.code);
+        });
+        this.addHandler('error', function (event) {
+            var _a, _b;
+            (_b = (_a = _this.options) === null || _a === void 0 ? void 0 : _a.onError) === null || _b === void 0 ? void 0 : _b.call(_a, event);
+        });
+    };
+    ReqraftWebSocket.prototype.send = function (data) {
+        this.socket.send(data);
+    };
+    ReqraftWebSocket.prototype.checkServerStatus = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var check;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, (0, fetch_1.query)({ url: '/system/pid', cache: false })];
+                    case 1:
+                        check = _a.sent();
+                        if (check.code === 401) {
+                            // Qorus is back up again but we need to re-authenticate
+                            // Get the current pathname and redirect to the login page
+                            window.location.href = fetch_1.fetchConfig.unauthorizedRedirect(window.location.pathname);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    ReqraftWebSocket.prototype.tryReconnect = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        this.reconnectTries++;
+                        (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.onReconnecting) === null || _b === void 0 ? void 0 : _b.call(_a, this.reconnectTries);
+                        return [4 /*yield*/, this.checkServerStatus()];
+                    case 1:
+                        _c.sent();
+                        this.connect();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    ReqraftWebSocket.prototype.maybeReconnect = function (closeCode) {
+        var _a, _b;
+        if (this.options.reconnect && closeCode !== 4999) {
+            // If this is the first reconnect try
+            if (this.reconnectTries === 0) {
+                this.tryReconnect();
+                return;
+            }
+            // If we haven't reached the max number of reconnect tries
+            if (this.reconnectTries < this.options.maxReconnectTries) {
+                this.reconnectInterval = setTimeout(this.tryReconnect.bind(this), this.options.reconnectInterval);
+                return;
+            }
+            // Reconnect failed
+            this.isConnected = false;
+            this.reconnectInterval = undefined;
+            this.reconnectTries = 0;
+            (_b = (_a = this.options).onReconnectFailed) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }
+    };
+    ReqraftWebSocket.prototype.remove = function () {
+        if (!ReqraftWebSocketsManager.connections[this.options.url])
+            return;
+        // Decrement the number of parts using this connection
+        ReqraftWebSocketsManager.connections[this.options.url].using--;
+        // If this is the last part using the connection, close it
+        if (ReqraftWebSocketsManager.connections[this.options.url].using === 0) {
+            this.close();
+            return;
+        }
+        // Remove all handlers
+        this.removeAllHandlers();
+    };
+    ReqraftWebSocket.prototype.close = function () {
+        this.socket.close(4999);
+    };
+    ReqraftWebSocket.prototype.removeAllHandlers = function () {
+        var _this = this;
+        (0, lodash_1.forEach)(this.handlers, function (_handler, id) {
+            _this.removeHandler(id);
+        });
+    };
+    ReqraftWebSocket.prototype.startHeartbeat = function () {
+        var _this = this;
+        // Start the heartbeat
+        clearInterval(ReqraftWebSocketsManager.connections[this.options.url].heartbeat);
+        ReqraftWebSocketsManager.connections[this.options.url].heartbeat = null;
+        ReqraftWebSocketsManager.connections[this.options.url].heartbeat = setInterval(function () {
+            _this.socket.send('ping');
+        }, 3000);
+    };
+    ReqraftWebSocket.prototype.stopHeartbeat = function () {
+        if (!ReqraftWebSocketsManager.connections[this.options.url])
+            return;
+        clearInterval(ReqraftWebSocketsManager.connections[this.options.url].heartbeat);
+        ReqraftWebSocketsManager.connections[this.options.url].heartbeat = null;
+    };
+    return ReqraftWebSocket;
+}());
+exports.ReqraftWebSocket = ReqraftWebSocket;
+//# sourceMappingURL=websocket.js.map

package/dist/utils/websocket.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"websocket.js","sourceRoot":"","sources":["../../src/utils/websocket.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qoretechnologies/reqraft",
-  "version": "0.3.4",
+  "version": "0.4.0",
   "description": "ReQraft is a collection of React components and hooks that are used across Qore Technologies' products made using the ReQore component library from Qore.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -16,7 +16,7 @@
     "lint": "yarn run eslint ./src/",
     "storybook": "storybook dev -p 6008",
     "update-reqore": "yarn add @qoretechnologies/reqore@beta",
-    "test-storybook": "DEBUG_PRINT_LIMIT=0 test-storybook --url http://localhost:6008",
+    "test-storybook": "DEBUG_PRINT_LIMIT=300 test-storybook --url http://localhost:6008",
     "install-playwright": "npx playwright install --with-deps",
     "build-storybook": "storybook build",
     "chromatic": "npx chromatic"
@@ -51,20 +51,20 @@
     "@babel/preset-env": "^7.12.11",
     "@babel/preset-react": "^7.12.10",
     "@babel/preset-typescript": "^7.12.7",
-    "@chromatic-com/storybook": "^1",
+    "@chromatic-com/storybook": "^1.5.0",
     "@qoretechnologies/reqore": "^0.43.0",
-    "@storybook/addon-actions": "^8.0.9",
-    "@storybook/addon-essentials": "^8.0.9",
-    "@storybook/addon-interactions": "^8.0.9",
-    "@storybook/addon-links": "^8.0.9",
+    "@storybook/addon-actions": "^8.1.7",
+    "@storybook/addon-essentials": "^8.1.7",
+    "@storybook/addon-interactions": "^8.1.7",
+    "@storybook/addon-links": "^8.1.7",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/manager-api": "^8.0.9",
-    "@storybook/react": "^8.0.9",
-    "@storybook/react-webpack5": "^8.0.9",
-    "@storybook/test": "^8.0.9",
-    "@storybook/test-runner": "^0.17.0",
-    "@storybook/theming": "^8.0.9",
-    "@storybook/types": "^8.0.9",
+    "@storybook/manager-api": "^8.1.7",
+    "@storybook/react": "^8.1.7",
+    "@storybook/react-webpack5": "^8.1.7",
+    "@storybook/test": "^8.1.7",
+    "@storybook/test-runner": "^0.18.2",
+    "@storybook/theming": "^8.1.7",
+    "@storybook/types": "^8.1.7",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@types/jest": "^26.0.19",
@@ -85,6 +85,7 @@
     "jest": "^29.4.3",
     "jest-environment-jsdom": "^29.4.3",
     "jest-github-actions-reporter": "^1.0.2",
+    "mock-socket": "^9.3.1",
     "npm-cli-login": "^0.1.1",
     "playwright": "^1.16.3",
     "pre-push": "^0.1.4",
@@ -92,7 +93,7 @@
     "react-dom": "^18.3.1",
     "react-intersection-observer": "^9.4.2",
     "react-test-renderer": "^18.2.0",
-    "storybook": "^8.0.9",
+    "storybook": "^8.1.7",
     "storybook-addon-mock": "^5.0.0",
     "ts-jest": "^29.1.2",
     "ts-node": "^9.1.1",

package/src/hooks/useFetch/useFetch.stories.tsx

@@ -1,6 +1,5 @@
 import { ReqoreSpinner, ReqoreTree } from '@qoretechnologies/reqore';
 import { StoryObj } from '@storybook/react';
-import { useEffectOnce } from 'react-use';
 import { testsWaitForText } from '../../../__tests__/utils';
 import { StoryMeta } from '../../types';
 import { useFetch } from './useFetch';
@@ -8,17 +7,15 @@ import { useFetch } from './useFetch';
 const meta = {
   title: 'Hooks/useFetch',
   render: (args) => {
-    const { data = {}, load, loading } = useFetch<any>({ url: 'public/info', method: args.method });
+    const {
+      data = {},
+      load,
+      loading,
+    } = useFetch<any>({ url: 'public/info', method: args.method, loadOnMount: true });
 
-    useEffectOnce(() => {
-      load();
-    });
-
-    return loading ? (
-      <ReqoreSpinner />
-    ) : (
-      <ReqoreTree data={data} bottomActions={[{ label: 'Refetch', onClick: load }]} />
-    );
+    return loading ?
+        <ReqoreSpinner />
+      : <ReqoreTree data={data} bottomActions={[{ label: 'Refetch', onClick: load }]} />;
   },
 } as StoryMeta<any>;