@linkdlab/funcnodes_react_flow 0.1.0 → 0.1.2

package/src/state/node.ts

@@ -1,118 +0,0 @@
-import { useStore, create, UseBoundStore, StoreApi } from "zustand";
-import { DeepPartial, deep_merge } from "./";
-
-type PartialIOType = DeepPartial<IOType>;
-
-/**
- * Interface for the NodeActionAdd.
- * This interface is used when a new node is being added.
- * It has a type property set to "add" and a node property of NodeType.
- */
-
-interface BaseNodeAction {
-  type: string;
-  from_remote: boolean;
-  id: string;
-  immediate?: boolean;
-}
-
-interface NodeActionAdd extends BaseNodeAction {
-  type: "add";
-  node: NodeType;
-}
-
-/**
- * Interface for the NodeActionUpdate.
- * This interface is used when an existing node is being updated.
- * It has a type property set to "update", an id property for the node to be updated,
- * and a node property of PartialNodeType which contains the properties to be updated.
- */
-interface NodeActionUpdate extends BaseNodeAction {
-  type: "update";
-  node: PartialNodeType;
-}
-
-/**
- * Interface for the NodeActionDelete.
- * This interface is used when a node is being deleted.
- * It has a type property set to "delete" and an id property for the node to be deleted.
- */
-interface NodeActionDelete extends BaseNodeAction {
-  type: "delete";
-}
-
-interface NodeActionError extends BaseNodeAction {
-  type: "error";
-  errortype: string;
-  error: string;
-}
-
-interface NodeTrigger extends BaseNodeAction {
-  type: "trigger";
-}
-
-/**
- * Type alias for NodeAction.
- * A NodeAction can be either a NodeActionAdd, NodeActionUpdate, or NodeActionDelete.
- */
-type NodeAction =
-  | NodeActionAdd
-  | NodeActionUpdate
-  | NodeActionDelete
-  | NodeActionError
-  | NodeTrigger;
-
-type NodeStore = UseBoundStore<StoreApi<NodeType>>;
-
-const dummy_node: NodeType = {
-  id: "dummy",
-  node_name: "dummy",
-  frontend: {
-    pos: [0, 0],
-    size: [200, 100],
-    collapsed: false,
-  },
-  io: {},
-  name: "dummy",
-  in_trigger: false,
-  io_order: [],
-};
-const assert_full_node = (node: PartialNodeType): NodeType => {
-  if (!node.id) {
-    throw new Error("Node must have an id");
-  }
-
-  const { new_obj } = deep_merge(dummy_node, node);
-  return new_obj;
-};
-
-const createNodeStore = (node: NodeType): NodeStore => {
-  // check if node is Object
-
-  if (node.io === undefined) {
-    node.io = {};
-  }
-  if (Array.isArray(node.io)) {
-    node.io_order = node.io.map((io) => io.id);
-    const new_io: { [key: string]: IOType } = {};
-    for (const io of node.io) {
-      new_io[io.id] = io;
-    }
-    node.io = new_io;
-  } else {
-    node.io_order = Object.keys(node.io);
-  }
-
-  return create<NodeType>((set, get) => node);
-};
-export { createNodeStore, assert_full_node };
-
-export type {
-  NodeStore,
-  NodeAction,
-  NodeActionUpdate,
-  NodeActionDelete,
-  NodeActionAdd,
-  NodeActionError,
-  PartialIOType,
-};

package/src/state/nodespace.ts

