@linkdlab/funcnodes_react_flow 0.1.0 → 0.1.2

package/dist/frontend/header/index.js

@@ -0,0 +1,227 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { useContext, useState } from "react";
+import { FuncNodesContext } from "../funcnodesreactflow";
+import "./header.scss";
+import CustomDialog from "../dialog";
+import React from "react";
+var NewWorkerDialog = function (_a) {
+    var trigger = _a.trigger;
+    var _b = useState(""), name = _b[0], setName = _b[1];
+    var _c = useState(false), copyLib = _c[0], setCopyLib = _c[1];
+    var _d = useState(false), copyNS = _d[0], setCopyNS = _d[1];
+    var fnrf_zst = useContext(FuncNodesContext);
+    var workersstate = fnrf_zst.workers();
+    var _e = useState({
+        name: "None",
+        uuid: "",
+    }), reference = _e[0], setReference = _e[1];
+    return (React.createElement(CustomDialog, { trigger: trigger, title: "New Worker", description: "Please provide a name and select a another worker as interpreter reference" },
+        React.createElement("div", null,
+            "Name:",
+            React.createElement("br", null),
+            React.createElement("input", { className: "styledinput", onChange: function (e) {
+                    setName(e.currentTarget.value);
+                }, value: name })),
+        React.createElement("div", null,
+            "Reference Worker:",
+            React.createElement("br", null),
+            React.createElement("select", { className: "styleddropdown", onChange: function (e) {
+                    var uuid = e.target.value;
+                    var name = e.target.selectedOptions[0].innerText;
+                    setReference({ name: name, uuid: uuid });
+                }, value: reference.uuid },
+                React.createElement("option", { value: "" }, "None"),
+                Object.keys(workersstate).map(function (workerid) { return (React.createElement("option", { className: "", key: workerid, value: workerid }, workersstate[workerid].name || workerid)); })),
+            reference.uuid && (React.createElement("div", null,
+                React.createElement("div", null,
+                    "Copy Lib:",
+                    " ",
+                    React.createElement("input", { type: "checkbox", className: "styledcheckbox", checked: copyLib, onChange: function (e) {
+                            setCopyLib(e.currentTarget.checked);
+                        } })),
+                copyLib && (React.createElement("div", null,
+                    "Copy Nodespace",
+                    " ",
+                    React.createElement("input", { type: "checkbox", className: "styledcheckbox", checked: copyNS, onChange: function (e) {
+                            setCopyNS(e.currentTarget.checked);
+                            if (e.currentTarget.checked) {
+                                setCopyLib(true);
+                            }
+                        } }))))),
+            name && (React.createElement("div", null,
+                React.createElement("button", { className: "styledbtn", onClick: function () {
+                        var _a;
+                        (_a = fnrf_zst.workermanager) === null || _a === void 0 ? void 0 : _a.new_worker({
+                            name: name,
+                            reference: reference.uuid,
+                            copyLib: copyLib,
+                            copyNS: copyNS,
+                        });
+                    } }, "Create"))))));
+};
+var Statusbar = function () {
+    var fnrf_zst = useContext(FuncNodesContext);
+    var progress = fnrf_zst.progress_state();
+    return (React.createElement("div", { className: "statusbar" },
+        React.createElement("span", { className: "statusbar-progressbar", style: { width: Math.min(100, 100 * progress.progress) + "%" } }),
+        React.createElement("span", { className: "statusbar-message" }, progress.message)));
+};
+var FuncnodesHeader = function () {
+    var fnrf_zst = useContext(FuncNodesContext);
+    var workersstate = fnrf_zst.workers();
+    var onNew = function () {
+        var _a;
+        var alert = window.confirm("Are you sure you want to start a new flow?");
+        if (alert) {
+            (_a = fnrf_zst.worker) === null || _a === void 0 ? void 0 : _a.clear();
+        }
+    };
+    var onSave = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var data, blob, url, a;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0: return [4 /*yield*/, ((_a = fnrf_zst.worker) === null || _a === void 0 ? void 0 : _a.save())];
+                case 1:
+                    data = _b.sent();
+                    if (!data)
+                        return [2 /*return*/];
+                    blob = new Blob([JSON.stringify(data)], {
+                        type: "application/json",
+                    });
+                    url = URL.createObjectURL(blob);
+                    a = document.createElement("a");
+                    a.href = url;
+                    a.download = "flow.json";
+                    a.click();
+                    URL.revokeObjectURL(url);
+                    a.remove();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var onOpen = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var input;
+        return __generator(this, function (_a) {
+            input = document.createElement("input");
+            input.type = "file";
+            input.accept = ".json";
+            input.onchange = function (e) { return __awaiter(void 0, void 0, void 0, function () {
+                var file, reader;
+                var _a;
+                return __generator(this, function (_b) {
+                    file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
+                    if (!file)
+                        return [2 /*return*/];
+                    reader = new FileReader();
+                    reader.onload = function (e) { return __awaiter(void 0, void 0, void 0, function () {
+                        var contents, data;
+                        var _a, _b;
+                        return __generator(this, function (_c) {
+                            switch (_c.label) {
+                                case 0:
+                                    contents = (_a = e.target) === null || _a === void 0 ? void 0 : _a.result;
+                                    if (!contents)
+                                        return [2 /*return*/];
+                                    data = JSON.parse(contents);
+                                    return [4 /*yield*/, ((_b = fnrf_zst.worker) === null || _b === void 0 ? void 0 : _b.load(data))];
+                                case 1:
+                                    _c.sent();
+                                    return [2 /*return*/];
+                            }
+                        });
+                    }); };
+                    reader.readAsText(file);
+                    return [2 /*return*/];
+                });
+            }); };
+            input.click();
+            return [2 /*return*/];
+        });
+    }); };
+    var workerselectchange = function (e) {
+        var workerid = e.target.value;
+        if (workerid === "__select__")
+            return;
+        if (!fnrf_zst.workers)
+            return;
+        if (!fnrf_zst.workermanager)
+            return;
+        if (!workersstate[workerid])
+            return;
+        if (!workersstate[workerid].active) {
+            //create popup
+            var ans = window.confirm("this is an inactive worker, selecting it will start it, continue?");
+            if (!ans)
+                return;
+        }
+        fnrf_zst.workermanager.set_active(workerid);
+    };
+    return (React.createElement("div", { className: "funcnodesreactflowheader" },
+        React.createElement("div", { className: "headerelement" },
+            React.createElement(Statusbar, null)),
+        React.createElement("div", { className: "headerelement" },
+            React.createElement("select", { className: "workerselect styleddropdown", value: fnrf_zst.worker ? fnrf_zst.worker.uuid : "__select__", onChange: workerselectchange },
+                React.createElement("option", { disabled: true, value: "__select__" }, "Select Worker"),
+                Object.keys(workersstate).map(function (workerid) { return (React.createElement("option", { className: "workerselectoption" +
+                        (workersstate[workerid].active ? " active" : " inactive"), key: workerid, value: workerid }, workersstate[workerid].name || workerid)); }))),
+        fnrf_zst.worker && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "headerelement" },
+                React.createElement("button", { className: "styledbtn", onClick: function () {
+                        if (!fnrf_zst.worker)
+                            return;
+                        fnrf_zst.worker.stop();
+                    } }, "stop worker")),
+            React.createElement("div", { className: "headerelement" },
+                React.createElement("button", { className: "styledbtn", onClick: function () {
+                        var _a;
+                        if (!fnrf_zst.worker)
+                            return;
+                        (_a = fnrf_zst.workermanager) === null || _a === void 0 ? void 0 : _a.restart_worker(fnrf_zst.worker.uuid);
+                    } }, "restart worker")))),
+        React.createElement("div", { className: "headerelement" },
+            React.createElement(NewWorkerDialog, { trigger: React.createElement("button", { className: "styledbtn" }, "new worker") })),
+        React.createElement("div", { className: "headerelement" },
+            React.createElement("button", { className: "styledbtn", onClick: onNew }, "new nodespace")),
+        React.createElement("div", { className: "headerelement" },
+            React.createElement("button", { className: "styledbtn", onClick: onOpen }, "open")),
+        React.createElement("div", { className: "headerelement" },
+            React.createElement("button", { className: "styledbtn", onClick: onSave }, "save"))));
+};
+export default FuncnodesHeader;
+//# sourceMappingURL=index.js.map

