fix(frontend): Add Svelte 5 to dependencies

Dockerfile-packages

@@ -0,0 +1,22 @@
+FROM python:3.10-slim
+
+WORKDIR /app
+
+COPY --from=nobodyxu/apt-fast:latest-debian-buster-slim /usr/local/ /usr/local/
+
+RUN apt update
+RUN apt install -y aria2
+RUN apt-fast install -y git build-essential libpango-1.0-0 libpangoft2-1.0-0 wget
+
+ENV EXIFTOOL_VERSION="13.06"
+RUN wget "https://exiftool.org/Image-ExifTool-${EXIFTOOL_VERSION}.tar.gz"
+RUN gzip -dc "Image-ExifTool-${EXIFTOOL_VERSION}.tar.gz" | tar -xf -
+WORKDIR /app/Image-ExifTool-${EXIFTOOL_VERSION}
+RUN perl Makefile.PL
+RUN make test
+RUN make install
+
+COPY --from=ghcr.io/astral-sh/uv:latest /uv /uvx /bin/
+
+RUN rm -rf /var/lib/apt/lists/* /app/Image-ExifTool-${EXIFTOOL_VERSION}
+

src/frontend/.gitignore

@@ -1,12 +1,23 @@
-.DS_Store
 node_modules
-/build
+
+# Output
+.output
+.vercel
+.netlify
+.wrangler
 /.svelte-kit
-/package
+/build
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Env
 .env
 .env.*
 !.env.example
-.vercel
+!.env.test
-.output
+
+# Vite
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*

src/frontend/.prettierignore

@@ -1,3 +1,6 @@
-# Ignore artifacts:
+# Package Managers
-build
+package-lock.json
-coverage
+pnpm-lock.yaml
+yarn.lock
+bun.lock
+bun.lockb

src/frontend/.prettierrc

@@ -1,18 +1,15 @@
 {
-  "trailingComma": "all",
+	"useTabs": true,
-  "endOfLine": "lf",
+	"singleQuote": true,
-  "semi": true,
+	"trailingComma": "none",
-  "tabWidth": 2,
+	"printWidth": 100,
-  "htmlWhitespaceSensitivity": "strict",
+	"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
-  "plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
+	"overrides": [
-  "overrides": [
+		{
-    {
+			"files": "*.svelte",
-      "files": "*.svelte",
+			"options": {
-      "options": {
+				"parser": "svelte"
-        "parser": "svelte"
+			}
-      }
+		}
-    }
+	]
-  ],
-  "tailwindStylesheet": "./src/app.css",
-  "tailwindConfig": "./tailwind.config.js"
 }

src/frontend/README.md

@@ -1,6 +1,6 @@
-# create-svelte
+# sv
 
-Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
+Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
 
 ## Creating a project
 
@@ -8,10 +8,10 @@ If you're seeing this, you've probably already done this step. Congrats!
 
 ```bash
 # create a new project in the current directory
-npm create svelte@latest
+npx sv create
 
 # create a new project in my-app
-npm create svelte@latest my-app
+npx sv create my-app
 ```
 
 ## Developing
@@ -35,4 +35,4 @@ npm run build
 
 You can preview the production build with `npm run preview`.
 
-> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
+> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.

src/frontend/jsconfig.json

@@ -1,7 +1,13 @@
 {
-  "extends": "./.svelte-kit/tsconfig.json",
+	"extends": "./.svelte-kit/tsconfig.json",
-  "compilerOptions": {
+	"compilerOptions": {
-    "checkJs": true
+		"allowJs": true,
-  },
+		"checkJs": false,
-  "exclude": ["node_modules", "**/node_modules/*"]
+		"moduleResolution": "bundler"
+	}
+	// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
+	// except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
+	//
+	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+	// from the referenced tsconfig.json - TypeScript does not merge them in
 }

src/frontend/package.json

@@ -1,31 +1,27 @@
 {
-  "name": "frontend",
+	"name": "frontend",
-  "version": "0.0.1",
+	"private": true,
-  "scripts": {
+	"version": "0.0.1",
-    "dev": "vite dev",
+	"type": "module",
-    "build": "vite build",
+	"scripts": {
-    "preview": "vite preview",
+		"dev": "vite dev",
-    "format": "prettier . --write"
+		"build": "vite build",
-  },
+		"preview": "vite preview",
-  "devDependencies": {
+		"prepare": "svelte-kit sync || echo ''",
-    "@fontsource/fira-mono": "^4.5.10",
+		"format": "prettier --write .",
-    "@neoconfetti/svelte": "^1.0.0",
+		"lint": "prettier --check ."
-    "@sveltejs/adapter-auto": "^3.0.0",
+	},
-    "@sveltejs/adapter-static": "^3.0.1",
+	"devDependencies": {
-    "@sveltejs/kit": "^2.20.7",
+		"@sveltejs/adapter-static": "^3.0.8",
-    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+		"@sveltejs/kit": "^2.16.0",
-    "@tailwindcss/typography": "^0.5.10",
+		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-    "autoprefixer": "^10.4.16",
+		"@tailwindcss/vite": "^4.0.0",
-    "daisyui": "^4.4.20",
+		"daisyui": "^5.0.38",
-    "postcss": "^8.4.32",
+		"prettier": "^3.4.2",
-    "postcss-load-config": "^5.0.2",
+		"prettier-plugin-svelte": "^3.3.3",
-    "prettier": "^3.5.3",
+		"prettier-plugin-tailwindcss": "^0.6.11",
-    "prettier-plugin-svelte": "^3.3.3",
+		"svelte": "^5.0.0",
-    "prettier-plugin-tailwindcss": "^0.6.11",
+		"tailwindcss": "^4.0.0",
-    "svelte": "^5.28.2",
+		"vite": "^6.2.6"
-    "svelte-preprocess": "^6.0.3",
+	}
-    "tailwindcss": "^3.3.6",
-    "vite": "^6.3.3"
-  },
-  "type": "module"
 }

src/frontend/postcss.config.js

@@ -1,12 +0,0 @@
-import tailwindcss from "tailwindcss";
-import autoprefixer from "autoprefixer";
-
-/** @type {import('postcss-load-config').Config} */
-export default {
-  plugins: [
-    //Some plugins, like tailwindcss/nesting, need to run before Tailwind,
-    tailwindcss,
-    //But others, like autoprefixer, need to run after,
-    autoprefixer,
-  ],
-};

