fix: make sure to load mathjax script if not loaded

Author: Hamada Gasmallah

package.json

@@ -1,6 +1,6 @@
 {
   "name": "backstage-plugin-techdocs-addon-mathjax",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "main": "src/index.ts",
   "types": "src/index.ts",
   "license": "MIT",

src/Mathjax/Mathjax.ts

@@ -1,9 +1,27 @@
 import { useEffect } from 'react';
 
-export const MathjaxAddon = () => {  
-  useEffect(()=>{
+function runTypeSet(){
     if (typeof (<any>window)?.MathJax !== "undefined"){
+      console.log("MathJax was found and typeset is called!");
       (<any>window).MathJax.typeset();
+      return true;
+    }
+    return false;
+};
+
+
+export const MathjaxAddon = () => {  
+  useEffect(()=>{
+
+    if (!runTypeSet()){
+      console.log("No MathJax was found, now loading!");
+      const script = document.createElement('script');
+      script.src = 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js';
+      script.async = true;
+      document.body.appendChild(script);
+      setTimeout(()=>{
+        runTypeSet();      
+      }, 500);
     };
 
   }, []);