@linkdlab/funcnodes_react_flow 0.2.1 → 0.2.2-a

package/dist/esm/index.esm.js

@@ -2336,7 +2336,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 */   DynamicComponentLoader: () => (/* binding */ DynamicComponentLoader),\n/* harmony export */   RenderMappingContext: () => (/* binding */ RenderMappingContext),\n/* harmony export */   RenderMappingProvider: () => (/* binding */ RenderMappingProvider)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node/io/default_input_renderer */ \"./src/frontend/node/io/default_input_renderer.tsx\");\n/* harmony import */ var _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./default_preview_renderer */ \"./src/frontend/datarenderer/default_preview_renderer.tsx\");\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\n\nvar _Inputrenderer = {\n    float: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.FloatInput,\n    int: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.IntegerInput,\n    bool: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.BooleanInput,\n    string: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.StringInput,\n    str: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.StringInput,\n    color: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.ColorInput,\n    select: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.SelectionInput,\n    enum: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.SelectionInput,\n};\nvar _HandlePreviewGenerators = {};\nvar _DataOverlayViewGenerators = {};\nvar _DataPreviewViewRenderer = {\n    string: _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__.SingleValueOutput,\n    table: _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__.TableOutput,\n    image: _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__.Base64ImageOutput,\n    svg: _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__.SVGImageOutput,\n    dict: _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__.DictOutput,\n};\nvar _DataViewRenderer = {};\nvar _initialRenderMappings = {\n    Inputrenderer: _Inputrenderer,\n    HandlePreviewRenderer: _HandlePreviewGenerators,\n    DataOverlayRenderer: _DataOverlayViewGenerators,\n    DataPreviewViewRenderer: _DataPreviewViewRenderer,\n    DataViewRenderer: _DataViewRenderer,\n};\nvar renderMappingReducer = function (state, action) {\n    var _a, _b, _c, _d, _e;\n    var options = action.options || {};\n    var overwrite = options.overwrite === undefined ? true : options.overwrite;\n    switch (action.type) {\n        case \"EXTEND_INPUT_RENDER\":\n            if (!overwrite && state.Inputrenderer[action.payload.type]) {\n                return state;\n            }\n            return __assign(__assign({}, state), { Inputrenderer: __assign(__assign({}, state.Inputrenderer), (_a = {}, _a[action.payload.type] = action.payload.component, _a)) });\n        case \"EXTEND_HANDLE_PREVIEW_RENDER\":\n            if (!overwrite && state.HandlePreviewRenderer[action.payload.type]) {\n                return state;\n            }\n            return __assign(__assign({}, state), { HandlePreviewRenderer: __assign(__assign({}, state.HandlePreviewRenderer), (_b = {}, _b[action.payload.type] = action.payload.component, _b)) });\n        case \"EXTEND_DATA_OVERLAY_RENDER\":\n            if (!overwrite && state.DataOverlayRenderer[action.payload.type]) {\n                return state;\n            }\n            return __assign(__assign({}, state), { DataOverlayRenderer: __assign(__assign({}, state.DataOverlayRenderer), (_c = {}, _c[action.payload.type] = action.payload.component, _c)) });\n        case \"EXTEND_DATA_PREVIEW_RENDER\":\n            if (!overwrite && state.DataPreviewViewRenderer[action.payload.type]) {\n                return state;\n            }\n            return __assign(__assign({}, state), { DataPreviewViewRenderer: __assign(__assign({}, state.DataPreviewViewRenderer), (_d = {}, _d[action.payload.type] = action.payload.component, _d)) });\n        case \"EXTEND_DATA_VIEW_RENDER\":\n            if (!overwrite && state.DataViewRenderer[action.payload.type]) {\n                return state;\n            }\n            return __assign(__assign({}, state), { DataViewRenderer: __assign(__assign({}, state.DataViewRenderer), (_e = {}, _e[action.payload.type] = action.payload.component, _e)) });\n        case \"EXTEND_FROM_PLUGIN\":\n            var something_new = false;\n            var checkpairs = [\n                [action.payload.plugin.input_renderers || {}, state.Inputrenderer],\n                [\n                    action.payload.plugin.handle_preview_renderers || {},\n                    state.HandlePreviewRenderer,\n                ],\n                [\n                    action.payload.plugin.data_overlay_renderers || {},\n                    state.DataOverlayRenderer,\n                ],\n                [\n                    action.payload.plugin.data_preview_renderers || {},\n                    state.DataPreviewViewRenderer,\n                ],\n                [\n                    action.payload.plugin.data_view_renderers || {},\n                    state.DataViewRenderer,\n                ],\n            ];\n            for (var _i = 0, checkpairs_1 = checkpairs; _i < checkpairs_1.length; _i++) {\n                var _f = checkpairs_1[_i], new_Inputrenderer = _f[0], old_Inputrenderer = _f[1];\n                if (Object.keys(new_Inputrenderer).length > 0) {\n                    if (overwrite) {\n                        something_new = true;\n                    }\n                    else {\n                        for (var key in new_Inputrenderer) {\n                            if (!old_Inputrenderer[key]) {\n                                something_new = true;\n                                break;\n                            }\n                        }\n                    }\n                }\n                if (something_new)\n                    break;\n            }\n            if (!something_new) {\n                return state;\n            }\n            for (var _g = 0, checkpairs_2 = checkpairs; _g < checkpairs_2.length; _g++) {\n                var _h = checkpairs_2[_g], new_Inputrenderer = _h[0], old_Inputrenderer = _h[1];\n                for (var key in new_Inputrenderer) {\n                    if (overwrite || !old_Inputrenderer[key]) {\n                        old_Inputrenderer[key] = new_Inputrenderer[key];\n                    }\n                }\n            }\n            var newstate = __assign({}, state);\n            return newstate;\n        default:\n            return state;\n    }\n};\nvar RenderMappingProvider = function (_a) {\n    var children = _a.children, plugins = _a.plugins;\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useReducer)(renderMappingReducer, _initialRenderMappings), state = _b[0], dispatch = _b[1];\n    var extendInputRenderMapping = function (type, component, options) {\n        dispatch({\n            type: \"EXTEND_INPUT_RENDER\",\n            payload: { type: type, component: component },\n            options: options,\n        });\n    };\n    var extendHandlePreviewRenderMapping = function (type, component, options) {\n        dispatch({\n            type: \"EXTEND_HANDLE_PREVIEW_RENDER\",\n            payload: { type: type, component: component },\n            options: options,\n        });\n    };\n    var extendDataOverlayRenderMapping = function (type, component, options) {\n        dispatch({\n            type: \"EXTEND_DATA_OVERLAY_RENDER\",\n            payload: { type: type, component: component },\n            options: options,\n        });\n    };\n    var extendDataPreviewRenderMapping = function (type, component, options) {\n        dispatch({\n            type: \"EXTEND_DATA_PREVIEW_RENDER\",\n            payload: { type: type, component: component },\n            options: options,\n        });\n    };\n    var extendDataViewRenderMapping = function (type, component, options) {\n        dispatch({\n            type: \"EXTEND_DATA_VIEW_RENDER\",\n            payload: { type: type, component: component },\n            options: options,\n        });\n    };\n    var extendFromPlugin = function (plugin, options) {\n        dispatch({\n            type: \"EXTEND_FROM_PLUGIN\",\n            payload: { plugin: plugin },\n            options: options,\n        });\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n        for (var plugin in plugins) {\n            var renderplug = plugins[plugin].RendererPlugin;\n            if (renderplug)\n                extendFromPlugin(renderplug);\n        }\n    }, [plugins]);\n    return (react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(RenderMappingContext.Provider, { value: {\n            Inputrenderer: state.Inputrenderer,\n            HandlePreviewRenderer: state.HandlePreviewRenderer,\n            DataOverlayRenderer: state.DataOverlayRenderer,\n            DataPreviewViewRenderer: state.DataPreviewViewRenderer,\n            DataViewRenderer: state.DataViewRenderer,\n            extendInputRenderMapping: extendInputRenderMapping,\n            extendHandlePreviewRenderMapping: extendHandlePreviewRenderMapping,\n            extendDataOverlayRenderMapping: extendDataOverlayRenderMapping,\n            extendDataPreviewRenderMapping: extendDataPreviewRenderMapping,\n            extendDataViewRenderMapping: extendDataViewRenderMapping,\n            extendFromPlugin: extendFromPlugin,\n        } }, children));\n};\nvar RenderMappingContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({\n    Inputrenderer: _initialRenderMappings.Inputrenderer,\n    HandlePreviewRenderer: _initialRenderMappings.HandlePreviewRenderer,\n    DataOverlayRenderer: _initialRenderMappings.DataOverlayRenderer,\n    DataPreviewViewRenderer: _initialRenderMappings.DataPreviewViewRenderer,\n    DataViewRenderer: _initialRenderMappings.DataViewRenderer,\n    extendInputRenderMapping: function (_type, _component, _options) { },\n    extendHandlePreviewRenderMapping: function (_type, _component, _options) { },\n    extendDataOverlayRenderMapping: function (_type, _component, _options) { },\n    extendDataPreviewRenderMapping: function (_type, _component, _options) { },\n    extendDataViewRenderMapping: function (_type, _component, _options) { },\n    extendFromPlugin: function (_plugin, _options) { },\n});\nvar DynamicComponentLoader = function (_a) {\n    var Component = _a.component, props = __rest(_a, [\"component\"]);\n    return react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(Component, __assign({}, props));\n};\n\n\n\n//# sourceURL=webpack://@linkdlab/funcnodes_react_flow/./src/frontend/datarenderer/rendermappings.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DynamicComponentLoader: () => (/* binding */ DynamicComponentLoader),\n/* harmony export */   RenderMappingContext: () => (/* binding */ RenderMappingContext),\n/* harmony export */   RenderMappingProvider: () => (/* binding */ RenderMappingProvider)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node/io/default_input_renderer */ \"./src/frontend/node/io/default_input_renderer.tsx\");\n/* harmony import */ var _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./default_preview_renderer */ \"./src/frontend/datarenderer/default_preview_renderer.tsx\");\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\n\nvar _Inputrenderer = {\n    float: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.FloatInput,\n    int: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.IntegerInput,\n    bool: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.BooleanInput,\n    string: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.StringInput,\n    str: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.StringInput,\n    color: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.ColorInput,\n    select: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.SelectionInput,\n    enum: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.SelectionInput,\n};\nvar _HandlePreviewGenerators = {};\nvar _DataOverlayViewGenerators = {};\nvar _DataPreviewViewRenderer = {\n    string: _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__.SingleValueOutput,\n    table: _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__.TableOutput,\n    image: _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__.Base64ImageOutput,\n    svg: _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__.SVGImageOutput,\n    dict: _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__.DictOutput,\n};\nvar _DataViewRenderer = {};\nvar _initialRenderMappings = {\n    Inputrenderer: _Inputrenderer,\n    HandlePreviewRenderer: _HandlePreviewGenerators,\n    DataOverlayRenderer: _DataOverlayViewGenerators,\n    DataPreviewViewRenderer: _DataPreviewViewRenderer,\n    DataViewRenderer: _DataViewRenderer,\n};\nvar renderMappingReducer = function (state, action) {\n    var _a, _b, _c, _d, _e;\n    var options = action.options || {};\n    var overwrite = options.overwrite === undefined ? true : options.overwrite;\n    switch (action.type) {\n        case \"EXTEND_INPUT_RENDER\":\n            if (!overwrite && state.Inputrenderer[action.payload.type]) {\n                return state;\n            }\n            return __assign(__assign({}, state), { Inputrenderer: __assign(__assign({}, state.Inputrenderer), (_a = {}, _a[action.payload.type] = action.payload.component, _a)) });\n        case \"EXTEND_HANDLE_PREVIEW_RENDER\":\n            if (!overwrite && state.HandlePreviewRenderer[action.payload.type]) {\n                return state;\n            }\n            return __assign(__assign({}, state), { HandlePreviewRenderer: __assign(__assign({}, state.HandlePreviewRenderer), (_b = {}, _b[action.payload.type] = action.payload.component, _b)) });\n        case \"EXTEND_DATA_OVERLAY_RENDER\":\n            if (!overwrite && state.DataOverlayRenderer[action.payload.type]) {\n                return state;\n            }\n            return __assign(__assign({}, state), { DataOverlayRenderer: __assign(__assign({}, state.DataOverlayRenderer), (_c = {}, _c[action.payload.type] = action.payload.component, _c)) });\n        case \"EXTEND_DATA_PREVIEW_RENDER\":\n            if (!overwrite && state.DataPreviewViewRenderer[action.payload.type]) {\n                return state;\n            }\n            return __assign(__assign({}, state), { DataPreviewViewRenderer: __assign(__assign({}, state.DataPreviewViewRenderer), (_d = {}, _d[action.payload.type] = action.payload.component, _d)) });\n        case \"EXTEND_DATA_VIEW_RENDER\":\n            if (!overwrite && state.DataViewRenderer[action.payload.type]) {\n                return state;\n            }\n            return __assign(__assign({}, state), { DataViewRenderer: __assign(__assign({}, state.DataViewRenderer), (_e = {}, _e[action.payload.type] = action.payload.component, _e)) });\n        case \"EXTEND_FROM_PLUGIN\":\n            var something_new = false;\n            var checkpairs = [\n                [action.payload.plugin.input_renderers || {}, state.Inputrenderer],\n                [\n                    action.payload.plugin.handle_preview_renderers || {},\n                    state.HandlePreviewRenderer,\n                ],\n                [\n                    action.payload.plugin.data_overlay_renderers || {},\n                    state.DataOverlayRenderer,\n                ],\n                [\n                    action.payload.plugin.data_preview_renderers || {},\n                    state.DataPreviewViewRenderer,\n                ],\n                [\n                    action.payload.plugin.data_view_renderers || {},\n                    state.DataViewRenderer,\n                ],\n            ];\n            for (var _i = 0, checkpairs_1 = checkpairs; _i < checkpairs_1.length; _i++) {\n                var _f = checkpairs_1[_i], new_Inputrenderer = _f[0], old_Inputrenderer = _f[1];\n                if (Object.keys(new_Inputrenderer).length > 0) {\n                    if (overwrite) {\n                        something_new = true;\n                    }\n                    else {\n                        for (var key in new_Inputrenderer) {\n                            if (!old_Inputrenderer[key]) {\n                                something_new = true;\n                                break;\n                            }\n                        }\n                    }\n                }\n                if (something_new)\n                    break;\n            }\n            if (!something_new) {\n                return state;\n            }\n            for (var _g = 0, checkpairs_2 = checkpairs; _g < checkpairs_2.length; _g++) {\n                var _h = checkpairs_2[_g], new_Inputrenderer = _h[0], old_Inputrenderer = _h[1];\n                for (var key in new_Inputrenderer) {\n                    if (overwrite || !old_Inputrenderer[key]) {\n                        old_Inputrenderer[key] = new_Inputrenderer[key];\n                    }\n                }\n            }\n            var newstate = __assign({}, state);\n            return newstate;\n        default:\n            return state;\n    }\n};\n/**\n * RenderMappingProvider is a React component that provides a context for managing and extending the mappings of input renderers, handle preview renderers, data overlay renderers, data preview view renderers, and data view renderers. These mappings are used throughout the application to render various types of inputs, previews, and data views dynamically.\n\n * The provider initializes with a set of default mappings and allows these mappings to be extended or overwritten via actions dispatched within the component's reducer. Additionally, it can automatically integrate renderer plugins, extending the functionality based on the provided plugins.\n\n * @param {object} props - The props object for the RenderMappingProvider component.\n * @param {ReactElement} props.children - The child components that will be wrapped by the provider.\n * @param {object} props.plugins - An object containing various FuncNodesReactPlugin instances, which may include renderer plugins to be integrated into the render mappings.\n\n * @returns {JSX.Element} A JSX element that provides the render mapping context to its children.\n\n * Context Value:\n * The context value provided by this component includes the following properties and functions:\n * - Inputrenderer: A mapping of input types to their corresponding renderer components.\n * - HandlePreviewRenderer: A mapping of handle preview types to their corresponding renderer components.\n * - DataOverlayRenderer: A mapping of data overlay types to their corresponding renderer components.\n * - DataPreviewViewRenderer: A mapping of data preview view types to their corresponding renderer components.\n * - DataViewRenderer: A mapping of data view types to their corresponding renderer components.\n * - extendInputRenderMapping: A function to extend the input renderer mapping.\n * - extendHandlePreviewRenderMapping: A function to extend the handle preview renderer mapping.\n * - extendDataOverlayRenderMapping: A function to extend the data overlay renderer mapping.\n * - extendDataPreviewRenderMapping: A function to extend the data preview view renderer mapping.\n * - extendDataViewRenderMapping: A function to extend the data view renderer mapping.\n * - extendFromPlugin: A function to extend all relevant mappings from a given renderer plugin.\n\n * Example usage:\n * ```jsx\n * <RenderMappingProvider plugins={myPlugins}>\n *   <MyComponent />\n * </RenderMappingProvider>\n * ```\n */\nvar RenderMappingProvider = function (_a) {\n    var children = _a.children, plugins = _a.plugins, fnrf_zst = _a.fnrf_zst;\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useReducer)(renderMappingReducer, _initialRenderMappings), state = _b[0], dispatch = _b[1];\n    var extendInputRenderMapping = function (type, component, options) {\n        dispatch({\n            type: \"EXTEND_INPUT_RENDER\",\n            payload: { type: type, component: component },\n            options: options,\n        });\n    };\n    var extendHandlePreviewRenderMapping = function (type, component, options) {\n        dispatch({\n            type: \"EXTEND_HANDLE_PREVIEW_RENDER\",\n            payload: { type: type, component: component },\n            options: options,\n        });\n    };\n    var extendDataOverlayRenderMapping = function (type, component, options) {\n        dispatch({\n            type: \"EXTEND_DATA_OVERLAY_RENDER\",\n            payload: { type: type, component: component },\n            options: options,\n        });\n    };\n    var extendDataPreviewRenderMapping = function (type, component, options) {\n        dispatch({\n            type: \"EXTEND_DATA_PREVIEW_RENDER\",\n            payload: { type: type, component: component },\n            options: options,\n        });\n    };\n    var extendDataViewRenderMapping = function (type, component, options) {\n        dispatch({\n            type: \"EXTEND_DATA_VIEW_RENDER\",\n            payload: { type: type, component: component },\n            options: options,\n        });\n    };\n    var extendFromPlugin = function (plugin, options) {\n        dispatch({\n            type: \"EXTEND_FROM_PLUGIN\",\n            payload: { plugin: plugin },\n            options: options,\n        });\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n        for (var plugin in plugins) {\n            var renderplug = plugins[plugin].RendererPlugin;\n            if (renderplug)\n                extendFromPlugin(renderplug);\n            var renderpluginfactory = plugins[plugin].renderpluginfactory;\n            if (renderpluginfactory) {\n                extendFromPlugin(renderpluginfactory({ React: react__WEBPACK_IMPORTED_MODULE_0__[\"default\"], fnrf_zst: fnrf_zst }));\n            }\n        }\n    }, [plugins]);\n    return (react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(RenderMappingContext.Provider, { value: {\n            Inputrenderer: state.Inputrenderer,\n            HandlePreviewRenderer: state.HandlePreviewRenderer,\n            DataOverlayRenderer: state.DataOverlayRenderer,\n            DataPreviewViewRenderer: state.DataPreviewViewRenderer,\n            DataViewRenderer: state.DataViewRenderer,\n            extendInputRenderMapping: extendInputRenderMapping,\n            extendHandlePreviewRenderMapping: extendHandlePreviewRenderMapping,\n            extendDataOverlayRenderMapping: extendDataOverlayRenderMapping,\n            extendDataPreviewRenderMapping: extendDataPreviewRenderMapping,\n            extendDataViewRenderMapping: extendDataViewRenderMapping,\n            extendFromPlugin: extendFromPlugin,\n        } }, children));\n};\nvar RenderMappingContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({\n    Inputrenderer: _initialRenderMappings.Inputrenderer,\n    HandlePreviewRenderer: _initialRenderMappings.HandlePreviewRenderer,\n    DataOverlayRenderer: _initialRenderMappings.DataOverlayRenderer,\n    DataPreviewViewRenderer: _initialRenderMappings.DataPreviewViewRenderer,\n    DataViewRenderer: _initialRenderMappings.DataViewRenderer,\n    extendInputRenderMapping: function (_type, _component, _options) { },\n    extendHandlePreviewRenderMapping: function (_type, _component, _options) { },\n    extendDataOverlayRenderMapping: function (_type, _component, _options) { },\n    extendDataPreviewRenderMapping: function (_type, _component, _options) { },\n    extendDataViewRenderMapping: function (_type, _component, _options) { },\n    extendFromPlugin: function (_plugin, _options) { },\n});\nvar DynamicComponentLoader = function (_a) {\n    var Component = _a.component, props = __rest(_a, [\"component\"]);\n    return react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(Component, __assign({}, props));\n};\n\n\n\n//# sourceURL=webpack://@linkdlab/funcnodes_react_flow/./src/frontend/datarenderer/rendermappings.tsx?");
 
 /***/ }),
 