@@ -1,151 +0,0 @@
-import React, { useRef, useState } from "react";
-import { useStore, create, UseBoundStore, StoreApi } from "zustand";
-import {
-  NodeStore,
-  createNodeStore,
-  NodeAction,
-  assert_full_node,
-} from "./node";
-import { deep_merge } from "./";
-import { RefObject } from "react";
-
-/**
- * Interface for the NodeSpaceZustand state management.
- * This interface is used to define the shape of the state and the actions that can be performed on it.
- */
-interface NodeSpaceZustandInterface {
-  // A Map object that holds NodeStore objects. The key is a string (node id), and the value is a NodeStore.
-  nodesstates: Map<string, NodeStore>;
-
-  get_node: (nid: string, raise?: boolean) => NodeStore | undefined;
-
-  // A function to add a new node to the nodesstates Map. It takes a NodeType object as a parameter.
-  // add_node: ({
-  //   node,
-  //   from_remote,
-  // }: {
-  //   node: NodeType;
-  //   from_remote: boolean;
-  // }) => void;
-
-  // // A function to update an existing node in the nodesstates Map.
-  // // It takes a node id (string) and a PartialNodeType object (which contains the properties to be updated) as parameters.
-  // update_node: ({
-  //   nid,
-  //   node,
-  //   from_remote,
-  // }: {
-  //   nid: string;
-  //   node: PartialNodeType;
-  //   from_remote: boolean;
-  // }) => void;
-
-  // set_value: ({
-  //   node,
-  //   io,
-  //   value,
-  //   set_default,
-  // }: {
-  //   node: string;
-  //   io: string;
-  //   value: any;
-  //   set_default?: boolean | undefined;
-  // }) => void;
-}
-
-/**
- * Interface for the NodeSpaceZustandProps.
- * This interface is used to define the properties that can be passed to the NodeSpaceZustand component.
- */
-interface NodeSpaceZustandProps {
-  // Optional callback function that is invoked when a node action occurs.
-  // The function takes a NodeAction object as a parameter.
-  // on_node_action?: (action: NodeAction) => void;
-}
-
-const NodeSpaceZustand =
-  ({}: NodeSpaceZustandProps): NodeSpaceZustandInterface => {
-    const nodesstates = new Map<string, NodeStore>();
-
-    // const update_node = ({
-    //   nid,
-    //   node,
-    //   from_remote,
-    // }: {
-    //   nid: string;
-    //   node: PartialNodeType;
-    //   from_remote: boolean;
-    // }) => {};
-    // const add_node = ({
-    //   node,
-    //   from_remote,
-    // }: {
-    //   node: NodeType;
-    //   from_remote: boolean;
-    // }) => {
-    //   node = assert_full_node(node);
-    //   const store = nodesstates.get(node.id);
-
-    //   if (store) {
-    //     update_node({ nid: node.id, node: node, from_remote });
-    //   } else {
-    //     nodesstates.set(node.id, createNodeStore(node));
-
-    //     _on_node_action({
-    //       type: "add",
-    //       node: node,
-    //       id: node.id,
-    //       from_remote: from_remote,
-    //     });
-    //   }
-    // };
-
-    // const set_value = ({
-    //   node,
-    //   io,
-    //   value,
-    //   set_default,
-    // }: {
-    //   node: string;
-    //   io: string;
-    //   value: any;
-    //   set_default?: boolean;
-    // }) => {
-    //   const store = nodesstates.get(node);
-    //   if (store) {
-    //     const state = store.getState();
-    //     if (!state.io[io]) {
-    //       throw new Error(`IO ${io} not found in node ${node}`);
-    //     }
-    //     const new_state: PartialNodeType = {
-    //       io: {
-    //         [io]: {
-    //           value: value,
-    //         },
-    //       },
-    //     };
-
-    //     update_node({ nid: node, node: new_state, from_remote: false });
-    //   }
-    // };
-
-    return {
-      nodesstates: nodesstates,
-      get_node: (nid: string, raise: boolean = true) => {
-        const store = nodesstates.get(nid);
-        if (!store && raise) {
-          const keys = nodesstates.keys();
-          throw new Error(
-            `Node ${nid} not found, available nodes: ${Array.from(keys)}`
-          );
-        }
-        return store;
-      },
-      // add_node: add_node,
-      // update_node: update_node,
-      // set_value: set_value,
-    };
-  };
-
-export default NodeSpaceZustand;
-export type { NodeSpaceZustandInterface };

package/src/state/reactflow.ts

@@ -1,65 +0,0 @@
-import { create, UseBoundStore, StoreApi } from "zustand";
-import {
-  Connection,
-  Edge,
-  EdgeChange,
-  Node,
-  NodeChange,
-  addEdge,
-  OnNodesChange,
-  OnEdgesChange,
-  OnConnect,
-  applyNodeChanges,
-  applyEdgeChanges,
-} from "reactflow";
-
-type RFState = {
-  nodes: Node[];
-  edges: Edge[];
-  onNodesChange: OnNodesChange;
-  onEdgesChange: OnEdgesChange;
-  onConnect: OnConnect;
-};
-
-// this is our useStore hook that we can use in our components to get parts of the store and call actions
-type RFStore = UseBoundStore<StoreApi<RFState>>;
-const reactflowstore = ({
-  on_node_change,
-  on_edge_change,
-  on_connect,
-}: {
-  on_node_change?: (changes: NodeChange[]) => void;
-  on_edge_change?: (changes: EdgeChange[]) => void;
-  on_connect?: (connection: Connection) => void;
-}): RFStore => {
-  const _on_node_change = on_node_change || ((changes: NodeChange[]) => {});
-  const _on_edge_change = on_edge_change || ((changes: EdgeChange[]) => {});
-  const _on_connect = on_connect || ((connection: Connection) => {});
-  const useStore = create<RFState>((set, get) => ({
-    nodes: [],
-    edges: [],
-    onNodesChange: (changes: NodeChange[]) => {
-      set({
-        nodes: applyNodeChanges(changes, get().nodes),
-      });
-      _on_node_change(changes);
-    },
-    onEdgesChange: (changes: EdgeChange[]) => {
-      set({
-        edges: applyEdgeChanges(changes, get().edges),
-      });
-      _on_edge_change(changes);
-    },
-    onConnect: (connection: Connection) => {
-      if (connection.source == null || connection.target == null) {
-        return;
-      }
-
-      _on_connect(connection);
-    },
-  }));
-  return useStore;
-};
-
-export default reactflowstore;
-export type { RFState, RFStore };

