@linkdlab/funcnodes_react_flow 0.1.1 → 0.1.2

package/dist/frontend/datarenderer/images.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { BaseRenderOptions } from ".";
+interface ImageRenderOptions extends BaseRenderOptions {
+    format?: "png" | "jpeg";
+}
+declare const Base64ImageRenderer: ({ value, renderoptions, }: {
+    value: string;
+    renderoptions?: ImageRenderOptions;
+}) => import("react").JSX.Element;
+export { Base64ImageRenderer };
+export type { ImageRenderOptions };

package/dist/frontend/datarenderer/images.js

@@ -0,0 +1,13 @@
+var Base64ImageRenderer = function (_a) {
+    var value = _a.value, renderoptions = _a.renderoptions;
+    if (renderoptions === undefined)
+        renderoptions = {};
+    if (renderoptions.format === undefined)
+        renderoptions.format = "jpeg";
+    return (React.createElement("img", { src: "data:image/" + renderoptions.format + ";base64," + value, style: {
+            maxWidth: "100%",
+            maxHeight: "100%",
+        } }));
+};
+export { Base64ImageRenderer };
+//# sourceMappingURL=images.js.map

package/dist/frontend/datarenderer/images.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"images.js","sourceRoot":"","sources":["../../../src/frontend/datarenderer/images.tsx"],"names":[],"mappings":"AAKA,IAAM,mBAAmB,GAAG,UAAC,EAM5B;QALC,KAAK,WAAA,EACL,aAAa,mBAAA;IAKb,IAAI,aAAa,KAAK,SAAS;QAAE,aAAa,GAAG,EAAE,CAAC;IACpD,IAAI,aAAa,CAAC,MAAM,KAAK,SAAS;QAAE,aAAa,CAAC,MAAM,GAAG,MAAM,CAAC;IAEtE,OAAO,CACL,6BACE,GAAG,EAAE,aAAa,GAAC,aAAa,CAAC,MAAM,GAAC,UAAU,GAAG,KAAK,EAC1D,KAAK,EAAE;YACL,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,MAAM;SAClB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/frontend/datarenderer/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { RenderType } from "../../types/rendering.t";
+import { ImageRenderOptions } from "./images";
+interface BaseRenderOptions {
+    type?: RenderType;
+}
+interface StringRenderOptions extends BaseRenderOptions {
+    max_length?: number;
+}
+type RenderOptions = BaseRenderOptions | ImageRenderOptions | StringRenderOptions;
+declare const get_rendertype: (rendertype: string) => ({ value, renderoptions, }: {
+    value: any;
+    renderoptions?: RenderOptions;
+}) => JSX.Element;
+export default get_rendertype;
+export type { RenderOptions, BaseRenderOptions };

package/dist/frontend/datarenderer/index.js

