chore: migrate Rspress to Rstack CLI (#8167)

Author: chenjiahan

pnpm-lock.yaml

@@ -4,12 +4,11 @@
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "build": "rspress build",
-    "dev": "rspress dev",
-    "preview": "rspress preview"
+    "build": "rs doc build",
+    "dev": "rs doc",
+    "preview": "rs doc preview"
   },
   "devDependencies": {
-    "@rsbuild/core": "workspace:*",
     "@rsbuild/plugin-sass": "workspace:*",
     "@rspress/core": "catalog:",
     "@rspress/plugin-algolia": "catalog:",
@@ -27,6 +26,7 @@
     "rsbuild-plugin-google-analytics": "catalog:",
     "rsbuild-plugin-open-graph": "catalog:",
     "rspress-plugin-font-open-sans": "catalog:",
+    "rstack": "catalog:",
     "typescript": "catalog:"
   }
 }

website/package.json

@@ -1,5 +1,4 @@
 import { pluginSass } from '@rsbuild/plugin-sass';
-import { defineConfig } from '@rspress/core';
 import { pluginAlgolia } from '@rspress/plugin-algolia';
 import { pluginClientRedirects } from '@rspress/plugin-client-redirects';
 import { pluginRss } from '@rspress/plugin-rss';
@@ -12,12 +11,13 @@ import {
 import { pluginGoogleAnalytics } from 'rsbuild-plugin-google-analytics';
 import { pluginOpenGraph } from 'rsbuild-plugin-open-graph';
 import { pluginFontOpenSans } from 'rspress-plugin-font-open-sans';
-import { rsbuildPluginOverview } from './theme/rsbuildPluginOverview';
+import { define } from 'rstack';
+import { rsbuildPluginOverview } from './theme/rsbuildPluginOverview.ts';
 
 const siteUrl = 'https://rsbuild.rs';
 const description = 'The Rspack-based build tool';
 
-export default defineConfig({
+define.doc({
   plugins: [
     pluginAlgolia(),
     pluginSitemap({

website/rspress.config.ts website/rstack.config.tswebsite/rspress.config.ts renamed to website/rstack.config.ts

@@ -1 +1 @@
-/// <reference types="@rsbuild/core/types" />
+/// <reference types="rstack/types" />

website/theme/env.d.ts

@@ -1,6 +1,6 @@
 import path from 'node:path';
-import type { RsbuildPlugin } from '@rsbuild/core';
 import glob from 'fast-glob';
+import type { RsbuildPlugin } from 'rstack/app';
 import type { Group } from './components/Overview';
 
 const camelCase = (input: string): string => input.replace(/[-_](\w)/g, (_, c) => c.toUpperCase());

website/theme/rsbuildPluginOverview.ts

@@ -1,8 +1,9 @@
 {
   "extends": "@scripts/config/tsconfig",
   "compilerOptions": {
+    "allowImportingTsExtensions": true,
     "jsx": "react-jsx",
-    "outDir": "dist",
+    "noEmit": true,
     "paths": {
       "@theme": ["./theme"],
       "@components/*": ["./theme/components/*"],
@@ -14,5 +15,5 @@
   "mdx": {
     "checkMdx": true
   },
-  "include": ["docs", "rspress.config.ts", "theme", "env.d.ts"]
+  "include": ["docs", "rstack.config.ts", "theme", "env.d.ts"]
 }