package/src/types/lib.d.ts

@@ -1,16 +0,0 @@
-type LibNode = {
-  node_id: string;
-  description?: string;
-  node_name?: string;
-};
-
-type Shelf = {
-  name: string;
-  description?: string;
-  nodes: LibNode[];
-  subshelves: Shelf[];
-};
-
-type LibType = {
-  shelves: Shelf[];
-};

package/src/types/node.d.ts

@@ -1,29 +0,0 @@
-type RenderType = "string" | "number" | "boolean" | "image";
-
-interface DataRenderOptions extends BaseRenderOptions {
-  src?: string;
-  type?: RenderType;
-  preview_type?: string;
-}
-
-interface NodeRenderOptions {
-  data?: DataRenderOptions;
-}
-
-interface NodeType {
-  id: string;
-  node_name: string;
-  io: { [key: string]: IOType };
-  frontend: {
-    pos: [number, number];
-    size: [number, number];
-    collapsed: boolean;
-  };
-  name: string;
-  in_trigger: boolean;
-  error?: string;
-  render_options?: NodeRenderOptions;
-  io_order: string[];
-}
-
-type PartialNodeType = DeepPartial<NodeType>;

package/src/types/nodeio.d.ts

@@ -1,82 +0,0 @@
-interface AllOf {
-  allOf: SerializedType[];
-}
-
-interface AnyOf {
-  anyOf: SerializedType[];
-}
-
-interface ArrayOf {
-  type: "array";
-  items: SerializedType;
-  uniqueItems: boolean;
-}
-
-interface DictOf {
-  type: "object";
-  keys: SerializedType;
-  values: SerializedType;
-}
-
-interface EnumOf {
-  type: "enum";
-  values: (number | string | boolean | null)[];
-  keys: string[];
-  nullable: boolean;
-}
-
-interface TypeOf {
-  type: "type";
-  value: SerializedType;
-}
-
-// SerializedType represents a union of different possible types.
-type SerializedType =
-  | string
-  | AllOf
-  | AnyOf
-  | ArrayOf
-  | DictOf
-  | EnumOf
-  | TypeOf;
-
-interface IORenderOptions extends BaseRenderOptions {
-  step?: number;
-  set_default?: boolean;
-}
-
-interface IOValueOptions {
-  min?: number;
-  max?: number;
-  step?: number;
-  options?: (string | number)[] | EnumOf;
-  colorspace?: string;
-}
-
-interface IOType {
-  connected: boolean;
-  does_trigger: boolean;
-  full_id: string;
-  id: string;
-  is_input: boolean;
-  name: string;
-  node: string;
-  type: SerializedType;
-  value: any;
-  fullvalue?: any;
-  render_options?: IORenderOptions;
-  value_options?: IOValueOptions;
-  valuepreview_type?: string;
-  try_get_full_value: () => void;
-}
-
-type OutputRendererType = ({ io }: { io: IOType }) => JSX.Element;
-
-interface InputRendererProps {
-  io: IOType;
-  inputconverter: (v: any) => any;
-}
-type InputRendererType = ({
-  io,
-  inputconverter,
-}: InputRendererProps) => JSX.Element;

package/src/types/worker.d.ts

@@ -1,56 +0,0 @@
-interface RenderOptions {
-  typemap?: { [key: string]: string };
-  inputconverter?: { [key: string]: string };
-}
-interface ViewState {
-  nodes: { [key: string]: NodeViewState };
-  renderoptions?: RenderOptions;
-}
-
-interface FullNodeSpaceJSON {
-  nodes: NodeType[];
-  edges: [str, str, str, str][];
-  prop: { [key: string]: any };
-  lib: LibType;
-}
-
-interface FullState {
-  backend: FullNodeSpaceJSON;
-  view: ViewState;
-  worker: { [key: string]: string[] };
-}
-
-interface ProgressState {
-  message: string;
-  status: string;
-  progress: number;
-  blocking: boolean;
-}
-
-interface ProgressStateMessage extends ProgressState {
-  type: "progress";
-}
-
-interface ResultMessage {
-  type: "result";
-  id?: string;
-  result: any;
-}
-
-interface ErrorMessage {
-  type: "error";
-  error: string;
-  tb: string[];
-  id?: string;
-}
-
-interface NodeSpaceEvent {
-  type: "nsevent";
-  event: string;
-  data: { [key: string]: any };
-}
-type JSONMessage =
-  | ProgressStateMessage
-  | ResultMessage
-  | ErrorMessage
-  | NodeSpaceEvent;

package/tsconfig.json

@@ -1,20 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx"
-  },
-  "include": ["./src/**/*"]
-}