@@ -2366,7 +2366,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 */   FuncNodesContext: () => (/* binding */ FuncNodesContext),\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 _states_fnrfzst__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../states/fnrfzst */ \"./src/states/fnrfzst.ts\");\n/* harmony import */ var _funcnodes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../funcnodes */ \"./src/funcnodes/index.ts\");\n/* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../header */ \"./src/frontend/header/index.tsx\");\n/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../lib */ \"./src/frontend/lib.tsx\");\n/* harmony import */ var _react_flow_layer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./react_flow_layer */ \"./src/frontend/funcnodesreactflow/react_flow_layer.tsx\");\n/* harmony import */ var _datarenderer_rendermappings__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../datarenderer/rendermappings */ \"./src/frontend/datarenderer/rendermappings.tsx\");\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 __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\n\n\n\n\n\n\nvar FuncNodesContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)((0,_states_fnrfzst__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}));\nvar InnerFuncnodesReactFlow = function (_a) {\n    var fnrf_zst = _a.fnrf_zst, header = _a.header;\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(\"\"), workermanageruri = _b[0], setWorkermanageruri = _b[1];\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(fnrf_zst.options.default_worker), worker = _c[0], setWorker = _c[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n        function fetch_worker_manager() {\n            return __awaiter(this, void 0, void 0, function () {\n                var response, workerewsuri;\n                return __generator(this, function (_a) {\n                    switch (_a.label) {\n                        case 0: return [4 /*yield*/, fetch(\"/worker_manager\")];\n                        case 1:\n                            response = _a.sent();\n                            return [4 /*yield*/, response.text()];\n                        case 2:\n                            workerewsuri = _a.sent();\n                            setWorkermanageruri(workerewsuri);\n                            return [2 /*return*/];\n                    }\n                });\n            });\n        }\n        if (fnrf_zst.options.useWorkerManager)\n            fetch_worker_manager();\n    }, []);\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n        if (workermanageruri) {\n            var workermanager = new _funcnodes__WEBPACK_IMPORTED_MODULE_2__.WorkerManager(workermanageruri, fnrf_zst);\n            workermanager.on_setWorker = setWorker;\n            fnrf_zst.workermanager = workermanager;\n        }\n    }, [workermanageruri]);\n    fnrf_zst.worker = worker;\n    fnrf_zst.auto_progress();\n    // const worker = new WebSocketWorker(\"ws://localhost:9382\", fnrf_zst);\n    // fnrf_zst.worker = worker;\n    var plugins = fnrf_zst.plugins();\n    return (react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(_datarenderer_rendermappings__WEBPACK_IMPORTED_MODULE_6__.RenderMappingProvider, { plugins: plugins },\n        react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(FuncNodesContext.Provider, { value: fnrf_zst },\n            react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(\"div\", { className: \"funcnodesreactflowcontainer\" },\n                react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(_header__WEBPACK_IMPORTED_MODULE_3__[\"default\"], __assign({}, header)),\n                react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(\"div\", { className: \"funcnodesreactflowbody\" },\n                    react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(_lib__WEBPACK_IMPORTED_MODULE_4__[\"default\"], null),\n                    react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(_react_flow_layer__WEBPACK_IMPORTED_MODULE_5__[\"default\"], null))))));\n};\nvar FuncnodesReactFlow = function (_a) {\n    var _b = _a.useWorkerManager, useWorkerManager = _b === void 0 ? true : _b, _c = _a.default_worker, default_worker = _c === void 0 ? undefined : _c, _d = _a.header, header = _d === void 0 ? {} : _d;\n    if (!useWorkerManager && default_worker === undefined) {\n        return (react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(\"div\", null, \"Error: If you don't use a worker manager, you must provide a default worker.\"));\n    }\n    var fnrf_zst = (0,_states_fnrfzst__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({\n        useWorkerManager: useWorkerManager,\n        default_worker: default_worker,\n    });\n    if (default_worker) {\n        default_worker.set_zustand(fnrf_zst);\n    }\n    // @ts-ignore\n    window.fnrf_zst = fnrf_zst; // For debugging\n    return react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(InnerFuncnodesReactFlow, { fnrf_zst: fnrf_zst, header: header });\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FuncnodesReactFlow);\n\n\n\n//# sourceURL=webpack://@linkdlab/funcnodes_react_flow/./src/frontend/funcnodesreactflow/index.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   FuncNodesContext: () => (/* binding */ FuncNodesContext),\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 _states_fnrfzst__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../states/fnrfzst */ \"./src/states/fnrfzst.ts\");\n/* harmony import */ var _funcnodes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../funcnodes */ \"./src/funcnodes/index.ts\");\n/* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../header */ \"./src/frontend/header/index.tsx\");\n/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../lib */ \"./src/frontend/lib.tsx\");\n/* harmony import */ var _react_flow_layer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./react_flow_layer */ \"./src/frontend/funcnodesreactflow/react_flow_layer.tsx\");\n/* harmony import */ var _datarenderer_rendermappings__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../datarenderer/rendermappings */ \"./src/frontend/datarenderer/rendermappings.tsx\");\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 __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\n\n\n\n\n\n\nvar FuncNodesContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)((0,_states_fnrfzst__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}));\nvar InnerFuncnodesReactFlow = function (_a) {\n    var fnrf_zst = _a.fnrf_zst, header = _a.header;\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(\"\"), workermanageruri = _b[0], setWorkermanageruri = _b[1];\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(fnrf_zst.options.default_worker), worker = _c[0], setWorker = _c[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n        function fetch_worker_manager() {\n            return __awaiter(this, void 0, void 0, function () {\n                var response, workerewsuri;\n                return __generator(this, function (_a) {\n                    switch (_a.label) {\n                        case 0: return [4 /*yield*/, fetch(\"/worker_manager\")];\n                        case 1:\n                            response = _a.sent();\n                            return [4 /*yield*/, response.text()];\n                        case 2:\n                            workerewsuri = _a.sent();\n                            setWorkermanageruri(workerewsuri);\n                            return [2 /*return*/];\n                    }\n                });\n            });\n        }\n        if (fnrf_zst.options.useWorkerManager)\n            fetch_worker_manager();\n    }, []);\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n        if (workermanageruri) {\n            var workermanager = new _funcnodes__WEBPACK_IMPORTED_MODULE_2__.WorkerManager(workermanageruri, fnrf_zst);\n            workermanager.on_setWorker = setWorker;\n            fnrf_zst.workermanager = workermanager;\n        }\n    }, [workermanageruri]);\n    fnrf_zst.worker = worker;\n    fnrf_zst.auto_progress();\n    // const worker = new WebSocketWorker(\"ws://localhost:9382\", fnrf_zst);\n    // fnrf_zst.worker = worker;\n    var plugins = fnrf_zst.plugins();\n    return (react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(_datarenderer_rendermappings__WEBPACK_IMPORTED_MODULE_6__.RenderMappingProvider, { plugins: plugins, fnrf_zst: fnrf_zst },\n        react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(FuncNodesContext.Provider, { value: fnrf_zst },\n            react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(\"div\", { className: \"funcnodesreactflowcontainer\" },\n                react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(_header__WEBPACK_IMPORTED_MODULE_3__[\"default\"], __assign({}, header)),\n                react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(\"div\", { className: \"funcnodesreactflowbody\" },\n                    react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(_lib__WEBPACK_IMPORTED_MODULE_4__[\"default\"], null),\n                    react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(_react_flow_layer__WEBPACK_IMPORTED_MODULE_5__[\"default\"], null))))));\n};\nvar FuncnodesReactFlow = function (_a) {\n    var _b = _a.useWorkerManager, useWorkerManager = _b === void 0 ? true : _b, _c = _a.default_worker, default_worker = _c === void 0 ? undefined : _c, _d = _a.header, header = _d === void 0 ? {} : _d;\n    if (!useWorkerManager && default_worker === undefined) {\n        return (react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(\"div\", null, \"Error: If you don't use a worker manager, you must provide a default worker.\"));\n    }\n    var fnrf_zst = (0,_states_fnrfzst__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({\n        useWorkerManager: useWorkerManager,\n        default_worker: default_worker,\n    });\n    if (default_worker) {\n        default_worker.set_zustand(fnrf_zst);\n    }\n    // @ts-ignore\n    window.fnrf_zst = fnrf_zst; // For debugging\n    return react__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createElement(InnerFuncnodesReactFlow, { fnrf_zst: fnrf_zst, header: header });\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FuncnodesReactFlow);\n\n\n\n//# sourceURL=webpack://@linkdlab/funcnodes_react_flow/./src/frontend/funcnodesreactflow/index.tsx?");
 
 /***/ }),
 

