Moving to 'marked' for markdown parsing; added reference dependencies for future consideration

package.json

@@ -61,6 +61,7 @@
         "chokidar": "4.0.3",
         "electron-fetch": "1.9.1",
         "express": "4.18.2",
+        "marked": "16.4.0",
         "node-fetch": "3.3.2",
         "node-pty": "^1.0.0",
         "rxjs": "7.8.0",
@@ -77,13 +78,16 @@
         "@types/node": "18.18.0",
         "concurrently": "9.1.2",
         "electron": "36.2.0",
+        "@electron/remote": "2.1.2",
         "electron-builder": "26.0.12",
         "jasmine-core": "5.6.0",
+        "jimp": "1.6.0",
         "karma": "6.4.0",
         "karma-chrome-launcher": "3.2.0",
         "karma-coverage": "2.2.0",
         "karma-jasmine": "5.1.0",
         "karma-jasmine-html-reporter": "2.1.0",
+        "nanoevents": "9.1.0",
         "tree-sitter": "0.21.1",
         "tree-sitter-bash": "0.23.2",
         "tree-sitter-c": "0.23.1",

src/app/editor/markdown-preview/markdown-preview.component.ts

@@ -6,6 +6,8 @@ import {
 } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
+import { marked } from 'marked';
+
 import { MarkdownPreviewService } from '../../common/services/editor/markdown-preview/markdown-preview.service';
 
 import { ServiceMessage } from '../../common/types/service-message.type';
@@ -29,7 +31,7 @@ export class MarkdownPreviewComponent {
     private markdownPreviewService: MarkdownPreviewService = inject(MarkdownPreviewService);
 
     @HostBinding("class.hidden") isHidden: boolean         = true;
-    converter: any                                         = new showdown.Converter();
+    converter: any                                         = marked;
     defaultHtml: string                                    = "<h1>NOT a Markdown file...</h1>"
     bodyHtml: string                                       = "";
 
@@ -85,7 +87,7 @@ export class MarkdownPreviewComponent {
         let mdStr     = this.editorComponent.editor.session.getValue();
         let pathParts = this.editorComponent.activeFile.path.split("/");
         let basePath  = "file://" + pathParts.slice(0, -1).join("/");
-        this.bodyHtml = this.converter.makeHtml(
+        this.bodyHtml = this.converter.parse(
             mdStr.replaceAll("](images", `](${basePath}/images`)
                 .replaceAll("](imgs", `](${basePath}/imgs`)
                 .replaceAll("](pictures", `](${basePath}/pictures`)

src/typings.d.ts

@@ -1 +1 @@
-declare var showdown: any;
+// declare var showdown: any;