@linkdlab/funcnodes_react_flow 0.4.3 → 0.4.4

package/dist/types/versioned/v1/io.t.d.ts

@@ -0,0 +1,51 @@
+import { UseBoundStore, StoreApi } from 'zustand';
+import { LimitedDeepPartial } from '../../../utils/objects';
+import { IORenderOptions, IOValueOptions } from '../v0/io.t';
+import { SerializedType } from './rendering.t';
+import { NodeStore } from './node.t';
+import { DataStructure } from '../../../funcnodes/datastructures';
+export * from '../v0/io.t';
+export interface ValueStoreInterface {
+    preview: DataStructure<any, any> | undefined;
+    full: DataStructure<any, any> | undefined;
+}
+export interface IOStore {
+    _state: UseBoundStore<StoreApi<IOType>>;
+    use: () => IOType;
+    getState: () => IOType;
+    setState: (new_state: Partial<IOType>) => void;
+    update: (new_state: PartialSerializedIOType) => void;
+    valuestore: UseBoundStore<StoreApi<ValueStoreInterface>>;
+    node: NodeStore;
+    updateValueStore: (newData: Partial<ValueStoreInterface>) => void;
+}
+export interface BasicIOType {
+    connected: boolean;
+    does_trigger: boolean;
+    full_id: string;
+    id: string;
+    is_input: boolean;
+    name: string;
+    node: string;
+    type: SerializedType;
+    render_options: IORenderOptions;
+    value_options?: IOValueOptions;
+    valuepreview_type?: string;
+    hidden: boolean;
+    emit_value_set: boolean;
+    default?: any;
+    required: boolean;
+}
+export interface SerializedIOType extends BasicIOType {
+    value: string | number | boolean | undefined | DataStructure<any, any>;
+    fullvalue: string | number | boolean | undefined | DataStructure<any, any>;
+}
+export interface IOType extends BasicIOType {
+    try_get_full_value: () => void;
+    set_hidden: (v: boolean) => void;
+}
+export type PartialSerializedIOType = LimitedDeepPartial<SerializedIOType>;
+export interface UpdateableIOOptions {
+    name?: string;
+    hidden?: boolean;
+}

package/dist/types/versioned/v1/node.t.d.ts

@@ -0,0 +1,64 @@
+import { StoreApi, UseBoundStore } from 'zustand';
+import { LimitedDeepPartial } from '../../../utils/objects';
+import { IOStore, PartialSerializedIOType, SerializedIOType } from './io.t';
+import { TqdmState } from '../../../frontend/utils/progressbar';
+import { v0 as v0_types } from '../../../types/versioned/versions.t';
+export * from '../v0/node.t';
+export interface NodeProperties {
+    "frontend:size": [number, number];
+    "frontend:pos": [number, number];
+    "frontend:collapsed": boolean;
+    [key: string]: any | undefined;
+}
+export interface NodeActionUpdate extends v0_types.BaseNodeAction {
+    type: "update";
+    node: PartialSerializedNodeType;
+}
+export interface NodeActionAdd extends v0_types.BaseNodeAction {
+    type: "add";
+    node: SerializedNodeType;
+}
+export type NodeAction = NodeActionAdd | NodeActionUpdate | v0_types.NodeActionDelete | v0_types.NodeActionError | v0_types.NodeActionTrigger;
+export type PartialSerializedNodeType = LimitedDeepPartial<SerializedNodeType>;
+export interface BasicNodeType {
+    id: string;
+    node_id: string;
+    node_name: string;
+    name: string;
+    error?: string;
+    render_options?: v0_types.NodeRenderOptions;
+    description?: string;
+    properties: NodeProperties;
+    status?: {
+        [key: string]: any | undefined;
+    };
+}
+export type SerializedNodeIOMappingType = {
+    [key: string]: SerializedIOType | undefined;
+};
+export type PartialSerializedNodeIOMappingType = {
+    [key: string]: PartialSerializedIOType | undefined;
+};
+export interface SerializedNodeType extends BasicNodeType {
+    in_trigger: boolean;
+    io: SerializedNodeIOMappingType;
+    io_order?: string[];
+    progress: TqdmState;
+}
+export interface NodeType extends Omit<BasicNodeType, "in_trigger" | "io"> {
+    in_trigger: UseBoundStore<StoreApi<boolean>>;
+    io: {
+        [key: string]: IOStore | undefined;
+    };
+    inputs: string[];
+    outputs: string[];
+    io_order: string[];
+    progress: UseBoundStore<StoreApi<TqdmState>>;
+}
+export interface NodeStore {
+    _state: UseBoundStore<StoreApi<NodeType>>;
+    use: () => NodeType;
+    getState: () => NodeType;
+    setState: (new_state: Partial<NodeType>) => void;
+    update: (new_state: PartialSerializedNodeType) => void;
+}

