@linkdlab/funcnodes_react_flow 0.1.4 → 0.1.6

package/dist/plugin/index.d.ts

@@ -0,0 +1,6 @@
+import RendererPlugin from "./rendenderer";
+interface FuncNodesReactPlugin {
+    RendererPlugin?: RendererPlugin;
+}
+export type { RendererPlugin };
+export default FuncNodesReactPlugin;

package/dist/plugin/rendenderer.d.ts

@@ -0,0 +1,20 @@
+import { HandlePreviewRendererType, DataOverlayRendererType, DataPreviewViewRendererType, DataViewRendererType } from "../frontend/datarenderer/rendermappings";
+import { InputRendererType } from "../states/nodeio.t";
+interface RendererPlugin {
+    input_renderers?: {
+        [key: string]: InputRendererType;
+    };
+    handle_preview_renderers?: {
+        [key: string]: HandlePreviewRendererType;
+    };
+    data_overlay_renderers?: {
+        [key: string]: DataOverlayRendererType;
+    };
+    data_preview_renderers?: {
+        [key: string]: DataPreviewViewRendererType;
+    };
+    data_view_renderers?: {
+        [key: string]: DataViewRendererType;
+    };
+}
+export default RendererPlugin;

package/dist/states/fnrfzst.d.ts

@@ -1,10 +1,10 @@
-import LibZustand from './lib';
-import NodeSpaceZustand from './nodespace';
-import { Node as RFNode } from 'reactflow';
-import { NodeStore } from './node.t';
-import type { FuncNodesReactFlowZustandInterface } from './fnrfzst.t';
-import type { NodeType } from './node.t';
+import LibZustand from "./lib";
+import NodeSpaceZustand from "./nodespace";
+import { Node as RFNode } from "reactflow";
+import { NodeStore } from "./node.t";
+import type { FuncNodesReactFlowZustandInterface, FuncnodesReactFlowProps } from "./fnrfzst.t";
+import type { NodeType } from "./node.t";
 declare const assert_reactflow_node: (node: NodeType, store: NodeStore, fnrf_instance?: FuncNodesReactFlowZustandInterface) => NodeType & RFNode;
-declare const FuncNodesReactFlowZustand: () => FuncNodesReactFlowZustandInterface;
+declare const FuncNodesReactFlowZustand: ({ useWorkerManager, default_worker, }: FuncnodesReactFlowProps) => FuncNodesReactFlowZustandInterface;
 export default FuncNodesReactFlowZustand;
 export { LibZustand, NodeSpaceZustand, assert_reactflow_node };

package/dist/states/fnrfzst.t.d.ts

@@ -1,11 +1,12 @@
 import { StoreApi, UseBoundStore } from "zustand";
 import { FuncNodesWorker, WorkerManager } from "../funcnodes";
-import { LibType, LibZustandInterface } from "./lib.t";
+import { ExternalWorkerDependecies, LibType, LibZustandInterface } from "./lib.t";
 import { NodeSpaceZustandInterface } from "./nodespace.t";
 import { NodeAction, NodeType } from "./node.t";
 import { RFStore } from "./reactflow.t";
 import { EdgeAction } from "./edge.t";
 import { useReactFlow } from "reactflow";
