Faster Builds

.github/workflows/deploy-to-gh-pages.yml

@@ -26,7 +26,7 @@ jobs:
       - name: Setup Node env
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: '22'
           cache: 'pnpm'
 
       - name: Install Dependencies

.github/workflows/pr-check.yml

@@ -22,7 +22,7 @@ jobs:
       - name: Setup Node env
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: '22'
           cache: 'pnpm'
 
       - name: Install Dependencies

.github/workflows/shared-oss-deploy.yml

@@ -35,7 +35,7 @@ jobs:
       - name: Setup Node env
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: '22'
           cache: 'pnpm'
 
       - name: Install Dependencies

docusaurus.config.js

@@ -13,6 +13,10 @@ const excludeInEn = [];
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
+  future: {
+    v4: true,
+    experimental_faster: true,
+  },
   title: 'coScene',
   staticDirectories: ['public', 'static'],
   tagline: 'User Docs',
@@ -40,19 +44,7 @@ const config = {
   organizationName: 'coScene', // Usually your GitHub org/user name.
   projectName: 'docs', // Usually your repo name.
 
-  plugins: [
-    async function myPlugin(context, options) {
-      return {
-        name: 'docusaurus-tailwindcss',
-        configurePostCss(postcssOptions) {
-          // Appends TailwindCSS and AutoPrefixer.
-          postcssOptions.plugins.push(require('tailwindcss'));
-          postcssOptions.plugins.push(require('autoprefixer'));
-          return postcssOptions;
-        },
-      };
-    },
-  ],
+  plugins: [require.resolve('./tailwind.plugin.js')],
 
   presets: [
     [

package.json

@@ -15,10 +15,10 @@
     "format:write": "prettier --write --loglevel warn \"./**/*.{js,jsx,ts,tsx,css,md,json}\" "
   },
   "dependencies": {
-    "@docusaurus/core": "^3.8.0",
-    "@docusaurus/preset-classic": "^3.8.0",
-    "@docusaurus/theme-common": "^3.8.0",
-    "@docusaurus/theme-mermaid": "^3.8.0",
+    "@docusaurus/core": "^3.8.1",
+    "@docusaurus/preset-classic": "^3.8.1",
+    "@docusaurus/theme-common": "^3.8.1",
+    "@docusaurus/theme-mermaid": "^3.8.1",
     "@mdx-js/react": "^3.1.0",
     "autoprefixer": "^10.4.21",
     "postcss": "^8.5.4",
@@ -28,9 +28,10 @@
     "tailwindcss": "^3.4.17"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "^3.8.0",
-    "@docusaurus/tsconfig": "^3.8.0",
-    "@docusaurus/types": "^3.8.0",
+    "@docusaurus/faster": "^3.8.1",
+    "@docusaurus/module-type-aliases": "^3.8.1",
+    "@docusaurus/tsconfig": "^3.8.1",
+    "@docusaurus/types": "^3.8.1",
     "@tsconfig/docusaurus": "^2.0.3",
     "@types/react": "^19.0.12",
     "prettier": "^3.5.3",

tailwind.plugin.js

@@ -0,0 +1,12 @@
+// tailwind-plugin.js
+module.exports = async function myPlugin(context, options) {
+  return {
+    name: 'docusaurus-tailwindcss',
+    configurePostCss(postcssOptions) {
+      // Appends TailwindCSS and AutoPrefixer.
+      postcssOptions.plugins.push(require('tailwindcss'));
+      postcssOptions.plugins.push(require('autoprefixer'));
+      return postcssOptions;
+    },
+  };
+};