@@ -0,0 +1,26 @@
+import { Base64ImageRenderer } from "./images";
+import AnyPlot from "./plotly";
+var StringRenderer = function (_a) {
+    var value = _a.value, renderoptions = _a.renderoptions;
+    var string = JSON.stringify(value, null, 2);
+    var max_length = (renderoptions === null || renderoptions === void 0 ? void 0 : renderoptions.max_length) || 1000;
+    // shorten string if too long
+    if (string.length > max_length) {
+        string = string.substring(0, max_length) + "...";
+    }
+    return React.createElement(React.Fragment, null, string);
+};
+var RENDERTYPES = {
+    image: Base64ImageRenderer,
+    string: StringRenderer,
+    str: StringRenderer,
+    plot: AnyPlot,
+};
+var get_rendertype = function (rendertype) {
+    var rt = RENDERTYPES[rendertype];
+    if (rt === undefined)
+        return RENDERTYPES["string"];
+    return rt;
+};
+export default get_rendertype;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/frontend/datarenderer/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAsB,MAAM,UAAU,CAAC;AACnE,OAAO,OAAO,MAAM,UAAU,CAAC;AAc/B,IAAM,cAAc,GAAG,UAAC,EAMvB;QALC,KAAK,WAAA,EACL,aAAa,mBAAA;IAKb,IAAI,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC5C,IAAM,UAAU,GAAG,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,UAAU,KAAI,IAAI,CAAC;IACrD,6BAA6B;IAC7B,IAAI,MAAM,CAAC,MAAM,GAAG,UAAU,EAAE,CAAC;QAC/B,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC;IACnD,CAAC;IAED,OAAO,0CAAG,MAAM,CAAI,CAAC;AACvB,CAAC,CAAC;AACF,IAAM,WAAW,GAQb;IACF,KAAK,EAAE,mBAAmB;IAC1B,MAAM,EAAE,cAAc;IACtB,GAAG,EAAE,cAAc;IACnB,IAAI,EAAE,OAAO;CACd,CAAC;AACF,IAAM,cAAc,GAAG,UAAC,UAAkB;IACxC,IAAM,EAAE,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,IAAI,EAAE,KAAK,SAAS;QAAE,OAAO,WAAW,CAAC,QAAQ,CAAC,CAAC;IACnD,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/frontend/datarenderer/plotly.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { BaseRenderOptions } from ".";
+interface PlotlyRenderOptions extends BaseRenderOptions {
+    plottype?: "line" | "scatter" | "imshow";
+    layout?: any;
+    colorscale?: string;
+}
+declare const AnyPlot: ({ value, renderoptions, }: {
+    value: any;
+    renderoptions?: PlotlyRenderOptions;
+}) => import("react").JSX.Element;
+export {};
+export default AnyPlot;
+export type { PlotlyRenderOptions };

package/dist/frontend/datarenderer/plotly.js

@@ -0,0 +1,53 @@
+import Plot from "react-plotly.js";
+var AnyPlot = function (_a) {
+    var value = _a.value, renderoptions = _a.renderoptions;
+    if (renderoptions === undefined) {
+        renderoptions = {};
+    }
+    if (value === undefined) {
+        return React.createElement(React.Fragment, null);
+    }
+    renderoptions.plottype = renderoptions.plottype || "line";
+    var data = [];
+    var layout = renderoptions.layout || {};
+    // tight layout
+    layout.margin = { t: 50, r: 50, l: 50, b: 50 };
+    if (renderoptions.plottype === "imshow") {
+        // check if value is a 2D array
+        if (!Array.isArray(value) || !Array.isArray(value[0])) {
+            console.error("imshow plottype requires a 2D array");
+            return React.createElement(React.Fragment, null);
+        }
+        // if is 3data, aassume rgb
+        if (Array.isArray(value[0][0])) {
+            //check image colorchannel
+            if ((renderoptions === null || renderoptions === void 0 ? void 0 : renderoptions.colorscale) === "bgr") {
+                value = value.map(function (row) {
+                    return row.map(function (pixel) { return [pixel[2], pixel[1], pixel[0]]; });
+                });
+            }
+            data.push({
+                z: value,
+                type: "image",
+                colorscale: "rgb",
+            });
+            // disable axis
+            layout.xaxis = { visible: false };
+            layout.yaxis = { visible: false };
+            layout.margin = { t: 0, r: 0, l: 0, b: 0 };
+        }
+        else {
+            data.push({
+                z: value,
+                type: "heatmap",
+                colorscale: (renderoptions === null || renderoptions === void 0 ? void 0 : renderoptions.colorscale) || "Viridis",
+            });
+        }
+    }
+    // auto resize
+    layout.autosize = true;
+    return (React.createElement("div", { style: { minWidth: 300, maxHeight: 300, maxWidth: 300, minHeight: 300 } },
+        React.createElement(Plot, { data: data, layout: layout, useResizeHandler: true, style: { width: "100%", height: "100%" } })));
+};
+export default AnyPlot;
+//# sourceMappingURL=plotly.js.map

package/dist/frontend/datarenderer/plotly.js.map

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

