| | |
| | | import { computePosition, flip, inline, shift } from "@floating-ui/dom" |
| | | import { normalizeRelativeURLs } from "../../util/path" |
| | | import { fetchCanonical } from "./util" |
| | | |
| | | const p = new DOMParser() |
| | | async function mouseEnterHandler( |
| | | this: HTMLLinkElement, |
| | | this: HTMLAnchorElement, |
| | | { clientX, clientY }: { clientX: number; clientY: number }, |
| | | ) { |
| | | const link = this |
| | |
| | | thisUrl.hash = "" |
| | | thisUrl.search = "" |
| | | const targetUrl = new URL(link.href) |
| | | const hash = targetUrl.hash |
| | | const hash = decodeURIComponent(targetUrl.hash) |
| | | targetUrl.hash = "" |
| | | targetUrl.search = "" |
| | | |
| | | const response = await fetch(`${targetUrl}`).catch((err) => { |
| | | const response = await fetchCanonical(targetUrl).catch((err) => { |
| | | console.error(err) |
| | | }) |
| | | |
| | |
| | | switch (contentTypeCategory) { |
| | | case "image": |
| | | const img = document.createElement("img") |
| | | |
| | | response.blob().then((blob) => { |
| | | img.src = URL.createObjectURL(blob) |
| | | }) |
| | | img.src = targetUrl.toString() |
| | | img.alt = targetUrl.pathname |
| | | |
| | | popoverInner.appendChild(img) |
| | |
| | | const contents = await response.text() |
| | | const html = p.parseFromString(contents, "text/html") |
| | | normalizeRelativeURLs(html, targetUrl) |
| | | // strip all IDs from elements to prevent duplicates |
| | | html.querySelectorAll("[id]").forEach((el) => el.removeAttribute("id")) |
| | | const elts = [...html.getElementsByClassName("popover-hint")] |
| | | if (elts.length === 0) return |
| | | |
| | |
| | | } |
| | | |
| | | document.addEventListener("nav", () => { |
| | | const links = [...document.getElementsByClassName("internal")] as HTMLLinkElement[] |
| | | const links = [...document.getElementsByClassName("internal")] as HTMLAnchorElement[] |
| | | for (const link of links) { |
| | | link.addEventListener("mouseenter", mouseEnterHandler) |
| | | window.addCleanup(() => link.removeEventListener("mouseenter", mouseEnterHandler)) |