Auto reconnect

Author: javizqh

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jderobot-ide-interface",
-  "version": "0.2.14",
+  "version": "0.2.15",
   "main": "dist/main.js",
   "typings": "dist/index.d.ts",
   "files": [
@@ -45,7 +45,7 @@
   },
   "dependencies": {
     "@monaco-editor/react": "^4.7.0",
-    "jderobot-commsmanager": "1.0.4",
+    "jderobot-commsmanager": "^1.0.10",
     "jszip": "^3.10.1",
     "lodash": "^4.17.21",
     "monaco-editor": "^0.52.2",

src/components/StatusBar/StatusBar.tsx

@@ -27,10 +27,10 @@ const StatusBar = ({
 }) => {
   const theme = useTheme();
   const [dockerData, setDockerData] = useState<any>(
-    commsManager?.getHostData(),
+    commsManager?.getHostData()
   );
   const [state, setState] = useState<string | undefined>(
-    commsManager?.getState(),
+    commsManager?.getState()
   );
   const connectWithRetry = async () => {
     const data = commsManager?.getHostData();
@@ -81,12 +81,12 @@ const StatusBar = ({
           hoverColor={theme.palette.button.hoverWarning}
           id={`reset-connection`}
           onClick={() => {
-            resetManager();
+            // resetManager();
           }}
-          title="Reconnect with Robotics Backend"
+          title="Connecting with Robotics Backend"
         >
           <ResetIcon viewBox="0 0 20 20" stroke={theme.palette.darkText} />
-          <label>Reconnect</label>
+          <label>Connecting ...</label>
         </StyledStatusBarButton>
       )}
       <StyledStatusBarEntry
@@ -110,7 +110,7 @@ const StatusBar = ({
           baseUniverse={baseUniverse}
         />
       )}
-      <div style={{"marginLeft": "auto"}}/>
+      <div style={{ marginLeft: "auto" }} />
       {extraComponents.extras.map((component: any) => {
         return component;
       })}
@@ -124,7 +124,7 @@ const DefaultUniverseSelector = ({
   project,
   commsManager,
   api,
-  baseUniverse
+  baseUniverse,
 }: {
   project: string;
   commsManager: CommsManager | null;
@@ -133,7 +133,7 @@ const DefaultUniverseSelector = ({
 }) => {
   const { warning, error } = useError();
   const [universe, setUniverse] = useState<string | undefined>(
-    commsManager?.getUniverse(),
+    commsManager?.getUniverse()
   );
 
   const [universeList, setUniverseList] = useState<string[]>([]);
@@ -155,14 +155,14 @@ const DefaultUniverseSelector = ({
 
   useEffect(() => {
     if (baseUniverse !== undefined) {
-      selectUniverse(baseUniverse)
+      selectUniverse(baseUniverse);
     }
   }, [baseUniverse]);
 
   const terminateUniverse = async () => {
     if (!commsManager) {
       warning(
-        "Failed to connect with the Robotics Backend docker. Please make sure it is connected.",
+        "Failed to connect with the Robotics Backend docker. Please make sure it is connected."
       );
       return;
     }
@@ -175,7 +175,7 @@ const DefaultUniverseSelector = ({
   const launchUniverse = async (universe: string) => {
     if (!commsManager) {
       warning(
-        "Failed to connect with the Robotics Backend docker. Please make sure it is connected.",
+        "Failed to connect with the Robotics Backend docker. Please make sure it is connected."
       );
       return;
     }
@@ -230,9 +230,11 @@ const DefaultUniverseSelector = ({
   const checkManager = () => {
     if (commsManager === null || commsManager.getState() === "idle") {
       error("The Robotics Backend is disconnected. Make sure to reconnect.");
-      throw Error("The Robotics Backend is disconnected. Make sure to reconnect.")
+      throw Error(
+        "The Robotics Backend is disconnected. Make sure to reconnect."
+      );
     }
-  }
+  };
 
   return (
     <DropdownStatusBar
@@ -271,7 +273,7 @@ export const StatusBarCustomUniverseSelector = ({
   const [open, setOpen] = useState<boolean>(false);
   const { warning, error } = useError();
   const [universe, setUniverse] = useState<string | undefined>(
-    commsManager?.getUniverse(),
+    commsManager?.getUniverse()
   );
 
   useEffect(() => {
@@ -284,7 +286,7 @@ export const StatusBarCustomUniverseSelector = ({
   const terminateUniverse = async () => {
     if (!commsManager) {
       warning(
-        "Failed to connect with the Robotics Backend docker. Please make sure it is connected.",
+        "Failed to connect with the Robotics Backend docker. Please make sure it is connected."
       );
       return;
     }
@@ -297,7 +299,7 @@ export const StatusBarCustomUniverseSelector = ({
   const launchUniverse = async (universe: string) => {
     if (!commsManager) {
       warning(
-        "Failed to connect with the Robotics Backend docker. Please make sure it is connected.",
+        "Failed to connect with the Robotics Backend docker. Please make sure it is connected."
       );
       return;
     }