package/dist/frontend/header/index.js.map

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

package/{src/frontend/index.tsx → dist/frontend/index.d.ts}

@@ -1,4 +1,3 @@
 import FuncnodesReactFlow, { FuncNodesContext } from "./funcnodesreactflow";
-
 export default FuncnodesReactFlow;
 export { FuncNodesContext };

package/dist/frontend/index.js

@@ -0,0 +1,4 @@
+import FuncnodesReactFlow, { FuncNodesContext } from "./funcnodesreactflow";
+export default FuncnodesReactFlow;
+export { FuncNodesContext };
+//# sourceMappingURL=index.js.map

package/dist/frontend/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/frontend/index.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,EAAC,EAAE,gBAAgB,EAAE,MAAO,sBAAsB,CAAC;AAE5E,eAAe,kBAAkB,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/frontend/lib.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./lib.scss";
+import { Shelf } from "../states/lib.t";
+declare const LibraryShelf: ({ item, filter }: {
+    item: Shelf;
+    filter: string;
+}) => React.JSX.Element;
+declare const Library: () => React.JSX.Element;
+export default Library;
+export { LibraryShelf as LibraryItem };

package/dist/frontend/lib.js

@@ -0,0 +1,107 @@
+import React, { useState, useContext } from "react";
+import "./lib.scss";
+import { FuncNodesContext } from "./index";
+import SearchIcon from "@mui/icons-material/Search";
+import CloseIcon from "@mui/icons-material/Close";
+import ExpandLessIcon from "@mui/icons-material/ExpandLess";
+import CustomDialog from "./dialog";
+var LibraryNode = function (_a) {
+    var item = _a.item;
+    var zustand = useContext(FuncNodesContext);
+    var add_to_flow = function () {
+        var _a;
+        (_a = zustand.worker) === null || _a === void 0 ? void 0 : _a.add_node(item.node_id);
+    };
+    var nodeclick = function (event) {
+        // if double click, add node to graph
+        if (event.detail === 2) {
+            add_to_flow();
+        }
+    };
+    return (React.createElement("div", { className: "libnodeentry", onClick: nodeclick, title: item.description }, item.node_name || item.node_id));
+};
+var filterShelf = function (shelf, filter) {
+    var _a, _b, _c, _d;
+    var hasFilteredNodes = (_b = (_a = shelf.nodes) === null || _a === void 0 ? void 0 : _a.some(function (node) {
+        return node.node_id.toLowerCase().includes(filter.toLowerCase());
+    })) !== null && _b !== void 0 ? _b : false;
+    var hasFilteredSubShelves = (_d = (_c = shelf.subshelves) === null || _c === void 0 ? void 0 : _c.some(function (subShelf) { return filterShelf(subShelf, filter); })) !== null && _d !== void 0 ? _d : false;
+    return hasFilteredNodes || hasFilteredSubShelves;
+};
+var LibraryShelf = function (_a) {
+    var _b;
+    var item = _a.item, filter = _a.filter;
+    var _c = useState(false), isOpen = _c[0], setIsOpen = _c[1];
+    var handleToggle = function () { return setIsOpen(!isOpen); };
+    var filterednodes = (_b = item.nodes) === null || _b === void 0 ? void 0 : _b.filter(function (node) {
+        return node.node_id.toLowerCase().includes(filter.toLowerCase());
+    });
+    var _isopen = isOpen || filter.length > 0;
+    if (!filterShelf(item, filter)) {
+        return React.createElement(React.Fragment, null);
+    }
+    return (React.createElement("div", { className: "shelfcontainer" },
+        React.createElement("div", { className: "shelftitle", onClick: handleToggle, style: { cursor: "pointer" }, title: item.description },
+            React.createElement("div", { className: "shelftitle_text" }, item.name),
+            React.createElement("div", { className: "expandicon " + (_isopen ? "open" : "close") },
+                React.createElement(ExpandLessIcon, null))),
+        React.createElement("div", { className: "libnodecontainer " + (_isopen ? "open" : "close") },
+            React.createElement("div", { className: "libnodecontainer_inner" },
+                filterednodes && (React.createElement(React.Fragment, null, filterednodes.map(function (subItem, idx) { return (React.createElement(LibraryNode, { key: idx, item: subItem })); }))),
+                item.subshelves && (React.createElement(React.Fragment, null, item.subshelves.map(function (subItem, idx) { return (React.createElement(LibraryShelf, { key: idx, item: subItem, filter: filter })); }))))),
+        React.createElement("hr", null)));
+};
+var LibFilter = function (_a) {
+    // input with left icon
+    var filter = _a.filter, setFilter = _a.setFilter;
+    return (React.createElement("div", { className: "libfilter" },
+        React.createElement(SearchIcon, { fontSize: "inherit" }),
+        React.createElement("input", { type: "text", placeholder: "Filter", value: filter, onChange: function (e) {
+                setFilter(e.target.value);
+            } }),
+        filter && (React.createElement(CloseIcon, { fontSize: "inherit", onClick: function () {
+                setFilter("");
+            } }))));
+};
+var AddLibraryOverLay = function (_a) {
+    var children = _a.children;
+    var _b = useState(""), newlib = _b[0], setNewLib = _b[1];
+    var zustand = useContext(FuncNodesContext);
+    if (!zustand.worker) {
+        return React.createElement(React.Fragment, null);
+    }
+    var add_new_lib = function () {
+        if (zustand.worker === undefined) {
+            return;
+        }
+        zustand.worker.add_lib(newlib);
+        setNewLib("");
+    };
+    return (React.createElement(CustomDialog, { title: "Add Library", trigger: children, description: "Add a new library to the current worker.", buttons: [
+            {
+                text: "add",
+                onClick: add_new_lib,
+            },
+        ] },
+        React.createElement("input", { className: "styledinput", type: "text", value: newlib, onChange: function (e) {
+                setNewLib(e.target.value);
+            } })));
+};
+var Library = function () {
+    var zustand = useContext(FuncNodesContext);
+    var libstate = zustand.lib.libstate(function (state) { return state.state; });
+    var _a = useState(""), filter = _a[0], setFilter = _a[1];
+    return (React.createElement("div", { className: "libcontainer" },
+        React.createElement("div", { className: "library" },
+            React.createElement("div", { className: "libtitle" }, "Lib"),
+            React.createElement("hr", { className: "hr_prominent" }),
+            React.createElement(LibFilter, { filter: filter, setFilter: setFilter }),
+            React.createElement("div", { className: "vscrollcontainer" }, libstate.shelves.map(function (item, idx) { return (React.createElement(LibraryShelf, { key: idx, item: item, filter: filter })); })),
+            React.createElement("hr", null)),
+        React.createElement("div", { className: "addlib" },
+            React.createElement(AddLibraryOverLay, null,
+                React.createElement("button", { disabled: zustand.worker === undefined }, "Add Library")))));
+};
+export default Library;
+export { LibraryShelf as LibraryItem };
+//# sourceMappingURL=lib.js.map

