refactor(website): minor improvements

Author: Rel1cx

apps/website/app/base.css

@@ -1,6 +1,7 @@
 @import "tailwindcss";
 @import "fumadocs-ui/css/neutral.css";
 @import "fumadocs-ui/css/preset.css";
+@import "fumadocs-twoslash/twoslash.css";
 
 @source "../components/fumadocs-ui/**/*.js";
 

apps/website/app/docs/[[...slug]]/page.tsx

@@ -1,9 +1,16 @@
+import { Tab, Tabs } from "fumadocs-ui/components/tabs";
 import defaultMdxComponents from "fumadocs-ui/mdx";
 import { DocsBody, DocsDescription, DocsPage, DocsTitle } from "fumadocs-ui/page";
 import { notFound } from "next/navigation";
 
 import { source } from "#/lib/source";
 
+const mdxComponents = {
+  ...defaultMdxComponents,
+  Tab,
+  Tabs,
+};
+
 export default async function Page(props: {
   params: Promise<{ slug?: string[] }>;
 }) {
@@ -18,7 +25,7 @@ export default async function Page(props: {
       <DocsTitle>{page.data.title}</DocsTitle>
       <DocsDescription>{page.data.description}</DocsDescription>
       <DocsBody>
-        <MDX components={{ ...defaultMdxComponents }} />
+        <MDX components={mdxComponents} />
       </DocsBody>
     </DocsPage>
   );

apps/website/app/overrides.css

@@ -44,6 +44,10 @@
     monospace;
 }
 
+button[role] {
+  cursor: pointer;
+}
+
 #nd-docs-layout #nd-sidebar a[data-active] {
   font-weight: 400;
 }

apps/website/content/docs/getting-started/javascript.mdx

@@ -5,15 +5,8 @@ description: Getting started with JavaScript setup
 
 ## Install
 
-```sh copy title="Terminal"
-# npm
+```package-install
 npm install --save-dev eslint @eslint/js @eslint-react/eslint-plugin
-
-# pnpm
-pnpm add --save-dev eslint @eslint/js @eslint-react/eslint-plugin
-
-# yarn
-yarn add --dev eslint @eslint/js @eslint-react/eslint-plugin
 ```
 
 ## Setup

apps/website/content/docs/getting-started/typescript.mdx

@@ -5,15 +5,8 @@ description: Getting started with TypeScript setup
 
 ## Install
 
-```sh copy title="Terminal"
-# npm
+```package-install
 npm install --save-dev typescript-eslint @eslint-react/eslint-plugin
-
-# pnpm
-pnpm add --save-dev typescript-eslint @eslint-react/eslint-plugin
-
-# yarn
-yarn add --dev typescript-eslint @eslint-react/eslint-plugin
 ```
 
 ## Setup

apps/website/content/docs/using-an-alternative-parser/babel-eslint-parser.mdx

@@ -5,15 +5,8 @@ description: "Using @babel/eslint-parser as an alternative parser for JavaScript
 
 ## Install
 
-```sh copy title="Terminal"
-# npm
+```package-install
 npm install --save-dev eslint @eslint/js globals @babel/core @babel/eslint-parser @babel/preset-env @babel/preset-react @eslint-react/eslint-plugin
-
-# pnpm
-pnpm add --save-dev eslint @eslint/js globals @babel/core @babel/eslint-parser @babel/preset-env @babel/preset-react @eslint-react/eslint-plugin
-
-# yarn
-yarn add --dev eslint @eslint/js globals @babel/core @babel/eslint-parser @babel/preset-env @babel/preset-react @eslint-react/eslint-plugin
 ```
 
 ## Setup

apps/website/content/docs/using-an-alternative-parser/ts-blank-eslint-parser.mdx

@@ -16,15 +16,8 @@ Use it only if you are okay with the limitations.
 
 ## Install
 
-```sh copy title="Terminal"
-# npm
+```package-install
 npm install --save-dev eslint typescript-eslint @eslint/js globals ts-blank-eslint-parser @eslint-react/eslint-plugin@next
-
-# pnpm
-pnpm add --save-dev eslint typescript-eslint @eslint/js globals ts-blank-eslint-parser @eslint-react/eslint-plugin@next
-
-# yarn
-yarn add --dev eslint typescript-eslint @eslint/js globals ts-blank-eslint-parser @eslint-react/eslint-plugin@next
 ```
 
 ## Setup

apps/website/package.json

