Improves MathJax usage.

Author: simonmika

math.ts

@@ -1,27 +1,13 @@
 /// <reference types="./mathjax" />
-//
-// Import the needed TeX packages
-//
-import "@mathjax/src/js/input/tex/base/BaseConfiguration.js"
-import "@mathjax/src/js/input/tex/ams/AmsConfiguration.js"
-import "@mathjax/src/js/input/tex/newcommand/NewcommandConfiguration.js"
-import "@mathjax/src/js/input/tex/noundefined/NoUndefinedConfiguration.js"
-import { liteAdaptor } from "@mathjax/src/js/adaptors/liteAdaptor"
-import { RegisterHTMLHandler } from "@mathjax/src/js/handlers/html"
-import { TeX } from "@mathjax/src/js/input/tex"
-import { mathjax } from "@mathjax/src/js/mathjax"
-import { CHTML } from "@mathjax/src/js/output/chtml"
+let mathjax: any
+async function loadMathJax() {
+	return (mathjax ??= (await import("mathjax/tex-chtml.js")).mathjax)
+}
 
 export namespace math {
-	export async function typeset(document: string): Promise<string> {
-		const adaptor = liteAdaptor()
-		RegisterHTMLHandler(adaptor as any)
-		const tex = new TeX({ packages: ["base", "ams", "newcommand", "noundefined"], inlineMath: [["$", "$"]] })
-		const chtml = new CHTML({
-			fontURL: "https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.0.0/es5/output/chtml/fonts/woff-v2",
-		})
-		const html = mathjax.document(document, { InputJax: tex, OutputJax: chtml })
-		html.render()
-		return adaptor.outerHTML(adaptor.root(html.document))
+	export async function typeset(math: string): Promise<string> {
+		const mj = await loadMathJax()
+		const node = await mj.tex2chtmlPromise(math, { display: true })
+		return node.outerHTML
 	}
 }

mathjax.d.ts

@@ -1,61 +1,18 @@
-declare module "@mathjax/src/js/mathjax" {
-	interface DocumentOptions {
-		InputJax?: any
-		OutputJax?: any
+declare module "mathjax/tex-chtml.js" {
+	interface MathJaxNode {
+		outerHTML: string
 		[key: string]: any
 	}
 
-	interface MathDocument {
-		render(): void
-		document: any
+	interface MathJaxOptions {
+		display?: boolean
 		[key: string]: any
 	}
 
-	export const mathjax: {
-		document(content: string, options: DocumentOptions): MathDocument
+	interface MathJaxStatic {
+		tex2chtmlPromise(tex: string, options?: MathJaxOptions): Promise<MathJaxNode>
 		[key: string]: any
 	}
-}
-
-declare module "@mathjax/src/js/input/tex" {
-	interface TeXOptions {
-		packages?: string[]
-		inlineMath?: [string, string][]
-		[key: string]: any
-	}
-
-	export class TeX {
-		constructor(options?: TeXOptions)
-		[key: string]: any
-	}
-}
-
-declare module "@mathjax/src/js/output/chtml" {
-	interface CHtmlOptions {
-		fontURL?: string
-		[key: string]: any
-	}
-
-	export class CHTML {
-		constructor(options?: CHtmlOptions)
-		[key: string]: any
-	}
-}
-
-declare module "@mathjax/src/js/adaptors/liteAdaptor" {
-	interface LiteAdaptor {
-		outerHTML(element: any): string
-		root(document: any): any
-		[key: string]: any
-	}
-
-	export function liteAdaptor(): LiteAdaptor
-}
-
-declare module "@mathjax/src/js/handlers/html" {
-	export function RegisterHTMLHandler(adaptor: any): void
-}
 
-declare module "@mathjax/src/js/input/tex/AllPackages" {
-	export const AllPackages: string[]
+	export const mathjax: MathJaxStatic
 }