chore: Trying things

Author: franky47

.gitignore

@@ -8,3 +8,4 @@ yarn-error.log
 package-lock.json
 .next/
 .turbo/
+.vercel

packages/docs/src/app/playground/(demos)/_components/source-on-github.tsx

@@ -1,23 +1,23 @@
 import { CodeBlock } from '@/src/components/code-block'
 import { FileCode2 } from 'lucide-react'
 import fs from 'node:fs/promises'
-import path from 'node:path'
 
 type SourceOnGitHubProps = {
   path: string
 }
 
 export async function SourceOnGitHub({ path }: SourceOnGitHubProps) {
-  const source = await readSourceCode(path)
+  const localPath = path.replace(process.cwd(), '')
+  const source = await fs.readFile(path, 'utf8')
   return (
     <footer className="mt-2 space-y-2 border-t py-4">
       <div className="flex items-baseline">
         <span className="flex items-center gap-1 text-zinc-500">
           <FileCode2 size={16} />
-          {path.split('/').slice(1).join('/')}
+          {localPath.split('/').slice(1).join('/')}
         </span>
         <a
-          href={`https://github.com/47ng/nuqs/tree/next/packages/docs/src/app/playground/(demos)/${path}`}
+          href={`https://github.com/47ng/nuqs/tree/next/packages/docs${localPath}`}
           className="ml-auto text-sm"
         >
           Source on GitHub
@@ -29,15 +29,3 @@ export async function SourceOnGitHub({ path }: SourceOnGitHubProps) {
     </footer>
   )
 }
-
-function readSourceCode(demoPath: string) {
-  const demoFilePath = path.resolve(
-    process.cwd(),
-    'src',
-    'app',
-    'playground',
-    '(demos)',
-    demoPath
-  )
-  return fs.readFile(demoFilePath, 'utf8')
-}

packages/docs/src/app/playground/(demos)/basic-counter/page.tsx

@@ -16,7 +16,11 @@ export default function BasicCounterDemoPage() {
       <Suspense>
         <Client />
       </Suspense>
-      <SourceOnGitHub path="basic-counter/client.tsx" />
+      <SourceOnGitHub
+        path={
+          process.cwd() + '/src/app/playground/(demos)/basic-counter/client.tsx'
+        }
+      />
     </>
   )
 }

packages/docs/src/app/playground/(demos)/batching/page.tsx

@@ -14,7 +14,9 @@ export default function BuilderPatternDemoPage() {
       <Suspense>
         <Client />
       </Suspense>
-      <SourceOnGitHub path="batching/client.tsx" />
+      <SourceOnGitHub
+        path={process.cwd() + '/src/app/playground/(demos)/batching/client.tsx'}
+      />
     </>
   )
 }

packages/docs/src/app/playground/(demos)/hex-colors/page.tsx

@@ -14,7 +14,11 @@ export default function HexColorsDemoPage() {
       <Suspense>
         <Client />
       </Suspense>
-      <SourceOnGitHub path="hex-colors/client.tsx" />
+      <SourceOnGitHub
+        path={
+          process.cwd() + '/src/app/playground/(demos)/hex-colors/client.tsx'
+        }
+      />
     </>
   )
 }

packages/docs/src/app/playground/(demos)/pagination/page.tsx

@@ -33,10 +33,27 @@ export default async function PaginationDemoPage({ searchParams }: PageProps) {
       <Suspense>
         <ProductSection />
       </Suspense>
-      <SourceOnGitHub path="pagination/searchParams.ts" />
-      <SourceOnGitHub path="pagination/page.tsx" />
-      <SourceOnGitHub path="pagination/pagination-controls.server.tsx" />
-      <SourceOnGitHub path="pagination/pagination-controls.client.tsx" />
+      <SourceOnGitHub
+        path={
+          process.cwd() +
+          '/src/app/playground/(demos)/pagination/searchParams.ts'
+        }
+      />
+      <SourceOnGitHub
+        path={process.cwd() + '/src/app/playground/(demos)/pagination/page.tsx'}
+      />
+      <SourceOnGitHub
+        path={
+          process.cwd() +
+          '/src/app/playground/(demos)/pagination/pagination-controls.server.tsx'
+        }
+      />
+      <SourceOnGitHub
+        path={
+          process.cwd() +
+          '/src/app/playground/(demos)/pagination/pagination-controls.client.tsx'
+        }
+      />
     </>
   )
 }