package/dist/frontend/dialog.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import "./dialog.scss";
+interface CustomDialogProps {
+    trigger?: React.ReactNode;
+    title?: string;
+    description?: string | React.ReactNode;
+    children: React.ReactNode;
+    closebutton?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    buttons?: {
+        text: string;
+        onClick: () => void;
+    }[];
+}
+declare const CustomDialog: ({ trigger, title, description, children, closebutton, onOpenChange, buttons, }: CustomDialogProps) => React.JSX.Element;
+export default CustomDialog;
+export type { CustomDialogProps };

package/dist/frontend/dialog.js

@@ -0,0 +1,26 @@
+import React from "react";
+import * as Dialog from "@radix-ui/react-dialog";
+import CloseIcon from "@mui/icons-material/Close";
+import "./dialog.scss";
+var CustomDialog = function (_a) {
+    var trigger = _a.trigger, title = _a.title, description = _a.description, children = _a.children, _b = _a.closebutton, closebutton = _b === void 0 ? true : _b, onOpenChange = _a.onOpenChange, _c = _a.buttons, buttons = _c === void 0 ? [] : _c;
+    return (React.createElement(Dialog.Root, { onOpenChange: onOpenChange },
+        trigger && React.createElement(Dialog.Trigger, { asChild: true }, trigger),
+        React.createElement(Dialog.Portal, null,
+            React.createElement(Dialog.Overlay, { className: "dialogoverlay" }),
+            React.createElement(Dialog.Content, { className: "dialogconent" },
+                title && (React.createElement(Dialog.Title, { className: "dialogtitle" }, title)),
+                description && (React.createElement(Dialog.Description, { className: "dialogdescription" }, description)),
+                React.createElement("div", { className: "dialogchildren" }, children),
+                React.createElement("div", { style: {
+                        display: "flex",
+                        marginTop: 25,
+                        justifyContent: "flex-end",
+                    } }, (buttons || []).map(function (button, index) { return (React.createElement(Dialog.Close, { asChild: true, key: index },
+                    React.createElement("button", { className: "dialogsendbutton", onClick: button.onClick }, button.text))); })),
+                closebutton && (React.createElement(Dialog.Close, { asChild: true },
+                    React.createElement("button", { className: "dialogclosebutton", "aria-label": "Close" },
+                        React.createElement(CloseIcon, null))))))));
+};
+export default CustomDialog;
+//# sourceMappingURL=dialog.js.map

package/dist/frontend/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/frontend/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,eAAe,CAAC;AAavB,IAAM,YAAY,GAAG,UAAC,EASF;QARlB,OAAO,aAAA,EACP,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,mBAAkB,EAAlB,WAAW,mBAAG,IAAI,KAAA,EAClB,YAAY,kBAAA,EAEZ,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA;IAEZ,OAAO,CACL,oBAAC,MAAM,CAAC,IAAI,IAAC,YAAY,EAAE,YAAY;QACpC,OAAO,IAAI,oBAAC,MAAM,CAAC,OAAO,IAAC,OAAO,UAAE,OAAO,CAAkB;QAC9D,oBAAC,MAAM,CAAC,MAAM;YACZ,oBAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,eAAe,GAAG;YAC5C,oBAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,cAAc;gBACrC,KAAK,IAAI,CACR,oBAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,aAAa,IAAE,KAAK,CAAgB,CAC7D;gBACA,WAAW,IAAI,CACd,oBAAC,MAAM,CAAC,WAAW,IAAC,SAAS,EAAC,mBAAmB,IAC9C,WAAW,CACO,CACtB;gBACD,6BAAK,SAAS,EAAC,gBAAgB,IAAE,QAAQ,CAAO;gBAChD,6BACE,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM;wBACf,SAAS,EAAE,EAAE;wBACb,cAAc,EAAE,UAAU;qBAC3B,IAEA,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CACtC,oBAAC,MAAM,CAAC,KAAK,IAAC,OAAO,QAAC,GAAG,EAAE,KAAK;oBAC9B,gCAAQ,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,IACzD,MAAM,CAAC,IAAI,CACL,CACI,CAChB,EANuC,CAMvC,CAAC,CACE;gBACL,WAAW,IAAI,CACd,oBAAC,MAAM,CAAC,KAAK,IAAC,OAAO;oBACnB,gCAAQ,SAAS,EAAC,mBAAmB,gBAAY,OAAO;wBACtD,oBAAC,SAAS,OAAG,CACN,CACI,CAChB,CACc,CACH,CACJ,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/frontend/edge.d.ts

