From 93f3664c8846d3cb5268ca678e47713c1826bfcf Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Fri, 7 Oct 2016 23:04:26 +0800
Subject: [PATCH 01/54] Add missing vendor code hard to deal with

---
 public/vendor/idle.min.js         |   2 +
 public/vendor/jquery-scrollspy.js | 267 ++++++++++++++++++++++++++++++
 2 files changed, 269 insertions(+)
 create mode 100644 public/vendor/idle.min.js
 create mode 100644 public/vendor/jquery-scrollspy.js

diff --git a/public/vendor/idle.min.js b/public/vendor/idle.min.js
new file mode 100644
index 0000000..d6fe0d3
--- /dev/null
+++ b/public/vendor/idle.min.js
@@ -0,0 +1,2 @@
+/*! Idle.Js, copyright 2015-01-01, Shawn Mclean*/
+(function(){var a;document.addEventListener||(document.addEventListener=document.attachEvent?function(a,b,c){return document.attachEvent("on"+a,b,c)}:function(){return{}}),document.removeEventListener||(document.removeEventListener=document.detachEvent?function(a,b){return document.detachEvent("on"+a,b)}:function(){return{}}),a={},a=function(){function a(a){var b,c;a&&(this.awayTimeout=parseInt(a.awayTimeout,10),this.onAway=a.onAway,this.onAwayBack=a.onAwayBack,this.onVisible=a.onVisible,this.onHidden=a.onHidden),c=this,b=function(){return c.onActive()},window.onclick=b,window.onmousemove=b,window.onmouseenter=b,window.onkeydown=b,window.onscroll=b,window.onmousewheel=b}return a.isAway=!1,a.awayTimeout=3e3,a.awayTimestamp=0,a.awayTimer=null,a.onAway=null,a.onAwayBack=null,a.onVisible=null,a.onHidden=null,a.prototype.onActive=function(){return this.awayTimestamp=(new Date).getTime()+this.awayTimeout,this.isAway&&(this.onAwayBack&&this.onAwayBack(),this.start()),this.isAway=!1,!0},a.prototype.start=function(){var a;return this.listener||(this.listener=function(){return a.handleVisibilityChange()},document.addEventListener("visibilitychange",this.listener,!1),document.addEventListener("webkitvisibilitychange",this.listener,!1),document.addEventListener("msvisibilitychange",this.listener,!1)),this.awayTimestamp=(new Date).getTime()+this.awayTimeout,null!==this.awayTimer&&clearTimeout(this.awayTimer),a=this,this.awayTimer=setTimeout(function(){return a.checkAway()},this.awayTimeout+100),this},a.prototype.stop=function(){return null!==this.awayTimer&&clearTimeout(this.awayTimer),null!==this.listener&&(document.removeEventListener("visibilitychange",this.listener),document.removeEventListener("webkitvisibilitychange",this.listener),document.removeEventListener("msvisibilitychange",this.listener),this.listener=null),this},a.prototype.setAwayTimeout=function(a){return this.awayTimeout=parseInt(a,10),this},a.prototype.checkAway=function(){var a,b;return b=(new Date).getTime(),b<this.awayTimestamp?(this.isAway=!1,a=this,void(this.awayTimer=setTimeout(function(){return a.checkAway()},this.awayTimestamp-b+100))):(null!==this.awayTimer&&clearTimeout(this.awayTimer),this.isAway=!0,this.onAway?this.onAway():void 0)},a.prototype.handleVisibilityChange=function(){if(document.hidden||document.msHidden||document.webkitHidden){if(this.onHidden)return this.onHidden()}else if(this.onVisible)return this.onVisible()},a}(),"function"==typeof define&&define.amd?define([],a):"object"==typeof exports?module.exports=a:window.Idle=a}).call(this);
\ No newline at end of file
diff --git a/public/vendor/jquery-scrollspy.js b/public/vendor/jquery-scrollspy.js
new file mode 100644
index 0000000..4fd4f53
--- /dev/null
+++ b/public/vendor/jquery-scrollspy.js
@@ -0,0 +1,267 @@
+/*
+ * jQuery ScrollSpy Plugin
+ * Author: @sxalexander, softwarespot
+ * Licensed under the MIT license
+ */
+(function jQueryScrollspy(window, $) {
+    // Plugin Logic
+
+    $.fn.extend({
+        scrollspy: function scrollspy(options, action) {
+            // If the options parameter is a string, then assume it's an 'action', therefore swap the parameters around
+            if (_isString(options)) {
+                var tempOptions = action;
+
+                // Set the action as the option parameter
+                action = options;
+
+                // Set to be the reference action pointed to
+                options = tempOptions;
+            }
+
+            // override the default options with those passed to the plugin
+            options = $.extend({}, _defaults, options);
+
+            // sanitize the following option with the default value if the predicate fails
+            _sanitizeOption(options, _defaults, 'container', _isObject);
+
+            // cache the jQuery object
+            var $container = $(options.container);
+
+            // check if it's a valid jQuery selector
+            if ($container.length === 0) {
+                return this;
+            }
+
+            // sanitize the following option with the default value if the predicate fails
+            _sanitizeOption(options, _defaults, 'namespace', _isString);
+
+            // check if the action is set to DESTROY/destroy
+            if (_isString(action) && action.toUpperCase() === 'DESTROY') {
+                $container.off('scroll.' + options.namespace);
+                return this;
+            }
+
+            // sanitize the following options with the default values if the predicates fails
+            _sanitizeOption(options, _defaults, 'buffer', $.isNumeric);
+            _sanitizeOption(options, _defaults, 'max', $.isNumeric);
+            _sanitizeOption(options, _defaults, 'min', $.isNumeric);
+
+            // callbacks
+            _sanitizeOption(options, _defaults, 'onEnter', $.isFunction);
+            _sanitizeOption(options, _defaults, 'onLeave', $.isFunction);
+            _sanitizeOption(options, _defaults, 'onLeaveTop', $.isFunction);
+            _sanitizeOption(options, _defaults, 'onLeaveBottom', $.isFunction);
+            _sanitizeOption(options, _defaults, 'onTick', $.isFunction);
+
+            if ($.isFunction(options.max)) {
+                options.max = options.max();
+            }
+
+            if ($.isFunction(options.min)) {
+                options.min = options.min();
+            }
+
+            // check if the mode is set to VERTICAL/vertical
+            var isVertical = window.String(options.mode).toUpperCase() === 'VERTICAL';
+
+            return this.each(function each() {
+                // cache this
+                var _this = this;
+
+                // cache the jQuery object
+                var $element = $(_this);
+
+                // count the number of times a container is entered
+                var enters = 0;
+
+                // determine if the scroll is with inside the container
+                var inside = false;
+
+                // count the number of times a container is left
+                var leaves = 0;
+
+                // create a scroll listener for the container
+                $container.on('scroll.' + options.namespace, function onScroll() {
+                    // cache the jQuery object
+                    var $this = $(this);
+
+                    // create a position object literal
+                    var position = {
+                        top: $this.scrollTop(),
+                        left: $this.scrollLeft(),
+                    };
+
+                    var containerHeight = $container.height();
+
+                    var max = options.max;
+
+                    var min = options.min;
+
+                    var xAndY = isVertical ? position.top + options.buffer : position.left + options.buffer;
+
+                    if (max === 0) {
+                        // get the maximum value based on either the height or the outer width
+                        max = isVertical ? containerHeight : $container.outerWidth() + $element.outerWidth();
+                    }
+
+                    // if we have reached the minimum bound, though are below the max
+                    if (xAndY >= min && xAndY <= max) {
+                        // trigger the 'scrollEnter' event
+                        if (!inside) {
+                            inside = true;
+                            enters++;
+
+                            // trigger the 'scrollEnter' event
+                            $element.trigger('scrollEnter', {
+                                position: position,
+                            });
+
+                            // call the 'onEnter' function
+                            if (options.onEnter !== null) {
+                                options.onEnter(_this, position);
+                            }
+                        }
+
+                        // trigger the 'scrollTick' event
+                        $element.trigger('scrollTick', {
+                            position: position,
+                            inside: inside,
+                            enters: enters,
+                            leaves: leaves,
+                        });
+
+                        // call the 'onTick' function
+                        if (options.onTick !== null) {
+                            options.onTick(_this, position, inside, enters, leaves);
+                        }
+                    } else {
+                        if (inside) {
+                            inside = false;
+                            leaves++;
+
+                            // trigger the 'scrollLeave' event
+                            $element.trigger('scrollLeave', {
+                                position: position,
+                                leaves: leaves,
+                            });
+
+                            // call the 'onLeave' function
+                            if (options.onLeave !== null) {
+                                options.onLeave(_this, position);
+                            }
+
+                            if (xAndY <= min) {
+                                // trigger the 'scrollLeaveTop' event
+                                $element.trigger('scrollLeaveTop', {
+                                    position: position,
+                                    leaves: leaves,
+                                });
+
+                                // call the 'onLeaveTop' function
+                                if (options.onLeaveTop !== null) {
+                                    options.onLeaveTop(_this, position);
+                                }
+                            } else if (xAndY >= max) {
+                                // trigger the 'scrollLeaveBottom' event
+                                $element.trigger('scrollLeaveBottom', {
+                                    position: position,
+                                    leaves: leaves,
+                                });
+
+                                // call the 'onLeaveBottom' function
+                                if (options.onLeaveBottom !== null) {
+                                    options.onLeaveBottom(_this, position);
+                                }
+                            }
+                        } else {
+                            // Idea taken from: http://stackoverflow.com/questions/5353934/check-if-element-is-visible-on-screen
+                            var containerScrollTop = $container.scrollTop();
+
+                            // Get the element height
+                            var elementHeight = $element.height();
+
+                            // Get the element offset
+                            var elementOffsetTop = $element.offset().top;
+
+                            if ((elementOffsetTop < (containerHeight + containerScrollTop)) && (elementOffsetTop > (containerScrollTop - elementHeight))) {
+                                // trigger the 'scrollView' event
+                                $element.trigger('scrollView', {
+                                    position: position,
+                                });
+
+                                // call the 'onView' function
+                                if (options.onView !== null) {
+                                    options.onView(_this, position);
+                                }
+                            }
+                        }
+                    }
+                });
+            });
+        },
+    });
+
+    // Fields (Private)
+
+    // Defaults
+
+    // default options
+    var _defaults = {
+        // the offset to be applied to the left and top positions of the container
+        buffer: 0,
+
+        // the element to apply the 'scrolling' event to (default window)
+        container: window,
+
+        // the maximum value of the X or Y coordinate, depending on mode the selected
+        max: 0,
+
+        // the maximum value of the X or Y coordinate, depending on mode the selected
+        min: 0,
+
+        // whether to listen to the X (horizontal) or Y (vertical) scrolling
+        mode: 'vertical',
+
+        // namespace to append to the 'scroll' event
+        namespace: 'scrollspy',
+
+        // call the following callback function every time the user enters the min / max zone
+        onEnter: null,
+
+        // call the following callback function every time the user leaves the min / max zone
+        onLeave: null,
+
+        // call the following callback function every time the user leaves the top zone
+        onLeaveTop: null,
+
+        // call the following callback function every time the user leaves the bottom zone
+        onLeaveBottom: null,
+
+        // call the following callback function on each scroll event within the min and max parameters
+        onTick: null,
+
+        // call the following callback function on each scroll event when the element is inside the viewable view port
+        onView: null,
+    };
+
+    // Methods (Private)
+
+    // check if a value is an object datatype
+    function _isObject(value) {
+        return $.type(value) === 'object';
+    }
+
+    // check if a value is a string datatype with a length greater than zero when whitespace is stripped
+    function _isString(value) {
+        return $.type(value) === 'string' && $.trim(value).length > 0;
+    }
+
+    // check if an option is correctly formatted using a predicate; otherwise, return the default value
+    function _sanitizeOption(options, defaults, property, predicate) {
+        // set the property to the default value if the predicate returned false
+        if (!predicate(options[property])) {
+            options[property] = defaults[property];
+        }
+    }
+}(window, window.jQuery));

From f0269a161c06dc3a9990a4c82b30e500d690d30b Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Fri, 7 Oct 2016 23:04:39 +0800
Subject: [PATCH 02/54] Exclude webpack build folder

---
 .gitignore | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/.gitignore b/.gitignore
index f6c8d5d..8a2ca18 100644
--- a/.gitignore
+++ b/.gitignore
@@ -21,3 +21,6 @@ backups/
 config.json
 public/js/common.js
 .sequelizerc
+
+# ignore webpack build
+public/build

From 325d1f1a326a4ef5eaa070e56665c9b5680f1e36 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Fri, 7 Oct 2016 23:05:23 +0800
Subject: [PATCH 03/54] Create webpack config

---
 package.json      | 67 +++++++++++++++++++++++++++++++++++++++++++----
 webpack.config.js | 64 ++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 126 insertions(+), 5 deletions(-)
 create mode 100644 webpack.config.js

diff --git a/package.json b/package.json
index 94b08ea..6ca6719 100644
--- a/package.json
+++ b/package.json
@@ -4,12 +4,18 @@
   "description": "Realtime collaborative markdown notes on all platforms.",
   "main": "app.js",
   "license": "MIT",
+  "scripts": {
+    "build": "webpack --config webpack.config.js --progress --colors --watch"
+  },
   "dependencies": {
+    "Idle.Js": "github:shawnmclean/Idle.js",
     "async": "^2.0.1",
     "blueimp-md5": "^2.3.0",
     "body-parser": "^1.15.2",
+    "bootstrap": "^3.3.7",
     "chance": "^1.0.4",
     "cheerio": "^0.20.0",
+    "codemirror": "^5.19.0",
     "compression": "^1.6.2",
     "connect-session-sequelize": "^3.1.0",
     "cookie": "0.3.1",
@@ -19,14 +25,39 @@
     "emojify.js": "^1.1.0",
     "express": ">=4.14",
     "express-session": "^1.14.0",
+    "file-saver": "^1.3.3",
+    "flowchart.js": "^1.6.3",
     "formidable": "^1.0.17",
+    "gist-embed": "github:yukaii/gist-embed",
+    "handlebars": "^4.0.5",
     "helmet": "^2.1.2",
-    "highlight.js": "^9.5.0",
+    "highlight.js": "^9.7.0",
     "i18n": "^0.8.3",
     "imgur": "git+https://github.com/hackmdio/node-imgur.git",
+    "jquery": "^3.1.1",
+    "jquery-mousewheel": "^3.1.13",
+    "jquery-textcomplete": "^1.7.3",
+    "jquery-ui": "^1.12.1",
+    "js-cookie": "^2.1.3",
+    "js-sequence-diagrams": "^1000000.0.6",
+    "js-url": "^2.3.0",
     "jsdom-nogyp": "^0.8.3",
+    "keymaster": "^1.6.2",
+    "list.js": "^1.2.0",
+    "lodash": "^4.16.4",
     "lz-string": "1.4.4",
-    "markdown-it": "^7.0.0",
+    "markdown-it": "^7.0.1",
+    "markdown-it-abbr": "^1.0.4",
+    "markdown-it-container": "^2.0.0",
+    "markdown-it-deflist": "^2.0.1",
+    "markdown-it-footnote": "^3.0.1",
+    "markdown-it-imsize": "^2.0.1",
+    "markdown-it-ins": "^2.0.0",
+    "markdown-it-mark": "^2.0.0",
+    "markdown-it-mathjax": "^1.0.3",
+    "markdown-it-regexp": "^0.4.0",
+    "markdown-it-sub": "^1.0.0",
+    "markdown-it-sup": "^1.0.0",
     "markdown-pdf": "^7.0.0",
     "meta-marked": "^0.4.1",
     "method-override": "^2.3.6",
@@ -42,9 +73,12 @@
     "passport-google-oauth20": "^1.0.0",
     "passport-twitter": "^1.0.4",
     "passport.socketio": "^3.6.2",
+    "pdfobject": "^2.0.201604172",
     "pg": "^6.0.3",
     "pg-hstore": "^2.3.2",
+    "prismjs": "^1.5.1",
     "randomcolor": "^0.4.4",
+    "raphael": "github:dmitrybaranovskiy/raphael",
     "request": "^2.74.0",
     "reveal.js": "3.3.0",
     "sequelize": "^3.23.6",
@@ -52,20 +86,43 @@
     "shortid": "2.2.6",
     "socket.io": "1.4.8",
     "sqlite3": "^3.1.4",
+    "store": "^1.3.20",
     "string": "^3.3.1",
     "tedious": "^1.14.0",
+    "to-markdown": "^3.0.1",
     "toobusy-js": "^0.5.1",
-    "winston": "^2.2.0"
+    "visibilityjs": "^1.2.4",
+    "viz.js": "^1.3.0",
+    "winston": "^2.2.0",
+    "xss": "^0.2.13"
   },
   "engines": {
     "node": ">=4.x"
   },
   "bugs": "https://github.com/hackmdio/hackmd/issues",
-  "keywords": ["Collaborative", "Markdown", "Notes"],
+  "keywords": [
+    "Collaborative",
+    "Markdown",
+    "Notes"
+  ],
   "homepage": "https://hackmd.io",
-  "maintainers": [{"name": "Max Wu", "email": "jackymaxj@gmail.com"}],
+  "maintainers": [
+    {
+      "name": "Max Wu",
+      "email": "jackymaxj@gmail.com"
+    }
+  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/hackmdio/hackmd.git"
+  },
+  "devDependencies": {
+    "babel-loader": "^6.2.5",
+    "bower-webpack-plugin": "^0.1.9",
+    "css-loader": "^0.25.0",
+    "extract-text-webpack-plugin": "^1.0.1",
+    "imports-loader": "^0.6.5",
+    "json-loader": "^0.5.4",
+    "webpack": "^1.13.2"
   }
 }
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 0000000..01adea9
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,64 @@
+var webpack = require('webpack');
+var path = require('path');
+var ExtractTextPlugin = require("extract-text-webpack-plugin");
+
+module.exports = {
+  plugins: [
+    new webpack.ProvidePlugin({
+      '_': 'lodash',
+      jquery: "jquery",
+      jQuery: "jquery",
+      $: "jquery",
+      "window.jQuery": "jquery",
+      Visibility: "visibilityjs",
+      Cookies: "js-cookie",
+      CodeMirror: "codemirror"
+    }),
+    new webpack.DefinePlugin({
+      "require.specified": "require.resolve"
+    })
+  ],
+
+  entry: {
+    app: path.join(__dirname, 'public/js/app.js')
+  },
+
+  output: {
+    path: path.join(__dirname, 'public/build/js'),
+    filename: '[name].js'
+  },
+
+  resolve: {
+    root: [
+      path.resolve(__dirname, 'src'),
+      path.resolve(__dirname, 'node_modules')
+    ],
+    extensions: ["", ".js"],
+    alias: {
+      'jquery-ui': 'jquery-ui/ui/widgets'
+    }
+  },
+
+  module: {
+    loaders: [{
+      test: /\.json$/,
+      loader: 'json-loader'
+    }, {
+      test: /\.css$/,
+      loader: ExtractTextPlugin.extract({
+        fallbackLoader: "style-loader",
+        loader: "css-loader"
+      })
+    }, {
+      test: /\.scss$/,
+      loaders: ['style', 'css', 'sass']
+    }, {
+      test: require.resolve("js-sequence-diagrams"),
+      loader: "imports?Raphael=raphael"
+    }]
+  },
+
+  node: {
+    fs: "empty"
+  }
+};

From 8e11c19bed6b99b5476d9d7a6125dcfdd4119064 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Fri, 7 Oct 2016 23:06:10 +0800
Subject: [PATCH 04/54] Move out script tag and use js instead

---
 public/js/app.js      |  1 +
 public/js/index.js    | 82 ++++++++++++++++++++++++++++++++++++++++---
 public/views/foot.ejs | 55 ++---------------------------
 3 files changed, 80 insertions(+), 58 deletions(-)
 create mode 100644 public/js/app.js

diff --git a/public/js/app.js b/public/js/app.js
new file mode 100644
index 0000000..fe86450
--- /dev/null
+++ b/public/js/app.js
@@ -0,0 +1 @@
+require('./index');
diff --git a/public/js/index.js b/public/js/index.js
index 03729de..9590a4e 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -1,3 +1,75 @@
+/* include jquery ui */
+require('jquery-ui/ui/widgets/resizable');
+require('jquery-ui/ui/widgets/tooltip');
+require('jquery-ui/ui/widgets/controlgroup');
+require('jquery-ui/ui/widgets/autocomplete');
+
+/* jquery and jquery plugins */
+require('jquery');
+require('jquery-textcomplete');
+require('jquery-mousewheel');
+require('../vendor/jquery-scrollspy');
+require('../vendor/showup/showup');
+
+/* bootstrap */
+require('bootstrap');
+
+/* code mirror plugins */
+require('codemirror/keymap/vim');
+require('codemirror/keymap/emacs');
+require('codemirror/keymap/sublime');
+
+require('../vendor/inlineAttachment/inline-attachment');
+require('../vendor/inlineAttachment/codemirror.inline-attachment');
+require('../vendor/codemirror-spell-checker/spell-checker.min');
+
+/* operational transformation */
+require('../vendor/ot/ot.min');
+
+/* other vendors plugin */
+require('markdown-it');
+require('markdown-it-abbr');
+require('markdown-it-footnote');
+require('markdown-it-deflist');
+require('markdown-it-mark');
+require('markdown-it-ins');
+require('markdown-it-sub');
+require('markdown-it-sup');
+require('markdown-it-container');
+require('markdown-it-mathjax');
+require('markdown-it-regexp');
+require('markdown-it-imsize');
+
+require('gist-embed');
+require('lz-string');
+require('xss');
+require('string');
+require('highlight.js');
+require('prismjs');
+require('prismjs/components/prism-wiki');
+require('js-cookie');
+require('emojify.js');
+require('to-markdown');
+
+require('raphael');
+require('js-sequence-diagrams');
+
+require('flowchart.js');
+require('viz.js');
+require('pdfobject');
+require('file-saver');
+require('store');
+require('js-url');
+require('visibilityjs');
+require('list.js');
+require('../vendor/md-toc');
+require('randomcolor');
+require('keymaster');
+
+var common = require('./common.js');
+
+var serverurl = common.serverurl;
+
 var defaultTextHeight = 20;
 var viewportMargin = 20;
 var mac = CodeMirror.keyMap["default"] == CodeMirror.keyMap.macDefault;
@@ -126,7 +198,7 @@ function wrapTextWith(cm, symbol) {
                     };
                     var postText = cm.getRange(postEndPos, from);
                     var postIndex = wrapSymbols.indexOf(postText);
-                    // check if surround symbol are list in array and matched 
+                    // check if surround symbol are list in array and matched
                     if (preIndex > -1 && postIndex > -1 && preIndex === postIndex) {
                         cm.replaceRange("", to, preEndPos, '+delete');
                         cm.replaceRange("", postEndPos, from, '+delete');
@@ -1035,7 +1107,7 @@ function checkEditorStyle() {
             },
             stop: function (e) {
                 lastEditorWidth = ui.area.edit.width();
-                // workaround that scroll event bindings 
+                // workaround that scroll event bindings
                 preventSyncScrollToView = 2;
                 preventSyncScrollToEdit = true;
                 editor.setOption('viewportMargin', viewportMargin);
@@ -1269,12 +1341,12 @@ function changeMode(type) {
         preventSyncScrollToView = 2;
         syncScrollToEdit(null, true);
     }
-    
+
     if (lastMode == modeType.edit && currentMode == modeType.both) {
         preventSyncScrollToEdit = 2;
         syncScrollToView(null, true);
     }
-    
+
     if (lastMode == modeType.both && currentMode != modeType.both) {
         preventSyncScrollToView = false;
         preventSyncScrollToEdit = false;
@@ -1675,7 +1747,7 @@ function parseRevisions(_revisions) {
     }
 }
 function selectRevision(time) {
-    if (time == revisionTime) return; 
+    if (time == revisionTime) return;
     $.get(noteurl + '/revision/' + time)
         .done(function(data) {
             revision = data;
diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index 9328ac9..128302f 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -14,65 +14,15 @@
 <script src="//cdnjs.cloudflare.com/ajax/libs/mermaid/6.0.0/mermaid.min.js" defer></script>
 <% } else { %>
 <script src="<%- url %>/vendor/spin.js/spin.min.js" defer></script>
-<script src="<%- url %>/vendor/jquery/dist/jquery.min.js"></script>
 <script src="<%- url %>/vendor/velocity/velocity.min.js" defer></script>
-<script src="<%- url %>/vendor/jquery-mousewheel/jquery.mousewheel.min.js" defer></script>
-<script src="<%- url %>/vendor/bootstrap/dist/js/bootstrap.min.js" defer></script>
 <script src="<%- url %>/vendor/socket.io-client/socket.io.js" defer></script>
 <script src="<%- url %>/vendor/js-yaml/dist/js-yaml.min.js" defer></script>
 <script type="text/javascript" src="<%- url %>/vendor/MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML" defer></script>
 <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
 <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
 <% } %>
-<script src="<%- url %>/vendor/jquery-ui/jquery-ui.min.js" defer></script>
-<!--codemirror-->
-<script src="<%- url %>/vendor/codemirror/codemirror.min.js" defer></script>
-<script src="<%- url %>/vendor/inlineAttachment/inline-attachment.js" defer></script>
-<script src="<%- url %>/vendor/inlineAttachment/codemirror.inline-attachment.js" defer></script>
-<script src="<%- url %>/vendor/codemirror-spell-checker/spell-checker.min.js" defer></script>
-<!--ot-->
-<script src="<%- url %>/vendor/ot/ot.min.js" defer></script>
-<!--others-->
-<script src="<%- url %>/vendor/markdown-it/dist/markdown-it.min.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-abbr/dist/markdown-it-abbr.min.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-footnote/dist/markdown-it-footnote.min.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-deflist/dist/markdown-it-deflist.min.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-mark/dist/markdown-it-mark.min.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-ins/dist/markdown-it-ins.min.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-sub/dist/markdown-it-sub.min.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-sup/dist/markdown-it-sup.min.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-container/dist/markdown-it-container.min.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-mathjax.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-regexp.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-imsize.js" defer></script>
-<script src="<%- url %>/vendor/gist-embed/gist-embed.min.js" defer></script>
-<script src="<%- url %>/vendor/lz-string/libs/lz-string.min.js" defer></script>
-<script src="<%- url %>/vendor/xss/dist/xss.min.js" defer></script>
-<script src="<%- url %>/vendor/string/dist/string.min.js" defer></script>
-<script src="<%- url %>/vendor/highlightjs/highlight.pack.min.js" defer></script>
-<script src="<%- url %>/vendor/prism/prism.js" defer></script>
-<script src="<%- url %>/vendor/prism/components/prism-wiki.min.js" defer></script>
-<script src="<%- url %>/vendor/js-cookie/src/js.cookie.js" defer></script>
-<script src="<%- url %>/vendor/handlebars/handlebars.min.js" defer></script>
-<script src="<%- url %>/vendor/emojify/js/emojify.min.js" defer></script>
-<script src="<%- url %>/vendor/to-markdown/dist/to-markdown.js" defer></script>
-<script src="<%- url %>/vendor/raphael/raphael.min.js" defer></script>
-<script src="<%- url %>/vendor/lodash/dist/lodash.min.js" defer></script>
-<script src="<%- url %>/vendor/sequence-diagrams/sequence-diagram-min.js" defer></script>
-<script src="<%- url %>/vendor/flowchart/release/flowchart.min.js" defer></script>
-<script src="<%- url %>/vendor/viz.js/viz.js" defer></script>
-<script src="<%- url %>/vendor/pdfobject/pdfobject.min.js" defer></script>
-<script src="<%- url %>/vendor/file-saver/FileSaver.min.js" defer></script>
-<script src="<%- url %>/vendor/store-js/store.min.js" defer></script>
-<script src="<%- url %>/vendor/js-url/url.min.js" defer></script>
-<script src="<%- url %>/vendor/jquery-textcomplete/jquery.textcomplete.js" defer></script>
-<script src="<%- url %>/vendor/Idle.Js/build/idle.min.js" defer></script>
-<script src="<%- url %>/vendor/visibilityjs/lib/visibility.core.js" defer></script>
-<script src="<%- url %>/vendor/list.js/dist/list.min.js" defer></script>
-<script src="<%- url %>/vendor/md-toc.js" defer></script>
-<script src="<%- url %>/vendor/showup/showup.js" defer></script>
-<script src="<%- url %>/vendor/randomcolor/randomColor.js" defer></script>
-<script src="<%- url %>/vendor/keymaster/keymaster.js" defer></script>
+<script src="<%- url %>/vendor/idle.min.js" defer></script>
+<script src="<%- url %>/build/js/app.js" defer></script>
 <script src="<%- url %>/js/google-drive-upload.js" defer></script>
 <script src="<%- url %>/js/google-drive-picker.js" defer></script>
 <script src="<%- url %>/js/common.js" defer></script>
@@ -81,4 +31,3 @@
 <script src="<%- url %>/js/history.js" defer></script>
 <script src="<%- url %>/js/reveal-markdown.js" defer></script>
 <script src="<%- url %>/js/syncscroll.js" defer></script>
-<script src="<%- url %>/js/index.js" defer></script>
\ No newline at end of file

From b8467a562c087a63c30d2cfe02494ab3229fa89b Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sat, 8 Oct 2016 10:07:12 +0800
Subject: [PATCH 05/54] Remove Idle.Js dependency

use vendor minified js for now
---
 package.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/package.json b/package.json
index 6ca6719..308d828 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,6 @@
     "build": "webpack --config webpack.config.js --progress --colors --watch"
   },
   "dependencies": {
-    "Idle.Js": "github:shawnmclean/Idle.js",
     "async": "^2.0.1",
     "blueimp-md5": "^2.3.0",
     "body-parser": "^1.15.2",

From ab2131116181a95e9eefa410bac25682396b2e05 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sat, 8 Oct 2016 10:16:49 +0800
Subject: [PATCH 06/54] Change npm task 'build' to 'dev'

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 308d828..4ff2d25 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "main": "app.js",
   "license": "MIT",
   "scripts": {
-    "build": "webpack --config webpack.config.js --progress --colors --watch"
+    "dev": "webpack --config webpack.config.js --progress --colors --watch"
   },
   "dependencies": {
     "async": "^2.0.1",

From ebee5a8d05a0282f5f584abc7d1eaa26d9d17ad8 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sat, 8 Oct 2016 19:56:38 +0800
Subject: [PATCH 07/54] Use xss in script tag

---
 package.json             | 3 +--
 public/js/index.js       | 1 -
 public/vendor/xss.min.js | 1 +
 public/views/foot.ejs    | 1 +
 4 files changed, 3 insertions(+), 3 deletions(-)
 create mode 100644 public/vendor/xss.min.js

diff --git a/package.json b/package.json
index 4ff2d25..5c71cd0 100644
--- a/package.json
+++ b/package.json
@@ -92,8 +92,7 @@
     "toobusy-js": "^0.5.1",
     "visibilityjs": "^1.2.4",
     "viz.js": "^1.3.0",
-    "winston": "^2.2.0",
-    "xss": "^0.2.13"
+    "winston": "^2.2.0"
   },
   "engines": {
     "node": ">=4.x"
diff --git a/public/js/index.js b/public/js/index.js
index 9590a4e..90a3daf 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -42,7 +42,6 @@ require('markdown-it-imsize');
 
 require('gist-embed');
 require('lz-string');
-require('xss');
 require('string');
 require('highlight.js');
 require('prismjs');
diff --git a/public/vendor/xss.min.js b/public/vendor/xss.min.js
new file mode 100644
index 0000000..48d7880
--- /dev/null
+++ b/public/vendor/xss.min.js
@@ -0,0 +1 @@
+(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){var FilterCSS=require("cssfilter").FilterCSS;var _=require("./util");function getDefaultWhiteList(){return{a:["target","href","title"],abbr:["title"],address:[],area:["shape","coords","href","alt"],article:[],aside:[],audio:["autoplay","controls","loop","preload","src"],b:[],bdi:["dir"],bdo:["dir"],big:[],blockquote:["cite"],br:[],caption:[],center:[],cite:[],code:[],col:["align","valign","span","width"],colgroup:["align","valign","span","width"],dd:[],del:["datetime"],details:["open"],div:[],dl:[],dt:[],em:[],font:["color","size","face"],footer:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],header:[],hr:[],i:[],img:["src","alt","title","width","height"],ins:["datetime"],li:[],mark:[],nav:[],ol:[],p:[],pre:[],s:[],section:[],small:[],span:[],sub:[],sup:[],strong:[],table:["width","border","align","valign"],tbody:["align","valign"],td:["width","rowspan","colspan","align","valign"],tfoot:["align","valign"],th:["width","rowspan","colspan","align","valign"],thead:["align","valign"],tr:["rowspan","align","valign"],tt:[],u:[],ul:[],video:["autoplay","controls","loop","preload","src","height","width"]}}var defaultCSSFilter=new FilterCSS;function onTag(tag,html,options){}function onIgnoreTag(tag,html,options){}function onTagAttr(tag,name,value){}function onIgnoreTagAttr(tag,name,value){}function escapeHtml(html){return html.replace(REGEXP_LT,"&lt;").replace(REGEXP_GT,"&gt;")}function safeAttrValue(tag,name,value,cssFilter){cssFilter=cssFilter||defaultCSSFilter;value=friendlyAttrValue(value);if(name==="href"||name==="src"){value=_.trim(value);if(value==="#")return"#";if(!(value.substr(0,7)==="http://"||value.substr(0,8)==="https://"||value.substr(0,7)==="mailto:"||value[0]==="#"||value[0]==="/")){return""}}else if(name==="background"){REGEXP_DEFAULT_ON_TAG_ATTR_4.lastIndex=0;if(REGEXP_DEFAULT_ON_TAG_ATTR_4.test(value)){return""}}else if(name==="style"){REGEXP_DEFAULT_ON_TAG_ATTR_7.lastIndex=0;if(REGEXP_DEFAULT_ON_TAG_ATTR_7.test(value)){return""}REGEXP_DEFAULT_ON_TAG_ATTR_8.lastIndex=0;if(REGEXP_DEFAULT_ON_TAG_ATTR_8.test(value)){REGEXP_DEFAULT_ON_TAG_ATTR_4.lastIndex=0;if(REGEXP_DEFAULT_ON_TAG_ATTR_4.test(value)){return""}}value=cssFilter.process(value)}value=escapeAttrValue(value);return value}var REGEXP_LT=/</g;var REGEXP_GT=/>/g;var REGEXP_QUOTE=/"/g;var REGEXP_QUOTE_2=/&quot;/g;var REGEXP_ATTR_VALUE_1=/&#([a-zA-Z0-9]*);?/gim;var REGEXP_ATTR_VALUE_COLON=/&colon;?/gim;var REGEXP_ATTR_VALUE_NEWLINE=/&newline;?/gim;var REGEXP_DEFAULT_ON_TAG_ATTR_3=/\/\*|\*\//gm;var REGEXP_DEFAULT_ON_TAG_ATTR_4=/((j\s*a\s*v\s*a|v\s*b|l\s*i\s*v\s*e)\s*s\s*c\s*r\s*i\s*p\s*t\s*|m\s*o\s*c\s*h\s*a)\:/gi;var REGEXP_DEFAULT_ON_TAG_ATTR_5=/^[\s"'`]*(d\s*a\s*t\s*a\s*)\:/gi;var REGEXP_DEFAULT_ON_TAG_ATTR_6=/^[\s"'`]*(d\s*a\s*t\s*a\s*)\:\s*image\//gi;var REGEXP_DEFAULT_ON_TAG_ATTR_7=/e\s*x\s*p\s*r\s*e\s*s\s*s\s*i\s*o\s*n\s*\(.*/gi;var REGEXP_DEFAULT_ON_TAG_ATTR_8=/u\s*r\s*l\s*\(.*/gi;function escapeQuote(str){return str.replace(REGEXP_QUOTE,"&quot;")}function unescapeQuote(str){return str.replace(REGEXP_QUOTE_2,'"')}function escapeHtmlEntities(str){return str.replace(REGEXP_ATTR_VALUE_1,function replaceUnicode(str,code){return code[0]==="x"||code[0]==="X"?String.fromCharCode(parseInt(code.substr(1),16)):String.fromCharCode(parseInt(code,10))})}function escapeDangerHtml5Entities(str){return str.replace(REGEXP_ATTR_VALUE_COLON,":").replace(REGEXP_ATTR_VALUE_NEWLINE," ")}function clearNonPrintableCharacter(str){var str2="";for(var i=0,len=str.length;i<len;i++){str2+=str.charCodeAt(i)<32?" ":str.charAt(i)}return _.trim(str2)}function friendlyAttrValue(str){str=unescapeQuote(str);str=escapeHtmlEntities(str);str=escapeDangerHtml5Entities(str);str=clearNonPrintableCharacter(str);return str}function escapeAttrValue(str){str=escapeQuote(str);str=escapeHtml(str);return str}function onIgnoreTagStripAll(){return""}function StripTagBody(tags,next){if(typeof next!=="function"){next=function(){}}var isRemoveAllTag=!Array.isArray(tags);function isRemoveTag(tag){if(isRemoveAllTag)return true;return _.indexOf(tags,tag)!==-1}var removeList=[];var posStart=false;return{onIgnoreTag:function(tag,html,options){if(isRemoveTag(tag)){if(options.isClosing){var ret="[/removed]";var end=options.position+ret.length;removeList.push([posStart!==false?posStart:options.position,end]);posStart=false;return ret}else{if(!posStart){posStart=options.position}return"[removed]"}}else{return next(tag,html,options)}},remove:function(html){var rethtml="";var lastPos=0;_.forEach(removeList,function(pos){rethtml+=html.slice(lastPos,pos[0]);lastPos=pos[1]});rethtml+=html.slice(lastPos);return rethtml}}}function stripCommentTag(html){return html.replace(STRIP_COMMENT_TAG_REGEXP,"")}var STRIP_COMMENT_TAG_REGEXP=/<!--[\s\S]*?-->/g;function stripBlankChar(html){var chars=html.split("");chars=chars.filter(function(char){var c=char.charCodeAt(0);if(c===127)return false;if(c<=31){if(c===10||c===13)return true;return false}return true});return chars.join("")}exports.whiteList=getDefaultWhiteList();exports.getDefaultWhiteList=getDefaultWhiteList;exports.onTag=onTag;exports.onIgnoreTag=onIgnoreTag;exports.onTagAttr=onTagAttr;exports.onIgnoreTagAttr=onIgnoreTagAttr;exports.safeAttrValue=safeAttrValue;exports.escapeHtml=escapeHtml;exports.escapeQuote=escapeQuote;exports.unescapeQuote=unescapeQuote;exports.escapeHtmlEntities=escapeHtmlEntities;exports.escapeDangerHtml5Entities=escapeDangerHtml5Entities;exports.clearNonPrintableCharacter=clearNonPrintableCharacter;exports.friendlyAttrValue=friendlyAttrValue;exports.escapeAttrValue=escapeAttrValue;exports.onIgnoreTagStripAll=onIgnoreTagStripAll;exports.StripTagBody=StripTagBody;exports.stripCommentTag=stripCommentTag;exports.stripBlankChar=stripBlankChar;exports.cssFilter=defaultCSSFilter},{"./util":4,cssfilter:8}],2:[function(require,module,exports){var DEFAULT=require("./default");var parser=require("./parser");var FilterXSS=require("./xss");function filterXSS(html,options){var xss=new FilterXSS(options);return xss.process(html)}exports=module.exports=filterXSS;exports.FilterXSS=FilterXSS;for(var i in DEFAULT)exports[i]=DEFAULT[i];for(var i in parser)exports[i]=parser[i];if(typeof window!=="undefined"){window.filterXSS=module.exports}},{"./default":1,"./parser":3,"./xss":5}],3:[function(require,module,exports){var _=require("./util");function getTagName(html){var i=html.indexOf(" ");if(i===-1){var tagName=html.slice(1,-1)}else{var tagName=html.slice(1,i+1)}tagName=_.trim(tagName).toLowerCase();if(tagName.slice(0,1)==="/")tagName=tagName.slice(1);if(tagName.slice(-1)==="/")tagName=tagName.slice(0,-1);return tagName}function isClosing(html){return html.slice(0,2)==="</"}function parseTag(html,onTag,escapeHtml){"user strict";var rethtml="";var lastPos=0;var tagStart=false;var quoteStart=false;var currentPos=0;var len=html.length;var currentHtml="";var currentTagName="";for(currentPos=0;currentPos<len;currentPos++){var c=html.charAt(currentPos);if(tagStart===false){if(c==="<"){tagStart=currentPos;continue}}else{if(quoteStart===false){if(c==="<"){rethtml+=escapeHtml(html.slice(lastPos,currentPos));tagStart=currentPos;lastPos=currentPos;continue}if(c===">"){rethtml+=escapeHtml(html.slice(lastPos,tagStart));currentHtml=html.slice(tagStart,currentPos+1);currentTagName=getTagName(currentHtml);rethtml+=onTag(tagStart,rethtml.length,currentTagName,currentHtml,isClosing(currentHtml));lastPos=currentPos+1;tagStart=false;continue}if((c==='"'||c==="'")&&html.charAt(currentPos-1)==="="){quoteStart=c;continue}}else{if(c===quoteStart){quoteStart=false;continue}}}}if(lastPos<html.length){rethtml+=escapeHtml(html.substr(lastPos))}return rethtml}var REGEXP_ATTR_NAME=/[^a-zA-Z0-9_:\.\-]/gim;function parseAttr(html,onAttr){"user strict";var lastPos=0;var retAttrs=[];var tmpName=false;var len=html.length;function addAttr(name,value){name=_.trim(name);name=name.replace(REGEXP_ATTR_NAME,"").toLowerCase();if(name.length<1)return;var ret=onAttr(name,value||"");if(ret)retAttrs.push(ret)}for(var i=0;i<len;i++){var c=html.charAt(i);var v,j;if(tmpName===false&&c==="="){tmpName=html.slice(lastPos,i);lastPos=i+1;continue}if(tmpName!==false){if(i===lastPos&&(c==='"'||c==="'")&&html.charAt(i-1)==="="){j=html.indexOf(c,i+1);if(j===-1){break}else{v=_.trim(html.slice(lastPos+1,j));addAttr(tmpName,v);tmpName=false;i=j;lastPos=i+1;continue}}}if(c===" "){if(tmpName===false){j=findNextEqual(html,i);if(j===-1){v=_.trim(html.slice(lastPos,i));addAttr(v);tmpName=false;lastPos=i+1;continue}else{i=j-1;continue}}else{j=findBeforeEqual(html,i-1);if(j===-1){v=_.trim(html.slice(lastPos,i));v=stripQuoteWrap(v);addAttr(tmpName,v);tmpName=false;lastPos=i+1;continue}else{continue}}}}if(lastPos<html.length){if(tmpName===false){addAttr(html.slice(lastPos))}else{addAttr(tmpName,stripQuoteWrap(_.trim(html.slice(lastPos))))}}return _.trim(retAttrs.join(" "))}function findNextEqual(str,i){for(;i<str.length;i++){var c=str[i];if(c===" ")continue;if(c==="=")return i;return-1}}function findBeforeEqual(str,i){for(;i>0;i--){var c=str[i];if(c===" ")continue;if(c==="=")return i;return-1}}function isQuoteWrapString(text){if(text[0]==='"'&&text[text.length-1]==='"'||text[0]==="'"&&text[text.length-1]==="'"){return true}else{return false}}function stripQuoteWrap(text){if(isQuoteWrapString(text)){return text.substr(1,text.length-2)}else{return text}}exports.parseTag=parseTag;exports.parseAttr=parseAttr},{"./util":4}],4:[function(require,module,exports){module.exports={indexOf:function(arr,item){var i,j;if(Array.prototype.indexOf){return arr.indexOf(item)}for(i=0,j=arr.length;i<j;i++){if(arr[i]===item){return i}}return-1},forEach:function(arr,fn,scope){var i,j;if(Array.prototype.forEach){return arr.forEach(fn,scope)}for(i=0,j=arr.length;i<j;i++){fn.call(scope,arr[i],i,arr)}},trim:function(str){if(String.prototype.trim){return str.trim()}return str.replace(/(^\s*)|(\s*$)/g,"")}}},{}],5:[function(require,module,exports){var FilterCSS=require("cssfilter").FilterCSS;var DEFAULT=require("./default");var parser=require("./parser");var parseTag=parser.parseTag;var parseAttr=parser.parseAttr;var _=require("./util");function isNull(obj){return obj===undefined||obj===null}function getAttrs(html){var i=html.indexOf(" ");if(i===-1){return{html:"",closing:html[html.length-2]==="/"}}html=_.trim(html.slice(i+1,-1));var isClosing=html[html.length-1]==="/";if(isClosing)html=_.trim(html.slice(0,-1));return{html:html,closing:isClosing}}function FilterXSS(options){options=options||{};if(options.stripIgnoreTag){if(options.onIgnoreTag){console.error('Notes: cannot use these two options "stripIgnoreTag" and "onIgnoreTag" at the same time')}options.onIgnoreTag=DEFAULT.onIgnoreTagStripAll}options.whiteList=options.whiteList||DEFAULT.whiteList;options.onTag=options.onTag||DEFAULT.onTag;options.onTagAttr=options.onTagAttr||DEFAULT.onTagAttr;options.onIgnoreTag=options.onIgnoreTag||DEFAULT.onIgnoreTag;options.onIgnoreTagAttr=options.onIgnoreTagAttr||DEFAULT.onIgnoreTagAttr;options.safeAttrValue=options.safeAttrValue||DEFAULT.safeAttrValue;options.escapeHtml=options.escapeHtml||DEFAULT.escapeHtml;options.css=options.css||{};this.options=options;this.cssFilter=new FilterCSS(options.css)}FilterXSS.prototype.process=function(html){html=html||"";html=html.toString();if(!html)return"";var me=this;var options=me.options;var whiteList=options.whiteList;var onTag=options.onTag;var onIgnoreTag=options.onIgnoreTag;var onTagAttr=options.onTagAttr;var onIgnoreTagAttr=options.onIgnoreTagAttr;var safeAttrValue=options.safeAttrValue;var escapeHtml=options.escapeHtml;var cssFilter=me.cssFilter;if(options.stripBlankChar){html=DEFAULT.stripBlankChar(html)}if(!options.allowCommentTag){html=DEFAULT.stripCommentTag(html)}var stripIgnoreTagBody=false;if(options.stripIgnoreTagBody){var stripIgnoreTagBody=DEFAULT.StripTagBody(options.stripIgnoreTagBody,onIgnoreTag);onIgnoreTag=stripIgnoreTagBody.onIgnoreTag}var retHtml=parseTag(html,function(sourcePosition,position,tag,html,isClosing){var info={sourcePosition:sourcePosition,position:position,isClosing:isClosing,isWhite:tag in whiteList};var ret=onTag(tag,html,info);if(!isNull(ret))return ret;if(info.isWhite){if(info.isClosing){return"</"+tag+">"}var attrs=getAttrs(html);var whiteAttrList=whiteList[tag];var attrsHtml=parseAttr(attrs.html,function(name,value){var isWhiteAttr=_.indexOf(whiteAttrList,name)!==-1;var ret=onTagAttr(tag,name,value,isWhiteAttr);if(!isNull(ret))return ret;if(isWhiteAttr){value=safeAttrValue(tag,name,value,cssFilter);if(value){return name+'="'+value+'"'}else{return name}}else{var ret=onIgnoreTagAttr(tag,name,value,isWhiteAttr);if(!isNull(ret))return ret;return}});var html="<"+tag;if(attrsHtml)html+=" "+attrsHtml;if(attrs.closing)html+=" /";html+=">";return html}else{var ret=onIgnoreTag(tag,html,info);if(!isNull(ret))return ret;return escapeHtml(html)}},escapeHtml);if(stripIgnoreTagBody){retHtml=stripIgnoreTagBody.remove(retHtml)}return retHtml};module.exports=FilterXSS},{"./default":1,"./parser":3,"./util":4,cssfilter:8}],6:[function(require,module,exports){var DEFAULT=require("./default");var parseStyle=require("./parser");var _=require("./util");function isNull(obj){return obj===undefined||obj===null}function FilterCSS(options){options=options||{};options.whiteList=options.whiteList||DEFAULT.whiteList;options.onAttr=options.onAttr||DEFAULT.onAttr;options.onIgnoreAttr=options.onIgnoreAttr||DEFAULT.onIgnoreAttr;this.options=options}FilterCSS.prototype.process=function(css){css=css||"";css=css.toString();if(!css)return"";var me=this;var options=me.options;var whiteList=options.whiteList;var onAttr=options.onAttr;var onIgnoreAttr=options.onIgnoreAttr;var retCSS=parseStyle(css,function(sourcePosition,position,name,value,source){var check=whiteList[name];var isWhite=false;if(check===true)isWhite=check;else if(typeof check==="function")isWhite=check(value);else if(check instanceof RegExp)isWhite=check.test(value);if(isWhite!==true)isWhite=false;var opts={position:position,sourcePosition:sourcePosition,source:source,isWhite:isWhite};if(isWhite){var ret=onAttr(name,value,opts);if(isNull(ret)){return name+":"+value}else{return ret}}else{var ret=onIgnoreAttr(name,value,opts);if(!isNull(ret)){return ret}}});return retCSS};module.exports=FilterCSS},{"./default":7,"./parser":9,"./util":10}],7:[function(require,module,exports){function getDefaultWhiteList(){var whiteList={};whiteList["align-content"]=false;whiteList["align-items"]=false;whiteList["align-self"]=false;whiteList["alignment-adjust"]=false;whiteList["alignment-baseline"]=false;whiteList["all"]=false;whiteList["anchor-point"]=false;whiteList["animation"]=false;whiteList["animation-delay"]=false;whiteList["animation-direction"]=false;whiteList["animation-duration"]=false;whiteList["animation-fill-mode"]=false;whiteList["animation-iteration-count"]=false;whiteList["animation-name"]=false;whiteList["animation-play-state"]=false;whiteList["animation-timing-function"]=false;whiteList["azimuth"]=false;whiteList["backface-visibility"]=false;whiteList["background"]=true;whiteList["background-attachment"]=true;whiteList["background-clip"]=true;whiteList["background-color"]=true;whiteList["background-image"]=true;whiteList["background-origin"]=true;whiteList["background-position"]=true;whiteList["background-repeat"]=true;whiteList["background-size"]=true;whiteList["baseline-shift"]=false;whiteList["binding"]=false;whiteList["bleed"]=false;whiteList["bookmark-label"]=false;whiteList["bookmark-level"]=false;whiteList["bookmark-state"]=false;whiteList["border"]=true;whiteList["border-bottom"]=true;whiteList["border-bottom-color"]=true;whiteList["border-bottom-left-radius"]=true;whiteList["border-bottom-right-radius"]=true;whiteList["border-bottom-style"]=true;whiteList["border-bottom-width"]=true;whiteList["border-collapse"]=true;whiteList["border-color"]=true;whiteList["border-image"]=true;whiteList["border-image-outset"]=true;whiteList["border-image-repeat"]=true;whiteList["border-image-slice"]=true;whiteList["border-image-source"]=true;whiteList["border-image-width"]=true;whiteList["border-left"]=true;whiteList["border-left-color"]=true;whiteList["border-left-style"]=true;whiteList["border-left-width"]=true;whiteList["border-radius"]=true;whiteList["border-right"]=true;whiteList["border-right-color"]=true;whiteList["border-right-style"]=true;whiteList["border-right-width"]=true;whiteList["border-spacing"]=true;whiteList["border-style"]=true;whiteList["border-top"]=true;whiteList["border-top-color"]=true;whiteList["border-top-left-radius"]=true;whiteList["border-top-right-radius"]=true;whiteList["border-top-style"]=true;whiteList["border-top-width"]=true;whiteList["border-width"]=true;whiteList["bottom"]=false;whiteList["box-decoration-break"]=true;whiteList["box-shadow"]=true;whiteList["box-sizing"]=true;whiteList["box-snap"]=true;whiteList["box-suppress"]=true;whiteList["break-after"]=true;whiteList["break-before"]=true;whiteList["break-inside"]=true;whiteList["caption-side"]=false;whiteList["chains"]=false;whiteList["clear"]=true;whiteList["clip"]=false;whiteList["clip-path"]=false;whiteList["clip-rule"]=false;whiteList["color"]=true;whiteList["color-interpolation-filters"]=true;whiteList["column-count"]=false;whiteList["column-fill"]=false;whiteList["column-gap"]=false;whiteList["column-rule"]=false;whiteList["column-rule-color"]=false;whiteList["column-rule-style"]=false;whiteList["column-rule-width"]=false;whiteList["column-span"]=false;whiteList["column-width"]=false;whiteList["columns"]=false;whiteList["contain"]=false;whiteList["content"]=false;whiteList["counter-increment"]=false;whiteList["counter-reset"]=false;whiteList["counter-set"]=false;whiteList["crop"]=false;whiteList["cue"]=false;whiteList["cue-after"]=false;whiteList["cue-before"]=false;whiteList["cursor"]=false;whiteList["direction"]=false;whiteList["display"]=true;whiteList["display-inside"]=true;whiteList["display-list"]=true;whiteList["display-outside"]=true;whiteList["dominant-baseline"]=false;whiteList["elevation"]=false;whiteList["empty-cells"]=false;whiteList["filter"]=false;whiteList["flex"]=false;whiteList["flex-basis"]=false;whiteList["flex-direction"]=false;whiteList["flex-flow"]=false;whiteList["flex-grow"]=false;whiteList["flex-shrink"]=false;whiteList["flex-wrap"]=false;whiteList["float"]=false;whiteList["float-offset"]=false;whiteList["flood-color"]=false;whiteList["flood-opacity"]=false;whiteList["flow-from"]=false;whiteList["flow-into"]=false;whiteList["font"]=true;whiteList["font-family"]=true;whiteList["font-feature-settings"]=true;whiteList["font-kerning"]=true;whiteList["font-language-override"]=true;whiteList["font-size"]=true;whiteList["font-size-adjust"]=true;whiteList["font-stretch"]=true;whiteList["font-style"]=true;whiteList["font-synthesis"]=true;whiteList["font-variant"]=true;whiteList["font-variant-alternates"]=true;whiteList["font-variant-caps"]=true;whiteList["font-variant-east-asian"]=true;whiteList["font-variant-ligatures"]=true;whiteList["font-variant-numeric"]=true;whiteList["font-variant-position"]=true;whiteList["font-weight"]=true;whiteList["grid"]=false;whiteList["grid-area"]=false;whiteList["grid-auto-columns"]=false;whiteList["grid-auto-flow"]=false;whiteList["grid-auto-rows"]=false;whiteList["grid-column"]=false;whiteList["grid-column-end"]=false;whiteList["grid-column-start"]=false;whiteList["grid-row"]=false;whiteList["grid-row-end"]=false;whiteList["grid-row-start"]=false;whiteList["grid-template"]=false;whiteList["grid-template-areas"]=false;whiteList["grid-template-columns"]=false;whiteList["grid-template-rows"]=false;whiteList["hanging-punctuation"]=false;whiteList["height"]=true;whiteList["hyphens"]=false;whiteList["icon"]=false;whiteList["image-orientation"]=false;whiteList["image-resolution"]=false;whiteList["ime-mode"]=false;whiteList["initial-letters"]=false;whiteList["inline-box-align"]=false;whiteList["justify-content"]=false;whiteList["justify-items"]=false;whiteList["justify-self"]=false;whiteList["left"]=false;whiteList["letter-spacing"]=true;whiteList["lighting-color"]=true;whiteList["line-box-contain"]=false;whiteList["line-break"]=false;whiteList["line-grid"]=false;whiteList["line-height"]=false;whiteList["line-snap"]=false;whiteList["line-stacking"]=false;whiteList["line-stacking-ruby"]=false;whiteList["line-stacking-shift"]=false;whiteList["line-stacking-strategy"]=false;whiteList["list-style"]=true;whiteList["list-style-image"]=true;whiteList["list-style-position"]=true;whiteList["list-style-type"]=true;whiteList["margin"]=true;whiteList["margin-bottom"]=true;whiteList["margin-left"]=true;whiteList["margin-right"]=true;whiteList["margin-top"]=true;whiteList["marker-offset"]=false;whiteList["marker-side"]=false;whiteList["marks"]=false;whiteList["mask"]=false;whiteList["mask-box"]=false;whiteList["mask-box-outset"]=false;whiteList["mask-box-repeat"]=false;whiteList["mask-box-slice"]=false;whiteList["mask-box-source"]=false;whiteList["mask-box-width"]=false;whiteList["mask-clip"]=false;whiteList["mask-image"]=false;whiteList["mask-origin"]=false;whiteList["mask-position"]=false;whiteList["mask-repeat"]=false;whiteList["mask-size"]=false;whiteList["mask-source-type"]=false;whiteList["mask-type"]=false;whiteList["max-height"]=true;whiteList["max-lines"]=false;whiteList["max-width"]=true;whiteList["min-height"]=true;whiteList["min-width"]=true;whiteList["move-to"]=false;whiteList["nav-down"]=false;whiteList["nav-index"]=false;whiteList["nav-left"]=false;whiteList["nav-right"]=false;whiteList["nav-up"]=false;whiteList["object-fit"]=false;whiteList["object-position"]=false;whiteList["opacity"]=false;whiteList["order"]=false;whiteList["orphans"]=false;whiteList["outline"]=false;whiteList["outline-color"]=false;whiteList["outline-offset"]=false;whiteList["outline-style"]=false;whiteList["outline-width"]=false;whiteList["overflow"]=false;whiteList["overflow-wrap"]=false;whiteList["overflow-x"]=false;whiteList["overflow-y"]=false;whiteList["padding"]=true;whiteList["padding-bottom"]=true;whiteList["padding-left"]=true;whiteList["padding-right"]=true;whiteList["padding-top"]=true;whiteList["page"]=false;whiteList["page-break-after"]=false;whiteList["page-break-before"]=false;whiteList["page-break-inside"]=false;whiteList["page-policy"]=false;whiteList["pause"]=false;whiteList["pause-after"]=false;whiteList["pause-before"]=false;whiteList["perspective"]=false;whiteList["perspective-origin"]=false;whiteList["pitch"]=false;whiteList["pitch-range"]=false;whiteList["play-during"]=false;whiteList["position"]=false;whiteList["presentation-level"]=false;whiteList["quotes"]=false;whiteList["region-fragment"]=false;whiteList["resize"]=false;whiteList["rest"]=false;whiteList["rest-after"]=false;whiteList["rest-before"]=false;whiteList["richness"]=false;whiteList["right"]=false;whiteList["rotation"]=false;whiteList["rotation-point"]=false;whiteList["ruby-align"]=false;whiteList["ruby-merge"]=false;whiteList["ruby-position"]=false;whiteList["shape-image-threshold"]=false;whiteList["shape-outside"]=false;whiteList["shape-margin"]=false;whiteList["size"]=false;whiteList["speak"]=false;whiteList["speak-as"]=false;whiteList["speak-header"]=false;whiteList["speak-numeral"]=false;whiteList["speak-punctuation"]=false;whiteList["speech-rate"]=false;whiteList["stress"]=false;whiteList["string-set"]=false;whiteList["tab-size"]=false;whiteList["table-layout"]=false;whiteList["text-align"]=true;whiteList["text-align-last"]=true;whiteList["text-combine-upright"]=true;whiteList["text-decoration"]=true;whiteList["text-decoration-color"]=true;whiteList["text-decoration-line"]=true;whiteList["text-decoration-skip"]=true;whiteList["text-decoration-style"]=true;whiteList["text-emphasis"]=true;whiteList["text-emphasis-color"]=true;whiteList["text-emphasis-position"]=true;whiteList["text-emphasis-style"]=true;whiteList["text-height"]=true;whiteList["text-indent"]=true;whiteList["text-justify"]=true;whiteList["text-orientation"]=true;whiteList["text-overflow"]=true;whiteList["text-shadow"]=true;whiteList["text-space-collapse"]=true;whiteList["text-transform"]=true;whiteList["text-underline-position"]=true;whiteList["text-wrap"]=true;whiteList["top"]=false;whiteList["transform"]=false;whiteList["transform-origin"]=false;whiteList["transform-style"]=false;whiteList["transition"]=false;whiteList["transition-delay"]=false;whiteList["transition-duration"]=false;whiteList["transition-property"]=false;whiteList["transition-timing-function"]=false;whiteList["unicode-bidi"]=false;whiteList["vertical-align"]=false;whiteList["visibility"]=false;whiteList["voice-balance"]=false;whiteList["voice-duration"]=false;whiteList["voice-family"]=false;whiteList["voice-pitch"]=false;whiteList["voice-range"]=false;whiteList["voice-rate"]=false;whiteList["voice-stress"]=false;whiteList["voice-volume"]=false;whiteList["volume"]=false;whiteList["white-space"]=false;whiteList["widows"]=false;whiteList["width"]=true;whiteList["will-change"]=false;whiteList["word-break"]=true;whiteList["word-spacing"]=true;whiteList["word-wrap"]=true;whiteList["wrap-flow"]=false;whiteList["wrap-through"]=false;whiteList["writing-mode"]=false;whiteList["z-index"]=false;return whiteList}function onAttr(name,value,options){}function onIgnoreAttr(name,value,options){}exports.whiteList=getDefaultWhiteList();exports.getDefaultWhiteList=getDefaultWhiteList;exports.onAttr=onAttr;exports.onIgnoreAttr=onIgnoreAttr},{}],8:[function(require,module,exports){var DEFAULT=require("./default");var FilterCSS=require("./css");function filterCSS(html,options){var xss=new FilterCSS(options);return xss.process(html)}exports=module.exports=filterCSS;exports.FilterCSS=FilterCSS;for(var i in DEFAULT)exports[i]=DEFAULT[i];if(typeof window!=="undefined"){window.filterCSS=module.exports}},{"./css":6,"./default":7}],9:[function(require,module,exports){var _=require("./util");function parseStyle(css,onAttr){css=_.trimRight(css);if(css[css.length-1]!==";")css+=";";var cssLength=css.length;var isParenthesisOpen=false;var lastPos=0;var i=0;var retCSS="";function addNewAttr(){if(!isParenthesisOpen){var source=_.trim(css.slice(lastPos,i));var j=source.indexOf(":");if(j!==-1){var name=_.trim(source.slice(0,j));var value=_.trim(source.slice(j+1));if(name){var ret=onAttr(lastPos,retCSS.length,name,value,source);if(ret)retCSS+=ret+"; "}}}lastPos=i+1}for(;i<cssLength;i++){var c=css[i];if(c==="/"&&css[i+1]==="*"){var j=css.indexOf("*/",i+2);if(j===-1)break;i=j+1;lastPos=i+1;isParenthesisOpen=false}else if(c==="("){isParenthesisOpen=true}else if(c===")"){isParenthesisOpen=false}else if(c===";"){if(isParenthesisOpen){}else{addNewAttr()}}else if(c==="\n"){addNewAttr()}}return _.trim(retCSS)}module.exports=parseStyle},{"./util":10}],10:[function(require,module,exports){module.exports={indexOf:function(arr,item){var i,j;if(Array.prototype.indexOf){return arr.indexOf(item)}for(i=0,j=arr.length;i<j;i++){if(arr[i]===item){return i}}return-1},forEach:function(arr,fn,scope){var i,j;if(Array.prototype.forEach){return arr.forEach(fn,scope)}for(i=0,j=arr.length;i<j;i++){fn.call(scope,arr[i],i,arr)}},trim:function(str){if(String.prototype.trim){return str.trim()}return str.replace(/(^\s*)|(\s*$)/g,"")},trimRight:function(str){if(String.prototype.trimRight){return str.trimRight()}return str.replace(/(\s*$)/g,"")}}},{}]},{},[2]);
\ No newline at end of file
diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index 128302f..a530eff 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -22,6 +22,7 @@
 <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
 <% } %>
 <script src="<%- url %>/vendor/idle.min.js" defer></script>
+<script src="<%- url %>/vendor/xss.min.js" defer></script>
 <script src="<%- url %>/build/js/app.js" defer></script>
 <script src="<%- url %>/js/google-drive-upload.js" defer></script>
 <script src="<%- url %>/js/google-drive-picker.js" defer></script>

From 0be342c44d5b6287c67922758f076e7897f6c3a8 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sat, 8 Oct 2016 19:58:26 +0800
Subject: [PATCH 08/54] Fix mutiple socket.on handling

---
 public/js/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/js/index.js b/public/js/index.js
index 90a3daf..dff278c 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -2250,7 +2250,7 @@ var socket = io.connect({
 var on = socket.on;
 socket.on = function () {
     if (!checkLoginStateChanged() && !needRefresh)
-        on.apply(socket, arguments);
+        return on.apply(socket, arguments);
 };
 var emit = socket.emit;
 socket.emit = function () {

From 963a435ae1e9248b42b4665acf106dcffa549678 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sat, 8 Oct 2016 20:02:30 +0800
Subject: [PATCH 09/54] Resolve dependency module requiring

* es5 style module exports
* remove script tag require
* webpack config ProvidePlugin

Note that this commit only fix JavaScript module loading runtime error.
---
 package.json            |  2 ++
 public/js/extra.js      | 77 ++++++++++++++++++++++++++++-------------
 public/js/history.js    | 16 ++++++++-
 public/js/index.js      | 59 ++++++++++++++++++++++++-------
 public/js/pretty.js     | 19 +++++++++-
 public/js/render.js     |  6 +++-
 public/js/syncscroll.js | 39 +++++++++++++--------
 public/views/foot.ejs   |  9 +++--
 webpack.config.js       |  7 +++-
 9 files changed, 175 insertions(+), 59 deletions(-)

diff --git a/package.json b/package.json
index 5c71cd0..3c7304e 100644
--- a/package.json
+++ b/package.json
@@ -64,6 +64,7 @@
     "morgan": "^1.7.0",
     "mysql": "^2.11.1",
     "node-uuid": "^1.4.7",
+    "ot": "0.0.15",
     "passport": "^0.3.2",
     "passport-dropbox-oauth2": "^1.1.0",
     "passport-facebook": "^2.1.1",
@@ -84,6 +85,7 @@
     "sequelize-cli": "^2.4.0",
     "shortid": "2.2.6",
     "socket.io": "1.4.8",
+    "socket.io-client": "^1.4.8",
     "sqlite3": "^3.1.4",
     "store": "^1.3.20",
     "string": "^3.3.1",
diff --git a/public/js/extra.js b/public/js/extra.js
index 77f298f..c6a0f43 100644
--- a/public/js/extra.js
+++ b/public/js/extra.js
@@ -224,7 +224,7 @@ function finishView(view) {
     });
     //emojify
     try {
-        emojify.run(view[0]);   
+        emojify.run(view[0]);
     } catch (err) {
         console.warn(err);
     }
@@ -245,12 +245,12 @@ function finishView(view) {
         try {
             var $value = $(value);
             var $ele = $(value).parent().parent();
-            
+
             var sequence = $value;
             sequence.sequenceDiagram({
                 theme: 'simple'
             });
-            
+
             $ele.addClass('sequence-diagram');
             $value.children().unwrap().unwrap();
             var svg = $ele.find('> svg');
@@ -266,7 +266,7 @@ function finishView(view) {
         try {
             var $value = $(value);
             var $ele = $(value).parent().parent();
-            
+
             var chart = flowchart.parse($value.text());
             $value.html('');
             chart.drawSVG(value, {
@@ -275,7 +275,7 @@ function finishView(view) {
                 'font-size': '16px',
                 'font-family': "'Andale Mono', monospace"
             });
-            
+
             $ele.addClass('flow-chart');
             $value.children().unwrap().unwrap();
         } catch (err) {
@@ -288,10 +288,10 @@ function finishView(view) {
         try {
             var $value = $(value);
             var $ele = $(value).parent().parent();
-            
+
             var graphviz = Viz($value.text());
             $value.html(graphviz);
-            
+
             $ele.addClass('graphviz');
             $value.children().unwrap().unwrap();
         } catch (err) {
@@ -304,12 +304,12 @@ function finishView(view) {
         try {
             var $value = $(value);
             var $ele = $(value).parent().parent();
-            
+
             var mermaidError = null;
             mermaid.parseError = function (err, hash) {
                 mermaidError = err;
             };
-            
+
             if (mermaidAPI.parse($value.text())) {
                 $ele.addClass('mermaid');
                 $ele.html($value.text());
@@ -489,6 +489,8 @@ function exportToRawHTML(view) {
     saveAs(blob, filename);
 }
 
+var common = require('./common.js');
+var serverurl = common.serverurl;
 //extract markdown body to html and compile to template
 function exportToHTML(view) {
     var title = renderTitle(ui.area.markdown);
@@ -794,7 +796,10 @@ emojify.setConfig({
     ignore_emoticons: true
 });
 
-var md = window.markdownit('default', {
+var markdownit = require('markdown-it');
+var markdownitContainer = require('markdown-it-container');
+
+var md = markdownit('default', {
     html: true,
     breaks: true,
     langPrefix: "",
@@ -802,25 +807,27 @@ var md = window.markdownit('default', {
     typographer: true,
     highlight: highlightRender
 });
-md.use(window.markdownitAbbr);
-md.use(window.markdownitFootnote);
-md.use(window.markdownitDeflist);
-md.use(window.markdownitMark);
-md.use(window.markdownitIns);
-md.use(window.markdownitSub);
-md.use(window.markdownitSup);
-md.use(window.markdownitMathjax);
-md.use(window.markdownitImsize);
+
+md.use(require('markdown-it-abbr'));
+md.use(require('markdown-it-footnote'));
+md.use(require('markdown-it-deflist'));
+md.use(require('markdown-it-mark'));
+md.use(require('markdown-it-ins'));
+md.use(require('markdown-it-sub'));
+md.use(require('markdown-it-sup'));
+md.use(require('markdown-it-mathjax'));
+md.use(require('markdown-it-imsize'));
+
 function renderContainer(tokens, idx, options, env, self) {
     tokens[idx].attrJoin('role', 'alert');
     tokens[idx].attrJoin('class', 'alert');
     tokens[idx].attrJoin('class', 'alert-' + tokens[idx].info.trim());
     return self.renderToken.apply(self, arguments);
 }
-md.use(window.markdownitContainer, 'success', { render: renderContainer });
-md.use(window.markdownitContainer, 'info', { render: renderContainer });
-md.use(window.markdownitContainer, 'warning', { render: renderContainer });
-md.use(window.markdownitContainer, 'danger', { render: renderContainer });
+md.use(markdownitContainer, 'success', { render: renderContainer });
+md.use(markdownitContainer, 'info', { render: renderContainer });
+md.use(markdownitContainer, 'warning', { render: renderContainer });
+md.use(markdownitContainer, 'danger', { render: renderContainer });
 
 md.renderer.rules.image = function (tokens, idx, options, env, self) {
     tokens[idx].attrJoin('class', 'raw');
@@ -865,6 +872,9 @@ md.renderer.rules.fence = function (tokens, idx, options, env, self) {
         + '</code></pre>\n';
 };
 
+/* Defined regex markdown it plugins */
+var Plugin = require('markdown-it-regexp');
+
 //youtube
 var youtubePlugin = new Plugin(
     // regexp to match
@@ -1011,4 +1021,23 @@ md.use(gistPlugin);
 md.use(tocPlugin);
 md.use(slidesharePlugin);
 md.use(speakerdeckPlugin);
-md.use(pdfPlugin);
\ No newline at end of file
+md.use(pdfPlugin);
+
+module.exports = {
+  md: md,
+  createtime: createtime,
+  lastchangetime: lastchangetime,
+  updateLastChange: updateLastChange,
+  lastchangeui: lastchangeui,
+  lastchangeuser: lastchangeuser,
+  postProcess: postProcess,
+  finishView: finishView,
+  autoLinkify: autoLinkify,
+  deduplicatedHeaderId: deduplicatedHeaderId,
+  renderTOC: renderTOC,
+  renderTitle: renderTitle,
+  renderFilename: renderFilename,
+  generateToc: generateToc,
+  smoothHashScroll: smoothHashScroll,
+  scrollToHash: scrollToHash
+};
diff --git a/public/js/history.js b/public/js/history.js
index 0840580..fbf71db 100644
--- a/public/js/history.js
+++ b/public/js/history.js
@@ -1,3 +1,13 @@
+var store = require('store');
+
+var common = require('./common');
+var checkIfAuth = common.checkIfAuth;
+var urlpath = common.urlpath;
+
+var extra = require('./extra');
+var renderFilename = extra.renderFilename;
+var md = extra.md;
+
 var migrateHistoryFromTempCallback = null;
 
 migrateHistoryFromTemp();
@@ -365,4 +375,8 @@ function parseToHistory(list, notehistory, callback) {
         }
     }
     callback(list, notehistory);
-}
\ No newline at end of file
+}
+
+module.exports = {
+  writeHistory: writeHistory
+}
diff --git a/public/js/index.js b/public/js/index.js
index dff278c..3801eea 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -18,15 +18,14 @@ require('bootstrap');
 require('codemirror/keymap/vim');
 require('codemirror/keymap/emacs');
 require('codemirror/keymap/sublime');
-
-require('../vendor/inlineAttachment/inline-attachment');
-require('../vendor/inlineAttachment/codemirror.inline-attachment');
-require('../vendor/codemirror-spell-checker/spell-checker.min');
+require('codemirror/addon/display/panel');
 
 /* operational transformation */
-require('../vendor/ot/ot.min');
+require('ot/lib/socketio-adapter');
+require('ot/lib/codemirror-adapter');
+require('ot/lib/undo-manager');
+require('../vendor/ot/editor-client');
 
-/* other vendors plugin */
 require('markdown-it');
 require('markdown-it-abbr');
 require('markdown-it-footnote');
@@ -40,14 +39,13 @@ require('markdown-it-mathjax');
 require('markdown-it-regexp');
 require('markdown-it-imsize');
 
+/* other vendors plugin */
 require('gist-embed');
-require('lz-string');
 require('string');
 require('highlight.js');
 require('prismjs');
 require('prismjs/components/prism-wiki');
 require('js-cookie');
-require('emojify.js');
 require('to-markdown');
 
 require('raphael');
@@ -63,11 +61,48 @@ require('visibilityjs');
 require('list.js');
 require('../vendor/md-toc');
 require('randomcolor');
-require('keymaster');
 
 var common = require('./common.js');
-
+var urlpath = common.urlpath;
+var debug = common.debug;
+var version = common.version;
 var serverurl = common.serverurl;
+var GOOGLE_API_KEY = common.GOOGLE_API_KEY;
+var GOOGLE_CLIENT_ID = common.GOOGLE_CLIENT_ID;
+var DROPBOX_APP_KEY = common.DROPBOX_APP_KEY;
+var noteurl = common.noteurl;
+
+var checkLoginStateChanged = common.checkLoginStateChanged;
+
+var syncScroll = require('./syncscroll');
+var setupSyncAreas = syncScroll.setupSyncAreas;
+var clearMap = syncScroll.clearMap;
+var syncScrollToEdit = syncScroll.syncScrollToEdit;
+
+var extra = require('./extra');
+var md = extra.md;
+var createtime = extra.createtime;
+var updateLastChange = extra.updateLastChange;
+var postProcess = extra.postProcess;
+var finishView = extra.finishView;
+var lastchangetime = extra.lastchangetime;
+var autoLinkify = extra.autoLinkify;
+var generateToc = extra.generateToc;
+var smoothHashScroll = extra.smoothHashScroll;
+var lastchangeuser = extra.lastchangeuser;
+var deduplicatedHeaderId = extra.deduplicatedHeaderId;
+var renderTOC = extra.renderTOC;
+var renderTitle = extra.renderTitle;
+var renderFilename = extra.renderFilename;
+var scrollToHash = extra.scrollToHash;
+
+var history = require('./history');
+var writeHistory = history.writeHistory;
+
+var pretty = require('./pretty');
+
+var renderer = require('./render');
+var preventXSS = renderer.preventXSS;
 
 var defaultTextHeight = 20;
 var viewportMargin = 20;
@@ -349,7 +384,7 @@ var supportExtraTags = [
         }
     }
 ];
-var modeType = {
+window.modeType = {
     edit: {
         name: "edit"
     },
@@ -389,7 +424,7 @@ var visibleSM = false;
 var visibleMD = false;
 var visibleLG = false;
 var isTouchDevice = 'ontouchstart' in document.documentElement;
-var currentMode = defaultMode;
+window.currentMode = defaultMode;
 var currentStatus = statusType.offline;
 var lastInfo = {
     needRestore: false,
diff --git a/public/js/pretty.js b/public/js/pretty.js
index 0ca7ee1..ebdec2a 100644
--- a/public/js/pretty.js
+++ b/public/js/pretty.js
@@ -1,3 +1,16 @@
+var extra = require('./extra')
+var md = extra.md;
+var finishView = extra.finishView;
+var autoLinkify = extra.autoLinkify;
+var deduplicatedHeaderId = extra.deduplicatedHeaderId;
+var renderTOC = extra.renderTOC;
+var generateToc = extra.generateToc;
+var smoothHashScroll = extra.smoothHashScroll;
+var postProcess = extra.postProcess;
+var lastchangeui = extra.lastchangeui;
+var updateLastChange = extra.updateLastChange;
+var preventXSS = require('./render').preventXSS;
+
 var markdown = $(".markdown-body");
 var text = $('<textarea/>').html(markdown.html()).text();
 var lastMeta = md.meta;
@@ -109,4 +122,8 @@ function scrollToBottom() {
     $('body, html').stop(true, true).animate({
         scrollTop: $(document.body)[0].scrollHeight
     }, 100, "linear");
-}
\ No newline at end of file
+}
+
+module.exports = {
+  scrollToBottom: scrollToBottom
+}
diff --git a/public/js/render.js b/public/js/render.js
index 6f1a1c1..41b367a 100644
--- a/public/js/render.js
+++ b/public/js/render.js
@@ -50,4 +50,8 @@ var filterXSSOptions = {
 
 function preventXSS(html) {
     return filterXSS(html, filterXSSOptions);
-}
\ No newline at end of file
+}
+
+module.exports = {
+  preventXSS: preventXSS
+}
diff --git a/public/js/syncscroll.js b/public/js/syncscroll.js
index 96663f7..444cdeb 100644
--- a/public/js/syncscroll.js
+++ b/public/js/syncscroll.js
@@ -1,5 +1,8 @@
 // Inject line numbers for sync scroll.
 
+var extra = require('./extra');
+var md = extra.md;
+
 function addPart(tokens, idx) {
     if (tokens[idx].map && tokens[idx].level === 0) {
         var startline = tokens[idx].map[0] + 1;
@@ -71,7 +74,7 @@ md.renderer.rules.fence = function (tokens, idx, options, env, self) {
     if (highlighted.indexOf('<pre') === 0) {
         return highlighted + '\n';
     }
-    
+
     if (tokens[idx].map && tokens[idx].level === 0) {
         var startline = tokens[idx].map[0] + 1;
         var endline = tokens[idx].map[1];
@@ -99,10 +102,12 @@ function renderContainer(tokens, idx, options, env, self) {
     addPart(tokens, idx);
     return self.renderToken.apply(self, arguments);
 }
-md.use(window.markdownitContainer, 'success', { render: renderContainer });
-md.use(window.markdownitContainer, 'info', { render: renderContainer });
-md.use(window.markdownitContainer, 'warning', { render: renderContainer });
-md.use(window.markdownitContainer, 'danger', { render: renderContainer });
+
+var markdownitContainer = require('markdown-it-container');
+md.use(markdownitContainer, 'success', { render: renderContainer });
+md.use(markdownitContainer, 'info', { render: renderContainer });
+md.use(markdownitContainer, 'warning', { render: renderContainer });
+md.use(markdownitContainer, 'danger', { render: renderContainer });
 
 var syncscroll = true;
 
@@ -240,7 +245,7 @@ function syncScrollToEdit(event, preventAnimate) {
         return;
     }
     if (editScrolling) return;
-    
+
     var scrollTop = viewArea[0].scrollTop;
     var lineIndex = 0;
     for (var i = 0, l = scrollMap.length; i < l; i++) {
@@ -260,7 +265,7 @@ function syncScrollToEdit(event, preventAnimate) {
             lineDiff = lineHeightMap[i + 1] - lineNo;
         }
     }
-    
+
     var posTo = 0;
     var topDiffPercent = 0;
     var posToNextDiff = 0;
@@ -269,7 +274,7 @@ function syncScrollToEdit(event, preventAnimate) {
     var preLastLineHeight = scrollInfo.height - scrollInfo.clientHeight - textHeight;
     var preLastLineNo = Math.round(preLastLineHeight / textHeight);
     var preLastLinePos = scrollMap[preLastLineNo];
-    
+
     if (scrollInfo.height > scrollInfo.clientHeight && scrollTop >= preLastLinePos) {
         posTo = preLastLineHeight;
         topDiffPercent = (scrollTop - preLastLinePos) / (viewBottom - preLastLinePos);
@@ -281,7 +286,7 @@ function syncScrollToEdit(event, preventAnimate) {
         posToNextDiff = textHeight * lineDiff * topDiffPercent;
         posTo += Math.ceil(posToNextDiff);
     }
-    
+
     if (preventAnimate) {
         editArea.scrollTop(posTo);
     } else {
@@ -292,7 +297,7 @@ function syncScrollToEdit(event, preventAnimate) {
             scrollTop: posTo
         }, duration, "linear");
     }
-    
+
     viewScrolling = true;
     clearTimeout(viewScrollingTimer);
     viewScrollingTimer = setTimeout(viewScrollingTimeoutInner, duration * 1.5);
@@ -322,7 +327,7 @@ function syncScrollToView(event, preventAnimate) {
         return;
     }
     if (viewScrolling) return;
-    
+
     var lineNo, posTo;
     var topDiffPercent, posToNextDiff;
     var scrollInfo = editor.getScrollInfo();
@@ -341,7 +346,7 @@ function syncScrollToView(event, preventAnimate) {
         posToNextDiff = (scrollMap[lineNo + 1] - posTo) * topDiffPercent;
         posTo += Math.floor(posToNextDiff);
     }
-    
+
     if (preventAnimate) {
         viewArea.scrollTop(posTo);
     } else {
@@ -352,7 +357,7 @@ function syncScrollToView(event, preventAnimate) {
             scrollTop: posTo
         }, duration, "linear");
     }
-    
+
     editScrolling = true;
     clearTimeout(editScrollingTimer);
     editScrollingTimer = setTimeout(editScrollingTimeoutInner, duration * 1.5);
@@ -360,4 +365,10 @@ function syncScrollToView(event, preventAnimate) {
 
 function editScrollingTimeoutInner() {
     editScrolling = false;
-}
\ No newline at end of file
+}
+
+module.exports = {
+  setupSyncAreas: setupSyncAreas,
+  clearMap: clearMap,
+  syncScrollToEdit: syncScrollToEdit
+};
diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index a530eff..759962d 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -22,13 +22,12 @@
 <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
 <% } %>
 <script src="<%- url %>/vendor/idle.min.js" defer></script>
+<script src="<%- url %>/vendor/codemirror/codemirror.min.js" defer></script>
+<script src="<%- url %>/vendor/codemirror-spell-checker/spell-checker.min.js" defer></script>
+<script src="<%- url %>/vendor/inlineAttachment/inline-attachment.js" defer></script>
+<script src="<%- url %>/vendor/inlineAttachment/codemirror.inline-attachment.js" defer></script>
 <script src="<%- url %>/vendor/xss.min.js" defer></script>
 <script src="<%- url %>/build/js/app.js" defer></script>
 <script src="<%- url %>/js/google-drive-upload.js" defer></script>
 <script src="<%- url %>/js/google-drive-picker.js" defer></script>
-<script src="<%- url %>/js/common.js" defer></script>
-<script src="<%- url %>/js/extra.js" defer></script>
-<script src="<%- url %>/js/render.js" defer></script>
-<script src="<%- url %>/js/history.js" defer></script>
 <script src="<%- url %>/js/reveal-markdown.js" defer></script>
-<script src="<%- url %>/js/syncscroll.js" defer></script>
diff --git a/webpack.config.js b/webpack.config.js
index 01adea9..af00144 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -12,7 +12,12 @@ module.exports = {
       "window.jQuery": "jquery",
       Visibility: "visibilityjs",
       Cookies: "js-cookie",
-      CodeMirror: "codemirror"
+      CodeMirror: "codemirror",
+      emojify: "emojify.js",
+      ot: "ot",
+      io: "socket.io-client",
+      LZString: "lz-string",
+      key: "keymaster"
     }),
     new webpack.DefinePlugin({
       "require.specified": "require.resolve"

From 2b678c1f129abde7e20f471018c55626f57cae97 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sat, 8 Oct 2016 23:03:33 +0800
Subject: [PATCH 10/54] Make editor variable global

---
 public/js/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/js/index.js b/public/js/index.js
index 3801eea..d84d0a8 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -464,7 +464,7 @@ var fileTypes = {
 //editor settings
 var textit = document.getElementById("textit");
 if (!textit) throw new Error("There was no textit area!");
-var editor = CodeMirror.fromTextArea(textit, {
+window.editor = CodeMirror.fromTextArea(textit, {
     mode: 'gfm',
     backdrop: 'gfm',
     keyMap: "sublime",

From 8e2b03cfd6d389df454d4baed68837c84e64ae66 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sat, 8 Oct 2016 23:04:19 +0800
Subject: [PATCH 11/54] Config bootstrap with webpack

---
 package.json         |   3 +
 public/js/history.js |   2 +-
 public/js/index.js   |   1 +
 webpack.config.js    | 131 +++++++++++++++++++++++--------------------
 4 files changed, 75 insertions(+), 62 deletions(-)

diff --git a/package.json b/package.json
index 3c7304e..5fa71df 100644
--- a/package.json
+++ b/package.json
@@ -121,8 +121,11 @@
     "bower-webpack-plugin": "^0.1.9",
     "css-loader": "^0.25.0",
     "extract-text-webpack-plugin": "^1.0.1",
+    "file-loader": "^0.9.0",
     "imports-loader": "^0.6.5",
     "json-loader": "^0.5.4",
+    "style-loader": "^0.13.1",
+    "url-loader": "^0.5.7",
     "webpack": "^1.13.2"
   }
 }
diff --git a/public/js/history.js b/public/js/history.js
index fbf71db..23c7beb 100644
--- a/public/js/history.js
+++ b/public/js/history.js
@@ -378,5 +378,5 @@ function parseToHistory(list, notehistory, callback) {
 }
 
 module.exports = {
-  writeHistory: writeHistory
+    writeHistory: writeHistory
 }
diff --git a/public/js/index.js b/public/js/index.js
index d84d0a8..08f64d4 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -13,6 +13,7 @@ require('../vendor/showup/showup');
 
 /* bootstrap */
 require('bootstrap');
+require('bootstrap/dist/css/bootstrap.css');
 
 /* code mirror plugins */
 require('codemirror/keymap/vim');
diff --git a/webpack.config.js b/webpack.config.js
index af00144..26eeed5 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -3,67 +3,76 @@ var path = require('path');
 var ExtractTextPlugin = require("extract-text-webpack-plugin");
 
 module.exports = {
-  plugins: [
-    new webpack.ProvidePlugin({
-      '_': 'lodash',
-      jquery: "jquery",
-      jQuery: "jquery",
-      $: "jquery",
-      "window.jQuery": "jquery",
-      Visibility: "visibilityjs",
-      Cookies: "js-cookie",
-      CodeMirror: "codemirror",
-      emojify: "emojify.js",
-      ot: "ot",
-      io: "socket.io-client",
-      LZString: "lz-string",
-      key: "keymaster"
-    }),
-    new webpack.DefinePlugin({
-      "require.specified": "require.resolve"
-    })
-  ],
-
-  entry: {
-    app: path.join(__dirname, 'public/js/app.js')
-  },
-
-  output: {
-    path: path.join(__dirname, 'public/build/js'),
-    filename: '[name].js'
-  },
-
-  resolve: {
-    root: [
-      path.resolve(__dirname, 'src'),
-      path.resolve(__dirname, 'node_modules')
+    plugins: [
+        new webpack.ProvidePlugin({
+            '_': 'lodash',
+            jquery: "jquery",
+            jQuery: "jquery",
+            $: "jquery",
+            "window.jQuery": "jquery",
+            Visibility: "visibilityjs",
+            Cookies: "js-cookie",
+            CodeMirror: "codemirror",
+            emojify: "emojify.js",
+            ot: "ot",
+            io: "socket.io-client",
+            LZString: "lz-string",
+            key: "keymaster"
+        }),
+        new webpack.DefinePlugin({
+            "require.specified": "require.resolve"
+        })
     ],
-    extensions: ["", ".js"],
-    alias: {
-      'jquery-ui': 'jquery-ui/ui/widgets'
+
+    entry: {
+        app: path.join(__dirname, 'public/js/app.js')
+    },
+
+    output: {
+        path: path.join(__dirname, 'public/build/js'),
+        filename: '[name].js'
+    },
+
+    resolve: {
+        root: [
+            path.resolve(__dirname, 'src'),
+            path.resolve(__dirname, 'node_modules')
+        ],
+        extensions: ["", ".js"],
+        alias: {
+            'jquery-ui': 'jquery-ui/ui/widgets'
+        }
+    },
+
+    module: {
+        loaders: [{
+            test: /\.json$/,
+            loader: 'json-loader'
+        }, {
+            test: /\.css$/,
+            loader: 'style-loader!css-loader'
+        }, , {
+            test: /\.scss$/,
+            loaders: ['style', 'css', 'sass']
+        }, {
+            test: require.resolve("js-sequence-diagrams"),
+            loader: "imports?Raphael=raphael"
+        }, {
+            test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
+            loader: "file"
+        }, {
+            test: /\.(woff|woff2)$/,
+            loader: "url?prefix=font/&limit=5000"
+        }, {
+            test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
+            loader: "url?limit=10000&mimetype=application/octet-stream"
+        }, {
+            test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
+            loader: "url?limit=10000&mimetype=image/svg+xml"
+        }]
+    },
+
+    node: {
+        fs: "empty"
     }
-  },
-
-  module: {
-    loaders: [{
-      test: /\.json$/,
-      loader: 'json-loader'
-    }, {
-      test: /\.css$/,
-      loader: ExtractTextPlugin.extract({
-        fallbackLoader: "style-loader",
-        loader: "css-loader"
-      })
-    }, {
-      test: /\.scss$/,
-      loaders: ['style', 'css', 'sass']
-    }, {
-      test: require.resolve("js-sequence-diagrams"),
-      loader: "imports?Raphael=raphael"
-    }]
-  },
-
-  node: {
-    fs: "empty"
-  }
 };

From 845e9342c5b12638abcd6aa5cf96c9ce87762e9f Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sun, 9 Oct 2016 07:54:52 +0800
Subject: [PATCH 12/54] Add highlight.js and prism styles

---
 public/js/index.js    | 3 +++
 public/views/head.ejs | 3 ---
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/js/index.js b/public/js/index.js
index 08f64d4..243761e 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -15,6 +15,9 @@ require('../vendor/showup/showup');
 require('bootstrap');
 require('bootstrap/dist/css/bootstrap.css');
 
+require('prismjs/themes/prism.css');
+require('highlight.js/styles/github-gist.css');
+
 /* code mirror plugins */
 require('codemirror/keymap/vim');
 require('codemirror/keymap/emacs');
diff --git a/public/views/head.ejs b/public/views/head.ejs
index 5d8e44b..6890ddf 100644
--- a/public/views/head.ejs
+++ b/public/views/head.ejs
@@ -14,7 +14,6 @@
 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/octicons/3.5.0/octicons.min.css">
 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-social/4.9.0/bootstrap-social.min.css">
 <% } else { %>
-<link rel="stylesheet" href="<%- url %>/vendor/bootstrap/dist/css/bootstrap.min.css">
 <link rel="stylesheet" href="<%- url %>/vendor/font-awesome/css/font-awesome.min.css">
 <link rel="stylesheet" href="<%- url %>/vendor/Ionicons/css/ionicons.min.css">
 <link rel="stylesheet" href="<%- url %>/vendor/octicons/octicons/octicons.css">
@@ -33,8 +32,6 @@
 <link rel="stylesheet" href="<%- url %>/vendor/codemirror/mode/tiddlywiki/tiddlywiki.css">
 <link rel="stylesheet" href="<%- url %>/vendor/codemirror/mode/mediawiki/mediawiki.css">
 <link rel="stylesheet" href="<%- url %>/css/github-extract.css">
-<link rel="stylesheet" href="<%- url %>/vendor/highlightjs/styles/github-gist.css">
-<link rel="stylesheet" href="<%- url %>/vendor/prism/themes/prism.css">
 <link rel="stylesheet" href="<%- url %>/vendor/emojify/css/emojify.min.css">
 <link rel="stylesheet" href="<%- url %>/vendor/showup/showup.css">
 <link rel="stylesheet" href="<%- url %>/css/mermaid.css">

From 7e6b9f776ff18e77425bafaed76ede70fe712189 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sun, 9 Oct 2016 08:15:23 +0800
Subject: [PATCH 13/54] Revert customized ot library and fix dependency

---
 public/js/index.js             | 6 ------
 public/vendor/lz-string.min.js | 1 +
 public/views/foot.ejs          | 2 ++
 webpack.config.js              | 1 -
 4 files changed, 3 insertions(+), 7 deletions(-)
 create mode 100644 public/vendor/lz-string.min.js

diff --git a/public/js/index.js b/public/js/index.js
index 243761e..0b64f66 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -24,12 +24,6 @@ require('codemirror/keymap/emacs');
 require('codemirror/keymap/sublime');
 require('codemirror/addon/display/panel');
 
-/* operational transformation */
-require('ot/lib/socketio-adapter');
-require('ot/lib/codemirror-adapter');
-require('ot/lib/undo-manager');
-require('../vendor/ot/editor-client');
-
 require('markdown-it');
 require('markdown-it-abbr');
 require('markdown-it-footnote');
diff --git a/public/vendor/lz-string.min.js b/public/vendor/lz-string.min.js
new file mode 100644
index 0000000..2d1900a
--- /dev/null
+++ b/public/vendor/lz-string.min.js
@@ -0,0 +1 @@
+var LZString=function(){function o(o,r){if(!t[o]){t[o]={};for(var n=0;n<o.length;n++)t[o][o.charAt(n)]=n}return t[o][r]}var r=String.fromCharCode,n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$",t={},i={compressToBase64:function(o){if(null==o)return"";var r=i._compress(o,6,function(o){return n.charAt(o)});switch(r.length%4){default:case 0:return r;case 1:return r+"===";case 2:return r+"==";case 3:return r+"="}},decompressFromBase64:function(r){return null==r?"":""==r?null:i._decompress(r.length,32,function(e){return o(n,r.charAt(e))})},compressToUTF16:function(o){return null==o?"":i._compress(o,15,function(o){return r(o+32)})+" "},decompressFromUTF16:function(o){return null==o?"":""==o?null:i._decompress(o.length,16384,function(r){return o.charCodeAt(r)-32})},compressToUint8Array:function(o){for(var r=i.compress(o),n=new Uint8Array(2*r.length),e=0,t=r.length;t>e;e++){var s=r.charCodeAt(e);n[2*e]=s>>>8,n[2*e+1]=s%256}return n},decompressFromUint8Array:function(o){if(null===o||void 0===o)return i.decompress(o);for(var n=new Array(o.length/2),e=0,t=n.length;t>e;e++)n[e]=256*o[2*e]+o[2*e+1];var s=[];return n.forEach(function(o){s.push(r(o))}),i.decompress(s.join(""))},compressToEncodedURIComponent:function(o){return null==o?"":i._compress(o,6,function(o){return e.charAt(o)})},decompressFromEncodedURIComponent:function(r){return null==r?"":""==r?null:(r=r.replace(/ /g,"+"),i._decompress(r.length,32,function(n){return o(e,r.charAt(n))}))},compress:function(o){return i._compress(o,16,function(o){return r(o)})},_compress:function(o,r,n){if(null==o)return"";var e,t,i,s={},p={},u="",c="",a="",l=2,f=3,h=2,d=[],m=0,v=0;for(i=0;i<o.length;i+=1)if(u=o.charAt(i),Object.prototype.hasOwnProperty.call(s,u)||(s[u]=f++,p[u]=!0),c=a+u,Object.prototype.hasOwnProperty.call(s,c))a=c;else{if(Object.prototype.hasOwnProperty.call(p,a)){if(a.charCodeAt(0)<256){for(e=0;h>e;e++)m<<=1,v==r-1?(v=0,d.push(n(m)),m=0):v++;for(t=a.charCodeAt(0),e=0;8>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}else{for(t=1,e=0;h>e;e++)m=m<<1|t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t=0;for(t=a.charCodeAt(0),e=0;16>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}l--,0==l&&(l=Math.pow(2,h),h++),delete p[a]}else for(t=s[a],e=0;h>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1;l--,0==l&&(l=Math.pow(2,h),h++),s[c]=f++,a=String(u)}if(""!==a){if(Object.prototype.hasOwnProperty.call(p,a)){if(a.charCodeAt(0)<256){for(e=0;h>e;e++)m<<=1,v==r-1?(v=0,d.push(n(m)),m=0):v++;for(t=a.charCodeAt(0),e=0;8>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}else{for(t=1,e=0;h>e;e++)m=m<<1|t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t=0;for(t=a.charCodeAt(0),e=0;16>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}l--,0==l&&(l=Math.pow(2,h),h++),delete p[a]}else for(t=s[a],e=0;h>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1;l--,0==l&&(l=Math.pow(2,h),h++)}for(t=2,e=0;h>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1;for(;;){if(m<<=1,v==r-1){d.push(n(m));break}v++}return d.join("")},decompress:function(o){return null==o?"":""==o?null:i._decompress(o.length,32768,function(r){return o.charCodeAt(r)})},_decompress:function(o,n,e){var t,i,s,p,u,c,a,l,f=[],h=4,d=4,m=3,v="",w=[],A={val:e(0),position:n,index:1};for(i=0;3>i;i+=1)f[i]=i;for(p=0,c=Math.pow(2,2),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;switch(t=p){case 0:for(p=0,c=Math.pow(2,8),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;l=r(p);break;case 1:for(p=0,c=Math.pow(2,16),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;l=r(p);break;case 2:return""}for(f[3]=l,s=l,w.push(l);;){if(A.index>o)return"";for(p=0,c=Math.pow(2,m),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;switch(l=p){case 0:for(p=0,c=Math.pow(2,8),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;f[d++]=r(p),l=d-1,h--;break;case 1:for(p=0,c=Math.pow(2,16),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;f[d++]=r(p),l=d-1,h--;break;case 2:return w.join("")}if(0==h&&(h=Math.pow(2,m),m++),f[l])v=f[l];else{if(l!==d)return null;v=s+s.charAt(0)}w.push(v),f[d++]=s+v.charAt(0),h--,s=v,0==h&&(h=Math.pow(2,m),m++)}}};return i}();"function"==typeof define&&define.amd?define(function(){return LZString}):"undefined"!=typeof module&&null!=module&&(module.exports=LZString);
diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index 759962d..1380575 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -26,6 +26,8 @@
 <script src="<%- url %>/vendor/codemirror-spell-checker/spell-checker.min.js" defer></script>
 <script src="<%- url %>/vendor/inlineAttachment/inline-attachment.js" defer></script>
 <script src="<%- url %>/vendor/inlineAttachment/codemirror.inline-attachment.js" defer></script>
+<script src="<%- url %>/vendor/lz-string.min.js" defer></script>
+<script src="<%- url %>/vendor/ot/ot.min.js" defer></script>
 <script src="<%- url %>/vendor/xss.min.js" defer></script>
 <script src="<%- url %>/build/js/app.js" defer></script>
 <script src="<%- url %>/js/google-drive-upload.js" defer></script>
diff --git a/webpack.config.js b/webpack.config.js
index 26eeed5..9959a1e 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -14,7 +14,6 @@ module.exports = {
             Cookies: "js-cookie",
             CodeMirror: "codemirror",
             emojify: "emojify.js",
-            ot: "ot",
             io: "socket.io-client",
             LZString: "lz-string",
             key: "keymaster"

From 67d118782de12f851ad38be13fa9f519ba100765 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sun, 9 Oct 2016 08:15:37 +0800
Subject: [PATCH 14/54] Fix function export

---
 public/js/index.js      | 1 +
 public/js/syncscroll.js | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/public/js/index.js b/public/js/index.js
index 0b64f66..376c8dd 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -76,6 +76,7 @@ var syncScroll = require('./syncscroll');
 var setupSyncAreas = syncScroll.setupSyncAreas;
 var clearMap = syncScroll.clearMap;
 var syncScrollToEdit = syncScroll.syncScrollToEdit;
+var syncScrollToView = syncScroll.syncScrollToView;
 
 var extra = require('./extra');
 var md = extra.md;
diff --git a/public/js/syncscroll.js b/public/js/syncscroll.js
index 444cdeb..644022d 100644
--- a/public/js/syncscroll.js
+++ b/public/js/syncscroll.js
@@ -370,5 +370,6 @@ function editScrollingTimeoutInner() {
 module.exports = {
   setupSyncAreas: setupSyncAreas,
   clearMap: clearMap,
-  syncScrollToEdit: syncScrollToEdit
+  syncScrollToEdit: syncScrollToEdit,
+  syncScrollToView: syncScrollToView
 };

From 196d546f7e8273b3fdc1bd60c3bf627b2fa1462b Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sun, 9 Oct 2016 10:51:39 +0800
Subject: [PATCH 15/54] Fix pdfobject require

---
 public/js/extra.js |  3 +++
 public/js/index.js | 31 ++++++++++++++++---------------
 2 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/public/js/extra.js b/public/js/extra.js
index c6a0f43..f449bed 100644
--- a/public/js/extra.js
+++ b/public/js/extra.js
@@ -1,3 +1,6 @@
+var hljs = require('highlight.js');
+var PDFObject = require('pdfobject');
+
 //auto update last change
 var createtime = null;
 var lastchangetime = null;
diff --git a/public/js/index.js b/public/js/index.js
index 376c8dd..0fba0b2 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -51,7 +51,6 @@ require('js-sequence-diagrams');
 
 require('flowchart.js');
 require('viz.js');
-require('pdfobject');
 require('file-saver');
 require('store');
 require('js-url');
@@ -414,18 +413,18 @@ var statusType = {
 var defaultMode = modeType.view;
 
 //global vars
-var loaded = false;
-var needRefresh = false;
-var isDirty = false;
-var editShown = false;
-var visibleXS = false;
-var visibleSM = false;
-var visibleMD = false;
-var visibleLG = false;
-var isTouchDevice = 'ontouchstart' in document.documentElement;
+window.loaded = false;
+window.needRefresh = false;
+window.isDirty = false;
+window.editShown = false;
+window.visibleXS = false;
+window.visibleSM = false;
+window.visibleMD = false;
+window.visibleLG = false;
+window.isTouchDevice = 'ontouchstart' in document.documentElement;
 window.currentMode = defaultMode;
-var currentStatus = statusType.offline;
-var lastInfo = {
+window.currentStatus = statusType.offline;
+window.lastInfo = {
     needRestore: false,
     cursor: null,
     scroll: null,
@@ -447,9 +446,9 @@ var lastInfo = {
     },
     history: null
 };
-var personalInfo = {};
-var onlineUsers = [];
-var fileTypes = {
+window.personalInfo = {};
+window.onlineUsers = [];
+window.fileTypes = {
     "pl": "perl",
     "cgi": "perl",
     "js": "javascript",
@@ -2274,6 +2273,8 @@ function havePermission() {
     }
     return bool;
 }
+// global module workaround
+window.havePermission = havePermission;
 
 //socket.io actions
 var socket = io.connect({

From 3e2905be13551a0cceeb18e72242be891db10db7 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sun, 9 Oct 2016 17:54:51 +0800
Subject: [PATCH 16/54] Revert to customized codemirror

---
 package.json          | 1 -
 public/js/index.js    | 6 ------
 public/views/foot.ejs | 6 ++++--
 webpack.config.js     | 1 -
 4 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index 5fa71df..db81d41 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,6 @@
     "bootstrap": "^3.3.7",
     "chance": "^1.0.4",
     "cheerio": "^0.20.0",
-    "codemirror": "^5.19.0",
     "compression": "^1.6.2",
     "connect-session-sequelize": "^3.1.0",
     "cookie": "0.3.1",
diff --git a/public/js/index.js b/public/js/index.js
index 0fba0b2..db76b74 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -18,12 +18,6 @@ require('bootstrap/dist/css/bootstrap.css');
 require('prismjs/themes/prism.css');
 require('highlight.js/styles/github-gist.css');
 
-/* code mirror plugins */
-require('codemirror/keymap/vim');
-require('codemirror/keymap/emacs');
-require('codemirror/keymap/sublime');
-require('codemirror/addon/display/panel');
-
 require('markdown-it');
 require('markdown-it-abbr');
 require('markdown-it-footnote');
diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index 1380575..0ad1054 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -22,11 +22,13 @@
 <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
 <% } %>
 <script src="<%- url %>/vendor/idle.min.js" defer></script>
+<script src="<%- url %>/vendor/lz-string.min.js" defer></script>
+<script src="<%- url %>/vendor/jquery/dist/jquery.min.js" defer></script>
+<!--codemirror-->
 <script src="<%- url %>/vendor/codemirror/codemirror.min.js" defer></script>
-<script src="<%- url %>/vendor/codemirror-spell-checker/spell-checker.min.js" defer></script>
 <script src="<%- url %>/vendor/inlineAttachment/inline-attachment.js" defer></script>
 <script src="<%- url %>/vendor/inlineAttachment/codemirror.inline-attachment.js" defer></script>
-<script src="<%- url %>/vendor/lz-string.min.js" defer></script>
+<script src="<%- url %>/vendor/codemirror-spell-checker/spell-checker.min.js" defer></script>
 <script src="<%- url %>/vendor/ot/ot.min.js" defer></script>
 <script src="<%- url %>/vendor/xss.min.js" defer></script>
 <script src="<%- url %>/build/js/app.js" defer></script>
diff --git a/webpack.config.js b/webpack.config.js
index 9959a1e..85e3a00 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -12,7 +12,6 @@ module.exports = {
             "window.jQuery": "jquery",
             Visibility: "visibilityjs",
             Cookies: "js-cookie",
-            CodeMirror: "codemirror",
             emojify: "emojify.js",
             io: "socket.io-client",
             LZString: "lz-string",

From 28858288fbc386350022bc4830775d21af217c11 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sun, 9 Oct 2016 17:55:07 +0800
Subject: [PATCH 17/54] Fix more js errors

---
 public/js/extra.js | 1 +
 webpack.config.js  | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/public/js/extra.js b/public/js/extra.js
index f449bed..d4a6c5c 100644
--- a/public/js/extra.js
+++ b/public/js/extra.js
@@ -1,5 +1,6 @@
 var hljs = require('highlight.js');
 var PDFObject = require('pdfobject');
+var S = require('string');
 
 //auto update last change
 var createtime = null;
diff --git a/webpack.config.js b/webpack.config.js
index 85e3a00..cad356f 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -15,7 +15,8 @@ module.exports = {
             emojify: "emojify.js",
             io: "socket.io-client",
             LZString: "lz-string",
-            key: "keymaster"
+            key: "keymaster",
+            Viz: "viz.js"
         }),
         new webpack.DefinePlugin({
             "require.specified": "require.resolve"

From d0997ed0c18de0f17ea2f9435558f88e3f0fdd1c Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sun, 9 Oct 2016 18:08:46 +0800
Subject: [PATCH 18/54] Config TextExtract plugin and change build folder

---
 public/views/foot.ejs | 2 +-
 public/views/head.ejs | 1 +
 webpack.config.js     | 9 +++++----
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index 0ad1054..7df96b5 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -31,7 +31,7 @@
 <script src="<%- url %>/vendor/codemirror-spell-checker/spell-checker.min.js" defer></script>
 <script src="<%- url %>/vendor/ot/ot.min.js" defer></script>
 <script src="<%- url %>/vendor/xss.min.js" defer></script>
-<script src="<%- url %>/build/js/app.js" defer></script>
+<script src="<%- url %>/build/app.js" defer></script>
 <script src="<%- url %>/js/google-drive-upload.js" defer></script>
 <script src="<%- url %>/js/google-drive-picker.js" defer></script>
 <script src="<%- url %>/js/reveal-markdown.js" defer></script>
diff --git a/public/views/head.ejs b/public/views/head.ejs
index 6890ddf..2aa8568 100644
--- a/public/views/head.ejs
+++ b/public/views/head.ejs
@@ -36,6 +36,7 @@
 <link rel="stylesheet" href="<%- url %>/vendor/showup/showup.css">
 <link rel="stylesheet" href="<%- url %>/css/mermaid.css">
 <link rel="stylesheet" href="<%- url %>/css/markdown.css">
+<link rel="stylesheet" href="<%- url %>/build/app.css">
 <link rel="stylesheet" href="<%- url %>/css/index.css">
 <link rel="stylesheet" href="<%- url %>/css/extra.css">
 <link rel="stylesheet" href="<%- url %>/css/slide-preview.css">
diff --git a/webpack.config.js b/webpack.config.js
index cad356f..8fce265 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -20,7 +20,8 @@ module.exports = {
         }),
         new webpack.DefinePlugin({
             "require.specified": "require.resolve"
-        })
+        }),
+        new ExtractTextPlugin("[name].css")
     ],
 
     entry: {
@@ -28,7 +29,7 @@ module.exports = {
     },
 
     output: {
-        path: path.join(__dirname, 'public/build/js'),
+        path: path.join(__dirname, 'public/build'),
         filename: '[name].js'
     },
 
@@ -49,10 +50,10 @@ module.exports = {
             loader: 'json-loader'
         }, {
             test: /\.css$/,
-            loader: 'style-loader!css-loader'
+            loader: ExtractTextPlugin.extract('style-loader', 'css-loader')
         }, , {
             test: /\.scss$/,
-            loaders: ['style', 'css', 'sass']
+            loader: ExtractTextPlugin.extract('style-loader', 'sass-loader')
         }, {
             test: require.resolve("js-sequence-diagrams"),
             loader: "imports?Raphael=raphael"

From 5355da09606035d3fcb05cc3bccc13e4ff888a91 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sun, 9 Oct 2016 21:08:33 +0800
Subject: [PATCH 19/54] Workaround for circular require

---
 public/js/pretty.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/public/js/pretty.js b/public/js/pretty.js
index ebdec2a..6b551c1 100644
--- a/public/js/pretty.js
+++ b/public/js/pretty.js
@@ -1,4 +1,4 @@
-var extra = require('./extra')
+var extra = require('./extra');
 var md = extra.md;
 var finishView = extra.finishView;
 var autoLinkify = extra.autoLinkify;
@@ -124,6 +124,10 @@ function scrollToBottom() {
     }, 100, "linear");
 }
 
+window.scrollToTop = scrollToTop;
+window.scrollToBottom = scrollToBottom;
+
 module.exports = {
-  scrollToBottom: scrollToBottom
+  scrollToBottom: scrollToBottom,
+  scrollToTop: scrollToTop
 }

From 53b5cbb89325f4acb239afb188c4bbabe1ea8189 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sun, 9 Oct 2016 21:09:22 +0800
Subject: [PATCH 20/54] Finish public note view js loading

---
 public/js/public.js     | 60 +++++++++++++++++++++++++++++++++++++++++
 public/views/pretty.ejs | 42 ++++-------------------------
 webpack.config.js       |  3 ++-
 3 files changed, 67 insertions(+), 38 deletions(-)
 create mode 100644 public/js/public.js

diff --git a/public/js/public.js b/public/js/public.js
new file mode 100644
index 0000000..9a46a43
--- /dev/null
+++ b/public/js/public.js
@@ -0,0 +1,60 @@
+/* include jquery ui */
+require('jquery-ui/ui/widgets/resizable');
+require('jquery-ui/ui/widgets/tooltip');
+require('jquery-ui/ui/widgets/controlgroup');
+require('jquery-ui/ui/widgets/autocomplete');
+
+/* jquery and jquery plugins */
+require('jquery');
+require('jquery-textcomplete');
+require('jquery-mousewheel');
+require('../vendor/jquery-scrollspy');
+require('../vendor/showup/showup');
+
+/* bootstrap */
+require('bootstrap');
+require('bootstrap/dist/css/bootstrap.css');
+
+require('prismjs/themes/prism.css');
+require('highlight.js/styles/github-gist.css');
+
+require('markdown-it');
+require('markdown-it-abbr');
+require('markdown-it-footnote');
+require('markdown-it-deflist');
+require('markdown-it-mark');
+require('markdown-it-ins');
+require('markdown-it-sub');
+require('markdown-it-sup');
+require('markdown-it-container');
+require('markdown-it-mathjax');
+require('markdown-it-regexp');
+require('markdown-it-imsize');
+
+/* other vendors plugin */
+require('gist-embed');
+require('string');
+require('highlight.js');
+require('prismjs');
+require('prismjs/components/prism-wiki');
+require('js-cookie');
+require('to-markdown');
+
+require('raphael');
+require('js-sequence-diagrams');
+
+require('flowchart.js');
+require('viz.js');
+require('file-saver');
+require('store');
+require('js-url');
+require('visibilityjs');
+require('list.js');
+require('../vendor/md-toc');
+require('randomcolor');
+
+require('./syncscroll');
+require('./extra');
+require('./history');
+require('./pretty');
+require('./render');
diff --git a/public/views/pretty.ejs b/public/views/pretty.ejs
index 2546b1a..d6533a1 100644
--- a/public/views/pretty.ejs
+++ b/public/views/pretty.ejs
@@ -23,21 +23,19 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/ionicons/2.0.1/css/ionicons.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/3.5.0/octicons.min.css">
 	<% } else { %>
-	<link rel="stylesheet" href='<%- url %>/vendor/bootstrap/dist/css/bootstrap.min.css'>
     <link rel="stylesheet" href='<%- url %>/vendor/font-awesome/css/font-awesome.min.css'>
     <link rel="stylesheet" href="<%- url %>/vendor/Ionicons/css/ionicons.min.css">
     <link rel="stylesheet" href="<%- url %>/vendor/octicons/octicons/octicons.css">
 	<% } %>
     <link rel="stylesheet" href='<%- url %>/css/github-extract.css'>
     <link rel="stylesheet" href='<%- url %>/css/gist.css'>
-    <link rel="stylesheet" href='<%- url %>/vendor/highlightjs/styles/github-gist.css'>
-    <link rel="stylesheet" href="<%- url %>/vendor/prism/themes/prism.css">
     <link rel="stylesheet" href="<%- url %>/css/mermaid.css">
     <link rel="stylesheet" href='<%- url %>/css/markdown.css'>
     <link rel="stylesheet" href='<%- url %>/vendor/emojify/css/emojify.min.css'>
     <link rel="stylesheet" href='<%- url %>/css/extra.css'>
     <link rel="stylesheet" href="<%- url %>/css/slide-preview.css">
     <link rel="stylesheet" href='<%- url %>/css/site.css'>
+    <link rel="stylesheet" href='<%- url %>/build/app.css'>
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 	<!--[if lt IE 9]>
@@ -93,44 +91,14 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/6.0.0/mermaid.min.js" defer></script>
 <% } else { %>
 <script src="<%- url %>/vendor/jquery/dist/jquery.min.js"></script>
-<script src="<%- url %>/vendor/bootstrap/dist/js/bootstrap.min.js" defer></script>
 <script src="<%- url %>/vendor/js-yaml/dist/js-yaml.min.js" defer></script>
 <script type="text/javascript" src="<%- url %>/vendor/MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML" defer></script>
 <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
 <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
 <% } %>
-<script src="<%- url %>/vendor/lz-string/libs/lz-string.min.js" defer></script>
-<script src="<%- url %>/vendor/xss/dist/xss.min.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it/dist/markdown-it.min.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-abbr/dist/markdown-it-abbr.min.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-footnote/dist/markdown-it-footnote.min.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-deflist/dist/markdown-it-deflist.min.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-mark/dist/markdown-it-mark.min.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-ins/dist/markdown-it-ins.min.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-sub/dist/markdown-it-sub.min.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-sup/dist/markdown-it-sup.min.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-container/dist/markdown-it-container.min.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-mathjax.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-regexp.js" defer></script>
-<script src="<%- url %>/vendor/markdown-it-imsize.js" defer></script>
-<script src="<%- url %>/vendor/gist-embed/gist-embed.min.js" defer></script>
-<script src="<%- url %>/vendor/string/dist/string.min.js" defer></script>
-<script src="<%- url %>/vendor/highlightjs/highlight.pack.min.js" defer></script>
-<script src="<%- url %>/vendor/prism/prism.js" defer></script>
-<script src="<%- url %>/vendor/prism/components/prism-wiki.min.js" defer></script>
-<script src="<%- url %>/vendor/js-cookie/src/js.cookie.js" defer></script>
-<script src="<%- url %>/vendor/emojify/js/emojify.min.js" defer></script>
-<script src="<%- url %>/vendor/raphael/raphael.min.js" defer></script>
-<script src="<%- url %>/vendor/lodash/dist/lodash.min.js" defer></script>
-<script src="<%- url %>/vendor/sequence-diagrams/sequence-diagram-min.js" defer></script>
-<script src="<%- url %>/vendor/flowchart/release/flowchart.min.js" defer></script>
-<script src="<%- url %>/vendor/viz.js/viz.js" defer></script>
-<script src="<%- url %>/vendor/pdfobject/pdfobject.min.js" defer></script>
-<script src="<%- url %>/vendor/md-toc.js" defer></script>
-<script src="<%- url %>/js/common.js" defer></script>
-<script src="<%- url %>/js/extra.js" defer></script>
-<script src="<%- url %>/js/render.js" defer></script>
+<script src="<%- url %>/vendor/lz-string.min.js" defer></script>
+<script src="<%- url %>/vendor/xss.min.js" defer></script>
 <script src="<%- url %>/js/reveal-markdown.js" defer></script>
-<script src="<%- url %>/js/pretty.js" defer></script>
+<script src="<%- url %>/build/public.js" defer></script>
 
-<%- include ga %>
\ No newline at end of file
+<%- include ga %>
diff --git a/webpack.config.js b/webpack.config.js
index 8fce265..186876a 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -25,7 +25,8 @@ module.exports = {
     ],
 
     entry: {
-        app: path.join(__dirname, 'public/js/app.js')
+        app: path.join(__dirname, 'public/js/app.js'),
+        public: path.join(__dirname, 'public/js/public.js')
     },
 
     output: {

From 8a254ea4f109db99bdc172ba2717997c4d5dd490 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sun, 9 Oct 2016 21:14:18 +0800
Subject: [PATCH 21/54] Fix scrollToTop/Buttom in preview

workaround
---
 public/js/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/js/index.js b/public/js/index.js
index db76b74..7be0308 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -71,6 +71,7 @@ var clearMap = syncScroll.clearMap;
 var syncScrollToEdit = syncScroll.syncScrollToEdit;
 var syncScrollToView = syncScroll.syncScrollToView;
 
+require('./pretty');
 var extra = require('./extra');
 var md = extra.md;
 var createtime = extra.createtime;
@@ -91,7 +92,6 @@ var scrollToHash = extra.scrollToHash;
 var history = require('./history');
 var writeHistory = history.writeHistory;
 
-var pretty = require('./pretty');
 
 var renderer = require('./render');
 var preventXSS = renderer.preventXSS;

From 2ccaf7119162f596fbc6ceb011cbf841575e21d5 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sun, 9 Oct 2016 21:34:40 +0800
Subject: [PATCH 22/54] Update common.js.example

---
 public/js/common.js.example | 31 ++++++++++++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/public/js/common.js.example b/public/js/common.js.example
index 11c32ac..c632572 100644
--- a/public/js/common.js.example
+++ b/public/js/common.js.example
@@ -92,4 +92,33 @@ function checkIfAuth(yesCallback, noCallback) {
     } else {
         noCallback();
     }
-}
\ No newline at end of file
+}
+
+module.exports = {
+  domain: domain,
+  urlpath: urlpath,
+  debug: debug,
+  GOOGLE_API_KEY: GOOGLE_API_KEY,
+  GOOGLE_CLIENT_ID: GOOGLE_CLIENT_ID,
+  DROPBOX_APP_KEY: DROPBOX_APP_KEY,
+  port: port,
+  serverurl: serverurl,
+  noteid: noteid,
+  noteurl: noteurl,
+  version: version,
+  checkAuth: checkAuth,
+  profile: profile,
+  lastLoginState: lastLoginState,
+  lastUserId: lastUserId,
+  loginStateChangeEvent: loginStateChangeEvent,
+
+  /* export functions */
+  resetCheckAuth: resetCheckAuth,
+  setLoginState: setLoginState,
+  checkLoginStateChanged: checkLoginStateChanged,
+  getLoginState: getLoginState,
+  getUserId: getUserId,
+  clearLoginState: clearLoginState,
+  checkIfAuth: checkIfAuth
+};
+}

From 8f9afa42d57b26599de935e93b8b3a14d899566c Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sun, 9 Oct 2016 21:35:24 +0800
Subject: [PATCH 23/54] Fix history and edit mode change

---
 public/js/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/js/index.js b/public/js/index.js
index 7be0308..8a55037 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -55,6 +55,7 @@ require('randomcolor');
 
 var common = require('./common.js');
 var urlpath = common.urlpath;
+var noteid = common.noteid;
 var debug = common.debug;
 var version = common.version;
 var serverurl = common.serverurl;
@@ -89,9 +90,8 @@ var renderTitle = extra.renderTitle;
 var renderFilename = extra.renderFilename;
 var scrollToHash = extra.scrollToHash;
 
-var history = require('./history');
-var writeHistory = history.writeHistory;
-
+var historyModule = require('./history');
+var writeHistory = historyModule.writeHistory;
 
 var renderer = require('./render');
 var preventXSS = renderer.preventXSS;

From a25889788443556703cf1f9b412b5d6dbf90febd Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sun, 9 Oct 2016 21:35:56 +0800
Subject: [PATCH 24/54] Revert some bower assets

---
 package.json                      |   1 +
 public/js/index.js                |   2 +-
 public/js/public.js               |   2 +-
 public/vendor/idle.min.js         |   2 -
 public/vendor/jquery-scrollspy.js | 267 ------------------------------
 public/vendor/lz-string.min.js    |   1 -
 public/vendor/xss.min.js          |   1 -
 public/views/foot.ejs             |   6 +-
 public/views/pretty.ejs           |   4 +-
 9 files changed, 8 insertions(+), 278 deletions(-)
 delete mode 100644 public/vendor/idle.min.js
 delete mode 100644 public/vendor/jquery-scrollspy.js
 delete mode 100644 public/vendor/lz-string.min.js
 delete mode 100644 public/vendor/xss.min.js

diff --git a/package.json b/package.json
index db81d41..d02ab36 100644
--- a/package.json
+++ b/package.json
@@ -34,6 +34,7 @@
     "imgur": "git+https://github.com/hackmdio/node-imgur.git",
     "jquery": "^3.1.1",
     "jquery-mousewheel": "^3.1.13",
+    "jquery-scrollspy": "github:softwarespot/jquery-scrollspy",
     "jquery-textcomplete": "^1.7.3",
     "jquery-ui": "^1.12.1",
     "js-cookie": "^2.1.3",
diff --git a/public/js/index.js b/public/js/index.js
index 8a55037..bac2c9d 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -8,7 +8,7 @@ require('jquery-ui/ui/widgets/autocomplete');
 require('jquery');
 require('jquery-textcomplete');
 require('jquery-mousewheel');
-require('../vendor/jquery-scrollspy');
+require('jquery-scrollspy/jquery-scrollspy');
 require('../vendor/showup/showup');
 
 /* bootstrap */
diff --git a/public/js/public.js b/public/js/public.js
index 9a46a43..858de38 100644
--- a/public/js/public.js
+++ b/public/js/public.js
@@ -8,7 +8,7 @@ require('jquery-ui/ui/widgets/autocomplete');
 require('jquery');
 require('jquery-textcomplete');
 require('jquery-mousewheel');
-require('../vendor/jquery-scrollspy');
+require('jquery-scrollspy/jquery-scrollspy');
 require('../vendor/showup/showup');
 
 /* bootstrap */
diff --git a/public/vendor/idle.min.js b/public/vendor/idle.min.js
deleted file mode 100644
index d6fe0d3..0000000
--- a/public/vendor/idle.min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! Idle.Js, copyright 2015-01-01, Shawn Mclean*/
-(function(){var a;document.addEventListener||(document.addEventListener=document.attachEvent?function(a,b,c){return document.attachEvent("on"+a,b,c)}:function(){return{}}),document.removeEventListener||(document.removeEventListener=document.detachEvent?function(a,b){return document.detachEvent("on"+a,b)}:function(){return{}}),a={},a=function(){function a(a){var b,c;a&&(this.awayTimeout=parseInt(a.awayTimeout,10),this.onAway=a.onAway,this.onAwayBack=a.onAwayBack,this.onVisible=a.onVisible,this.onHidden=a.onHidden),c=this,b=function(){return c.onActive()},window.onclick=b,window.onmousemove=b,window.onmouseenter=b,window.onkeydown=b,window.onscroll=b,window.onmousewheel=b}return a.isAway=!1,a.awayTimeout=3e3,a.awayTimestamp=0,a.awayTimer=null,a.onAway=null,a.onAwayBack=null,a.onVisible=null,a.onHidden=null,a.prototype.onActive=function(){return this.awayTimestamp=(new Date).getTime()+this.awayTimeout,this.isAway&&(this.onAwayBack&&this.onAwayBack(),this.start()),this.isAway=!1,!0},a.prototype.start=function(){var a;return this.listener||(this.listener=function(){return a.handleVisibilityChange()},document.addEventListener("visibilitychange",this.listener,!1),document.addEventListener("webkitvisibilitychange",this.listener,!1),document.addEventListener("msvisibilitychange",this.listener,!1)),this.awayTimestamp=(new Date).getTime()+this.awayTimeout,null!==this.awayTimer&&clearTimeout(this.awayTimer),a=this,this.awayTimer=setTimeout(function(){return a.checkAway()},this.awayTimeout+100),this},a.prototype.stop=function(){return null!==this.awayTimer&&clearTimeout(this.awayTimer),null!==this.listener&&(document.removeEventListener("visibilitychange",this.listener),document.removeEventListener("webkitvisibilitychange",this.listener),document.removeEventListener("msvisibilitychange",this.listener),this.listener=null),this},a.prototype.setAwayTimeout=function(a){return this.awayTimeout=parseInt(a,10),this},a.prototype.checkAway=function(){var a,b;return b=(new Date).getTime(),b<this.awayTimestamp?(this.isAway=!1,a=this,void(this.awayTimer=setTimeout(function(){return a.checkAway()},this.awayTimestamp-b+100))):(null!==this.awayTimer&&clearTimeout(this.awayTimer),this.isAway=!0,this.onAway?this.onAway():void 0)},a.prototype.handleVisibilityChange=function(){if(document.hidden||document.msHidden||document.webkitHidden){if(this.onHidden)return this.onHidden()}else if(this.onVisible)return this.onVisible()},a}(),"function"==typeof define&&define.amd?define([],a):"object"==typeof exports?module.exports=a:window.Idle=a}).call(this);
\ No newline at end of file
diff --git a/public/vendor/jquery-scrollspy.js b/public/vendor/jquery-scrollspy.js
deleted file mode 100644
index 4fd4f53..0000000
--- a/public/vendor/jquery-scrollspy.js
+++ /dev/null
@@ -1,267 +0,0 @@
-/*
- * jQuery ScrollSpy Plugin
- * Author: @sxalexander, softwarespot
- * Licensed under the MIT license
- */
-(function jQueryScrollspy(window, $) {
-    // Plugin Logic
-
-    $.fn.extend({
-        scrollspy: function scrollspy(options, action) {
-            // If the options parameter is a string, then assume it's an 'action', therefore swap the parameters around
-            if (_isString(options)) {
-                var tempOptions = action;
-
-                // Set the action as the option parameter
-                action = options;
-
-                // Set to be the reference action pointed to
-                options = tempOptions;
-            }
-
-            // override the default options with those passed to the plugin
-            options = $.extend({}, _defaults, options);
-
-            // sanitize the following option with the default value if the predicate fails
-            _sanitizeOption(options, _defaults, 'container', _isObject);
-
-            // cache the jQuery object
-            var $container = $(options.container);
-
-            // check if it's a valid jQuery selector
-            if ($container.length === 0) {
-                return this;
-            }
-
-            // sanitize the following option with the default value if the predicate fails
-            _sanitizeOption(options, _defaults, 'namespace', _isString);
-
-            // check if the action is set to DESTROY/destroy
-            if (_isString(action) && action.toUpperCase() === 'DESTROY') {
-                $container.off('scroll.' + options.namespace);
-                return this;
-            }
-
-            // sanitize the following options with the default values if the predicates fails
-            _sanitizeOption(options, _defaults, 'buffer', $.isNumeric);
-            _sanitizeOption(options, _defaults, 'max', $.isNumeric);
-            _sanitizeOption(options, _defaults, 'min', $.isNumeric);
-
-            // callbacks
-            _sanitizeOption(options, _defaults, 'onEnter', $.isFunction);
-            _sanitizeOption(options, _defaults, 'onLeave', $.isFunction);
-            _sanitizeOption(options, _defaults, 'onLeaveTop', $.isFunction);
-            _sanitizeOption(options, _defaults, 'onLeaveBottom', $.isFunction);
-            _sanitizeOption(options, _defaults, 'onTick', $.isFunction);
-
-            if ($.isFunction(options.max)) {
-                options.max = options.max();
-            }
-
-            if ($.isFunction(options.min)) {
-                options.min = options.min();
-            }
-
-            // check if the mode is set to VERTICAL/vertical
-            var isVertical = window.String(options.mode).toUpperCase() === 'VERTICAL';
-
-            return this.each(function each() {
-                // cache this
-                var _this = this;
-
-                // cache the jQuery object
-                var $element = $(_this);
-
-                // count the number of times a container is entered
-                var enters = 0;
-
-                // determine if the scroll is with inside the container
-                var inside = false;
-
-                // count the number of times a container is left
-                var leaves = 0;
-
-                // create a scroll listener for the container
-                $container.on('scroll.' + options.namespace, function onScroll() {
-                    // cache the jQuery object
-                    var $this = $(this);
-
-                    // create a position object literal
-                    var position = {
-                        top: $this.scrollTop(),
-                        left: $this.scrollLeft(),
-                    };
-
-                    var containerHeight = $container.height();
-
-                    var max = options.max;
-
-                    var min = options.min;
-
-                    var xAndY = isVertical ? position.top + options.buffer : position.left + options.buffer;
-
-                    if (max === 0) {
-                        // get the maximum value based on either the height or the outer width
-                        max = isVertical ? containerHeight : $container.outerWidth() + $element.outerWidth();
-                    }
-
-                    // if we have reached the minimum bound, though are below the max
-                    if (xAndY >= min && xAndY <= max) {
-                        // trigger the 'scrollEnter' event
-                        if (!inside) {
-                            inside = true;
-                            enters++;
-
-                            // trigger the 'scrollEnter' event
-                            $element.trigger('scrollEnter', {
-                                position: position,
-                            });
-
-                            // call the 'onEnter' function
-                            if (options.onEnter !== null) {
-                                options.onEnter(_this, position);
-                            }
-                        }
-
-                        // trigger the 'scrollTick' event
-                        $element.trigger('scrollTick', {
-                            position: position,
-                            inside: inside,
-                            enters: enters,
-                            leaves: leaves,
-                        });
-
-                        // call the 'onTick' function
-                        if (options.onTick !== null) {
-                            options.onTick(_this, position, inside, enters, leaves);
-                        }
-                    } else {
-                        if (inside) {
-                            inside = false;
-                            leaves++;
-
-                            // trigger the 'scrollLeave' event
-                            $element.trigger('scrollLeave', {
-                                position: position,
-                                leaves: leaves,
-                            });
-
-                            // call the 'onLeave' function
-                            if (options.onLeave !== null) {
-                                options.onLeave(_this, position);
-                            }
-
-                            if (xAndY <= min) {
-                                // trigger the 'scrollLeaveTop' event
-                                $element.trigger('scrollLeaveTop', {
-                                    position: position,
-                                    leaves: leaves,
-                                });
-
-                                // call the 'onLeaveTop' function
-                                if (options.onLeaveTop !== null) {
-                                    options.onLeaveTop(_this, position);
-                                }
-                            } else if (xAndY >= max) {
-                                // trigger the 'scrollLeaveBottom' event
-                                $element.trigger('scrollLeaveBottom', {
-                                    position: position,
-                                    leaves: leaves,
-                                });
-
-                                // call the 'onLeaveBottom' function
-                                if (options.onLeaveBottom !== null) {
-                                    options.onLeaveBottom(_this, position);
-                                }
-                            }
-                        } else {
-                            // Idea taken from: http://stackoverflow.com/questions/5353934/check-if-element-is-visible-on-screen
-                            var containerScrollTop = $container.scrollTop();
-
-                            // Get the element height
-                            var elementHeight = $element.height();
-
-                            // Get the element offset
-                            var elementOffsetTop = $element.offset().top;
-
-                            if ((elementOffsetTop < (containerHeight + containerScrollTop)) && (elementOffsetTop > (containerScrollTop - elementHeight))) {
-                                // trigger the 'scrollView' event
-                                $element.trigger('scrollView', {
-                                    position: position,
-                                });
-
-                                // call the 'onView' function
-                                if (options.onView !== null) {
-                                    options.onView(_this, position);
-                                }
-                            }
-                        }
-                    }
-                });
-            });
-        },
-    });
-
-    // Fields (Private)
-
-    // Defaults
-
-    // default options
-    var _defaults = {
-        // the offset to be applied to the left and top positions of the container
-        buffer: 0,
-
-        // the element to apply the 'scrolling' event to (default window)
-        container: window,
-
-        // the maximum value of the X or Y coordinate, depending on mode the selected
-        max: 0,
-
-        // the maximum value of the X or Y coordinate, depending on mode the selected
-        min: 0,
-
-        // whether to listen to the X (horizontal) or Y (vertical) scrolling
-        mode: 'vertical',
-
-        // namespace to append to the 'scroll' event
-        namespace: 'scrollspy',
-
-        // call the following callback function every time the user enters the min / max zone
-        onEnter: null,
-
-        // call the following callback function every time the user leaves the min / max zone
-        onLeave: null,
-
-        // call the following callback function every time the user leaves the top zone
-        onLeaveTop: null,
-
-        // call the following callback function every time the user leaves the bottom zone
-        onLeaveBottom: null,
-
-        // call the following callback function on each scroll event within the min and max parameters
-        onTick: null,
-
-        // call the following callback function on each scroll event when the element is inside the viewable view port
-        onView: null,
-    };
-
-    // Methods (Private)
-
-    // check if a value is an object datatype
-    function _isObject(value) {
-        return $.type(value) === 'object';
-    }
-
-    // check if a value is a string datatype with a length greater than zero when whitespace is stripped
-    function _isString(value) {
-        return $.type(value) === 'string' && $.trim(value).length > 0;
-    }
-
-    // check if an option is correctly formatted using a predicate; otherwise, return the default value
-    function _sanitizeOption(options, defaults, property, predicate) {
-        // set the property to the default value if the predicate returned false
-        if (!predicate(options[property])) {
-            options[property] = defaults[property];
-        }
-    }
-}(window, window.jQuery));
diff --git a/public/vendor/lz-string.min.js b/public/vendor/lz-string.min.js
deleted file mode 100644
index 2d1900a..0000000
--- a/public/vendor/lz-string.min.js
+++ /dev/null
@@ -1 +0,0 @@
-var LZString=function(){function o(o,r){if(!t[o]){t[o]={};for(var n=0;n<o.length;n++)t[o][o.charAt(n)]=n}return t[o][r]}var r=String.fromCharCode,n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$",t={},i={compressToBase64:function(o){if(null==o)return"";var r=i._compress(o,6,function(o){return n.charAt(o)});switch(r.length%4){default:case 0:return r;case 1:return r+"===";case 2:return r+"==";case 3:return r+"="}},decompressFromBase64:function(r){return null==r?"":""==r?null:i._decompress(r.length,32,function(e){return o(n,r.charAt(e))})},compressToUTF16:function(o){return null==o?"":i._compress(o,15,function(o){return r(o+32)})+" "},decompressFromUTF16:function(o){return null==o?"":""==o?null:i._decompress(o.length,16384,function(r){return o.charCodeAt(r)-32})},compressToUint8Array:function(o){for(var r=i.compress(o),n=new Uint8Array(2*r.length),e=0,t=r.length;t>e;e++){var s=r.charCodeAt(e);n[2*e]=s>>>8,n[2*e+1]=s%256}return n},decompressFromUint8Array:function(o){if(null===o||void 0===o)return i.decompress(o);for(var n=new Array(o.length/2),e=0,t=n.length;t>e;e++)n[e]=256*o[2*e]+o[2*e+1];var s=[];return n.forEach(function(o){s.push(r(o))}),i.decompress(s.join(""))},compressToEncodedURIComponent:function(o){return null==o?"":i._compress(o,6,function(o){return e.charAt(o)})},decompressFromEncodedURIComponent:function(r){return null==r?"":""==r?null:(r=r.replace(/ /g,"+"),i._decompress(r.length,32,function(n){return o(e,r.charAt(n))}))},compress:function(o){return i._compress(o,16,function(o){return r(o)})},_compress:function(o,r,n){if(null==o)return"";var e,t,i,s={},p={},u="",c="",a="",l=2,f=3,h=2,d=[],m=0,v=0;for(i=0;i<o.length;i+=1)if(u=o.charAt(i),Object.prototype.hasOwnProperty.call(s,u)||(s[u]=f++,p[u]=!0),c=a+u,Object.prototype.hasOwnProperty.call(s,c))a=c;else{if(Object.prototype.hasOwnProperty.call(p,a)){if(a.charCodeAt(0)<256){for(e=0;h>e;e++)m<<=1,v==r-1?(v=0,d.push(n(m)),m=0):v++;for(t=a.charCodeAt(0),e=0;8>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}else{for(t=1,e=0;h>e;e++)m=m<<1|t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t=0;for(t=a.charCodeAt(0),e=0;16>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}l--,0==l&&(l=Math.pow(2,h),h++),delete p[a]}else for(t=s[a],e=0;h>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1;l--,0==l&&(l=Math.pow(2,h),h++),s[c]=f++,a=String(u)}if(""!==a){if(Object.prototype.hasOwnProperty.call(p,a)){if(a.charCodeAt(0)<256){for(e=0;h>e;e++)m<<=1,v==r-1?(v=0,d.push(n(m)),m=0):v++;for(t=a.charCodeAt(0),e=0;8>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}else{for(t=1,e=0;h>e;e++)m=m<<1|t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t=0;for(t=a.charCodeAt(0),e=0;16>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1}l--,0==l&&(l=Math.pow(2,h),h++),delete p[a]}else for(t=s[a],e=0;h>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1;l--,0==l&&(l=Math.pow(2,h),h++)}for(t=2,e=0;h>e;e++)m=m<<1|1&t,v==r-1?(v=0,d.push(n(m)),m=0):v++,t>>=1;for(;;){if(m<<=1,v==r-1){d.push(n(m));break}v++}return d.join("")},decompress:function(o){return null==o?"":""==o?null:i._decompress(o.length,32768,function(r){return o.charCodeAt(r)})},_decompress:function(o,n,e){var t,i,s,p,u,c,a,l,f=[],h=4,d=4,m=3,v="",w=[],A={val:e(0),position:n,index:1};for(i=0;3>i;i+=1)f[i]=i;for(p=0,c=Math.pow(2,2),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;switch(t=p){case 0:for(p=0,c=Math.pow(2,8),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;l=r(p);break;case 1:for(p=0,c=Math.pow(2,16),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;l=r(p);break;case 2:return""}for(f[3]=l,s=l,w.push(l);;){if(A.index>o)return"";for(p=0,c=Math.pow(2,m),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;switch(l=p){case 0:for(p=0,c=Math.pow(2,8),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;f[d++]=r(p),l=d-1,h--;break;case 1:for(p=0,c=Math.pow(2,16),a=1;a!=c;)u=A.val&A.position,A.position>>=1,0==A.position&&(A.position=n,A.val=e(A.index++)),p|=(u>0?1:0)*a,a<<=1;f[d++]=r(p),l=d-1,h--;break;case 2:return w.join("")}if(0==h&&(h=Math.pow(2,m),m++),f[l])v=f[l];else{if(l!==d)return null;v=s+s.charAt(0)}w.push(v),f[d++]=s+v.charAt(0),h--,s=v,0==h&&(h=Math.pow(2,m),m++)}}};return i}();"function"==typeof define&&define.amd?define(function(){return LZString}):"undefined"!=typeof module&&null!=module&&(module.exports=LZString);
diff --git a/public/vendor/xss.min.js b/public/vendor/xss.min.js
deleted file mode 100644
index 48d7880..0000000
--- a/public/vendor/xss.min.js
+++ /dev/null
@@ -1 +0,0 @@
-(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){var FilterCSS=require("cssfilter").FilterCSS;var _=require("./util");function getDefaultWhiteList(){return{a:["target","href","title"],abbr:["title"],address:[],area:["shape","coords","href","alt"],article:[],aside:[],audio:["autoplay","controls","loop","preload","src"],b:[],bdi:["dir"],bdo:["dir"],big:[],blockquote:["cite"],br:[],caption:[],center:[],cite:[],code:[],col:["align","valign","span","width"],colgroup:["align","valign","span","width"],dd:[],del:["datetime"],details:["open"],div:[],dl:[],dt:[],em:[],font:["color","size","face"],footer:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],header:[],hr:[],i:[],img:["src","alt","title","width","height"],ins:["datetime"],li:[],mark:[],nav:[],ol:[],p:[],pre:[],s:[],section:[],small:[],span:[],sub:[],sup:[],strong:[],table:["width","border","align","valign"],tbody:["align","valign"],td:["width","rowspan","colspan","align","valign"],tfoot:["align","valign"],th:["width","rowspan","colspan","align","valign"],thead:["align","valign"],tr:["rowspan","align","valign"],tt:[],u:[],ul:[],video:["autoplay","controls","loop","preload","src","height","width"]}}var defaultCSSFilter=new FilterCSS;function onTag(tag,html,options){}function onIgnoreTag(tag,html,options){}function onTagAttr(tag,name,value){}function onIgnoreTagAttr(tag,name,value){}function escapeHtml(html){return html.replace(REGEXP_LT,"&lt;").replace(REGEXP_GT,"&gt;")}function safeAttrValue(tag,name,value,cssFilter){cssFilter=cssFilter||defaultCSSFilter;value=friendlyAttrValue(value);if(name==="href"||name==="src"){value=_.trim(value);if(value==="#")return"#";if(!(value.substr(0,7)==="http://"||value.substr(0,8)==="https://"||value.substr(0,7)==="mailto:"||value[0]==="#"||value[0]==="/")){return""}}else if(name==="background"){REGEXP_DEFAULT_ON_TAG_ATTR_4.lastIndex=0;if(REGEXP_DEFAULT_ON_TAG_ATTR_4.test(value)){return""}}else if(name==="style"){REGEXP_DEFAULT_ON_TAG_ATTR_7.lastIndex=0;if(REGEXP_DEFAULT_ON_TAG_ATTR_7.test(value)){return""}REGEXP_DEFAULT_ON_TAG_ATTR_8.lastIndex=0;if(REGEXP_DEFAULT_ON_TAG_ATTR_8.test(value)){REGEXP_DEFAULT_ON_TAG_ATTR_4.lastIndex=0;if(REGEXP_DEFAULT_ON_TAG_ATTR_4.test(value)){return""}}value=cssFilter.process(value)}value=escapeAttrValue(value);return value}var REGEXP_LT=/</g;var REGEXP_GT=/>/g;var REGEXP_QUOTE=/"/g;var REGEXP_QUOTE_2=/&quot;/g;var REGEXP_ATTR_VALUE_1=/&#([a-zA-Z0-9]*);?/gim;var REGEXP_ATTR_VALUE_COLON=/&colon;?/gim;var REGEXP_ATTR_VALUE_NEWLINE=/&newline;?/gim;var REGEXP_DEFAULT_ON_TAG_ATTR_3=/\/\*|\*\//gm;var REGEXP_DEFAULT_ON_TAG_ATTR_4=/((j\s*a\s*v\s*a|v\s*b|l\s*i\s*v\s*e)\s*s\s*c\s*r\s*i\s*p\s*t\s*|m\s*o\s*c\s*h\s*a)\:/gi;var REGEXP_DEFAULT_ON_TAG_ATTR_5=/^[\s"'`]*(d\s*a\s*t\s*a\s*)\:/gi;var REGEXP_DEFAULT_ON_TAG_ATTR_6=/^[\s"'`]*(d\s*a\s*t\s*a\s*)\:\s*image\//gi;var REGEXP_DEFAULT_ON_TAG_ATTR_7=/e\s*x\s*p\s*r\s*e\s*s\s*s\s*i\s*o\s*n\s*\(.*/gi;var REGEXP_DEFAULT_ON_TAG_ATTR_8=/u\s*r\s*l\s*\(.*/gi;function escapeQuote(str){return str.replace(REGEXP_QUOTE,"&quot;")}function unescapeQuote(str){return str.replace(REGEXP_QUOTE_2,'"')}function escapeHtmlEntities(str){return str.replace(REGEXP_ATTR_VALUE_1,function replaceUnicode(str,code){return code[0]==="x"||code[0]==="X"?String.fromCharCode(parseInt(code.substr(1),16)):String.fromCharCode(parseInt(code,10))})}function escapeDangerHtml5Entities(str){return str.replace(REGEXP_ATTR_VALUE_COLON,":").replace(REGEXP_ATTR_VALUE_NEWLINE," ")}function clearNonPrintableCharacter(str){var str2="";for(var i=0,len=str.length;i<len;i++){str2+=str.charCodeAt(i)<32?" ":str.charAt(i)}return _.trim(str2)}function friendlyAttrValue(str){str=unescapeQuote(str);str=escapeHtmlEntities(str);str=escapeDangerHtml5Entities(str);str=clearNonPrintableCharacter(str);return str}function escapeAttrValue(str){str=escapeQuote(str);str=escapeHtml(str);return str}function onIgnoreTagStripAll(){return""}function StripTagBody(tags,next){if(typeof next!=="function"){next=function(){}}var isRemoveAllTag=!Array.isArray(tags);function isRemoveTag(tag){if(isRemoveAllTag)return true;return _.indexOf(tags,tag)!==-1}var removeList=[];var posStart=false;return{onIgnoreTag:function(tag,html,options){if(isRemoveTag(tag)){if(options.isClosing){var ret="[/removed]";var end=options.position+ret.length;removeList.push([posStart!==false?posStart:options.position,end]);posStart=false;return ret}else{if(!posStart){posStart=options.position}return"[removed]"}}else{return next(tag,html,options)}},remove:function(html){var rethtml="";var lastPos=0;_.forEach(removeList,function(pos){rethtml+=html.slice(lastPos,pos[0]);lastPos=pos[1]});rethtml+=html.slice(lastPos);return rethtml}}}function stripCommentTag(html){return html.replace(STRIP_COMMENT_TAG_REGEXP,"")}var STRIP_COMMENT_TAG_REGEXP=/<!--[\s\S]*?-->/g;function stripBlankChar(html){var chars=html.split("");chars=chars.filter(function(char){var c=char.charCodeAt(0);if(c===127)return false;if(c<=31){if(c===10||c===13)return true;return false}return true});return chars.join("")}exports.whiteList=getDefaultWhiteList();exports.getDefaultWhiteList=getDefaultWhiteList;exports.onTag=onTag;exports.onIgnoreTag=onIgnoreTag;exports.onTagAttr=onTagAttr;exports.onIgnoreTagAttr=onIgnoreTagAttr;exports.safeAttrValue=safeAttrValue;exports.escapeHtml=escapeHtml;exports.escapeQuote=escapeQuote;exports.unescapeQuote=unescapeQuote;exports.escapeHtmlEntities=escapeHtmlEntities;exports.escapeDangerHtml5Entities=escapeDangerHtml5Entities;exports.clearNonPrintableCharacter=clearNonPrintableCharacter;exports.friendlyAttrValue=friendlyAttrValue;exports.escapeAttrValue=escapeAttrValue;exports.onIgnoreTagStripAll=onIgnoreTagStripAll;exports.StripTagBody=StripTagBody;exports.stripCommentTag=stripCommentTag;exports.stripBlankChar=stripBlankChar;exports.cssFilter=defaultCSSFilter},{"./util":4,cssfilter:8}],2:[function(require,module,exports){var DEFAULT=require("./default");var parser=require("./parser");var FilterXSS=require("./xss");function filterXSS(html,options){var xss=new FilterXSS(options);return xss.process(html)}exports=module.exports=filterXSS;exports.FilterXSS=FilterXSS;for(var i in DEFAULT)exports[i]=DEFAULT[i];for(var i in parser)exports[i]=parser[i];if(typeof window!=="undefined"){window.filterXSS=module.exports}},{"./default":1,"./parser":3,"./xss":5}],3:[function(require,module,exports){var _=require("./util");function getTagName(html){var i=html.indexOf(" ");if(i===-1){var tagName=html.slice(1,-1)}else{var tagName=html.slice(1,i+1)}tagName=_.trim(tagName).toLowerCase();if(tagName.slice(0,1)==="/")tagName=tagName.slice(1);if(tagName.slice(-1)==="/")tagName=tagName.slice(0,-1);return tagName}function isClosing(html){return html.slice(0,2)==="</"}function parseTag(html,onTag,escapeHtml){"user strict";var rethtml="";var lastPos=0;var tagStart=false;var quoteStart=false;var currentPos=0;var len=html.length;var currentHtml="";var currentTagName="";for(currentPos=0;currentPos<len;currentPos++){var c=html.charAt(currentPos);if(tagStart===false){if(c==="<"){tagStart=currentPos;continue}}else{if(quoteStart===false){if(c==="<"){rethtml+=escapeHtml(html.slice(lastPos,currentPos));tagStart=currentPos;lastPos=currentPos;continue}if(c===">"){rethtml+=escapeHtml(html.slice(lastPos,tagStart));currentHtml=html.slice(tagStart,currentPos+1);currentTagName=getTagName(currentHtml);rethtml+=onTag(tagStart,rethtml.length,currentTagName,currentHtml,isClosing(currentHtml));lastPos=currentPos+1;tagStart=false;continue}if((c==='"'||c==="'")&&html.charAt(currentPos-1)==="="){quoteStart=c;continue}}else{if(c===quoteStart){quoteStart=false;continue}}}}if(lastPos<html.length){rethtml+=escapeHtml(html.substr(lastPos))}return rethtml}var REGEXP_ATTR_NAME=/[^a-zA-Z0-9_:\.\-]/gim;function parseAttr(html,onAttr){"user strict";var lastPos=0;var retAttrs=[];var tmpName=false;var len=html.length;function addAttr(name,value){name=_.trim(name);name=name.replace(REGEXP_ATTR_NAME,"").toLowerCase();if(name.length<1)return;var ret=onAttr(name,value||"");if(ret)retAttrs.push(ret)}for(var i=0;i<len;i++){var c=html.charAt(i);var v,j;if(tmpName===false&&c==="="){tmpName=html.slice(lastPos,i);lastPos=i+1;continue}if(tmpName!==false){if(i===lastPos&&(c==='"'||c==="'")&&html.charAt(i-1)==="="){j=html.indexOf(c,i+1);if(j===-1){break}else{v=_.trim(html.slice(lastPos+1,j));addAttr(tmpName,v);tmpName=false;i=j;lastPos=i+1;continue}}}if(c===" "){if(tmpName===false){j=findNextEqual(html,i);if(j===-1){v=_.trim(html.slice(lastPos,i));addAttr(v);tmpName=false;lastPos=i+1;continue}else{i=j-1;continue}}else{j=findBeforeEqual(html,i-1);if(j===-1){v=_.trim(html.slice(lastPos,i));v=stripQuoteWrap(v);addAttr(tmpName,v);tmpName=false;lastPos=i+1;continue}else{continue}}}}if(lastPos<html.length){if(tmpName===false){addAttr(html.slice(lastPos))}else{addAttr(tmpName,stripQuoteWrap(_.trim(html.slice(lastPos))))}}return _.trim(retAttrs.join(" "))}function findNextEqual(str,i){for(;i<str.length;i++){var c=str[i];if(c===" ")continue;if(c==="=")return i;return-1}}function findBeforeEqual(str,i){for(;i>0;i--){var c=str[i];if(c===" ")continue;if(c==="=")return i;return-1}}function isQuoteWrapString(text){if(text[0]==='"'&&text[text.length-1]==='"'||text[0]==="'"&&text[text.length-1]==="'"){return true}else{return false}}function stripQuoteWrap(text){if(isQuoteWrapString(text)){return text.substr(1,text.length-2)}else{return text}}exports.parseTag=parseTag;exports.parseAttr=parseAttr},{"./util":4}],4:[function(require,module,exports){module.exports={indexOf:function(arr,item){var i,j;if(Array.prototype.indexOf){return arr.indexOf(item)}for(i=0,j=arr.length;i<j;i++){if(arr[i]===item){return i}}return-1},forEach:function(arr,fn,scope){var i,j;if(Array.prototype.forEach){return arr.forEach(fn,scope)}for(i=0,j=arr.length;i<j;i++){fn.call(scope,arr[i],i,arr)}},trim:function(str){if(String.prototype.trim){return str.trim()}return str.replace(/(^\s*)|(\s*$)/g,"")}}},{}],5:[function(require,module,exports){var FilterCSS=require("cssfilter").FilterCSS;var DEFAULT=require("./default");var parser=require("./parser");var parseTag=parser.parseTag;var parseAttr=parser.parseAttr;var _=require("./util");function isNull(obj){return obj===undefined||obj===null}function getAttrs(html){var i=html.indexOf(" ");if(i===-1){return{html:"",closing:html[html.length-2]==="/"}}html=_.trim(html.slice(i+1,-1));var isClosing=html[html.length-1]==="/";if(isClosing)html=_.trim(html.slice(0,-1));return{html:html,closing:isClosing}}function FilterXSS(options){options=options||{};if(options.stripIgnoreTag){if(options.onIgnoreTag){console.error('Notes: cannot use these two options "stripIgnoreTag" and "onIgnoreTag" at the same time')}options.onIgnoreTag=DEFAULT.onIgnoreTagStripAll}options.whiteList=options.whiteList||DEFAULT.whiteList;options.onTag=options.onTag||DEFAULT.onTag;options.onTagAttr=options.onTagAttr||DEFAULT.onTagAttr;options.onIgnoreTag=options.onIgnoreTag||DEFAULT.onIgnoreTag;options.onIgnoreTagAttr=options.onIgnoreTagAttr||DEFAULT.onIgnoreTagAttr;options.safeAttrValue=options.safeAttrValue||DEFAULT.safeAttrValue;options.escapeHtml=options.escapeHtml||DEFAULT.escapeHtml;options.css=options.css||{};this.options=options;this.cssFilter=new FilterCSS(options.css)}FilterXSS.prototype.process=function(html){html=html||"";html=html.toString();if(!html)return"";var me=this;var options=me.options;var whiteList=options.whiteList;var onTag=options.onTag;var onIgnoreTag=options.onIgnoreTag;var onTagAttr=options.onTagAttr;var onIgnoreTagAttr=options.onIgnoreTagAttr;var safeAttrValue=options.safeAttrValue;var escapeHtml=options.escapeHtml;var cssFilter=me.cssFilter;if(options.stripBlankChar){html=DEFAULT.stripBlankChar(html)}if(!options.allowCommentTag){html=DEFAULT.stripCommentTag(html)}var stripIgnoreTagBody=false;if(options.stripIgnoreTagBody){var stripIgnoreTagBody=DEFAULT.StripTagBody(options.stripIgnoreTagBody,onIgnoreTag);onIgnoreTag=stripIgnoreTagBody.onIgnoreTag}var retHtml=parseTag(html,function(sourcePosition,position,tag,html,isClosing){var info={sourcePosition:sourcePosition,position:position,isClosing:isClosing,isWhite:tag in whiteList};var ret=onTag(tag,html,info);if(!isNull(ret))return ret;if(info.isWhite){if(info.isClosing){return"</"+tag+">"}var attrs=getAttrs(html);var whiteAttrList=whiteList[tag];var attrsHtml=parseAttr(attrs.html,function(name,value){var isWhiteAttr=_.indexOf(whiteAttrList,name)!==-1;var ret=onTagAttr(tag,name,value,isWhiteAttr);if(!isNull(ret))return ret;if(isWhiteAttr){value=safeAttrValue(tag,name,value,cssFilter);if(value){return name+'="'+value+'"'}else{return name}}else{var ret=onIgnoreTagAttr(tag,name,value,isWhiteAttr);if(!isNull(ret))return ret;return}});var html="<"+tag;if(attrsHtml)html+=" "+attrsHtml;if(attrs.closing)html+=" /";html+=">";return html}else{var ret=onIgnoreTag(tag,html,info);if(!isNull(ret))return ret;return escapeHtml(html)}},escapeHtml);if(stripIgnoreTagBody){retHtml=stripIgnoreTagBody.remove(retHtml)}return retHtml};module.exports=FilterXSS},{"./default":1,"./parser":3,"./util":4,cssfilter:8}],6:[function(require,module,exports){var DEFAULT=require("./default");var parseStyle=require("./parser");var _=require("./util");function isNull(obj){return obj===undefined||obj===null}function FilterCSS(options){options=options||{};options.whiteList=options.whiteList||DEFAULT.whiteList;options.onAttr=options.onAttr||DEFAULT.onAttr;options.onIgnoreAttr=options.onIgnoreAttr||DEFAULT.onIgnoreAttr;this.options=options}FilterCSS.prototype.process=function(css){css=css||"";css=css.toString();if(!css)return"";var me=this;var options=me.options;var whiteList=options.whiteList;var onAttr=options.onAttr;var onIgnoreAttr=options.onIgnoreAttr;var retCSS=parseStyle(css,function(sourcePosition,position,name,value,source){var check=whiteList[name];var isWhite=false;if(check===true)isWhite=check;else if(typeof check==="function")isWhite=check(value);else if(check instanceof RegExp)isWhite=check.test(value);if(isWhite!==true)isWhite=false;var opts={position:position,sourcePosition:sourcePosition,source:source,isWhite:isWhite};if(isWhite){var ret=onAttr(name,value,opts);if(isNull(ret)){return name+":"+value}else{return ret}}else{var ret=onIgnoreAttr(name,value,opts);if(!isNull(ret)){return ret}}});return retCSS};module.exports=FilterCSS},{"./default":7,"./parser":9,"./util":10}],7:[function(require,module,exports){function getDefaultWhiteList(){var whiteList={};whiteList["align-content"]=false;whiteList["align-items"]=false;whiteList["align-self"]=false;whiteList["alignment-adjust"]=false;whiteList["alignment-baseline"]=false;whiteList["all"]=false;whiteList["anchor-point"]=false;whiteList["animation"]=false;whiteList["animation-delay"]=false;whiteList["animation-direction"]=false;whiteList["animation-duration"]=false;whiteList["animation-fill-mode"]=false;whiteList["animation-iteration-count"]=false;whiteList["animation-name"]=false;whiteList["animation-play-state"]=false;whiteList["animation-timing-function"]=false;whiteList["azimuth"]=false;whiteList["backface-visibility"]=false;whiteList["background"]=true;whiteList["background-attachment"]=true;whiteList["background-clip"]=true;whiteList["background-color"]=true;whiteList["background-image"]=true;whiteList["background-origin"]=true;whiteList["background-position"]=true;whiteList["background-repeat"]=true;whiteList["background-size"]=true;whiteList["baseline-shift"]=false;whiteList["binding"]=false;whiteList["bleed"]=false;whiteList["bookmark-label"]=false;whiteList["bookmark-level"]=false;whiteList["bookmark-state"]=false;whiteList["border"]=true;whiteList["border-bottom"]=true;whiteList["border-bottom-color"]=true;whiteList["border-bottom-left-radius"]=true;whiteList["border-bottom-right-radius"]=true;whiteList["border-bottom-style"]=true;whiteList["border-bottom-width"]=true;whiteList["border-collapse"]=true;whiteList["border-color"]=true;whiteList["border-image"]=true;whiteList["border-image-outset"]=true;whiteList["border-image-repeat"]=true;whiteList["border-image-slice"]=true;whiteList["border-image-source"]=true;whiteList["border-image-width"]=true;whiteList["border-left"]=true;whiteList["border-left-color"]=true;whiteList["border-left-style"]=true;whiteList["border-left-width"]=true;whiteList["border-radius"]=true;whiteList["border-right"]=true;whiteList["border-right-color"]=true;whiteList["border-right-style"]=true;whiteList["border-right-width"]=true;whiteList["border-spacing"]=true;whiteList["border-style"]=true;whiteList["border-top"]=true;whiteList["border-top-color"]=true;whiteList["border-top-left-radius"]=true;whiteList["border-top-right-radius"]=true;whiteList["border-top-style"]=true;whiteList["border-top-width"]=true;whiteList["border-width"]=true;whiteList["bottom"]=false;whiteList["box-decoration-break"]=true;whiteList["box-shadow"]=true;whiteList["box-sizing"]=true;whiteList["box-snap"]=true;whiteList["box-suppress"]=true;whiteList["break-after"]=true;whiteList["break-before"]=true;whiteList["break-inside"]=true;whiteList["caption-side"]=false;whiteList["chains"]=false;whiteList["clear"]=true;whiteList["clip"]=false;whiteList["clip-path"]=false;whiteList["clip-rule"]=false;whiteList["color"]=true;whiteList["color-interpolation-filters"]=true;whiteList["column-count"]=false;whiteList["column-fill"]=false;whiteList["column-gap"]=false;whiteList["column-rule"]=false;whiteList["column-rule-color"]=false;whiteList["column-rule-style"]=false;whiteList["column-rule-width"]=false;whiteList["column-span"]=false;whiteList["column-width"]=false;whiteList["columns"]=false;whiteList["contain"]=false;whiteList["content"]=false;whiteList["counter-increment"]=false;whiteList["counter-reset"]=false;whiteList["counter-set"]=false;whiteList["crop"]=false;whiteList["cue"]=false;whiteList["cue-after"]=false;whiteList["cue-before"]=false;whiteList["cursor"]=false;whiteList["direction"]=false;whiteList["display"]=true;whiteList["display-inside"]=true;whiteList["display-list"]=true;whiteList["display-outside"]=true;whiteList["dominant-baseline"]=false;whiteList["elevation"]=false;whiteList["empty-cells"]=false;whiteList["filter"]=false;whiteList["flex"]=false;whiteList["flex-basis"]=false;whiteList["flex-direction"]=false;whiteList["flex-flow"]=false;whiteList["flex-grow"]=false;whiteList["flex-shrink"]=false;whiteList["flex-wrap"]=false;whiteList["float"]=false;whiteList["float-offset"]=false;whiteList["flood-color"]=false;whiteList["flood-opacity"]=false;whiteList["flow-from"]=false;whiteList["flow-into"]=false;whiteList["font"]=true;whiteList["font-family"]=true;whiteList["font-feature-settings"]=true;whiteList["font-kerning"]=true;whiteList["font-language-override"]=true;whiteList["font-size"]=true;whiteList["font-size-adjust"]=true;whiteList["font-stretch"]=true;whiteList["font-style"]=true;whiteList["font-synthesis"]=true;whiteList["font-variant"]=true;whiteList["font-variant-alternates"]=true;whiteList["font-variant-caps"]=true;whiteList["font-variant-east-asian"]=true;whiteList["font-variant-ligatures"]=true;whiteList["font-variant-numeric"]=true;whiteList["font-variant-position"]=true;whiteList["font-weight"]=true;whiteList["grid"]=false;whiteList["grid-area"]=false;whiteList["grid-auto-columns"]=false;whiteList["grid-auto-flow"]=false;whiteList["grid-auto-rows"]=false;whiteList["grid-column"]=false;whiteList["grid-column-end"]=false;whiteList["grid-column-start"]=false;whiteList["grid-row"]=false;whiteList["grid-row-end"]=false;whiteList["grid-row-start"]=false;whiteList["grid-template"]=false;whiteList["grid-template-areas"]=false;whiteList["grid-template-columns"]=false;whiteList["grid-template-rows"]=false;whiteList["hanging-punctuation"]=false;whiteList["height"]=true;whiteList["hyphens"]=false;whiteList["icon"]=false;whiteList["image-orientation"]=false;whiteList["image-resolution"]=false;whiteList["ime-mode"]=false;whiteList["initial-letters"]=false;whiteList["inline-box-align"]=false;whiteList["justify-content"]=false;whiteList["justify-items"]=false;whiteList["justify-self"]=false;whiteList["left"]=false;whiteList["letter-spacing"]=true;whiteList["lighting-color"]=true;whiteList["line-box-contain"]=false;whiteList["line-break"]=false;whiteList["line-grid"]=false;whiteList["line-height"]=false;whiteList["line-snap"]=false;whiteList["line-stacking"]=false;whiteList["line-stacking-ruby"]=false;whiteList["line-stacking-shift"]=false;whiteList["line-stacking-strategy"]=false;whiteList["list-style"]=true;whiteList["list-style-image"]=true;whiteList["list-style-position"]=true;whiteList["list-style-type"]=true;whiteList["margin"]=true;whiteList["margin-bottom"]=true;whiteList["margin-left"]=true;whiteList["margin-right"]=true;whiteList["margin-top"]=true;whiteList["marker-offset"]=false;whiteList["marker-side"]=false;whiteList["marks"]=false;whiteList["mask"]=false;whiteList["mask-box"]=false;whiteList["mask-box-outset"]=false;whiteList["mask-box-repeat"]=false;whiteList["mask-box-slice"]=false;whiteList["mask-box-source"]=false;whiteList["mask-box-width"]=false;whiteList["mask-clip"]=false;whiteList["mask-image"]=false;whiteList["mask-origin"]=false;whiteList["mask-position"]=false;whiteList["mask-repeat"]=false;whiteList["mask-size"]=false;whiteList["mask-source-type"]=false;whiteList["mask-type"]=false;whiteList["max-height"]=true;whiteList["max-lines"]=false;whiteList["max-width"]=true;whiteList["min-height"]=true;whiteList["min-width"]=true;whiteList["move-to"]=false;whiteList["nav-down"]=false;whiteList["nav-index"]=false;whiteList["nav-left"]=false;whiteList["nav-right"]=false;whiteList["nav-up"]=false;whiteList["object-fit"]=false;whiteList["object-position"]=false;whiteList["opacity"]=false;whiteList["order"]=false;whiteList["orphans"]=false;whiteList["outline"]=false;whiteList["outline-color"]=false;whiteList["outline-offset"]=false;whiteList["outline-style"]=false;whiteList["outline-width"]=false;whiteList["overflow"]=false;whiteList["overflow-wrap"]=false;whiteList["overflow-x"]=false;whiteList["overflow-y"]=false;whiteList["padding"]=true;whiteList["padding-bottom"]=true;whiteList["padding-left"]=true;whiteList["padding-right"]=true;whiteList["padding-top"]=true;whiteList["page"]=false;whiteList["page-break-after"]=false;whiteList["page-break-before"]=false;whiteList["page-break-inside"]=false;whiteList["page-policy"]=false;whiteList["pause"]=false;whiteList["pause-after"]=false;whiteList["pause-before"]=false;whiteList["perspective"]=false;whiteList["perspective-origin"]=false;whiteList["pitch"]=false;whiteList["pitch-range"]=false;whiteList["play-during"]=false;whiteList["position"]=false;whiteList["presentation-level"]=false;whiteList["quotes"]=false;whiteList["region-fragment"]=false;whiteList["resize"]=false;whiteList["rest"]=false;whiteList["rest-after"]=false;whiteList["rest-before"]=false;whiteList["richness"]=false;whiteList["right"]=false;whiteList["rotation"]=false;whiteList["rotation-point"]=false;whiteList["ruby-align"]=false;whiteList["ruby-merge"]=false;whiteList["ruby-position"]=false;whiteList["shape-image-threshold"]=false;whiteList["shape-outside"]=false;whiteList["shape-margin"]=false;whiteList["size"]=false;whiteList["speak"]=false;whiteList["speak-as"]=false;whiteList["speak-header"]=false;whiteList["speak-numeral"]=false;whiteList["speak-punctuation"]=false;whiteList["speech-rate"]=false;whiteList["stress"]=false;whiteList["string-set"]=false;whiteList["tab-size"]=false;whiteList["table-layout"]=false;whiteList["text-align"]=true;whiteList["text-align-last"]=true;whiteList["text-combine-upright"]=true;whiteList["text-decoration"]=true;whiteList["text-decoration-color"]=true;whiteList["text-decoration-line"]=true;whiteList["text-decoration-skip"]=true;whiteList["text-decoration-style"]=true;whiteList["text-emphasis"]=true;whiteList["text-emphasis-color"]=true;whiteList["text-emphasis-position"]=true;whiteList["text-emphasis-style"]=true;whiteList["text-height"]=true;whiteList["text-indent"]=true;whiteList["text-justify"]=true;whiteList["text-orientation"]=true;whiteList["text-overflow"]=true;whiteList["text-shadow"]=true;whiteList["text-space-collapse"]=true;whiteList["text-transform"]=true;whiteList["text-underline-position"]=true;whiteList["text-wrap"]=true;whiteList["top"]=false;whiteList["transform"]=false;whiteList["transform-origin"]=false;whiteList["transform-style"]=false;whiteList["transition"]=false;whiteList["transition-delay"]=false;whiteList["transition-duration"]=false;whiteList["transition-property"]=false;whiteList["transition-timing-function"]=false;whiteList["unicode-bidi"]=false;whiteList["vertical-align"]=false;whiteList["visibility"]=false;whiteList["voice-balance"]=false;whiteList["voice-duration"]=false;whiteList["voice-family"]=false;whiteList["voice-pitch"]=false;whiteList["voice-range"]=false;whiteList["voice-rate"]=false;whiteList["voice-stress"]=false;whiteList["voice-volume"]=false;whiteList["volume"]=false;whiteList["white-space"]=false;whiteList["widows"]=false;whiteList["width"]=true;whiteList["will-change"]=false;whiteList["word-break"]=true;whiteList["word-spacing"]=true;whiteList["word-wrap"]=true;whiteList["wrap-flow"]=false;whiteList["wrap-through"]=false;whiteList["writing-mode"]=false;whiteList["z-index"]=false;return whiteList}function onAttr(name,value,options){}function onIgnoreAttr(name,value,options){}exports.whiteList=getDefaultWhiteList();exports.getDefaultWhiteList=getDefaultWhiteList;exports.onAttr=onAttr;exports.onIgnoreAttr=onIgnoreAttr},{}],8:[function(require,module,exports){var DEFAULT=require("./default");var FilterCSS=require("./css");function filterCSS(html,options){var xss=new FilterCSS(options);return xss.process(html)}exports=module.exports=filterCSS;exports.FilterCSS=FilterCSS;for(var i in DEFAULT)exports[i]=DEFAULT[i];if(typeof window!=="undefined"){window.filterCSS=module.exports}},{"./css":6,"./default":7}],9:[function(require,module,exports){var _=require("./util");function parseStyle(css,onAttr){css=_.trimRight(css);if(css[css.length-1]!==";")css+=";";var cssLength=css.length;var isParenthesisOpen=false;var lastPos=0;var i=0;var retCSS="";function addNewAttr(){if(!isParenthesisOpen){var source=_.trim(css.slice(lastPos,i));var j=source.indexOf(":");if(j!==-1){var name=_.trim(source.slice(0,j));var value=_.trim(source.slice(j+1));if(name){var ret=onAttr(lastPos,retCSS.length,name,value,source);if(ret)retCSS+=ret+"; "}}}lastPos=i+1}for(;i<cssLength;i++){var c=css[i];if(c==="/"&&css[i+1]==="*"){var j=css.indexOf("*/",i+2);if(j===-1)break;i=j+1;lastPos=i+1;isParenthesisOpen=false}else if(c==="("){isParenthesisOpen=true}else if(c===")"){isParenthesisOpen=false}else if(c===";"){if(isParenthesisOpen){}else{addNewAttr()}}else if(c==="\n"){addNewAttr()}}return _.trim(retCSS)}module.exports=parseStyle},{"./util":10}],10:[function(require,module,exports){module.exports={indexOf:function(arr,item){var i,j;if(Array.prototype.indexOf){return arr.indexOf(item)}for(i=0,j=arr.length;i<j;i++){if(arr[i]===item){return i}}return-1},forEach:function(arr,fn,scope){var i,j;if(Array.prototype.forEach){return arr.forEach(fn,scope)}for(i=0,j=arr.length;i<j;i++){fn.call(scope,arr[i],i,arr)}},trim:function(str){if(String.prototype.trim){return str.trim()}return str.replace(/(^\s*)|(\s*$)/g,"")},trimRight:function(str){if(String.prototype.trimRight){return str.trimRight()}return str.replace(/(\s*$)/g,"")}}},{}]},{},[2]);
\ No newline at end of file
diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index 7df96b5..7103b32 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -21,8 +21,8 @@
 <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
 <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
 <% } %>
-<script src="<%- url %>/vendor/idle.min.js" defer></script>
-<script src="<%- url %>/vendor/lz-string.min.js" defer></script>
+<script src="<%- url %>/vendor/Idle.Js/build/idle.min.js" defer></script>
+<script src="<%- url %>/vendor/lz-string/libs/lz-string.min.js" defer></script>
 <script src="<%- url %>/vendor/jquery/dist/jquery.min.js" defer></script>
 <!--codemirror-->
 <script src="<%- url %>/vendor/codemirror/codemirror.min.js" defer></script>
@@ -30,7 +30,7 @@
 <script src="<%- url %>/vendor/inlineAttachment/codemirror.inline-attachment.js" defer></script>
 <script src="<%- url %>/vendor/codemirror-spell-checker/spell-checker.min.js" defer></script>
 <script src="<%- url %>/vendor/ot/ot.min.js" defer></script>
-<script src="<%- url %>/vendor/xss.min.js" defer></script>
+<script src="<%- url %>/vendor/xss/dist/xss.min.js" defer></script>
 <script src="<%- url %>/build/app.js" defer></script>
 <script src="<%- url %>/js/google-drive-upload.js" defer></script>
 <script src="<%- url %>/js/google-drive-picker.js" defer></script>
diff --git a/public/views/pretty.ejs b/public/views/pretty.ejs
index d6533a1..0290881 100644
--- a/public/views/pretty.ejs
+++ b/public/views/pretty.ejs
@@ -96,8 +96,8 @@
 <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
 <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
 <% } %>
-<script src="<%- url %>/vendor/lz-string.min.js" defer></script>
-<script src="<%- url %>/vendor/xss.min.js" defer></script>
+<script src="<%- url %>/vendor/lz-string/libs/lz-string.min.js" defer></script>
+<script src="<%- url %>/vendor/xss/dist/xss.min.js" defer></script>
 <script src="<%- url %>/js/reveal-markdown.js" defer></script>
 <script src="<%- url %>/build/public.js" defer></script>
 

From 70c20aaddaff75c3d0b7eb0fd53da13bb5651387 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Sun, 9 Oct 2016 21:47:29 +0800
Subject: [PATCH 25/54] Remove redundant entry point

---
 public/js/app.js        | 1 -
 public/views/foot.ejs   | 2 +-
 public/views/head.ejs   | 2 +-
 public/views/pretty.ejs | 2 +-
 webpack.config.js       | 2 +-
 5 files changed, 4 insertions(+), 5 deletions(-)
 delete mode 100644 public/js/app.js

diff --git a/public/js/app.js b/public/js/app.js
deleted file mode 100644
index fe86450..0000000
--- a/public/js/app.js
+++ /dev/null
@@ -1 +0,0 @@
-require('./index');
diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index 7103b32..150214f 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -31,7 +31,7 @@
 <script src="<%- url %>/vendor/codemirror-spell-checker/spell-checker.min.js" defer></script>
 <script src="<%- url %>/vendor/ot/ot.min.js" defer></script>
 <script src="<%- url %>/vendor/xss/dist/xss.min.js" defer></script>
-<script src="<%- url %>/build/app.js" defer></script>
+<script src="<%- url %>/build/index.js" defer></script>
 <script src="<%- url %>/js/google-drive-upload.js" defer></script>
 <script src="<%- url %>/js/google-drive-picker.js" defer></script>
 <script src="<%- url %>/js/reveal-markdown.js" defer></script>
diff --git a/public/views/head.ejs b/public/views/head.ejs
index 2aa8568..7243489 100644
--- a/public/views/head.ejs
+++ b/public/views/head.ejs
@@ -36,7 +36,7 @@
 <link rel="stylesheet" href="<%- url %>/vendor/showup/showup.css">
 <link rel="stylesheet" href="<%- url %>/css/mermaid.css">
 <link rel="stylesheet" href="<%- url %>/css/markdown.css">
-<link rel="stylesheet" href="<%- url %>/build/app.css">
+<link rel="stylesheet" href="<%- url %>/build/index.css">
 <link rel="stylesheet" href="<%- url %>/css/index.css">
 <link rel="stylesheet" href="<%- url %>/css/extra.css">
 <link rel="stylesheet" href="<%- url %>/css/slide-preview.css">
diff --git a/public/views/pretty.ejs b/public/views/pretty.ejs
index 0290881..6b1096b 100644
--- a/public/views/pretty.ejs
+++ b/public/views/pretty.ejs
@@ -35,7 +35,7 @@
     <link rel="stylesheet" href='<%- url %>/css/extra.css'>
     <link rel="stylesheet" href="<%- url %>/css/slide-preview.css">
     <link rel="stylesheet" href='<%- url %>/css/site.css'>
-    <link rel="stylesheet" href='<%- url %>/build/app.css'>
+    <link rel="stylesheet" href='<%- url %>/build/public.css'>
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 	<!--[if lt IE 9]>
diff --git a/webpack.config.js b/webpack.config.js
index 186876a..ee2abc7 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -25,7 +25,7 @@ module.exports = {
     ],
 
     entry: {
-        app: path.join(__dirname, 'public/js/app.js'),
+        index: path.join(__dirname, 'public/js/index.js'),
         public: path.join(__dirname, 'public/js/public.js')
     },
 

From e10203b7e9bb407fceee1f176dc8ff36b59a4acd Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Mon, 10 Oct 2016 08:24:58 +0800
Subject: [PATCH 26/54] More function expose workaround for reveal-markdown.js

---
 package.json        | 2 ++
 public/js/extra.js  | 2 ++
 public/js/render.js | 1 +
 3 files changed, 5 insertions(+)

diff --git a/package.json b/package.json
index d02ab36..52f646e 100644
--- a/package.json
+++ b/package.json
@@ -124,6 +124,8 @@
     "file-loader": "^0.9.0",
     "imports-loader": "^0.6.5",
     "json-loader": "^0.5.4",
+    "less": "^2.7.1",
+    "less-loader": "^2.2.3",
     "style-loader": "^0.13.1",
     "url-loader": "^0.5.7",
     "webpack": "^1.13.2"
diff --git a/public/js/extra.js b/public/js/extra.js
index d4a6c5c..4ec7e80 100644
--- a/public/js/extra.js
+++ b/public/js/extra.js
@@ -442,6 +442,7 @@ function postProcess(code) {
 	}
     return result;
 }
+window.postProcess = postProcess;
 
 function generateCleanHTML(view) {
     var src = view.clone();
@@ -811,6 +812,7 @@ var md = markdownit('default', {
     typographer: true,
     highlight: highlightRender
 });
+window.md = md;
 
 md.use(require('markdown-it-abbr'));
 md.use(require('markdown-it-footnote'));
diff --git a/public/js/render.js b/public/js/render.js
index 41b367a..7777879 100644
--- a/public/js/render.js
+++ b/public/js/render.js
@@ -51,6 +51,7 @@ var filterXSSOptions = {
 function preventXSS(html) {
     return filterXSS(html, filterXSSOptions);
 }
+window.preventXSS = preventXSS;
 
 module.exports = {
   preventXSS: preventXSS

From 082178d535fd15a49d7157268c62f297af5a27ff Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Mon, 10 Oct 2016 08:25:35 +0800
Subject: [PATCH 27/54] Slide mode is now working

---
 public/js/slide.js     | 73 ++++++++++++++++++++++++++++++++++++++++++
 public/views/slide.ejs | 38 +++-------------------
 webpack.config.js      |  8 +++--
 3 files changed, 84 insertions(+), 35 deletions(-)

diff --git a/public/js/slide.js b/public/js/slide.js
index 5b0f9bd..b5aa868 100644
--- a/public/js/slide.js
+++ b/public/js/slide.js
@@ -1,3 +1,76 @@
+require('bootstrap');
+require('bootstrap/js/tooltip');
+require('bootstrap/dist/css/bootstrap.css');
+
+require('prismjs/themes/prism.css');
+require('highlight.js/styles/github-gist.css');
+
+require('markdown-it');
+require('markdown-it-abbr');
+require('markdown-it-footnote');
+require('markdown-it-deflist');
+require('markdown-it-mark');
+require('markdown-it-ins');
+require('markdown-it-sub');
+require('markdown-it-sup');
+require('markdown-it-container');
+require('markdown-it-mathjax');
+require('markdown-it-regexp');
+require('markdown-it-imsize');
+
+/* other vendors plugin */
+require('gist-embed');
+var S = require('string');
+require('highlight.js');
+require('prismjs');
+require('prismjs/components/prism-wiki');
+require('js-cookie');
+require('to-markdown');
+
+require('raphael');
+require('js-sequence-diagrams');
+
+require('flowchart.js');
+require('viz.js');
+require('file-saver');
+require('store');
+require('js-url');
+require('visibilityjs');
+require('list.js');
+require('../vendor/md-toc');
+require('randomcolor');
+
+var commonModule = require('./common');
+var urlpath = commonModule.urlpath;
+var noteid = commonModule.noteid;
+var debug = commonModule.debug;
+var version = commonModule.version;
+var serverurl = commonModule.serverurl;
+var GOOGLE_API_KEY = commonModule.GOOGLE_API_KEY;
+var GOOGLE_CLIENT_ID = commonModule.GOOGLE_CLIENT_ID;
+var DROPBOX_APP_KEY = commonModule.DROPBOX_APP_KEY;
+var noteurl = commonModule.noteurl;
+
+var extraModule = require('./extra');
+var md = extraModule.md;
+var createtime = extraModule.createtime;
+var updateLastChange = extraModule.updateLastChange;
+var postProcess = extraModule.postProcess;
+var finishView = extraModule.finishView;
+var lastchangetime = extraModule.lastchangetime;
+var lastchangeui = extraModule.lastchangeui;
+var autoLinkify = extraModule.autoLinkify;
+var generateToc = extraModule.generateToc;
+var smoothHashScroll = extraModule.smoothHashScroll;
+var lastchangeuser = extraModule.lastchangeuser;
+var deduplicatedHeaderId = extraModule.deduplicatedHeaderId;
+var renderTOC = extraModule.renderTOC;
+var renderTitle = extraModule.renderTitle;
+var renderFilename = extraModule.renderFilename;
+var scrollToHash = extraModule.scrollToHash;
+
+var render = require('./render');
+
 var body = $(".slides").html();
 $(".slides").html(S(body).unescapeHTML().s);
 
diff --git a/public/views/slide.ejs b/public/views/slide.ejs
index 3c5498c..1549989 100644
--- a/public/views/slide.ejs
+++ b/public/views/slide.ejs
@@ -88,46 +88,18 @@
         <script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/6.0.0/mermaid.min.js" defer></script>
         <% } else { %>
         <script src="<%- url %>/vendor/jquery/dist/jquery.min.js"></script>
+        <script src="<%- url %>/vendor/reveal.js/lib/js/head.min.js"></script>
+        <script src="<%- url %>/vendor/reveal.js/js/reveal.js"></script>
         <script src="<%- url %>/vendor/velocity/velocity.min.js" defer></script>
         <script src="<%- url %>/vendor/js-yaml/dist/js-yaml.min.js" defer></script>
         <script type="text/javascript" src="<%- url %>/vendor/MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML" defer></script>
         <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
         <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
         <% } %>
-        <script src="<%- url %>/vendor/bootstrap/tooltip.min.js"></script>
-        <script src="<%- url %>/vendor/reveal.js/lib/js/head.min.js"></script>
-        <script src="<%- url %>/vendor/reveal.js/js/reveal.js"></script>
         <script src="<%- url %>/vendor/xss/dist/xss.min.js" defer></script>
-        <script src="<%- url %>/vendor/markdown-it/dist/markdown-it.min.js" defer></script>
-        <script src="<%- url %>/vendor/markdown-it-abbr/dist/markdown-it-abbr.min.js" defer></script>
-        <script src="<%- url %>/vendor/markdown-it-footnote/dist/markdown-it-footnote.min.js" defer></script>
-        <script src="<%- url %>/vendor/markdown-it-deflist/dist/markdown-it-deflist.min.js" defer></script>
-        <script src="<%- url %>/vendor/markdown-it-mark/dist/markdown-it-mark.min.js" defer></script>
-        <script src="<%- url %>/vendor/markdown-it-ins/dist/markdown-it-ins.min.js" defer></script>
-        <script src="<%- url %>/vendor/markdown-it-sub/dist/markdown-it-sub.min.js" defer></script>
-        <script src="<%- url %>/vendor/markdown-it-sup/dist/markdown-it-sup.min.js" defer></script>
-        <script src="<%- url %>/vendor/markdown-it-container/dist/markdown-it-container.min.js" defer></script>
-        <script src="<%- url %>/vendor/markdown-it-mathjax.js" defer></script>
-        <script src="<%- url %>/vendor/markdown-it-regexp.js" defer></script>
-        <script src="<%- url %>/vendor/markdown-it-imsize.js" defer></script>
-        <script src="<%- url %>/vendor/gist-embed/gist-embed.min.js" defer></script>
-        <script src="<%- url %>/vendor/string/dist/string.min.js" defer></script>
-        <script src="<%- url %>/vendor/highlightjs/highlight.pack.min.js" defer></script>
-        <script src="<%- url %>/vendor/js-cookie/src/js.cookie.js" defer></script>
-        <script src="<%- url %>/vendor/emojify/js/emojify.min.js" defer></script>
-        <script src="<%- url %>/vendor/raphael/raphael.min.js" defer></script>
-        <script src="<%- url %>/vendor/lodash/dist/lodash.min.js" defer></script>
-        <script src="<%- url %>/vendor/sequence-diagrams/sequence-diagram-min.js" defer></script>
-        <script src="<%- url %>/vendor/flowchart/release/flowchart.min.js" defer></script>
-        <script src="<%- url %>/vendor/viz.js/viz.js" defer></script>
-        <script src="<%- url %>/vendor/pdfobject/pdfobject.min.js" defer></script>
-        <script src="<%- url %>/vendor/md-toc.js" defer></script>
-        <script src="<%- url %>/js/common.js" defer></script>
-        <script src="<%- url %>/js/extra.js" defer></script>
-        <script src="<%- url %>/js/render.js" defer></script>
-        <script src="<%- url %>/js/slide.js" defer></script>
-        
+        <script src="<%- url %>/build/slide.js" defer></script>
+
     </body>
 </html>
 
-<%- include ga %>
\ No newline at end of file
+<%- include ga %>
diff --git a/webpack.config.js b/webpack.config.js
index ee2abc7..17e0522 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -26,7 +26,8 @@ module.exports = {
 
     entry: {
         index: path.join(__dirname, 'public/js/index.js'),
-        public: path.join(__dirname, 'public/js/public.js')
+        public: path.join(__dirname, 'public/js/public.js'),
+        slide: path.join(__dirname, 'public/js/slide.js')
     },
 
     output: {
@@ -52,9 +53,12 @@ module.exports = {
         }, {
             test: /\.css$/,
             loader: ExtractTextPlugin.extract('style-loader', 'css-loader')
-        }, , {
+        }, {
             test: /\.scss$/,
             loader: ExtractTextPlugin.extract('style-loader', 'sass-loader')
+        }, {
+            test: /\.less$/,
+            loader: ExtractTextPlugin.extract('style-loader', 'less-loader')
         }, {
             test: require.resolve("js-sequence-diagrams"),
             loader: "imports?Raphael=raphael"

From 8cd1cf30a5f0f3b04222623998db4608a584e29d Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Mon, 10 Oct 2016 10:13:40 +0800
Subject: [PATCH 28/54] Include jquery by script tag for now

---
 webpack.config.js | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/webpack.config.js b/webpack.config.js
index 17e0522..a4fabde 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -6,10 +6,6 @@ module.exports = {
     plugins: [
         new webpack.ProvidePlugin({
             '_': 'lodash',
-            jquery: "jquery",
-            jQuery: "jquery",
-            $: "jquery",
-            "window.jQuery": "jquery",
             Visibility: "visibilityjs",
             Cookies: "js-cookie",
             emojify: "emojify.js",

From 20f2e27350dba2f77199b434a4c236073f1aae04 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Mon, 10 Oct 2016 10:14:17 +0800
Subject: [PATCH 29/54] Cover page is now working

---
 public/js/cover.js     | 22 ++++++++++++++++++----
 public/js/history.js   |  9 ++++++++-
 public/js/locale.js    |  4 +++-
 public/views/index.ejs |  5 +----
 webpack.config.js      |  3 ++-
 5 files changed, 32 insertions(+), 11 deletions(-)

diff --git a/public/js/cover.js b/public/js/cover.js
index f353382..d3d3c10 100644
--- a/public/js/cover.js
+++ b/public/js/cover.js
@@ -1,3 +1,17 @@
+var common = require('./common');
+var checkIfAuth = common.checkIfAuth;
+var urlpath = common.urlpath;
+var serverurl = common.serverurl;
+var resetCheckAuth = common.resetCheckAuth;
+
+var historyModule = require('./history');
+var parseStorageToHistory = historyModule.parseStorageToHistory;
+var parseHistory = historyModule.parseHistory;
+var getStorageHistory = historyModule.getStorageHistory;
+var getHistory = historyModule.getHistory;
+var saveHistory = historyModule.saveHistory;
+var removeHistory = historyModule.removeHistory;
+
 var options = {
     valueNames: ['id', 'text', 'timestamp', 'fromNow', 'time', 'tags', 'pinned'],
     item: '<li class="col-xs-12 col-sm-6 col-md-6 col-lg-4">\
@@ -265,16 +279,16 @@ $(".ui-clear-history").click(function () {
 });
 
 $(".ui-refresh-history").click(function () {
-    var lastTags = $(".ui-use-tags").select2('val'); 
+    var lastTags = $(".ui-use-tags").select2('val');
     $(".ui-use-tags").select2('val', '');
     historyList.filter();
     var lastKeyword = $('.search').val();
     $('.search').val('');
     historyList.search();
-    
+
     resetCheckAuth();
     historyList.clear();
-    parseHistory(historyList, function (list, notehistory) { 
+    parseHistory(historyList, function (list, notehistory) {
         parseHistoryCallback(list, notehistory);
         $(".ui-use-tags").select2('val', lastTags);
         $(".ui-use-tags").trigger('change');
@@ -336,4 +350,4 @@ $(".ui-use-tags").on('change', function () {
 
 $('.search').keyup(function () {
     checkHistoryList();
-});
\ No newline at end of file
+});
diff --git a/public/js/history.js b/public/js/history.js
index 23c7beb..192a40b 100644
--- a/public/js/history.js
+++ b/public/js/history.js
@@ -3,6 +3,7 @@ var store = require('store');
 var common = require('./common');
 var checkIfAuth = common.checkIfAuth;
 var urlpath = common.urlpath;
+var serverurl = common.serverurl;
 
 var extra = require('./extra');
 var renderFilename = extra.renderFilename;
@@ -378,5 +379,11 @@ function parseToHistory(list, notehistory, callback) {
 }
 
 module.exports = {
-    writeHistory: writeHistory
+    writeHistory: writeHistory,
+    parseHistory: parseHistory,
+    getStorageHistory: getStorageHistory,
+    getHistory: getHistory,
+    saveHistory: saveHistory,
+    removeHistory: removeHistory,
+    parseStorageToHistory: parseStorageToHistory
 }
diff --git a/public/js/locale.js b/public/js/locale.js
index 6fe7fdb..484ce22 100644
--- a/public/js/locale.js
+++ b/public/js/locale.js
@@ -1,3 +1,5 @@
+require('./cover');
+
 var lang = "en";
 var userLang = navigator.language || navigator.userLanguage;
 var userLangCode = userLang.split('-')[0];
@@ -21,4 +23,4 @@ locale.change(function() {
         expires: 365
     });
     window.location.reload();
-});
\ No newline at end of file
+});
diff --git a/public/views/index.ejs b/public/views/index.ejs
index f5f848e..04a401a 100644
--- a/public/views/index.ejs
+++ b/public/views/index.ejs
@@ -205,10 +205,7 @@
     <script src="<%- url %>/vendor/file-saver/FileSaver.min.js" defer></script>
     <script src="<%- url %>/vendor/store-js/store.min.js" defer></script>
     <script src="<%- url %>/vendor/lz-string/libs/lz-string.min.js" defer></script>
-    <script src="<%- url %>/js/common.js" defer></script>
-    <script src="<%- url %>/js/history.js" defer></script>
-    <script src="<%- url %>/js/cover.js" defer></script>
-    <script src="<%- url %>/js/locale.js" defer></script>
+    <script src="<%- url %>/build/locale.js" defer></script>
 </body>
 
 </html>
diff --git a/webpack.config.js b/webpack.config.js
index a4fabde..5a7d671 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -23,7 +23,8 @@ module.exports = {
     entry: {
         index: path.join(__dirname, 'public/js/index.js'),
         public: path.join(__dirname, 'public/js/public.js'),
-        slide: path.join(__dirname, 'public/js/slide.js')
+        slide: path.join(__dirname, 'public/js/slide.js'),
+        locale: path.join(__dirname, 'public/js/locale.js')
     },
 
     output: {

From 7086a8c5e7affba9094217c4aa2ed58dbcce1341 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Tue, 11 Oct 2016 11:15:23 +0800
Subject: [PATCH 30/54] Fix common.js.example

---
 public/js/common.js.example | 1 -
 1 file changed, 1 deletion(-)

diff --git a/public/js/common.js.example b/public/js/common.js.example
index c632572..1c6a1c9 100644
--- a/public/js/common.js.example
+++ b/public/js/common.js.example
@@ -121,4 +121,3 @@ module.exports = {
   clearLoginState: clearLoginState,
   checkIfAuth: checkIfAuth
 };
-}

From 9c8752d4521c7cffccf4313eca5cd6ff4f88c305 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Tue, 11 Oct 2016 12:30:30 +0800
Subject: [PATCH 31/54] Split common vendor javascript into chunks

---
 package.json            |  2 ++
 public/js/index.js      |  5 -----
 public/js/public.js     |  4 ----
 public/views/foot.ejs   |  2 +-
 public/views/index.ejs  |  3 +--
 public/views/pretty.ejs |  2 +-
 public/views/slide.ejs  |  2 +-
 webpack.config.js       | 16 ++++++++++++++--
 8 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/package.json b/package.json
index 52f646e..ea83c7a 100644
--- a/package.json
+++ b/package.json
@@ -120,6 +120,8 @@
     "babel-loader": "^6.2.5",
     "bower-webpack-plugin": "^0.1.9",
     "css-loader": "^0.25.0",
+    "exports-loader": "^0.6.3",
+    "expose-loader": "^0.7.1",
     "extract-text-webpack-plugin": "^1.0.1",
     "file-loader": "^0.9.0",
     "imports-loader": "^0.6.5",
diff --git a/public/js/index.js b/public/js/index.js
index bac2c9d..0c6bb03 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -5,14 +5,9 @@ require('jquery-ui/ui/widgets/controlgroup');
 require('jquery-ui/ui/widgets/autocomplete');
 
 /* jquery and jquery plugins */
-require('jquery');
-require('jquery-textcomplete');
-require('jquery-mousewheel');
-require('jquery-scrollspy/jquery-scrollspy');
 require('../vendor/showup/showup');
 
 /* bootstrap */
-require('bootstrap');
 require('bootstrap/dist/css/bootstrap.css');
 
 require('prismjs/themes/prism.css');
diff --git a/public/js/public.js b/public/js/public.js
index 858de38..b6d4f7a 100644
--- a/public/js/public.js
+++ b/public/js/public.js
@@ -5,10 +5,6 @@ require('jquery-ui/ui/widgets/controlgroup');
 require('jquery-ui/ui/widgets/autocomplete');
 
 /* jquery and jquery plugins */
-require('jquery');
-require('jquery-textcomplete');
-require('jquery-mousewheel');
-require('jquery-scrollspy/jquery-scrollspy');
 require('../vendor/showup/showup');
 
 /* bootstrap */
diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index 150214f..9ce320b 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -23,7 +23,7 @@
 <% } %>
 <script src="<%- url %>/vendor/Idle.Js/build/idle.min.js" defer></script>
 <script src="<%- url %>/vendor/lz-string/libs/lz-string.min.js" defer></script>
-<script src="<%- url %>/vendor/jquery/dist/jquery.min.js" defer></script>
+<script src="<%- url %>/build/vendor.bundle.js" defer></script>
 <!--codemirror-->
 <script src="<%- url %>/vendor/codemirror/codemirror.min.js" defer></script>
 <script src="<%- url %>/vendor/inlineAttachment/inline-attachment.js" defer></script>
diff --git a/public/views/index.ejs b/public/views/index.ejs
index 04a401a..79ee5dd 100644
--- a/public/views/index.ejs
+++ b/public/views/index.ejs
@@ -193,9 +193,8 @@
 	<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment-with-locales.min.js" defer></script>
 	<script src="//cdnjs.cloudflare.com/ajax/libs/js-url/2.3.0/url.min.js" defer></script>
 	<% } else { %>
-	<script src="<%- url %>/vendor/jquery/dist/jquery.min.js" defer></script>
+    <script src="<%- url %>/build/vendor.bundle.js" defer></script>
     <script src="<%- url %>/vendor/velocity/velocity.min.js" defer></script>
-	<script src="<%- url %>/vendor/bootstrap/dist/js/bootstrap.min.js" defer></script>
 	<script src="<%- url %>/vendor/select2/select2.min.js" defer></script>
 	<script src="<%- url %>/vendor/moment/min/moment-with-locales.min.js" defer></script>
 	<script src="<%- url %>/vendor/js-url/url.min.js" defer></script>
diff --git a/public/views/pretty.ejs b/public/views/pretty.ejs
index 6b1096b..346cb27 100644
--- a/public/views/pretty.ejs
+++ b/public/views/pretty.ejs
@@ -90,7 +90,7 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment-with-locales.min.js" defer></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/6.0.0/mermaid.min.js" defer></script>
 <% } else { %>
-<script src="<%- url %>/vendor/jquery/dist/jquery.min.js"></script>
+<script src="<%- url %>/build/vendor.bundle.js" defer></script>
 <script src="<%- url %>/vendor/js-yaml/dist/js-yaml.min.js" defer></script>
 <script type="text/javascript" src="<%- url %>/vendor/MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML" defer></script>
 <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
diff --git a/public/views/slide.ejs b/public/views/slide.ejs
index 1549989..8c24891 100644
--- a/public/views/slide.ejs
+++ b/public/views/slide.ejs
@@ -87,7 +87,7 @@
         <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment-with-locales.min.js" defer></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/6.0.0/mermaid.min.js" defer></script>
         <% } else { %>
-        <script src="<%- url %>/vendor/jquery/dist/jquery.min.js"></script>
+        <script src="<%- url %>/build/vendor.bundle.js" defer></script>
         <script src="<%- url %>/vendor/reveal.js/lib/js/head.min.js"></script>
         <script src="<%- url %>/vendor/reveal.js/js/reveal.js"></script>
         <script src="<%- url %>/vendor/velocity/velocity.min.js" defer></script>
diff --git a/webpack.config.js b/webpack.config.js
index 5a7d671..de2bb8b 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -17,14 +17,26 @@ module.exports = {
         new webpack.DefinePlugin({
             "require.specified": "require.resolve"
         }),
-        new ExtractTextPlugin("[name].css")
+        new ExtractTextPlugin("[name].css"),
+        new webpack.optimize.CommonsChunkPlugin({
+            name: "vendor",
+            filename: "vendor.bundle.js",
+            minChunks: Infinity,
+        })
     ],
 
     entry: {
         index: path.join(__dirname, 'public/js/index.js'),
         public: path.join(__dirname, 'public/js/public.js'),
         slide: path.join(__dirname, 'public/js/slide.js'),
-        locale: path.join(__dirname, 'public/js/locale.js')
+        locale: path.join(__dirname, 'public/js/locale.js'),
+        vendor: [
+            "expose?$!expose?jQuery!jquery",
+            "jquery-textcomplete",
+            "jquery-mousewheel",
+            "jquery-scrollspy/jquery-scrollspy",
+            "bootstrap"
+        ]
     },
 
     output: {

From 3368b57b89add8a11a2ac3c0a4061c46c98deb9e Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Tue, 11 Oct 2016 14:09:40 +0800
Subject: [PATCH 32/54] Remove ot from package.json

---
 package.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/package.json b/package.json
index ea83c7a..b0e0605 100644
--- a/package.json
+++ b/package.json
@@ -64,7 +64,6 @@
     "morgan": "^1.7.0",
     "mysql": "^2.11.1",
     "node-uuid": "^1.4.7",
-    "ot": "0.0.15",
     "passport": "^0.3.2",
     "passport-dropbox-oauth2": "^1.1.0",
     "passport-facebook": "^2.1.1",

From 06437ccaa995afc48e30154c136c4e485ac04ae7 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Tue, 11 Oct 2016 14:52:45 +0800
Subject: [PATCH 33/54] Manage more packages with npm and webpack

---
 bower.json              | 30 +-----------------------------
 package.json            |  3 ++-
 public/js/cover.js      |  3 +++
 public/js/extra.js      |  1 +
 public/js/index.js      |  7 ++-----
 public/js/public.js     |  2 --
 public/views/foot.ejs   |  3 ---
 public/views/index.ejs  |  8 +-------
 public/views/pretty.ejs |  2 --
 public/views/slide.ejs  |  1 -
 webpack.config.js       |  8 +++++---
 11 files changed, 15 insertions(+), 53 deletions(-)

diff --git a/bower.json b/bower.json
index 5009bc8..728a220 100644
--- a/bower.json
+++ b/bower.json
@@ -16,50 +16,22 @@
   ],
   "dependencies": {
     "bootstrap": "~3.3.7",
-    "jquery": "~3.1.0",
     "font-awesome": "~4.6.3",
     "Ionicons": "ionicons#~2.0.1",
     "reveal.js": "~3.3.0",
-    "jquery-mousewheel": "~3.1.13",
     "spin.js": "~2.3.2",
     "moment": "~2.14.1",
     "handlebars": "~4.0.5",
-    "js-url": "~2.3.0",
-    "socket.io-client": "~1.4.8",
-    "viz.js": "~1.3.0",
     "js-yaml": "~3.6.1",
-    "to-markdown": "~3.0.1",
-    "lz-string": "~1.4.4",
     "raphael": "~2.2.1",
-    "flowchart": "~1.6.3",
     "xss": "~0.2.13",
-    "markdown-it": "^7.0.0",
-    "markdown-it-abbr": "^1.0.4",
-    "markdown-it-footnote": "^3.0.1",
-    "markdown-it-deflist": "^2.0.1",
-    "markdown-it-mark": "^2.0.0",
-    "markdown-it-ins": "^2.0.0",
-    "markdown-it-sub": "^1.0.0",
-    "markdown-it-sup": "^1.0.0",
-    "markdown-it-container": "^2.0.0",
     "mermaid": "^6.0.0",
     "MathJax": "^2.6.1",
     "octicons": "~3.5.0",
     "velocity": "^1.2.3",
-    "highlightjs": "^9.5.0",
-    "lodash": "^4.14.1",
     "randomcolor": "randomColor#^0.4.4",
-    "file-saver": "FileSaver#^1.3.1",
     "Idle.Js": "idle.js#^1.0.0",
-    "js-cookie": "^2.1.2",
-    "list.js": "^1.2.0",
-    "store-js": "store.js#^1.3.20",
-    "string": "^3.3.1",
-    "visibilityjs": "^1.2.3",
-    "pdfobject": "pdfobject2#*",
-    "gist-embed": "*",
-    "keymaster": "^1.6.3",
-    "prism": "^1.5.1"
+    "gist-embed": "*"
   },
   "resolutions": {
     "jquery": "~3.1.0"
diff --git a/package.json b/package.json
index b0e0605..af442d9 100644
--- a/package.json
+++ b/package.json
@@ -93,7 +93,8 @@
     "toobusy-js": "^0.5.1",
     "visibilityjs": "^1.2.4",
     "viz.js": "^1.3.0",
-    "winston": "^2.2.0"
+    "winston": "^2.2.0",
+    "xss": "^0.2.13"
   },
   "engines": {
     "node": ">=4.x"
diff --git a/public/js/cover.js b/public/js/cover.js
index d3d3c10..6346f14 100644
--- a/public/js/cover.js
+++ b/public/js/cover.js
@@ -12,6 +12,9 @@ var getHistory = historyModule.getHistory;
 var saveHistory = historyModule.saveHistory;
 var removeHistory = historyModule.removeHistory;
 
+var saveAs = require('file-saver').saveAs;
+var List = require('list.js');
+
 var options = {
     valueNames: ['id', 'text', 'timestamp', 'fromNow', 'time', 'tags', 'pinned'],
     item: '<li class="col-xs-12 col-sm-6 col-md-6 col-lg-4">\
diff --git a/public/js/extra.js b/public/js/extra.js
index 4ec7e80..329aa15 100644
--- a/public/js/extra.js
+++ b/public/js/extra.js
@@ -1,6 +1,7 @@
 var hljs = require('highlight.js');
 var PDFObject = require('pdfobject');
 var S = require('string');
+var saveAs = require('file-saver').saveAs;
 
 //auto update last change
 var createtime = null;
diff --git a/public/js/index.js b/public/js/index.js
index 0c6bb03..4bce2ff 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -29,22 +29,19 @@ require('markdown-it-imsize');
 /* other vendors plugin */
 require('gist-embed');
 require('string');
-require('highlight.js');
 require('prismjs');
 require('prismjs/components/prism-wiki');
-require('js-cookie');
 require('to-markdown');
 
 require('raphael');
 require('js-sequence-diagrams');
 
 require('flowchart.js');
-require('viz.js');
-require('file-saver');
+var saveAs = require('file-saver').saveAs;
 require('store');
 require('js-url');
 require('visibilityjs');
-require('list.js');
+var List = require('list.js');
 require('../vendor/md-toc');
 require('randomcolor');
 
diff --git a/public/js/public.js b/public/js/public.js
index b6d4f7a..69999de 100644
--- a/public/js/public.js
+++ b/public/js/public.js
@@ -33,14 +33,12 @@ require('string');
 require('highlight.js');
 require('prismjs');
 require('prismjs/components/prism-wiki');
-require('js-cookie');
 require('to-markdown');
 
 require('raphael');
 require('js-sequence-diagrams');
 
 require('flowchart.js');
-require('viz.js');
 require('file-saver');
 require('store');
 require('js-url');
diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index 9ce320b..4a9b175 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -15,14 +15,12 @@
 <% } else { %>
 <script src="<%- url %>/vendor/spin.js/spin.min.js" defer></script>
 <script src="<%- url %>/vendor/velocity/velocity.min.js" defer></script>
-<script src="<%- url %>/vendor/socket.io-client/socket.io.js" defer></script>
 <script src="<%- url %>/vendor/js-yaml/dist/js-yaml.min.js" defer></script>
 <script type="text/javascript" src="<%- url %>/vendor/MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML" defer></script>
 <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
 <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
 <% } %>
 <script src="<%- url %>/vendor/Idle.Js/build/idle.min.js" defer></script>
-<script src="<%- url %>/vendor/lz-string/libs/lz-string.min.js" defer></script>
 <script src="<%- url %>/build/vendor.bundle.js" defer></script>
 <!--codemirror-->
 <script src="<%- url %>/vendor/codemirror/codemirror.min.js" defer></script>
@@ -30,7 +28,6 @@
 <script src="<%- url %>/vendor/inlineAttachment/codemirror.inline-attachment.js" defer></script>
 <script src="<%- url %>/vendor/codemirror-spell-checker/spell-checker.min.js" defer></script>
 <script src="<%- url %>/vendor/ot/ot.min.js" defer></script>
-<script src="<%- url %>/vendor/xss/dist/xss.min.js" defer></script>
 <script src="<%- url %>/build/index.js" defer></script>
 <script src="<%- url %>/js/google-drive-upload.js" defer></script>
 <script src="<%- url %>/js/google-drive-picker.js" defer></script>
diff --git a/public/views/index.ejs b/public/views/index.ejs
index 79ee5dd..c7bea34 100644
--- a/public/views/index.ejs
+++ b/public/views/index.ejs
@@ -185,6 +185,7 @@
     <!-- Bootstrap core JavaScript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
+    <script src="<%- url %>/build/vendor.bundle.js" defer></script>
     <% if(useCDN) { %>
 	<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js" defer></script>
     <script src="//cdn.jsdelivr.net/velocity/1.2.3/velocity.min.js" defer></script>
@@ -193,17 +194,10 @@
 	<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment-with-locales.min.js" defer></script>
 	<script src="//cdnjs.cloudflare.com/ajax/libs/js-url/2.3.0/url.min.js" defer></script>
 	<% } else { %>
-    <script src="<%- url %>/build/vendor.bundle.js" defer></script>
     <script src="<%- url %>/vendor/velocity/velocity.min.js" defer></script>
 	<script src="<%- url %>/vendor/select2/select2.min.js" defer></script>
 	<script src="<%- url %>/vendor/moment/min/moment-with-locales.min.js" defer></script>
-	<script src="<%- url %>/vendor/js-url/url.min.js" defer></script>
 	<% } %>
-    <script src="<%- url %>/vendor/js-cookie/src/js.cookie.js" defer></script>
-    <script src="<%- url %>/vendor/list.js/dist/list.min.js" defer></script>
-    <script src="<%- url %>/vendor/file-saver/FileSaver.min.js" defer></script>
-    <script src="<%- url %>/vendor/store-js/store.min.js" defer></script>
-    <script src="<%- url %>/vendor/lz-string/libs/lz-string.min.js" defer></script>
     <script src="<%- url %>/build/locale.js" defer></script>
 </body>
 
diff --git a/public/views/pretty.ejs b/public/views/pretty.ejs
index 346cb27..6f13155 100644
--- a/public/views/pretty.ejs
+++ b/public/views/pretty.ejs
@@ -96,8 +96,6 @@
 <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
 <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
 <% } %>
-<script src="<%- url %>/vendor/lz-string/libs/lz-string.min.js" defer></script>
-<script src="<%- url %>/vendor/xss/dist/xss.min.js" defer></script>
 <script src="<%- url %>/js/reveal-markdown.js" defer></script>
 <script src="<%- url %>/build/public.js" defer></script>
 
diff --git a/public/views/slide.ejs b/public/views/slide.ejs
index 8c24891..b0c5ddb 100644
--- a/public/views/slide.ejs
+++ b/public/views/slide.ejs
@@ -96,7 +96,6 @@
         <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
         <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
         <% } %>
-        <script src="<%- url %>/vendor/xss/dist/xss.min.js" defer></script>
         <script src="<%- url %>/build/slide.js" defer></script>
 
     </body>
diff --git a/webpack.config.js b/webpack.config.js
index de2bb8b..6d99381 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -10,9 +10,7 @@ module.exports = {
             Cookies: "js-cookie",
             emojify: "emojify.js",
             io: "socket.io-client",
-            LZString: "lz-string",
-            key: "keymaster",
-            Viz: "viz.js"
+            key: "keymaster"
         }),
         new webpack.DefinePlugin({
             "require.specified": "require.resolve"
@@ -35,6 +33,10 @@ module.exports = {
             "jquery-textcomplete",
             "jquery-mousewheel",
             "jquery-scrollspy/jquery-scrollspy",
+            "expose?LZString!lz-string",
+            "expose?filterXSS!xss",
+            "expose?Viz!viz.js",
+            "js-url",
             "bootstrap"
         ]
     },

From f9e7f482d307f89af8a4281a7bdb719297f07c21 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Tue, 11 Oct 2016 15:45:00 +0800
Subject: [PATCH 34/54] Setup webpack production config

---
 package.json          |  3 +-
 webpack.config.js     | 95 +------------------------------------------
 webpack.production.js | 36 ++++++++++++++++
 webpackBaseConfig.js  | 94 ++++++++++++++++++++++++++++++++++++++++++
 4 files changed, 134 insertions(+), 94 deletions(-)
 create mode 100644 webpack.production.js
 create mode 100644 webpackBaseConfig.js

diff --git a/package.json b/package.json
index af442d9..68a2e43 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,8 @@
   "main": "app.js",
   "license": "MIT",
   "scripts": {
-    "dev": "webpack --config webpack.config.js --progress --colors --watch"
+    "dev": "webpack --config webpack.config.js --progress --colors --watch",
+    "build": "webpack --config webpack.production.js --progress --colors"
   },
   "dependencies": {
     "async": "^2.0.1",
diff --git a/webpack.config.js b/webpack.config.js
index 6d99381..d2cf3dc 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,94 +1,3 @@
-var webpack = require('webpack');
-var path = require('path');
-var ExtractTextPlugin = require("extract-text-webpack-plugin");
+var baseConfig = require('./webpackBaseConfig');
 
-module.exports = {
-    plugins: [
-        new webpack.ProvidePlugin({
-            '_': 'lodash',
-            Visibility: "visibilityjs",
-            Cookies: "js-cookie",
-            emojify: "emojify.js",
-            io: "socket.io-client",
-            key: "keymaster"
-        }),
-        new webpack.DefinePlugin({
-            "require.specified": "require.resolve"
-        }),
-        new ExtractTextPlugin("[name].css"),
-        new webpack.optimize.CommonsChunkPlugin({
-            name: "vendor",
-            filename: "vendor.bundle.js",
-            minChunks: Infinity,
-        })
-    ],
-
-    entry: {
-        index: path.join(__dirname, 'public/js/index.js'),
-        public: path.join(__dirname, 'public/js/public.js'),
-        slide: path.join(__dirname, 'public/js/slide.js'),
-        locale: path.join(__dirname, 'public/js/locale.js'),
-        vendor: [
-            "expose?$!expose?jQuery!jquery",
-            "jquery-textcomplete",
-            "jquery-mousewheel",
-            "jquery-scrollspy/jquery-scrollspy",
-            "expose?LZString!lz-string",
-            "expose?filterXSS!xss",
-            "expose?Viz!viz.js",
-            "js-url",
-            "bootstrap"
-        ]
-    },
-
-    output: {
-        path: path.join(__dirname, 'public/build'),
-        filename: '[name].js'
-    },
-
-    resolve: {
-        root: [
-            path.resolve(__dirname, 'src'),
-            path.resolve(__dirname, 'node_modules')
-        ],
-        extensions: ["", ".js"],
-        alias: {
-            'jquery-ui': 'jquery-ui/ui/widgets'
-        }
-    },
-
-    module: {
-        loaders: [{
-            test: /\.json$/,
-            loader: 'json-loader'
-        }, {
-            test: /\.css$/,
-            loader: ExtractTextPlugin.extract('style-loader', 'css-loader')
-        }, {
-            test: /\.scss$/,
-            loader: ExtractTextPlugin.extract('style-loader', 'sass-loader')
-        }, {
-            test: /\.less$/,
-            loader: ExtractTextPlugin.extract('style-loader', 'less-loader')
-        }, {
-            test: require.resolve("js-sequence-diagrams"),
-            loader: "imports?Raphael=raphael"
-        }, {
-            test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
-            loader: "file"
-        }, {
-            test: /\.(woff|woff2)$/,
-            loader: "url?prefix=font/&limit=5000"
-        }, {
-            test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
-            loader: "url?limit=10000&mimetype=application/octet-stream"
-        }, {
-            test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
-            loader: "url?limit=10000&mimetype=image/svg+xml"
-        }]
-    },
-
-    node: {
-        fs: "empty"
-    }
-};
+module.exports = baseConfig;
diff --git a/webpack.production.js b/webpack.production.js
new file mode 100644
index 0000000..f4125ce
--- /dev/null
+++ b/webpack.production.js
@@ -0,0 +1,36 @@
+var baseConfig = require('./webpackBaseConfig');
+var webpack = require('webpack');
+var ExtractTextPlugin = require("extract-text-webpack-plugin");
+
+module.exports = Object.assign({}, baseConfig, {
+    plugins: [
+        new webpack.ProvidePlugin({
+            '_': 'lodash',
+            Visibility: "visibilityjs",
+            Cookies: "js-cookie",
+            emojify: "emojify.js",
+            io: "socket.io-client",
+            key: "keymaster"
+        }),
+        new webpack.DefinePlugin({
+            "require.specified": "require.resolve"
+        }),
+        new ExtractTextPlugin("[name].css"),
+        new webpack.optimize.CommonsChunkPlugin({
+            name: "vendor",
+            filename: "vendor.bundle.js",
+            minChunks: Infinity,
+        }),
+        new webpack.DefinePlugin({
+            'process.env': {
+                'NODE_ENV': JSON.stringify('production')
+            }
+        }),
+        new webpack.optimize.UglifyJsPlugin({
+            compress: {
+                warnings: false
+            },
+            sourceMap: false
+        })
+    ]
+});
diff --git a/webpackBaseConfig.js b/webpackBaseConfig.js
new file mode 100644
index 0000000..6d99381
--- /dev/null
+++ b/webpackBaseConfig.js
@@ -0,0 +1,94 @@
+var webpack = require('webpack');
+var path = require('path');
+var ExtractTextPlugin = require("extract-text-webpack-plugin");
+
+module.exports = {
+    plugins: [
+        new webpack.ProvidePlugin({
+            '_': 'lodash',
+            Visibility: "visibilityjs",
+            Cookies: "js-cookie",
+            emojify: "emojify.js",
+            io: "socket.io-client",
+            key: "keymaster"
+        }),
+        new webpack.DefinePlugin({
+            "require.specified": "require.resolve"
+        }),
+        new ExtractTextPlugin("[name].css"),
+        new webpack.optimize.CommonsChunkPlugin({
+            name: "vendor",
+            filename: "vendor.bundle.js",
+            minChunks: Infinity,
+        })
+    ],
+
+    entry: {
+        index: path.join(__dirname, 'public/js/index.js'),
+        public: path.join(__dirname, 'public/js/public.js'),
+        slide: path.join(__dirname, 'public/js/slide.js'),
+        locale: path.join(__dirname, 'public/js/locale.js'),
+        vendor: [
+            "expose?$!expose?jQuery!jquery",
+            "jquery-textcomplete",
+            "jquery-mousewheel",
+            "jquery-scrollspy/jquery-scrollspy",
+            "expose?LZString!lz-string",
+            "expose?filterXSS!xss",
+            "expose?Viz!viz.js",
+            "js-url",
+            "bootstrap"
+        ]
+    },
+
+    output: {
+        path: path.join(__dirname, 'public/build'),
+        filename: '[name].js'
+    },
+
+    resolve: {
+        root: [
+            path.resolve(__dirname, 'src'),
+            path.resolve(__dirname, 'node_modules')
+        ],
+        extensions: ["", ".js"],
+        alias: {
+            'jquery-ui': 'jquery-ui/ui/widgets'
+        }
+    },
+
+    module: {
+        loaders: [{
+            test: /\.json$/,
+            loader: 'json-loader'
+        }, {
+            test: /\.css$/,
+            loader: ExtractTextPlugin.extract('style-loader', 'css-loader')
+        }, {
+            test: /\.scss$/,
+            loader: ExtractTextPlugin.extract('style-loader', 'sass-loader')
+        }, {
+            test: /\.less$/,
+            loader: ExtractTextPlugin.extract('style-loader', 'less-loader')
+        }, {
+            test: require.resolve("js-sequence-diagrams"),
+            loader: "imports?Raphael=raphael"
+        }, {
+            test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
+            loader: "file"
+        }, {
+            test: /\.(woff|woff2)$/,
+            loader: "url?prefix=font/&limit=5000"
+        }, {
+            test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
+            loader: "url?limit=10000&mimetype=application/octet-stream"
+        }, {
+            test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
+            loader: "url?limit=10000&mimetype=image/svg+xml"
+        }]
+    },
+
+    node: {
+        fs: "empty"
+    }
+};

From d3315506dcb72ea4702842198d5c5c77549ed88b Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Tue, 11 Oct 2016 15:45:14 +0800
Subject: [PATCH 35/54] Remove unused viz.js require

---
 public/js/slide.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/public/js/slide.js b/public/js/slide.js
index b5aa868..f415e9d 100644
--- a/public/js/slide.js
+++ b/public/js/slide.js
@@ -31,7 +31,6 @@ require('raphael');
 require('js-sequence-diagrams');
 
 require('flowchart.js');
-require('viz.js');
 require('file-saver');
 require('store');
 require('js-url');

From 56c5378939c6498d0440b3ed76a604523678073f Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Tue, 11 Oct 2016 17:15:06 +0800
Subject: [PATCH 36/54] Optimize viz.js async rendering through webpack chunk

---
 public/js/extra.js      | 30 +++++++++++++++++-------------
 public/js/index.js      |  6 ------
 public/views/foot.ejs   |  2 +-
 public/views/index.ejs  |  2 +-
 public/views/pretty.ejs |  2 +-
 public/views/slide.ejs  |  2 +-
 webpack.production.js   |  9 +++++----
 webpackBaseConfig.js    | 18 ++++++++++--------
 8 files changed, 36 insertions(+), 35 deletions(-)

diff --git a/public/js/extra.js b/public/js/extra.js
index 329aa15..e133a81 100644
--- a/public/js/extra.js
+++ b/public/js/extra.js
@@ -288,21 +288,25 @@ function finishView(view) {
         }
     });
     //graphviz
-    var graphvizs = view.find(".graphviz.raw").removeClass("raw");
-    graphvizs.each(function (key, value) {
-        try {
-            var $value = $(value);
-            var $ele = $(value).parent().parent();
+    require.ensure(["viz.js"], function(require) {
+        var Viz = require("viz.js");
+        var graphvizs = view.find(".graphviz.raw").removeClass("raw");
+        graphvizs.each(function (key, value) {
+            try {
+                var $value = $(value);
+                var $ele = $(value).parent().parent();
 
-            var graphviz = Viz($value.text());
-            $value.html(graphviz);
+                var graphviz = Viz($value.text());
+                $value.html(graphviz);
 
-            $ele.addClass('graphviz');
-            $value.children().unwrap().unwrap();
-        } catch (err) {
-            console.warn(err);
-        }
-    });
+                $ele.addClass('graphviz');
+                $value.children().unwrap().unwrap();
+            } catch (err) {
+                console.warn(err);
+            }
+        });
+
+    })
     //mermaid
     var mermaids = view.find(".mermaid.raw").removeClass("raw");
     mermaids.each(function (key, value) {
diff --git a/public/js/index.js b/public/js/index.js
index 4bce2ff..2d3c296 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -1,9 +1,3 @@
-/* include jquery ui */
-require('jquery-ui/ui/widgets/resizable');
-require('jquery-ui/ui/widgets/tooltip');
-require('jquery-ui/ui/widgets/controlgroup');
-require('jquery-ui/ui/widgets/autocomplete');
-
 /* jquery and jquery plugins */
 require('../vendor/showup/showup');
 
diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index 4a9b175..adab9d1 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -21,7 +21,7 @@
 <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
 <% } %>
 <script src="<%- url %>/vendor/Idle.Js/build/idle.min.js" defer></script>
-<script src="<%- url %>/build/vendor.bundle.js" defer></script>
+<script src="<%- url %>/build/vendor.js" defer></script>
 <!--codemirror-->
 <script src="<%- url %>/vendor/codemirror/codemirror.min.js" defer></script>
 <script src="<%- url %>/vendor/inlineAttachment/inline-attachment.js" defer></script>
diff --git a/public/views/index.ejs b/public/views/index.ejs
index c7bea34..c00623c 100644
--- a/public/views/index.ejs
+++ b/public/views/index.ejs
@@ -185,7 +185,7 @@
     <!-- Bootstrap core JavaScript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
-    <script src="<%- url %>/build/vendor.bundle.js" defer></script>
+    <script src="<%- url %>/build/vendor.js" defer></script>
     <% if(useCDN) { %>
 	<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js" defer></script>
     <script src="//cdn.jsdelivr.net/velocity/1.2.3/velocity.min.js" defer></script>
diff --git a/public/views/pretty.ejs b/public/views/pretty.ejs
index 6f13155..4cfbdb0 100644
--- a/public/views/pretty.ejs
+++ b/public/views/pretty.ejs
@@ -90,7 +90,7 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment-with-locales.min.js" defer></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/6.0.0/mermaid.min.js" defer></script>
 <% } else { %>
-<script src="<%- url %>/build/vendor.bundle.js" defer></script>
+<script src="<%- url %>/build/vendor.js" defer></script>
 <script src="<%- url %>/vendor/js-yaml/dist/js-yaml.min.js" defer></script>
 <script type="text/javascript" src="<%- url %>/vendor/MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML" defer></script>
 <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
diff --git a/public/views/slide.ejs b/public/views/slide.ejs
index b0c5ddb..b3212f4 100644
--- a/public/views/slide.ejs
+++ b/public/views/slide.ejs
@@ -87,7 +87,7 @@
         <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment-with-locales.min.js" defer></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/6.0.0/mermaid.min.js" defer></script>
         <% } else { %>
-        <script src="<%- url %>/build/vendor.bundle.js" defer></script>
+        <script src="<%- url %>/build/vendor.js" defer></script>
         <script src="<%- url %>/vendor/reveal.js/lib/js/head.min.js"></script>
         <script src="<%- url %>/vendor/reveal.js/js/reveal.js"></script>
         <script src="<%- url %>/vendor/velocity/velocity.min.js" defer></script>
diff --git a/webpack.production.js b/webpack.production.js
index f4125ce..1c54ae3 100644
--- a/webpack.production.js
+++ b/webpack.production.js
@@ -17,10 +17,11 @@ module.exports = Object.assign({}, baseConfig, {
         }),
         new ExtractTextPlugin("[name].css"),
         new webpack.optimize.CommonsChunkPlugin({
-            name: "vendor",
-            filename: "vendor.bundle.js",
-            minChunks: Infinity,
-        }),
+            name: ["vendor", "public", "slide", "locale"],
+            async: true,
+            filename: '[name].js',
+            minChunks: Infinity
+        })
         new webpack.DefinePlugin({
             'process.env': {
                 'NODE_ENV': JSON.stringify('production')
diff --git a/webpackBaseConfig.js b/webpackBaseConfig.js
index 6d99381..e2d58f4 100644
--- a/webpackBaseConfig.js
+++ b/webpackBaseConfig.js
@@ -17,9 +17,10 @@ module.exports = {
         }),
         new ExtractTextPlugin("[name].css"),
         new webpack.optimize.CommonsChunkPlugin({
-            name: "vendor",
-            filename: "vendor.bundle.js",
-            minChunks: Infinity,
+            name: ["vendor", "public", "slide", "locale"],
+            async: true,
+            filename: '[name].js',
+            minChunks: Infinity
         })
     ],
 
@@ -33,9 +34,12 @@ module.exports = {
             "jquery-textcomplete",
             "jquery-mousewheel",
             "jquery-scrollspy/jquery-scrollspy",
+            "jquery-ui/ui/widgets/resizable",
+            "jquery-ui/ui/widgets/tooltip",
+            "jquery-ui/ui/widgets/controlgroup",
+            "jquery-ui/ui/widgets/autocomplete",
             "expose?LZString!lz-string",
             "expose?filterXSS!xss",
-            "expose?Viz!viz.js",
             "js-url",
             "bootstrap"
         ]
@@ -43,6 +47,7 @@ module.exports = {
 
     output: {
         path: path.join(__dirname, 'public/build'),
+        publicPath: '/build/',
         filename: '[name].js'
     },
 
@@ -51,10 +56,7 @@ module.exports = {
             path.resolve(__dirname, 'src'),
             path.resolve(__dirname, 'node_modules')
         ],
-        extensions: ["", ".js"],
-        alias: {
-            'jquery-ui': 'jquery-ui/ui/widgets'
-        }
+        extensions: ["", ".js"]
     },
 
     module: {

From 4a6903c91b3b8502585d6e17137ef076c489ebcf Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Tue, 11 Oct 2016 17:53:46 +0800
Subject: [PATCH 37/54] Revert customized markdown-it-mathjax plugin

---
 public/js/extra.js  |  2 +-
 public/js/index.js  | 13 -------------
 public/js/public.js | 13 -------------
 3 files changed, 1 insertion(+), 27 deletions(-)

diff --git a/public/js/extra.js b/public/js/extra.js
index e133a81..4c4e66d 100644
--- a/public/js/extra.js
+++ b/public/js/extra.js
@@ -826,7 +826,7 @@ md.use(require('markdown-it-mark'));
 md.use(require('markdown-it-ins'));
 md.use(require('markdown-it-sub'));
 md.use(require('markdown-it-sup'));
-md.use(require('markdown-it-mathjax'));
+md.use(require('../vendor/markdown-it-mathjax'));
 md.use(require('markdown-it-imsize'));
 
 function renderContainer(tokens, idx, options, env, self) {
diff --git a/public/js/index.js b/public/js/index.js
index 2d3c296..ae823c4 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -7,19 +7,6 @@ require('bootstrap/dist/css/bootstrap.css');
 require('prismjs/themes/prism.css');
 require('highlight.js/styles/github-gist.css');
 
-require('markdown-it');
-require('markdown-it-abbr');
-require('markdown-it-footnote');
-require('markdown-it-deflist');
-require('markdown-it-mark');
-require('markdown-it-ins');
-require('markdown-it-sub');
-require('markdown-it-sup');
-require('markdown-it-container');
-require('markdown-it-mathjax');
-require('markdown-it-regexp');
-require('markdown-it-imsize');
-
 /* other vendors plugin */
 require('gist-embed');
 require('string');
diff --git a/public/js/public.js b/public/js/public.js
index 69999de..1a1e542 100644
--- a/public/js/public.js
+++ b/public/js/public.js
@@ -14,19 +14,6 @@ require('bootstrap/dist/css/bootstrap.css');
 require('prismjs/themes/prism.css');
 require('highlight.js/styles/github-gist.css');
 
-require('markdown-it');
-require('markdown-it-abbr');
-require('markdown-it-footnote');
-require('markdown-it-deflist');
-require('markdown-it-mark');
-require('markdown-it-ins');
-require('markdown-it-sub');
-require('markdown-it-sup');
-require('markdown-it-container');
-require('markdown-it-mathjax');
-require('markdown-it-regexp');
-require('markdown-it-imsize');
-
 /* other vendors plugin */
 require('gist-embed');
 require('string');

From 21028c57735028574c769fb6650322eb3f0cb924 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Tue, 11 Oct 2016 18:06:40 +0800
Subject: [PATCH 38/54] Cleanup

---
 public/js/public.js |  1 -
 public/js/slide.js  | 19 -------------------
 2 files changed, 20 deletions(-)

diff --git a/public/js/public.js b/public/js/public.js
index 1a1e542..e194fa7 100644
--- a/public/js/public.js
+++ b/public/js/public.js
@@ -8,7 +8,6 @@ require('jquery-ui/ui/widgets/autocomplete');
 require('../vendor/showup/showup');
 
 /* bootstrap */
-require('bootstrap');
 require('bootstrap/dist/css/bootstrap.css');
 
 require('prismjs/themes/prism.css');
diff --git a/public/js/slide.js b/public/js/slide.js
index f415e9d..6230d15 100644
--- a/public/js/slide.js
+++ b/public/js/slide.js
@@ -1,30 +1,13 @@
-require('bootstrap');
 require('bootstrap/js/tooltip');
 require('bootstrap/dist/css/bootstrap.css');
 
 require('prismjs/themes/prism.css');
-require('highlight.js/styles/github-gist.css');
-
-require('markdown-it');
-require('markdown-it-abbr');
-require('markdown-it-footnote');
-require('markdown-it-deflist');
-require('markdown-it-mark');
-require('markdown-it-ins');
-require('markdown-it-sub');
-require('markdown-it-sup');
-require('markdown-it-container');
-require('markdown-it-mathjax');
-require('markdown-it-regexp');
-require('markdown-it-imsize');
 
 /* other vendors plugin */
 require('gist-embed');
 var S = require('string');
-require('highlight.js');
 require('prismjs');
 require('prismjs/components/prism-wiki');
-require('js-cookie');
 require('to-markdown');
 
 require('raphael');
@@ -33,9 +16,7 @@ require('js-sequence-diagrams');
 require('flowchart.js');
 require('file-saver');
 require('store');
-require('js-url');
 require('visibilityjs');
-require('list.js');
 require('../vendor/md-toc');
 require('randomcolor');
 

From ddb953da0ca4dbbc5763e284f5cc7f974589434f Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Tue, 11 Oct 2016 18:59:05 +0800
Subject: [PATCH 39/54] Fix webpack production config

---
 webpack.production.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webpack.production.js b/webpack.production.js
index 1c54ae3..c954bd4 100644
--- a/webpack.production.js
+++ b/webpack.production.js
@@ -21,7 +21,7 @@ module.exports = Object.assign({}, baseConfig, {
             async: true,
             filename: '[name].js',
             minChunks: Infinity
-        })
+        }),
         new webpack.DefinePlugin({
             'process.env': {
                 'NODE_ENV': JSON.stringify('production')

From 4a6a69e7bc8f6e2897394f3a1285ff7626bceb16 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Tue, 11 Oct 2016 20:17:44 +0800
Subject: [PATCH 40/54] Fix module export

---
 public/js/config.js.example | 26 +++++++++-----------------
 public/js/cover.js          |  8 +++++++-
 public/js/extra.js          |  4 +++-
 public/js/history.js        |  5 ++++-
 public/js/index.js          |  4 ++++
 5 files changed, 27 insertions(+), 20 deletions(-)

diff --git a/public/js/config.js.example b/public/js/config.js.example
index 00c4f49..c5de388 100644
--- a/public/js/config.js.example
+++ b/public/js/config.js.example
@@ -1,19 +1,11 @@
-//config
-var domain = ''; // domain name
-var urlpath = ''; // sub url path, like: www.example.com/<urlpath>
-//settings
-var debug = false;
-
-var GOOGLE_API_KEY = '';
-var GOOGLE_CLIENT_ID = '';
-
-var DROPBOX_APP_KEY = '';
-
 module.exports = {
-    domain: domain,
-    urlpath: urlpath,
-    debug: debug,
-    GOOGLE_API_KEY: GOOGLE_API_KEY,
-    GOOGLE_CLIENT_ID: GOOGLE_CLIENT_ID,
-    DROPBOX_APP_KEY: DROPBOX_APP_KEY
+    domain: '', // domain name
+    urlpath: '', // sub url path, like: www.example.com/<urlpath>
+
+    // settings
+    debug: false,
+
+    GOOGLE_API_KEY: '',
+    GOOGLE_CLIENT_ID: '',
+    DROPBOX_APP_KEY: ''
 };
diff --git a/public/js/cover.js b/public/js/cover.js
index 7156bf2..515c882 100644
--- a/public/js/cover.js
+++ b/public/js/cover.js
@@ -3,6 +3,8 @@ var checkIfAuth = common.checkIfAuth;
 var urlpath = common.urlpath;
 var serverurl = common.serverurl;
 var resetCheckAuth = common.resetCheckAuth;
+var getLoginState = common.getLoginState;
+var clearLoginState = common.clearLoginState;
 
 var historyModule = require('./history');
 var parseStorageToHistory = historyModule.parseStorageToHistory;
@@ -11,6 +13,10 @@ var getStorageHistory = historyModule.getStorageHistory;
 var getHistory = historyModule.getHistory;
 var saveHistory = historyModule.saveHistory;
 var removeHistory = historyModule.removeHistory;
+var postHistoryToServer = historyModule.postHistoryToServer;
+var deleteServerHistory = historyModule.deleteServerHistory;
+var parseServerToHistory = historyModule.parseServerToHistory;
+var saveStorageHistoryToServer = historyModule.saveStorageHistoryToServer;
 
 var saveAs = require('file-saver').saveAs;
 var List = require('list.js');
@@ -196,7 +202,7 @@ function parseHistoryCallback(list, notehistory) {
                         $this.addClass('active');
                     else
                         $this.removeClass('active');
-                } 
+                }
             });
         }, function () {
             getHistory(function (notehistory) {
diff --git a/public/js/extra.js b/public/js/extra.js
index 25f0b3b..9ce8525 100644
--- a/public/js/extra.js
+++ b/public/js/extra.js
@@ -1086,5 +1086,7 @@ module.exports = {
   generateToc: generateToc,
   smoothHashScroll: smoothHashScroll,
   scrollToHash: scrollToHash,
-  owner: owner
+  owner: owner,
+  updateLastChangeUser: updateLastChangeUser,
+  updateOwner: updateOwner
 };
diff --git a/public/js/history.js b/public/js/history.js
index 91f3ccc..d5082dd 100644
--- a/public/js/history.js
+++ b/public/js/history.js
@@ -4,6 +4,7 @@ var common = require('./common');
 var checkIfAuth = common.checkIfAuth;
 var urlpath = common.urlpath;
 var serverurl = common.serverurl;
+var getLoginState = common.getLoginState;
 
 var extra = require('./extra');
 var renderFilename = extra.renderFilename;
@@ -414,5 +415,7 @@ module.exports = {
     removeHistory: removeHistory,
     parseStorageToHistory: parseStorageToHistory,
     postHistoryToServer: postHistoryToServer,
-    deleteServerHistory: deleteServerHistory
+    deleteServerHistory: deleteServerHistory,
+    parseServerToHistory: parseServerToHistory,
+    saveStorageHistoryToServer: saveStorageHistoryToServer
 }
diff --git a/public/js/index.js b/public/js/index.js
index 67499f8..f3bdf11 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -63,9 +63,12 @@ var renderTitle = extra.renderTitle;
 var renderFilename = extra.renderFilename;
 var scrollToHash = extra.scrollToHash;
 var owner = extra.owner;
+var updateLastChangeUser = extra.updateLastChangeUser;
+var updateOwner = extra.updateOwner;
 
 var historyModule = require('./history');
 var writeHistory = historyModule.writeHistory;
+var deleteServerHistory = historyModule.deleteServerHistory;
 
 var renderer = require('./render');
 var preventXSS = renderer.preventXSS;
@@ -1461,6 +1464,7 @@ function onGoogleAPILoaded() {
         .prop('defer', true)
         .appendTo('body');
 }
+window.onGoogleAPILoaded = onGoogleAPILoaded;
 
 //button actions
 //share

From 2e929879adeb5194df6bba799d0c4e01b87c19cb Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Wed, 12 Oct 2016 12:27:23 +0800
Subject: [PATCH 41/54] Fix engine.io-client webpack load dependency

---
 package.json         | 5 +++--
 webpackBaseConfig.js | 3 ---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 1b2cc8d..e0dd95b 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,7 @@
     "diff-match-patch": "git+https://github.com/hackmdio/diff-match-patch.git",
     "ejs": "^2.5.2",
     "emojify.js": "^1.1.0",
+    "engine.io-client": "^1.7.0",
     "express": ">=4.14",
     "express-session": "^1.14.1",
     "file-saver": "^1.3.3",
@@ -81,12 +82,12 @@
     "randomcolor": "^0.4.4",
     "raphael": "github:dmitrybaranovskiy/raphael",
     "request": "^2.75.0",
-    "reveal.js": "3.3.0",
+    "reveal.js": "^3.3.0",
     "sequelize": "^3.24.3",
     "sequelize-cli": "^2.4.0",
     "shortid": "2.2.6",
     "socket.io": "1.5.0",
-    "socket.io-client": "^1.4.8",
+    "socket.io-client": "^1.5.0",
     "sqlite3": "^3.1.6",
     "store": "^1.3.20",
     "string": "^3.3.1",
diff --git a/webpackBaseConfig.js b/webpackBaseConfig.js
index 01f8e39..8f93bae 100644
--- a/webpackBaseConfig.js
+++ b/webpackBaseConfig.js
@@ -12,9 +12,6 @@ module.exports = {
             io: "socket.io-client",
             key: "keymaster"
         }),
-        new webpack.DefinePlugin({
-            "require.specified": "require.resolve"
-        }),
         new ExtractTextPlugin("[name].css"),
         new webpack.optimize.CommonsChunkPlugin({
             name: ["vendor", "public", "slide", "locale"],

From 02eef3f68ae83b9d101f92f2a92b608879ba0855 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Wed, 12 Oct 2016 13:18:29 +0800
Subject: [PATCH 42/54] Load customized vendor script through script-loader

---
 package.json          |  1 +
 public/views/foot.ejs |  4 ----
 webpackBaseConfig.js  | 15 ++++++++++++++-
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index e0dd95b..ad6ae66 100644
--- a/package.json
+++ b/package.json
@@ -131,6 +131,7 @@
     "json-loader": "^0.5.4",
     "less": "^2.7.1",
     "less-loader": "^2.2.3",
+    "script-loader": "^0.7.0",
     "style-loader": "^0.13.1",
     "url-loader": "^0.5.7",
     "webpack": "^1.13.2"
diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index de714bb..55be9e5 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -23,11 +23,7 @@
 <script src="<%- url %>/vendor/Idle.Js/build/idle.min.js" defer></script>
 <script src="<%- url %>/build/vendor.js" defer></script>
 <!--codemirror-->
-<script src="<%- url %>/vendor/codemirror/codemirror.min.js" defer></script>
-<script src="<%- url %>/vendor/inlineAttachment/inline-attachment.js" defer></script>
-<script src="<%- url %>/vendor/inlineAttachment/codemirror.inline-attachment.js" defer></script>
 <script src="<%- url %>/vendor/codemirror-spell-checker/spell-checker.min.js" defer></script>
-<script src="<%- url %>/vendor/ot/ot.min.js" defer></script>
 <script src="<%- url %>/build/index.js" defer></script>
 <script src="<%- url %>/js/google-drive-upload.js" defer></script>
 <script src="<%- url %>/js/google-drive-picker.js" defer></script>
diff --git a/webpackBaseConfig.js b/webpackBaseConfig.js
index 8f93bae..62101c3 100644
--- a/webpackBaseConfig.js
+++ b/webpackBaseConfig.js
@@ -39,7 +39,11 @@ module.exports = {
             "expose?filterXSS!xss",
             "js-url",
             "bootstrap",
-            "expose?ListPagination!list.pagination.js/dist/list.pagination.js"
+            "expose?ListPagination!list.pagination.js/dist/list.pagination.js",
+            path.join(__dirname, 'public/vendor/codemirror/codemirror.min.js'),
+            path.join(__dirname, 'public/vendor/inlineAttachment/inline-attachment.js'),
+            path.join(__dirname, 'public/vendor/inlineAttachment/codemirror.inline-attachment.js'),
+            path.join(__dirname, 'public/vendor/ot/ot.min.js')
         ]
     },
 
@@ -85,6 +89,15 @@ module.exports = {
         }, {
             test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
             loader: "url?limit=10000&mimetype=image/svg+xml"
+        }, {
+            test: /\.js/,
+            loader: "script-loader",
+            include: [
+                path.join(__dirname, 'public/vendor/codemirror/codemirror.min.js'),
+                path.join(__dirname, 'public/vendor/inlineAttachment/inline-attachment.js'),
+                path.join(__dirname, 'public/vendor/inlineAttachment/codemirror.inline-attachment.js'),
+                path.join(__dirname, 'public/vendor/ot/ot.min.js')
+            ]
         }]
     },
 

From 05d5a44d99ac08a4e3f9cd54702f0e6451a2f49c Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Wed, 12 Oct 2016 14:17:03 +0800
Subject: [PATCH 43/54] Cleanup webpack production config

---
 webpack.production.js | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/webpack.production.js b/webpack.production.js
index c954bd4..ce8dd27 100644
--- a/webpack.production.js
+++ b/webpack.production.js
@@ -12,9 +12,6 @@ module.exports = Object.assign({}, baseConfig, {
             io: "socket.io-client",
             key: "keymaster"
         }),
-        new webpack.DefinePlugin({
-            "require.specified": "require.resolve"
-        }),
         new ExtractTextPlugin("[name].css"),
         new webpack.optimize.CommonsChunkPlugin({
             name: ["vendor", "public", "slide", "locale"],

From b73fcfc5c94d6265306ec13d2694998744bcea4b Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Wed, 12 Oct 2016 14:37:05 +0800
Subject: [PATCH 44/54] Revert 56c5378

viz.js still has problem with split chunk
---
 public/js/extra.js   | 3 ---
 webpackBaseConfig.js | 1 +
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/public/js/extra.js b/public/js/extra.js
index 9ce8525..bf44e6d 100644
--- a/public/js/extra.js
+++ b/public/js/extra.js
@@ -306,8 +306,6 @@ function finishView(view) {
         }
     });
     //graphviz
-    require.ensure(["viz.js"], function(require) {
-        var Viz = require("viz.js");
         var graphvizs = view.find(".graphviz.raw").removeClass("raw");
         graphvizs.each(function (key, value) {
             try {
@@ -324,7 +322,6 @@ function finishView(view) {
             }
         });
 
-    })
     //mermaid
     var mermaids = view.find(".mermaid.raw").removeClass("raw");
     mermaids.each(function (key, value) {
diff --git a/webpackBaseConfig.js b/webpackBaseConfig.js
index 62101c3..c0b24f8 100644
--- a/webpackBaseConfig.js
+++ b/webpackBaseConfig.js
@@ -39,6 +39,7 @@ module.exports = {
             "expose?filterXSS!xss",
             "js-url",
             "bootstrap",
+            "expose?Viz!viz.js",
             "expose?ListPagination!list.pagination.js/dist/list.pagination.js",
             path.join(__dirname, 'public/vendor/codemirror/codemirror.min.js'),
             path.join(__dirname, 'public/vendor/inlineAttachment/inline-attachment.js'),

From 895bf98b03483ba1441584c48b580eca3e44576b Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Wed, 12 Oct 2016 14:37:32 +0800
Subject: [PATCH 45/54] Load custom markdown-it-regex plugin with script-loader

---
 public/js/extra.js | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/public/js/extra.js b/public/js/extra.js
index bf44e6d..af43c2b 100644
--- a/public/js/extra.js
+++ b/public/js/extra.js
@@ -306,21 +306,21 @@ function finishView(view) {
         }
     });
     //graphviz
-        var graphvizs = view.find(".graphviz.raw").removeClass("raw");
-        graphvizs.each(function (key, value) {
-            try {
-                var $value = $(value);
-                var $ele = $(value).parent().parent();
+    var graphvizs = view.find(".graphviz.raw").removeClass("raw");
+    graphvizs.each(function (key, value) {
+        try {
+            var $value = $(value);
+            var $ele = $(value).parent().parent();
 
-                var graphviz = Viz($value.text());
-                $value.html(graphviz);
+            var graphviz = Viz($value.text());
+            $value.html(graphviz);
 
-                $ele.addClass('graphviz');
-                $value.children().unwrap().unwrap();
-            } catch (err) {
-                console.warn(err);
-            }
-        });
+            $ele.addClass('graphviz');
+            $value.children().unwrap().unwrap();
+        } catch (err) {
+            console.warn(err);
+        }
+    });
 
     //mermaid
     var mermaids = view.find(".mermaid.raw").removeClass("raw");
@@ -916,7 +916,7 @@ md.renderer.rules.fence = function (tokens, idx, options, env, self) {
 };
 
 /* Defined regex markdown it plugins */
-var Plugin = require('markdown-it-regexp');
+require('script!../vendor/markdown-it-regexp');
 
 //youtube
 var youtubePlugin = new Plugin(

From 91266f1cad25c5f19f332134dd82011f01ce7419 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Wed, 12 Oct 2016 17:03:47 +0800
Subject: [PATCH 46/54] Load more scripts using webpack

---
 package.json                                                | 2 ++
 public/vendor/codemirror-spell-checker/spell-checker.min.js | 2 +-
 public/views/foot.ejs                                       | 2 --
 public/views/index.ejs                                      | 1 -
 webpackBaseConfig.js                                        | 6 ++++++
 5 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index ad6ae66..5ba9101 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
     "build": "webpack --config webpack.production.js --progress --colors"
   },
   "dependencies": {
+    "Idle.Js": "github:shawnmclean/Idle.js",
     "async": "^2.0.1",
     "blueimp-md5": "^2.4.0",
     "body-parser": "^1.15.2",
@@ -88,6 +89,7 @@
     "shortid": "2.2.6",
     "socket.io": "1.5.0",
     "socket.io-client": "^1.5.0",
+    "spin.js": "^2.3.2",
     "sqlite3": "^3.1.6",
     "store": "^1.3.20",
     "string": "^3.3.1",
diff --git a/public/vendor/codemirror-spell-checker/spell-checker.min.js b/public/vendor/codemirror-spell-checker/spell-checker.min.js
index 4e3921a..d5dd34d 100644
--- a/public/vendor/codemirror-spell-checker/spell-checker.min.js
+++ b/public/vendor/codemirror-spell-checker/spell-checker.min.js
@@ -4,4 +4,4 @@
  * @link https://github.com/NextStepWebs/codemirror-spell-checker
  * @license MIT
  */
-"use strict";var Typo=function(e,t,r,n){if(n=n||{},this.platform=n.platform||"chrome",this.dictionary=null,this.rules={},this.dictionaryTable={},this.compoundRules=[],this.compoundRuleCodes={},this.replacementTable=[],this.flags=n.flags||{},e){if(this.dictionary=e,"chrome"==this.platform)t||(t=this._readFile(chrome.extension.getURL("lib/typo/dictionaries/"+e+"/"+e+".aff"))),r||(r=this._readFile(chrome.extension.getURL("lib/typo/dictionaries/"+e+"/"+e+".dic")));else{var i=n.dictionaryPath||"";t||(t=this._readFile(i+"/"+e+"/"+e+".aff")),r||(r=this._readFile(i+"/"+e+"/"+e+".dic"))}this.rules=this._parseAFF(t),this.compoundRuleCodes={};for(var a=0,s=this.compoundRules.length;s>a;a++)for(var o=this.compoundRules[a],l=0,u=o.length;u>l;l++)this.compoundRuleCodes[o[l]]=[];"ONLYINCOMPOUND"in this.flags&&(this.compoundRuleCodes[this.flags.ONLYINCOMPOUND]=[]),this.dictionaryTable=this._parseDIC(r);for(var a in this.compoundRuleCodes)0==this.compoundRuleCodes[a].length&&delete this.compoundRuleCodes[a];for(var a=0,s=this.compoundRules.length;s>a;a++){for(var h=this.compoundRules[a],c="",l=0,u=h.length;u>l;l++){var p=h[l];c+=p in this.compoundRuleCodes?"("+this.compoundRuleCodes[p].join("|")+")":p}this.compoundRules[a]=RegExp(c,"i")}}return this};Typo.prototype={load:function(e){for(var t in e)this[t]=e[t];return this},_readFile:function(e,t){t||(t="ISO8859-1");var r=new XMLHttpRequest;return r.open("GET",e,!1),r.overrideMimeType&&r.overrideMimeType("text/plain; charset="+t),r.send(null),r.responseText},_parseAFF:function(e){var t={};e=this._removeAffixComments(e);for(var r=e.split("\n"),n=0,i=r.length;i>n;n++){var a=r[n],s=a.split(/\s+/),o=s[0];if("PFX"==o||"SFX"==o){for(var l=s[1],u=s[2],h=parseInt(s[3],10),c=[],p=n+1,f=n+1+h;f>p;p++){var a=r[p],d=a.split(/\s+/),v=d[2],g=d[3].split("/"),m=g[0];"0"===m&&(m="");var y=this.parseRuleCodes(g[1]),_=d[4],C={};C.add=m,y.length>0&&(C.continuationClasses=y),"."!==_&&(C.match=RegExp("SFX"===o?_+"$":"^"+_)),"0"!=v&&(C.remove="SFX"===o?RegExp(v+"$"):v),c.push(C)}t[l]={type:o,combineable:"Y"==u,entries:c},n+=h}else if("COMPOUNDRULE"===o){for(var h=parseInt(s[1],10),p=n+1,f=n+1+h;f>p;p++){var a=r[p],d=a.split(/\s+/);this.compoundRules.push(d[1])}n+=h}else if("REP"===o){var d=a.split(/\s+/);3===d.length&&this.replacementTable.push([d[1],d[2]])}else this.flags[o]=s[1]}return t},_removeAffixComments:function(e){return e=e.replace(/#.*$/gm,""),e=e.replace(/^\s\s*/m,"").replace(/\s\s*$/m,""),e=e.replace(/\n{2,}/g,"\n"),e=e.replace(/^\s\s*/,"").replace(/\s\s*$/,"")},_parseDIC:function(e){function t(e,t){e in n&&"object"==typeof n[e]||(n[e]=[]),n[e].push(t)}e=this._removeDicComments(e);for(var r=e.split("\n"),n={},i=1,a=r.length;a>i;i++){var s=r[i],o=s.split("/",2),l=o[0];if(o.length>1){var u=this.parseRuleCodes(o[1]);"NEEDAFFIX"in this.flags&&-1!=u.indexOf(this.flags.NEEDAFFIX)||t(l,u);for(var h=0,c=u.length;c>h;h++){var p=u[h],f=this.rules[p];if(f)for(var d=this._applyRule(l,f),v=0,g=d.length;g>v;v++){var m=d[v];if(t(m,[]),f.combineable)for(var y=h+1;c>y;y++){var _=u[y],C=this.rules[_];if(C&&C.combineable&&f.type!=C.type)for(var R=this._applyRule(m,C),b=0,F=R.length;F>b;b++){var x=R[b];t(x,[])}}}p in this.compoundRuleCodes&&this.compoundRuleCodes[p].push(l)}}else t(l.trim(),[])}return n},_removeDicComments:function(e){return e=e.replace(/^\t.*$/gm,"")},parseRuleCodes:function(e){if(!e)return[];if(!("FLAG"in this.flags))return e.split("");if("long"===this.flags.FLAG){for(var t=[],r=0,n=e.length;n>r;r+=2)t.push(e.substr(r,2));return t}return"num"===this.flags.FLAG?textCode.split(","):void 0},_applyRule:function(e,t){for(var r=t.entries,n=[],i=0,a=r.length;a>i;i++){var s=r[i];if(!s.match||e.match(s.match)){var o=e;if(s.remove&&(o=o.replace(s.remove,"")),"SFX"===t.type?o+=s.add:o=s.add+o,n.push(o),"continuationClasses"in s)for(var l=0,u=s.continuationClasses.length;u>l;l++){var h=this.rules[s.continuationClasses[l]];h&&(n=n.concat(this._applyRule(o,h)))}}}return n},check:function(e){var t=e.replace(/^\s\s*/,"").replace(/\s\s*$/,"");if(this.checkExact(t))return!0;if(t.toUpperCase()===t){var r=t[0]+t.substring(1).toLowerCase();if(this.hasFlag(r,"KEEPCASE"))return!1;if(this.checkExact(r))return!0}var n=t.toLowerCase();if(n!==t){if(this.hasFlag(n,"KEEPCASE"))return!1;if(this.checkExact(n))return!0}return!1},checkExact:function(e){var t=this.dictionaryTable[e];if(void 0===t){if("COMPOUNDMIN"in this.flags&&e.length>=this.flags.COMPOUNDMIN)for(var r=0,n=this.compoundRules.length;n>r;r++)if(e.match(this.compoundRules[r]))return!0;return!1}for(var r=0,n=t.length;n>r;r++)if(!this.hasFlag(e,"ONLYINCOMPOUND",t[r]))return!0;return!1},hasFlag:function(e,t,r){if(t in this.flags){if(void 0===r)var r=Array.prototype.concat.apply([],this.dictionaryTable[e]);if(r&&-1!==r.indexOf(this.flags[t]))return!0}return!1},alphabet:"",suggest:function(e,t){function r(e){for(var t=[],r=0,n=e.length;n>r;r++){for(var i=e[r],a=[],s=0,o=i.length+1;o>s;s++)a.push([i.substring(0,s),i.substring(s,i.length)]);for(var l=[],s=0,o=a.length;o>s;s++){var h=a[s];h[1]&&l.push(h[0]+h[1].substring(1))}for(var c=[],s=0,o=a.length;o>s;s++){var h=a[s];h[1].length>1&&c.push(h[0]+h[1][1]+h[1][0]+h[1].substring(2))}for(var p=[],s=0,o=a.length;o>s;s++){var h=a[s];if(h[1])for(var f=0,d=u.alphabet.length;d>f;f++)p.push(h[0]+u.alphabet[f]+h[1].substring(1))}for(var v=[],s=0,o=a.length;o>s;s++){var h=a[s];if(h[1])for(var f=0,d=u.alphabet.length;d>f;f++)p.push(h[0]+u.alphabet[f]+h[1])}t=t.concat(l),t=t.concat(c),t=t.concat(p),t=t.concat(v)}return t}function n(e){for(var t=[],r=0;r<e.length;r++)u.check(e[r])&&t.push(e[r]);return t}function i(e){function i(e,t){return e[1]<t[1]?-1:1}for(var a=r([e]),s=r(a),o=n(a).concat(n(s)),l={},h=0,c=o.length;c>h;h++)o[h]in l?l[o[h]]+=1:l[o[h]]=1;var p=[];for(var h in l)p.push([h,l[h]]);p.sort(i).reverse();for(var f=[],h=0,c=Math.min(t,p.length);c>h;h++)u.hasFlag(p[h][0],"NOSUGGEST")||f.push(p[h][0]);return f}if(t||(t=5),this.check(e))return[];for(var a=0,s=this.replacementTable.length;s>a;a++){var o=this.replacementTable[a];if(-1!==e.indexOf(o[0])){var l=e.replace(o[0],o[1]);if(this.check(l))return[l]}}var u=this;return u.alphabet="abcdefghijklmnopqrstuvwxyz",i(e)}};var num_loaded=0,aff_loading=!1,dic_loading=!1,aff_data="",dic_data="",typo;CodeMirror.defineMode("spell-checker",function(e){if(!aff_loading){aff_loading=!0;var t=new XMLHttpRequest;t.open("GET",serverurl+"/vendor/codemirror-spell-checker/en_US.aff",!0),t.onload=function(){4===t.readyState&&200===t.status&&(aff_data=t.responseText,num_loaded++,2==num_loaded&&(typo=new Typo("en_US",aff_data,dic_data,{platform:"any"})))},t.send(null)}if(!dic_loading){dic_loading=!0;var r=new XMLHttpRequest;r.open("GET",serverurl+"/vendor/codemirror-spell-checker/en_US.dic",!0),r.onload=function(){4===r.readyState&&200===r.status&&(dic_data=r.responseText,num_loaded++,2==num_loaded&&(typo=new Typo("en_US",aff_data,dic_data,{platform:"any"})))},r.send(null)}var n="!\"'#$%&()*+,-./:;<=>?@[\\]^_`{|}~ ",i=/^[A-Za-z][A-Za-z0-9]+$/,a={token:function(e){var t=e.peek(),r="";if(n.includes(t))return e.next(),null;for(;null!=(t=e.peek())&&!n.includes(t);)r+=t,e.next();return i.test(r)&&typo&&!typo.check(r)?"spell-error":null}},s=CodeMirror.getMode(e,e.backdrop||"text/plain");return CodeMirror.overlayMode(s,a,!0)}),String.prototype.includes||(String.prototype.includes=function(){return-1!==String.prototype.indexOf.apply(this,arguments)});
\ No newline at end of file
+"use strict";var Typo=function(e,t,r,n){if(n=n||{},this.platform=n.platform||"chrome",this.dictionary=null,this.rules={},this.dictionaryTable={},this.compoundRules=[],this.compoundRuleCodes={},this.replacementTable=[],this.flags=n.flags||{},e){if(this.dictionary=e,"chrome"==this.platform)t||(t=this._readFile(chrome.extension.getURL("lib/typo/dictionaries/"+e+"/"+e+".aff"))),r||(r=this._readFile(chrome.extension.getURL("lib/typo/dictionaries/"+e+"/"+e+".dic")));else{var i=n.dictionaryPath||"";t||(t=this._readFile(i+"/"+e+"/"+e+".aff")),r||(r=this._readFile(i+"/"+e+"/"+e+".dic"))}this.rules=this._parseAFF(t),this.compoundRuleCodes={};for(var a=0,s=this.compoundRules.length;s>a;a++)for(var o=this.compoundRules[a],l=0,u=o.length;u>l;l++)this.compoundRuleCodes[o[l]]=[];"ONLYINCOMPOUND"in this.flags&&(this.compoundRuleCodes[this.flags.ONLYINCOMPOUND]=[]),this.dictionaryTable=this._parseDIC(r);for(var a in this.compoundRuleCodes)0==this.compoundRuleCodes[a].length&&delete this.compoundRuleCodes[a];for(var a=0,s=this.compoundRules.length;s>a;a++){for(var h=this.compoundRules[a],c="",l=0,u=h.length;u>l;l++){var p=h[l];c+=p in this.compoundRuleCodes?"("+this.compoundRuleCodes[p].join("|")+")":p}this.compoundRules[a]=RegExp(c,"i")}}return this};Typo.prototype={load:function(e){for(var t in e)this[t]=e[t];return this},_readFile:function(e,t){t||(t="ISO8859-1");var r=new XMLHttpRequest;return r.open("GET",e,!1),r.overrideMimeType&&r.overrideMimeType("text/plain; charset="+t),r.send(null),r.responseText},_parseAFF:function(e){var t={};e=this._removeAffixComments(e);for(var r=e.split("\n"),n=0,i=r.length;i>n;n++){var a=r[n],s=a.split(/\s+/),o=s[0];if("PFX"==o||"SFX"==o){for(var l=s[1],u=s[2],h=parseInt(s[3],10),c=[],p=n+1,f=n+1+h;f>p;p++){var a=r[p],d=a.split(/\s+/),v=d[2],g=d[3].split("/"),m=g[0];"0"===m&&(m="");var y=this.parseRuleCodes(g[1]),_=d[4],C={};C.add=m,y.length>0&&(C.continuationClasses=y),"."!==_&&(C.match=RegExp("SFX"===o?_+"$":"^"+_)),"0"!=v&&(C.remove="SFX"===o?RegExp(v+"$"):v),c.push(C)}t[l]={type:o,combineable:"Y"==u,entries:c},n+=h}else if("COMPOUNDRULE"===o){for(var h=parseInt(s[1],10),p=n+1,f=n+1+h;f>p;p++){var a=r[p],d=a.split(/\s+/);this.compoundRules.push(d[1])}n+=h}else if("REP"===o){var d=a.split(/\s+/);3===d.length&&this.replacementTable.push([d[1],d[2]])}else this.flags[o]=s[1]}return t},_removeAffixComments:function(e){return e=e.replace(/#.*$/gm,""),e=e.replace(/^\s\s*/m,"").replace(/\s\s*$/m,""),e=e.replace(/\n{2,}/g,"\n"),e=e.replace(/^\s\s*/,"").replace(/\s\s*$/,"")},_parseDIC:function(e){function t(e,t){e in n&&"object"==typeof n[e]||(n[e]=[]),n[e].push(t)}e=this._removeDicComments(e);for(var r=e.split("\n"),n={},i=1,a=r.length;a>i;i++){var s=r[i],o=s.split("/",2),l=o[0];if(o.length>1){var u=this.parseRuleCodes(o[1]);"NEEDAFFIX"in this.flags&&-1!=u.indexOf(this.flags.NEEDAFFIX)||t(l,u);for(var h=0,c=u.length;c>h;h++){var p=u[h],f=this.rules[p];if(f)for(var d=this._applyRule(l,f),v=0,g=d.length;g>v;v++){var m=d[v];if(t(m,[]),f.combineable)for(var y=h+1;c>y;y++){var _=u[y],C=this.rules[_];if(C&&C.combineable&&f.type!=C.type)for(var R=this._applyRule(m,C),b=0,F=R.length;F>b;b++){var x=R[b];t(x,[])}}}p in this.compoundRuleCodes&&this.compoundRuleCodes[p].push(l)}}else t(l.trim(),[])}return n},_removeDicComments:function(e){return e=e.replace(/^\t.*$/gm,"")},parseRuleCodes:function(e){if(!e)return[];if(!("FLAG"in this.flags))return e.split("");if("long"===this.flags.FLAG){for(var t=[],r=0,n=e.length;n>r;r+=2)t.push(e.substr(r,2));return t}return"num"===this.flags.FLAG?textCode.split(","):void 0},_applyRule:function(e,t){for(var r=t.entries,n=[],i=0,a=r.length;a>i;i++){var s=r[i];if(!s.match||e.match(s.match)){var o=e;if(s.remove&&(o=o.replace(s.remove,"")),"SFX"===t.type?o+=s.add:o=s.add+o,n.push(o),"continuationClasses"in s)for(var l=0,u=s.continuationClasses.length;u>l;l++){var h=this.rules[s.continuationClasses[l]];h&&(n=n.concat(this._applyRule(o,h)))}}}return n},check:function(e){var t=e.replace(/^\s\s*/,"").replace(/\s\s*$/,"");if(this.checkExact(t))return!0;if(t.toUpperCase()===t){var r=t[0]+t.substring(1).toLowerCase();if(this.hasFlag(r,"KEEPCASE"))return!1;if(this.checkExact(r))return!0}var n=t.toLowerCase();if(n!==t){if(this.hasFlag(n,"KEEPCASE"))return!1;if(this.checkExact(n))return!0}return!1},checkExact:function(e){var t=this.dictionaryTable[e];if(void 0===t){if("COMPOUNDMIN"in this.flags&&e.length>=this.flags.COMPOUNDMIN)for(var r=0,n=this.compoundRules.length;n>r;r++)if(e.match(this.compoundRules[r]))return!0;return!1}for(var r=0,n=t.length;n>r;r++)if(!this.hasFlag(e,"ONLYINCOMPOUND",t[r]))return!0;return!1},hasFlag:function(e,t,r){if(t in this.flags){if(void 0===r)var r=Array.prototype.concat.apply([],this.dictionaryTable[e]);if(r&&-1!==r.indexOf(this.flags[t]))return!0}return!1},alphabet:"",suggest:function(e,t){function r(e){for(var t=[],r=0,n=e.length;n>r;r++){for(var i=e[r],a=[],s=0,o=i.length+1;o>s;s++)a.push([i.substring(0,s),i.substring(s,i.length)]);for(var l=[],s=0,o=a.length;o>s;s++){var h=a[s];h[1]&&l.push(h[0]+h[1].substring(1))}for(var c=[],s=0,o=a.length;o>s;s++){var h=a[s];h[1].length>1&&c.push(h[0]+h[1][1]+h[1][0]+h[1].substring(2))}for(var p=[],s=0,o=a.length;o>s;s++){var h=a[s];if(h[1])for(var f=0,d=u.alphabet.length;d>f;f++)p.push(h[0]+u.alphabet[f]+h[1].substring(1))}for(var v=[],s=0,o=a.length;o>s;s++){var h=a[s];if(h[1])for(var f=0,d=u.alphabet.length;d>f;f++)p.push(h[0]+u.alphabet[f]+h[1])}t=t.concat(l),t=t.concat(c),t=t.concat(p),t=t.concat(v)}return t}function n(e){for(var t=[],r=0;r<e.length;r++)u.check(e[r])&&t.push(e[r]);return t}function i(e){function i(e,t){return e[1]<t[1]?-1:1}for(var a=r([e]),s=r(a),o=n(a).concat(n(s)),l={},h=0,c=o.length;c>h;h++)o[h]in l?l[o[h]]+=1:l[o[h]]=1;var p=[];for(var h in l)p.push([h,l[h]]);p.sort(i).reverse();for(var f=[],h=0,c=Math.min(t,p.length);c>h;h++)u.hasFlag(p[h][0],"NOSUGGEST")||f.push(p[h][0]);return f}if(t||(t=5),this.check(e))return[];for(var a=0,s=this.replacementTable.length;s>a;a++){var o=this.replacementTable[a];if(-1!==e.indexOf(o[0])){var l=e.replace(o[0],o[1]);if(this.check(l))return[l]}}var u=this;return u.alphabet="abcdefghijklmnopqrstuvwxyz",i(e)}};window.num_loaded=0;var aff_loading=!1,dic_loading=!1,aff_data="",dic_data="",typo;CodeMirror.defineMode("spell-checker",function(e){if(!aff_loading){aff_loading=!0;var t=new XMLHttpRequest;t.open("GET",serverurl+"/vendor/codemirror-spell-checker/en_US.aff",!0),t.onload=function(){4===t.readyState&&200===t.status&&(aff_data=t.responseText,num_loaded++,2==num_loaded&&(typo=new Typo("en_US",aff_data,dic_data,{platform:"any"})))},t.send(null)}if(!dic_loading){dic_loading=!0;var r=new XMLHttpRequest;r.open("GET",serverurl+"/vendor/codemirror-spell-checker/en_US.dic",!0),r.onload=function(){4===r.readyState&&200===r.status&&(dic_data=r.responseText,num_loaded++,2==num_loaded&&(typo=new Typo("en_US",aff_data,dic_data,{platform:"any"})))},r.send(null)}var n="!\"'#$%&()*+,-./:;<=>?@[\\]^_`{|}~ ",i=/^[A-Za-z][A-Za-z0-9]+$/,a={token:function(e){var t=e.peek(),r="";if(n.includes(t))return e.next(),null;for(;null!=(t=e.peek())&&!n.includes(t);)r+=t,e.next();return i.test(r)&&typo&&!typo.check(r)?"spell-error":null}},s=CodeMirror.getMode(e,e.backdrop||"text/plain");return CodeMirror.overlayMode(s,a,!0)}),String.prototype.includes||(String.prototype.includes=function(){return-1!==String.prototype.indexOf.apply(this,arguments)});
diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index 55be9e5..0ce4b85 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -20,10 +20,8 @@
 <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
 <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
 <% } %>
-<script src="<%- url %>/vendor/Idle.Js/build/idle.min.js" defer></script>
 <script src="<%- url %>/build/vendor.js" defer></script>
 <!--codemirror-->
-<script src="<%- url %>/vendor/codemirror-spell-checker/spell-checker.min.js" defer></script>
 <script src="<%- url %>/build/index.js" defer></script>
 <script src="<%- url %>/js/google-drive-upload.js" defer></script>
 <script src="<%- url %>/js/google-drive-picker.js" defer></script>
diff --git a/public/views/index.ejs b/public/views/index.ejs
index 9393377..f24a039 100644
--- a/public/views/index.ejs
+++ b/public/views/index.ejs
@@ -203,7 +203,6 @@
 	<script src="//cdnjs.cloudflare.com/ajax/libs/js-url/2.3.0/url.min.js" defer></script>
 	<% } else { %>
     <script src="<%- url %>/vendor/velocity/velocity.min.js" defer></script>
-	<script src="<%- url %>/vendor/select2/select2.min.js" defer></script>
 	<script src="<%- url %>/vendor/moment/min/moment-with-locales.min.js" defer></script>
 	<% } %>
     <script src="<%- url %>/build/locale.js" defer></script>
diff --git a/webpackBaseConfig.js b/webpackBaseConfig.js
index c0b24f8..df48e65 100644
--- a/webpackBaseConfig.js
+++ b/webpackBaseConfig.js
@@ -39,10 +39,14 @@ module.exports = {
             "expose?filterXSS!xss",
             "js-url",
             "bootstrap",
+            "expose?Spinner!spin.js",
+            "script!Idle.Js",
             "expose?Viz!viz.js",
             "expose?ListPagination!list.pagination.js/dist/list.pagination.js",
             path.join(__dirname, 'public/vendor/codemirror/codemirror.min.js'),
+            path.join(__dirname, 'public/vendor/select2/select2.min.js'),
             path.join(__dirname, 'public/vendor/inlineAttachment/inline-attachment.js'),
+            path.join(__dirname, 'public/vendor/codemirror-spell-checker/spell-checker.min.js'),
             path.join(__dirname, 'public/vendor/inlineAttachment/codemirror.inline-attachment.js'),
             path.join(__dirname, 'public/vendor/ot/ot.min.js')
         ]
@@ -96,7 +100,9 @@ module.exports = {
             include: [
                 path.join(__dirname, 'public/vendor/codemirror/codemirror.min.js'),
                 path.join(__dirname, 'public/vendor/inlineAttachment/inline-attachment.js'),
+                path.join(__dirname, 'public/vendor/select2/select2.min.js'),
                 path.join(__dirname, 'public/vendor/inlineAttachment/codemirror.inline-attachment.js'),
+                path.join(__dirname, 'public/vendor/codemirror-spell-checker/spell-checker.min.js'),
                 path.join(__dirname, 'public/vendor/ot/ot.min.js')
             ]
         }]

From 2cafe15e854b493d335652755b74674c7e2da4f6 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Wed, 12 Oct 2016 17:15:59 +0800
Subject: [PATCH 47/54] Enable production assets hash

---
 .gitignore                        |  1 +
 package.json                      |  3 ++
 public/views/foot.ejs             |  3 +-
 public/views/head.ejs             |  2 +-
 public/views/includes/header.ejs  |  3 ++
 public/views/includes/scripts.ejs |  3 ++
 public/views/index.ejs            |  4 +--
 public/views/pretty.ejs           |  5 ++-
 public/views/slide.ejs            |  4 +--
 webpack.production.js             | 58 ++++++++++++++++++++++++++++++-
 10 files changed, 75 insertions(+), 11 deletions(-)
 create mode 100644 public/views/includes/header.ejs
 create mode 100644 public/views/includes/scripts.ejs

diff --git a/.gitignore b/.gitignore
index 29f916f..9a95231 100644
--- a/.gitignore
+++ b/.gitignore
@@ -24,3 +24,4 @@ public/js/config.js
 
 # ignore webpack build
 public/build
+public/views/build
diff --git a/package.json b/package.json
index 5ba9101..03333fb 100644
--- a/package.json
+++ b/package.json
@@ -122,13 +122,16 @@
     "url": "https://github.com/hackmdio/hackmd.git"
   },
   "devDependencies": {
+    "babel-core": "^6.17.0",
     "babel-loader": "^6.2.5",
     "bower-webpack-plugin": "^0.1.9",
     "css-loader": "^0.25.0",
+    "ejs-loader": "^0.3.0",
     "exports-loader": "^0.6.3",
     "expose-loader": "^0.7.1",
     "extract-text-webpack-plugin": "^1.0.1",
     "file-loader": "^0.9.0",
+    "html-webpack-plugin": "^2.22.0",
     "imports-loader": "^0.6.5",
     "json-loader": "^0.5.4",
     "less": "^2.7.1",
diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index 0ce4b85..abf2da1 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -20,9 +20,8 @@
 <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
 <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
 <% } %>
-<script src="<%- url %>/build/vendor.js" defer></script>
 <!--codemirror-->
-<script src="<%- url %>/build/index.js" defer></script>
+<%- include build/index-scripts %>
 <script src="<%- url %>/js/google-drive-upload.js" defer></script>
 <script src="<%- url %>/js/google-drive-picker.js" defer></script>
 <script src="<%- url %>/js/reveal-markdown.js" defer></script>
diff --git a/public/views/head.ejs b/public/views/head.ejs
index 7243489..f4ba108 100644
--- a/public/views/head.ejs
+++ b/public/views/head.ejs
@@ -36,7 +36,7 @@
 <link rel="stylesheet" href="<%- url %>/vendor/showup/showup.css">
 <link rel="stylesheet" href="<%- url %>/css/mermaid.css">
 <link rel="stylesheet" href="<%- url %>/css/markdown.css">
-<link rel="stylesheet" href="<%- url %>/build/index.css">
+<%- include build/index-header %>
 <link rel="stylesheet" href="<%- url %>/css/index.css">
 <link rel="stylesheet" href="<%- url %>/css/extra.css">
 <link rel="stylesheet" href="<%- url %>/css/slide-preview.css">
diff --git a/public/views/includes/header.ejs b/public/views/includes/header.ejs
new file mode 100644
index 0000000..89f3a0d
--- /dev/null
+++ b/public/views/includes/header.ejs
@@ -0,0 +1,3 @@
+<% for (var css in htmlWebpackPlugin.files.css) { %>
+<link href="<%= htmlWebpackPlugin.files.css[css] %>" rel="stylesheet">
+<% } %>
diff --git a/public/views/includes/scripts.ejs b/public/views/includes/scripts.ejs
new file mode 100644
index 0000000..4eec75e
--- /dev/null
+++ b/public/views/includes/scripts.ejs
@@ -0,0 +1,3 @@
+<% for (var chunk in htmlWebpackPlugin.files.chunks) { %>
+<script src="<%= htmlWebpackPlugin.files.chunks[chunk].entry %>" defer></script>
+<% } %>
diff --git a/public/views/index.ejs b/public/views/index.ejs
index f24a039..0e41db5 100644
--- a/public/views/index.ejs
+++ b/public/views/index.ejs
@@ -27,6 +27,7 @@
     <link rel="stylesheet" href="<%- url %>/vendor/select2/select2.css">
     <link rel="stylesheet" href="<%- url %>/vendor/select2/select2-bootstrap.css">
     <!-- Custom styles for this template -->
+    <%- include build/cover-header %>
     <link rel="stylesheet" href="<%- url %>/css/cover.css">
     <link rel="stylesheet" href="<%- url %>/css/site.css">
 </head>
@@ -193,7 +194,6 @@
     <!-- Bootstrap core JavaScript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
-    <script src="<%- url %>/build/vendor.js" defer></script>
     <% if(useCDN) { %>
 	<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" defer></script>
     <script src="//cdn.jsdelivr.net/velocity/1.3.1/velocity.min.js" defer></script>
@@ -205,7 +205,7 @@
     <script src="<%- url %>/vendor/velocity/velocity.min.js" defer></script>
 	<script src="<%- url %>/vendor/moment/min/moment-with-locales.min.js" defer></script>
 	<% } %>
-    <script src="<%- url %>/build/locale.js" defer></script>
+    <%- include build/cover-scripts %>
 </body>
 
 </html>
diff --git a/public/views/pretty.ejs b/public/views/pretty.ejs
index 6f7c4e7..e617383 100644
--- a/public/views/pretty.ejs
+++ b/public/views/pretty.ejs
@@ -35,6 +35,7 @@
     <link rel="stylesheet" href='<%- url %>/css/extra.css'>
     <link rel="stylesheet" href="<%- url %>/css/slide-preview.css">
     <link rel="stylesheet" href='<%- url %>/css/site.css'>
+    <%- include build/pretty-header %>
     <link rel="stylesheet" href='<%- url %>/build/public.css'>
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@@ -97,13 +98,11 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment-with-locales.min.js" defer></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/6.0.0/mermaid.min.js" defer></script>
 <% } else { %>
-<script src="<%- url %>/build/vendor.js" defer></script>
 <script src="<%- url %>/vendor/js-yaml/dist/js-yaml.min.js" defer></script>
 <script type="text/javascript" src="<%- url %>/vendor/MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML" defer></script>
 <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
 <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
 <% } %>
+<%- include build/pretty-scripts %>
 <script src="<%- url %>/js/reveal-markdown.js" defer></script>
-<script src="<%- url %>/build/public.js" defer></script>
-
 <%- include ga %>
diff --git a/public/views/slide.ejs b/public/views/slide.ejs
index c463f37..f959a34 100644
--- a/public/views/slide.ejs
+++ b/public/views/slide.ejs
@@ -39,6 +39,7 @@
         <link rel="stylesheet" href='<%- url %>/css/extra.css'>
         <link rel="stylesheet" href="<%- url %>/css/site.css">
         <link rel="stylesheet" href="<%- url %>/css/slide.css">
+        <%- include build/slide-header %>
 
         <!-- If the query includes 'print-pdf', use the PDF print sheet -->
         <script>
@@ -94,7 +95,6 @@
         <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment-with-locales.min.js" defer></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/6.0.0/mermaid.min.js" defer></script>
         <% } else { %>
-        <script src="<%- url %>/build/vendor.js" defer></script>
         <script src="<%- url %>/vendor/reveal.js/lib/js/head.min.js"></script>
         <script src="<%- url %>/vendor/reveal.js/js/reveal.js"></script>
         <script src="<%- url %>/vendor/velocity/velocity.min.js" defer></script>
@@ -103,7 +103,7 @@
         <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
         <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
         <% } %>
-        <script src="<%- url %>/build/slide.js" defer></script>
+        <%- include build/slide-scripts %>
     </body>
 </html>
 
diff --git a/webpack.production.js b/webpack.production.js
index ce8dd27..173ca0c 100644
--- a/webpack.production.js
+++ b/webpack.production.js
@@ -1,6 +1,8 @@
 var baseConfig = require('./webpackBaseConfig');
 var webpack = require('webpack');
 var ExtractTextPlugin = require("extract-text-webpack-plugin");
+var path = require('path');
+var HtmlWebpackPlugin = require('html-webpack-plugin');
 
 module.exports = Object.assign({}, baseConfig, {
     plugins: [
@@ -19,6 +21,54 @@ module.exports = Object.assign({}, baseConfig, {
             filename: '[name].js',
             minChunks: Infinity
         }),
+        new HtmlWebpackPlugin({
+            template: 'public/views/includes/header.ejs',
+            chunks: ['vendor', 'index'],
+            filename: path.join(__dirname, 'public/views/build/index-header.ejs'),
+            inject: false
+        }),
+        new HtmlWebpackPlugin({
+            template: 'public/views/includes/scripts.ejs',
+            chunks: ['vendor', 'index'],
+            filename: path.join(__dirname, 'public/views/build/index-scripts.ejs'),
+            inject: false
+        }),
+        new HtmlWebpackPlugin({
+            template: 'public/views/includes/header.ejs',
+            chunks: ['vendor', 'locale'],
+            filename: path.join(__dirname, 'public/views/build/cover-header.ejs'),
+            inject: false
+        }),
+        new HtmlWebpackPlugin({
+            template: 'public/views/includes/scripts.ejs',
+            chunks: ['vendor', 'locale'],
+            filename: path.join(__dirname, 'public/views/build/cover-scripts.ejs'),
+            inject: false
+        }),
+        new HtmlWebpackPlugin({
+            template: 'public/views/includes/header.ejs',
+            chunks: ['vendor', 'public'],
+            filename: path.join(__dirname, 'public/views/build/pretty-header.ejs'),
+            inject: false
+        }),
+        new HtmlWebpackPlugin({
+            template: 'public/views/includes/scripts.ejs',
+            chunks: ['vendor', 'public'],
+            filename: path.join(__dirname, 'public/views/build/pretty-scripts.ejs'),
+            inject: false
+        }),
+        new HtmlWebpackPlugin({
+            template: 'public/views/includes/header.ejs',
+            chunks: ['vendor', 'slide'],
+            filename: path.join(__dirname, 'public/views/build/slide-header.ejs'),
+            inject: false
+        }),
+        new HtmlWebpackPlugin({
+            template: 'public/views/includes/scripts.ejs',
+            chunks: ['vendor', 'slide'],
+            filename: path.join(__dirname, 'public/views/build/slide-scripts.ejs'),
+            inject: false
+        }),
         new webpack.DefinePlugin({
             'process.env': {
                 'NODE_ENV': JSON.stringify('production')
@@ -30,5 +80,11 @@ module.exports = Object.assign({}, baseConfig, {
             },
             sourceMap: false
         })
-    ]
+    ],
+
+    output: {
+        path: path.join(__dirname, 'public/build'),
+        publicPath: '/build/',
+        filename: '[id].[name].[hash].js'
+    },
 });

From 0bf3c63622a61e784cd00bc21a7e04661a9d6761 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Wed, 12 Oct 2016 17:37:21 +0800
Subject: [PATCH 48/54] Remove slide.ejs style tag

---
 public/views/slide.ejs | 1 -
 1 file changed, 1 deletion(-)

diff --git a/public/views/slide.ejs b/public/views/slide.ejs
index f959a34..ac34006 100644
--- a/public/views/slide.ejs
+++ b/public/views/slide.ejs
@@ -39,7 +39,6 @@
         <link rel="stylesheet" href='<%- url %>/css/extra.css'>
         <link rel="stylesheet" href="<%- url %>/css/site.css">
         <link rel="stylesheet" href="<%- url %>/css/slide.css">
-        <%- include build/slide-header %>
 
         <!-- If the query includes 'print-pdf', use the PDF print sheet -->
         <script>

From d5d9607c1724a6c72f45e0618213aaa7364c9557 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Wed, 12 Oct 2016 18:14:39 +0800
Subject: [PATCH 49/54] Fix stylesheet ordering

---
 public/js/public.js     | 6 ------
 public/views/pretty.ejs | 3 +--
 2 files changed, 1 insertion(+), 8 deletions(-)

diff --git a/public/js/public.js b/public/js/public.js
index e194fa7..83d9414 100644
--- a/public/js/public.js
+++ b/public/js/public.js
@@ -1,9 +1,3 @@
-/* include jquery ui */
-require('jquery-ui/ui/widgets/resizable');
-require('jquery-ui/ui/widgets/tooltip');
-require('jquery-ui/ui/widgets/controlgroup');
-require('jquery-ui/ui/widgets/autocomplete');
-
 /* jquery and jquery plugins */
 require('../vendor/showup/showup');
 
diff --git a/public/views/pretty.ejs b/public/views/pretty.ejs
index e617383..7e617dc 100644
--- a/public/views/pretty.ejs
+++ b/public/views/pretty.ejs
@@ -32,11 +32,10 @@
     <link rel="stylesheet" href="<%- url %>/css/mermaid.css">
     <link rel="stylesheet" href='<%- url %>/css/markdown.css'>
     <link rel="stylesheet" href='<%- url %>/vendor/emojify/css/emojify.min.css'>
+    <%- include build/pretty-header %>
     <link rel="stylesheet" href='<%- url %>/css/extra.css'>
     <link rel="stylesheet" href="<%- url %>/css/slide-preview.css">
     <link rel="stylesheet" href='<%- url %>/css/site.css'>
-    <%- include build/pretty-header %>
-    <link rel="stylesheet" href='<%- url %>/build/public.css'>
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 	<!--[if lt IE 9]>

From ae3d142d9c36095b17f3468a44d28ad6f15ccbdd Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Wed, 12 Oct 2016 18:19:04 +0800
Subject: [PATCH 50/54] Use customized jquery-textcomplete

---
 webpackBaseConfig.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/webpackBaseConfig.js b/webpackBaseConfig.js
index df48e65..bfabc6d 100644
--- a/webpackBaseConfig.js
+++ b/webpackBaseConfig.js
@@ -28,7 +28,6 @@ module.exports = {
         locale: path.join(__dirname, 'public/js/locale.js'),
         vendor: [
             "expose?$!expose?jQuery!jquery",
-            "jquery-textcomplete",
             "jquery-mousewheel",
             "jquery-scrollspy/jquery-scrollspy",
             "jquery-ui/ui/widgets/resizable",
@@ -46,6 +45,7 @@ module.exports = {
             path.join(__dirname, 'public/vendor/codemirror/codemirror.min.js'),
             path.join(__dirname, 'public/vendor/select2/select2.min.js'),
             path.join(__dirname, 'public/vendor/inlineAttachment/inline-attachment.js'),
+            path.join(__dirname, 'public/vendor/jquery-textcomplete/jquery-textcomplete.js'),
             path.join(__dirname, 'public/vendor/codemirror-spell-checker/spell-checker.min.js'),
             path.join(__dirname, 'public/vendor/inlineAttachment/codemirror.inline-attachment.js'),
             path.join(__dirname, 'public/vendor/ot/ot.min.js')
@@ -100,6 +100,7 @@ module.exports = {
             include: [
                 path.join(__dirname, 'public/vendor/codemirror/codemirror.min.js'),
                 path.join(__dirname, 'public/vendor/inlineAttachment/inline-attachment.js'),
+                path.join(__dirname, 'public/vendor/jquery-textcomplete/jquery-textcomplete.js'),
                 path.join(__dirname, 'public/vendor/select2/select2.min.js'),
                 path.join(__dirname, 'public/vendor/inlineAttachment/codemirror.inline-attachment.js'),
                 path.join(__dirname, 'public/vendor/codemirror-spell-checker/spell-checker.min.js'),

From dda41c489dff2ca9603ad792755f3590ccfb5bdf Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Wed, 12 Oct 2016 18:23:57 +0800
Subject: [PATCH 51/54] Fix typo

---
 webpackBaseConfig.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/webpackBaseConfig.js b/webpackBaseConfig.js
index bfabc6d..22ddadd 100644
--- a/webpackBaseConfig.js
+++ b/webpackBaseConfig.js
@@ -45,7 +45,7 @@ module.exports = {
             path.join(__dirname, 'public/vendor/codemirror/codemirror.min.js'),
             path.join(__dirname, 'public/vendor/select2/select2.min.js'),
             path.join(__dirname, 'public/vendor/inlineAttachment/inline-attachment.js'),
-            path.join(__dirname, 'public/vendor/jquery-textcomplete/jquery-textcomplete.js'),
+            path.join(__dirname, 'public/vendor/jquery-textcomplete/jquery.textcomplete.js'),
             path.join(__dirname, 'public/vendor/codemirror-spell-checker/spell-checker.min.js'),
             path.join(__dirname, 'public/vendor/inlineAttachment/codemirror.inline-attachment.js'),
             path.join(__dirname, 'public/vendor/ot/ot.min.js')
@@ -100,7 +100,7 @@ module.exports = {
             include: [
                 path.join(__dirname, 'public/vendor/codemirror/codemirror.min.js'),
                 path.join(__dirname, 'public/vendor/inlineAttachment/inline-attachment.js'),
-                path.join(__dirname, 'public/vendor/jquery-textcomplete/jquery-textcomplete.js'),
+                path.join(__dirname, 'public/vendor/jquery-textcomplete/jquery.textcomplete.js'),
                 path.join(__dirname, 'public/vendor/select2/select2.min.js'),
                 path.join(__dirname, 'public/vendor/inlineAttachment/codemirror.inline-attachment.js'),
                 path.join(__dirname, 'public/vendor/codemirror-spell-checker/spell-checker.min.js'),

From b90c26fe908c126a03b286ed952b719a4624731b Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Thu, 13 Oct 2016 08:56:02 +0800
Subject: [PATCH 52/54] Config CDN for viz.js

---
 public/js/extra.js      | 1 +
 public/views/foot.ejs   | 2 +-
 public/views/pretty.ejs | 1 +
 public/views/slide.ejs  | 1 +
 webpackBaseConfig.js    | 4 ++++
 5 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/public/js/extra.js b/public/js/extra.js
index af43c2b..1dd8676 100644
--- a/public/js/extra.js
+++ b/public/js/extra.js
@@ -306,6 +306,7 @@ function finishView(view) {
         }
     });
     //graphviz
+    var Viz = require("viz.js");
     var graphvizs = view.find(".graphviz.raw").removeClass("raw");
     graphvizs.each(function (key, value) {
         try {
diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index abf2da1..323d18f 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -20,7 +20,7 @@
 <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
 <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
 <% } %>
-<!--codemirror-->
+<script src="//cdnjs.cloudflare.com/ajax/libs/viz.js/1.3.0/viz.js" defer></script>
 <%- include build/index-scripts %>
 <script src="<%- url %>/js/google-drive-upload.js" defer></script>
 <script src="<%- url %>/js/google-drive-picker.js" defer></script>
diff --git a/public/views/pretty.ejs b/public/views/pretty.ejs
index 7e617dc..ecce68d 100644
--- a/public/views/pretty.ejs
+++ b/public/views/pretty.ejs
@@ -102,6 +102,7 @@
 <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
 <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
 <% } %>
+<script src="//cdnjs.cloudflare.com/ajax/libs/viz.js/1.3.0/viz.js" defer></script>
 <%- include build/pretty-scripts %>
 <script src="<%- url %>/js/reveal-markdown.js" defer></script>
 <%- include ga %>
diff --git a/public/views/slide.ejs b/public/views/slide.ejs
index ac34006..5b24ab4 100644
--- a/public/views/slide.ejs
+++ b/public/views/slide.ejs
@@ -102,6 +102,7 @@
         <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
         <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
         <% } %>
+        <script src="//cdnjs.cloudflare.com/ajax/libs/viz.js/1.3.0/viz.js" defer></script>
         <%- include build/slide-scripts %>
     </body>
 </html>
diff --git a/webpackBaseConfig.js b/webpackBaseConfig.js
index 22ddadd..33753ef 100644
--- a/webpackBaseConfig.js
+++ b/webpackBaseConfig.js
@@ -66,6 +66,10 @@ module.exports = {
         extensions: ["", ".js"]
     },
 
+    externals: {
+        "viz.js": "Viz"
+    },
+
     module: {
         loaders: [{
             test: /\.json$/,

From 43c9f68b9a67fa7f5b3e5a7f0dc6d5f8c9114d20 Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Thu, 13 Oct 2016 08:56:56 +0800
Subject: [PATCH 53/54] Refactor webpack module

---
 public/js/extra.js    |  93 ++++++++++++++++++-------------------
 public/js/index.js    |  16 ++-----
 public/js/public.js   |   4 --
 public/js/slide.js    |   8 ----
 webpack.production.js |   5 +-
 webpackBaseConfig.js  | 104 +++++++++++++++++++++++++++++++-----------
 6 files changed, 132 insertions(+), 98 deletions(-)

diff --git a/public/js/extra.js b/public/js/extra.js
index 1dd8676..24d53fe 100644
--- a/public/js/extra.js
+++ b/public/js/extra.js
@@ -2,6 +2,7 @@ var hljs = require('highlight.js');
 var PDFObject = require('pdfobject');
 var S = require('string');
 var saveAs = require('file-saver').saveAs;
+require('../vendor/md-toc');
 
 //auto update last change
 var createtime = null;
@@ -262,49 +263,49 @@ function finishView(view) {
             MathJax.Hub.Queue(viewAjaxCallback);
         }
     } catch (err) {}
-    //sequence diagram
-    var sequences = view.find(".sequence-diagram.raw").removeClass("raw");
-    sequences.each(function (key, value) {
-        try {
-            var $value = $(value);
-            var $ele = $(value).parent().parent();
+        //sequence diagram
+        var sequences = view.find(".sequence-diagram.raw").removeClass("raw");
+        sequences.each(function (key, value) {
+            try {
+                var $value = $(value);
+                var $ele = $(value).parent().parent();
 
-            var sequence = $value;
-            sequence.sequenceDiagram({
-                theme: 'simple'
-            });
+                var sequence = $value;
+                sequence.sequenceDiagram({
+                    theme: 'simple'
+                });
 
-            $ele.addClass('sequence-diagram');
-            $value.children().unwrap().unwrap();
-            var svg = $ele.find('> svg');
-            svg[0].setAttribute('viewBox', '0 0 ' + svg.attr('width') + ' ' + svg.attr('height'));
-            svg[0].setAttribute('preserveAspectRatio', 'xMidYMid meet');
-        } catch (err) {
-            console.warn(err);
-        }
-    });
-    //flowchart
-    var flow = view.find(".flow-chart.raw").removeClass("raw");
-    flow.each(function (key, value) {
-        try {
-            var $value = $(value);
-            var $ele = $(value).parent().parent();
+                $ele.addClass('sequence-diagram');
+                $value.children().unwrap().unwrap();
+                var svg = $ele.find('> svg');
+                svg[0].setAttribute('viewBox', '0 0 ' + svg.attr('width') + ' ' + svg.attr('height'));
+                svg[0].setAttribute('preserveAspectRatio', 'xMidYMid meet');
+            } catch (err) {
+                console.warn(err);
+            }
+        });
+        //flowchart
+        var flow = view.find(".flow-chart.raw").removeClass("raw");
+        flow.each(function (key, value) {
+            try {
+                var $value = $(value);
+                var $ele = $(value).parent().parent();
 
-            var chart = flowchart.parse($value.text());
-            $value.html('');
-            chart.drawSVG(value, {
-                'line-width': 2,
-                'fill': 'none',
-                'font-size': '16px',
-                'font-family': "'Andale Mono', monospace"
-            });
+                var chart = flowchart.parse($value.text());
+                $value.html('');
+                chart.drawSVG(value, {
+                    'line-width': 2,
+                    'fill': 'none',
+                    'font-size': '16px',
+                    'font-family': "'Andale Mono', monospace"
+                });
 
-            $ele.addClass('flow-chart');
-            $value.children().unwrap().unwrap();
-        } catch (err) {
-            console.warn(err);
-        }
-    });
+                $ele.addClass('flow-chart');
+                $value.children().unwrap().unwrap();
+            } catch (err) {
+                console.warn(err);
+            }
+        });
     //graphviz
     var Viz = require("viz.js");
     var graphvizs = view.find(".graphviz.raw").removeClass("raw");
@@ -434,14 +435,14 @@ function finishView(view) {
         });
     //pdf
     view.find(".pdf.raw").removeClass("raw")
-        .each(function (key, value) {
-            var url = $(value).attr('data-pdfurl');
-            var inner = $('<div></div>');
-            $(this).append(inner);
-            PDFObject.embed(url, inner, {
-                height: '400px'
+            .each(function (key, value) {
+                var url = $(value).attr('data-pdfurl');
+                var inner = $('<div></div>');
+                $(this).append(inner);
+                PDFObject.embed(url, inner, {
+                    height: '400px'
+                });
             });
-        });
     //syntax highlighting
     view.find("pre.raw").removeClass("raw")
         .each(function (key, value) {
diff --git a/public/js/index.js b/public/js/index.js
index f8f997d..626799c 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -7,25 +7,16 @@ require('bootstrap/dist/css/bootstrap.css');
 require('prismjs/themes/prism.css');
 require('highlight.js/styles/github-gist.css');
 
-/* other vendors plugin */
-require('gist-embed');
-require('string');
 require('prismjs');
 require('prismjs/components/prism-wiki');
-require('to-markdown');
+var toMarkdown = require('to-markdown');
 
-require('raphael');
-require('js-sequence-diagrams');
-
-require('flowchart.js');
 var saveAs = require('file-saver').saveAs;
-require('store');
 require('js-url');
-require('visibilityjs');
-var List = require('list.js');
-require('../vendor/md-toc');
 require('randomcolor');
 
+var List = require('list.js');
+
 var common = require('./common.js');
 var urlpath = common.urlpath;
 var noteid = common.noteid;
@@ -2268,6 +2259,7 @@ function havePermission() {
 window.havePermission = havePermission;
 
 //socket.io actions
+var io = require("socket.io-client");
 var socket = io.connect({
     path: urlpath ? '/' + urlpath + '/socket.io/' : '',
     timeout: 5000 //5 secs to timeout
diff --git a/public/js/public.js b/public/js/public.js
index 83d9414..5fd3fd7 100644
--- a/public/js/public.js
+++ b/public/js/public.js
@@ -15,10 +15,6 @@ require('prismjs');
 require('prismjs/components/prism-wiki');
 require('to-markdown');
 
-require('raphael');
-require('js-sequence-diagrams');
-
-require('flowchart.js');
 require('file-saver');
 require('store');
 require('js-url');
diff --git a/public/js/slide.js b/public/js/slide.js
index 6230d15..1f4892f 100644
--- a/public/js/slide.js
+++ b/public/js/slide.js
@@ -4,19 +4,11 @@ require('bootstrap/dist/css/bootstrap.css');
 require('prismjs/themes/prism.css');
 
 /* other vendors plugin */
-require('gist-embed');
 var S = require('string');
 require('prismjs');
 require('prismjs/components/prism-wiki');
 require('to-markdown');
 
-require('raphael');
-require('js-sequence-diagrams');
-
-require('flowchart.js');
-require('file-saver');
-require('store');
-require('visibilityjs');
 require('../vendor/md-toc');
 require('randomcolor');
 
diff --git a/webpack.production.js b/webpack.production.js
index 173ca0c..1c2190a 100644
--- a/webpack.production.js
+++ b/webpack.production.js
@@ -11,12 +11,12 @@ module.exports = Object.assign({}, baseConfig, {
             Visibility: "visibilityjs",
             Cookies: "js-cookie",
             emojify: "emojify.js",
-            io: "socket.io-client",
             key: "keymaster"
         }),
         new ExtractTextPlugin("[name].css"),
         new webpack.optimize.CommonsChunkPlugin({
-            name: ["vendor", "public", "slide", "locale"],
+            names: ["vendor", "public", "slide", "locale"],
+            children: true,
             async: true,
             filename: '[name].js',
             minChunks: Infinity
@@ -78,6 +78,7 @@ module.exports = Object.assign({}, baseConfig, {
             compress: {
                 warnings: false
             },
+            mangle: false,
             sourceMap: false
         })
     ],
diff --git a/webpackBaseConfig.js b/webpackBaseConfig.js
index 33753ef..8f377d3 100644
--- a/webpackBaseConfig.js
+++ b/webpackBaseConfig.js
@@ -1,6 +1,7 @@
 var webpack = require('webpack');
 var path = require('path');
 var ExtractTextPlugin = require("extract-text-webpack-plugin");
+var HtmlWebpackPlugin = require('html-webpack-plugin');
 
 module.exports = {
     plugins: [
@@ -9,15 +10,63 @@ module.exports = {
             Visibility: "visibilityjs",
             Cookies: "js-cookie",
             emojify: "emojify.js",
-            io: "socket.io-client",
             key: "keymaster"
         }),
         new ExtractTextPlugin("[name].css"),
         new webpack.optimize.CommonsChunkPlugin({
-            name: ["vendor", "public", "slide", "locale"],
+            names: ["vendor", "public", "slide", "locale"],
+            children: true,
             async: true,
             filename: '[name].js',
             minChunks: Infinity
+        }),
+        new HtmlWebpackPlugin({
+            template: 'public/views/includes/header.ejs',
+            chunks: ['vendor', 'index'],
+            filename: path.join(__dirname, 'public/views/build/index-header.ejs'),
+            inject: false
+        }),
+        new HtmlWebpackPlugin({
+            template: 'public/views/includes/scripts.ejs',
+            chunks: ['vendor', 'index'],
+            filename: path.join(__dirname, 'public/views/build/index-scripts.ejs'),
+            inject: false
+        }),
+        new HtmlWebpackPlugin({
+            template: 'public/views/includes/header.ejs',
+            chunks: ['vendor', 'locale'],
+            filename: path.join(__dirname, 'public/views/build/cover-header.ejs'),
+            inject: false
+        }),
+        new HtmlWebpackPlugin({
+            template: 'public/views/includes/scripts.ejs',
+            chunks: ['vendor', 'locale'],
+            filename: path.join(__dirname, 'public/views/build/cover-scripts.ejs'),
+            inject: false
+        }),
+        new HtmlWebpackPlugin({
+            template: 'public/views/includes/header.ejs',
+            chunks: ['vendor', 'public'],
+            filename: path.join(__dirname, 'public/views/build/pretty-header.ejs'),
+            inject: false
+        }),
+        new HtmlWebpackPlugin({
+            template: 'public/views/includes/scripts.ejs',
+            chunks: ['vendor', 'public'],
+            filename: path.join(__dirname, 'public/views/build/pretty-scripts.ejs'),
+            inject: false
+        }),
+        new HtmlWebpackPlugin({
+            template: 'public/views/includes/header.ejs',
+            chunks: ['vendor', 'slide'],
+            filename: path.join(__dirname, 'public/views/build/slide-header.ejs'),
+            inject: false
+        }),
+        new HtmlWebpackPlugin({
+            template: 'public/views/includes/scripts.ejs',
+            chunks: ['vendor', 'slide'],
+            filename: path.join(__dirname, 'public/views/build/slide-scripts.ejs'),
+            inject: false
         })
     ],
 
@@ -34,21 +83,23 @@ module.exports = {
             "jquery-ui/ui/widgets/tooltip",
             "jquery-ui/ui/widgets/controlgroup",
             "jquery-ui/ui/widgets/autocomplete",
-            "expose?LZString!lz-string",
+            "script!gist-embed",
             "expose?filterXSS!xss",
             "js-url",
             "bootstrap",
             "expose?Spinner!spin.js",
             "script!Idle.Js",
-            "expose?Viz!viz.js",
+            "expose?LZString!lz-string",
             "expose?ListPagination!list.pagination.js/dist/list.pagination.js",
-            path.join(__dirname, 'public/vendor/codemirror/codemirror.min.js'),
-            path.join(__dirname, 'public/vendor/select2/select2.min.js'),
-            path.join(__dirname, 'public/vendor/inlineAttachment/inline-attachment.js'),
-            path.join(__dirname, 'public/vendor/jquery-textcomplete/jquery.textcomplete.js'),
-            path.join(__dirname, 'public/vendor/codemirror-spell-checker/spell-checker.min.js'),
-            path.join(__dirname, 'public/vendor/inlineAttachment/codemirror.inline-attachment.js'),
-            path.join(__dirname, 'public/vendor/ot/ot.min.js')
+            "script!codemirror",
+            "script!select2",
+            "script!inlineAttachment",
+            "script!jqueryTextcomplete",
+            "script!codemirrorSpellChecker",
+            "script!codemirrorInlineAttachment",
+            "script!ot",
+            "flowchart.js",
+            "js-sequence-diagrams"
         ]
     },
 
@@ -59,11 +110,20 @@ module.exports = {
     },
 
     resolve: {
-        root: [
+        modulesDirectories: [
             path.resolve(__dirname, 'src'),
             path.resolve(__dirname, 'node_modules')
         ],
-        extensions: ["", ".js"]
+        extensions: ["", ".js"],
+        alias: {
+            codemirror: path.join(__dirname, 'public/vendor/codemirror/codemirror.min.js'),
+            select2: path.join(__dirname, 'public/vendor/select2/select2.min.js'),
+            inlineAttachment: path.join(__dirname, 'public/vendor/inlineAttachment/inline-attachment.js'),
+            jqueryTextcomplete: path.join(__dirname, 'public/vendor/jquery-textcomplete/jquery.textcomplete.js'),
+            codemirrorSpellChecker: path.join(__dirname, 'public/vendor/codemirror-spell-checker/spell-checker.min.js'),
+            codemirrorInlineAttachment: path.join(__dirname, 'public/vendor/inlineAttachment/codemirror.inline-attachment.js'),
+            ot: path.join(__dirname, 'public/vendor/ot/ot.min.js')
+        }
     },
 
     externals: {
@@ -98,19 +158,11 @@ module.exports = {
         }, {
             test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
             loader: "url?limit=10000&mimetype=image/svg+xml"
-        }, {
-            test: /\.js/,
-            loader: "script-loader",
-            include: [
-                path.join(__dirname, 'public/vendor/codemirror/codemirror.min.js'),
-                path.join(__dirname, 'public/vendor/inlineAttachment/inline-attachment.js'),
-                path.join(__dirname, 'public/vendor/jquery-textcomplete/jquery.textcomplete.js'),
-                path.join(__dirname, 'public/vendor/select2/select2.min.js'),
-                path.join(__dirname, 'public/vendor/inlineAttachment/codemirror.inline-attachment.js'),
-                path.join(__dirname, 'public/vendor/codemirror-spell-checker/spell-checker.min.js'),
-                path.join(__dirname, 'public/vendor/ot/ot.min.js')
-            ]
-        }]
+        }],
+
+        noParse: [
+            "gist-embed"
+        ]
     },
 
     node: {

From 773c0ce39e2da7ea155949b5a6dae986a747e89a Mon Sep 17 00:00:00 2001
From: Yukai Huang <yukaihuangtw@gmail.com>
Date: Thu, 13 Oct 2016 11:42:17 +0800
Subject: [PATCH 54/54] Optimize common assets with CDN

* jquery
* lodash
* socket.io
* boostrap
---
 public/js/index.js      |  5 ++---
 public/js/public.js     |  3 ---
 public/js/slide.js      |  3 ---
 public/views/foot.ejs   |  7 ++++---
 public/views/head.ejs   |  5 ++---
 public/views/index.ejs  |  3 ++-
 public/views/pretty.ejs | 10 +++++-----
 public/views/slide.ejs  |  3 ++-
 webpackBaseConfig.js    | 13 ++++++++-----
 9 files changed, 25 insertions(+), 27 deletions(-)

diff --git a/public/js/index.js b/public/js/index.js
index 626799c..20a76ff 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -1,9 +1,6 @@
 /* jquery and jquery plugins */
 require('../vendor/showup/showup');
 
-/* bootstrap */
-require('bootstrap/dist/css/bootstrap.css');
-
 require('prismjs/themes/prism.css');
 require('highlight.js/styles/github-gist.css');
 
@@ -15,6 +12,8 @@ var saveAs = require('file-saver').saveAs;
 require('js-url');
 require('randomcolor');
 
+var _ = require("lodash");
+
 var List = require('list.js');
 
 var common = require('./common.js');
diff --git a/public/js/public.js b/public/js/public.js
index 5fd3fd7..ac95180 100644
--- a/public/js/public.js
+++ b/public/js/public.js
@@ -1,9 +1,6 @@
 /* jquery and jquery plugins */
 require('../vendor/showup/showup');
 
-/* bootstrap */
-require('bootstrap/dist/css/bootstrap.css');
-
 require('prismjs/themes/prism.css');
 require('highlight.js/styles/github-gist.css');
 
diff --git a/public/js/slide.js b/public/js/slide.js
index 1f4892f..257c60b 100644
--- a/public/js/slide.js
+++ b/public/js/slide.js
@@ -1,6 +1,3 @@
-require('bootstrap/js/tooltip');
-require('bootstrap/dist/css/bootstrap.css');
-
 require('prismjs/themes/prism.css');
 
 /* other vendors plugin */
diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index 323d18f..696fe3b 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -3,11 +3,8 @@
 </script>
 <% if(useCDN) { %>
 <script src="//cdnjs.cloudflare.com/ajax/libs/spin.js/2.3.2/spin.min.js" defer></script>
-<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 <script src="//cdn.jsdelivr.net/velocity/1.3.1/velocity.min.js" defer></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js" defer></script>
-<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" defer></script>
-<script src="//cdnjs.cloudflare.com/ajax/libs/socket.io/1.5.0/socket.io.min.js" defer></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/js-yaml/3.6.1/js-yaml.min.js" defer></script>
 <script type="text/javascript" src="//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" defer></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment-with-locales.min.js" defer></script>
@@ -20,6 +17,10 @@
 <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
 <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
 <% } %>
+<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" defer></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/4.16.4/lodash.min.js" defer></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/socket.io/1.5.0/socket.io.min.js" defer></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/viz.js/1.3.0/viz.js" defer></script>
 <%- include build/index-scripts %>
 <script src="<%- url %>/js/google-drive-upload.js" defer></script>
diff --git a/public/views/head.ejs b/public/views/head.ejs
index f4ba108..6788449 100644
--- a/public/views/head.ejs
+++ b/public/views/head.ejs
@@ -8,17 +8,16 @@
 <link rel="icon" type="image/png" href="<%- url %>/favicon.png">
 <link rel="apple-touch-icon" href="<%- url %>/apple-touch-icon.png">
 <% if(useCDN) { %>
-<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
-<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
 <link rel="stylesheet" href="//cdn.jsdelivr.net/ionicons/2.0.1/css/ionicons.min.css">
 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/octicons/3.5.0/octicons.min.css">
 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-social/4.9.0/bootstrap-social.min.css">
 <% } else { %>
-<link rel="stylesheet" href="<%- url %>/vendor/font-awesome/css/font-awesome.min.css">
 <link rel="stylesheet" href="<%- url %>/vendor/Ionicons/css/ionicons.min.css">
 <link rel="stylesheet" href="<%- url %>/vendor/octicons/octicons/octicons.css">
 <link rel="stylesheet" href="<%- url %>/css/bootstrap-social.css">
 <% } %>
+<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
 <link rel="stylesheet" href="<%- url %>/vendor/jquery-ui/jquery-ui.min.css">
 <link rel="stylesheet" href="<%- url %>/vendor/codemirror/lib/codemirror.css">
 <link rel="stylesheet" href="<%- url %>/vendor/codemirror-spell-checker/spell-checker.min.css">
diff --git a/public/views/index.ejs b/public/views/index.ejs
index 0e41db5..0bc3dd5 100644
--- a/public/views/index.ejs
+++ b/public/views/index.ejs
@@ -195,7 +195,6 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <% if(useCDN) { %>
-	<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" defer></script>
     <script src="//cdn.jsdelivr.net/velocity/1.3.1/velocity.min.js" defer></script>
 	<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" defer></script>
 	<script src="//cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.min.js" defer></script>
@@ -205,6 +204,8 @@
     <script src="<%- url %>/vendor/velocity/velocity.min.js" defer></script>
 	<script src="<%- url %>/vendor/moment/min/moment-with-locales.min.js" defer></script>
 	<% } %>
+	<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" defer></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/4.16.4/lodash.min.js" defer></script>
     <%- include build/cover-scripts %>
 </body>
 
diff --git a/public/views/pretty.ejs b/public/views/pretty.ejs
index ecce68d..0cd9e01 100644
--- a/public/views/pretty.ejs
+++ b/public/views/pretty.ejs
@@ -18,15 +18,14 @@
     <link rel="icon" type="image/png" href="<%- url %>/favicon.png">
 	<link rel="apple-touch-icon" href="<%- url %>/apple-touch-icon.png">
 	<% if(useCDN) { %>
-	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/ionicons/2.0.1/css/ionicons.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/3.5.0/octicons.min.css">
 	<% } else { %>
-    <link rel="stylesheet" href='<%- url %>/vendor/font-awesome/css/font-awesome.min.css'>
     <link rel="stylesheet" href="<%- url %>/vendor/Ionicons/css/ionicons.min.css">
     <link rel="stylesheet" href="<%- url %>/vendor/octicons/octicons/octicons.css">
 	<% } %>
+	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
     <link rel="stylesheet" href='<%- url %>/css/github-extract.css'>
     <link rel="stylesheet" href='<%- url %>/css/gist.css'>
     <link rel="stylesheet" href="<%- url %>/css/mermaid.css">
@@ -90,8 +89,6 @@
     MathJax.Hub.Config({ messageStyle: "none", skipStartupTypeset: true ,tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']], processEscapes: true }});
 </script>
 <% if(useCDN) { %>
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
-<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" defer></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/3.6.1/js-yaml.min.js" defer></script>
 <script type="text/javascript" src="//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" defer></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment-with-locales.min.js" defer></script>
@@ -102,6 +99,9 @@
 <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
 <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
 <% } %>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" defer></script>
+<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/4.16.4/lodash.min.js" defer></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/viz.js/1.3.0/viz.js" defer></script>
 <%- include build/pretty-scripts %>
 <script src="<%- url %>/js/reveal-markdown.js" defer></script>
diff --git a/public/views/slide.ejs b/public/views/slide.ejs
index 5b24ab4..79d7708 100644
--- a/public/views/slide.ejs
+++ b/public/views/slide.ejs
@@ -87,7 +87,6 @@
             MathJax.Hub.Config({ messageStyle: "none", skipStartupTypeset: true ,tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']], processEscapes: true }});
         </script>
         <% if(useCDN) { %>
-        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
         <script src="//cdn.jsdelivr.net/velocity/1.3.1/velocity.min.js" defer></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/3.6.1/js-yaml.min.js" defer></script>
         <script type="text/javascript" src="//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" defer></script>
@@ -102,6 +101,8 @@
         <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
         <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
         <% } %>
+        <script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
+        <script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/4.16.4/lodash.min.js" defer></script>
         <script src="//cdnjs.cloudflare.com/ajax/libs/viz.js/1.3.0/viz.js" defer></script>
         <%- include build/slide-scripts %>
     </body>
diff --git a/webpackBaseConfig.js b/webpackBaseConfig.js
index 8f377d3..e38213b 100644
--- a/webpackBaseConfig.js
+++ b/webpackBaseConfig.js
@@ -6,11 +6,13 @@ var HtmlWebpackPlugin = require('html-webpack-plugin');
 module.exports = {
     plugins: [
         new webpack.ProvidePlugin({
-            '_': 'lodash',
             Visibility: "visibilityjs",
             Cookies: "js-cookie",
             emojify: "emojify.js",
-            key: "keymaster"
+            key: "keymaster",
+            $: "jquery",
+            jQuery: "jquery",
+            "window.jQuery": "jquery"
         }),
         new ExtractTextPlugin("[name].css"),
         new webpack.optimize.CommonsChunkPlugin({
@@ -76,7 +78,6 @@ module.exports = {
         slide: path.join(__dirname, 'public/js/slide.js'),
         locale: path.join(__dirname, 'public/js/locale.js'),
         vendor: [
-            "expose?$!expose?jQuery!jquery",
             "jquery-mousewheel",
             "jquery-scrollspy/jquery-scrollspy",
             "jquery-ui/ui/widgets/resizable",
@@ -86,7 +87,6 @@ module.exports = {
             "script!gist-embed",
             "expose?filterXSS!xss",
             "js-url",
-            "bootstrap",
             "expose?Spinner!spin.js",
             "script!Idle.Js",
             "expose?LZString!lz-string",
@@ -127,7 +127,10 @@ module.exports = {
     },
 
     externals: {
-        "viz.js": "Viz"
+        "viz.js": "Viz",
+        "socket.io-client": "io",
+        "lodash": "_",
+        "jquery": "$"
     },
 
     module: {