website updates

Author: danez

packages/website/src/components/ContentMissing.tsx

@@ -1,4 +1,4 @@
-import { Callout } from 'nextra-theme-docs';
+import { Callout } from 'nextra/components';
 
 export default function ContentMissing() {
   return (

packages/website/src/pages/docs/getting-started/nodejs.mdx

@@ -32,7 +32,7 @@ yarn add react-docgen
 
 ## Usage
 
-Here is an easy example
+Here is a basic example
 
 ```ts filename="index.tsx" copy
 import { parse } from 'react-docgen';

packages/website/src/pages/docs/reference/documentation/basic.mdx

@@ -1,4 +1,4 @@
-import { Callout } from 'nextra-theme-docs';
+import { Callout } from 'nextra/components';
 
 # Basic
 

packages/website/src/pages/docs/reference/handlers/_meta.json

@@ -1,12 +1,12 @@
 {
-  "child-context-type-handler": "childContextTypeHandler",
-  "code-type-handler": "codeTypeHandler",
-  "component-docblock-handler": "componentDocblockHandler",
-  "component-methods-handler": "componentMethodsHandler",
-  "context-type-handler": "contextTypeHandler",
-  "default-props-handler": "defaultPropsHandler",
-  "display-name-handler": "displayNameHandler",
-  "prop-docblock-handler": "propDocblockHandler",
-  "prop-type-composition-handler": "propTypeCompositionHandler",
-  "prop-type-handler": "propTypeHandler"
+  "child-context-type-handler": "childContextType",
+  "code-type-handler": "codeType",
+  "component-docblock-handler": "componentDocblock",
+  "component-methods-handler": "componentMethods",
+  "context-type-handler": "contextType",
+  "default-props-handler": "defaultProps",
+  "display-name-handler": "displayName",
+  "prop-docblock-handler": "propDocblock",
+  "prop-type-composition-handler": "propTypeComposition",
+  "prop-type-handler": "propType"
 }

packages/website/src/pages/docs/reference/handlers/prop-type-composition-handler.mdx

@@ -1,5 +1,61 @@
-import ContentMissing from '@/components/ContentMissing';
-
 # propTypeCompositionHandler
 
-<ContentMissing />
+Adds the name of the module to the `composes` field when:
+
+- a variable is spread into `propTypes`
+- the import cannot be followed
+
+## Examples
+
+When the `propTypeCompositionHandler` is active any of these components will
+result in the output below
+
+```ts {1,6} filename="component.tsx"
+import otherPropTypes from './Link.js';
+import { Component } from 'react';
+
+class Button extends Component {
+  static propTypes = {
+    ...otherPropTypes,
+  };
+
+  render() {
+    return <div />;
+  }
+}
+```
+
+```ts {1,11} filename="component.tsx"
+import otherPropTypes from './Link.js';
+import { Component } from 'react';
+
+class Button extends Component {
+  render() {
+    return <div />;
+  }
+}
+
+Button.propTypes = {
+  ...otherPropTypes,
+};
+```
+
+```ts {1,6} filename="component.tsx"
+import otherPropTypes from './Link.js';
+
+const Button = () => <div />;
+
+Button.propTypes = {
+  ...otherPropTypes,
+};
+```
+
+## Output
+
+```json {3} filename="JSON"
+[
+  {
+    "composes": ["./Link.js"]
+  }
+]
+```

packages/website/src/pages/index.mdx

@@ -1,6 +1,9 @@
-import { Callout } from 'nextra-theme-docs';
+import { Callout } from 'nextra/components';
 
-# react-docgen
+# Document React \<components /\> in JSON format
+
+<br />
+<br />
 
 `react-docgen` is a highly customizable library that extracts information from
 [React](https://reactjs.org/) components and returns this information in a

packages/website/src/theme.config.tsx

@@ -1,8 +1,9 @@
 import React from 'react';
 import type { DocsThemeConfig } from 'nextra-theme-docs';
+import { useRouter } from 'next/router';
 
 const config: DocsThemeConfig = {
-  logo: <span>react-docgen</span>,
+  logo: <span className="text-lg font-bold">react-docgen</span>,
   project: {
     link: 'https://github.com/reactjs/react-docgen',
   },
@@ -11,7 +12,19 @@ const config: DocsThemeConfig = {
   footer: {
     text: '',
   },
-  useNextSeoProps: () => ({ titleTemplate: '%s \u2013 react-docgen' }),
+  useNextSeoProps: () => {
+    const { asPath } = useRouter();
+
+    if (asPath !== '/') {
+      return {
+        titleTemplate: '%s \u2013 react-docgen',
+      };
+    } else {
+      return {
+        titleTemplate: 'react-docgen \u2013 React documentation generator',
+      };
+    }
+  },
 };
 
 export default config;