preview page

jakobkogler · jakobkogler · commit ea48b8bc4d00 · 2021-10-09T20:40:59.000+02:00
diff --git a/build/build.py b/build/build.py
@@ -11,6 +11,7 @@
 import io
 from urllib.parse import urljoin
 import shutil
+from tempfile import TemporaryDirectory
 
 import markdown  # type: ignore
 from tqdm import tqdm  # type: ignore
@@ -136,6 +137,32 @@ def convert(self, md_content: str, relative_url: Path) -> str:
         return content
 
 
+def convert(request) -> str:
+    request_json = request.get_json()
+
+    # prepare markdown converter
+    extensions = [
+        "fenced_code",  # code blocks formatting
+        "markdown_math_escape",  # support for math formula
+        "mdx_linkify",  # convert text that looks like links into links
+    ]
+
+    with TemporaryDirectory() as tmpdirname:
+        with open(tmpdirname + "/default.html", "w") as f:
+            f.write("&text&")
+
+        md = MarkdownConverter(
+            extensions=extensions,
+            template_dir=Path(tmpdirname),
+            baseurl="https://cp-algorithms.com"
+        )
+
+        md_content = request_json['markdown']
+        html_content = md.convert(md_content, Path("."))
+
+    return html_content
+
+
 def main():
     args = parse_arguments()
 
diff --git a/src/_templates/preview.html b/src/_templates/preview.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<header>
+  <meta charset="utf-8">
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+  <script>
+  $(document).ready(function(){
+    $("#previewBtn").click(function(){
+      var markdown = $("#markdownInput").val();
+      var URL = "https://us-central1-cp-algorithms.cloudfunctions.net/convert-markdown";
+      $.post(URL, {"markdown": markdown}, function(data) {
+        $("#previewArea").html(data);
+      });
+    });
+  });
+  </script>
+</header>
+<body>
+
+<h1>Preview:</h1>
+
+<form>
+  <textarea id="markdownInput" rows="8" cols="80"></textarea>
+  <br/>
+  <button type='button' id="previewBtn">Preview</button>
+</form>
+<br/>
+<hr/>
+
+<div id="previewArea">
+&text&
+</div>
+
+</body>
+</html>
diff --git a/src/preview.md b/src/preview.md
@@ -0,0 +1 @@
+<!--?template preview.html -->
