support markdown with other language/types

package.json

@@ -39,6 +39,7 @@
     "@types/jsdom": "^12.2.4",
     "@types/mocha": "^5.2.7",
     "@types/node": "^12.12.5",
+    "@types/prismjs": "^1.16.0",
     "assert": "^2.0.0",
     "concurrently": "^5.0.0",
     "dotenv": "^8.2.0",

web-app/src/components/Markdown/index.tsx

@@ -5,7 +5,8 @@ import markdownEmoji from 'markdown-it-emoji'
 import prism from 'markdown-it-prism'
 import * as React from 'react'
 
-import './prism.css'
+// load prism styles & language support
+import './prism'
 
 // markdown highlighter instance
 const md: MarkdownIt = new MarkdownIt({

web-app/src/components/Markdown/prism.ts

@@ -0,0 +1,13 @@
+// Themes - more at https://prismjs.com/examples.html
+import 'prismjs/themes/prism-tomorrow.css'
+
+// Language support
+import 'prismjs/components/prism-bash'
+import 'prismjs/components/prism-clike'
+import 'prismjs/components/prism-css'
+import 'prismjs/components/prism-git'
+import 'prismjs/components/prism-javascript'
+import 'prismjs/components/prism-json'
+import 'prismjs/components/prism-sql'
+import 'prismjs/components/prism-typescript'
+// TODO: import all - current list only supports js related

web-app/stories/Level.stories.tsx

@@ -84,7 +84,7 @@ storiesOf('Level', module)
       steps: [
         {
           id: 'L1:S1',
-          content: 'Should support markdown test\n ```js\nvar a = 1\n```\nwhew it works!',
+          content: 'Should support markdown test\n ```shell\nnpn install some-packagen```\nwhew it works!',
           setup: { commits: ['a4679b1'], commands: [], files: ['package.json'] },
           solution: {
             commits: ['7c64508'],