@boarteam/boar-pack-common-frontend 3.4.0 → 4.1.0

package/dist/components/Table/useCreation.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KEY_SYMBOL = void 0;
+exports.getNewId = getNewId;
+exports.isRecordNew = isRecordNew;
+exports.useCreation = useCreation;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const antd_1 = require("antd");
+const icons_1 = require("@ant-design/icons");
+const react_intl_1 = require("react-intl");
+const CreateEntityModal_1 = require("./CreateEntityModal");
+let creatingRecordsCount = 0;
+exports.KEY_SYMBOL = Symbol('key');
+const NEW_RECORD = 'NEW_RECORD';
+function getNewId() {
+    return NEW_RECORD + creatingRecordsCount++;
+}
+function isRecordNew(record) {
+    return record[exports.KEY_SYMBOL]?.startsWith?.(NEW_RECORD) || record.id?.startsWith?.(NEW_RECORD) || false;
+}
+function useCreation({ title, mainTitle, columns, idColumnName, onCreate, pathParams, entityToCreateDto, actionRef, createButtonSize, popupCreation, createNewDefaultParams, }) {
+    const [createPopupData, setCreatePopupData] = (0, react_1.useState)();
+    const onCreateSubmit = async (data, descriptionsRef) => {
+        try {
+            await onCreate?.({
+                ...pathParams,
+                requestBody: entityToCreateDto({
+                    ...pathParams,
+                    ...data,
+                })
+            });
+            setCreatePopupData(undefined);
+            await actionRef?.current?.reload();
+        }
+        catch (e) {
+            console.error(e);
+            // Handle common error
+            if (e.body && e.body.statusCode && e.body.errors) {
+                const error = e;
+                const { statusCode, errors } = error.body;
+                // Validation error. Highlight corresponding form fields
+                if (statusCode === 400) {
+                    const formErrors = errors.map(error => ({
+                        name: error.field,
+                        errors: [error.message],
+                    }));
+                    // @ts-ignore
+                    descriptionsRef.current.setFieldErrors(formErrors);
+                }
+            }
+        }
+    };
+    const createButton = (0, jsx_runtime_1.jsxs)(antd_1.Button, { size: createButtonSize, type: "primary", onClick: () => {
+            if (popupCreation) {
+                setCreatePopupData(createNewDefaultParams);
+            }
+            else {
+                actionRef?.current?.addEditRecord({
+                    [exports.KEY_SYMBOL]: getNewId(),
+                    ...createNewDefaultParams,
+                }, {
+                    position: 'top',
+                });
+            }
+        }, children: [(0, jsx_runtime_1.jsx)(icons_1.PlusOutlined, {}), " ", (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: 'table.newButton' })] }, "create");
+    const modal = (0, jsx_runtime_1.jsx)(CreateEntityModal_1.CreateEntityModal, { entity: createPopupData, title: title, mainTitle: mainTitle, columns: columns, idColumnName: idColumnName, onCancel: () => {
+            setCreatePopupData(undefined);
+        }, onSubmit: onCreateSubmit });
+    return {
+        creationModal: modal,
+        createButton,
+    };
+}
+//# sourceMappingURL=useCreation.js.map

package/dist/components/Table/useCreation.js.map

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

package/dist/components/Table/useEditableTable.d.ts

@@ -0,0 +1,7 @@
+import { EditableProps } from "./tableTypes";
+import type { RowEditableConfig } from "@ant-design/pro-utils";
+export declare function useEditableTable<Entity, CreateDto, UpdateDto, TPathParams = {}>({ actionRef, pathParams, onCreate, onUpdate, onDelete, entityToCreateDto, entityToUpdateDto, afterSave, editable, }: {
+    pathParams: TPathParams;
+} & EditableProps<Entity, CreateDto, UpdateDto, TPathParams>): {
+    editableConfig: RowEditableConfig<Entity>;
+};

