wip

markdown.js

@@ -56,6 +56,14 @@ class Symbol {
   static create(lineFeed, assetDirectory) {
     throw new Error("Not implemented");
   }
+  /**
+   *
+   * @param {string} assetDirectory
+   * @returns {void}
+   */
+  process(assetDirectory) {
+    throw new Error("Not Implemented");
+  }
   render() {
     throw new Error("Not implemented");
   }
@@ -94,6 +102,15 @@ class Heading extends Symbol {
     return instance;
   }
 
+  /**
+   *
+   * @param {string} assetDirectory
+   * @returns {void}
+   */
+  process(assetDirectory) {
+    return;
+  }
+
   render() {
     return `<h${this.level}>${this.text}</h${this.level}>`;
   }
@@ -104,6 +121,10 @@ class Paragraph extends Symbol {
    * @type {string[]}
    */
   lines = [];
+  /**
+   * @type {Symbol[]}
+   */
+  children = [];
   /**
    *
    * @param {string} line
@@ -137,6 +158,23 @@ class Paragraph extends Symbol {
     return instance;
   }
 
+  /**
+   *
+   * @param {string} assetDirectory
+   * @returns {void}
+   */
+  process(assetDirectory) {
+    return;
+    if (this.lines.length === 0) return;
+    const symbols = toSymbols(this.lines.join("\n"), assetDirectory);
+    const lastIterationSymbolsAsJson = JSON.stringify(symbols);
+    // do {
+    //   symbols.forEach((s) => s.process());
+    // } while (JSON.stringify(symbols) !== lastIterationSymbolsAsJson);
+    this.lines = [];
+    this.children = symbols;
+  }
+
   render() {
     return `<p>${this.lines.join("")}</p>`;
   }
@@ -173,6 +211,15 @@ class UnorderedListItem extends Symbol {
     return instance;
   }
 
+  /**
+   *
+   * @param {string} assetDirectory
+   * @returns {void}
+   */
+  process(assetDirectory) {
+    return;
+  }
+
   render() {
     return `<li class="indent-${this.level}">${this.text} indentation level ${this.level}</li>`;
   }
@@ -209,6 +256,15 @@ class OrderedListItem extends Symbol {
     return instance;
   }
 
+  /**
+   *
+   * @param {string} assetDirectory
+   * @returns {void}
+   */
+  process(assetDirectory) {
+    return;
+  }
+
   render() {
     return `<li class="indent-${this.level}">${this.text} indentation level ${this.level}</li>`;
   }
@@ -255,6 +311,15 @@ class Link extends Symbol {
     return instance;
   }
 
+  /**
+   *
+   * @param {string} assetDirectory
+   * @returns {void}
+   */
+  process(assetDirectory) {
+    return;
+  }
+
   render() {
     return `<a href="${this.link}">${this.text}</a>`;
   }
@@ -311,6 +376,15 @@ class ImageLink extends Symbol {
     return instance;
   }
 
+  /**
+   *
+   * @param {string} assetDirectory
+   * @returns {void}
+   */
+  process(assetDirectory) {
+    return;
+  }
+
   render() {
     return `<img src="${this.link}" alt="${this.alt}"/>`;
   }
@@ -359,6 +433,16 @@ class Italic extends Symbol {
     instance.text = lineWithoutUnderscores;
     return instance;
   }
+
+  /**
+   *
+   * @param {string} assetDirectory
+   * @returns {void}
+   */
+  process(assetDirectory) {
+    return;
+  }
+
   render() {
     return `<i>${this.text}</i>`;
   }
@@ -407,6 +491,16 @@ class Bold extends Symbol {
     instance.text = lineWithoutUnderscores;
     return instance;
   }
+
+  /**
+   *
+   * @param {string} assetDirectory
+   * @returns {void}
+   */
+  process(assetDirectory) {
+    return;
+  }
+
   render() {
     return `<b>${this.text}</b>`;
   }
@@ -455,6 +549,16 @@ class SingleLineCode extends Symbol {
     instance.text = lineWithoutUnderscores;
     return instance;
   }
+
+  /**
+   *
+   * @param {string} assetDirectory
+   * @returns {void}
+   */
+  process(assetDirectory) {
+    return;
+  }
+
   render() {
     return `<code>${this.text}</code>`;
   }
@@ -522,12 +626,22 @@ class MultiLineCode extends Symbol {
     instance.text = lines.join("\n");
     return instance;
   }
+
+  /**
+   *
+   * @param {string} assetDirectory
+   * @returns {void}
+   */
+  process(assetDirectory) {
+    return;
+  }
+
   render() {
     return `<pre><code>${this.text}</code></pre>`;
   }
 }
 
-class CatchAll extends Symbol {
+class Text extends Symbol {
   /**
    * @type {string}
    */
@@ -547,10 +661,20 @@ class CatchAll extends Symbol {
    * @returns {Symbol}
    */
   static create(lineFeed) {
-    const instance = new CatchAll();
+    const instance = new Text();
     instance.text = lineFeed.claim();
     return instance;
   }
+
+  /**
+   *
+   * @param {string} assetDirectory
+   * @returns {void}
+   */
+  process(assetDirectory) {
+    return;
+  }
+
   render() {
     return `<span>${this.text}</span>`;
   }
@@ -638,7 +762,7 @@ const Factories = [
   Link,
   MultiLineCode,
   SingleLineCode,
-  CatchAll,
+  Text,
 ];
 
 /**
@@ -649,6 +773,13 @@ const Factories = [
  */
 export const toHtml = (markdown, assetDirectory) => {
   const symbols = toSymbols(markdown, assetDirectory);
+
+  let lastIterationsSymbolsAsJson = JSON.stringify(symbols);
+  do {
+    console.log("starting processing");
+    symbols.forEach((s) => s.process(assetDirectory));
+  } while (JSON.stringify(symbols) !== lastIterationsSymbolsAsJson);
+
   const html = symbols.map((s) => s.render()).join("");
   return `<div>${html}</div>`;
 };