csgowtf/src/lib/stores/search.ts

import { writable, derived } from 'svelte/store';
import { browser } from '$app/environment';

/**
 * Search state store
 * Manages search queries and recent searches
 */

export interface SearchState {
	query: string;
	recentSearches: string[];
	filters: {
		map?: string;
		playerId?: number;
		dateFrom?: string;
		dateTo?: string;
	};
}

const defaultState: SearchState = {
	query: '',
	recentSearches: [],
	filters: {}
};

// Load recent searches from localStorage
const loadRecentSearches = (): string[] => {
	if (!browser) return [];

	try {
		const stored = localStorage.getItem('cs2wtf-recent-searches');
		if (stored) {
			return JSON.parse(stored);
		}
	} catch (error) {
		console.error('Failed to load recent searches:', error);
	}

	return [];
};

// Create the store
const createSearchStore = () => {
	const { subscribe, set, update } = writable<SearchState>({
		...defaultState,
		recentSearches: loadRecentSearches()
	});

	return {
		subscribe,
		set,
		update,

		// Set search query
		setQuery: (query: string) => {
			update((state) => ({ ...state, query }));
		},

		// Clear search query
		clearQuery: () => {
			update((state) => ({ ...state, query: '' }));
		},

		// Add to recent searches (max 10)
		addRecentSearch: (query: string) => {
			if (!query.trim()) return;

			update((state) => {
				const recent = [query, ...state.recentSearches.filter((q) => q !== query)].slice(0, 10);

				if (browser) {
					localStorage.setItem('cs2wtf-recent-searches', JSON.stringify(recent));
				}

				return { ...state, recentSearches: recent };
			});
		},

		// Clear recent searches
		clearRecentSearches: () => {
			if (browser) {
				localStorage.removeItem('cs2wtf-recent-searches');
			}
			update((state) => ({ ...state, recentSearches: [] }));
		},

		// Set filters
		setFilters: (filters: SearchState['filters']) => {
			update((state) => ({ ...state, filters }));
		},

		// Update single filter
		setFilter: (key: keyof SearchState['filters'], value: unknown) => {
			update((state) => ({
				...state,
				filters: { ...state.filters, [key]: value }
			}));
		},

		// Clear filters
		clearFilters: () => {
			update((state) => ({ ...state, filters: {} }));
		},

		// Reset entire search state
		reset: () => {
			set({ ...defaultState, recentSearches: loadRecentSearches() });
		}
	};
};

export const search = createSearchStore();

// Derived store: is search active?
export const isSearchActive = derived(
	search,
	($search) => $search.query.length > 0 || Object.keys($search.filters).length > 0
);