datalog-theme 0.6.1 → 0.8.0

data/assets/js/core/navigation.js

@@ -1,184 +0,0 @@
-/**
- * @fileoverview Navigation module for responsive site navigation.
- * Handles mobile menu toggling, smooth scrolling, and keyboard navigation.
- * @module core/navigation
- */
-
-/** @constant {string} Media query for desktop viewport */
-const DESKTOP_MEDIA = "(min-width: 48rem)";
-/** @constant {string} Selector for the main navigation element */
-const NAV_SELECTOR = "#site-nav";
-/** @constant {string} Selector for the navigation toggle button */
-const TOGGLE_SELECTOR = ".nav-toggle";
-/** @constant {string} Class applied to body when nav is open */
-const NAV_OPEN_CLASS = "nav-open";
-
-/**
- * Normalizes a URL path by removing trailing slashes and index.html.
- * @param {string} path - The path to normalize
- * @returns {string} Normalized path
- */
-function normalizePath(path) {
-  return path.replace(/index\.html$/, "").replace(/\/$/, "");
-}
-
-function getAnchorTarget(link) {
-  const href = link.getAttribute("href");
-  if (!href) {
-    return null;
-  }
-  try {
-    const destination = new URL(href, window.location.origin);
-    if (!destination.hash) {
-      return null;
-    }
-    const current = new URL(window.location.href);
-    if (normalizePath(destination.pathname) !== normalizePath(current.pathname)) {
-      return null;
-    }
-    return destination.hash.replace("#", "");
-  } catch (error) {
-    return null;
-  }
-}
-
-function smoothScrollToId(id) {
-  if (!id) {
-    return false;
-  }
-  const target = document.getElementById(id);
-  if (!target) {
-    return false;
-  }
-  target.scrollIntoView({ behavior: "smooth", block: "start" });
-  return true;
-}
-
-/**
- * Initializes the navigation system including mobile toggle,
- * smooth scrolling for anchor links, and keyboard accessibility.
- * @returns {void}
- */
-export function initNavigation() {
-  const siteNav = document.querySelector(NAV_SELECTOR);
-  if (!siteNav) {
-    return;
-  }
-
-  const navToggle = document.querySelector(TOGGLE_SELECTOR);
-  const body = document.body;
-  const navMediaQuery = window.matchMedia(DESKTOP_MEDIA);
-
-  const syncNavForViewport = (isDesktop) => {
-    if (isDesktop) {
-      siteNav.dataset.open = "true";
-      body.classList.remove(NAV_OPEN_CLASS);
-      if (navToggle) {
-        navToggle.setAttribute("aria-expanded", "false");
-        navToggle.classList.remove("is-active");
-      }
-      return;
-    }
-
-    const isOpen = siteNav.dataset.open === "true";
-    if (!isOpen) {
-      siteNav.dataset.open = "false";
-    }
-    if (navToggle) {
-      navToggle.setAttribute("aria-expanded", String(isOpen));
-      navToggle.classList.toggle("is-active", isOpen);
-    }
-  };
-
-  const closeNav = ({ focusToggle = false } = {}) => {
-    if (navMediaQuery.matches) {
-      return;
-    }
-    siteNav.dataset.open = "false";
-    body.classList.remove(NAV_OPEN_CLASS);
-    if (navToggle) {
-      navToggle.setAttribute("aria-expanded", "false");
-      navToggle.classList.remove("is-active");
-      if (focusToggle) {
-        navToggle.focus();
-      }
-    }
-  };
-
-  const openNav = () => {
-    if (navMediaQuery.matches) {
-      return;
-    }
-    siteNav.dataset.open = "true";
-    body.classList.add(NAV_OPEN_CLASS);
-    if (navToggle) {
-      navToggle.setAttribute("aria-expanded", "true");
-      navToggle.classList.add("is-active");
-    }
-  };
-
-  const toggleNav = () => {
-    if (navMediaQuery.matches) {
-      return;
-    }
-    if (siteNav.dataset.open === "true") {
-      closeNav();
-    } else {
-      openNav();
-    }
-  };
-
-  if (!navMediaQuery.matches) {
-    siteNav.dataset.open = "false";
-  }
-
-  syncNavForViewport(navMediaQuery.matches);
-  navMediaQuery.addEventListener("change", (event) => {
-    if (event.matches) {
-      syncNavForViewport(true);
-    } else {
-      closeNav();
-      siteNav.dataset.open = "false";
-      syncNavForViewport(false);
-    }
-  });
-
-  const navLinks = siteNav.querySelectorAll(".nav-link");
-  navLinks.forEach((link) => {
-    const anchorId = getAnchorTarget(link);
-    link.addEventListener("click", (event) => {
-      if (!navMediaQuery.matches) {
-        closeNav();
-      }
-      if (anchorId && smoothScrollToId(anchorId)) {
-        event.preventDefault();
-      }
-    });
-  });
-
-  if (navToggle) {
-    navToggle.addEventListener("click", () => {
-      toggleNav();
-    });
-  }
-
-  document.addEventListener("keydown", (event) => {
-    if (event.key === "Escape") {
-      closeNav({ focusToggle: true });
-    }
-  });
-
-  document.addEventListener("click", (event) => {
-    if (navMediaQuery.matches || siteNav.dataset.open !== "true") {
-      return;
-    }
-    const target = event.target;
-    if (!target || typeof target.closest !== "function") {
-      return;
-    }
-    if (target.closest(NAV_SELECTOR) || (navToggle && target.closest(TOGGLE_SELECTOR))) {
-      return;
-    }
-    closeNav();
-  });
-}

