Upgrade website to Docusaurus 3

buildo · Oct 17, 2024 · 78a4456 · 78a4456
1 parent c25e7ec
commit 78a4456
Show file tree

Hide file tree

Showing 6 changed files with 3,795 additions and 2,267 deletions.
diff --git a/packages/website/docs/04-Components/_ComponentDoc.mdx b/packages/website/docs/04-Components/_ComponentDoc.mdx
@@ -2,6 +2,7 @@ import { Canvas } from "@site/src/components/Canvas";
 import { PropTable } from "@site/src/components/PropTable";
 import { ExternalLinkCard } from "@site/src/components/ExternalLinkCard";
 import { ComponentHeader } from "@site/src/components/ComponentHeader";
+import React from "react";
 
 <div style={{ display: "flex", gap: 24, flexWrap: "wrap" }}>
   {props.name && <ExternalLinkCard type="github" componentName={props.name} />}

diff --git a/packages/website/docusaurus.config.js b/packages/website/docusaurus.config.js
@@ -1,6 +1,7 @@
 // @ts-check
-const lightCodeTheme = require("prism-react-renderer/themes/github");
-const darkCodeTheme = require("prism-react-renderer/themes/dracula");
+const { themes } = require("prism-react-renderer");
+const lightCodeTheme = themes.github;
+const darkCodeTheme = themes.dracula;
 const { ProvidePlugin } = require("webpack");
 
 /** @type {import('@docusaurus/types').Config} */

diff --git a/packages/website/package.json b/packages/website/package.json
@@ -28,43 +28,43 @@
     "@babel/standalone": "7.22.20",
     "@babel/traverse": "7.23.3",
     "@buildo/bento-design-system": "workspace:*",
-    "@docusaurus/core": "2.0.1",
-    "@docusaurus/preset-classic": "2.0.1",
-    "@docusaurus/theme-common": "2.0.1",
-    "@easyops-cn/docusaurus-search-local": "0.35.0",
-    "@mdx-js/react": "1.6.22",
+    "@docusaurus/core": "3.5.2",
+    "@docusaurus/preset-classic": "3.5.2",
+    "@docusaurus/theme-common": "3.5.2",
+    "@easyops-cn/docusaurus-search-local": "0.45.0",
+    "@mdx-js/react": "3.0.1",
     "assert": "2.0.0",
     "buffer": "6.0.3",
     "clsx": "1.2.1",
     "docusaurus-plugin-react-docgen-typescript": "1.1.0",
     "playroom": "0.32.1",
     "prettier": "2.8.8",
-    "prism-react-renderer": "1.3.5",
+    "prism-react-renderer": "2.4.0",
     "process": "0.11.10",
-    "react": "18.2.0",
+    "react": "18.3.1",
     "react-docgen-typescript": "2.2.2",
-    "react-dom": "18.2.0",
+    "react-dom": "18.3.1",
     "react-markdown": "8.0.7"
   },
   "devDependencies": {
     "@babel/types": "7.22.19",
-    "@docusaurus/module-type-aliases": "2.0.1",
-    "@docusaurus/theme-classic": "2.0.1",
-    "@docusaurus/theme-live-codeblock": "2.0.1",
-    "@docusaurus/types": "2.0.1",
+    "@docusaurus/module-type-aliases": "3.5.2",
+    "@docusaurus/theme-classic": "3.5.2",
+    "@docusaurus/theme-live-codeblock": "3.5.2",
+    "@docusaurus/types": "3.5.2",
     "@phosphor-icons/react": "2.1.7",
-    "@tsconfig/docusaurus": "1.0.6",
+    "@docusaurus/tsconfig": "3.5.2",
     "@types/babel__generator": "7.6.8",
     "@types/babel__standalone": "7.1.7",
     "@types/babel__traverse": "7.20.6",
     "@types/node": "18.19.55",
-    "@types/react": "18.2.21",
+    "@types/react": "18.3.11",
     "@typescript-eslint/parser": "5.62.0",
     "@vanilla-extract/sprinkles": "1.6.3",
     "eslint-config-react-app": "7.0.1",
     "lint-staged": "13.3.0",
     "raw-loader": "4.0.2",
-    "typescript": "4.9.5",
+    "typescript": "5.6.3",
     "webpack": "5.94.0"
   },
   "browserslist": {

diff --git a/packages/website/tsconfig.json b/packages/website/tsconfig.json
@@ -1,6 +1,6 @@
 {
   // This file is not used in compilation. It is here just for a nice editor experience.
-  "extends": "@tsconfig/docusaurus/tsconfig.json",
+  "extends": "@docusaurus/tsconfig",
   "compilerOptions": {
     "baseUrl": ".",
     "skipLibCheck": true,