Refactor documentation structure and remove unused components (#121)

* Refactor documentation structure and remove unused components

- Updated import paths for ReactQueryProvider and other components to ensure consistency.
- Deleted unused files and components, including various example pages and utility functions, to streamline the codebase.
- Adjusted TypeScript configuration for improved module resolution.
- Enhanced overall organization of the documentation structure for better clarity and maintainability.

* Update packages/docs/app/[[...mdxPath]]/page.tsx

Co-authored-by: Copilot <[email protected]>

* Update packages/docs/content/_meta.tsx

Co-authored-by: Copilot <[email protected]>

* Update packages/docs/app/[[...mdxPath]]/page.tsx

Co-authored-by: Copilot <[email protected]>

---------

Co-authored-by: Copilot <[email protected]>

Author: marklundin

packages/docs/app/[[...mdxPath]]/page.tsx

@@ -0,0 +1,63 @@
+import { generateStaticParamsFor, importPage } from 'nextra/pages'
+import { useMDXComponents as getMDXComponents } from '../../mdx-components'
+import { readFile } from 'node:fs/promises'
+import path from 'node:path'
+import Playground from '@docs-components/Playground'
+ 
+export const generateStaticParams = generateStaticParamsFor('mdxPath')
+const EXAMPLES_PATH = 'examples'
+ 
+export async function generateMetadata(props) {
+  const params = await props.params
+
+  const isExamples = params.mdxPath[0] === EXAMPLES_PATH;
+
+  if (isExamples) {
+    const fileName = params.mdxPath.slice(-1)[0];
+    const contentPath = params.mdxPath.slice(0, 1);
+
+    const source = await readFile(
+      path.join(process.cwd(), 'content', ...contentPath, `${fileName}.meta.json`),
+      'utf-8'
+    )
+
+    // We can't dynamically import with the full path. An error is thrown because the import is too dynamic.
+    // const metaPath = path.join('@content', 'examples', `${fileName}.meta.tsx`)
+    // const { default: metadata } = await import(metaPath);
+    return JSON.parse(source);
+  }
+
+  const { metadata } = await importPage(params.mdxPath)
+  return metadata
+}
+ 
+const Wrapper = getMDXComponents().wrapper
+ 
+export default async function Page(props) {
+  const params = await props.params
+
+  const { default: MDXContent, toc, metadata } = await importPage(params.mdxPath)
+  const isExamples = params.mdxPath[0] === EXAMPLES_PATH;
+
+  if (isExamples) {
+    const contentPath = params.mdxPath.slice(0, 1);
+    const fileName = params.mdxPath.slice(-1)[0];
+
+    const source = await readFile(
+        path.join(process.cwd(), 'content', ...contentPath, `${fileName}.mdx`),
+        'utf-8'
+    )
+
+    return (
+        <div className='absolute top-0 left-0 w-screen h-screen pointer-events-none'>
+            <Playground name={`./${params.mdxPath}.tsx`} code={source} path={metadata.filePath}/>
+        </div>
+    )
+  }
+  
+  return (
+    <Wrapper toc={toc} metadata={metadata}>
+      <MDXContent {...props} params={params} />
+    </Wrapper>
+  )
+}

packages/docs/src/app/globals.css packages/docs/app/globals.csspackages/docs/src/app/globals.css renamed to packages/docs/app/globals.css

@@ -6,7 +6,7 @@ import { Footer, Layout, Navbar } from 'nextra-theme-docs'
 import { Banner, Head } from 'nextra/components'
 import { getPageMap } from 'nextra/page-map'
 import { CodeXml } from 'lucide-react'
-import ReactQueryProvider from '@/docs-components/ReactQueryProvider'
+import ReactQueryProvider from '@docs-components/ReactQueryProvider'
 
 export const metadata = {
   metadataBase: new URL('https://playcanvas.com'),
@@ -61,7 +61,7 @@ export default async function RootLayout({ children }: { children: React.ReactNo
             MIT {new Date().getFullYear()} ©{' '} PlayCanvas.
           </Footer>}
           editLink="Edit this page on GitHub"
-          docsRepositoryBase="https://github.com/playcanvas/react/tree/main/packages/docs/"
+          docsRepositoryBase="https://github.com/playcanvas/react/tree/main/packages/docs"
           sidebar={{ 
             defaultMenuCollapseLevel: 1,
             toggleButton: true

packages/docs/src/app/layout.tsx packages/docs/app/layout.tsxpackages/docs/src/app/layout.tsx renamed to packages/docs/app/layout.tsx

@@ -2,7 +2,7 @@ import { Application, Entity } from '@playcanvas/react'
 import { OrbitControls } from '@playcanvas/react/scripts'
 import { Align, Light, Anim, Camera, Collision, EnvAtlas, GSplat, Script, Render, RigidBody } from '@playcanvas/react/components'
 
-import ReactQueryProvider from '@/docs-components/ReactQueryProvider'
+import ReactQueryProvider from '@docs-components/ReactQueryProvider'
 
 import EnvAtlasComponent from '@components/EnvAtlas'
 import Grid from '@components/Grid'