remove layout

.gitignore

@@ -8,3 +8,4 @@ devenv.local.nix
 # pre-commit
 .pre-commit-config.yaml
 .gradle
+layout.kdl

Backend/.ignore

@@ -2,3 +2,4 @@
 .gradle
 bin
 build
+.devenv

Backend/build.gradle

@@ -20,6 +20,7 @@ repositories {
 }
 
 dependencies {
+	implementation 'com.google.code.gson:gson:2.10.1'
 	implementation 'org.springframework.boot:spring-boot-starter-web'
 	implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
 	implementation 'org.springframework.boot:spring-boot-starter-data-jpa'
@@ -33,6 +34,16 @@ dependencies {
 	implementation 'io.github.wasabithumb:jtoml-serializer-reflect:1.4.2'
 }
 
+graalvmNative {
+	binaries {
+		main {
+			buildArgs.add("--static-nolibc")
+			buildArgs.add("--libc=glibc")
+			buildArgs.add("--verbose")
+		}
+	}
+}
+
 tasks.named('test') {
 	useJUnitPlatform()
 }

Backend/src/main/java/com/gregor_lohaus/gtransfer/GtransferApplication.java

@@ -1,5 +1,6 @@
 package com.gregor_lohaus.gtransfer;
 
+import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.boot.SpringApplication;
 import org.springframework.boot.autoconfigure.SpringBootApplication;
 import org.springframework.context.annotation.ImportRuntimeHints;
@@ -9,11 +10,17 @@ import com.gregor_lohaus.gtransfer.config.ConfigRuntimeHints;
 import com.gregor_lohaus.gtransfer.model.ModelRuntimeHints;
 import com.gregor_lohaus.gtransfer.native_image.HibernateRuntimeHints;
 import com.gregor_lohaus.gtransfer.native_image.WebRuntimeHints;
+import com.gregor_lohaus.gtransfer.services.filecleanup.FileCleanupService;
+
+import org.springframework.scheduling.annotation.EnableScheduling;
 
 @SpringBootApplication
 @RestController
+@EnableScheduling
 @ImportRuntimeHints({ConfigRuntimeHints.class, HibernateRuntimeHints.class, ModelRuntimeHints.class, WebRuntimeHints.class})
 public class GtransferApplication {
+	@Autowired
+	private FileCleanupService cleanupService;
 	public static void main(String[] args) {
 		SpringApplication.run(GtransferApplication.class, args);
 	}

Backend/src/main/java/com/gregor_lohaus/gtransfer/config/ConfigEnvironmentPostProcessor.java

@@ -5,9 +5,9 @@ import java.nio.file.Files;
 import java.nio.file.Path;
 import java.nio.file.Paths;
 import com.gregor_lohaus.gtransfer.config.types.Config;
-
+// import com.google.gson.Gson;
+// import com.google.gson.GsonBuilder;
 import org.springframework.boot.EnvironmentPostProcessor;
-// import org.springframework.boot.env.EnvironmentPostProcessor;
 import org.springframework.boot.SpringApplication;
 import org.springframework.core.env.ConfigurableEnvironment;
 
@@ -41,6 +41,10 @@ public class ConfigEnvironmentPostProcessor implements EnvironmentPostProcessor
 				System.exit(1);
 			}
 			Config defaultConfig = DefaultConfig.config;
+			// Gson gson = new GsonBuilder().setPrettyPrinting().serializeNulls().create();
+			// String json = gson.toJson(defaultConfig);
+			// System.out.println(json);
+			
 			table = ConfigSerializer.toToml(defaultConfig);
 			toml.write(CONFIG_FILE_PATH, table);
 		}

Backend/src/main/java/com/gregor_lohaus/gtransfer/config/ConfigRuntimeHints.java

@@ -50,6 +50,21 @@ public class ConfigRuntimeHints implements RuntimeHintsRegistrar {
         MemberCategory.INVOKE_PUBLIC_CONSTRUCTORS,
         MemberCategory.ACCESS_DECLARED_FIELDS,
         MemberCategory.ACCESS_PUBLIC_FIELDS);
+    hints.reflection().registerType(UploadConfig.class,
+        MemberCategory.INVOKE_DECLARED_CONSTRUCTORS,
+        MemberCategory.INVOKE_PUBLIC_CONSTRUCTORS,
+        MemberCategory.ACCESS_DECLARED_FIELDS,
+        MemberCategory.ACCESS_PUBLIC_FIELDS);
+    hints.reflection().registerType(ServerConfig.class,
+        MemberCategory.INVOKE_DECLARED_CONSTRUCTORS,
+        MemberCategory.INVOKE_PUBLIC_CONSTRUCTORS,
+        MemberCategory.ACCESS_DECLARED_FIELDS,
+        MemberCategory.ACCESS_PUBLIC_FIELDS);
+    hints.reflection().registerType(SslConfig.class,
+        MemberCategory.INVOKE_DECLARED_CONSTRUCTORS,
+        MemberCategory.INVOKE_PUBLIC_CONSTRUCTORS,
+        MemberCategory.ACCESS_DECLARED_FIELDS,
+        MemberCategory.ACCESS_PUBLIC_FIELDS);
     hints.reflection().registerType(TypeAdapter.class,
         MemberCategory.ACCESS_DECLARED_FIELDS,
         MemberCategory.ACCESS_PUBLIC_FIELDS);

Backend/src/main/java/com/gregor_lohaus/gtransfer/config/DefaultConfig.java

@@ -6,10 +6,13 @@ import com.gregor_lohaus.gtransfer.config.types.Config;
 import com.gregor_lohaus.gtransfer.config.types.DataSourceConfig;
 import com.gregor_lohaus.gtransfer.config.types.JpaConfig;
 import com.gregor_lohaus.gtransfer.config.types.MultipartConfig;
+import com.gregor_lohaus.gtransfer.config.types.ServerConfig;
 import com.gregor_lohaus.gtransfer.config.types.ServletConfig;
 import com.gregor_lohaus.gtransfer.config.types.SpringConfig;
+import com.gregor_lohaus.gtransfer.config.types.SslConfig;
 import com.gregor_lohaus.gtransfer.config.types.StorageService;
 import com.gregor_lohaus.gtransfer.config.types.StorageServiceType;
+import com.gregor_lohaus.gtransfer.config.types.UploadConfig;
 
 public class DefaultConfig {
   public static final Config config;
@@ -42,6 +45,22 @@ public class DefaultConfig {
     sc.servletConfig = svc;
 
     c.springConfig = sc;
+
+    ServerConfig svc2 = new ServerConfig();
+    svc2.port = 8080;
+    SslConfig ssl = new SslConfig();
+    ssl.enabled = false;
+    ssl.certificatePrivateKey = "";
+    ssl.certificate = "";
+    svc2.sslConfig = ssl;
+    c.serverConfig = svc2;
+
+    UploadConfig uc = new UploadConfig();
+    uc.maxDownloadLimit = 100;
+    uc.maxExpiryDays = 30;
+    uc.cleanupEnabled = true;
+    c.uploadConfig = uc;
+
     config = c;
   }
 }

