diff --git a/public/dist/code-styling.bundle.js b/public/dist/code-styling.bundle.js
index 4d1873d..009b0f9 100644
--- a/public/dist/code-styling.bundle.js
+++ b/public/dist/code-styling.bundle.js
@@ -391,7 +391,7 @@ eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack://Docs/./
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return CodeStyler; });\n/* harmony import */ var core_js_modules_es6_object_define_property__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es6.object.define-property */ \"./node_modules/core-js/modules/es6.object.define-property.js\");\n/* harmony import */ var core_js_modules_es6_object_define_property__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_object_define_property__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es6_regexp_replace__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es6.regexp.replace */ \"./node_modules/core-js/modules/es6.regexp.replace.js\");\n/* harmony import */ var core_js_modules_es6_regexp_replace__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_regexp_replace__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es6_string_iterator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es6.string.iterator */ \"./node_modules/core-js/modules/es6.string.iterator.js\");\n/* harmony import */ var core_js_modules_es6_string_iterator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_string_iterator__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es6_array_from__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es6.array.from */ \"./node_modules/core-js/modules/es6.array.from.js\");\n/* harmony import */ var core_js_modules_es6_array_from__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_array_from__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_web_dom_iterable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/web.dom.iterable */ \"./node_modules/core-js/modules/web.dom.iterable.js\");\n/* harmony import */ var core_js_modules_web_dom_iterable__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_iterable__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es6_array_for_each__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es6.array.for-each */ \"./node_modules/core-js/modules/es6.array.for-each.js\");\n/* harmony import */ var core_js_modules_es6_array_for_each__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_array_for_each__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var highlight_js_lib_highlight__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! highlight.js/lib/highlight */ \"./node_modules/highlight.js/lib/highlight.js\");\n/* harmony import */ var highlight_js_lib_highlight__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(highlight_js_lib_highlight__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var highlight_js_lib_languages_javascript__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! highlight.js/lib/languages/javascript */ \"./node_modules/highlight.js/lib/languages/javascript.js\");\n/* harmony import */ var highlight_js_lib_languages_javascript__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(highlight_js_lib_languages_javascript__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var highlight_js_lib_languages_xml__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! highlight.js/lib/languages/xml */ \"./node_modules/highlight.js/lib/languages/xml.js\");\n/* harmony import */ var highlight_js_lib_languages_xml__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(highlight_js_lib_languages_xml__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var highlight_js_lib_languages_json__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! highlight.js/lib/languages/json */ \"./node_modules/highlight.js/lib/languages/json.js\");\n/* harmony import */ var highlight_js_lib_languages_json__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(highlight_js_lib_languages_json__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var highlight_js_lib_languages_css__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! highlight.js/lib/languages/css */ \"./node_modules/highlight.js/lib/languages/css.js\");\n/* harmony import */ var highlight_js_lib_languages_css__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(highlight_js_lib_languages_css__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var highlight_js_styles_github_gist_css__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! highlight.js/styles/github-gist.css */ \"./node_modules/highlight.js/styles/github-gist.css\");\n/* harmony import */ var highlight_js_styles_github_gist_css__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(highlight_js_styles_github_gist_css__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var _styles_diff_pcss__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../styles/diff.pcss */ \"./src/frontend/styles/diff.pcss\");\n/* harmony import */ var _styles_diff_pcss__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_styles_diff_pcss__WEBPACK_IMPORTED_MODULE_12__);\n\n\n\n\n\n\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\n\n\n\n\n\n // eslint-disable-line no-unused-vars\n\n // eslint-disable-line no-unused-vars\n\n/**\n * @class CodeStyles\n * @classdesc Provides styling for code blocks\n */\n\nvar CodeStyler =\n/*#__PURE__*/\nfunction () {\n /**\n * @param {string} selector - CSS selector for code blocks\n * @param {string[]} languages - list of languages to highlight, see hljs.listLanguages()\n */\n function CodeStyler(_ref) {\n var selector = _ref.selector,\n _ref$languages = _ref.languages,\n languages = _ref$languages === void 0 ? ['javascript', 'xml', 'json', 'css'] : _ref$languages;\n\n _classCallCheck(this, CodeStyler);\n\n this.codeBlocksSelector = selector;\n this.languages = languages;\n this.langsAvailable = {\n javascript: highlight_js_lib_languages_javascript__WEBPACK_IMPORTED_MODULE_7___default.a,\n xml: highlight_js_lib_languages_xml__WEBPACK_IMPORTED_MODULE_8___default.a,\n json: highlight_js_lib_languages_json__WEBPACK_IMPORTED_MODULE_9___default.a,\n css: highlight_js_lib_languages_css__WEBPACK_IMPORTED_MODULE_10___default.a\n };\n this.init();\n }\n /**\n * Start to highlight\n */\n\n\n _createClass(CodeStyler, [{\n key: \"init\",\n value: function init() {\n var _this = this;\n\n var codeBlocks = document.querySelectorAll(this.codeBlocksSelector);\n\n if (!codeBlocks.length) {\n return;\n }\n\n this.languages.forEach(function (lang) {\n highlight_js_lib_highlight__WEBPACK_IMPORTED_MODULE_6___default.a.registerLanguage(lang, _this.langsAvailable[lang]);\n });\n highlight_js_lib_highlight__WEBPACK_IMPORTED_MODULE_6___default.a.configure({\n languages: this.languages\n });\n Array.from(codeBlocks).forEach(function (block) {\n highlight_js_lib_highlight__WEBPACK_IMPORTED_MODULE_6___default.a.highlightBlock(block);\n\n _this.addDiffHighlight(block.firstElementChild);\n });\n }\n /**\n * Iterate through all children and add diff highlighting\n * @param {HTMLElement} node - node to sort\n */\n\n }, {\n key: \"addDiffHighlight\",\n value: function addDiffHighlight(node) {\n while (node) {\n var diffPlusRegEx = /\\n([+].*)/ig;\n\n if (diffPlusRegEx.test(node.innerHTML)) {\n node.innerHTML = node.innerHTML.replace(diffPlusRegEx, '\\n$1');\n }\n\n var diffMinusRegEx = /\\n([-].*)/ig;\n\n if (diffMinusRegEx.test(node.innerHTML)) {\n node.innerHTML = node.innerHTML.replace(diffMinusRegEx, '\\n$1');\n }\n\n this.addDiffHighlight(node.firstElementChild);\n node = node.nextSibling;\n }\n }\n }]);\n\n return CodeStyler;\n}();\n\n\n\n//# sourceURL=webpack://Docs/./src/frontend/js/classes/codeStyler.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return CodeStyler; });\n/* harmony import */ var core_js_modules_es6_object_define_property__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es6.object.define-property */ \"./node_modules/core-js/modules/es6.object.define-property.js\");\n/* harmony import */ var core_js_modules_es6_object_define_property__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_object_define_property__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es6_regexp_replace__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es6.regexp.replace */ \"./node_modules/core-js/modules/es6.regexp.replace.js\");\n/* harmony import */ var core_js_modules_es6_regexp_replace__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_regexp_replace__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es6_string_iterator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es6.string.iterator */ \"./node_modules/core-js/modules/es6.string.iterator.js\");\n/* harmony import */ var core_js_modules_es6_string_iterator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_string_iterator__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es6_array_from__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es6.array.from */ \"./node_modules/core-js/modules/es6.array.from.js\");\n/* harmony import */ var core_js_modules_es6_array_from__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_array_from__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_web_dom_iterable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/web.dom.iterable */ \"./node_modules/core-js/modules/web.dom.iterable.js\");\n/* harmony import */ var core_js_modules_web_dom_iterable__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_iterable__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es6_array_for_each__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es6.array.for-each */ \"./node_modules/core-js/modules/es6.array.for-each.js\");\n/* harmony import */ var core_js_modules_es6_array_for_each__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_array_for_each__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var highlight_js_lib_highlight__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! highlight.js/lib/highlight */ \"./node_modules/highlight.js/lib/highlight.js\");\n/* harmony import */ var highlight_js_lib_highlight__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(highlight_js_lib_highlight__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var highlight_js_lib_languages_javascript__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! highlight.js/lib/languages/javascript */ \"./node_modules/highlight.js/lib/languages/javascript.js\");\n/* harmony import */ var highlight_js_lib_languages_javascript__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(highlight_js_lib_languages_javascript__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var highlight_js_lib_languages_xml__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! highlight.js/lib/languages/xml */ \"./node_modules/highlight.js/lib/languages/xml.js\");\n/* harmony import */ var highlight_js_lib_languages_xml__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(highlight_js_lib_languages_xml__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var highlight_js_lib_languages_json__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! highlight.js/lib/languages/json */ \"./node_modules/highlight.js/lib/languages/json.js\");\n/* harmony import */ var highlight_js_lib_languages_json__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(highlight_js_lib_languages_json__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var highlight_js_lib_languages_css__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! highlight.js/lib/languages/css */ \"./node_modules/highlight.js/lib/languages/css.js\");\n/* harmony import */ var highlight_js_lib_languages_css__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(highlight_js_lib_languages_css__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var highlight_js_styles_github_gist_css__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! highlight.js/styles/github-gist.css */ \"./node_modules/highlight.js/styles/github-gist.css\");\n/* harmony import */ var highlight_js_styles_github_gist_css__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(highlight_js_styles_github_gist_css__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var _styles_diff_pcss__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../styles/diff.pcss */ \"./src/frontend/styles/diff.pcss\");\n/* harmony import */ var _styles_diff_pcss__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_styles_diff_pcss__WEBPACK_IMPORTED_MODULE_12__);\n\n\n\n\n\n\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\n\n\n\n\n\n // eslint-disable-line no-unused-vars\n\n // eslint-disable-line no-unused-vars\n\n/**\n * @class CodeStyles\n * @classdesc Provides styling for code blocks\n */\n\nvar CodeStyler =\n/*#__PURE__*/\nfunction () {\n /**\n * @param {string} selector - CSS selector for code blocks\n * @param {string[]} languages - list of languages to highlight, see hljs.listLanguages()\n */\n function CodeStyler(_ref) {\n var selector = _ref.selector,\n _ref$languages = _ref.languages,\n languages = _ref$languages === void 0 ? ['javascript', 'xml', 'json', 'css'] : _ref$languages;\n\n _classCallCheck(this, CodeStyler);\n\n this.codeBlocksSelector = selector;\n this.languages = languages;\n this.langsAvailable = {\n javascript: highlight_js_lib_languages_javascript__WEBPACK_IMPORTED_MODULE_7___default.a,\n xml: highlight_js_lib_languages_xml__WEBPACK_IMPORTED_MODULE_8___default.a,\n json: highlight_js_lib_languages_json__WEBPACK_IMPORTED_MODULE_9___default.a,\n css: highlight_js_lib_languages_css__WEBPACK_IMPORTED_MODULE_10___default.a\n };\n this.init();\n }\n /**\n * Start to highlight\n */\n\n\n _createClass(CodeStyler, [{\n key: \"init\",\n value: function init() {\n var _this = this;\n\n var codeBlocks = document.querySelectorAll(this.codeBlocksSelector);\n\n if (!codeBlocks.length) {\n return;\n }\n\n this.languages.forEach(function (lang) {\n highlight_js_lib_highlight__WEBPACK_IMPORTED_MODULE_6___default.a.registerLanguage(lang, _this.langsAvailable[lang]);\n });\n highlight_js_lib_highlight__WEBPACK_IMPORTED_MODULE_6___default.a.configure({\n languages: this.languages\n });\n Array.from(codeBlocks).forEach(function (block) {\n highlight_js_lib_highlight__WEBPACK_IMPORTED_MODULE_6___default.a.highlightBlock(block);\n console.log(block);\n\n _this.addDiffHighlight(block);\n });\n }\n /**\n * Iterate through all children and add diff highlighting\n * @param {HTMLElement} node - node to sort\n */\n\n }, {\n key: \"addDiffHighlight\",\n value: function addDiffHighlight(node) {\n while (node) {\n var diffPlusRegEx = /\\n([+].*)/ig;\n\n if (diffPlusRegEx.test(node.innerHTML)) {\n node.innerHTML = node.innerHTML.replace(diffPlusRegEx, '\\n$1');\n }\n\n var diffMinusRegEx = /\\n([-].*)/ig;\n\n if (diffMinusRegEx.test(node.innerHTML)) {\n node.innerHTML = node.innerHTML.replace(diffMinusRegEx, '\\n$1');\n }\n\n this.addDiffHighlight(node.firstElementChild);\n node = node.nextSibling;\n }\n }\n }]);\n\n return CodeStyler;\n}();\n\n\n\n//# sourceURL=webpack://Docs/./src/frontend/js/classes/codeStyler.js?");
/***/ }),
diff --git a/src/frontend/js/classes/codeStyler.js b/src/frontend/js/classes/codeStyler.js
index 55cdaf5..43965bd 100644
--- a/src/frontend/js/classes/codeStyler.js
+++ b/src/frontend/js/classes/codeStyler.js
@@ -15,7 +15,7 @@ export default class CodeStyler {
* @param {string} selector - CSS selector for code blocks
* @param {string[]} languages - list of languages to highlight, see hljs.listLanguages()
*/
- constructor({ selector, languages = ['javascript', 'xml', 'json', 'css'] }) {
+ constructor({selector, languages = ['javascript', 'xml', 'json', 'css']}) {
this.codeBlocksSelector = selector;
this.languages = languages;
this.langsAvailable = {
@@ -48,8 +48,8 @@ export default class CodeStyler {
Array.from(codeBlocks).forEach(block => {
hljs.highlightBlock(block);
-
- this.addDiffHighlight(block.firstElementChild);
+ console.log(block);
+ this.addDiffHighlight(block);
});
}