put controls back into the graph-editor.

bhouston · Jul 20, 2023 · fc7d3d1 · fc7d3d1
1 parent 722e837
commit fc7d3d1
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 1 deletion.
diff --git a/docs/HowToCreateNewValueTypesAndNodes.md b/docs/HowToCreateNewValueTypesAndNodes.md
@@ -0,0 +1,3 @@
+# TODO
+
+How to create new value types, like a "Character" and how to make a "Move Character" node that uses the Character type.
diff --git a/packages/flow/src/components/Controls.tsx b/packages/flow/src/components/Controls.tsx
@@ -16,7 +16,15 @@ import { HelpModal } from './modals/HelpModal.js';
 import { Examples, LoadModal } from './modals/LoadModal.js';
 import { SaveModal } from './modals/SaveModal.js';
 
-export const CustomControls = ({
+export type CustomControlsProps = {
+  playing: boolean;
+  togglePlay: () => void;
+  setBehaviorGraph: (value: GraphJSON) => void;
+  examples: Examples;
+  specJson: NodeSpecJSON[] | undefined;
+};
+
+export const CustomControls: React.FC<CustomControlsProps> = ({
   playing,
   togglePlay,
   setBehaviorGraph,

diff --git a/packages/flow/src/components/Flow.tsx b/packages/flow/src/components/Flow.tsx
@@ -9,6 +9,7 @@ import { useGraphRunner } from '../hooks/useGraphRunner.js';
 import { useNodeSpecJson } from '../hooks/useNodeSpecJson.js';
 import { Examples } from './modals/LoadModal.js';
 import { NodePicker } from './NodePicker.js';
+import CustomControls from './Controls.js';
 
 type FlowProps = {
   initialGraph: GraphJSON;
@@ -84,6 +85,13 @@ export const Flow: FC<FlowProps> = ({ initialGraph: graph, examples }) => {
       onPaneClick={handlePaneClick}
       onPaneContextMenu={handlePaneContextMenu}
     >
+      <CustomControls
+        playing={playing}
+        togglePlay={togglePlay}
+        setBehaviorGraph={setGraphJson}
+        examples={examples}
+        specJson={specJson}
+      />
       <Background
         variant={BackgroundVariant.Lines}
         color="#2a2b2d"