How do I replicate the Outgoing Links view's look and feel in my plugin?

Developers: Plugin & API
1

I’m making a plugin that provides similar functionality to the Outgoing Links view but broader in scope.

I would like to reuse the components that I see being used there, particularly in the unlinked mentions section, including:

  • Preview of the article text with mention highlighted
  • the embedded links to the file
  • the numbered result count next to Unlinked mentions

However I’m having some trouble navigating and understanding the TypeScript API docs to figure out what pre-built functionalities it provides exactly.

Is there any way to reuse these pre-existing components, or do I have to create them from scratch?

image

2

I’m in a similar situation. I’ve been trying for quite some time to replicate the highlighting functionality. Here’s what I’ve found.

There is an obfuscated function called $P (Around line 58323) applies a span to the text to highlight with the CSS class ‘search-result-file-matched-text’. I’ve tried for weeks to replicate the logic in the call stack to $P but haven’t been successful.

The official API exposes ‘renderMatches’ and ‘renderResults’. Both apply a class to matches within a string but they don’t apply the ‘search-result-file-matched-text’ class. I assume it’s different logic then.

Have you found anything of substance? I haven’t had any luck.