@rkmodules/rules 0.0.71 → 0.0.73

package/dist/lib/Flow/Components/Menu.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface MenuProps {
+    handle: React.ReactNode;
+    children?: React.ReactNode;
+}
+export declare function Menu({ handle, children }: MenuProps): React.JSX.Element;
+interface MenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+export declare function MenuItem({ children, ...props }: MenuItemProps): React.JSX.Element;
+export {};

package/dist/lib/Flow/Components/NodeContainer.d.ts

@@ -5,6 +5,7 @@ interface NodeContainerProps {
     className?: string;
     selected?: boolean;
     children?: React.ReactNode;
+    noDelete?: boolean;
 }
-export declare function NodeContainer({ id, label, className, selected, children, }: NodeContainerProps): React.JSX.Element;
+export declare function NodeContainer({ id, label, className, selected, children, noDelete, }: NodeContainerProps): React.JSX.Element;
 export {};

package/dist/lib/Flow/Context.d.ts

@@ -1,11 +1,13 @@
 import React from "react";
-import { Engine } from "../Engine";
+import { Engine, GraphedFunction } from "../Engine";
 import { WidgetProps } from "./Components/Control";
 type FlowContextState = {
     engine: Engine;
+    graphedFn: GraphedFunction;
     controls?: Record<string, React.ComponentType<WidgetProps<any>>>;
 };
 export declare const FlowContext: React.Context<FlowContextState>;
 export declare const useEngine: () => Engine;
 export declare const useControls: () => {};
+export declare const useGraphedFunction: () => GraphedFunction;
 export {};

package/dist/lib/Flow/Nodes/Input.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { NodeProps } from "@xyflow/react";
+import { FunctionNode } from "../types";
+/**
+ * todo: get input data from graphed function
+ */
+export declare const InputNode: React.MemoExoticComponent<({ id, data, selected }: NodeProps<FunctionNode>) => React.JSX.Element>;

package/dist/lib/Flow/Nodes/Output.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { NodeProps } from "@xyflow/react";
+import { FunctionNode } from "../types";
+/**
+ * todo: create a factory for output component
+ * - allow to pass prompt handler (async)
+ * - allow to pass custom UI for renaming/adding/deleting
+ *
+ * - create input node
+ */
+export declare const OutputNode: React.MemoExoticComponent<({ id, data, selected }: NodeProps<FunctionNode>) => React.JSX.Element>;

package/dist/lib/Flow/Nodes/index.d.ts

@@ -3,4 +3,6 @@ export declare const nodeTypes: {
     Calc: import("react").MemoExoticComponent<({ id, data, selected }: import("@xyflow/react").NodeProps<import("..").FunctionNode>) => import("react").JSX.Element>;
     Log: import("react").MemoExoticComponent<({ id, data, selected }: import("@xyflow/react").NodeProps<import("..").FunctionNode>) => import("react").JSX.Element>;
     Merge: import("react").MemoExoticComponent<({ id, data, selected }: import("@xyflow/react").NodeProps<import("..").FunctionNode>) => import("react").JSX.Element>;
+    Input: import("react").MemoExoticComponent<({ id, data, selected }: import("@xyflow/react").NodeProps<import("..").FunctionNode>) => import("react").JSX.Element>;
+    Output: import("react").MemoExoticComponent<({ id, data, selected }: import("@xyflow/react").NodeProps<import("..").FunctionNode>) => import("react").JSX.Element>;
 };

package/dist/lib/Flow/index.d.ts

@@ -13,9 +13,11 @@ export * from "./types";
 interface FlowProps {
     function: GraphedFunction;
     engine: Engine;
+    center?: boolean;
+    fitView?: boolean;
     onChange?: (updater: Updater<GraphedFunction>) => void;
     onClick?: (event: React.MouseEvent, position: XYPosition) => void;
     onSelect?: (ids: string[]) => void;
     customControls?: Record<string, React.ComponentType<WidgetProps<any>>>;
 }
-export declare function Flow({ function: fn, engine, onChange, onClick, onSelect, customControls, }: FlowProps): React.JSX.Element;
+export declare function Flow(props: FlowProps): React.JSX.Element;

package/dist/lib/Flow/types.d.ts

@@ -1,5 +1,5 @@
 import { Node } from "@xyflow/react";
-import { PrimitiveFunction, VarDef, VarRef } from "../Engine";
+import { GraphedFunction, PrimitiveFunction, VarDef, VarRef } from "../Engine";
 export type FunctionNode = Node<{
     name: string;
     label: string;
@@ -10,6 +10,7 @@ export type FunctionNode = Node<{
     paramDefs: Record<string, VarDef>;
     outputDefs: Record<string, VarDef>;
     onChange: (newData: Partial<FunctionNode["data"]>) => void;
+    onIOChange?: (callback: (fn: GraphedFunction) => Partial<GraphedFunction>) => void;
 }>;
 export type NodeDropItem = {
     name: string;

package/dist/lib/Primitives/input.d.ts

@@ -0,0 +1,2 @@
+import { PrimitiveFunction } from "../Engine";
+export declare const inputs: PrimitiveFunction;

package/dist/lib/Primitives/output.d.ts

@@ -0,0 +1,2 @@
+import { PrimitiveFunction } from "../Engine";
+export declare const output: PrimitiveFunction;

package/dist/lib/hooks/useFlow.d.ts

@@ -5,18 +5,11 @@ export type PositionData = Record<string, {
     x: number;
     y: number;
 }>;
-/**
- * TODO: replace this whole thing with a zustand state
- * - whenever the outer function changes, update the inner node graph
- * - but do so useing shallow comparison, so only update changed nodes
- * - also store the node positions in the zustand state, so they are not lost on rerender
- *
- * - state is not persisted in local storage, that is the job of the outer function variable in the page
- */
-interface FlowOptions {
+export interface FlowOptions {
     dragHandle?: string;
     positions?: PositionData;
     onDataChange?: (id: string) => (newData: Partial<FunctionNode["data"]>) => void;
+    onIOChange?: (callback: (fn: GraphedFunction) => Partial<GraphedFunction>) => void;
 }
 /**
  * creates a flow state and provides handlers to update nodes and edges
@@ -27,4 +20,3 @@ export declare function useFlow(fn: GraphedFunction, engine: Engine, options: Fl
     setNodes: (updater: (nodes: FunctionNode[]) => FunctionNode[]) => void;
     setEdges: (updater: (edges: Edge[]) => Edge[]) => void;
 };
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rkmodules/rules",
-    "version": "0.0.71",
+    "version": "0.0.73",
     "main": "dist/index.cjs.js",
     "module": "dist/index.esm.js",
     "types": "./dist/index.d.ts",