refactor: defaults should be in their own file, respecting eslint/ react standards. all tests fail, obviously.

ref: N25B-294

src/pages/VisProgPage/visualProgrammingUI/nodes/StartNode.tsx

@@ -2,71 +2,22 @@ import {
   Handle,
   type NodeProps,
   Position,
-  type Connection,
-  type Edge,
-  useReactFlow,
   type Node,
 } from '@xyflow/react';
-import { Toolbar } from './NodeDefinitions';
+import { Toolbar } from '../components/NodeComponents';
 import styles from '../../VisProg.module.css';
 
-/* ---------------------------------------------------------
- * 1. THE DATA SHAPE FOR THIS NODE TYPE
- * -------------------------------------------------------*/
+
 export type StartNodeData = {
   label: string;
   droppable: boolean;
   hasReduce: boolean;
 };
 
-/* ---------------------------------------------------------
- * 2. DEFAULT DATA FOR NEW INSTANCES OF THIS NODE
- * -------------------------------------------------------*/
-export const StartNodeDefaults: StartNodeData = {
-  label: "Start Node",
-  droppable: false,
-  hasReduce: true,
-};
 
 export type StartNode = Node<StartNodeData>
 
-/* ---------------------------------------------------------
- * 3. CUSTOM CONNECTION LOGIC FOR THIS NODE
- * -------------------------------------------------------*/
-export function startNodeCanConnect(connection: Connection | Edge): boolean {
-  // connection has: { source, sourceHandle, target, targetHandle }
-
-  // Example rules:
-
-  // ❌ Cannot connect to itself
-  if (connection.source === connection.target) return false;
-
-  // ❌ Only allow incoming connections on input slots "a" or "b"
-  if (connection.targetHandle && !["a", "b"].includes(connection.targetHandle)) {
-    return false;
-  }
-
-  // ❌ Only allow outgoing connections from "result"
-  if (connection.sourceHandle && connection.sourceHandle !== "result") {
-    return false;
-  }
-
-  // If all rules pass
-  return true;
-}
-
-/* ---------------------------------------------------------
- * 4. OPTIONAL: Node execution logic
- * If your system evaluates nodes, this is where that lives.
- * -------------------------------------------------------*/
-
-
-/* ---------------------------------------------------------
- * 5. THE NODE COMPONENT (UI)
- * -------------------------------------------------------*/
 export default function StartNode(props: NodeProps<Node>) {
-  const reactFlow = useReactFlow();
-  const label_input_id = `phase_${props.id}_label_input`;
   return (
     <>
       <Toolbar nodeId={props.id} allowDelete={true}/>
@@ -83,11 +34,18 @@ export default function StartNode(props: NodeProps<Node>) {
 }
 
 export function StartReduce(node: Node, nodes: Node[]) {
-    return {
+  // Replace this for nodes functionality
+  if (nodes.length <= -1) { 
+    console.warn("Impossible nodes length in StartReduce") 
+  } 
+  return {
     id: node.id
-    }
+  }
 }
 
 export function StartConnects(thisNode: Node, otherNode: Node, isThisSource: boolean) {
-  
+  // Replace this for connection logic
+  if (thisNode == undefined && otherNode == undefined && isThisSource == false) { 
+    console.warn("Impossible node connection called in EndConnects")
+  }
 }