@linkdlab/funcnodes_react_flow 0.1.0 → 0.1.2

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

@@ -0,0 +1,73 @@
+import { UseBoundStore, StoreApi } from "zustand";
+import { DeepPartial } from "../utils";
+import { IOType } from "./nodeio.t";
+import { DataRenderOptions } from "../types/rendering.t";
+/**
+ * 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>>;
+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>;
+export type { NodeStore, NodeAction, NodeActionUpdate, NodeActionDelete, NodeActionAdd, NodeActionError, PartialNodeType, NodeType, };

package/dist/states/node.t.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=node.t.js.map

package/dist/states/node.t.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.t.js","sourceRoot":"","sources":["../../src/states/node.t.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,67 @@
+/// <reference types="react" />
+import { BaseRenderOptions } from "../types/rendering.t";
+import { DeepPartial } from "../utils";
+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;
+}
+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;
+type PartialIOType = DeepPartial<IOType>;
+export type { AllOf, AnyOf, ArrayOf, DictOf, EnumOf, TypeOf, SerializedType, IORenderOptions, IOValueOptions, IOType, OutputRendererType, InputRendererProps, InputRendererType, PartialIOType, };

package/dist/states/nodeio.t.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=nodeio.t.js.map

package/dist/states/nodeio.t.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodeio.t.js","sourceRoot":"","sources":["../../src/states/nodeio.t.ts"],"names":[],"mappings":""}

package/dist/states/nodespace.d.ts

@@ -0,0 +1,3 @@
+import { NodeSpaceZustandInterface, NodeSpaceZustandProps } from "./nodespace.t";
+declare const NodeSpaceZustand: ({}: NodeSpaceZustandProps) => NodeSpaceZustandInterface;
+export default NodeSpaceZustand;

package/dist/states/nodespace.js

@@ -0,0 +1,77 @@
+var NodeSpaceZustand = function (_a) {
+    var nodesstates = new Map();
+    // 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: function (nid, raise) {
+            if (raise === void 0) { raise = true; }
+            var store = nodesstates.get(nid);
+            if (!store && raise) {
+                var keys = nodesstates.keys();
+                throw new Error("Node ".concat(nid, " not found, available nodes: ").concat(Array.from(keys)));
+            }
+            return store;
+        },
+        // add_node: add_node,
+        // update_node: update_node,
+        // set_value: set_value,
+    };
+};
+export default NodeSpaceZustand;
+//# sourceMappingURL=nodespace.js.map

package/dist/states/nodespace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodespace.js","sourceRoot":"","sources":["../../src/states/nodespace.ts"],"names":[],"mappings":"AAKA,IAAM,gBAAgB,GACpB,UAAC,EAAyB;IACxB,IAAM,WAAW,GAAG,IAAI,GAAG,EAAqB,CAAC;IAEjD,yBAAyB;IACzB,SAAS;IACT,UAAU;IACV,iBAAiB;IACjB,OAAO;IACP,iBAAiB;IACjB,2BAA2B;IAC3B,0BAA0B;IAC1B,YAAY;IACZ,sBAAsB;IACtB,UAAU;IACV,iBAAiB;IACjB,OAAO;IACP,oBAAoB;IACpB,0BAA0B;IAC1B,UAAU;IACV,mCAAmC;IACnC,4CAA4C;IAE5C,iBAAiB;IACjB,8DAA8D;IAC9D,aAAa;IACb,uDAAuD;IAEvD,wBAAwB;IACxB,qBAAqB;IACrB,oBAAoB;IACpB,qBAAqB;IACrB,kCAAkC;IAClC,UAAU;IACV,MAAM;IACN,KAAK;IAEL,uBAAuB;IACvB,UAAU;IACV,QAAQ;IACR,WAAW;IACX,iBAAiB;IACjB,OAAO;IACP,kBAAkB;IAClB,gBAAgB;IAChB,gBAAgB;IAChB,2BAA2B;IAC3B,UAAU;IACV,yCAAyC;IACzC,iBAAiB;IACjB,sCAAsC;IACtC,2BAA2B;IAC3B,+DAA+D;IAC/D,QAAQ;IACR,2CAA2C;IAC3C,cAAc;IACd,kBAAkB;IAClB,0BAA0B;IAC1B,aAAa;IACb,WAAW;IACX,SAAS;IAET,uEAAuE;IACvE,MAAM;IACN,KAAK;IAEL,OAAO;QACL,WAAW,EAAE,WAAW;QACxB,QAAQ,EAAE,UAAC,GAAW,EAAE,KAAqB;YAArB,sBAAA,EAAA,YAAqB;YAC3C,IAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YACnC,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,CAAC;gBACpB,IAAM,IAAI,GAAG,WAAW,CAAC,IAAI,EAAE,CAAC;gBAChC,MAAM,IAAI,KAAK,CACb,eAAQ,GAAG,0CAAgC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAE,CAC9D,CAAC;YACJ,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC;QACD,sBAAsB;QACtB,4BAA4B;QAC5B,wBAAwB;KACzB,CAAC;AACJ,CAAC,CAAC;AAEJ,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,16 @@
+import { NodeStore } from "./node.t";
+/**
+ * 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 {
+    nodesstates: Map<string, NodeStore>;
+    get_node: (nid: string, raise?: boolean) => NodeStore | undefined;
+}
+/**
+ * Interface for the NodeSpaceZustandProps.
+ * This interface is used to define the properties that can be passed to the NodeSpaceZustand component.
+ */
+interface NodeSpaceZustandProps {
+}
+export type { NodeSpaceZustandProps, NodeSpaceZustandInterface };