@@ -0,0 +1,5 @@
+import { EdgeProps } from "reactflow";
+import "./edge.scss";
+import React from "react";
+declare const DefaultEdge: ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, data, ...props }: EdgeProps) => React.JSX.Element;
+export default DefaultEdge;

package/dist/frontend/edge.js

@@ -0,0 +1,40 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { getBezierPath, BaseEdge } from "reactflow";
+import "./edge.scss";
+import React from "react";
+var DefaultEdge = function (_a) {
+    var id = _a.id, sourceX = _a.sourceX, sourceY = _a.sourceY, targetX = _a.targetX, targetY = _a.targetY, sourcePosition = _a.sourcePosition, targetPosition = _a.targetPosition, data = _a.data, props = __rest(_a, ["id", "sourceX", "sourceY", "targetX", "targetY", "sourcePosition", "targetPosition", "data"]);
+    var _b = getBezierPath({
+        sourceX: sourceX,
+        sourceY: sourceY,
+        sourcePosition: sourcePosition,
+        targetX: targetX,
+        targetY: targetY,
+        targetPosition: targetPosition,
+    }), edgePath = _b[0], labelX = _b[1], labelY = _b[2];
+    return (React.createElement(React.Fragment, null,
+        React.createElement(BaseEdge, __assign({ id: id, path: edgePath }, props))));
+};
+export default DefaultEdge;
+//# sourceMappingURL=edge.js.map

package/dist/frontend/edge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edge.js","sourceRoot":"","sources":["../../src/frontend/edge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAa,aAAa,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC/D,OAAO,aAAa,CAAC;AACrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,IAAM,WAAW,GAAG,UAAC,EAUT;IATV,IAAA,EAAE,QAAA,EACF,OAAO,aAAA,EACP,OAAO,aAAA,EACP,OAAO,aAAA,EACP,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,IAAI,UAAA,EACD,KAAK,cATW,8FAUpB,CADS;IAEF,IAAA,KAA6B,aAAa,CAAC;QAC/C,OAAO,SAAA;QACP,OAAO,SAAA;QACP,cAAc,gBAAA;QACd,OAAO,SAAA;QACP,OAAO,SAAA;QACP,cAAc,gBAAA;KACf,CAAC,EAPK,QAAQ,QAAA,EAAE,MAAM,QAAA,EAAE,MAAM,QAO7B,CAAC;IAEH,OAAO,CACL;QACE,oBAAC,QAAQ,aAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,IAAM,KAAK,EAAI,CAC9C,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/frontend/funcnodesreactflow/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { FuncNodesReactFlowZustandInterface } from "../../states/fnrfzst.t";
+declare const FuncNodesContext: React.Context<FuncNodesReactFlowZustandInterface>;
+declare const FuncnodesReactFlow: () => React.JSX.Element;
+export default FuncnodesReactFlow;
+export { FuncNodesContext };

package/dist/frontend/funcnodesreactflow/index.js

