hallo toegevoegd

Containerfile

@@ -1,11 +1,11 @@
-FROM node:24-alpine3.22 AS frontend-builder
+FROM node:21-alpine3.19 AS frontend-builder
 WORKDIR /build
 
 RUN corepack enable
 COPY pastabble-frontend/ .
 RUN pnpm i && pnpm build
 
-FROM rust:alpine3.22 AS builder
+FROM rust:alpine3.19 AS builder
 WORKDIR /build
 
 RUN apk add --no-cache musl-dev
@@ -18,7 +18,7 @@ RUN case "$(apk --print-arch)" in \
 	       mv ./target/aarch64-unknown-linux-musl /release ;; \
 	esac
 
-FROM alpine:3.22
+FROM alpine:3.19
 WORKDIR /app
 
 RUN mkdir wwwroot data && \

pastabble-frontend/data/conf

@@ -1,4 +1,4 @@
 segment_size: 524288
 use_compression: false
 version: 0.34
-vQ<>
+vQ<>

pastabble-frontend/package.json

@@ -10,19 +10,20 @@
     "check": "svelte-check --tsconfig ./tsconfig.json"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^5.1.0",
+    "@sveltejs/vite-plugin-svelte": "^3.0.1",
-    "@tailwindcss/vite": "^4.1.8",
+    "@tsconfig/svelte": "^5.0.2",
-    "@tsconfig/svelte": "^5.0.4",
+    "autoprefixer": "^10.4.17",
-    "daisyui": "^5.0.43",
+    "daisyui": "^4.6.1",
-    "svelte": "^5.33.14",
+    "postcss": "^8.4.33",
-    "svelte-check": "^4.2.1",
+    "svelte": "^4.2.8",
-    "tailwindcss": "^4.1.8",
+    "svelte-check": "^3.6.2",
-    "tslib": "^2.8.1",
+    "tailwindcss": "^3.4.1",
-    "typescript": "^5.8.3",
+    "tslib": "^2.6.2",
-    "vite": "^6.3.5"
+    "typescript": "^5.2.2",
+    "vite": "^5.0.8"
   },
   "dependencies": {
-    "highlight.js": "^11.11.1",
+    "highlight.js": "^11.9.0",
     "svelte-spa-router": "^4.0.1"
   }
 }

pastabble-frontend/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

pastabble-frontend/src/app.css

@@ -1,2 +1,3 @@
-@import 'tailwindcss';
+@tailwind base;
-@plugin "daisyui";
+@tailwind components;
+@tailwind utilities;

pastabble-frontend/src/main.ts

@@ -1,8 +1,9 @@
 import './app.css'
 import 'highlight.js/styles/github-dark.min.css';
-import { mount } from 'svelte';
 import App from './App.svelte'
 
-const app = mount(App, { target: document.getElementById("app") });
+const app = new App({
+  target: document.getElementById('app'),
+})
 
 export default app

pastabble-frontend/tailwind.config.js

@@ -4,5 +4,6 @@ export default {
   theme: {
     extend: {},
   },
+  plugins: [require('daisyui')],
 }
 

pastabble-frontend/vite.config.ts

@@ -1,8 +1,7 @@
 import { defineConfig } from 'vite'
 import { svelte } from '@sveltejs/vite-plugin-svelte'
-import tailwindcss from '@tailwindcss/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [svelte(), tailwindcss()],
+  plugins: [svelte()]
 })

src/main.rs

@@ -11,6 +11,7 @@ mod paste;
 
 // Generate random key function
 fn random_string() -> String {
+    // hallo
     rand::thread_rng()
         .sample_iter(&Alphanumeric)
         .take(5)