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>
This commit is contained in:
Till JS 2026-04-02 12:05:49 +02:00
parent 3bef29b9c8
commit 82516e9ba3
8 changed files with 19 additions and 9 deletions

View file

@ -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>

View file

@ -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'}"

View file

@ -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'}"

View file

@ -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

View file

@ -34,7 +34,6 @@ export {
QuestionsLogo,
SkillTreeLogo,
PlantaLogo,
PlaygroundLogo,
LightWriteLogo,
MukkeLogo,
ContextLogo,

View file

@ -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';

View file

@ -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,

View file

@ -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;
}
/**