[DEMO - DO NOT MERGE] Demo opening hex directly in the micro:bit app

src/fs/fs.ts

@@ -436,6 +436,13 @@ export class FileSystem extends EventEmitter implements FlashDataSource {
     return fs.getUniversalHex();
   }
 
+  async toHexURI(): Promise<string> {
+    const fs = await this.initialize();
+    const universalHex = fs.getUniversalHex();
+    const b64EncodedHex = btoa(universalHex);
+    return `microbithex://?data:microbit-${this.project.name}.hex;base64,${b64EncodedHex}`;
+  }
+
   async clearDirty(): Promise<void> {
     this._dirty = false;
     return this.storage.clearDirty();

src/project/SendButton.tsx

@@ -48,7 +48,11 @@ const SendButton = React.forwardRef(
       flashing: false,
       lastCompleteFlash: 0,
     });
-    const handleSendToMicrobit = useCallback(async () => {
+    const handleOpenInMicrobitApp = useCallback(async () => {
+      await actions.openInMicrobitApp();
+    }, [actions]);
+    // Temporarily commented out for demo purposes.
+    /* const handleSendToMicrobit = useCallback(async () => {
       if (flashing.current.flashing) {
         // Ignore repeated clicks.
         return;
@@ -65,7 +69,7 @@ const SendButton = React.forwardRef(
           lastCompleteFlash: new Date().getTime(),
         };
       }
-    }, [flashing, actions, sendButtonRef]);
+    }, [flashing, actions, sendButtonRef]); */
     const handleFocus = useCallback(
       (e) => {
         const inProgress = flashing.current.flashing;
@@ -96,7 +100,7 @@ const SendButton = React.forwardRef(
                 size={size}
                 variant="solid"
                 leftIcon={<RiUsbLine />}
-                onClick={handleSendToMicrobit}
+                onClick={handleOpenInMicrobitApp}
               >
                 <FormattedMessage id="send-action" />
               </Button>

src/project/project-actions.tsx

@@ -544,6 +544,14 @@ export class ProjectActions {
     }
   };
 
+  /**
+   * Open hex file as base64 in the micro:bit app.
+   */
+  openInMicrobitApp = async () => {
+    const dataURI = await this.fs.toHexURI();
+    window.open(dataURI, "_self");
+  };
+
   /**
    * Trigger a browser download with a universal hex file.
    */