chore: upgrade to rspress-preset & newest rspress beta

Author: jbroma

docs/package.json

@@ -11,11 +11,10 @@
     "preview": "rspress preview"
   },
   "dependencies": {
-    "@callstack/rspress-theme": "^0.2.0",
-    "rspress": "^2.0.0-beta.21"
+    "@callstack/rspress-preset": "^0.4.1",
+    "@rspress/core": "2.0.0-beta.32"
   },
   "devDependencies": {
-    "@types/node": "^20",
-    "rsbuild-plugin-open-graph": "^1.0.2"
+    "@types/node": "^20"
   }
 }

docs/rspress.config.ts

@@ -1,38 +1,25 @@
-import * as path from 'path';
-import { defineConfig } from 'rspress/config';
-import { pluginOpenGraph } from 'rsbuild-plugin-open-graph';
-import { pluginCallstackTheme } from '@callstack/rspress-theme/plugin';
+import { withCallstackPreset } from '@callstack/rspress-preset';
 
-export default defineConfig({
-  root: path.join(__dirname, 'docs'),
-  base: '/react-native-bottom-tabs/',
-  title: 'React Native Bottom Tabs',
-  description: 'React Native Bottom Tabs Documentation',
-  logoText: 'React Native Bottom Tabs',
-  icon: '/img/phone.png',
-  logo: '/img/phone.png',
-  globalStyles: path.join(__dirname, 'theme/styles.css'),
-  themeConfig: {
-    enableContentAnimation: true,
-    enableAppearanceAnimation: false,
-    socialLinks: [
-      {
-        icon: 'github',
-        mode: 'link',
-        content:
+export default withCallstackPreset(
+  {
+    context: __dirname,
+    docs: {
+      title: 'React Native Bottom Tabs',
+      description: 'React Native Bottom Tabs Documentation',
+      editUrl:
+        'https://github.com/callstackincubator/react-native-bottom-tabs/tree/main/docs',
+      icon: '/img/phone.png',
+      logoLight: '/img/phone.png',
+      logoDark: '/img/phone.png',
+      rootDir: 'docs',
+      rootUrl: 'https://callstackincubator.github.io/react-native-bottom-tabs/',
+      socials: {
+        github:
           'https://github.com/callstackincubator/react-native-bottom-tabs',
       },
-    ],
+    },
   },
-  plugins: [pluginCallstackTheme()],
-  builderConfig: {
-    plugins: [
-      pluginOpenGraph({
-        title: 'React Native Bottom Tabs',
-        type: 'website',
-        url: 'https://callstackincubator.github.io/react-native-bottom-tabs/',
-        description: 'Native Bottom Tabs for React Native',
-      }),
-    ],
-  },
-});
+  {
+    base: '/react-native-bottom-tabs/',
+  }
+);

docs/theme/index.tsx

@@ -13,7 +13,7 @@ import {
 import {
   HomeLayout as RspressHomeLayout,
   Layout as RspressLayout,
-} from 'rspress/theme';
+} from '@rspress/core/theme';
 
 // You can customize the default Layout and HomeLayout like this:
 const Layout = () => (
@@ -44,4 +44,4 @@ export {
 };
 
 // Export the default theme components
-export * from 'rspress/theme';
+export * from '@rspress/core/theme';