fast mode

Author: adeebshihadeh

README.md

@@ -18,3 +18,4 @@ You can start editing the page by modifying `src/app/index.jsx`. The page auto-u
 **Helpful for debugging**
 * [chrome://usb-internals/](chrome://usb-internals/)
 * [chrome://device-log/](chrome://device-log/)
+* Add `?fast=1` to the URL to skip flashing the system partition (the slowest). Useful for testing the full flow quickly.

src/app/Flash.jsx

@@ -137,29 +137,20 @@ function LinearProgress({ value, barColor }) {
 
 function DeviceState({ serial }) {
   return (
-    <div className="mt-8 p-4 sm:min-w-[350px] border border-gray-200 dark:border-gray-600 bg-white dark:bg-gray-700 text-black dark:text-white rounded-md flex flex-row gap-2">
-      <div className="flex flex-row gap-2">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 96 960 960"
-          className="text-green-500 dark:text-[#51ff00]"
-          height="24"
-          width="24"
-        >
-          <path
-            fill="currentColor"
-            d="M480 976q-32 0-52-20t-20-52q0-22 11-40t31-29V724H302q-24 0-42-18t-18-42V555q-20-9-31-26.609-11-17.608-11-40.108Q200 456 220 436t52-20q32 0 52 20t20 52.411Q344 511 333 528.5T302 555v109h148V324h-80l110-149 110 149h-80v340h148V560h-42V416h144v144h-42v104q0 24-18 42t-42 18H510v111q19.95 10.652 30.975 29.826Q552 884 552 904q0 32-20 52t-52 20Z"
-          />
-        </svg>
-        Device connected
-      </div>
-      <span className="text-gray-400">|</span>
-      <div className="flex flex-row gap-2">
-        <span>
-          Serial:
-          <span className="ml-2 font-mono">{serial || 'unknown'}</span>
-        </span>
-      </div>
+    <div className="mt-8 p-3 px-4 border border-gray-200 dark:border-gray-600 bg-white dark:bg-gray-700 text-black dark:text-white rounded-md flex flex-row items-center gap-2">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 96 960 960"
+        className="text-green-500 dark:text-[#51ff00]"
+        height="20"
+        width="20"
+      >
+        <path
+          fill="currentColor"
+          d="M480 976q-32 0-52-20t-20-52q0-22 11-40t31-29V724H302q-24 0-42-18t-18-42V555q-20-9-31-26.609-11-17.608-11-40.108Q200 456 220 436t52-20q32 0 52 20t20 52.411Q344 511 333 528.5T302 555v109h148V324h-80l110-149 110 149h-80v340h148V560h-42V416h144v144h-42v104q0 24-18 42t-42 18H510v111q19.95 10.652 30.975 29.826Q552 884 552 904q0 32-20 52t-52 20Z"
+        />
+      </svg>
+      <span className="font-mono">Device serial: {serial || 'unknown'}</span>
     </div>
   )
 }

src/utils/manager.js

@@ -5,6 +5,13 @@ import { getManifest } from './manifest'
 import config from '../config'
 import { createSteps, withProgress } from './progress'
 
+// Fast mode for development - skips flashing system partition (the slowest)
+// Enable with ?fast=1 in URL
+const FAST_MODE = new URLSearchParams(window.location.search).has('fast')
+if (FAST_MODE) {
+  console.warn('[Flash] FAST MODE ENABLED - skipping system partition')
+}
+
 export const StepCode = {
   INITIALIZING: 0,
   READY: 1,
@@ -367,10 +374,16 @@ export class FlashManager {
     this.#setProgress(0)
 
     // Exclude GPT images and persist image, and pick correct userdata image to flash
-    const systemImages = this.manifest
+    let systemImages = this.manifest
       .filter((image) => !image.gpt && image.name !== 'persist')
       .filter((image) => !image.name.startsWith('userdata_') || image.name === this.#userdataImage)
 
+    // In fast mode, skip the system partition (slowest to flash)
+    if (FAST_MODE) {
+      systemImages = systemImages.filter((image) => image.name !== 'system')
+      console.info('[Flash] Fast mode: skipping system partition')
+    }
+
     if (!systemImages.find((image) => image.name === this.#userdataImage)) {
       console.error(`[Flash] Did not find userdata image "${this.#userdataImage}"`)
       this.#setError(ErrorCode.UNKNOWN)