`;
}
/**
* Handle keyboard navigation
*/
function handleKeydown(e) {
const items = resultsContainer.querySelectorAll('.search-result-item');
switch (e.key) {
case 'ArrowDown':
e.preventDefault();
selectedIndex = Math.min(selectedIndex + 1, items.length - 1);
updateSelection(items);
break;
case 'ArrowUp':
e.preventDefault();
selectedIndex = Math.max(selectedIndex - 1, 0);
updateSelection(items);
break;
case 'Enter':
e.preventDefault();
if (selectedIndex >= 0 && items[selectedIndex]) {
navigateToResult(items[selectedIndex].dataset.path);
}
break;
case 'Escape':
e.preventDefault();
closeSearch();
break;
}
}
/**
* Update visual selection
*/
function updateSelection(items) {
items.forEach((item, index) => {
item.classList.toggle('selected', index === selectedIndex);
});
if (items[selectedIndex]) {
items[selectedIndex].scrollIntoView({ block: 'nearest' });
}
}
/**
* Navigate to a result
*/
function navigateToResult(path) {
closeSearch();
// Dynamically determine base path from current location
// Works on GitHub Pages (/DataScience/), Hugging Face (/), and local dev
const currentPath = window.location.pathname;
// Find the root by looking for index.html or the last directory segment
const pathParts = currentPath.split('/').filter(Boolean);
// If we're at the root landing page, the base is the directory containing index.html
// e.g., /DataScience/ or /DataScience-v2/ or /
let basePath = '/';
if (pathParts.length > 0) {
// Check if last part is a file
const lastPart = pathParts[pathParts.length - 1];
if (lastPart.includes('.')) {
pathParts.pop(); // Remove filename
}
// The base is everything up to and including the repo directory
// For /DataScience/index.html -> /DataScience
// For /DataScience-v2/index.html -> /DataScience-v2
// For Hugging Face (just /index.html) -> /
if (pathParts.length > 0) {
// Find the repo root - it's the first path segment that isn't a module folder
const moduleFolders = ['DeepLearning', 'ml_complete-all-topics', 'complete-statistics',
'math-ds-complete', 'feature-engineering', 'Visualization',
'prompt-engineering-guide', 'AzureDevops', 'ML', 'shared'];
let rootIndex = 0;
for (let i = 0; i < pathParts.length; i++) {
if (moduleFolders.includes(pathParts[i])) {
break;
}
rootIndex = i + 1;
}
basePath = '/' + pathParts.slice(0, rootIndex).join('/');
if (!basePath.endsWith('/')) basePath += '/';
}
}
// path starts with /, so remove the leading slash to avoid double slash
const cleanPath = path.startsWith('/') ? path.substring(1) : path;
window.location.href = basePath + cleanPath;
}
/**
* Open search modal
*/
function openSearch() {
searchModal.classList.add('open');
searchInput.value = '';
searchInput.focus();
showEmptyState();
document.body.style.overflow = 'hidden';
}
/**
* Close search modal
*/
function closeSearch() {
searchModal.classList.remove('open');
document.body.style.overflow = '';
selectedIndex = -1;
}
/**
* Bind keyboard shortcuts
*/
function bindKeyboardShortcuts() {
document.addEventListener('keydown', (e) => {
// Cmd/Ctrl + K to open search
if ((e.metaKey || e.ctrlKey) && e.key === 'k') {
e.preventDefault();
if (searchModal.classList.contains('open')) {
closeSearch();
} else {
openSearch();
}
}
});
}
/**
* Debounce utility
*/
function debounce(func, wait) {
let timeout;
return function executedFunction(...args) {
const later = () => {
clearTimeout(timeout);
func(...args);
};
clearTimeout(timeout);
timeout = setTimeout(later, wait);
};
}
// Expose API
window.DSSearch = {
open: openSearch,
close: closeSearch,
init: init
};
// Initialize on DOM ready
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();