package/dist/frontend/lib.js.map

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

package/{src/frontend/node/index.tsx → dist/frontend/node/index.d.ts}

@@ -1,3 +1,2 @@
 import DefaultNode from "./node";
-
 export default DefaultNode;

package/dist/frontend/node/index.js

@@ -0,0 +1,3 @@
+import DefaultNode from "./node";
+export default DefaultNode;
+//# sourceMappingURL=index.js.map

package/dist/frontend/node/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/frontend/node/index.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,QAAQ,CAAC;AAEjC,eAAe,WAAW,CAAC"}

package/dist/frontend/node/io/default_input_renderer.d.ts

@@ -0,0 +1,11 @@
+import { InputRendererProps } from "../../../states/nodeio.t";
+import React from "react";
+declare const BooleanInput: ({ io, inputconverter }: InputRendererProps) => React.JSX.Element;
+declare const FloatInput: ({ io, inputconverter }: InputRendererProps) => React.JSX.Element;
+declare const IntegerInput: ({ io, inputconverter }: InputRendererProps) => React.JSX.Element;
+declare const StringInput: ({ io, inputconverter }: InputRendererProps) => React.JSX.Element;
+declare const SelectionInput: ({ io, inputconverter, parser, }: InputRendererProps & {
+    parser?(s: string): any;
+}) => React.JSX.Element;
+declare const ColorInput: ({ io, inputconverter }: InputRendererProps) => React.JSX.Element;
+export { FloatInput, IntegerInput, BooleanInput, StringInput, SelectionInput, ColorInput, };

