Merge pull request #333 from braden-w/feature/whi-124-chore-run-forma…

…t-and-lint-with-biome

chore: run format and lint with biome

apps/app/components.json

@@ -11,4 +11,4 @@
 		"utils": "$lib/utils"
 	},
 	"typescript": true
-}
+}

apps/app/src-tauri/gen/schemas/capabilities.json

@@ -1 +1,31 @@
-{"main-capability":{"identifier":"main-capability","description":"Capability for the main window","local":true,"windows":["main"],"permissions":["core:app:default","core:menu:default","core:path:default","core:tray:default","core:window:allow-set-always-on-top","core:window:allow-set-size","notification:default","clipboard-manager:allow-write-text","dialog:default","fs:allow-app-write","global-shortcut:allow-is-registered","global-shortcut:allow-register-all","global-shortcut:allow-register","global-shortcut:allow-unregister-all","global-shortcut:allow-unregister","os:default",{"identifier":"http:default","allow":[{"url":"http://*"},{"url":"https://*"}]},"updater:default"]}}
+{
+	"main-capability": {
+		"identifier": "main-capability",
+		"description": "Capability for the main window",
+		"local": true,
+		"windows": ["main"],
+		"permissions": [
+			"core:app:default",
+			"core:menu:default",
+			"core:path:default",
+			"core:tray:default",
+			"core:window:allow-set-always-on-top",
+			"core:window:allow-set-size",
+			"notification:default",
+			"clipboard-manager:allow-write-text",
+			"dialog:default",
+			"fs:allow-app-write",
+			"global-shortcut:allow-is-registered",
+			"global-shortcut:allow-register-all",
+			"global-shortcut:allow-register",
+			"global-shortcut:allow-unregister-all",
+			"global-shortcut:allow-unregister",
+			"os:default",
+			{
+				"identifier": "http:default",
+				"allow": [{ "url": "http://*" }, { "url": "https://*" }]
+			},
+			"updater:default"
+		]
+	}
+}

apps/app/src-tauri/tauri.conf.json

@@ -47,7 +47,9 @@
 	"plugins": {
 		"updater": {
 			"pubkey": "dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IDUwQzE1RjEyRThENzg0OEEKUldTS2hOZm9FbC9CVU1uZ1JLWlluMm1mOHd4N1RWUkNjME9PcHA3Nkg2ek5RMnZyVTVDS2k1QkwK",
-			"endpoints": ["https://github.com/braden-w/whispering/releases/latest/download/latest.json"]
+			"endpoints": [
+				"https://github.com/braden-w/whispering/releases/latest/download/latest.json"
+			]
 		}
 	},
 	"app": {

apps/app/src/app.d.ts

@@ -23,5 +23,3 @@ declare module '@tanstack/svelte-table' {
 		headerText: string;
 	}
 }
-
-export {};

apps/app/src/lib/components/CancelOrEndRecordingSessionButton.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-	import WhisperingButton from '$lib/components/WhisperingButton.svelte';
-	import { Button } from '$lib/components/ui/button';
-	import * as Tooltip from '$lib/components/ui/tooltip';
-	import { mediaStreamManager } from '$lib/services/MediaRecorderService.svelte';
-	import { recorder } from '$lib/stores/recorder.svelte';
-	import { fasterRerecordExplainedDialog } from './FasterRerecordExplainedDialog.svelte';
+import WhisperingButton from '$lib/components/WhisperingButton.svelte';
+import { Button } from '$lib/components/ui/button';
+import * as Tooltip from '$lib/components/ui/tooltip';
+import { mediaStreamManager } from '$lib/services/MediaRecorderService.svelte';
+import { recorder } from '$lib/stores/recorder.svelte';
+import { fasterRerecordExplainedDialog } from './FasterRerecordExplainedDialog.svelte';
 
