Function wireSwipe

static/mobile/app.js:691–731

()

// Swipe a library row left to reveal its Delete button (iOS-style). Wired
// imperatively after each render.
function wireSwipe() {
  app.querySelectorAll(".track-wrap .track").forEach((row) => {
    const id = row.dataset.id;
    let x0 = 0, y0 = 0, active = false, horizontal = false;
    const base = () => (state.swipedTrackId === id ? -84 : 0);

    row.addEventListener("pointerdown", (e) => {
      x0 = e.clientX; y0 = e.clientY; active = true; horizontal = false;
      row.style.transition = "none";
    });
    row.addEventListener("pointermove", (e) => {
      if (!active) return;
      const dx = e.clientX - x0;
      const dy = e.clientY - y0;
      if (!horizontal && Math.abs(dx) > 8 && Math.abs(dx) > Math.abs(dy)) horizontal = true;
      if (horizontal) {
        e.preventDefault();
        const tx = Math.max(-84, Math.min(0, base() + dx));
        row.style.transform = `translateX(${tx}px)`;
      }
    });
    const end = (e) => {
      if (!active) return;
      active = false;
      if (!horizontal) { row.style.transition = ""; row.style.transform = ""; return; }
      suppressClick = true;
      setTimeout(() => { suppressClick = false; }, 60);
      const dx = e.clientX - x0;
      const open = dx < -40 ? true : dx > 40 ? false : state.swipedTrackId === id;
      // Animate to the snap position by toggling the class (no DOM rebuild, so
      // it transitions smoothly from wherever the finger let go).
      closeOtherSwipes(row.closest(".track-wrap"));
      row.style.transition = "transform 0.22s cubic-bezier(0.22,1,0.36,1)";
      row.closest(".track-wrap").classList.toggle("swiped", open);
      row.style.transform = "";
      state.swipedTrackId = open ? id : null;
    };
    row.addEventListener("pointerup", end);
    row.addEventListener("pointercancel", end);
  });
}

// Smoothly close any revealed row (optionally except `keep`), without a full
// re-render so the close animates.