Backend/src/main/java/com/gregor_lohaus/gtransfer/config/types/Config.java

@@ -9,6 +9,11 @@ public class Config implements TomlSerializable {
   @Nested(name = "spring")
   @NoPrefix
   public SpringConfig springConfig;
+  @Nested(name = "server")
+  @NoPrefix
+  public ServerConfig serverConfig;
   @Nested(name = "storageService")
   public StorageService storageService;
+  @Nested(name = "upload")
+  public UploadConfig uploadConfig;
 }

Backend/src/main/java/com/gregor_lohaus/gtransfer/config/types/ServerConfig.java

@@ -0,0 +1,13 @@
+package com.gregor_lohaus.gtransfer.config.types;
+
+import com.gregor_lohaus.gtransfer.config.annotations.Nested;
+import com.gregor_lohaus.gtransfer.config.annotations.Property;
+
+import io.github.wasabithumb.jtoml.serial.TomlSerializable;
+
+public class ServerConfig implements TomlSerializable {
+  @Property(name = "port")
+  public Integer port;
+  @Nested(name = "ssl")
+  public SslConfig sslConfig;
+}

Backend/src/main/java/com/gregor_lohaus/gtransfer/config/types/SslConfig.java

@@ -0,0 +1,14 @@
+package com.gregor_lohaus.gtransfer.config.types;
+
+import com.gregor_lohaus.gtransfer.config.annotations.Property;
+
+import io.github.wasabithumb.jtoml.serial.TomlSerializable;
+
+public class SslConfig implements TomlSerializable {
+  @Property(name = "enabled")
+  public Boolean enabled;
+  @Property(name = "certificate")
+  public String certificate;
+  @Property(name = "certificate-private-key")
+  public String certificatePrivateKey;
+}

Backend/src/main/java/com/gregor_lohaus/gtransfer/config/types/UploadConfig.java

@@ -0,0 +1,14 @@
+package com.gregor_lohaus.gtransfer.config.types;
+
+import com.gregor_lohaus.gtransfer.config.annotations.Property;
+
+import io.github.wasabithumb.jtoml.serial.TomlSerializable;
+
+public class UploadConfig implements TomlSerializable {
+  @Property(name = "maxDownloadLimit")
+  public Integer maxDownloadLimit;
+  @Property(name = "maxExpiryDays")
+  public Integer maxExpiryDays;
+  @Property(name = "cleanupEnabled")
+  public Boolean cleanupEnabled;
+}

Backend/src/main/java/com/gregor_lohaus/gtransfer/controller/DownloadController.java

@@ -0,0 +1,83 @@
+package com.gregor_lohaus.gtransfer.controller;
+
+import java.time.LocalDateTime;
+import java.util.Optional;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.HttpStatus;
+import org.springframework.http.MediaType;
+import org.springframework.http.ResponseEntity;
+import org.springframework.stereotype.Controller;
+import org.springframework.transaction.annotation.Transactional;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.ResponseBody;
+
+import com.gregor_lohaus.gtransfer.model.File;
+import com.gregor_lohaus.gtransfer.model.FileRepository;
+import com.gregor_lohaus.gtransfer.services.filewriter.AbstractStorageService;
+
+@Controller
+public class DownloadController {
+
+    @Autowired
+    private FileRepository fileRepository;
+
+    @Autowired
+    private AbstractStorageService storageService;
+
+    @GetMapping("/download")
+    public String page() {
+        return "download/page";
+    }
+
+    @GetMapping("/download/{id}/data")
+    @ResponseBody
+    @Transactional
+    public ResponseEntity<byte[]> data(@PathVariable String id) {
+        Optional<File> fileOpt = fileRepository.findById(id);
+        if (fileOpt.isEmpty()) {
+            return ResponseEntity.notFound().build();
+        }
+
+        File file = fileOpt.get();
+
+        // Check expiry
+        if (file.getExpireyDateTime() != null && LocalDateTime.now().isAfter(file.getExpireyDateTime())) {
+            storageService.delete(id);
+            fileRepository.delete(file);
+            return ResponseEntity.status(HttpStatus.GONE).build();
+        }
+
+        // Check download limit before serving
+        if (file.getDownloadLimit() != null && file.getDownloads() >= file.getDownloadLimit()) {
+            storageService.delete(id);
+            fileRepository.delete(file);
+            return ResponseEntity.status(HttpStatus.GONE).build();
+        }
+
+        Optional<byte[]> data = storageService.get(id);
+        if (data.isEmpty()) {
+            return ResponseEntity.notFound().build();
+        }
+
+        // Increment counter
+        file.setDownloads(file.getDownloads() + 1);
+        fileRepository.save(file);
+
+        // Clean up if limit now reached
+        if (file.getDownloadLimit() != null && file.getDownloads() >= file.getDownloadLimit()) {
+            storageService.delete(id);
+            fileRepository.delete(file);
+        }
+
+        String disposition = "attachment; filename=\""
+                + file.getName().replace("\\", "\\\\").replace("\"", "\\\"") + "\"";
+
+        return ResponseEntity.ok()
+                .header(HttpHeaders.CONTENT_DISPOSITION, disposition)
+                .contentType(MediaType.APPLICATION_OCTET_STREAM)
+                .body(data.get());
+    }
+}

Backend/src/main/java/com/gregor_lohaus/gtransfer/controller/Env.java

@@ -1,28 +0,0 @@
-package com.gregor_lohaus.gtransfer.controller;
-
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.core.env.ConfigurableEnvironment;
-import org.springframework.core.env.MutablePropertySources;
-import org.springframework.web.bind.annotation.GetMapping;
-import org.springframework.web.bind.annotation.RestController;
-
-import com.gregor_lohaus.gtransfer.services.filewriter.AbstractStorageService;
-
-@RestController
-public class Env {
-	@Autowired
-	private ConfigurableEnvironment env;
-	@Autowired
-	private AbstractStorageService storageService;
-  @GetMapping("/env")
-  public String env() {
-		StringBuilder b = new StringBuilder();
-		MutablePropertySources sources = this.env.getPropertySources();
-		sources.forEach((var m) -> {
-			b.append(m.toString());
-			b.append("\n");
-		});
-		b.append(storageService.getClass().toString());
-		return b.toString();
-  }
-}

Backend/src/main/java/com/gregor_lohaus/gtransfer/controller/UploadController.java

@@ -1,37 +1,61 @@
 package com.gregor_lohaus.gtransfer.controller;
 
 import java.io.IOException;
-import java.util.Map;
+import java.time.LocalDateTime;
 
 import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.http.ResponseEntity;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.PostMapping;
 import org.springframework.web.bind.annotation.RequestParam;
-import org.springframework.web.bind.annotation.RestController;
 import org.springframework.web.multipart.MultipartFile;
 
 import com.gregor_lohaus.gtransfer.model.File;
 import com.gregor_lohaus.gtransfer.model.FileRepository;
 import com.gregor_lohaus.gtransfer.services.filewriter.AbstractStorageService;
 
