Enable Docusaurus website

@stellar/design-system-website/README.md

@@ -1,3 +1,45 @@
 # Stellar Design System Website
 
-TODO
+This website is built using [Docusaurus 2](https://docusaurus.io/), a modern
+static website generator.
+
+### Installation
+
+```
+$ yarn
+```
+
+### Local Development
+
+```
+$ yarn start
+```
+
+This command starts a local development server and opens up a browser window.
+Most changes are reflected live without having to restart the server.
+
+### Build
+
+```
+$ yarn build
+```
+
+This command generates static content into the `build` directory and can be
+served using any static contents hosting service.
+
+### Deployment
+
+Using SSH:
+
+```
+$ USE_SSH=true yarn deploy
+```
+
+Not using SSH:
+
+```
+$ GIT_USER=<Your GitHub username> yarn deploy
+```
+
+If you are using GitHub pages for hosting, this command is a convenient way to
+build the website and push to the `gh-pages` branch.

@stellar/design-system-website/babel.config.js

@@ -1,22 +1,3 @@
 module.exports = {
-  presets: [
-    "@babel/preset-react",
-    "@babel/preset-typescript",
-    [
-      "@babel/preset-env",
-      {
-        targets: {
-          browsers: "last 2 versions",
-        },
-        modules: false,
-        loose: false,
-      },
-    ],
-  ],
-  plugins: ["transform-class-properties", "react-hot-loader/babel"],
-  env: {
-    test: {
-      plugins: ["transform-es2015-modules-commonjs"],
-    },
-  },
+  presets: [require.resolve("@docusaurus/core/lib/babel/preset")],
 };

@stellar/design-system-website/package.json

@@ -4,88 +4,46 @@
   "author": "Stellar Development Foundation <[email protected]>",
   "description": "Stellar Development Foundation’s design system website",
   "license": "Apache-2.0",
-  "engines": {
-    "node": ">=18.0.0"
-  },
   "scripts": {
-    "git-info": "rm -rf src/generated/ && mkdir src/generated/ && echo export default \"{\\\"commitHash\\\": \\\"$(git rev-parse --short HEAD)\\\"};\" > src/generated/gitInfo.ts",
-    "start": "yarn git-info && webpack serve --open --config webpack.dev.js",
-    "build": "yarn git-info && NODE_ENV=production webpack --config webpack.prod.js",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
-    "lint-tsc": "tsc --noEmit"
+    "docusaurus": "docusaurus",
+    "start": "docusaurus start",
+    "build": "docusaurus build",
+    "swizzle": "docusaurus swizzle",
+    "deploy": "docusaurus deploy",
+    "clear": "docusaurus clear",
+    "serve": "docusaurus serve",
+    "write-translations": "docusaurus write-translations",
+    "write-heading-ids": "docusaurus write-heading-ids",
+    "lint-tsc": "tsc --noEmit",
+    "git-info": "rm -rf src/generated/ && mkdir src/generated/ && echo export default \"{\\\"commitHash\\\": \\\"$(git rev-parse --short HEAD)\\\"};\" > src/generated/gitInfo.ts"
   },
   "dependencies": {
+    "@docusaurus/core": "2.4.1",
+    "@docusaurus/preset-classic": "2.4.1",
+    "@docusaurus/theme-live-codeblock": "^2.4.1",
+    "@mdx-js/react": "^1.6.22",
     "@stellar/design-system": "^1.0.0-beta.14",
-    "@svgr/webpack": "^6.5.1",
-    "assert": "^2.0.0",
-    "buffer": "^6.0.3",
-    "crypto-browserify": "^3.12.0",
-    "https-browserify": "^1.0.0",
-    "lodash": "^4.17.21",
-    "os-browserify": "^0.3.0",
+    "clsx": "^1.2.1",
     "prism-react-renderer": "^1.3.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-element-to-jsx-string": "^15.0.0",
-    "react-router-dom": "^6.8.0",
-    "stream-browserify": "^3.0.0",
-    "stream-http": "^3.2.0",
-    "tslib": "^2.5.0",
-    "typescript": "~4.9.5",
-    "url": "^0.11.0"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.12",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.18.6",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^14.4.3",
-    "@types/jest": "^29.4.0",
-    "@types/lodash": "^4.14.191",
-    "@types/node": "^18.11.18",
-    "@types/react": "^18.0.27",
-    "@types/react-dom": "^18.0.10",
-    "@types/react-router-dom": "^5.3.3",
-    "babel-loader": "^9.1.2",
-    "babel-plugin-transform-class-properties": "^6.24.1",
-    "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
-    "clean-webpack-plugin": "^4.0.0",
-    "concurrently": "^7.6.0",
-    "copy-webpack-plugin": "^11.0.0",
-    "css-loader": "^6.7.3",
-    "eslint": "^8.33.0",
-    "eslint-config-prettier": "^8.6.0",
-    "eslint-config-react": "^1.1.7",
-    "eslint-config-react-app": "^7.0.1",
-    "eslint-import-resolver-typescript": "^3.5.3",
+    "@docusaurus/module-type-aliases": "2.4.1",
+    "@tsconfig/docusaurus": "^1.0.5",
+    "eslint": "^8.44.0",
+    "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-mdx": "^2.1.0",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-webpack-plugin": "^3.2.0",
-    "fork-ts-checker-webpack-plugin": "^7.3.0",
-    "html-webpack-plugin": "^5.5.0",
-    "husky": "^8.0.3",
-    "lint-staged": "^13.1.0",
-    "mini-css-extract-plugin": "^2.7.2",
-    "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.3",
-    "pretty-quick": "^3.1.3",
-    "react-hot-loader": "^4.13.1",
-    "sass-loader": "^13.2.0",
-    "style-loader": "^3.3.1",
-    "ts-loader": "^9.4.2",
-    "tsconfig-paths-webpack-plugin": "^4.0.0",
-    "webpack": "^5.75.0",
-    "webpack-cli": "^5.0.1",
-    "webpack-dev-server": "^4.11.1"
+    "eslint-webpack-plugin": "^4.0.1",
+    "typescript": "^4.7.4"
   },
   "browserslist": {
     "production": [
-      ">0.2%",
+      ">0.5%",
       "not dead",
       "not op_mini all"
     ],
@@ -94,5 +52,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "engines": {
+    "node": ">=18.0.0"
   }
 }