fix(apps/docsite): code blocks colorization (#33)

apps/docsite/docusaurus.config.js

@@ -1,3 +1,6 @@
+const lightCodeTheme = require('prism-react-renderer/themes/github');
+const darkCodeTheme = require('prism-react-renderer/themes/dracula');
+
 module.exports = {
   title: 'Bedrock Streaming Forms',
   tagline: 'I receive inputs, you receive forms',
@@ -74,6 +77,10 @@ module.exports = {
         }
       ],
       copyright: `Copyright © ${new Date().getFullYear()} BedrockStreaming, Inc. Built with Docusaurus.`
+    },
+    prism: {
+      theme: lightCodeTheme,
+      darkTheme: darkCodeTheme
     }
   },
   presets: [
@@ -90,7 +97,7 @@ module.exports = {
         }
       }
     ]
-  ],
-  themes: ['@docusaurus/theme-live-codeblock']
+  ]
+
+  // themes: ['@docusaurus/theme-live-codeblock']
 };
-// https://github.com/nielsen-oss/docs/blob/master/.github/workflows/documentation.yml

package.json

@@ -38,13 +38,13 @@
   "private": true,
   "resolutions": {
     "glob-parent": "5.1.2",
+    "immer": "9.0.6",
     "terser": "4.8.0",
     "trim": "1.0.1"
   },
   "dependencies": {
     "@docusaurus/core": "2.0.0-beta.14",
-    "@docusaurus/preset-classic": "2.0.0-beta.14",
-    "@docusaurus/theme-live-codeblock": "2.0.0-beta.14",
+    "@docusaurus/preset-classic": "2.0.0-beta.759298296",
     "@emotion/react": "11.7.0",
     "@emotion/styled": "11.6.0",
     "@mdx-js/react": "1.6.21",
@@ -60,6 +60,7 @@
     "lodash-es": "4.17.21",
     "moment": "2.29.1",
     "polished": "4.1.3",
+    "prism-react-renderer": "1.2.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-hook-form": "7.19.1",