From 82516e9ba3b5012732f6413b053924be6cc39ca5 Mon Sep 17 00:00:00 2001
From: Till JS <tills95@gmail.com>
Date: Thu, 2 Apr 2026 12:05:49 +0200
Subject: [PATCH] fix(manacore/web): fix build errors for production deployment

Remove deleted PlaygroundLogo export, migrate onclick|stopPropagation
to Svelte 5 syntax, fix @const placement, and increase PWA max file
size to 8 MiB for unified app bundle.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../lib/modules/todo/components/OnboardingModal.svelte    | 3 +--
 .../web/src/lib/modules/todo/components/TaskItem.svelte   | 5 ++++-
 .../todo/components/board-views/FokusLayout.svelte        | 5 ++++-
 .../lib/modules/todo/components/form/TagSelector.svelte   | 2 +-
 packages/shared-branding/src/index.ts                     | 1 -
 packages/shared-branding/src/logos/index.ts               | 1 -
 packages/shared-pwa/src/config.ts                         | 8 +++++++-
 packages/shared-pwa/src/types.ts                          | 3 ++-
 8 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/apps/manacore/apps/web/src/lib/modules/todo/components/OnboardingModal.svelte b/apps/manacore/apps/web/src/lib/modules/todo/components/OnboardingModal.svelte
index dfaf7f1c2..9eca3930c 100644
--- a/apps/manacore/apps/web/src/lib/modules/todo/components/OnboardingModal.svelte
+++ b/apps/manacore/apps/web/src/lib/modules/todo/components/OnboardingModal.svelte
@@ -59,9 +59,8 @@
 	>
 		<div class="w-full max-w-sm rounded-2xl border border-border bg-card shadow-2xl">
 			<div class="flex flex-col items-center p-8 text-center">
-				{@const CurrentIcon = steps[step].icon}
 				<div class="mb-4 flex h-16 w-16 items-center justify-center rounded-2xl bg-primary/10">
-					<CurrentIcon size={32} class="text-primary" />
+					<svelte:component this={steps[step].icon} size={32} class="text-primary" />
 				</div>
 
 				<h2 class="mb-2 text-xl font-bold text-foreground">{steps[step].title}</h2>
diff --git a/apps/manacore/apps/web/src/lib/modules/todo/components/TaskItem.svelte b/apps/manacore/apps/web/src/lib/modules/todo/components/TaskItem.svelte
index caea45cf6..db8d187fa 100644
--- a/apps/manacore/apps/web/src/lib/modules/todo/components/TaskItem.svelte
+++ b/apps/manacore/apps/web/src/lib/modules/todo/components/TaskItem.svelte
@@ -66,7 +66,10 @@
 >
 	<!-- Completion toggle -->
 	<button
-		onclick|stopPropagation={onToggleComplete}
+		onclick={(e) => {
+			e.stopPropagation();
+			onToggleComplete();
+		}}
 		class="mt-0.5 flex-shrink-0 transition-colors {task.isCompleted
 			? 'text-green-500'
 			: 'text-muted-foreground hover:text-primary'}"
diff --git a/apps/manacore/apps/web/src/lib/modules/todo/components/board-views/FokusLayout.svelte b/apps/manacore/apps/web/src/lib/modules/todo/components/board-views/FokusLayout.svelte
index 399c32dce..51250e5b2 100644
--- a/apps/manacore/apps/web/src/lib/modules/todo/components/board-views/FokusLayout.svelte
+++ b/apps/manacore/apps/web/src/lib/modules/todo/components/board-views/FokusLayout.svelte
@@ -40,7 +40,10 @@
 						style="border-left: 4px solid {getPriorityColor(task.priority)}"
 					>
 						<button
-							onclick|stopPropagation={() => onToggleComplete(task.id)}
+							onclick={(e) => {
+								e.stopPropagation();
+								onToggleComplete(task.id);
+							}}
 							class="flex-shrink-0 transition-colors {task.isCompleted
 								? 'text-green-500'
 								: 'text-muted-foreground hover:text-primary'}"
