Today on: My links don't work in the renderer. Or: Things I Spent A Long Time Trying To Diagnose And Write A Bug Report On, Only To Discover That It Was My Fault All Along

[Wilker-uwu]

the following code attaches a css class to every external link, and a function call to open an article in my website for every link found in the markdown:

const renderer = {
  link({ href, title, text }) {
    let resolvedHref = href;
    const classNames = [];
    let target = '';
    
    if (href === "#") {
      return `<span title=${title}>${text}</span>`;
    }

    if (href.startsWith('article:')) {
      const articleId = href.replace('article:', '');
      resolvedHref = `javascript:article.browseTo("${articleId}")`;
    } else {
      const hrefUrl = new URL(href);
      if (hrefUrl.hostname !== window.location.hostname) {
        classNames.push('external-link');
        target = '_blank';
      }
    }

    return `<a href="${resolvedHref}" class="${classNames.join(' ')}" target="${target}" title="${title || ''}">${text}</a>`;
  }
};
marked.use({ renderer });

the links for opening articles weren't working at all. guess where the problem was.

hint:

i already knew that the resulting href was `javascript:article.browseTo(` for every article link.

(spoiler) solution:

line 13, versus line 22 the quotation marks were closing early and i thought that was from the library.