From e93ccd2ecda23183ce0760b3ec1e941c2ce72de2 Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Wed, 25 Jun 2025 19:07:38 +0200
Subject: [PATCH 01/30] ADD Clip database insertion & UPDATE schema

---
 .../vodsystem/controllers/EditController.java |  1 +
 .../java/com/ddf/vodsystem/entities/Clip.java |  6 ++--
 .../vodsystem/security/CustomOAuth2User.java  | 36 +++++++++++++++++++
 .../security/CustomOAuth2UserService.java     | 34 +++++++++---------
 .../ddf/vodsystem/services/EditService.java   | 34 +++++++++++++++---
 src/main/resources/db/data.sql                | 22 ++++++------
 src/main/resources/db/schema.sql              |  6 ++--
 7 files changed, 101 insertions(+), 38 deletions(-)
 create mode 100644 src/main/java/com/ddf/vodsystem/security/CustomOAuth2User.java

diff --git a/src/main/java/com/ddf/vodsystem/controllers/EditController.java b/src/main/java/com/ddf/vodsystem/controllers/EditController.java
index 4c6c2ca..d341902 100644
--- a/src/main/java/com/ddf/vodsystem/controllers/EditController.java
+++ b/src/main/java/com/ddf/vodsystem/controllers/EditController.java
@@ -6,6 +6,7 @@ import lombok.AllArgsConstructor;
 import lombok.Data;
 import com.ddf.vodsystem.entities.APIResponse;
 import org.springframework.http.ResponseEntity;
+import org.springframework.security.core.Authentication;
 import org.springframework.web.bind.annotation.*;
 
 