package/dist/types/versioned/v1/plugins.t.d.ts

@@ -0,0 +1,39 @@
+import { RenderPluginFactoryProps, FuncNodesReactPlugin as FuncNodesReactPlugin_v0, RendererPlugin as RendererPlugin_v0, RenderPluginFactoryProps as RenderPluginFactoryProps_v0 } from '../v0/plugins.t';
+import { DataOverlayRendererType, DataPreviewViewRendererType, DataViewRendererType, HandlePreviewRendererType, InputRendererType, NodeContextExtenderType, NodeHooksType, NodeRendererType, OutputRendererType } from './rendermappings.t';
+export * from '../v0/plugins.t';
+export interface RendererPlugin {
+    input_renderers?: {
+        [key: string]: InputRendererType | undefined;
+    };
+    output_renderers?: {
+        [key: string]: OutputRendererType | undefined;
+    };
+    handle_preview_renderers?: {
+        [key: string]: HandlePreviewRendererType | undefined;
+    };
+    data_overlay_renderers?: {
+        [key: string]: DataOverlayRendererType | undefined;
+    };
+    data_preview_renderers?: {
+        [key: string]: DataPreviewViewRendererType | undefined;
+    };
+    data_view_renderers?: {
+        [key: string]: DataViewRendererType | undefined;
+    };
+    node_renderers?: {
+        [key: string]: NodeRendererType | undefined;
+    };
+    node_context_extenders?: {
+        [key: string]: NodeContextExtenderType | undefined;
+    };
+    node_hooks?: {
+        [key: string]: NodeHooksType[] | undefined;
+    };
+}
+export interface FuncNodesReactPlugin {
+    renderpluginfactory?: (props: RenderPluginFactoryProps) => RendererPlugin;
+    v: 1 | "1";
+}
+export type AnyFuncNodesReactPlugin = FuncNodesReactPlugin_v0 | FuncNodesReactPlugin;
+export type AnyRendererPlugin = RendererPlugin_v0 | RendererPlugin;
+export type AnyRenderPluginFactoryProps = RenderPluginFactoryProps_v0 | RenderPluginFactoryProps;

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

@@ -0,0 +1 @@
+export * from '../v0/rendering.t';

package/dist/types/versioned/v1/rendermappings.t.d.ts

@@ -0,0 +1,53 @@
+import { JSX } from 'react';
+import { IOStore } from './io.t';
+import { NodeType } from './node.t';
+import { NodeContextType } from '../../../frontend/node/node';
+export interface DataOverlayRendererProps {
+    iostore: IOStore;
+    value: any;
+    preValue?: any;
+    onLoaded?: () => void;
+}
+export type DataOverlayRendererType = ({ iostore, value, preValue, onLoaded, }: DataOverlayRendererProps) => JSX.Element;
+export interface InputRendererProps {
+    iostore: IOStore;
+    inputconverter: [(v: any) => any, (v: any) => any];
+}
+export type InputRendererType = ({ iostore, inputconverter, }: InputRendererProps) => JSX.Element;
+export type OutputRendererProps = {
+    iostore: IOStore;
+};
+export type OutputRendererType = ({ iostore, }: OutputRendererProps) => JSX.Element;
+export type DataViewRendererProps = {
+    iostore: IOStore;
+    value: any;
+    preValue?: any;
+    onLoaded?: () => void;
+};
+export type DataViewRendererType = ({ iostore, value, preValue, onLoaded, }: DataViewRendererProps) => JSX.Element;
+export type HandlePreviewRendererProps = {
+    iostore: IOStore;
+};
+export type HandlePreviewRendererType = ({ iostore, }: HandlePreviewRendererProps) => JSX.Element;
+export type DataPreviewViewRendererProps = {
+    iostore: IOStore;
+};
+export type DataPreviewViewRendererType = ({ iostore, }: DataPreviewViewRendererProps) => JSX.Element;
+export interface NodeContextExtenderProps {
+    node_data: NodeType;
+}
+export type NodeContextExtenderType = ({ node_data, }: NodeContextExtenderProps) => {
+    [key: string]: any | undefined;
+};
+export interface NodeRendererProps {
+    node_data: NodeType;
+}
+export type NodeRendererType = ({ node_data, }: NodeRendererProps) => JSX.Element;
+export interface InLineRendererProps {
+    iostore: IOStore;
+}
+export type InLineRendererType = ({ iostore }: InLineRendererProps) => string;
+export type NodeHooksProps = {
+    nodecontext: NodeContextType;
+};
+export type NodeHooksType = ({ nodecontext }: NodeHooksProps) => void;

