feat: add markdown-it-footnote support in various components

feat: add task lists support for markdown preview

Author: UnschooledGamer

package-lock.json

@@ -105,6 +105,7 @@
     "jszip": "^3.10.1",
     "markdown-it": "^14.1.0",
     "markdown-it-anchor": "^9.2.0",
+    "markdown-it-footnote": "^4.0.0",
     "markdown-it-github-alerts": "^0.3.0",
     "markdown-it-task-lists": "^2.1.1",
     "mime-types": "^2.1.35",

package.json

@@ -18,6 +18,8 @@ import EditorFile from "./editorFile";
 import EditorManager from "./editorManager";
 import openFolder, { addedFolder } from "./openFolder";
 import appSettings from "./settings";
+import markdownItFootnote from "markdown-it-footnote";
+import markdownItTaskLists from "markdown-it-task-lists";
 
 /**@type {Server} */
 let webServer;
@@ -362,6 +364,8 @@ async function run(
 										.toLowerCase()
 										.replace(/[^a-z0-9]+/g, "-"),
 							})
+							.use(markdownItTaskLists)
+							.use(markdownItFootnote)
 							.render(file.session.getValue());
 						const doc = mustache.render($_markdown, {
 							html,

src/lib/run.js

@@ -6,6 +6,7 @@ import Ref from "html-tag-js/ref";
 import actionStack from "lib/actionStack";
 import markdownIt from "markdown-it";
 import markdownItTaskLists from "markdown-it-task-lists";
+import markdownItFootnote from "markdown-it-footnote";
 import helpers from "utils/helpers";
 
 export default async function Changelog() {
@@ -148,6 +149,7 @@ export default async function Changelog() {
 			.replace(/@(\w+)/g, "[@$1](https://github.com/$1)");
 
 		md.use(markdownItTaskLists);
+		md.use(markdownItFootnote);
 		const htmlContent = md.render(processedText);
 		$content.innerHTML = htmlContent;
 	}

src/pages/changelog/changelog.js

@@ -14,6 +14,7 @@ import markdownIt from "markdown-it";
 import anchor from "markdown-it-anchor";
 import MarkdownItGitHubAlerts from "markdown-it-github-alerts";
 import markdownItTaskLists from "markdown-it-task-lists";
+import markdownItFootnote from "markdown-it-footnote";
 import Url from "utils/Url";
 import helpers from "utils/helpers";
 import view from "./plugin.view.js";
@@ -321,6 +322,7 @@ export default async function PluginInclude(
 							.replace(/[^a-z0-9]+/g, "-"),
 				})
 				.use(markdownItTaskLists)
+				.use(markdownItFootnote)
 				.render(plugin.description),
 			changelogs: plugin.changelogs
 				? markdownIt({ html: true, xhtmlOut: true })
@@ -333,6 +335,7 @@ export default async function PluginInclude(
 									.replace(/[^a-z0-9]+/g, "-"),
 						})
 						.use(markdownItTaskLists)
+						.use(markdownItFootnote)
 						.render(plugin.changelogs)
 				: null,
 			purchased,