Hooking codedoc's router to run code on page change

Hello! I’m working on a plugin to be able to render Mermaid diagrams on Codedoc.

So far I got all the necessary javascript to be included in the pages and the logic to convert the below markdown into the necessary HTML markup.

> :Mermaid
> > graph TD
> >    Start --> Stop

Mermaid works by scanning the current page, finding specific div elements and converting their contents into an SVG image. To do this, you need to run the following JS code on every page:

mermaid.initialize({startOnLoad:true});

My problem right now is that I can only run this code once, when the plugin is loaded and I insert mermaid’s <script> tag into the HTML.

Is there a way to hook into Codedoc’s router (or any other component) so I can execute the mermaid initialize function on every page change?

Thanks!

[danielsitnik]

@mlota the plugin has been published to NPM!

[TysonMN]

That tool looks amazing. I might want to make use of this plugin.

I created this Google Analytics plugin. I think it executes on each page change.