@linkdlab/funcnodes_react_flow 0.3.7 → 0.3.8

package/dist/esm/index.esm.js

@@ -2786,7 +2786,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \********************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var _utils_autolayout_txt__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/autolayout/txt */ \"./src/utils/autolayout/txt.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (undefined && undefined.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\n\n\nfunction formatMeter(options) {\n    var _a, _b;\n    if (options === void 0) { options = {\n        n: 0,\n        elapsed: 0,\n        ascii: false,\n        unit: \"it\",\n        unit_scale: false,\n        unit_divisor: 1000,\n    }; }\n    var total = (_a = options.total) !== null && _a !== void 0 ? _a : null;\n    var n = options.n, unit_scale = options.unit_scale, elapsed = options.elapsed, \n    // ascii,\n    unit = options.unit, unit_divisor = options.unit_divisor, \n    // ncols = undefined,\n    _c = options.prefix, \n    // ncols = undefined,\n    prefix = _c === void 0 ? \"\" : _c, _d = options.rate, rate = _d === void 0 ? undefined : _d, \n    // bar_format = undefined,\n    _e = options.postfix, \n    // bar_format = undefined,\n    postfix = _e === void 0 ? null : _e, _f = options.initial, initial = _f === void 0 ? 0 : _f;\n    if (total !== null && n >= total + 0.5) {\n        total = null;\n    }\n    var scaledN = n;\n    var scaledTotal = total;\n    var scaledRate = rate;\n    if (unit_scale && unit_scale !== true && unit_scale !== 1) {\n        if (total !== null) {\n            scaledTotal = total * unit_scale;\n        }\n        scaledN = n * unit_scale;\n        if (rate !== undefined) {\n            scaledRate = rate * unit_scale;\n        }\n    }\n    var elapsedStr = formatInterval(elapsed);\n    if (scaledRate === undefined && elapsed > 0) {\n        scaledRate = (scaledN - initial) / elapsed;\n    }\n    var invRate = scaledRate ? 1 / scaledRate : undefined;\n    var _g = scaledRate\n        ? formatSize(scaledRate, unit_divisor)\n        : [undefined, \"\"], rateval = _g[0], ratescale = _g[1];\n    var _h = invRate\n        ? formatSize(invRate, 1000)\n        : [undefined, \"\"], invrateval = _h[0], invratescale = _h[1];\n    var rateNoInvFmt = (rateval ? rateval : \"?\") + \"\".concat(ratescale).concat(unit, \"/s\");\n    var rateInvFmt = invrateval ? \"\".concat(invrateval).concat(invratescale, \"s/\") + unit : \"?\";\n    var rateFmt = invRate && invRate > 1 ? rateInvFmt : rateNoInvFmt;\n    var nFmt = unit_scale\n        ? formatSize(scaledN, unit_divisor).join(\"\")\n        : scaledN.toString();\n    var totalFmt = unit_scale && scaledTotal !== null\n        ? formatSize(scaledTotal, unit_divisor).join(\"\")\n        : (_b = scaledTotal === null || scaledTotal === void 0 ? void 0 : scaledTotal.toString()) !== null && _b !== void 0 ? _b : \"?\";\n    var remaining = scaledRate && scaledTotal !== null\n        ? (scaledTotal - scaledN) / scaledRate\n        : 0;\n    var remainingStr = scaledRate ? formatInterval(remaining) : \"?\";\n    var lBar = prefix ? \"\".concat(prefix, \": \") : \"\";\n    if (total !== null) {\n        var percentage = (scaledN / total) * 100;\n        var rBar = \" \".concat(nFmt, \"/\").concat(totalFmt, \" [\").concat(elapsedStr, \" < \").concat(remainingStr, \", \").concat(rateFmt).concat(postfix !== null && postfix !== void 0 ? postfix : \"\", \"]\");\n        // const progressBar = createProgressBar(scaledN / total, ncols);\n        return \"\".concat(lBar).concat(percentage.toFixed(0), \"%\").concat(rBar);\n    }\n    return \"\".concat(lBar).concat(nFmt).concat(unit, \" [\").concat(elapsedStr, \", \").concat(rateFmt).concat(postfix !== null && postfix !== void 0 ? postfix : \"\", \"]\");\n}\nfunction formatInterval(seconds) {\n    var minutes = Math.floor(seconds / 60);\n    var secs = Math.floor(seconds % 60);\n    return \"\".concat(minutes, \":\").concat(secs.toString().padStart(2, \"0\"));\n}\nfunction formatSize(value, divisor) {\n    var units = [\"\", \"K\", \"M\", \"G\", \"T\"];\n    var unitIndex = 0;\n    while (value >= divisor && unitIndex < units.length - 1) {\n        value /= divisor;\n        unitIndex++;\n    }\n    return [value.toFixed(2), units[unitIndex]];\n}\nvar ProgressBar = function (_a) {\n    var state = _a.state, _b = _a.className, className = _b === void 0 ? \"reacttqdm\" : _b, rest = __rest(_a, [\"state\", \"className\"]);\n    var containerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n    var textcontainerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n        var handleResize = function () {\n            if (!containerRef.current || !textcontainerRef.current)\n                return;\n            (0,_utils_autolayout_txt__WEBPACK_IMPORTED_MODULE_1__.fitTextToContainer)(containerRef.current, textcontainerRef.current, {\n                maxFontSize: 12,\n                decrementFactor: 0.9,\n            });\n        };\n        handleResize(); // Initial calculation\n        window.addEventListener(\"resize\", handleResize);\n        return function () {\n            window.removeEventListener(\"resize\", handleResize);\n        };\n    }, [state]);\n    console.log(\"STATE\", state);\n    var progressPercentage = state.total ? (state.n / state.total) * 100 : 0;\n    return (react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(\"div\", __assign({ ref: containerRef, className: className }, rest),\n        react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(\"div\", { style: {\n                position: \"relative\",\n                display: \"flex\",\n                flexDirection: \"column\",\n                justifyContent: \"center\",\n                alignItems: \"center\",\n            } },\n            react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(\"div\", { className: className + \"-bar\", style: {\n                    position: \"absolute\",\n                    width: \"100%\",\n                    height: \"100%\", // Adjust height if needed\n                    overflow: \"hidden\",\n                } },\n                react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(\"div\", { className: className + \"-progress\", style: {\n                        width: \"\".concat(progressPercentage, \"%\"),\n                        height: \"100%\",\n                    } })),\n            react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(\"div\", { className: className + \"-text\", ref: textcontainerRef }, formatMeter(state)))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProgressBar);\n\n\n//# sourceURL=webpack://@linkdlab/funcnodes_react_flow/./src/frontend/utils/progressbar.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var _utils_autolayout_txt__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/autolayout/txt */ \"./src/utils/autolayout/txt.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (undefined && undefined.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\n\n\nfunction formatMeter(options) {\n    var _a, _b;\n    if (options === void 0) { options = {\n        n: 0,\n        elapsed: 0,\n        ascii: false,\n        unit: \"it\",\n        unit_scale: false,\n        unit_divisor: 1000,\n    }; }\n    var total = (_a = options.total) !== null && _a !== void 0 ? _a : null;\n    var n = options.n, unit_scale = options.unit_scale, elapsed = options.elapsed, \n    // ascii,\n    unit = options.unit, unit_divisor = options.unit_divisor, \n    // ncols = undefined,\n    _c = options.prefix, \n    // ncols = undefined,\n    prefix = _c === void 0 ? \"\" : _c, _d = options.rate, rate = _d === void 0 ? undefined : _d, \n    // bar_format = undefined,\n    _e = options.postfix, \n    // bar_format = undefined,\n    postfix = _e === void 0 ? null : _e, _f = options.initial, initial = _f === void 0 ? 0 : _f;\n    if (total !== null && n >= total + 0.5) {\n        total = null;\n    }\n    var scaledN = n;\n    var scaledTotal = total;\n    var scaledRate = rate;\n    if (unit_scale && unit_scale !== true && unit_scale !== 1) {\n        if (total !== null) {\n            scaledTotal = total * unit_scale;\n        }\n        scaledN = n * unit_scale;\n        if (rate !== undefined) {\n            scaledRate = rate * unit_scale;\n        }\n    }\n    var elapsedStr = formatInterval(elapsed);\n    if (scaledRate === undefined && elapsed > 0) {\n        scaledRate = (scaledN - initial) / elapsed;\n    }\n    var invRate = scaledRate ? 1 / scaledRate : undefined;\n    var _g = scaledRate\n        ? formatSize(scaledRate, unit_divisor)\n        : [undefined, \"\"], rateval = _g[0], ratescale = _g[1];\n    var _h = invRate\n        ? formatSize(invRate, 1000)\n        : [undefined, \"\"], invrateval = _h[0], invratescale = _h[1];\n    var rateNoInvFmt = (rateval ? rateval : \"?\") + \"\".concat(ratescale).concat(unit, \"/s\");\n    var rateInvFmt = invrateval ? \"\".concat(invrateval).concat(invratescale, \"s/\") + unit : \"?\";\n    var rateFmt = invRate && invRate > 1 ? rateInvFmt : rateNoInvFmt;\n    var nFmt = unit_scale\n        ? formatSize(scaledN, unit_divisor).join(\"\")\n        : scaledN.toString();\n    var totalFmt = unit_scale && scaledTotal !== null\n        ? formatSize(scaledTotal, unit_divisor).join(\"\")\n        : (_b = scaledTotal === null || scaledTotal === void 0 ? void 0 : scaledTotal.toString()) !== null && _b !== void 0 ? _b : \"?\";\n    var remaining = scaledRate && scaledTotal !== null\n        ? (scaledTotal - scaledN) / scaledRate\n        : 0;\n    var remainingStr = scaledRate ? formatInterval(remaining) : \"?\";\n    var lBar = prefix ? \"\".concat(prefix, \": \") : \"\";\n    if (total !== null) {\n        var percentage = (scaledN / total) * 100;\n        var rBar = \" \".concat(nFmt, \"/\").concat(totalFmt, \" [\").concat(elapsedStr, \" < \").concat(remainingStr, \", \").concat(rateFmt).concat(postfix !== null && postfix !== void 0 ? postfix : \"\", \"]\");\n        // const progressBar = createProgressBar(scaledN / total, ncols);\n        return \"\".concat(lBar).concat(percentage.toFixed(0), \"%\").concat(rBar);\n    }\n    return \"\".concat(lBar).concat(nFmt).concat(unit, \" [\").concat(elapsedStr, \", \").concat(rateFmt).concat(postfix !== null && postfix !== void 0 ? postfix : \"\", \"]\");\n}\nfunction formatInterval(seconds) {\n    var minutes = Math.floor(seconds / 60);\n    var secs = Math.floor(seconds % 60);\n    return \"\".concat(minutes, \":\").concat(secs.toString().padStart(2, \"0\"));\n}\nfunction formatSize(value, divisor) {\n    var units = [\"\", \"K\", \"M\", \"G\", \"T\"];\n    var unitIndex = 0;\n    while (value >= divisor && unitIndex < units.length - 1) {\n        value /= divisor;\n        unitIndex++;\n    }\n    return [value.toFixed(2), units[unitIndex]];\n}\nvar ProgressBar = function (_a) {\n    var state = _a.state, _b = _a.className, className = _b === void 0 ? \"reacttqdm\" : _b, rest = __rest(_a, [\"state\", \"className\"]);\n    var containerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n    var textcontainerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n        var handleResize = function () {\n            if (!containerRef.current || !textcontainerRef.current)\n                return;\n            (0,_utils_autolayout_txt__WEBPACK_IMPORTED_MODULE_1__.fitTextToContainer)(containerRef.current, textcontainerRef.current, {\n                maxFontSize: 12,\n                decrementFactor: 0.9,\n            });\n        };\n        handleResize(); // Initial calculation\n        window.addEventListener(\"resize\", handleResize);\n        return function () {\n            window.removeEventListener(\"resize\", handleResize);\n        };\n    }, [state]);\n    var progressPercentage = state.total ? (state.n / state.total) * 100 : 0;\n    return (react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(\"div\", __assign({ ref: containerRef, className: className }, rest),\n        react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(\"div\", { style: {\n                position: \"relative\",\n                display: \"flex\",\n                flexDirection: \"column\",\n                justifyContent: \"center\",\n                alignItems: \"center\",\n            } },\n            react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(\"div\", { className: className + \"-bar\", style: {\n                    position: \"absolute\",\n                    width: \"100%\",\n                    height: \"100%\", // Adjust height if needed\n                    overflow: \"hidden\",\n                } },\n                react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(\"div\", { className: className + \"-progress\", style: {\n                        width: \"\".concat(progressPercentage, \"%\"),\n                        height: \"100%\",\n                    } })),\n            react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(\"div\", { className: className + \"-text\", ref: textcontainerRef }, formatMeter(state)))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProgressBar);\n\n\n//# sourceURL=webpack://@linkdlab/funcnodes_react_flow/./src/frontend/utils/progressbar.tsx?");
 
 /***/ }),
 
