feat(docs): Allow custom components before DocItems (#4144)

docs/site/configs/preContent.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import Admonition from '@theme/Admonition';
+
+export default {
+  '/iota-identity*': <Admonition type='info'>IOTA Identity is currently in alpha and may still be subject to significant changes</Admonition>,
+};

docs/site/src/theme/DocItem/index.tsx

@@ -0,0 +1,26 @@
+/**
+ * SWIZZLED VERSION: 3.5.2
+ * REASONS:
+ *  - Add option to allow custom components before the DocItem
+ */
+import React from 'react';
+import DocItem from '@theme-original/DocItem';
+import type DocItemType from '@theme/DocItem';
+import type {WrapperProps} from '@docusaurus/types';
+import { useLocation } from '@docusaurus/router';
+
+import preMDXComponents from '../../../configs/preContent';
+
+type Props = WrapperProps<typeof DocItemType>;
+
+export default function DocItemWrapper(props: Props): JSX.Element {
+  const { pathname } = useLocation();
+  const matchingKey = Object.keys(preMDXComponents).find((key) => new RegExp(key).test(pathname));
+
+  return (
+    <>
+      {preMDXComponents[matchingKey]}
+      <DocItem {...props} />
+    </>
+  );
+}

docs/site/src/theme/MDXContent/index.tsx

@@ -2,6 +2,7 @@
  * SWIZZLED VERSION: 3.5.2
  * REASONS:
  *  - Add default components
+ *  - Add FeedbackForm component
  */
 import React from 'react';
 import { MDXProvider } from '@mdx-js/react';