feat: debug mode

src/components/molecules/RunSettings.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { GenericModal } from "../atoms/GenericModal";
-import { MenuItem, TextField, Typography } from "@mui/material";
+import { MenuItem, TextField, Typography, Switch, FormControlLabel } from "@mui/material";
 import { Dropdown } from "../atoms/DropdownMui";
 import Button from "@mui/material/Button";
 import { modalStyle } from "./AddWhereCondModal";
@@ -21,13 +21,14 @@ export interface RunSettings {
 }
 
 export const RunSettingsModal = ({ isOpen, handleStart, handleClose, isTask, params }: RunSettingsProps) => {
-
+  const [settings, setSettings] = useState<RunSettings>({
-  const [settings, setSettings] = React.useState<RunSettings>({
     maxConcurrency: 1,
     maxRepeats: 1,
     debug: true,
   });
 
+  const [showInterpreterSettings, setShowInterpreterSettings] = useState(false);
+
   return (
     <GenericModal
       isOpen={isOpen}
@@ -40,75 +41,83 @@ export const RunSettingsModal = ({ isOpen, handleStart, handleClose, isTask, par
         alignItems: 'flex-start',
         marginLeft: '65px',
       }}>
-        {isTask
+        {isTask && (
-          ?
-          (
           <React.Fragment>
             <Typography sx={{ margin: '20px 0px' }}>Recording parameters:</Typography>
-              {params?.map((item, index) => {
+            {params?.map((item, index) => (
-                return <TextField
+              <TextField
                 sx={{ marginBottom: '15px' }}
                 key={`param-${index}`}
                 type="string"
                 label={item}
                 required
-                  onChange={(e) => setSettings(
+                onChange={(e) =>
-                    {
+                  setSettings({
                     ...settings,
                     params: settings.params
-                        ? {
+                      ? { ...settings.params, [item]: e.target.value }
-                          ...settings.params,
+                      : { [item]: e.target.value },
-                          [item]: e.target.value,
+                  })
                 }
-                        : {
-                          [item]: e.target.value,
-                        },
-                    })}
               />
-              })}
+            ))}
-            </React.Fragment>)
+          </React.Fragment>
-          : null
+        )}
-        }
+
+        <FormControlLabel
+          control={<Switch checked={showInterpreterSettings} onChange={() => setShowInterpreterSettings(!showInterpreterSettings)} />}
+          label="Show Interpreter Settings"
+          sx={{ margin: '20px 0px' }}
+        />
+
+        {showInterpreterSettings && (
+          <React.Fragment>
             <Typography sx={{ margin: '20px 0px' }}>Interpreter settings:</Typography>
             <TextField
               sx={{ marginBottom: '15px' }}
               type="number"
-          label="maxConcurrency"
+              label="Max Concurrency"
               required
-          onChange={(e) => setSettings(
+              onChange={(e) =>
-            {
+                setSettings({
                   ...settings,
-              maxConcurrency: parseInt(e.target.value),
+                  maxConcurrency: parseInt(e.target.value, 10),
-            })}
+                })
+              }
               defaultValue={settings.maxConcurrency}
             />
             <TextField
               sx={{ marginBottom: '15px' }}
               type="number"
-          label="maxRepeats"
+              label="Max Repeats"
               required
-          onChange={(e) => setSettings(
+              onChange={(e) =>
-            {
+                setSettings({
                   ...settings,
-              maxRepeats: parseInt(e.target.value),
+                  maxRepeats: parseInt(e.target.value, 10),
-            })}
+                })
+              }
               defaultValue={settings.maxRepeats}
             />
             <Dropdown
               id="debug"
-          label="debug"
+              label="Debug Mode"
               value={settings.debug?.toString()}
-          handleSelect={(e) => setSettings(
+              handleSelect={(e) =>
-            {
+                setSettings({
                   ...settings,
                   debug: e.target.value === "true",
-            })}
+                })
+              }
             >
               <MenuItem value="true">true</MenuItem>
               <MenuItem value="false">false</MenuItem>
             </Dropdown>
-        <Button onClick={() => handleStart(settings)}>Start</Button>
+          </React.Fragment>
+        )}
+
+        <Button onClick={() => handleStart(settings)} sx={{ marginTop: '20px' }}>Start</Button>
       </div>
     </GenericModal>
   );
-}
+};

src/components/molecules/UrlForm.tsx

@@ -39,7 +39,8 @@ export const UrlForm = ({
             setCurrentAddress(url);
             lastSubmittedRef.current = url;  // Update the last submitted URL
         } catch (e) {
-            alert(`ERROR: ${url} is not a valid url!`);
+            //alert(`ERROR: ${url} is not a valid url!`);
+            console.log(e)
         }
     }, [setCurrentAddress]);