@@ -2836,7 +2836,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \******************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ \"../node_modules/axios/lib/axios.js\");\n/* harmony import */ var _funcnodesworker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./funcnodesworker */ \"./src/funcnodes/funcnodesworker.ts\");\nvar __extends = (undefined && undefined.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        if (typeof b !== \"function\" && b !== null)\n            throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n\n\nvar WebSocketWorker = /** @class */ (function (_super) {\n    __extends(WebSocketWorker, _super);\n    function WebSocketWorker(data) {\n        var _this = _super.call(this, data) || this;\n        _this._websocket = null;\n        _this.reconnectAttempts = 0;\n        _this.maxReconnectAttempts = 999;\n        _this.initialTimeout = 200; // Initial reconnect delay in ms\n        _this.maxTimeout = 5000; // Maximum reconnect delay\n        _this._reconnect = true;\n        _this._url = data.url;\n        _this.connect();\n        if (_this._zustand)\n            _this._zustand.auto_progress();\n        return _this;\n    }\n    WebSocketWorker.prototype.connect = function () {\n        var _this = this;\n        var _a;\n        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.info(\"Connecting to websocket\");\n        this.is_open = false;\n        this._websocket = new WebSocket(this._url);\n        this._websocket.onopen = function () {\n            _this.onopen();\n        };\n        this._websocket.onclose = function () {\n            _this.onclose();\n        };\n        this._websocket.onerror = function () {\n            _this.on_ws_error();\n        };\n        this._websocket.onmessage = function (event) {\n            _this.onmessage(event.data);\n        };\n    };\n    WebSocketWorker.prototype.calculateReconnectTimeout = function () {\n        // Increase timeout exponentially, capped at maxTimeout\n        var timeout = Math.min(this.initialTimeout * Math.pow(2, this.reconnectAttempts), this.maxTimeout);\n        return timeout;\n    };\n    WebSocketWorker.prototype.auto_reconnect = function () {\n        var _this = this;\n        var _a, _b;\n        if (this.reconnectAttempts < this.maxReconnectAttempts) {\n            var timeout = this.calculateReconnectTimeout();\n            (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.info(\"Attempting to reconnect in \".concat(timeout, \" ms\"));\n            setTimeout(function () {\n                if (_this._websocket) {\n                    if (_this._websocket.readyState === WebSocket.OPEN) {\n                        return;\n                    }\n                }\n                _this.reconnectAttempts++;\n                _this.connect();\n            }, timeout);\n        }\n        else {\n            (_b = this._zustand) === null || _b === void 0 ? void 0 : _b.logger.warn(\"Maximum reconnect attempts reached. Giving up.\");\n        }\n    };\n    WebSocketWorker.prototype.onmessage = function (data) {\n        return __awaiter(this, void 0, void 0, function () {\n            var json;\n            var _a;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        json = JSON.parse(data);\n                        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.debug(\"Recieved data of length: \".concat(data.length, \" and data\\\"\"), json);\n                        return [4 /*yield*/, this.recieve(json)];\n                    case 1:\n                        _b.sent();\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    Object.defineProperty(WebSocketWorker.prototype, \"http_protocol\", {\n        get: function () {\n            return this.secure_url ? \"https\" : \"http\";\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(WebSocketWorker.prototype, \"secure_url\", {\n        get: function () {\n            return this._url.startsWith(\"wss\");\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(WebSocketWorker.prototype, \"url_wo_protocol\", {\n        get: function () {\n            return this._url.substring(this.secure_url ? 6 : 5);\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(WebSocketWorker.prototype, \"http_url\", {\n        get: function () {\n            var url = this.http_protocol + \"://\" + this.url_wo_protocol;\n            // add / to url if it does not end with /\n            if (url[url.length - 1] !== \"/\") {\n                url += \"/\";\n            }\n            return url;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    WebSocketWorker.prototype.upload_file = function (files, onProgressCallback) {\n        return __awaiter(this, void 0, void 0, function () {\n            var url, formdata, fileArray, _i, fileArray_1, file, response, error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        url = \"\".concat(this.http_url, \"upload/\");\n                        formdata = new FormData();\n                        fileArray = Array.isArray(files) ? files : Array.from(files);\n                        for (_i = 0, fileArray_1 = fileArray; _i < fileArray_1.length; _i++) {\n                            file = fileArray_1[_i];\n                            formdata.append(\"file\", file, file.webkitRelativePath || file.name);\n                        }\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 3, , 4]);\n                        return [4 /*yield*/, axios__WEBPACK_IMPORTED_MODULE_1__[\"default\"].post(url, formdata, {\n                                headers: {\n                                    \"Content-Type\": \"multipart/form-data\",\n                                },\n                                onUploadProgress: function (progressEvent) {\n                                    if (onProgressCallback) {\n                                        onProgressCallback(progressEvent.loaded, progressEvent.total);\n                                    }\n                                },\n                            })];\n                    case 2:\n                        response = _a.sent();\n                        // Assuming the server response contains a JSON object with the filename\n                        return [2 /*return*/, response.data.files];\n                    case 3:\n                        error_1 = _a.sent();\n                        throw new Error(\"Failed to upload file\");\n                    case 4: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    WebSocketWorker.prototype.handle_large_message_hint = function (_a) {\n        return __awaiter(this, arguments, void 0, function (_b) {\n            var url, resp, json;\n            var msg_id = _b.msg_id;\n            return __generator(this, function (_c) {\n                switch (_c.label) {\n                    case 0:\n                        url = this.http_url;\n                        url += \"message/\" + msg_id;\n                        return [4 /*yield*/, fetch(url, {\n                                method: \"GET\",\n                                headers: {\n                                    \"Content-Type\": \"application/json\",\n                                    \"Access-Control-Allow-Origin\": \"*\",\n                                },\n                            })];\n                    case 1:\n                        resp = _c.sent();\n                        return [4 /*yield*/, resp.json()];\n                    case 2:\n                        json = _c.sent();\n                        this.recieve(json);\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    WebSocketWorker.prototype.onopen = function () {\n        var _a;\n        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.info(\"Websocket opened\");\n        this.is_open = true;\n        if (this._zustand)\n            this._zustand.auto_progress();\n        this.reconnectAttempts = 0;\n        this.stepwise_fullsync();\n    };\n    WebSocketWorker.prototype.onclose = function () {\n        var _a, _b;\n        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.info(\"Websocket closed\");\n        _super.prototype.onclose.call(this);\n        if (this._reconnect) {\n            (_b = this._zustand) === null || _b === void 0 ? void 0 : _b.logger.info(\"Websocket closed,reconnecting\");\n            this.auto_reconnect(); // Attempt to reconnect\n        }\n    };\n    WebSocketWorker.prototype.on_ws_error = function () {\n        var _a;\n        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.warn(\"Websocket error\");\n        if (this._websocket) {\n            this._websocket.close(); // Ensure the connection is closed before attempting to reconnect\n        }\n        else {\n            this.auto_reconnect();\n        }\n    };\n    WebSocketWorker.prototype.send_large_message = function (jsondata) {\n        return __awaiter(this, void 0, void 0, function () {\n            var url;\n            return __generator(this, function (_a) {\n                url = \"http\" + this._url.substring(2);\n                //add /msg_id to url to get the large message (url might end with /)\n                if (url[url.length - 1] !== \"/\") {\n                    url += \"/\";\n                }\n                url += \"message/\";\n                console.log(jsondata.length);\n                return [2 /*return*/];\n            });\n        });\n    };\n    WebSocketWorker.prototype.send = function (data) {\n        return __awaiter(this, void 0, void 0, function () {\n            var jsonstring, datasize;\n            var _a, _b, _c;\n            return __generator(this, function (_d) {\n                switch (_d.label) {\n                    case 0:\n                        if (!this._websocket || this._websocket.readyState !== WebSocket.OPEN) {\n                            (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.warn(\"Websocket not connected\");\n                            return [2 /*return*/];\n                        }\n                        jsonstring = JSON.stringify(data);\n                        datasize = new Blob([jsonstring]).size;\n                        if (!(datasize > 1000000)) return [3 /*break*/, 2];\n                        // 1MB\n                        (_b = this._zustand) === null || _b === void 0 ? void 0 : _b.logger.info(\"Data too large, sending via http\");\n                        return [4 /*yield*/, this.send_large_message(jsonstring)];\n                    case 1: return [2 /*return*/, _d.sent()];\n                    case 2:\n                        (_c = this._zustand) === null || _c === void 0 ? void 0 : _c.logger.debug(\"Sending data\", data);\n                        this._websocket.send(jsonstring);\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    WebSocketWorker.prototype.stop = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, _super.prototype.stop.call(this)];\n                    case 1:\n                        _a.sent();\n                        this._reconnect = false;\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    WebSocketWorker.prototype.close = function () {\n        if (this._websocket)\n            this._websocket.close();\n    };\n    WebSocketWorker.prototype.disconnect = function () {\n        _super.prototype.disconnect.call(this);\n        this._reconnect = false;\n        this.close();\n    };\n    WebSocketWorker.prototype.reconnect = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var _this = this;\n            var _a;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0: return [4 /*yield*/, _super.prototype.reconnect.call(this)];\n                    case 1:\n                        _b.sent();\n                        this._reconnect = true;\n                        if (!this._websocket) return [3 /*break*/, 4];\n                        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.info(\"Reconnecting\");\n                        if (!(this._websocket.readyState === WebSocket.OPEN ||\n                            this._websocket.readyState === WebSocket.CONNECTING)) return [3 /*break*/, 4];\n                        if (!(this._websocket.readyState === WebSocket.CONNECTING)) return [3 /*break*/, 3];\n                        //await to ensure the websocket is connected, with a timeout of 2 seconds\n                        return [4 /*yield*/, new Promise(function (resolve, reject) {\n                                if (_this._websocket === null)\n                                    return;\n                                var timeout = setTimeout(function () {\n                                    reject(\"Timeout@reconnect\");\n                                }, 2000);\n                                _this._websocket.addEventListener(\"open\", function () {\n                                    clearTimeout(timeout);\n                                    resolve(null);\n                                }, { once: true });\n                                if (_this._websocket.readyState === WebSocket.OPEN) {\n                                    clearTimeout(timeout);\n                                    resolve(null);\n                                }\n                            })];\n                    case 2:\n                        //await to ensure the websocket is connected, with a timeout of 2 seconds\n                        _b.sent();\n                        _b.label = 3;\n                    case 3:\n                        if (this._websocket.readyState === WebSocket.OPEN) {\n                            this.stepwise_fullsync();\n                            return [2 /*return*/];\n                        }\n                        _b.label = 4;\n                    case 4:\n                        this.connect();\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    return WebSocketWorker;\n}(_funcnodesworker__WEBPACK_IMPORTED_MODULE_0__[\"default\"]));\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (WebSocketWorker);\n\n\n//# sourceURL=webpack://@linkdlab/funcnodes_react_flow/./src/funcnodes/websocketworker.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ \"../node_modules/axios/lib/axios.js\");\n/* harmony import */ var _funcnodesworker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./funcnodesworker */ \"./src/funcnodes/funcnodesworker.ts\");\nvar __extends = (undefined && undefined.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        if (typeof b !== \"function\" && b !== null)\n            throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n\n\nvar WebSocketWorker = /** @class */ (function (_super) {\n    __extends(WebSocketWorker, _super);\n    function WebSocketWorker(data) {\n        var _this = _super.call(this, data) || this;\n        _this._websocket = null;\n        _this.reconnectAttempts = 0;\n        _this.maxReconnectAttempts = 999;\n        _this.initialTimeout = 200; // Initial reconnect delay in ms\n        _this.maxTimeout = 5000; // Maximum reconnect delay\n        _this._reconnect = true;\n        _this._url = data.url;\n        _this.connect();\n        if (_this._zustand)\n            _this._zustand.auto_progress();\n        return _this;\n    }\n    WebSocketWorker.prototype.connect = function () {\n        var _this = this;\n        var _a;\n        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.info(\"Connecting to websocket\");\n        this.is_open = false;\n        this._websocket = new WebSocket(this._url);\n        this._websocket.onopen = function () {\n            _this.onopen();\n        };\n        this._websocket.onclose = function () {\n            _this.onclose();\n        };\n        this._websocket.onerror = function () {\n            _this.on_ws_error();\n        };\n        this._websocket.onmessage = function (event) {\n            _this.onmessage(event.data);\n        };\n    };\n    WebSocketWorker.prototype.calculateReconnectTimeout = function () {\n        // Increase timeout exponentially, capped at maxTimeout\n        var timeout = Math.min(this.initialTimeout * Math.pow(2, this.reconnectAttempts), this.maxTimeout);\n        return timeout;\n    };\n    WebSocketWorker.prototype.auto_reconnect = function () {\n        var _this = this;\n        var _a, _b;\n        if (this.reconnectAttempts < this.maxReconnectAttempts) {\n            var timeout = this.calculateReconnectTimeout();\n            (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.info(\"Attempting to reconnect in \".concat(timeout, \" ms\"));\n            setTimeout(function () {\n                if (_this._websocket) {\n                    if (_this._websocket.readyState === WebSocket.OPEN) {\n                        return;\n                    }\n                }\n                _this.reconnectAttempts++;\n                _this.connect();\n            }, timeout);\n        }\n        else {\n            (_b = this._zustand) === null || _b === void 0 ? void 0 : _b.logger.warn(\"Maximum reconnect attempts reached. Giving up.\");\n        }\n    };\n    WebSocketWorker.prototype.onmessage = function (data) {\n        return __awaiter(this, void 0, void 0, function () {\n            var json;\n            var _a;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        json = JSON.parse(data);\n                        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.debug(\"Recieved data of length: \".concat(data.length, \" and data\\\"\"), json);\n                        return [4 /*yield*/, this.recieve(json)];\n                    case 1:\n                        _b.sent();\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    Object.defineProperty(WebSocketWorker.prototype, \"http_protocol\", {\n        get: function () {\n            return this.secure_url ? \"https\" : \"http\";\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(WebSocketWorker.prototype, \"secure_url\", {\n        get: function () {\n            return this._url.startsWith(\"wss\");\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(WebSocketWorker.prototype, \"url_wo_protocol\", {\n        get: function () {\n            return this._url.substring(this.secure_url ? 6 : 5);\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(WebSocketWorker.prototype, \"http_url\", {\n        get: function () {\n            var url = this.http_protocol + \"://\" + this.url_wo_protocol;\n            // add / to url if it does not end with /\n            if (url[url.length - 1] !== \"/\") {\n                url += \"/\";\n            }\n            return url;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    WebSocketWorker.prototype.upload_file = function (files, onProgressCallback, root) {\n        return __awaiter(this, void 0, void 0, function () {\n            var url, formdata, fileArray, _i, fileArray_1, file, subtarget, target, response, error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        url = \"\".concat(this.http_url, \"upload/\");\n                        formdata = new FormData();\n                        fileArray = Array.isArray(files) ? files : Array.from(files);\n                        for (_i = 0, fileArray_1 = fileArray; _i < fileArray_1.length; _i++) {\n                            file = fileArray_1[_i];\n                            subtarget = file.webkitRelativePath || file.name;\n                            target = root ? \"\".concat(root, \"/\").concat(subtarget) : subtarget;\n                            formdata.append(\"file\", file, target);\n                        }\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 3, , 4]);\n                        return [4 /*yield*/, axios__WEBPACK_IMPORTED_MODULE_1__[\"default\"].post(url, formdata, {\n                                headers: {\n                                    \"Content-Type\": \"multipart/form-data\",\n                                },\n                                onUploadProgress: function (progressEvent) {\n                                    if (onProgressCallback) {\n                                        onProgressCallback(progressEvent.loaded, progressEvent.total);\n                                    }\n                                },\n                            })];\n                    case 2:\n                        response = _a.sent();\n                        // Assuming the server response contains a JSON object with the filename\n                        return [2 /*return*/, response.data.file];\n                    case 3:\n                        error_1 = _a.sent();\n                        throw new Error(\"Failed to upload file\");\n                    case 4: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    WebSocketWorker.prototype.handle_large_message_hint = function (_a) {\n        return __awaiter(this, arguments, void 0, function (_b) {\n            var url, resp, json;\n            var msg_id = _b.msg_id;\n            return __generator(this, function (_c) {\n                switch (_c.label) {\n                    case 0:\n                        url = this.http_url;\n                        url += \"message/\" + msg_id;\n                        return [4 /*yield*/, fetch(url, {\n                                method: \"GET\",\n                                headers: {\n                                    \"Content-Type\": \"application/json\",\n                                    \"Access-Control-Allow-Origin\": \"*\",\n                                },\n                            })];\n                    case 1:\n                        resp = _c.sent();\n                        return [4 /*yield*/, resp.json()];\n                    case 2:\n                        json = _c.sent();\n                        this.recieve(json);\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    WebSocketWorker.prototype.onopen = function () {\n        var _a;\n        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.info(\"Websocket opened\");\n        this.is_open = true;\n        if (this._zustand)\n            this._zustand.auto_progress();\n        this.reconnectAttempts = 0;\n        this.stepwise_fullsync();\n    };\n    WebSocketWorker.prototype.onclose = function () {\n        var _a, _b;\n        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.info(\"Websocket closed\");\n        _super.prototype.onclose.call(this);\n        if (this._reconnect) {\n            (_b = this._zustand) === null || _b === void 0 ? void 0 : _b.logger.info(\"Websocket closed,reconnecting\");\n            this.auto_reconnect(); // Attempt to reconnect\n        }\n    };\n    WebSocketWorker.prototype.on_ws_error = function () {\n        var _a;\n        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.warn(\"Websocket error\");\n        if (this._websocket) {\n            this._websocket.close(); // Ensure the connection is closed before attempting to reconnect\n        }\n        else {\n            this.auto_reconnect();\n        }\n    };\n    WebSocketWorker.prototype.send_large_message = function (jsondata) {\n        return __awaiter(this, void 0, void 0, function () {\n            var url;\n            return __generator(this, function (_a) {\n                url = \"http\" + this._url.substring(2);\n                //add /msg_id to url to get the large message (url might end with /)\n                if (url[url.length - 1] !== \"/\") {\n                    url += \"/\";\n                }\n                url += \"message/\";\n                console.log(jsondata.length);\n                return [2 /*return*/];\n            });\n        });\n    };\n    WebSocketWorker.prototype.send = function (data) {\n        return __awaiter(this, void 0, void 0, function () {\n            var jsonstring, datasize;\n            var _a, _b, _c;\n            return __generator(this, function (_d) {\n                switch (_d.label) {\n                    case 0:\n                        if (!this._websocket || this._websocket.readyState !== WebSocket.OPEN) {\n                            (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.warn(\"Websocket not connected\");\n                            return [2 /*return*/];\n                        }\n                        jsonstring = JSON.stringify(data);\n                        datasize = new Blob([jsonstring]).size;\n                        if (!(datasize > 1000000)) return [3 /*break*/, 2];\n                        // 1MB\n                        (_b = this._zustand) === null || _b === void 0 ? void 0 : _b.logger.info(\"Data too large, sending via http\");\n                        return [4 /*yield*/, this.send_large_message(jsonstring)];\n                    case 1: return [2 /*return*/, _d.sent()];\n                    case 2:\n                        (_c = this._zustand) === null || _c === void 0 ? void 0 : _c.logger.debug(\"Sending data\", data);\n                        this._websocket.send(jsonstring);\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    WebSocketWorker.prototype.stop = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, _super.prototype.stop.call(this)];\n                    case 1:\n                        _a.sent();\n                        this._reconnect = false;\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    WebSocketWorker.prototype.close = function () {\n        if (this._websocket)\n            this._websocket.close();\n    };\n    WebSocketWorker.prototype.disconnect = function () {\n        _super.prototype.disconnect.call(this);\n        this._reconnect = false;\n        this.close();\n    };\n    WebSocketWorker.prototype.reconnect = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var _this = this;\n            var _a;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0: return [4 /*yield*/, _super.prototype.reconnect.call(this)];\n                    case 1:\n                        _b.sent();\n                        this._reconnect = true;\n                        if (!this._websocket) return [3 /*break*/, 4];\n                        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.info(\"Reconnecting\");\n                        if (!(this._websocket.readyState === WebSocket.OPEN ||\n                            this._websocket.readyState === WebSocket.CONNECTING)) return [3 /*break*/, 4];\n                        if (!(this._websocket.readyState === WebSocket.CONNECTING)) return [3 /*break*/, 3];\n                        //await to ensure the websocket is connected, with a timeout of 2 seconds\n                        return [4 /*yield*/, new Promise(function (resolve, reject) {\n                                if (_this._websocket === null)\n                                    return;\n                                var timeout = setTimeout(function () {\n                                    reject(\"Timeout@reconnect\");\n                                }, 2000);\n                                _this._websocket.addEventListener(\"open\", function () {\n                                    clearTimeout(timeout);\n                                    resolve(null);\n                                }, { once: true });\n                                if (_this._websocket.readyState === WebSocket.OPEN) {\n                                    clearTimeout(timeout);\n                                    resolve(null);\n                                }\n                            })];\n                    case 2:\n                        //await to ensure the websocket is connected, with a timeout of 2 seconds\n                        _b.sent();\n                        _b.label = 3;\n                    case 3:\n                        if (this._websocket.readyState === WebSocket.OPEN) {\n                            this.stepwise_fullsync();\n                            return [2 /*return*/];\n                        }\n                        _b.label = 4;\n                    case 4:\n                        this.connect();\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    return WebSocketWorker;\n}(_funcnodesworker__WEBPACK_IMPORTED_MODULE_0__[\"default\"]));\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (WebSocketWorker);\n\n\n//# sourceURL=webpack://@linkdlab/funcnodes_react_flow/./src/funcnodes/websocketworker.ts?");
 
 /***/ }),
 

