Merge pull request #14 from DylanHojnoski/mathjax

Mathjax

main.ts

@@ -1,5 +1,5 @@
+import { loadMathJax, Plugin } from 'obsidian';
 import { Board, boards, JSXGraph } from 'jsxgraph';
-import { Plugin } from 'obsidian';
 import { renderError } from 'src/error';
 import { GraphInfo, JSXElement } from 'src/types';
 import { addElement, createBoard, parseCodeBlock, setMathFunctions } from 'src/utils';
@@ -9,8 +9,20 @@ export default class ObsidianGraphs extends Plugin {
 	currentFileName: string;
 	count = 0;
 
-
 	async onload () {
+		await loadMathJax();
+
+		//@ts-ignore
+		if (typeof MathJax !== "undefined") {
+			//@ts-ignore
+			MathJax.config.tex.inlineMath = [["$", "$"]];
+			//@ts-ignore
+			MathJax.config.tex.processEscapes = true;
+			//@ts-ignore
+			MathJax.config.chtml.adaptiveCSS = false;
+			//@ts-ignore
+			await MathJax.startup.getComponents();
+		}
 
 		setMathFunctions();
 
@@ -44,11 +56,13 @@ export default class ObsidianGraphs extends Plugin {
 
 				// it is not in active files so delete
 				if (!active) {
+					//@ts-ignore
+					boards[key].containerObj.remove();
 					//@ts-ignore
 					JSXGraph.freeBoard(boards[key]);
 				}
 			}
-		})
+		});
 
 		this.registerMarkdownCodeBlockProcessor("graph", (source, element, context) => {
 
@@ -99,10 +113,7 @@ export default class ObsidianGraphs extends Plugin {
 					}
 				}
 			}
-
-			element.replaceWith(graphDiv);
 		});
-
 	}
 
 	onunload() {
@@ -116,5 +127,4 @@ export default class ObsidianGraphs extends Plugin {
 			div.remove();
 		}
 	}
-
 }

manifest.json

@@ -1,7 +1,7 @@
 {
 	"id": "graphs",
 	"name": "Graphs",
-	"version": "1.4.1",
+	"version": "1.5.0",
 	"minAppVersion": "0.15.0",
 	"description": "Create interactive graphs by writing YAML",
 	"author": "Dylan Hojnoski",

src/theme/obsidian.ts

@@ -49,6 +49,9 @@ JXG.themes['obsidian'] = {
 		ticks: {
 			strokeColor: textNormal,
 			highlightStrokeColor: textMuted,
+			label: {
+				useMathJax: false,
+			}
 		},
 		label: {
 			strokeColor: textNormal,
@@ -148,6 +151,9 @@ JXG.themes['obsidian'] = {
 	label: {
 		strokeColor: textNormal,
 		highlightStrokeColor: textMuted,
+		useMathJax: true,
+		display: "html",
+		parse: false,
 	},
 
 	line: {
@@ -299,6 +305,9 @@ JXG.themes['obsidian'] = {
 	text: {
 		strokeColor: textNormal,
 		highlightStrokeColor: textMuted,
+		useMathJax: true,
+		display: "html",
+		parse: false,
 	},
 
 	tracecurve: {

src/types.ts

@@ -43,6 +43,7 @@ export type  Attributes = {
 	highlightStrokeColor: string,
 	fillOpacity: number,
 	anchor: string | GeometryElement,
+	useMathJax: boolean,
 }
 
 export type Axis = {

versions.json

@@ -11,5 +11,6 @@
 	"1.3.3": "0.15.0",
 	"1.3.4": "0.15.0",
 	"1.4.0": "0.15.0",
-	"1.4.1": "0.15.0"
+	"1.4.1": "0.15.0",
+	"1.5.0": "0.15.0"
 }