fix

Author: zbeyens

apps/www/src/app/api/registry/[name]/route.ts

@@ -0,0 +1,43 @@
+import { NextResponse } from 'next/server';
+import { z } from 'zod';
+
+import { highlightFiles } from '@/lib/highlight-code';
+import { getRegistryItem } from '@/lib/registry';
+
+const ParamsSchema = z.object({
+  name: z.string().min(1, 'Name parameter is required'),
+});
+
+export async function GET(_: Request, { params }: any) {
+  try {
+    const { name } = ParamsSchema.parse({ name: params.name });
+
+    const item = await getRegistryItem(name);
+
+    if (!item?.files) {
+      return NextResponse.json({ files: null });
+    }
+
+    const highlightedFiles = await highlightFiles(item.files);
+
+    return NextResponse.json({
+      files: highlightedFiles,
+    });
+  } catch (error) {
+    if (error instanceof z.ZodError) {
+      console.error('Failed to get registry files:', error.issues[0].message);
+
+      return NextResponse.json(
+        { error: error.issues[0].message },
+        { status: 400 }
+      );
+    }
+
+    console.error('Failed to get registry files:', error);
+
+    return NextResponse.json(
+      { error: 'Failed to get registry files' },
+      { status: 500 }
+    );
+  }
+}

apps/www/src/components/block-actions.ts

@@ -29,7 +29,6 @@ import {
 } from 'lucide-react';
 import Link from 'next/link';
 
-import { getHighlightedFiles } from '@/components/block-actions';
 import { CopyNpmCommandButton } from '@/components/copy-button';
 import {
   Collapsible,
@@ -132,11 +131,20 @@ function BlockViewerProvider({
         setIsLoading(true);
 
         try {
-          const files = await getHighlightedFiles(item.name);
-          setHighlightedFiles(files);
+          const response = await fetch(
+            `/api/registry/${encodeURIComponent(item.name)}`
+          );
+          const data = await response.json();
 
-          if (!activeFile && files?.length) {
-            setActiveFile(files[0].target!);
+          if (!response.ok) {
+            throw new Error(data.error || 'Failed to fetch files');
+          }
+          if (data.files) {
+            setHighlightedFiles(data.files);
+
+            if (!activeFile && data.files?.length) {
+              setActiveFile(data.files[0].target!);
+            }
           }
         } catch (error) {
           console.error('Failed to load files:', error);