linting

biome.json

@@ -10,7 +10,8 @@
       "doc",
       "public",
       "screenshots",
-      "src/components/testing"
+      "src/components/testing",
+      "src/components/scenariotest"
     ]
   },
   "organizeImports": {
@@ -26,7 +27,10 @@
         },
         "noArrayIndexKey": {
           "level": "off"
-        }
+        },
+        "noAssignInExpressions": "off",
+        "noImplicitAnyLet": "off",
+        "noPrototypeBuiltins": "off"
       },
       "a11y": {
         "useButtonType": "off",
@@ -37,10 +41,14 @@
         "noUselessElse": "off"
       },
       "complexity": {
-        "noForEach": "off"
+        "noForEach": "off",
+        "noBannedTypes": "off"
       },
       "correctness": {
         "useExhaustiveDependencies": "off"
+      },
+      "security": {
+        "noDangerouslySetInnerHtml": "off"
       }
     }
   },

src/app/fetch.ts

@@ -11,36 +11,19 @@ const backendUrl = new URL(
  * @returns {Promise<string[]>} A promise that resolves to an array of domain story IDs.
  */
 export const readAllDomainStoryIds = async (): Promise<string[]> => {
-  try {
-    // Send a GET request to the backend's '/api/v2/domain-story/ids' endpoint.
-    // The 'cache' option is set to 'no-store' to prevent caching of the response.
-    const res = await fetch(`${backendUrl}/ids`, {
-      cache: "no-store",
-    });
-    try {
-      // Send a GET request to the backend's '/api/v2/domain-story/ids' endpoint.
-      // The 'cache' option is set to 'no-store' to prevent caching of the response.
-      const res = await fetch(`${backendUrl}/ids`, {
-        cache: "no-store",
-      });
+  // Send a GET request to the backend's '/api/v2/domain-story/ids' endpoint.
+  // The 'cache' option is set to 'no-store' to prevent caching of the response.
+  const res = await fetch(`${backendUrl}/ids`, {
+    next: { revalidate: 30 },
+  });
 
-      // If the response status is not OK, throw an error.
-      if (!res.ok) {
-        throw new Error(
-          `Failed to fetch domain story IDs: ${res.status} ${res.statusText}`,
-        );
-      }
-
-      // Parse the response as JSON and return it.
-      return await res.json();
-    } catch (error) {
-      // If an error occurs, log it to the console and rethrow it.
-      console.error("Error fetching domain story IDs:", error);
-      throw error;
-    }
-  } catch (error) {
-    // If an error occurs, log it to the console and rethrow it.
-    console.error("Error fetching domain story IDs:", error);
-    throw error;
+  // If the response status is not OK, throw an error.
+  if (!res.ok) {
+    throw new Error(
+      `Failed to fetch domain story IDs: ${res.status} ${res.statusText}`,
+    );
   }
+
+  // Parse the response as JSON and return it.
+  return await res.json();
 };

src/components/ScenarioEditor.tsx

@@ -21,8 +21,7 @@ export default function ScenarioEditor({
   setShowLoadTestSpecifier: Dispatch<SetStateAction<boolean>>;
   setShowResilienceTestSpecifier: Dispatch<SetStateAction<boolean>>;
 }) {
-  const [selectedEdge, setSelectedEdge] = useState<Edge | null>(null);
-  const [selectedEdge, setSelectedEdge] = useState<Edge | null>(null);
+  const [selectedEdge] = useState<Edge | null>(null);
 
   console.log(showMonitoringSpecifier);
   return (

src/components/ScenarioEditorTaskbar.tsx

@@ -12,22 +12,6 @@ export default function ScenarioEditorTaskbar({
   setShowResilienceTestSpecifier: Dispatch<SetStateAction<boolean>>;
   setShowMonitoringSpecifier: Dispatch<SetStateAction<boolean>>;
 }) {
-  return (
-    <>
-      <button
-        type="button"
-        onClick={() => setRqaExplorerShow((prevState) => !prevState)}
-      >
-        <div>
-          <EqualizerIcon />
-        </div>
-      </button>
-      <button
-        type="button"
-        onClick={() => setShowLoadTestSpecifier((prevState) => !prevState)}
-      >
-        <div className="icon-domain-story-loadtest" />
-      </button>
   return (
     <>
       <button

src/components/Taskbar.tsx

@@ -19,15 +19,6 @@ export default function Taskbar({
   setShowResilienceTestSpecifier: Dispatch<SetStateAction<boolean>>;
   setShowMonitoringSpecifier: Dispatch<SetStateAction<boolean>>;
 }) {
-  return (
-    <div className="taskbar-container">
-      <button
-        type="button"
-        className="change-mode"
-        onClick={() => setScenarioMode((prevState) => !prevState)}
-      >
-        <div>{scenarioMode ? <CloudQueueIcon /> : <CloudOffIcon />}</div>
-      </button>
   return (
     <div className="taskbar-container">
       <button

src/components/input/InputSelect.tsx

@@ -37,7 +37,6 @@ export function InputSelect<T>({
           <option
             // @ts-expect-error
             value={optionValue ? option[optionValue] : (option as T)}
-            // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
             key={i}
           >
             {option[optionName] as ReactNode}

src/components/input/InputSlider.tsx

@@ -4,8 +4,6 @@ interface InputSliderProps {
   label: string;
   name: string;
   value?: number | null;
-  // @ts-ignore noExplicitAny
-  // biome-ignore lint/suspicious/noExplicitAny: <explanation>
   onChange: (e: ChangeEvent<HTMLInputElement>, data: any) => void;
 }