docs: move to SolidBase

Author: XiNiHa

docs/README.md

@@ -0,0 +1,95 @@
+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: {
+				preset: "cloudflare-pages",
+			},
+		},
+		{
+			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.43.10"
+		"@fontsource-variable/inter": "^5.2.5",
+		"@fontsource-variable/jetbrains-mono": "^5.2.5",
+		"@fontsource-variable/lexend": "^5.2.6",
+		"@kobalte/solidbase": "^0.2.0",
+		"@solidjs/meta": "^0.29.4",
+		"@solidjs/router": "^0.15.3",
+		"@solidjs/start": "^1.1.3",
+		"@vinxi/plugin-mdx": "^3.7.2",
+		"solid-js": "^1.9.5",
+		"solid-mdx": "^0.0.7",
+		"vinxi": "^0.5.3"
 	},
 	"devDependencies": {
-		"@rspress/plugin-typedoc": "^1.43.10",
+		"@iconify-json/ri": "^1.2.5",
 		"@types/node": "^22.14.0",
-		"solid-relay": "workspace:^"
+		"solid-relay": "workspace:^",
+		"typedoc": "^0.28.1",
+		"typedoc-plugin-markdown": "^4.6.1"
 	}
 }

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>
+	);
+}

docs/docs/guide/_meta.json

@@ -0,0 +1,5 @@
+// @refresh reload
+import { StartClient, mount } from "@solidjs/start/client";
+
+// biome-ignore lint/style/noNonNullAssertion: always exists
+mount(() => <StartClient />, document.getElementById("app")!);