web: implement onSolve

web/frontend/.env

@@ -1 +1,2 @@
 FAST_REFRESH=false
+REACT_APP_BACKEND_URL=http://localhost:9000

web/frontend/src/components/CaseBuilder/CaseBuilder.tsx

@@ -13,6 +13,7 @@ import "tabulator-tables/dist/css/tabulator.min.css";
 import "../Common/Forms/Tables.css";
 import { useState } from "react";
 import Footer from "./Footer";
+import * as pako from "pako";
 import { offerDownload } from "../Common/io";
 import { preprocess } from "../../core/Operations/preprocessing";
 import Toast from "../Common/Forms/Toast";
@@ -91,8 +92,31 @@ const CaseBuilder = () => {
     setAndSaveScenario(undoStack[undoStack.length - 1]!, false);
   };
 
-  const onSolve = () => {
+  const onSolve = async () => {
-    console.log("Solve!");
+    // Compress scenario
+    const jsonString = JSON.stringify(scenario);
+    const compressed = pako.gzip(jsonString);
+
+    // POST to backend
+    const backendUrl = process.env.REACT_APP_BACKEND_URL;
+    const response = await fetch(`${backendUrl}/submit`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/gzip",
+      },
+      body: compressed,
+    });
+
+    // Error handling
+    if (!response.ok) {
+      setToastMessage("Failed to submit file. See console for more details.");
+      console.log(response);
+      return;
+    }
+
+    // Parse response
+    const data = await response.json();
+    console.log(data.job_id);
   };
 
   return (

web/frontend/src/components/Common/Forms/DataTable.tsx

@@ -142,7 +142,6 @@ export const generateTableData = (
         case "lineContingency":
           if (contingencyLines === null) {
             contingencyLines = getContingencyTransmissionLines(scenario);
-            console.log(contingencyLines);
           }
           entry[spec.title] = contingencyLines.has(entryName);
           break;

web/frontend/src/index.tsx

@@ -8,7 +8,7 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import reportWebVitals from "./reportWebVitals";
 import CaseBuilder from "./components/CaseBuilder/CaseBuilder";
-import { BrowserRouter, Routes, Route, Navigate } from "react-router";
+import { BrowserRouter, Navigate, Route, Routes } from "react-router";
 
 const root = ReactDOM.createRoot(
   document.getElementById("root") as HTMLElement,