zias/serengo
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: formatting

Browse Source
This commit is contained in:
ッ
2025-10-03 15:05:07 +02:00
parent 0abf4f9737
commit b82141eb75
7 changed files with 148 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

212
src/app.css
View File

@@ -1,121 +1,121 @@
@import "tailwindcss"; @import 'tailwindcss';
@import "tw-animate-css"; @import 'tw-animate-css';
@custom-variant dark (&:is(.dark *)); @custom-variant dark (&:is(.dark *));
:root { :root {
--radius: 0.625rem; --radius: 0.625rem;
--background: oklch(1 0 0); --background: oklch(1 0 0);
--foreground: oklch(0.141 0.005 285.823); --foreground: oklch(0.141 0.005 285.823);
--card: oklch(1 0 0); --card: oklch(1 0 0);
--card-foreground: oklch(0.141 0.005 285.823); --card-foreground: oklch(0.141 0.005 285.823);
--popover: oklch(1 0 0); --popover: oklch(1 0 0);
--popover-foreground: oklch(0.141 0.005 285.823); --popover-foreground: oklch(0.141 0.005 285.823);
--primary: oklch(0.21 0.006 285.885); --primary: oklch(0.21 0.006 285.885);
--primary-foreground: oklch(0.985 0 0); --primary-foreground: oklch(0.985 0 0);
--secondary: oklch(0.967 0.001 286.375); --secondary: oklch(0.967 0.001 286.375);
--secondary-foreground: oklch(0.21 0.006 285.885); --secondary-foreground: oklch(0.21 0.006 285.885);
--muted: oklch(0.967 0.001 286.375); --muted: oklch(0.967 0.001 286.375);
--muted-foreground: oklch(0.552 0.016 285.938); --muted-foreground: oklch(0.552 0.016 285.938);
--accent: oklch(0.967 0.001 286.375); --accent: oklch(0.967 0.001 286.375);
--accent-foreground: oklch(0.21 0.006 285.885); --accent-foreground: oklch(0.21 0.006 285.885);
--destructive: oklch(0.577 0.245 27.325); --destructive: oklch(0.577 0.245 27.325);
--border: oklch(0.92 0.004 286.32); --border: oklch(0.92 0.004 286.32);
--input: oklch(0.92 0.004 286.32); --input: oklch(0.92 0.004 286.32);
--ring: oklch(0.705 0.015 286.067); --ring: oklch(0.705 0.015 286.067);
--chart-1: oklch(0.646 0.222 41.116); --chart-1: oklch(0.646 0.222 41.116);
--chart-2: oklch(0.6 0.118 184.704); --chart-2: oklch(0.6 0.118 184.704);
--chart-3: oklch(0.398 0.07 227.392); --chart-3: oklch(0.398 0.07 227.392);
--chart-4: oklch(0.828 0.189 84.429); --chart-4: oklch(0.828 0.189 84.429);
--chart-5: oklch(0.769 0.188 70.08); --chart-5: oklch(0.769 0.188 70.08);
--sidebar: oklch(0.985 0 0); --sidebar: oklch(0.985 0 0);
--sidebar-foreground: oklch(0.141 0.005 285.823); --sidebar-foreground: oklch(0.141 0.005 285.823);
--sidebar-primary: oklch(0.21 0.006 285.885); --sidebar-primary: oklch(0.21 0.006 285.885);
--sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.967 0.001 286.375); --sidebar-accent: oklch(0.967 0.001 286.375);
--sidebar-accent-foreground: oklch(0.21 0.006 285.885); --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
--sidebar-border: oklch(0.92 0.004 286.32); --sidebar-border: oklch(0.92 0.004 286.32);
--sidebar-ring: oklch(0.705 0.015 286.067); --sidebar-ring: oklch(0.705 0.015 286.067);
} }
.dark { .dark {
--background: oklch(0.141 0.005 285.823); --background: oklch(0.141 0.005 285.823);
--foreground: oklch(0.985 0 0); --foreground: oklch(0.985 0 0);
--card: oklch(0.21 0.006 285.885); --card: oklch(0.21 0.006 285.885);
--card-foreground: oklch(0.985 0 0); --card-foreground: oklch(0.985 0 0);
--popover: oklch(0.21 0.006 285.885); --popover: oklch(0.21 0.006 285.885);
--popover-foreground: oklch(0.985 0 0); --popover-foreground: oklch(0.985 0 0);
--primary: oklch(0.92 0.004 286.32); --primary: oklch(0.92 0.004 286.32);
--primary-foreground: oklch(0.21 0.006 285.885); --primary-foreground: oklch(0.21 0.006 285.885);
--secondary: oklch(0.274 0.006 286.033); --secondary: oklch(0.274 0.006 286.033);
--secondary-foreground: oklch(0.985 0 0); --secondary-foreground: oklch(0.985 0 0);
--muted: oklch(0.274 0.006 286.033); --muted: oklch(0.274 0.006 286.033);
--muted-foreground: oklch(0.705 0.015 286.067); --muted-foreground: oklch(0.705 0.015 286.067);
--accent: oklch(0.274 0.006 286.033); --accent: oklch(0.274 0.006 286.033);
--accent-foreground: oklch(0.985 0 0); --accent-foreground: oklch(0.985 0 0);
--destructive: oklch(0.704 0.191 22.216); --destructive: oklch(0.704 0.191 22.216);
--border: oklch(1 0 0 / 10%); --border: oklch(1 0 0 / 10%);
--input: oklch(1 0 0 / 15%); --input: oklch(1 0 0 / 15%);
--ring: oklch(0.552 0.016 285.938); --ring: oklch(0.552 0.016 285.938);
--chart-1: oklch(0.488 0.243 264.376); --chart-1: oklch(0.488 0.243 264.376);
--chart-2: oklch(0.696 0.17 162.48); --chart-2: oklch(0.696 0.17 162.48);
--chart-3: oklch(0.769 0.188 70.08); --chart-3: oklch(0.769 0.188 70.08);
--chart-4: oklch(0.627 0.265 303.9); --chart-4: oklch(0.627 0.265 303.9);
--chart-5: oklch(0.645 0.246 16.439); --chart-5: oklch(0.645 0.246 16.439);
--sidebar: oklch(0.21 0.006 285.885); --sidebar: oklch(0.21 0.006 285.885);
--sidebar-foreground: oklch(0.985 0 0); --sidebar-foreground: oklch(0.985 0 0);
--sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary: oklch(0.488 0.243 264.376);
--sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.274 0.006 286.033); --sidebar-accent: oklch(0.274 0.006 286.033);
--sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-accent-foreground: oklch(0.985 0 0);
--sidebar-border: oklch(1 0 0 / 10%); --sidebar-border: oklch(1 0 0 / 10%);
--sidebar-ring: oklch(0.552 0.016 285.938); --sidebar-ring: oklch(0.552 0.016 285.938);
} }
@theme inline { @theme inline {
--radius-sm: calc(var(--radius) - 4px); --radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px); --radius-md: calc(var(--radius) - 2px);
--radius-lg: var(--radius); --radius-lg: var(--radius);
--radius-xl: calc(var(--radius) + 4px); --radius-xl: calc(var(--radius) + 4px);
--color-background: var(--background); --color-background: var(--background);
--color-foreground: var(--foreground); --color-foreground: var(--foreground);
--color-card: var(--card); --color-card: var(--card);
--color-card-foreground: var(--card-foreground); --color-card-foreground: var(--card-foreground);
--color-popover: var(--popover); --color-popover: var(--popover);
--color-popover-foreground: var(--popover-foreground); --color-popover-foreground: var(--popover-foreground);
--color-primary: var(--primary); --color-primary: var(--primary);
--color-primary-foreground: var(--primary-foreground); --color-primary-foreground: var(--primary-foreground);
--color-secondary: var(--secondary); --color-secondary: var(--secondary);
--color-secondary-foreground: var(--secondary-foreground); --color-secondary-foreground: var(--secondary-foreground);
--color-muted: var(--muted); --color-muted: var(--muted);
--color-muted-foreground: var(--muted-foreground); --color-muted-foreground: var(--muted-foreground);
--color-accent: var(--accent); --color-accent: var(--accent);
--color-accent-foreground: var(--accent-foreground); --color-accent-foreground: var(--accent-foreground);
--color-destructive: var(--destructive); --color-destructive: var(--destructive);
--color-border: var(--border); --color-border: var(--border);
--color-input: var(--input); --color-input: var(--input);
--color-ring: var(--ring); --color-ring: var(--ring);
--color-chart-1: var(--chart-1); --color-chart-1: var(--chart-1);
--color-chart-2: var(--chart-2); --color-chart-2: var(--chart-2);
--color-chart-3: var(--chart-3); --color-chart-3: var(--chart-3);
--color-chart-4: var(--chart-4); --color-chart-4: var(--chart-4);
--color-chart-5: var(--chart-5); --color-chart-5: var(--chart-5);
--color-sidebar: var(--sidebar); --color-sidebar: var(--sidebar);
--color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-foreground: var(--sidebar-foreground);
--color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary: var(--sidebar-primary);
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
--color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent: var(--sidebar-accent);
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
--color-sidebar-border: var(--sidebar-border); --color-sidebar-border: var(--sidebar-border);
--color-sidebar-ring: var(--sidebar-ring); --color-sidebar-ring: var(--sidebar-ring);
} }
@layer base { @layer base {
* { * {
@apply border-border outline-ring/50; @apply border-border outline-ring/50;
} }
body { body {
@apply bg-background text-foreground; @apply bg-background text-foreground;
} }
} }