package/dist/components/Table/useEditableTable.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEditableTable = useEditableTable;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_dom_1 = require("react-dom");
+const antd_1 = require("antd");
+const icons_1 = require("@ant-design/icons");
+const react_intl_1 = require("react-intl");
+const react_1 = require("react");
+const useCreation_1 = require("./useCreation");
+function useEditableTable({ actionRef, pathParams, onCreate, onUpdate, onDelete, entityToCreateDto, entityToUpdateDto, afterSave, editable, }) {
+    const [editableKeys, setEditableRowKeys] = (0, react_1.useState)([]);
+    const intl = (0, react_intl_1.useIntl)();
+    const editableConfig = {
+        type: 'multiple',
+        editableKeys,
+        onChange: setEditableRowKeys,
+        async onSave(id, record, origin, newLine) {
+            if (newLine) {
+                await onCreate?.({
+                    ...pathParams,
+                    requestBody: entityToCreateDto(record),
+                });
+            }
+            else {
+                await onUpdate({
+                    ...pathParams,
+                    ...record,
+                    requestBody: entityToUpdateDto({
+                        ...pathParams,
+                        ...record,
+                    }),
+                });
+            }
+            if (typeof afterSave === 'function') {
+                await afterSave(record);
+            }
+            (0, react_dom_1.flushSync)(() => {
+                actionRef?.current?.reload();
+            });
+        },
+        async onCancel(id, record, origin) {
+            if (record) {
+                Object.assign(record, origin);
+            }
+        },
+        async onDelete(id, row) {
+            if ((0, useCreation_1.isRecordNew)(row))
+                return;
+            await onDelete({ ...row, ...pathParams });
+        },
+        deletePopconfirmMessage: intl.formatMessage({ id: 'table.deletePopconfirmMessage' }),
+        onlyAddOneLineAlertMessage: intl.formatMessage({ id: 'table.onlyAddOneLineAlertMessage' }),
+        cancelText: (0, jsx_runtime_1.jsx)(antd_1.Tooltip, { title: intl.formatMessage({ id: 'table.cancelText' }), children: (0, jsx_runtime_1.jsx)(icons_1.StopOutlined, {}) }),
+        deleteText: (0, jsx_runtime_1.jsx)(antd_1.Tooltip, { title: intl.formatMessage({ id: 'table.deleteText' }), children: (0, jsx_runtime_1.jsx)(icons_1.DeleteOutlined, {}) }),
+        saveText: (0, jsx_runtime_1.jsx)(antd_1.Button, { size: "small", type: "primary", children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: 'table.saveText' }) }),
+        ...editable,
+    };
+    return {
+        editableConfig,
+    };
+}
+//# sourceMappingURL=useEditableTable.js.map

