+
+
+
+{:else if wizardScreen === 'zadig' && !error}
+
+
+
+
+{:else if wizardScreen === 'connect' && !error}
+
+
+
+
+{:else if wizardScreen === 'unbind' && !error}
+
+
+
+
+{:else if wizardScreen === 'webusb' && !error}
+
+
+
+{:else}
+
+ {#if wizardStep >= 0 && error != ErrorCode.REQUIREMENTS_NOT_MET}
+ {}}
+ />
+ {/if}
+ showDebugInfo = false : undefined}
+ />
+ {/if}
+
+{/if}
diff --git a/src/routes/Stepper.svelte b/src/routes/Stepper.svelte
new file mode 100644
index 00000000..ff196b1e
--- /dev/null
+++ b/src/routes/Stepper.svelte
@@ -0,0 +1,35 @@
+
+
+
+ 
+
+
+
+ {title}
+
+ {@html description}
+ {#if showDiscordHelp}
+ If the problem persists, join #{discordChannel} on Discord for help.
+ {/if}
+ {#if error !== ErrorCode.NONE && hideRetry && !showDebugInfo}
+
+ {/if}
+
+ {#if error !== ErrorCode.NONE && !hideRetry}
+
+ {/if}
+ {#if connected}
+
+ {#each steps as stepName, index (stepName)}
+ {@const isCompleted = index < currentStep}
+ {@const isCurrent = index === currentStep}
+ {@const isClickable = index < currentStep}
+
\ No newline at end of file
diff --git a/src/routes/_components/ConnectInstructions.svelte b/src/routes/_components/ConnectInstructions.svelte
new file mode 100644
index 00000000..a4decbf6
--- /dev/null
+++ b/src/routes/_components/ConnectInstructions.svelte
@@ -0,0 +1,59 @@
+
+
+
+ {#if index > 0}
+
+ {/if}
+
+
+ {/each}
+
+
\ No newline at end of file
diff --git a/src/routes/_components/DebugInfo.svelte b/src/routes/_components/DebugInfo.svelte
new file mode 100644
index 00000000..2de59bb0
--- /dev/null
+++ b/src/routes/_components/DebugInfo.svelte
@@ -0,0 +1,103 @@
+
+
+
+
+
+ Connect your device
+Follow these steps to prepare your device for flashing
+
+ 
+
+
+
+ -
+
- + A + Unplug the device + + {#if !isCommaFour} +
- + B + Wait for the light on the back to fully turn off + + {/if} +
- + {isCommaFour ? 'B' : 'C'} + Connect port 1 to your computer + +
- + {isCommaFour ? 'C' : 'D'} + Connect port 2 to your computer or a power brick + +
+ Your device's screen will remain blank. This is normal. +
+ + +
+
\ No newline at end of file
diff --git a/src/routes/_components/DevicePicker.svelte b/src/routes/_components/DevicePicker.svelte
new file mode 100644
index 00000000..13d2f757
--- /dev/null
+++ b/src/routes/_components/DevicePicker.svelte
@@ -0,0 +1,57 @@
+
+
+
+
+ + Copy this debug info and paste it in{' '} + Discord + {' '}or{' '} + GitHub Issues. +
+ {#if onclose} + + {/if} +{getDebugReport()}
+
+
+
\ No newline at end of file
diff --git a/src/routes/_components/DeviceState.svelte b/src/routes/_components/DeviceState.svelte
new file mode 100644
index 00000000..2751b663
--- /dev/null
+++ b/src/routes/_components/DeviceState.svelte
@@ -0,0 +1,19 @@
+
+
+
+
+
+ Which device are you flashing?
+Select your comma device
+
+
+
+
+
+
+
+
+
+ Device serial: {serial || 'unknown'}
+
diff --git a/src/routes/_components/LandingPage.svelte b/src/routes/_components/LandingPage.svelte
new file mode 100644
index 00000000..63e8d6c8
--- /dev/null
+++ b/src/routes/_components/LandingPage.svelte
@@ -0,0 +1,21 @@
+
+
+
+ 
+
\ No newline at end of file
diff --git a/src/routes/_components/LinearProgress.svelte b/src/routes/_components/LinearProgress.svelte
new file mode 100644
index 00000000..c3d53b6a
--- /dev/null
+++ b/src/routes/_components/LinearProgress.svelte
@@ -0,0 +1,11 @@
+
+
+
+
+
+flash.comma.ai
++ Restore your comma device to a fresh factory state +
+
+
diff --git a/src/routes/_components/LinuxUnbind.svelte b/src/routes/_components/LinuxUnbind.svelte
new file mode 100644
index 00000000..d19cb58d
--- /dev/null
+++ b/src/routes/_components/LinuxUnbind.svelte
@@ -0,0 +1,43 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/routes/_components/WebUSBConnect.svelte b/src/routes/_components/WebUSBConnect.svelte
new file mode 100644
index 00000000..31e8c99f
--- /dev/null
+++ b/src/routes/_components/WebUSBConnect.svelte
@@ -0,0 +1,23 @@
+
+
+
+
+
+ Unbind from qcserial
++ On Linux, devices in QDL mode are bound to the kernel's qcserial driver. + Run this command in a terminal to unbind it: +
+
+
+
+
+
+ {DETACH_SCRIPT}
+
+
+
+
\ No newline at end of file
diff --git a/src/routes/_components/WindowsZadig.svelte b/src/routes/_components/WindowsZadig.svelte
new file mode 100644
index 00000000..3464640e
--- /dev/null
+++ b/src/routes/_components/WindowsZadig.svelte
@@ -0,0 +1,62 @@
+
+
+
+ 
+
+
+
+
+Select your device
+
+ Click the button below to open the device selector, then choose QUSB_BULK_CID from the list.
+
+
\ No newline at end of file
diff --git a/src/index.css b/src/routes/layout.css
similarity index 59%
rename from src/index.css
rename to src/routes/layout.css
index 934c7af6..5b9b7b87 100644
--- a/src/index.css
+++ b/src/routes/layout.css
@@ -1,6 +1,13 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+@plugin "@tailwindcss/typography";
+
+@theme {
+ --font-sans: "Inter Variable", sans-serif;
+ --font-monospace: "JetBrains Mono Variable", monospace;
+ --bg-gradient-radial: radial-gradient(var(--tw-gradient-stops));
+ --bg-gradient-conic: conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops));
+}
+
::selection {
background-color: #51ff00;
@@ -28,5 +35,4 @@
.debug-scrollbar::-webkit-scrollbar-corner {
background: transparent;
-}
-
+}
\ No newline at end of file
diff --git a/src/routes/page.svelte.test.js b/src/routes/page.svelte.test.js
new file mode 100644
index 00000000..58e0e71a
--- /dev/null
+++ b/src/routes/page.svelte.test.js
@@ -0,0 +1,15 @@
+import { page } from "vitest/browser";
+import { describe, expect, it } from "vitest";
+import { render } from "vitest-browser-svelte";
+import Page from "./+page.svelte";
+
+describe("/+page.svelte", () => {
+ it("should have 'flash.coma.ai' in the page", async () => {
+ render(Page);
+
+ const headers = page.getByRole("heading", { level: 1 });
+ const header1 = headers.first();
+ await expect.element(header1).toBeInTheDocument();
+ await expect.element(header1).toHaveTextContent("flash.comma.ai");
+ });
+});
diff --git a/src/test/setup.js b/src/test/setup.js
index c44951a6..8b137891 100644
--- a/src/test/setup.js
+++ b/src/test/setup.js
@@ -1 +1 @@
-import '@testing-library/jest-dom'
+
diff --git a/src/utils/platform.js b/src/utils/platform.js
deleted file mode 100644
index 9d456f16..00000000
--- a/src/utils/platform.js
+++ /dev/null
@@ -1,19 +0,0 @@
-// Force Windows mode for development - shows Zadig driver instructions
-// Enable with ?windows=1 in URL
-const FORCE_WINDOWS = new URLSearchParams(window.location.search).has('windows')
-if (FORCE_WINDOWS) {
- console.warn('[Platform] FORCE WINDOWS MODE ENABLED')
-}
-
-const platform = (() => {
- if ('userAgentData' in navigator && 'platform' in navigator.userAgentData && navigator.userAgentData.platform) {
- return navigator.userAgentData.platform
- }
- const userAgent = navigator.userAgent.toLowerCase()
- if (userAgent.includes('linux')) return 'Linux' // includes Android
- if (userAgent.includes('win32') || userAgent.includes('windows')) return 'Windows'
- return null
-})()
-
-export const isWindows = FORCE_WINDOWS || !platform || platform === 'Windows'
-export const isLinux = !FORCE_WINDOWS && platform === 'Linux'
diff --git a/src/app/favicon.ico b/static/favicon.ico
similarity index 100%
rename from src/app/favicon.ico
rename to static/favicon.ico
diff --git a/src/app/icon.png b/static/icon.png
similarity index 100%
rename from src/app/icon.png
rename to static/icon.png
diff --git a/src/app/icon.svg b/static/icon.svg
similarity index 100%
rename from src/app/icon.svg
rename to static/icon.svg
diff --git a/svelte.config.js b/svelte.config.js
new file mode 100644
index 00000000..2b6360a8
--- /dev/null
+++ b/svelte.config.js
@@ -0,0 +1,22 @@
+import staticAdapter from "@sveltejs/adapter-static";
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+ kit: {
+ appDir: "app",
+ adapter: staticAdapter({
+ pages: "build",
+ assets: "build",
+ fallback: "404.html",
+ precompress: false,
+ strict: true,
+ }),
+ paths: {
+ base: process.argv.includes('dev') ? '' : process.env.BASE_PATH ?? ""
+ },
+ },
+ preprocess: [vitePreprocess()],
+};
+
+export default config;
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index f1f20e20..00000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,23 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
- content: [
- './index.html',
- './src/**/*.{js,jsx}',
- ],
- theme: {
- extend: {
- backgroundImage: {
- 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
- 'gradient-conic':
- 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
- },
- fontFamily: {
- sans: ['Inter Variable', 'sans-serif'],
- monospace: ['JetBrains Mono Variable', 'monospace'],
- },
- },
- },
- plugins: [
- require('@tailwindcss/typography'),
- ],
-}
diff --git a/vite.config.js b/vite.config.js
index 01bbd58d..a2d9d9db 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,16 +1,46 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import tailwindcss from "@tailwindcss/vite";
+import { defineConfig } from "vitest/config";
+import { playwright } from "@vitest/browser-playwright";
+import { sveltekit } from "@sveltejs/kit/vite";
-// https://vitejs.dev/config/
export default defineConfig({
- plugins: [react()],
+ plugins: [tailwindcss(), sveltekit()],
test: {
- globals: true,
- environment: 'jsdom',
- setupFiles: './src/test/setup.js',
- // Inline @commaai/qdl to fix ESM resolution issues (missing .js extensions in imports)
- deps: {
- inline: ['@commaai/qdl'],
- },
+ expect: { requireAssertions: false },
+ projects: [
+ {
+ extends: "./vite.config.js",
+ test: {
+ name: "client",
+ browser: {
+ enabled: true,
+ provider: playwright(),
+ instances: [{ browser: "chromium", headless: true }],
+
+ },
+ include: ["src/**/*.svelte.{test,spec}.{js,ts}"],
+ exclude: ["src/lib/server/**"],
+ },
+ },
+ {
+ extends: "./vite.config.js",
+ test: {
+ globals: true,
+ name: "server",
+ environment: "jsdom",
+ include: ["src/**/*.{test,spec}.{js,ts}"],
+ exclude: ["src/**/*.svelte.{test,spec}.{js,ts}"],
+ },
+ },
+ ],
},
-})
+ resolve: {
+ extensions: ['.svelte', '.js', '.ts', '.json', '.mjs',] // You can add or remove extensions
+ },
+ ssr: {
+ noExternal: [
+ "@commaai/qdl",
+ "crc-32",
+ ],
+ },
+});
+
+
+ Install USB Driver
+Windows requires a driver to communicate with your device
+
+
+
+
+
+ 1
+
+
+
+
+ Download and run Zadig
+
+ 2
+
+
+
+ 
+
+ Under Device in the menu bar, select Create New Device
+ 3
+
+
+
+ 
+
+ Fill in the form:
+-
+
- a.Name:
{deviceType === DeviceType.COMMA_4 ? 'comma four' : 'comma 3/3X'}
+ - b.USB ID:
{vendorId}and{PRODUCT_ID}
+
+ 4
+
+
+
+ Click Install Driver