Alexander
1fa2e350d7
Dependencies upgraded: - svelte 5.38→5.55, @sveltejs/kit 2.37→2.56, adapter-node 5.3→5.5 - mongoose 8→9, sharp 0.33→0.34, typescript 5→6 - lucide-svelte → @lucide/svelte 1.7 (Svelte 5 native package) - vite 7→8 with rolldown (build time 33s→14s) - Removed terser (esbuild/oxc default minifier is 20-100x faster) Infrastructure: - Removed Redis/ioredis cache layer — MongoDB handles caching natively - Deleted src/lib/server/cache.ts and all cache.get/set/invalidate usage - Removed redis-cli from deploy workflow, Redis env vars from .env.example Mongoose 9 migration: - Replaced deprecated `new: true` with `returnDocument: 'after'` (16 files) - Fixed strict query filter types for ObjectId/paymentId fields - Fixed season param type (string→number) in recipe API - Removed unused @ts-expect-error in WorkoutSession model
78 lines
1.5 KiB
Svelte
78 lines
1.5 KiB
Svelte
<script>
|
|
import { X } from '@lucide/svelte';
|
|
import { getToasts } from '$lib/js/toast.svelte';
|
|
|
|
const toasts = getToasts();
|
|
</script>
|
|
|
|
{#if toasts.items.length > 0}
|
|
<div class="toast-container">
|
|
{#each toasts.items as t (t.id)}
|
|
<div class="toast toast-{t.type}" role="alert">
|
|
<span class="toast-msg">{t.message}</span>
|
|
<button class="toast-close" onclick={() => toasts.remove(t.id)} aria-label="Dismiss">
|
|
<X size={14} />
|
|
</button>
|
|
</div>
|
|
{/each}
|
|
</div>
|
|
{/if}
|
|
|
|
<style>
|
|
.toast-container {
|
|
position: fixed;
|
|
bottom: 5rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
z-index: 9999;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.5rem;
|
|
width: max-content;
|
|
max-width: calc(100vw - 2rem);
|
|
pointer-events: none;
|
|
}
|
|
.toast {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
padding: 0.6rem 1rem;
|
|
border-radius: 8px;
|
|
font-size: 0.85rem;
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
|
|
pointer-events: auto;
|
|
animation: slide-up 0.2s ease-out;
|
|
}
|
|
.toast-error {
|
|
background: var(--nord11);
|
|
color: var(--nord6, #eceff4);
|
|
}
|
|
.toast-success {
|
|
background: var(--nord14);
|
|
color: var(--nord0, #2e3440);
|
|
}
|
|
.toast-info {
|
|
background: var(--nord10);
|
|
color: var(--nord6, #eceff4);
|
|
}
|
|
.toast-msg {
|
|
flex: 1;
|
|
}
|
|
.toast-close {
|
|
background: none;
|
|
border: none;
|
|
color: inherit;
|
|
cursor: pointer;
|
|
padding: 2px;
|
|
opacity: 0.7;
|
|
display: flex;
|
|
}
|
|
.toast-close:hover {
|
|
opacity: 1;
|
|
}
|
|
@keyframes slide-up {
|
|
from { opacity: 0; transform: translateY(0.5rem); }
|
|
to { opacity: 1; transform: translateY(0); }
|
|
}
|
|
</style>
|