bvandeusenandClaude Opus 5.5
94a9c8cbe3
Merges Renovate's kit 3 (PR #149) and adapter-static 4 (PR #148) bumps, plus the migration they need. The mechanical part is `sv migrate sveltekit-3`, run one task at a time and reviewed: - svelte.config.js is gone. Its options move into sveltekit() in vite.config.ts, exported as kitOptions so vitest.config.ts runs the same kit setup, including the $test-utils alias the tests import. - $lib becomes #lib through package.json "imports". There is no src/lib/index, so only the "#lib/*" entry is kept. - tsconfig extends $app/tsconfig. - Peer floors raised to kit 3's requirements: svelte ^5.57.1, vite ^8.0.12, svelte-check ^4.7.5. By hand, from the codemod's list of non-automated tasks: - goto's replaceState option is now replace; keepFocus becomes reset: false. For the search typeahead, reset: false also stops the scroll-to-top, which is wanted while typing. - The test setup mocks drop pushState/replaceState and $app/paths base/assets, which kit 3 removed, and mock refreshAll in place of invalidateAll. - The other flagged files only read page.url or goto internal routes, so they needed no change. TypeScript goes to ^6, not the ^7 Renovate offers: kit 3 declares typescript ^6 as a peer and svelte-check 4.7 accepts ^5 || ^6. Move to 7 once both accept it. With Tailwind 4 and kit 3 in, `npm audit` on the whole tree reports 0, so the web lane now audits every dependency rather than only what ships to browsers. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
55 lines
1.8 KiB
Svelte
55 lines
1.8 KiB
Svelte
<script lang="ts" module>
|
|
import type { LidarrRequestStatus } from '#lib/api/types.js';
|
|
|
|
type Tone = 'warning' | 'info' | 'success' | 'error';
|
|
|
|
type StatusEntry = { label: string; tone: Tone };
|
|
|
|
// Voice-rule labels per spec §6 (and project_design_system.md). Pending requests
|
|
// are an "awaiting" moment, completed requests are "kept" (Minstrel-voice for
|
|
// success), rejected is "set aside", failed is the error register.
|
|
const STATUS_TABLE: Record<LidarrRequestStatus, StatusEntry> = {
|
|
pending: { label: 'Awaiting review', tone: 'warning' },
|
|
approved: { label: 'Approved · downloading', tone: 'info' },
|
|
completed: { label: 'Kept', tone: 'success' },
|
|
rejected: { label: 'Set aside', tone: 'error' },
|
|
failed: { label: "Couldn't add", tone: 'error' },
|
|
};
|
|
</script>
|
|
|
|
<script lang="ts">
|
|
let { status }: { status: LidarrRequestStatus } = $props();
|
|
|
|
const entry = $derived(STATUS_TABLE[status]);
|
|
</script>
|
|
|
|
<span class="pill" data-tone={entry.tone} data-status={status}>{entry.label}</span>
|
|
|
|
<style>
|
|
.pill {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding: 2px 8px;
|
|
border-radius: 999px;
|
|
font-size: 11px;
|
|
line-height: 14px;
|
|
font-weight: 500;
|
|
}
|
|
.pill[data-tone='warning'] {
|
|
background: color-mix(in srgb, var(--fs-warning) 15%, transparent);
|
|
color: var(--fs-warning-fg);
|
|
}
|
|
.pill[data-tone='info'] {
|
|
background: color-mix(in srgb, var(--fs-info) 15%, transparent);
|
|
color: var(--fs-info-fg);
|
|
}
|
|
.pill[data-tone='success'] {
|
|
background: color-mix(in srgb, var(--fs-moss) 15%, transparent);
|
|
color: var(--fs-success-fg);
|
|
}
|
|
.pill[data-tone='error'] {
|
|
background: color-mix(in srgb, var(--fs-error) 15%, transparent);
|
|
color: var(--fs-error-fg);
|
|
}
|
|
</style>
|