diff --git a/src/main/java/com/ddf/vodsystem/entities/Clip.java b/src/main/java/com/ddf/vodsystem/entities/Clip.java
index f58d6ea..bf655cb 100644
--- a/src/main/java/com/ddf/vodsystem/entities/Clip.java
+++ b/src/main/java/com/ddf/vodsystem/entities/Clip.java
@@ -36,13 +36,13 @@ public class Clip {
     private Integer height;
 
     @Column(name = "fps", nullable = false)
-    private Integer fps;
+    private Float fps;
 
     @Column(name = "duration", nullable = false)
-    private Integer duration;
+    private Float duration;
 
     @Column(name = "file_size", nullable = false)
-    private Long fileSize;
+    private Float fileSize;
 
     @Column(name = "video_path", nullable = false, length = 255)
     private String videoPath;
diff --git a/src/main/java/com/ddf/vodsystem/security/CustomOAuth2User.java b/src/main/java/com/ddf/vodsystem/security/CustomOAuth2User.java
new file mode 100644
index 0000000..e724d14
--- /dev/null
+++ b/src/main/java/com/ddf/vodsystem/security/CustomOAuth2User.java
@@ -0,0 +1,36 @@
+package com.ddf.vodsystem.security;
+
+import com.ddf.vodsystem.entities.User;
+import lombok.Getter;
+import org.springframework.security.core.GrantedAuthority;
+import org.springframework.security.oauth2.core.user.OAuth2User;
+
+import java.util.Collection;
+import java.util.Map;
+
+public class CustomOAuth2User implements OAuth2User {
+
+    private final OAuth2User oauth2User;
+    @Getter
+    private final User user;
+
+    public CustomOAuth2User(OAuth2User oauth2User, User user) {
+        this.oauth2User = oauth2User;
+        this.user = user;
+    }
+
+    @Override
+    public Map<String, Object> getAttributes() {
+        return oauth2User.getAttributes();
+    }
+
+    @Override
+    public Collection<? extends GrantedAuthority> getAuthorities() {
+        return oauth2User.getAuthorities();
+    }
+
+    @Override
+    public String getName() {
+        return oauth2User.getName();
+    }
+}
diff --git a/src/main/java/com/ddf/vodsystem/security/CustomOAuth2UserService.java b/src/main/java/com/ddf/vodsystem/security/CustomOAuth2UserService.java
index 2cf1212..a611b0a 100644
--- a/src/main/java/com/ddf/vodsystem/security/CustomOAuth2UserService.java
+++ b/src/main/java/com/ddf/vodsystem/security/CustomOAuth2UserService.java
@@ -4,16 +4,16 @@ import com.ddf.vodsystem.repositories.UserRepository;
 
 import org.springframework.security.oauth2.client.userinfo.DefaultOAuth2UserService;
 import org.springframework.security.oauth2.client.userinfo.OAuth2UserRequest;
+import org.springframework.security.oauth2.client.userinfo.OAuth2UserService;
 import org.springframework.security.oauth2.core.OAuth2AuthenticationException;
 import org.springframework.security.oauth2.core.user.OAuth2User;
 import org.springframework.stereotype.Service;
 
 import java.time.LocalDateTime;
-import java.util.Optional;
 
 
 @Service
-public class CustomOAuth2UserService extends DefaultOAuth2UserService  {
+public class CustomOAuth2UserService implements OAuth2UserService<OAuth2UserRequest, OAuth2User>  {
 
     private final UserRepository userRepository;
 
@@ -22,26 +22,26 @@ public class CustomOAuth2UserService extends DefaultOAuth2UserService  {
     }
 
     @Override
-    public OAuth2User loadUser(OAuth2UserRequest userRequest) throws OAuth2AuthenticationException {
-        OAuth2User oAuth2User = super.loadUser(userRequest);
+    public CustomOAuth2User loadUser(OAuth2UserRequest userRequest) throws OAuth2AuthenticationException {
+        var delegate = new DefaultOAuth2UserService();
+        var oAuth2User = delegate.loadUser(userRequest);
 
         String email = oAuth2User.getAttribute("email");
         String name = oAuth2User.getAttribute("name");
         String googleId = oAuth2User.getAttribute("sub");
 
-        Optional<User> existingUser = userRepository.findByGoogleId(googleId);
+        User user = userRepository.findByGoogleId(googleId)
+                .orElseGet(() -> {
+            User newUser = new User();
+            newUser.setEmail(email);
+            newUser.setName(name);
+            newUser.setGoogleId(googleId);
+            newUser.setUsername(email);
+            newUser.setRole(0);
+            newUser.setCreatedAt(LocalDateTime.now());
+            return userRepository.save(newUser);
+        });
 
-        if (existingUser.isEmpty()) {
-            User user = new User();
-            user.setEmail(email);
-            user.setName(name);
-            user.setGoogleId(googleId);
-            user.setUsername(email);
-            user.setRole(0);
-            user.setCreatedAt(LocalDateTime.now());
-            userRepository.save(user);
-        }
-
-        return oAuth2User;
+        return new CustomOAuth2User(oAuth2User, user);
     }
 }
diff --git a/src/main/java/com/ddf/vodsystem/services/EditService.java b/src/main/java/com/ddf/vodsystem/services/EditService.java
index 83b4caf..3f13bb1 100644
--- a/src/main/java/com/ddf/vodsystem/services/EditService.java
+++ b/src/main/java/com/ddf/vodsystem/services/EditService.java
@@ -1,16 +1,22 @@
 package com.ddf.vodsystem.services;
 
-import com.ddf.vodsystem.entities.VideoMetadata;
-import com.ddf.vodsystem.entities.Job;
-import com.ddf.vodsystem.entities.JobStatus;
+import com.ddf.vodsystem.entities.*;
+import com.ddf.vodsystem.repositories.ClipRepository;
+import com.ddf.vodsystem.security.CustomOAuth2User;
+import org.springframework.security.core.Authentication;
+import org.springframework.security.core.context.SecurityContextHolder;
 import org.springframework.stereotype.Service;
 
+import java.time.LocalDateTime;
+
 @Service
 public class EditService {
     private final JobService jobService;
+    private final ClipRepository clipRepository;
 
-    public EditService(JobService jobService) {
+    public EditService(JobService jobService, ClipRepository clipRepository) {
         this.jobService = jobService;
+        this.clipRepository = clipRepository;
     }
 
     public void edit(String uuid, VideoMetadata videoMetadata) {
@@ -21,6 +27,26 @@ public class EditService {
 
     public void process(String uuid) {
         jobService.jobReady(uuid);
+        Authentication auth = SecurityContextHolder.getContext().getAuthentication();
+
+        if (auth != null && auth.isAuthenticated() && auth.getPrincipal() instanceof CustomOAuth2User oAuth2user) {
+            VideoMetadata videoMetadata = jobService.getJob(uuid).getOutputVideoMetadata();
+            User user = oAuth2user.getUser();
+
+            Clip clip = new Clip();
+            clip.setTitle("test");
+            clip.setUser(user);
+            clip.setDescription("This is a test");
+            clip.setCreatedAt(LocalDateTime.now());
+            clip.setWidth(videoMetadata.getWidth());
+            clip.setHeight(videoMetadata.getHeight());
+            clip.setFps(videoMetadata.getFps());
+            clip.setDuration(videoMetadata.getEndPoint() -
+                            videoMetadata.getStartPoint());
+            clip.setFileSize(videoMetadata.getFileSize());
+            clip.setVideoPath("test");
+            clipRepository.save(clip);
+        }
     }
 
     public float getProgress(String uuid) {
diff --git a/src/main/resources/db/data.sql b/src/main/resources/db/data.sql
index ddb0c87..8b831b3 100644
--- a/src/main/resources/db/data.sql
+++ b/src/main/resources/db/data.sql
@@ -11,15 +11,15 @@ VALUES
   ( 'google-uid-009', 'detective', 'holmes@bakerstreet.uk', 'Sherlock Holmes'),
   ( 'google-uid-010', 'timey', 'docbrown@delorean.net', 'Dr. Emmett Brown');
 
-INSERT INTO clips (id, user_id, title, description, width, height, fps, duration, file_size, video_path)
+INSERT INTO clips (user_id, title, description, width, height, fps, duration, file_size, video_path)
 VALUES
-  (1, 4, 'Fireworks Over Hobbiton', 'A magical display of fireworks by Gandalf.', 1920, 1080, 30, 120, 104857600, '/videos/fireworks_hobbiton.mp4'),
-  (2, 5, 'Catnap Chronicles', 'Sir Whiskers McFluff naps in 12 different positions.', 1280, 720, 24, 60, 52428800, '/videos/catnap_chronicles.mp4'),
-  (3, 6, 'Bite My Shiny Metal...', 'Bender shows off his new upgrades.', 1920, 1080, 60, 45, 73400320, '/videos/bender_upgrades.mp4'),
-  (4, 7, 'Rainbow Dash', 'Princess Sparklehoof gallops across a double rainbow.', 1920, 1080, 30, 90, 67108864, '/videos/rainbow_dash.mp4'),
-  (5, 8, 'Pirate Karaoke Night', 'Blackbeard sings sea shanties with his crew.', 1280, 720, 25, 180, 157286400, '/videos/pirate_karaoke.mp4'),
-  (6, 9, 'The Case of the Missing Sandwich', 'Sherlock Holmes investigates a lunchtime mystery.', 1920, 1080, 30, 75, 50331648, '/videos/missing_sandwich.mp4'),
-  (7, 10, '88 Miles Per Hour', 'Doc Brown demonstrates time travel with style.', 1920, 1080, 60, 30, 41943040, '/videos/88mph.mp4'),
-  (8, 1, 'Alice in Videoland', 'Alice explores a surreal digital wonderland.', 1280, 720, 30, 150, 94371840, '/videos/alice_videoland.mp4'),
-  (9, 2, 'Bob''s Building Bonanza', 'Bob constructs a house out of cheese.', 1920, 1080, 24, 200, 209715200, '/videos/bob_cheesehouse.mp4'),
-  (10, 3, 'Carol''s Coding Catastrophe', 'Carol debugs a spaghetti codebase.', 1280, 720, 30, 100, 73400320, '/videos/carol_coding.mp4');
\ No newline at end of file
+  (4, 'Fireworks Over Hobbiton', 'A magical display of fireworks by Gandalf.', 1920, 1080, 30, 120, 104857600, '/videos/fireworks_hobbiton.mp4'),
+  (5, 'Catnap Chronicles', 'Sir Whiskers McFluff naps in 12 different positions.', 1280, 720, 24, 60, 52428800, '/videos/catnap_chronicles.mp4'),
+  (6, 'Bite My Shiny Metal...', 'Bender shows off his new upgrades.', 1920, 1080, 60, 45, 73400320, '/videos/bender_upgrades.mp4'),
+  (7, 'Rainbow Dash', 'Princess Sparklehoof gallops across a double rainbow.', 1920, 1080, 30, 90, 67108864, '/videos/rainbow_dash.mp4'),
+  ( 8, 'Pirate Karaoke Night', 'Blackbeard sings sea shanties with his crew.', 1280, 720, 25, 180, 157286400, '/videos/pirate_karaoke.mp4'),
+  ( 9, 'The Case of the Missing Sandwich', 'Sherlock Holmes investigates a lunchtime mystery.', 1920, 1080, 30, 75, 50331648, '/videos/missing_sandwich.mp4'),
+  ( 10, '88 Miles Per Hour', 'Doc Brown demonstrates time travel with style.', 1920, 1080, 60, 30, 41943040, '/videos/88mph.mp4'),
+  ( 1, 'Alice in Videoland', 'Alice explores a surreal digital wonderland.', 1280, 720, 30, 150, 94371840, '/videos/alice_videoland.mp4'),
+  ( 2, 'Bob''s Building Bonanza', 'Bob constructs a house out of cheese.', 1920, 1080, 24, 200, 209715200, '/videos/bob_cheesehouse.mp4'),
+  ( 3, 'Carol''s Coding Catastrophe', 'Carol debugs a spaghetti codebase.', 1280, 720, 30, 100, 73400320, '/videos/carol_coding.mp4');
\ No newline at end of file
diff --git a/src/main/resources/db/schema.sql b/src/main/resources/db/schema.sql
index bb261e5..64160d3 100644
--- a/src/main/resources/db/schema.sql
+++ b/src/main/resources/db/schema.sql
@@ -19,9 +19,9 @@ CREATE TABLE IF NOT EXISTS clips (
     created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
     width INTEGER NOT NULL,
     height INTEGER NOT NULL,
-    fps INTEGER NOT NULL,
-    duration INTEGER NOT NULL,
-    file_size BIGINT NOT NULL,
+    fps FLOAT NOT NULL,
+    duration FLOAT NOT NULL,
+    file_size FLOAT NOT NULL,
     video_path VARCHAR(255) NOT NULL,
     FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE
 );
\ No newline at end of file

From f37c4fc75d1853f88a89c3104a98e7b10a1305be Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Wed, 25 Jun 2025 19:19:10 +0200
Subject: [PATCH 02/30] REFACTOR Clip creation in Editservice

---
 .../ddf/vodsystem/services/EditService.java   | 32 +++++++++++--------
 1 file changed, 19 insertions(+), 13 deletions(-)

diff --git a/src/main/java/com/ddf/vodsystem/services/EditService.java b/src/main/java/com/ddf/vodsystem/services/EditService.java
index 3f13bb1..f749e32 100644
--- a/src/main/java/com/ddf/vodsystem/services/EditService.java
+++ b/src/main/java/com/ddf/vodsystem/services/EditService.java
@@ -14,6 +14,8 @@ public class EditService {
     private final JobService jobService;
     private final ClipRepository clipRepository;
 
+    private static final org.slf4j.Logger logger = org.slf4j.LoggerFactory.getLogger(EditService.class);
+
     public EditService(JobService jobService, ClipRepository clipRepository) {
         this.jobService = jobService;
         this.clipRepository = clipRepository;
@@ -30,22 +32,11 @@ public class EditService {
         Authentication auth = SecurityContextHolder.getContext().getAuthentication();
 
         if (auth != null && auth.isAuthenticated() && auth.getPrincipal() instanceof CustomOAuth2User oAuth2user) {
+            logger.debug("Saving clip {} for user {}", uuid, oAuth2user.getName());
             VideoMetadata videoMetadata = jobService.getJob(uuid).getOutputVideoMetadata();
             User user = oAuth2user.getUser();
 
-            Clip clip = new Clip();
-            clip.setTitle("test");
-            clip.setUser(user);
-            clip.setDescription("This is a test");
-            clip.setCreatedAt(LocalDateTime.now());
-            clip.setWidth(videoMetadata.getWidth());
-            clip.setHeight(videoMetadata.getHeight());
-            clip.setFps(videoMetadata.getFps());
-            clip.setDuration(videoMetadata.getEndPoint() -
-                            videoMetadata.getStartPoint());
-            clip.setFileSize(videoMetadata.getFileSize());
-            clip.setVideoPath("test");
-            clipRepository.save(clip);
+            createClip(videoMetadata, user);
         }
     }
 
@@ -95,4 +86,19 @@ public class EditService {
             throw new IllegalArgumentException("FPS cannot be less than 1");
         }
     }
+
+    private void createClip(VideoMetadata videoMetadata, User user) {
+        Clip clip = new Clip();
+        clip.setTitle("test");
+        clip.setUser(user);
+        clip.setDescription("This is a test");
+        clip.setCreatedAt(LocalDateTime.now());
+        clip.setWidth(videoMetadata.getWidth());
+        clip.setHeight(videoMetadata.getHeight());
+        clip.setFps(videoMetadata.getFps());
+        clip.setDuration(videoMetadata.getEndPoint() - videoMetadata.getStartPoint());
+        clip.setFileSize(videoMetadata.getFileSize());
+        clip.setVideoPath("test");
+        clipRepository.save(clip);
+    }
 }

From 6cf454c484f94bd6ee8a461f0c827ee6519f2f0c Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Wed, 25 Jun 2025 19:31:37 +0200
Subject: [PATCH 03/30] RENAME CompressionService to ClipService and update
 references

---
 .../vodsystem/security/CustomOAuth2User.java  |  2 +-
 ...mpressionService.java => ClipService.java} | 68 +++++++++----------
 .../ddf/vodsystem/services/JobService.java    | 10 +--
 3 files changed, 40 insertions(+), 40 deletions(-)
 rename src/main/java/com/ddf/vodsystem/services/{CompressionService.java => ClipService.java} (98%)

diff --git a/src/main/java/com/ddf/vodsystem/security/CustomOAuth2User.java b/src/main/java/com/ddf/vodsystem/security/CustomOAuth2User.java
index e724d14..0c204c8 100644
--- a/src/main/java/com/ddf/vodsystem/security/CustomOAuth2User.java
+++ b/src/main/java/com/ddf/vodsystem/security/CustomOAuth2User.java
@@ -8,10 +8,10 @@ import org.springframework.security.oauth2.core.user.OAuth2User;
 import java.util.Collection;
 import java.util.Map;
 
+@Getter
 public class CustomOAuth2User implements OAuth2User {
 
     private final OAuth2User oauth2User;
-    @Getter
     private final User user;
 
     public CustomOAuth2User(OAuth2User oauth2User, User user) {
diff --git a/src/main/java/com/ddf/vodsystem/services/CompressionService.java b/src/main/java/com/ddf/vodsystem/services/ClipService.java
similarity index 98%
rename from src/main/java/com/ddf/vodsystem/services/CompressionService.java
rename to src/main/java/com/ddf/vodsystem/services/ClipService.java
index 8df71a5..012bb77 100644
--- a/src/main/java/com/ddf/vodsystem/services/CompressionService.java
+++ b/src/main/java/com/ddf/vodsystem/services/ClipService.java
@@ -19,8 +19,8 @@ import org.slf4j.LoggerFactory;
 import org.springframework.stereotype.Service;
 
 @Service
-public class CompressionService {
-    private static final Logger logger = LoggerFactory.getLogger(CompressionService.class);
+public class ClipService {
+    private static final Logger logger = LoggerFactory.getLogger(ClipService.class);
 
     private static final float AUDIO_RATIO = 0.15f;
     private static final float MAX_AUDIO_BITRATE = 128f;
@@ -28,6 +28,38 @@ public class CompressionService {
 
     private final Pattern timePattern = Pattern.compile("out_time_ms=(\\d+)");
 
+    public void run(Job job) throws IOException, InterruptedException {
+        logger.info("FFMPEG starting...");
+
+        validateVideoMetadata(job.getInputVideoMetadata(), job.getOutputVideoMetadata());
+
+        ProcessBuilder pb = buildCommand(job.getInputFile(), job.getOutputFile(), job.getOutputVideoMetadata());
+        Process process = pb.start();
+        job.setStatus(JobStatus.RUNNING);
+
+        BufferedReader reader = new BufferedReader(new InputStreamReader(process.getInputStream()));
+        float length = job.getOutputVideoMetadata().getEndPoint() - job.getOutputVideoMetadata().getStartPoint();
+
+        String line;
+        while ((line = reader.readLine()) != null) {
+            logger.debug(line);
+            Matcher matcher = timePattern.matcher(line);
+
+            if (matcher.find()) {
+                Float progress = Long.parseLong(matcher.group(1))/(length*1000000);
+                job.setProgress(progress);
+            }
+        }
+
+        if (process.waitFor() != 0) {
+            job.setStatus(JobStatus.FAILED);
+            throw new FFMPEGException("FFMPEG process failed");
+        }
+
+        job.setStatus(JobStatus.FINISHED);
+        logger.info("FFMPEG finished");
+    }
+
     private void validateVideoMetadata(VideoMetadata inputFileMetadata, VideoMetadata outputFileMetadata) {
         if (outputFileMetadata.getStartPoint() == null) {
             outputFileMetadata.setStartPoint(0f);
@@ -109,36 +141,4 @@ public class CompressionService {
         return new ProcessBuilder(command);
     }
 
-    public void run(Job job) throws IOException, InterruptedException {
-        logger.info("FFMPEG starting...");
-
-        validateVideoMetadata(job.getInputVideoMetadata(), job.getOutputVideoMetadata());
-
-        ProcessBuilder pb = buildCommand(job.getInputFile(), job.getOutputFile(), job.getOutputVideoMetadata());
-        Process process = pb.start();
-        job.setStatus(JobStatus.RUNNING);
-
-        BufferedReader reader = new BufferedReader(new InputStreamReader(process.getInputStream()));
-        float length = job.getOutputVideoMetadata().getEndPoint() - job.getOutputVideoMetadata().getStartPoint();
-
-        String line;
-        while ((line = reader.readLine()) != null) {
-            logger.debug(line);
-            Matcher matcher = timePattern.matcher(line);
-
-            if (matcher.find()) {
-                Float progress = Long.parseLong(matcher.group(1))/(length*1000000);
-                job.setProgress(progress);
-            }
-        }
-
-        if (process.waitFor() != 0) {
-            job.setStatus(JobStatus.FAILED);
-            throw new FFMPEGException("FFMPEG process failed");
-        }
-
-        job.setStatus(JobStatus.FINISHED);
-        logger.info("FFMPEG finished");
-    }
-
 }
diff --git a/src/main/java/com/ddf/vodsystem/services/JobService.java b/src/main/java/com/ddf/vodsystem/services/JobService.java
index cb0aa46..6b752f0 100644
--- a/src/main/java/com/ddf/vodsystem/services/JobService.java
+++ b/src/main/java/com/ddf/vodsystem/services/JobService.java
@@ -24,14 +24,14 @@ public class JobService {
     private static final Logger logger = LoggerFactory.getLogger(JobService.class);
     private final ConcurrentHashMap<String, Job> jobs = new ConcurrentHashMap<>();
     private final BlockingQueue<Job> jobQueue = new LinkedBlockingQueue<>();
-    private final CompressionService compressionService;
+    private final ClipService clipService;
 
     /**
      * Constructs a JobService with the given CompressionService.
-     * @param compressionService the compression service to use for processing jobs
+     * @param clipService the compression service to use for processing jobs
      */
-    public JobService(CompressionService compressionService) {
-        this.compressionService = compressionService;
+    public JobService(ClipService clipService) {
+        this.clipService = clipService;
     }
 
     /**
@@ -78,7 +78,7 @@ public class JobService {
      */
     private void processJob(Job job) {
         try {
-            compressionService.run(job);
+            clipService.run(job);
         } catch (IOException | InterruptedException e) {
             Thread.currentThread().interrupt();
             logger.error("Error while running job {}", job.getUuid(), e);

From 3ce1c1486a23d2fd0edee0390c5ed72d5fb0b5fa Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Wed, 2 Jul 2025 21:02:07 +0200
Subject: [PATCH 04/30] ADD title and description fields to VideoMetadata type

---
 frontend/src/utils/types.ts                                 | 2 ++
 src/main/java/com/ddf/vodsystem/entities/VideoMetadata.java | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/frontend/src/utils/types.ts b/frontend/src/utils/types.ts
index ffb6931..c1af16b 100644
--- a/frontend/src/utils/types.ts
+++ b/frontend/src/utils/types.ts
@@ -1,4 +1,6 @@
 type VideoMetadata = {
+    title: string,
+    description: string,
     startPoint: number,
     endPoint: number,
     fps: number,
diff --git a/src/main/java/com/ddf/vodsystem/entities/VideoMetadata.java b/src/main/java/com/ddf/vodsystem/entities/VideoMetadata.java
index 144bf99..c3e5621 100644
--- a/src/main/java/com/ddf/vodsystem/entities/VideoMetadata.java
+++ b/src/main/java/com/ddf/vodsystem/entities/VideoMetadata.java
@@ -4,6 +4,8 @@ import lombok.Data;
 
 @Data
 public class VideoMetadata {
+    private String title;
+    private String description;
     private Float startPoint;
     private Float endPoint;
     private Float fps;

From 159bcac5c42fb76835498445a47a8db2c2b44d71 Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Wed, 2 Jul 2025 22:03:39 +0200
Subject: [PATCH 05/30] MOVE user authentication and clip creation to
 ClipService

---
 frontend/src/utils/endpoints.ts               |  2 +
 .../java/com/ddf/vodsystem/entities/Job.java  |  4 ++
 .../ddf/vodsystem/services/ClipService.java   | 42 +++++++++++++++++--
 .../ddf/vodsystem/services/EditService.java   | 34 +--------------
 .../ddf/vodsystem/services/JobService.java    | 15 +++++++
 5 files changed, 61 insertions(+), 36 deletions(-)

diff --git a/frontend/src/utils/endpoints.ts b/frontend/src/utils/endpoints.ts
index a5b20fe..43933d1 100644
--- a/frontend/src/utils/endpoints.ts
+++ b/frontend/src/utils/endpoints.ts
@@ -119,6 +119,8 @@ const getMetadata = async (uuid: string): Promise<VideoMetadata> => {
         console.error('Error fetching metadata:', error);
 
         return {
+            title: '',
+            description: '',
             startPoint: 0,
             endPoint: 0,
             fps: 0,
diff --git a/src/main/java/com/ddf/vodsystem/entities/Job.java b/src/main/java/com/ddf/vodsystem/entities/Job.java
index 3038af4..4f1c6ad 100644
--- a/src/main/java/com/ddf/vodsystem/entities/Job.java
+++ b/src/main/java/com/ddf/vodsystem/entities/Job.java
@@ -1,6 +1,7 @@
 package com.ddf.vodsystem.entities;
 
 import java.io.File;
+import org.springframework.security.core.context.SecurityContext;
 
 import lombok.Data;
 
@@ -14,6 +15,9 @@ public class Job {
     private VideoMetadata inputVideoMetadata;
     private VideoMetadata outputVideoMetadata = new VideoMetadata();
 
+    // security
+    private SecurityContext securityContext;
+
     // job status
     private JobStatus status = JobStatus.NOT_READY;
     private Float progress = 0.0f;
diff --git a/src/main/java/com/ddf/vodsystem/services/ClipService.java b/src/main/java/com/ddf/vodsystem/services/ClipService.java
index 012bb77..b1aaadc 100644
--- a/src/main/java/com/ddf/vodsystem/services/ClipService.java
+++ b/src/main/java/com/ddf/vodsystem/services/ClipService.java
@@ -1,21 +1,24 @@
 package com.ddf.vodsystem.services;
 
-import com.ddf.vodsystem.entities.VideoMetadata;
-import com.ddf.vodsystem.entities.JobStatus;
-import com.ddf.vodsystem.entities.Job;
+import com.ddf.vodsystem.entities.*;
 
 import java.io.BufferedReader;
 import java.io.File;
 import java.io.IOException;
 import java.io.InputStreamReader;
+import java.time.LocalDateTime;
 import java.util.ArrayList;
 import java.util.List;
 import java.util.regex.Matcher;
 import java.util.regex.Pattern;
 
 import com.ddf.vodsystem.exceptions.FFMPEGException;
+import com.ddf.vodsystem.repositories.ClipRepository;
+import com.ddf.vodsystem.security.CustomOAuth2User;
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
+import org.springframework.security.core.Authentication;
+import org.springframework.security.core.context.SecurityContextHolder;
 import org.springframework.stereotype.Service;
 
 @Service
@@ -26,8 +29,13 @@ public class ClipService {
     private static final float MAX_AUDIO_BITRATE = 128f;
     private static final float BITRATE_MULTIPLIER = 0.9f;
 
+    private final ClipRepository clipRepository;
     private final Pattern timePattern = Pattern.compile("out_time_ms=(\\d+)");
 
+    public ClipService(ClipRepository clipRepository) {
+        this.clipRepository = clipRepository;
+    }
+
     public void run(Job job) throws IOException, InterruptedException {
         logger.info("FFMPEG starting...");
 
@@ -56,10 +64,23 @@ public class ClipService {
             throw new FFMPEGException("FFMPEG process failed");
         }
 
+        User user = getUser();
+        if (user != null) {
+            createClip(job.getOutputVideoMetadata(), user);
+        }
+
         job.setStatus(JobStatus.FINISHED);
         logger.info("FFMPEG finished");
     }
 
+    private User getUser() {
+        Authentication auth = SecurityContextHolder.getContext().getAuthentication();
+        if (auth != null && auth.isAuthenticated() && auth.getPrincipal() instanceof CustomOAuth2User oAuth2user) {
+            return oAuth2user.getUser();
+        }
+        return null;
+    }
+
     private void validateVideoMetadata(VideoMetadata inputFileMetadata, VideoMetadata outputFileMetadata) {
         if (outputFileMetadata.getStartPoint() == null) {
             outputFileMetadata.setStartPoint(0f);
@@ -141,4 +162,19 @@ public class ClipService {
         return new ProcessBuilder(command);
     }
 
+    private void createClip(VideoMetadata videoMetadata, User user) {
+        Clip clip = new Clip();
+        clip.setTitle(videoMetadata.getTitle() != null ? videoMetadata.getTitle() : "Untitled Clip");
+        clip.setUser(user);
+        clip.setDescription(videoMetadata.getDescription());
+        clip.setCreatedAt(LocalDateTime.now());
+        clip.setWidth(videoMetadata.getWidth());
+        clip.setHeight(videoMetadata.getHeight());
+        clip.setFps(videoMetadata.getFps());
+        clip.setDuration(videoMetadata.getEndPoint() - videoMetadata.getStartPoint());
+        clip.setFileSize(videoMetadata.getFileSize());
+        clip.setVideoPath("test");
+        clipRepository.save(clip);
+    }
+
 }
diff --git a/src/main/java/com/ddf/vodsystem/services/EditService.java b/src/main/java/com/ddf/vodsystem/services/EditService.java
index f749e32..5ccf654 100644
--- a/src/main/java/com/ddf/vodsystem/services/EditService.java
+++ b/src/main/java/com/ddf/vodsystem/services/EditService.java
@@ -1,24 +1,15 @@
 package com.ddf.vodsystem.services;
 
 import com.ddf.vodsystem.entities.*;
-import com.ddf.vodsystem.repositories.ClipRepository;
-import com.ddf.vodsystem.security.CustomOAuth2User;
-import org.springframework.security.core.Authentication;
-import org.springframework.security.core.context.SecurityContextHolder;
 import org.springframework.stereotype.Service;
 
-import java.time.LocalDateTime;
-
 @Service
 public class EditService {
     private final JobService jobService;
-    private final ClipRepository clipRepository;
-
     private static final org.slf4j.Logger logger = org.slf4j.LoggerFactory.getLogger(EditService.class);
 
-    public EditService(JobService jobService, ClipRepository clipRepository) {
+    public EditService(JobService jobService) {
         this.jobService = jobService;
-        this.clipRepository = clipRepository;
     }
 
     public void edit(String uuid, VideoMetadata videoMetadata) {
@@ -29,15 +20,6 @@ public class EditService {
 
     public void process(String uuid) {
         jobService.jobReady(uuid);
-        Authentication auth = SecurityContextHolder.getContext().getAuthentication();
-
-        if (auth != null && auth.isAuthenticated() && auth.getPrincipal() instanceof CustomOAuth2User oAuth2user) {
-            logger.debug("Saving clip {} for user {}", uuid, oAuth2user.getName());
-            VideoMetadata videoMetadata = jobService.getJob(uuid).getOutputVideoMetadata();
-            User user = oAuth2user.getUser();
-
-            createClip(videoMetadata, user);
-        }
     }
 
     public float getProgress(String uuid) {
@@ -87,18 +69,4 @@ public class EditService {
         }
     }
 
-    private void createClip(VideoMetadata videoMetadata, User user) {
-        Clip clip = new Clip();
-        clip.setTitle("test");
-        clip.setUser(user);
-        clip.setDescription("This is a test");
-        clip.setCreatedAt(LocalDateTime.now());
-        clip.setWidth(videoMetadata.getWidth());
-        clip.setHeight(videoMetadata.getHeight());
-        clip.setFps(videoMetadata.getFps());
-        clip.setDuration(videoMetadata.getEndPoint() - videoMetadata.getStartPoint());
-        clip.setFileSize(videoMetadata.getFileSize());
-        clip.setVideoPath("test");
-        clipRepository.save(clip);
-    }
 }
diff --git a/src/main/java/com/ddf/vodsystem/services/JobService.java b/src/main/java/com/ddf/vodsystem/services/JobService.java
index 6b752f0..ec15b0d 100644
--- a/src/main/java/com/ddf/vodsystem/services/JobService.java
+++ b/src/main/java/com/ddf/vodsystem/services/JobService.java
@@ -7,6 +7,8 @@ import java.util.concurrent.LinkedBlockingQueue;
 
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
+import org.springframework.security.core.context.SecurityContext;
+import org.springframework.security.core.context.SecurityContextHolder;
 import org.springframework.stereotype.Service;
 
 import com.ddf.vodsystem.entities.Job;
@@ -67,6 +69,9 @@ public class JobService {
         Job job = getJob(uuid);
         job.setProgress(0f);
 
+        SecurityContext context = SecurityContextHolder.getContext();
+        job.setSecurityContext(context);
+
         logger.info("Job ready: {}", job.getUuid());
         job.setStatus(JobStatus.PENDING);
         jobQueue.add(job);
@@ -77,11 +82,21 @@ public class JobService {
      * @param job the job to process
      */
     private void processJob(Job job) {
+        SecurityContext previousContext = SecurityContextHolder.getContext(); // optional, for restoring later
         try {
+            if (job.getSecurityContext() != null) {
+                SecurityContextHolder.setContext(job.getSecurityContext());
+            }
+
             clipService.run(job);
+
         } catch (IOException | InterruptedException e) {
             Thread.currentThread().interrupt();
             logger.error("Error while running job {}", job.getUuid(), e);
+
+        } finally {
+            // 🔄 Restore previous context to avoid leaking across jobs
+            SecurityContextHolder.setContext(previousContext);
         }
     }
 

From 8de4a147f2c6a3e4ab3541eec2766df61721e59a Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Thu, 3 Jul 2025 22:17:22 +0200
Subject: [PATCH 06/30] REMOVE JobService dependency from MetadataService

---
 .../ddf/vodsystem/services/MetadataService.java  | 16 ----------------
 1 file changed, 16 deletions(-)

diff --git a/src/main/java/com/ddf/vodsystem/services/MetadataService.java b/src/main/java/com/ddf/vodsystem/services/MetadataService.java
index b89c159..f3bf829 100644
--- a/src/main/java/com/ddf/vodsystem/services/MetadataService.java
+++ b/src/main/java/com/ddf/vodsystem/services/MetadataService.java
@@ -18,12 +18,6 @@ import java.io.InputStreamReader;
 public class MetadataService {
     private static Logger logger = LoggerFactory.getLogger(MetadataService.class);
 
-    private final JobService jobService;
-
-    public MetadataService(JobService jobService) {
-        this.jobService = jobService;
-    }
-
     public VideoMetadata getVideoMetadata(File file) {
         logger.info("Getting metadata for file {}", file.getAbsolutePath());
 
@@ -50,16 +44,6 @@ public class MetadataService {
         }
     }
 
-    public VideoMetadata getInputFileMetadata(String uuid) {
-        Job job = jobService.getJob(uuid);
-        return getVideoMetadata(job.getInputFile());
-    }
-
-    public VideoMetadata getOutputFileMetadata(String uuid) {
-        Job job = jobService.getJob(uuid);
-        return getVideoMetadata(job.getOutputFile());
-    }
-
     private JsonNode readStandardOutput(Process process) throws IOException{
         // Read the standard output (JSON metadata)
         BufferedReader reader = new BufferedReader(new InputStreamReader(process.getInputStream()));

From 3abdfe3978f85a51c37024408bf77eded7bc5962 Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Thu, 3 Jul 2025 22:40:29 +0200
Subject: [PATCH 07/30] ADD file size retrieval and update VideoMetadata object

---
 .../ddf/vodsystem/services/ClipService.java   | 48 +++++++++++++------
 .../vodsystem/services/MetadataService.java   | 23 ++++++++-
 2 files changed, 55 insertions(+), 16 deletions(-)

diff --git a/src/main/java/com/ddf/vodsystem/services/ClipService.java b/src/main/java/com/ddf/vodsystem/services/ClipService.java
index b1aaadc..14e202b 100644
--- a/src/main/java/com/ddf/vodsystem/services/ClipService.java
+++ b/src/main/java/com/ddf/vodsystem/services/ClipService.java
@@ -30,12 +30,25 @@ public class ClipService {
     private static final float BITRATE_MULTIPLIER = 0.9f;
 
     private final ClipRepository clipRepository;
+    private final MetadataService metadataService;
     private final Pattern timePattern = Pattern.compile("out_time_ms=(\\d+)");
 
-    public ClipService(ClipRepository clipRepository) {
+    public ClipService(ClipRepository clipRepository, MetadataService metadataService) {
         this.clipRepository = clipRepository;
+        this.metadataService = metadataService;
     }
 
+    /**
+     * Runs the FFMPEG command to create a video clip based on the provided job.
+     * Updates the job status and progress as the command executes.
+     * This method validates the input and output video metadata,
+     * Updates the job VideoMetadata with the output file size,
+     *
+     * @param job the job containing input and output video metadata
+     * @throws IOException if an I/O error occurs during command execution
+     * @throws InterruptedException if the thread is interrupted while waiting for the process to finish
+     *
+     */
     public void run(Job job) throws IOException, InterruptedException {
         logger.info("FFMPEG starting...");
 
@@ -45,6 +58,26 @@ public class ClipService {
         Process process = pb.start();
         job.setStatus(JobStatus.RUNNING);
 
+        updateJobProgress(process, job);
+
+        if (process.waitFor() != 0) {
+            job.setStatus(JobStatus.FAILED);
+            throw new FFMPEGException("FFMPEG process failed");
+        }
+
+        Float fileSize = metadataService.getFileSize(job.getOutputFile());
+        job.getOutputVideoMetadata().setFileSize(fileSize);
+
+        User user = getUser();
+        if (user != null) {
+            createClip(job.getOutputVideoMetadata(), user);
+        }
+
+        job.setStatus(JobStatus.FINISHED);
+        logger.info("FFMPEG finished");
+    }
+
+    private void updateJobProgress(Process process, Job job) throws IOException {
         BufferedReader reader = new BufferedReader(new InputStreamReader(process.getInputStream()));
         float length = job.getOutputVideoMetadata().getEndPoint() - job.getOutputVideoMetadata().getStartPoint();
 
@@ -58,19 +91,6 @@ public class ClipService {
                 job.setProgress(progress);
             }
         }
-
-        if (process.waitFor() != 0) {
-            job.setStatus(JobStatus.FAILED);
-            throw new FFMPEGException("FFMPEG process failed");
-        }
-
-        User user = getUser();
-        if (user != null) {
-            createClip(job.getOutputVideoMetadata(), user);
-        }
-
-        job.setStatus(JobStatus.FINISHED);
-        logger.info("FFMPEG finished");
     }
 
     private User getUser() {
diff --git a/src/main/java/com/ddf/vodsystem/services/MetadataService.java b/src/main/java/com/ddf/vodsystem/services/MetadataService.java
index f3bf829..3c19a06 100644
--- a/src/main/java/com/ddf/vodsystem/services/MetadataService.java
+++ b/src/main/java/com/ddf/vodsystem/services/MetadataService.java
@@ -1,6 +1,5 @@
 package com.ddf.vodsystem.services;
 
-import com.ddf.vodsystem.entities.Job;
 import com.ddf.vodsystem.entities.VideoMetadata;
 import com.ddf.vodsystem.exceptions.FFMPEGException;
 import com.fasterxml.jackson.databind.JsonNode;
@@ -16,7 +15,7 @@ import java.io.InputStreamReader;
 
 @Service
 public class MetadataService {
-    private static Logger logger = LoggerFactory.getLogger(MetadataService.class);
+    private static final Logger logger = LoggerFactory.getLogger(MetadataService.class);
 
     public VideoMetadata getVideoMetadata(File file) {
         logger.info("Getting metadata for file {}", file.getAbsolutePath());
@@ -44,6 +43,26 @@ public class MetadataService {
         }
     }
 
+    public Float getFileSize(File file) {
+        logger.info("Getting file size for {}", file.getAbsolutePath());
+        VideoMetadata metadata = getVideoMetadata(file);
+
+        if (metadata.getFileSize() == null) {
+            throw new FFMPEGException("File size not found");
+        }
+
+        return metadata.getFileSize();
+    }
+
+    public Float getVideoDuration(File file) {
+        logger.info("Getting video duration for {}", file.getAbsolutePath());
+        VideoMetadata metadata = getVideoMetadata(file);
+        if (metadata.getEndPoint() == null) {
+            throw new FFMPEGException("Video duration not found");
+        }
+        return metadata.getEndPoint();
+    }
+
     private JsonNode readStandardOutput(Process process) throws IOException{
         // Read the standard output (JSON metadata)
         BufferedReader reader = new BufferedReader(new InputStreamReader(process.getInputStream()));

From ea1508d1cfdcf2f1cc1d2a7aa28afaccc243f5c4 Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Fri, 4 Jul 2025 22:47:52 +0200
Subject: [PATCH 08/30] ADD title and description fields to outputMetadata

---
 frontend/src/pages/ClipEdit.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/pages/ClipEdit.tsx b/frontend/src/pages/ClipEdit.tsx
index db93065..6241fd9 100644
--- a/frontend/src/pages/ClipEdit.tsx
+++ b/frontend/src/pages/ClipEdit.tsx
@@ -17,6 +17,8 @@ const ClipEdit = () => {
     const [playbackValue, setPlaybackValue] = useState(0);
     const [outputMetadata, setOutputMetadata] = useState<VideoMetadata>({
         // default values
+        title: "",
+        description: "",
         startPoint: 0,
         endPoint: 5,
         width: 1280,

From 12eafcdd3e09a9b840d32355a6c134c20b57b62f Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Sat, 5 Jul 2025 10:37:27 +0200
Subject: [PATCH 09/30] REFactor storage configuration and introduce
 DirectoryService for file management

---
 .../vodsystem/services/DirectoryService.java  | 70 +++++++++++++++++++
 .../ddf/vodsystem/services/UploadService.java | 60 +++-------------
 src/main/resources/application.properties     |  5 +-
 3 files changed, 81 insertions(+), 54 deletions(-)
 create mode 100644 src/main/java/com/ddf/vodsystem/services/DirectoryService.java

diff --git a/src/main/java/com/ddf/vodsystem/services/DirectoryService.java b/src/main/java/com/ddf/vodsystem/services/DirectoryService.java
new file mode 100644
index 0000000..3283b4d
--- /dev/null
+++ b/src/main/java/com/ddf/vodsystem/services/DirectoryService.java
@@ -0,0 +1,70 @@
+package com.ddf.vodsystem.services;
+
+import jakarta.annotation.PostConstruct;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.stereotype.Service;
+import org.springframework.web.multipart.MultipartFile;
+
+import java.io.File;
+import java.io.IOException;
+import java.nio.file.Files;
+import java.nio.file.Path;
+import java.nio.file.Paths;
+import java.nio.file.StandardCopyOption;
+
+import org.slf4j.Logger;
+
+@Service
+public class DirectoryService {
+
+    private static final Logger logger = org.slf4j.LoggerFactory.getLogger(DirectoryService.class);
+
+    @Value("${storage.outputs}")
+    private String outputDir;
+
+    @Value("${storage.temp.inputs}")
+    private String tempInputsDir;
+
+    @Value("${storage.temp.outputs}")
+    private String tempOutputsDir;
+
+    public File getTempInputFile(String id) {
+        String dir = tempInputsDir + File.separator + id;
+        return new File(dir);
+    }
+
+    public File getTempOutputFile(String id) {
+        String dir = tempOutputsDir + File.separator + id;
+        return new File(dir);
+    }
+
+    public File getOutputFile(String id) {
+        String dir = outputDir + File.separator + id;
+        return new File(dir);
+    }
+
+    public void saveData(File file, MultipartFile multipartFile) {
+        try {
+            Path filePath = Paths.get(file.getAbsolutePath());
+            Files.copy(multipartFile.getInputStream(), filePath, StandardCopyOption.REPLACE_EXISTING);
+        } catch (IOException e) {
+            logger.error(e.getMessage());
+        }
+    }
+
+    public void createDirectory(String dir) throws IOException {
+        // Create the directory if it doesn't exist
+        Path outputPath = Paths.get(dir);
+        if (Files.notExists(outputPath)) {
+            Files.createDirectories(outputPath);
+            logger.info("Created directory: {}", outputPath);
+        }
+    }
+
+    @PostConstruct
+    public void createDirectoriesIfNotExist() throws IOException {
+        createDirectory(tempInputsDir);
+        createDirectory(tempOutputsDir);
+        createDirectory(outputDir);
+    }
+}
\ No newline at end of file
diff --git a/src/main/java/com/ddf/vodsystem/services/UploadService.java b/src/main/java/com/ddf/vodsystem/services/UploadService.java
index 18c81e7..370c508 100644
--- a/src/main/java/com/ddf/vodsystem/services/UploadService.java
+++ b/src/main/java/com/ddf/vodsystem/services/UploadService.java
@@ -2,19 +2,14 @@ package com.ddf.vodsystem.services;
 
 import com.ddf.vodsystem.entities.Job;
 import com.ddf.vodsystem.entities.VideoMetadata;
-import jakarta.annotation.PostConstruct;
 import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.beans.factory.annotation.Value;
 import org.springframework.stereotype.Service;
 import org.springframework.web.multipart.MultipartFile;
 
 import java.io.File;
-import java.io.IOException;
 import java.nio.ByteBuffer;
-import java.nio.file.Files;
 import java.nio.file.Path;
 import java.nio.file.Paths;
-import java.nio.file.StandardCopyOption;
 import java.util.Base64;
 import java.util.UUID;
 
@@ -25,18 +20,17 @@ import org.slf4j.LoggerFactory;
 public class UploadService {
     private static final Logger logger = LoggerFactory.getLogger(UploadService.class);
 
-    @Value("${temp.vod.storage}")
-    private String inputDir;
-    @Value("${temp.vod.output}")
-    private String outputDir;
-
     private final JobService jobService;
     private final MetadataService metadataService;
+    private final DirectoryService directoryService;
 
     @Autowired
-    public UploadService(JobService jobService, MetadataService metadataService) {
+    public UploadService(JobService jobService,
+                         MetadataService metadataService,
+                         DirectoryService directoryService) {
         this.jobService = jobService;
         this.metadataService = metadataService;
+        this.directoryService = directoryService;
     }
 
     public String upload(MultipartFile file) {
@@ -45,13 +39,9 @@ public class UploadService {
         String extension = getFileExtension(file.getOriginalFilename());
         String filename = uuid + (extension.isEmpty() ? "" : "." + extension);
 
-        Path inputPath = Paths.get(inputDir, filename);
-        File inputFile = inputPath.toFile();
-
-        Path outputPath = Paths.get(outputDir, filename);
-        File outputFile = outputPath.toFile();
-
-        moveToFile(file, inputFile);
+        File inputFile = directoryService.getTempInputFile(filename);
+        File outputFile = directoryService.getTempOutputFile(filename);
+        directoryService.saveData(inputFile, file);
 
         // add job
         VideoMetadata videoMetadata = metadataService.getVideoMetadata(inputFile);
@@ -61,15 +51,6 @@ public class UploadService {
         return uuid;
     }
 
-    private void moveToFile(MultipartFile inputFile, File outputFile) {
-        try {
-            Path filePath = Paths.get(outputFile.getAbsolutePath());
-            Files.copy(inputFile.getInputStream(), filePath, StandardCopyOption.REPLACE_EXISTING);
-        } catch (IOException e) {
-            logger.error(e.getMessage());
-        }
-    }
-
     private static String generateShortUUID() {
         UUID uuid = UUID.randomUUID();
         ByteBuffer bb = ByteBuffer.wrap(new byte[16]);
@@ -88,29 +69,4 @@ public class UploadService {
         }
         return fileName.substring(dotIndex + 1);
     }
-
-    private void createDirectories() throws IOException {
-        // Create INPUT_DIR if it doesn't exist
-        Path inputDirPath = Paths.get(inputDir);
-        if (Files.notExists(inputDirPath)) {
-            Files.createDirectories(inputDirPath);
-            logger.info("Created directory: {}", inputDir);
-        }
-
-        // Create OUTPUT_DIR if it doesn't exist
-        Path outputDirPath = Paths.get(outputDir);
-        if (Files.notExists(outputDirPath)) {
-            Files.createDirectories(outputDirPath);
-            logger.info("Created directory: {}", outputDir);
-        }
-    }
-
-    @PostConstruct
-    public void init() {
-        try {
-            createDirectories();
-        } catch (IOException e) {
-            logger.error("Failed to create directories: " + e.getMessage(), e);
-        }
-    }
 }
diff --git a/src/main/resources/application.properties b/src/main/resources/application.properties
index 773728b..fde3f3f 100644
--- a/src/main/resources/application.properties
+++ b/src/main/resources/application.properties
@@ -4,8 +4,9 @@ spring.profiles.active=local
 # VODs
 spring.servlet.multipart.max-file-size=2GB
 spring.servlet.multipart.max-request-size=2GB
-temp.vod.storage=videos/inputs/
-temp.vod.output=videos/outputs/
+storage.temp.inputs=videos/inputs/
+storage.temp.outputs=videos/outputs/
+storage.outputs=videos/clips/
 
 # Logging
 logging.level.org.springframework.web=DEBUG
\ No newline at end of file

From dcb2bcff223ff8abc06505cd9db7251479957e3b Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Mon, 7 Jul 2025 21:59:54 +0200
Subject: [PATCH 10/30] ADD DirectoryService integration for clip persistence
 and file management

---
 .../ddf/vodsystem/services/ClipService.java   | 21 +++++++----
 .../vodsystem/services/DirectoryService.java  | 35 +++++++++++++++----
 .../ddf/vodsystem/services/UploadService.java | 19 ++--------
 3 files changed, 47 insertions(+), 28 deletions(-)

diff --git a/src/main/java/com/ddf/vodsystem/services/ClipService.java b/src/main/java/com/ddf/vodsystem/services/ClipService.java
index 14e202b..b1bd7f4 100644
--- a/src/main/java/com/ddf/vodsystem/services/ClipService.java
+++ b/src/main/java/com/ddf/vodsystem/services/ClipService.java
@@ -31,11 +31,15 @@ public class ClipService {
 
     private final ClipRepository clipRepository;
     private final MetadataService metadataService;
+    private final DirectoryService directoryService;
     private final Pattern timePattern = Pattern.compile("out_time_ms=(\\d+)");
 
-    public ClipService(ClipRepository clipRepository, MetadataService metadataService) {
+    public ClipService(ClipRepository clipRepository,
+                       MetadataService metadataService,
+                       DirectoryService directoryService) {
         this.clipRepository = clipRepository;
         this.metadataService = metadataService;
+        this.directoryService = directoryService;
     }
 
     /**
@@ -70,7 +74,7 @@ public class ClipService {
 
         User user = getUser();
         if (user != null) {
-            createClip(job.getOutputVideoMetadata(), user);
+            persistClip(job.getOutputVideoMetadata(), user, job);
         }
 
         job.setStatus(JobStatus.FINISHED);
@@ -182,10 +186,16 @@ public class ClipService {
         return new ProcessBuilder(command);
     }
 
-    private void createClip(VideoMetadata videoMetadata, User user) {
+    private void persistClip(VideoMetadata videoMetadata, User user, Job job) {
+        // Move clip from temp to output directory
+        String fileExtension = directoryService.getFileExtension(job.getOutputFile().getAbsolutePath());
+        File outputFile = directoryService.getOutputFile(job.getUuid(), fileExtension);
+        directoryService.copyFile(job.getOutputFile(), outputFile);
+
+        // Save clip to database
         Clip clip = new Clip();
-        clip.setTitle(videoMetadata.getTitle() != null ? videoMetadata.getTitle() : "Untitled Clip");
         clip.setUser(user);
+        clip.setTitle(videoMetadata.getTitle() != null ? videoMetadata.getTitle() : "Untitled Clip");
         clip.setDescription(videoMetadata.getDescription());
         clip.setCreatedAt(LocalDateTime.now());
         clip.setWidth(videoMetadata.getWidth());
@@ -193,8 +203,7 @@ public class ClipService {
         clip.setFps(videoMetadata.getFps());
         clip.setDuration(videoMetadata.getEndPoint() - videoMetadata.getStartPoint());
         clip.setFileSize(videoMetadata.getFileSize());
-        clip.setVideoPath("test");
+        clip.setVideoPath(outputFile.getPath());
         clipRepository.save(clip);
     }
-
 }
diff --git a/src/main/java/com/ddf/vodsystem/services/DirectoryService.java b/src/main/java/com/ddf/vodsystem/services/DirectoryService.java
index 3283b4d..efc8fc4 100644
--- a/src/main/java/com/ddf/vodsystem/services/DirectoryService.java
+++ b/src/main/java/com/ddf/vodsystem/services/DirectoryService.java
@@ -28,18 +28,18 @@ public class DirectoryService {
     @Value("${storage.temp.outputs}")
     private String tempOutputsDir;
 
-    public File getTempInputFile(String id) {
-        String dir = tempInputsDir + File.separator + id;
+    public File getTempInputFile(String id, String extension) {
+        String dir = tempInputsDir + File.separator + id + (extension.isEmpty() ? "" : "." + extension);
         return new File(dir);
     }
 
-    public File getTempOutputFile(String id) {
-        String dir = tempOutputsDir + File.separator + id;
+    public File getTempOutputFile(String id, String extension) {
+        String dir = tempOutputsDir + File.separator + id + (extension.isEmpty() ? "" : "." + extension);
         return new File(dir);
     }
 
-    public File getOutputFile(String id) {
-        String dir = outputDir + File.separator + id;
+    public File getOutputFile(String id, String extension) {
+        String dir = outputDir + File.separator + id + (extension.isEmpty() ? "" : "." + extension);
         return new File(dir);
     }
 
@@ -52,6 +52,29 @@ public class DirectoryService {
         }
     }
 
+    public void copyFile(File source, File target) {
+        Path sourcePath = Paths.get(source.getAbsolutePath());
+        Path destPath = Paths.get(target.getAbsolutePath());
+
+        try {
+            Files.copy(sourcePath, destPath, StandardCopyOption.REPLACE_EXISTING);
+            logger.info("Copied file from {} to {}", sourcePath, destPath);
+        } catch (IOException e) {
+            logger.error(e.getMessage());
+        }
+    }
+
+    public String getFileExtension(String filePath) {
+        Path path = Paths.get(filePath);
+        String fileName = path.getFileName().toString();
+
+        int dotIndex = fileName.lastIndexOf('.');
+        if (dotIndex == -1) {
+            return ""; // No extension
+        }
+        return fileName.substring(dotIndex + 1);
+    }
+
     public void createDirectory(String dir) throws IOException {
         // Create the directory if it doesn't exist
         Path outputPath = Paths.get(dir);
diff --git a/src/main/java/com/ddf/vodsystem/services/UploadService.java b/src/main/java/com/ddf/vodsystem/services/UploadService.java
index 370c508..991f07b 100644
--- a/src/main/java/com/ddf/vodsystem/services/UploadService.java
+++ b/src/main/java/com/ddf/vodsystem/services/UploadService.java
@@ -8,8 +8,6 @@ import org.springframework.web.multipart.MultipartFile;
 
 import java.io.File;
 import java.nio.ByteBuffer;
-import java.nio.file.Path;
-import java.nio.file.Paths;
 import java.util.Base64;
 import java.util.UUID;
 
@@ -36,11 +34,10 @@ public class UploadService {
     public String upload(MultipartFile file) {
         // generate uuid, filename
         String uuid = generateShortUUID();
-        String extension = getFileExtension(file.getOriginalFilename());
-        String filename = uuid + (extension.isEmpty() ? "" : "." + extension);
+        String extension = directoryService.getFileExtension(file.getOriginalFilename());
 
-        File inputFile = directoryService.getTempInputFile(filename);
-        File outputFile = directoryService.getTempOutputFile(filename);
+        File inputFile = directoryService.getTempInputFile(uuid, extension);
+        File outputFile = directoryService.getTempOutputFile(uuid, extension);
         directoryService.saveData(inputFile, file);
 
         // add job
@@ -59,14 +56,4 @@ public class UploadService {
         return Base64.getUrlEncoder().withoutPadding().encodeToString(bb.array());
     }
 
-    private static String getFileExtension(String filePath) {
-        Path path = Paths.get(filePath);
-        String fileName = path.getFileName().toString();
-
-        int dotIndex = fileName.lastIndexOf('.');
-        if (dotIndex == -1) {
-            return ""; // No extension
-        }
-        return fileName.substring(dotIndex + 1);
-    }
 }

From 466b6b35f5ddc55789e2879edda443d93374a692 Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Mon, 7 Jul 2025 22:16:03 +0200
Subject: [PATCH 11/30] ADD scheduled cleanup for temporary directories in
 DirectoryService

---
 .../ddf/vodsystem/VodSystemApplication.java   |  2 ++
 .../vodsystem/services/DirectoryService.java  | 28 ++++++++++++++++++-
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/main/java/com/ddf/vodsystem/VodSystemApplication.java b/src/main/java/com/ddf/vodsystem/VodSystemApplication.java
index f8c3ef9..17f4d61 100644
--- a/src/main/java/com/ddf/vodsystem/VodSystemApplication.java
+++ b/src/main/java/com/ddf/vodsystem/VodSystemApplication.java
@@ -2,8 +2,10 @@ package com.ddf.vodsystem;
 
 import org.springframework.boot.SpringApplication;
 import org.springframework.boot.autoconfigure.SpringBootApplication;
+import org.springframework.scheduling.annotation.EnableScheduling;
 
 @SpringBootApplication
+@EnableScheduling
 public class VodSystemApplication {
 
 	public static void main(String[] args) {
diff --git a/src/main/java/com/ddf/vodsystem/services/DirectoryService.java b/src/main/java/com/ddf/vodsystem/services/DirectoryService.java
index efc8fc4..698b2e2 100644
--- a/src/main/java/com/ddf/vodsystem/services/DirectoryService.java
+++ b/src/main/java/com/ddf/vodsystem/services/DirectoryService.java
@@ -2,6 +2,7 @@ package com.ddf.vodsystem.services;
 
 import jakarta.annotation.PostConstruct;
 import org.springframework.beans.factory.annotation.Value;
+import org.springframework.scheduling.annotation.Scheduled;
 import org.springframework.stereotype.Service;
 import org.springframework.web.multipart.MultipartFile;
 
@@ -28,6 +29,8 @@ public class DirectoryService {
     @Value("${storage.temp.outputs}")
     private String tempOutputsDir;
 
+    private static final long TEMP_DIR_TIMELIMIT = 3 * 60 * 60 * (long) 1000; // 3 hours
+
     public File getTempInputFile(String id, String extension) {
         String dir = tempInputsDir + File.separator + id + (extension.isEmpty() ? "" : "." + extension);
         return new File(dir);
@@ -75,7 +78,7 @@ public class DirectoryService {
         return fileName.substring(dotIndex + 1);
     }
 
-    public void createDirectory(String dir) throws IOException {
+    private void createDirectory(String dir) throws IOException {
         // Create the directory if it doesn't exist
         Path outputPath = Paths.get(dir);
         if (Files.notExists(outputPath)) {
@@ -84,10 +87,33 @@ public class DirectoryService {
         }
     }
 
+    private void cleanUpDirectory(String dir) throws IOException {
+        File file = new File(dir);
+        File[] files = file.listFiles();
+
+        if (files == null) {
+            logger.warn("No files found in directory: {}", dir);
+            return;
+        }
+
+        for (File f : files){
+            if (f.isFile() && f.lastModified() < (System.currentTimeMillis() - TEMP_DIR_TIMELIMIT)) {
+                Files.delete(f.toPath());
+            }
+        }
+
+    }
+
     @PostConstruct
     public void createDirectoriesIfNotExist() throws IOException {
         createDirectory(tempInputsDir);
         createDirectory(tempOutputsDir);
         createDirectory(outputDir);
     }
+
+    @Scheduled(fixedRate = (30 * 60 * 1000))
+    public void cleanTempDirectories() throws IOException {
+        cleanUpDirectory(tempInputsDir);
+        cleanUpDirectory(tempOutputsDir);
+    }
 }
\ No newline at end of file

From 2958dd8cd7bb6f90293a09e3ad5e9237eeefe4ed Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Mon, 7 Jul 2025 22:35:40 +0200
Subject: [PATCH 12/30] ADD ClipNames component for title and description input
 in ClipEdit

---
 frontend/src/components/video/ClipNames.tsx   | 37 +++++++++++++++++++
 frontend/src/pages/ClipEdit.tsx               |  4 ++
 .../ddf/vodsystem/services/UploadService.java |  1 +
 3 files changed, 42 insertions(+)
 create mode 100644 frontend/src/components/video/ClipNames.tsx

diff --git a/frontend/src/components/video/ClipNames.tsx b/frontend/src/components/video/ClipNames.tsx
new file mode 100644
index 0000000..c972297
--- /dev/null
+++ b/frontend/src/components/video/ClipNames.tsx
@@ -0,0 +1,37 @@
+import clsx from "clsx";
+import type {VideoMetadata} from "../../utils/types.ts";
+
+type ClipNamesProps = {
+    setMetadata: Function
+    className?: string;
+}
+
+const ClipNames = ({setMetadata, className}: ClipNamesProps) => {
+    return (
+        <div className={clsx("flex flex-col gap-2 p-10", className)}>
+            <label>Title: </label>
+            <input
+                type="text"
+                placeholder="Enter title"
+                onChange={(e) => setMetadata((prevState: VideoMetadata) => ({
+                    ...prevState,
+                    title: e.target.value
+                }))}
+                className={"border-black bg-gray-200 rounded-md w-full p-2"}
+            />
+
+            <label>Description: </label>
+            <input
+                type="text"
+                placeholder="Enter description"
+                onChange={(e) => setMetadata((prevState: VideoMetadata) => ({
+                    ...prevState,
+                    description: e.target.value
+                }))}
+                className={"border-black bg-gray-200 rounded-md w-full p-2"}
+            />
+        </div>
+    )
+}
+
+export default ClipNames;
\ No newline at end of file
diff --git a/frontend/src/pages/ClipEdit.tsx b/frontend/src/pages/ClipEdit.tsx
index 6241fd9..28c1be2 100644
--- a/frontend/src/pages/ClipEdit.tsx
+++ b/frontend/src/pages/ClipEdit.tsx
@@ -8,6 +8,7 @@ import ExportWidget from "../components/video/ExportWidget.tsx";
 import {editFile, getMetadata, processFile, getProgress} from "../utils/endpoints"
 import type { VideoMetadata } from "../utils/types.ts";
 import Box from "../components/Box.tsx";
+import ClipNames from "../components/video/ClipNames.tsx";
 
 const ClipEdit = () => {
     const { id } = useParams();
@@ -100,6 +101,9 @@ const ClipEdit = () => {
 
 
             <Box className={"w-4/5 h-full m-auto"}>
+                <ClipNames
+                    setMetadata={setOutputMetadata}
+                />
                 <ClipConfig
                     setMetadata={setOutputMetadata}
                 />
diff --git a/src/main/java/com/ddf/vodsystem/services/UploadService.java b/src/main/java/com/ddf/vodsystem/services/UploadService.java
index 991f07b..bd010d3 100644
--- a/src/main/java/com/ddf/vodsystem/services/UploadService.java
+++ b/src/main/java/com/ddf/vodsystem/services/UploadService.java
@@ -41,6 +41,7 @@ public class UploadService {
         directoryService.saveData(inputFile, file);
 
         // add job
+        logger.info("Uploaded file and creating job with UUID: {}", uuid);
         VideoMetadata videoMetadata = metadataService.getVideoMetadata(inputFile);
         Job job = new Job(uuid, inputFile, outputFile, videoMetadata);
         jobService.add(job);

From 6d4146ed85e358c2c5ef2e2f95d38e0c238efc32 Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Tue, 8 Jul 2025 18:11:41 +0200
Subject: [PATCH 13/30] ADD input structure for metadata

---
 frontend/src/components/video/ClipNames.tsx   | 37 -----------------
 .../video/{ClipConfig.tsx => ConfigBox.tsx}   |  2 +-
 frontend/src/components/video/MetadataBox.tsx | 41 +++++++++++++++++++
 frontend/src/pages/ClipEdit.tsx               |  8 ++--
 .../vodsystem/services/DirectoryService.java  |  3 +-
 5 files changed, 48 insertions(+), 43 deletions(-)
 delete mode 100644 frontend/src/components/video/ClipNames.tsx
 rename frontend/src/components/video/{ClipConfig.tsx => ConfigBox.tsx} (97%)
 create mode 100644 frontend/src/components/video/MetadataBox.tsx

diff --git a/frontend/src/components/video/ClipNames.tsx b/frontend/src/components/video/ClipNames.tsx
deleted file mode 100644
index c972297..0000000
--- a/frontend/src/components/video/ClipNames.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import clsx from "clsx";
-import type {VideoMetadata} from "../../utils/types.ts";
-
-type ClipNamesProps = {
-    setMetadata: Function
-    className?: string;
-}
-
-const ClipNames = ({setMetadata, className}: ClipNamesProps) => {
-    return (
-        <div className={clsx("flex flex-col gap-2 p-10", className)}>
-            <label>Title: </label>
-            <input
-                type="text"
-                placeholder="Enter title"
-                onChange={(e) => setMetadata((prevState: VideoMetadata) => ({
-                    ...prevState,
-                    title: e.target.value
-                }))}
-                className={"border-black bg-gray-200 rounded-md w-full p-2"}
-            />
-
-            <label>Description: </label>
-            <input
-                type="text"
-                placeholder="Enter description"
-                onChange={(e) => setMetadata((prevState: VideoMetadata) => ({
-                    ...prevState,
-                    description: e.target.value
-                }))}
-                className={"border-black bg-gray-200 rounded-md w-full p-2"}
-            />
-        </div>
-    )
-}
-
-export default ClipNames;
\ No newline at end of file
diff --git a/frontend/src/components/video/ClipConfig.tsx b/frontend/src/components/video/ConfigBox.tsx
similarity index 97%
rename from frontend/src/components/video/ClipConfig.tsx
rename to frontend/src/components/video/ConfigBox.tsx
index fe18d2c..42e5052 100644
--- a/frontend/src/components/video/ClipConfig.tsx
+++ b/frontend/src/components/video/ConfigBox.tsx
@@ -7,7 +7,7 @@ type prop = {
     className?: string;
 }
 
-export default function ClipConfig({setMetadata, className}: prop) {
+export default function ConfigBox({setMetadata, className}: prop) {
     const updateRes = (e: React.ChangeEvent<HTMLSelectElement>) => {
         var vals = e.target.value.split(",");
         setMetadata((prevState: VideoMetadata) => ({
diff --git a/frontend/src/components/video/MetadataBox.tsx b/frontend/src/components/video/MetadataBox.tsx
new file mode 100644
index 0000000..a69ba6c
--- /dev/null
+++ b/frontend/src/components/video/MetadataBox.tsx
@@ -0,0 +1,41 @@
+import clsx from "clsx";
+import type {VideoMetadata} from "../../utils/types.ts";
+import Selector from "../Selector.tsx";
+
+type MetadataBoxProps = {
+    setMetadata: Function
+    className?: string;
+}
+
+const MetadataBox = ({setMetadata, className}: MetadataBoxProps) => {
+    return (
+        <div className={clsx("flex flex-col content-between p-10 gap-2", className)}>
+            <h2 className={"text-3xl font-bold mb-4 col-span-2"}>Metadata Settings</h2>
+
+            <Selector label={"Title"}>
+                <input
+                    type="text"
+                    placeholder="Enter title"
+                    onChange={(e) => setMetadata((prevState: VideoMetadata) => ({
+                        ...prevState,
+                        title: e.target.value
+                    }))}
+                    className={"border-black bg-gray-200 rounded-md w-full p-2"}
+                />
+            </Selector>
+
+            <Selector label={"Description"}>
+                <textarea
+                    placeholder="Enter description"
+                    onChange={(e) => setMetadata((prevState: VideoMetadata) => ({
+                        ...prevState,
+                        description: e.target.value
+                    }))}
+                    className={"border-black bg-gray-200 rounded-md w-full p-2 pb-10 resize-none max-h"}
+                />
+            </Selector>
+        </div>
+    )
+}
+
+export default MetadataBox;
\ No newline at end of file
diff --git a/frontend/src/pages/ClipEdit.tsx b/frontend/src/pages/ClipEdit.tsx
index 28c1be2..fdcae56 100644
--- a/frontend/src/pages/ClipEdit.tsx
+++ b/frontend/src/pages/ClipEdit.tsx
@@ -3,12 +3,12 @@ import { useEffect, useRef, useState } from "react";
 import Playbar from "./../components/video/Playbar";
 import PlaybackSlider from "./../components/video/PlaybackSlider";
 import ClipRangeSlider from "./../components/video/ClipRangeSlider";
-import ClipConfig from "./../components/video/ClipConfig";
+import ConfigBox from "../components/video/ConfigBox.tsx";
 import ExportWidget from "../components/video/ExportWidget.tsx";
 import {editFile, getMetadata, processFile, getProgress} from "../utils/endpoints"
 import type { VideoMetadata } from "../utils/types.ts";
 import Box from "../components/Box.tsx";
-import ClipNames from "../components/video/ClipNames.tsx";
+import MetadataBox from "../components/video/MetadataBox.tsx";
 
 const ClipEdit = () => {
     const { id } = useParams();
@@ -101,10 +101,10 @@ const ClipEdit = () => {
 
 
             <Box className={"w-4/5 h-full m-auto"}>
-                <ClipNames
+                <MetadataBox
                     setMetadata={setOutputMetadata}
                 />
-                <ClipConfig
+                <ConfigBox
                     setMetadata={setOutputMetadata}
                 />
             </Box>
diff --git a/src/main/java/com/ddf/vodsystem/services/DirectoryService.java b/src/main/java/com/ddf/vodsystem/services/DirectoryService.java
index 698b2e2..0eaa21a 100644
--- a/src/main/java/com/ddf/vodsystem/services/DirectoryService.java
+++ b/src/main/java/com/ddf/vodsystem/services/DirectoryService.java
@@ -30,6 +30,7 @@ public class DirectoryService {
     private String tempOutputsDir;
 
     private static final long TEMP_DIR_TIMELIMIT = 3 * 60 * 60 * (long) 1000; // 3 hours
+    private static final long TEMP_DIR_CLEANUP_RATE = 30 * 60 * (long) 1000; // 30 minutes
 
     public File getTempInputFile(String id, String extension) {
         String dir = tempInputsDir + File.separator + id + (extension.isEmpty() ? "" : "." + extension);
@@ -111,7 +112,7 @@ public class DirectoryService {
         createDirectory(outputDir);
     }
 
-    @Scheduled(fixedRate = (30 * 60 * 1000))
+    @Scheduled(fixedRate = TEMP_DIR_CLEANUP_RATE)
     public void cleanTempDirectories() throws IOException {
         cleanUpDirectory(tempInputsDir);
         cleanUpDirectory(tempOutputsDir);

From fa89c66260c2cf3ef2063a355929022e7781fa8d Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Tue, 8 Jul 2025 18:26:47 +0200
Subject: [PATCH 14/30] REFACTOR clipService and ADD ffmpegService

---
 frontend/src/pages/MyClips.tsx                |  0
 .../ddf/vodsystem/services/ClipService.java   | 97 ++-----------------
 .../ddf/vodsystem/services/FfmpegService.java | 91 +++++++++++++++++
 .../vodsystem/services/MetadataService.java   | 10 ++
 4 files changed, 107 insertions(+), 91 deletions(-)
 create mode 100644 frontend/src/pages/MyClips.tsx
 create mode 100644 src/main/java/com/ddf/vodsystem/services/FfmpegService.java

diff --git a/frontend/src/pages/MyClips.tsx b/frontend/src/pages/MyClips.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/src/main/java/com/ddf/vodsystem/services/ClipService.java b/src/main/java/com/ddf/vodsystem/services/ClipService.java
index b1bd7f4..e7e209d 100644
--- a/src/main/java/com/ddf/vodsystem/services/ClipService.java
+++ b/src/main/java/com/ddf/vodsystem/services/ClipService.java
@@ -7,8 +7,6 @@ import java.io.File;
 import java.io.IOException;
 import java.io.InputStreamReader;
 import java.time.LocalDateTime;
-import java.util.ArrayList;
-import java.util.List;
 import java.util.regex.Matcher;
 import java.util.regex.Pattern;
 
@@ -25,21 +23,20 @@ import org.springframework.stereotype.Service;
 public class ClipService {
     private static final Logger logger = LoggerFactory.getLogger(ClipService.class);
 
-    private static final float AUDIO_RATIO = 0.15f;
-    private static final float MAX_AUDIO_BITRATE = 128f;
-    private static final float BITRATE_MULTIPLIER = 0.9f;
-
     private final ClipRepository clipRepository;
     private final MetadataService metadataService;
     private final DirectoryService directoryService;
+    private final FfmpegService ffmpegService;
     private final Pattern timePattern = Pattern.compile("out_time_ms=(\\d+)");
 
     public ClipService(ClipRepository clipRepository,
                        MetadataService metadataService,
-                       DirectoryService directoryService) {
+                       DirectoryService directoryService,
+                       FfmpegService ffmpegService) {
         this.clipRepository = clipRepository;
         this.metadataService = metadataService;
         this.directoryService = directoryService;
+        this.ffmpegService = ffmpegService;
     }
 
     /**
@@ -55,10 +52,9 @@ public class ClipService {
      */
     public void run(Job job) throws IOException, InterruptedException {
         logger.info("FFMPEG starting...");
+        metadataService.normalizeVideoMetadata(job.getInputVideoMetadata(), job.getOutputVideoMetadata());
 
-        validateVideoMetadata(job.getInputVideoMetadata(), job.getOutputVideoMetadata());
-
-        ProcessBuilder pb = buildCommand(job.getInputFile(), job.getOutputFile(), job.getOutputVideoMetadata());
+        ProcessBuilder pb = ffmpegService.buildCommand(job.getInputFile(), job.getOutputFile(), job.getOutputVideoMetadata());
         Process process = pb.start();
         job.setStatus(JobStatus.RUNNING);
 
@@ -105,87 +101,6 @@ public class ClipService {
         return null;
     }
 
-    private void validateVideoMetadata(VideoMetadata inputFileMetadata, VideoMetadata outputFileMetadata) {
-        if (outputFileMetadata.getStartPoint() == null) {
-            outputFileMetadata.setStartPoint(0f);
-        }
-
-        if (outputFileMetadata.getEndPoint() == null) {
-            outputFileMetadata.setEndPoint(inputFileMetadata.getEndPoint());
-        }
-    }
-
-    private void buildFilters(ArrayList<String> command, Float fps, Integer width, Integer height) {
-        List<String> filters = new ArrayList<>();
-
-        if (fps != null) {
-            filters.add("fps=" + fps);
-        }
-
-        if (!(width == null && height == null)) {
-            String w = (width != null) ? width.toString() : "-1";
-            String h = (height != null) ? height.toString() : "-1";
-            filters.add("scale=" + w + ":" + h);
-        }
-
-        if (!filters.isEmpty()) {
-            command.add("-vf");
-            command.add(String.join(",", filters));
-        }
-    }
-
-    private void buildBitrate(ArrayList<String> command, Float length, Float fileSize) {
-        float bitrate = ((fileSize * 8) / length) * BITRATE_MULTIPLIER;
-
-        float audioBitrate = bitrate * AUDIO_RATIO;
-        float videoBitrate;
-
-        if (audioBitrate > MAX_AUDIO_BITRATE) {
-            audioBitrate = MAX_AUDIO_BITRATE;
-            videoBitrate = bitrate - MAX_AUDIO_BITRATE;
-        } else {
-            videoBitrate = bitrate * (1 - AUDIO_RATIO);
-        }
-
-        command.add("-b:v");
-        command.add(videoBitrate + "k");
-        command.add("-b:a");
-        command.add(audioBitrate + "k");
-    }
-
-    private void buildInputs(ArrayList<String> command, File inputFile, Float startPoint, Float length) {
-        command.add("-ss");
-        command.add(startPoint.toString());
-
-        command.add("-i");
-        command.add(inputFile.getAbsolutePath());
-
-        command.add("-t");
-        command.add(Float.toString(length));
-    }
-
-    private ProcessBuilder buildCommand(File inputFile, File outputFile, VideoMetadata videoMetadata) {
-        ArrayList<String> command = new ArrayList<>();
-        command.add("ffmpeg");
-        command.add("-progress");
-        command.add("pipe:1");
-        command.add("-y");
-
-        Float length = videoMetadata.getEndPoint() - videoMetadata.getStartPoint();
-        buildInputs(command, inputFile, videoMetadata.getStartPoint(), length);
-        buildFilters(command, videoMetadata.getFps(), videoMetadata.getWidth(), videoMetadata.getHeight());
-
-        if (videoMetadata.getFileSize() != null) {
-            buildBitrate(command, length, videoMetadata.getFileSize());
-        }
-
-        // Output file
-        command.add(outputFile.getAbsolutePath());
-
-        logger.info("Running command: {}", command);
-        return new ProcessBuilder(command);
-    }
-
     private void persistClip(VideoMetadata videoMetadata, User user, Job job) {
         // Move clip from temp to output directory
         String fileExtension = directoryService.getFileExtension(job.getOutputFile().getAbsolutePath());
diff --git a/src/main/java/com/ddf/vodsystem/services/FfmpegService.java b/src/main/java/com/ddf/vodsystem/services/FfmpegService.java
new file mode 100644
index 0000000..dd8d495
--- /dev/null
+++ b/src/main/java/com/ddf/vodsystem/services/FfmpegService.java
@@ -0,0 +1,91 @@
+package com.ddf.vodsystem.services;
+
+import com.ddf.vodsystem.entities.VideoMetadata;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.stereotype.Service;
+
+import java.io.File;
+import java.util.ArrayList;
+import java.util.List;
+
+@Service
+public class FfmpegService {
+    private static final Logger logger = LoggerFactory.getLogger(FfmpegService.class);
+
+    private static final float AUDIO_RATIO = 0.15f;
+    private static final float MAX_AUDIO_BITRATE = 128f;
+    private static final float BITRATE_MULTIPLIER = 0.9f;
+
+    private void buildFilters(ArrayList<String> command, Float fps, Integer width, Integer height) {
+        List<String> filters = new ArrayList<>();
+
+        if (fps != null) {
+            logger.info("Frame rate set to {}", fps);
+            filters.add("fps=" + fps);
+        }
+
+        if (!(width == null && height == null)) {
+            logger.info("Scaling video to width: {}, height: {}", width, height);
+            String w = (width != null) ? width.toString() : "-1";
+            String h = (height != null) ? height.toString() : "-1";
+            filters.add("scale=" + w + ":" + h);
+        }
+
+        if (!filters.isEmpty()) {
+            logger.info("Adding video filters");
+            command.add("-vf");
+            command.add(String.join(",", filters));
+        }
+    }
+
+    private void buildBitrate(ArrayList<String> command, Float length, Float fileSize) {
+        float bitrate = ((fileSize * 8) / length) * BITRATE_MULTIPLIER;
+
+        float audioBitrate = bitrate * AUDIO_RATIO;
+        float videoBitrate;
+
+        if (audioBitrate > MAX_AUDIO_BITRATE) {
+            audioBitrate = MAX_AUDIO_BITRATE;
+            videoBitrate = bitrate - MAX_AUDIO_BITRATE;
+        } else {
+            videoBitrate = bitrate * (1 - AUDIO_RATIO);
+        }
+
+        command.add("-b:v");
+        command.add(videoBitrate + "k");
+        command.add("-b:a");
+        command.add(audioBitrate + "k");
+    }
+
+    private void buildInputs(ArrayList<String> command, File inputFile, Float startPoint, Float length) {
+        command.add("-ss");
+        command.add(startPoint.toString());
+
+        command.add("-i");
+        command.add(inputFile.getAbsolutePath());
+
+        command.add("-t");
+        command.add(Float.toString(length));
+    }
+
+    public ProcessBuilder buildCommand(File inputFile, File outputFile, VideoMetadata videoMetadata) {
+        ArrayList<String> command = new ArrayList<>();
+        command.add("ffmpeg");
+        command.add("-progress");
+        command.add("pipe:1");
+        command.add("-y");
+
+        Float length = videoMetadata.getEndPoint() - videoMetadata.getStartPoint();
+        buildInputs(command, inputFile, videoMetadata.getStartPoint(), length);
+        buildFilters(command, videoMetadata.getFps(), videoMetadata.getWidth(), videoMetadata.getHeight());
+
+        if (videoMetadata.getFileSize() != null) {
+            buildBitrate(command, length, videoMetadata.getFileSize());
+        }
+
+        // Output file
+        command.add(outputFile.getAbsolutePath());
+        return new ProcessBuilder(command);
+    }
+}
diff --git a/src/main/java/com/ddf/vodsystem/services/MetadataService.java b/src/main/java/com/ddf/vodsystem/services/MetadataService.java
index 3c19a06..080dd16 100644
--- a/src/main/java/com/ddf/vodsystem/services/MetadataService.java
+++ b/src/main/java/com/ddf/vodsystem/services/MetadataService.java
@@ -63,6 +63,16 @@ public class MetadataService {
         return metadata.getEndPoint();
     }
 
+    public void normalizeVideoMetadata(VideoMetadata inputFileMetadata, VideoMetadata outputFileMetadata) {
+        if (outputFileMetadata.getStartPoint() == null) {
+            outputFileMetadata.setStartPoint(0f);
+        }
+
+        if (outputFileMetadata.getEndPoint() == null) {
+            outputFileMetadata.setEndPoint(inputFileMetadata.getEndPoint());
+        }
+    }
+
     private JsonNode readStandardOutput(Process process) throws IOException{
         // Read the standard output (JSON metadata)
         BufferedReader reader = new BufferedReader(new InputStreamReader(process.getInputStream()));

From c512f055eebbd9a232d2d0f47fce98944a8f86db Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Wed, 9 Jul 2025 18:25:51 +0200
Subject: [PATCH 15/30] Refactor FfmpegService to improve progress tracking and
 streamline command building

---
 .../java/com/ddf/vodsystem/entities/Job.java  |  4 +-
 .../ddf/vodsystem/services/ClipService.java   | 36 +-------
 .../ddf/vodsystem/services/EditService.java   |  2 +-
 .../ddf/vodsystem/services/FfmpegService.java | 87 +++++++++++++++----
 .../ddf/vodsystem/services/JobService.java    |  2 +-
 5 files changed, 79 insertions(+), 52 deletions(-)

diff --git a/src/main/java/com/ddf/vodsystem/entities/Job.java b/src/main/java/com/ddf/vodsystem/entities/Job.java
index 4f1c6ad..5e59c31 100644
--- a/src/main/java/com/ddf/vodsystem/entities/Job.java
+++ b/src/main/java/com/ddf/vodsystem/entities/Job.java
@@ -1,6 +1,8 @@
 package com.ddf.vodsystem.entities;
 
 import java.io.File;
+import java.util.concurrent.atomic.AtomicReference;
+
 import org.springframework.security.core.context.SecurityContext;
 
 import lombok.Data;
@@ -20,7 +22,7 @@ public class Job {
 
     // job status
     private JobStatus status = JobStatus.NOT_READY;
-    private Float progress = 0.0f;
+    private AtomicReference<Float> progress = new AtomicReference<>(0f);
 
     public Job(String uuid, File inputFile, File outputFile, VideoMetadata inputVideoMetadata) {
         this.uuid = uuid;
diff --git a/src/main/java/com/ddf/vodsystem/services/ClipService.java b/src/main/java/com/ddf/vodsystem/services/ClipService.java
index e7e209d..78cba6f 100644
--- a/src/main/java/com/ddf/vodsystem/services/ClipService.java
+++ b/src/main/java/com/ddf/vodsystem/services/ClipService.java
@@ -2,15 +2,10 @@ package com.ddf.vodsystem.services;
 
 import com.ddf.vodsystem.entities.*;
 
-import java.io.BufferedReader;
 import java.io.File;
 import java.io.IOException;
-import java.io.InputStreamReader;
 import java.time.LocalDateTime;
-import java.util.regex.Matcher;
-import java.util.regex.Pattern;
 
-import com.ddf.vodsystem.exceptions.FFMPEGException;
 import com.ddf.vodsystem.repositories.ClipRepository;
 import com.ddf.vodsystem.security.CustomOAuth2User;
 import org.slf4j.Logger;
@@ -27,7 +22,6 @@ public class ClipService {
     private final MetadataService metadataService;
     private final DirectoryService directoryService;
     private final FfmpegService ffmpegService;
-    private final Pattern timePattern = Pattern.compile("out_time_ms=(\\d+)");
 
     public ClipService(ClipRepository clipRepository,
                        MetadataService metadataService,
@@ -51,19 +45,8 @@ public class ClipService {
      *
      */
     public void run(Job job) throws IOException, InterruptedException {
-        logger.info("FFMPEG starting...");
         metadataService.normalizeVideoMetadata(job.getInputVideoMetadata(), job.getOutputVideoMetadata());
-
-        ProcessBuilder pb = ffmpegService.buildCommand(job.getInputFile(), job.getOutputFile(), job.getOutputVideoMetadata());
-        Process process = pb.start();
-        job.setStatus(JobStatus.RUNNING);
-
-        updateJobProgress(process, job);
-
-        if (process.waitFor() != 0) {
-            job.setStatus(JobStatus.FAILED);
-            throw new FFMPEGException("FFMPEG process failed");
-        }
+        ffmpegService.runWithProgress(job.getInputFile(), job.getOutputFile(), job.getOutputVideoMetadata(), job.getProgress());
 
         Float fileSize = metadataService.getFileSize(job.getOutputFile());
         job.getOutputVideoMetadata().setFileSize(fileSize);
@@ -74,24 +57,9 @@ public class ClipService {
         }
 
         job.setStatus(JobStatus.FINISHED);
-        logger.info("FFMPEG finished");
+        logger.info("FFMPEG finished successfully for job: {}", job.getUuid());
     }
 
-    private void updateJobProgress(Process process, Job job) throws IOException {
-        BufferedReader reader = new BufferedReader(new InputStreamReader(process.getInputStream()));
-        float length = job.getOutputVideoMetadata().getEndPoint() - job.getOutputVideoMetadata().getStartPoint();
-
-        String line;
-        while ((line = reader.readLine()) != null) {
-            logger.debug(line);
-            Matcher matcher = timePattern.matcher(line);
-
-            if (matcher.find()) {
-                Float progress = Long.parseLong(matcher.group(1))/(length*1000000);
-                job.setProgress(progress);
-            }
-        }
-    }
 
     private User getUser() {
         Authentication auth = SecurityContextHolder.getContext().getAuthentication();
diff --git a/src/main/java/com/ddf/vodsystem/services/EditService.java b/src/main/java/com/ddf/vodsystem/services/EditService.java
index 5ccf654..e69e2f9 100644
--- a/src/main/java/com/ddf/vodsystem/services/EditService.java
+++ b/src/main/java/com/ddf/vodsystem/services/EditService.java
@@ -29,7 +29,7 @@ public class EditService {
             return 1f;
         }
 
-        return job.getProgress();
+        return job.getProgress().get();
     }
 
     private void validateClipConfig(VideoMetadata videoMetadata) {
diff --git a/src/main/java/com/ddf/vodsystem/services/FfmpegService.java b/src/main/java/com/ddf/vodsystem/services/FfmpegService.java
index dd8d495..741ca6e 100644
--- a/src/main/java/com/ddf/vodsystem/services/FfmpegService.java
+++ b/src/main/java/com/ddf/vodsystem/services/FfmpegService.java
@@ -5,9 +5,15 @@ import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 import org.springframework.stereotype.Service;
 
+import java.io.BufferedReader;
 import java.io.File;
+import java.io.IOException;
+import java.io.InputStreamReader;
 import java.util.ArrayList;
 import java.util.List;
+import java.util.concurrent.atomic.AtomicReference;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
 
 @Service
 public class FfmpegService {
@@ -16,8 +22,51 @@ public class FfmpegService {
     private static final float AUDIO_RATIO = 0.15f;
     private static final float MAX_AUDIO_BITRATE = 128f;
     private static final float BITRATE_MULTIPLIER = 0.9f;
+    private final Pattern timePattern = Pattern.compile("out_time_ms=(\\d+)");
+
+    public void runWithProgress(File inputFile, File outputFile, VideoMetadata videoMetadata, AtomicReference<Float> progress) throws IOException, InterruptedException {
+        logger.info("Starting FFMPEG process");
+
+        List<String> command = buildCommand(inputFile, outputFile, videoMetadata);
+
+        String strCommand = String.join(" ", command);
+        logger.info("FFMPEG command: {}", strCommand);
+
+        ProcessBuilder processBuilder = new ProcessBuilder(command);
+        processBuilder.redirectErrorStream(true);
+
+        Process process = processBuilder.start();
+        logger.info("FFMPEG process started with PID: {}", process.pid());
+
+        updateJobProgress(process, progress, videoMetadata.getEndPoint() - videoMetadata.getStartPoint());
+        process.waitFor();
+
+        logger.info("FFMPEG process completed successfully");
+    }
+
+    public void run(File inputFile, File outputFile, VideoMetadata videoMetadata) throws IOException, InterruptedException {
+        runWithProgress(inputFile, outputFile, videoMetadata, new AtomicReference<>(0f));
+    }
+
+    private void updateJobProgress(Process process, AtomicReference<Float> progress, Float length) throws IOException {
+        BufferedReader reader = new BufferedReader(new InputStreamReader(process.getInputStream()));
+
+        String line;
+        while ((line = reader.readLine()) != null) {
+            logger.debug(line);
+            Matcher matcher = timePattern.matcher(line);
+
+            if (matcher.find()) {
+                Float timeInMs = Float.parseFloat(matcher.group(1)) / 1000000f;
+                progress.set(timeInMs/length);
+            }
+        }
+    }
+
+    private List<String> buildFilters(Float fps, Integer width, Integer height) {
+        List<String> command = new ArrayList<>();
+        command.add("-vf");
 
-    private void buildFilters(ArrayList<String> command, Float fps, Integer width, Integer height) {
         List<String> filters = new ArrayList<>();
 
         if (fps != null) {
@@ -32,16 +81,15 @@ public class FfmpegService {
             filters.add("scale=" + w + ":" + h);
         }
 
-        if (!filters.isEmpty()) {
-            logger.info("Adding video filters");
-            command.add("-vf");
-            command.add(String.join(",", filters));
-        }
+        logger.info("Adding video filters");
+        command.add(String.join(",", filters));
+        return command;
     }
 
-    private void buildBitrate(ArrayList<String> command, Float length, Float fileSize) {
-        float bitrate = ((fileSize * 8) / length) * BITRATE_MULTIPLIER;
+    private List<String> buildBitrate(Float length, Float fileSize) {
+        List<String> command = new ArrayList<>();
 
+        float bitrate = ((fileSize * 8) / length) * BITRATE_MULTIPLIER;
         float audioBitrate = bitrate * AUDIO_RATIO;
         float videoBitrate;
 
@@ -56,9 +104,13 @@ public class FfmpegService {
         command.add(videoBitrate + "k");
         command.add("-b:a");
         command.add(audioBitrate + "k");
+
+        return command;
     }
 
-    private void buildInputs(ArrayList<String> command, File inputFile, Float startPoint, Float length) {
+    private List<String> buildInputs(File inputFile, Float startPoint, Float length) {
+        List<String> command = new ArrayList<>();
+
         command.add("-ss");
         command.add(startPoint.toString());
 
@@ -67,25 +119,30 @@ public class FfmpegService {
 
         command.add("-t");
         command.add(Float.toString(length));
+
+        return command;
     }
 
-    public ProcessBuilder buildCommand(File inputFile, File outputFile, VideoMetadata videoMetadata) {
-        ArrayList<String> command = new ArrayList<>();
+    private List<String> buildCommand(File inputFile, File outputFile, VideoMetadata videoMetadata) {
+        List<String> command = new ArrayList<>();
         command.add("ffmpeg");
         command.add("-progress");
         command.add("pipe:1");
         command.add("-y");
 
         Float length = videoMetadata.getEndPoint() - videoMetadata.getStartPoint();
-        buildInputs(command, inputFile, videoMetadata.getStartPoint(), length);
-        buildFilters(command, videoMetadata.getFps(), videoMetadata.getWidth(), videoMetadata.getHeight());
+        command.addAll(buildInputs(inputFile, length, length));
+
+        if (videoMetadata.getFps() != null || videoMetadata.getWidth() != null || videoMetadata.getHeight() != null) {
+            command.addAll(buildFilters(videoMetadata.getFps(), videoMetadata.getWidth(), videoMetadata.getHeight()));
+        }
 
         if (videoMetadata.getFileSize() != null) {
-            buildBitrate(command, length, videoMetadata.getFileSize());
+            command.addAll(buildBitrate(length, videoMetadata.getFileSize()));
         }
 
         // Output file
         command.add(outputFile.getAbsolutePath());
-        return new ProcessBuilder(command);
+        return command;
     }
 }
diff --git a/src/main/java/com/ddf/vodsystem/services/JobService.java b/src/main/java/com/ddf/vodsystem/services/JobService.java
index ec15b0d..242a736 100644
--- a/src/main/java/com/ddf/vodsystem/services/JobService.java
+++ b/src/main/java/com/ddf/vodsystem/services/JobService.java
@@ -67,7 +67,6 @@ public class JobService {
      */
     public void jobReady(String uuid) {
         Job job = getJob(uuid);
-        job.setProgress(0f);
 
         SecurityContext context = SecurityContextHolder.getContext();
         job.setSecurityContext(context);
@@ -113,6 +112,7 @@ public class JobService {
                     Job job = jobQueue.take(); // Blocks until a job is available
 
                     logger.info("Starting job {}", job.getUuid());
+                    job.setStatus(JobStatus.RUNNING);
                     processJob(job);
                 } catch (InterruptedException e) {
                     Thread.currentThread().interrupt();

From 130938c56a1e407cff459ce3d6c91c4c658c6bc3 Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Wed, 9 Jul 2025 18:39:40 +0200
Subject: [PATCH 16/30] ADD MyClips page and VideoCard component

---
 frontend/src/App.tsx                        |  2 ++
 frontend/src/components/video/Playbar.tsx   | 15 +--------
 frontend/src/components/video/VideoCard.tsx | 36 +++++++++++++++++++++
 frontend/src/pages/MyClips.tsx              | 19 +++++++++++
 frontend/src/utils/utils.ts                 | 17 ++++++++++
 5 files changed, 75 insertions(+), 14 deletions(-)
 create mode 100644 frontend/src/components/video/VideoCard.tsx
 create mode 100644 frontend/src/utils/utils.ts

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 03e1fa6..45c810c 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -5,6 +5,7 @@ import ClipUpload from './pages/ClipUpload';
 import ClipEdit from './pages/ClipEdit';
 import Home from './pages/Home';
 import {useEffect} from "react";
+import MyClips from './pages/MyClips';
 
 
 function App() {
@@ -19,6 +20,7 @@ function App() {
                     <Route path="/" element={<Home />} />
                     <Route path="/create" element={<ClipUpload />} />
                     <Route path="/create/:id" element={<ClipEdit />} />
+                    <Route path="/my-clips" element={<MyClips />} />
                 </Route>
             </Routes>
         </Router>
diff --git a/frontend/src/components/video/Playbar.tsx b/frontend/src/components/video/Playbar.tsx
index f0ea19c..2dd68d6 100644
--- a/frontend/src/components/video/Playbar.tsx
+++ b/frontend/src/components/video/Playbar.tsx
@@ -2,6 +2,7 @@ import { useEffect, useState} from "react";
 import { Volume1, Volume2, VolumeX, Play, Pause } from 'lucide-react';
 import clsx from 'clsx';
 import type { VideoMetadata } from "../../utils/types.ts";
+import { formatTime } from "../../utils/utils.ts";
 
 
 type Props = {
@@ -10,20 +11,6 @@ type Props = {
     className?: string;
 };
 
-function formatTime(seconds: number): string {
-    const h = Math.floor(seconds / 3600);
-    const m = Math.floor((seconds % 3600) / 60);
-    const s = Math.floor(seconds % 60);
-
-    const padded = (n: number) => n.toString().padStart(2, '0');
-
-    if (h > 0) {
-        return `${h}:${padded(m)}:${padded(s)}`;
-    } else {
-        return `${m}:${padded(s)}`;
-    }
-}
-
 export default function Playbar({ video, videoMetadata, className }: Props) {
     const [isPlaying, setIsPlaying] = useState(false);
     const [volume, setVolume] = useState(100);
diff --git a/frontend/src/components/video/VideoCard.tsx b/frontend/src/components/video/VideoCard.tsx
new file mode 100644
index 0000000..cd2bf2f
--- /dev/null
+++ b/frontend/src/components/video/VideoCard.tsx
@@ -0,0 +1,36 @@
+import clsx from "clsx";
+import { formatTime } from "../../utils/utils.ts";
+import {Link} from "react-router-dom";
+
+type VideoCardProps = {
+    title: string,
+    length: number,
+    thumbnailUrl: string,
+    videoUrl: string,
+    className?: string
+}
+
+const VideoCard = ({
+                       title,
+                       length,
+                       thumbnailUrl,
+                       videoUrl,
+                       className}: VideoCardProps) => {
+    return (
+        <Link
+        to={videoUrl}
+        >
+            <div className={clsx("flex flex-col", className)}>
+                <img src={thumbnailUrl} alt="Video Thumbnail" />
+
+                <div className={"flex flex-row justify-between items-center p-2"}>
+                    <p>{title}</p>
+                    <p>{formatTime(length)}</p>
+                </div>
+
+            </div>
+        </Link>
+    );
+}
+
+export default VideoCard;
\ No newline at end of file
diff --git a/frontend/src/pages/MyClips.tsx b/frontend/src/pages/MyClips.tsx
index e69de29..ecedbb3 100644
--- a/frontend/src/pages/MyClips.tsx
+++ b/frontend/src/pages/MyClips.tsx
@@ -0,0 +1,19 @@
+import VideoCard from "../components/video/VideoCard";
+
+const MyClips = () => {
+    return (
+        <div>
+            <VideoCard
+                title={"My First Clip"}
+                length={120}
+                thumbnailUrl={"https://upload.wikimedia.org/wikipedia/commons/1/19/Billy_Joel_Shankbone_NYC_2009.jpg"}
+                videoUrl={"https://www.youtube.com/watch?v=dQw4w9WgXcQ"}
+                className={"w-40"}
+            />
+
+
+        </div>
+    );
+}
+
+export default MyClips;
diff --git a/frontend/src/utils/utils.ts b/frontend/src/utils/utils.ts
new file mode 100644
index 0000000..5a56bf7
--- /dev/null
+++ b/frontend/src/utils/utils.ts
@@ -0,0 +1,17 @@
+function formatTime(seconds: number): string {
+    const h = Math.floor(seconds / 3600);
+    const m = Math.floor((seconds % 3600) / 60);
+    const s = Math.floor(seconds % 60);
+
+    const padded = (n: number) => n.toString().padStart(2, '0');
+
+    if (h > 0) {
+        return `${h}:${padded(m)}:${padded(s)}`;
+    } else {
+        return `${m}:${padded(s)}`;
+    }
+}
+
+export {
+    formatTime
+}
\ No newline at end of file

From a78aecdfb6fd92959200a8d324da028250275e9d Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Wed, 9 Jul 2025 21:57:23 +0200
Subject: [PATCH 17/30] ADD ClipController for clip retrieval

---
 .../vodsystem/controllers/AuthController.java | 15 +++-----
 .../vodsystem/controllers/ClipController.java | 37 +++++++++++++++++++
 .../controllers/GlobalExceptionHandler.java   |  8 ++++
 .../java/com/ddf/vodsystem/entities/Clip.java |  5 ++-
 .../exceptions/NotAuthenticated.java          |  7 ++++
 .../repositories/ClipRepository.java          |  6 +++
 .../ddf/vodsystem/services/ClipService.java   | 12 ++++++
 7 files changed, 79 insertions(+), 11 deletions(-)
 create mode 100644 src/main/java/com/ddf/vodsystem/controllers/ClipController.java
 create mode 100644 src/main/java/com/ddf/vodsystem/exceptions/NotAuthenticated.java

diff --git a/src/main/java/com/ddf/vodsystem/controllers/AuthController.java b/src/main/java/com/ddf/vodsystem/controllers/AuthController.java
index de455e0..1197a6e 100644
--- a/src/main/java/com/ddf/vodsystem/controllers/AuthController.java
+++ b/src/main/java/com/ddf/vodsystem/controllers/AuthController.java
@@ -1,6 +1,7 @@
 package com.ddf.vodsystem.controllers;
 
 import com.ddf.vodsystem.entities.APIResponse;
+import com.ddf.vodsystem.exceptions.NotAuthenticated;
 import org.springframework.http.HttpStatus;
 import org.springframework.http.ResponseEntity;
 import org.springframework.security.core.annotation.AuthenticationPrincipal;
@@ -14,21 +15,17 @@ import java.util.Map;
 @RestController
 @RequestMapping("/api/v1/auth/")
 public class AuthController {
-
     @GetMapping("/user")
     public ResponseEntity<APIResponse<Map<String, Object>>> user(@AuthenticationPrincipal OAuth2User principal) {
         if (principal == null) {
-            return ResponseEntity.status(HttpStatus.FORBIDDEN).
-                    body(new APIResponse<>(
-                            "error", 
-                            "User not authenticated", 
-                            null
-                    ));
+            throw new NotAuthenticated("User is not authenticated");
         }
 
-        if (principal.getAttribute("email") == null
+        if (
+                principal.getAttribute("email") == null
                 || principal.getAttribute("name") == null
-                || principal.getAttribute("picture") == null) {
+                || principal.getAttribute("picture") == null)
+        {
             return ResponseEntity.status(HttpStatus.BAD_REQUEST).
                     body(new APIResponse<>(
                             "error",
diff --git a/src/main/java/com/ddf/vodsystem/controllers/ClipController.java b/src/main/java/com/ddf/vodsystem/controllers/ClipController.java
new file mode 100644
index 0000000..1910bda
--- /dev/null
+++ b/src/main/java/com/ddf/vodsystem/controllers/ClipController.java
@@ -0,0 +1,37 @@
+package com.ddf.vodsystem.controllers;
+
+import com.ddf.vodsystem.entities.APIResponse;
+import com.ddf.vodsystem.entities.Clip;
+import com.ddf.vodsystem.exceptions.NotAuthenticated;
+import com.ddf.vodsystem.services.ClipService;
+import org.springframework.http.HttpStatus;
+import org.springframework.http.ResponseEntity;
+import org.springframework.security.core.annotation.AuthenticationPrincipal;
+import org.springframework.security.oauth2.core.user.OAuth2User;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+import java.util.List;
+
+@Controller
+@RequestMapping("/api/v1/clips")
+public class ClipController {
+    private final ClipService clipService;
+
+    public ClipController(ClipService clipService) {
+        this.clipService = clipService;
+    }
+
+    @GetMapping("/")
+    public ResponseEntity<APIResponse<List<Clip>>> getClips(@AuthenticationPrincipal OAuth2User principal) {
+        if (principal == null) {
+            throw new NotAuthenticated("User is not authenticated");
+        }
+
+        List<Clip> clips = clipService.getClipsByUser();
+        return ResponseEntity.ok(
+                new APIResponse<>("success", "Clips retrieved successfully", clips)
+        );
+    }
+}
diff --git a/src/main/java/com/ddf/vodsystem/controllers/GlobalExceptionHandler.java b/src/main/java/com/ddf/vodsystem/controllers/GlobalExceptionHandler.java
index dfedadf..79fa6bd 100644
--- a/src/main/java/com/ddf/vodsystem/controllers/GlobalExceptionHandler.java
+++ b/src/main/java/com/ddf/vodsystem/controllers/GlobalExceptionHandler.java
@@ -4,6 +4,7 @@ import com.ddf.vodsystem.entities.APIResponse;
 import com.ddf.vodsystem.exceptions.FFMPEGException;
 import com.ddf.vodsystem.exceptions.JobNotFinished;
 import com.ddf.vodsystem.exceptions.JobNotFound;
+import com.ddf.vodsystem.exceptions.NotAuthenticated;
 import org.springframework.http.HttpStatus;
 import org.springframework.http.ResponseEntity;
 import org.springframework.web.HttpMediaTypeNotSupportedException;
@@ -68,4 +69,11 @@ public class GlobalExceptionHandler {
         APIResponse<Void> response = new APIResponse<>(ERROR, "FFMPEG Error: Please upload a valid file", null);
         return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR).body(response);
     }
+
+    @ExceptionHandler(NotAuthenticated.class)
+    public ResponseEntity<APIResponse<Void>> handleNotAuthenticated(NotAuthenticated ex) {
+        logger.error("NotAuthenticated: {}", ex.getMessage(), ex);
+        APIResponse<Void> response = new APIResponse<>(ERROR, "User is not authenticated", null);
+        return ResponseEntity.status(HttpStatus.UNAUTHORIZED).body(response);
+    }
 }
\ No newline at end of file
diff --git a/src/main/java/com/ddf/vodsystem/entities/Clip.java b/src/main/java/com/ddf/vodsystem/entities/Clip.java
index bf655cb..0ae1c77 100644
--- a/src/main/java/com/ddf/vodsystem/entities/Clip.java
+++ b/src/main/java/com/ddf/vodsystem/entities/Clip.java
@@ -1,8 +1,9 @@
 package com.ddf.vodsystem.entities;
 
+import com.fasterxml.jackson.annotation.JsonIgnore;
 import jakarta.persistence.*;
 import lombok.Data;
-import lombok.ToString;
+
 
 import java.time.LocalDateTime;
 
@@ -16,7 +17,7 @@ public class Clip {
     private Long id;
 
     @ManyToOne(fetch = FetchType.LAZY)
-    @ToString.Exclude
+    @JsonIgnore
     @JoinColumn(name = "user_id", nullable = false)
     private User user;
 
diff --git a/src/main/java/com/ddf/vodsystem/exceptions/NotAuthenticated.java b/src/main/java/com/ddf/vodsystem/exceptions/NotAuthenticated.java
new file mode 100644
index 0000000..2790650
--- /dev/null
+++ b/src/main/java/com/ddf/vodsystem/exceptions/NotAuthenticated.java
@@ -0,0 +1,7 @@
+package com.ddf.vodsystem.exceptions;
+
+public class NotAuthenticated extends RuntimeException {
+    public NotAuthenticated(String message) {
+        super(message);
+    }
+}
diff --git a/src/main/java/com/ddf/vodsystem/repositories/ClipRepository.java b/src/main/java/com/ddf/vodsystem/repositories/ClipRepository.java
index 5c804ff..10e9885 100644
--- a/src/main/java/com/ddf/vodsystem/repositories/ClipRepository.java
+++ b/src/main/java/com/ddf/vodsystem/repositories/ClipRepository.java
@@ -1,9 +1,15 @@
 package com.ddf.vodsystem.repositories;
 
 import com.ddf.vodsystem.entities.Clip;
+import com.ddf.vodsystem.entities.User;
 import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.data.jpa.repository.Query;
 import org.springframework.stereotype.Repository;
 
+import java.util.List;
+
 @Repository
 public interface ClipRepository extends JpaRepository<Clip, Long> {
+    @Query("SELECT c FROM Clip c WHERE c.user = ?1")
+    List<Clip> findByUser(User user);
 }
diff --git a/src/main/java/com/ddf/vodsystem/services/ClipService.java b/src/main/java/com/ddf/vodsystem/services/ClipService.java
index 78cba6f..4ac48dc 100644
--- a/src/main/java/com/ddf/vodsystem/services/ClipService.java
+++ b/src/main/java/com/ddf/vodsystem/services/ClipService.java
@@ -5,6 +5,7 @@ import com.ddf.vodsystem.entities.*;
 import java.io.File;
 import java.io.IOException;
 import java.time.LocalDateTime;
+import java.util.List;
 
 import com.ddf.vodsystem.repositories.ClipRepository;
 import com.ddf.vodsystem.security.CustomOAuth2User;
@@ -60,6 +61,17 @@ public class ClipService {
         logger.info("FFMPEG finished successfully for job: {}", job.getUuid());
     }
 
+    public List<Clip> getClipsByUser() {
+        User user = getUser();
+
+        if (user == null) {
+            logger.warn("No authenticated user found");
+            return List.of();
+        }
+
+        return clipRepository.findByUser(user);
+    }
+
 
     private User getUser() {
         Authentication auth = SecurityContextHolder.getContext().getAuthentication();

From c001a2a1a6d910fe0c2d4f485a1abdaa5a68ee6b Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Wed, 9 Jul 2025 22:57:54 +0200
Subject: [PATCH 18/30] ADD functionality to fetch and display user clips in
 MyClips component

---
 frontend/src/components/video/VideoCard.tsx   | 18 +++++-----
 frontend/src/pages/MyClips.tsx                | 31 +++++++++++-----
 frontend/src/utils/endpoints.ts               | 35 ++++++++++++++++---
 frontend/src/utils/types.ts                   | 15 +++++++-
 .../vodsystem/controllers/ClipController.java |  1 -
 5 files changed, 75 insertions(+), 25 deletions(-)

diff --git a/frontend/src/components/video/VideoCard.tsx b/frontend/src/components/video/VideoCard.tsx
index cd2bf2f..4bc544b 100644
--- a/frontend/src/components/video/VideoCard.tsx
+++ b/frontend/src/components/video/VideoCard.tsx
@@ -4,28 +4,28 @@ import {Link} from "react-router-dom";
 
 type VideoCardProps = {
     title: string,
-    length: number,
-    thumbnailUrl: string,
-    videoUrl: string,
+    duration: number,
+    thumbnailPath: string,
+    videoPath: string,
     className?: string
 }
 
 const VideoCard = ({
                        title,
-                       length,
-                       thumbnailUrl,
-                       videoUrl,
+                       duration,
+                       thumbnailPath,
+                       videoPath,
                        className}: VideoCardProps) => {
     return (
         <Link
-        to={videoUrl}
+        to={videoPath}
         >
             <div className={clsx("flex flex-col", className)}>
-                <img src={thumbnailUrl} alt="Video Thumbnail" />
+                <img src={thumbnailPath} alt="Video Thumbnail" />
 
                 <div className={"flex flex-row justify-between items-center p-2"}>
                     <p>{title}</p>
-                    <p>{formatTime(length)}</p>
+                    <p>{formatTime(duration)}</p>
                 </div>
 
             </div>
diff --git a/frontend/src/pages/MyClips.tsx b/frontend/src/pages/MyClips.tsx
index ecedbb3..d03e343 100644
--- a/frontend/src/pages/MyClips.tsx
+++ b/frontend/src/pages/MyClips.tsx
@@ -1,17 +1,30 @@
 import VideoCard from "../components/video/VideoCard";
+import {useEffect, useState} from "react";
+import { getClips } from "../utils/endpoints";
+import type { Clip } from "../utils/types";
 
 const MyClips = () => {
+    const [clips, setClips] = useState<Clip[]>([]);
+    const [error, setError] = useState<null | string>(null);
+
+    useEffect(() => {
+        getClips(setError).then((data) => setClips(data));
+    }, []);
+
     return (
-        <div>
-            <VideoCard
-                title={"My First Clip"}
-                length={120}
-                thumbnailUrl={"https://upload.wikimedia.org/wikipedia/commons/1/19/Billy_Joel_Shankbone_NYC_2009.jpg"}
-                videoUrl={"https://www.youtube.com/watch?v=dQw4w9WgXcQ"}
-                className={"w-40"}
-            />
-
+        <div className={"flex flex-row"}>
+            {clips.map((clip) => (
+                <VideoCard
+                    key={clip.videoPath}
+                    title={clip.title}
+                    duration={clip.duration}
+                    thumbnailPath={clip.thumbnailPath}
+                    videoPath={clip.videoPath}
+                    className={"w-30 p-5"}
+                />
+            ))}
 
+            {error}
         </div>
     );
 }
diff --git a/frontend/src/utils/endpoints.ts b/frontend/src/utils/endpoints.ts
index 43933d1..ae597a5 100644
--- a/frontend/src/utils/endpoints.ts
+++ b/frontend/src/utils/endpoints.ts
@@ -1,4 +1,4 @@
-import type {VideoMetadata, APIResponse, User} from "./types.ts";
+import type {VideoMetadata, APIResponse, User, Clip} from "./types.ts";
 
 /**
  * Uploads a file to the backend.
@@ -65,7 +65,9 @@ const editFile = async (
 /**
  * Triggers file processing.
  */
-const processFile = async (uuid: string, setError: Function): Promise<boolean> => {
+const processFile = async (
+    uuid: string,
+    setError: Function): Promise<boolean> => {
     try {
         const response = await fetch(`/api/v1/process/${uuid}`);
 
@@ -85,7 +87,8 @@ const processFile = async (uuid: string, setError: Function): Promise<boolean> =
 /**
  * Fetches the processing progress percentage.
  */
-const getProgress = async (uuid: string): Promise<number> => {
+const getProgress = async (
+    uuid: string): Promise<number> => {
     try {
         const response = await fetch(`/api/v1/progress/${uuid}`);
 
@@ -105,7 +108,8 @@ const getProgress = async (uuid: string): Promise<number> => {
 /**
  * Fetches original metadata from the backend.
  */
-const getMetadata = async (uuid: string): Promise<VideoMetadata> => {
+const getMetadata = async (
+    uuid: string): Promise<VideoMetadata> => {
     try {
         const response = await fetch(`/api/v1/metadata/original/${uuid}`);
 
@@ -143,11 +147,32 @@ const getUser = async (): Promise<null | User > => {
     }
 }
 
+const getClips = async (setError: Function): Promise< Clip[]> => {
+    try {
+        const response = await fetch('/api/v1/clips/', {credentials: "include",});
+
+        if (!response.ok) {
+            const errorResult: APIResponse = await response.json();
+            setError(errorResult.message);
+            return [];
+        }
+
+        const result: APIResponse = await response.json();
+        return result.data;
+
+    } catch (error: unknown) {
+        console.error('Error fetching clips:', error);
+        setError('Failed to fetch clips');
+        return [];
+    }
+}
+
 export {
     uploadFile,
     editFile,
     processFile,
     getProgress,
     getMetadata,
-    getUser
+    getUser,
+    getClips
 };
\ No newline at end of file
diff --git a/frontend/src/utils/types.ts b/frontend/src/utils/types.ts
index c1af16b..b8feb56 100644
--- a/frontend/src/utils/types.ts
+++ b/frontend/src/utils/types.ts
@@ -21,8 +21,21 @@ type User = {
     profilePicture: string
 }
 
+type Clip = {
+    title: string,
+    description: string,
+    duration: number,
+    thumbnailPath: string,
+    videoPath: string,
+    fps: number,
+    width: number,
+    height: number,
+    createdAt: string,
+}
+
 export type {
     APIResponse,
     VideoMetadata,
-    User
+    User,
+    Clip
 }
\ No newline at end of file
diff --git a/src/main/java/com/ddf/vodsystem/controllers/ClipController.java b/src/main/java/com/ddf/vodsystem/controllers/ClipController.java
index 1910bda..3be57b9 100644
--- a/src/main/java/com/ddf/vodsystem/controllers/ClipController.java
+++ b/src/main/java/com/ddf/vodsystem/controllers/ClipController.java
@@ -4,7 +4,6 @@ import com.ddf.vodsystem.entities.APIResponse;
 import com.ddf.vodsystem.entities.Clip;
 import com.ddf.vodsystem.exceptions.NotAuthenticated;
 import com.ddf.vodsystem.services.ClipService;
-import org.springframework.http.HttpStatus;
 import org.springframework.http.ResponseEntity;
 import org.springframework.security.core.annotation.AuthenticationPrincipal;
 import org.springframework.security.oauth2.core.user.OAuth2User;

From 16781aec04c41528155587a6543c5681063dda93 Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Wed, 9 Jul 2025 23:12:12 +0200
Subject: [PATCH 19/30] ADD fallback thumbnail

---
 frontend/public/default_thumbnail.png       | Bin 0 -> 1791 bytes
 frontend/src/components/video/VideoCard.tsx |  31 ++++++++++++++------
 frontend/src/pages/MyClips.tsx              |   2 +-
 3 files changed, 23 insertions(+), 10 deletions(-)
 create mode 100644 frontend/public/default_thumbnail.png

diff --git a/frontend/public/default_thumbnail.png b/frontend/public/default_thumbnail.png
new file mode 100644
index 0000000000000000000000000000000000000000..81eb65297e6016ecc61bcca98d0bce1e999f76cb
GIT binary patch
literal 1791
zcmb`IX;jh)7sio9MWu2G0mbZXGabsmX>Vfg3t^Up<3fo_Rvt4fmvU`XB+`tO2{oO_
zESGW0<G3^`s4OBj4yL)3TM)TMrkOad8L#tU=F@ze_c_0No^$Rw_v7>2Tc^B_!gP&v
zK_C#!li=<H0%<5V##wXI#wLHVmat*KspGyLJibUd`<crZPS4HHsut^cEiIz9(WwtJ
z^9x<Quf)%PZ)_I48kS9c{PbIA_uKJF;H^_B2&9$e>F(m25d5**3YO-q4|2w`9vbxY
z!wn0n)6J>XbwKfBPqrX7N@|CGC%?g9Fp}Yh|5jZ_JvR2CM=Ut;_~&z(pN75cuiyo9
z-EtFWe2nBQNF7*ilYC|j5lfE1njf0_P{@KAM`IXA&}YSwUB%R=_kz9P12#euS$vnx
zj>ucgjqI0M<uj;dEs=frzTCmS%h|aVGl<2^#weoA&<R!C8qYdXHr8_Z6MYa^o@r1m
zI$U|-CO^0T#qKdBk}v(N?d|wFOSrGBGbraUVAQcH#12a?%7u#!j==G^n{q4xyAW{s
z>7q$J>PH+^Gz{xRBou?FaP`jTaMXkeh0|#hpg>PjA`!8g^#N(Pgdfc2PCdZcrnpY&
z*kdxnvY>{vus0S*75)2cV%M~_65mqqoWam~!Y*|tea75oHiI+JBNIB;Ya#qmrT#n_
zvUyCUovr4JG@A!BkvL8D6BXE>0{M%Pb|P31U#+UmW9p+|>jfuBT{9*a7+_TOlQgW7
z(^WY_1eMTMZEe0Y3Vdz=n&QVO_Wc+r?xpvHL9<I*E_iL(UUA>~;3_O1!%RU#!hf+f
z!=Wq-UKW*I<cjwB-OLUjA<f=Qjj<Ee^x?S1!NqZ{PkiXfb^TgjE%MQv$MxU*dc=qR
z={v=8oe$kqBkwjL6gcxpblEQya3ExC=@T38q)*!n7WUKczG)i0r8oPcmy&8Wx5}*y
zM4-qZqw9woDIu2<VrcPTJw8P7y1Ih0E=XTnG66k(*I^UB(&Pd`f_BuC;Rq`BrJ^Q{
zIBbh8@Wt*}CJwgI4>bB&8N!+JMfL2RpjKJN`*mWPza%~Vk13@@e9yL2;V+rTZZVdL
zk{vOU2p!#WL8dfhT6XZTi%i){>xj8U0PF2F)pQXpnMACcl7Yl?ZJXGp19um`PowMY
zMcjsZS6u}tTtk20XA%K0!dwX;#Wz<;cV`%Nd1y{Ax*G4!FZ>WEix!oR{>Y;2%G=ZA
zC240=v9S-ow%0SjY($9CGFo{jS$4qKe5-lkWhfMn<ex;|S9=Ng)7SP7YFPM-;Rcn)
z1CFnIwbAR%PXn&Jc&yA~Xij%La@w8}xAM-6jdN(E@J2Z-ipfx*lc0|AG3~-#sG1b*
zhXtUCu5MAHg&^z>TYGUsF@iS=LyOw|9-@9$=HF1zpzn?1-3|ajKv0b@g-79qa)nn#
zS0ypD9<m{L%zpxGwsbvBk>%hiJl_OVhGHQFROHRJ2o3_tX?s@}p2WL$k_6cKl{DzN
zu@j>FeXAV=GsGs(N4GANyF<G3yZS3;TIUw_Cxxc7Rs2`N1rtng^oiqhRB)&?vl+jZ
zqLcS!r=NS&JZ}i+*Zf}%^})g?nTlqpc683S`16J)!8K`$ar>b?CAyoXd$8LRUfu{J
z`&9Q+lI6Sg9DS;vQF4z7iR7jgsNe%ZZ!d(MWnfM^2H2gxIo6m-MgFc^Kky~{kVBz|
z6pH@|8-Du|>-00u#&JeHX=E3Kg=T6=Ult7(et$Hgx@OYt=r{24PD*Y=v9%Tayp}Oy
z*vuL=ac--5HIYW35#>x&Blrh!$&mXqVVs1iQ&36Y1!=#OQYzd?0D%@Q$=QY~!)9(9
z3|5suyz~C!qmWOhv<V@s&6Pske}tUkY5@77e5%b&WYL}OB_|~ntqLqps<x!mx)?a5
z5NHU}-#l>A|K-62jahYO9lX4wFZ^D4m(_18CDv_bD@XP?ex1zFpTFNRQnNfxEb}jP
z$r73-RBWz<r$Ybimje2)9!0|N_Or0rzzJQBWv!OwiD`Y|7kS%fIIc?A&g?cM^JrXf
z2^Tw(9#k3&dA+uT$yZzzkLfdmtE{&zIYhqa(Eb<?i{s=qjL#;$p<P>(-M@%W43mAW
zTgR1aY}H8zRh*4IrgNw_%5|$V4XMd$n744`hPI1JLmIQAoxW`zIDHZ29k~*)ym%}p
eDz)|hBzRdKTE{*$k+Sj8K%O4n?p3ao^#1|6(^(7v

literal 0
HcmV?d00001

diff --git a/frontend/src/components/video/VideoCard.tsx b/frontend/src/components/video/VideoCard.tsx
index 4bc544b..fd90eff 100644
--- a/frontend/src/components/video/VideoCard.tsx
+++ b/frontend/src/components/video/VideoCard.tsx
@@ -1,36 +1,49 @@
 import clsx from "clsx";
 import { formatTime } from "../../utils/utils.ts";
-import {Link} from "react-router-dom";
+import { Link } from "react-router-dom";
+import { useState } from "react";
 
 type VideoCardProps = {
     title: string,
     duration: number,
-    thumbnailPath: string,
+    thumbnailPath: string | null,
     videoPath: string,
     className?: string
 }
 
+const fallbackThumbnail = "../../../public/default_thumbnail.png";
+
 const VideoCard = ({
                        title,
                        duration,
                        thumbnailPath,
                        videoPath,
-                       className}: VideoCardProps) => {
+                       className
+                   }: VideoCardProps) => {
+
+    const initialSrc = thumbnailPath && thumbnailPath.trim() !== "" ? thumbnailPath : fallbackThumbnail;
+    const [imgSrc, setImgSrc] = useState(initialSrc);
+
     return (
-        <Link
-        to={videoPath}
-        >
+        <Link to={videoPath}>
             <div className={clsx("flex flex-col", className)}>
-                <img src={thumbnailPath} alt="Video Thumbnail" />
+                <img
+                    src={imgSrc}
+                    alt="Video Thumbnail"
+                    onError={() => {
+                        if (imgSrc !== fallbackThumbnail) {
+                            setImgSrc(fallbackThumbnail);
+                        }
+                    }}
+                />
 
                 <div className={"flex flex-row justify-between items-center p-2"}>
                     <p>{title}</p>
                     <p>{formatTime(duration)}</p>
                 </div>
-
             </div>
         </Link>
     );
 }
 
-export default VideoCard;
\ No newline at end of file
+export default VideoCard;
diff --git a/frontend/src/pages/MyClips.tsx b/frontend/src/pages/MyClips.tsx
index d03e343..f5c1e57 100644
--- a/frontend/src/pages/MyClips.tsx
+++ b/frontend/src/pages/MyClips.tsx
@@ -20,7 +20,7 @@ const MyClips = () => {
                     duration={clip.duration}
                     thumbnailPath={clip.thumbnailPath}
                     videoPath={clip.videoPath}
-                    className={"w-30 p-5"}
+                    className={"w-40 p-5"}
                 />
             ))}
 

From 87759c689a0899938930619f26ba24c262d1e1a8 Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Wed, 9 Jul 2025 23:33:31 +0200
Subject: [PATCH 20/30] ADD duration overlay to VideoCard

---
 frontend/src/components/video/VideoCard.tsx | 40 +++++++++++++++------
 frontend/src/pages/MyClips.tsx              |  2 +-
 2 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/video/VideoCard.tsx b/frontend/src/components/video/VideoCard.tsx
index fd90eff..0a5e6a4 100644
--- a/frontend/src/components/video/VideoCard.tsx
+++ b/frontend/src/components/video/VideoCard.tsx
@@ -27,19 +27,37 @@ const VideoCard = ({
     return (
         <Link to={videoPath}>
             <div className={clsx("flex flex-col", className)}>
-                <img
-                    src={imgSrc}
-                    alt="Video Thumbnail"
-                    onError={() => {
-                        if (imgSrc !== fallbackThumbnail) {
-                            setImgSrc(fallbackThumbnail);
-                        }
-                    }}
-                />
+                <div className={"relative inline-block"}>
+                    <img
+                        src={imgSrc}
+                        alt="Video Thumbnail"
+                        onError={() => {
+                            if (imgSrc !== fallbackThumbnail) {
+                                setImgSrc(fallbackThumbnail);
+                            }
+                        }}
+                    />
+
+                    <p className="
+                            absolute
+                            top-2
+                            left-2
+                            bg-black bg-opacity-60
+                            text-white
+                            px-2
+                            py-1
+                            rounded
+                            pointer-events-none
+                            text-sm
+                            z-1
+                          ">
+                        {formatTime(duration)}
+                    </p>
+                </div>
+
 
                 <div className={"flex flex-row justify-between items-center p-2"}>
-                    <p>{title}</p>
-                    <p>{formatTime(duration)}</p>
+                    <p>{title == "" ? "(No Title)" : title}</p>
                 </div>
             </div>
         </Link>
diff --git a/frontend/src/pages/MyClips.tsx b/frontend/src/pages/MyClips.tsx
index f5c1e57..292514e 100644
--- a/frontend/src/pages/MyClips.tsx
+++ b/frontend/src/pages/MyClips.tsx
@@ -20,7 +20,7 @@ const MyClips = () => {
                     duration={clip.duration}
                     thumbnailPath={clip.thumbnailPath}
                     videoPath={clip.videoPath}
-                    className={"w-40 p-5"}
+                    className={"w-40 m-5"}
                 />
             ))}
 

From b19fd50dfabd61461f06e7d7e62737c37f158cee Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Wed, 9 Jul 2025 23:52:45 +0200
Subject: [PATCH 21/30] ADD time ago display to VideoCard component

---
 frontend/src/components/video/VideoCard.tsx |  8 +++-
 frontend/src/pages/MyClips.tsx              |  1 +
 frontend/src/utils/utils.ts                 | 46 ++++++++++++++++++++-
 3 files changed, 53 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/video/VideoCard.tsx b/frontend/src/components/video/VideoCard.tsx
index 0a5e6a4..f288887 100644
--- a/frontend/src/components/video/VideoCard.tsx
+++ b/frontend/src/components/video/VideoCard.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { formatTime } from "../../utils/utils.ts";
+import { formatTime, stringToDate, dateToTimeAgo } from "../../utils/utils.ts";
 import { Link } from "react-router-dom";
 import { useState } from "react";
 
@@ -8,6 +8,7 @@ type VideoCardProps = {
     duration: number,
     thumbnailPath: string | null,
     videoPath: string,
+    createdAt: string,
     className?: string
 }
 
@@ -18,6 +19,7 @@ const VideoCard = ({
                        duration,
                        thumbnailPath,
                        videoPath,
+                       createdAt,
                        className
                    }: VideoCardProps) => {
 
@@ -53,6 +55,10 @@ const VideoCard = ({
                           ">
                         {formatTime(duration)}
                     </p>
+
+                    <p>
+                        {dateToTimeAgo(stringToDate(createdAt))}
+                    </p>
                 </div>
 
 
diff --git a/frontend/src/pages/MyClips.tsx b/frontend/src/pages/MyClips.tsx
index 292514e..cae90a1 100644
--- a/frontend/src/pages/MyClips.tsx
+++ b/frontend/src/pages/MyClips.tsx
@@ -20,6 +20,7 @@ const MyClips = () => {
                     duration={clip.duration}
                     thumbnailPath={clip.thumbnailPath}
                     videoPath={clip.videoPath}
+                    createdAt={clip.createdAt}
                     className={"w-40 m-5"}
                 />
             ))}
diff --git a/frontend/src/utils/utils.ts b/frontend/src/utils/utils.ts
index 5a56bf7..818d042 100644
--- a/frontend/src/utils/utils.ts
+++ b/frontend/src/utils/utils.ts
@@ -12,6 +12,50 @@ function formatTime(seconds: number): string {
     }
 }
 
+function stringToDate(dateString: string): Date {
+    const validIso = dateString.substring(0, 23);
+    const date = new Date(validIso);
+    if (isNaN(date.getTime())) {
+        throw new Error("Invalid date string");
+    }
+    return date;
+}
+
+function dateToTimeAgo(date: Date): string {
+    const now = new Date();
+    const secondsAgo = Math.floor((now.getTime() - date.getTime()) / 1000);
+
+    if (secondsAgo < 60) {
+        return `${secondsAgo} seconds ago`;
+    } else if (secondsAgo < 3600) {
+        const minutes = Math.floor(secondsAgo / 60);
+
+        if (minutes === 1) {
+            return "1 minute ago";
+        }
+
+        return `${minutes} minutes ago`;
+    } else if (secondsAgo < 86400) {
+        const hours = Math.floor(secondsAgo / 3600);
+
+        if (hours === 1) {
+            return "1 hour ago";
+        }
+
+        return `${hours} hours ago`;
+    } else {
+        const days = Math.floor(secondsAgo / 86400);
+
+        if (days === 1) {
+            return "1 day ago";
+        }
+
+        return `${days} days ago`;
+    }
+}
+
 export {
-    formatTime
+    formatTime,
+    stringToDate,
+    dateToTimeAgo
 }
\ No newline at end of file

From e6d3b488555844afc5df0a1009713b537bcbcf8d Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Thu, 10 Jul 2025 00:05:53 +0200
Subject: [PATCH 22/30] ADD support for displaying months and years in time ago
 format

---
 frontend/src/utils/utils.ts | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/frontend/src/utils/utils.ts b/frontend/src/utils/utils.ts
index 818d042..79dd989 100644
--- a/frontend/src/utils/utils.ts
+++ b/frontend/src/utils/utils.ts
@@ -43,7 +43,7 @@ function dateToTimeAgo(date: Date): string {
         }
 
         return `${hours} hours ago`;
-    } else {
+    } else if (secondsAgo < 2592000) {
         const days = Math.floor(secondsAgo / 86400);
 
         if (days === 1) {
@@ -51,6 +51,22 @@ function dateToTimeAgo(date: Date): string {
         }
 
         return `${days} days ago`;
+    } else if (secondsAgo < 31536000) {
+        const months = Math.floor(secondsAgo / 2592000);
+
+        if (months === 1) {
+            return "1 month ago";
+        }
+
+        return `${months} months ago`;
+    } else {
+        const years = Math.floor(secondsAgo / 31536000);
+
+        if (years === 1) {
+            return "1 year ago";
+        }
+
+        return `${years} years ago`;
     }
 }
 

From 9f8894798dd5c25ed8a1b080c0b9eec2052f8663 Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Sat, 12 Jul 2025 14:27:51 +0200
Subject: [PATCH 23/30] ADD VideoPlayer component and implement video fetching
 functionality

---
 frontend/src/App.tsx                          |  2 +
 frontend/src/components/video/VideoCard.tsx   | 21 +++++---
 frontend/src/pages/MyClips.tsx                |  1 +
 frontend/src/pages/VideoPlayer.tsx            | 48 +++++++++++++++++++
 frontend/src/utils/types.ts                   |  1 +
 .../controllers/DownloadController.java       | 14 ++++++
 .../repositories/ClipRepository.java          |  2 +
 .../vodsystem/services/DownloadService.java   | 21 +++++++-
 8 files changed, 102 insertions(+), 8 deletions(-)
 create mode 100644 frontend/src/pages/VideoPlayer.tsx

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 45c810c..3b611f5 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -6,6 +6,7 @@ import ClipEdit from './pages/ClipEdit';
 import Home from './pages/Home';
 import {useEffect} from "react";
 import MyClips from './pages/MyClips';
+import VideoPlayer from "./pages/VideoPlayer.tsx";
 
 
 function App() {
@@ -21,6 +22,7 @@ function App() {
                     <Route path="/create" element={<ClipUpload />} />
                     <Route path="/create/:id" element={<ClipEdit />} />
                     <Route path="/my-clips" element={<MyClips />} />
+                    <Route path="/video/:id" element={<VideoPlayer />} />
                 </Route>
             </Routes>
         </Router>
diff --git a/frontend/src/components/video/VideoCard.tsx b/frontend/src/components/video/VideoCard.tsx
index f288887..25c2767 100644
--- a/frontend/src/components/video/VideoCard.tsx
+++ b/frontend/src/components/video/VideoCard.tsx
@@ -4,6 +4,7 @@ import { Link } from "react-router-dom";
 import { useState } from "react";
 
 type VideoCardProps = {
+    id: number,
     title: string,
     duration: number,
     thumbnailPath: string | null,
@@ -15,19 +16,24 @@ type VideoCardProps = {
 const fallbackThumbnail = "../../../public/default_thumbnail.png";
 
 const VideoCard = ({
+                       id,
                        title,
                        duration,
                        thumbnailPath,
-                       videoPath,
                        createdAt,
                        className
                    }: VideoCardProps) => {
 
     const initialSrc = thumbnailPath && thumbnailPath.trim() !== "" ? thumbnailPath : fallbackThumbnail;
     const [imgSrc, setImgSrc] = useState(initialSrc);
+    const [timeAgo, setTimeAgo] = useState(dateToTimeAgo(stringToDate(createdAt)));
+
+    setTimeout(() => {
+        setTimeAgo(dateToTimeAgo(stringToDate(createdAt)))
+    }, 1000);
 
     return (
-        <Link to={videoPath}>
+        <Link to={"/video/" + id}>
             <div className={clsx("flex flex-col", className)}>
                 <div className={"relative inline-block"}>
                     <img
@@ -55,15 +61,16 @@ const VideoCard = ({
                           ">
                         {formatTime(duration)}
                     </p>
-
-                    <p>
-                        {dateToTimeAgo(stringToDate(createdAt))}
-                    </p>
                 </div>
 
 
-                <div className={"flex flex-row justify-between items-center p-2"}>
+                <div className={"flex flex-col justify-between p-2"}>
                     <p>{title == "" ? "(No Title)" : title}</p>
+                    <p
+                        className={"text-gray-600 text-sm"}
+                    >
+                        {timeAgo}
+                    </p>
                 </div>
             </div>
         </Link>
diff --git a/frontend/src/pages/MyClips.tsx b/frontend/src/pages/MyClips.tsx
index cae90a1..3f7ffba 100644
--- a/frontend/src/pages/MyClips.tsx
+++ b/frontend/src/pages/MyClips.tsx
@@ -15,6 +15,7 @@ const MyClips = () => {
         <div className={"flex flex-row"}>
             {clips.map((clip) => (
                 <VideoCard
+                    id={clip.id}
                     key={clip.videoPath}
                     title={clip.title}
                     duration={clip.duration}
diff --git a/frontend/src/pages/VideoPlayer.tsx b/frontend/src/pages/VideoPlayer.tsx
new file mode 100644
index 0000000..3bdeaf4
--- /dev/null
+++ b/frontend/src/pages/VideoPlayer.tsx
@@ -0,0 +1,48 @@
+import {useEffect, useState} from "react";
+import {useParams} from "react-router-dom";
+
+const VideoPlayer = () => {
+    const { id } = useParams();
+    const [videoUrl, setVideoUrl] = useState<string>("");
+    const [error, setError] = useState<string | null>(null);
+
+    useEffect(() => {
+        // Fetch the video URL from the server
+        fetch(`/api/v1/download/clip/${id}`)
+            .then(response => {
+                if (!response.ok) {
+                    throw new Error("Failed to load video");
+                }
+                return response.blob();
+            })
+            .then(blob => {
+                const url = URL.createObjectURL(blob);
+                setVideoUrl(url);
+            })
+            .catch(err => {
+                console.error("Error fetching video:", err);
+                setError("Failed to load video. Please try again later.");
+            });
+    }, [id]);
+
+    return (
+        <div className="video-player">
+            <video
+                className="w-full h-full"
+                controls
+                autoPlay
+                src={videoUrl}
+                onError={(e) => {
+                    setError(e.currentTarget.error?.message || "An error occurred while playing the video.");
+                }}
+            >
+                Your browser does not support the video tag.
+            </video>
+
+            {error && <div className="text-red-500 mt-2">{error}</div>}
+            {!videoUrl && !error && <div className="text-gray-500 mt-2">Loading video...</div>}
+        </div>
+    );
+};
+
+export default VideoPlayer;
\ No newline at end of file
diff --git a/frontend/src/utils/types.ts b/frontend/src/utils/types.ts
index b8feb56..4036a90 100644
--- a/frontend/src/utils/types.ts
+++ b/frontend/src/utils/types.ts
@@ -22,6 +22,7 @@ type User = {
 }
 
 type Clip = {
+    id: number,
     title: string,
     description: string,
     duration: number,
diff --git a/src/main/java/com/ddf/vodsystem/controllers/DownloadController.java b/src/main/java/com/ddf/vodsystem/controllers/DownloadController.java
index 608b048..5e633d5 100644
--- a/src/main/java/com/ddf/vodsystem/controllers/DownloadController.java
+++ b/src/main/java/com/ddf/vodsystem/controllers/DownloadController.java
@@ -49,4 +49,18 @@ public class DownloadController {
                 .contentType(MediaTypeFactory.getMediaType(resource).orElse(MediaType.APPLICATION_OCTET_STREAM))
                 .body(resource);
     }
+
+    @GetMapping("/clip/{id}")
+    public ResponseEntity<Resource> downloadClip(@PathVariable Long id) {
+        Resource resource = downloadService.downloadClip(id);
+
+        if (resource == null || !resource.exists()) {
+            return ResponseEntity.notFound().build();
+        }
+
+        return ResponseEntity.ok()
+                .header(HttpHeaders.CONTENT_DISPOSITION, "inline; filename=\"" + resource.getFilename() + "\"")
+                .contentType(MediaTypeFactory.getMediaType(resource).orElse(MediaType.APPLICATION_OCTET_STREAM))
+                .body(resource);
+    }
 }
diff --git a/src/main/java/com/ddf/vodsystem/repositories/ClipRepository.java b/src/main/java/com/ddf/vodsystem/repositories/ClipRepository.java
index 10e9885..fd1bc8e 100644
--- a/src/main/java/com/ddf/vodsystem/repositories/ClipRepository.java
+++ b/src/main/java/com/ddf/vodsystem/repositories/ClipRepository.java
@@ -13,3 +13,5 @@ public interface ClipRepository extends JpaRepository<Clip, Long> {
     @Query("SELECT c FROM Clip c WHERE c.user = ?1")
     List<Clip> findByUser(User user);
 }
+
+
diff --git a/src/main/java/com/ddf/vodsystem/services/DownloadService.java b/src/main/java/com/ddf/vodsystem/services/DownloadService.java
index 8d35875..504cc44 100644
--- a/src/main/java/com/ddf/vodsystem/services/DownloadService.java
+++ b/src/main/java/com/ddf/vodsystem/services/DownloadService.java
@@ -1,9 +1,11 @@
 package com.ddf.vodsystem.services;
 
+import com.ddf.vodsystem.entities.Clip;
 import com.ddf.vodsystem.entities.JobStatus;
 import com.ddf.vodsystem.exceptions.JobNotFinished;
 import com.ddf.vodsystem.exceptions.JobNotFound;
 import com.ddf.vodsystem.entities.Job;
+import com.ddf.vodsystem.repositories.ClipRepository;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.core.io.FileSystemResource;
 import org.springframework.core.io.Resource;
@@ -15,10 +17,12 @@ import java.io.File;
 public class DownloadService {
 
     private final JobService jobService;
+    private final ClipRepository clipRepository;
 
     @Autowired
-    public DownloadService(JobService jobService) {
+    public DownloadService(JobService jobService, ClipRepository clipRepository) {
         this.jobService = jobService;
+        this.clipRepository = clipRepository;
     }
 
     public Resource downloadInput(String uuid) {
@@ -46,4 +50,19 @@ public class DownloadService {
         File file = job.getOutputFile();
         return new FileSystemResource(file);
     }
+
+    public Resource downloadClip(Clip clip) {
+        String path = clip.getVideoPath();
+        File file = new File(path);
+        if (!file.exists()) {
+            throw new JobNotFound("Clip file not found");
+        }
+
+        return new FileSystemResource(file);
+    }
+
+    public Resource downloadClip(Long id) {
+        Clip clip = clipRepository.findById(id).orElseThrow(() -> new JobNotFound("Clip not found with id: " + id));
+        return downloadClip(clip);
+    }
 }

From db9426ba1aecb3d436f849f24f73b81d4c9f4548 Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Sat, 12 Jul 2025 18:44:53 +0200
Subject: [PATCH 24/30] REMOVE data initialization

---
 src/main/resources/application-local.properties | 2 +-
 src/main/resources/db/schema.sql                | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/main/resources/application-local.properties b/src/main/resources/application-local.properties
index 99edc4e..d3d61e3 100644
--- a/src/main/resources/application-local.properties
+++ b/src/main/resources/application-local.properties
@@ -7,7 +7,7 @@ spring.jpa.hibernate.ddl-auto=update
 spring.jpa.show-sql=true
 spring.sql.init.mode=always
 spring.sql.init.schema-locations=classpath:db/schema.sql
-spring.sql.init.data-locations=classpath:db/data.sql
+#spring.sql.init.data-locations=classpath:db/data.sql
 
 # Security
 spring.security.oauth2.client.registration.google.client-id=${GOOGLE_CLIENT_ID}
diff --git a/src/main/resources/db/schema.sql b/src/main/resources/db/schema.sql
index 64160d3..60dc57a 100644
--- a/src/main/resources/db/schema.sql
+++ b/src/main/resources/db/schema.sql
@@ -1,5 +1,5 @@
-DROP TABLE IF EXISTS clips;
-DROP TABLE IF EXISTS users;
+-- DROP TABLE IF EXISTS clips;
+-- DROP TABLE IF EXISTS users;
 
 CREATE TABLE IF NOT EXISTS users (
     id BIGSERIAL PRIMARY KEY,

From 3f5d325efd30718e70b69ba5bf016b48ba5b95d8 Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Sat, 12 Jul 2025 19:12:25 +0200
Subject: [PATCH 25/30] ADD directory sharding for permanent clips

---
 .../ddf/vodsystem/services/ClipService.java   |  1 -
 .../vodsystem/services/DirectoryService.java  | 20 +++++++++++++++++--
 .../ddf/vodsystem/services/UploadService.java |  2 +-
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/main/java/com/ddf/vodsystem/services/ClipService.java b/src/main/java/com/ddf/vodsystem/services/ClipService.java
index 4ac48dc..06e0ee5 100644
--- a/src/main/java/com/ddf/vodsystem/services/ClipService.java
+++ b/src/main/java/com/ddf/vodsystem/services/ClipService.java
@@ -72,7 +72,6 @@ public class ClipService {
         return clipRepository.findByUser(user);
     }
 
-
     private User getUser() {
         Authentication auth = SecurityContextHolder.getContext().getAuthentication();
         if (auth != null && auth.isAuthenticated() && auth.getPrincipal() instanceof CustomOAuth2User oAuth2user) {
diff --git a/src/main/java/com/ddf/vodsystem/services/DirectoryService.java b/src/main/java/com/ddf/vodsystem/services/DirectoryService.java
index 0eaa21a..3a9841f 100644
--- a/src/main/java/com/ddf/vodsystem/services/DirectoryService.java
+++ b/src/main/java/com/ddf/vodsystem/services/DirectoryService.java
@@ -43,12 +43,27 @@ public class DirectoryService {
     }
 
     public File getOutputFile(String id, String extension) {
-        String dir = outputDir + File.separator + id + (extension.isEmpty() ? "" : "." + extension);
+        if (id == null || id.length() < 2) {
+            throw new IllegalArgumentException("ID must be at least 2 characters long");
+        }
+
+        // Create subdirectories from first 2 characters of the ID
+        String shard1 = id.substring(0, 2);
+        String shard2 = id.substring(2);
+
+        String dir = outputDir +
+                File.separator +
+                shard1 +
+                File.separator +
+                shard2 +
+                (extension.isEmpty() ? "" : "." + extension);
+
         return new File(dir);
     }
 
-    public void saveData(File file, MultipartFile multipartFile) {
+    public void saveAtDir(File file, MultipartFile multipartFile) {
         try {
+            createDirectory(file.getAbsolutePath());
             Path filePath = Paths.get(file.getAbsolutePath());
             Files.copy(multipartFile.getInputStream(), filePath, StandardCopyOption.REPLACE_EXISTING);
         } catch (IOException e) {
@@ -61,6 +76,7 @@ public class DirectoryService {
         Path destPath = Paths.get(target.getAbsolutePath());
 
         try {
+            Files.createDirectories(destPath.getParent());
             Files.copy(sourcePath, destPath, StandardCopyOption.REPLACE_EXISTING);
             logger.info("Copied file from {} to {}", sourcePath, destPath);
         } catch (IOException e) {
diff --git a/src/main/java/com/ddf/vodsystem/services/UploadService.java b/src/main/java/com/ddf/vodsystem/services/UploadService.java
index bd010d3..9afbc75 100644
--- a/src/main/java/com/ddf/vodsystem/services/UploadService.java
+++ b/src/main/java/com/ddf/vodsystem/services/UploadService.java
@@ -38,7 +38,7 @@ public class UploadService {
 
         File inputFile = directoryService.getTempInputFile(uuid, extension);
         File outputFile = directoryService.getTempOutputFile(uuid, extension);
-        directoryService.saveData(inputFile, file);
+        directoryService.saveAtDir(inputFile, file);
 
         // add job
         logger.info("Uploaded file and creating job with UUID: {}", uuid);

From 5fa4425f1b593ab82fab9e06345cf9562366f47f Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Sat, 12 Jul 2025 19:18:18 +0200
Subject: [PATCH 26/30] UPDATE session timeout

---
 src/main/resources/application.properties | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/main/resources/application.properties b/src/main/resources/application.properties
index fde3f3f..6fc6bca 100644
--- a/src/main/resources/application.properties
+++ b/src/main/resources/application.properties
@@ -8,5 +8,8 @@ storage.temp.inputs=videos/inputs/
 storage.temp.outputs=videos/outputs/
 storage.outputs=videos/clips/
 
+## Server Configuration
+server.servlet.session.timeout=30m
+
 # Logging
 logging.level.org.springframework.web=DEBUG
\ No newline at end of file

From 416da3281a02d728bf7229cb83e51a4a16d2d9c7 Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Mon, 14 Jul 2025 13:36:26 +0200
Subject: [PATCH 27/30] ADD functionality to retrieve and display clips by ID

---
 frontend/src/pages/VideoPlayer.tsx            | 17 ++++++++++++++++
 frontend/src/utils/endpoints.ts               | 20 ++++++++++++++++++-
 .../configuration/SecurityConfig.java         |  1 +
 .../vodsystem/controllers/ClipController.java | 17 ++++++++++++++++
 .../controllers/DownloadController.java       |  4 +++-
 .../ddf/vodsystem/services/ClipService.java   |  4 ++++
 6 files changed, 61 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/VideoPlayer.tsx b/frontend/src/pages/VideoPlayer.tsx
index 3bdeaf4..00bfb2c 100644
--- a/frontend/src/pages/VideoPlayer.tsx
+++ b/frontend/src/pages/VideoPlayer.tsx
@@ -1,10 +1,14 @@
 import {useEffect, useState} from "react";
 import {useParams} from "react-router-dom";
+import type {Clip} from "../utils/types";
+import {getClipById} from "../utils/endpoints.ts";
+import Box from "../components/Box.tsx"
 
 const VideoPlayer = () => {
     const { id } = useParams();
     const [videoUrl, setVideoUrl] = useState<string>("");
     const [error, setError] = useState<string | null>(null);
+    const [clip, setClip] = useState<Clip | null>(null);
 
     useEffect(() => {
         // Fetch the video URL from the server
@@ -23,6 +27,14 @@ const VideoPlayer = () => {
                 console.error("Error fetching video:", err);
                 setError("Failed to load video. Please try again later.");
             });
+
+        if (!id) {
+            setError("Clip ID is required.");
+            return;
+        }
+
+        getClipById(id).then((fetchedClip) => {setClip(fetchedClip)})
+
     }, [id]);
 
     return (
@@ -41,6 +53,11 @@ const VideoPlayer = () => {
 
             {error && <div className="text-red-500 mt-2">{error}</div>}
             {!videoUrl && !error && <div className="text-gray-500 mt-2">Loading video...</div>}
+
+            <Box className={"p-2 m-2"}>
+                <p className={"text-2xl font-bold text-gray-600"}>{clip?.title}</p>
+            </Box>
+
         </div>
     );
 };
diff --git a/frontend/src/utils/endpoints.ts b/frontend/src/utils/endpoints.ts
index ae597a5..490bc15 100644
--- a/frontend/src/utils/endpoints.ts
+++ b/frontend/src/utils/endpoints.ts
@@ -167,6 +167,23 @@ const getClips = async (setError: Function): Promise< Clip[]> => {
     }
 }
 
+const getClipById = async (id: string): Promise<Clip | null> => {
+    try {
+        const response = await fetch(`/api/v1/clips/${id}`, {credentials: "include",});
+
+        if (!response.ok) {
+            console.error('Failed to fetch clip:', response.status);
+            return null;
+        }
+
+        const result: APIResponse = await response.json();
+        return result.data;
+    } catch (error: unknown) {
+        console.error('Error fetching clip:', error);
+        return null;
+    }
+};
+
 export {
     uploadFile,
     editFile,
@@ -174,5 +191,6 @@ export {
     getProgress,
     getMetadata,
     getUser,
-    getClips
+    getClips,
+    getClipById
 };
\ No newline at end of file
diff --git a/src/main/java/com/ddf/vodsystem/configuration/SecurityConfig.java b/src/main/java/com/ddf/vodsystem/configuration/SecurityConfig.java
index d7d8d04..e577c86 100644
--- a/src/main/java/com/ddf/vodsystem/configuration/SecurityConfig.java
+++ b/src/main/java/com/ddf/vodsystem/configuration/SecurityConfig.java
@@ -29,6 +29,7 @@ public class SecurityConfig {
         http
                 .csrf(AbstractHttpConfigurer::disable)
                 .authorizeHttpRequests(auth -> auth
+                        .requestMatchers("/api/v1/download/clip/**").authenticated()
                         .requestMatchers("/api/v1/auth/login", "/api/v1/auth/user").permitAll()
                         .requestMatchers("/api/v1/upload", "/api/v1/download/**").permitAll()
                         .requestMatchers("/api/v1/edit/**", "/api/v1/process/**", "/api/v1/progress/**").permitAll()
diff --git a/src/main/java/com/ddf/vodsystem/controllers/ClipController.java b/src/main/java/com/ddf/vodsystem/controllers/ClipController.java
index 3be57b9..a20cceb 100644
--- a/src/main/java/com/ddf/vodsystem/controllers/ClipController.java
+++ b/src/main/java/com/ddf/vodsystem/controllers/ClipController.java
@@ -9,6 +9,7 @@ import org.springframework.security.core.annotation.AuthenticationPrincipal;
 import org.springframework.security.oauth2.core.user.OAuth2User;
 import org.springframework.stereotype.Controller;
 import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PathVariable;
 import org.springframework.web.bind.annotation.RequestMapping;
 
 import java.util.List;
@@ -33,4 +34,20 @@ public class ClipController {
                 new APIResponse<>("success", "Clips retrieved successfully", clips)
         );
     }
+
+    @GetMapping("/{id}")
+    public ResponseEntity<APIResponse<Clip>> getClipById(@AuthenticationPrincipal OAuth2User principal, @PathVariable Long id) {
+        if (principal == null) {
+            throw new NotAuthenticated("User is not authenticated");
+        }
+
+        Clip clip = clipService.getClipById(id);
+        if (clip == null) {
+            return ResponseEntity.notFound().build();
+        }
+
+        return ResponseEntity.ok(
+                new APIResponse<>("success", "Clip retrieved successfully", clip)
+        );
+    }
 }
diff --git a/src/main/java/com/ddf/vodsystem/controllers/DownloadController.java b/src/main/java/com/ddf/vodsystem/controllers/DownloadController.java
index 5e633d5..26dce88 100644
--- a/src/main/java/com/ddf/vodsystem/controllers/DownloadController.java
+++ b/src/main/java/com/ddf/vodsystem/controllers/DownloadController.java
@@ -7,6 +7,8 @@ import org.springframework.http.HttpHeaders;
 import org.springframework.http.MediaType;
 import org.springframework.http.MediaTypeFactory;
 import org.springframework.http.ResponseEntity;
+import org.springframework.security.core.annotation.AuthenticationPrincipal;
+import org.springframework.security.oauth2.core.user.OAuth2User;
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.PathVariable;
 import org.springframework.web.bind.annotation.RequestMapping;
@@ -51,7 +53,7 @@ public class DownloadController {
     }
 
     @GetMapping("/clip/{id}")
-    public ResponseEntity<Resource> downloadClip(@PathVariable Long id) {
+    public ResponseEntity<Resource> downloadClip(@AuthenticationPrincipal OAuth2User principal, @PathVariable Long id) {
         Resource resource = downloadService.downloadClip(id);
 
         if (resource == null || !resource.exists()) {
diff --git a/src/main/java/com/ddf/vodsystem/services/ClipService.java b/src/main/java/com/ddf/vodsystem/services/ClipService.java
index 06e0ee5..8bae4dc 100644
--- a/src/main/java/com/ddf/vodsystem/services/ClipService.java
+++ b/src/main/java/com/ddf/vodsystem/services/ClipService.java
@@ -100,4 +100,8 @@ public class ClipService {
         clip.setVideoPath(outputFile.getPath());
         clipRepository.save(clip);
     }
+
+    public Clip getClipById(Long id) {
+        return clipRepository.findById(id).orElse(null);
+    }
 }

From 0fbb68fdb7d67abeee706f0ca88d934338449af8 Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Mon, 14 Jul 2025 23:06:27 +0200
Subject: [PATCH 28/30] REFACTOR http requests in frontend

---
 frontend/src/pages/ClipEdit.tsx   |  40 +++---
 frontend/src/pages/ClipUpload.tsx |  11 +-
 frontend/src/pages/MyClips.tsx    |   4 +-
 frontend/src/utils/endpoints.ts   | 224 ++++++++++++++----------------
 4 files changed, 138 insertions(+), 141 deletions(-)

diff --git a/frontend/src/pages/ClipEdit.tsx b/frontend/src/pages/ClipEdit.tsx
index fdcae56..864d486 100644
--- a/frontend/src/pages/ClipEdit.tsx
+++ b/frontend/src/pages/ClipEdit.tsx
@@ -34,30 +34,32 @@ const ClipEdit = () => {
     const sendData = async() => {
         if (!id) return;
 
-        setDownloadable(false);
+        editFile(id, outputMetadata)
+            .then(() => {
 
-        const edited = await editFile(id, outputMetadata, setError);
+                processFile(id)
+                    .catch((err: Error) => setError(`Failed to process file: ${err.message}`));
 
-        if (!edited) {
-            return;
-        }
+            })
+            .catch((err: Error) => setError(`Failed to edit file: ${err.message}`));
 
-        const processed = await processFile(id, setError);
+        const interval = setInterval(async() => await pollProgress(id, interval), 500);
+    }
 
-        if (!processed) {
-            return;
-        }
+    const pollProgress = async (id: string, intervalId: number) => {
+        getProgress(id)
+            .then((progress) => {
+                setProgress(progress);
 
-        const interval = setInterval(async () => {
-           const progress = await getProgress(id);
-           setProgress(progress);
-
-           if (progress >= 1) {
-               clearInterval(interval);
-               setDownloadable(true);
-               console.log("Downloadable");
-           }
-        }, 500);
+                if (progress >= 1) {
+                    clearInterval(intervalId);
+                    setDownloadable(true);
+                }
+        })
+            .catch((err: Error) => {
+                setError(`Failed to fetch progress: ${err.message}`);
+                clearInterval(intervalId);
+            });
     }
 
     const handleDownload = async () => {
diff --git a/frontend/src/pages/ClipUpload.tsx b/frontend/src/pages/ClipUpload.tsx
index 9743ed5..3f441cc 100644
--- a/frontend/src/pages/ClipUpload.tsx
+++ b/frontend/src/pages/ClipUpload.tsx
@@ -10,13 +10,14 @@ const clipUpload = () => {
 
     const [error, setError] = useState<null | string>(null);
     const press = (() => {
-        if (file) {
-            uploadFile(file, setError)
-                .then(uuid => navigate(`/create/${uuid}`))
-                .catch(e => console.error(e));
-        } else {
+        if (!file) {
             setError("Please choose a file");
+            return;
         }
+
+        uploadFile(file)
+            .then(uuid => navigate(`/create/${uuid}`))
+            .catch((e: Error) => setError(`Failed to upload file: ${e.message}`));
     });
 
     return (
diff --git a/frontend/src/pages/MyClips.tsx b/frontend/src/pages/MyClips.tsx
index 3f7ffba..8e19ae5 100644
--- a/frontend/src/pages/MyClips.tsx
+++ b/frontend/src/pages/MyClips.tsx
@@ -8,7 +8,9 @@ const MyClips = () => {
     const [error, setError] = useState<null | string>(null);
 
     useEffect(() => {
-        getClips(setError).then((data) => setClips(data));
+        getClips()
+            .then((data) => setClips(data))
+            .catch((err) => setError(err));
     }, []);
 
     return (
diff --git a/frontend/src/utils/endpoints.ts b/frontend/src/utils/endpoints.ts
index 490bc15..c777edb 100644
--- a/frontend/src/utils/endpoints.ts
+++ b/frontend/src/utils/endpoints.ts
@@ -2,36 +2,32 @@ import type {VideoMetadata, APIResponse, User, Clip} from "./types.ts";
 
 /**
  * Uploads a file to the backend.
+ * @param file - The file to upload.
  */
-const uploadFile = async (file: File, setError: Function): Promise<string> => {
+const uploadFile = async (file: File): Promise<string> => {
     const formData = new FormData();
     formData.append('file', file);
 
-    try {
-        const response = await fetch('/api/v1/upload', {
-            method: 'POST',
-            body: formData,
-        });
+    const response = await fetch('/api/v1/upload', {
+        method: 'POST',
+        body: formData,
+    });
 
-        const result: APIResponse = await response.json();
+    const result: APIResponse = await response.json();
 
-        if (result.status == "error") {
-            setError(result.message);
-        }
-
-        return result.data.uuid;
-    } catch (error: unknown) {
-        throw new Error(`Failed to upload file: ${error instanceof Error ? error.message : 'Unknown error'}`);
+    if (result.status == "error") {
+        throw new Error(`Failed to upload file: ${result.message}`);
     }
+
+    return result.data.uuid;
 };
 
 /**
  * Submits metadata changes to the backend.
+ * @param uuid - The UUID of the video file to edit.
+ * @param videoMetadata - The metadata to update.
  */
-const editFile = async (
-    uuid: string,
-    videoMetadata: VideoMetadata,
-    setError: Function ): Promise<boolean> => {
+const editFile = async (uuid: string, videoMetadata: VideoMetadata) => {
     const formData = new URLSearchParams();
 
     for (const [key, value] of Object.entries(videoMetadata)) {
@@ -40,147 +36,143 @@ const editFile = async (
         }
     }
 
-    try {
-        const response = await fetch(`/api/v1/edit/${uuid}`, {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/x-www-form-urlencoded',
-            },
-            body: formData.toString(),
-        });
+    const response = await fetch(`/api/v1/edit/${uuid}`, {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/x-www-form-urlencoded',
+        },
+        body: formData.toString(),
+    });
 
-        const result: APIResponse = await response.json();
-
-        if (result.status === "error") {
-            setError(result.message);
-            return false;
-        }
-
-        return true;
-    } catch (error: unknown) {
-        console.error('Error editing file:', error);
-        return false;
+    if (!response.ok) {
+        throw new Error(`Failed to edit file: ${response.status}`);
     }
+
+    const result: APIResponse = await response.json();
+
+    if (result.status === "error") {
+        throw new Error(`Failed to edit file: ${result.message}`);
+    }
+
 };
+
 /**
  * Triggers file processing.
+ * @param uuid - The UUID of the video file to process.
  */
-const processFile = async (
-    uuid: string,
-    setError: Function): Promise<boolean> => {
-    try {
-        const response = await fetch(`/api/v1/process/${uuid}`);
+const processFile = async (uuid: string) => {
+    const response = await fetch(`/api/v1/process/${uuid}`);
 
-        const result: APIResponse = await response.json();
-        if (result.status === "error") {
-            setError(result.message);
-            return false;
-        }
+    if (!response.ok) {
+        throw new Error(`Failed to process file: ${response.status}`);
+    }
 
-        return response.ok;
-    } catch (error: unknown) {
-        console.error('Error processing file:', error);
-        return false;
+    const result: APIResponse = await response.json();
+
+    if (result.status === "error") {
+        throw new Error("Failed to process file: " + result.message);
     }
 };
 
 /**
  * Fetches the processing progress percentage.
+ * @param uuid - The UUID of the video file.
  */
-const getProgress = async (
-    uuid: string): Promise<number> => {
-    try {
-        const response = await fetch(`/api/v1/progress/${uuid}`);
+const getProgress = async (uuid: string): Promise<number> => {
+    const response = await fetch(`/api/v1/progress/${uuid}`);
 
-        if (!response.ok) {
-            console.error('Failed to fetch progress:', response.status);
-            return 0;
-        }
-
-        const result = await response.json();
-        return result.data?.progress ?? 0;
-    } catch (error: unknown) {
-        console.error('Error getting progress:', error);
-        return 0;
+    if (!response.ok) {
+        throw new Error(`Failed to fetch progress: ${response.status}`);
     }
+
+    const result = await response.json();
+
+    if (result.status === "error") {
+        throw new Error(`Failed to fetch progress: ${result.message}`);
+    }
+
+    if (!result.data || typeof result.data.progress !== 'number') {
+        throw new Error('Invalid progress data received');
+    }
+
+    return result.data.progress;
 };
 
 /**
  * Fetches original metadata from the backend.
+ * @param uuid - The UUID of the video file.
  */
-const getMetadata = async (
-    uuid: string): Promise<VideoMetadata> => {
-    try {
-        const response = await fetch(`/api/v1/metadata/original/${uuid}`);
+const getMetadata = async (uuid: string): Promise<VideoMetadata> => {
+    const response = await fetch(`/api/v1/metadata/original/${uuid}`);
 
-        if (!response.ok) {
-            throw new Error(`Failed to fetch metadata: ${response.status}`);
-        }
-
-        const result = await response.json();
-        return result.data;
-    } catch (error: unknown) {
-        console.error('Error fetching metadata:', error);
-
-        return {
-            title: '',
-            description: '',
-            startPoint: 0,
-            endPoint: 0,
-            fps: 0,
-            width: 0,
-            height: 0,
-            fileSize: 0,
-        };
+    if (!response.ok) {
+        throw new Error(`Failed to fetch metadata: ${response.status}`);
     }
+
+    const result = await response.json();
+
+    if (result.status === "error") {
+        throw new Error(`Failed to fetch metadata: ${result.message}`);
+    }
+
+    return result.data;
 };
 
+/**
+ * Fetches the current user information. Returns null if not authenticated.
+ */
 const getUser = async (): Promise<null | User > => {
-    try {
-        const response = await fetch('/api/v1/auth/user', {credentials: "include",});
+    const response = await fetch('/api/v1/auth/user', {credentials: "include",});
 
-        const result = await response.json();
-        return result.data;
-    } catch (error: unknown) {
-        console.error('Error fetching user:', error);
+    if (!response.ok) {
         return null;
     }
+
+    const result = await response.json();
+
+    if (result.status === "error") {
+        return null;
+    }
+
+    return result.data;
 }
 
-const getClips = async (setError: Function): Promise< Clip[]> => {
+/**
+ * Fetches all clips for the current user.
+ */
+const getClips = async (): Promise<Clip[]> => {
+    const response = await fetch('/api/v1/clips/', { credentials: 'include' });
+
+    if (!response.ok) {
+        const errorResult: APIResponse = await response.json();
+        throw new Error(`Failed to fetch clips: ${errorResult.message}`);
+    }
+
     try {
-        const response = await fetch('/api/v1/clips/', {credentials: "include",});
-
-        if (!response.ok) {
-            const errorResult: APIResponse = await response.json();
-            setError(errorResult.message);
-            return [];
-        }
-
         const result: APIResponse = await response.json();
         return result.data;
-
-    } catch (error: unknown) {
-        console.error('Error fetching clips:', error);
-        setError('Failed to fetch clips');
-        return [];
+    } catch {
+        throw new Error('Failed to parse response');
     }
 }
 
+/**
+ * Fetches a clip by its ID.
+ * @param id
+ */
 const getClipById = async (id: string): Promise<Clip | null> => {
-    try {
-        const response = await fetch(`/api/v1/clips/${id}`, {credentials: "include",});
+    const response = await fetch(`/api/v1/clips/${id}`, {credentials: "include",});
 
-        if (!response.ok) {
-            console.error('Failed to fetch clip:', response.status);
-            return null;
-        }
+    if (!response.ok) {
+        throw new Error(`Failed to fetch clip: ${response.status}`);
+    }
 
+    try{
         const result: APIResponse = await response.json();
         return result.data;
     } catch (error: unknown) {
-        console.error('Error fetching clip:', error);
-        return null;
+        throw new Error(`Failed to parse clip response: 
+        ${error instanceof Error ? error.message : 'Unknown error'}`);
     }
 };
 

From 2600968c5a4b3ffd8ae8ec201d39a391e0bf7e2c Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Tue, 15 Jul 2025 15:51:50 +0200
Subject: [PATCH 29/30] ADD live update for clip creation time

---
 frontend/src/pages/VideoPlayer.tsx | 35 +++++++++++++++++++++++++-----
 1 file changed, 29 insertions(+), 6 deletions(-)

diff --git a/frontend/src/pages/VideoPlayer.tsx b/frontend/src/pages/VideoPlayer.tsx
index 00bfb2c..c73f45b 100644
--- a/frontend/src/pages/VideoPlayer.tsx
+++ b/frontend/src/pages/VideoPlayer.tsx
@@ -3,12 +3,14 @@ import {useParams} from "react-router-dom";
 import type {Clip} from "../utils/types";
 import {getClipById} from "../utils/endpoints.ts";
 import Box from "../components/Box.tsx"
+import {dateToTimeAgo, stringToDate} from "../utils/utils.ts";
 
 const VideoPlayer = () => {
     const { id } = useParams();
-    const [videoUrl, setVideoUrl] = useState<string>("");
+    const [videoUrl, setVideoUrl] = useState<string | undefined>(undefined);
     const [error, setError] = useState<string | null>(null);
     const [clip, setClip] = useState<Clip | null>(null);
+    const [timeAgo, setTimeAgo] = useState<String>("");
 
     useEffect(() => {
         // Fetch the video URL from the server
@@ -33,14 +35,34 @@ const VideoPlayer = () => {
             return;
         }
 
-        getClipById(id).then((fetchedClip) => {setClip(fetchedClip)})
+        getClipById(id)
+            .then((fetchedClip) => {setClip(fetchedClip)})
+            .catch((err) => {
+                console.error("Error fetching clip:", err);
+                setError("Failed to load clip details. Please try again later.");
+            });
 
     }, [id]);
 
+    // Update timeAgo live every second
+    useEffect(() => {
+        if (!clip || !clip.createdAt) return;
+
+        const update = () => {
+            const date = stringToDate(clip.createdAt);
+            setTimeAgo(dateToTimeAgo(date));
+        };
+
+        update(); // initial update
+        const interval = setInterval(update, 1000);
+
+        return () => clearInterval(interval); // cleanup
+    }, [clip]);
+
     return (
-        <div className="video-player">
+        <div className={"w-9/10 m-auto"}>
             <video
-                className="w-full h-full"
+                className={"w-full h-full rounded-lg m-auto"}
                 controls
                 autoPlay
                 src={videoUrl}
@@ -54,8 +76,9 @@ const VideoPlayer = () => {
             {error && <div className="text-red-500 mt-2">{error}</div>}
             {!videoUrl && !error && <div className="text-gray-500 mt-2">Loading video...</div>}
 
-            <Box className={"p-2 m-2"}>
-                <p className={"text-2xl font-bold text-gray-600"}>{clip?.title}</p>
+            <Box className={"p-2 m-2 flex flex-col"}>
+                <p className={"text-2xl font-bold text-gray-600"}>{clip?.title ? clip?.title : "(No Title)"}</p>
+                <p>{timeAgo}</p>
             </Box>
 
         </div>

From aa7a57c2e416af6cc4c1b42cd892eca15fe3cce4 Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Tue, 15 Jul 2025 23:59:39 +0200
Subject: [PATCH 30/30] REMOVE unnecessary exception stack traces

---
 .../controllers/GlobalExceptionHandler.java      | 16 ++++++++--------
 src/main/resources/application.properties        |  3 ---
 2 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/main/java/com/ddf/vodsystem/controllers/GlobalExceptionHandler.java b/src/main/java/com/ddf/vodsystem/controllers/GlobalExceptionHandler.java
index 79fa6bd..12234f7 100644
--- a/src/main/java/com/ddf/vodsystem/controllers/GlobalExceptionHandler.java
+++ b/src/main/java/com/ddf/vodsystem/controllers/GlobalExceptionHandler.java
@@ -23,56 +23,56 @@ public class GlobalExceptionHandler {
 
     @ExceptionHandler({ MultipartException.class })
     public ResponseEntity<APIResponse<Void>> handleMultipartException(MultipartException ex) {
-        logger.error("MultipartException: {}", ex.getMessage(), ex);
+        logger.error("MultipartException: {}", ex.getMessage());
         APIResponse<Void> response = new APIResponse<>(ERROR, "Multipart request error: " + ex.getMessage(), null);
         return ResponseEntity.status(HttpStatus.BAD_REQUEST).body(response);
     }
 
     @ExceptionHandler({ MissingServletRequestPartException.class })
     public ResponseEntity<APIResponse<Void>> handleMissingPart(MissingServletRequestPartException ex) {
-        logger.error("MissingServletRequestPartException: {}", ex.getMessage(), ex);
+        logger.error("MissingServletRequestPartException: {}", ex.getMessage());
         APIResponse<Void> response = new APIResponse<>(ERROR, "Required file part is missing.", null);
         return ResponseEntity.status(HttpStatus.BAD_REQUEST).body(response);
     }
 
     @ExceptionHandler({ HttpMediaTypeNotSupportedException.class })
     public ResponseEntity<APIResponse<Void>> handleUnsupportedMediaType(HttpMediaTypeNotSupportedException ex) {
-        logger.error("HttpMediaTypeNotSupportedException: {}", ex.getMessage(), ex);
+        logger.error("HttpMediaTypeNotSupportedException: {}", ex.getMessage());
         APIResponse<Void> response = new APIResponse<>(ERROR, "Unsupported media type: expected multipart/form-data.", null);
         return ResponseEntity.status(HttpStatus.UNSUPPORTED_MEDIA_TYPE).body(response);
     }
 
     @ExceptionHandler(IllegalArgumentException.class)
     public ResponseEntity<APIResponse<Void>> handleIllegalArgument(IllegalArgumentException ex) {
-        logger.error("IllegalArgumentException: {}", ex.getMessage(), ex);
+        logger.error("IllegalArgumentException: {}", ex.getMessage());
         APIResponse<Void> response = new APIResponse<>(ERROR, ex.getMessage(), null);
         return ResponseEntity.status(HttpStatus.BAD_REQUEST).body(response);
     }
 
     @ExceptionHandler(JobNotFound.class)
     public ResponseEntity<APIResponse<Void>> handleFileNotFound(JobNotFound ex) {
-        logger.error("JobNotFound: {}", ex.getMessage(), ex);
+        logger.error("JobNotFound: {}", ex.getMessage());
         APIResponse<Void> response = new APIResponse<>(ERROR, ex.getMessage(), null);
         return ResponseEntity.status(HttpStatus.NOT_FOUND).body(response);
     }
 
     @ExceptionHandler(JobNotFinished.class)
     public ResponseEntity<APIResponse<Void>> handleJobNotFinished(JobNotFinished ex) {
-        logger.error("JobNotFinished: {}", ex.getMessage(), ex);
+        logger.error("JobNotFinished: {}", ex.getMessage());
         APIResponse<Void> response = new APIResponse<>(ERROR, ex.getMessage(), null);
         return ResponseEntity.status(HttpStatus.ACCEPTED).body(response);
     }
 
     @ExceptionHandler(FFMPEGException.class)
     public ResponseEntity<APIResponse<Void>> handleFFMPEGException(FFMPEGException ex) {
-        logger.error("FFMPEGException: {}", ex.getMessage(), ex);
+        logger.error("FFMPEGException: {}", ex.getMessage());
         APIResponse<Void> response = new APIResponse<>(ERROR, "FFMPEG Error: Please upload a valid file", null);
         return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR).body(response);
     }
 
     @ExceptionHandler(NotAuthenticated.class)
     public ResponseEntity<APIResponse<Void>> handleNotAuthenticated(NotAuthenticated ex) {
-        logger.error("NotAuthenticated: {}", ex.getMessage(), ex);
+        logger.error("NotAuthenticated: {}", ex.getMessage());
         APIResponse<Void> response = new APIResponse<>(ERROR, "User is not authenticated", null);
         return ResponseEntity.status(HttpStatus.UNAUTHORIZED).body(response);
     }
diff --git a/src/main/resources/application.properties b/src/main/resources/application.properties
index 6fc6bca..51bb1cf 100644
--- a/src/main/resources/application.properties
+++ b/src/main/resources/application.properties
@@ -10,6 +10,3 @@ storage.outputs=videos/clips/
 
 ## Server Configuration
 server.servlet.session.timeout=30m
-
-# Logging
-logging.level.org.springframework.web=DEBUG
\ No newline at end of file