arredemo/src/app/util/dom.mjs

Instantly build a static site for your package

import { stripHtml } from "app/util/text.mjs"

const getMenuFromMdDOM = () => {
  const elements = Array.from(document.querySelectorAll("h1, h2, h3"))
  const menu = []
  for (const el of elements) {
    const oid = el.id
    const title = stripHtml(el.innerHTML.trim())
    const level = parseInt(el.tagName.replace("H", ""), 10)
    const item = {
      id: oid,
      title,
      level
      //node: el
    }
    menu.push(item)
  }
  return menu
}

const MENU_OFFSET = 64

const domScrollTo = (selector) => {
  const node = document.querySelector(selector)
  if (!node) {
    return
  }
  const rect = node.getBoundingClientRect()

  const to = window.scrollY + (rect.y - MENU_OFFSET)
  window.scrollTo({ top: to, left: 0, behavior: "smooth" })

  /*
  const node= menu[idx].node
  node.scrollIntoView()

  const wy= window.scrollY
  window.scrollTo(0, wy - MENU_OFFSET)
  */
}

export { getMenuFromMdDOM, domScrollTo }