1.5.7

Profile memory
Comment cleanup

assets/js/hooks/useColumnPopup.js

@@ -1,33 +1,33 @@
-// ════════════════════════════════════════════════════════════════════════
-//  useColumnPopup — owns the column-header popup AND the event-tag popup.
+// ------------------------------------------------------------------------
+//  useColumnPopup - owns the column-header popup AND the event-tag popup.
 //
 //  Both popups behave identically:
-//    • click an anchor → toggle the popup open
-//    • hover an anchor for N ms → open
-//    • move into the popup → keep it open
-//    • leave the popup → close after 200 ms
-//    • click outside / scroll / resize → close immediately
+//    - click an anchor - toggle the popup open
+//    - hover an anchor for N ms - open
+//    - move into the popup - keep it open
+//    - leave the popup - close after 200 ms
+//    - click outside / scroll / resize - close immediately
 //
 //  Returns everything app.js needs to wire up the th cells and event-tag
 //  spans, plus the popup state objects for rendering the floating panels.
-// ════════════════════════════════════════════════════════════════════════
+// ------------------------------------------------------------------------
 
 import { useState, useEffect, useRef, useCallback } from '../../vendor/preact-hooks.js';
 
 export function useColumnPopup() {
-  // ─── Column header popup ────────────────────────────────────────────
+  // --- Column header popup --------------------------------------------
   const [colPopup, setColPopup] = useState(null);
   const colPopupRef   = useRef(null);
   const colPopupThRef = useRef(null);
   const hoverTimerRef = useRef(null);
   const closeTimerRef = useRef(null);
 
-  // ─── Event tag popup ────────────────────────────────────────────────
+  // --- Event tag popup ------------------------------------------------
   // Holds { events[], slideIndex, x, y, arrowLeft, below }
   // When multiple events are in the popup they auto-cycle with a crossfade.
   const [eventTagPopup, setEventTagPopup] = useState(null);
   const [evSlideIndex, setEvSlideIndex]   = useState(0);
-  // 'entering' | 'exiting' | null — drives CSS crossfade classes
+  // 'entering' | 'exiting' | null - drives CSS crossfade classes
   const [evTransition, setEvTransition]   = useState(null);
   const prevSlideIndexRef = useRef(0);
   const eventTagPopupRef  = useRef(null);
@@ -76,7 +76,7 @@ export function useColumnPopup() {
     hoverTimerRef.current = setTimeout(() => openPopup(key, thEl), 1000);
   };
 
-  // Leaving a th: just cancel the pending open. Don't auto-close —
+  // Leaving a th: just cancel the pending open. Don't auto-close -
   // the user might be moving into the popup, or just passing through.
   const handleThLeave = () => {
     clearTimeout(hoverTimerRef.current);
@@ -103,7 +103,7 @@ export function useColumnPopup() {
     };
   }, [colPopup]);
 
-  // ─── Event tag popup helpers ─────────────────────────────────────────
+  // --- Event tag popup helpers -----------------------------------------
   const calcEventPopupPos = (spanEl) => {
     const rect = spanEl.getBoundingClientRect();
     const popupW = 260, popupH = 80, margin = 8, gap = 6;
@@ -116,7 +116,7 @@ export function useColumnPopup() {
     return { x, y, arrowLeft, below };
   };
 
-  // ─── Slideshow advance ───────────────────────────────────────────────
+  // --- Slideshow advance -----------------------------------------------
   // evSlideTo triggers a crossfade to a new slide index.
   const evSlideTo = useCallback((nextIndex) => {
     setEvTransition('exiting');
@@ -148,7 +148,7 @@ export function useColumnPopup() {
     return () => clearInterval(evSlideTimerRef.current);
   }, [eventTagPopup, evSlideTo]);
 
-  // ─── Event tag popup handlers ────────────────────────────────────────
+  // --- Event tag popup handlers ----------------------------------------
   const openEventTagPopup = (events, spanEl) => {
     clearInterval(evSlideTimerRef.current);
     setEvSlideIndex(0);