Merge pull request #575 from IBCornelsen/staging

Update main

bun.lock

@@ -28,6 +28,7 @@
         "flag-icons": "^6.15.0",
         "fontkit": "^2.0.4",
         "handlebars": "^4.7.8",
+        "heic2any": "^0.0.4",
         "highlight.run": "^9.14.0",
         "is-base64": "^1.1.0",
         "js-cookie": "^3.0.5",
@@ -1555,6 +1556,8 @@
 
     "hastscript": ["hastscript@9.0.0", "", { "dependencies": { "@types/hast": "^3.0.0", "comma-separated-tokens": "^2.0.0", "hast-util-parse-selector": "^4.0.0", "property-information": "^6.0.0", "space-separated-tokens": "^2.0.0" } }, "sha512-jzaLBGavEDKHrc5EfFImKN7nZKKBdSLIdGvCwDZ9TfzbF2ffXiov8CKE445L2Z1Ek2t/m4SKQ2j6Ipv7NyUolw=="],
 
+    "heic2any": ["heic2any@0.0.4", "", {}, "sha512-3lLnZiDELfabVH87htnRolZ2iehX9zwpRyGNz22GKXIu0fznlblf0/ftppXKNqS26dqFSeqfIBhAmAj/uSp0cA=="],
+
     "hexoid": ["hexoid@2.0.0", "", {}, "sha512-qlspKUK7IlSQv2o+5I7yhUd7TxlOG2Vr5LTa3ve2XSNVKAL/n/u/7KLvKmFNimomDIKvZFXWHv0T12mv7rT8Aw=="],
 
     "highlight.run": ["highlight.run@9.14.0", "", {}, "sha512-ZR+ZLHlVU8lXqsuto0ZEMAOuvptaTBBf1jradnKDIn9OfAXupcYFbkASDlbsZtyBh2SYJSK50xwrucXujhksRg=="],

package.json

@@ -42,6 +42,7 @@
     "flag-icons": "^6.15.0",
     "fontkit": "^2.0.4",
     "handlebars": "^4.7.8",
+    "heic2any": "^0.0.4",
     "highlight.run": "^9.14.0",
     "is-base64": "^1.1.0",
     "js-cookie": "^3.0.5",

src/astro-typesafe-api-caller.ts

