From f1f5462fadd410dbbb6c284481b6ca7219313e64 Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Fri, 13 Sep 2024 18:52:01 +0800
Subject: feat: Style code block even line is empty

---
 src/editor.mjs | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

(limited to 'src/editor.mjs')

diff --git a/src/editor.mjs b/src/editor.mjs
index 5470b64..d1b4ba1 100644
--- a/src/editor.mjs
+++ b/src/editor.mjs
@@ -89,10 +89,27 @@ if (queryParams.get('render')) {
   toggleMaps(HtmlContainer)
 }
 
+// Quick hack to style lines inside code block
+const addClassToCodeLines = () => {
+  const lines = cm.getLineHandle(0).parent.lines
+  let insideCodeBlock = false
+  lines.forEach((line, index) => {
+    if (line.text.match(/^````*/)) {
+      insideCodeBlock = !insideCodeBlock
+    } else if (insideCodeBlock) {
+      cm.addLineClass(index, "text", "inside-code-block")
+    } else {
+      cm.removeLineClass(index, "text", "inside-code-block")
+    }
+  })
+}
+addClassToCodeLines()
+
 // Re-render HTML by editor content
-cm.on("change", () => {
+cm.on("change", (_, obj) => {
   markdown2HTML(HtmlContainer, editor.value())
   createDocLinks(HtmlContainer)
+  addClassToCodeLines()
 })
 // }}}
 
-- 
cgit v1.2.3-70-g09d2