package/dist/states/nodespace.t.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=nodespace.t.js.map

package/dist/states/nodespace.t.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodespace.t.js","sourceRoot":"","sources":["../../src/states/nodespace.t.ts"],"names":[],"mappings":""}

package/dist/states/reactflow.d.ts

@@ -0,0 +1,8 @@
+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;
+    on_edge_change?: (changes: EdgeChange[]) => void;
+    on_connect?: (connection: Connection) => void;
+}) => RFStore;
+export default reactflowstore;

package/dist/states/reactflow.js

@@ -0,0 +1,33 @@
+import { create } from "zustand";
+import { applyNodeChanges, applyEdgeChanges, } from "reactflow";
+var reactflowstore = function (_a) {
+    var on_node_change = _a.on_node_change, on_edge_change = _a.on_edge_change, on_connect = _a.on_connect;
+    var _on_node_change = on_node_change || (function (changes) { });
+    var _on_edge_change = on_edge_change || (function (changes) { });
+    var _on_connect = on_connect || (function (connection) { });
+    var useStore = create(function (set, get) { return ({
+        nodes: [],
+        edges: [],
+        onNodesChange: function (changes) {
+            set({
+                nodes: applyNodeChanges(changes, get().nodes),
+            });
+            _on_node_change(changes);
+        },
+        onEdgesChange: function (changes) {
+            set({
+                edges: applyEdgeChanges(changes, get().edges),
+            });
+            _on_edge_change(changes);
+        },
+        onConnect: function (connection) {
+            if (connection.source == null || connection.target == null) {
+                return;
+            }
+            _on_connect(connection);
+        },
+    }); });
+    return useStore;
+};
+export default reactflowstore;
+//# sourceMappingURL=reactflow.js.map

package/dist/states/reactflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactflow.js","sourceRoot":"","sources":["../../src/states/reactflow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAIL,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,WAAW,CAAC;AAGnB,IAAM,cAAc,GAAG,UAAC,EAQvB;QAPC,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,UAAU,gBAAA;IAMV,IAAM,eAAe,GAAG,cAAc,IAAI,CAAC,UAAC,OAAqB,IAAM,CAAC,CAAC,CAAC;IAC1E,IAAM,eAAe,GAAG,cAAc,IAAI,CAAC,UAAC,OAAqB,IAAM,CAAC,CAAC,CAAC;IAC1E,IAAM,WAAW,GAAG,UAAU,IAAI,CAAC,UAAC,UAAsB,IAAM,CAAC,CAAC,CAAC;IACnE,IAAM,QAAQ,GAAG,MAAM,CAAU,UAAC,GAAG,EAAE,GAAG,IAAK,OAAA,CAAC;QAC9C,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,EAAE;QACT,aAAa,EAAE,UAAC,OAAqB;YACnC,GAAG,CAAC;gBACF,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;aAC9C,CAAC,CAAC;YACH,eAAe,CAAC,OAAO,CAAC,CAAC;QAC3B,CAAC;QACD,aAAa,EAAE,UAAC,OAAqB;YACnC,GAAG,CAAC;gBACF,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;aAC9C,CAAC,CAAC;YACH,eAAe,CAAC,OAAO,CAAC,CAAC;QAC3B,CAAC;QACD,SAAS,EAAE,UAAC,UAAsB;YAChC,IAAI,UAAU,CAAC,MAAM,IAAI,IAAI,IAAI,UAAU,CAAC,MAAM,IAAI,IAAI,EAAE,CAAC;gBAC3D,OAAO;YACT,CAAC;YAED,WAAW,CAAC,UAAU,CAAC,CAAC;QAC1B,CAAC;KACF,CAAC,EAtB6C,CAsB7C,CAAC,CAAC;IACJ,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,11 @@
+import { UseBoundStore, StoreApi } from "zustand";
+import { Edge, Node, OnNodesChange, OnEdgesChange, OnConnect } from "reactflow";
+type RFState = {
+    nodes: Node[];
+    edges: Edge[];
+    onNodesChange: OnNodesChange;
+    onEdgesChange: OnEdgesChange;
+    onConnect: OnConnect;
+};
+type RFStore = UseBoundStore<StoreApi<RFState>>;
+export type { RFState, RFStore };