@@ -19,8 +19,6 @@ export const createCaller = createCallerFactory({
     "admin/registriernummer": await import("../src/pages/api/admin/registriernummer.ts"),
     "admin/stornieren": await import("../src/pages/api/admin/stornieren.ts"),
     "bilder/[id]": await import("../src/pages/api/bilder/[id].ts"),
-    "geg-nachweis-gewerbe/[id]": await import("../src/pages/api/geg-nachweis-gewerbe/[id].ts"),
-    "geg-nachweis-gewerbe": await import("../src/pages/api/geg-nachweis-gewerbe/index.ts"),
     "geg-nachweis-wohnen/[id]": await import("../src/pages/api/geg-nachweis-wohnen/[id].ts"),
     "geg-nachweis-wohnen": await import("../src/pages/api/geg-nachweis-wohnen/index.ts"),
     "objekt": await import("../src/pages/api/objekt/index.ts"),
@@ -37,6 +35,9 @@ export const createCaller = createCallerFactory({
     "verbrauchsausweis-wohnen": await import("../src/pages/api/verbrauchsausweis-wohnen/index.ts"),
     "verbrauchsausweis-gewerbe/[id]": await import("../src/pages/api/verbrauchsausweis-gewerbe/[id].ts"),
     "verbrauchsausweis-gewerbe": await import("../src/pages/api/verbrauchsausweis-gewerbe/index.ts"),
+    "ticket": await import("../src/pages/api/ticket/index.ts"),
+    "verbrauchsausweis-wohnen/[id]": await import("../src/pages/api/verbrauchsausweis-wohnen/[id].ts"),
+    "verbrauchsausweis-wohnen": await import("../src/pages/api/verbrauchsausweis-wohnen/index.ts"),
     "webhooks/mollie": await import("../src/pages/api/webhooks/mollie.ts"),
     "aufnahme/[id]/bilder": await import("../src/pages/api/aufnahme/[id]/bilder.ts"),
     "aufnahme/[id]": await import("../src/pages/api/aufnahme/[id]/index.ts"),

src/components/Ausweis/GebaeudeDaten.svelte

@@ -11,6 +11,22 @@
 	export let objekt: ObjektClient;
 
 	export let ausweisart: Enums.Ausweisart;
+
+	function onlyAllowIntegerInput(event: KeyboardEvent) {
+		const charCode = event.which || event.keyCode;
+		// Allow only numbers (0-9) and control keys (e.g., backspace)
+		if (charCode < 48 || charCode > 57) {
+			event.preventDefault();
+		}
+	}
+
+	function onlyAllowPastingIntegers(event: ClipboardEvent) {
+		const clipboardData = event.clipboardData || (window as any).clipboardData;
+		const pastedData = clipboardData.getData("Text");
+		if (!/^\d+$/.test(pastedData)) {
+			event.preventDefault();
+		}
+	}
 </script>
 
 <div
@@ -100,6 +116,8 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 				step="1"
 				required
 				autocomplete="off"
+				on:keypress={onlyAllowIntegerInput}
+				on:paste={onlyAllowPastingIntegers}
 				bind:value={aufnahme.flaeche}
 			/>
 
@@ -125,6 +143,8 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 				type="number"
 				step="1"
 				required
+				on:keypress={onlyAllowIntegerInput}
+				on:paste={onlyAllowPastingIntegers}
 				bind:value={aufnahme.nutzflaeche}
 			/>
 	

src/components/Ausweis/brennstoffListe.ts

@@ -16,7 +16,7 @@ const brennstoffe: [
 	["Flüssiggas", "kg", 13.0, 1.1, 0.27],
 	["Braunkohle", "kg", 5.5, 1.2, 0.43],
 	["Holzhackschnitzel", "SRm", 650.0, 0.2, 0.02],
-	["Strommix", "kWh", 1.0, 2.4, 0.56],
+	["Strommix", "kWh", 1.0, 1.8, 0.56],
 	["Fernwärme KWK FB", "kWh", 1.0, 0.7, 0.3],
 	["Nahwärme KWK FB", "kWh", 1.0, 0.7, 0.3],
 	["Heizöl EL", "kWh", 1.0, 1.1, 0.31],

src/components/UploadImages.svelte

@@ -3,6 +3,7 @@
 	import type { Enums } from "#lib/client/prisma.js";
 	import Cookies from "js-cookie";
 	import { tryCatch } from "#lib/tryCatch.js";
+	import heic2any from "heic2any";
 
 	export let max: number = 2;
 	export let min: number = 1;
@@ -38,8 +39,10 @@
 
 		for (let i = 0; i < files.length; i++) {
 			const file = files[i];
+			console.log(file);
 			
-			if (file.type !== "image/jpeg" && file.type !== "image/png") {
+
+			if (file.type !== "image/jpeg" && file.type !== "image/png" && file.type !== "image/webp" && file.type !== "image/heif" && file.type !== "image/heic") {
 				continue;
 			}
 
@@ -49,7 +52,7 @@
 
 			const reader = new FileReader();
 
-			reader.onload = () => {
+			reader.onload = async () => {
 				if (reader.readyState != reader.DONE) {
 					return;
 				}
@@ -59,6 +62,18 @@
 				}
 
 				let blob = new Blob([reader.result as ArrayBuffer]);
+
+				if (file.type === "image/heif" || file.type === "image/heic") {
+					// Heic files are not supported by canvas, so we convert them to jpeg first
+					// using an external library.
+					// This is a workaround until all browsers support heic natively.
+					// For more information see: https://caniuse.com/?search=heic
+					// and https://developer.apple.com/documentation/imageio/reading_heif_and_heic_images_on_ios
+					// and https://stackoverflow.com/questions/65887402/how-to-convert-heic-to-jpeg-in-javascript
+					// and https://github.com/mbitsnbites/heic2any
+					blob = await heic2any({ blob, toType: "image/jpeg", quality: 0.8 });					
+				}
+				
 				let url = URL.createObjectURL(blob);
 				let image = new Image();
 				image.onload = async () => {