@@ -0,0 +1,94 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { createContext, useEffect, useState } from "react";
+import FuncNodesReactFlowZustand from "../../states/fnrfzst";
+import React from "react";
+import { WorkerManager } from "../../funcnodes";
+import FuncnodesHeader from "../header";
+import Library from "../lib";
+import ReactFlowLayer from "./react_flow_layer";
+var FuncNodesContext = createContext(FuncNodesReactFlowZustand());
+var InnerFuncnodesReactFlow = function (_a) {
+    var fnrf_zst = _a.fnrf_zst;
+    var _b = useState(""), workermanageruri = _b[0], setWorkermanageruri = _b[1];
+    var _c = useState(undefined), worker = _c[0], setWorker = _c[1];
+    useEffect(function () {
+        function fetch_worker_manager() {
+            return __awaiter(this, void 0, void 0, function () {
+                var response, workerewsuri;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, fetch("/worker_manager")];
+                        case 1:
+                            response = _a.sent();
+                            return [4 /*yield*/, response.text()];
+                        case 2:
+                            workerewsuri = _a.sent();
+                            setWorkermanageruri(workerewsuri);
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        }
+        fetch_worker_manager();
+    }, []);
+    useEffect(function () {
+        if (workermanageruri) {
+            var workermanager = new WorkerManager(workermanageruri, fnrf_zst);
+            workermanager.on_setWorker = setWorker;
+            fnrf_zst.workermanager = workermanager;
+        }
+    }, [workermanageruri]);
+    fnrf_zst.worker = worker;
+    // const worker = new WebSocketWorker("ws://localhost:9382", fnrf_zst);
+    // fnrf_zst.worker = worker;
+    return (React.createElement(FuncNodesContext.Provider, { value: fnrf_zst },
+        React.createElement("div", { className: "funcnodesreactflowcontainer" },
+            React.createElement(FuncnodesHeader, null),
+            React.createElement("div", { className: "funcnodesreactflowbody" },
+                React.createElement(Library, null),
+                React.createElement(ReactFlowLayer, null)))));
+};
+var FuncnodesReactFlow = function () {
+    var fnrf_zst = FuncNodesReactFlowZustand();
+    // @ts-ignore
+    window.fnrf_zst = fnrf_zst; // For debugging
+    return React.createElement(InnerFuncnodesReactFlow, { fnrf_zst: fnrf_zst });
+};
+export default FuncnodesReactFlow;
+export { FuncNodesContext };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/frontend/funcnodesreactflow/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,yBAAyB,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,eAAe,MAAM,WAAW,CAAC;AACxC,OAAO,OAAO,MAAM,QAAQ,CAAC;AAC7B,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAGhD,IAAM,gBAAgB,GAAG,aAAa,CACpC,yBAAyB,EAAE,CAC5B,CAAC;AAEF,IAAM,uBAAuB,GAAG,UAAC,EAIhC;QAHC,QAAQ,cAAA;IAIF,IAAA,KAA0C,QAAQ,CAAS,EAAE,CAAC,EAA7D,gBAAgB,QAAA,EAAE,mBAAmB,QAAwB,CAAC;IAC/D,IAAA,KAAsB,QAAQ,CAA8B,SAAS,CAAC,EAArE,MAAM,QAAA,EAAE,SAAS,QAAoD,CAAC;IAE7E,SAAS,CAAC;QACR,SAAe,oBAAoB;;;;;gCAClB,qBAAM,KAAK,CAAC,iBAAiB,CAAC,EAAA;;4BAAzC,QAAQ,GAAG,SAA8B;4BAC1B,qBAAM,QAAQ,CAAC,IAAI,EAAE,EAAA;;4BAApC,YAAY,GAAG,SAAqB;4BACxC,mBAAmB,CAAC,YAAY,CAAC,CAAC;;;;;SACnC;QACD,oBAAoB,EAAE,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC;QACR,IAAI,gBAAgB,EAAE,CAAC;YACrB,IAAM,aAAa,GAAG,IAAI,aAAa,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;YACpE,aAAa,CAAC,YAAY,GAAG,SAAS,CAAC;YACvC,QAAQ,CAAC,aAAa,GAAG,aAAa,CAAC;QACzC,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;IACzB,uEAAuE;IACvE,4BAA4B;IAE5B,OAAO,CACL,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ;QACxC,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,oBAAC,eAAe,OAAmB;YAEnC,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,oBAAC,OAAO,OAAW;gBACnB,oBAAC,cAAc,OAAkB,CAC7B,CACF,CACoB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,kBAAkB,GAAG;IACzB,IAAM,QAAQ,GAAG,yBAAyB,EAAE,CAAC;IAE7C,aAAa;IACb,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,gBAAgB;IAC5C,OAAO,oBAAC,uBAAuB,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACzD,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/frontend/funcnodesreactflow/react_flow_layer.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import "reactflow/dist/style.css";
+import "./funcnodesreactflow.scss";
+declare const ReactFlowLayer: () => React.JSX.Element;
+export default ReactFlowLayer;

package/dist/frontend/funcnodesreactflow/react_flow_layer.js

@@ -0,0 +1,149 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useCallback, useContext, useEffect, useRef, useState, } from "react";
+import ReactFlow, { Background, MiniMap, useEdges, useKeyPress, useNodes, useReactFlow, } from "reactflow";
+import { FuncNodesContext } from "..";
+import { useShallow } from "zustand/react/shallow";
+import DefaultNode from "../node";
+import DefaultEdge from "../edge";
+import "reactflow/dist/style.css";
+import "./funcnodesreactflow.scss";
+var selector = function (state) { return ({
+    nodes: state.nodes,
+    edges: state.edges,
+    onNodesChange: state.onNodesChange,
+    onEdgesChange: state.onEdgesChange,
+    onConnect: state.onConnect,
+}); };
+var nodeTypes = { default: DefaultNode };
+var edgeTypes = {
+    default: DefaultEdge,
+};
+var ReactFlowManager = function () {
+    var rfinstance = useReactFlow();
+    var fnrf_zst = useContext(FuncNodesContext);
+    fnrf_zst.rf_instance = rfinstance;
+    return React.createElement(React.Fragment, null);
+};
+var KeyHandler = function () {
+    var _a;
+    var fnrf_zst = useContext(FuncNodesContext);
+    var delPressed = useKeyPress("Delete");
+    var edges = useEdges();
+    var nodes = useNodes();
+    if (delPressed) {
+        for (var _i = 0, edges_1 = edges; _i < edges_1.length; _i++) {
+            var edge = edges_1[_i];
+            if (edge.selected) {
+                if (!fnrf_zst.worker)
+                    return React.createElement(React.Fragment, null);
+                if (!edge.source || !edge.target)
+                    return React.createElement(React.Fragment, null);
+                if (!edge.sourceHandle || !edge.targetHandle)
+                    return React.createElement(React.Fragment, null);
+                (_a = fnrf_zst.worker) === null || _a === void 0 ? void 0 : _a.remove_edge({
+                    src_nid: edge.source,
+                    src_ioid: edge.sourceHandle,
+                    trg_nid: edge.target,
+                    trg_ioid: edge.targetHandle,
+                });
+            }
+        }
+        for (var _b = 0, nodes_1 = nodes; _b < nodes_1.length; _b++) {
+            var node = nodes_1[_b];
+            if (node.selected) {
+                if (!fnrf_zst.worker)
+                    return React.createElement(React.Fragment, null);
+                fnrf_zst.worker.remove_node(node.id);
+            }
+        }
+    }
+    return React.createElement(React.Fragment, null);
+};
+var ContextMenu = function (_a) {
+    var id = _a.id, top = _a.top, left = _a.left, right = _a.right, bottom = _a.bottom, props = __rest(_a, ["id", "top", "left", "right", "bottom"]);
+    var _b = useReactFlow(), getNode = _b.getNode, setNodes = _b.setNodes, addNodes = _b.addNodes, setEdges = _b.setEdges;
+    var fnrf_zst = useContext(FuncNodesContext);
+    var duplicateNode = useCallback(function () {
+        var rfnode = getNode(id);
+        if (!rfnode)
+            return;
+        var position = {
+            x: rfnode.position.x + 50,
+            y: rfnode.position.y + 50,
+        };
+        addNodes(__assign(__assign({}, rfnode), { id: "".concat(rfnode.id, "-copy"), position: position }));
+    }, [id, getNode, addNodes]);
+    var deleteNode = useCallback(function () {
+        fnrf_zst.on_node_action({ type: "delete", id: id, from_remote: false });
+    }, [id, setNodes, setEdges]);
+    var nodestore = fnrf_zst.nodespace.get_node(id, false);
+    if (!nodestore)
+        return React.createElement(React.Fragment, null, " ");
+    var node = nodestore();
+    return (React.createElement("div", __assign({ style: { top: top, left: left, right: right, bottom: bottom }, className: "context-menu" }, props),
+        React.createElement("p", { style: { fontWeight: "bold" } },
+            React.createElement("small", null, node.name)),
+        React.createElement("button", { onClick: duplicateNode }, "duplicate"),
+        React.createElement("button", { onClick: deleteNode }, "delete")));
+};
+var ReactFlowLayer = function () {
+    var fnrf_zst = useContext(FuncNodesContext);
+    var reactflowRef = useRef(null);
+    useEffect(function () {
+        fnrf_zst.reactflowRef = reactflowRef.current;
+    }, [reactflowRef]);
+    var _a = useState(null), menu = _a[0], setMenu = _a[1];
+    var onNodeContextMenu = useCallback(function (event, node) {
+        if (!reactflowRef.current)
+            return;
+        // Prevent native context menu from showing
+        event.preventDefault();
+        // Calculate position of the context menu. We want to make sure it
+        // doesn't get positioned off-screen.
+        var pane = reactflowRef.current.getBoundingClientRect();
+        var clientX = event.clientX;
+        var clientY = event.clientY;
+        setMenu({
+            id: node.id,
+            top: clientY < pane.height - 200 ? clientY : undefined,
+            left: clientX < pane.width - 200 ? clientX : undefined,
+            right: clientX >= pane.width - 200 ? pane.width - clientX : undefined,
+            bottom: clientY >= pane.height - 200 ? pane.height - clientY : undefined,
+        });
+    }, [setMenu]);
+    var onPaneClick = useCallback(function () { return setMenu(null); }, [setMenu]);
+    var _b = fnrf_zst.useReactFlowStore(useShallow(selector)), nodes = _b.nodes, edges = _b.edges, onNodesChange = _b.onNodesChange, onEdgesChange = _b.onEdgesChange, onConnect = _b.onConnect;
+    return (React.createElement("div", { className: "reactflowlayer" },
+        React.createElement(ReactFlow, { nodes: nodes, edges: edges, onNodesChange: onNodesChange, onEdgesChange: onEdgesChange, onConnect: onConnect, nodeTypes: nodeTypes, edgeTypes: edgeTypes, minZoom: 0.1, maxZoom: 2, fitView: true, ref: reactflowRef, 
+            //  onNodeContextMenu={onNodeContextMenu}
+            onPaneClick: onPaneClick },
+            React.createElement(ReactFlowManager, null),
+            React.createElement(KeyHandler, null),
+            React.createElement(Background, { color: "#888" // Color of the grid lines
+                , gap: 16, size: 1 }),
+            React.createElement(MiniMap, { nodeStrokeWidth: 3, pannable: true, zoomable: true, zoomStep: 3 }),
+            menu && React.createElement(ContextMenu, __assign({ onClick: onPaneClick }, menu)))));
+};
+export default ReactFlowLayer;
+//# sourceMappingURL=react_flow_layer.js.map

package/dist/frontend/funcnodesreactflow/react_flow_layer.js.map

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

package/dist/frontend/header/index.d.ts

@@ -0,0 +1,4 @@
+import "./header.scss";
+import React from "react";
+declare const FuncnodesHeader: () => React.JSX.Element;
+export default FuncnodesHeader;