fix(docs): Upgrade docusaurus, webpack/loaders.

Upgrade to the new Docusaurus 2 beta release, which also required
upgrades to newer Webpack@5, and some API fixes for TOC changes.

docs/docs/codes/applications.mdx

@@ -6,9 +6,9 @@ hide_title: true
 
 import OsLegend from "@site/src/components/codes/OsLegend";
 import ToastyContainer from "@site/src/components/codes/ToastyContainer";
-import Content, { rightToc as contentToc } from "./_applications.mdx";
+import Content, { toc as contentToc } from "./_applications.mdx";
 
-export const rightToc = contentToc;
+export const toc = contentToc;
 
 <OsLegend />
 <ToastyContainer />

docs/docs/codes/editing.mdx

@@ -6,9 +6,9 @@ hide_title: true
 
 import OsLegend from "@site/src/components/codes/OsLegend";
 import ToastyContainer from "@site/src/components/codes/ToastyContainer";
-import Content, { rightToc as contentToc } from "./_editing.mdx";
+import Content, { toc as contentToc } from "./_editing.mdx";
 
-export const rightToc = contentToc;
+export const toc = contentToc;
 
 <OsLegend />
 <ToastyContainer />

docs/docs/codes/index.mdx

@@ -7,14 +7,14 @@ slug: ./
 
 import OsLegend from "@site/src/components/codes/OsLegend";
 import ToastyContainer from "@site/src/components/codes/ToastyContainer";
-import Key, { rightToc as keyToc } from "./_keyboard-keypad.mdx";
-import Editing, { rightToc as editingToc } from "./_editing.mdx";
-import Media, { rightToc as mediaToc } from "./_media.mdx";
-import Applications, { rightToc as applicationsToc } from "./_applications.mdx";
-import InputAssist, { rightToc as inputAssistToc } from "./_input-assist.mdx";
-import Power, { rightToc as powerToc } from "./_power.mdx";
+import Key, { toc as keyToc } from "./_keyboard-keypad.mdx";
+import Editing, { toc as editingToc } from "./_editing.mdx";
+import Media, { toc as mediaToc } from "./_media.mdx";
+import Applications, { toc as applicationsToc } from "./_applications.mdx";
+import InputAssist, { toc as inputAssistToc } from "./_input-assist.mdx";
+import Power, { toc as powerToc } from "./_power.mdx";
 
-export const rightToc = [
+export const toc = [
   ...keyToc,
   ...editingToc,
   ...mediaToc,

docs/docs/codes/input-assist.mdx

@@ -6,9 +6,9 @@ hide_title: true
 
 import OsLegend from "@site/src/components/codes/OsLegend";
 import ToastyContainer from "@site/src/components/codes/ToastyContainer";
-import Content, { rightToc as contentToc } from "./_input-assist.mdx";
+import Content, { toc as contentToc } from "./_input-assist.mdx";
 
-export const rightToc = contentToc;
+export const toc = contentToc;
 
 <OsLegend />
 <ToastyContainer />

docs/docs/codes/keyboard-keypad.mdx

@@ -6,9 +6,9 @@ hide_title: true
 
 import OsLegend from "@site/src/components/codes/OsLegend";
 import ToastyContainer from "@site/src/components/codes/ToastyContainer";
-import Content, { rightToc as contentToc } from "./_keyboard-keypad.mdx";
+import Content, { toc as contentToc } from "./_keyboard-keypad.mdx";
 
-export const rightToc = contentToc;
+export const toc = contentToc;
 
 <OsLegend />
 <ToastyContainer />

docs/docs/codes/media.mdx

@@ -6,9 +6,9 @@ hide_title: true
 
 import OsLegend from "@site/src/components/codes/OsLegend";
 import ToastyContainer from "@site/src/components/codes/ToastyContainer";
-import Content, { rightToc as contentToc } from "./_media.mdx";
+import Content, { toc as contentToc } from "./_media.mdx";
 
-export const rightToc = contentToc;
+export const toc = contentToc;
 
 <OsLegend />
 <ToastyContainer />

docs/docs/codes/power.mdx

@@ -6,9 +6,9 @@ hide_title: true
 
 import OsLegend from "@site/src/components/codes/OsLegend";
 import ToastyContainer from "@site/src/components/codes/ToastyContainer";
-import Content, { rightToc as contentToc } from "./_power.mdx";
+import Content, { toc as contentToc } from "./_power.mdx";
 
-export const rightToc = contentToc;
+export const toc = contentToc;
 
 <OsLegend />
 <ToastyContainer />

docs/package.json

@@ -14,8 +14,8 @@
     "prettier:format": "prettier --write ."
   },
   "dependencies": {
-    "@docusaurus/core": "^2.0.0-alpha.66",
-    "@docusaurus/preset-classic": "^2.0.0-alpha.66",
+    "@docusaurus/core": "^2.0.0-beta.0",
+    "@docusaurus/preset-classic": "^2.0.0-beta.0",
     "@fortawesome/fontawesome-svg-core": "^1.2.32",
     "@fortawesome/free-solid-svg-icons": "^5.15.3",
     "@fortawesome/react-fontawesome": "^0.1.14",
@@ -44,8 +44,8 @@
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-mdx": "^1.13.0",
     "eslint-plugin-react": "^7.23.2",
-    "null-loader": "^3.0.0",
+    "null-loader": "^4.0.0",
     "prettier": "2.1.2",
-    "string-replace-loader": "2.3"
+    "string-replace-loader": "^3.0.0"
   }
 }

docs/src/docusaurus-tree-sitter-plugin/index.js

@@ -29,8 +29,11 @@ module.exports = function () {
       return {
         // web-tree-sitter tries to import "fs", which can be ignored.
         // https://github.com/tree-sitter/tree-sitter/issues/466
-        node: {
-          fs: "empty",
+        resolve: {
+          fallback: {
+            fs: false,
+            path: false,
+          },
         },
         module: { rules },
       };