data/assets/js/core/scroll-progress.js

@@ -1,45 +0,0 @@
-/**
- * @fileoverview Scroll progress indicator.
- * Shows reading progress as user scrolls through content.
- * @module core/scroll-progress
- */
-
-/**
- * Calculates and updates the scroll progress indicator.
- * @param {HTMLElement} progressBar - The progress bar element
- * @param {HTMLElement|null} progressValue - Optional element to display percentage
- */
-function calculateProgress(progressBar, progressValue) {
-  const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
-  const docHeight = document.documentElement.scrollHeight - window.innerHeight;
-  const progress = docHeight > 0 ? Math.min((scrollTop / docHeight) * 100, 100) : 0;
-
-  if (progressBar.tagName === "PROGRESS") {
-    progressBar.setAttribute("value", String(progress));
-  } else {
-    progressBar.style.setProperty("--progress", `${progress}%`);
-  }
-
-  if (progressValue) {
-    progressValue.textContent = Math.round(progress);
-  }
-}
-
-/**
- * Initializes the scroll progress indicator.
- * Listens to scroll and resize events to update progress.
- * @returns {void}
- */
-export function initScrollProgress() {
-  const progressBar = document.querySelector("[data-scroll-progress]");
-  if (!progressBar) {
-    return;
-  }
-
-  const progressValue = document.querySelector("[data-scroll-progress-value]");
-  const updateProgress = () => calculateProgress(progressBar, progressValue);
-
-  updateProgress();
-  window.addEventListener("scroll", updateProgress, { passive: true });
-  window.addEventListener("resize", updateProgress);
-}

data/assets/js/core/search-hotkeys.js

