chore: npm updates

README.md

@@ -260,13 +260,17 @@ npm run cli -- run /path/to/xdc
 You can create a new npm release automatically by doing the following on the
 `main` branch:
 
+1. Update `CHANGELOG.md`: rename the `[Unreleased]` section to the new version
+   and date, and add a fresh `[Unreleased]` section on top.
+2. Run:
+
 ```shell
 npm version patch  # or minor, major, etc
 git push --follow-tags
 ```
 
 [`npm version`](https://docs.npmjs.com/cli/v8/commands/npm-version) updates the
-version number automatically and also puts the latest date in `CHANGELOG.md`.
+version number in `package.json` and creates a git tag.
 You then need to push using `--follow-tags` (**NOT** `--tags`).
 
 The release process is done through a github action defined in

frontend/Instance.tsx

@@ -18,7 +18,7 @@ const Instance: Component<{
     if (iframeRef == null) {
       return;
     }
-    setDropUpdates(false) // reset our state because inner sim/webxdc state is reset in reload
+    setDropUpdates(false); // reset our state because inner sim/webxdc state is reset in reload
     iframeRef.contentWindow?.postMessage("reload", props.instance.url);
 
     notificationService.show({
@@ -34,9 +34,12 @@ const Instance: Component<{
     if (iframeRef == null) {
       return;
     }
-    setDropUpdates(!dropUpdates())
-    iframeRef.contentWindow?.postMessage({ name: "dropUpdates", value: dropUpdates()}, props.instance.url)
-  }
+    setDropUpdates(!dropUpdates());
+    iframeRef.contentWindow?.postMessage(
+      { name: "dropUpdates", value: dropUpdates() },
+      props.instance.url,
+    );
+  };
 
   const getStyle = () => {
     return {

frontend/InstanceHeader.tsx

@@ -9,7 +9,7 @@ import {
 } from "@hope-ui/solid";
 import { IoRefreshOutline, IoStop, IoPlay } from "solid-icons/io";
 import { FiExternalLink, FiTrash } from "solid-icons/fi";
-import { RiDeviceWifiLine, RiDeviceWifiOffLine } from 'solid-icons/ri'
+import { RiDeviceWifiLine, RiDeviceWifiOffLine } from "solid-icons/ri";
 
 import type { Instance as InstanceData } from "../types/instance";
 import { sent, received, mutateInstances } from "./store";
@@ -119,7 +119,13 @@ const InstanceHeader: Component<{
         <InstanceButton
           label="Drop Updates"
           onClick={props.onToggleDropUpdates}
-          icon={props.dropUpdates ? <RiDeviceWifiOffLine size={22} color={"#FF0000"} /> : <RiDeviceWifiLine size={22} color={"#000000"} /> }
+          icon={
+            props.dropUpdates ? (
+              <RiDeviceWifiOffLine size={22} color={"#FF0000"} />
+            ) : (
+              <RiDeviceWifiLine size={22} color={"#000000"} />
+            )
+          }
         />
       </Flex>
     </Flex>