aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Events
diff options
context:
space:
mode:
authorFuwn <[email protected]>2026-03-01 16:20:51 -0800
committerFuwn <[email protected]>2026-03-01 16:21:02 -0800
commiteae5d24d9e79e59a19d4721caaeaa0ca650ecb33 (patch)
tree1b685bb248e051dfa26d2bfdebe6689402dd93c5 /src/lib/Events
parentchore(tooling): remove legacy eslint and prettier (diff)
downloaddue.moe-eae5d24d9e79e59a19d4721caaeaa0ca650ecb33.tar.xz
due.moe-eae5d24d9e79e59a19d4721caaeaa0ca650ecb33.zip
chore(biome): drop formatter style overrides
Diffstat (limited to 'src/lib/Events')
-rw-r--r--src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte4
-rw-r--r--src/lib/Events/AniListBadges/EasterEvent2025/EasterEgg.svelte122
-rw-r--r--src/lib/Events/AniListBadges/EasterEvent2025/MultipleChoicePage.svelte12
-rw-r--r--src/lib/Events/AniListBadges/EasterEvent2025/RiddlePage.svelte12
-rw-r--r--src/lib/Events/AniListBadges/EasterEvent2025/event.css10
-rw-r--r--src/lib/Events/Event.svelte6
-rw-r--r--src/lib/Events/Group.svelte4
7 files changed, 87 insertions, 83 deletions
diff --git a/src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte b/src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte
index 976ebdfa..8faf0ba3 100644
--- a/src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte
+++ b/src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte
@@ -7,9 +7,9 @@ export let onComplete: () => void;
let selectedIndex = -1;
const handleClick = (index: number) => {
- selectedIndex = index;
+ selectedIndex = index;
- if (index === correctIndex) setTimeout(onComplete, 500);
+ if (index === correctIndex) setTimeout(onComplete, 500);
};
</script>
diff --git a/src/lib/Events/AniListBadges/EasterEvent2025/EasterEgg.svelte b/src/lib/Events/AniListBadges/EasterEvent2025/EasterEgg.svelte
index 1c7d4545..1069eeb7 100644
--- a/src/lib/Events/AniListBadges/EasterEvent2025/EasterEgg.svelte
+++ b/src/lib/Events/AniListBadges/EasterEvent2025/EasterEgg.svelte
@@ -1,99 +1,103 @@
<script lang="ts">
-import { onMount, tick } from 'svelte';
-import { browser } from '$app/environment';
-import Popup from '$lib/Layout/Popup.svelte';
+import { onMount, tick } from "svelte";
+import { browser } from "$app/environment";
+import Popup from "$lib/Layout/Popup.svelte";
-export let targetID = 'easter-target';
+export let targetID = "easter-target";
export let id: number;
let visible = false;
let showPopup = false;
$: eggCount = browser
- ? JSON.parse(localStorage.getItem('easter2025ClickedEggs') || '[]').length
- : 0;
+ ? JSON.parse(localStorage.getItem("easter2025ClickedEggs") || "[]").length
+ : 0;
onMount(() => {
- let intervalId: number | undefined;
+ let intervalId: number | undefined;
- const updatePosition = async () => {
- await tick();
+ const updatePosition = async () => {
+ await tick();
- const targetElement = document.getElementById(targetID);
+ const targetElement = document.getElementById(targetID);
- if (!targetElement) return;
+ if (!targetElement) return;
- const storedClickedEggs = localStorage.getItem('easter2025ClickedEggs');
- const clickedEggs = storedClickedEggs ? JSON.parse(storedClickedEggs) : [];
- const eggVisual = document.getElementById(`egg-visual-${targetID}-${id}`);
- const eggClick = document.getElementById(`egg-click-${targetID}-${id}`);
- const pageWidth = document.documentElement.clientWidth;
+ const storedClickedEggs = localStorage.getItem("easter2025ClickedEggs");
+ const clickedEggs = storedClickedEggs ? JSON.parse(storedClickedEggs) : [];
+ const eggVisual = document.getElementById(`egg-visual-${targetID}-${id}`);
+ const eggClick = document.getElementById(`egg-click-${targetID}-${id}`);
+ const pageWidth = document.documentElement.clientWidth;
- visible = !clickedEggs.includes(id) && clickedEggs.length < 4;
+ visible = !clickedEggs.includes(id) && clickedEggs.length < 4;
- if (eggVisual && eggClick) {
- const verticalPosition = targetElement.offsetHeight * 0.9;
- const eggWidthPercent = (100 / pageWidth) * 100;
- const horizontalPosition = targetElement.offsetWidth - eggWidthPercent / 2;
+ if (eggVisual && eggClick) {
+ const verticalPosition = targetElement.offsetHeight * 0.9;
+ const eggWidthPercent = (100 / pageWidth) * 100;
+ const horizontalPosition =
+ targetElement.offsetWidth - eggWidthPercent / 2;
- eggVisual.style.top = `${verticalPosition}px`;
- eggVisual.style.left = `${horizontalPosition}px`;
- eggVisual.style.zIndex = '-1';
- eggClick.style.top = `${verticalPosition}px`;
- eggClick.style.left = `${horizontalPosition}px`;
- eggClick.style.zIndex = '9999';
- }
- };
+ eggVisual.style.top = `${verticalPosition}px`;
+ eggVisual.style.left = `${horizontalPosition}px`;
+ eggVisual.style.zIndex = "-1";
+ eggClick.style.top = `${verticalPosition}px`;
+ eggClick.style.left = `${horizontalPosition}px`;
+ eggClick.style.zIndex = "9999";
+ }
+ };
- intervalId = setInterval(updatePosition, 100) as unknown as number;
+ intervalId = setInterval(updatePosition, 100) as unknown as number;
- updatePosition();
+ updatePosition();
- return () => {
- if (intervalId) clearInterval(intervalId);
+ return () => {
+ if (intervalId) clearInterval(intervalId);
- window.removeEventListener('resize', updatePosition);
- window.removeEventListener('scroll', updatePosition);
- };
+ window.removeEventListener("resize", updatePosition);
+ window.removeEventListener("scroll", updatePosition);
+ };
});
const handleClick = (event: MouseEvent) => {
- if (event.button === 0) {
- const storedClickedEggs = localStorage.getItem('easter2025ClickedEggs');
- const clickedEggs = storedClickedEggs ? JSON.parse(storedClickedEggs) : [];
+ if (event.button === 0) {
+ const storedClickedEggs = localStorage.getItem("easter2025ClickedEggs");
+ const clickedEggs = storedClickedEggs ? JSON.parse(storedClickedEggs) : [];
- if (!clickedEggs.includes(id)) {
- clickedEggs.push(id);
- localStorage.setItem('easter2025ClickedEggs', JSON.stringify(clickedEggs));
- }
+ if (!clickedEggs.includes(id)) {
+ clickedEggs.push(id);
+ localStorage.setItem(
+ "easter2025ClickedEggs",
+ JSON.stringify(clickedEggs),
+ );
+ }
- visible = false;
+ visible = false;
- if (clickedEggs.length >= 3) showPopup = true;
+ if (clickedEggs.length >= 3) showPopup = true;
- // eslint-disable-next-line no-undef
- umami.track('Easter Egg Clicked', { id });
- } else if (event.button === 1) {
- visible = true;
+ // eslint-disable-next-line no-undef
+ umami.track("Easter Egg Clicked", { id });
+ } else if (event.button === 1) {
+ visible = true;
- localStorage.setItem('easter2025ClickedEggs', '[]');
- }
+ localStorage.setItem("easter2025ClickedEggs", "[]");
+ }
};
const copyCode = (source: string) => {
- navigator.clipboard.writeText(
- `<img src="${source}" alt="due.moe × AniList Badges Badge Prize" width="200px">`
- );
+ navigator.clipboard.writeText(
+ `<img src="${source}" alt="due.moe × AniList Badges Badge Prize" width="200px">`,
+ );
};
const onLeavePopup = () => {
- showPopup = false;
+ showPopup = false;
- const storedClickedEggs = localStorage.getItem('easter2025ClickedEggs');
- const clickedEggs = storedClickedEggs ? JSON.parse(storedClickedEggs) : [];
+ const storedClickedEggs = localStorage.getItem("easter2025ClickedEggs");
+ const clickedEggs = storedClickedEggs ? JSON.parse(storedClickedEggs) : [];
- clickedEggs.push(-1);
- localStorage.setItem('easter2025ClickedEggs', JSON.stringify(clickedEggs));
+ clickedEggs.push(-1);
+ localStorage.setItem("easter2025ClickedEggs", JSON.stringify(clickedEggs));
};
</script>
diff --git a/src/lib/Events/AniListBadges/EasterEvent2025/MultipleChoicePage.svelte b/src/lib/Events/AniListBadges/EasterEvent2025/MultipleChoicePage.svelte
index ebcc9678..abede485 100644
--- a/src/lib/Events/AniListBadges/EasterEvent2025/MultipleChoicePage.svelte
+++ b/src/lib/Events/AniListBadges/EasterEvent2025/MultipleChoicePage.svelte
@@ -7,13 +7,13 @@ export let onComplete: () => void;
let selected = -1;
const handleChoice = (index: number) => {
- if (index === correctIndex) {
- selected = index;
+ if (index === correctIndex) {
+ selected = index;
- setTimeout(onComplete, 500);
- } else {
- selected = index;
- }
+ setTimeout(onComplete, 500);
+ } else {
+ selected = index;
+ }
};
</script>
diff --git a/src/lib/Events/AniListBadges/EasterEvent2025/RiddlePage.svelte b/src/lib/Events/AniListBadges/EasterEvent2025/RiddlePage.svelte
index da01e5db..8c7f3684 100644
--- a/src/lib/Events/AniListBadges/EasterEvent2025/RiddlePage.svelte
+++ b/src/lib/Events/AniListBadges/EasterEvent2025/RiddlePage.svelte
@@ -4,14 +4,14 @@ export let answer: string;
export let onComplete: () => void;
export let hint: string | undefined = undefined;
-let userInput = '';
+let userInput = "";
const checkAnswer = () => {
- if (userInput.toLowerCase() === answer.toLowerCase()) {
- setTimeout(onComplete, 500);
- } else {
- setTimeout(() => (userInput = ''), 500);
- }
+ if (userInput.toLowerCase() === answer.toLowerCase()) {
+ setTimeout(onComplete, 500);
+ } else {
+ setTimeout(() => (userInput = ""), 500);
+ }
};
</script>
diff --git a/src/lib/Events/AniListBadges/EasterEvent2025/event.css b/src/lib/Events/AniListBadges/EasterEvent2025/event.css
index c7556ae8..dd32cdd7 100644
--- a/src/lib/Events/AniListBadges/EasterEvent2025/event.css
+++ b/src/lib/Events/AniListBadges/EasterEvent2025/event.css
@@ -1,10 +1,10 @@
.big-text {
- font-size: 1.5rem;
+ font-size: 1.5rem;
}
.container {
- display: flex;
- flex-direction: column;
- gap: 0.5em;
- align-items: center;
+ display: flex;
+ flex-direction: column;
+ gap: 0.5em;
+ align-items: center;
}
diff --git a/src/lib/Events/Event.svelte b/src/lib/Events/Event.svelte
index e8a8d606..f8d0efbc 100644
--- a/src/lib/Events/Event.svelte
+++ b/src/lib/Events/Event.svelte
@@ -1,7 +1,7 @@
<script lang="ts">
-import type { Event } from '$lib/Database/SB/events';
-import root from '$lib/Utility/root';
-import locale from '$stores/locale';
+import type { Event } from "$lib/Database/SB/events";
+import root from "$lib/Utility/root";
+import locale from "$stores/locale";
let { event, avatar = false }: { event: Event; avatar?: boolean } = $props();
</script>
diff --git a/src/lib/Events/Group.svelte b/src/lib/Events/Group.svelte
index a891060f..02cd53ac 100644
--- a/src/lib/Events/Group.svelte
+++ b/src/lib/Events/Group.svelte
@@ -1,6 +1,6 @@
<script lang="ts">
-import type { Group } from '$lib/Database/SB/groups';
-import tooltip from '$lib/Tooltip/tooltip';
+import type { Group } from "$lib/Database/SB/groups";
+import tooltip from "$lib/Tooltip/tooltip";
let { group }: { group: Group } = $props();
</script>