Update all client dependencies and cdn versions, workaround sequence-diagram svg to be resizable

Author: jackycute

bower.json

@@ -16,24 +16,24 @@
   ],
   "dependencies": {
     "bootstrap": "~3.3.6",
-    "jquery": "~1.11.3",
-    "font-awesome": "~4.6.2",
+    "jquery": "~2.2.4",
+    "font-awesome": "~4.6.3",
     "Ionicons": "ionicons#~2.0.1",
-    "reveal.js": "~3.2.0",
+    "reveal.js": "~3.3.0",
     "jquery-mousewheel": "~3.1.13",
     "spin.js": "~2.3.2",
-    "moment": "~2.12.0",
+    "moment": "~2.13.0",
     "handlebars": "~4.0.5",
     "js-url": "~2.3.0",
-    "socket.io-client": "~1.4.5",
+    "socket.io-client": "~1.4.6",
     "viz.js": "~1.3.0",
-    "js-yaml": "~3.6.0",
+    "js-yaml": "~3.6.1",
     "to-markdown": "~3.0.0",
     "lz-string": "~1.4.4",
     "raphael": "~2.2.0",
-    "flowchart": "~1.6.2",
-    "xss": "~0.2.10",
-    "markdown-it": "^6.0.1",
+    "flowchart": "~1.6.3",
+    "xss": "~0.2.13",
+    "markdown-it": "^6.0.5",
     "markdown-it-abbr": "^1.0.3",
     "markdown-it-footnote": "^2.0.0",
     "markdown-it-deflist": "^2.0.1",
@@ -42,10 +42,22 @@
     "markdown-it-sub": "^1.0.0",
     "markdown-it-sup": "^1.0.0",
     "markdown-it-container": "^2.0.0",
-    "mermaid": "^0.5.8",
+    "mermaid": "^6.0.0",
     "MathJax": "^2.6.1",
-    "octicons": "^3.5.0",
+    "octicons": "~3.5.0",
     "velocity": "^1.2.3",
-    "highlightjs": "^9.4.0"
+    "highlightjs": "^9.4.0",
+    "lodash": "^4.13.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"
+  },
+  "resolutions": {
+    "jquery": "~2.2.4"
   }
 }

public/js/extra.js

@@ -258,6 +258,9 @@ function finishView(view) {
 
             $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);
         }