fix: consolidated site UX & content fixes (#202)

dobby-coder[bot] · web-flow · commit df3ed53044d5 · 2026-05-09T18:27:19.000+02:00
* fix: opt RSS link out of client-side navigation Closes #183 The blog RSS button used a SvelteKit anchor with no reload hint. The (marketing) layout sets trailingSlash: 'always', which causes the client router to redirect /blog/rss.xml to /blog/rss.xml/ on client-side navigation. The +server.js endpoint is prerendered to a file at /blog/rss.xml, so the trailing-slash form falls through to the SPA shell (or errors), and visitors saw a 500. Adding data-sveltekit-reload makes the browser perform a full navigation, bypassing the client router so the static file is served directly. Direct URLs already worked because they are not subject to the router's trailing-slash rewrite. * fix: extend cryptify retry budget to cover restart window The default pg-js retry policy (5 attempts, 500ms initial delay, multiplier 2) exhausts in ~7.5s of total wait time. That's shorter than a typical cryptify service restart, so users see a hard failure during what should be a recoverable outage. Bump maxAttempts to 8 and initialDelayMs to 1000ms so the retry budget covers ~90s of total wait — long enough to ride out a restart while still failing fast for genuinely down backends. Closes #181 * fix: prevent light-mode flash on initial page load Add a synchronous inline script in app.html that reads the user's theme preference (localStorage 'preferredtheme', falling back to prefers-color-scheme) and applies the .dark class to <html> before the browser paints. Previously the class was only set during Svelte hydration, causing a brief light-mode flash on every refresh in dark mode. Closes #180 * fix: add cancel button during file upload (#182) Closes #182. The encryption/upload progress UI rendered by SendButton exposed only a spinner and progress bar; users had no in-app way to abort a long upload. Adds a Cancel button to the upload-info-box that calls AbortController.abort() on the existing encryption/upload signal, flips selfAborted so the catch path resets to FileSelection, and provisions a fresh AbortController for the next attempt. * fix(blog): tone down exclamation marks in May update post Closes #184 --------- Co-authored-by: dobby-yivi-agent[bot] <275734547+dobby-yivi-agent[bot]@users.noreply.github.com>
diff --git a/src/app.html b/src/app.html
@@ -5,6 +5,19 @@
         <link rel="icon" href="%sveltekit.assets%/favicon.ico" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <script src="%sveltekit.assets%/config.js"></script>
+        <script>
+            ;(function () {
+                try {
+                    var stored = localStorage.getItem('preferredtheme')
+                    var isDark =
+                        stored === 'dark' ||
+                        (stored !== 'light' &&
+                            window.matchMedia('(prefers-color-scheme: dark)')
+                                .matches)
+                    if (isDark) document.documentElement.classList.add('dark')
+                } catch (e) {}
+            })()
+        </script>
         %sveltekit.head%
     </head>
     <body>
diff --git a/src/content/blog/postguard-may-update.svx b/src/content/blog/postguard-may-update.svx
@@ -11,10 +11,10 @@ image: "/blog/may_update.png"
 We've been hard at work turning PostGuard from a research project into a usable service for everyone. Let me walk you through all the exciting changes from the past few months. 
 
 ## Infrastructure Move
-We used to be hosted at the Radboud University and at Procolix. We have modernized everything into containers and moved to the Yivi Kubernetes cluster on Scaleway. We also renewed our deal with Procolix, who generously provides us with the fileshare server. We are very grateful for that! We've also finished moving all the domains and the email server.
+We used to be hosted at the Radboud University and at Procolix. We have modernized everything into containers and moved to the Yivi Kubernetes cluster on Scaleway. We also renewed our deal with Procolix, who generously provides us with the fileshare server. We are very grateful for that. We've also finished moving all the domains and the email server.
 
 ## Soft launch of PostGuard for Business
-We officially launched PostGuard for Business! We currently have two proof-of-concept partners with the Dutch government to programmatically send encrypted emails to citizens. 
+We officially launched PostGuard for Business. We currently have two proof-of-concept partners with the Dutch government to programmatically send encrypted emails to citizens. 
 
 To support these partners, we’ve made the Business portal fully bilingual (Dutch and English) and ensured it hits WCAG 2.2 AA accessibility standards. Whether you're using a screen reader or just prefer a specific language, PostGuard for Business is ready for you. If you want to try it out, just head on over to https://business.postguard.eu/ and press register.
 
@@ -49,7 +49,7 @@ var sealed = pg.Encrypt(new EncryptInput
 ```
 
 ## Brand new add-ins for Thunderbird and Outlook
-We released the alpha version of our Thunderbird and Outlook add-ins. There is still some work to do, but sending email through Thunderbird or Outlook for Mac, Windows, or online is now possible. Our goal is to make it the smoothest way to send encrypted email. Check it out at https://postguard.eu/addons!
+We released the alpha version of our Thunderbird and Outlook add-ins. There is still some work to do, but sending email through Thunderbird or Outlook for Mac, Windows, or online is now possible. Our goal is to make it the smoothest way to send encrypted email. Check it out at https://postguard.eu/addons.
 
 ![PostGuard cover](/blog/outlook_plugin_may.png)
 
diff --git a/src/lib/components/filesharing/SendButton.svelte b/src/lib/components/filesharing/SendButton.svelte
@@ -266,6 +266,18 @@
         }
     }
 
+    function onCancelUpload(): void {
+        if (!browser) return
+        // Mark before aborting so the catch in startEncryption() takes the
+        // self-aborted path and resets to FileSelection rather than showing
+        // the generic Error panel.
+        encryptState.selfAborted = true
+        encryptState.abort.abort()
+        // AbortController is single-use — provide a fresh one so a subsequent
+        // send attempt can be cancelled too.
+        encryptState.abort = new AbortController()
+    }
+
     function updateProgress(pct: number) {
         const totalSize = encryptState.files.reduce((a, f) => a + f.size, 0)
         if (totalSize === 0) return
@@ -365,6 +377,14 @@
                 </p>
             {/if}
         </div>
+        <button
+            type="button"
+            class="crypt-btn crypt-btn-secondary cancel-upload-btn"
+            onclick={onCancelUpload}
+            disabled={encryptState.selfAborted}
+        >
+            {$_('filesharing.cancel')}
+        </button>
     {:else}
         <!-- Normal button -->
         <button
@@ -651,6 +671,11 @@
         stroke: var(--pg-text);
     }
 
+    .cancel-upload-btn {
+        align-self: flex-start;
+        margin-top: 0.25rem;
+    }
+
     .retry-status {
         margin: 0;
         padding: 0 1rem 0.75rem 1rem;
diff --git a/src/lib/postguard.ts b/src/lib/postguard.ts
@@ -19,6 +19,12 @@ export const pg = new PostGuard({
     cryptifyUrl: FILEHOST_URL,
     ...(CHUNK_SIZE !== undefined && { uploadChunkSize: CHUNK_SIZE }),
     retry: {
+        // Defaults (5 attempts, 500ms initial) exhaust the retry budget in
+        // ~7.5s — shorter than a typical cryptify restart, so a brief outage
+        // surfaces as a hard failure to the user. Stretch the budget so the
+        // total wait covers a realistic restart window (~90s).
+        maxAttempts: 8,
+        initialDelayMs: 1000,
         onRetry: (event) => retryStatus.set(event),
     },
 })
diff --git a/src/routes/(marketing)/blog/+page.svelte b/src/routes/(marketing)/blog/+page.svelte
@@ -70,6 +70,7 @@
             class="rss-link"
             href={resolve('/(marketing)/blog/rss.xml')}
             aria-label="RSS feed"
+            data-sveltekit-reload
         >
             <svg
                 xmlns="http://www.w3.org/2000/svg"

Original file line number	Diff line number	Diff line change
`@@ -70,6 +70,7 @@`
`70`	`70`	`class="rss-link"`
`71`	`71`	`href={resolve('/(marketing)/blog/rss.xml')}`
`72`	`72`	`aria-label="RSS feed"`
	`73`	`+ data-sveltekit-reload`
`73`	`74`	`>`
`74`	`75`	`<svg`
`75`	`76`	`xmlns="http://www.w3.org/2000/svg"`