From 5f6c182e6554a7ee3081a1aaa6503bd408203d3b Mon Sep 17 00:00:00 2001
From: sverben <59171289+sverben@users.noreply.github.com>
Date: Fri, 3 May 2024 13:43:24 +0200
Subject: [PATCH] fix: biome kills bindings

---
 biome.json                                    |  3 ++
 src/lib/components/core/header/Header.svelte  | 34 +++++++++----------
 src/lib/components/core/popups/Popup.svelte   |  2 +-
 .../components/core/popups/Windowed.svelte    |  8 ++---
 .../core/popups/popups/About.svelte           |  4 +--
 .../core/popups/popups/Credits.svelte         |  4 +--
 .../core/popups/popups/Examples.svelte        | 10 +++---
 .../popups/popups/LanguageSelector.svelte     |  2 +-
 .../core/popups/popups/Prompt.svelte          |  4 +--
 .../core/popups/popups/SerialMonitor.svelte   |  4 +--
 .../core/popups/popups/UploadLog.svelte       |  4 +--
 .../core/popups/popups/Uploader.svelte        |  4 +--
 .../core/popups/popups/Warning.svelte         |  4 +--
 .../core/sidepanel/SidePanel.svelte           |  2 +-
 src/lib/components/start/RobotSelector.svelte |  4 +--
 src/lib/components/start/Start.svelte         |  8 ++---
 src/lib/components/ui/Button.svelte           |  6 ++--
 src/lib/components/ui/CodeEditor.svelte       |  4 +--
 src/lib/components/ui/ContextItem.svelte      |  8 ++---
 src/lib/components/ui/ContextMenu.svelte      |  6 ++--
 src/lib/components/ui/Library.svelte          |  2 +-
 src/lib/components/workspace/Workspace.svelte |  6 ++--
 .../workspace/advanced/Advanced.svelte        |  4 +--
 .../components/workspace/blocks/Blocks.svelte | 22 ++++++------
 .../workspace/panels/LibraryManager.svelte    |  4 +--
 .../workspace/python/Terminal.svelte          |  4 +--
 src/lib/domain/blockly/blockly.ts             | 22 ++++++------
 src/lib/domain/robots.ts                      | 16 ++++-----
 src/lib/programmers/DFU.ts                    |  4 +--
 src/lib/programmers/Pico.ts                   |  6 ++--
 src/lib/state/app.svelte.ts                   | 10 +++---
 src/lib/state/workspace.svelte.ts             |  8 ++---
 src/main.ts                                   |  2 +-
 33 files changed, 118 insertions(+), 117 deletions(-)

diff --git a/biome.json b/biome.json
index 158291f..a1ef655 100644
--- a/biome.json
+++ b/biome.json
@@ -13,6 +13,9 @@
 			"suspicious": {
 				"noAssignInExpressions": "off",
 				"noExplicitAny": "off"
+			},
+			"style": {
+				"useConst": "off"
 			}
 		}
 	}
diff --git a/src/lib/components/core/header/Header.svelte b/src/lib/components/core/header/Header.svelte
index a636b45..7bbafb8 100644
--- a/src/lib/components/core/header/Header.svelte
+++ b/src/lib/components/core/header/Header.svelte
@@ -1,23 +1,27 @@
 <script lang="ts">
 import { _, locale } from "svelte-i18n";
 
+import block from "$assets/block.svg";
 import leaphyLogo from "$assets/leaphy-logo.svg";
 import Button from "$components/ui/Button.svelte";
+import ContextItem from "$components/ui/ContextItem.svelte";
+import Select from "$components/ui/Select.svelte";
+import { robots } from "$domain/robots";
+import { Screen, Theme, screen, selected, theme } from "$state/app.svelte";
+import { audio, workspace } from "$state/blockly.svelte";
 import { popups } from "$state/popup.svelte";
-import Uploader from "../popups/popups/Uploader.svelte";
 import {
+	Mode,
 	Prompt,
-	handle,
-	port,
 	code,
+	handle,
+	microPythonIO,
+	microPythonRun,
 	mode,
-	Mode,
+	port,
 	robot,
 	saveState,
-	microPythonIO,
-	microPythonRun,
 } from "$state/workspace.svelte";
