chore: upgrade rspress & use @callstack/rspress-preset (#570)

* chore: upgrade rspress & use preset

* chore: changeset

Author: jbroma

.changeset/long-rockets-poke.md

@@ -0,0 +1,5 @@
+---
+'rock-docs': patch
+---
+
+Use `@callstack/rspress-preset` & upgrade `@rspress/core` to 2.0.0-beta.32 &

pnpm-lock.yaml

@@ -8,12 +8,8 @@
     "preview": "rspress preview"
   },
   "dependencies": {
-    "@callstack/rspress-theme": "^0.3.1",
-    "@rspress/plugin-llms": "2.0.0-beta.21",
-    "rsbuild-plugin-open-graph": "^1.0.2",
-    "rspress": "2.0.0-beta.21",
-    "rspress-plugin-sitemap": "^1.1.2",
-    "rspress-plugin-vercel-analytics": "^0.3.0"
+    "@rspress/core": "2.0.0-beta.32",
+    "@callstack/rspress-preset": "~0.4.1"
   },
   "devDependencies": {
     "@types/node": "^18.11.17",

website/package.json

@@ -1,57 +1,32 @@
-import * as path from 'node:path';
-import { pluginCallstackTheme } from '@callstack/rspress-theme/plugin';
-import { pluginLlms } from '@rspress/plugin-llms';
-import { pluginOpenGraph } from 'rsbuild-plugin-open-graph';
-import { defineConfig } from 'rspress/config';
-import pluginSitemap from 'rspress-plugin-sitemap';
-import vercelPluginAnalytics from 'rspress-plugin-vercel-analytics';
+import path from 'node:path';
+import url from 'node:url';
+import { withCallstackPreset } from '@callstack/rspress-preset';
+import { defineConfig, type RspressPlugin } from '@rspress/core';
 
-export default defineConfig({
-  root: path.join(__dirname, 'src'),
-  title: 'Rock',
-  icon: '/logo.svg',
-  outDir: 'build',
-  route: {
-    cleanUrls: true,
-  },
-  logo: {
-    light: '/logo-light.svg',
-    dark: '/logo-dark.svg',
-  },
-  builderConfig: {
-    plugins: [
-      pluginOpenGraph({
-        title: 'Rock',
-        type: 'website',
-        url: 'https://rockjs.dev',
-        image: 'https://rockjs.dev/og-image.jpg',
-        description:
-          'Easy to adopt. Simple to scale. Built for flexibility from day one',
-        twitter: {
-          site: '@rockjs_dev',
-          card: 'summary_large_image',
-        },
-      }),
-    ],
-  },
-  themeConfig: {
-    socialLinks: [
-      {
-        icon: 'github',
-        mode: 'link',
-        content: 'https://github.com/callstack/rock',
+const __filename = url.fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export default withCallstackPreset(
+  {
+    context: __dirname,
+    docs: {
+      title: 'Rock',
+      description:
+        'Easy to adopt. Simple to scale. Built for flexibility from day one',
+      editUrl: 'https://github.com/callstack/rock/edit/main/website/src',
+      icon: '/logo.svg',
+      logoLight: '/logo-light.svg',
+      logoDark: '/logo-dark.svg',
+      ogImage: '/og-image.jpg',
+      rootDir: 'src',
+      rootUrl: 'https://rockjs.dev',
+      socials: {
+        github: 'https://github.com/callstack/rock',
+        x: 'https://x.com/rockjs_dev',
       },
-    ],
+    },
   },
-  globalStyles: path.join(__dirname, 'theme/styles.css'),
-  plugins: [
-    pluginCallstackTheme(),
-    // @ts-expect-error outdated @rspress/shared declared as dependency
-    vercelPluginAnalytics(),
-    pluginLlms({
-      exclude: ({ page }) => page.routePath.includes('404'),
-    }),
-    // @ts-expect-error outdated @rspress/shared declared as dependency
-    pluginSitemap({ domain: 'https://rockjs.dev' }),
-  ],
-});
+  defineConfig({
+    outDir: 'build',
+  }),
+);

website/rspress.config.ts

@@ -1,4 +1,4 @@
-import { PackageManagerTabs } from 'rspress/theme';
+import { PackageManagerTabs } from '@theme';
 
 # Integrating with Android Apps
 

website/src/docs/brownfield/android.mdx

@@ -1,4 +1,4 @@
-import { PackageManagerTabs } from 'rspress/theme';
+import { PackageManagerTabs } from '@theme';
 
 # Integrating with iOS Apps
 

website/src/docs/brownfield/ios.mdx

@@ -1,4 +1,4 @@
-import { PackageManagerTabs } from 'rspress/theme';
+import { PackageManagerTabs } from '@theme';
 
 # Quick start
 

website/src/docs/getting-started/index.mdx

@@ -1,4 +1,4 @@
-import { PackageManagerTabs } from 'rspress/theme';
+import { PackageManagerTabs } from '@theme';
 
 # Migrating from Community CLI
 
@@ -172,4 +172,4 @@ If you prefer to do it manually or encounter any issues, follow the steps below.
        github-token: ${{ secrets.GITHUB_TOKEN }}
    ```
 
-   For more setup options see [GitHub Actions configuration](../remote-cache/github-actions/configuration.md)
+   For more setup options see [GitHub Actions configuration](../github-actions/configuration.md)