ci: ui workflow

.github/workflows/ui.yml

@@ -0,0 +1,29 @@
+name: UI
+
+on:
+  push:
+    branches: [ "master" ]
+  pull_request:
+    branches: [ "master" ]
+
+jobs:
+  build_site:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Install Dependencies
+        run: cd ui && npm install
+
+      - name: Code Lint
+        run: npm run lint
+
+      - name: Svelte Check
+        run: npm run check
+
+      - name: Unit Test
+        run: npm run test:unit
+
+      - name: Integration Test
+        run: npm run test:integration

ui/.prettierignore

@@ -2,3 +2,4 @@
 pnpm-lock.yaml
 package-lock.json
 yarn.lock
+src/lib/components/*

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

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

ui/src/lib/components/ui/calendar/calendar-day.svelte

@@ -4,7 +4,6 @@
 	import { cn } from '$lib/utils.js';
 
 	type $$Props = CalendarPrimitive.DayProps;
-	type $$Events = CalendarPrimitive.DayEvents;
 
 	export let date: $$Props['date'];
 	export let month: $$Props['month'];

ui/src/lib/components/ui/calendar/calendar-grid-head.svelte

@@ -2,8 +2,6 @@
 	import { Calendar as CalendarPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
 
-	type $$Props = CalendarPrimitive.GridHeadProps;
-
 	let className: string | undefined | null = undefined;
 	export { className as class };
 </script>

ui/src/lib/components/ui/calendar/calendar-heading.svelte

@@ -2,8 +2,6 @@
 	import { Calendar as CalendarPrimitive } from 'bits-ui';
 	import { cn } from '$lib/utils.js';
 
-	type $$Props = CalendarPrimitive.HeadingProps;
-
 	let className: string | undefined | null = undefined;
 	export { className as class };
 </script>

ui/src/lib/components/ui/calendar/calendar-next-button.svelte

@@ -5,7 +5,6 @@
 	import { ChevronRight } from 'lucide-svelte';
 
 	type $$Props = CalendarPrimitive.NextButtonProps;
-	type $$Events = CalendarPrimitive.NextButtonEvents;
 
 	let className: $$Props['class'] = undefined;
 	export { className as class };

ui/src/lib/components/ui/calendar/calendar-prev-button.svelte

@@ -5,7 +5,6 @@
 	import { ChevronLeft } from 'lucide-svelte';
 
 	type $$Props = CalendarPrimitive.PrevButtonProps;
-	type $$Events = CalendarPrimitive.PrevButtonEvents;
 
 	let className: $$Props['class'] = undefined;
 	export { className as class };

ui/src/lib/components/ui/calendar/calendar.svelte

@@ -4,7 +4,6 @@
 	import { cn } from '$lib/utils.js';
 
 	type $$Props = CalendarPrimitive.Props;
-	type $$Events = CalendarPrimitive.Events;
 
 	export let value: $$Props['value'] = undefined;
 	export let placeholder: $$Props['placeholder'] = undefined;

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

@@ -8,15 +8,11 @@
 	export { className as class };
 </script>
 
-<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
 	class={cn('rounded-xl border bg-card text-card-foreground shadow', className)}
 	{...$$restProps}
-	on:click
 	on:focusin
 	on:focusout
-	on:mouseenter
-	on:mouseleave
 >
 	<slot />
 </div>

ui/src/routes/+page.svelte

@@ -18,7 +18,7 @@
 	}
 
 	class Vehicle {
-		license_plate!: String;
+		license_plate!: string;
 		availability!: Array<Range>;
 	}
 
@@ -122,7 +122,7 @@
 	};
 
 	class Selection {
-		id!: Number;
+		id!: number;
 		vehicle!: Vehicle;
 		start!: Range;
 		end!: Range;
@@ -140,11 +140,11 @@
 				};
 	};
 
-	const isSelected = (id: Number, cell: Range) => {
+	const isSelected = (id: number, cell: Range) => {
 		return selection != null && selection.id == id && overlaps(getSelection()!, cell);
 	};
 
-	const selectionStart = (id: Number, vehicle: Vehicle, cell: Range) => {
+	const selectionStart = (id: number, vehicle: Vehicle, cell: Range) => {
 		selection = {
 			id,
 			vehicle,