-import ContextItem from "$components/ui/ContextItem.svelte";
 import {
 	faDownload,
 	faEnvelope,
@@ -37,20 +41,16 @@ import {
 	faVolumeHigh,
 	faVolumeXmark,
 } from "@fortawesome/free-solid-svg-icons";
-import block from "$assets/block.svg";
-import { Screen, Theme, theme, selected, screen } from "$state/app.svelte";
-import SaveProject from "../popups/popups/Prompt.svelte";
-import { audio, workspace } from "$state/blockly.svelte";
 import { serialization } from "blockly";
-import Examples from "../popups/popups/Examples.svelte";
+import JSZip from "jszip";
+import { type Writable, get } from "svelte/store";
+import MicroPythonIO from "../../../micropython";
 import About from "../popups/popups/About.svelte";
+import Examples from "../popups/popups/Examples.svelte";
+import SaveProject from "../popups/popups/Prompt.svelte";
 import UploadLog from "../popups/popups/UploadLog.svelte";
-import JSZip from "jszip";
-import Select from "$components/ui/Select.svelte";
-import { robots } from "$domain/robots";
+import Uploader from "../popups/popups/Uploader.svelte";
 import Warning from "../popups/popups/Warning.svelte";
-import MicroPythonIO from "../../../micropython";
-import { get, type Writable } from "svelte/store";
 
 async function upload() {
 	popups.open({
diff --git a/src/lib/components/core/popups/Popup.svelte b/src/lib/components/core/popups/Popup.svelte
index 52e1391..0404d23 100644
--- a/src/lib/components/core/popups/Popup.svelte
+++ b/src/lib/components/core/popups/Popup.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
 import type { PopupState } from "$state/popup.svelte";
 import { setContext } from "svelte";
-import Windowed from "./Windowed.svelte";
 import { writable } from "svelte/store";
+import Windowed from "./Windowed.svelte";
 
 interface Props {
 	state: PopupState;
diff --git a/src/lib/components/core/popups/Windowed.svelte b/src/lib/components/core/popups/Windowed.svelte
index 3384548..545ba9a 100644
--- a/src/lib/components/core/popups/Windowed.svelte
+++ b/src/lib/components/core/popups/Windowed.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-import Fa from "svelte-fa";
-import type { PopupState } from "$state/popup.svelte";
 import WindowButton from "$components/ui/WindowButton.svelte";
-import { faClose } from "@fortawesome/free-solid-svg-icons";
-import { getContext, onDestroy, onMount, type Snippet } from "svelte";
+import type { PopupState } from "$state/popup.svelte";
 import { popups } from "$state/popup.svelte";
+import { faClose } from "@fortawesome/free-solid-svg-icons";
+import { type Snippet, getContext, onDestroy, onMount } from "svelte";
+import Fa from "svelte-fa";
 import type { Writable } from "svelte/store";
 
 interface Props {
diff --git a/src/lib/components/core/popups/popups/About.svelte b/src/lib/components/core/popups/popups/About.svelte
index 8587892..fe7cb00 100644
--- a/src/lib/components/core/popups/popups/About.svelte
+++ b/src/lib/components/core/popups/popups/About.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-import { _ } from "svelte-i18n";
 import contribute from "$assets/contribute-foundation.png";
 import Button from "$components/ui/Button.svelte";
+import { type PopupState, popups } from "$state/popup.svelte";
 import { getContext } from "svelte";
+import { _ } from "svelte-i18n";
 import type { Writable } from "svelte/store";
-import { popups, type PopupState } from "$state/popup.svelte";
 
 const popupState = getContext<Writable<PopupState>>("state");
 function close() {
diff --git a/src/lib/components/core/popups/popups/Credits.svelte b/src/lib/components/core/popups/popups/Credits.svelte
index 22845c5..1de69c5 100644
--- a/src/lib/components/core/popups/popups/Credits.svelte
+++ b/src/lib/components/core/popups/popups/Credits.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
 import { _ } from "svelte-i18n";
 
-import leaphyLogo from "$assets/leaphy-logo-color.svg";
 import contribute from "$assets/contribute-foundation.png";
+import leaphyLogo from "$assets/leaphy-logo-color.svg";
 import Button from "$components/ui/Button.svelte";
+import { type PopupState, popups } from "$state/popup.svelte";
 import { getContext } from "svelte";
 import type { Writable } from "svelte/store";
-import { popups, type PopupState } from "$state/popup.svelte";
 
 const popupState = getContext<Writable<PopupState>>("state");
 function close() {
diff --git a/src/lib/components/core/popups/popups/Examples.svelte b/src/lib/components/core/popups/popups/Examples.svelte
index 78c9c03..4130ef7 100644
--- a/src/lib/components/core/popups/popups/Examples.svelte
+++ b/src/lib/components/core/popups/popups/Examples.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-import { _ } from "svelte-i18n";
-import Windowed from "../Windowed.svelte";
 import { inFilter } from "$domain/robots";
-import { robot } from "$state/workspace.svelte";
-import { getContext, onMount } from "svelte";
 import { workspace } from "$state/blockly.svelte";
+import { type PopupState, popups } from "$state/popup.svelte";
+import { robot } from "$state/workspace.svelte";
 import { serialization } from "blockly";
+import { getContext, onMount } from "svelte";
+import { _ } from "svelte-i18n";
 import type { Writable } from "svelte/store";
-import { type PopupState, popups } from "$state/popup.svelte";
+import Windowed from "../Windowed.svelte";
 
 interface Example {
 	name: string;
diff --git a/src/lib/components/core/popups/popups/LanguageSelector.svelte b/src/lib/components/core/popups/popups/LanguageSelector.svelte
index 111018b..5408d5f 100644
--- a/src/lib/components/core/popups/popups/LanguageSelector.svelte
+++ b/src/lib/components/core/popups/popups/LanguageSelector.svelte
@@ -2,7 +2,7 @@
 import leaphyLogo from "$assets/leaphy-logo-color.svg";
 import english from "$assets/translations/en.svg";
 import dutch from "$assets/translations/nl.svg";
-import { popups, type PopupState } from "$state/popup.svelte";
+import { type PopupState, popups } from "$state/popup.svelte";
 import { getContext } from "svelte";
 import { locale } from "svelte-i18n";
 import type { Writable } from "svelte/store";
diff --git a/src/lib/components/core/popups/popups/Prompt.svelte b/src/lib/components/core/popups/popups/Prompt.svelte
index 94faef5..5776dca 100644
--- a/src/lib/components/core/popups/popups/Prompt.svelte
+++ b/src/lib/components/core/popups/popups/Prompt.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-import { _ } from "svelte-i18n";
 import Button from "$components/ui/Button.svelte";
 import TextInput from "$components/ui/TextInput.svelte";
-import { popups, type PopupState } from "$state/popup.svelte";
+import { type PopupState, popups } from "$state/popup.svelte";
 import { getContext } from "svelte";
+import { _ } from "svelte-i18n";
 import type { Writable } from "svelte/store";
 
 interface Props {
diff --git a/src/lib/components/core/popups/popups/SerialMonitor.svelte b/src/lib/components/core/popups/popups/SerialMonitor.svelte
index 5ca8f5d..de20206 100644
--- a/src/lib/components/core/popups/popups/SerialMonitor.svelte
+++ b/src/lib/components/core/popups/popups/SerialMonitor.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-import { _ } from "svelte-i18n";
+import TextInput from "$components/ui/TextInput.svelte";
 import { log } from "$state/workspace.svelte";
 import { tick } from "svelte";
+import { _ } from "svelte-i18n";
 import Windowed from "../Windowed.svelte";
-import TextInput from "$components/ui/TextInput.svelte";
 
 let element: HTMLDivElement;
 function formatDate(date: Date) {
diff --git a/src/lib/components/core/popups/popups/UploadLog.svelte b/src/lib/components/core/popups/popups/UploadLog.svelte
index 8e78902..93e551d 100644
--- a/src/lib/components/core/popups/popups/UploadLog.svelte
+++ b/src/lib/components/core/popups/popups/UploadLog.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-import { _ } from "svelte-i18n";
-import Windowed from "../Windowed.svelte";
 import {
 	SUPPORTED_VENDOR_IDS,
 	log,
 	port,
 	uploadLog,
 } from "$state/workspace.svelte";
+import { _ } from "svelte-i18n";
+import Windowed from "../Windowed.svelte";
 </script>
 
 {#snippet content()}
diff --git a/src/lib/components/core/popups/popups/Uploader.svelte b/src/lib/components/core/popups/popups/Uploader.svelte
index 114fbfb..adddeed 100644
--- a/src/lib/components/core/popups/popups/Uploader.svelte
+++ b/src/lib/components/core/popups/popups/Uploader.svelte
@@ -3,6 +3,8 @@ import { _ } from "svelte-i18n";
 
 import Button from "$components/ui/Button.svelte";
 import ProgressBar from "$components/ui/ProgressBar.svelte";
+import { type PopupState, popups } from "$state/popup.svelte";
+import { usbRequest } from "$state/upload.svelte";
 import {
 	Prompt,
 	SUPPORTED_VENDOR_IDS,
@@ -11,9 +13,7 @@ import {
 	robot,
 } from "$state/workspace.svelte";
 import { getContext, onMount } from "svelte";
-import { type PopupState, popups } from "$state/popup.svelte";
 import type { Writable } from "svelte/store";
-import { usbRequest } from "$state/upload.svelte";
 
 interface Props {
 	source?: string;
diff --git a/src/lib/components/core/popups/popups/Warning.svelte b/src/lib/components/core/popups/popups/Warning.svelte
index f2f58d7..7cf8887 100644
--- a/src/lib/components/core/popups/popups/Warning.svelte
+++ b/src/lib/components/core/popups/popups/Warning.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-import { _ } from "svelte-i18n";
 import Button from "$components/ui/Button.svelte";
+import { type PopupState, popups } from "$state/popup.svelte";
 import { getContext } from "svelte";
-import { popups, type PopupState } from "$state/popup.svelte";
+import { _ } from "svelte-i18n";
 import type { Writable } from "svelte/store";
 
 interface Props {
diff --git a/src/lib/components/core/sidepanel/SidePanel.svelte b/src/lib/components/core/sidepanel/SidePanel.svelte
index 92af087..778175d 100644
--- a/src/lib/components/core/sidepanel/SidePanel.svelte
+++ b/src/lib/components/core/sidepanel/SidePanel.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-import { onDestroy, onMount } from "svelte";
 import { sidePanel } from "$state/workspace.svelte";
+import { onDestroy, onMount } from "svelte";
 
 let width = $state(300);
 
diff --git a/src/lib/components/start/RobotSelector.svelte b/src/lib/components/start/RobotSelector.svelte
index 66ca8f6..f19e653 100644
--- a/src/lib/components/start/RobotSelector.svelte
+++ b/src/lib/components/start/RobotSelector.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 import { type Robot, robots as allRobots } from "$domain/robots";
-import { Screen, selected, screen } from "$state/app.svelte";
-import { robot, mode, Mode, code } from "$state/workspace.svelte";
+import { Screen, screen, selected } from "$state/app.svelte";
+import { Mode, code, mode, robot } from "$state/workspace.svelte";
 
 interface Props {
 	robots: Robot[][];
diff --git a/src/lib/components/start/Start.svelte b/src/lib/components/start/Start.svelte
index 140b5d5..ffee38b 100644
--- a/src/lib/components/start/Start.svelte
+++ b/src/lib/components/start/Start.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-import { fly } from "svelte/transition";
-import { flip } from "svelte/animate";
-import { selected } from "$state/app.svelte";
-import { robotListing } from "$domain/robots";
 import RobotSelector from "$components/start/RobotSelector.svelte";
+import { robotListing } from "$domain/robots";
+import { selected } from "$state/app.svelte";
+import { flip } from "svelte/animate";
 import { cubicOut } from "svelte/easing";
+import { fly } from "svelte/transition";
 
 const selectors = $derived(
 	$selected ? [robotListing, $selected.variants] : [robotListing],
diff --git a/src/lib/components/ui/Button.svelte b/src/lib/components/ui/Button.svelte
index 21a710a..bbe24f0 100644
--- a/src/lib/components/ui/Button.svelte
+++ b/src/lib/components/ui/Button.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-import { onDestroy, onMount, setContext, type Snippet } from "svelte";
-import ContextMenu from "./ContextMenu.svelte";
-import { writable, type Writable } from "svelte/store";
 import type { IconDefinition } from "@fortawesome/free-solid-svg-icons";
+import { type Snippet, onDestroy, onMount, setContext } from "svelte";
 import Fa from "svelte-fa";
+import { type Writable, writable } from "svelte/store";
+import ContextMenu from "./ContextMenu.svelte";
 
 interface Props {
 	name?: string;
diff --git a/src/lib/components/ui/CodeEditor.svelte b/src/lib/components/ui/CodeEditor.svelte
index f015457..29d42fa 100644
--- a/src/lib/components/ui/CodeEditor.svelte
+++ b/src/lib/components/ui/CodeEditor.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-import { onMount } from "svelte";
-import * as monaco from "monaco-editor";
 import { Theme, theme } from "$state/app.svelte";
+import * as monaco from "monaco-editor";
+import { onMount } from "svelte";
 
 interface Props {
 	value: string;
diff --git a/src/lib/components/ui/ContextItem.svelte b/src/lib/components/ui/ContextItem.svelte
index bc0f92c..485adbf 100644
--- a/src/lib/components/ui/ContextItem.svelte
+++ b/src/lib/components/ui/ContextItem.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
 import {
-	faCaretRight,
 	type IconDefinition,
+	faCaretRight,
 } from "@fortawesome/free-solid-svg-icons";
-import { getContext, onDestroy, onMount, type Snippet } from "svelte";
+import { type Snippet, getContext, onDestroy, onMount } from "svelte";
 import Fa from "svelte-fa";
 import type { Writable } from "svelte/store";
 import ContextMenu from "./ContextMenu.svelte";
@@ -15,7 +15,7 @@ interface Props {
 	context?: Snippet<[Writable<boolean>]>;
 	disabled?: boolean;
 	selected?: boolean;
-    open: Writable<boolean>
+	open: Writable<boolean>;
 }
 let {
 	icon,
@@ -24,7 +24,7 @@ let {
 	context,
 	disabled = false,
 	selected = false,
-    open
+	open,
 }: Props = $props();
 
 let element = $state<HTMLDivElement>();
diff --git a/src/lib/components/ui/ContextMenu.svelte b/src/lib/components/ui/ContextMenu.svelte
index 9d4c91b..5681e3a 100644
--- a/src/lib/components/ui/ContextMenu.svelte
+++ b/src/lib/components/ui/ContextMenu.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-import { getContext, onDestroy, onMount, type Snippet } from "svelte";
-import { computePosition, type Placement } from "@floating-ui/dom";
+import { type Placement, computePosition } from "@floating-ui/dom";
+import { type Snippet, getContext, onDestroy, onMount } from "svelte";
 import type { Writable } from "svelte/store";
 
 interface Props {
 	source: HTMLElement;
 	content: Snippet<[Writable<boolean>]>;
 	anchor?: Placement;
-    open: Writable<boolean>
+	open: Writable<boolean>;
 }
 let { source, content, anchor = "bottom-start", open }: Props = $props();
 
diff --git a/src/lib/components/ui/Library.svelte b/src/lib/components/ui/Library.svelte
index 84968d3..a9e736c 100644
--- a/src/lib/components/ui/Library.svelte
+++ b/src/lib/components/ui/Library.svelte
@@ -3,8 +3,8 @@ import { _ } from "svelte-i18n";
 
 import type { Library } from "$state/app.svelte";
 import { installed } from "$state/workspace.svelte";
-import Select from "./Select.svelte";
 import Button from "./Button.svelte";
+import Select from "./Select.svelte";
 
 interface Props {
 	library: Library;
diff --git a/src/lib/components/workspace/Workspace.svelte b/src/lib/components/workspace/Workspace.svelte
index 19b96a2..d39d070 100644
--- a/src/lib/components/workspace/Workspace.svelte
+++ b/src/lib/components/workspace/Workspace.svelte
@@ -1,17 +1,17 @@
 <script lang="ts">
 import SerialMonitor from "$components/core/popups/popups/SerialMonitor.svelte";
 import SidePanel from "$components/core/sidepanel/SidePanel.svelte";
+import SideBar from "$components/ui/SideBar.svelte";
 import SideButton from "$components/ui/SideButton.svelte";
 import { popups } from "$state/popup.svelte";
-import { sidePanel, mode, Mode } from "$state/workspace.svelte";
+import { Mode, mode, sidePanel } from "$state/workspace.svelte";
 import {
 	faBook,
 	faCode,
 	faSquarePollHorizontal,
 } from "@fortawesome/free-solid-svg-icons";
-import LibraryManager from "./panels/LibraryManager.svelte";
 import Code from "./panels/Code.svelte";
-import SideBar from "$components/ui/SideBar.svelte";
+import LibraryManager from "./panels/LibraryManager.svelte";
 
 function openSerial() {
 	popups.open({
diff --git a/src/lib/components/workspace/advanced/Advanced.svelte b/src/lib/components/workspace/advanced/Advanced.svelte
index 96e84b1..92f9baf 100644
--- a/src/lib/components/workspace/advanced/Advanced.svelte
+++ b/src/lib/components/workspace/advanced/Advanced.svelte
@@ -1,7 +1,9 @@
 <script lang="ts">
+import SerialMonitor from "$components/core/popups/popups/SerialMonitor.svelte";
 import CodeEditor from "$components/ui/CodeEditor.svelte";
 import SideBar from "$components/ui/SideBar.svelte";
 import SideButton from "$components/ui/SideButton.svelte";
+import { popups } from "$state/popup.svelte";
 import { code, sidePanel } from "$state/workspace.svelte";
 import {
 	faBook,
@@ -9,8 +11,6 @@ import {
 	faSquarePollHorizontal,
 } from "@fortawesome/free-solid-svg-icons";
 import Code from "../panels/Code.svelte";
-import { popups } from "$state/popup.svelte";
-import SerialMonitor from "$components/core/popups/popups/SerialMonitor.svelte";
 import LibraryManager from "../panels/LibraryManager.svelte";
 </script>
 
diff --git a/src/lib/components/workspace/blocks/Blocks.svelte b/src/lib/components/workspace/blocks/Blocks.svelte
index d7e903f..698ba8b 100644
--- a/src/lib/components/workspace/blocks/Blocks.svelte
+++ b/src/lib/components/workspace/blocks/Blocks.svelte
@@ -1,22 +1,22 @@
 <script lang="ts">
-import { onMount } from "svelte";
+import SerialMonitor from "$components/core/popups/popups/SerialMonitor.svelte";
+import SideBar from "$components/ui/SideBar.svelte";
+import SideButton from "$components/ui/SideButton.svelte";
 import { setLocale, setupWorkspace } from "$domain/blockly/blockly";
-import { sidePanel, robot, code } from "$state/workspace.svelte";
+import { dark, light } from "$domain/blockly/theme";
+import { Theme, theme } from "$state/app.svelte";
+import { workspace } from "$state/blockly.svelte";
 import { popups } from "$state/popup.svelte";
-import { arduino } from "@leaphy-robotics/leaphy-blocks";
-import SideButton from "$components/ui/SideButton.svelte";
+import { code, robot, sidePanel } from "$state/workspace.svelte";
 import {
 	faCode,
 	faSquarePollHorizontal,
 } from "@fortawesome/free-solid-svg-icons";
-import SideBar from "$components/ui/SideBar.svelte";
-import SerialMonitor from "$components/core/popups/popups/SerialMonitor.svelte";
-import Code from "../panels/Code.svelte";
-import { workspace } from "$state/blockly.svelte";
-import { locale } from "svelte-i18n";
+import { arduino } from "@leaphy-robotics/leaphy-blocks";
 import { WorkspaceSvg, serialization } from "blockly";
-import { Theme, theme } from "$state/app.svelte";
-import { dark, light } from "$domain/blockly/theme";
+import { onMount } from "svelte";
+import { locale } from "svelte-i18n";
+import Code from "../panels/Code.svelte";
 
 function getTheme(theme: Theme) {
 	return theme === Theme.DARK ? dark : light;
diff --git a/src/lib/components/workspace/panels/LibraryManager.svelte b/src/lib/components/workspace/panels/LibraryManager.svelte
index d1e7eca..c055d30 100644
--- a/src/lib/components/workspace/panels/LibraryManager.svelte
+++ b/src/lib/components/workspace/panels/LibraryManager.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
 import { _ } from "svelte-i18n";
 
+import Library from "$components/ui/Library.svelte";
 import TextInput from "$components/ui/TextInput.svelte";
-import { onMount } from "svelte";
 import { libraries } from "$state/app.svelte";
-import Library from "$components/ui/Library.svelte";
+import { onMount } from "svelte";
 
 let filter = $state("");
 onMount(() => {
diff --git a/src/lib/components/workspace/python/Terminal.svelte b/src/lib/components/workspace/python/Terminal.svelte
index 274e3ad..d4a8475 100644
--- a/src/lib/components/workspace/python/Terminal.svelte
+++ b/src/lib/components/workspace/python/Terminal.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
 import { microPythonIO, microPythonRun } from "$state/workspace.svelte";
-import { Terminal } from "@xterm/xterm";
 import { FitAddon } from "@xterm/addon-fit";
-import { get } from "svelte/store";
+import { Terminal } from "@xterm/xterm";
 import { onMount } from "svelte";
+import { get } from "svelte/store";
 
 const terminal = new Terminal();
 const fitAddon = new FitAddon();
diff --git a/src/lib/domain/blockly/blockly.ts b/src/lib/domain/blockly/blockly.ts
index 828b70a..e7bafd0 100644
--- a/src/lib/domain/blockly/blockly.ts
+++ b/src/lib/domain/blockly/blockly.ts
@@ -1,28 +1,28 @@
 import * as Blockly from "blockly";
 import "@blockly/field-bitmap";
+import Prompt from "$components/core/popups/popups/Prompt.svelte";
+import { type RobotDevice, inFilter } from "$domain/robots";
+import { RobotType } from "$domain/robots.types";
+import { audio } from "$state/blockly.svelte";
+import { popups } from "$state/popup.svelte";
+import { BackpackChange } from "@blockly/workspace-backpack";
 import {
-	blocks,
 	CATEGORIES,
 	EXTENSIONS,
 	THEME,
+	blocks,
 	translations,
 } from "@leaphy-robotics/leaphy-blocks";
-import PinSelectorField from "./fields";
-import { LeaphyCategory } from "./category-ui/category";
-import { LeaphyToolbox } from "./category-ui/toolbox";
-import { inFilter, type RobotDevice } from "$domain/robots";
-import { RobotType } from "$domain/robots.types";
-import toolbox from "./toolbox";
 import type {
 	CategoryInfo,
 	ToolboxDefinition,
 	ToolboxItemInfo,
 } from "blockly/core/utils/toolbox";
-import { audio } from "$state/blockly.svelte";
-import { BackpackChange } from "@blockly/workspace-backpack";
 import { Backpack } from "./backpack";
-import { popups } from "$state/popup.svelte";
-import Prompt from "$components/core/popups/popups/Prompt.svelte";
+import { LeaphyCategory } from "./category-ui/category";
+import { LeaphyToolbox } from "./category-ui/toolbox";
+import PinSelectorField from "./fields";
+import toolbox from "./toolbox";
 
 Blockly.defineBlocksWithJsonArray(blocks);
 Blockly.fieldRegistry.register("field_pin_selector", PinSelectorField);
diff --git a/src/lib/domain/robots.ts b/src/lib/domain/robots.ts
index bd0579e..c694bf8 100644
--- a/src/lib/domain/robots.ts
+++ b/src/lib/domain/robots.ts
@@ -1,19 +1,19 @@
-import flitzIcon from "$assets/robots/icons/l_flitz.svg";
-import originalIcon from "$assets/robots/icons/l_original.svg";
+import defaultCPP from "$assets/default-program.ino?raw";
+import defaultPython from "$assets/default-program.py?raw";
+import cppIcon from "$assets/robots/icons/l_c++.svg";
 import clickIcon from "$assets/robots/icons/l_click.svg";
-import nanoIcon from "$assets/robots/icons/l_nano.svg";
-import unoIcon from "$assets/robots/icons/l_uno.svg";
+import flitzIcon from "$assets/robots/icons/l_flitz.svg";
 import megaIcon from "$assets/robots/icons/l_mega.svg";
-import cppIcon from "$assets/robots/icons/l_c++.svg";
 import microPythonIcon from "$assets/robots/icons/l_micropython.svg";
+import nanoIcon from "$assets/robots/icons/l_nano.svg";
+import originalIcon from "$assets/robots/icons/l_original.svg";
+import unoIcon from "$assets/robots/icons/l_uno.svg";
 import { Mode } from "$state/workspace.svelte";
 import type { ComponentType } from "svelte";
-import { RobotType, type Programmer } from "./robots.types";
 import AvrDude from "../programmers/AvrDude";
-import defaultCPP from "$assets/default-program.ino?raw";
-import defaultPython from "$assets/default-program.py?raw";
 import DFU from "../programmers/DFU";
 import Pico from "../programmers/Pico";
+import { type Programmer, RobotType } from "./robots.types";
 
 const DEFAULT_LIBRARIES = [
 	"Leaphy Extensions",
diff --git a/src/lib/programmers/DFU.ts b/src/lib/programmers/DFU.ts
index 50d02e8..d56c357 100644
--- a/src/lib/programmers/DFU.ts
+++ b/src/lib/programmers/DFU.ts
@@ -1,9 +1,9 @@
 import type { Programmer } from "$domain/robots.types";
 import { usbRequest } from "$state/upload.svelte";
-import { delay } from "./utils";
+import { port as portState } from "$state/workspace.svelte";
 import DFUUtil from "@leaphy-robotics/dfu-util-wasm";
 import base64 from "base64-js";
-import { port as portState } from "$state/workspace.svelte";
+import { delay } from "./utils";
 
 const dfu = new DFUUtil("/dfu-util/");
 
diff --git a/src/lib/programmers/Pico.ts b/src/lib/programmers/Pico.ts
index 091111c..3338c83 100644
--- a/src/lib/programmers/Pico.ts
+++ b/src/lib/programmers/Pico.ts
@@ -1,9 +1,9 @@
 import type { Programmer } from "$domain/robots.types";
-import PicoTool from "@leaphy-robotics/picotool-wasm";
-import { delay } from "./utils";
 import { usbRequest } from "$state/upload.svelte";
-import base64 from "base64-js";
 import { port as portState } from "$state/workspace.svelte";
+import PicoTool from "@leaphy-robotics/picotool-wasm";
+import base64 from "base64-js";
+import { delay } from "./utils";
 
 const pico = new PicoTool("/picotool/");
 
diff --git a/src/lib/state/app.svelte.ts b/src/lib/state/app.svelte.ts
index 3692c6f..7da860a 100644
--- a/src/lib/state/app.svelte.ts
+++ b/src/lib/state/app.svelte.ts
@@ -1,8 +1,8 @@
-import { writable } from "svelte/store";
-import type { RobotListing } from "$domain/robots";
 import Start from "$components/start/Start.svelte";
 import Workspace from "$components/workspace/Workspace.svelte";
+import type { RobotListing } from "$domain/robots";
 import type { ComponentType } from "svelte";
+import { writable } from "svelte/store";
 
 export const Screen = {
 	START: Start,
@@ -22,11 +22,9 @@ export interface Library {
 }
 
 if (!["light", "dark"].includes(localStorage.getItem("theme"))) {
-	localStorage.setItem("theme", Theme.LIGHT)
+	localStorage.setItem("theme", Theme.LIGHT);
 }
-export const theme = writable<Theme>(
-	(localStorage.getItem("theme") as Theme),
-);
+export const theme = writable<Theme>(localStorage.getItem("theme") as Theme);
 theme.subscribe((theme) => {
 	document.body.setAttribute("data-color-scheme", theme);
 	localStorage.setItem("theme", theme);
diff --git a/src/lib/state/workspace.svelte.ts b/src/lib/state/workspace.svelte.ts
index 421cfab..ddca935 100644
--- a/src/lib/state/workspace.svelte.ts
+++ b/src/lib/state/workspace.svelte.ts
@@ -1,9 +1,9 @@
-import { get, writable } from "svelte/store";
-import type { RobotDevice } from "$domain/robots";
-import Blocks from "$components/workspace/blocks/Blocks.svelte";
 import Advanced from "$components/workspace/advanced/Advanced.svelte";
-import type { ComponentType } from "svelte";
+import Blocks from "$components/workspace/blocks/Blocks.svelte";
 import Python from "$components/workspace/python/Python.svelte";
+import type { RobotDevice } from "$domain/robots";
+import type { ComponentType } from "svelte";
+import { get, writable } from "svelte/store";
 import type MicroPythonIO from "../micropython";
 import type { IOEventTarget } from "../micropython";
 
diff --git a/src/main.ts b/src/main.ts
index 76b7226..2210b83 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,8 +1,8 @@
 import "@xterm/xterm/css/xterm.css";
 import "./app.css";
-import App from "./App.svelte";
 import { mount } from "svelte";
 import { addMessages, init } from "svelte-i18n";
+import App from "./App.svelte";
 import enTranslations from "./assets/translations/en.json";
 import nlTranslations from "./assets/translations/nl.json";
 import initMatomo from "./lib/matomo";