+import FuncNodesReactPlugin from "../plugin";
 interface RenderOptions {
     typemap?: {
         [key: string]: string;
@@ -39,6 +40,7 @@ interface FullState {
     worker: {
         [key: string]: string[];
     };
+    worker_dependencies: ExternalWorkerDependecies[];
 }
 interface ProgressState {
     message: string;
@@ -79,7 +81,12 @@ interface WorkerRepresentation {
 interface WorkersState {
     [key: string]: WorkerRepresentation;
 }
+interface FuncnodesReactFlowProps {
+    useWorkerManager?: boolean;
+    default_worker?: FuncNodesWorker;
+}
 interface FuncNodesReactFlowZustandInterface {
+    options: FuncnodesReactFlowProps;
     lib: LibZustandInterface;
     workermanager: WorkerManager | undefined;
     workers: UseBoundStore<StoreApi<WorkersState>>;
@@ -94,7 +101,11 @@ interface FuncNodesReactFlowZustandInterface {
     on_edge_action: (edge: EdgeAction) => void;
     set_progress: (progress: ProgressState) => void;
     auto_progress: () => void;
+    plugins: UseBoundStore<StoreApi<{
+        [key: string]: FuncNodesReactPlugin;
+    }>>;
+    add_plugin: (name: string, plugin: FuncNodesReactPlugin) => void;
     reactflowRef: HTMLDivElement | null;
     clear_all: () => void;
 }
-export type { FuncNodesReactFlowZustandInterface, WorkersState, WorkerRepresentation, JSONMessage, FullState, FullNodeSpaceJSON, ViewState, RenderOptions, ProgressState, ProgressStateMessage, ResultMessage, ErrorMessage, NodeSpaceEvent, NodeViewState, };
+export type { FuncNodesReactFlowZustandInterface, WorkersState, WorkerRepresentation, JSONMessage, FullState, FullNodeSpaceJSON, ViewState, RenderOptions, ProgressState, ProgressStateMessage, ResultMessage, ErrorMessage, NodeSpaceEvent, NodeViewState, FuncnodesReactFlowProps, };

package/dist/states/lib.t.d.ts

@@ -1,4 +1,4 @@
-import { UseBoundStore, StoreApi } from 'zustand';
+import { UseBoundStore, StoreApi } from "zustand";
 type LibNode = {
     node_id: string;
     description?: string;
@@ -13,12 +13,26 @@ type Shelf = {
 type LibType = {
     shelves: Shelf[];
 };
+interface ExternalWorkerClassDep {
+    module: string;
+    class_name: string;
+    name: string;
+}
+interface ExternalWorkerDependecies {
+    module: string;
+    worker_classes: ExternalWorkerClassDep[];
+}
 interface LibState {
-    state: LibType;
-    set: (state: LibType) => void;
-    get: () => LibType;
+    lib: LibType;
+    external_worker?: ExternalWorkerDependecies[];
+    set: (state: {
+        lib?: LibType;
+        external_worker?: ExternalWorkerDependecies[];
+    }) => void;
+    get_lib: () => LibType;
+    get_external_worker: () => ExternalWorkerDependecies[] | undefined;
 }
 interface LibZustandInterface {
     libstate: UseBoundStore<StoreApi<LibState>>;
 }
-export type { LibZustandInterface, LibState, LibType, Shelf, LibNode };
+export type { LibZustandInterface, LibState, LibType, Shelf, LibNode, ExternalWorkerClassDep, ExternalWorkerDependecies, };

package/dist/states/node.d.ts

@@ -1,4 +1,5 @@
 import { NodeType, PartialNodeType, NodeStore } from "./node.t";
 declare const assert_full_node: (node: PartialNodeType) => NodeType;
+declare const normalize_node: (node: PartialNodeType) => PartialNodeType;
 declare const createNodeStore: (node: NodeType) => NodeStore;
-export { createNodeStore, assert_full_node };
+export { createNodeStore, assert_full_node, normalize_node };

package/dist/states/nodeio.t.d.ts

@@ -30,7 +30,7 @@ interface TypeOf {
 type SerializedType = string | AllOf | AnyOf | ArrayOf | DictOf | EnumOf | TypeOf;
 interface IORenderOptions extends BaseRenderOptions {
     step?: number;
-    set_default?: boolean;
+    set_default: boolean;
 }
 interface IOValueOptions {
     min?: number;
@@ -50,7 +50,7 @@ interface IOType {
     type: SerializedType;
     value: any;
     fullvalue?: any;
-    render_options?: IORenderOptions;
+    render_options: IORenderOptions;
     value_options?: IOValueOptions;
     valuepreview_type?: string;
     try_get_full_value: () => void;
@@ -60,7 +60,7 @@ type OutputRendererType = ({ io }: {
 }) => JSX.Element;
 interface InputRendererProps {
     io: IOType;
-    inputconverter: (v: any) => any;
+    inputconverter: [(v: any) => any, (v: any) => any];
 }
 type InputRendererType = ({ io, inputconverter, }: InputRendererProps) => JSX.Element;
 type PartialIOType = DeepPartial<IOType>;

package/dist/states/reactflow.d.ts

@@ -1,6 +1,6 @@
-import { Connection, EdgeChange, NodeChange } from 'reactflow';
-import { RFStore } from './reactflow.t';
-declare const reactflowstore: ({ on_node_change, on_edge_change, on_connect }: {
+import { Connection, EdgeChange, NodeChange } from "reactflow";
+import { RFStore } from "./reactflow.t";
+declare const reactflowstore: ({ on_node_change, on_edge_change, on_connect, }: {
     on_node_change?: ((changes: NodeChange[]) => void) | undefined;
     on_edge_change?: ((changes: EdgeChange[]) => void) | undefined;
     on_connect?: ((connection: Connection) => void) | undefined;

package/dist/states/reactflow.t.d.ts

@@ -1,5 +1,5 @@
-import { UseBoundStore, StoreApi } from 'zustand';
-import { Edge, Node, OnNodesChange, OnEdgesChange, OnConnect } from 'reactflow';
+import { UseBoundStore, StoreApi } from "zustand";
+import { Edge, Node, OnNodesChange, OnEdgesChange, OnConnect } from "reactflow";
 type RFState = {
     nodes: Node[];
     edges: Edge[];

package/dist/types/rendering.t.d.ts

@@ -1,10 +1,10 @@
-type RenderType = "string" | "number" | "boolean" | "image";
+import { SerializedType } from "../states/nodeio.t";
+type RenderType = "string" | "number" | "boolean" | "image" | SerializedType;
 interface BaseRenderOptions {
-    type?: RenderType;
+    type: RenderType;
 }
 interface DataRenderOptions extends BaseRenderOptions {
     src?: string;
-    type?: RenderType;
     preview_type?: string;
 }
 export type { DataRenderOptions, RenderType, BaseRenderOptions };

package/dist/utils/autolayout/force.d.ts

@@ -0,0 +1,2 @@
+declare const useForceGraph: () => void;
+export default useForceGraph;

package/dist/utils/autolayout/index.d.ts

@@ -0,0 +1,2 @@
+import useForceGraph from "./force";
+export { useForceGraph };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linkdlab/funcnodes_react_flow",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).",
   "repository": {
     "type": "git",
@@ -25,10 +25,11 @@
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "buildmod": "tsc -p tsconfig.esm.json",
     "webpack:app": "cd app && webpack",
-    "webpack:module": "cd module && webpack",
-    "serve": "cd app && webpack serve --mode=development"
+    "webpack:module": "webpack",
+    "serve": "cd app && webpack serve --mode=development",
+    "watch": "webpack --watch --progress",
+    "pretty": "prettier --write \"./src/**/*.{js,jsx,mjs,cjs,ts,tsx,json}\""
   },
   "dependencies": {
     "@emotion/react": "^11.11.3",
@@ -37,25 +38,26 @@
     "@mui/material": "^5.15.10",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-slider": "^1.1.2",
     "@radix-ui/react-tooltip": "^1.0.7",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^13.0.0",
     "@testing-library/user-event": "^13.2.1",
     "@types/color-convert": "^2.0.3",
+    "@types/d3": "^7.4.3",
     "@types/jest": "^27.0.1",
     "@types/node": "^16.7.13",
-    "@types/plotly.js": "^2.29.1",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
-    "@types/react-plotly.js": "^2.6.3",
     "@types/uuid": "^9.0.8",
+    "buffer": "^6.0.3",
     "color-convert": "^2.0.1",
-    "plotly.js": "^2.29.1",
+    "d3": "^7.9.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-json-view-lite": "^1.3.0",
-    "react-plotly.js": "^2.6.0",
     "react-scripts": "5.0.1",
+    "react-select": "^5.8.0",
     "reactflow": "^11.10.3",
     "sass": "^1.75.0",
     "scss": "^0.2.4",