web: destroy resources properly on exit

Author: c-florist

packages/web/src/lib/components/PixelWorldCanvas.svelte

@@ -309,6 +309,7 @@ $effect(() => {
 
 onDestroy(() => {
   stopWorldUpdates();
+  SimulationService.destroy();
   if (app.canvas) {
     app.destroy(true);
   }

packages/web/src/lib/services/simulation.ts

@@ -41,6 +41,14 @@ class SimulationService {
 
     return this.wasmSimulation.get_world_state();
   };
+
+  destroy = () => {
+    if (!this.wasmSimulation) {
+      return;
+    }
+    this.wasmSimulation.free();
+    this.wasmSimulation = null;
+  };
 }
 
 export default new SimulationService();

packages/web/src/lib/stores/world.ts

@@ -43,5 +43,7 @@ export const stopWorldUpdates = () => {
   if (animationFrameId) {
     cancelAnimationFrame(animationFrameId);
     animationFrameId = null;
+    worldStore.set(null);
+    statsStore.set(null);
   }
 };

packages/web/src/routes/world/+page.svelte

@@ -12,7 +12,7 @@ onMount(async () => {
   // Show connecting screen for fun
   setTimeout(() => {
     isLoading = false;
-  }, 2000);
+  }, 1000);
 });
 </script>