+
{resizeListener}
- );
-};
+ )
+}
ResizableGraph.propTypes = {
containerId: PropTypes.string.isRequired,
neo4jUri: PropTypes.string.isRequired,
- simId: PropTypes.string.isRequired,
-};
+ simId: PropTypes.string.isRequired
+}
-export default NeoGraph;
+export default NeoGraph
diff --git a/user-interface/src/features/visualization_tab/QueryCreator.js b/user-interface/src/features/visualization_tab/QueryCreator.js
index abcc443..8958b0c 100644
--- a/user-interface/src/features/visualization_tab/QueryCreator.js
+++ b/user-interface/src/features/visualization_tab/QueryCreator.js
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useState } from 'react'
import {
Stack,
Select,
@@ -7,48 +7,48 @@ import {
Box,
Switch,
FormControlLabel,
- IconButton,
-} from "@mui/material";
-import PlayArrowIcon from "@mui/icons-material/PlayArrow";
+ IconButton
+} from '@mui/material'
+import PlayArrowIcon from '@mui/icons-material/PlayArrow'
export const QueryCreator = (props) => {
- const { queryCallback } = props;
+ const { queryCallback } = props
- const [queryType, setQueryType] = useState("agent");
- const [advancedMode, setAdvancedMode] = useState(false);
+ const [queryType, setQueryType] = useState('agent')
+ const [advancedMode, setAdvancedMode] = useState(false)
- const [type, setType] = useState("");
- const [param, setParam] = useState("");
- const [msgList, setMsgList] = useState("");
- const [msgType, setMsgType] = useState("");
- const [connList, setConnList] = useState("");
+ const [type, setType] = useState('')
+ const [param, setParam] = useState('')
+ const [msgList, setMsgList] = useState('')
+ const [msgType, setMsgType] = useState('')
+ const [connList, setConnList] = useState('')
const handleQueryTypeChange = (value) => {
- setQueryType(value);
- };
+ setQueryType(value)
+ }
const runQuery = () => {
- let searchParamString = "";
+ let searchParamString = ''
switch (queryType) {
- case "agent":
- searchParamString += "agents/";
- break;
- case "message":
- searchParamString += "messages/";
- break;
+ case 'agent':
+ searchParamString += 'agents/'
+ break
+ case 'message':
+ searchParamString += 'messages/'
+ break
default:
- return; // just don't run the query
+ return // just don't run the query
}
- searchParamString += type + "?";
- searchParamString += `property=${param}&`;
+ searchParamString += type + '?'
+ searchParamString += `property=${param}&`
if (advancedMode) {
- searchParamString += "&";
- searchParamString += `message_list=${msgList}&`;
- searchParamString += `message_type=${msgType}&`;
- searchParamString += `connection_list=${connList}`;
+ searchParamString += '&'
+ searchParamString += `message_list=${msgList}&`
+ searchParamString += `message_type=${msgType}&`
+ searchParamString += `connection_list=${connList}`
}
- queryCallback(searchParamString, `${type} data`);
- };
+ queryCallback(searchParamString, `${type} data`)
+ }
return (
@@ -65,14 +65,15 @@ export const QueryCreator = (props) => {
/>
- {advancedMode ? (
+ {advancedMode
+ ? (
<>
{
label="Connection List"
/>
- ) : (
+ )
+ : (
<>
{
label="Parameter name"
/>
- )}
-
-
+ )}
+
+
- );
-};
+ )
+}
-export default QueryCreator;
+export default QueryCreator
diff --git a/user-interface/src/features/visualization_tab/SimulationDisplay.js b/user-interface/src/features/visualization_tab/SimulationDisplay.js
index 593e02f..f51f713 100644
--- a/user-interface/src/features/visualization_tab/SimulationDisplay.js
+++ b/user-interface/src/features/visualization_tab/SimulationDisplay.js
@@ -1,48 +1,48 @@
-import React, { useState, useEffect } from "react";
-import { Stack, Button, Box, Snackbar, Alert } from "@mui/material";
-import NeoGraph, { ResizableGraph } from "./NeoGraph";
-import InstanceStatusTable from "./InstanceStatusTable";
-import SimulationStatusManager from "./SimulationStatusManager";
+import React, { useState, useEffect } from 'react'
+import { Stack, Button, Box, Snackbar, Alert } from '@mui/material'
+import NeoGraph, { ResizableGraph } from './NeoGraph'
+import InstanceStatusTable from './InstanceStatusTable'
+import SimulationStatusManager from './SimulationStatusManager'
export const SimulationDisplay = (props) => {
- const { simId } = props;
+ const { simId } = props
- const [instances, setInstances] = useState([]);
- const [simulations, setSimulations] = useState([]);
+ const [instances, setInstances] = useState([])
+ const [simulations, setSimulations] = useState([])
- const [snackText, setSnackText] = useState("");
- const [snackSeverity, setSnackSeverity] = useState("success");
- const [snackOpen, setSnackOpen] = useState(false);
+ const [snackText, setSnackText] = useState('')
+ const [snackSeverity, setSnackSeverity] = useState('success')
+ const [snackOpen, setSnackOpen] = useState(false)
useEffect(() => {
- getStatus();
- }, []);
+ getStatus()
+ }, [])
const snackClose = () => {
- setSnackOpen(false);
- };
+ setSnackOpen(false)
+ }
const simulationRestartCallback = (sim_id, status, info) => {
- setSnackSeverity(status);
- if (status === "success") {
- setSnackText(`Succesfully restarted ${sim_id}`);
+ setSnackSeverity(status)
+ if (status === 'success') {
+ setSnackText(`Succesfully restarted ${sim_id}`)
} else {
- setSnackText(`Failed to restart ${sim_id}: reason: ${info}`);
+ setSnackText(`Failed to restart ${sim_id}: reason: ${info}`)
}
- setSnackOpen(true);
- };
+ setSnackOpen(true)
+ }
const simulationDeleteCallback = (sim_id, status, info) => {
- setSnackSeverity(status);
- if (status === "success") {
- setSnackText(`Succesfully deleted ${sim_id}`);
+ setSnackSeverity(status)
+ if (status === 'success') {
+ setSnackText(`Succesfully deleted ${sim_id}`)
} else {
- setSnackText(`Failed to detele ${sim_id}: reason: ${info}`);
+ setSnackText(`Failed to detele ${sim_id}: reason: ${info}`)
}
- setSnackOpen(true);
- };
+ setSnackOpen(true)
+ }
- const simulationReportCallback = (sim_id) => {};
+ const simulationReportCallback = (sim_id) => {}
const deleteSimulation = async (sim_id) => {
const url = `http://localhost/api/simulations/${sim_id}`;
@@ -53,18 +53,18 @@ export const SimulationDisplay = (props) => {
const url = `http://localhost/api/simulations`;
//GET method here
const response = await fetch(url, {
- method: "GET",
- });
- const data = await response.json();
+ method: 'GET'
+ })
+ const data = await response.json()
if (response.status !== 200) {
} else {
- setInstances(data["instances"]);
- setSimulations(data["simulations"]);
+ setInstances(data.instances)
+ setSimulations(data.simulations)
}
- };
+ }
return (
-
+
SLB Status
@@ -78,14 +78,14 @@ export const SimulationDisplay = (props) => {
{snackText}
- );
-};
+ )
+}
-export default SimulationDisplay;
+export default SimulationDisplay
diff --git a/user-interface/src/features/visualization_tab/SimulationOptionsCell.js b/user-interface/src/features/visualization_tab/SimulationOptionsCell.js
index 1feb23b..32d96ca 100644
--- a/user-interface/src/features/visualization_tab/SimulationOptionsCell.js
+++ b/user-interface/src/features/visualization_tab/SimulationOptionsCell.js
@@ -1,117 +1,121 @@
-import React from "react";
+import React from 'react'
-import { TableCell, IconButton } from "@mui/material";
-import RemoveCircleIcon from "@mui/icons-material/RemoveCircle";
-import AssessmentOutlinedIcon from "@mui/icons-material/AssessmentOutlined";
-import DownloadIcon from '@mui/icons-material/Download';
-import RestartAltIcon from "@mui/icons-material/RestartAlt";
+import { TableCell, IconButton } from '@mui/material'
+import RemoveCircleIcon from '@mui/icons-material/RemoveCircle'
+import AssessmentOutlinedIcon from '@mui/icons-material/AssessmentOutlined'
+import DownloadIcon from '@mui/icons-material/Download'
+import RestartAltIcon from '@mui/icons-material/RestartAlt'
import streamSaver from 'streamsaver'
export const SimulationOptionsCell = (props) => {
- const { simulation, deleteCallback, reportCallback, restartCallback } = props;
+ const { simulation, deleteCallback, reportCallback, restartCallback } = props
const deleteSimulation = async () => {
- const url = `http://localhost/api/simulations/${simulation.simulation_id}`;
- await fetch(url, { method: "DELETE" })
+ const url = `http://localhost/api/simulations/${simulation.simulation_id}`
+ // LDE
+ // const url = `http://localhost/api/simulation/${simulation.simulation_id}`;
+ await fetch(url, { method: 'DELETE' })
.then((response) => {
if (response.status === 200) {
- deleteCallback(simulation.simulation_id, "success", "");
+ deleteCallback(simulation.simulation_id, 'success', '')
} else {
- deleteCallback(simulation.simulation_id, "error", response.status);
+ deleteCallback(simulation.simulation_id, 'error', response.status)
}
})
.catch((error) => {
- deleteCallback(simulation.simulation_id, "error", error);
- });
- };
+ deleteCallback(simulation.simulation_id, 'error', error)
+ })
+ }
const restartSimulation = async () => {
- const url = `http://localhost/api/simulations/${simulation.simulation_id}`;
- await fetch(url, { method: "POST" })
+ const url = `http://localhost/api/simulations/${simulation.simulation_id}`
+ //const url = `http://localhost/api/simulation/${simulation.simulation_id}`;
+ await fetch(url, { method: 'POST' })
.then((response) => {
if (response.status === 201) {
- restartCallback(simulation.simulation_id, "success", "");
+ restartCallback(simulation.simulation_id, 'success', '')
} else {
- restartCallback(simulation.simulation_id, "error", response.status);
+ restartCallback(simulation.simulation_id, 'error', response.status)
}
})
.catch((error) => {
- restartCallback(simulation.simulation_id, "error", error);
- });
- };
+ restartCallback(simulation.simulation_id, 'error', error)
+ })
+ }
const openSimulationReport = () => {
- reportCallback(simulation.simulation_id);
- };
+ reportCallback(simulation.simulation_id)
+ }
// https://stackoverflow.com/questions/40939380/how-to-get-file-name-from-content-disposition
const getTimeseriesFilename = async (response) => {
- const contentDisposition = response.headers.get('content-disposition');
+ const contentDisposition = response.headers.get('content-disposition')
if (contentDisposition && contentDisposition.indexOf('attachment') !== -1) {
- const filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/;
- const matches = filenameRegex.exec(contentDisposition);
+ const filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/
+ const matches = filenameRegex.exec(contentDisposition)
if (matches !== null && matches[1]) {
- return matches[1].replace(/['"]/g, '');
+ return matches[1].replace(/['"]/g, '')
}
} else {
- return "timeseries.json";
+ return 'timeseries.json'
}
}
const downloadTimeseries = async (simulationId) => {
- const url = `http://localhost/api/simulations/${simulationId}/timeseries`;
- const response = await fetch(url);
-
+ const url = `http://localhost/api/simulations/${simulationId}/timeseries`
+ //const url = `http://localhost/api/simulation/${simulationId}/timeseries`;
+ const response = await fetch(url)
if (response.status === 400) {
- const body = await response.json();
- console.error(body['detail']);
- return;
+ const body = await response.json()
+ console.error(body.detail)
+ return
} else if (response.status !== 200) {
- console.error("Error downloading timeseries");
- return;
+ console.error('Error downloading timeseries')
+ return
}
- const filename = await getTimeseriesFilename(response);
- const fileStream = streamSaver.createWriteStream(filename);
- await response.body.pipeTo(fileStream);
+ const filename = await getTimeseriesFilename(response)
+ const fileStream = streamSaver.createWriteStream(filename)
+ await response.body.pipeTo(fileStream)
}
-
return (
- {simulation.status !== "ACTIVE" ? (
+ {simulation.status !== 'ACTIVE'
+ ? (
-
+
- ) : (
+ )
+ : (
-
+
- )}
+ )}
-
+
downloadTimeseries(simulation.simulation_id)}
>
-
+
- );
-};
+ )
+}
-export default SimulationOptionsCell;
+export default SimulationOptionsCell
diff --git a/user-interface/src/features/visualization_tab/SimulationReportDialog.js b/user-interface/src/features/visualization_tab/SimulationReportDialog.js
index 6d2915b..a3458d0 100644
--- a/user-interface/src/features/visualization_tab/SimulationReportDialog.js
+++ b/user-interface/src/features/visualization_tab/SimulationReportDialog.js
@@ -1,12 +1,12 @@
-import React, { useState } from "react";
+import React, { useState } from 'react'
import {
Dialog,
Container,
DialogTitle,
Stack,
Box,
- Alert,
-} from "@mui/material";
+ Alert
+} from '@mui/material'
import {
Chart as ChartJS,
CategoryScale,
@@ -14,11 +14,11 @@ import {
BarElement,
Title,
Tooltip,
- Legend,
-} from "chart.js";
-import { Bar } from "react-chartjs-2";
-import NeoGraph from "./NeoGraph";
-import QueryCreator from "./QueryCreator";
+ Legend
+} from 'chart.js'
+import { Bar } from 'react-chartjs-2'
+import NeoGraph from './NeoGraph'
+import QueryCreator from './QueryCreator'
ChartJS.register(
CategoryScale,
@@ -27,92 +27,96 @@ ChartJS.register(
Title,
Tooltip,
Legend
-);
+)
export const SimulationReportDialog = (props) => {
- const { open, onClose, simId } = props;
+ const { open, onClose, simId } = props
const [barData, setBarData] = useState({
labels: [],
- datasets: [{}],
- });
+ datasets: [{}]
+ })
- const [queryError, setQueryError] = useState(false);
- const [errorText, setErrorText] = useState("");
+ const [queryError, setQueryError] = useState(false)
+ const [errorText, setErrorText] = useState('')
- //left for consistency, maybe add options later
+ // left for consistency, maybe add options later
const barOptions = {
- indexAxis: "y",
- };
+ indexAxis: 'y'
+ }
const handleClose = (event, reason) => {
- onClose(false);
- };
+ onClose(false)
+ }
const queryCallback = async (searchString, label) => {
- setQueryError(false);
+ setQueryError(false)
const url =
- `http://localhost/api/simulations/${simId}/statistics/` + searchString;
+ `http://localhost/api/simulations/${simId}/statistics/` + searchString
+ //LDE
+ //`http://localhost/api/simulation/${simId}/statistics/` + searchString;
await fetch(url, {
- method: "GET",
+ method: 'GET'
})
.then((response) => {
if (response.status !== 200) {
- setQueryError(true);
- setErrorText("HTTP error getting query: " + response.status);
+ setQueryError(true)
+ setErrorText('HTTP error getting query: ' + response.status)
}
- return response.json();
+ return response.json()
})
.then((data) => {
setBarData({
- labels: data["labels"],
+ labels: data.labels,
datasets: [
{
- label: label,
- backgroundColor: "rgb(25, 118, 210)",
- borderColor: "rgb(25, 118, 210)",
- data: data["data"],
- },
- ],
- });
+ label,
+ backgroundColor: 'rgb(25, 118, 210)',
+ borderColor: 'rgb(25, 118, 210)',
+ data: data.data
+ }
+ ]
+ })
})
.catch((error) => {
- setQueryError(true);
- setErrorText("Unkown error getting query");
- });
- };
+ setQueryError(true)
+ setErrorText('Unkown error getting query')
+ })
+ }
return (
- );
-};
+ )
+}
-export default SimulationReportDialog;
+export default SimulationReportDialog
diff --git a/user-interface/src/features/visualization_tab/SimulationStatusManager.js b/user-interface/src/features/visualization_tab/SimulationStatusManager.js
index 71cf732..b81bdef 100644
--- a/user-interface/src/features/visualization_tab/SimulationStatusManager.js
+++ b/user-interface/src/features/visualization_tab/SimulationStatusManager.js
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useState } from 'react'
import {
TableContainer,
Paper,
@@ -6,26 +6,26 @@ import {
TableHead,
TableRow,
TableCell,
- TableBody,
-} from "@mui/material";
-import SimulationOptionsCell from "./SimulationOptionsCell";
-import SimulationReportDialog from "./SimulationReportDialog";
-import streamSaver from 'streamsaver';
+ TableBody
+} from '@mui/material'
+import SimulationOptionsCell from './SimulationOptionsCell'
+import SimulationReportDialog from './SimulationReportDialog'
+import streamSaver from 'streamsaver'
export const SimulationStatusManager = (props) => {
- const { simulationData, deleteCallback, restartCallback } = props;
+ const { simulationData, deleteCallback, restartCallback } = props
- const [reportOpen, setReportOpen] = useState(false);
- const [reportSimId, setSimId] = useState("");
+ const [reportOpen, setReportOpen] = useState(false)
+ const [reportSimId, setSimId] = useState('')
const handleReportClose = () => {
- setReportOpen(false);
- };
+ setReportOpen(false)
+ }
const reportCallback = (sim_id) => {
- setSimId(sim_id);
- setReportOpen(true);
- };
+ setSimId(sim_id)
+ setReportOpen(true)
+ }
return (
<>
@@ -56,7 +56,7 @@ export const SimulationStatusManager = (props) => {
restartCallback={restartCallback}
/>
- );
+ )
})}
@@ -67,7 +67,7 @@ export const SimulationStatusManager = (props) => {
simId={reportSimId}
/>
- );
-};
+ )
+}
-export default SimulationStatusManager;
+export default SimulationStatusManager
diff --git a/user-interface/src/features/visualization_tab/VisualizationTab.js b/user-interface/src/features/visualization_tab/VisualizationTab.js
index 9e71814..dcc1740 100644
--- a/user-interface/src/features/visualization_tab/VisualizationTab.js
+++ b/user-interface/src/features/visualization_tab/VisualizationTab.js
@@ -1,97 +1,99 @@
-import React, { useEffect } from "react";
-import Stack from "@mui/material/Stack";
-import { Button, TextField, Alert } from "@mui/material";
-import { useSelector } from "react-redux";
+import React, { useEffect } from 'react'
+import Stack from '@mui/material/Stack'
+import { Button, TextField, Alert } from '@mui/material'
+import { useSelector } from 'react-redux'
import {
selectAgents,
selectMessageTypes,
- selectGraph,
-} from "../simulationSlice";
+ selectGraph
+} from '../simulationSlice'
-import SimulationDisplay from "./SimulationDisplay";
+import SimulationDisplay from './SimulationDisplay'
-import { pingpong, benchmark } from "./assm_presets";
+import { pingpong, benchmark } from './assm_presets'
const presetMap = {
- pingpong: pingpong,
- benchmark: benchmark,
-};
+ pingpong,
+ benchmark
+}
-export function VisualizationTab() {
- const [simId, setSimId] = React.useState("");
+export function VisualizationTab () {
+ const [simId, setSimId] = React.useState('')
- const messages = useSelector(selectMessageTypes);
- const agents = useSelector(selectAgents);
- const graph = useSelector(selectGraph);
+ const messages = useSelector(selectMessageTypes)
+ const agents = useSelector(selectAgents)
+ const graph = useSelector(selectGraph)
- const [code, setCode] = React.useState([]);
- const [generatedCode, setGeneratedCode] = React.useState([]);
- const [codeFilled, setCodeFilled] = React.useState(false);
- const [codeGenerated, setCodeGenerated] = React.useState(false);
+ const [code, setCode] = React.useState([])
+ const [generatedCode, setGeneratedCode] = React.useState([])
+ const [codeFilled, setCodeFilled] = React.useState(false)
+ const [codeGenerated, setCodeGenerated] = React.useState(false)
- const [custom, setCustom] = React.useState(false);
- const [customCode, setCustomCode] = React.useState("");
+ const [custom, setCustom] = React.useState(false)
+ const [customCode, setCustomCode] = React.useState('')
- const [error, setError] = React.useState(false);
- const [errorText, setErrorText] = React.useState("");
+ const [error, setError] = React.useState(false)
+ const [errorText, setErrorText] = React.useState('')
- const [success, setSuccess] = React.useState(false);
+ const [success, setSuccess] = React.useState(false)
const generateCode = () => {
- let tmp_code = [];
+ let tmp_code = []
messages.forEach((el) => {
if (el.code !== undefined) {
- el.code.split("\n").forEach((line) => tmp_code.push(line));
+ el.code.split('\n').forEach((line) => tmp_code.push(line))
}
- });
+ })
agents.forEach((el) => {
if (el.code !== undefined) {
- el.code.split("\n").forEach((line) => tmp_code.push(line));
+ el.code.split('\n').forEach((line) => tmp_code.push(line))
}
- });
+ })
if (graph.code !== undefined) {
- const graph_lines = graph.code.split("\n");
- tmp_code = [...tmp_code, ...graph_lines];
- setGeneratedCode(tmp_code);
- setCode(tmp_code);
- setCodeFilled(true);
- setCodeGenerated(true);
+ const graph_lines = graph.code.split('\n')
+ tmp_code = [...tmp_code, ...graph_lines]
+ setGeneratedCode(tmp_code)
+ setCode(tmp_code)
+ setCodeFilled(true)
+ setCodeGenerated(true)
} else {
- setCode([]);
- setCodeGenerated(false);
- setCodeFilled(false);
+ setCode([])
+ setCodeGenerated(false)
+ setCodeFilled(false)
}
- };
+ }
useEffect(() => {
- generateCode();
+ generateCode()
// eslint-disable-next-line react-hooks/exhaustive-deps
- }, []);
+ }, [])
const startSimulationFromCode = async (code_lines) => {
const url = "http://localhost/api/simulations";
+ // LDE
+ // const url = "http://localhost/api/simulation";
await fetch(url, {
- method: "POST",
+ method: 'POST',
headers: {
- "Content-Type": "application/json",
- "Access-Control-Allow-Origin": "*",
+ 'Content-Type': 'application/json',
+ 'Access-Control-Allow-Origin': '*'
},
- body: JSON.stringify({ aasm_code_lines: code_lines }),
+ body: JSON.stringify({ aasm_code_lines: code_lines })
})
.then((response) => {
if (response.status === 201) {
- setSuccess(true);
- return response.json();
+ setSuccess(true)
+ return response.json()
} else {
- setError(true);
- setErrorText(`Encountered http error: ${response.status}`);
+ setError(true)
+ setErrorText(`Encountered http error: ${response.status}`)
}
})
.then((data) => {
- if (data["simulation_id"]) {
- setSimId(data["simulation_id"]);
+ if (data.simulation_id) {
+ setSimId(data.simulation_id)
}
})
.catch((error) => {
@@ -101,72 +103,77 @@ export function VisualizationTab() {
};
const loadSimulationPreset = (presetName) => {
- setCustom(false);
- setCode(presetMap[presetName]);
- setCodeFilled(true);
- };
+ setCustom(false)
+ setCode(presetMap[presetName])
+ setCodeFilled(true)
+ }
const clearPreset = () => {
- setCustom(false);
+ setCustom(false)
if (codeGenerated) {
- setCode(generatedCode);
- setCodeFilled(true);
+ setCode(generatedCode)
+ setCodeFilled(true)
} else {
- setCode([]);
- setCodeFilled(false);
+ setCode([])
+ setCodeFilled(false)
}
- };
+ }
const startSimButtonClick = () => {
if (custom) {
- const custom_code_lines = customCode.split("\n");
- startSimulationFromCode(custom_code_lines);
+ const custom_code_lines = customCode.split('\n')
+ startSimulationFromCode(custom_code_lines)
} else if (codeFilled) {
- startSimulationFromCode(code);
+ startSimulationFromCode(code)
} else {
- setError(true);
+ setError(true)
setErrorText(
"Couldn't start simulation with above code, check if everything is correct"
- );
+ )
}
- };
+ }
const clearError = () => {
- setError(false);
- setErrorText("");
- };
+ setError(false)
+ setErrorText('')
+ }
const clearSuccess = () => {
- setSuccess(false);
- };
+ setSuccess(false)
+ }
return (
Simulation Settings
- {codeFilled && !custom ? (
+ {codeFilled && !custom
+ ? (
<>
Code to be run:
{code.map((el, index) => {
- return {el}
;
+ return {el}
})}
- ) : custom ? (
+ )
+ : custom
+ ? (
<>
- ) : (
+ )
+ : (
Your code will show up here when you fill out the forms
- )}
- {custom ? (
+ )}
+ {custom
+ ? (
setCustomCode(e.target.value)}
/>
- ) : (
+ )
+ : (
<>
- )}
+ )}
Simulation presets:
- {error ? (
+ {error
+ ? (
- {" "}
- {errorText}{" "}
+ {' '}
+ {errorText}{' '}
- ) : (
+ )
+ : (
<>
- )}
- {success ? (
+ )}
+ {success
+ ? (
Correctly created simulation. Get status to see the state.
- ) : (
+ )
+ : (
<>
- )}
+ )}
-
+
Simulation Management
- );
+ )
}
diff --git a/user-interface/src/features/visualization_tab/assm_presets.js b/user-interface/src/features/visualization_tab/assm_presets.js
index f88864b..4b959e2 100644
--- a/user-interface/src/features/visualization_tab/assm_presets.js
+++ b/user-interface/src/features/visualization_tab/assm_presets.js
@@ -1,65 +1,65 @@
export const pingpong = [
- "MESSAGE ping_pong,Inform",
- "PRM data,float",
- "EMESSAGE",
- "",
- "AGENT PingPonger",
- "PRM popularity,float,dist,normal,5,1",
- "BEHAV hello, setup",
- "ACTION hello,send_msg, ping_pong, Inform",
- "SET SEND.data,popularity",
- "SEND connections",
- "EACTION",
- "EBEHAV",
- "BEHAV pong,msg_rcv,ping_pong,Inform",
- "ACTION update_self,modify_self",
- "ADD popularity,RCV.data",
- "EACTION",
- "ACTION pong,send_msg, ping_pong, Inform",
- "SET SEND.data,popularity",
- "SEND RCV.sender",
- "EACTION",
- "EBEHAV",
- "EAGENT",
- "",
- "GRAPH statistical",
- "SIZE 100",
- "DEFG PingPonger, 100%, 10",
- "EGRAPH",
- "",
-];
+ 'MESSAGE ping_pong,Inform',
+ 'PRM data,float',
+ 'EMESSAGE',
+ '',
+ 'AGENT PingPonger',
+ 'PRM popularity,float,dist,normal,5,1',
+ 'BEHAV hello, setup',
+ 'ACTION hello,send_msg, ping_pong, Inform',
+ 'SET SEND.data,popularity',
+ 'SEND connections',
+ 'EACTION',
+ 'EBEHAV',
+ 'BEHAV pong,msg_rcv,ping_pong,Inform',
+ 'ACTION update_self,modify_self',
+ 'ADD popularity,RCV.data',
+ 'EACTION',
+ 'ACTION pong,send_msg, ping_pong, Inform',
+ 'SET SEND.data,popularity',
+ 'SEND RCV.sender',
+ 'EACTION',
+ 'EBEHAV',
+ 'EAGENT',
+ '',
+ 'GRAPH statistical',
+ 'SIZE 100',
+ 'DEFG PingPonger, 100%, 10',
+ 'EGRAPH',
+ ''
+]
export const benchmark = [
- "MESSAGE facebook_post, query",
- "PRM photos, float",
- "EMESSAGE",
- "",
- "AGENT average_user",
- "PRM friends, list, conn",
- "PRM saved_posts, list, msg",
- "",
- "BEHAV facebook_activity, cyclic, 30",
- "ACTION post_photos, send_msg, facebook_post, query",
- "DECL num_photos, 0",
- "RAND num_photos, int, normal, 21, 37",
- "SET send.photos, num_photos",
- "SEND connections",
- "EACTION",
- "EBEHAV",
- "",
- "BEHAV read_posts, msg_rcv, facebook_post, query",
- "ACTION add_friends, modify_self",
- "ADDE friends, rcv.sender",
- "EACTION",
- "ACTION save_posts, modify_self",
- "ADDE saved_posts, rcv",
- "EACTION",
- "EBEHAV",
- "EAGENT",
- "",
- "GRAPH statistical",
- "SIZE 3000",
- "DEFG average_user, 100%, dist_normal, 0, 15",
- "EGRAPH",
- "",
-];
+ 'MESSAGE facebook_post, query',
+ 'PRM photos, float',
+ 'EMESSAGE',
+ '',
+ 'AGENT average_user',
+ 'PRM friends, list, conn',
+ 'PRM saved_posts, list, msg',
+ '',
+ 'BEHAV facebook_activity, cyclic, 30',
+ 'ACTION post_photos, send_msg, facebook_post, query',
+ 'DECL num_photos, 0',
+ 'RAND num_photos, int, normal, 21, 37',
+ 'SET send.photos, num_photos',
+ 'SEND connections',
+ 'EACTION',
+ 'EBEHAV',
+ '',
+ 'BEHAV read_posts, msg_rcv, facebook_post, query',
+ 'ACTION add_friends, modify_self',
+ 'ADDE friends, rcv.sender',
+ 'EACTION',
+ 'ACTION save_posts, modify_self',
+ 'ADDE saved_posts, rcv',
+ 'EACTION',
+ 'EBEHAV',
+ 'EAGENT',
+ '',
+ 'GRAPH statistical',
+ 'SIZE 3000',
+ 'DEFG average_user, 100%, dist_normal, 0, 15',
+ 'EGRAPH',
+ ''
+]
diff --git a/user-interface/src/index.js b/user-interface/src/index.js
index 9cc8015..629ecf9 100644
--- a/user-interface/src/index.js
+++ b/user-interface/src/index.js
@@ -1,10 +1,10 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import { store } from './app/store';
-import { Provider } from 'react-redux';
-import * as serviceWorker from './serviceWorker';
+import React from 'react'
+import ReactDOM from 'react-dom'
+import './index.css'
+import App from './App'
+import { store } from './app/store'
+import { Provider } from 'react-redux'
+import * as serviceWorker from './serviceWorker'
ReactDOM.render(
@@ -13,9 +13,9 @@ ReactDOM.render(
,
document.getElementById('root')
-);
+)
// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.unregister();
+serviceWorker.unregister()
diff --git a/user-interface/src/serviceWorker.js b/user-interface/src/serviceWorker.js
index 6f9c97b..2a9fbe6 100644
--- a/user-interface/src/serviceWorker.js
+++ b/user-interface/src/serviceWorker.js
@@ -18,25 +18,25 @@ const isLocalhost = Boolean(
window.location.hostname.match(
/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
)
-);
+)
-export function register(config) {
+export function register (config) {
if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
// The URL constructor is available in all browsers that support SW.
- const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);
+ const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href)
if (publicUrl.origin !== window.location.origin) {
// Our service worker won't work if PUBLIC_URL is on a different origin
// from what our page is served on. This might happen if a CDN is used to
// serve assets; see https://github.com/facebook/create-react-app/issues/2374
- return;
+ return
}
window.addEventListener('load', () => {
- const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
+ const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`
if (isLocalhost) {
// This is running on localhost. Let's check if a service worker still exists or not.
- checkValidServiceWorker(swUrl, config);
+ checkValidServiceWorker(swUrl, config)
// Add some additional logging to localhost, pointing developers to the
// service worker/PWA documentation.
@@ -44,24 +44,24 @@ export function register(config) {
console.log(
'This web app is being served cache-first by a service ' +
'worker. To learn more, visit https://bit.ly/CRA-PWA'
- );
- });
+ )
+ })
} else {
// Is not localhost. Just register service worker
- registerValidSW(swUrl, config);
+ registerValidSW(swUrl, config)
}
- });
+ })
}
}
-function registerValidSW(swUrl, config) {
+function registerValidSW (swUrl, config) {
navigator.serviceWorker
.register(swUrl)
.then((registration) => {
registration.onupdatefound = () => {
- const installingWorker = registration.installing;
+ const installingWorker = registration.installing
if (installingWorker == null) {
- return;
+ return
}
installingWorker.onstatechange = () => {
if (installingWorker.state === 'installed') {
@@ -72,40 +72,40 @@ function registerValidSW(swUrl, config) {
console.log(
'New content is available and will be used when all ' +
'tabs for this page are closed. See https://bit.ly/CRA-PWA.'
- );
+ )
// Execute callback
if (config && config.onUpdate) {
- config.onUpdate(registration);
+ config.onUpdate(registration)
}
} else {
// At this point, everything has been precached.
// It's the perfect time to display a
// "Content is cached for offline use." message.
- console.log('Content is cached for offline use.');
+ console.log('Content is cached for offline use.')
// Execute callback
if (config && config.onSuccess) {
- config.onSuccess(registration);
+ config.onSuccess(registration)
}
}
}
- };
- };
+ }
+ }
})
.catch((error) => {
- console.error('Error during service worker registration:', error);
- });
+ console.error('Error during service worker registration:', error)
+ })
}
-function checkValidServiceWorker(swUrl, config) {
+function checkValidServiceWorker (swUrl, config) {
// Check if the service worker can be found. If it can't reload the page.
fetch(swUrl, {
- headers: { 'Service-Worker': 'script' },
+ headers: { 'Service-Worker': 'script' }
})
.then((response) => {
// Ensure service worker exists, and that we really are getting a JS file.
- const contentType = response.headers.get('content-type');
+ const contentType = response.headers.get('content-type')
if (
response.status === 404 ||
(contentType != null && contentType.indexOf('javascript') === -1)
@@ -113,25 +113,25 @@ function checkValidServiceWorker(swUrl, config) {
// No service worker found. Probably a different app. Reload the page.
navigator.serviceWorker.ready.then((registration) => {
registration.unregister().then(() => {
- window.location.reload();
- });
- });
+ window.location.reload()
+ })
+ })
} else {
// Service worker found. Proceed as normal.
- registerValidSW(swUrl, config);
+ registerValidSW(swUrl, config)
}
})
.catch(() => {
console.log(
'No internet connection found. App is running in offline mode.'
- );
- });
+ )
+ })
}
-export function unregister() {
+export function unregister () {
if ('serviceWorker' in navigator) {
navigator.serviceWorker.ready.then((registration) => {
- registration.unregister();
- });
+ registration.unregister()
+ })
}
}
diff --git a/user-interface/src/setupTests.js b/user-interface/src/setupTests.js
index 74b1a27..2eb59b0 100644
--- a/user-interface/src/setupTests.js
+++ b/user-interface/src/setupTests.js
@@ -2,4 +2,4 @@
// allows you to do things like:
// expect(element).toHaveTextContent(/react/i)
// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom/extend-expect'