package/dist/types/frontend/datarenderer/rendermappings.d.ts

@@ -2,6 +2,7 @@ import React, { ReactElement } from "react";
 import { IOType, InputRendererType } from "../../states/nodeio.t";
 import RendererPlugin from "../../plugin/rendenderer";
 import FuncNodesReactPlugin from "../../plugin";
+import { FuncNodesReactFlowZustandInterface } from "../../states";
 type HandlePreviewRendererType = ({ io }: {
     io: IOType;
 }) => JSX.Element;
@@ -82,11 +83,44 @@ interface extend_from_plugin_action {
     options?: DispatchOptions;
 }
 type renderMappingAction = extend_input_renderer_action | extend_handle_preview_renderer_action | extend_data_overlay_renderer_action | extend_data_preview_renderer_action | extend_data_view_renderer_action | extend_from_plugin_action;
-declare const RenderMappingProvider: ({ children, plugins, }: {
+/**
+ * RenderMappingProvider is a React component that provides a context for managing and extending the mappings of input renderers, handle preview renderers, data overlay renderers, data preview view renderers, and data view renderers. These mappings are used throughout the application to render various types of inputs, previews, and data views dynamically.
+
+ * The provider initializes with a set of default mappings and allows these mappings to be extended or overwritten via actions dispatched within the component's reducer. Additionally, it can automatically integrate renderer plugins, extending the functionality based on the provided plugins.
+
+ * @param {object} props - The props object for the RenderMappingProvider component.
+ * @param {ReactElement} props.children - The child components that will be wrapped by the provider.
+ * @param {object} props.plugins - An object containing various FuncNodesReactPlugin instances, which may include renderer plugins to be integrated into the render mappings.
+
+ * @returns {JSX.Element} A JSX element that provides the render mapping context to its children.
+
+ * Context Value:
+ * The context value provided by this component includes the following properties and functions:
+ * - Inputrenderer: A mapping of input types to their corresponding renderer components.
+ * - HandlePreviewRenderer: A mapping of handle preview types to their corresponding renderer components.
+ * - DataOverlayRenderer: A mapping of data overlay types to their corresponding renderer components.
+ * - DataPreviewViewRenderer: A mapping of data preview view types to their corresponding renderer components.
+ * - DataViewRenderer: A mapping of data view types to their corresponding renderer components.
+ * - extendInputRenderMapping: A function to extend the input renderer mapping.
+ * - extendHandlePreviewRenderMapping: A function to extend the handle preview renderer mapping.
+ * - extendDataOverlayRenderMapping: A function to extend the data overlay renderer mapping.
+ * - extendDataPreviewRenderMapping: A function to extend the data preview view renderer mapping.
+ * - extendDataViewRenderMapping: A function to extend the data view renderer mapping.
+ * - extendFromPlugin: A function to extend all relevant mappings from a given renderer plugin.
+
+ * Example usage:
+ * ```jsx
+ * <RenderMappingProvider plugins={myPlugins}>
+ *   <MyComponent />
+ * </RenderMappingProvider>
+ * ```
+ */
+declare const RenderMappingProvider: ({ children, plugins, fnrf_zst, }: {
     children: ReactElement;
     plugins: {
         [key: string]: FuncNodesReactPlugin;
     };
+    fnrf_zst: FuncNodesReactFlowZustandInterface;
 }) => React.JSX.Element;
 declare const RenderMappingContext: React.Context<{
     Inputrenderer: {

package/dist/types/frontend/datarenderer/rendermappings.d.ts.map

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

package/dist/types/index.d.ts

@@ -1,9 +1,9 @@
 import FuncnodesReactFlow from "./frontend";
 import WebSocketWorker from "./funcnodes/websocketworker";
-import FuncNodesReactPlugin, { RendererPlugin } from "./plugin";
+import FuncNodesReactPlugin, { RendererPlugin, RenderPluginFactoryProps } from "./plugin";
 import { IOType } from "./states/nodeio.t";
 import helperfunctions from "./utils/helperfunctions";
 export default FuncnodesReactFlow;
 export { WebSocketWorker, helperfunctions };
-export type { IOType, FuncNodesReactPlugin, RendererPlugin };
+export type { IOType, FuncNodesReactPlugin, RendererPlugin, RenderPluginFactoryProps, };
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAC5C,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAC1D,OAAO,oBAAoB,EAAE,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,eAAe,MAAM,yBAAyB,CAAC;AAEtD,eAAe,kBAAkB,CAAC;AAYlC,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC;AAC5C,YAAY,EAAE,MAAM,EAAE,oBAAoB,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAC5C,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAC1D,OAAO,oBAAoB,EAAE,EAC3B,cAAc,EACd,wBAAwB,EACzB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,eAAe,MAAM,yBAAyB,CAAC;AAEtD,eAAe,kBAAkB,CAAC;AAYlC,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC;AAC5C,YAAY,EACV,MAAM,EACN,oBAAoB,EACpB,cAAc,EACd,wBAAwB,GACzB,CAAC"}

package/dist/types/plugin/index.d.ts

@@ -1,12 +1,19 @@
+import * as React from "react";
 import RendererPlugin from "./rendenderer";
+import { FuncNodesReactFlowZustandInterface } from "../states";
+type RenderPluginFactoryProps = {
+    React: typeof React;
+    fnrf_zst: FuncNodesReactFlowZustandInterface;
+};
 interface FuncNodesReactPlugin {
     RendererPlugin?: RendererPlugin;
+    renderpluginfactory?: (props: RenderPluginFactoryProps) => RendererPlugin;
 }
 interface PackedPlugin {
     module: string;
     js?: string[];
     css?: string[];
 }
-export type { RendererPlugin, PackedPlugin };
+export type { RendererPlugin, PackedPlugin, RenderPluginFactoryProps };
 export default FuncNodesReactPlugin;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/plugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugin/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,eAAe,CAAC;AAE3C,UAAU,oBAAoB;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;CAChB;AAED,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC;AAC7C,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugin/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,cAAc,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,kCAAkC,EAAE,MAAM,WAAW,CAAC;AAE/D,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,QAAQ,EAAE,kCAAkC,CAAC;CAC9C,CAAC;AAEF,UAAU,oBAAoB;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,cAAc,CAAC;CAC3E;AAED,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;CAChB;AAED,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,wBAAwB,EAAE,CAAC;AACvE,eAAe,oBAAoB,CAAC"}

package/dist/umd/index.umd.js

@@ -2639,7 +2639,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 */   DynamicComponentLoader: () => (/* binding */ DynamicComponentLoader),\n/* harmony export */   RenderMappingContext: () => (/* binding */ RenderMappingContext),\n/* harmony export */   RenderMappingProvider: () => (/* binding */ RenderMappingProvider)\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 _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node/io/default_input_renderer */ \"./src/frontend/node/io/default_input_renderer.tsx\");\n/* harmony import */ var _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./default_preview_renderer */ \"./src/frontend/datarenderer/default_preview_renderer.tsx\");\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\n\nvar _Inputrenderer = {\n    float: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.FloatInput,\n    int: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.IntegerInput,\n    bool: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.BooleanInput,\n    string: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.StringInput,\n    str: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.StringInput,\n    color: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.ColorInput,\n    select: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.SelectionInput,\n    enum: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.SelectionInput,\n};\nvar _HandlePreviewGenerators = {};\nvar _DataOverlayViewGenerators = {};\nvar _DataPreviewViewRenderer = {\n    string: _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__.SingleValueOutput,\n    table: _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__.TableOutput,\n    image: _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__.Base64ImageOutput,\n    svg: _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__.SVGImageOutput,\n    dict: _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__.DictOutput,\n};\nvar _DataViewRenderer = {};\nvar _initialRenderMappings = {\n    Inputrenderer: _Inputrenderer,\n    HandlePreviewRenderer: _HandlePreviewGenerators,\n    DataOverlayRenderer: _DataOverlayViewGenerators,\n    DataPreviewViewRenderer: _DataPreviewViewRenderer,\n    DataViewRenderer: _DataViewRenderer,\n};\nvar renderMappingReducer = function (state, action) {\n    var _a, _b, _c, _d, _e;\n    var options = action.options || {};\n    var overwrite = options.overwrite === undefined ? true : options.overwrite;\n    switch (action.type) {\n        case \"EXTEND_INPUT_RENDER\":\n            if (!overwrite && state.Inputrenderer[action.payload.type]) {\n                return state;\n            }\n            return __assign(__assign({}, state), { Inputrenderer: __assign(__assign({}, state.Inputrenderer), (_a = {}, _a[action.payload.type] = action.payload.component, _a)) });\n        case \"EXTEND_HANDLE_PREVIEW_RENDER\":\n            if (!overwrite && state.HandlePreviewRenderer[action.payload.type]) {\n                return state;\n            }\n            return __assign(__assign({}, state), { HandlePreviewRenderer: __assign(__assign({}, state.HandlePreviewRenderer), (_b = {}, _b[action.payload.type] = action.payload.component, _b)) });\n        case \"EXTEND_DATA_OVERLAY_RENDER\":\n            if (!overwrite && state.DataOverlayRenderer[action.payload.type]) {\n                return state;\n            }\n            return __assign(__assign({}, state), { DataOverlayRenderer: __assign(__assign({}, state.DataOverlayRenderer), (_c = {}, _c[action.payload.type] = action.payload.component, _c)) });\n        case \"EXTEND_DATA_PREVIEW_RENDER\":\n            if (!overwrite && state.DataPreviewViewRenderer[action.payload.type]) {\n                return state;\n            }\n            return __assign(__assign({}, state), { DataPreviewViewRenderer: __assign(__assign({}, state.DataPreviewViewRenderer), (_d = {}, _d[action.payload.type] = action.payload.component, _d)) });\n        case \"EXTEND_DATA_VIEW_RENDER\":\n            if (!overwrite && state.DataViewRenderer[action.payload.type]) {\n                return state;\n            }\n            return __assign(__assign({}, state), { DataViewRenderer: __assign(__assign({}, state.DataViewRenderer), (_e = {}, _e[action.payload.type] = action.payload.component, _e)) });\n        case \"EXTEND_FROM_PLUGIN\":\n            var something_new = false;\n            var checkpairs = [\n                [action.payload.plugin.input_renderers || {}, state.Inputrenderer],\n                [\n                    action.payload.plugin.handle_preview_renderers || {},\n                    state.HandlePreviewRenderer,\n                ],\n                [\n                    action.payload.plugin.data_overlay_renderers || {},\n                    state.DataOverlayRenderer,\n                ],\n                [\n                    action.payload.plugin.data_preview_renderers || {},\n                    state.DataPreviewViewRenderer,\n                ],\n                [\n                    action.payload.plugin.data_view_renderers || {},\n                    state.DataViewRenderer,\n                ],\n            ];\n            for (var _i = 0, checkpairs_1 = checkpairs; _i < checkpairs_1.length; _i++) {\n                var _f = checkpairs_1[_i], new_Inputrenderer = _f[0], old_Inputrenderer = _f[1];\n                if (Object.keys(new_Inputrenderer).length > 0) {\n                    if (overwrite) {\n                        something_new = true;\n                    }\n                    else {\n                        for (var key in new_Inputrenderer) {\n                            if (!old_Inputrenderer[key]) {\n                                something_new = true;\n                                break;\n                            }\n                        }\n                    }\n                }\n                if (something_new)\n                    break;\n            }\n            if (!something_new) {\n                return state;\n            }\n            for (var _g = 0, checkpairs_2 = checkpairs; _g < checkpairs_2.length; _g++) {\n                var _h = checkpairs_2[_g], new_Inputrenderer = _h[0], old_Inputrenderer = _h[1];\n                for (var key in new_Inputrenderer) {\n                    if (overwrite || !old_Inputrenderer[key]) {\n                        old_Inputrenderer[key] = new_Inputrenderer[key];\n                    }\n                }\n            }\n            var newstate = __assign({}, state);\n            return newstate;\n        default:\n            return state;\n    }\n};\nvar RenderMappingProvider = function (_a) {\n    var children = _a.children, plugins = _a.plugins;\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useReducer)(renderMappingReducer, _initialRenderMappings), state = _b[0], dispatch = _b[1];\n    var extendInputRenderMapping = function (type, component, options) {\n        dispatch({\n            type: \"EXTEND_INPUT_RENDER\",\n            payload: { type: type, component: component },\n            options: options,\n        });\n    };\n    var extendHandlePreviewRenderMapping = function (type, component, options) {\n        dispatch({\n            type: \"EXTEND_HANDLE_PREVIEW_RENDER\",\n            payload: { type: type, component: component },\n            options: options,\n        });\n    };\n    var extendDataOverlayRenderMapping = function (type, component, options) {\n        dispatch({\n            type: \"EXTEND_DATA_OVERLAY_RENDER\",\n            payload: { type: type, component: component },\n            options: options,\n        });\n    };\n    var extendDataPreviewRenderMapping = function (type, component, options) {\n        dispatch({\n            type: \"EXTEND_DATA_PREVIEW_RENDER\",\n            payload: { type: type, component: component },\n            options: options,\n        });\n    };\n    var extendDataViewRenderMapping = function (type, component, options) {\n        dispatch({\n            type: \"EXTEND_DATA_VIEW_RENDER\",\n            payload: { type: type, component: component },\n            options: options,\n        });\n    };\n    var extendFromPlugin = function (plugin, options) {\n        dispatch({\n            type: \"EXTEND_FROM_PLUGIN\",\n            payload: { plugin: plugin },\n            options: options,\n        });\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n        for (var plugin in plugins) {\n            var renderplug = plugins[plugin].RendererPlugin;\n            if (renderplug)\n                extendFromPlugin(renderplug);\n        }\n    }, [plugins]);\n    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RenderMappingContext.Provider, { value: {\n            Inputrenderer: state.Inputrenderer,\n            HandlePreviewRenderer: state.HandlePreviewRenderer,\n            DataOverlayRenderer: state.DataOverlayRenderer,\n            DataPreviewViewRenderer: state.DataPreviewViewRenderer,\n            DataViewRenderer: state.DataViewRenderer,\n            extendInputRenderMapping: extendInputRenderMapping,\n            extendHandlePreviewRenderMapping: extendHandlePreviewRenderMapping,\n            extendDataOverlayRenderMapping: extendDataOverlayRenderMapping,\n            extendDataPreviewRenderMapping: extendDataPreviewRenderMapping,\n            extendDataViewRenderMapping: extendDataViewRenderMapping,\n            extendFromPlugin: extendFromPlugin,\n        } }, children));\n};\nvar RenderMappingContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({\n    Inputrenderer: _initialRenderMappings.Inputrenderer,\n    HandlePreviewRenderer: _initialRenderMappings.HandlePreviewRenderer,\n    DataOverlayRenderer: _initialRenderMappings.DataOverlayRenderer,\n    DataPreviewViewRenderer: _initialRenderMappings.DataPreviewViewRenderer,\n    DataViewRenderer: _initialRenderMappings.DataViewRenderer,\n    extendInputRenderMapping: function (_type, _component, _options) { },\n    extendHandlePreviewRenderMapping: function (_type, _component, _options) { },\n    extendDataOverlayRenderMapping: function (_type, _component, _options) { },\n    extendDataPreviewRenderMapping: function (_type, _component, _options) { },\n    extendDataViewRenderMapping: function (_type, _component, _options) { },\n    extendFromPlugin: function (_plugin, _options) { },\n});\nvar DynamicComponentLoader = function (_a) {\n    var Component = _a.component, props = __rest(_a, [\"component\"]);\n    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Component, __assign({}, props));\n};\n\n\n\n//# sourceURL=webpack://FuncNodesReact/./src/frontend/datarenderer/rendermappings.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DynamicComponentLoader: () => (/* binding */ DynamicComponentLoader),\n/* harmony export */   RenderMappingContext: () => (/* binding */ RenderMappingContext),\n/* harmony export */   RenderMappingProvider: () => (/* binding */ RenderMappingProvider)\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 _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node/io/default_input_renderer */ \"./src/frontend/node/io/default_input_renderer.tsx\");\n/* harmony import */ var _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./default_preview_renderer */ \"./src/frontend/datarenderer/default_preview_renderer.tsx\");\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\n\nvar _Inputrenderer = {\n    float: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.FloatInput,\n    int: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.IntegerInput,\n    bool: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.BooleanInput,\n    string: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.StringInput,\n    str: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.StringInput,\n    color: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.ColorInput,\n    select: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.SelectionInput,\n    enum: _node_io_default_input_renderer__WEBPACK_IMPORTED_MODULE_1__.SelectionInput,\n};\nvar _HandlePreviewGenerators = {};\nvar _DataOverlayViewGenerators = {};\nvar _DataPreviewViewRenderer = {\n    string: _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__.SingleValueOutput,\n    table: _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__.TableOutput,\n    image: _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__.Base64ImageOutput,\n    svg: _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__.SVGImageOutput,\n    dict: _default_preview_renderer__WEBPACK_IMPORTED_MODULE_2__.DictOutput,\n};\nvar _DataViewRenderer = {};\nvar _initialRenderMappings = {\n    Inputrenderer: _Inputrenderer,\n    HandlePreviewRenderer: _HandlePreviewGenerators,\n    DataOverlayRenderer: _DataOverlayViewGenerators,\n    DataPreviewViewRenderer: _DataPreviewViewRenderer,\n    DataViewRenderer: _DataViewRenderer,\n};\nvar renderMappingReducer = function (state, action) {\n    var _a, _b, _c, _d, _e;\n    var options = action.options || {};\n    var overwrite = options.overwrite === undefined ? true : options.overwrite;\n    switch (action.type) {\n        case \"EXTEND_INPUT_RENDER\":\n            if (!overwrite && state.Inputrenderer[action.payload.type]) {\n                return state;\n            }\n            return __assign(__assign({}, state), { Inputrenderer: __assign(__assign({}, state.Inputrenderer), (_a = {}, _a[action.payload.type] = action.payload.component, _a)) });\n        case \"EXTEND_HANDLE_PREVIEW_RENDER\":\n            if (!overwrite && state.HandlePreviewRenderer[action.payload.type]) {\n                return state;\n            }\n            return __assign(__assign({}, state), { HandlePreviewRenderer: __assign(__assign({}, state.HandlePreviewRenderer), (_b = {}, _b[action.payload.type] = action.payload.component, _b)) });\n        case \"EXTEND_DATA_OVERLAY_RENDER\":\n            if (!overwrite && state.DataOverlayRenderer[action.payload.type]) {\n                return state;\n            }\n            return __assign(__assign({}, state), { DataOverlayRenderer: __assign(__assign({}, state.DataOverlayRenderer), (_c = {}, _c[action.payload.type] = action.payload.component, _c)) });\n        case \"EXTEND_DATA_PREVIEW_RENDER\":\n            if (!overwrite && state.DataPreviewViewRenderer[action.payload.type]) {\n                return state;\n            }\n            return __assign(__assign({}, state), { DataPreviewViewRenderer: __assign(__assign({}, state.DataPreviewViewRenderer), (_d = {}, _d[action.payload.type] = action.payload.component, _d)) });\n        case \"EXTEND_DATA_VIEW_RENDER\":\n            if (!overwrite && state.DataViewRenderer[action.payload.type]) {\n                return state;\n            }\n            return __assign(__assign({}, state), { DataViewRenderer: __assign(__assign({}, state.DataViewRenderer), (_e = {}, _e[action.payload.type] = action.payload.component, _e)) });\n        case \"EXTEND_FROM_PLUGIN\":\n            var something_new = false;\n            var checkpairs = [\n                [action.payload.plugin.input_renderers || {}, state.Inputrenderer],\n                [\n                    action.payload.plugin.handle_preview_renderers || {},\n                    state.HandlePreviewRenderer,\n                ],\n                [\n                    action.payload.plugin.data_overlay_renderers || {},\n                    state.DataOverlayRenderer,\n                ],\n                [\n                    action.payload.plugin.data_preview_renderers || {},\n                    state.DataPreviewViewRenderer,\n                ],\n                [\n                    action.payload.plugin.data_view_renderers || {},\n                    state.DataViewRenderer,\n                ],\n            ];\n            for (var _i = 0, checkpairs_1 = checkpairs; _i < checkpairs_1.length; _i++) {\n                var _f = checkpairs_1[_i], new_Inputrenderer = _f[0], old_Inputrenderer = _f[1];\n                if (Object.keys(new_Inputrenderer).length > 0) {\n                    if (overwrite) {\n                        something_new = true;\n                    }\n                    else {\n                        for (var key in new_Inputrenderer) {\n                            if (!old_Inputrenderer[key]) {\n                                something_new = true;\n                                break;\n                            }\n                        }\n                    }\n                }\n                if (something_new)\n                    break;\n            }\n            if (!something_new) {\n                return state;\n            }\n            for (var _g = 0, checkpairs_2 = checkpairs; _g < checkpairs_2.length; _g++) {\n                var _h = checkpairs_2[_g], new_Inputrenderer = _h[0], old_Inputrenderer = _h[1];\n                for (var key in new_Inputrenderer) {\n                    if (overwrite || !old_Inputrenderer[key]) {\n                        old_Inputrenderer[key] = new_Inputrenderer[key];\n                    }\n                }\n            }\n            var newstate = __assign({}, state);\n            return newstate;\n        default:\n            return state;\n    }\n};\n/**\n * RenderMappingProvider is a React component that provides a context for managing and extending the mappings of input renderers, handle preview renderers, data overlay renderers, data preview view renderers, and data view renderers. These mappings are used throughout the application to render various types of inputs, previews, and data views dynamically.\n\n * The provider initializes with a set of default mappings and allows these mappings to be extended or overwritten via actions dispatched within the component's reducer. Additionally, it can automatically integrate renderer plugins, extending the functionality based on the provided plugins.\n\n * @param {object} props - The props object for the RenderMappingProvider component.\n * @param {ReactElement} props.children - The child components that will be wrapped by the provider.\n * @param {object} props.plugins - An object containing various FuncNodesReactPlugin instances, which may include renderer plugins to be integrated into the render mappings.\n\n * @returns {JSX.Element} A JSX element that provides the render mapping context to its children.\n\n * Context Value:\n * The context value provided by this component includes the following properties and functions:\n * - Inputrenderer: A mapping of input types to their corresponding renderer components.\n * - HandlePreviewRenderer: A mapping of handle preview types to their corresponding renderer components.\n * - DataOverlayRenderer: A mapping of data overlay types to their corresponding renderer components.\n * - DataPreviewViewRenderer: A mapping of data preview view types to their corresponding renderer components.\n * - DataViewRenderer: A mapping of data view types to their corresponding renderer components.\n * - extendInputRenderMapping: A function to extend the input renderer mapping.\n * - extendHandlePreviewRenderMapping: A function to extend the handle preview renderer mapping.\n * - extendDataOverlayRenderMapping: A function to extend the data overlay renderer mapping.\n * - extendDataPreviewRenderMapping: A function to extend the data preview view renderer mapping.\n * - extendDataViewRenderMapping: A function to extend the data view renderer mapping.\n * - extendFromPlugin: A function to extend all relevant mappings from a given renderer plugin.\n\n * Example usage:\n * ```jsx\n * <RenderMappingProvider plugins={myPlugins}>\n *   <MyComponent />\n * </RenderMappingProvider>\n * ```\n */\nvar RenderMappingProvider = function (_a) {\n    var children = _a.children, plugins = _a.plugins, fnrf_zst = _a.fnrf_zst;\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useReducer)(renderMappingReducer, _initialRenderMappings), state = _b[0], dispatch = _b[1];\n    var extendInputRenderMapping = function (type, component, options) {\n        dispatch({\n            type: \"EXTEND_INPUT_RENDER\",\n            payload: { type: type, component: component },\n            options: options,\n        });\n    };\n    var extendHandlePreviewRenderMapping = function (type, component, options) {\n        dispatch({\n            type: \"EXTEND_HANDLE_PREVIEW_RENDER\",\n            payload: { type: type, component: component },\n            options: options,\n        });\n    };\n    var extendDataOverlayRenderMapping = function (type, component, options) {\n        dispatch({\n            type: \"EXTEND_DATA_OVERLAY_RENDER\",\n            payload: { type: type, component: component },\n            options: options,\n        });\n    };\n    var extendDataPreviewRenderMapping = function (type, component, options) {\n        dispatch({\n            type: \"EXTEND_DATA_PREVIEW_RENDER\",\n            payload: { type: type, component: component },\n            options: options,\n        });\n    };\n    var extendDataViewRenderMapping = function (type, component, options) {\n        dispatch({\n            type: \"EXTEND_DATA_VIEW_RENDER\",\n            payload: { type: type, component: component },\n            options: options,\n        });\n    };\n    var extendFromPlugin = function (plugin, options) {\n        dispatch({\n            type: \"EXTEND_FROM_PLUGIN\",\n            payload: { plugin: plugin },\n            options: options,\n        });\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n        for (var plugin in plugins) {\n            var renderplug = plugins[plugin].RendererPlugin;\n            if (renderplug)\n                extendFromPlugin(renderplug);\n            var renderpluginfactory = plugins[plugin].renderpluginfactory;\n            if (renderpluginfactory) {\n                extendFromPlugin(renderpluginfactory({ React: (react__WEBPACK_IMPORTED_MODULE_0___default()), fnrf_zst: fnrf_zst }));\n            }\n        }\n    }, [plugins]);\n    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RenderMappingContext.Provider, { value: {\n            Inputrenderer: state.Inputrenderer,\n            HandlePreviewRenderer: state.HandlePreviewRenderer,\n            DataOverlayRenderer: state.DataOverlayRenderer,\n            DataPreviewViewRenderer: state.DataPreviewViewRenderer,\n            DataViewRenderer: state.DataViewRenderer,\n            extendInputRenderMapping: extendInputRenderMapping,\n            extendHandlePreviewRenderMapping: extendHandlePreviewRenderMapping,\n            extendDataOverlayRenderMapping: extendDataOverlayRenderMapping,\n            extendDataPreviewRenderMapping: extendDataPreviewRenderMapping,\n            extendDataViewRenderMapping: extendDataViewRenderMapping,\n            extendFromPlugin: extendFromPlugin,\n        } }, children));\n};\nvar RenderMappingContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({\n    Inputrenderer: _initialRenderMappings.Inputrenderer,\n    HandlePreviewRenderer: _initialRenderMappings.HandlePreviewRenderer,\n    DataOverlayRenderer: _initialRenderMappings.DataOverlayRenderer,\n    DataPreviewViewRenderer: _initialRenderMappings.DataPreviewViewRenderer,\n    DataViewRenderer: _initialRenderMappings.DataViewRenderer,\n    extendInputRenderMapping: function (_type, _component, _options) { },\n    extendHandlePreviewRenderMapping: function (_type, _component, _options) { },\n    extendDataOverlayRenderMapping: function (_type, _component, _options) { },\n    extendDataPreviewRenderMapping: function (_type, _component, _options) { },\n    extendDataViewRenderMapping: function (_type, _component, _options) { },\n    extendFromPlugin: function (_plugin, _options) { },\n});\nvar DynamicComponentLoader = function (_a) {\n    var Component = _a.component, props = __rest(_a, [\"component\"]);\n    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Component, __assign({}, props));\n};\n\n\n\n//# sourceURL=webpack://FuncNodesReact/./src/frontend/datarenderer/rendermappings.tsx?");
 
 /***/ }),
 
@@ -2672,7 +2672,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 */   FuncNodesContext: () => (/* binding */ FuncNodesContext),\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 _states_fnrfzst__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../states/fnrfzst */ \"./src/states/fnrfzst.ts\");\n/* harmony import */ var _funcnodes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../funcnodes */ \"./src/funcnodes/index.ts\");\n/* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../header */ \"./src/frontend/header/index.tsx\");\n/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../lib */ \"./src/frontend/lib.tsx\");\n/* harmony import */ var _react_flow_layer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./react_flow_layer */ \"./src/frontend/funcnodesreactflow/react_flow_layer.tsx\");\n/* harmony import */ var _datarenderer_rendermappings__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../datarenderer/rendermappings */ \"./src/frontend/datarenderer/rendermappings.tsx\");\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 __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\n\n\n\n\n\n\nvar FuncNodesContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)((0,_states_fnrfzst__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}));\nvar InnerFuncnodesReactFlow = function (_a) {\n    var fnrf_zst = _a.fnrf_zst, header = _a.header;\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(\"\"), workermanageruri = _b[0], setWorkermanageruri = _b[1];\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(fnrf_zst.options.default_worker), worker = _c[0], setWorker = _c[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n        function fetch_worker_manager() {\n            return __awaiter(this, void 0, void 0, function () {\n                var response, workerewsuri;\n                return __generator(this, function (_a) {\n                    switch (_a.label) {\n                        case 0: return [4 /*yield*/, fetch(\"/worker_manager\")];\n                        case 1:\n                            response = _a.sent();\n                            return [4 /*yield*/, response.text()];\n                        case 2:\n                            workerewsuri = _a.sent();\n                            setWorkermanageruri(workerewsuri);\n                            return [2 /*return*/];\n                    }\n                });\n            });\n        }\n        if (fnrf_zst.options.useWorkerManager)\n            fetch_worker_manager();\n    }, []);\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n        if (workermanageruri) {\n            var workermanager = new _funcnodes__WEBPACK_IMPORTED_MODULE_2__.WorkerManager(workermanageruri, fnrf_zst);\n            workermanager.on_setWorker = setWorker;\n            fnrf_zst.workermanager = workermanager;\n        }\n    }, [workermanageruri]);\n    fnrf_zst.worker = worker;\n    fnrf_zst.auto_progress();\n    // const worker = new WebSocketWorker(\"ws://localhost:9382\", fnrf_zst);\n    // fnrf_zst.worker = worker;\n    var plugins = fnrf_zst.plugins();\n    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_datarenderer_rendermappings__WEBPACK_IMPORTED_MODULE_6__.RenderMappingProvider, { plugins: plugins },\n        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FuncNodesContext.Provider, { value: fnrf_zst },\n            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: \"funcnodesreactflowcontainer\" },\n                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_header__WEBPACK_IMPORTED_MODULE_3__[\"default\"], __assign({}, header)),\n                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: \"funcnodesreactflowbody\" },\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_lib__WEBPACK_IMPORTED_MODULE_4__[\"default\"], null),\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_react_flow_layer__WEBPACK_IMPORTED_MODULE_5__[\"default\"], null))))));\n};\nvar FuncnodesReactFlow = function (_a) {\n    var _b = _a.useWorkerManager, useWorkerManager = _b === void 0 ? true : _b, _c = _a.default_worker, default_worker = _c === void 0 ? undefined : _c, _d = _a.header, header = _d === void 0 ? {} : _d;\n    if (!useWorkerManager && default_worker === undefined) {\n        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, \"Error: If you don't use a worker manager, you must provide a default worker.\"));\n    }\n    var fnrf_zst = (0,_states_fnrfzst__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({\n        useWorkerManager: useWorkerManager,\n        default_worker: default_worker,\n    });\n    if (default_worker) {\n        default_worker.set_zustand(fnrf_zst);\n    }\n    // @ts-ignore\n    window.fnrf_zst = fnrf_zst; // For debugging\n    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(InnerFuncnodesReactFlow, { fnrf_zst: fnrf_zst, header: header });\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FuncnodesReactFlow);\n\n\n\n//# sourceURL=webpack://FuncNodesReact/./src/frontend/funcnodesreactflow/index.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   FuncNodesContext: () => (/* binding */ FuncNodesContext),\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 _states_fnrfzst__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../states/fnrfzst */ \"./src/states/fnrfzst.ts\");\n/* harmony import */ var _funcnodes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../funcnodes */ \"./src/funcnodes/index.ts\");\n/* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../header */ \"./src/frontend/header/index.tsx\");\n/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../lib */ \"./src/frontend/lib.tsx\");\n/* harmony import */ var _react_flow_layer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./react_flow_layer */ \"./src/frontend/funcnodesreactflow/react_flow_layer.tsx\");\n/* harmony import */ var _datarenderer_rendermappings__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../datarenderer/rendermappings */ \"./src/frontend/datarenderer/rendermappings.tsx\");\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 __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\n\n\n\n\n\n\nvar FuncNodesContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)((0,_states_fnrfzst__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({}));\nvar InnerFuncnodesReactFlow = function (_a) {\n    var fnrf_zst = _a.fnrf_zst, header = _a.header;\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(\"\"), workermanageruri = _b[0], setWorkermanageruri = _b[1];\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(fnrf_zst.options.default_worker), worker = _c[0], setWorker = _c[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n        function fetch_worker_manager() {\n            return __awaiter(this, void 0, void 0, function () {\n                var response, workerewsuri;\n                return __generator(this, function (_a) {\n                    switch (_a.label) {\n                        case 0: return [4 /*yield*/, fetch(\"/worker_manager\")];\n                        case 1:\n                            response = _a.sent();\n                            return [4 /*yield*/, response.text()];\n                        case 2:\n                            workerewsuri = _a.sent();\n                            setWorkermanageruri(workerewsuri);\n                            return [2 /*return*/];\n                    }\n                });\n            });\n        }\n        if (fnrf_zst.options.useWorkerManager)\n            fetch_worker_manager();\n    }, []);\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n        if (workermanageruri) {\n            var workermanager = new _funcnodes__WEBPACK_IMPORTED_MODULE_2__.WorkerManager(workermanageruri, fnrf_zst);\n            workermanager.on_setWorker = setWorker;\n            fnrf_zst.workermanager = workermanager;\n        }\n    }, [workermanageruri]);\n    fnrf_zst.worker = worker;\n    fnrf_zst.auto_progress();\n    // const worker = new WebSocketWorker(\"ws://localhost:9382\", fnrf_zst);\n    // fnrf_zst.worker = worker;\n    var plugins = fnrf_zst.plugins();\n    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_datarenderer_rendermappings__WEBPACK_IMPORTED_MODULE_6__.RenderMappingProvider, { plugins: plugins, fnrf_zst: fnrf_zst },\n        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FuncNodesContext.Provider, { value: fnrf_zst },\n            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: \"funcnodesreactflowcontainer\" },\n                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_header__WEBPACK_IMPORTED_MODULE_3__[\"default\"], __assign({}, header)),\n                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", { className: \"funcnodesreactflowbody\" },\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_lib__WEBPACK_IMPORTED_MODULE_4__[\"default\"], null),\n                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_react_flow_layer__WEBPACK_IMPORTED_MODULE_5__[\"default\"], null))))));\n};\nvar FuncnodesReactFlow = function (_a) {\n    var _b = _a.useWorkerManager, useWorkerManager = _b === void 0 ? true : _b, _c = _a.default_worker, default_worker = _c === void 0 ? undefined : _c, _d = _a.header, header = _d === void 0 ? {} : _d;\n    if (!useWorkerManager && default_worker === undefined) {\n        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, \"Error: If you don't use a worker manager, you must provide a default worker.\"));\n    }\n    var fnrf_zst = (0,_states_fnrfzst__WEBPACK_IMPORTED_MODULE_1__[\"default\"])({\n        useWorkerManager: useWorkerManager,\n        default_worker: default_worker,\n    });\n    if (default_worker) {\n        default_worker.set_zustand(fnrf_zst);\n    }\n    // @ts-ignore\n    window.fnrf_zst = fnrf_zst; // For debugging\n    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(InnerFuncnodesReactFlow, { fnrf_zst: fnrf_zst, header: header });\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FuncnodesReactFlow);\n\n\n\n//# sourceURL=webpack://FuncNodesReact/./src/frontend/funcnodesreactflow/index.tsx?");
 
 /***/ }),
 

package/package.json

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