diff options
| author | Fuwn <[email protected]> | 2026-03-01 16:20:51 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2026-03-01 16:21:02 -0800 |
| commit | eae5d24d9e79e59a19d4721caaeaa0ca650ecb33 (patch) | |
| tree | 1b685bb248e051dfa26d2bfdebe6689402dd93c5 /src/lib/Tools/ActivityHistory | |
| parent | chore(tooling): remove legacy eslint and prettier (diff) | |
| download | due.moe-eae5d24d9e79e59a19d4721caaeaa0ca650ecb33.tar.xz due.moe-eae5d24d9e79e59a19d4721caaeaa0ca650ecb33.zip | |
chore(biome): drop formatter style overrides
Diffstat (limited to 'src/lib/Tools/ActivityHistory')
| -rw-r--r-- | src/lib/Tools/ActivityHistory/Grid.svelte | 30 | ||||
| -rw-r--r-- | src/lib/Tools/ActivityHistory/Tool.svelte | 81 |
2 files changed, 58 insertions, 53 deletions
diff --git a/src/lib/Tools/ActivityHistory/Grid.svelte b/src/lib/Tools/ActivityHistory/Grid.svelte index 84c182fa..6a931ab2 100644 --- a/src/lib/Tools/ActivityHistory/Grid.svelte +++ b/src/lib/Tools/ActivityHistory/Grid.svelte @@ -1,16 +1,16 @@ <script lang="ts"> import { - fillMissingDays, - type ActivityHistoryEntry, - activityHistory -} from '$lib/Data/AniList/activity'; -import { onMount } from 'svelte'; -import userIdentity from '$stores/identity'; -import type { AniListAuthorisation } from '$lib/Data/AniList/identity'; -import { clearAllParameters } from '../../Utility/parameters'; -import Skeleton from '$lib/Loading/Skeleton.svelte'; -import tooltip from '$lib/Tooltip/tooltip'; -import LogInRestricted from '$lib/Error/LogInRestricted.svelte'; + fillMissingDays, + type ActivityHistoryEntry, + activityHistory, +} from "$lib/Data/AniList/activity"; +import { onMount } from "svelte"; +import userIdentity from "$stores/identity"; +import type { AniListAuthorisation } from "$lib/Data/AniList/identity"; +import { clearAllParameters } from "../../Utility/parameters"; +import Skeleton from "$lib/Loading/Skeleton.svelte"; +import tooltip from "$lib/Tooltip/tooltip"; +import LogInRestricted from "$lib/Error/LogInRestricted.svelte"; export let user: AniListAuthorisation; export let activityData: ActivityHistoryEntry[] | null = null; @@ -20,15 +20,15 @@ let activityHistoryData: ActivityHistoryEntry[]; let baseHue = Math.floor(Math.random() * 360); onMount(async () => { - clearAllParameters(); + clearAllParameters(); - activityHistoryData = activityData || (await activityHistory($userIdentity)); + activityHistoryData = activityData || (await activityHistory($userIdentity)); }); const gradientColour = (amount: number, maxAmount: number, baseHue: number) => { - const lightness = 100 - Math.round((amount / maxAmount) * 50); + const lightness = 100 - Math.round((amount / maxAmount) * 50); - return `hsl(${baseHue}, 100%, ${lightness}%)`; + return `hsl(${baseHue}, 100%, ${lightness}%)`; }; </script> diff --git a/src/lib/Tools/ActivityHistory/Tool.svelte b/src/lib/Tools/ActivityHistory/Tool.svelte index 06924b22..3cf7b09e 100644 --- a/src/lib/Tools/ActivityHistory/Tool.svelte +++ b/src/lib/Tools/ActivityHistory/Tool.svelte @@ -1,19 +1,19 @@ <script lang="ts"> -import Spacer from '$lib/Layout/Spacer.svelte'; +import Spacer from "$lib/Layout/Spacer.svelte"; import { - activityHistory, - fillMissingDays, - type ActivityHistoryEntry -} from '$lib/Data/AniList/activity'; -import { onMount } from 'svelte'; -import userIdentity from '$stores/identity'; -import type { AniListAuthorisation } from '$lib/Data/AniList/identity'; -import { clearAllParameters } from '../../Utility/parameters'; -import { domToBlob } from 'modern-screenshot'; -import ActivityHistoryGrid from './Grid.svelte'; -import SettingHint from '$lib/Settings/SettingHint.svelte'; -import Skeleton from '$lib/Loading/Skeleton.svelte'; -import LogInRestricted from '$lib/Error/LogInRestricted.svelte'; + activityHistory, + fillMissingDays, + type ActivityHistoryEntry, +} from "$lib/Data/AniList/activity"; +import { onMount } from "svelte"; +import userIdentity from "$stores/identity"; +import type { AniListAuthorisation } from "$lib/Data/AniList/identity"; +import { clearAllParameters } from "../../Utility/parameters"; +import { domToBlob } from "modern-screenshot"; +import ActivityHistoryGrid from "./Grid.svelte"; +import SettingHint from "$lib/Settings/SettingHint.svelte"; +import Skeleton from "$lib/Loading/Skeleton.svelte"; +import LogInRestricted from "$lib/Error/LogInRestricted.svelte"; export let user: AniListAuthorisation; @@ -21,9 +21,9 @@ let activityHistoryData: Promise<ActivityHistoryEntry[]>; let generated = false; onMount(async () => { - clearAllParameters(); + clearAllParameters(); - if (user !== undefined) activityHistoryData = activityHistory($userIdentity); + if (user !== undefined) activityHistoryData = activityHistory($userIdentity); }); // const incrementDate = (date: Date): Date => { @@ -33,36 +33,41 @@ onMount(async () => { // }; const screenshot = async () => { - let element = document.querySelector('.grid') as HTMLElement; + let element = document.querySelector(".grid") as HTMLElement; - if (element !== null) { - domToBlob(element, { - quality: 1, - scale: 2 - }).then((blob) => { - const downloadWrapper = document.createElement('a'); - const image = document.createElement('img'); - const object = (window.URL || window.webkitURL || window || {}).createObjectURL(blob); + if (element !== null) { + domToBlob(element, { + quality: 1, + scale: 2, + }).then((blob) => { + const downloadWrapper = document.createElement("a"); + const image = document.createElement("img"); + const object = ( + window.URL || + window.webkitURL || + window || + {} + ).createObjectURL(blob); - downloadWrapper.href = object; - downloadWrapper.target = '_blank'; - image.src = object; + downloadWrapper.href = object; + downloadWrapper.target = "_blank"; + image.src = object; - downloadWrapper.appendChild(image); + downloadWrapper.appendChild(image); - const gridFinal = document.getElementById('grid-final'); + const gridFinal = document.getElementById("grid-final"); - if (gridFinal !== null) { - gridFinal.innerHTML = ''; + if (gridFinal !== null) { + gridFinal.innerHTML = ""; - gridFinal.appendChild(downloadWrapper); + gridFinal.appendChild(downloadWrapper); - generated = true; - } + generated = true; + } - downloadWrapper.click(); - }); - } + downloadWrapper.click(); + }); + } }; </script> |