src/frontend/src/app.css

@@ -1,4 +1,4 @@
-/* Write your global styles here, in PostCSS syntax */
+@import 'tailwindcss';
-@tailwind base;
+@plugin "daisyui" {
-@tailwind components;
+    themes: bumblebee --default, abyss --prefersdark, cupcake, dracula;
-@tailwind utilities;
+}

src/frontend/src/routes/+layout.svelte

@@ -17,7 +17,7 @@
   </style>
 </svelte:head>
 
-{@render children?.()}
+{@render children()}
 
 <footer
   class="footer footer-center fixed bottom-0 bg-base-300 p-4 text-base-content"
@@ -25,7 +25,7 @@
   <aside>
     <div class="flex w-full max-w-lg flex-row">
       <a
-        href="/donate"
+        href="https://buymeacoffee.com/theonlywayup"
         target="_blank"
         class="link"
         data-umami-event="Footer Donate">Buy me a Coffee!</a

src/frontend/src/routes/+page.svelte

@@ -133,7 +133,7 @@
                   >high-speed PDF Downloads</span
                 >
               </p>
-              <a href="/donate" class="link" target="_blank">Donate now</a>
+              <a href="https://buymeacoffee.com/theonlywayup" class="link" target="_blank">Donate now</a>
             </div>
           </div>
           <!-- <div role="alert" class="alert bg-cyan-300 mt-5">
@@ -307,7 +307,7 @@
           </div>
           <div class="grid grid-rows-2 justify-center gap-y-10">
             <a
-              href="/donate"
+              href="https://buymeacoffee.com/theonlywayup"
               target="_blank"
               class="btn btn-lg mt-10 bg-cyan-200 hover:bg-green-200"
               >Buy me a Coffee! 🍵</a

src/frontend/svelte.config.js

@@ -1,17 +1,5 @@
-import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
+import adapter from '@sveltejs/adapter-static';
-import adapter from "@sveltejs/adapter-static";
 
-/** @type {import('@sveltejs/kit').Config} */
+const config = { kit: { adapter: adapter() } };
-export default {
-  kit: {
-    // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
-    // If your environment is not supported or you settled on a specific environment, switch out the adapter.
-    // See https://kit.svelte.dev/docs/adapters for more information about adapters.
-    adapter: adapter({ strict: false }),
-  },
 
-  preprocess: [vitePreprocess({})],
+export default config;
-  vitePlugin: {
-    inspector: true,
-  },
-};

src/frontend/tailwind.config.js

@@ -1,17 +0,0 @@
-import daisyui from "daisyui";
-import typography from "@tailwindcss/typography";
-
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: ["./src/**/*.{html,js,svelte,ts}"],
-
-  theme: {
-    extend: {},
-  },
-
-  plugins: [typography, daisyui],
-
-  daisyui: {
-    themes: ["bumblebee"],
-  },
-};

src/frontend/vite.config.js

@@ -1,6 +1,10 @@
-import { sveltekit } from "@sveltejs/kit/vite";
+import tailwindcss from '@tailwindcss/vite';
-import { defineConfig } from "vite";
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
 
 export default defineConfig({
-  plugins: [sveltekit()],
+	plugins: [tailwindcss(), sveltekit()],
+	server: {
+		allowedHosts: true
+	}
 });