docs: move to SolidBase

Author: XiNiHa

docs/.gitignore

@@ -7,6 +7,8 @@
 node_modules
 dist/
 doc_build/
+.vinxi/
+.output/
 
 # IDE
 .vscode/*

docs/README.md

@@ -0,0 +1,103 @@
+import * as fs from "node:fs";
+import * as path from "node:path";
+import { createWithSolidBase } from "@kobalte/solidbase/config";
+import defaultTheme, {
+	type SidebarItem,
+} from "@kobalte/solidbase/default-theme";
+import { defineConfig } from "@solidjs/start/config";
+
+export default defineConfig(
+	createWithSolidBase(defaultTheme)(
+		{
+			ssr: true,
+			server: {
+				compatibilityDate: "2025-05-26",
+				preset: "cloudflare_module",
+				cloudflare: {
+					deployConfig: true,
+					nodeCompat: true,
+				},
+				prerender: {
+					crawlLinks: true,
+				},
+			},
+		},
+		{
+			title: "Solid Relay",
+			description: "SolidJS Bindings for Relay",
+			lang: "en",
+			issueAutolink: "https://github.com/XiNiHa/solid-relay/issues/:issue",
+			editPath: "https://github.com/XiNiHa/solid-relay/edit/main/docs/:path",
+			themeConfig: {
+				socialLinks: {
+					// @ts-ignore
+					github: "https://github.com/XiNiHa/solid-relay",
+				},
+				nav: [
+					{
+						text: "Guide",
+						link: "/guide",
+					},
+					{
+						text: "API",
+						link: "/api",
+					},
+				],
+				sidebar: {
+					"/guide": {
+						items: [
+							{
+								title: "Overview",
+								collapsed: false,
+								items: [
+									{
+										title: "Getting Started",
+										link: "/",
+									},
+								],
+							},
+						],
+					},
+					"/api": {
+						items: [
+							{
+								title: "API Reference",
+								collapsed: false,
+								items: [
+									{
+										title: "Index",
+										link: "/",
+									},
+								],
+							},
+							...(await Promise.all(
+								["Functions", "Interfaces"].map(
+									async (section): Promise<SidebarItem> => {
+										const dir = section.toLowerCase();
+										const items = await fs.promises.readdir(
+											path.join(import.meta.dirname, "src/routes/api", dir),
+										);
+
+										return {
+											title: section,
+											collapsed: false,
+											items: items.map((item) => {
+												const name = path
+													.basename(item)
+													.replace(path.extname(item), "");
+												return {
+													title: name,
+													link: `/${dir}/${name}`,
+												};
+											}),
+										};
+									},
+								),
+							)),
+						],
+					},
+				},
+			},
+		},
+	),
+);

docs/app.config.ts

@@ -1,17 +1,30 @@
 {
 	"name": "solid-relay-docs",
+	"type": "module",
 	"private": true,
 	"scripts": {
-		"dev": "rspress dev",
-		"build": "rspress build",
-		"preview": "rspress preview"
+		"dev": "vinxi dev",
+		"build": "typedoc && vinxi build",
+		"preview": "vinxi preview"
 	},
 	"dependencies": {
-		"rspress": "^1.44.0"
+		"@fontsource-variable/inter": "^5.2.5",
+		"@fontsource-variable/jetbrains-mono": "^5.2.5",
+		"@fontsource-variable/lexend": "^5.2.7",
+		"@kobalte/solidbase": "^0.2.11",
+		"@solidjs/meta": "^0.29.4",
+		"@solidjs/router": "^0.15.3",
+		"@solidjs/start": "^1.1.4",
+		"@vinxi/plugin-mdx": "^3.7.2",
+		"solid-js": "^1.9.7",
+		"solid-mdx": "^0.0.7",
+		"vinxi": "^0.5.6"
 	},
 	"devDependencies": {
-		"@rspress/plugin-typedoc": "^1.44.0",
+		"@iconify-json/ri": "^1.2.5",
 		"@types/node": "^22.15.21",
-		"solid-relay": "workspace:^"
+		"solid-relay": "workspace:^",
+		"typedoc": "^0.28.4",
+		"typedoc-plugin-markdown": "^4.6.3"
 	}
 }

docs/docs/_meta.json

@@ -0,0 +1,11 @@
+import { SolidBaseRoot } from "@kobalte/solidbase/client";
+import { Router } from "@solidjs/router";
+import { FileRoutes } from "@solidjs/start/router";
+
+export default function App() {
+	return (
+		<Router root={SolidBaseRoot}>
+			<FileRoutes />
+		</Router>
+	);
+}