@@ -1,62 +0,0 @@
-/**
- * @fileoverview Search keyboard shortcuts.
- * Enables "/" and Cmd/Ctrl+K hotkeys to focus search.
- * @module core/search-hotkeys
- */
-
-/**
- * Focuses the global search input or navigates to search page.
- * @param {HTMLElement} siteSearchForm - The search form element
- */
-function focusGlobalSearch(siteSearchForm) {
-  if (!siteSearchForm) {
-    return;
-  }
-  const siteSearchInput = siteSearchForm.querySelector("input[type='search']");
-  const searchDestination = siteSearchForm.getAttribute("action");
-
-  if (siteSearchInput) {
-    siteSearchInput.focus();
-    siteSearchInput.select();
-  } else if (searchDestination) {
-    window.location.href = searchDestination;
-  }
-}
-
-function shouldIgnoreHotkey(activeElement) {
-  if (!activeElement) {
-    return false;
-  }
-  if (activeElement.isContentEditable) {
-    return true;
-  }
-  const tag = activeElement.tagName;
-  return tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT";
-}
-
-/**
- * Initializes search keyboard shortcuts (/ and Cmd/Ctrl+K).
- * @returns {void}
- */
-export function initSearchHotkeys() {
-  const siteSearchForm = document.querySelector(".site-search");
-  if (!siteSearchForm) {
-    return;
-  }
-
-  document.addEventListener("keydown", (event) => {
-    if (shouldIgnoreHotkey(document.activeElement)) {
-      return;
-    }
-
-    if (event.key === "/" && !event.ctrlKey && !event.metaKey && !event.altKey) {
-      event.preventDefault();
-      focusGlobalSearch(siteSearchForm);
-    }
-
-    if ((event.key === "k" || event.key === "K") && (event.ctrlKey || event.metaKey)) {
-      event.preventDefault();
-      focusGlobalSearch(siteSearchForm);
-    }
-  });
-}

data/assets/js/core/skip-links.js

@@ -1,62 +0,0 @@
-/**
- * @fileoverview Skip links for keyboard accessibility.
- * Allows users to skip to main content areas.
- * @module core/skip-links
- */
-
-/**
- * Focuses a target element, temporarily making it focusable if needed.
- * @param {HTMLElement|null} target - The element to focus
- */
-function focusTarget(target) {
-  if (!target) {
-    return;
-  }
-
-  const previousTabIndex = target.getAttribute("tabindex");
-  if (previousTabIndex === null) {
-    target.setAttribute("tabindex", "-1");
-    target.dataset.skipLinkTempTabindex = "true";
-  }
-
-  target.addEventListener(
-    "blur",
-    () => {
-      if (target.dataset.skipLinkTempTabindex) {
-        target.removeAttribute("tabindex");
-        delete target.dataset.skipLinkTempTabindex;
-      }
-    },
-    { once: true }
-  );
-
-  target.focus();
-}
-
-/**
- * Initializes skip link functionality for accessibility.
- * Enhances focus management when skip links are activated.
- * @returns {void}
- */
-export function initSkipLinks() {
-  const skipLinks = document.querySelectorAll(".skip-link[href^='#']");
-  if (!skipLinks.length) {
-    return;
-  }
-
-  skipLinks.forEach((link) => {
-    link.addEventListener("click", (event) => {
-      const href = link.getAttribute("href") || "";
-      const targetId = href.slice(1);
-      if (!targetId) {
-        return;
-      }
-      const target = document.getElementById(targetId);
-      if (!target) {
-        return;
-      }
-      event.preventDefault();
-      focusTarget(target);
-    });
-  });
-}

data/assets/js/main.js

@@ -1,23 +0,0 @@
-import { initDarkModeToggle } from "./core/dark-mode.js";
-import { initGitHubCards } from "./core/github-cards.js";
-import { initLanguageFilter } from "./core/language-filter.js";
-import { initNavigation } from "./core/navigation.js";
-import { initScrollProgress } from "./core/scroll-progress.js";
-import { initSearchHotkeys } from "./core/search-hotkeys.js";
-import { initSkipLinks } from "./core/skip-links.js";
-
-export function initializeCore() {
-  initSkipLinks();
-  initNavigation();
-  initDarkModeToggle();
-  initLanguageFilter();
-  initScrollProgress();
-  initSearchHotkeys();
-  initGitHubCards();
-}
-
-if (document.readyState === "loading") {
-  document.addEventListener("DOMContentLoaded", initializeCore);
-} else {
-  initializeCore();
-}