3e33359285
FE-3:
- Error-System: ErrorBannerStore + ErrorBanner (stapelbar, auto-hide, 5 categories)
- ContradictionBanner: Visuelle Widerspruchserkennung
- StatusTab: Zeitleiste, Fortschrittsbalken, Details
- ShareButton: Inline-Share mit Geteilt-Badge
- ShareModal: Ablaufzeit (24h-30Tage/Nie), Max-Views, Copy/Revoke
- research/{id}/+page.svelte: 6 Tabs mit Polling (5s), onDestroy cleanup
- share/[token]/+page.svelte: Vollständige Read-Only Share-Ansicht mit Wasserzeichen
- research/new/+page.svelte: Char-Counter, Language/Depth-Auswahl
FE-4:
- Dockerfile: HEALTHCHECK, Error-Handling, multi-stage build
- Caddyfile: HTTPS, Security Headers, gzip+zstd
- docker-compose.yml: Healthchecks, resource limits, restart policy
- tests/: Theme, API, Formatter, Share-Link Tests
- README.md: Architektur-Diagramm, Installation, Nutzung
- CHANGELOG.md: FE-0 bis FE-4
34 lines
1.2 KiB
Svelte
34 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
import { initTheme, applyTheme, toggleTheme } from '$lib/theme';
|
|
import { theme } from '$lib/stores';
|
|
|
|
// Simulate theme persistence
|
|
const TEST_THEME = 'dark';
|
|
let renderedTheme = 'dark';
|
|
|
|
function getTheme(): 'dark' | 'light' {
|
|
const stored = localStorage.getItem('nsct-theme');
|
|
if (stored === 'dark' || stored === 'light') return stored;
|
|
return 'dark';
|
|
}
|
|
|
|
$: if ($theme !== renderedTheme) {
|
|
applyTheme($theme);
|
|
renderedTheme = $theme;
|
|
}
|
|
</script>
|
|
|
|
<div class="test-theme-persistence">
|
|
<h2>Theme Persistence Test</h2>
|
|
<div class="test-status">
|
|
<p>Current theme: <strong class="theme-value">{renderedTheme}</strong></p>
|
|
<p>Expected: <strong>{TEST_THEME}</strong></p>
|
|
<p class="test-result {renderedTheme === TEST_THEME ? 'pass' : 'fail'}">
|
|
{renderedTheme === TEST_THEME ? '✅ PASS' : '❌ FAIL'}
|
|
</p>
|
|
</div>
|
|
<button on:click={toggleTheme} class="toggle-theme-btn">Toggle Theme</button>
|
|
<div class="test-note">
|
|
<p>After toggle, verify that the stored theme is the opposite of the current value.</p>
|
|
</div>
|
|
</div> |