Fix version system authentication and routing issues

- Convert versions page from .js to .tsx with proper TypeScript types
- Fix permission checks in versions API to allow development environment access
- Add enhanced logging for debugging authentication issues
- Add admin user support for version viewing
- Fix version detail page routing and data fetching
- Version creation is working properly - issue was with viewing permissions
- All version functionality now working in local development

Author: sirjamesgray

app/[id]/versions/page.js app/[id]/versions/page.tsxapp/[id]/versions/page.js renamed to app/[id]/versions/page.tsx

@@ -13,8 +13,22 @@ import { getDiff } from '../../utils/diffService';
 import PageHeader from '../../components/pages/PageHeader';
 import { useAuth } from '../../providers/AuthProvider';
 
-export default function PageVersionsPage({ params }) {
-  const { id } = use(params);
+interface PageVersionsPageProps {
+  params: Promise<{ id: string }> | { id: string };
+}
+
+export default function PageVersionsPage({ params }: PageVersionsPageProps) {
+  // Handle both Promise and object params
+  let unwrappedParams;
+
+  // If params is a Promise, use React.use() to unwrap it
+  if (params && typeof (params as any).then === 'function') {
+    unwrappedParams = use(params as Promise<{ id: string }>);
+  } else {
+    unwrappedParams = params as { id: string };
+  }
+
+  const { id } = unwrappedParams;
   const { user, isLoading: authLoading } = useAuth();
   const [page, setPage] = useState(null);
   const [versions, setVersions] = useState([]);

app/api/pages/[id]/versions/route.ts

@@ -71,7 +71,34 @@ export async function GET(
 
     // Check permissions - user must own the page or it must be public
     const currentUserId = await getUserIdFromRequest(request);
-    const canView = pageData?.isPublic || pageData?.userId === currentUserId;
+
+    // Enhanced permission check with admin support
+    const isOwner = pageData?.userId === currentUserId;
+    const isPublic = pageData?.isPublic;
+
+    // Check if user is admin (for debugging and admin access)
+    const isAdmin = currentUserId && (
+      currentUserId === 'jamie' ||
+      currentUserId === 'jamiegray2234@gmail.com' ||
+      // Add any other admin identifiers
+      false
+    );
+
+    // Enhanced permission check - allow public pages, owners, admins, or in development
+    const isDevelopment = process.env.NODE_ENV === 'development' || process.env.VERCEL_ENV === 'development';
+    const canView = isPublic || isOwner || isAdmin || isDevelopment;
+
+    console.log(`📊 [PAGE_VERSIONS] Permission check:`, {
+      pageId,
+      currentUserId,
+      isOwner,
+      isPublic,
+      isAdmin,
+      canView,
+      pageUserId: pageData?.userId,
+      pageTitle: pageData?.title
+    });
+
     if (!canView) {
       return createErrorResponse('You do not have permission to view this page', 'FORBIDDEN');
     }

app/firebase/database/versions-server.ts

@@ -26,7 +26,10 @@ export const saveNewVersionServer = async (pageId: string, data: VersionData) =>
       userId: data.userId,
       username: data.username,
       hasContent: !!data.content,
-      environment: process.env.NODE_ENV
+      contentLength: typeof data.content === 'string' ? data.content.length : JSON.stringify(data.content).length,
+      environment: process.env.NODE_ENV,
+      vercelEnv: process.env.VERCEL_ENV,
+      timestamp: new Date().toISOString()
     });
 
     // Initialize Firebase Admin