visualizer: fix relative path issues

Author: SupernaviX

ui/public/scenarios.json

@@ -6,6 +6,20 @@
       "duration": 300,
       "trace": "traces/1xsummary.jsonl.gz",
       "aggregated": true
+    },
+    {
+      "name": "10x",
+      "topology": "topologies/thousand.yaml",
+      "duration": 300,
+      "trace": "traces/10xsummary.jsonl.gz",
+      "aggregated": true
+    },
+    {
+      "name": "100x",
+      "topology": "topologies/thousand.yaml",
+      "duration": 300,
+      "trace": "traces/100xsummary.jsonl.gz",
+      "aggregated": true
     }
   ]
 }

ui/src/components/Sim/modules/Scenario.tsx

@@ -10,12 +10,12 @@ export const Scenario: FC = () => {
 
   useEffect(() => {
     (async () => {
-      const response = await fetch("visualizer/scenarios.json");
+      const response = await fetch("scenarios.json");
       const body: { scenarios: IScenario[] } = await response.json();
       const scenarios = body.scenarios.map(scenario => ({
         ...scenario,
-        topology: new URL(`visualizer/${scenario.topology}`, window.location.toString()).toString(),
-        trace: new URL(`visualizer/${scenario.trace}`, window.location.toString()).toString(),
+        topology: new URL(scenario.topology, window.location.toString()).toString(),
+        trace: new URL(scenario.trace, window.location.toString()).toString(),
       }));
       dispatch({ type: "SET_SCENARIOS", payload: scenarios });
     })();

ui/vite.config.ts

@@ -6,7 +6,7 @@ import { nodePolyfills } from 'vite-plugin-node-polyfills';
 
 // https://vite.dev/config/
 export default defineConfig({
-  base: '/visualizer',
+  base: '/',
   plugins: [react(), tailwindcss(), nodePolyfills()],
   server: {
     port: 3000,