update dependencies

Reviewed-on: #3

config.json

@@ -8,7 +8,7 @@
 	},
 	"jwt": {
 		"secret": "@S2!q@@wXz$dCQ8JoVsHLpzaJ6JCfB",
-		"expiresIn": 36000
+		"expiresIn": 3600
 	},
 	"auth": {
 		"admin": { "password": "A-InnoHUB_2025!", "admin": true },

e2e/demo.test.ts

@@ -1,6 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-test('home page has expected h1', async ({ page }) => {
-	await page.goto('/');
-	await expect(page.locator('h1')).toBeVisible();
-});

package.json

@@ -13,31 +13,30 @@
 		"format": "prettier --write .",
 		"lint": "prettier --check . && eslint .",
 		"test:unit": "vitest",
-		"test": "npm run test:unit -- --run && npm run test:e2e",
+		"test": "npm run test:unit -- --run && npm run test:e2e"
-		"test:e2e": "playwright test"
 	},
 	"devDependencies": {
-		"@eslint/compat": "^1.2.5",
+		"@eslint/compat": "^1.2.9",
 		"@eslint/js": "^9.18.0",
-		"@playwright/test": "^1.49.1",
 		"@sveltejs/adapter-auto": "^4.0.0",
-		"@sveltejs/kit": "^2.16.0",
+		"@sveltejs/kit": "^2.21.3",
-		"@sveltejs/vite-plugin-svelte": "^5.0.0",
+		"@sveltejs/vite-plugin-svelte": "^5.1.0",
 		"@testing-library/jest-dom": "^6.6.3",
-		"@testing-library/svelte": "^5.2.4",
+		"@testing-library/svelte": "^5.2.8",
-		"eslint": "^9.18.0",
+		"@tsconfig/svelte": "^5.0.4",
-		"eslint-config-prettier": "^10.0.1",
+		"eslint": "^9.28.0",
-		"eslint-plugin-svelte": "^3.0.0",
+		"eslint-config-prettier": "^10.1.5",
-		"globals": "^16.0.0",
+		"eslint-plugin-svelte": "^3.9.2",
-		"jsdom": "^26.0.0",
+		"globals": "^16.2.0",
-		"prettier": "^3.4.2",
+		"jsdom": "^26.1.0",
-		"prettier-plugin-svelte": "^3.3.3",
+		"prettier": "^3.5.3",
-		"svelte": "^5.0.0",
+		"prettier-plugin-svelte": "^3.4.0",
-		"svelte-check": "^4.0.0",
+		"svelte": "^5.33.18",
-		"typescript": "^5.0.0",
+		"svelte-check": "^4.2.1",
-		"typescript-eslint": "^8.20.0",
+		"typescript": "^5.8.3",
-		"vite": "^6.2.5",
+		"typescript-eslint": "^8.34.0",
-		"vitest": "^3.0.0"
+		"vite": "^6.3.5",
+		"vitest": "^3.2.3"
 	},
 	"dependencies": {
 		"@google/model-viewer": "^4.1.0",
@@ -46,8 +45,7 @@
 		"autoprefixer": "^10.4.21",
 		"jsonwebtoken": "^9.0.2",
 		"minio": "^8.0.5",
-		"postcss": "^8.5.3",
+		"postcss": "^8.5.4",
-		"svelte-cubed": "^0.2.1",
 		"tailwindcss": "^3.4.17"
 	}
 }

playwright.config.js

@@ -1,11 +0,0 @@
-/** @type {import('@playwright/test').PlaywrightTestConfig} */
-const config = {
-	webServer: {
-		command: 'npm run build && npm run preview',
-		port: 4173
-	},
-	testDir: 'tests',
-	testMatch: /(.+\.)?(test|spec)\.[jt]s/
-};
-
-export default config;

playwright.config.ts

@@ -1,9 +0,0 @@
-import { defineConfig } from '@playwright/test';
-
-export default defineConfig({
-	webServer: {
-		command: 'npm run build && npm run preview',
-		port: 4173
-	},
-	testDir: 'e2e'
-});

src/error.html

@@ -1,4 +0,0 @@
-<h1>Du wurdest automatisch ausgeloggt</h1>
-<p>Lösche deine Cookies aus dem Browser und logge dich neu ein</p>
-<p>Code %sveltekit.status%</p>
-<p>%sveltekit.error.message%</p>

src/hooks.server.ts

@@ -12,5 +12,5 @@ export async function handle({ event, resolve }) {
 		await event.cookies.delete('session');
 		event.locals.user = null;
 	}
-	return await resolve(event);
+	return resolve(event);
 }

src/lib/components/ui/Alert.svelte

@@ -46,7 +46,7 @@
 	}
 </style>
 
-<script>
+<script lang="ts">
 	export let type = 'info';
 	let classNames = '';
 	export { classNames as class };

src/lib/components/ui/Button.svelte

@@ -173,7 +173,7 @@
 	}
 </style>
 
-<script>
+<script lang="ts">
 	export let href = null;
 	export let type = 'button';
 	export let size = 'md';

src/lib/components/ui/DeleteIconButton.svelte

@@ -11,7 +11,7 @@
 	}
 </style>
 
-<script>
+<script lang="ts">
 	import { page } from '$app/stores';
 	import Trash from '$lib/icons/Trash.svelte';
 	import Panel from '$lib/components/ui/Panel.svelte';

src/lib/components/ui/Modal/Modal.svelte

@@ -41,7 +41,7 @@
 	}
 </style>
 
-<script>
+<script lang="ts">
 	import { fade } from 'svelte/transition';
 	export let size = 'xl'; // https://tailwindcss.com/docs/max-width#class-reference
 	export let open = false;

src/lib/components/ui/Modal/ModalContent.svelte

@@ -15,7 +15,7 @@
 	}
 </style>
 
-<script>
+<script lang="ts">
 	export let scroll = true;
 	export let padding = true;
 

src/lib/components/ui/Notification.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	export let title = 'Erfolgreich';
 	export let show = false;
 

