import { useEffect } from 'react';
import { useLocation, useNavigate } from 'react-router';

import { KeybindEvent } from '../util/events';
import { useQuickRescan } from './useQuickRescan';
import { getWindowState } from './useWindowState';

export const useKeybindEventHandler = (libraryId?: string) => {
	const navigate = useNavigate();
	const windowState = getWindowState();
	const rescan = useQuickRescan();
	const regex = new RegExp(
		'/[0-9A-Fa-f]{8}-[0-9A-Fa-f]{4}-[0-9A-Fa-f]{4}-[0-9A-Fa-f]{4}-[0-9A-Fa-f]{12}/location/'
	);
	const id = parseInt(useLocation().pathname.replace(regex, ''));

	useEffect(() => {
		const handler = (e: KeybindEvent) => {
			e.preventDefault();

			switch (e.detail.action) {
				case 'new_library':
					console.log('New Library!'); // TODO: Implement
					break;
				case 'new_file':
					console.log('New File!'); // TODO: Implement
					break;
				case 'new_directory':
					console.log('New Directory!'); // TODO: Implement
					break;
				case 'add_location':
					console.log('Add Location!'); // TODO: Implement
					break;
				case 'open_settings':
					if (libraryId) navigate(`/${libraryId}/settings/client/general`);
					break;
				case 'reload_explorer':
					if (!isNaN(id)) rescan(id);
					break;
				// case 'open_overview':
				// 	libraryId && navigate(`/${libraryId}/overview`);
				// 	break;
				case 'open_search':
					document.dispatchEvent(new CustomEvent('open_search'));
					break;
				case 'copy':
					console.log('Copy!'); // TODO: Implement
					break;
				case 'cut':
					console.log('Cut!'); // TODO: Implement
					break;
				case 'paste':
					console.log('Paste!'); // TODO Implement
					break;
				case 'duplicate':
					console.log('Duplicate!'); // TODO Implement
					break;
				case 'select_all':
					console.log('Select All!'); // TODO Implement
					break;
				case 'window_fullscreened':
					windowState.isFullScreen = true;
					break;
				case 'window_not_fullscreened':
					windowState.isFullScreen = false;
					break;
			}
		};

		document.addEventListener('keybindexec', handler);
		return () => document.removeEventListener('keybindexec', handler);
	}, [navigate, libraryId, windowState, rescan, id]);
};