@@ -15,12 +15,12 @@
   "dependencies": {
     "@chevrotain/regexp-to-ast": "^11.0.3",
     "clsx": "^2.1.1",
-    "fumadocs-core": "15.0.10",
-    "fumadocs-docgen": "1.3.7",
-    "fumadocs-mdx": "11.5.6",
-    "fumadocs-twoslash": "3.0.0",
-    "fumadocs-typescript": "3.0.3",
-    "fumadocs-ui": "15.0.10",
+    "fumadocs-core": "^15.0.10",
+    "fumadocs-docgen": "^1.3.7",
+    "fumadocs-mdx": "^11.5.6",
+    "fumadocs-twoslash": "^3.0.0",
+    "fumadocs-typescript": "^3.0.3",
+    "fumadocs-ui": "^15.0.10",
     "lucide-react": "^0.475.0",
     "next": "^15.1.7",
     "next-view-transitions": "^0.3.4",
@@ -43,7 +43,7 @@
     "@tsconfig/strictest": "^2.0.5",
     "@types/hast": "^3.0.4",
     "@types/mdx": "^2.0.13",
-    "@types/node": "^22.13.4",
+    "@types/node": "^22.13.5",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
     "autoprefixer": "^10.4.20",
@@ -59,7 +59,7 @@
     "eslint-plugin-unicorn": "^57.0.0",
     "markuplint": "^4.11.6",
     "postcss": "^8.5.3",
-    "tailwindcss": "4.0.8",
+    "tailwindcss": "^4.0.8",
     "typescript": "^5.7.3",
     "typescript-eslint": "^8.24.1"
   }

apps/website/source.config.ts

@@ -1,63 +1,15 @@
+import { remarkDocGen, remarkInstall } from "fumadocs-docgen";
 import { defineConfig, defineDocs } from "fumadocs-mdx/config";
 
 export const { meta, docs } = defineDocs({
   dir: "content/docs",
 });
 
-export default defineConfig();
-
-// import { defineConfig, defineDocs } from "fumadocs-mdx/config";
-// import { transformerTwoslash } from "fumadocs-twoslash";
-// import { remarkInstall } from "fumadocs-docgen";
-
-// export const { docs, meta } = defineDocs({
-//   dir: "content/docs",
-//   // docs: {
-//   //   async: true,
-//   // },
-// });
-
-// export default defineConfig({
-//   lastModifiedTime: "git",
-//   mdxOptions: async () => {
-//     const { rehypeCodeDefaultOptions } = await import(
-//       "fumadocs-core/mdx-plugins"
-//     );
-//     return {
-//       rehypeCodeOptions: {
-//         lazy: true,
-//         langs: ["ts", "js", "html"],
-//         inline: "tailing-curly-colon",
-//         // themes: {
-//         //   light: "catppuccin-latte",
-//         //   dark: "catppuccin-mocha",
-//         // },
-//         transformers: [
-//           ...(rehypeCodeDefaultOptions.transformers ?? []),
-//           transformerTwoslash(),
-//           {
-//             name: "transformers:remove-notation-escape",
-//             code(hast) {
-//               for (const line of hast.children) {
-//                 if (line.type !== "element") continue;
-
-//                 const lastSpan = line.children.findLast(
-//                   (v) => v.type === "element",
-//                 );
-
-//                 const head = lastSpan?.children[0];
-//                 if (head?.type !== "text") return;
-
-//                 head.value = head.value.replace(/\[\\!code/g, "[!code");
-//               }
-//             },
-//           },
-//         ],
-//       },
-//       remarkPlugins: [
-//         [remarkInstall, { persist: { id: "package-manager" } }],
-//       ],
-//       // rehypePlugins: (v) => [rehypeKatex, ...v],
-//     };
-//   },
-// });
+export default defineConfig({
+  mdxOptions: {
+    remarkPlugins: [
+      [remarkDocGen, { generators: [] }],
+      remarkInstall,
+    ],
+  },
+});

examples/dual-react-dom-lib/package.json

@@ -34,7 +34,7 @@
     "@eslint/js": "^9.20.0",
     "@tsconfig/node22": "^22.0.0",
     "@tsconfig/strictest": "^2.0.5",
-    "@types/node": "^22.13.4",
+    "@types/node": "^22.13.5",
     "@types/react": "^19.0.10",
     "eslint": "^9.20.1",
     "eslint-plugin-react-dom": "workspace:*",