chore(deps): update container images

Reviewed-on: #2

Containerfile

@@ -1,11 +1,11 @@
-FROM node:21-alpine3.19 AS frontend-builder
+FROM node:24-alpine3.22 AS frontend-builder
 WORKDIR /build
 
 RUN corepack enable
 COPY pastabble-frontend/ .
 RUN pnpm i && pnpm build
 
-FROM rust:alpine3.19 AS builder
+FROM rust:alpine3.22 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.19
+FROM alpine:3.22
 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,20 +10,19 @@
     "check": "svelte-check --tsconfig ./tsconfig.json"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^3.0.1",
+    "@sveltejs/vite-plugin-svelte": "^5.1.0",
-    "@tsconfig/svelte": "^5.0.2",
+    "@tailwindcss/vite": "^4.1.8",
-    "autoprefixer": "^10.4.17",
+    "@tsconfig/svelte": "^5.0.4",
-    "daisyui": "^4.6.1",
+    "daisyui": "^5.0.43",
-    "postcss": "^8.4.33",
+    "svelte": "^5.33.14",
-    "svelte": "^4.2.8",
+    "svelte-check": "^4.2.1",
-    "svelte-check": "^3.6.2",
+    "tailwindcss": "^4.1.8",
-    "tailwindcss": "^3.4.1",
+    "tslib": "^2.8.1",
-    "tslib": "^2.6.2",
+    "typescript": "^5.8.3",
-    "typescript": "^5.2.2",
+    "vite": "^6.3.5"
-    "vite": "^5.0.8"
   },
   "dependencies": {
-    "highlight.js": "^11.9.0",
+    "highlight.js": "^11.11.1",
     "svelte-spa-router": "^4.0.1"
   }
 }

pastabble-frontend/postcss.config.js

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

pastabble-frontend/src/app.css

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

pastabble-frontend/src/lib/components/CodeBlock.svelte

@@ -6,23 +6,22 @@
     export let language: string | undefined;
 
     let displayCode: string | undefined;
+    let displayLanguage: string | undefined;
     let showAlert = false;
-    let initial = true;
 
     $: if(code) {
         highlight();
-        initial = false;
     }
 
-    $: if(language) {
+    $: if(language !== displayLanguage) {
-        if(initial || !code) {
         highlight();
     }
-    }
 
     function highlight() {
         if(language) {
-            const res = hljs.highlight(language!, code!);
+            const res = hljs.highlight(code!, {
+                language
+            });
             if(!res.errorRaised) {
                 displayCode = res.value;
             }
@@ -33,6 +32,7 @@
                 language = res.language;
             }
         }
+        displayLanguage = language;
     }
 
     async function copy() {

pastabble-frontend/src/lib/pages/Home.svelte

@@ -45,7 +45,10 @@
         });
 
         if(res.ok) {
-            const id = await res.text();
+            let id = await res.text();
+            if(id.includes('/')) {
+                id = id.substring(id.lastIndexOf('/') + 1);
+            }
             push(`/${id}`);
         }
     }
@@ -75,7 +78,10 @@
         });
         
         if(res.status === 200) {
-            const id = await res.text();
+            let id = await res.text();
+            if(id.includes('/')) {
+                id = id.substring(id.lastIndexOf('/') + 1);
+            }
             createdUrl = `${location.origin}/to/${id}`;
             enteredUrl = '';
             showAlert = true;

pastabble-frontend/src/main.ts

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

pastabble-frontend/tailwind.config.js

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

pastabble-frontend/vite.config.ts

@@ -1,7 +1,8 @@
 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()]
+  plugins: [svelte(), tailwindcss()],
 })