package/dist/states/reactflow.t.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=reactflow.t.js.map

package/dist/states/reactflow.t.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactflow.t.js","sourceRoot":"","sources":["../../src/states/reactflow.t.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,10 @@
+type RenderType = "string" | "number" | "boolean" | "image";
+interface BaseRenderOptions {
+    type?: RenderType;
+}
+interface DataRenderOptions extends BaseRenderOptions {
+    src?: string;
+    type?: RenderType;
+    preview_type?: string;
+}
+export type { DataRenderOptions, RenderType, BaseRenderOptions };

package/dist/types/rendering.t.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=rendering.t.js.map

package/dist/types/rendering.t.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rendering.t.js","sourceRoot":"","sources":["../../src/types/rendering.t.ts"],"names":[],"mappings":""}

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+import { deep_merge, deep_compare_objects, DeepPartial } from "./objects";
+export { deep_merge, deep_compare_objects };
+export type { DeepPartial };

package/dist/utils/index.js

@@ -0,0 +1,3 @@
+import { deep_merge, deep_compare_objects } from "./objects";
+export { deep_merge, deep_compare_objects };
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAe,MAAM,WAAW,CAAC;AAE1E,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/utils/objects.d.ts

@@ -0,0 +1,19 @@
+type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
+declare function deep_compare_objects(a: any, b: any): boolean;
+/**
+ *
+ * function to deeply merge two objects of type T.
+ *
+ * @param {T} target - The target object to be merged.
+ * @param {DeepPartial<T>} source - The source object to merge into the target. All properties of this object are optional.
+ *
+ * @returns {T} An object containing the merged object (new_obj) and a boolean indicating if there was a change (change).
+ */
+declare const deep_merge: <T extends {}>(target: T, source: DeepPartial<T>) => {
+    new_obj: T;
+    change: boolean;
+};
+export { deep_merge, deep_compare_objects };
+export type { DeepPartial };

package/dist/utils/objects.js

@@ -0,0 +1,118 @@
+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);
+};
+/**
+ * Checks if the given item is a plain object.
+ * @param item The item to check.
+ * @returns true if the item is a plain object, false otherwise.
+ */
+function isPlainObject(item) {
+    return Object.prototype.toString.call(item) === "[object Object]";
+}
+function deep_compare_objects(a, b) {
+    // Check for strict equality first
+    if (a === b)
+        return true;
+    // If either is null or not an object, they're not equal (strict equality would have caught `a === b` if both were null)
+    if (typeof a !== "object" ||
+        a === null ||
+        typeof b !== "object" ||
+        b === null)
+        return false;
+    // If they're not the same type of object, they're not equal
+    if (a.constructor !== b.constructor)
+        return false;
+    if (a.constructor === Object || a.constructor === Array) {
+        var keysA = Object.keys(a);
+        var keysB = Object.keys(b);
+        // If their property lengths are different, they're different objects
+        if (keysA.length !== keysB.length)
+            return false;
+        // Check each key in 'a' to ensure it exists in 'b' and is equal; recurse if value is an object
+        for (var _i = 0, keysA_1 = keysA; _i < keysA_1.length; _i++) {
+            var key = keysA_1[_i];
+            if (!keysB.includes(key))
+                return false;
+            if (!deep_compare_objects(a[key], b[key]))
+                return false;
+        }
+    }
+    // Dates comparison
+    if (a instanceof Date && b instanceof Date)
+        return a.getTime() === b.getTime();
+    // If we've made it this far, objects must be considered equal
+    return true;
+}
+/**
+ *
+ * function to deeply merge two objects of type T.
+ *
+ * @param {T} target - The target object to be merged.
+ * @param {DeepPartial<T>} source - The source object to merge into the target. All properties of this object are optional.
+ *
+ * @returns {T} An object containing the merged object (new_obj) and a boolean indicating if there was a change (change).
+ */
+var deep_merge = function (target, source) {
+    var change = false;
+    if (!isPlainObject(target)) {
+        throw new Error("Target must be a plain object");
+    }
+    if (!isPlainObject(source)) {
+        throw new Error("Source must be a plain object");
+    }
+    var new_obj = __assign({}, target);
+    Object.keys(source).forEach(function (key) {
+        // @ts-ignore: Type 'string' cannot be used to index type 'T
+        var sourceValue = source[key];
+        // @ts-ignore: Type 'string' cannot be used to index type 'T
+        var targetValue = target[key];
+        if (isPlainObject(sourceValue) && isPlainObject(targetValue)) {
+            // If both the target and source values are plain objects, merge them
+            var _a = deep_merge(targetValue, sourceValue), mergedObj = _a.new_obj, didChange = _a.change;
+            if (didChange) {
+                change = true;
+                // @ts-ignore: Type 'string' cannot be used to index type 'T
+                new_obj[key] = mergedObj;
+            }
+        }
+        else if (!deep_compare_objects(targetValue, sourceValue)) {
+            change = true;
+            // @ts-ignore: Type 'string' cannot be used to index type 'T
+            new_obj[key] = sourceValue;
+        }
+    });
+    return { new_obj: new_obj, change: change };
+    // for (const key in source) {
+    //   // @ts-ignore: Type 'string' cannot be used to index type 'T
+    //   if (typeof source[key] === "object" && target[key]) {
+    //     const { new_obj: new_obj2, change: change2 } = deep_merge(
+    //       // @ts-ignore: Type 'string' cannot be used to index type 'T
+    //       target[key],
+    //       source[key]
+    //     );
+    //     if (change2) {
+    //       change = true;
+    //       // @ts-ignore: Type 'string' cannot be used to index type 'T
+    //       new_obj[key] = new_obj2;
+    //     }
+    //   } else {
+    //     // @ts-ignore: Type 'string' cannot be used to index type 'T'
+    //     if (target[key] !== source[key]) {
+    //       change = true;
+    //     }
+    //     // @ts-ignore: Type 'string' cannot be used to index type 'T'
+    //     new_obj[key] = source[key];
+    //   }
+    // }
+    // return { new_obj, change };
+};
+export { deep_merge, deep_compare_objects };
+//# sourceMappingURL=objects.js.map

