Add rangeSpec to FloatComponent

src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx

@@ -457,6 +457,7 @@ export default function ParameterComponent({
             <FloatComponent
               disabled={disabled}
               value={data.node?.template[name].value ?? ""}
+              rangeSpec={data.node?.template[name].range_spec}
               onChange={handleOnNewValue}
             />
           </div>

src/frontend/src/components/codeTabsComponent/index.tsx

@@ -472,6 +472,11 @@ export default function CodeTabsComponent({
                                                           templateField
                                                         ].value
                                                   }
+                                                  rangeSpec={
+                                                    node.data.node.template[
+                                                      templateField
+                                                    ].rangeSpec
+                                                  }
                                                   onChange={(target) => {
                                                     setData((old) => {
                                                       let newInputList =

src/frontend/src/components/floatComponent/index.tsx

@@ -7,11 +7,14 @@ export default function FloatComponent({
   value,
   onChange,
   disabled,
+  rangeSpec,
   editNode = false,
 }: FloatComponentType): JSX.Element {
-  const step = 0.1;
-  const min = -2;
-  const max = 2;
+  const step = rangeSpec?.step ?? 0.1;
+  const min = rangeSpec?.min ?? -2;
+  const max = rangeSpec?.max ?? 2;
+  console.log("FloatComponent", value, disabled, rangeSpec, editNode);
+  console.log("FloatComponent", step, min, max);
 
   // Clear component state
   useEffect(() => {
@@ -40,7 +43,9 @@ export default function FloatComponent({
         disabled={disabled}
         className={editNode ? "input-edit-node" : ""}
         placeholder={
-          editNode ? "Number -2 to 2" : "Type a number from minus two to two"
+          editNode
+            ? `Enter a value between ${min} and ${max}`
+            : `Enter a value between ${min} and ${max}`
         }
         onChange={(event) => {
           onChange(event.target.value);

src/frontend/src/components/intComponent/index.tsx

@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import { FloatComponentType } from "../../types/components";
+import { IntComponentType } from "../../types/components";
 import { handleKeyDown } from "../../utils/reactflowUtils";
 import { Input } from "../ui/input";
 
@@ -9,7 +9,7 @@ export default function IntComponent({
   disabled,
   editNode = false,
   id = "",
-}: FloatComponentType): JSX.Element {
+}: IntComponentType): JSX.Element {
   const min = 0;
 
   // Clear component state

src/frontend/src/modals/EditNodeModal/index.tsx

@@ -360,6 +360,10 @@ const EditNodeModal = forwardRef(
                                     <FloatComponent
                                       disabled={disabled}
                                       editNode={true}
+                                      rangeSpec={
+                                        myData.node!.template[templateParam]
+                                          .range_spec
+                                      }
                                       value={
                                         myData.node.template[templateParam]
                                           .value ?? ""

src/frontend/src/types/components/index.ts

@@ -138,10 +138,26 @@ export type DisclosureComponentType = {
     }[];
   };
 };
+
+export type RangeSpecType = {
+  min: number;
+  max: number;
+  step: number;
+};
+
+export type IntComponentType = {
+  value: string;
+  disabled?: boolean;
+  onChange: (value: string) => void;
+  editNode?: boolean;
+  id?: string;
+};
+
 export type FloatComponentType = {
   value: string;
   disabled?: boolean;
   onChange: (value: string) => void;
+  rangeSpec: RangeSpecType;
   editNode?: boolean;
   id?: string;
 };