update maps path

This commit is contained in:
Vincent van der Wal
2026-07-19 14:32:28 +02:00
parent 0526d71716
commit 9e1944396e
8 changed files with 1198 additions and 1708 deletions
+1156 -1658
View File
File diff suppressed because it is too large Load Diff
+29 -29
View File
@@ -17,42 +17,42 @@
"upgrade:ui": "npx shadcn-svelte@latest add alert button card checkbox dialog input label popover select separator switch -y -o && prettier --write src/lib/components/ui" "upgrade:ui": "npx shadcn-svelte@latest add alert button card checkbox dialog input label popover select separator switch -y -o && prettier --write src/lib/components/ui"
}, },
"devDependencies": { "devDependencies": {
"@eslint/compat": "^1.4.0", "@eslint/compat": "^2.1.0",
"@eslint/js": "^9.39.1", "@eslint/js": "^10.0.1",
"@internationalized/date": "^3.10.1", "@internationalized/date": "^3.12.2",
"@lucide/svelte": "^0.561.0", "@lucide/svelte": "^1.25.0",
"@sveltejs/adapter-static": "^3.0.10", "@sveltejs/adapter-static": "^3.0.10",
"@sveltejs/kit": "^2.49.1", "@sveltejs/kit": "^2.70.1",
"@sveltejs/vite-plugin-svelte": "^6.2.1", "@sveltejs/vite-plugin-svelte": "^7.2.0",
"@tailwindcss/vite": "^4.1.17", "@tailwindcss/vite": "^4.3.3",
"@trivago/prettier-plugin-sort-imports": "^6.0.0", "@trivago/prettier-plugin-sort-imports": "^6.0.2",
"@types/node": "^24", "@types/node": "^26",
"@vitest/browser-playwright": "^4.0.15", "@vitest/browser-playwright": "^4.1.10",
"bits-ui": "^2.15.4", "bits-ui": "^2.18.1",
"clsx": "^2.1.1", "clsx": "^2.1.1",
"eslint": "^9.39.1", "eslint": "^10.7.0",
"eslint-config-prettier": "^10.1.8", "eslint-config-prettier": "^10.1.8",
"eslint-plugin-svelte": "^3.13.1", "eslint-plugin-svelte": "^3.21.0",
"globals": "^16.5.0", "globals": "^17.7.0",
"playwright": "^1.57.0", "playwright": "^1.61.1",
"prettier": "^3.7.4", "prettier": "^3.9.5",
"prettier-plugin-svelte": "^3.4.0", "prettier-plugin-svelte": "^3.5.2",
"prettier-plugin-tailwindcss": "^0.7.2", "prettier-plugin-tailwindcss": "^0.8.1",
"svelte": "^5.45.6", "svelte": "^5.56.6",
"svelte-check": "^4.3.4", "svelte-check": "^4.7.3",
"svelte-persisted-store": "^0.12.0", "svelte-persisted-store": "^0.12.0",
"tailwind-merge": "^3.4.0", "tailwind-merge": "^3.6.0",
"tailwind-variants": "^3.2.2", "tailwind-variants": "^3.2.2",
"tailwindcss": "^4.1.17", "tailwindcss": "^4.3.3",
"tw-animate-css": "^1.4.0", "tw-animate-css": "^1.4.0",
"typescript": "^5.9.3", "typescript": "^6.0.3",
"typescript-eslint": "^8.48.1", "typescript-eslint": "^8.64.0",
"vite": "^7.2.6", "vite": "^8.1.5",
"vitest": "^4.0.15", "vitest": "^4.1.10",
"vitest-browser-svelte": "^2.0.1", "vitest-browser-svelte": "^3.0.0",
"date-fns": "^4.1.0", "date-fns": "^4.4.0",
"date-fns-tz": "^3.2.0", "date-fns-tz": "^3.2.0",
"echarts": "^6.0.0", "echarts": "^6.1.0",
"mode-watcher": "^1.1.0", "mode-watcher": "^1.1.0",
"openmeteo": "^1.2.3" "openmeteo": "^1.2.3"
} }
@@ -17,6 +17,7 @@
--> -->
<script lang="ts"> <script lang="ts">
import { fade } from 'svelte/transition'; import { fade } from 'svelte/transition';
import type { Snippet } from 'svelte'; import type { Snippet } from 'svelte';
// ─── Props ────────────────────────────────────────────────────────────────── // ─── Props ──────────────────────────────────────────────────────────────────
@@ -50,16 +51,9 @@
let minHeight = $derived(chartHeight * chartCount + extraPadding); let minHeight = $derived(chartHeight * chartCount + extraPadding);
</script> </script>
<div <div class="chart-container relative {className}" style:min-height="{minHeight}px">
class="chart-container relative {className}"
style:min-height="{minHeight}px"
>
<!-- Chart content area --> <!-- Chart content area -->
<div <div class="chart-content" in:fade={{ duration: 300 }} out:fade={{ duration: 300 }}>
class="chart-content"
in:fade={{ duration: 300 }}
out:fade={{ duration: 300 }}
>
{#if children} {#if children}
{@render children()} {@render children()}
{/if} {/if}
+7 -7
View File
@@ -51,7 +51,7 @@
/* Tooltip marker dots — make them slightly larger and rounded */ /* Tooltip marker dots — make them slightly larger and rounded */
.echarts-tooltip .echarts-tooltip-marker, .echarts-tooltip .echarts-tooltip-marker,
.echarts-tooltip span[style*="border-radius"] { .echarts-tooltip span[style*='border-radius'] {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
margin-right: 0.25rem; margin-right: 0.25rem;
@@ -97,14 +97,14 @@
/* ─── Toolbox Icon Overrides ───────────────────────────────────────────────── */ /* ─── Toolbox Icon Overrides ───────────────────────────────────────────────── */
/* Make sure the toolbox icons are visually subtle until hovered */ /* Make sure the toolbox icons are visually subtle until hovered */
.echart-wrapper [class*="toolbox"], .echart-wrapper [class*='toolbox'],
.echarts-container [class*="toolbox"] { .echarts-container [class*='toolbox'] {
opacity: 0.6; opacity: 0.6;
transition: opacity 150ms ease; transition: opacity 150ms ease;
} }
.echart-wrapper:hover [class*="toolbox"], .echart-wrapper:hover [class*='toolbox'],
.echarts-container:hover [class*="toolbox"] { .echarts-container:hover [class*='toolbox'] {
opacity: 1; opacity: 1;
} }
@@ -145,8 +145,8 @@
} }
/* Hide interactive elements when printing */ /* Hide interactive elements when printing */
.echart-wrapper [class*="toolbox"], .echart-wrapper [class*='toolbox'],
.echarts-container [class*="toolbox"], .echarts-container [class*='toolbox'],
.chart-toolbar { .chart-toolbar {
display: none !important; display: none !important;
} }
+1 -1
View File
@@ -1,5 +1,5 @@
import { formatInTimeZone, toZonedTime } from 'date-fns-tz';
import { isSameDay as isSameDayDateFns } from 'date-fns'; import { isSameDay as isSameDayDateFns } from 'date-fns';
import { formatInTimeZone, toZonedTime } from 'date-fns-tz';
/** /**
* Formats a UTC Date into a string for a specific timezone using date-fns patterns. * Formats a UTC Date into a string for a specific timezone using date-fns patterns.
-1
View File
@@ -1 +0,0 @@
+1 -2
View File
@@ -1,8 +1,7 @@
<script lang="ts"> <script lang="ts">
// Minimal page: no geolocation/state UI, just an embedded Open-Meteo map. // Minimal page: no geolocation/state UI, just an embedded Open-Meteo map.
// const iframeSrc = 'https://maps.open-meteo.com/'; // const iframeSrc = 'https://maps.open-meteo.com/';
const iframeSrc = const iframeSrc = 'https://maps.open-meteo.com';
'https://allow-cross-origin-loads.maps-5aj.pages.dev/?time=2026-02-21T1400#1.31/0/-0.1';
</script> </script>
<svelte:head> <svelte:head>
+1 -1
View File
@@ -39,7 +39,7 @@ export const getColor = (temperature: number, unit = 'celsius'): string => {
temperature = Math.round(((temperature - 32) * 5) / 9); temperature = Math.round(((temperature - 32) * 5) / 9);
} }
let index = 0; let index: number;
if (temperature <= -40) { if (temperature <= -40) {
index = 0; index = 0;
} else if (temperature >= 60) { } else if (temperature >= 60) {