package/dist/components/Table/useEditableTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditableTable.js","sourceRoot":"","sources":["../../../src/components/Table/useEditableTable.tsx"],"names":[],"mappings":";;AASA,4CA4EC;;AAnFD,yCAAsC;AACtC,+BAAuC;AACvC,6CAAiE;AACjE,2CAAuD;AACvD,iCAAwC;AACxC,+CAA4C;AAE5C,SAAgB,gBAAgB,CAC9B,EACE,SAAS,EACT,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EACT,QAAQ,GAGkD;IAE5D,MAAM,CAAC,YAAY,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAc,EAAE,CAAC,CAAC;IACrE,MAAM,IAAI,GAAG,IAAA,oBAAO,GAAE,CAAC;IAEvB,MAAM,cAAc,GAA8B;QAChD,IAAI,EAAE,UAAU;QAChB,YAAY;QACZ,QAAQ,EAAE,kBAAkB;QAC5B,KAAK,CAAC,MAAM,CACV,EAAE,EACF,MAAM,EACN,MAAM,EACN,OAAO;YAEP,IAAI,OAAO,EAAE,CAAC;gBACZ,MAAM,QAAQ,EAAE,CAAC;oBACf,GAAG,UAAU;oBACb,WAAW,EAAE,iBAAiB,CAAC,MAAM,CAAC;iBACvC,CAAC,CAAC;YACL,CAAC;iBAAM,CAAC;gBACN,MAAM,QAAQ,CAAC;oBACb,GAAG,UAAU;oBACb,GAAG,MAAM;oBACT,WAAW,EAAE,iBAAiB,CAAC;wBAC7B,GAAG,UAAU;wBACb,GAAG,MAAM;qBACV,CAAC;iBACH,CAAC,CAAA;YACJ,CAAC;YAED,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE,CAAC;gBACpC,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC;YAC1B,CAAC;YAED,IAAA,qBAAS,EAAC,GAAG,EAAE;gBACb,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;YAC/B,CAAC,CAAC,CAAC;QACL,CAAC;QACD,KAAK,CAAC,QAAQ,CACZ,EAAE,EACF,MAAM,EACN,MAAM;YAEN,IAAI,MAAM,EAAE,CAAC;gBACX,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YAChC,CAAC;QACH,CAAC;QACD,KAAK,CAAC,QAAQ,CAAC,EAAE,EAAE,GAAG;YACpB,IAAI,IAAA,yBAAW,EAAC,GAAG,CAAC;gBAAE,OAAO;YAC7B,MAAM,QAAQ,CAAC,EAAE,GAAG,GAAG,EAAE,GAAG,UAAU,EAAE,CAAC,CAAC;QAC5C,CAAC;QACD,uBAAuB,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,+BAA+B,EAAE,CAAC;QACpF,0BAA0B,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,kCAAkC,EAAE,CAAC;QAC1F,UAAU,EAAE,uBAAC,cAAO,IAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC,YAAE,uBAAC,oBAAY,KAAG,GAAU;QACtG,UAAU,EAAE,uBAAC,cAAO,IAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC,YAAE,uBAAC,sBAAc,KAAG,GAAU;QACxG,QAAQ,EAAE,uBAAC,aAAM,IAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,YAAE,uBAAC,6BAAgB,IAAC,EAAE,EAAE,gBAAgB,GAAI,GAAS;QACrG,GAAG,QAAQ;KACZ,CAAA;IAED,OAAO;QACL,cAAc;KACf,CAAC;AACJ,CAAC"}

package/dist/components/Table/useImportExport.d.ts

@@ -0,0 +1,35 @@
+import { TGetAllParams } from "./tableTypes";
+import diff from "deep-diff";
+import { ProColumns } from "@ant-design/pro-components";
+import { TRelationalFields } from "../ChangesModal";
+export type TUpdatedDiffResult = {
+    id: string | number;
+    diff: diff.Diff<any, any>[];
+    [key: string]: any;
+};
+type TUpdatedResult = ({
+    id: string | number;
+    version: string | number;
+    [key: string]: any;
+});
+export type TDiffResult<Entity> = {
+    created: Entity[];
+    updated: TUpdatedResult[];
+    tableData: TUpdatedDiffResult[];
+};
+export declare function useImportExport<Entity, TPathParams = {}>({ exportUrl, exportParams, columns, changedRecordsColumnsConfig, relationalFields, }: {
+    exportUrl?: string;
+    exportParams?: {
+        [key: string]: string | number;
+    };
+    columns: ProColumns<Entity>[];
+    changedRecordsColumnsConfig?: ProColumns<Entity>[];
+    relationalFields?: TRelationalFields;
+}): {
+    exportButton: import("react/jsx-runtime").JSX.Element;
+    importButton: import("react/jsx-runtime").JSX.Element;
+    setLastQueryParams: import("react").Dispatch<import("react").SetStateAction<TGetAllParams & TPathParams>>;
+    diffResult: TDiffResult<Entity>;
+    setDiffResult: import("react").Dispatch<import("react").SetStateAction<TDiffResult<Entity>>>;
+};
+export {};

package/dist/components/Table/useImportExport.js