package/dist/utils/objects.js.map

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

package/package.json

@@ -1,6 +1,31 @@
 {
   "name": "@linkdlab/funcnodes_react_flow",
-  "version": "0.1.0",
+  "version": "0.1.2",
+  "description": "This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Linkdlab/FuncNodesReact.git"
+  },
+  "author": "Julian Kimmig",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/Linkdlab/FuncNodesReact/issues"
+  },
+  "homepage": "https://github.com/Linkdlab/FuncNodesReact#readme",
+  "main": "dist/index.js",
+  "source": "src/index.tsx",
+  "engines": {
+    "node": ">=10"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "buildmod": "tsc -p tsconfig.esm.json",
+    "webpack": "cd app && webpack",
+    "serve": "cd app && webpack serve --mode=development"
+  },
   "dependencies": {
     "@emotion/react": "^11.11.3",
     "@emotion/styled": "^11.11.0",
@@ -28,19 +53,16 @@
     "react-plotly.js": "^2.6.0",
     "react-scripts": "5.0.1",
     "reactflow": "^11.10.3",
-    "sass": "^1.70.0",
+    "sass": "^1.75.0",
     "scss": "^0.2.4",
     "typescript": "^4.4.2",
     "uuid": "^9.0.1",
     "web-vitals": "^2.1.0",
     "zustand": "^4.5.0"
   },
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
-  },
+  "files": [
+    "dist"
+  ],
   "eslintConfig": {
     "extends": [
       "react-app",
@@ -59,17 +81,26 @@
       "last 1 safari version"
     ]
   },
-  "description": "This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).",
-  "main": "index.js",
-  "devDependencies": {},
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Linkdlab/FuncNodesReact.git"
-  },
-  "author": "Julian Kimmig",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/Linkdlab/FuncNodesReact/issues"
-  },
-  "homepage": "https://github.com/Linkdlab/FuncNodesReact#readme"
+  "devDependencies": {
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "autoprefixer": "^10.4.19",
+    "babel-loader": "^9.1.3",
+    "css-loader": "^7.1.1",
+    "cssnano": "^6.1.2",
+    "html-webpack-plugin": "^5.6.0",
+    "microbundle-crl": "^0.13.11",
+    "mini-css-extract-plugin": "^2.9.0",
+    "postcss": "^8.4.38",
+    "postcss-loader": "^8.1.1",
+    "purgecss-webpack-plugin": "^6.0.0",
+    "rollup": "^4.16.3",
+    "rollup-plugin-import-css": "^3.5.0",
+    "rollup-plugin-scss": "^4.0.0",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "sass-loader": "^14.2.1",
+    "ts-loader": "^9.5.1",
+    "tsup": "^8.0.2",
+    "webpack": "^5.91.0",
+    "webpack-cli": "^5.1.4"
+  }
 }