+
+
diff --git a/src/lib/env.ts b/src/lib/env.ts
index 8c8230c..dbcbdc6 100644
--- a/src/lib/env.ts
+++ b/src/lib/env.ts
@@ -36,3 +36,7 @@ export const BUSINESS_URL =
* so developers can grab the download link without trawling the cryptify
* logs. */
export const STAGING = runtimeConfig().STAGING === true
+
+/** GlitchTip / Sentry-compatible DSN. Empty disables error reporting. */
+export const GLITCHTIP_DSN: string =
+ (runtimeConfig().GLITCHTIP_DSN as string) ?? ''
diff --git a/src/lib/errorReporting.ts b/src/lib/errorReporting.ts
new file mode 100644
index 0000000..6d89999
--- /dev/null
+++ b/src/lib/errorReporting.ts
@@ -0,0 +1,45 @@
+import * as Sentry from '@sentry/browser'
+import { APP_VERSION, GLITCHTIP_DSN } from '$lib/env'
+
+let initialised = false
+
+export function initErrorReporting(): void {
+ if (initialised || !GLITCHTIP_DSN || typeof window === 'undefined') return
+ Sentry.init({
+ dsn: GLITCHTIP_DSN,
+ release: APP_VERSION,
+ // Manual capture only — no automatic global error / unhandledrejection
+ // handlers, no breadcrumb tracing. User must press the report button.
+ defaultIntegrations: false,
+ sendClientReports: false,
+ })
+ initialised = true
+}
+
+export function isErrorReportingEnabled(): boolean {
+ return !!GLITCHTIP_DSN
+}
+
+/** Captures the error with rich client context and waits for transport.
+ * Resolves to true if the report was delivered within the timeout. */
+export async function reportError(
+ error: unknown,
+ extra: Record = {}
+): Promise {
+ if (!isErrorReportingEnabled()) return false
+ initErrorReporting()
+
+ const ctx: Record = { ...extra }
+ if (typeof window !== 'undefined') {
+ ctx.url = window.location.href
+ ctx.viewport = `${window.innerWidth}x${window.innerHeight}`
+ ctx.devicePixelRatio = window.devicePixelRatio
+ }
+ if (typeof navigator !== 'undefined') {
+ ctx.userAgent = navigator.userAgent
+ ctx.language = navigator.language
+ }
+
+ Sentry.captureException(error, { extra: ctx })
+ return Sentry.flush(3000)
+}
diff --git a/src/lib/locales/en.json b/src/lib/locales/en.json
index f33920d..c8dac5f 100644
--- a/src/lib/locales/en.json
+++ b/src/lib/locales/en.json
@@ -140,6 +140,14 @@
"serverError": "Our server encountered an error while processing your request. Please try again later. If the problem persists, please contact us.",
"tryAgain": "Try again",
"cancel": "Cancel",
+ "crash": {
+ "title": "Something went wrong",
+ "message": "An unexpected error broke this part of the page. You can try again, or send the error details to PostGuard so we can fix it.",
+ "report": "Tell PostGuard",
+ "sending": "Sending…",
+ "sentButton": "Thank you!",
+ "failed": "Could not reach the reporting server. Please try again later."
+ },
"sign": {
"scanQR": "Verify your identity by scanning this QR code with the free Yivi app on your phone.",
"close": "Close",
diff --git a/src/lib/locales/nl.json b/src/lib/locales/nl.json
index da80cfe..bb4a3e1 100644
--- a/src/lib/locales/nl.json
+++ b/src/lib/locales/nl.json
@@ -140,6 +140,14 @@
"serverError": "Onze server heeft een fout ondervonden bij het verwerken van je verzoek. Probeer het later opnieuw. Als het probleem aanhoudt, neem dan contact met ons op.",
"tryAgain": "Probeer opnieuw",
"cancel": "Annuleer",
+ "crash": {
+ "title": "Er ging iets mis",
+ "message": "Een onverwachte fout heeft dit deel van de pagina onderbroken. Je kunt het opnieuw proberen, of de foutgegevens naar PostGuard sturen zodat we het kunnen oplossen.",
+ "report": "Vertel PostGuard",
+ "sending": "Verzenden…",
+ "sentButton": "Bedankt!",
+ "failed": "Kon de rapportageserver niet bereiken. Probeer het later opnieuw."
+ },
"sign": {
"scanQR": "Bewijs wie je bent door deze QR-code te scannen met de gratis Yivi-app op je telefoon.",
"close": "Sluit",
diff --git a/src/routes/(app)/fileshare/+page.svelte b/src/routes/(app)/fileshare/+page.svelte
index 394a557..d0f7780 100644
--- a/src/routes/(app)/fileshare/+page.svelte
+++ b/src/routes/(app)/fileshare/+page.svelte
@@ -11,6 +11,7 @@
import FileInput from '$lib/components/filesharing/inputs/FileInput.svelte'
import ErrorPanel from '$lib/components/filesharing/Error.svelte'
import Done from '$lib/components/filesharing/Done.svelte'
+ import CrashReport from '$lib/components/filesharing/CrashReport.svelte'
const ATTRIBUTES: Array = [
'pbdf.sidn-pbdf.mobilenumber.mobilenumber',
@@ -85,37 +86,48 @@
encryptState.encryptionState === EncryptionState.Error}
class:done={encryptState.encryptionState === EncryptionState.Done}
>
-
- {#if encryptState.encryptionState === EncryptionState.FileSelection || encryptState.encryptionState === EncryptionState.Sign || encryptState.encryptionState === EncryptionState.Encrypting}
-