123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
import { computed, defineComponent, h } from "vue";import { useRouter } from "./router.ts";import util from "../../lib/util.ts";import events from "../core/events.ts";import { redirect } from "../core/redirect.ts";
const prefetched = new Set<string>();
export const Link = defineComponent({  name: "Link",  props: {    to: {      type: String,      default: "",    },    replace: {      type: Boolean,      default: undefined,    },  },  setup(props) {    const router = useRouter();    const to = props.to;    const pathname = router.value.url.pathname;    const href = computed(() => {      if (!util.isFilledString(to)) {        throw new Error("<Link>: prop `to` is required.");      }      if (util.isLikelyHttpURL(to)) {        return to;      }      let [p, q] = util.splitBy(to, "?");      if (p.startsWith("/")) {        p = util.cleanPath(p);      } else {        p = util.cleanPath(pathname + "/" + p);      }      return [p, q].filter(Boolean).join("?");    });
    const onClick = (e: PointerEvent) => {      if (e.defaultPrevented || isModifiedEvent(e)) {        return;      }      e.preventDefault();      redirect(href.value, props?.replace);    };
    const prefetch = () => {      if (!util.isLikelyHttpURL(href.value) && !prefetched.has(href.value)) {        events.emit("moduleprefetch", { href });        prefetched.add(href.value);      }    };
    let timer: number | undefined | null = undefined;
    const onMouseenter = (e: PointerEvent) => {      if (e.defaultPrevented) {        return;      }      if (!timer && !prefetched.has(href.value)) {        timer = setTimeout(() => {          timer = null;          prefetch();        }, 150);      }    };
    const onMouseleave = (e: PointerEvent) => {      if (e.defaultPrevented) {        return;      }      if (timer) {        clearTimeout(timer);        timer = null;      }    };
    return {      href,      onClick,      onMouseenter,      onMouseleave,    };  },  render() {    return h(      "a",      {        href: this.href,        onClick: (e: PointerEvent) => {          this.onClick(e);        },        onMouseenter: (e: PointerEvent) => {          this.onMouseenter(e);        },        onMouseleave: (e: PointerEvent) => {          this.onMouseleave(e);        },      },      this.$slots.default ? this.$slots.default() : [],    );  },});
function isModifiedEvent(event: MouseEvent): boolean {  return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;}