code mode functionality added

webmaker/src/CodeMirror.js

@@ -0,0 +1,60 @@
+// Most of the code from this file comes from:
+// https://github.com/codemirror/CodeMirror/blob/master/addon/mode/loadmode.js
+import CodeMirror from 'codemirror';
+
+// Make CodeMirror available globally so the modes' can register themselves.
+window.CodeMirror = CodeMirror
+
+if (!CodeMirror.modeURL) CodeMirror.modeURL = 'lib/codemirror/mode/%N/%N.js';
+
+var loading = {}
+
+function splitCallback(cont, n) {
+	var countDown = n
+	return function () {
+		if (--countDown === 0) cont()
+	}
+}
+
+function ensureDeps(mode, cont) {
+	var deps = CodeMirror.modes[mode].dependencies
+	if (!deps) return cont()
+	var missing = []
+	for (var i = 0; i < deps.length; ++i) {
+		if (!CodeMirror.modes.hasOwnProperty(deps[i])) missing.push(deps[i])
+	}
+	if (!missing.length) return cont()
+	var split = splitCallback(cont, missing.length)
+	for (i = 0; i < missing.length; ++i) CodeMirror.requireMode(missing[i], split)
+}
+
+CodeMirror.requireMode = function (mode, cont) {
+	if (typeof mode !== 'string') mode = mode.name
+	if (CodeMirror.modes.hasOwnProperty(mode)) return ensureDeps(mode, cont)
+	if (loading.hasOwnProperty(mode)) return loading[mode].push(cont)
+
+	var file = CodeMirror.modeURL.replace(/%N/g, mode)
+
+	var script = document.createElement('script')
+	script.src = file
+	var others = document.getElementsByTagName('script')[0]
+	var list = loading[mode] = [cont]
+
+	CodeMirror.on(script, 'load', function () {
+		ensureDeps(mode, function () {
+			for (var i = 0; i < list.length; ++i) list[i]()
+		})
+	})
+
+	others.parentNode.insertBefore(script, others)
+}
+
+CodeMirror.autoLoadMode = function (instance, mode) {
+	if (CodeMirror.modes.hasOwnProperty(mode)) return
+
+	CodeMirror.requireMode(mode, function () {
+		instance.setOption('mode', instance.getOption('mode'))
+	})
+}
+
+export default CodeMirror