-	let { class: className }: { class?: string | undefined } = $props();
+let { class: className }: { class?: string | undefined } = $props();
 </script>
 
 {#if recorder.recorderState === 'RECORDING'}

apps/app/src/lib/components/FasterRerecordExplainedDialog.svelte

@@ -1,15 +1,15 @@
 <script context="module">
-	export const fasterRerecordExplainedDialog = (() => {
-		let isOpen = $state(false);
-		return {
-			get isOpen() {
-				return isOpen;
-			},
-			set isOpen(v) {
-				isOpen = v;
-			},
-		};
-	})();
+export const fasterRerecordExplainedDialog = (() => {
+	let isOpen = $state(false);
+	return {
+		get isOpen() {
+			return isOpen;
+		},
+		set isOpen(v) {
+			isOpen = v;
+		},
+	};
+})();
 </script>
 
 <script lang="ts">

apps/app/src/lib/components/NavItems.svelte

@@ -1,18 +1,18 @@
 <script lang="ts">
-	import WhisperingButton from '$lib/components/WhisperingButton.svelte';
-	import {
-		GithubIcon,
-		ListIcon,
-		Minimize2Icon,
-		MoonIcon,
-		SlidersVerticalIcon,
-		SunIcon,
-	} from '$lib/components/icons';
-	import { cn } from '$lib/utils';
-	import { LogicalSize, getCurrentWindow } from '@tauri-apps/api/window';
-	import { toggleMode } from 'mode-watcher';
+import WhisperingButton from '$lib/components/WhisperingButton.svelte';
+import {
+	GithubIcon,
+	ListIcon,
+	Minimize2Icon,
+	MoonIcon,
+	SlidersVerticalIcon,
+	SunIcon,
+} from '$lib/components/icons';
+import { cn } from '$lib/utils';
+import { LogicalSize, getCurrentWindow } from '@tauri-apps/api/window';
+import { toggleMode } from 'mode-watcher';
 
-	let { class: className }: { class?: string } = $props();
+let { class: className }: { class?: string } = $props();
 </script>
 
 <nav class={cn('flex items-center', className)} style="view-transition-name: nav">

apps/app/src/lib/components/WhisperingButton.svelte

@@ -1,14 +1,14 @@
 <script lang="ts">
-	import { Button, type Props } from '$lib/components/ui/button';
-	import * as Tooltip from '$lib/components/ui/tooltip';
+import { Button, type Props } from '$lib/components/ui/button';
+import * as Tooltip from '$lib/components/ui/tooltip';
 
-	let {
-		children,
-		tooltipText,
-		...restProps
-	}: {
-		tooltipText: string;
-	} & Props = $props();
+let {
+	children,
+	tooltipText,
+	...restProps
+}: {
+	tooltipText: string;
+} & Props = $props();
 </script>
 
 <Tooltip.Root>

apps/app/src/lib/components/ui/button/button.svelte

@@ -1,16 +1,16 @@
 <script lang="ts">
-	import { Button as ButtonPrimitive } from 'bits-ui';
-	import { type Events, type Props, buttonVariants } from './index.js';
-	import { cn } from '$lib/utils.js';
+import { cn } from '$lib/utils.js';
+import { Button as ButtonPrimitive } from 'bits-ui';
+import { type Events, type Props, buttonVariants } from './index.js';
 
-	type $$Props = Props;
-	type $$Events = Events;
+type $$Props = Props;
+type $$Events = Events;
 
-	let className: $$Props['class'] = undefined;
-	export let variant: $$Props['variant'] = 'default';
-	export let size: $$Props['size'] = 'default';
-	export let builders: $$Props['builders'] = [];
-	export { className as class };
+let className: $$Props['class'] = undefined;
+export let variant: $$Props['variant'] = 'default';
+export let size: $$Props['size'] = 'default';
+export let builders: $$Props['builders'] = [];
+export { className as class };
 </script>
 
 <ButtonPrimitive.Root

apps/app/src/lib/components/ui/button/index.ts

@@ -1,14 +1,16 @@
-import { type VariantProps, tv } from 'tailwind-variants';
 import type { Button as ButtonPrimitive } from 'bits-ui';
+import { type VariantProps, tv } from 'tailwind-variants';
 import Root from './button.svelte';
 
 const buttonVariants = tv({
 	base: 'inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium ring-offset-background transition duration-200 ease-in-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
 	variants: {
 		variant: {
 			default: 'bg-primary text-primary-foreground hover:bg-primary/90',
-			destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
-			outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
+			destructive:
+				'bg-destructive text-destructive-foreground hover:bg-destructive/90',
+			outline:
+				'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
 			secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
 			ghost: 'hover:bg-accent hover:text-accent-foreground',
 			link: 'text-primary underline-offset-4 hover:underline',

apps/app/src/lib/components/ui/card/card-content.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn } from '$lib/utils.js';
+import { cn } from '$lib/utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
 
-	type $$Props = HTMLAttributes<HTMLDivElement>;
+type $$Props = HTMLAttributes<HTMLDivElement>;
 
-	let className: $$Props['class'] = undefined;
-	export { className as class };
+let className: $$Props['class'] = undefined;
+export { className as class };
 </script>
 
 <div class={cn('p-6 pt-0', className)} {...$$restProps}>

apps/app/src/lib/components/ui/card/card-description.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn } from '$lib/utils.js';
+import { cn } from '$lib/utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
 
-	type $$Props = HTMLAttributes<HTMLParagraphElement>;
+type $$Props = HTMLAttributes<HTMLParagraphElement>;
 
-	let className: $$Props['class'] = undefined;
-	export { className as class };
+let className: $$Props['class'] = undefined;
+export { className as class };
 </script>
 
 <p class={cn('text-muted-foreground text-sm', className)} {...$$restProps}>

apps/app/src/lib/components/ui/card/card-footer.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn } from '$lib/utils.js';
+import { cn } from '$lib/utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
 
-	type $$Props = HTMLAttributes<HTMLDivElement>;
+type $$Props = HTMLAttributes<HTMLDivElement>;
 
-	let className: $$Props['class'] = undefined;
-	export { className as class };
+let className: $$Props['class'] = undefined;
+export { className as class };
 </script>
 
 <div class={cn('flex items-center p-6 pt-0', className)} {...$$restProps}>

apps/app/src/lib/components/ui/card/card-header.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn } from '$lib/utils.js';
+import { cn } from '$lib/utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
 
-	type $$Props = HTMLAttributes<HTMLDivElement>;
+type $$Props = HTMLAttributes<HTMLDivElement>;
 
-	let className: $$Props['class'] = undefined;
-	export { className as class };
+let className: $$Props['class'] = undefined;
+export { className as class };
 </script>
 
 <div class={cn('flex flex-col space-y-1.5 p-6', className)} {...$$restProps}>

apps/app/src/lib/components/ui/card/card-title.svelte

@@ -1,15 +1,15 @@
 <script lang="ts">
-	import type { HTMLAttributes } from 'svelte/elements';
-	import type { HeadingLevel } from './index.js';
-	import { cn } from '$lib/utils.js';
+import { cn } from '$lib/utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+import type { HeadingLevel } from './index.js';
 
-	type $$Props = HTMLAttributes<HTMLHeadingElement> & {
-		tag?: HeadingLevel;
-	};
+type $$Props = HTMLAttributes<HTMLHeadingElement> & {
+	tag?: HeadingLevel;
+};
 
-	let className: $$Props['class'] = undefined;
-	export let tag: $$Props['tag'] = 'h3';
-	export { className as class };
+let className: $$Props['class'] = undefined;
+export let tag: $$Props['tag'] = 'h3';
+export { className as class };
 </script>
 
 <svelte:element

apps/app/src/lib/components/ui/card/card.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-	import type { HTMLAttributes } from 'svelte/elements';
-	import { cn } from '$lib/utils.js';
+import { cn } from '$lib/utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
 
-	type $$Props = HTMLAttributes<HTMLDivElement>;
+type $$Props = HTMLAttributes<HTMLDivElement>;
 
-	let className: $$Props['class'] = undefined;
-	export { className as class };
+let className: $$Props['class'] = undefined;
+export { className as class };
 </script>
 
 <div

apps/app/src/lib/components/ui/card/index.ts

@@ -1,9 +1,9 @@
-import Root from './card.svelte';
 import Content from './card-content.svelte';
 import Description from './card-description.svelte';
 import Footer from './card-footer.svelte';
 import Header from './card-header.svelte';
 import Title from './card-title.svelte';
+import Root from './card.svelte';
 
 export {
 	Root,

apps/app/src/lib/components/ui/checkbox/checkbox.svelte

@@ -1,15 +1,15 @@
 <script lang="ts">
-	import { Checkbox as CheckboxPrimitive } from 'bits-ui';
-	import Check from 'lucide-svelte/icons/check';
-	import Minus from 'lucide-svelte/icons/minus';
-	import { cn } from '$lib/utils.js';
+import { cn } from '$lib/utils.js';
+import { Checkbox as CheckboxPrimitive } from 'bits-ui';
+import Check from 'lucide-svelte/icons/check';
+import Minus from 'lucide-svelte/icons/minus';
 
-	type $$Props = CheckboxPrimitive.Props;
-	type $$Events = CheckboxPrimitive.Events;
+type $$Props = CheckboxPrimitive.Props;
+type $$Events = CheckboxPrimitive.Events;
 
-	let className: $$Props['class'] = undefined;
-	export let checked: $$Props['checked'] = false;
-	export { className as class };
+let className: $$Props['class'] = undefined;
+export let checked: $$Props['checked'] = false;
+export { className as class };
 </script>
 
 <CheckboxPrimitive.Root

apps/app/src/lib/components/ui/dialog/dialog-content.svelte

@@ -1,17 +1,17 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from 'bits-ui';
-	import X from 'lucide-svelte/icons/x';
-	import * as Dialog from './index.js';
-	import { cn, flyAndScale } from '$lib/utils.js';
+import { cn, flyAndScale } from '$lib/utils.js';
+import { Dialog as DialogPrimitive } from 'bits-ui';
+import X from 'lucide-svelte/icons/x';
+import * as Dialog from './index.js';
 
-	type $$Props = DialogPrimitive.ContentProps;
+type $$Props = DialogPrimitive.ContentProps;
 
-	let className: $$Props['class'] = undefined;
-	export let transition: $$Props['transition'] = flyAndScale;
-	export let transitionConfig: $$Props['transitionConfig'] = {
-		duration: 200,
-	};
-	export { className as class };
+let className: $$Props['class'] = undefined;
+export let transition: $$Props['transition'] = flyAndScale;
+export let transitionConfig: $$Props['transitionConfig'] = {
+	duration: 200,
+};
+export { className as class };
 </script>
 
 <Dialog.Portal>

apps/app/src/lib/components/ui/dialog/dialog-description.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from 'bits-ui';
-	import { cn } from '$lib/utils.js';
+import { cn } from '$lib/utils.js';
+import { Dialog as DialogPrimitive } from 'bits-ui';
 
-	type $$Props = DialogPrimitive.DescriptionProps;
+type $$Props = DialogPrimitive.DescriptionProps;
 
-	let className: $$Props['class'] = undefined;
-	export { className as class };
+let className: $$Props['class'] = undefined;
+export { className as class };
 </script>
 
 <DialogPrimitive.Description