2
src/lib/components/sonner/index.ts
View File

@@ -1 +1 @@
export { default as Toaster } from "./sonner.svelte"; export { default as Toaster } from './sonner.svelte';

12
src/lib/index.ts
View File

@@ -11,4 +11,14 @@ export { default as LocationButton } from './components/LocationButton.svelte';
// Location utilities and stores // Location utilities and stores
export { geolocationService } from './utils/geolocation'; 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';

37
src/lib/stores/location.ts
View File

@@ -1,5 +1,10 @@
import { writable, derived } from 'svelte/store'; 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 { interface LocationState {
coordinates: LocationCoordinates | null; coordinates: LocationCoordinates | null;
@@ -24,8 +29,14 @@ export const locationStore = writable<LocationState>(initialState);
export const coordinates = derived(locationStore, ($location) => $location.coordinates); export const coordinates = derived(locationStore, ($location) => $location.coordinates);
export const locationStatus = derived(locationStore, ($location) => $location.status); export const locationStatus = derived(locationStore, ($location) => $location.status);
export const locationError = derived(locationStore, ($location) => $location.error); export const locationError = derived(locationStore, ($location) => $location.error);
export const isLocationLoading = derived(locationStore, ($location) => $location.status === 'loading'); export const isLocationLoading = derived(
export const hasLocationAccess = derived(locationStore, ($location) => $location.coordinates !== null); locationStore,
($location) => $location.status === 'loading'
);
export const hasLocationAccess = derived(
locationStore,
($location) => $location.coordinates !== null
);
// Location actions // Location actions
export const locationActions = { export const locationActions = {
@@ -33,7 +44,7 @@ export const locationActions = {
* Get current position once * Get current position once
*/ */
async getCurrentLocation(options?: PositionOptions): Promise<LocationCoordinates | null> { async getCurrentLocation(options?: PositionOptions): Promise<LocationCoordinates | null> {
locationStore.update(state => ({ locationStore.update((state) => ({
...state, ...state,
status: 'loading', status: 'loading',
error: null error: null
@@ -42,7 +53,7 @@ export const locationActions = {
try { try {
const coordinates = await geolocationService.getCurrentPosition(options); const coordinates = await geolocationService.getCurrentPosition(options);
locationStore.update(state => ({ locationStore.update((state) => ({
...state, ...state,
coordinates, coordinates,
status: 'success', status: 'success',
@@ -54,7 +65,7 @@ export const locationActions = {
} catch (error) { } catch (error) {
const locationError = error as LocationError; const locationError = error as LocationError;
locationStore.update(state => ({ locationStore.update((state) => ({
...state, ...state,
status: 'error', status: 'error',
error: locationError, error: locationError,
@@ -70,7 +81,7 @@ export const locationActions = {
*/ */
startWatching(options?: PositionOptions): void { startWatching(options?: PositionOptions): void {
if (!geolocationService.isSupported()) { if (!geolocationService.isSupported()) {
locationStore.update(state => ({ locationStore.update((state) => ({
...state, ...state,
status: 'error', status: 'error',
error: { error: {
@@ -81,7 +92,7 @@ export const locationActions = {
return; return;
} }
locationStore.update(state => ({ locationStore.update((state) => ({
...state, ...state,
status: 'loading', status: 'loading',
isWatching: true, isWatching: true,
@@ -90,7 +101,7 @@ export const locationActions = {
geolocationService.watchPosition( geolocationService.watchPosition(
(coordinates) => { (coordinates) => {
locationStore.update(state => ({ locationStore.update((state) => ({
...state, ...state,
coordinates, coordinates,
status: 'success', status: 'success',
@@ -99,7 +110,7 @@ export const locationActions = {
})); }));
}, },
(error) => { (error) => {
locationStore.update(state => ({ locationStore.update((state) => ({
...state, ...state,
status: 'error', status: 'error',
error, error,
@@ -116,7 +127,7 @@ export const locationActions = {
stopWatching(): void { stopWatching(): void {
geolocationService.clearWatch(); geolocationService.clearWatch();
locationStore.update(state => ({ locationStore.update((state) => ({
...state, ...state,
isWatching: false isWatching: false
})); }));
@@ -134,7 +145,7 @@ export const locationActions = {
* Set coordinates manually (useful for testing or setting default location) * Set coordinates manually (useful for testing or setting default location)
*/ */
setCoordinates(coordinates: LocationCoordinates): void { setCoordinates(coordinates: LocationCoordinates): void {
locationStore.update(state => ({ locationStore.update((state) => ({
...state, ...state,
coordinates, coordinates,
status: 'success', status: 'success',
@@ -149,7 +160,7 @@ export const locationActions = {
isLocationStale(maxAgeMinutes: number = 5): boolean { isLocationStale(maxAgeMinutes: number = 5): boolean {
let currentState: LocationState = initialState; let currentState: LocationState = initialState;
const unsubscribe = locationStore.subscribe(state => { const unsubscribe = locationStore.subscribe((state) => {
currentState = state; currentState = state;
}); });
unsubscribe(); unsubscribe();

8
src/lib/utils.ts
View File

@@ -1,13 +1,13 @@
import { clsx, type ClassValue } from "clsx"; import { clsx, type ClassValue } from 'clsx';
import { twMerge } from "tailwind-merge"; import { twMerge } from 'tailwind-merge';
export function cn(...inputs: ClassValue[]) { export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs)); return twMerge(clsx(inputs));
} }
// eslint-disable-next-line @typescript-eslint/no-explicit-any // eslint-disable-next-line @typescript-eslint/no-explicit-any
export type WithoutChild<T> = T extends { child?: any } ? Omit<T, "child"> : T; export type WithoutChild<T> = T extends { child?: any } ? Omit<T, 'child'> : T;
// eslint-disable-next-line @typescript-eslint/no-explicit-any // eslint-disable-next-line @typescript-eslint/no-explicit-any
export type WithoutChildren<T> = T extends { children?: any } ? Omit<T, "children"> : T; export type WithoutChildren<T> = T extends { children?: any } ? Omit<T, 'children'> : T;
export type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>; export type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>;
export type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & { ref?: U | null }; export type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & { ref?: U | null };

5
src/lib/utils/geolocation.ts
View File

@@ -180,10 +180,7 @@ export class GeolocationService {
/** /**
* Calculate distance between two coordinates in kilometers * Calculate distance between two coordinates in kilometers
*/ */
static calculateDistance( static calculateDistance(coord1: LocationCoordinates, coord2: LocationCoordinates): number {
coord1: LocationCoordinates,
coord2: LocationCoordinates
): number {
const R = 6371; // Earth's radius in kilometers const R = 6371; // Earth's radius in kilometers
const dLat = this.toRadians(coord2.latitude - coord1.latitude); const dLat = this.toRadians(coord2.latitude - coord1.latitude);
const dLon = this.toRadians(coord2.longitude - coord1.longitude); const dLon = this.toRadians(coord2.longitude - coord1.longitude);

2
svelte.config.js
View File

@@ -16,7 +16,7 @@ const config = {
trustedOrigins: ['http://localhost:3000', 'https://serengo.ziasvannes.tech'] trustedOrigins: ['http://localhost:3000', 'https://serengo.ziasvannes.tech']
}, },
alias: { alias: {
"@/*": "./src/lib/*" '@/*': './src/lib/*'
} }
} }
}; };