Nano zoom fix #13

.idea/workspace.xml

@@ -4,7 +4,7 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="8497df64-d86b-4c98-ac58-c157d9d3fb1e" name="Changes" comment="Nano zoom fix #11">
+    <list default="true" id="8497df64-d86b-4c98-ac58-c157d9d3fb1e" name="Changes" comment="Nano zoom fix #12">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/frontend/src/App.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/frontend/src/App.jsx" afterDir="false" />
     </list>
@@ -41,30 +41,31 @@
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <component name="PropertiesComponent">{
+  <component name="PropertiesComponent"><![CDATA[{
-  &quot;keyToString&quot;: {
+  "keyToString": {
-    &quot;ASKED_SHARE_PROJECT_CONFIGURATION_FILES&quot;: &quot;true&quot;,
+    "ASKED_SHARE_PROJECT_CONFIGURATION_FILES": "true",
-    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
+    "RunOnceActivity.ShowReadmeOnStart": "true",
-    &quot;RunOnceActivity.git.unshallow&quot;: &quot;true&quot;,
+    "RunOnceActivity.git.unshallow": "true",
-    &quot;Shell Script.Node Server.js Start.executor&quot;: &quot;Run&quot;,
+    "Shell Script.Node Server.js Start.executor": "Run",
-    &quot;Shell Script.Run backend and frontend.executor&quot;: &quot;Run&quot;,
+    "Shell Script.Run backend and frontend.executor": "Run",
-    &quot;Shell Script.run_backend_frontend.executor&quot;: &quot;Run&quot;,
+    "Shell Script.run_backend_frontend.executor": "Run",
-    &quot;git-widget-placeholder&quot;: &quot;alpha-1.0&quot;,
+    "git-widget-placeholder": "alpha-1.0",
-    &quot;ignore.virus.scanning.warn.message&quot;: &quot;true&quot;,
+    "ignore.virus.scanning.warn.message": "true",
-    &quot;last_opened_file_path&quot;: &quot;D:/Programming Projects/SSH-Project-JB&quot;,
+    "last_opened_file_path": "D:/Programming Projects/SSH-Project-JB",
-    &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
+    "node.js.detected.package.eslint": "true",
-    &quot;node.js.detected.package.tslint&quot;: &quot;true&quot;,
+    "node.js.detected.package.tslint": "true",
-    &quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
+    "node.js.selected.package.eslint": "(autodetect)",
-    &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
+    "node.js.selected.package.tslint": "(autodetect)",
-    &quot;nodejs_package_manager_path&quot;: &quot;npm&quot;,
+    "nodejs_package_manager_path": "npm",
-    &quot;npm.run_start.executor&quot;: &quot;Run&quot;,
+    "npm.run_start.executor": "Run",
-    &quot;npm.run_start_frontend.executor&quot;: &quot;Run&quot;,
+    "npm.run_start_frontend.executor": "Run",
-    &quot;npm.run_start_node_backend.executor&quot;: &quot;Run&quot;,
+    "npm.run_start_node_backend.executor": "Run",
-    &quot;npm.run_start_vite.executor&quot;: &quot;Run&quot;,
+    "npm.run_start_vite.executor": "Run",
-    &quot;npm.start.executor&quot;: &quot;Run&quot;,
+    "npm.start.executor": "Run",
-    &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
+    "settings.editor.selected.configurable": "ml.llm.LLMConfigurable",
+    "vue.rearranger.settings.migration": "true"
   }
-}</component>
+}]]></component>
   <component name="RunManager" selected="Shell Script.run_backend_frontend">
     <configuration name="run_backend_frontend" type="ShConfigurationType">
       <option name="SCRIPT_TEXT" value="Start-Process &quot;powershell&quot; -ArgumentList &quot;-NoProfile&quot;, &quot;-Command npm run start-vite&quot;; Start-Process &quot;powershell&quot; -ArgumentList &quot;-NoProfile&quot;, &quot;-Command npm run start-server&quot; " />
@@ -112,7 +113,7 @@
       <option name="presentableId" value="Default" />
       <updated>1733439468142</updated>
       <workItem from="1733439479708" duration="5489000" />
-      <workItem from="1733448523969" duration="687000" />
+      <workItem from="1733448523969" duration="1201000" />
     </task>
     <task id="LOCAL-00001" summary="Nano zoom fix #11">
       <option name="closed" value="true" />
@@ -130,15 +131,31 @@
       <option name="project" value="LOCAL" />
       <updated>1733448864234</updated>
     </task>
-    <option name="localTasksCounter" value="3" />
+    <task id="LOCAL-00003" summary="Nano zoom fix #11">
+      <option name="closed" value="true" />
+      <created>1733449234908</created>
+      <option name="number" value="00003" />
+      <option name="presentableId" value="LOCAL-00003" />
+      <option name="project" value="LOCAL" />
+      <updated>1733449234908</updated>
+    </task>
+    <task id="LOCAL-00004" summary="Nano zoom fix #12">
+      <option name="closed" value="true" />
+      <created>1733449331913</created>
+      <option name="number" value="00004" />
+      <option name="presentableId" value="LOCAL-00004" />
+      <option name="project" value="LOCAL" />
+      <updated>1733449331913</updated>
+    </task>
+    <option name="localTasksCounter" value="5" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
     <option name="version" value="3" />
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="Nano zoom fix #12" />
     <MESSAGE value="Nano zoom fix #11" />
-    <option name="LAST_COMMIT_MESSAGE" value="Nano zoom fix #11" />
+    <MESSAGE value="Nano zoom fix #12" />
+    <option name="LAST_COMMIT_MESSAGE" value="Nano zoom fix #12" />
   </component>
 </project>

frontend/src/App.jsx

@@ -100,6 +100,11 @@ const App = () => {
     socket.current.onmessage = (event) => {
       console.log('Received message:', event.data);
       terminal.current.write(event.data);
+
+      const parsedData = JSON.parse(event.data);
+      if (parsedData.type === 'process_closed') {
+        notifyServerOfResize();
+      }
     };
 
     socket.current.onerror = (error) => {
@@ -114,6 +119,21 @@ const App = () => {
     };
   };
 
+  const notifyServerOfResize = () => {
+    if (socket.current && socket.current.readyState === WebSocket.OPEN) {
+      const { rows, cols } = terminal.current;
+      socket.current.send(
+          JSON.stringify({
+            type: 'resize',
+            rows,
+            cols,
+            height: terminalRef.current.offsetHeight,
+            width: terminalRef.current.offsetWidth,
+          })
+      );
+    }
+  };
+
   const handleInputChange = (event, setState) => {
     setState(event.target.value);
   };