use unpic with ipx

backend/package.json

@@ -30,11 +30,12 @@
     "class-transformer": "^0.5.1",
     "csvtojson": "^2.0.10",
     "exifr": "^7.1.3",
+    "image-size": "^1.1.1",
     "ipx": "^3.0.1",
+    "prisma": "^5.20.0",
     "rxjs": "^7.8.1",
     "socket.io": "^4.8.0",
-    "zod": "^3.23.8",
-    "prisma": "^5.20.0"
+    "zod": "^3.23.8"
   },
   "devDependencies": {
     "@nestjs/cli": "^10.4.5",

backend/src/images/image.entity.ts

@@ -26,6 +26,10 @@ export class Image {
   event: TrackEvent | null;
   @ApiProperty({ type: () => [Athlete] })
   athletes: Athlete[];
+  @ApiProperty()
+  width: number;
+  @ApiProperty()
+  height: number;
 }
 
 export class Athlete {

backend/src/images/iptc.parser.ts

@@ -4,6 +4,7 @@ import * as exifr from 'exifr';
 import * as csv from 'csvtojson';
 import * as path from 'path';
 import { Athlete, TrackEvent, Image } from './image.entity';
+import sizeOf from 'image-size';
 
 const captionSchema = z.object({
   FirstName: z.string(),
@@ -43,6 +44,7 @@ export async function parseIptcFromFile(file: string): Promise<Image | null> {
   const windSpeed = getWindSpeedFromCaption(parsedCaption);
   const athletes = getAthletesFromCaption(parsedCaption);
   const event = getEventFromTitle(title);
+  const { width, height } = sizeOf(file);
   return {
     lastModified,
     filename: path.parse(file).base,
@@ -55,6 +57,8 @@ export async function parseIptcFromFile(file: string): Promise<Image | null> {
     athletes,
     windSpeed,
     event,
+    width,
+    height,
   };
 }
 

frontend/.env

@@ -1,2 +1,3 @@
 VITE_PHOTOFINISH_API_URL=https://photofinish-api.lcrehlingen.de
-VITE_PHOTOFINISH_WEBSOCKET_URL=https://photofinish-api.lcrehlingen.de
+VITE_PHOTOFINISH_WEBSOCKET_URL=https://photofinish-api.lcrehlingen.de
+VITE_IPX_URL=https://photofinish-api.lcrehlingen.de/_ipx/_/

frontend/.env.development

@@ -1,2 +1,3 @@
 VITE_PHOTOFINISH_API_URL=/api/photofinish
-VITE_PHOTOFINISH_WEBSOCKET_URL=http://localhost:3000
+VITE_PHOTOFINISH_WEBSOCKET_URL=http://localhost:3000
+VITE_IPX_URL=http://localhost:3000/_ipx/_/

frontend/package.json

@@ -12,6 +12,7 @@
   },
   "dependencies": {
     "@generouted/react-router": "^1.19.6",
+    "@unpic/react": "^0.1.14",
     "axios": "^1.7.7",
     "qrcode": "^1.5.4",
     "react": "^18.3.1",