-@RestController
+@Controller
 public class UploadController {
 
+    @Value("${gtransfer-config.upload.maxDownloadLimit:100}")
+    private Integer maxDownloadLimit;
+
+    @Value("${gtransfer-config.upload.maxExpiryDays:30}")
+    private Integer maxExpiryDays;
+
     @Autowired
     private AbstractStorageService storageService;
 
     @Autowired
     private FileRepository fileRepository;
 
+    @GetMapping("/upload/options")
+    public String options(@RequestParam String name, Model model) {
+        model.addAttribute("name", name);
+        model.addAttribute("maxExpiryDays", maxExpiryDays);
+        model.addAttribute("maxDownloadLimit", maxDownloadLimit);
+        return "upload/options :: form";
+    }
+
     @PostMapping("/upload")
-    public ResponseEntity<Map<String, String>> upload(
+    public String upload(
             @RequestParam("file") MultipartFile file,
             @RequestParam("hash") String hash,
-            @RequestParam("name") String name) throws IOException {
+            @RequestParam("name") String name,
+            @RequestParam(required = false) Integer expiryDays,
+            @RequestParam(required = false) Integer downloadLimit) throws IOException {
 
         storageService.put(hash, file.getBytes());
-        fileRepository.save(new File(hash, hash, name, null));
 
-        return ResponseEntity.ok(Map.of("id", hash));
+        int days = expiryDays != null ? Math.min(expiryDays, maxExpiryDays) : maxExpiryDays;
+        Integer limit = downloadLimit != null ? Math.min(downloadLimit, maxDownloadLimit) : null;
+
+        File f = new File(hash, hash, name, LocalDateTime.now().plusDays(days));
+        f.setDownloadLimit(limit);
+        fileRepository.save(f);
+
+        return "upload/result :: view";
     }
 }

Backend/src/main/java/com/gregor_lohaus/gtransfer/model/File.java

@@ -15,6 +15,8 @@ public class File {
   private String name;
   private LocalDateTime expireyDateTime;
   private Integer downloadLimit;
+  @Column(columnDefinition = "integer default 0")
+  private int downloads = 0;
   public LocalDateTime getExpireyDateTime() {
 	return expireyDateTime;
 }
@@ -45,6 +47,12 @@ public class File {
   public void setDownloadLimit(Integer downloadLimit) {
     this.downloadLimit = downloadLimit;
   }
+  public int getDownloads() {
+    return downloads;
+  }
+  public void setDownloads(int downloads) {
+    this.downloads = downloads;
+  }
   public File(String id, String path, String name, LocalDateTime expDateTime) {
     this.path = path;
     this.name = name;

Backend/src/main/java/com/gregor_lohaus/gtransfer/model/FileRepository.java

@@ -1,8 +1,16 @@
 package com.gregor_lohaus.gtransfer.model;
 
+import java.time.LocalDateTime;
+import java.util.List;
+
 import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.data.jpa.repository.Query;
+import org.springframework.data.repository.query.Param;
 import org.springframework.stereotype.Repository;
 
 @Repository
 public interface FileRepository extends JpaRepository<File, String> {
+
+    @Query("SELECT f FROM File f WHERE f.expireyDateTime IS NOT NULL AND f.expireyDateTime < :now")
+    List<File> findExpired(@Param("now") LocalDateTime now);
 }

Backend/src/main/java/com/gregor_lohaus/gtransfer/services/filecleanup/FileCleanupService.java

@@ -0,0 +1,51 @@
+package com.gregor_lohaus.gtransfer.services.filecleanup;
+
+import java.time.LocalDateTime;
+import java.util.List;
+
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.boot.autoconfigure.condition.ConditionalOnProperty;
+import org.springframework.scheduling.annotation.Scheduled;
+import org.springframework.stereotype.Component;
+import org.springframework.transaction.annotation.Transactional;
+
+import com.gregor_lohaus.gtransfer.model.File;
+import com.gregor_lohaus.gtransfer.model.FileRepository;
+import com.gregor_lohaus.gtransfer.services.filewriter.AbstractStorageService;
+
+public class FileCleanupService {
+    private Boolean enabled;
+    public FileCleanupService(Boolean enabled) {
+        this.enabled = enabled;
+    }
+    private static final Logger log = LoggerFactory.getLogger(FileCleanupService.class);
+
+    @Autowired
+    private FileRepository fileRepository;
+
+    @Autowired
+    private AbstractStorageService storageService;
+
+    @Scheduled(fixedDelay = 30000)
+    @Transactional
+    public void cleanupExpiredFiles() {
+        log.info("Cleaneup started");
+        if (!enabled) {
+            log.info("Cleaneup skipped");
+            return;            
+        }
+        List<File> expired = fileRepository.findExpired(LocalDateTime.now());
+        if (expired.isEmpty()) {
+            log.info("Nothing to clean up");
+            return;
+        };
+
+        for (File file : expired) {
+            storageService.delete(file.getId());
+            fileRepository.delete(file);
+        }
+        log.info("Cleaned up {} expired file(s)", expired.size());
+    }
+}

Backend/src/main/java/com/gregor_lohaus/gtransfer/services/filecleanup/FileCleanupServiceConfiguration.java

@@ -0,0 +1,19 @@
+
+package com.gregor_lohaus.gtransfer.services.filecleanup;
+
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+
+import com.gregor_lohaus.gtransfer.config.types.StorageServiceType;
+
+@Configuration
+public class FileCleanupServiceConfiguration {
+  @Bean
+  public FileCleanupService fileCleanupService(
+    @Value("${gtransfer-config.upload.cleanupEnabled}")
+    Boolean enabled
+  ) {
+    return new FileCleanupService(enabled);
+  }
+}

Backend/src/main/java/com/gregor_lohaus/gtransfer/services/filewriter/AbstractStorageService.java

@@ -13,4 +13,5 @@ public abstract class AbstractStorageService {
 
   abstract public OptionalLong put(String id, byte[] data);
   abstract public Optional<byte[]> get(String id);
+  abstract public boolean delete(String id);
 }

Backend/src/main/java/com/gregor_lohaus/gtransfer/services/filewriter/DummyStorageService.java

@@ -19,4 +19,9 @@ public class DummyStorageService extends AbstractStorageService {
   public Optional<byte[]> get(String id) {
     return Optional.empty();
   }
+
+  @Override
+  public boolean delete(String id) {
+    return false;
+  }
 }

Backend/src/main/java/com/gregor_lohaus/gtransfer/services/filewriter/LocalStorageService.java

@@ -33,4 +33,13 @@ public class LocalStorageService extends AbstractStorageService {
       return Optional.empty();
     }
   }
+
+  @Override
+  public boolean delete(String id) {
+    try {
+      return Files.deleteIfExists(root.resolve(id));
+    } catch (IOException e) {
+      return false;
+    }
+  }
 }

Backend/src/main/resources/static/crypto.js

@@ -0,0 +1,47 @@
+async function encryptFile(arrayBuffer) {
+    const key = await crypto.subtle.generateKey(
+        { name: 'AES-GCM', length: 256 },
+        true,
+        ['encrypt', 'decrypt']
+    );
+
+    const iv = crypto.getRandomValues(new Uint8Array(12));
+
+    const ciphertext = await crypto.subtle.encrypt({ name: 'AES-GCM', iv }, key, arrayBuffer);
+
+    // Payload: 12-byte IV prepended to ciphertext
+    const payload = new Uint8Array(12 + ciphertext.byteLength);
+    payload.set(iv, 0);
+    payload.set(new Uint8Array(ciphertext), 12);
+
+    // SHA-256(rawKey) → file identifier sent to server; server never sees the key itself
+    const rawKey = await crypto.subtle.exportKey('raw', key);
+    const hash = await hashKey(rawKey);
+
+    const base64urlKey = encodeKey(rawKey);
+
+    return { payload, hash, base64urlKey };
+}
+
+async function hashKey(rawKey) {
+    return Array.from(new Uint8Array(await crypto.subtle.digest('SHA-256', rawKey)))
+        .map(b => b.toString(16).padStart(2, '0'))
+        .join('');
+}
+
+async function decryptFile(payload, key) {
+    const bytes = new Uint8Array(payload);
+    const iv = bytes.slice(0, 12);
+    const ciphertext = bytes.slice(12);
+    return crypto.subtle.decrypt({ name: 'AES-GCM', iv }, key, ciphertext);
+}
+
+function encodeKey(rawKey) {
+    return btoa(String.fromCharCode(...new Uint8Array(rawKey)))
+        .replace(/\+/g, '-').replace(/\//g, '_').replace(/=/g, '');
+}
+
+function decodeKey(base64url) {
+    const base64 = base64url.replace(/-/g, '+').replace(/_/g, '/');
+    return Uint8Array.from(atob(base64), c => c.charCodeAt(0));
+}

Backend/src/main/resources/static/download.js

@@ -0,0 +1,133 @@
+const fragment = location.hash.slice(1);
+if (!fragment) {
+    showError('No decryption key found in URL.');
+} else try {
+    setStatus('Deriving key\u2026');
+
+    const rawKeyBytes = decodeKey(fragment);
+    const id = await hashKey(rawKeyBytes);
+
+    const key = await crypto.subtle.importKey(
+        'raw', rawKeyBytes, { name: 'AES-GCM' }, false, ['decrypt']
+    );
+
+    setStatus('Downloading\u2026');
+    const response = await fetch('/download/' + id + '/data');
+
+    if (response.status === 410) {
+        showError('This file has expired or reached its download limit.');
+    } else if (!response.ok) {
+        showError(`Download failed (${response.status}).`);
+    } else {
+        const disposition = response.headers.get('Content-Disposition') || '';
+        const filename = disposition.match(/filename="?([^"]+)"?/)?.[1] || 'download';
+
+        setStatus('Decrypting\u2026');
+        const plaintext = await decryptFile(await response.arrayBuffer(), key);
+
+        showPreview(filename, plaintext);
+    }
+} catch (err) {
+    showError('Decryption failed: ' + err.message);
+}
+
+function setStatus(msg) {
+    const el = htmx.find('#download-status');
+    if (el) el.textContent = msg;
+}
+
+function escapeHtml(str) {
+    return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+}
+
+function getMimeType(filename) {
+    const ext = filename.split('.').pop().toLowerCase();
+    const types = {
+        jpg: 'image/jpeg', jpeg: 'image/jpeg', png: 'image/png', gif: 'image/gif',
+        webp: 'image/webp', svg: 'image/svg+xml', bmp: 'image/bmp', ico: 'image/x-icon',
+        mp4: 'video/mp4', webm: 'video/webm', ogv: 'video/ogg', mov: 'video/quicktime',
+        mp3: 'audio/mpeg', wav: 'audio/wav', ogg: 'audio/ogg', flac: 'audio/flac',
+        aac: 'audio/aac', m4a: 'audio/mp4',
+        txt: 'text/plain', md: 'text/plain', csv: 'text/csv', log: 'text/plain',
+        json: 'application/json', xml: 'text/xml',
+        js: 'text/plain', ts: 'text/plain', py: 'text/plain', java: 'text/plain',
+        c: 'text/plain', cpp: 'text/plain', h: 'text/plain', sh: 'text/plain',
+        yaml: 'text/plain', yml: 'text/plain', toml: 'text/plain', ini: 'text/plain',
+        pdf: 'application/pdf',
+    };
+    return types[ext] || 'application/octet-stream';
+}
+
+function showPreview(filename, plaintext) {
+    const mimeType = getMimeType(filename);
+    const blob = new Blob([plaintext], { type: mimeType });
+    const url = URL.createObjectURL(blob);
+    window.addEventListener('unload', () => URL.revokeObjectURL(url));
+
+    const name = escapeHtml(filename);
+    const downloadBtn = `<button id="download-btn" class="btn btn-outline-success mt-2">Download</button>`;
+    let previewHtml;
+
+    if (mimeType.startsWith('image/')) {
+        previewHtml = `
+            <img src="${url}" alt="${name}" class="preview-media mb-3">
+            <div class="fw-medium mb-2">${name}</div>
+            ${downloadBtn}`;
+    } else if (mimeType.startsWith('video/')) {
+        previewHtml = `
+            <video src="${url}" controls class="preview-media mb-3"></video>
+            <div class="fw-medium mb-2">${name}</div>
+            ${downloadBtn}`;
+    } else if (mimeType.startsWith('audio/')) {
+        previewHtml = `
+            <div class="drop-zone-icon mb-3">&#x1F3B5;</div>
+            <div class="fw-medium mb-2">${name}</div>
+            <audio src="${url}" controls class="preview-audio mb-3"></audio>
+            ${downloadBtn}`;
+    } else if (mimeType === 'application/pdf') {
+        previewHtml = `
+            <div class="fw-medium mb-2">${name}</div>
+            <iframe src="${url}" class="preview-pdf mb-3"></iframe>
+            ${downloadBtn}`;
+    } else if (mimeType.startsWith('text/') || mimeType === 'application/json') {
+        const text = new TextDecoder().decode(plaintext);
+        const preview = text.length > 10000 ? text.slice(0, 10000) + '\n\u2026' : text;
+        previewHtml = `
+            <div class="fw-medium mb-2">${name}</div>
+            <pre class="preview-text mb-3">${escapeHtml(preview)}</pre>
+            ${downloadBtn}`;
+    } else {
+        previewHtml = `
+            <div class="drop-zone-icon mb-3">&#x1F4C4;</div>
+            <div class="fw-medium mb-2">${name}</div>
+            ${downloadBtn}`;
+    }
+
+    htmx.swap(htmx.find('#download-state'), previewHtml, { swapStyle: 'innerHTML' });
+
+    htmx.on(htmx.find('#download-btn'), 'click', () => {
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = filename;
+        a.click();
+        showSuccess(filename);
+    });
+}
+
+function showSuccess(filename) {
+    const name = escapeHtml(filename);
+    htmx.swap(htmx.find('#download-state'), `
+        <div class="drop-zone-icon mb-3">&#x2705;</div>
+        <div class="fw-medium mb-1">${name}</div>
+        <div class="drop-zone-text mb-3">Your download has started.</div>
+        <a href="/" class="btn btn-link drop-zone-text text-decoration-none">Send a file</a>`,
+        { swapStyle: 'innerHTML' });
+}
+
+function showError(msg) {
+    htmx.swap(htmx.find('#download-state'), `
+        <div class="drop-zone-icon mb-3">&#x26A0;</div>
+        <div class="drop-zone-text mb-3">${escapeHtml(msg)}</div>
+        <a href="/" class="btn btn-link drop-zone-text text-decoration-none">Go home</a>`,
+        { swapStyle: 'innerHTML' });
+}

Backend/src/main/resources/static/style.css

@@ -65,3 +65,37 @@ footer, footer a {
 footer a:hover {
     color: #8b949e;
 }
+
+.preview-media {
+    max-width: 100%;
+    border-radius: 8px;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.preview-audio {
+    width: 100%;
+}
+
+.preview-pdf {
+    width: 100%;
+    height: 420px;
+    border: none;
+    border-radius: 8px;
+    display: block;
+}
+
+.preview-text {
+    text-align: left;
+    max-height: 320px;
+    overflow: auto;
+    background: #0d1117;
+    padding: 1rem;
+    border-radius: 8px;
+    font-size: 0.78rem;
+    color: #e6edf3;
+    border: 1px solid #30363d;
+    white-space: pre-wrap;
+    word-break: break-word;
+}

Backend/src/main/resources/static/upload.js

@@ -1,135 +1,93 @@
-const dropZone = document.getElementById('drop-zone');
-const fileInput = document.getElementById('file-input');
-
-const views = {
-    prompt:    document.getElementById('view-prompt'),
-    selected:  document.getElementById('view-selected'),
-    uploading: document.getElementById('view-uploading'),
-    result:    document.getElementById('view-result'),
-};
+const dropZone = htmx.find('#drop-zone');
+const fileInput = htmx.find('#file-input');
+const promptHtml = dropZone.innerHTML;
 
 let selectedFile = null;
 
-function showView(name) {
-    Object.entries(views).forEach(([key, el]) => el.classList.toggle('d-none', key !== name));
-}
-
-// ── File selection ────────────────────────────────────────────────────────────
-
-dropZone.addEventListener('click', () => {
-    if (views.prompt.classList.contains('d-none')) return;
-    fileInput.click();
+htmx.on(dropZone, 'click', () => {
+    if (selectedFile === null) fileInput.click();
 });
 
-fileInput.addEventListener('change', e => {
-    if (e.target.files[0]) selectFile(e.target.files[0]);
+htmx.on(fileInput, 'change', e => {
+    if (e.target.files[0]) onFileSelected(e.target.files[0]);
 });
 
-dropZone.addEventListener('dragover', e => {
+htmx.on(dropZone, 'dragover', e => {
     e.preventDefault();
-    dropZone.classList.add('dragover');
+    htmx.addClass(dropZone, 'dragover');
 });
 
-dropZone.addEventListener('dragleave', () => dropZone.classList.remove('dragover'));
+htmx.on(dropZone, 'dragleave', () => htmx.removeClass(dropZone, 'dragover'));
 
-dropZone.addEventListener('drop', e => {
+htmx.on(dropZone, 'drop', e => {
     e.preventDefault();
-    dropZone.classList.remove('dragover');
-    if (e.dataTransfer.files[0]) selectFile(e.dataTransfer.files[0]);
+    htmx.removeClass(dropZone, 'dragover');
+    if (e.dataTransfer.files[0] && selectedFile === null) onFileSelected(e.dataTransfer.files[0]);
 });
 
-function selectFile(file) {
+function onFileSelected(file) {
     selectedFile = file;
-    document.getElementById('selected-name').textContent = file.name;
-    showView('selected');
+    htmx.ajax('GET', '/upload/options?name=' + encodeURIComponent(file.name), {
+        target: '#drop-zone',
+        swap: 'innerHTML'
+    });
 }
 
-document.getElementById('reset-btn').addEventListener('click', e => {
-    e.stopPropagation();
-    selectedFile = null;
-    fileInput.value = '';
-    showView('prompt');
-});
+async function startUpload() {
+    const expiryDays    = htmx.find('#expiry-days')?.value;
+    const downloadLimit = htmx.find('#download-limit')?.value;
 
-document.getElementById('new-upload-btn').addEventListener('click', e => {
-    e.stopPropagation();
-    selectedFile = null;
-    fileInput.value = '';
-    showView('prompt');
-});
-
-// ── Upload ────────────────────────────────────────────────────────────────────
-
-document.getElementById('upload-btn').addEventListener('click', async e => {
-    e.stopPropagation();
-    await upload();
-});
-
-function setStatus(msg) {
-    document.getElementById('upload-status').textContent = msg;
-}
-
-async function upload() {
-    const file = selectedFile;
-    showView('uploading');
+    htmx.swap(dropZone, `
+        <div class="mb-3">
+            <div class="spinner-border text-success" role="status">
+                <span class="visually-hidden">Loading\u2026</span>
+            </div>
+        </div>
+        <div class="drop-zone-text" id="upload-status">Encrypting\u2026</div>`,
+        { swapStyle: 'innerHTML' });
 
     try {
-        setStatus('Generating encryption key\u2026');
-        const key = await crypto.subtle.generateKey(
-            { name: 'AES-GCM', length: 256 },
-            true,
-            ['encrypt', 'decrypt']
-        );
-
-        const iv = crypto.getRandomValues(new Uint8Array(12));
-
-        setStatus('Encrypting\u2026');
-        const ciphertext = await crypto.subtle.encrypt(
-            { name: 'AES-GCM', iv },
-            key,
-            await file.arrayBuffer()
-        );
-
-        // Payload: 12-byte IV prepended to ciphertext
-        const payload = new Uint8Array(12 + ciphertext.byteLength);
-        payload.set(iv, 0);
-        payload.set(new Uint8Array(ciphertext), 12);
-
-        // SHA-256(rawKey) → file identifier sent to server (server never sees the key)
-        const rawKey = await crypto.subtle.exportKey('raw', key);
-        const hash = Array.from(new Uint8Array(await crypto.subtle.digest('SHA-256', rawKey)))
-            .map(b => b.toString(16).padStart(2, '0'))
-            .join('');
-
-        // Base64url-encode key for URL fragment
-        const base64urlKey = btoa(String.fromCharCode(...new Uint8Array(rawKey)))
-            .replace(/\+/g, '-').replace(/\//g, '_').replace(/=/g, '');
+        const { payload, hash, base64urlKey } = await encryptFile(await selectedFile.arrayBuffer());
 
         setStatus('Uploading\u2026');
+
         const formData = new FormData();
-        formData.append('file', new Blob([payload]), file.name);
+        formData.append('file', new Blob([payload]), selectedFile.name);
         formData.append('hash', hash);
-        formData.append('name', file.name);
+        formData.append('name', selectedFile.name);
+        if (expiryDays)    formData.append('expiryDays', expiryDays);
+        if (downloadLimit) formData.append('downloadLimit', downloadLimit);
 
         const response = await fetch('/upload', { method: 'POST', body: formData });
-        if (!response.ok) throw new Error(`Server responded with ${response.status}`);
+        if (!response.ok) throw new Error(`Server error ${response.status}`);
 
-        const { id } = await response.json();
-        document.getElementById('share-link').value =
-            `${window.location.origin}/download/${id}#${base64urlKey}`;
-        showView('result');
+        htmx.swap(dropZone, await response.text(), { swapStyle: 'innerHTML' });
+        htmx.process(dropZone);
+        htmx.find('#share-link').value = window.location.origin + '/download#' + base64urlKey;
 
     } catch (err) {
-        setStatus(`Error: ${err.message}`);
+        htmx.swap(dropZone, `
+            <div class="drop-zone-icon mb-3">&#x26A0;</div>
+            <div class="drop-zone-text mb-3">${err.message}</div>
+            <button class="btn btn-link drop-zone-text text-decoration-none" onclick="resetUpload()">Try again</button>`,
+            { swapStyle: 'innerHTML' });
     }
 }
 
-// ── Copy link ─────────────────────────────────────────────────────────────────
+function setStatus(msg) {
+    const el = htmx.find('#upload-status');
+    if (el) el.textContent = msg;
+}
 
-document.getElementById('copy-btn').addEventListener('click', async e => {
-    e.stopPropagation();
-    await navigator.clipboard.writeText(document.getElementById('share-link').value);
-    const btn = document.getElementById('copy-btn');
+function resetUpload() {
+    selectedFile = null;
+    fileInput.value = '';
+    htmx.swap(dropZone, promptHtml, { swapStyle: 'innerHTML' });
+}
+
+async function copyLink() {
+    await navigator.clipboard.writeText(htmx.find('#share-link').value);
+    const btn = htmx.find('#copy-btn');
     btn.textContent = 'Copied!';
     setTimeout(() => { btn.textContent = 'Copy'; }, 2000);
-});
+}

Backend/src/main/resources/templates/download/page.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org" data-bs-theme="dark">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>GTransfer</title>
+    <link rel="stylesheet" th:href="@{/webjars/bootstrap/dist/css/bootstrap.min.css}">
+    <link rel="stylesheet" th:href="@{/style.css}">
+    <script th:src="@{/webjars/htmx.org/dist/htmx.min.js}" defer></script>
+    <script th:src="@{/crypto.js}" defer></script>
+    <script th:src="@{/download.js}" type="module"></script>
+</head>
+<body class="d-flex flex-column min-vh-100">
+
+    <nav class="navbar px-4 pt-3">
+        <a class="brand fw-bold text-decoration-none fs-4" href="/">G<span>Transfer</span></a>
+        <span class="badge-e2e rounded-pill fw-medium px-3 py-1">&#x1F512; End-to-end encrypted</span>
+    </nav>
+
+    <main class="flex-grow-1 d-flex align-items-center justify-content-center py-5 px-3">
+        <div id="download-state" class="drop-zone text-center py-5 px-4" style="max-width: 520px; width: 100%;">
+            <div class="drop-zone-icon mb-3">&#x1F512;</div>
+<div class="drop-zone-text" id="download-status">Preparing&hellip;</div>
+        </div>
+    </main>
+
+    <footer class="text-center p-4 small">
+        <a href="https://github.com/gregor-lohaus/gtransfer">Open source</a>
+        &middot; No tracking &middot; No ads
+    </footer>
+
+</body>
+</html>

Backend/src/main/resources/templates/index.html

@@ -8,6 +8,7 @@
     <link rel="stylesheet" th:href="@{/style.css}">
     <script th:src="@{/webjars/bootstrap/dist/js/bootstrap.bundle.min.js}" defer></script>
     <script th:src="@{/webjars/htmx.org/dist/htmx.min.js}" defer></script>
+    <script th:src="@{/crypto.js}" defer></script>
     <script th:src="@{/upload.js}" defer></script>
 </head>
 <body class="d-flex flex-column min-vh-100">
@@ -27,52 +28,14 @@
                 </p>
             </div>
             <div class="col-lg-7 d-flex justify-content-center justify-content-lg-end">
+                <input type="file" id="file-input" accept="*/*" hidden>
                 <div id="drop-zone" class="drop-zone text-center py-5 px-4 w-100">
-
-                    <!-- State: prompt (default) -->
-                    <div id="view-prompt">
-                        <div class="drop-zone-icon mb-3">&#x1F4C2;</div>
-                        <div class="mb-2">
-                            <strong>Choose a file</strong>
-                            <span class="drop-zone-text"> or drag and drop here</span>
-                        </div>
-                        <div class="drop-zone-text small">Any file type &middot; Up to <span th:text="${maxFileSize}">10GB</span></div>
+                    <div class="drop-zone-icon mb-3">&#x1F4C2;</div>
+                    <div class="mb-2">
+                        <strong>Choose a file</strong>
+                        <span class="drop-zone-text"> or drag and drop here</span>
                     </div>
-
-                    <!-- State: file selected -->
-                    <div id="view-selected" class="d-none">
-                        <div class="drop-zone-icon mb-3">&#x1F4C4;</div>
-                        <div class="fw-medium mb-3" id="selected-name"></div>
-                        <div class="d-flex gap-2 justify-content-center">
-                            <button id="upload-btn" class="btn btn-success px-4">Send</button>
-                            <button id="reset-btn" class="btn btn-link drop-zone-text text-decoration-none">Change file</button>
-                        </div>
-                    </div>
-
-                    <!-- State: uploading -->
-                    <div id="view-uploading" class="d-none">
-                        <div class="mb-3">
-                            <div class="spinner-border text-success" role="status">
-                                <span class="visually-hidden">Loading...</span>
-                            </div>
-                        </div>
-                        <div class="drop-zone-text" id="upload-status">Preparing&hellip;</div>
-                    </div>
-
-                    <!-- State: result -->
-                    <div id="view-result" class="d-none">
-                        <div class="drop-zone-icon mb-3">&#x2705;</div>
-                        <div class="drop-zone-text mb-3">Your file is ready to share</div>
-                        <div class="input-group mb-2">
-                            <input type="text" id="share-link" class="form-control form-control-sm" readonly>
-                            <button id="copy-btn" class="btn btn-outline-success btn-sm">Copy</button>
-                        </div>
-                        <button id="new-upload-btn" class="btn btn-link drop-zone-text text-decoration-none small">
-                            Send another file
-                        </button>
-                    </div>
-
-                    <input type="file" id="file-input" hidden>
+                    <div class="drop-zone-text small">Any file type &middot; Up to <span th:text="${maxFileSize}">10GB</span></div>
                 </div>
             </div>
         </div>

Backend/src/main/resources/templates/upload/options.html

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+<body>
+<div th:fragment="form">
+    <div class="drop-zone-icon mb-3">&#x1F4C4;</div>
+    <div class="fw-medium mb-3 text-truncate" th:text="${name}">filename</div>
+
+    <div class="row g-2 mb-3 text-start">
+        <div class="col-6">
+            <label for="expiry-days" class="form-label drop-zone-text small">Expires after (days)</label>
+            <input type="number" id="expiry-days" class="form-control form-control-sm"
+                   min="1" th:max="${maxExpiryDays}" th:value="${maxExpiryDays}">
+        </div>
+        <div class="col-6">
+            <label for="download-limit" class="form-label drop-zone-text small">Download limit</label>
+            <input type="number" id="download-limit" class="form-control form-control-sm"
+                   min="1" th:max="${maxDownloadLimit}" placeholder="Unlimited">
+        </div>
+    </div>
+
+    <div class="d-flex gap-2 justify-content-center">
+        <button class="btn btn-success px-4" onclick="startUpload()">Send</button>
+        <button class="btn btn-link drop-zone-text text-decoration-none" onclick="resetUpload()">Change file</button>
+    </div>
+</div>
+</body>
+</html>

Backend/src/main/resources/templates/upload/result.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+<body>
+<div th:fragment="view">
+    <div class="drop-zone-icon mb-3">&#x2705;</div>
+    <div class="drop-zone-text mb-3">Your file is ready to share</div>
+    <div class="input-group mb-2">
+        <input type="text" id="share-link" class="form-control form-control-sm" readonly>
+        <button id="copy-btn" class="btn btn-outline-success btn-sm" onclick="copyLink()">Copy</button>
+    </div>
+    <button class="btn btn-link drop-zone-text text-decoration-none small" onclick="resetUpload()">
+        Send another file
+    </button>
+</div>
+</body>
+</html>

README.md

@@ -0,0 +1,45 @@
+# GTransfer
+
+A self-hosted, end-to-end encrypted file transfer service. The server stores only ciphertext and never has access to encryption keys or plaintext.
+
+## How encryption works
+
+### Upload
+
+1. **Key generation** — the browser generates a random 256-bit AES-GCM key using the [Web Crypto API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Crypto_API). The key never leaves the browser.
+
+2. **Encryption** — the file is encrypted with AES-GCM. A random 96-bit (12-byte) IV is generated for each upload. The IV is prepended to the ciphertext to produce the payload:
+   ```
+   payload = IV (12 bytes) || ciphertext
+   ```
+
+3. **File ID** — the server needs a way to identify the file without knowing the key. The client computes `SHA-256(rawKey)` and uses the hex digest as the file ID. This is a one-way operation — the server cannot reverse it to obtain the key.
+
+4. **Upload** — the encrypted payload and file ID are sent to the server. The server stores the ciphertext and records the file ID, name, expiry, and download limit in the database.
+
+5. **Share link** — the raw key is base64url-encoded and placed in the [URL fragment](https://developer.mozilla.org/en-US/docs/Web/API/URL/hash):
+   ```
+   https://example.com/download#<base64url(rawKey)>
+   ```
+   Browsers never include the fragment in HTTP requests, so the key is never transmitted to the server.
+
+### Download
+
+1. **Key extraction** — the browser reads the key from the URL fragment and decodes it from base64url.
+
+2. **File lookup** — the client computes `SHA-256(rawKey)` to derive the file ID and fetches the encrypted payload from `/download/<id>/data`.
+
+3. **Decryption** — the IV is read from the first 12 bytes of the payload, and the remainder is decrypted with AES-GCM. AES-GCM is authenticated encryption, so any tampering with the ciphertext causes decryption to fail with an authentication error.
+
+4. **Download** — the plaintext is written to a `Blob` and the browser is prompted to save it.
+
+### Security properties
+
+| Property | Detail |
+|---|---|
+| Encryption | AES-256-GCM |
+| IV | 96-bit random, unique per upload |
+| Key derivation | None — key is randomly generated |
+| File ID | SHA-256(rawKey) — server cannot reverse to key |
+| Key transport | URL fragment — never sent to server |
+| Server access | Ciphertext, file metadata, SHA-256 of key only |

devenv.lock

@@ -17,6 +17,62 @@
         "type": "github"
       }
     },
+    "flake-compat": {
+      "flake": false,
+      "locked": {
+        "lastModified": 1767039857,
+        "owner": "NixOS",
+        "repo": "flake-compat",
+        "rev": "5edf11c44bc78a0d334f6334cdaf7d60d732daab",
+        "type": "github"
+      },
+      "original": {
+        "owner": "NixOS",
+        "repo": "flake-compat",
+        "type": "github"
+      }
+    },
+    "git-hooks": {
+      "inputs": {
+        "flake-compat": "flake-compat",
+        "gitignore": "gitignore",
+        "nixpkgs": [
+          "nixpkgs"
+        ]
+      },
+      "locked": {
+        "lastModified": 1772024342,
+        "owner": "cachix",
+        "repo": "git-hooks.nix",
+        "rev": "6e34e97ed9788b17796ee43ccdbaf871a5c2b476",
+        "type": "github"
+      },
+      "original": {
+        "owner": "cachix",
+        "repo": "git-hooks.nix",
+        "type": "github"
+      }
+    },
+    "gitignore": {
+      "inputs": {
+        "nixpkgs": [
+          "git-hooks",
+          "nixpkgs"
+        ]
+      },
+      "locked": {
+        "lastModified": 1762808025,
+        "owner": "hercules-ci",
+        "repo": "gitignore.nix",
+        "rev": "cb5e3fdca1de58ccbc3ef53de65bd372b48f567c",
+        "type": "github"
+      },
+      "original": {
+        "owner": "hercules-ci",
+        "repo": "gitignore.nix",
+        "type": "github"
+      }
+    },
     "nixpkgs": {
       "inputs": {
         "nixpkgs-src": "nixpkgs-src"
@@ -56,7 +112,11 @@
     "root": {
       "inputs": {
         "devenv": "devenv",
-        "nixpkgs": "nixpkgs"
+        "git-hooks": "git-hooks",
+        "nixpkgs": "nixpkgs",
+        "pre-commit-hooks": [
+          "git-hooks"
+        ]
       }
     }
   },

devenv.nix

@@ -36,9 +36,9 @@
   scripts.build-backend.exec = ''
     gradle -p ./Backend build && echo $(date) > ./Backend/buildcompleted.at
   '';
-
-  enterShell = ''
-  '';
+  # enterShell = ''
+  #   PATH="$(pwd)/x86_64-linux-musl-native/bin:$PATH"
+  # '';
 
   # https://devenv.sh/tasks/
   # tasks = {

layout.kdl

@@ -1,337 +0,0 @@
-layout {
-    cwd "/home/anon"
-    tab name="Tab #1" focus=true {
-        pane size=1 borderless=true {
-            plugin location="zellij:tab-bar"
-        }
-        pane command="devenv" cwd="Dev/GTransfer" {
-            args "shell"
-        }
-        pane size=1 borderless=true {
-            plugin location="zellij:status-bar"
-        }
-        floating_panes {
-            pane command="devenv" cwd="Dev/GTransfer" {
-                height 30
-                width 170
-                x 85
-                y 16
-                args "up"
-            }
-            pane command="hx" cwd=".config/gtransfer" {
-                height 30
-                width 170
-                x 87
-                y 18
-                args "config.toml"
-            }
-            pane command="devenv" cwd="Dev/GTransfer" {
-                height 30
-                width 170
-                x 89
-                y 20
-                args "shell"
-            }
-            pane command="claude" cwd="Dev/GTransfer" {
-                height 30
-                width 170
-                x 91
-                y 22
-                args "."
-            }
-            pane command="yy" cwd="Dev/GTransfer" {
-                height 30
-                width 170
-                x 93
-                y 24
-            }
-        }
-    }
-    new_tab_template {
-        pane size=1 borderless=true {
-            plugin location="zellij:tab-bar"
-        }
-        pane cwd="/home/anon"
-        pane size=1 borderless=true {
-            plugin location="zellij:status-bar"
-        }
-    }
-    swap_tiled_layout name="vertical" {
-        tab max_panes=5 {
-            pane size=1 borderless=true {
-                plugin location="tab-bar"
-            }
-            pane {
-                pane split_direction="vertical" {
-                    pane
-                    pane {
-                        children
-                    }
-                }
-            }
-            pane size=1 borderless=true {
-                plugin location="status-bar"
-            }
-        }
-        tab max_panes=8 {
-            pane size=1 borderless=true {
-                plugin location="tab-bar"
-            }
-            pane {
-                pane split_direction="vertical" {
-                    pane {
-                        children
-                    }
-                    pane {
-                        pane
-                        pane
-                        pane
-                        pane
-                    }
-                }
-            }
-            pane size=1 borderless=true {
-                plugin location="status-bar"
-            }
-        }
-        tab max_panes=12 {
-            pane size=1 borderless=true {
-                plugin location="tab-bar"
-            }
-            pane {
-                pane split_direction="vertical" {
-                    pane {
-                        children
-                    }
-                    pane {
-                        pane
-                        pane
-                        pane
-                        pane
-                    }
-                    pane {
-                        pane
-                        pane
-                        pane
-                        pane
-                    }
-                }
-            }
-            pane size=1 borderless=true {
-                plugin location="status-bar"
-            }
-        }
-    }
-    swap_tiled_layout name="horizontal" {
-        tab max_panes=4 {
-            pane size=1 borderless=true {
-                plugin location="tab-bar"
-            }
-            pane {
-                pane
-                pane
-            }
-            pane size=1 borderless=true {
-                plugin location="status-bar"
-            }
-        }
-        tab max_panes=8 {
-            pane size=1 borderless=true {
-                plugin location="tab-bar"
-            }
-            pane {
-                pane {
-                    pane split_direction="vertical" {
-                        children
-                    }
-                    pane split_direction="vertical" {
-                        pane
-                        pane
-                        pane
-                        pane
-                    }
-                }
-            }
-            pane size=1 borderless=true {
-                plugin location="status-bar"
-            }
-        }
-        tab max_panes=12 {
-            pane size=1 borderless=true {
-                plugin location="tab-bar"
-            }
-            pane {
-                pane {
-                    pane split_direction="vertical" {
-                        children
-                    }
-                    pane split_direction="vertical" {
-                        pane
-                        pane
-                        pane
-                        pane
-                    }
-                    pane split_direction="vertical" {
-                        pane
-                        pane
-                        pane
-                        pane
-                    }
-                }
-            }
-            pane size=1 borderless=true {
-                plugin location="status-bar"
-            }
-        }
-    }
-    swap_tiled_layout name="stacked" {
-        tab min_panes=5 {
-            pane size=1 borderless=true {
-                plugin location="tab-bar"
-            }
-            pane {
-                pane split_direction="vertical" {
-                    pane
-                    pane stacked=true {
-                        children
-                    }
-                }
-            }
-            pane size=1 borderless=true {
-                plugin location="status-bar"
-            }
-        }
-    }
-    swap_floating_layout name="staggered" {
-        floating_panes {
-        }
-    }
-    swap_floating_layout name="enlarged" {
-        floating_panes max_panes=10 {
-            pane cwd="/home/anon" {
-                height "90%"
-                width "90%"
-                x "5%"
-                y 1
-            }
-            pane cwd="/home/anon" {
-                height "90%"
-                width "90%"
-                x "5%"
-                y 2
-            }
-            pane cwd="/home/anon" {
-                height "90%"
-                width "90%"
-                x "5%"
-                y 3
-            }
-            pane cwd="/home/anon" {
-                height "90%"
-                width "90%"
-                x "5%"
-                y 4
-            }
-            pane cwd="/home/anon" {
-                height "90%"
-                width "90%"
-                x "5%"
-                y 5
-            }
-            pane cwd="/home/anon" {
-                height "90%"
-                width "90%"
-                x "5%"
-                y 6
-            }
-            pane cwd="/home/anon" {
-                height "90%"
-                width "90%"
-                x "5%"
-                y 7
-            }
-            pane cwd="/home/anon" {
-                height "90%"
-                width "90%"
-                x "5%"
-                y 8
-            }
-            pane cwd="/home/anon" {
-                height "90%"
-                width "90%"
-                x "5%"
-                y 9
-            }
-            pane cwd="/home/anon" {
-                height "90%"
-                width "90%"
-                x 10
-                y 10
-            }
-        }
-    }
-    swap_floating_layout name="spread" {
-        floating_panes max_panes=1 {
-            pane cwd="/home/anon" {
-                x "50%"
-                y "50%"
-            }
-        }
-        floating_panes max_panes=2 {
-            pane cwd="/home/anon" {
-                width "45%"
-                x "1%"
-                y "25%"
-            }
-            pane cwd="/home/anon" {
-                width "45%"
-                x "50%"
-                y "25%"
-            }
-        }
-        floating_panes max_panes=3 {
-            pane cwd="/home/anon" {
-                height "45%"
-                width "45%"
-                y "55%"
-            }
-            pane cwd="/home/anon" {
-                width "45%"
-                x "1%"
-                y "1%"
-            }
-            pane cwd="/home/anon" {
-                width "45%"
-                x "50%"
-                y "1%"
-            }
-        }
-        floating_panes max_panes=4 {
-            pane cwd="/home/anon" {
-                height "45%"
-                width "45%"
-                x "1%"
-                y "55%"
-            }
-            pane cwd="/home/anon" {
-                height "45%"
-                width "45%"
-                x "50%"
-                y "55%"
-            }
-            pane cwd="/home/anon" {
-                height "45%"
-                width "45%"
-                x "1%"
-                y "1%"
-            }
-            pane cwd="/home/anon" {
-                height "45%"
-                width "45%"
-                x "50%"
-                y "1%"
-            }
-        }
-    }
-}
-