package/dist/frontend/node/io/default_input_renderer.js

@@ -0,0 +1,235 @@
+import { useContext, useEffect, useRef, useState } from "react";
+import { FuncNodesContext } from "../../funcnodesreactflow";
+import CustomColorPicker from "../../utils/colorpicker";
+import React from "react";
+var BooleanInput = function (_a) {
+    var io = _a.io, inputconverter = _a.inputconverter;
+    var fnrf_zst = useContext(FuncNodesContext);
+    var indeterminate = io.value === undefined;
+    var cRef = useRef(null);
+    useEffect(function () {
+        if (!cRef.current)
+            return;
+        cRef.current.indeterminate = indeterminate;
+    }, [cRef, indeterminate]);
+    var on_change = function (e) {
+        var _a, _b;
+        var new_value = e.target.checked;
+        try {
+            new_value = inputconverter(e.target.checked);
+        }
+        catch (e) { }
+        (_a = fnrf_zst.worker) === null || _a === void 0 ? void 0 : _a.set_io_value({
+            nid: io.node,
+            ioid: io.id,
+            value: new_value,
+            set_default: ((_b = io.render_options) === null || _b === void 0 ? void 0 : _b.set_default) || false,
+        });
+    };
+    return (React.createElement("input", { ref: cRef, type: "checkbox", className: "styledcheckbox", checked: !!io.value, onChange: on_change, disabled: io.connected }));
+};
+var NumberInput = function (_a) {
+    var _b, _c;
+    var io = _a.io, inputconverter = _a.inputconverter, _d = _a.parser, parser = _d === void 0 ? function (n) { return parseFloat(n); } : _d;
+    var fnrf_zst = useContext(FuncNodesContext);
+    var _e = useState(io.value), tempvalue = _e[0], setTempValue = _e[1];
+    useEffect(function () {
+        setTempValue(io.value);
+    }, [io.value]);
+    var set_new_value = function (new_value) {
+        var _a, _b;
+        new_value = parser(parseFloat(new_value.toString()).toString() // parse float for e notation
+        );
+        if (isNaN(new_value)) {
+            new_value = "<NoValue>";
+            setTempValue("");
+        }
+        else {
+            setTempValue(new_value.toString());
+        }
+        try {
+            new_value = inputconverter(new_value);
+        }
+        catch (e) { }
+        (_a = fnrf_zst.worker) === null || _a === void 0 ? void 0 : _a.set_io_value({
+            nid: io.node,
+            ioid: io.id,
+            value: new_value,
+            set_default: ((_b = io.render_options) === null || _b === void 0 ? void 0 : _b.set_default) || false,
+        });
+    };
+    var on_change = function (e) {
+        set_new_value(e.target.value);
+    };
+    var v = io.connected ? io.value : tempvalue;
+    return (React.createElement("input", { type: "text", className: "nodedatainput styledinput", value: v || "", onChange: function (e) { return setTempValue(e.target.value); }, onBlur: on_change, onKeyDown: function (e) {
+            // on key up add step to value
+            var _a, _b;
+            if (e.key === "ArrowUp") {
+                var step = ((_a = io.render_options) === null || _a === void 0 ? void 0 : _a.step) || 1;
+                if (e.shiftKey)
+                    step *= 10;
+                var new_value = (parseFloat(v) || 0) + step;
+                // setTempValue(new_value.toString());
+                set_new_value(new_value);
+                return;
+            }
+            // on key down subtract step to value
+            if (e.key === "ArrowDown") {
+                var step = ((_b = io.render_options) === null || _b === void 0 ? void 0 : _b.step) || 1;
+                if (e.shiftKey)
+                    step *= 10;
+                var new_value = (parseFloat(v) || 0) - step;
+                // setTempValue(new_value.toString());
+                set_new_value(new_value);
+                return;
+            }
+            //accept only numbers
+            if (!/^[0-9.eE+-]$/.test(e.key) &&
+                !["Backspace", "ArrowLeft", "ArrowRight", "Delete", "Tab"].includes(e.key)) {
+                e.preventDefault();
+            }
+        }, disabled: io.connected, step: (_b = io.render_options) === null || _b === void 0 ? void 0 : _b.step, min: (_c = io.value_options) === null || _c === void 0 ? void 0 : _c.min }));
+};
+var FloatInput = function (_a) {
+    var io = _a.io, inputconverter = _a.inputconverter;
+    return NumberInput({ io: io, inputconverter: inputconverter, parser: parseFloat });
+};
+var IntegerInput = function (_a) {
+    var io = _a.io, inputconverter = _a.inputconverter;
+    return NumberInput({ io: io, inputconverter: inputconverter, parser: parseInt });
+};
+var StringInput = function (_a) {
+    var io = _a.io, inputconverter = _a.inputconverter;
+    var fnrf_zst = useContext(FuncNodesContext);
+    var _b = useState(io.value), tempvalue = _b[0], setTempValue = _b[1];
+    var on_change = function (e) {
+        var _a, _b;
+        var new_value = e.target.value;
+        try {
+            new_value = inputconverter(new_value);
+        }
+        catch (e) { }
+        if (!new_value)
+            new_value = "<NoValue>";
+        (_a = fnrf_zst.worker) === null || _a === void 0 ? void 0 : _a.set_io_value({
+            nid: io.node,
+            ioid: io.id,
+            value: new_value,
+            set_default: ((_b = io.render_options) === null || _b === void 0 ? void 0 : _b.set_default) || false,
+        });
+    };
+    return (React.createElement("input", { className: "nodedatainput styledinput", value: io.connected ? io.value : tempvalue, onChange: function (e) { return setTempValue(e.target.value); }, onBlur: on_change, disabled: io.connected }));
+};
+var _parse_string = function (s) { return s; };
+var _parse_number = function (s) { return parseFloat(s); };
+var _parse_boolean = function (s) { return !!s; };
+var _parse_null = function (s) { return (s === "null" ? null : s); };
+var get_parser = function (datatype) {
+    if (datatype === "nuinputconvertermber") {
+        return _parse_number;
+    }
+    if (datatype === "boolean") {
+        return _parse_boolean;
+    }
+    if (datatype === "undefined") {
+        return _parse_null;
+    }
+    return _parse_string;
+};
+var SelectionInput = function (_a) {
+    var _b;
+    var io = _a.io, inputconverter = _a.inputconverter, parser = _a.parser;
+    var options = ((_b = io.value_options) === null || _b === void 0 ? void 0 : _b.options) || [];
+    if (Array.isArray(options)) {
+        options = {
+            type: "enum",
+            values: options,
+            keys: options.map(function (x) { return x.toString(); }),
+            nullable: false,
+        };
+    }
+    options = options;
+    if (options.nullable &&
+        !options.values.includes(null) &&
+        !options.keys.includes("None")) {
+        options.values.unshift(null);
+        options.keys.unshift("None");
+    }
+    //make key value pairs
+    var optionsmap = [];
+    for (var i = 0; i < options.values.length; i++) {
+        // set const t to "string", "number","boolean" "null" depenting on the type of options.values[i]
+        var t = options.values[i] === null || options.values[i] === undefined
+            ? "undefined"
+            : typeof options.values[i];
+        var v_1 = options.values[i];
+        if (v_1 === null) {
+            v_1 = "null";
+        }
+        if (v_1 === undefined) {
+            v_1 = "undefined";
+        }
+        optionsmap.push([options.keys[i], v_1.toString(), t]);
+    }
+    var fnrf_zst = useContext(FuncNodesContext);
+    var on_change = function (e) {
+        var _a, _b;
+        // Find the selected option element
+        var selectedOption = e.target.options[e.target.selectedIndex];
+        // Retrieve the datatype attribute from the selected option
+        var datatype = selectedOption.getAttribute("datatype");
+        // Use the existing parser or get a new one based on the datatype
+        var p = parser || get_parser(datatype);
+        var new_value = p(e.target.value);
+        try {
+            new_value = inputconverter(e.target.value);
+        }
+        catch (e) { }
+        (_a = fnrf_zst.worker) === null || _a === void 0 ? void 0 : _a.set_io_value({
+            nid: io.node,
+            ioid: io.id,
+            value: p(e.target.value),
+            set_default: ((_b = io.render_options) === null || _b === void 0 ? void 0 : _b.set_default) || false,
+        });
+    };
+    var v = io.value;
+    if (v === null) {
+        v = "null";
+    }
+    if (v === undefined) {
+        v = "undefined";
+    }
+    return (React.createElement("select", { value: v, onChange: on_change, disabled: io.connected, className: "nodedatainput styleddropdown" },
+        React.createElement("option", { value: "<NoValue>", disabled: true }, "select"),
+        optionsmap.map(function (option) { return (React.createElement("option", { key: option[0], value: option[1], datatype: option[2] }, option[0])); })));
+};
+var ColorInput = function (_a) {
+    var _b;
+    var io = _a.io, inputconverter = _a.inputconverter;
+    var fnrf_zst = useContext(FuncNodesContext);
+    var colorspace = ((_b = io.value_options) === null || _b === void 0 ? void 0 : _b.colorspace) || "hex";
+    var on_change = function (colorconverter) {
+        var _a, _b;
+        var new_value = "<NoValue>";
+        if (colorconverter) {
+            if (colorconverter[colorspace])
+                new_value = colorconverter[colorspace]();
+            else
+                new_value = colorconverter.hex();
+        }
+        try {
+            new_value = new_value;
+        }
+        catch (e) { }
+        (_a = fnrf_zst.worker) === null || _a === void 0 ? void 0 : _a.set_io_value({
+            nid: io.node,
+            ioid: io.id,
+            value: new_value,
+            set_default: ((_b = io.render_options) === null || _b === void 0 ? void 0 : _b.set_default) || false,
+        });
+    };
+    return (React.createElement(CustomColorPicker, { onChange: on_change, inicolordata: io.value, inicolorspace: colorspace }));
+};
+export { FloatInput, IntegerInput, BooleanInput, StringInput, SelectionInput, ColorInput, };
+//# sourceMappingURL=default_input_renderer.js.map