@@ -0,0 +1,207 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useImportExport = useImportExport;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const antd_1 = require("antd");
+const icons_1 = require("@ant-design/icons");
+const react_1 = require("react");
+const react_router_dom_1 = require("react-router-dom");
+const XLSX = tslib_1.__importStar(require("xlsx"));
+const deep_diff_1 = tslib_1.__importDefault(require("deep-diff"));
+const lodash_1 = require("lodash");
+function useImportExport({ exportUrl, exportParams, columns, changedRecordsColumnsConfig, relationalFields, }) {
+    const [isLoadingImport, setIsLoadingImport] = (0, react_1.useState)(false);
+    const [lastQueryParams, setLastQueryParams] = (0, react_1.useState)();
+    const keyedColumns = (0, lodash_1.keyBy)(columns, 'dataIndex');
+    const [diffResult, setDiffResult] = (0, react_1.useState)();
+    const fileInputRef = (0, react_1.useRef)(null);
+    const openFileDialog = (0, react_1.useCallback)(() => {
+        if (fileInputRef.current) {
+            fileInputRef.current.value = '';
+            fileInputRef.current.click();
+        }
+    }, []);
+    const trueBooleanValues = [true, "TRUE", "True", "true", "1", "yes", "on"];
+    const buildExportUrl = (0, react_1.useCallback)(() => {
+        const params = {
+            ...(lastQueryParams && {
+                s: lastQueryParams.s,
+                sort: lastQueryParams.sort?.[0],
+            }),
+            ...exportParams,
+        };
+        const qp = Object.entries(params)
+            .filter(([, v]) => v !== undefined && v !== null && v !== '')
+            .reduce((acc, [k, v]) => {
+            acc.append(k, String(v));
+            return acc;
+        }, new URLSearchParams());
+        return exportUrl
+            ? exportUrl + (qp.toString() ? `?${qp.toString()}` : '')
+            : undefined;
+    }, [exportUrl, exportParams, lastQueryParams]);
+    const fetchExportCsvArrayBuffer = (0, react_1.useCallback)(async () => {
+        const url = buildExportUrl();
+        if (!url)
+            throw new Error('Specify exportUrl!');
+        const res = await fetch(url, {
+            method: 'GET',
+        });
+        if (!res.ok) {
+            throw new Error(`Can't get actual CSV data for comparing. HTTP ${res.status}`);
+        }
+        return await res.arrayBuffer();
+    }, [buildExportUrl]);
+    const normalizeRow = (row) => {
+        const normalizedRow = { ...row };
+        for (const key in normalizedRow) {
+            if (normalizedRow[key] === null) {
+                continue;
+            }
+            // Relational fields handling
+            const relationalKey = key.replace('_id', '');
+            if (relationalFields?.has(relationalKey)) {
+                const relation = relationalFields.get(relationalKey);
+                const id = Number(normalizedRow[key]);
+                normalizedRow[relationalKey] = relation.data[id] || null;
+                continue;
+            }
+            // Boolean values handling
+            if (keyedColumns[key]?.valueType === "switch") {
+                normalizedRow[key] = trueBooleanValues.includes(normalizedRow[key]);
+                continue;
+            }
+            // Numeric values handling
+            if (keyedColumns[key]?.valueType === "digit") {
+                normalizedRow[key] = Number(normalizedRow[key]);
+                continue;
+            }
+            // Empty values handling
+            if (['', 'null'].includes(normalizedRow[key])) {
+                normalizedRow[key] = null;
+                continue;
+            }
+            // Text values handling
+            // Text by default if not specified
+            if (keyedColumns[key] && keyedColumns[key].valueType === undefined || 'text') {
+                normalizedRow[key] = String(normalizedRow[key]);
+            }
+        }
+        return normalizedRow;
+    };
+    const getRelationalValue = (relationField) => {
+        return relationField?.name || relationField?.description || relationField?.id;
+    };
+    const handleFileAsync = async (e) => {
+        setIsLoadingImport(true);
+        const fileAfter = e.target.files[0];
+        if (!fileAfter) {
+            throw new Error('Choose CSV with changes.');
+        }
+        console.time('fetch actual export from api');
+        // File before now should be fetched from the same endpoint as the export button use
+        const dataBefore = await fetchExportCsvArrayBuffer();
+        console.timeEnd('fetch actual export from api');
+        const dataAfter = await fileAfter.arrayBuffer();
+        // Data is an ArrayBuffer
+        const workbookBefore = XLSX.read(dataBefore);
+        const workbookAfter = XLSX.read(dataAfter, {
+            type: 'array',
+            raw: true,
+        });
+        const jsonBefore = XLSX.utils.sheet_to_json(workbookBefore.Sheets[workbookBefore.SheetNames[0]], {
+            defval: null
+        });
+        const jsonAfter = XLSX.utils.sheet_to_json(workbookAfter.Sheets[workbookAfter.SheetNames[0]], {
+            defval: null
+        });
+        // TODO: Check JSON structure
+        // ...
+        const oldMap = Object.fromEntries(jsonBefore.map((row) => {
+            return [row.id, normalizeRow(row)];
+        }));
+        const newMap = {};
+        const diffResult = {
+            created: [],
+            updated: [],
+            tableData: [],
+        };
+        jsonAfter.map((row) => {
+            const normalizedRow = normalizeRow(row);
+            // New record
+            if (!normalizedRow.id) {
+                diffResult.created.push(normalizedRow);
+                return;
+            }
+            // Existing record
+            newMap[normalizedRow.id] = normalizedRow;
+        });
+        // Recognize added and changed records
+        for (const id in newMap) {
+            if (!oldMap[id]) {
+                continue;
+            }
+            const differences = (0, deep_diff_1.default)(oldMap[id], newMap[id], {
+                normalize: (currentPath, key, lhs, rhs) => {
+                    // We don't need to compare versions
+                    if (key === 'version') {
+                        return [true, true];
+                    }
+                    // We don't care about relational ids. Skip them
+                    if (key.endsWith('_id')) {
+                        return [true, true];
+                    }
+                    // If the key is a relational field (dictionary value), we need to compare only value fields
+                    if (relationalFields && relationalFields.has(key)) {
+                        return [
+                            getRelationalValue(lhs),
+                            getRelationalValue(rhs),
+                        ];
+                    }
+                    return [lhs, rhs];
+                }
+            });
+            if (differences) {
+                // console.log(differences);
+                const changedFields = differences.map((diff) => diff.path?.[0]).filter((field) => field);
+                const displayFields = changedRecordsColumnsConfig.map(column => column.dataIndex);
+                const payload = {
+                    id,
+                    version: newMap[id].version,
+                };
+                const tableData = {
+                    id,
+                    diff: differences,
+                };
+                columns.forEach((column) => {
+                    const key = String(column.dataIndex);
+                    const value = newMap[id][key] === undefined ? newMap[id][key + "_id"] : newMap[id][key];
+                    if (changedFields.includes(key)) {
+                        payload[key] = value;
+                    }
+                    if (displayFields.includes(key)) {
+                        tableData[key] = value;
+                    }
+                });
+                // Will be sent to the server
+                diffResult.updated.push(payload);
+                // Will be shown in the "changed values" tab
+                diffResult.tableData.push(tableData);
+            }
+        }
+        // Store this value in the state
+        setDiffResult(diffResult);
+        setIsLoadingImport(false);
+    };
+    const exportButton = (0, jsx_runtime_1.jsx)(antd_1.Tooltip, { title: "Export", children: (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { to: buildExportUrl() ?? '#', target: '_blank', children: (0, jsx_runtime_1.jsx)(antd_1.Button, { icon: (0, jsx_runtime_1.jsx)(icons_1.UploadOutlined, {}) }) }) });
+    const importButton = (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(antd_1.Tooltip, { title: "Import changes CSV file", children: (0, jsx_runtime_1.jsx)(antd_1.Button, { loading: isLoadingImport, icon: (0, jsx_runtime_1.jsx)(icons_1.DownloadOutlined, {}), onClick: openFileDialog }) }), (0, jsx_runtime_1.jsx)("input", { type: "file", ref: fileInputRef, style: { display: 'none' }, accept: ".csv", onChange: handleFileAsync })] });
+    return {
+        exportButton,
+        importButton,
+        setLastQueryParams,
+        diffResult,
+        setDiffResult,
+    };
+}
+//# sourceMappingURL=useImportExport.js.map

