Merge from vscode e3c4990c67c40213af168300d1cfeb71d680f877 (#16569)

extensions/markdown-math/notebook/katex.ts

@@ -0,0 +1,36 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the Source EULA. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+import type * as markdownIt from 'markdown-it';
+
+const styleHref = import.meta.url.replace(/katex.js$/, 'katex.min.css');
+
+export async function activate(ctx: {
+	getRenderer: (id: string) => Promise<any | undefined>
+}) {
+	const markdownItRenderer = await ctx.getRenderer('markdownItRenderer');
+	if (!markdownItRenderer) {
+		throw new Error('Could not load markdownItRenderer');
+	}
+
+	const link = document.createElement('link');
+	link.rel = 'stylesheet';
+	link.classList.add('markdown-style');
+	link.href = styleHref;
+	document.head.append(link);
+
+	const style = document.createElement('style');
+	style.classList.add('markdown-style');
+	style.textContent = `
+		.katex-error {
+			color: var(--vscode-editorError-foreground);
+		}
+	`;
+	document.head.append(style);
+
+	const katex = require('@iktakahiro/markdown-it-katex');
+	markdownItRenderer.extendMarkdownIt((md: markdownIt.MarkdownIt) => {
+		return md.use(katex);
+	});
+}

extensions/markdown-math/notebook/tsconfig.json

@@ -0,0 +1,13 @@
+{
+	"extends": "../../tsconfig.base.json",
+	"compilerOptions": {
+		"outDir": "./dist/",
+		"jsx": "react",
+		"module": "es2020",
+		"lib": [
+			"es2018",
+			"DOM",
+			"DOM.Iterable"
+		]
+	}
+}