From 8fb14e80ad5908e1e9f8b81c6b8e426d931168ca Mon Sep 17 00:00:00 2001
From: Eric Zhang <ekzhang1@gmail.com>
Date: Wed, 9 Sep 2020 11:54:30 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D=20Add=20Ctr+M=20shortcut=20for=20t?=
 =?UTF-8?q?oggling=20Markdown=20mode=20(#390)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/components/CellInput.js | 36 ++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/frontend/components/CellInput.js b/frontend/components/CellInput.js
index 7bb933b769..356dcdd54c 100644
--- a/frontend/components/CellInput.js
+++ b/frontend/components/CellInput.js
@@ -108,6 +108,42 @@ export const CellInput = ({
                 cm.execCommand("selectAll")
             }
         }
+        keys[mac_keyboard ? "Cmd-M" : "Ctrl-M"] = () => {
+            const value = cm.getValue()
+            const trimmed = value.trim()
+            const offset = value.length - value.trimStart().length
+            if (trimmed.startsWith('md"') && trimmed.endsWith('"')) {
+                // Markdown cell, change to code
+                let start, end
+                if (trimmed.startsWith('md"""') && trimmed.endsWith('"""')) {
+                    // Block markdown
+                    start = 5
+                    end = trimmed.length - 3
+                } else {
+                    // Inline markdown
+                    start = 3
+                    end = trimmed.length - 1
+                }
+                if (start >= end || trimmed.substring(start, end).trim() == "") {
+                    // Corner case: block is empty after removing markdown
+                    cm.setValue("")
+                } else {
+                    while (/\s/.test(trimmed[start])) {
+                        ++start
+                    }
+                    while (/\s/.test(trimmed[end - 1])) {
+                        --end
+                    }
+                    // Keep the selection from [start, end) while maintaining cursor position
+                    cm.replaceRange("", cm.posFromIndex(end + offset), { line: cm.lineCount() })
+                    cm.replaceRange("", { line: 0, ch: 0 }, cm.posFromIndex(start + offset))
+                }
+            } else {
+                // Code cell, change to markdown
+                cm.replaceRange(`\n"""`, { line: cm.lineCount() })
+                cm.replaceRange('md"""\n', { line: 0, ch: 0 })
+            }
+        }
         const swap = (a, i, j) => {
             ;[a[i], a[j]] = [a[j], a[i]]
         }