package/dist/types/frontend/utils/progressbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progressbar.d.ts","sourceRoot":"","sources":["../../../../src/frontend/utils/progressbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,UAAU,SAAS;IACjB,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,gBAAgB;IACxB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8GD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CACzB,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CA4DxD,CAAC;AAEF,eAAe,WAAW,CAAC;AAE3B,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"progressbar.d.ts","sourceRoot":"","sources":["../../../../src/frontend/utils/progressbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,UAAU,SAAS;IACjB,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,gBAAgB;IACxB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8GD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CACzB,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CA2DxD,CAAC;AAEF,eAAe,WAAW,CAAC;AAE3B,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/types/funcnodes/websocketworker.d.ts

@@ -20,7 +20,7 @@ declare class WebSocketWorker extends FuncNodesWorker {
     get secure_url(): boolean;
     get url_wo_protocol(): string;
     get http_url(): string;
-    upload_file(files: File[] | FileList, onProgressCallback?: (loaded: number, total?: number) => void): Promise<string[]>;
+    upload_file(files: File[] | FileList, onProgressCallback?: (loaded: number, total?: number) => void, root?: string): Promise<string[]>;
     handle_large_message_hint({ msg_id }: LargeMessageHint): Promise<void>;
     onopen(): void;
     onclose(): void;

package/dist/types/funcnodes/websocketworker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"websocketworker.d.ts","sourceRoot":"","sources":["../../../src/funcnodes/websocketworker.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,eAAe,EAAE,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEjE,UAAU,oBAAqB,SAAQ,WAAW;IAChD,GAAG,EAAE,MAAM,CAAC;CACb;AACD,cAAM,eAAgB,SAAQ,eAAe;IAC3C,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,UAAU,CAA0B;IAC5C,OAAO,CAAC,iBAAiB,CAAa;IACtC,OAAO,CAAC,oBAAoB,CAAe;IAC3C,OAAO,CAAC,cAAc,CAAe;IACrC,OAAO,CAAC,UAAU,CAAgB;IAClC,OAAO,CAAC,UAAU,CAAiB;gBACvB,IAAI,EAAE,oBAAoB;IAOtC,OAAO,CAAC,OAAO;IAsBf,OAAO,CAAC,yBAAyB;IAQjC,OAAO,CAAC,cAAc;IAqBhB,SAAS,CAAC,IAAI,EAAE,MAAM;IAW5B,IAAI,aAAa,IAAI,MAAM,CAE1B;IACD,IAAI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,eAAe,IAAI,MAAM,CAE5B;IACD,IAAI,QAAQ,IAAI,MAAM,CAOrB;IAEK,WAAW,CACf,KAAK,EAAE,IAAI,EAAE,GAAG,QAAQ,EACxB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,GAC5D,OAAO,CAAC,MAAM,EAAE,CAAC;IA2Bd,yBAAyB,CAAC,EAAE,MAAM,EAAE,EAAE,gBAAgB;IAmB5D,MAAM;IAON,OAAO;IASP,WAAW;IASL,kBAAkB,CAAC,QAAQ,EAAE,MAAM;IAkBnC,IAAI,CAAC,IAAI,EAAE,GAAG;IAkBd,IAAI;IAKV,KAAK;IAGL,UAAU;IAMJ,SAAS;CAsChB;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"websocketworker.d.ts","sourceRoot":"","sources":["../../../src/funcnodes/websocketworker.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,eAAe,EAAE,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEjE,UAAU,oBAAqB,SAAQ,WAAW;IAChD,GAAG,EAAE,MAAM,CAAC;CACb;AACD,cAAM,eAAgB,SAAQ,eAAe;IAC3C,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,UAAU,CAA0B;IAC5C,OAAO,CAAC,iBAAiB,CAAa;IACtC,OAAO,CAAC,oBAAoB,CAAe;IAC3C,OAAO,CAAC,cAAc,CAAe;IACrC,OAAO,CAAC,UAAU,CAAgB;IAClC,OAAO,CAAC,UAAU,CAAiB;gBACvB,IAAI,EAAE,oBAAoB;IAOtC,OAAO,CAAC,OAAO;IAsBf,OAAO,CAAC,yBAAyB;IAQjC,OAAO,CAAC,cAAc;IAqBhB,SAAS,CAAC,IAAI,EAAE,MAAM;IAW5B,IAAI,aAAa,IAAI,MAAM,CAE1B;IACD,IAAI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,eAAe,IAAI,MAAM,CAE5B;IACD,IAAI,QAAQ,IAAI,MAAM,CAOrB;IAEK,WAAW,CACf,KAAK,EAAE,IAAI,EAAE,GAAG,QAAQ,EACxB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,EAC7D,IAAI,CAAC,EAAE,MAAM,GACZ,OAAO,CAAC,MAAM,EAAE,CAAC;IA6Bd,yBAAyB,CAAC,EAAE,MAAM,EAAE,EAAE,gBAAgB;IAmB5D,MAAM;IAON,OAAO;IASP,WAAW;IASL,kBAAkB,CAAC,QAAQ,EAAE,MAAM;IAkBnC,IAAI,CAAC,IAAI,EAAE,GAAG;IAkBd,IAAI;IAKV,KAAK;IAGL,UAAU;IAMJ,SAAS;CAsChB;AAED,eAAe,eAAe,CAAC"}

package/dist/umd/index.umd.js

@@ -3130,7 +3130,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils_autolayout_txt__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/autolayout/txt */ \"./src/utils/autolayout/txt.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (undefined && undefined.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\n\n\nfunction formatMeter(options) {\n    var _a, _b;\n    if (options === void 0) { options = {\n        n: 0,\n        elapsed: 0,\n        ascii: false,\n        unit: \"it\",\n        unit_scale: false,\n        unit_divisor: 1000,\n    }; }\n    var total = (_a = options.total) !== null && _a !== void 0 ? _a : null;\n    var n = options.n, unit_scale = options.unit_scale, elapsed = options.elapsed, \n    // ascii,\n    unit = options.unit, unit_divisor = options.unit_divisor, \n    // ncols = undefined,\n    _c = options.prefix, \n    // ncols = undefined,\n    prefix = _c === void 0 ? \"\" : _c, _d = options.rate, rate = _d === void 0 ? undefined : _d, \n    // bar_format = undefined,\n    _e = options.postfix, \n    // bar_format = undefined,\n    postfix = _e === void 0 ? null : _e, _f = options.initial, initial = _f === void 0 ? 0 : _f;\n    if (total !== null && n >= total + 0.5) {\n        total = null;\n    }\n    var scaledN = n;\n    var scaledTotal = total;\n    var scaledRate = rate;\n    if (unit_scale && unit_scale !== true && unit_scale !== 1) {\n        if (total !== null) {\n            scaledTotal = total * unit_scale;\n        }\n        scaledN = n * unit_scale;\n        if (rate !== undefined) {\n            scaledRate = rate * unit_scale;\n        }\n    }\n    var elapsedStr = formatInterval(elapsed);\n    if (scaledRate === undefined && elapsed > 0) {\n        scaledRate = (scaledN - initial) / elapsed;\n    }\n    var invRate = scaledRate ? 1 / scaledRate : undefined;\n    var _g = scaledRate\n        ? formatSize(scaledRate, unit_divisor)\n        : [undefined, \"\"], rateval = _g[0], ratescale = _g[1];\n    var _h = invRate\n        ? formatSize(invRate, 1000)\n        : [undefined, \"\"], invrateval = _h[0], invratescale = _h[1];\n    var rateNoInvFmt = (rateval ? rateval : \"?\") + \"\".concat(ratescale).concat(unit, \"/s\");\n    var rateInvFmt = invrateval ? \"\".concat(invrateval).concat(invratescale, \"s/\") + unit : \"?\";\n    var rateFmt = invRate && invRate > 1 ? rateInvFmt : rateNoInvFmt;\n    var nFmt = unit_scale\n        ? formatSize(scaledN, unit_divisor).join(\"\")\n        : scaledN.toString();\n    var totalFmt = unit_scale && scaledTotal !== null\n        ? formatSize(scaledTotal, unit_divisor).join(\"\")\n        : (_b = scaledTotal === null || scaledTotal === void 0 ? void 0 : scaledTotal.toString()) !== null && _b !== void 0 ? _b : \"?\";\n    var remaining = scaledRate && scaledTotal !== null\n        ? (scaledTotal - scaledN) / scaledRate\n        : 0;\n    var remainingStr = scaledRate ? formatInterval(remaining) : \"?\";\n    var lBar = prefix ? \"\".concat(prefix, \": \") : \"\";\n    if (total !== null) {\n        var percentage = (scaledN / total) * 100;\n        var rBar = \" \".concat(nFmt, \"/\").concat(totalFmt, \" [\").concat(elapsedStr, \" < \").concat(remainingStr, \", \").concat(rateFmt).concat(postfix !== null && postfix !== void 0 ? postfix : \"\", \"]\");\n        // const progressBar = createProgressBar(scaledN / total, ncols);\n        return \"\".concat(lBar).concat(percentage.toFixed(0), \"%\").concat(rBar);\n    }\n    return \"\".concat(lBar).concat(nFmt).concat(unit, \" [\").concat(elapsedStr, \", \").concat(rateFmt).concat(postfix !== null && postfix !== void 0 ? postfix : \"\", \"]\");\n}\nfunction formatInterval(seconds) {\n    var minutes = Math.floor(seconds / 60);\n    var secs = Math.floor(seconds % 60);\n    return \"\".concat(minutes, \":\").concat(secs.toString().padStart(2, \"0\"));\n}\nfunction formatSize(value, divisor) {\n    var units = [\"\", \"K\", \"M\", \"G\", \"T\"];\n    var unitIndex = 0;\n    while (value >= divisor && unitIndex < units.length - 1) {\n        value /= divisor;\n        unitIndex++;\n    }\n    return [value.toFixed(2), units[unitIndex]];\n}\nvar ProgressBar = function (_a) {\n    var state = _a.state, _b = _a.className, className = _b === void 0 ? \"reacttqdm\" : _b, rest = __rest(_a, [\"state\", \"className\"]);\n    var containerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n    var textcontainerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n        var handleResize = function () {\n            if (!containerRef.current || !textcontainerRef.current)\n                return;\n            (0,_utils_autolayout_txt__WEBPACK_IMPORTED_MODULE_1__.fitTextToContainer)(containerRef.current, textcontainerRef.current, {\n                maxFontSize: 12,\n                decrementFactor: 0.9,\n            });\n        };\n        handleResize(); // Initial calculation\n        window.addEventListener(\"resize\", handleResize);\n        return function () {\n            window.removeEventListener(\"resize\", handleResize);\n        };\n    }, [state]);\n    console.log(\"STATE\", state);\n    var progressPercentage = state.total ? (state.n / state.total) * 100 : 0;\n    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", __assign({ ref: containerRef, className: className }, rest),\n        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { style: {\n                position: \"relative\",\n                display: \"flex\",\n                flexDirection: \"column\",\n                justifyContent: \"center\",\n                alignItems: \"center\",\n            } },\n            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: className + \"-bar\", style: {\n                    position: \"absolute\",\n                    width: \"100%\",\n                    height: \"100%\", // Adjust height if needed\n                    overflow: \"hidden\",\n                } },\n                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: className + \"-progress\", style: {\n                        width: \"\".concat(progressPercentage, \"%\"),\n                        height: \"100%\",\n                    } })),\n            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: className + \"-text\", ref: textcontainerRef }, formatMeter(state)))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProgressBar);\n\n\n//# sourceURL=webpack://FuncNodesReact/./src/frontend/utils/progressbar.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils_autolayout_txt__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/autolayout/txt */ \"./src/utils/autolayout/txt.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (undefined && undefined.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\n\n\nfunction formatMeter(options) {\n    var _a, _b;\n    if (options === void 0) { options = {\n        n: 0,\n        elapsed: 0,\n        ascii: false,\n        unit: \"it\",\n        unit_scale: false,\n        unit_divisor: 1000,\n    }; }\n    var total = (_a = options.total) !== null && _a !== void 0 ? _a : null;\n    var n = options.n, unit_scale = options.unit_scale, elapsed = options.elapsed, \n    // ascii,\n    unit = options.unit, unit_divisor = options.unit_divisor, \n    // ncols = undefined,\n    _c = options.prefix, \n    // ncols = undefined,\n    prefix = _c === void 0 ? \"\" : _c, _d = options.rate, rate = _d === void 0 ? undefined : _d, \n    // bar_format = undefined,\n    _e = options.postfix, \n    // bar_format = undefined,\n    postfix = _e === void 0 ? null : _e, _f = options.initial, initial = _f === void 0 ? 0 : _f;\n    if (total !== null && n >= total + 0.5) {\n        total = null;\n    }\n    var scaledN = n;\n    var scaledTotal = total;\n    var scaledRate = rate;\n    if (unit_scale && unit_scale !== true && unit_scale !== 1) {\n        if (total !== null) {\n            scaledTotal = total * unit_scale;\n        }\n        scaledN = n * unit_scale;\n        if (rate !== undefined) {\n            scaledRate = rate * unit_scale;\n        }\n    }\n    var elapsedStr = formatInterval(elapsed);\n    if (scaledRate === undefined && elapsed > 0) {\n        scaledRate = (scaledN - initial) / elapsed;\n    }\n    var invRate = scaledRate ? 1 / scaledRate : undefined;\n    var _g = scaledRate\n        ? formatSize(scaledRate, unit_divisor)\n        : [undefined, \"\"], rateval = _g[0], ratescale = _g[1];\n    var _h = invRate\n        ? formatSize(invRate, 1000)\n        : [undefined, \"\"], invrateval = _h[0], invratescale = _h[1];\n    var rateNoInvFmt = (rateval ? rateval : \"?\") + \"\".concat(ratescale).concat(unit, \"/s\");\n    var rateInvFmt = invrateval ? \"\".concat(invrateval).concat(invratescale, \"s/\") + unit : \"?\";\n    var rateFmt = invRate && invRate > 1 ? rateInvFmt : rateNoInvFmt;\n    var nFmt = unit_scale\n        ? formatSize(scaledN, unit_divisor).join(\"\")\n        : scaledN.toString();\n    var totalFmt = unit_scale && scaledTotal !== null\n        ? formatSize(scaledTotal, unit_divisor).join(\"\")\n        : (_b = scaledTotal === null || scaledTotal === void 0 ? void 0 : scaledTotal.toString()) !== null && _b !== void 0 ? _b : \"?\";\n    var remaining = scaledRate && scaledTotal !== null\n        ? (scaledTotal - scaledN) / scaledRate\n        : 0;\n    var remainingStr = scaledRate ? formatInterval(remaining) : \"?\";\n    var lBar = prefix ? \"\".concat(prefix, \": \") : \"\";\n    if (total !== null) {\n        var percentage = (scaledN / total) * 100;\n        var rBar = \" \".concat(nFmt, \"/\").concat(totalFmt, \" [\").concat(elapsedStr, \" < \").concat(remainingStr, \", \").concat(rateFmt).concat(postfix !== null && postfix !== void 0 ? postfix : \"\", \"]\");\n        // const progressBar = createProgressBar(scaledN / total, ncols);\n        return \"\".concat(lBar).concat(percentage.toFixed(0), \"%\").concat(rBar);\n    }\n    return \"\".concat(lBar).concat(nFmt).concat(unit, \" [\").concat(elapsedStr, \", \").concat(rateFmt).concat(postfix !== null && postfix !== void 0 ? postfix : \"\", \"]\");\n}\nfunction formatInterval(seconds) {\n    var minutes = Math.floor(seconds / 60);\n    var secs = Math.floor(seconds % 60);\n    return \"\".concat(minutes, \":\").concat(secs.toString().padStart(2, \"0\"));\n}\nfunction formatSize(value, divisor) {\n    var units = [\"\", \"K\", \"M\", \"G\", \"T\"];\n    var unitIndex = 0;\n    while (value >= divisor && unitIndex < units.length - 1) {\n        value /= divisor;\n        unitIndex++;\n    }\n    return [value.toFixed(2), units[unitIndex]];\n}\nvar ProgressBar = function (_a) {\n    var state = _a.state, _b = _a.className, className = _b === void 0 ? \"reacttqdm\" : _b, rest = __rest(_a, [\"state\", \"className\"]);\n    var containerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n    var textcontainerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n        var handleResize = function () {\n            if (!containerRef.current || !textcontainerRef.current)\n                return;\n            (0,_utils_autolayout_txt__WEBPACK_IMPORTED_MODULE_1__.fitTextToContainer)(containerRef.current, textcontainerRef.current, {\n                maxFontSize: 12,\n                decrementFactor: 0.9,\n            });\n        };\n        handleResize(); // Initial calculation\n        window.addEventListener(\"resize\", handleResize);\n        return function () {\n            window.removeEventListener(\"resize\", handleResize);\n        };\n    }, [state]);\n    var progressPercentage = state.total ? (state.n / state.total) * 100 : 0;\n    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", __assign({ ref: containerRef, className: className }, rest),\n        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { style: {\n                position: \"relative\",\n                display: \"flex\",\n                flexDirection: \"column\",\n                justifyContent: \"center\",\n                alignItems: \"center\",\n            } },\n            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: className + \"-bar\", style: {\n                    position: \"absolute\",\n                    width: \"100%\",\n                    height: \"100%\", // Adjust height if needed\n                    overflow: \"hidden\",\n                } },\n                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: className + \"-progress\", style: {\n                        width: \"\".concat(progressPercentage, \"%\"),\n                        height: \"100%\",\n                    } })),\n            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: className + \"-text\", ref: textcontainerRef }, formatMeter(state)))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProgressBar);\n\n\n//# sourceURL=webpack://FuncNodesReact/./src/frontend/utils/progressbar.tsx?");
 
 /***/ }),
 
@@ -3185,7 +3185,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ \"../node_modules/axios/lib/axios.js\");\n/* harmony import */ var _funcnodesworker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./funcnodesworker */ \"./src/funcnodes/funcnodesworker.ts\");\nvar __extends = (undefined && undefined.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        if (typeof b !== \"function\" && b !== null)\n            throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n\n\nvar WebSocketWorker = /** @class */ (function (_super) {\n    __extends(WebSocketWorker, _super);\n    function WebSocketWorker(data) {\n        var _this = _super.call(this, data) || this;\n        _this._websocket = null;\n        _this.reconnectAttempts = 0;\n        _this.maxReconnectAttempts = 999;\n        _this.initialTimeout = 200; // Initial reconnect delay in ms\n        _this.maxTimeout = 5000; // Maximum reconnect delay\n        _this._reconnect = true;\n        _this._url = data.url;\n        _this.connect();\n        if (_this._zustand)\n            _this._zustand.auto_progress();\n        return _this;\n    }\n    WebSocketWorker.prototype.connect = function () {\n        var _this = this;\n        var _a;\n        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.info(\"Connecting to websocket\");\n        this.is_open = false;\n        this._websocket = new WebSocket(this._url);\n        this._websocket.onopen = function () {\n            _this.onopen();\n        };\n        this._websocket.onclose = function () {\n            _this.onclose();\n        };\n        this._websocket.onerror = function () {\n            _this.on_ws_error();\n        };\n        this._websocket.onmessage = function (event) {\n            _this.onmessage(event.data);\n        };\n    };\n    WebSocketWorker.prototype.calculateReconnectTimeout = function () {\n        // Increase timeout exponentially, capped at maxTimeout\n        var timeout = Math.min(this.initialTimeout * Math.pow(2, this.reconnectAttempts), this.maxTimeout);\n        return timeout;\n    };\n    WebSocketWorker.prototype.auto_reconnect = function () {\n        var _this = this;\n        var _a, _b;\n        if (this.reconnectAttempts < this.maxReconnectAttempts) {\n            var timeout = this.calculateReconnectTimeout();\n            (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.info(\"Attempting to reconnect in \".concat(timeout, \" ms\"));\n            setTimeout(function () {\n                if (_this._websocket) {\n                    if (_this._websocket.readyState === WebSocket.OPEN) {\n                        return;\n                    }\n                }\n                _this.reconnectAttempts++;\n                _this.connect();\n            }, timeout);\n        }\n        else {\n            (_b = this._zustand) === null || _b === void 0 ? void 0 : _b.logger.warn(\"Maximum reconnect attempts reached. Giving up.\");\n        }\n    };\n    WebSocketWorker.prototype.onmessage = function (data) {\n        return __awaiter(this, void 0, void 0, function () {\n            var json;\n            var _a;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        json = JSON.parse(data);\n                        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.debug(\"Recieved data of length: \".concat(data.length, \" and data\\\"\"), json);\n                        return [4 /*yield*/, this.recieve(json)];\n                    case 1:\n                        _b.sent();\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    Object.defineProperty(WebSocketWorker.prototype, \"http_protocol\", {\n        get: function () {\n            return this.secure_url ? \"https\" : \"http\";\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(WebSocketWorker.prototype, \"secure_url\", {\n        get: function () {\n            return this._url.startsWith(\"wss\");\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(WebSocketWorker.prototype, \"url_wo_protocol\", {\n        get: function () {\n            return this._url.substring(this.secure_url ? 6 : 5);\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(WebSocketWorker.prototype, \"http_url\", {\n        get: function () {\n            var url = this.http_protocol + \"://\" + this.url_wo_protocol;\n            // add / to url if it does not end with /\n            if (url[url.length - 1] !== \"/\") {\n                url += \"/\";\n            }\n            return url;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    WebSocketWorker.prototype.upload_file = function (files, onProgressCallback) {\n        return __awaiter(this, void 0, void 0, function () {\n            var url, formdata, fileArray, _i, fileArray_1, file, response, error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        url = \"\".concat(this.http_url, \"upload/\");\n                        formdata = new FormData();\n                        fileArray = Array.isArray(files) ? files : Array.from(files);\n                        for (_i = 0, fileArray_1 = fileArray; _i < fileArray_1.length; _i++) {\n                            file = fileArray_1[_i];\n                            formdata.append(\"file\", file, file.webkitRelativePath || file.name);\n                        }\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 3, , 4]);\n                        return [4 /*yield*/, axios__WEBPACK_IMPORTED_MODULE_1__[\"default\"].post(url, formdata, {\n                                headers: {\n                                    \"Content-Type\": \"multipart/form-data\",\n                                },\n                                onUploadProgress: function (progressEvent) {\n                                    if (onProgressCallback) {\n                                        onProgressCallback(progressEvent.loaded, progressEvent.total);\n                                    }\n                                },\n                            })];\n                    case 2:\n                        response = _a.sent();\n                        // Assuming the server response contains a JSON object with the filename\n                        return [2 /*return*/, response.data.files];\n                    case 3:\n                        error_1 = _a.sent();\n                        throw new Error(\"Failed to upload file\");\n                    case 4: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    WebSocketWorker.prototype.handle_large_message_hint = function (_a) {\n        return __awaiter(this, arguments, void 0, function (_b) {\n            var url, resp, json;\n            var msg_id = _b.msg_id;\n            return __generator(this, function (_c) {\n                switch (_c.label) {\n                    case 0:\n                        url = this.http_url;\n                        url += \"message/\" + msg_id;\n                        return [4 /*yield*/, fetch(url, {\n                                method: \"GET\",\n                                headers: {\n                                    \"Content-Type\": \"application/json\",\n                                    \"Access-Control-Allow-Origin\": \"*\",\n                                },\n                            })];\n                    case 1:\n                        resp = _c.sent();\n                        return [4 /*yield*/, resp.json()];\n                    case 2:\n                        json = _c.sent();\n                        this.recieve(json);\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    WebSocketWorker.prototype.onopen = function () {\n        var _a;\n        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.info(\"Websocket opened\");\n        this.is_open = true;\n        if (this._zustand)\n            this._zustand.auto_progress();\n        this.reconnectAttempts = 0;\n        this.stepwise_fullsync();\n    };\n    WebSocketWorker.prototype.onclose = function () {\n        var _a, _b;\n        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.info(\"Websocket closed\");\n        _super.prototype.onclose.call(this);\n        if (this._reconnect) {\n            (_b = this._zustand) === null || _b === void 0 ? void 0 : _b.logger.info(\"Websocket closed,reconnecting\");\n            this.auto_reconnect(); // Attempt to reconnect\n        }\n    };\n    WebSocketWorker.prototype.on_ws_error = function () {\n        var _a;\n        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.warn(\"Websocket error\");\n        if (this._websocket) {\n            this._websocket.close(); // Ensure the connection is closed before attempting to reconnect\n        }\n        else {\n            this.auto_reconnect();\n        }\n    };\n    WebSocketWorker.prototype.send_large_message = function (jsondata) {\n        return __awaiter(this, void 0, void 0, function () {\n            var url;\n            return __generator(this, function (_a) {\n                url = \"http\" + this._url.substring(2);\n                //add /msg_id to url to get the large message (url might end with /)\n                if (url[url.length - 1] !== \"/\") {\n                    url += \"/\";\n                }\n                url += \"message/\";\n                console.log(jsondata.length);\n                return [2 /*return*/];\n            });\n        });\n    };\n    WebSocketWorker.prototype.send = function (data) {\n        return __awaiter(this, void 0, void 0, function () {\n            var jsonstring, datasize;\n            var _a, _b, _c;\n            return __generator(this, function (_d) {\n                switch (_d.label) {\n                    case 0:\n                        if (!this._websocket || this._websocket.readyState !== WebSocket.OPEN) {\n                            (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.warn(\"Websocket not connected\");\n                            return [2 /*return*/];\n                        }\n                        jsonstring = JSON.stringify(data);\n                        datasize = new Blob([jsonstring]).size;\n                        if (!(datasize > 1000000)) return [3 /*break*/, 2];\n                        // 1MB\n                        (_b = this._zustand) === null || _b === void 0 ? void 0 : _b.logger.info(\"Data too large, sending via http\");\n                        return [4 /*yield*/, this.send_large_message(jsonstring)];\n                    case 1: return [2 /*return*/, _d.sent()];\n                    case 2:\n                        (_c = this._zustand) === null || _c === void 0 ? void 0 : _c.logger.debug(\"Sending data\", data);\n                        this._websocket.send(jsonstring);\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    WebSocketWorker.prototype.stop = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, _super.prototype.stop.call(this)];\n                    case 1:\n                        _a.sent();\n                        this._reconnect = false;\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    WebSocketWorker.prototype.close = function () {\n        if (this._websocket)\n            this._websocket.close();\n    };\n    WebSocketWorker.prototype.disconnect = function () {\n        _super.prototype.disconnect.call(this);\n        this._reconnect = false;\n        this.close();\n    };\n    WebSocketWorker.prototype.reconnect = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var _this = this;\n            var _a;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0: return [4 /*yield*/, _super.prototype.reconnect.call(this)];\n                    case 1:\n                        _b.sent();\n                        this._reconnect = true;\n                        if (!this._websocket) return [3 /*break*/, 4];\n                        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.info(\"Reconnecting\");\n                        if (!(this._websocket.readyState === WebSocket.OPEN ||\n                            this._websocket.readyState === WebSocket.CONNECTING)) return [3 /*break*/, 4];\n                        if (!(this._websocket.readyState === WebSocket.CONNECTING)) return [3 /*break*/, 3];\n                        //await to ensure the websocket is connected, with a timeout of 2 seconds\n                        return [4 /*yield*/, new Promise(function (resolve, reject) {\n                                if (_this._websocket === null)\n                                    return;\n                                var timeout = setTimeout(function () {\n                                    reject(\"Timeout@reconnect\");\n                                }, 2000);\n                                _this._websocket.addEventListener(\"open\", function () {\n                                    clearTimeout(timeout);\n                                    resolve(null);\n                                }, { once: true });\n                                if (_this._websocket.readyState === WebSocket.OPEN) {\n                                    clearTimeout(timeout);\n                                    resolve(null);\n                                }\n                            })];\n                    case 2:\n                        //await to ensure the websocket is connected, with a timeout of 2 seconds\n                        _b.sent();\n                        _b.label = 3;\n                    case 3:\n                        if (this._websocket.readyState === WebSocket.OPEN) {\n                            this.stepwise_fullsync();\n                            return [2 /*return*/];\n                        }\n                        _b.label = 4;\n                    case 4:\n                        this.connect();\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    return WebSocketWorker;\n}(_funcnodesworker__WEBPACK_IMPORTED_MODULE_0__[\"default\"]));\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (WebSocketWorker);\n\n\n//# sourceURL=webpack://FuncNodesReact/./src/funcnodes/websocketworker.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ \"../node_modules/axios/lib/axios.js\");\n/* harmony import */ var _funcnodesworker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./funcnodesworker */ \"./src/funcnodes/funcnodesworker.ts\");\nvar __extends = (undefined && undefined.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        if (typeof b !== \"function\" && b !== null)\n            throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n\n\nvar WebSocketWorker = /** @class */ (function (_super) {\n    __extends(WebSocketWorker, _super);\n    function WebSocketWorker(data) {\n        var _this = _super.call(this, data) || this;\n        _this._websocket = null;\n        _this.reconnectAttempts = 0;\n        _this.maxReconnectAttempts = 999;\n        _this.initialTimeout = 200; // Initial reconnect delay in ms\n        _this.maxTimeout = 5000; // Maximum reconnect delay\n        _this._reconnect = true;\n        _this._url = data.url;\n        _this.connect();\n        if (_this._zustand)\n            _this._zustand.auto_progress();\n        return _this;\n    }\n    WebSocketWorker.prototype.connect = function () {\n        var _this = this;\n        var _a;\n        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.info(\"Connecting to websocket\");\n        this.is_open = false;\n        this._websocket = new WebSocket(this._url);\n        this._websocket.onopen = function () {\n            _this.onopen();\n        };\n        this._websocket.onclose = function () {\n            _this.onclose();\n        };\n        this._websocket.onerror = function () {\n            _this.on_ws_error();\n        };\n        this._websocket.onmessage = function (event) {\n            _this.onmessage(event.data);\n        };\n    };\n    WebSocketWorker.prototype.calculateReconnectTimeout = function () {\n        // Increase timeout exponentially, capped at maxTimeout\n        var timeout = Math.min(this.initialTimeout * Math.pow(2, this.reconnectAttempts), this.maxTimeout);\n        return timeout;\n    };\n    WebSocketWorker.prototype.auto_reconnect = function () {\n        var _this = this;\n        var _a, _b;\n        if (this.reconnectAttempts < this.maxReconnectAttempts) {\n            var timeout = this.calculateReconnectTimeout();\n            (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.info(\"Attempting to reconnect in \".concat(timeout, \" ms\"));\n            setTimeout(function () {\n                if (_this._websocket) {\n                    if (_this._websocket.readyState === WebSocket.OPEN) {\n                        return;\n                    }\n                }\n                _this.reconnectAttempts++;\n                _this.connect();\n            }, timeout);\n        }\n        else {\n            (_b = this._zustand) === null || _b === void 0 ? void 0 : _b.logger.warn(\"Maximum reconnect attempts reached. Giving up.\");\n        }\n    };\n    WebSocketWorker.prototype.onmessage = function (data) {\n        return __awaiter(this, void 0, void 0, function () {\n            var json;\n            var _a;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        json = JSON.parse(data);\n                        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.debug(\"Recieved data of length: \".concat(data.length, \" and data\\\"\"), json);\n                        return [4 /*yield*/, this.recieve(json)];\n                    case 1:\n                        _b.sent();\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    Object.defineProperty(WebSocketWorker.prototype, \"http_protocol\", {\n        get: function () {\n            return this.secure_url ? \"https\" : \"http\";\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(WebSocketWorker.prototype, \"secure_url\", {\n        get: function () {\n            return this._url.startsWith(\"wss\");\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(WebSocketWorker.prototype, \"url_wo_protocol\", {\n        get: function () {\n            return this._url.substring(this.secure_url ? 6 : 5);\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(WebSocketWorker.prototype, \"http_url\", {\n        get: function () {\n            var url = this.http_protocol + \"://\" + this.url_wo_protocol;\n            // add / to url if it does not end with /\n            if (url[url.length - 1] !== \"/\") {\n                url += \"/\";\n            }\n            return url;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    WebSocketWorker.prototype.upload_file = function (files, onProgressCallback, root) {\n        return __awaiter(this, void 0, void 0, function () {\n            var url, formdata, fileArray, _i, fileArray_1, file, subtarget, target, response, error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        url = \"\".concat(this.http_url, \"upload/\");\n                        formdata = new FormData();\n                        fileArray = Array.isArray(files) ? files : Array.from(files);\n                        for (_i = 0, fileArray_1 = fileArray; _i < fileArray_1.length; _i++) {\n                            file = fileArray_1[_i];\n                            subtarget = file.webkitRelativePath || file.name;\n                            target = root ? \"\".concat(root, \"/\").concat(subtarget) : subtarget;\n                            formdata.append(\"file\", file, target);\n                        }\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 3, , 4]);\n                        return [4 /*yield*/, axios__WEBPACK_IMPORTED_MODULE_1__[\"default\"].post(url, formdata, {\n                                headers: {\n                                    \"Content-Type\": \"multipart/form-data\",\n                                },\n                                onUploadProgress: function (progressEvent) {\n                                    if (onProgressCallback) {\n                                        onProgressCallback(progressEvent.loaded, progressEvent.total);\n                                    }\n                                },\n                            })];\n                    case 2:\n                        response = _a.sent();\n                        // Assuming the server response contains a JSON object with the filename\n                        return [2 /*return*/, response.data.file];\n                    case 3:\n                        error_1 = _a.sent();\n                        throw new Error(\"Failed to upload file\");\n                    case 4: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    WebSocketWorker.prototype.handle_large_message_hint = function (_a) {\n        return __awaiter(this, arguments, void 0, function (_b) {\n            var url, resp, json;\n            var msg_id = _b.msg_id;\n            return __generator(this, function (_c) {\n                switch (_c.label) {\n                    case 0:\n                        url = this.http_url;\n                        url += \"message/\" + msg_id;\n                        return [4 /*yield*/, fetch(url, {\n                                method: \"GET\",\n                                headers: {\n                                    \"Content-Type\": \"application/json\",\n                                    \"Access-Control-Allow-Origin\": \"*\",\n                                },\n                            })];\n                    case 1:\n                        resp = _c.sent();\n                        return [4 /*yield*/, resp.json()];\n                    case 2:\n                        json = _c.sent();\n                        this.recieve(json);\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    WebSocketWorker.prototype.onopen = function () {\n        var _a;\n        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.info(\"Websocket opened\");\n        this.is_open = true;\n        if (this._zustand)\n            this._zustand.auto_progress();\n        this.reconnectAttempts = 0;\n        this.stepwise_fullsync();\n    };\n    WebSocketWorker.prototype.onclose = function () {\n        var _a, _b;\n        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.info(\"Websocket closed\");\n        _super.prototype.onclose.call(this);\n        if (this._reconnect) {\n            (_b = this._zustand) === null || _b === void 0 ? void 0 : _b.logger.info(\"Websocket closed,reconnecting\");\n            this.auto_reconnect(); // Attempt to reconnect\n        }\n    };\n    WebSocketWorker.prototype.on_ws_error = function () {\n        var _a;\n        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.warn(\"Websocket error\");\n        if (this._websocket) {\n            this._websocket.close(); // Ensure the connection is closed before attempting to reconnect\n        }\n        else {\n            this.auto_reconnect();\n        }\n    };\n    WebSocketWorker.prototype.send_large_message = function (jsondata) {\n        return __awaiter(this, void 0, void 0, function () {\n            var url;\n            return __generator(this, function (_a) {\n                url = \"http\" + this._url.substring(2);\n                //add /msg_id to url to get the large message (url might end with /)\n                if (url[url.length - 1] !== \"/\") {\n                    url += \"/\";\n                }\n                url += \"message/\";\n                console.log(jsondata.length);\n                return [2 /*return*/];\n            });\n        });\n    };\n    WebSocketWorker.prototype.send = function (data) {\n        return __awaiter(this, void 0, void 0, function () {\n            var jsonstring, datasize;\n            var _a, _b, _c;\n            return __generator(this, function (_d) {\n                switch (_d.label) {\n                    case 0:\n                        if (!this._websocket || this._websocket.readyState !== WebSocket.OPEN) {\n                            (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.warn(\"Websocket not connected\");\n                            return [2 /*return*/];\n                        }\n                        jsonstring = JSON.stringify(data);\n                        datasize = new Blob([jsonstring]).size;\n                        if (!(datasize > 1000000)) return [3 /*break*/, 2];\n                        // 1MB\n                        (_b = this._zustand) === null || _b === void 0 ? void 0 : _b.logger.info(\"Data too large, sending via http\");\n                        return [4 /*yield*/, this.send_large_message(jsonstring)];\n                    case 1: return [2 /*return*/, _d.sent()];\n                    case 2:\n                        (_c = this._zustand) === null || _c === void 0 ? void 0 : _c.logger.debug(\"Sending data\", data);\n                        this._websocket.send(jsonstring);\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    WebSocketWorker.prototype.stop = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, _super.prototype.stop.call(this)];\n                    case 1:\n                        _a.sent();\n                        this._reconnect = false;\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    WebSocketWorker.prototype.close = function () {\n        if (this._websocket)\n            this._websocket.close();\n    };\n    WebSocketWorker.prototype.disconnect = function () {\n        _super.prototype.disconnect.call(this);\n        this._reconnect = false;\n        this.close();\n    };\n    WebSocketWorker.prototype.reconnect = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var _this = this;\n            var _a;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0: return [4 /*yield*/, _super.prototype.reconnect.call(this)];\n                    case 1:\n                        _b.sent();\n                        this._reconnect = true;\n                        if (!this._websocket) return [3 /*break*/, 4];\n                        (_a = this._zustand) === null || _a === void 0 ? void 0 : _a.logger.info(\"Reconnecting\");\n                        if (!(this._websocket.readyState === WebSocket.OPEN ||\n                            this._websocket.readyState === WebSocket.CONNECTING)) return [3 /*break*/, 4];\n                        if (!(this._websocket.readyState === WebSocket.CONNECTING)) return [3 /*break*/, 3];\n                        //await to ensure the websocket is connected, with a timeout of 2 seconds\n                        return [4 /*yield*/, new Promise(function (resolve, reject) {\n                                if (_this._websocket === null)\n                                    return;\n                                var timeout = setTimeout(function () {\n                                    reject(\"Timeout@reconnect\");\n                                }, 2000);\n                                _this._websocket.addEventListener(\"open\", function () {\n                                    clearTimeout(timeout);\n                                    resolve(null);\n                                }, { once: true });\n                                if (_this._websocket.readyState === WebSocket.OPEN) {\n                                    clearTimeout(timeout);\n                                    resolve(null);\n                                }\n                            })];\n                    case 2:\n                        //await to ensure the websocket is connected, with a timeout of 2 seconds\n                        _b.sent();\n                        _b.label = 3;\n                    case 3:\n                        if (this._websocket.readyState === WebSocket.OPEN) {\n                            this.stepwise_fullsync();\n                            return [2 /*return*/];\n                        }\n                        _b.label = 4;\n                    case 4:\n                        this.connect();\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    return WebSocketWorker;\n}(_funcnodesworker__WEBPACK_IMPORTED_MODULE_0__[\"default\"]));\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (WebSocketWorker);\n\n\n//# sourceURL=webpack://FuncNodesReact/./src/funcnodes/websocketworker.ts?");
 
 /***/ }),
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linkdlab/funcnodes_react_flow",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "description": "Frontend with React Flow for FuncNodes",
   "repository": {
     "type": "git",