aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Tools/ActivityHistory
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/Tools/ActivityHistory
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/Tools/ActivityHistory')
-rw-r--r--src/lib/Tools/ActivityHistory/Grid.svelte30
-rw-r--r--src/lib/Tools/ActivityHistory/Tool.svelte81
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>