From b82141eb75219b6830d98def9f0419e663edd7f0 Mon Sep 17 00:00:00 2001 From: Zias van Nes Date: Fri, 3 Oct 2025 15:05:07 +0200 Subject: [PATCH] chore: formatting --- src/app.css | 212 ++++++++++++++--------------- src/lib/components/sonner/index.ts | 2 +- src/lib/index.ts | 12 +- src/lib/stores/location.ts | 37 +++-- src/lib/utils.ts | 8 +- src/lib/utils/geolocation.ts | 5 +- svelte.config.js | 2 +- 7 files changed, 148 insertions(+), 130 deletions(-) diff --git a/src/app.css b/src/app.css index bd2ca54..b62d430 100644 --- a/src/app.css +++ b/src/app.css @@ -1,121 +1,121 @@ -@import "tailwindcss"; +@import 'tailwindcss'; -@import "tw-animate-css"; +@import 'tw-animate-css'; @custom-variant dark (&:is(.dark *)); :root { - --radius: 0.625rem; - --background: oklch(1 0 0); - --foreground: oklch(0.141 0.005 285.823); - --card: oklch(1 0 0); - --card-foreground: oklch(0.141 0.005 285.823); - --popover: oklch(1 0 0); - --popover-foreground: oklch(0.141 0.005 285.823); - --primary: oklch(0.21 0.006 285.885); - --primary-foreground: oklch(0.985 0 0); - --secondary: oklch(0.967 0.001 286.375); - --secondary-foreground: oklch(0.21 0.006 285.885); - --muted: oklch(0.967 0.001 286.375); - --muted-foreground: oklch(0.552 0.016 285.938); - --accent: oklch(0.967 0.001 286.375); - --accent-foreground: oklch(0.21 0.006 285.885); - --destructive: oklch(0.577 0.245 27.325); - --border: oklch(0.92 0.004 286.32); - --input: oklch(0.92 0.004 286.32); - --ring: oklch(0.705 0.015 286.067); - --chart-1: oklch(0.646 0.222 41.116); - --chart-2: oklch(0.6 0.118 184.704); - --chart-3: oklch(0.398 0.07 227.392); - --chart-4: oklch(0.828 0.189 84.429); - --chart-5: oklch(0.769 0.188 70.08); - --sidebar: oklch(0.985 0 0); - --sidebar-foreground: oklch(0.141 0.005 285.823); - --sidebar-primary: oklch(0.21 0.006 285.885); - --sidebar-primary-foreground: oklch(0.985 0 0); - --sidebar-accent: oklch(0.967 0.001 286.375); - --sidebar-accent-foreground: oklch(0.21 0.006 285.885); - --sidebar-border: oklch(0.92 0.004 286.32); - --sidebar-ring: oklch(0.705 0.015 286.067); + --radius: 0.625rem; + --background: oklch(1 0 0); + --foreground: oklch(0.141 0.005 285.823); + --card: oklch(1 0 0); + --card-foreground: oklch(0.141 0.005 285.823); + --popover: oklch(1 0 0); + --popover-foreground: oklch(0.141 0.005 285.823); + --primary: oklch(0.21 0.006 285.885); + --primary-foreground: oklch(0.985 0 0); + --secondary: oklch(0.967 0.001 286.375); + --secondary-foreground: oklch(0.21 0.006 285.885); + --muted: oklch(0.967 0.001 286.375); + --muted-foreground: oklch(0.552 0.016 285.938); + --accent: oklch(0.967 0.001 286.375); + --accent-foreground: oklch(0.21 0.006 285.885); + --destructive: oklch(0.577 0.245 27.325); + --border: oklch(0.92 0.004 286.32); + --input: oklch(0.92 0.004 286.32); + --ring: oklch(0.705 0.015 286.067); + --chart-1: oklch(0.646 0.222 41.116); + --chart-2: oklch(0.6 0.118 184.704); + --chart-3: oklch(0.398 0.07 227.392); + --chart-4: oklch(0.828 0.189 84.429); + --chart-5: oklch(0.769 0.188 70.08); + --sidebar: oklch(0.985 0 0); + --sidebar-foreground: oklch(0.141 0.005 285.823); + --sidebar-primary: oklch(0.21 0.006 285.885); + --sidebar-primary-foreground: oklch(0.985 0 0); + --sidebar-accent: oklch(0.967 0.001 286.375); + --sidebar-accent-foreground: oklch(0.21 0.006 285.885); + --sidebar-border: oklch(0.92 0.004 286.32); + --sidebar-ring: oklch(0.705 0.015 286.067); } .dark { - --background: oklch(0.141 0.005 285.823); - --foreground: oklch(0.985 0 0); - --card: oklch(0.21 0.006 285.885); - --card-foreground: oklch(0.985 0 0); - --popover: oklch(0.21 0.006 285.885); - --popover-foreground: oklch(0.985 0 0); - --primary: oklch(0.92 0.004 286.32); - --primary-foreground: oklch(0.21 0.006 285.885); - --secondary: oklch(0.274 0.006 286.033); - --secondary-foreground: oklch(0.985 0 0); - --muted: oklch(0.274 0.006 286.033); - --muted-foreground: oklch(0.705 0.015 286.067); - --accent: oklch(0.274 0.006 286.033); - --accent-foreground: oklch(0.985 0 0); - --destructive: oklch(0.704 0.191 22.216); - --border: oklch(1 0 0 / 10%); - --input: oklch(1 0 0 / 15%); - --ring: oklch(0.552 0.016 285.938); - --chart-1: oklch(0.488 0.243 264.376); - --chart-2: oklch(0.696 0.17 162.48); - --chart-3: oklch(0.769 0.188 70.08); - --chart-4: oklch(0.627 0.265 303.9); - --chart-5: oklch(0.645 0.246 16.439); - --sidebar: oklch(0.21 0.006 285.885); - --sidebar-foreground: oklch(0.985 0 0); - --sidebar-primary: oklch(0.488 0.243 264.376); - --sidebar-primary-foreground: oklch(0.985 0 0); - --sidebar-accent: oklch(0.274 0.006 286.033); - --sidebar-accent-foreground: oklch(0.985 0 0); - --sidebar-border: oklch(1 0 0 / 10%); - --sidebar-ring: oklch(0.552 0.016 285.938); + --background: oklch(0.141 0.005 285.823); + --foreground: oklch(0.985 0 0); + --card: oklch(0.21 0.006 285.885); + --card-foreground: oklch(0.985 0 0); + --popover: oklch(0.21 0.006 285.885); + --popover-foreground: oklch(0.985 0 0); + --primary: oklch(0.92 0.004 286.32); + --primary-foreground: oklch(0.21 0.006 285.885); + --secondary: oklch(0.274 0.006 286.033); + --secondary-foreground: oklch(0.985 0 0); + --muted: oklch(0.274 0.006 286.033); + --muted-foreground: oklch(0.705 0.015 286.067); + --accent: oklch(0.274 0.006 286.033); + --accent-foreground: oklch(0.985 0 0); + --destructive: oklch(0.704 0.191 22.216); + --border: oklch(1 0 0 / 10%); + --input: oklch(1 0 0 / 15%); + --ring: oklch(0.552 0.016 285.938); + --chart-1: oklch(0.488 0.243 264.376); + --chart-2: oklch(0.696 0.17 162.48); + --chart-3: oklch(0.769 0.188 70.08); + --chart-4: oklch(0.627 0.265 303.9); + --chart-5: oklch(0.645 0.246 16.439); + --sidebar: oklch(0.21 0.006 285.885); + --sidebar-foreground: oklch(0.985 0 0); + --sidebar-primary: oklch(0.488 0.243 264.376); + --sidebar-primary-foreground: oklch(0.985 0 0); + --sidebar-accent: oklch(0.274 0.006 286.033); + --sidebar-accent-foreground: oklch(0.985 0 0); + --sidebar-border: oklch(1 0 0 / 10%); + --sidebar-ring: oklch(0.552 0.016 285.938); } @theme inline { - --radius-sm: calc(var(--radius) - 4px); - --radius-md: calc(var(--radius) - 2px); - --radius-lg: var(--radius); - --radius-xl: calc(var(--radius) + 4px); - --color-background: var(--background); - --color-foreground: var(--foreground); - --color-card: var(--card); - --color-card-foreground: var(--card-foreground); - --color-popover: var(--popover); - --color-popover-foreground: var(--popover-foreground); - --color-primary: var(--primary); - --color-primary-foreground: var(--primary-foreground); - --color-secondary: var(--secondary); - --color-secondary-foreground: var(--secondary-foreground); - --color-muted: var(--muted); - --color-muted-foreground: var(--muted-foreground); - --color-accent: var(--accent); - --color-accent-foreground: var(--accent-foreground); - --color-destructive: var(--destructive); - --color-border: var(--border); - --color-input: var(--input); - --color-ring: var(--ring); - --color-chart-1: var(--chart-1); - --color-chart-2: var(--chart-2); - --color-chart-3: var(--chart-3); - --color-chart-4: var(--chart-4); - --color-chart-5: var(--chart-5); - --color-sidebar: var(--sidebar); - --color-sidebar-foreground: var(--sidebar-foreground); - --color-sidebar-primary: var(--sidebar-primary); - --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); - --color-sidebar-accent: var(--sidebar-accent); - --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); - --color-sidebar-border: var(--sidebar-border); - --color-sidebar-ring: var(--sidebar-ring); + --radius-sm: calc(var(--radius) - 4px); + --radius-md: calc(var(--radius) - 2px); + --radius-lg: var(--radius); + --radius-xl: calc(var(--radius) + 4px); + --color-background: var(--background); + --color-foreground: var(--foreground); + --color-card: var(--card); + --color-card-foreground: var(--card-foreground); + --color-popover: var(--popover); + --color-popover-foreground: var(--popover-foreground); + --color-primary: var(--primary); + --color-primary-foreground: var(--primary-foreground); + --color-secondary: var(--secondary); + --color-secondary-foreground: var(--secondary-foreground); + --color-muted: var(--muted); + --color-muted-foreground: var(--muted-foreground); + --color-accent: var(--accent); + --color-accent-foreground: var(--accent-foreground); + --color-destructive: var(--destructive); + --color-border: var(--border); + --color-input: var(--input); + --color-ring: var(--ring); + --color-chart-1: var(--chart-1); + --color-chart-2: var(--chart-2); + --color-chart-3: var(--chart-3); + --color-chart-4: var(--chart-4); + --color-chart-5: var(--chart-5); + --color-sidebar: var(--sidebar); + --color-sidebar-foreground: var(--sidebar-foreground); + --color-sidebar-primary: var(--sidebar-primary); + --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); + --color-sidebar-accent: var(--sidebar-accent); + --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); + --color-sidebar-border: var(--sidebar-border); + --color-sidebar-ring: var(--sidebar-ring); } @layer base { - * { - @apply border-border outline-ring/50; - } - body { - @apply bg-background text-foreground; - } + * { + @apply border-border outline-ring/50; + } + body { + @apply bg-background text-foreground; + } } diff --git a/src/lib/components/sonner/index.ts b/src/lib/components/sonner/index.ts index 1ad9f4a..fcaf06b 100644 --- a/src/lib/components/sonner/index.ts +++ b/src/lib/components/sonner/index.ts @@ -1 +1 @@ -export { default as Toaster } from "./sonner.svelte"; +export { default as Toaster } from './sonner.svelte'; diff --git a/src/lib/index.ts b/src/lib/index.ts index e98c3c2..c6e1480 100644 --- a/src/lib/index.ts +++ b/src/lib/index.ts @@ -11,4 +11,14 @@ export { default as LocationButton } from './components/LocationButton.svelte'; // Location utilities and stores export { geolocationService } from './utils/geolocation'; -export { locationActions, locationStore, coordinates, locationStatus, locationError, isLocationLoading, hasLocationAccess, getMapCenter, getMapZoom } from './stores/location'; +export { + locationActions, + locationStore, + coordinates, + locationStatus, + locationError, + isLocationLoading, + hasLocationAccess, + getMapCenter, + getMapZoom +} from './stores/location'; diff --git a/src/lib/stores/location.ts b/src/lib/stores/location.ts index 95e7e3b..ebfb329 100644 --- a/src/lib/stores/location.ts +++ b/src/lib/stores/location.ts @@ -1,5 +1,10 @@ import { writable, derived } from 'svelte/store'; -import { geolocationService, type LocationCoordinates, type LocationError, type LocationStatus } from '$lib/utils/geolocation'; +import { + geolocationService, + type LocationCoordinates, + type LocationError, + type LocationStatus +} from '$lib/utils/geolocation'; interface LocationState { coordinates: LocationCoordinates | null; @@ -24,8 +29,14 @@ export const locationStore = writable(initialState); export const coordinates = derived(locationStore, ($location) => $location.coordinates); export const locationStatus = derived(locationStore, ($location) => $location.status); export const locationError = derived(locationStore, ($location) => $location.error); -export const isLocationLoading = derived(locationStore, ($location) => $location.status === 'loading'); -export const hasLocationAccess = derived(locationStore, ($location) => $location.coordinates !== null); +export const isLocationLoading = derived( + locationStore, + ($location) => $location.status === 'loading' +); +export const hasLocationAccess = derived( + locationStore, + ($location) => $location.coordinates !== null +); // Location actions export const locationActions = { @@ -33,7 +44,7 @@ export const locationActions = { * Get current position once */ async getCurrentLocation(options?: PositionOptions): Promise { - locationStore.update(state => ({ + locationStore.update((state) => ({ ...state, status: 'loading', error: null @@ -42,7 +53,7 @@ export const locationActions = { try { const coordinates = await geolocationService.getCurrentPosition(options); - locationStore.update(state => ({ + locationStore.update((state) => ({ ...state, coordinates, status: 'success', @@ -54,7 +65,7 @@ export const locationActions = { } catch (error) { const locationError = error as LocationError; - locationStore.update(state => ({ + locationStore.update((state) => ({ ...state, status: 'error', error: locationError, @@ -70,7 +81,7 @@ export const locationActions = { */ startWatching(options?: PositionOptions): void { if (!geolocationService.isSupported()) { - locationStore.update(state => ({ + locationStore.update((state) => ({ ...state, status: 'error', error: { @@ -81,7 +92,7 @@ export const locationActions = { return; } - locationStore.update(state => ({ + locationStore.update((state) => ({ ...state, status: 'loading', isWatching: true, @@ -90,7 +101,7 @@ export const locationActions = { geolocationService.watchPosition( (coordinates) => { - locationStore.update(state => ({ + locationStore.update((state) => ({ ...state, coordinates, status: 'success', @@ -99,7 +110,7 @@ export const locationActions = { })); }, (error) => { - locationStore.update(state => ({ + locationStore.update((state) => ({ ...state, status: 'error', error, @@ -116,7 +127,7 @@ export const locationActions = { stopWatching(): void { geolocationService.clearWatch(); - locationStore.update(state => ({ + locationStore.update((state) => ({ ...state, isWatching: false })); @@ -134,7 +145,7 @@ export const locationActions = { * Set coordinates manually (useful for testing or setting default location) */ setCoordinates(coordinates: LocationCoordinates): void { - locationStore.update(state => ({ + locationStore.update((state) => ({ ...state, coordinates, status: 'success', @@ -149,7 +160,7 @@ export const locationActions = { isLocationStale(maxAgeMinutes: number = 5): boolean { let currentState: LocationState = initialState; - const unsubscribe = locationStore.subscribe(state => { + const unsubscribe = locationStore.subscribe((state) => { currentState = state; }); unsubscribe(); diff --git a/src/lib/utils.ts b/src/lib/utils.ts index 55b3a91..f92bfcb 100644 --- a/src/lib/utils.ts +++ b/src/lib/utils.ts @@ -1,13 +1,13 @@ -import { clsx, type ClassValue } from "clsx"; -import { twMerge } from "tailwind-merge"; +import { clsx, type ClassValue } from 'clsx'; +import { twMerge } from 'tailwind-merge'; export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)); } // eslint-disable-next-line @typescript-eslint/no-explicit-any -export type WithoutChild = T extends { child?: any } ? Omit : T; +export type WithoutChild = T extends { child?: any } ? Omit : T; // eslint-disable-next-line @typescript-eslint/no-explicit-any -export type WithoutChildren = T extends { children?: any } ? Omit : T; +export type WithoutChildren = T extends { children?: any } ? Omit : T; export type WithoutChildrenOrChild = WithoutChildren>; export type WithElementRef = T & { ref?: U | null }; diff --git a/src/lib/utils/geolocation.ts b/src/lib/utils/geolocation.ts index 3229c9f..1fc6602 100644 --- a/src/lib/utils/geolocation.ts +++ b/src/lib/utils/geolocation.ts @@ -180,10 +180,7 @@ export class GeolocationService { /** * Calculate distance between two coordinates in kilometers */ - static calculateDistance( - coord1: LocationCoordinates, - coord2: LocationCoordinates - ): number { + static calculateDistance(coord1: LocationCoordinates, coord2: LocationCoordinates): number { const R = 6371; // Earth's radius in kilometers const dLat = this.toRadians(coord2.latitude - coord1.latitude); const dLon = this.toRadians(coord2.longitude - coord1.longitude); diff --git a/svelte.config.js b/svelte.config.js index 3f5f8ac..d791a53 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -16,7 +16,7 @@ const config = { trustedOrigins: ['http://localhost:3000', 'https://serengo.ziasvannes.tech'] }, alias: { - "@/*": "./src/lib/*" + '@/*': './src/lib/*' } } };