Merge pull request #6801 from minrk/runMode

use CodeMirror.runMode to highlight in markdown

IPython/html/static/components

@@ -1,1 +1,1
-Subproject commit ba94581b824a62ee630dd0b92a5aea8678248a24
+Subproject commit 563c9e74b153e9509d94fd448353eeda13f0819c

IPython/html/static/notebook/js/notebook.js

@@ -11,7 +11,8 define([
     'services/sessions/session',
     'notebook/js/celltoolbar',
     'components/marked/lib/marked',
-    'highlight',
+    'codemirror/lib/codemirror',
+    'codemirror/addon/runmode/runmode',
     'notebook/js/mathjaxutils',
     'base/js/keyboard',
     'notebook/js/tooltip',
@@ -29,7 +30,8 define([
     session, 
     celltoolbar, 
     marked,
-    hljs,
+    CodeMirror,
+    runMode,
     mathjaxutils,
     keyboard,
     tooltip,
@@ -83,19 +85,37 define([
             marked.setOptions({
                 gfm : true,
                 tables: true,
-                langPrefix: "language-",
-                highlight: function(code, lang) {
+                // FIXME: probably want central config for CodeMirror theme when we have js config
+                langPrefix: "cm-s-ipython language-",
+                highlight: function(code, lang, callback) {
                     if (!lang) {
                         // no language, no highlight
+                        if (callback) {
+                            callback(null, code);
+                            return;
+                        } else {
                         return code;
                     }
-                    var highlighted;
+                    }
+                    utils.requireCodeMirrorMode(lang, function () {
+                        var el = document.createElement("div");
+                        mode = CodeMirror.getMode({}, lang);
+                        if (!mode) {
+                            console.log("No CodeMirror mode: " + lang);
+                            callback(null, code);
+                            return;
+                        }
                     try {
-                        highlighted = hljs.highlight(lang, code, false);
+                            CodeMirror.runMode(code, mode, el);
+                            callback(null, el.innerHTML);
                     } catch(err) {
-                        highlighted = hljs.highlightAuto(code);
+                            console.log("Failed to highlight " + lang + " code", error);
+                            callback(err, code);
                     }
-                    return highlighted.value;
+                    }, function (err) {
+                        console.log("No CodeMirror mode: " + lang);
+                        callback(err, code);
+                    });
                 }
             });
         }

IPython/html/static/notebook/js/outputarea.js

@@ -552,9 +552,10 define([
         var text_and_math = mathjaxutils.remove_math(markdown);
         var text = text_and_math[0];
         var math = text_and_math[1];
-        var html = marked.parser(marked.lexer(text));
+        marked(text, function (err, html) {
         html = mathjaxutils.replace_math(html, math);
         toinsert.append(html);
+        });
         element.append(toinsert);
         return toinsert;
     };

IPython/html/static/notebook/js/textcell.js

@@ -241,18 +241,18 define([
     MarkdownCell.prototype.render = function () {
         var cont = TextCell.prototype.render.apply(this);
         if (cont) {
+            var that = this;
             var text = this.get_text();
             var math = null;
             if (text === "") { text = this.placeholder; }
             var text_and_math = mathjaxutils.remove_math(text);
             text = text_and_math[0];
             math = text_and_math[1];
-            var html = marked.parser(marked.lexer(text));
+            marked(text, function (err, html) {
             html = mathjaxutils.replace_math(html, math);
             html = security.sanitize_html(html);
             html = $($.parseHTML(html));
             // add anchors to headings
-            // console.log(html);
             html.find(":header").addBack(":header").each(function (i, h) {
                 h = $(h);
                 var hash = h.text().replace(/ /g, '-');
@@ -263,12 +263,13 define([
                         .attr('href', '#' + hash)
                         .text('¶')
                 );
-            })
+                });
             // links in markdown cells should open in new tabs
             html.find("a[href]").not('[href^="#"]').attr("target", "_blank");
-            this.set_rendered(html);
-            this.typeset();
-            this.events.trigger("rendered.MarkdownCell", {cell: this})
+                that.set_rendered(html);
+                that.typeset();
+                that.events.trigger("rendered.MarkdownCell", {cell: that});
+            });
         }
         return cont;
     };

IPython/html/templates/page.html

@@ -27,7 +27,6
             bootstrap: 'components/bootstrap/js/bootstrap.min',
             bootstraptour: 'components/bootstrap-tour/build/js/bootstrap-tour.min',
             jqueryui: 'components/jquery-ui/ui/minified/jquery-ui.min',
-            highlight: 'components/highlight.js/build/highlight.pack',
             moment: "components/moment/moment",
             codemirror: 'components/codemirror',
             termjs: "components/term.js/src/term",
@@ -52,10 +51,7
             jqueryui: {
               deps: ["jquery"],
               exports: "$"
-            },
-            highlight: {
-              exports: "hljs"
-            },
+            }
           }
       });
     </script>

setupbase.py

@@ -153,7 +153,6 def find_package_data():
         pjoin(components, "es6-promise", "*.js"),
         pjoin(components, "font-awesome", "fonts", "*.*"),
         pjoin(components, "google-caja", "html-css-sanitizer-minified.js"),
-        pjoin(components, "highlight.js", "build", "highlight.pack.js"),
         pjoin(components, "jquery", "jquery.min.js"),
         pjoin(components, "jquery-ui", "ui", "minified", "jquery-ui.min.js"),
         pjoin(components, "jquery-ui", "themes", "smoothness", "jquery-ui.min.css"),