From 69753f974994b49b2df059f9b5b401d14db4a8fa Mon Sep 17 00:00:00 2001 From: Fuwn Date: Fri, 23 Jan 2026 02:20:50 -0800 Subject: refactor: Migrate event handlers to new Svelte 5 syntax --- src/lib/Announcement.svelte | 2 +- src/lib/CommandPalette/CommandPalette.svelte | 8 ++++---- src/lib/Error/LogInRestricted.svelte | 2 +- .../EasterEvent2025/ClickableAreaPage.svelte | 2 +- .../AniListBadges/EasterEvent2025/EasterEgg.svelte | 8 ++++---- .../EasterEvent2025/MultipleChoicePage.svelte | 2 +- .../EasterEvent2025/RiddlePage.svelte | 4 ++-- src/lib/Hololive/Stream.svelte | 2 +- src/lib/Image/FallbackImage.svelte | 2 +- src/lib/Image/ParallaxImage.svelte | 4 ++-- src/lib/Landing.svelte | 2 +- src/lib/Layout/Dropdown.svelte | 12 +++++++---- src/lib/Layout/Popup.svelte | 2 +- src/lib/List/Anime/CleanAnimeList.svelte | 6 +++--- src/lib/List/CleanGrid.svelte | 2 +- src/lib/List/CleanList.svelte | 2 +- src/lib/List/Manga/CleanMangaList.svelte | 10 ++++----- src/lib/List/Manga/MangaListTemplate.svelte | 6 +++--- src/lib/Loading/Message.svelte | 2 +- src/lib/Notification/Notification.svelte | 8 ++++---- src/lib/Settings/Categories/Cache.svelte | 4 ++-- src/lib/Settings/Categories/Calculation.svelte | 2 +- src/lib/Settings/Categories/Debug.svelte | 6 +++--- src/lib/Settings/Categories/Display.svelte | 4 ++-- src/lib/Settings/Categories/RSSFeeds.svelte | 4 ++-- src/lib/Settings/Categories/SettingSync.svelte | 8 ++++---- src/lib/Settings/SettingCheckboxToggle.svelte | 6 +++--- src/lib/Settings/SettingToggle.svelte | 2 +- src/lib/Tools/ActivityHistory/Grid.svelte | 4 ++-- src/lib/Tools/ActivityHistory/Tool.svelte | 2 +- src/lib/Tools/FollowFix.svelte | 4 ++-- src/lib/Tools/Hayai.svelte | 2 +- src/lib/Tools/InputTemplate.svelte | 4 ++-- src/lib/Tools/Picker.svelte | 2 +- src/lib/Tools/Tracker/Tool.svelte | 10 ++++----- src/lib/Tools/Wrapped/Media.svelte | 4 ++-- src/lib/Tools/Wrapped/MediaExtras.svelte | 4 ++-- src/lib/Tools/Wrapped/Tool.svelte | 24 +++++++++++----------- src/lib/Tools/Wrapped/Top/Activity.svelte | 2 +- src/lib/Tooltip/LinkedTooltip.svelte | 6 +++--- src/lib/User/BadgeWall/BadgePreview.svelte | 11 ++++------ src/lib/User/BadgeWall/Badges.svelte | 4 ++-- src/lib/User/BadgeWall/FallbackBadge.svelte | 8 ++++---- 43 files changed, 108 insertions(+), 107 deletions(-) (limited to 'src/lib') diff --git a/src/lib/Announcement.svelte b/src/lib/Announcement.svelte index 9a348f7a..4fbe9de0 100644 --- a/src/lib/Announcement.svelte +++ b/src/lib/Announcement.svelte @@ -43,7 +43,7 @@ - + {/if} diff --git a/src/lib/CommandPalette/CommandPalette.svelte b/src/lib/CommandPalette/CommandPalette.svelte index 566dd9d9..735941fb 100644 --- a/src/lib/CommandPalette/CommandPalette.svelte +++ b/src/lib/CommandPalette/CommandPalette.svelte @@ -134,13 +134,13 @@ }; - + {#if isVisible}
(open = false)} + onclick={() => (open = false)} >
@@ -150,7 +150,7 @@ bind:value={search} class="command-input" placeholder="Search" - on:keydown={handleKey} + onkeydown={handleKey} />
@@ -161,7 +161,7 @@ in:fly={{ y: 20, duration: 150, delay: i * 30 }} out:fly={{ y: -20, duration: 150 }} animate:flip={{ duration: 200 }} - on:click={(e) => { + onclick={(e) => { if (item.preventDefault) e.preventDefault(); if (item.onClick) item.onClick(); diff --git a/src/lib/Error/LogInRestricted.svelte b/src/lib/Error/LogInRestricted.svelte index 54ea5ee1..ab48f180 100644 --- a/src/lib/Error/LogInRestricted.svelte +++ b/src/lib/Error/LogInRestricted.svelte @@ -8,7 +8,7 @@
Please { + onclick={async () => { await localforage.setItem( 'redirect', window.location.origin + window.location.pathname + window.location.search diff --git a/src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte b/src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte index 65144588..494eb6be 100644 --- a/src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte +++ b/src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte @@ -17,7 +17,7 @@

{prompt}

{#each images as url, i} - handleClick(i)}> + handleClick(i)}> Option {i + 1} {/if} @@ -119,7 +119,7 @@
+ onclick={() => copyCode( 'https://files.anilist-badges.com/badges/events/2025/04/20-Easter-2025-Epexity-event-banner-1.png' )} @@ -142,7 +142,7 @@
+ onclick={() => copyCode( 'https://files.anilist-badges.com/badges/events/2025/04/20-Easter-2025-Basurahan-1.png' )} @@ -155,7 +155,7 @@ + onclick={() => copyCode( 'https://files.anilist-badges.com/badges/events/2025/04/20-Easter-2025-Dxvxdffm-1.png' )} diff --git a/src/lib/Events/AniListBadges/EasterEvent2025/MultipleChoicePage.svelte b/src/lib/Events/AniListBadges/EasterEvent2025/MultipleChoicePage.svelte index c6b49461..6ba477be 100644 --- a/src/lib/Events/AniListBadges/EasterEvent2025/MultipleChoicePage.svelte +++ b/src/lib/Events/AniListBadges/EasterEvent2025/MultipleChoicePage.svelte @@ -22,7 +22,7 @@ {#each answers as answer, i} + {#if hint}
diff --git a/src/lib/Hololive/Stream.svelte b/src/lib/Hololive/Stream.svelte index 12681acb..1c55a9dd 100644 --- a/src/lib/Hololive/Stream.svelte +++ b/src/lib/Hololive/Stream.svelte @@ -16,7 +16,7 @@
{ + onclick={(e) => { e.preventDefault(); pinStream(live.streamer); }} diff --git a/src/lib/Image/FallbackImage.svelte b/src/lib/Image/FallbackImage.svelte index 2029cf0e..7e458339 100644 --- a/src/lib/Image/FallbackImage.svelte +++ b/src/lib/Image/FallbackImage.svelte @@ -27,7 +27,7 @@ alt={alternative} loading="lazy" class="badge" - on:error={(e) => delayedReplace(e, fallback)} + onerror={(e) => delayedReplace(e, fallback)} {style} /> {:else if !hideOnError} diff --git a/src/lib/Image/ParallaxImage.svelte b/src/lib/Image/ParallaxImage.svelte index 48565ce1..49588207 100644 --- a/src/lib/Image/ParallaxImage.svelte +++ b/src/lib/Image/ParallaxImage.svelte @@ -40,7 +40,7 @@ -$mouse.x / 10 }deg); border-radius: ${borderRadius}; ${style}`} alt={alternativeText} - on:mousemove={handleMouseMove} - on:mouseleave={handleMouseLeave} + onmousemove={handleMouseMove} + onmouseleave={handleMouseLeave} class={classList} /> diff --git a/src/lib/Landing.svelte b/src/lib/Landing.svelte index 5e2d4ccd..8fb8f72b 100644 --- a/src/lib/Landing.svelte +++ b/src/lib/Landing.svelte @@ -94,7 +94,7 @@ { + onclick={async () => { await localforage.setItem( 'redirect', window.location.origin + window.location.pathname + window.location.search diff --git a/src/lib/Layout/Dropdown.svelte b/src/lib/Layout/Dropdown.svelte index 0cbf2f6f..b0923fb2 100644 --- a/src/lib/Layout/Dropdown.svelte +++ b/src/lib/Layout/Dropdown.svelte @@ -18,7 +18,7 @@ }; - + diff --git a/src/lib/Tools/InputTemplate.svelte b/src/lib/Tools/InputTemplate.svelte index c0ee4f1d..5627eda6 100644 --- a/src/lib/Tools/InputTemplate.svelte +++ b/src/lib/Tools/InputTemplate.svelte @@ -30,7 +30,7 @@ type="text" placeholder={field} bind:value={input} - on:keypress={(e) => { + onkeypress={(e) => { if (e.key === 'Enter') { submission = input; @@ -43,7 +43,7 @@ /> + @@ -96,7 +96,7 @@ type="number" value={entry.progress} size={3} - on:change={(e) => + onchange={(e) => adjustEntry(entry.id, e.target ? e.target.value || entry.progress : entry.progress)} /> @@ -104,17 +104,17 @@ | | - +
diff --git a/src/lib/Tools/Wrapped/Media.svelte b/src/lib/Tools/Wrapped/Media.svelte index ea8a989b..90e0cde3 100644 --- a/src/lib/Tools/Wrapped/Media.svelte +++ b/src/lib/Tools/Wrapped/Media.svelte @@ -28,7 +28,7 @@ )} alt="Highest Rated Anime Cover" class="cover-image" - on:load={updateWidth} + onload={updateWidth} />
@@ -67,7 +67,7 @@ )} alt="Highest Rated Manga Cover" class="cover-image" - on:load={updateWidth} + onload={updateWidth} />
diff --git a/src/lib/Tools/Wrapped/MediaExtras.svelte b/src/lib/Tools/Wrapped/MediaExtras.svelte index 9e755ea5..78b89e36 100644 --- a/src/lib/Tools/Wrapped/MediaExtras.svelte +++ b/src/lib/Tools/Wrapped/MediaExtras.svelte @@ -22,7 +22,7 @@ src={proxy(topMedia.topGenreMedia.coverImage.extraLarge)} alt="Highest Rated Genre Cover" class="cover-image" - on:load={updateWidth} + onload={updateWidth} />
@@ -53,7 +53,7 @@ src={proxy(topMedia.topTagMedia.coverImage.extraLarge)} alt="Highest Rated Tag Cover" class="cover-image" - on:load={updateWidth} + onload={updateWidth} />
diff --git a/src/lib/Tools/Wrapped/Tool.svelte b/src/lib/Tools/Wrapped/Tool.svelte index bc28f97e..3ec18494 100644 --- a/src/lib/Tools/Wrapped/Tool.svelte +++ b/src/lib/Tools/Wrapped/Tool.svelte @@ -890,7 +890,7 @@
{ + onclick={(e) => { e.preventDefault(); triggerFetch(); }} @@ -922,11 +922,11 @@ {/if}
- + {#if !shouldFetchData} - + {:else if needsRefetch} - {/if} @@ -970,9 +970,9 @@ {/each} Highest genre and tag count
- - - + + + Width adjustment
@@ -980,7 +980,7 @@ Calculation - Enable full-year activity
@@ -997,7 +997,7 @@ bind:value={startDateFilter} placeholder="Start date" disabled={needsRefetch} - on:change={() => { + onchange={() => { dateTicked = true; update(); @@ -1009,7 +1009,7 @@ bind:value={endDateFilter} placeholder="End date" disabled={needsRefetch} - on:change={() => { + onchange={() => { dateTicked = true; update(); @@ -1037,12 +1037,12 @@ { + onkeypress={(e) => { e.key === 'Enter' && submitExcludedKeywords(); }} /> Excluded keywords -
diff --git a/src/lib/Tools/Wrapped/Top/Activity.svelte b/src/lib/Tools/Wrapped/Top/Activity.svelte index a91bedfb..ea6ba592 100644 --- a/src/lib/Tools/Wrapped/Top/Activity.svelte +++ b/src/lib/Tools/Wrapped/Top/Activity.svelte @@ -15,7 +15,7 @@
- User Avatar + User Avatar
diff --git a/src/lib/Tooltip/LinkedTooltip.svelte b/src/lib/Tooltip/LinkedTooltip.svelte index 6e468cd6..cf004345 100644 --- a/src/lib/Tooltip/LinkedTooltip.svelte +++ b/src/lib/Tooltip/LinkedTooltip.svelte @@ -202,9 +202,9 @@ diff --git a/src/lib/User/BadgeWall/BadgePreview.svelte b/src/lib/User/BadgeWall/BadgePreview.svelte index 46aa2d46..2f4d65c7 100644 --- a/src/lib/User/BadgeWall/BadgePreview.svelte +++ b/src/lib/User/BadgeWall/BadgePreview.svelte @@ -106,7 +106,7 @@
{#if selectedBadge.image} diff --git a/src/lib/User/BadgeWall/Badges.svelte b/src/lib/User/BadgeWall/Badges.svelte index e7e1e9f3..99d500da 100644 --- a/src/lib/User/BadgeWall/Badges.svelte +++ b/src/lib/User/BadgeWall/Badges.svelte @@ -22,7 +22,7 @@
No due.moe registered badges found for this user. e.preventDefault()} + onclick={(e) => e.preventDefault()} title="This alert does not include AWC badges." use:tooltip>? @@ -55,7 +55,7 @@ > { + onclick={() => { selectedBadge = badge; const hiddenInput = document.querySelector('input[name="hidden"]'); diff --git a/src/lib/User/BadgeWall/FallbackBadge.svelte b/src/lib/User/BadgeWall/FallbackBadge.svelte index 35a50a7d..3155acc5 100644 --- a/src/lib/User/BadgeWall/FallbackBadge.svelte +++ b/src/lib/User/BadgeWall/FallbackBadge.svelte @@ -82,9 +82,9 @@ href={awc ? badgeToAny(badge).link : '#'} target="_blank" class="badge-container badge" - on:mousemove={handleMouseMove} - on:mouseleave={handleMouseLeave} - on:click={(e) => { + onmousemove={handleMouseMove} + onmouseleave={handleMouseLeave} + onclick={(e) => { if (!awc) { e.preventDefault(); @@ -100,7 +100,7 @@ bind:this={badgeReference} style="transform: perspective(1000px) rotateX({$mouse.y / 10}deg) rotateY({-$mouse.x / 10}deg); ${style}" - on:error={(e) => delayedReplace(e, fallback)} + onerror={(e) => delayedReplace(e, fallback)} /> -- cgit v1.2.3