package/dist/types/versioned/versions.t.d.ts

@@ -0,0 +1,3 @@
+import * as v0 from "./v0";
+import * as v1 from "./v1";
+export { v0, v1, v1 as latest };

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 { default as useForceGraph } from './force';
+export { useForceGraph };

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

@@ -0,0 +1,15 @@
+interface ResizeTextOptions {
+    maxFontSize?: number;
+    minFontSize?: number;
+    decrementFactor?: number;
+}
+/**
+ * Dynamically adjusts the font size of a text element so that it fits within its container.
+ *
+ * @param container - The container element that defines the maximum space.
+ * @param textElement - The element whose text needs to be resized.
+ * @param options - Optional configuration (maxFontSize, minFontSize, decrementFactor).
+ */
+declare function fitTextToContainer(container: HTMLElement, textElement: HTMLElement, options?: ResizeTextOptions): void;
+export { fitTextToContainer };
+export type { ResizeTextOptions };

package/dist/utils/data.d.ts

@@ -0,0 +1,12 @@
+declare function base64ToUint8Array(base64: string): Uint8Array;
+declare function uint8ArrayToBase64(data: Uint8Array): string;
+declare function Uint8ArrayToBlob(data: Uint8Array, type: string): Blob;
+declare function blobToUint8Array(blob: Blob): Promise<Uint8Array>;
+declare function base64ToBlob(base64: string, type: string): Blob;
+declare function blobToBase64(blob: Blob): Promise<string>;
+declare function downloadBase64(base64: string, filename: string, type: string): void;
+declare function FileToBase64(file: File, remove_prefix?: boolean): Promise<string>;
+declare function fileDialogToFile(accept?: string): Promise<File>;
+declare function fileDialogToBase64(accept?: string): Promise<string>;
+declare function remoteUrlToBase64(url: string, remove_prefix?: boolean): Promise<string>;
+export { base64ToUint8Array, uint8ArrayToBase64, Uint8ArrayToBlob, blobToUint8Array, base64ToBlob, blobToBase64, downloadBase64, FileToBase64, fileDialogToFile, fileDialogToBase64, remoteUrlToBase64, };

package/dist/utils/debugger.d.ts

@@ -0,0 +1,5 @@
+import { FuncNodesReactFlowZustandInterface } from '../states/fnrfzst.t';
+declare const development: boolean;
+declare const print_object_size: (obj: any, message: string, fnrf_zst: FuncNodesReactFlowZustandInterface | undefined) => void;
+declare const print_object: (obj: any, fnrf_zst: FuncNodesReactFlowZustandInterface | undefined) => void;
+export { print_object_size, print_object, development };

package/dist/utils/helperfunctions.d.ts

@@ -0,0 +1,16 @@
+declare const set_io_value: ({ nid, ioid, value, set_default, }: {
+    nid: string;
+    ioid: string;
+    value: any;
+    set_default?: boolean;
+}) => void;
+declare const helperfunctions: {
+    set_io_value: ({ nid, ioid, value, set_default, }: {
+        nid: string;
+        ioid: string;
+        value: any;
+        set_default?: boolean;
+    }) => void;
+};
+export default helperfunctions;
+export { set_io_value };

package/dist/utils/index.d.ts

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

package/dist/utils/logger.d.ts