package/dist/components/Table/useImportExport.js.map

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

package/dist/components/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Descriptions"), exports);
+tslib_1.__exportStar(require("./Inputs"), exports);
+tslib_1.__exportStar(require("./QuestionMarkHint"), exports);
+tslib_1.__exportStar(require("./Table"), exports);
+tslib_1.__exportStar(require("./List"), exports);
+tslib_1.__exportStar(require("./ChangesModal"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,yDAA+B;AAC/B,mDAAyB;AACzB,6DAAmC;AACnC,kDAAwB;AACxB,iDAAuB;AACvB,yDAA+B"}

package/dist/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./components/index"), exports);
+tslib_1.__exportStar(require("./tools/index"), exports);
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC;AACnC,wDAA8B"}

package/dist/tools/ApiError.d.ts

@@ -0,0 +1,16 @@
+type TApiErrorBodyType = {
+    statusCode: number;
+    message: string;
+    errors: {
+        field: string;
+        message: string;
+    }[];
+};
+export declare class ApiError extends Error {
+    readonly url: string;
+    readonly status: number;
+    readonly statusText: string;
+    readonly body: TApiErrorBodyType;
+    readonly request: any;
+}
+export {};

package/dist/tools/ApiError.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApiError = void 0;
+// Copied from api-client/generated/core/ApiError.ts
+class ApiError extends Error {
+    url;
+    status;
+    statusText;
+    body;
+    request;
+}
+exports.ApiError = ApiError;
+//# sourceMappingURL=ApiError.js.map

package/dist/tools/ApiError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiError.js","sourceRoot":"","sources":["../../src/tools/ApiError.ts"],"names":[],"mappings":";;;AAUA,oDAAoD;AACpD,MAAa,QAAS,SAAQ,KAAK;IACf,GAAG,CAAS;IACZ,MAAM,CAAS;IACf,UAAU,CAAS;IACnB,IAAI,CAAoB;IACxB,OAAO,CAAM;CAChC;AAND,4BAMC"}

package/dist/tools/WebsocketClient.d.ts

@@ -0,0 +1,38 @@
+export type TIncomeEvent = {
+    event: string;
+    data: {
+        message: string;
+        status?: WebSocket['readyState'];
+        [key: string]: any;
+    };
+};
+export declare enum WsErrorCodes {
+    ConnectionClosed = 1000,
+    InvalidJson = 4000,
+    ErrorMessage = 4001,
+    Unauthorized = 4003
+}
+export declare class WebsocketClient {
+    private socket;
+    private reconnectTimeout;
+    private readonly worker;
+    private serverSocketStatus;
+    private readonly closeHandler;
+    private readonly openHandler;
+    private readonly messageHandler;
+    constructor({ worker, onOpen, onMessage, onClose, }: {
+        worker: null | string;
+        onOpen: () => void;
+        onMessage: (msg: TIncomeEvent) => void;
+        onClose?: (event: CloseEvent) => void;
+    });
+    get status(): number;
+    private connect;
+    private onError;
+    private onClose;
+    private onOpen;
+    private onMessage;
+    close(): Promise<void>;
+    reconnect(timeout: number): void;
+    send<T>(data: T): void;
+}

package/dist/tools/WebsocketClient.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebsocketClient = exports.WsErrorCodes = void 0;
+const antd_1 = require("antd");
+var WsErrorCodes;
+(function (WsErrorCodes) {
+    WsErrorCodes[WsErrorCodes["ConnectionClosed"] = 1000] = "ConnectionClosed";
+    WsErrorCodes[WsErrorCodes["InvalidJson"] = 4000] = "InvalidJson";
+    WsErrorCodes[WsErrorCodes["ErrorMessage"] = 4001] = "ErrorMessage";
+    WsErrorCodes[WsErrorCodes["Unauthorized"] = 4003] = "Unauthorized";
+})(WsErrorCodes || (exports.WsErrorCodes = WsErrorCodes = {}));
+class WebsocketClient {
+    socket;
+    reconnectTimeout;
+    worker;
+    serverSocketStatus = WebSocket.CLOSED;
+    closeHandler;
+    openHandler;
+    messageHandler;
+    constructor({ worker, onOpen, onMessage, onClose, }) {
+        this.worker = worker;
+        this.closeHandler = onClose || (() => { });
+        this.openHandler = onOpen;
+        this.messageHandler = onMessage;
+        this.connect();
+    }
+    get status() {
+        return this.serverSocketStatus === WebSocket.OPEN ? this.socket?.readyState : this.serverSocketStatus;
+    }
+    connect() {
+        const wsProtocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
+        const url = `${wsProtocol}//${location.host}/ws/${this.worker || 'primary'}/ws`;
+        console.log(`QuotesDataSocket: connecting to ${url}...`);
+        this.serverSocketStatus = WebSocket.CONNECTING;
+        this.socket = new WebSocket(url);
+        this.socket.addEventListener("open", this.onOpen);
+        this.socket.addEventListener("message", this.onMessage);
+        this.socket.addEventListener("error", this.onError);
+        this.socket.addEventListener("close", this.onClose);
+    }
+    onError = (event) => {
+        console.error(`QuotesDataSocket: error for ${this.worker || 'primary'} socket:`);
+        console.error(event);
+        this.socket?.close();
+    };
+    onClose = (event) => {
+        console.log(`QuotesDataSocket: ${this.worker || 'primary'} socket closed`);
+        this.socket?.removeEventListener("close", this.onClose);
+        this.socket?.removeEventListener("error", this.onError);
+        this.socket?.removeEventListener("message", this.onMessage);
+        this.socket?.removeEventListener("open", this.onOpen);
+        this.socket = null;
+        this.closeHandler(event);
+    };
+    onOpen = () => {
+        this.openHandler();
+    };
+    onMessage = async (event) => {
+        let msg;
+        try {
+            msg = JSON.parse(event.data);
+        }
+        catch (e) {
+            console.error(`Error, while parsing message from WS server ${event.data}`);
+            console.error(e);
+            this.socket?.close(WsErrorCodes.InvalidJson, "Invalid JSON");
+            return;
+        }
+        if (msg.event === "error") {
+            console.error(`Error from WS server: ${msg.data.message}`);
+            this.socket?.close(WsErrorCodes.ErrorMessage, msg.data.message);
+            await antd_1.message.error(`WS server error: ${msg.data.message}`);
+            return;
+        }
+        if (msg.event === "status") {
+            this.serverSocketStatus = msg.data?.status ?? this.serverSocketStatus;
+        }
+        this.messageHandler(msg);
+    };
+    close() {
+        clearTimeout(this.reconnectTimeout);
+        if (!this.socket || this.socket.readyState === WebSocket.CLOSED) {
+            return Promise.resolve();
+        }
+        return new Promise((resolve) => {
+            this.socket?.addEventListener("close", () => resolve(), { once: true });
+            this.socket?.close();
+        });
+    }
+    reconnect(timeout) {
+        this.reconnectTimeout = setTimeout(() => {
+            this.connect();
+        }, timeout);
+    }
+    send(data) {
+        const send = () => {
+            this.socket?.send(JSON.stringify(data));
+        };
+        if (this.socket?.readyState !== WebSocket.OPEN) {
+            console.warn(`QuotesDataSocket: socket is not ready to send data`);
+            this.socket.addEventListener("open", send, { once: true });
+            return;
+        }
+        try {
+            send();
+        }
+        catch (e) {
+            console.error(`QuotesDataSocket: error, while sending data to WS server`);
+            console.error(e);
+        }
+    }
+}
+exports.WebsocketClient = WebsocketClient;
+//# sourceMappingURL=WebsocketClient.js.map

package/dist/tools/WebsocketClient.js.map

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

package/{src/tools/index.ts → dist/tools/index.d.ts}

@@ -3,4 +3,4 @@ export * from './useFullscreen';
 export * from './numberTools';
 export * from './useTabs';
 export * from './WebsocketClient';
-export * from './ApiError'
+export * from './ApiError';