fix: biome kills bindings

biome.json

@@ -13,6 +13,9 @@
 			"suspicious": {
 				"noAssignInExpressions": "off",
 				"noExplicitAny": "off"
+			},
+			"style": {
+				"useConst": "off"
 			}
 		}
 	}

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({

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;

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 {

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() {

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() {

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;

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";

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 {

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) {

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()}

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;

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 {

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);
 

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[][];

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],

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;

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;

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>();

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();
 

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;

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({

src/lib/components/workspace/advanced/Advanced.svelte

@@ -1,16 +1,16 @@
 <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,
 	faCode,
 	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>