feat: architectural refactor for deployment and multi-user session management

gdbui_server/output/bad_program.cpp

@@ -0,0 +1 @@
+this is not valid c++

gdbui_server/output/test_program.cpp

@@ -0,0 +1,2 @@
+#include <iostream>
+int main() { std::cout << 'Hello, World!'; return 0; }

gdbui_server/output/test_program2.cpp

@@ -0,0 +1,2 @@
+#include <iostream>
+int main() { std::cout << "Hello, Universe!"; return 0; }

webapp/.env.development

@@ -0,0 +1 @@
+VITE_API_BASE_URL=http://127.0.0.1:10000

webapp/.env.production

@@ -0,0 +1 @@
+VITE_API_BASE_URL=https://your-gdbui-server.com

webapp/src/App.jsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import { Route, Routes } from "react-router-dom";
+import { Route, Routes, Navigate } from "react-router-dom";
 import Debug from "./pages/Debug/Debug";
 import Threads from "./components/GdbComponents/Threads/Threads";
 import LocalVariable from "./components/GdbComponents/LocalVariable/LocalVariable";
@@ -30,14 +30,16 @@ const App = () => {
       />
 
       <Routes>
-        <Route path="debug" element={<Debug />}>
+        <Route path="/debug" element={<Debug />}>
           <Route path="threads" element={<Threads />} />
           <Route path="localVariable" element={<LocalVariable />} />
           <Route path="context" element={<Context />} />
           <Route path="memoryMap" element={<MemoryMap />} />
           <Route path="breakPoints" element={<BreakPoints />} />
         </Route>
-        {/* You can add more routes here */}
+        <Route path="/login" element={<Navigate to="/debug" replace />} />
+        <Route path="/" element={<Navigate to="/debug" replace />} />
+        <Route path="*" element={<Navigate to="/debug" replace />} />
       </Routes>
       <Footer />
     </div>

webapp/src/components/Breakpoint/Breakpoint.jsx

@@ -3,7 +3,7 @@ import "./Breakpoint.css";
 
 import { ToastContainer, toast } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
-import axios from "axios";
+import api from '../../services/api';
 
 const Breakpoint = () => {
   const [breakLine, setBreakLine] = useState("");
@@ -18,7 +18,7 @@ const Breakpoint = () => {
       return;
     }
     try {
-      const data = await axios.post("http://127.0.0.1:10000/set_breakpoint", {
+      const data = await api.post("/set_breakpoint", {
         location: breakLine,
         name: "program",
       });

webapp/src/components/Functions/Functions.jsx

@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
 import { DataState } from "./../../context/DataContext";
 import "./Functions.css";
-import axios from "axios";
+import api from '../../services/api';
 
 const data = [
   "sub.KERNEL32.dll_DeleteCritical_231",
@@ -22,7 +22,7 @@ const Functions = () => {
   const fetchFunctionsData = async () => {
     try {
       console.log("click from functions");
-      const data = await axios.post("http://127.0.0.1:10000/get_locals", {
+      const data = await api.post("/get_locals", {
         name: "program",
       });
       console.log(data.data.result);

webapp/src/components/GdbComponents/BreakPoints/BreakPoints.jsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { DataState } from "./../../../context/DataContext";
 import "./BreakPoints.css";
-import axios from "axios";
+import api from '../../../services/api';
 
 const data = [
   {
@@ -26,7 +26,7 @@ const BreakPoints = () => {
   const { refresh, setInfoBreakpointData, infoBreakpointData } = DataState();
 
   const fetchInfoBreakpoints = async () => {
-    const data = await axios.post("http://127.0.0.1:10000/info_breakpoints", {
+    const data = await api.post("/info_breakpoints", {
       name: "program",
     });
     console.log(data.data["result"]);

webapp/src/components/GdbComponents/MemoryMap/MemoryMap.jsx

@@ -2,7 +2,7 @@ import React, { useEffect } from "react";
 import { DataState } from "./../../../context/DataContext";
 
 import "./MemoryMap.css";
-import axios from "axios";
+import api from '../../../services/api';
 
 const data = [
   "0x7fffffffe270: 0x00 0x00 0x00 0x00 0x00 0x00 0x00 0x00",
@@ -19,7 +19,7 @@ const MemoryMap = () => {
 
   const fetchMemoryMap = async () => {
     console.log("Click form memory map");
-    const data = await axios.post("http://127.0.0.1:10000/memory_map", {
+    const data = await api.post("/memory_map", {
       name: "program",
     });
     console.log(data.data.result);

webapp/src/components/Stack/Stack.jsx

@@ -1,15 +1,15 @@
 import React, { useEffect } from "react";
 import { DataState } from "./../../context/DataContext";
 import "./Stack.css";
-import axios from "axios";
+import api from '../../services/api';
 
 const Stack = () => {
   const { refresh, stack, setStack } = DataState();
 
   const fetStackData = async () => {
     try {
       console.log("click from stack");
-      const data = await axios.post("http://127.0.0.1:10000/stack_trace", {
+      const data = await api.post("/stack_trace", {
         name: "program",
       });
       console.log(data.data.result);

webapp/src/components/Terminal/TerminalComp.jsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useRef } from "react";
 import { ReactTerminal } from "react-terminal";
-import axios from "axios";
+import api from '../../services/api';
 import "./Terminal.css";
 import { DataState } from "../../context/DataContext";
 
@@ -13,7 +13,7 @@ const TerminalComp = () => {
     const fullCommand = [command, ...args].join(" ");
     console.log("Full Command:", fullCommand);
     try {
-      const { data } = await axios.post("http://127.0.0.1:10000/gdb_command", {
+      const { data } = await api.post("/gdb_command", {
         command: fullCommand,
         name: "program",
       });

webapp/src/services/api.js

@@ -0,0 +1,17 @@
+import axios from 'axios';
+
+const sessionId = (() => {
+  let id = sessionStorage.getItem('gdbui-session-id');
+  if (!id) {
+    id = crypto.randomUUID();
+    sessionStorage.setItem('gdbui-session-id', id);
+  }
+  return id;
+})();
+
+const api = axios.create({
+  baseURL: import.meta.env.VITE_API_BASE_URL || 'http://127.0.0.1:10000',
+  headers: { 'X-Session-ID': sessionId },
+});
+
+export default api;