Include part of the README.md file from the javascript-obfuscator to display available options

Author: sanex3339

App/containers/OptionsContainer.js

@@ -124,3 +124,7 @@ pre#Html {
     width: 100%;
   }
 }
+
+code {
+  background-color: #f0f0f0;
+}

App/styles/main.less

@@ -0,0 +1,25 @@
+import React from 'react';
+const fullReadmeMarkdown = require('javascript-obfuscator/README.md').default;
+const emojiDictionary = require('emoji-dictionary');
+
+function flatten(text, child) {
+    return typeof child === 'string'
+        ? text + child
+        : React.Children.toArray(child.props.children).reduce(flatten, text)
+}
+
+export function headingRenderer(props) {
+    const children = React.Children.toArray(props.children)
+    const text = children.reduce(flatten, '')
+    const slug = text.toLowerCase().replace(/\W/g, '-')
+    
+    return React.createElement('h' + props.level, {id: slug}, props.children)
+}
+
+export const emojiSupportRenderer = text => text.value.replace(/:\w+:/gi, name => emojiDictionary.getUnicode(name));
+
+export function getOptionsMarkdown() {
+    return fullReadmeMarkdown
+        .split('<!-- ##options-start## -->')[1]
+        .split('<!-- ##options-end## -->\n')[0];
+}

App/util/get-options-markdown.js

@@ -25,6 +25,7 @@
     "classnames": "2.2.5",
     "codemirror": "5.18.2",
     "css-loader": "0.28.11",
+    "emoji-dictionary": "^1.0.11",
     "eslint": "4.19.1",
     "eslint-plugin-react": "7.7.0",
     "express": "4.14.0",
@@ -37,10 +38,12 @@
     "less-loader": "4.1.0",
     "pm2": "3.5.1",
     "prop-types": "15.6.1",
+    "raw-loader": "^4.0.1",
     "react": "16.13.1",
     "react-codemirror2": "5.0.1",
     "react-dom": "16.13.1",
     "react-dropzone": "4.2.9",
+    "react-markdown": "^4.3.1",
     "react-redux": "5.0.7",
     "redux": "3.6.0",
     "redux-logger": "3.0.6",

package.json

@@ -36,6 +36,10 @@ module.exports = {
             {
                 test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
                 loader: "file-loader"
+            },
+            {
+                test: /\.md$/i,
+                use: 'raw-loader'
             }
         ]
     },