- moved to prism JS

- removed manifest

static/package.json

@@ -9,11 +9,11 @@
     }
   },
   "dependencies": {
-    "highlight.js": "^9.12.0",
+    "prismjs": "^1.8.4",
     "react": "^16.0.0",
     "react-clipboard.js": "^1.1.2",
     "react-dom": "^16.0.0",
-    "react-fast-highlight": "^2.2.0",
+    "react-prism": "^4.3.1",
     "react-router": "^4.2.0",
     "react-router-dom": "^4.2.2",
     "react-scripts": "1.0.17",

static/public/index.html

@@ -9,7 +9,6 @@
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
-  <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
   <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
   <!--
       Notice the use of %PUBLIC_URL% in the tags above.

static/public/manifest.json

@@ -1,15 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    }
-  ],
-  "start_url": "./index.html",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

static/src/ShareX/ShareX.js

@@ -1,8 +1,10 @@
 import React, { Component } from 'react'
 import { Container } from 'semantic-ui-react'
-import { Highlight } from 'react-fast-highlight';
 import ClipboardButton from 'react-clipboard.js';
-import 'highlight.js/styles/github.css'
+import 'prismjs'
+import 'prismjs/components/prism-json'
+import PrismCode from 'react-prism'
+import 'prismjs/themes/prism.css';
 
 export default class ShareXComponent extends Component {
     state = {
@@ -27,9 +29,9 @@ export default class ShareXComponent extends Component {
         return (
             <Container id='rootContainer' >
                 <div>ShareX</div>
-                <Highlight languages={['json']}>
+                <PrismCode component="pre" className="language-json">
                     {config}
-                </Highlight>
+                </PrismCode>
                 <ClipboardButton data-clipboard-text={config} className='ui button'>
                     Copy the configuration to the clipboard
                 </ClipboardButton>

static/yarn.lock

@@ -1303,7 +1303,7 @@ clap@^1.0.9:
   dependencies:
     chalk "^1.1.3"
 
-classnames@^2.2.3, classnames@^2.2.5:
+classnames@^2.2.5:
   version "2.2.5"
   resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.2.5.tgz#fb3801d453467649ef3603c7d61a02bd129bde6d"
 
@@ -1327,7 +1327,7 @@ cli-width@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.2.0.tgz#ff19ede8a9a5e579324147b0c11f0fbcbabed639"
 
-clipboard@^1.6.1:
+clipboard@^1.5.5, clipboard@^1.6.1:
   version "1.7.1"
   resolved "https://registry.yarnpkg.com/clipboard/-/clipboard-1.7.1.tgz#360d6d6946e99a7a1fef395e42ba92b5e9b5a16b"
   dependencies:
@@ -2880,10 +2880,6 @@ he@1.1.x:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/he/-/he-1.1.1.tgz#93410fd21b009735151f8868c2f271f3427e23fd"
 
-highlight.js@^9.0.0, highlight.js@^9.12.0:
-  version "9.12.0"
-  resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-9.12.0.tgz#e6d9dbe57cbefe60751f02af336195870c90c01e"
-
 history@^4.7.2:
   version "4.7.2"
   resolved "https://registry.yarnpkg.com/history/-/history-4.7.2.tgz#22b5c7f31633c5b8021c7f4a8a954ac139ee8d5b"
@@ -4910,6 +4906,12 @@ pretty-format@^20.0.3:
     ansi-regex "^2.1.1"
     ansi-styles "^3.0.0"
 
+prismjs@^1.8.4:
+  version "1.8.4"
+  resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.8.4.tgz#573cc7a14c2c06566e1eca20d813f5ae55db80d2"
+  optionalDependencies:
+    clipboard "^1.5.5"
+
 private@^0.1.6, private@^0.1.7:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"
@@ -4938,7 +4940,7 @@ promise@^7.1.1:
   dependencies:
     asap "~2.0.3"
 
-prop-types@^15.5.0, prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.5.6, prop-types@^15.6.0:
+prop-types@^15.5.0, prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.6.0:
   version "15.6.0"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.0.tgz#ceaf083022fc46b4a35f69e13ef75aed0d639856"
   dependencies:
@@ -5105,13 +5107,9 @@ react-error-overlay@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-3.0.0.tgz#c2bc8f4d91f1375b3dad6d75265d51cd5eeaf655"
 
-react-fast-highlight@^2.2.0:
+react-prism@^4.3.1:
-  version "2.2.0"
+  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/react-fast-highlight/-/react-fast-highlight-2.2.0.tgz#afdbdfab9f3b8bd573b3e2d22b568d92cb93b42a"
+  resolved "https://registry.yarnpkg.com/react-prism/-/react-prism-4.3.1.tgz#cf6ce5d77ee5d9cb91eed02801e3af7547d19214"
-  dependencies:
-    classnames "^2.2.3"
-    highlight.js "^9.0.0"
-    prop-types "^15.5.6"
 
 react-router-dom@^4.2.2:
   version "4.2.2"