Merge pull request #2 from arobrien/arobrien/browserify

Change to nodejs + browserify format

Author: arobrien

.gitignore

@@ -0,0 +1,4 @@
+node_modules/
+package-lock.json
+*bundle.js
+*.log

README.md

@@ -1,6 +1,7 @@
 # nbchrome
 A lightweight viewer for Jupyter Notebooks as a Chrome Extension.
 This project differentiates from Jupyter Notebook Viewer by not requiring any server process.
+No data is sent or received over the network by the plugin.
 
 **Note: This project is currently at the proof-of-concept phase and some functionality may be missing.
 I would appreciate pull requests or git issues.**
@@ -11,10 +12,12 @@ I would appreciate pull requests or git issues.**
 
 Installation:
 1. Download to a local folder.
-2. Go to chrome://extensions and enable developer mode in the top-right corner.
-3. Click 'Load unpacked' from the top-left corner and select the extension.
-4. Open any .ipynb file in Chrome.
-5. If you edit or update the extension, hit the reload button for the extension in the extension manager.
+2. Install nodejs
+3. npm install
+4. npm build-dev
+5. Go to chrome://extensions and enable developer mode in the top-right corner.
+6. Click 'Load unpacked' from the top-left corner and select the extension folder.
+7. Open any .ipynb file in Chrome.
 
 At the moment, if you hit an error it's probably because of some element that the script isn't handling.
 If this happens it will probably just show you the raw json and look like nothing else happened.

filters/ansi.js

@@ -1,3 +1,9 @@
+module.exports = {
+  ansi2html: ansi2html,
+  _get_extended_color: _get_extended_color,
+  _make_ansi_tags: _make_ansi_tags
+};
+
 _ANSI_COLORS = [
     'ansi-black',
     'ansi-red',
@@ -221,23 +227,3 @@ function _make_ansi_tags(fg, bg, bold, underline, inverse) {
 
   return [starttag, '</span>']
 }
-
-
-if (
-    typeof module !== 'undefined' &&
-    module.exports &&
-    typeof exports !== 'undefined'
-  ) {
-  module.exports = {
-    ansi2html: ansi2html,
-    _get_extended_color: _get_extended_color,
-    _make_ansi_tags: _make_ansi_tags
-  };
-}
-else {
-  ansi = {
-    ansi2html: ansi2html,
-    _get_extended_color: _get_extended_color,
-    _make_ansi_tags: _make_ansi_tags
-  };
-}

filters/simple_filters.js

@@ -1,3 +1,17 @@
+const showdown = require('showdown');
+const hljs = require('highlightjs');
+
+module.exports = {
+  filter_data_type: filter_data_type,
+  get_metadata: get_metadata,
+  highlight_code: highlight_code,
+  json_dumps: json_dumps,
+  markdown2html: markdown2html,
+  posix_path: posix_path,
+  strip_files_prefix: strip_files_prefix
+};
+
+
 DISPLAY_DATA_PRIORITY = [
   'text/html',
   'application/pdf',
@@ -35,8 +49,8 @@ function get_metadata(output, key, mimetype=undefined) {
   return md[key];
 }
 
-function highlight_code(source, language, metadata=undefined) {
-  return hljs.highlight(language, source, false, false);
+function highlight_code(source) {
+  return hljs.highlight(window.notebook_language, source.join(''), true).value;
 }
 
 function json_dumps(obj) {
@@ -45,7 +59,7 @@ function json_dumps(obj) {
 
 function markdown2html(source) {
   const converter = new showdown.Converter();
-  return converter.makeHtml(source);
+  return converter.makeHtml(source.join(''));
 }
 
 function posix_path(path) {
@@ -59,29 +73,5 @@ function strip_files_prefix(dirty_text) {
                             /(!?)\[(.*?)\]\(\/?files\/(.*?)\)/g, (m,p1,p2,p3) => p1 + '[' + p2 + '](' + p3 + ')');
 }
 
-if (
-    typeof module !== 'undefined' &&
-    module.exports &&
-    typeof exports !== 'undefined'
-  ) {
-  module.exports = {
-    filter_data_type: filter_data_type,
-    get_metadata: get_metadata,
-    highlight_code: highlight_code,
-    json_dumps: json_dumps,
-    markdown2html: markdown2html,
-    posix_path: posix_path,
-    strip_files_prefix: strip_files_prefix
-  };
-}
-else {
-  simple_filters = {
-    filter_data_type: filter_data_type,
-    get_metadata: get_metadata,
-    highlight_code: highlight_code,
-    json_dumps: json_dumps,
-    markdown2html: markdown2html,
-    posix_path: posix_path,
-    strip_files_prefix: strip_files_prefix
-  };
-}
+
+

highlight/docco.css

@@ -0,0 +1,97 @@
+/*
+Docco style used in http://jashkenas.github.com/docco/ converted by Simon Madine (@thingsinjars)
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  color: #000;
+  background: #f8f8ff;
+}
+
+.hljs-comment,
+.hljs-quote {
+  color: #408080;
+  font-style: italic;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-subst {
+  color: #954121;
+}
+
+.hljs-number {
+  color: #40a070;
+}
+
+.hljs-string,
+.hljs-doctag {
+  color: #219161;
+}
+
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-section,
+.hljs-type {
+  color: #19469d;
+}
+
+.hljs-params {
+  color: #00f;
+}
+
+.hljs-title {
+  color: #458;
+  font-weight: bold;
+}
+
+.hljs-tag,
+.hljs-name,
+.hljs-attribute {
+  color: #000080;
+  font-weight: normal;
+}
+
+.hljs-variable,
+.hljs-template-variable {
+  color: #008080;
+}
+
+.hljs-regexp,
+.hljs-link {
+  color: #b68;
+}
+
+.hljs-symbol,
+.hljs-bullet {
+  color: #990073;
+}
+
+.hljs-built_in,
+.hljs-builtin-name {
+  color: #0086b3;
+}
+
+.hljs-meta {
+  color: #999;
+  font-weight: bold;
+}
+
+.hljs-deletion {
+  background: #fdd;
+}
+
+.hljs-addition {
+  background: #dfd;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}

highlight/highlight.min.js

@@ -1,6 +1,6 @@
 {
   "name": "Notebook Chrome Viewer",
-  "version": "0.1",
+  "version": "0.2.0",
   "description": "A lightweight viewer for Jupyter Notebooks",
   "author": "Andrew O'Brien",
   "permissions": ["declarativeContent"],
@@ -10,14 +10,10 @@
       "run_at": "document_end",
       "css": [
         "styles.css",
-        "highlight/default.min.css"
+        "highlight/docco.css"
       ],
       "js": [
-        "showdown/showdown.min.js",
-        "highlight/highlight.min.js",
-        "mathjax_config.js",
-        "mathjax/tex-chtml.js",
-        "view_notebook.js"
+        "view_notebook_bundle.js"
       ]
     }
   ],