@@ -0,0 +1,26 @@
+interface Logger {
+    level: number;
+    set_level: (level: number) => void;
+    debug: (message: string, ...args: any[]) => void;
+    info: (message: string, ...args: any[]) => void;
+    warn: (message: string, ...args: any[]) => void;
+    error: (message: string, ...args: any[]) => void;
+}
+declare const DEBUG: number;
+declare const INFO: number;
+declare const WARN: number;
+declare const ERROR: number;
+declare class ConsoleLogger implements Logger {
+    name: string;
+    level: number;
+    private _level_name;
+    constructor(name: string, level?: number | string);
+    set_level(level: number): void;
+    private _fomat_message;
+    debug(message: string, ...args: any[]): void;
+    info(message: string, ...args: any[]): void;
+    warn(message: string, ...args: any[]): void;
+    error(message: string, ...args: any[]): void;
+}
+export { ConsoleLogger, DEBUG, INFO, WARN, ERROR };
+export type { Logger };

package/dist/utils/objects.d.ts

@@ -0,0 +1,142 @@
+type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
+type Prev = [
+    never,
+    0,
+    1,
+    2,
+    3,
+    4,
+    5,
+    6,
+    7,
+    8,
+    9,
+    10,
+    11,
+    12,
+    13,
+    14,
+    15,
+    16,
+    17,
+    18,
+    19,
+    20,
+    21,
+    22,
+    23,
+    24,
+    25,
+    26,
+    27,
+    28,
+    29,
+    30,
+    31,
+    32,
+    33,
+    34,
+    35,
+    36,
+    37,
+    38,
+    39,
+    40,
+    41,
+    42,
+    43,
+    44,
+    45,
+    46,
+    47,
+    48,
+    49,
+    50,
+    51,
+    52,
+    53,
+    54,
+    55,
+    56,
+    57,
+    58,
+    59,
+    60,
+    61,
+    62,
+    63,
+    64,
+    65,
+    66,
+    67,
+    68,
+    69,
+    70,
+    71,
+    72,
+    73,
+    74,
+    75,
+    76,
+    77,
+    78,
+    79,
+    80,
+    81,
+    82,
+    83,
+    84,
+    85,
+    86,
+    87,
+    88,
+    89,
+    90,
+    91,
+    92,
+    93,
+    94,
+    95,
+    96,
+    97,
+    98,
+    99
+];
+type LimitedDeepPartial<T, D extends number = 10> = D extends 0 ? T : T extends object ? {
+    [K in keyof T]?: LimitedDeepPartial<T[K], Prev[D]>;
+} : T;
+/**
+ * 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.
+ */
+declare function isPlainObject(item: any): boolean;
+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;
+};
+/**
+ * Deeply updates the target object with missing keys from the source object.
+ * @param target The target object to be updated.
+ * @param source The source object containing keys to add to the target.
+ * @returns An object containing the updated target object (new_obj) and a boolean indicating if there was a change (change).
+ */
+declare const deep_update: <T extends {}>(target: LimitedDeepPartial<T>, source: T) => {
+    new_obj: T;
+    change: boolean;
+};
+declare function printDiff(obj1: any, obj2: any, path?: string): void;
+export { deep_merge, deep_update, deep_compare_objects, printDiff, isPlainObject, };
+export type { DeepPartial, LimitedDeepPartial };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linkdlab/funcnodes_react_flow",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "description": "Frontend with React Flow for FuncNodes",
   "repository": {
     "type": "git",
@@ -14,91 +14,57 @@
   "homepage": "https://github.com/Linkdlab/FuncNodesReact#readme",
   "type": "module",
   "source": "src/index.tsx",
-  "main": "dist/umd/index.umd.js",
-  "module": "dist/esm/index.esm.mjs",
+  "module": "dist/index.es.js",
+  "main": "dist/index.cjs.js",
+  "umd:main": "dist/index.umd.js",
   "types": "dist/index.d.ts",
-  "style": "dist/style.css",
+  "style": "dist/funcnodes_react_flow.css",
   "files": [
     "dist"
   ],
   "scripts": {
     "typecheck": "tsc --noEmit --watch",
-    "watchwp:esm": "webpack --config webpack.config.esm.cjs --watch --progress",
-    "watchwp:umd": "webpack --config webpack.config.umd.cjs --watch --progress",
-    "buildwp": "webpack --config webpack.config.esm.cjs && webpack --config webpack.config.umd.cjs",
-    "build": "rollup -c  --bundleConfigAsCjs",
-    "watch": "rollup -c -w  --bundleConfigAsCjs ",
-    "watchbuild": "rollup -c -w  --bundleConfigAsCjs "
+    "build": " vite build && vite build --config vite.browser.config.js",
+    "watch": "vite --config vite.browser.config.js",
+    "preview": "vite build --config vite.browser.config.js && vite preview --config vite.browser.config.js"
   },
   "dependencies": {
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.5",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
-    "@mui/icons-material": "^6.4.4",
-    "@mui/material": "^6.4.4",
-    "@radix-ui/react-dialog": "^1.1.2",
-    "@radix-ui/react-dismissable-layer": "^1.1.1",
-    "@radix-ui/react-dropdown-menu": "^2.1.2",
-    "@radix-ui/react-icons": "^1.3.2",
-    "@radix-ui/react-popover": "^1.1.6",
-    "@radix-ui/react-slider": "^1.2.3",
-    "@radix-ui/react-tooltip": "^1.0.7",
-    "axios": "^1.7.9",
-    "color-convert": "^2.0.1",
-    "react-json-view-lite": "^2.3.0",
-    "react-markdown": "^9.0.1",
-    "react-select": "^5.8.0",
-    "react-svg": "^16.1.34",
-    "reactflow": "^11.11.4",
-    "remark-gfm": "^4.0.0",
-    "uuid": "^9.0.1"
+    "@mui/material": "7.0.2",
+    "@radix-ui/react-dialog": "^1.1.7",
+    "@radix-ui/react-dropdown-menu": "^2.1.7",
+    "@radix-ui/react-popover": "^1.1.7",
+    "@radix-ui/react-slider": "^1.2.4",
+    "@xyflow/react": "^12.5.5",
+    "axios": "^1.8.4",
+    "color-convert": "^3.0.1",
+    "react-json-view-lite": "^2.4.1",
+    "react-markdown": "^10.1.0",
+    "react-select": "^5.10.1",
+    "react-svg": "^16.3.0",
+    "remark-gfm": "^4.0.1",
+    "uuid": "^11.1.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.8",
-    "@babel/preset-react": "^7.26.3",
-    "@rollup/plugin-alias": "^5.1.1",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^28.0.2",
-    "@rollup/plugin-json": "5",
-    "@rollup/plugin-node-resolve": "^16.0.0",
-    "@rollup/plugin-replace": "^6.0.2",
-    "@rollup/plugin-typescript": "^12.1.2",
-    "@types/babel__core": "^7",
-    "@types/color-convert": "^2",
-    "@types/react": "*",
-    "@types/react-dom": "^19.0.4",
-    "@types/uuid": "^9.0.8",
-    "autoprefixer": "^10.4.19",
-    "babel-loader": "^9.1.3",
-    "css-loader": "^7.1.2",
-    "cssnano": "^7.0.1",
-    "mini-css-extract-plugin": "^2.9.0",
-    "postcss": "^8.4.38",
-    "postcss-loader": "^8.1.1",
-    "react": "^19.0",
-    "react-dom": "^19.0",
-    "rollup": "^4.34.6",
-    "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-dts": "^6.1.1",
-    "rollup-plugin-import-css": "^3.5.8",
-    "rollup-plugin-node-polyfills": "^0.2.1",
-    "rollup-plugin-sass": "^1.15.2",
-    "rollup-plugin-scss": "^4.0.1",
-    "rollup-plugin-terser": "^7.0.2",
-    "sass": "^1.77.2",
-    "sass-loader": "^14.2.1",
-    "ts-loader": "^9.5.1",
-    "tslib": "^2.8.1",
-    "typescript": "^5.4.5",
-    "webpack": "^5.91.0",
-    "webpack-cli": "^5.1.4",
-    "webpack-merge": "^5.10.0"
+    "@types/color-convert": "^2.0.4",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.2",
+    "@types/uuid": "^10.0.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "sass": "^1.86.3",
+    "typescript": "^5.8.3",
+    "vite": "^6.2.6",
+    "vite-plugin-dts": "^4.5.3"
   },
   "peerDependencies": {
     "react": "^19.0",
     "react-dom": "^19.0"
   },
   "packageManager": "yarn@1.22.19+sha1.4ba7fc5c6e704fce2066ecbfb0b0d8976fe62447"
-}
+}