Update npm dependencies

web-app/package.json

@@ -15,34 +15,34 @@
   },
   "devDependencies": {
     "@playwright/test": "1.50.1",
-    "@sveltejs/adapter-auto": "3.2.5",
+    "@sveltejs/adapter-auto": "5.0.0",
-    "@sveltejs/adapter-node": "5.2.3",
+    "@sveltejs/adapter-node": "5.2.12",
-    "@sveltejs/kit": "2.5.28",
+    "@sveltejs/kit": "2.20.2",
-    "@sveltejs/vite-plugin-svelte": "4.0.0-next.6",
+    "@sveltejs/vite-plugin-svelte": "5.0.3",
     "@types/diff-match-patch": "1.0.36",
     "@types/eslint": "9.6.1",
-    "@types/eslint__js": "8.42.3",
+    "@types/eslint__js": "9.14.0",
     "@types/eslint-config-prettier": "6.11.3",
-    "@types/node": "22.5.5",
+    "@types/node": "22.13.11",
-    "eslint": "9.15.0",
+    "eslint": "9.23.0",
-    "eslint-config-prettier": "9.1.0",
+    "eslint-config-prettier": "10.1.1",
-    "eslint-plugin-svelte": "2.44.0",
+    "eslint-plugin-svelte": "3.3.3",
-    "globals": "15.9.0",
+    "globals": "16.0.0",
     "pg-to-ts": "4.1.1",
-    "prettier": "3.3.3",
+    "prettier": "3.5.3",
-    "prettier-plugin-svelte": "3.2.6",
+    "prettier-plugin-svelte": "3.3.3",
-    "svelte": "5.0.0-next.253",
+    "svelte": "5.25.3",
-    "svelte-check": "4.0.2",
+    "svelte-check": "4.1.5",
-    "typescript": "5.6.2",
+    "typescript": "5.8.2",
-    "typescript-eslint": "8.6.0",
+    "typescript-eslint": "8.27.0",
-    "vite": "5.4.6"
+    "vite": "6.2.2"
   },
   "dependencies": {
     "diff-match-patch": "1.0.5",
-    "highlight.js": "11.10.0",
+    "highlight.js": "11.11.1",
-    "isomorphic-dompurify": "2.15.0",
+    "isomorphic-dompurify": "2.22.0",
-    "marked": "14.1.2",
+    "marked": "15.0.7",
-    "marked-highlight": "2.1.4"
+    "marked-highlight": "2.2.1"
   },
   "overrides": {
     "cookie": "0.7.0"

web-app/src/lib/components/Pagination.svelte

@@ -8,7 +8,7 @@
 
 <div class="pagination">
   {#snippet commonFilterInputs()}
-    {#each commonFilters as filter}
+    {#each commonFilters as filter (filter)}
       <input type="hidden" name={filter} value={$page.url.searchParams.get(filter)} />
     {/each}
   {/snippet}

web-app/src/lib/components/WebsiteEditor.svelte

@@ -39,7 +39,7 @@
 
   <nav class="operations__nav">
     <ul class="unpadded">
-      {#each tabs.filter((tab) => (tab !== "categories" && contentType === "Blog") || contentType === "Docs") as tab}
+      {#each tabs.filter((tab) => (tab !== "categories" && contentType === "Blog") || contentType === "Docs") as tab (tab)}
         <li>
           <a
             href="/website/{id}{tab === 'settings' ? '' : `/${tab}`}"

web-app/src/lib/server/utils.ts

@@ -16,6 +16,7 @@ export const apiRequest = async (
   method: "HEAD" | "GET" | "POST" | "PATCH" | "DELETE",
   options: {
     headers?: Record<string, string>;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     body?: any;
     successMessage?: string;
     returnData?: boolean;

web-app/src/lib/templates/Index.svelte

@@ -54,18 +54,18 @@
         </h2>
 
         <ul class="unpadded">
-          {#each sortedArticles as article}
+          {#each sortedArticles as { id, publication_date, slug, title, meta_description } (id)}
             <li>
-              {#if article.publication_date}
+              {#if publication_date}
-                <p>{article.publication_date}</p>
+                <p>{publication_date}</p>
               {/if}
               <p>
                 <strong>
-                  <a href="./articles/{article.slug}">{article.title}</a>
+                  <a href="./articles/{slug}">{title}</a>
                 </strong>
               </p>
-              {#if article.meta_description}
+              {#if meta_description}
-                <p>{article.meta_description}</p>
+                <p>{meta_description}</p>
               {/if}
             </li>
           {/each}

web-app/src/lib/templates/Nav.svelte

@@ -55,11 +55,11 @@
 
       <section id="docs-navigation" class="docs-navigation">
         <ul>
-          {#each Object.keys(categorizedArticles) as key}
+          {#each Object.keys(categorizedArticles) as key (key)}
             <li>
               <strong>{key}</strong>
               <ul>
-                {#each categorizedArticles[key] as { title, slug }}
+                {#each categorizedArticles[key] as { title, slug } (slug)}
                   <li>
                     <a href="{isIndexPage ? './articles' : '.'}/{slug}">{title}</a>
                   </li>

web-app/src/routes/(authenticated)/account/+page.svelte

@@ -39,7 +39,7 @@
       <a href="#storage">Storage</a>
     </h2>
     <ul class="unpadded storage-grid">
-      {#each data.storageSizes.data as { website_title, storage_size_bytes, max_storage_bytes, max_storage_pretty, diff_storage_pretty }}
+      {#each data.storageSizes.data as { website_id, website_title, storage_size_bytes, max_storage_bytes, max_storage_pretty, diff_storage_pretty } (website_id)}
         <li>
           <strong>{website_title}</strong>
           <label>

web-app/src/routes/(authenticated)/website/[websiteId]/articles/[articleId]/+page.svelte

@@ -48,7 +48,7 @@
           <label>
             Category:
             <select name="category">
-              {#each data.categories as { id, category_name }}
+              {#each data.categories as { id, category_name } (id)}
                 <option value={id} selected={id === data.article.category}>{category_name}</option>
               {/each}
             </select>

web-app/src/routes/(authenticated)/website/[websiteId]/logs/+page.svelte

@@ -63,7 +63,7 @@
           />
           <datalist id="users-{data.website.id}">
             <option value={data.website.user.username}></option>
-            {#each data.collaborators as { user: { username } }}
+            {#each data.collaborators as { user: { username } } (username)}
               <option value={username}></option>
             {/each}
           </datalist>
@@ -72,7 +72,7 @@
           Resource:
           <select name="resource">
             <option value="all">Show all</option>
-            {#each Object.keys(resources) as resource}
+            {#each Object.keys(resources) as resource (resource)}
               <option
                 value={resource}
                 selected={resource === $page.url.searchParams.get("resource")}>{resource}</option