From d8ee8c348ca66ed386f92908372f20ae42c6d6da Mon Sep 17 00:00:00 2001
From: wholteza <zackarias@montell.se>
Date: Sun, 17 Sep 2023 11:05:17 +0200
Subject: [PATCH] Image link support

---
 markdown.js                    | 82 +++++++++++++++++++++++++++++++---
 notes/1-initial-commit/note.md |  2 +-
 2 files changed, 78 insertions(+), 6 deletions(-)

diff --git a/markdown.js b/markdown.js
index 46f6952..0ef3d26 100644
--- a/markdown.js
+++ b/markdown.js
@@ -53,7 +53,7 @@ class Symbol {
   static canParse(line) {
     throw new Error("Not implemented");
   }
-  static create(lineFeed) {
+  static create(lineFeed, assetDirectory) {
     throw new Error("Not implemented");
   }
   render() {
@@ -217,6 +217,62 @@ class Link extends Symbol {
   }
 }
 
+class ImageLink extends Symbol {
+  /**
+   * @type {RegExp}
+   */
+  static canParseRegExp = new RegExp(/^!\[.*\]\(.*\)/);
+  /**
+   * @type {RegExp}
+   */
+  static textAndLinkRegExp = new RegExp(/!\[(?<text>.*)\]\((?<link>.*)\)/);
+  /**
+   * @type {string}
+   */
+  static assetDirectoryToken = "@asset/";
+  /**
+   * @type {string}
+   */
+  alt = "";
+  /**
+   * @type {string}
+   */
+  link = "";
+  /**
+   *
+   * @param {string} line
+   * @returns {boolean}
+   */
+  static canParse(line) {
+    return ImageLink.canParseRegExp.test(line.trim());
+  }
+
+  /**
+   *
+   * @param {LineFeed} lineFeed
+   * @returns {Symbol}
+   */
+  static create(lineFeed, assetDirectory) {
+    const instance = new ImageLink();
+    const line = lineFeed.claim().trim();
+    const [linkLine, rest] = extractTokenAndRest(
+      ImageLink.textAndLinkRegExp,
+      line
+    );
+    lineFeed.push(rest);
+    const { text, link } =
+      ImageLink.textAndLinkRegExp.exec(linkLine)?.groups ?? {};
+    instance.link =
+      link.replace(ImageLink.assetDirectoryToken, assetDirectory) ?? "";
+    instance.alt = text ?? "";
+    return instance;
+  }
+
+  render() {
+    return `<img src="${this.link}" alt="${this.alt}"/>`;
+  }
+}
+
 class Italic extends Symbol {
   /**
    * @type {string}
@@ -525,32 +581,48 @@ const getAmountOfTokenInBeginningOfFile = (token, string) => {
   }
 };
 
+/**
+ * @type {Symbol[]}
+ */
 const Factories = [
   Heading,
   UnorderedListItem,
   OrderedListItem,
   Bold,
   Italic,
+  ImageLink,
   Link,
   MultiLineCode,
   SingleLineCode,
   CatchAll,
 ];
 
-export const toHtml = (markdown) => {
-  const symbols = toSymbols(markdown);
+/**
+ *
+ * @param {string} markdown
+ * @param {string} assetDirectory
+ * @returns {string}
+ */
+export const toHtml = (markdown, assetDirectory) => {
+  const symbols = toSymbols(markdown, assetDirectory);
   const html = symbols.map((s) => s.render()).join("");
   return `<div>${html}</div>`;
 };
 
-const toSymbols = (markdown) => {
+/**
+ *
+ * @param {string} markdown
+ * @param {string} assetDirectory
+ * @returns {Symbol[]}
+ */
+const toSymbols = (markdown, assetDirectory) => {
   const lineFeed = new LineFeed(markdown);
   const symbols = [];
 
   while (!lineFeed.isEmpty()) {
     const line = lineFeed.peek();
     const factory = Factories.find((factory) => factory.canParse(line));
-    const symbol = factory.create(lineFeed);
+    const symbol = factory.create(lineFeed, assetDirectory);
     symbols.push(symbol);
   }
 
diff --git a/notes/1-initial-commit/note.md b/notes/1-initial-commit/note.md
index 2399062..d037554 100644
--- a/notes/1-initial-commit/note.md
+++ b/notes/1-initial-commit/note.md
@@ -73,4 +73,4 @@ const y = () => {
 [link to the index](https://blog.zacke.dev)
 [link to the index](https://blog.zacke.dev) with text after it
 
-![alt-text](@asset/picture.png)
+![alt-text](@asset/git.png)