1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-07-19 04:49:37 +02:00
AdventureLog/frontend/src/lib/index.ts

587 lines
16 KiB
TypeScript
Raw Normal View History

2024-07-08 11:44:39 -04:00
import inspirationalQuotes from './json/quotes.json';
2024-10-17 21:35:55 -04:00
import randomBackgrounds from './json/backgrounds.json';
2024-10-20 21:56:16 -04:00
import type {
Adventure,
Background,
Checklist,
Collection,
Lodging,
2024-10-20 21:56:16 -04:00
Note,
Transportation,
User
} from './types';
2024-07-08 11:44:39 -04:00
export function getRandomQuote() {
const quotes = inspirationalQuotes.quotes;
const randomIndex = Math.floor(Math.random() * quotes.length);
let quoteString = quotes[randomIndex].quote;
let authorString = quotes[randomIndex].author;
2024-10-17 21:35:55 -04:00
return { quote: quoteString, author: authorString };
2024-07-08 11:44:39 -04:00
}
export function getFlag(size: number, country: string) {
return `https://flagcdn.com/h${size}/${country}.png`;
}
export function checkLink(link: string) {
if (link.startsWith('http://') || (link.startsWith('https://') && link.indexOf('.') !== -1)) {
return link;
} else {
return 'http://' + link + '.com';
}
}
2024-07-17 10:35:42 -04:00
export async function exportData() {
let res = await fetch('/api/adventures/all');
let adventures = (await res.json()) as Adventure[];
res = await fetch('/api/collections/all');
let collections = (await res.json()) as Collection[];
res = await fetch('/api/visitedregion');
let visitedRegions = await res.json();
const data = {
adventures,
collections,
visitedRegions
};
const blob = new Blob([JSON.stringify(data)], { type: 'application/json' });
return URL.createObjectURL(blob);
}
2024-08-04 13:27:05 -04:00
export function isValidUrl(url: string) {
try {
new URL(url);
return true;
} catch (err) {
return false;
}
}
2024-08-05 18:48:11 -04:00
export function groupAdventuresByDate(
adventures: Adventure[],
startDate: Date,
numberOfDays: number
): Record<string, Adventure[]> {
const groupedAdventures: Record<string, Adventure[]> = {};
2024-09-16 20:02:17 -04:00
// Initialize all days in the range
2024-08-05 18:48:11 -04:00
for (let i = 0; i < numberOfDays; i++) {
const currentDate = new Date(startDate);
currentDate.setDate(startDate.getDate() + i);
const dateString = getLocalDateString(currentDate);
2024-08-05 18:48:11 -04:00
groupedAdventures[dateString] = [];
}
adventures.forEach((adventure) => {
2024-10-01 09:32:02 -04:00
adventure.visits.forEach((visit) => {
if (visit.start_date) {
// Check if this is an all-day event (both start and end at midnight)
const isAllDayEvent =
isAllDay(visit.start_date) && (visit.end_date ? isAllDay(visit.end_date) : false);
2024-10-01 09:32:02 -04:00
// For all-day events, we need to handle dates differently
if (isAllDayEvent && visit.end_date) {
// Extract just the date parts without time
const startDateStr = visit.start_date.split('T')[0];
const endDateStr = visit.end_date.split('T')[0];
// Loop through all days in the range
2024-10-01 09:32:02 -04:00
for (let i = 0; i < numberOfDays; i++) {
const currentDate = new Date(startDate);
currentDate.setDate(startDate.getDate() + i);
const currentDateStr = getLocalDateString(currentDate);
2024-10-01 09:32:02 -04:00
// Include the current day if it falls within the adventure date range
if (currentDateStr >= startDateStr && currentDateStr <= endDateStr) {
if (groupedAdventures[currentDateStr]) {
groupedAdventures[currentDateStr].push(adventure);
2024-10-01 09:32:02 -04:00
}
2024-08-19 16:32:08 -04:00
}
}
} else {
// Handle regular events with time components
const adventureStartDate = new Date(visit.start_date);
const adventureDateStr = getLocalDateString(adventureStartDate);
if (visit.end_date) {
const adventureEndDate = new Date(visit.end_date);
const endDateStr = getLocalDateString(adventureEndDate);
// Loop through all days and include adventure if it falls within the range
for (let i = 0; i < numberOfDays; i++) {
const currentDate = new Date(startDate);
currentDate.setDate(startDate.getDate() + i);
const dateString = getLocalDateString(currentDate);
// Include the current day if it falls within the adventure date range
if (dateString >= adventureDateStr && dateString <= endDateStr) {
if (groupedAdventures[dateString]) {
groupedAdventures[dateString].push(adventure);
}
}
}
} else {
// If there's no end date, add adventure to the start date only
if (groupedAdventures[adventureDateStr]) {
groupedAdventures[adventureDateStr].push(adventure);
}
}
2024-08-19 16:32:08 -04:00
}
2024-08-05 18:48:11 -04:00
}
2024-10-01 09:32:02 -04:00
});
2024-08-05 18:48:11 -04:00
});
return groupedAdventures;
}
function getLocalDateString(date: Date): string {
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0'); // Months are 0-indexed
const day = String(date.getDate()).padStart(2, '0');
return `${year}-${month}-${day}`;
}
// Helper to check if a given date string represents midnight (all-day)
// Improved isAllDay function to handle different ISO date formats
export function isAllDay(dateStr: string): boolean {
// Check for various midnight formats in UTC
return dateStr.endsWith('T00:00:00Z') || dateStr.endsWith('T00:00:00.000Z');
}
2024-08-05 18:48:11 -04:00
export function groupTransportationsByDate(
transportations: Transportation[],
startDate: Date,
numberOfDays: number
): Record<string, Transportation[]> {
const groupedTransportations: Record<string, Transportation[]> = {};
2024-09-16 20:02:17 -04:00
// Initialize all days in the range
2024-08-05 18:48:11 -04:00
for (let i = 0; i < numberOfDays; i++) {
const currentDate = new Date(startDate);
currentDate.setDate(startDate.getDate() + i);
const dateString = getLocalDateString(currentDate);
2024-08-05 18:48:11 -04:00
groupedTransportations[dateString] = [];
}
transportations.forEach((transportation) => {
if (transportation.date) {
const transportationDate = getLocalDateString(new Date(transportation.date));
2024-08-19 16:32:08 -04:00
if (transportation.end_date) {
const endDate = new Date(transportation.end_date).toISOString().split('T')[0];
2024-09-16 20:02:17 -04:00
// Loop through all days and include transportation if it falls within the range
2024-08-19 16:32:08 -04:00
for (let i = 0; i < numberOfDays; i++) {
2024-09-16 20:02:17 -04:00
const currentDate = new Date(startDate);
currentDate.setDate(startDate.getDate() + i);
const dateString = getLocalDateString(currentDate);
2024-09-16 20:02:17 -04:00
// Include the current day if it falls within the transportation date range
2024-08-19 16:32:08 -04:00
if (dateString >= transportationDate && dateString <= endDate) {
if (groupedTransportations[dateString]) {
groupedTransportations[dateString].push(transportation);
}
}
}
} else if (groupedTransportations[transportationDate]) {
2024-09-16 20:02:17 -04:00
// If there's no end date, add transportation to the start date only
2024-08-05 18:48:11 -04:00
groupedTransportations[transportationDate].push(transportation);
}
}
});
return groupedTransportations;
}
export function groupLodgingByDate(
transportations: Lodging[],
startDate: Date,
numberOfDays: number
): Record<string, Lodging[]> {
const groupedTransportations: Record<string, Lodging[]> = {};
// Initialize all days in the range using local dates
for (let i = 0; i < numberOfDays; i++) {
const currentDate = new Date(startDate);
currentDate.setDate(startDate.getDate() + i);
const dateString = getLocalDateString(currentDate);
groupedTransportations[dateString] = [];
}
transportations.forEach((transportation) => {
if (transportation.check_in) {
// Use local date string conversion
const transportationDate = getLocalDateString(new Date(transportation.check_in));
if (transportation.check_out) {
const endDate = getLocalDateString(new Date(transportation.check_out));
// Loop through all days and include transportation if it falls within the transportation date range
for (let i = 0; i < numberOfDays; i++) {
const currentDate = new Date(startDate);
currentDate.setDate(startDate.getDate() + i);
const dateString = getLocalDateString(currentDate);
if (dateString >= transportationDate && dateString <= endDate) {
groupedTransportations[dateString].push(transportation);
}
}
} else if (groupedTransportations[transportationDate]) {
groupedTransportations[transportationDate].push(transportation);
}
}
});
return groupedTransportations;
}
2024-08-05 18:48:11 -04:00
export function groupNotesByDate(
notes: Note[],
startDate: Date,
numberOfDays: number
): Record<string, Note[]> {
const groupedNotes: Record<string, Note[]> = {};
// Initialize all days in the range using local dates
2024-08-05 18:48:11 -04:00
for (let i = 0; i < numberOfDays; i++) {
const currentDate = new Date(startDate);
currentDate.setDate(startDate.getDate() + i);
const dateString = getLocalDateString(currentDate);
2024-08-05 18:48:11 -04:00
groupedNotes[dateString] = [];
}
notes.forEach((note) => {
if (note.date) {
// Use the date string as is since it's already in "YYYY-MM-DD" format.
const noteDate = note.date;
2024-08-05 18:48:11 -04:00
if (groupedNotes[noteDate]) {
groupedNotes[noteDate].push(note);
}
}
});
return groupedNotes;
}
2024-08-05 21:36:38 -04:00
export function groupChecklistsByDate(
checklists: Checklist[],
startDate: Date,
numberOfDays: number
): Record<string, Checklist[]> {
const groupedChecklists: Record<string, Checklist[]> = {};
// Initialize all days in the range using local dates
2024-08-05 21:36:38 -04:00
for (let i = 0; i < numberOfDays; i++) {
const currentDate = new Date(startDate);
currentDate.setDate(startDate.getDate() + i);
const dateString = getLocalDateString(currentDate);
2024-08-05 21:36:38 -04:00
groupedChecklists[dateString] = [];
}
checklists.forEach((checklist) => {
if (checklist.date) {
// Use the date string as is since it's already in "YYYY-MM-DD" format.
const checklistDate = checklist.date;
2024-09-16 20:02:17 -04:00
if (groupedChecklists[checklistDate]) {
groupedChecklists[checklistDate].push(checklist);
2024-08-05 21:36:38 -04:00
}
}
});
return groupedChecklists;
}
export function continentCodeToString(code: string) {
switch (code) {
case 'AF':
return 'Africa';
case 'AN':
return 'Antarctica';
case 'AS':
return 'Asia';
case 'EU':
return 'Europe';
case 'NA':
return 'North America';
case 'OC':
return 'Oceania';
case 'SA':
return 'South America';
default:
return 'Unknown';
}
}
2024-09-23 18:46:04 -04:00
export let ADVENTURE_TYPES = [
{ type: 'general', label: 'General 🌍' },
2024-09-24 17:05:16 -04:00
{ type: 'outdoor', label: 'Outdoor 🏞️' },
2024-09-23 18:46:04 -04:00
{ type: 'lodging', label: 'Lodging 🛌' },
{ type: 'dining', label: 'Dining 🍽️' },
{ type: 'activity', label: 'Activity 🏄' },
{ type: 'attraction', label: 'Attraction 🎢' },
{ type: 'shopping', label: 'Shopping 🛍️' },
{ type: 'nightlife', label: 'Nightlife 🌃' },
{ type: 'event', label: 'Event 🎉' },
{ type: 'transportation', label: 'Transportation 🚗' },
{ type: 'culture', label: 'Culture 🎭' },
{ type: 'water_sports', label: 'Water Sports 🚤' },
{ type: 'hiking', label: 'Hiking 🥾' },
{ type: 'wildlife', label: 'Wildlife 🦒' },
{ type: 'historical_sites', label: 'Historical Sites 🏛️' },
{ type: 'music_concerts', label: 'Music & Concerts 🎶' },
{ type: 'fitness', label: 'Fitness 🏋️' },
{ type: 'art_museums', label: 'Art & Museums 🎨' },
{ type: 'festivals', label: 'Festivals 🎪' },
{ type: 'spiritual_journeys', label: 'Spiritual Journeys 🧘‍♀️' },
{ type: 'volunteer_work', label: 'Volunteer Work 🤝' },
{ type: 'other', label: 'Other' }
];
2024-11-02 21:18:52 -04:00
// adventure type to icon mapping
export let ADVENTURE_TYPE_ICONS = {
general: '🌍',
outdoor: '🏞️',
lodging: '🛌',
dining: '🍽️',
activity: '🏄',
attraction: '🎢',
shopping: '🛍️',
nightlife: '🌃',
event: '🎉',
transportation: '🚗',
culture: '🎭',
water_sports: '🚤',
hiking: '🥾',
wildlife: '🦒',
historical_sites: '🏛️',
music_concerts: '🎶',
fitness: '🏋️',
art_museums: '🎨',
festivals: '🎪',
spiritual_journeys: '🧘‍♀️',
volunteer_work: '🤝',
other: '❓'
};
export let LODGING_TYPES_ICONS = {
hotel: '🏨',
hostel: '🛏️',
resort: '🏝️',
bnb: '🍳',
campground: '🏕️',
cabin: '🏚️',
apartment: '🏢',
house: '🏠',
villa: '🏡',
motel: '🚗🏨',
other: '❓'
};
export let TRANSPORTATION_TYPES_ICONS = {
car: '🚗',
plane: '✈️',
train: '🚆',
bus: '🚌',
boat: '⛵',
bike: '🚲',
walking: '🚶',
other: '❓'
};
export function getAdventureTypeLabel(type: string) {
// return the emoji ADVENTURE_TYPE_ICONS label for the given type if not found return ? emoji
if (type in ADVENTURE_TYPE_ICONS) {
return ADVENTURE_TYPE_ICONS[type as keyof typeof ADVENTURE_TYPE_ICONS];
} else {
return '❓';
}
2024-11-02 21:18:52 -04:00
}
2024-10-17 21:35:55 -04:00
export function getRandomBackground() {
const today = new Date();
// Special dates for specific backgrounds
// New Years week
const newYearsStart = new Date(today.getFullYear() - 1, 11, 31);
newYearsStart.setHours(0, 0, 0, 0);
const newYearsEnd = new Date(today.getFullYear(), 0, 2);
newYearsEnd.setHours(23, 59, 59, 999);
if (today >= newYearsStart && today <= newYearsEnd) {
return {
url: 'backgrounds/adventurelog_new_year.webp',
author: 'Roven Images',
location: "Happy New Year's from the AdventureLog team!"
} as Background;
}
// Christmas 12/24 - 12/25
const christmasStart = new Date(today.getFullYear(), 11, 24);
christmasStart.setHours(0, 0, 0, 0);
const christmasEnd = new Date(today.getFullYear(), 11, 25);
christmasEnd.setHours(23, 59, 59, 999);
if (today >= christmasStart && today <= christmasEnd) {
return {
url: 'backgrounds/adventurelog_christmas.webp',
author: 'Annie Spratt',
location: 'Merry Christmas from the AdventureLog team!'
} as Background;
}
2024-10-17 21:35:55 -04:00
const randomIndex = Math.floor(Math.random() * randomBackgrounds.backgrounds.length);
2024-10-20 21:56:16 -04:00
return randomBackgrounds.backgrounds[randomIndex] as Background;
2024-10-17 21:35:55 -04:00
}
export function findFirstValue(obj: any): any {
for (const key in obj) {
if (typeof obj[key] === 'object' && obj[key] !== null) {
const value = findFirstValue(obj[key]);
if (value !== undefined) {
return value;
}
} else {
return obj[key];
}
}
}
2024-11-26 17:39:10 -05:00
export let themes = [
{ name: 'light', label: 'Light' },
{ name: 'dark', label: 'Dark' },
{ name: 'night', label: 'Night' },
{ name: 'forest', label: 'Forest' },
{ name: 'aqua', label: 'Aqua' },
{ name: 'aestheticLight', label: 'Aesthetic Light' },
{ name: 'aestheticDark', label: 'Aesthetic Dark' },
{ name: 'northernLights', label: 'Northern Lights' }
2024-11-26 17:39:10 -05:00
];
export function osmTagToEmoji(tag: string) {
switch (tag) {
case 'camp_site':
return '🏕️';
case 'slipway':
return '🛳️';
case 'playground':
return '🛝';
case 'viewpoint':
return '👀';
case 'cape':
return '🏞️';
case 'beach':
return '🏖️';
case 'park':
return '🌳';
case 'museum':
return '🏛️';
case 'theme_park':
return '🎢';
case 'nature_reserve':
return '🌲';
case 'memorial':
return '🕊️';
case 'monument':
return '🗿';
case 'wood':
return '🌲';
case 'zoo':
return '🦁';
case 'attraction':
return '🎡';
case 'ruins':
return '🏚️';
case 'bay':
return '🌊';
case 'hotel':
return '🏨';
case 'motel':
return '🏩';
case 'pub':
return '🍺';
case 'restaurant':
return '🍽️';
case 'cafe':
return '☕';
case 'bakery':
return '🥐';
case 'archaeological_site':
return '🏺';
case 'lighthouse':
return '🗼';
case 'tree':
return '🌳';
case 'cliff':
return '⛰️';
case 'water':
return '💧';
case 'fishing':
return '🎣';
case 'golf_course':
return '⛳';
case 'swimming_pool':
return '🏊';
case 'stadium':
return '🏟️';
case 'cave_entrance':
return '🕳️';
case 'anchor':
return '⚓';
case 'garden':
return '🌼';
case 'disc_golf_course':
return '🥏';
case 'natural':
return '🌿';
case 'ice_rink':
return '⛸️';
case 'horse_riding':
return '🐎';
case 'wreck':
return '🚢';
case 'water_park':
return '💦';
case 'picnic_site':
return '🧺';
case 'axe_throwing':
return '🪓';
case 'fort':
return '🏰';
case 'amusement_arcade':
return '🕹️';
case 'tepee':
return '🏕️';
case 'track':
return '🏃';
case 'trampoline_park':
return '🤸';
case 'dojo':
return '🥋';
case 'tree_stump':
return '🪵';
case 'peak':
return '🏔️';
case 'fitness_centre':
return '🏋️';
case 'artwork':
return '🎨';
case 'fast_food':
return '🍔';
case 'ice_cream':
return '🍦';
default:
return '📍'; // Default placeholder emoji for unknown tags
}
}
export function debounce(func: Function, timeout: number) {
let timer: number | NodeJS.Timeout;
return (...args: any) => {
clearTimeout(timer);
timer = setTimeout(() => {
func(...args);
}, timeout);
};
}