fix(markdown-preview): improve rendering and asset handling (#1966)

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>
Co-authored-by: Emmanuel Lobo <76094069+UnschooledGamer@users.noreply.github.com>

Author: 3 people

_typos.toml

@@ -52,3 +52,4 @@ collapsable = "collapsable"
 styl = "styl"
 IZ = "IZ"
 shft = "shft"
+multline = "multline"

bun.lock

@@ -157,11 +157,15 @@
     "filesize": "^11.0.13",
     "html-tag-js": "^2.4.16",
     "jszip": "^3.10.1",
+    "katex": "^0.16.39",
     "markdown-it": "^14.1.1",
     "markdown-it-anchor": "^9.2.0",
+    "markdown-it-emoji": "^3.0.0",
     "markdown-it-footnote": "^4.0.0",
     "markdown-it-github-alerts": "^1.0.0",
     "markdown-it-task-lists": "^2.1.1",
+    "markdown-it-texmath": "^1.0.0",
+    "mermaid": "^11.13.0",
     "mime-types": "^3.0.1",
     "mustache": "^4.2.0",
     "picomatch": "^4.0.3",

package-lock.json

@@ -7,6 +7,7 @@ import anchor from "markdown-it-anchor";
 import MarkdownItGitHubAlerts from "markdown-it-github-alerts";
 import mimeType from "mime-types";
 import mustache from "mustache";
+import openMarkdownPreview from "pages/markdownPreview";
 import browser from "plugins/browser";
 import helpers from "utils/helpers";
 import Url from "utils/Url";
@@ -31,6 +32,15 @@ async function run(
 	target = appSettings.value.previewMode,
 	runFile = false,
 ) {
+	/** @type {EditorFile} */
+	const activeFile = isConsole ? null : editorManager.activeFile;
+
+	if (!isConsole && Url.extname(activeFile?.filename || "") === ".md") {
+		if (!(await activeFile?.canRun())) return;
+		await openMarkdownPreview(activeFile);
+		return;
+	}
+
 	if (!isConsole && !runFile) {
 		const { serverPort, previewPort, previewMode, disableCache, host } =
 			appSettings.value;
@@ -46,8 +56,6 @@ async function run(
 		}
 	}
 
-	/** @type {EditorFile} */
-	const activeFile = isConsole ? null : editorManager.activeFile;
 	if (!isConsole && !(await activeFile?.canRun())) return;
 
 	if (!isConsole && !localStorage.__init_runPreview) {