src/lib/components/ui/Panel.svelte

@@ -5,7 +5,7 @@
 	}
 </style>
 
-<script>
+<script lang="ts">
 	export let padding = 'p-6';
 	export let shadow = true;
 	let classNames = '';

src/lib/components/ui/Select.svelte

@@ -6,7 +6,7 @@
 	}
 </style>
 
-<script>
+<script lang="ts">
 	import { clickOutside } from '$lib/helpers/clickOutside.js';
 	import Check from '$lib/icons/Check.svelte';
 	import Selector from '$lib/icons/Selector.svelte';

src/lib/helper/caseNumberOccupied.ts

@@ -3,7 +3,7 @@ import { client } from '$lib/minio';
 /**
  * Check if caseNumber is used
  * @param {string} caseNumber
- * @returns {Promise<boolean>}
+ * @returns {Promise<boolean}
  */
 export default async function caseNumberOccupied(caseNumber) {
 	const prefix = `${caseNumber}/config.json`;

src/lib/icons/Add-Process.svelte

@@ -1,19 +0,0 @@
-<script>
-	let classNames = '';
-	export { classNames as class };
-</script>
-
-<svg
-	class="h-6 w-6 text-gray-600 {classNames}"
-	fill="none"
-	viewBox="0 0 24 24"
-	stroke-width="1.5"
-	stroke="currentColor"
-	aria-hidden="true"
->
-	<path
-		stroke-linecap="round"
-		stroke-linejoin="round"
-		d="M13.5 16.875h3.375m0 0h3.375m-3.375 0V13.5m0 3.375v3.375M6 10.5h2.25a2.25 2.25 0 002.25-2.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v2.25A2.25 2.25 0 006 10.5zm0 9.75h2.25A2.25 2.25 0 0010.5 18v-2.25a2.25 2.25 0 00-2.25-2.25H6a2.25 2.25 0 00-2.25 2.25V18A2.25 2.25 0 006 20.25zm9.75-9.75H18a2.25 2.25 0 002.25-2.25V6A2.25 2.25 0 0018 3.75h-2.25A2.25 2.25 0 0013.5 6v2.25a2.25 2.25 0 002.25 2.25z"
-	/>
-</svg>

src/lib/icons/Cube.svelte

@@ -1,14 +0,0 @@
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	fill="none"
-	viewBox="0 0 24 24"
-	stroke-width="1.5"
-	stroke="currentColor"
-	class=" w-6 h-6"
->
-	<path
-		stroke-linecap="round"
-		stroke-linejoin="round"
-		d="M21 7.5l-2.25-1.313M21 7.5v2.25m0-2.25l-2.25 1.313M3 7.5l2.25-1.313M3 7.5l2.25 1.313M3 7.5v2.25m9 3l2.25-1.313M12 12.75l-2.25-1.313M12 12.75V15m0 6.75l2.25-1.313M12 21.75V19.5m0 2.25l-2.25-1.313m0-16.875L12 2.25l2.25 1.313M21 14.25v2.25l-2.25 1.313m-13.5 0L3 16.5v-2.25"
-	/>
-</svg>

src/lib/icons/Edit.svelte

@@ -1,7 +0,0 @@
-<svg height="20" width="20" xmlns="http://www.w3.org/2000/svg"
-	><path
-		d="m14.996094 3-11.9921878 11.992188h-.0039062v4.007812h1 2 1.0078125v-.0039l11.9921875-11.9921938-.001953-.0019531.001953-.0019531-4-4-.002.00195zm-1.998047 3.4121094 2.589844 2.5898437-7.587891 7.5878909v-1.589844h-1-1v-1-.589844zm-7.998047 7.9980466v1.589844h1 1v1 .589844l-.4101562.410156h-1.5898438l-1-1v-1.589844z"
-		fill="#373737"
-		transform="translate(1 1)"
-	/></svg
->

src/lib/icons/File-rect.svelte

@@ -1,35 +0,0 @@
-<script>
-	export let outline = false;
-	let classNames = '';
-	export { classNames as class };
-</script>
-
-{#if outline}
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		fill="none"
-		viewBox="0 0 24 24"
-		stroke-width="1.5"
-		stroke="currentColor"
-		class="w-6 h-6 {classNames}"
-	>
-		<path
-			stroke-linecap="round"
-			stroke-linejoin="round"
-			d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z"
-		/>
-	</svg>
-{:else}
-	<svg
-		class="mx-auto h-12 w-12 text-gray-300 {classNames}"
-		viewBox="0 0 24 24"
-		fill="currentColor"
-		aria-hidden="true"
-	>
-		<path
-			fill-rule="evenodd"
-			d="M1.5 6a2.25 2.25 0 012.25-2.25h16.5A2.25 2.25 0 0122.5 6v12a2.25 2.25 0 01-2.25 2.25H3.75A2.25 2.25 0 011.5 18V6zM3 16.06V18c0 .414.336.75.75.75h16.5A.75.75 0 0021 18v-1.94l-2.69-2.689a1.5 1.5 0 00-2.12 0l-.88.879.97.97a.75.75 0 11-1.06 1.06l-5.16-5.159a1.5 1.5 0 00-2.12 0L3 16.061zm10.125-7.81a1.125 1.125 0 112.25 0 1.125 1.125 0 01-2.25 0z"
-			clip-rule="evenodd"
-		/>
-	</svg>
-{/if}

src/lib/icons/Folder.svelte

@@ -1,14 +0,0 @@
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	fill="none"
-	viewBox="0 0 24 24"
-	stroke-width="1.5"
-	stroke="currentColor"
-	class="w-6 h-6"
->
-	<path
-		stroke-linecap="round"
-		stroke-linejoin="round"
-		d="M2.25 12.75V12A2.25 2.25 0 014.5 9.75h15A2.25 2.25 0 0121.75 12v.75m-8.69-6.44l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z"
-	/>
-</svg>

src/lib/icons/List-icon.svelte

@@ -1,19 +0,0 @@
-<script>
-	let classNames = '';
-	export { classNames as class };
-</script>
-
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	fill="none"
-	viewBox="0 0 24 24"
-	stroke-width="1.5"
-	stroke="currentColor"
-	class="w-6 h-6 {classNames}"
->
-	<path
-		stroke-linecap="round"
-		stroke-linejoin="round"
-		d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zM3.75 12h.007v.008H3.75V12zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm-.375 5.25h.007v.008H3.75v-.008zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z"
-	/>
-</svg>

src/lib/icons/Profile.svelte

@@ -1,14 +0,0 @@
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	fill="none"
-	viewBox="0 0 24 24"
-	stroke-width="1.5"
-	stroke="currentColor"
-	class="w-6 h-6"
->
-	<path
-		stroke-linecap="round"
-		stroke-linejoin="round"
-		d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"
-	/>
-</svg>

src/routes/(angemeldet)/+layout.svelte

@@ -1,7 +1,6 @@
-<script>
+<script lang="ts">
 	import Chevron from '$lib/icons/Chevron-right.svelte';
 	import Login from '$lib/icons/Login.svelte';
-	import Profile from '$lib/icons/Profile.svelte';
 
 	export let data;
 </script>
@@ -60,9 +59,20 @@
 								href="/"
 								class="px-4 py-1 -mr-4 flex items-center justify-center gap-x-2.5 text-sm font-semibold leading-6 text-gray-500 hover:bg-gray-200 hover:text-gray-700"
 							>
-								<!--icon-->
+								<svg
-								<Profile />
+									xmlns="http://www.w3.org/2000/svg"
-
+									fill="none"
+									viewBox="0 0 24 24"
+									stroke-width="1.5"
+									stroke="currentColor"
+									class="w-6 h-6"
+								>
+									<path
+										stroke-linecap="round"
+										stroke-linejoin="round"
+										d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"
+									/>
+								</svg>
 								{data.user.id}
 							</a>
 						</div>

src/routes/(angemeldet)/+page.svelte

@@ -1,11 +1,10 @@
-<script>
+<style>
+</style>
+
+<script lang="ts">
 	import Panel from '$lib/components/ui/Panel.svelte';
-	import AddProcess from '$lib/icons/Add-Process.svelte';
-	import FileRect from '$lib/icons/File-rect.svelte';
-	import ListIcon from '$lib/icons/List-icon.svelte';
 
 	export let data;
-	export let outline = true;
 </script>
 
 <div
@@ -17,7 +16,20 @@
 				<div
 					class="flex h-11 w-11 items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"
 				>
-					<ListIcon class=" group-hover:text-indigo-600" />
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						fill="none"
+						viewBox="0 0 24 24"
+						stroke-width="1.5"
+						stroke="currentColor"
+						class="w-6 h-6"
+					>
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zM3.75 12h.007v.008H3.75V12zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm-.375 5.25h.007v.008H3.75v-.008zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z"
+						/>
+					</svg>
 				</div>
 				<a href="/list" class="mt-6 block font-semibold text-gray-900">
 					Liste
@@ -28,7 +40,7 @@
 				</p>
 			</div>
 		{/if}
-		<!--{#if data.user.admin}
+		{#if data.user.admin}
 			<div class="group relative rounded-lg p-6 text-sm leading-6 hover:bg-gray-50 w-1/4">
 				<div
 					class="flex h-11 w-11 items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"
@@ -54,13 +66,26 @@
 				</a>
 				<p class="mt-1 text-gray-600">Stelle einen weiteren Tatort für die Anwendung bereit.</p>
 			</div>
-		{/if}-->
+		{/if}
 		{#if data.user.admin}
 			<div class="group relative rounded-lg p-6 text-sm leading-6 hover:bg-gray-50 w-1/4">
 				<div
 					class="flex h-11 w-11 items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"
 				>
-					<AddProcess class=" group-hover:text-indigo-600" />
+					<svg
+						class="h-6 w-6 text-gray-600 group-hover:text-indigo-600"
+						fill="none"
+						viewBox="0 0 24 24"
+						stroke-width="1.5"
+						stroke="currentColor"
+						aria-hidden="true"
+					>
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							d="M13.5 16.875h3.375m0 0h3.375m-3.375 0V13.5m0 3.375v3.375M6 10.5h2.25a2.25 2.25 0 002.25-2.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v2.25A2.25 2.25 0 006 10.5zm0 9.75h2.25A2.25 2.25 0 0010.5 18v-2.25a2.25 2.25 0 00-2.25-2.25H6a2.25 2.25 0 00-2.25 2.25V18A2.25 2.25 0 006 20.25zm9.75-9.75H18a2.25 2.25 0 002.25-2.25V6A2.25 2.25 0 0018 3.75h-2.25A2.25 2.25 0 0013.5 6v2.25a2.25 2.25 0 002.25 2.25z"
+						/>
+					</svg>
 				</div>
 				<a href="/upload" class="mt-6 block font-semibold text-gray-900">
 					Hinzufügen
@@ -73,7 +98,20 @@
 			<div
 				class="flex h-11 w-11 items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white"
 			>
-				<FileRect class=" group-hover:text-indigo-600" {outline} />
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					fill="none"
+					viewBox="0 0 24 24"
+					stroke-width="1.5"
+					stroke="currentColor"
+					class="w-6 h-6"
+				>
+					<path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z"
+					/>
+				</svg>
 			</div>
 			<a href="/view" class="mt-6 block font-semibold text-gray-900">
 				Ansicht
@@ -83,6 +121,3 @@
 		</div>
 	</div>
 </div>
-
-<style>
-</style>

src/routes/(angemeldet)/list/+page.svelte

@@ -1,8 +1,12 @@
+<style>
+	ul {
+		min-width: 24rem;
+	}
+</style>
+
 <script lang="ts">
 	import { onMount } from 'svelte';
 	import { page } from '$app/stores';
-	import Trash from '$lib/icons/Trash.svelte';
-	import Folder from '$lib/icons/Folder.svelte';
 
 	/**
 	 * @type any[]
@@ -33,34 +37,36 @@
 	});
 
 	async function delete_item(ev: Event) {
-		let delete_item = window.confirm('Bist du sicher?');
+		let delete_item = window.confirm("Bist du sicher?");
 
 		if (delete_item) {
-			const target = ev.currentTarget as HTMLElement | null;
+				const target = ev.currentTarget as HTMLElement | null;
-			if (!target) return;
+				if (!target) return;
-			let filename = target.id.split('del__')[1];
+				let filename = target.id.split('del__')[1]
 
-			// delete request
+				// delete request
-			// --------------
+				// --------------
 
-			let url = `/api/list/${filename}`;
+				let url = `/api/list/${filename}`
 
-			console.log(`--- ${filename} + ${url}`);
+				console.log(`--- ${filename} + ${url}`)
-			try {
+				try {
-				const response = await fetch(url, { method: 'DELETE' });
+					const response = await fetch(url,
-				if (response.status == 204) {
+						{method: 'DELETE'}
-					setTimeout(() => {
+					)
-						window.location.reload();
+					if (response.status == 204) {
-					}, 500);
+						setTimeout(() => {window.location.reload()}, 500)
-				}
+					}
-			} catch (error) {
+				} catch (error) {
-				if (error instanceof Error) {
+					if (error instanceof Error) {
-					console.log(error.message);
+						console.log(error.message);
-				} else {
+					} else {
-					console.log(error);
+						console.log(error);
+					}
 				}
+
 			}
-		}
+
 	}
 </script>
 
@@ -74,19 +80,32 @@
 				<li>
 					<a href="/list/{item.name}" class="flex justify-between gap-x-6 py-5">
 						<div class="flex gap-x-4">
-							<!-- Ordner -->
+							<svg
-							<Folder />
+								xmlns="http://www.w3.org/2000/svg"
+								fill="none"
+								viewBox="0 0 24 24"
+								stroke-width="1.5"
+								stroke="currentColor"
+								class="w-6 h-6"
+							>
+								<path
+									stroke-linecap="round"
+									stroke-linejoin="round"
+									d="M2.25 12.75V12A2.25 2.25 0 014.5 9.75h15A2.25 2.25 0 0121.75 12v.75m-8.69-6.44l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z"
+								/>
+							</svg>
 							<div class="min-w-0 flex-auto">
 								<span class="text-sm font-semibold leading-6 text-gray-900">{item.name}</span>
 								<!-- Delete button -->
 								<button
-									style="padding: 2px"
+																style="padding: 2px"
-									id="del__{item.name}"
+																id="del__{item.name}"
-									on:click|preventDefault={delete_item}
+																on:click|preventDefault={delete_item}
-									aria-label="Vorgang {item.name} löschen"
+																aria-label="Vorgang {item.name} löschen"
-								>
+																>
-									<Trash />
+																	<svg
-								</button>
+																	height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m8 3v1 1h1v-1h4v1h1v-1-1zm-4 3v1h14v-1zm2 2v11h1 9v-1-10h-1v10h-8v-10z" fill="#373737" transform="translate(1 1)"/></svg>
+																</button>
 							</div>
 						</div>
 						<div class="hidden sm:flex sm:flex-col sm:items-end">
@@ -98,9 +117,3 @@
 		</ul>
 	</div>
 </div>
-
-<style>
-	ul {
-		min-width: 24rem;
-	}
-</style>

src/routes/(angemeldet)/list/[vorgang]/+page.svelte

@@ -1,3 +1,9 @@
+<style>
+	ul {
+		min-width: 24rem;
+	}
+</style>
+
 <script lang="ts">
 	import { onMount, tick } from 'svelte';
 	import shortenFileSize from '$lib/helper/shortenFileSize';
@@ -11,14 +17,9 @@
 	import ModalTitle from '$lib/components/ui/Modal/ModalTitle.svelte';
 	import ModalContent from '$lib/components/ui/Modal/ModalContent.svelte';
 	import ModalFooter from '$lib/components/ui/Modal/ModalFooter.svelte';
-	import Cube from '$lib/icons/Cube.svelte';
-	import Edit from '$lib/icons/Edit.svelte';
-	import Trash from '$lib/icons/Trash.svelte';
 
 	/** @type {import('./$types').PageData} */
-	export let data;
+	/** export let data; */
-
-	console.log(`--- ${data.user.admin}`);
 
 	interface ListItem {
 		name: string;
@@ -64,7 +65,7 @@
 			list = list.map((item) => {
 				item.show_button = true;
 				return item;
-			});
+			})
 		}
 	});
 
@@ -74,12 +75,12 @@
 	}
 
 	function defocus_element(i: number) {
-		let item = list[i];
+		let item = list[i]
-		let text_field_id = `label__${item.name}`;
+		let text_field_id = `label__${item.name}`
 
-		let text_field = document.getElementById(text_field_id);
+		let text_field = document.getElementById(text_field_id)
 		if (text_field) {
-			text_field.setAttribute('contenteditable', 'false');
+			text_field.setAttribute("contenteditable", "false")
 			text_field.textContent = item.name;
 		}
 
@@ -89,26 +90,25 @@
 	}
 
 	async function handle_input(ev: KeyboardEvent, i: number) {
-		let item = list[i];
+		let item = list[i]
-		if (ev.key == 'Escape') {
+		if (ev.key == "Escape") {
-			let text_field_id = `label__${item.name}`;
+			let text_field_id = `label__${item.name}`
 
-			let text_field = document.getElementById(text_field_id);
+			let text_field = document.getElementById(text_field_id)
 			if (text_field) {
-				text_field.setAttribute('contenteditable', 'false');
+				text_field.setAttribute("contenteditable", "false");
 				text_field.textContent = item.name;
 			}
 
 			// reshow button
-			item.show_button = true;
+			item.show_button = true
 			return;
 		}
-		if (ev.key == 'Enter') {
+		if (ev.key == "Enter") {
-			console.log('--- hitted');
+			console.log('--- hitted')
 			let name_field = ev.currentTarget as HTMLElement | null;
-			let new_name = name_field
+			let new_name = name_field ? (name_field.textContent || (name_field as any).innerText || '') : '';
-				? name_field.textContent || (name_field as any).innerText || ''
+
-				: '';
 
 			if (new_name == '') {
 				alert('Bitte einen gültigen Namen eingeben.');
@@ -123,36 +123,34 @@
 			ev.preventDefault();
 
 			// construct PUT URL
-			const url = $page.url;
+			const url = $page.url
 			console.log(url);
 
 			let data_obj: { new_name: string; old_name: string } = { new_name: '', old_name: '' };
-			data_obj['new_name'] = new_name;
+			data_obj["new_name"] = new_name
-			data_obj['old_name'] =
+			data_obj["old_name"] = ev.currentTarget && (ev.currentTarget as HTMLElement).id ? (ev.currentTarget as HTMLElement).id.split('__')[1] : ''
-				ev.currentTarget && (ev.currentTarget as HTMLElement).id
+
-					? (ev.currentTarget as HTMLElement).id.split('__')[1]
-					: '';
 
 			open = true;
 			inProgress = true;
 
-			const response = await fetch(url, { method: 'PUT', body: JSON.stringify(data_obj) });
+			const response = await fetch(url,
+				{method: 'PUT', body: JSON.stringify( data_obj )
+			})
 
 			inProgress = false;
 
 			if (!response.ok) {
 				err = true;
 				if (response.status == 400) {
-					let json_res = await response.json();
+					let json_res = await response.json()
 					// alert(json_res['msg'])
 					return;
 				}
-				throw new Error(`Fehlgeschlagen: ${response.status}`);
+				throw new Error(`Fehlgeschlagen: ${response.status}`)
 			} else {
 				uploadSuccessful();
-				setTimeout(() => {
+				setTimeout(() => {window.location.reload()}, 500)
-					window.location.reload();
-				}, 500);
 			}
 
 			// --- upload finished ---
@@ -160,6 +158,7 @@
 			return;
 		}
 	}
+
 </script>
 
 <div class="-z-10 bg-white">
@@ -170,135 +169,134 @@
 		<ul class="divide-y divide-gray-100">
 			{#each list as item, i}
 				<li>
-					<div class=" flex gap-x-4">
+					<a
-						<a
+						href="/view/{$page.params.vorgang}/{item.name}"
-							href="/view/{$page.params.vorgang}/{item.name}"
+						class="flex justify-between gap-x-6 py-5"
-							class=" flex justify-between gap-x-6 py-5"
+					>
-							aria-label="zum 3D-modell"
+						<div class="flex gap-x-4">
-						>
+							<svg
-							<Cube />
+								xmlns="http://www.w3.org/2000/svg"
-						</a>
+								fill="none"
-						<div class="min-w-0 flex-auto">
+								viewBox="0 0 24 24"
-							{#if data.user.admin}
+								stroke-width="1.5"
-								<span
+								stroke="currentColor"
-									id="label__{item.name}"
+								class="w-6 h-6"
-									class="text-sm font-semibold leading-6 text-gray-900 inline-block min-w-1"
+							>
-									contenteditable={!item.show_button}
+								<path
-									role="textbox"
+									stroke-linecap="round"
-									tabindex="0"
+									stroke-linejoin="round"
-									aria-label="Dateiname bearbeiten"
+									d="M21 7.5l-2.25-1.313M21 7.5v2.25m0-2.25l-2.25 1.313M3 7.5l2.25-1.313M3 7.5l2.25 1.313M3 7.5v2.25m9 3l2.25-1.313M12 12.75l-2.25-1.313M12 12.75V15m0 6.75l2.25-1.313M12 21.75V19.5m0 2.25l-2.25-1.313m0-16.875L12 2.25l2.25 1.313M21 14.25v2.25l-2.25 1.313m-13.5 0L3 16.5v-2.25"
-									on:focusout={() => {
-										defocus_element(i);
-									}}
-									on:keydown|stopPropagation={// event needed to identify ID
-									// TO-DO: check if event is needed or if index is sufficient
-									async (ev) => {
-										handle_input(ev, i);
-									}}>{item.name}</span
-								>
-
-								<input
-									class="text-sm font-semibold leading-6 text-gray-900 inline-block min-w-1"
-									type="text"
-									name=""
-									on:keydown|stopPropagation={// event needed to identify ID
-									// TO-DO: check if event is needed or if index is sufficient
-									async (ev) => {
-										handle_input(ev, i);
-									}}
-									bind:value={item.name}
-									id="label__{item.name}"
 								/>
-								<!-- disabled={item.show_button} -->
+							</svg>
+							<div class="min-w-0 flex-auto">
+								<span
+																style="display: inline-block; min-width: 5px;"
+																id="label__{item.name}"
+																class="text-sm font-semibold leading-6 text-gray-900"
+																contenteditable={! item.show_button}
+																role="textbox"
+																tabindex="0"
+																aria-label="Dateiname bearbeiten"
+																on:focusout={() => {
+																	defocus_element(i);
+																}}
+																on:keydown|stopPropagation={
+																	// event needed to identify ID
+																	// TO-DO: check if event is needed or if index is sufficient
+																	async (ev) => {handle_input(ev, i)}
+																}
+								
+																>{item.name}</span>
 								<!-- https://iconduck.com/icons/192863/edit-rename -->
 
 								{#if item.show_button}
-									<button
+								<button
-										style="padding: 2px"
+																style="padding: 2px"
-										id="edit__{item.name}"
+																id="edit__{item.name}"
-										aria-label="Datei umbenennen"
+																aria-label="Datei umbenennen"
-										on:click|preventDefault={(ev) => {
+																on:click|preventDefault={(ev) => {
-											let text_field_id = `label__${item.name}`;
+																	let text_field_id = `label__${item.name}`
-
+								
-											let text_field = document.getElementById(text_field_id);
+																	let text_field = document.getElementById(text_field_id)
-											if (text_field) {
+																	if (text_field) {
-												text_field.setAttribute('contenteditable', 'true');
+																		text_field.setAttribute("contenteditable", "true");
-												text_field.focus();
+																		text_field.focus();
-												text_field.textContent = '';
+																		text_field.textContent = '';
-											}
+																	}
-
+								
-											// hide button
+																	// hide button
-											item.show_button = false;
+																	item.show_button = false
-										}}
+																}}
-									>
+																>
-										<Edit />
+																	<svg
-									</button>
+																	height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m14.996094 3-11.9921878 11.992188h-.0039062v4.007812h1 2 1.0078125v-.0039l11.9921875-11.9921938-.001953-.0019531.001953-.0019531-4-4-.002.00195zm-1.998047 3.4121094 2.589844 2.5898437-7.587891 7.5878909v-1.589844h-1-1v-1-.589844zm-7.998047 7.9980466v1.589844h1 1v1 .589844l-.4101562.410156h-1.5898438l-1-1v-1.589844z" fill="#373737" transform="translate(1 1)"/></svg>
+																</button>
 								{/if}
 								<button
-									style="padding: 2px"
+																style="padding: 2px"
-									id="del__{item.name}"
+																id="del__{item.name}"
-									on:click|preventDefault={async (ev) => {
+																on:click|preventDefault={async (ev) => {
-										let delete_item = window.confirm('Bist du sicher?');
+																	let delete_item = window.confirm("Bist du sicher?");
-
+								
-										if (delete_item) {
+																	if (delete_item) {
-											// bucket: tatort, name: <vorgang>/item-name
+																		// bucket: tatort, name: <vorgang>/item-name
-											let vorgang = $page.params.vorgang;
+																		let vorgang = $page.params.vorgang
-											let filename = '';
+																		let filename = '';
-											if (ev && ev.currentTarget && (ev.currentTarget as HTMLElement).id) {
+																		if (ev && ev.currentTarget && (ev.currentTarget as HTMLElement).id) {
-												filename = (ev.currentTarget as HTMLElement).id.split('del__')[1];
+																			filename = (ev.currentTarget as HTMLElement).id.split('del__')[1];
-											}
+																		}
-
+								
-											// delete request
+								
-											// --------------
+								
-
+																		// delete request
-											let url = new URL($page.url);
+																		// --------------
-											url.pathname += `/${filename}`;
+								
-
+																		let url = new URL($page.url);
-											console.log(`--- ${vorgang} + ${filename} + ${url}`);
+																		url.pathname += `/${filename}`;
-											try {
+								
-												const response = await fetch(url, { method: 'DELETE' });
+																		console.log(`--- ${vorgang} + ${filename} + ${url}`)
-												if (response.status == 204) {
+																		try {
-													setTimeout(() => {
+																			const response = await fetch(url,
-														window.location.reload();
+																				{method: 'DELETE'}
-													}, 500);
+																			)
-												}
+																			if (response.status == 204) {
-											} catch (error) {
+																				setTimeout(() => {window.location.reload()}, 500)
-												if (error instanceof Error) {
+																			}
-													console.log(error.message);
+																		} catch (error) {
-												} else {
+																			if (error instanceof Error) {
-													console.log(error);
+																				console.log(error.message)
-												}
+																			} else {
-											}
+																				console.log(error)
-										}
+																			}
-									}}
+																		}
-									aria-label="Datei löschen"
+								
+																	}
+																}}
+																aria-label="Datei löschen"
+																>
+																	<svg
+																	height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m8 3v1 1h1v-1h4v1h1v-1-1zm-4 3v1h14v-1zm2 2v11h1 9v-1-10h-1v10h-8v-10z" fill="#373737" transform="translate(1 1)"/></svg>
+																</button>
+								<p class="mt-1 truncate text-xs leading-5 text-gray-500">
+									{shortenFileSize(item.size)}
+								</p>
+							</div>
+						</div>
+						<div class="hidden sm:flex sm:flex-col sm:items-end">
+							<p class="text-sm leading-6 text-gray-900">3D Tatort</p>
+							<p class="mt-1 text-xs leading-5 text-gray-500">
+								Zuletzt geändert <time datetime="2023-01-23T13:23Z"
+									>{timeElapsed(new Date(item.lastModified))}</time
 								>
-									<Trash />
-								</button>
-							{:else}
-								<span class="text-sm font-semibold leading-6 text-gray-900 inline-block min-w-1"
-									>{item.name}</span
-								>
-							{/if}
-							<p class="mt-1 truncate text-xs leading-5 text-gray-500">
-								{shortenFileSize(item.size)}
 							</p>
 						</div>
-					</div>
+					</a>
-					<div class="hidden sm:flex sm:flex-col sm:items-end">
-						<p class="text-sm leading-6 text-gray-900">3D Tatort</p>
-						<p class="mt-1 text-xs leading-5 text-gray-500">
-							Zuletzt geändert <time datetime="2023-01-23T13:23Z"
-								>{timeElapsed(new Date(item.lastModified))}</time
-							>
-						</p>
-					</div>
 				</li>
 			{/each}
 		</ul>
 	</div>
 
-	<Modal {open}
+<Modal {open}
 		><ModalTitle>Umbenennen</ModalTitle><ModalContent>
 			{#if inProgress}
 				<p class="py-2 mb-1">Vorgang läuft...</p>
@@ -309,10 +307,5 @@
 		</ModalContent>
 		<ModalFooter><Button disabled={inProgress} on:click={uploadSuccessful}>Ok</Button></ModalFooter>
 	</Modal>
-</div>
 
-<style>
+</div>
-	ul {
-		min-width: 24rem;
-	}
-</style>

src/routes/(angemeldet)/tatorte/+page.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import Alert from '$lib/components/ui/Alert.svelte';
 	import Button from '$lib/components/ui/Button.svelte';
 	import Modal from '$lib/components/ui/Modal/Modal.svelte';
@@ -73,24 +73,8 @@
 							<p class="block text-sm leading-6 text-red-900 mt-2">{form.error.description}</p>
 						{/if}
 					</div>
-
-					<label for="code">
-					<span >Zugangscode (optional) </span>
-					</label>
-
-					<div class="mt-2">
-					<div
-					>
-						<input
-							type="text"
-							id="code"
-						/>
-					</div>
-					</div>
-
 				</div>
 			</div>
-
 			<div class="mt-6 flex items-center justify-end gap-x-6">
 				<button type="button" class="text-sm font-semibold leading-6 text-gray-900">Cancel</button>
 				<Button

src/routes/(angemeldet)/upload/+page.server.ts

@@ -42,7 +42,6 @@ export const actions = {
 		const data = Object.fromEntries(requestData);
 		const vorgang = data.vorgang;
 		const name = data.name;
-		const zugangscode = data.zugangscode;
 		let success = true;
 		let err = {};
 
@@ -58,12 +57,6 @@ export const actions = {
 			success = false;
 		}
 
-		if (isRequiredFieldValid(zugangscode)) err.zugangscode = null;
-		else {
-			err.zugangscode = 'Das Feld Zugangscode darf nicht leer bleiben.';
-			success = false;
-		}
-
 		if (success) return { success };
 
 		return fail(400, err);

src/routes/(angemeldet)/upload/+page.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import { deserialize, enhance } from '$app/forms';
 	import Alert from '$lib/components/ui/Alert.svelte';
 	import Button from '$lib/components/ui/Button.svelte';
@@ -8,18 +8,12 @@
 	import ModalFooter from '$lib/components/ui/Modal/ModalFooter.svelte';
 	import shortenFileSize from '$lib/helper/shortenFileSize.js';
 	import Exclamation from '$lib/icons/Exclamation.svelte';
-	import FileRect from '$lib/icons/File-rect.svelte';
 
 	export let form;
 
 	let open = false;
 	let inProgress = false;
 	let vorgang = '';
-	const code_len = 8;
-	let zugangscode = Math.random()
-		.toString(36)
-		.slice(2, 2 + code_len);
-	let case_existing = undefined;
 	let name = '';
 	/** @type {?string}*/
 	let etag = null;
@@ -35,7 +29,6 @@
 		let data = new FormData();
 		data.append('vorgang', vorgang);
 		data.append('name', name);
-		data.append('zugangscode', zugangscode);
 		const response = await fetch('?/validate', { method: 'POST', body: data });
 		/** @type {import('@sveltejs/kit').ActionResult} */
 		const result = deserialize(await response.text());
@@ -114,58 +107,42 @@
 	function swap_endian(val) {
 		// from https://www.geeksforgeeks.org/bit-manipulation-swap-endianness-of-a-number/
 
-		let leftmost_byte = (val & eval(0x000000ff)) >> 0;
+		let leftmost_byte = (val & eval(0x000000FF)) >> 0;
-		let left_middle_byte = (val & eval(0x0000ff00)) >> 8;
+		let left_middle_byte = (val & eval(0x0000FF00)) >> 8;
-		let right_middle_byte = (val & eval(0x00ff0000)) >> 16;
+		let right_middle_byte = (val & eval(0x00FF0000)) >> 16;
-		let rightmost_byte = (val & eval(0xff000000)) >> 24;
+		let rightmost_byte = (val & eval(0xFF000000)) >> 24;
 
 		leftmost_byte <<= 24;
 		left_middle_byte <<= 16;
 		right_middle_byte <<= 8;
 		rightmost_byte <<= 0;
 
-		let res = leftmost_byte | left_middle_byte | right_middle_byte | rightmost_byte;
+		let res = (leftmost_byte | left_middle_byte | right_middle_byte | rightmost_byte)
 
-		return res;
+		return res
 	}
 
+
 	async function check_valid_glb_file() {
 		// GLD Header, magic value 0x46546C67, identifies data as binary glTF, 4 bytes
 		// little endian!
-		const GLD_MAGIC = 0x46546c67;
+		const GLD_MAGIC = 0x46546C67;
 
 		// big endian!
 		let file = files[0];
-		let file_header = file.slice(0, 4);
+		let file_header = file.slice(0, 4)
-		let header_bytes = await file_header.bytes();
+		let header_bytes = await file_header.bytes()
 		let file_header_hex = '0x' + header_bytes.toHex().toString();
 
+
 		if (GLD_MAGIC == swap_endian(file_header_hex)) {
 			return true;
 		} else {
 			return false;
 		}
+
 	}
 
-	// return true or false
-	async function case_exists(case_no) {
-		console.log('--- fired');
-		// ping `/(angemeldet)/view` with caseNumber in POST body
-		let url = '/view';
-		let data = new FormData();
-		data.append('caseNumber', case_no);
-		const response = await fetch(url, { method: 'POST', body: data });
-
-		const code = response.status;
-
-		console.log(`+++ ${response.redirected}`);
-
-		if (code == 303) {
-			return true;
-		}
-
-		return false;
-	}
 </script>
 
 <div class="mx-auto max-w-2xl">
@@ -200,7 +177,6 @@
 									id="vorgang"
 									autocomplete={vorgang}
 									class="block flex-1 border-0 bg-transparent py-1.5 pl-1 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm sm:leading-6"
-									on:input={() => case_exists(vorgang)}
 								/>
 							</div>
 						</div>
@@ -236,32 +212,6 @@
 						{/if}
 					</div>
 
-					<div>
-						<label for="zugangscode" class="block text-sm font-medium leading-6 text-gray-900"
-							><span class="flex"
-								>{#if formErrors?.zugangscode}
-									<span class="inline-block mr-1"><Exclamation /></span>
-								{/if} Zugangscode</span
-							></label
-						>
-						<div class="mt-2">
-							<div
-								class="flex rounded-md shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-600"
-							>
-								<input
-									bind:value={zugangscode}
-									type="text"
-									name="zugangscode"
-									id="zugangscode"
-									class="block flex-1 border-0 bg-transparent py-1.5 pl-1 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm sm:leading-6"
-								/>
-							</div>
-						</div>
-						{#if formErrors?.code}
-							<p class="block text-sm leading-6 text-red-900 mt-2">{formErrors.code}</p>
-						{/if}
-					</div>
-
 					<div class="col-span-full">
 						<label for="file" class="block text-sm font-medium leading-6 text-gray-900"
 							><span class="flex"
@@ -274,7 +224,18 @@
 							class="mt-2 flex justify-center rounded-lg border border-dashed border-gray-900/25 px-6 py-10"
 						>
 							<div class="text-center">
-								<FileRect />
+								<svg
+									class="mx-auto h-12 w-12 text-gray-300"
+									viewBox="0 0 24 24"
+									fill="currentColor"
+									aria-hidden="true"
+								>
+									<path
+										fill-rule="evenodd"
+										d="M1.5 6a2.25 2.25 0 012.25-2.25h16.5A2.25 2.25 0 0122.5 6v12a2.25 2.25 0 01-2.25 2.25H3.75A2.25 2.25 0 011.5 18V6zM3 16.06V18c0 .414.336.75.75.75h16.5A.75.75 0 0021 18v-1.94l-2.69-2.689a1.5 1.5 0 00-2.12 0l-.88.879.97.97a.75.75 0 11-1.06 1.06l-5.16-5.159a1.5 1.5 0 00-2.12 0L3 16.061zm10.125-7.81a1.125 1.125 0 112.25 0 1.125 1.125 0 01-2.25 0z"
+										clip-rule="evenodd"
+									/>
+								</svg>
 								<div class="mt-4 flex text-sm leading-6 text-gray-600">
 									<label
 										for="file"

src/routes/(angemeldet)/view/+page.server.ts

@@ -5,11 +5,9 @@ import { fail, redirect } from '@sveltejs/kit';
 export const actions = {
 	default: async ({ request }) => {
 		const data = await request.formData();
-		console.log(`--- ${Object.keys(data)}`)
 		const caseNumber = data.get('caseNumber');
 
 		if (!caseNumber) {
-			console.log('^^^ here')
 			return fail(400, {
 				success: false,
 				caseNumber,
@@ -17,20 +15,13 @@ export const actions = {
 			});
 		}
 
-		let res = (await caseNumberOccupied(caseNumber))
-		console.log(`gibt es? ${res} + ${caseNumber}`)
 		if (!(await caseNumberOccupied(caseNumber))) {
-			console.log('^^^ there')
 			return fail(400, {
 				success: false,
 				caseNumber,
 				error: { caseNumber: 'Die Vorgangsnummer existiert in dieser Anwendung nicht.' }
 			});
 		}
-		else {
+		throw redirect(303, `/list/${caseNumber}`);
-			throw redirect(303, `/list/${caseNumber}`);
-			console.log(`---blabla ${caseNumber}`)
-		}
-
 	}
 };

src/routes/(angemeldet)/view/+page.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import Alert from '$lib/components/ui/Alert.svelte';
 	import Button from '$lib/components/ui/Button.svelte';
 	import Modal from '$lib/components/ui/Modal/Modal.svelte';

src/routes/(angemeldet)/view/[vorgang]/[tatort]/+page.svelte

@@ -1,4 +1,5 @@
-<script>
+<script lang="ts">
+	import { preloadCode } from '$app/navigation';
 	import Panel from '$lib/components/ui/Panel.svelte';
 	import { onMount } from 'svelte';
 	import Button from '$lib/components/ui/Button.svelte';
@@ -89,10 +90,7 @@
 </script>
 
 <div class="h-full model w-full bg-neutral-200 p-4 transition-all delay-250">
-	<!-- xr-environment -->
 	<model-viewer
-		ar
-		shadow-intensity="1"
 		src={data.url}
 		bind:this={modelViewer}
 		touch-action="pan-y"
@@ -111,18 +109,7 @@
 			class:opacity-0={!hideProgressScreen}
 			class:hidden={!hideProgressScreen}
 		>
-			<button slot="ar-button" id="ar-button"> 👋 Activate AR </button>
-
-			<div id="ar-prompt">AR-Prompt</div>
-
-			<button id="ar-failure"> AR is not tracking! </button>
 			<div class="flex flex-col bg-white/50">
-				<button
-					on:click={() => {
-						console.log(modelViewer.ar, modelViewer.getAttribute('ar-status'));
-					}}>Test</button
-				>
-
 				<!--3 Buttons-->
 				<div class="p-2">
 					<Button

src/routes/+layout.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import '../app.css';
 </script>
 

src/routes/anmeldung/+page.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
 	import Panel from '$lib/components/ui/Panel.svelte';
 	import Button from '$lib/components/ui/Button.svelte';
 	import Alert from '$lib/components/ui/Alert.svelte';

static/1.svg

@@ -1,14 +0,0 @@
-					<svg
-						class="h-6 w-6 text-gray-600 group-hover:text-indigo-600"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke-width="1.5"
-						stroke="currentColor"
-						aria-hidden="true"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							d="M13.5 16.875h3.375m0 0h3.375m-3.375 0V13.5m0 3.375v3.375M6 10.5h2.25a2.25 2.25 0 002.25-2.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v2.25A2.25 2.25 0 006 10.5zm0 9.75h2.25A2.25 2.25 0 0010.5 18v-2.25a2.25 2.25 0 00-2.25-2.25H6a2.25 2.25 0 00-2.25 2.25V18A2.25 2.25 0 006 20.25zm9.75-9.75H18a2.25 2.25 0 002.25-2.25V6A2.25 2.25 0 0018 3.75h-2.25A2.25 2.25 0 0013.5 6v2.25a2.25 2.25 0 002.25 2.25z"
-						/>
-					</svg>

tsconfig.json

@@ -10,7 +10,9 @@
 		"sourceMap": true,
 		"strict": true,
 		"moduleResolution": "bundler"
-	}
+	},
+	"include": ["src/**/*", "src/node_modules"],
+	"exclude": ["node_modules/*", "__sapper__/*", "public/*"]
 	// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
 	// except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
 	//