lupine.web/src/core/bind-links.ts

lupine.web is a extremely fast, small size and lightweight frontend framework, using React TSX syntax.

import { _lupineJs } from './lupine-instance';

export function bindLinks(el: Element | Document) {
  const links = el.getElementsByTagName('a');
  for (var i = 0, l = links.length; i < l; i++) {
    let originalHref = links[i].getAttribute('href');
    if (
      !originalHref ||
      originalHref.startsWith('javascript:') ||
      originalHref.startsWith('mailto:') ||
      links[i].hasAttribute('download') ||
      links[i].getAttribute('target') === '_blank' ||
      links[i].getAttribute('rel') === 'external' ||
      links[i].hasAttribute('data-bypass')
    )
      continue;
    if (originalHref.startsWith('#')) {
      links[i].onclick = () => {
        const id = decodeURIComponent(originalHref!.substring(1));
        document.getElementById(id)?.scrollIntoView(true);
        return false;
      };
      continue;
    }
    let href = new URL(links[i].href, document.baseURI).href;
    if (links[i].target !== '_blank' && href.startsWith(document.location.origin)) {
      href = href.substring(document.location.origin.length);
      // console.log(`====${href}, javascript:init('${document.links[i].href}')`);
      links[i].onclick = () => {
        _lupineJs.initializePage(href);
        return false;
      };
    }
  }
}