| | |
|---|
| | | 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) |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | 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)) |
|---|
