Bumped Three.js and 3D Force Graph versions

Author: met4citizen

index.html

@@ -68,9 +68,9 @@
 <script type="importmap">
   { "imports":
     {
-      "three": "https://cdn.jsdelivr.net/npm/three@0.162.0/build/three.module.js/+esm",
-      "three/examples/": "https://cdn.jsdelivr.net/npm/three@0.162.0/examples/",
-      "forcegraph": "https://cdn.jsdelivr.net/npm/3d-force-graph@1.73.3/+esm"
+      "three": "https://cdn.jsdelivr.net/npm/three@0.180.0/build/three.module.js/+esm",
+      "three/examples/": "https://cdn.jsdelivr.net/npm/three@0.180.0/examples/",
+      "forcegraph": "https://cdn.jsdelivr.net/npm/3d-force-graph@1.79.0/+esm"
     }
   }
 </script>
@@ -505,52 +505,52 @@
     }
   });
 
-  // Play next step
-  $("#playnext").on("click", function() {
-    try {
-        if ( !sim.tick() ) {
-          $("#playnext").addClass("button-disabled");
-          $("#finalreheat").click();
-        }
-        $("#playprevious").removeClass("button-disabled");
-        sim.stop();
-        resume();
-    }
-    catch(e) {
-      if (e instanceof RangeError || e instanceof TypeError) {
-        console.log(e.stack);
-        alert(e);
-      } else {
-        console.log(e.stack);
-        alert("Unknown error, sorry for this.");
-      }
-    }
-  });
-
-  // Play previous step
-  $("#playprevious").on("click", function() {
-    try {
-        if ( !sim.tick(1, true) ) {
-          $("#playprevious").addClass("button-disabled");
-        }
-        $("#playnext").removeClass("button-disabled");
-        $("#playstop").removeClass("button-disabled").css("background-color","black");
-        $("#play, #final").show();
-        $("#stop, #reheat").hide();
-        sim.stop();
-        resume();
-    }
-    catch(e) {
-      if (e instanceof RangeError || e instanceof TypeError) {
-        console.log(e.stack);
-        alert(e);
-      } else {
-        console.log(e.stack);
-        alert("Unknown error, sorry for this.");
-      }
-    }
-  });
-
+  // Play next step
+  $("#playnext").on("click", function() {
+    try {
+        if ( !sim.tick() ) {
+          $("#playnext").addClass("button-disabled");
+          $("#finalreheat").click();
+        }
+        $("#playprevious").removeClass("button-disabled");
+        sim.stop();
+        resume();
+    }
+    catch(e) {
+      if (e instanceof RangeError || e instanceof TypeError) {
+        console.log(e.stack);
+        alert(e);
+      } else {
+        console.log(e.stack);
+        alert("Unknown error, sorry for this.");
+      }
+    }
+  });
+
+  // Play previous step
+  $("#playprevious").on("click", function() {
+    try {
+        if ( !sim.tick(1, true) ) {
+          $("#playprevious").addClass("button-disabled");
+        }
+        $("#playnext").removeClass("button-disabled");
+        $("#playstop").removeClass("button-disabled").css("background-color","black");
+        $("#play, #final").show();
+        $("#stop, #reheat").hide();
+        sim.stop();
+        resume();
+    }
+    catch(e) {
+      if (e instanceof RangeError || e instanceof TypeError) {
+        console.log(e.stack);
+        alert(e);
+      } else {
+        console.log(e.stack);
+        alert("Unknown error, sorry for this.");
+      }
+    }
+  });
+
   // Final state
   $("#finalreheat").on("click", function() {
     try {
@@ -764,12 +764,12 @@
       <svg id="play" viewBox="4 0 24 16"><polygon fill="white" points="14,3 14,11 20,7"/></svg>
       <svg id="stop" viewBox="4 0 24 14"><polygon fill="white" points="12,3 15,3 15,11 12,11"/><polygon fill="white" points="17,3 20,3 20,11 17,11"/></svg>
     </span>
-    <span title="Previous" id="playprevious" class="button" style="width:24px;">
-		<svg id="previous" viewBox="4 0 24 16"><polygon fill="white" points="10,7 15,11 15,3"></polygon><polygon fill="white" points="18,3 20,3 20,11 18,11"></polygon></svg>
-    </span>
-    <span title="Next" id="playnext" class="button" style="width:26px;">
-      <svg id="next" viewBox="4 0 24 16"><polygon fill="white" points="17,3 17,11 22,7"></polygon><polygon fill="white" points="12,3 14,3 14,11 12,11"></polygon></svg>
-    </span>
+    <span title="Previous" id="playprevious" class="button" style="width:24px;">
+		<svg id="previous" viewBox="4 0 24 16"><polygon fill="white" points="10,7 15,11 15,3"></polygon><polygon fill="white" points="18,3 20,3 20,11 18,11"></polygon></svg>
+    </span>
+    <span title="Next" id="playnext" class="button" style="width:26px;">
+      <svg id="next" viewBox="4 0 24 16"><polygon fill="white" points="17,3 17,11 22,7"></polygon><polygon fill="white" points="12,3 14,3 14,11 12,11"></polygon></svg>
+    </span>
     <span title="End/reheat" id="finalreheat" class="button button-disabled" style="width:24px;">
       <svg id="reheat" viewBox="4 0 24 14"><path fill="white" d="M16.1 10.2c-2 0-3-1-3.1-3S14 4 15.7 3.9c1.8-.1 2.1 1.1 2.1 1.1L16.7 6.3h4V2.5l-1.3 1C18.4 2.4 17.5 2 16 2C13 2 11 4 11 7S12.9 11.8 16 12c3.1-.3 4.2-2 4.5-4h-2.1c-.3 1.2-1 2-2.3 2.2z"/></svg>
       <svg id="final" viewBox="4 0 24 14"><polygon fill="white" points="12,3 12,11 18,7"/><polygon fill="white" points="18,3 20,3 20,11 18,11" /></svg>