@defra/docusaurus-theme-govuk 0.0.1-alpha

package/src/theme/MDXComponents/index.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import CodeBlock from '@theme/CodeBlock';
+import Heading from '@theme/Heading';
+import Admonition from '@theme/Admonition';
+import {InsetText} from '@not-govuk/simple-components';
+
+function GovukLink(props) {
+  return <a className="govuk-link" {...props} />;
+}
+
+const MDXComponents = {
+  // Inline code only; block code is handled by the pre handler
+  code: (props) => <code {...props} />,
+  pre: (props) => {
+    // MDX wraps fenced code blocks in <pre><code className="language-x">.
+    // Extract the inner code element props and render as CodeBlock.
+    const {children} = props;
+    if (React.isValidElement(children)) {
+      return <CodeBlock {...children.props} />;
+    }
+    return <pre {...props} />;
+  },
+  // GOV.UK table styling
+  table: (props) => <table className="govuk-table" {...props} />,
+  thead: (props) => <thead className="govuk-table__head" {...props} />,
+  tbody: (props) => <tbody className="govuk-table__body" {...props} />,
+  tr: (props) => <tr className="govuk-table__row" {...props} />,
+  th: (props) => <th className="govuk-table__header" {...props} />,
+  td: (props) => <td className="govuk-table__cell" {...props} />,
+  // Blockquotes rendered as GOV.UK InsetText
+  blockquote: ({children, ...rest}) => <InsetText {...rest}>{children}</InsetText>,
+  h1: (props) => <Heading as="h1" {...props} />,
+  h2: (props) => <Heading as="h2" {...props} />,
+  h3: (props) => <Heading as="h3" {...props} />,
+  h4: (props) => <Heading as="h4" {...props} />,
+  h5: (props) => <Heading as="h5" {...props} />,
+  h6: (props) => <Heading as="h6" {...props} />,
+  a: GovukLink,
+  admonition: Admonition,
+};
+
+export default MDXComponents;

package/src/theme/MDXContent/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import {MDXProvider} from '@mdx-js/react';
+import MDXComponents from '@theme/MDXComponents';
+
+export default function MDXContent({children}) {
+  return <MDXProvider components={MDXComponents}>{children}</MDXProvider>;
+}

package/src/theme/NotFound/Content/index.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+
+export default function NotFoundContent() {
+  const homeUrl = useBaseUrl('/');
+
+  return (
+    <div className="app-prose-scope">
+      <h1 className="govuk-heading-xl">Page not found</h1>
+      <p className="govuk-body">
+        If you typed the web address, check it is correct.
+      </p>
+      <p className="govuk-body">
+        If you pasted the web address, check you copied the entire address.
+      </p>
+      <p className="govuk-body">
+        <a href={homeUrl} className="govuk-link">
+          Go to the homepage
+        </a>
+      </p>
+    </div>
+  );
+}

package/src/theme/NotFound/index.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import Layout from '@theme/Layout';
+import NotFoundContent from '@theme/NotFound/Content';
+
+export default function NotFound() {
+  return (
+    <Layout title="Page not found">
+      <NotFoundContent />
+    </Layout>
+  );
+}

package/src/theme/Root/index.js

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default function Root({children}) {
+  return <>{children}</>;
+}

package/src/theme/TOCItems/index.js

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default function TOCItems() {
+  return null;
+}