diff --git a/apps/manacore/apps/web/src/lib/modules/todo/components/form/TagSelector.svelte b/apps/manacore/apps/web/src/lib/modules/todo/components/form/TagSelector.svelte
index 183907027..b14c6a3aa 100644
--- a/apps/manacore/apps/web/src/lib/modules/todo/components/form/TagSelector.svelte
+++ b/apps/manacore/apps/web/src/lib/modules/todo/components/form/TagSelector.svelte
@@ -65,7 +65,7 @@
 			<!-- svelte-ignore a11y_no_static_element_interactions -->
 			<div
 				class="absolute left-0 top-full z-50 mt-1 min-w-[140px] rounded-lg border border-border bg-card p-1 shadow-lg"
-				onclick|stopPropagation
+				onclick={(e) => e.stopPropagation()}
 			>
 				{#each availableLabels as label (label.id)}
 					<button
diff --git a/packages/shared-branding/src/index.ts b/packages/shared-branding/src/index.ts
index aa6d796f5..18f849471 100644
--- a/packages/shared-branding/src/index.ts
+++ b/packages/shared-branding/src/index.ts
@@ -34,7 +34,6 @@ export {
 	QuestionsLogo,
 	SkillTreeLogo,
 	PlantaLogo,
-	PlaygroundLogo,
 	LightWriteLogo,
 	MukkeLogo,
 	ContextLogo,
diff --git a/packages/shared-branding/src/logos/index.ts b/packages/shared-branding/src/logos/index.ts
index 3a7548514..f52b0fd1e 100644
--- a/packages/shared-branding/src/logos/index.ts
+++ b/packages/shared-branding/src/logos/index.ts
@@ -21,7 +21,6 @@ export { default as ClockLogo } from './ClockLogo.svelte';
 export { default as QuestionsLogo } from './QuestionsLogo.svelte';
 export { default as SkillTreeLogo } from './SkillTreeLogo.svelte';
 export { default as PlantaLogo } from './PlantaLogo.svelte';
-export { default as PlaygroundLogo } from './PlaygroundLogo.svelte';
 export { default as LightWriteLogo } from './LightWriteLogo.svelte';
 export { default as MukkeLogo } from './MukkeLogo.svelte';
 export { default as ContextLogo } from './ContextLogo.svelte';
diff --git a/packages/shared-pwa/src/config.ts b/packages/shared-pwa/src/config.ts
index 51c60a039..2204ee31f 100644
--- a/packages/shared-pwa/src/config.ts
+++ b/packages/shared-pwa/src/config.ts
@@ -97,6 +97,7 @@ export function createPWAConfig(options: PWAConfigOptions): PWAConfig {
 		navigateFallback,
 		navigateFallbackDenylist,
 		runtimeCaching: [...getPresetRuntimeCaching(preset), ...additionalRuntimeCaching],
+		maximumFileSizeToCacheInBytes: 8 * 1024 * 1024, // 8 MiB for large unified apps
 	};
 
 	// Return complete config
@@ -126,7 +127,12 @@ export function createOfflineFirstPWAConfig(
 	const { excludePackages = [], globIgnores = [], ...rest } = options;
 
 	// Add SQLite-specific ignores
-	const allGlobIgnores = ['**/*sqlite*', '**/*wasm*', ...excludePackages.map((pkg) => `**/${pkg}/**`), ...globIgnores];
+	const allGlobIgnores = [
+		'**/*sqlite*',
+		'**/*wasm*',
+		...excludePackages.map((pkg) => `**/${pkg}/**`),
+		...globIgnores,
+	];
 
 	return createPWAConfig({
 		...rest,
diff --git a/packages/shared-pwa/src/types.ts b/packages/shared-pwa/src/types.ts
index d38b444d3..848271996 100644
--- a/packages/shared-pwa/src/types.ts
+++ b/packages/shared-pwa/src/types.ts
@@ -3,7 +3,7 @@
  */
 
 import type { SvelteKitPWAOptions } from '@vite-pwa/sveltekit';
-import type { RuntimeCaching, ManifestEntry } from 'workbox-build';
+import type { RuntimeCaching } from 'workbox-build';
 
 /**
  * Workbox preset types for different caching strategies
@@ -172,6 +172,7 @@ export interface WorkboxConfig {
 	navigateFallback: string;
 	navigateFallbackDenylist: RegExp[];
 	runtimeCaching: RuntimeCaching[];
+	maximumFileSizeToCacheInBytes?: number;
 }
 
 /**