From 9f28d91cd07ca2c2442dee34c07b27ace38570f7 Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Mon, 8 Oct 2018 17:59:16 +0530
Subject: [PATCH] ContentWRapFiles: add autoloadmode in codemirror in files
 modes

---
 src/components/ContentWrapFiles.jsx | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/components/ContentWrapFiles.jsx b/src/components/ContentWrapFiles.jsx
index 841f4a4..ca7fd2a 100644
--- a/src/components/ContentWrapFiles.jsx
+++ b/src/components/ContentWrapFiles.jsx
@@ -105,14 +105,25 @@ export default class ContentWrapFiles extends Component {
 	createEditorDoc(file) {
 		let mode;
 		if (file.name.match(/\.css$/)) {
-			mode = modes[CssModes.CSS].cmMode;
+			mode = modes[CssModes.CSS];
 		} else if (file.name.match(/\.js$/)) {
-			mode = modes[JsModes.JS].cmMode;
-		} else {
-			mode = modes[HtmlModes.HTML].cmMode;
+			mode = modes[JsModes.JS];
+		} else if (file.name.match(/\.html$/)) {
+			mode = modes[HtmlModes.HTML];
+		} else if (file.name.match(/\.md$/) || file.name.match(/\.markdown$/)) {
+			mode = modes[HtmlModes.MARKDOWN];
+		} else if (file.name.match(/\.sass$/)) {
+			mode = modes[CssModes.SASS];
+		} else if (file.name.match(/\.scss$/)) {
+			mode = modes[CssModes.SCSS];
 		}
-		console.log('mode', mode);
-		this.fileBuffers[file.name] = CodeMirror.Doc(file.content || '', mode);
+
+		CodeMirror.autoLoadMode(this.cm, mode.cmPath || mode.cmMode);
+
+		this.fileBuffers[file.name] = CodeMirror.Doc(
+			file.content || '',
+			mode.cmMode
+		);
 	}
 
 	onHtmlCodeChange(editor, change) {