Next15

frontend/app/api/images/project/[projectId]/[imageId]/route.ts

@@ -2,8 +2,9 @@
 // while we still have images written with this old format
 export async function GET(
   req: Request,
-  { params }: { params: { projectId: string; imageId: string } }
+  props: { params: Promise<{ projectId: string; imageId: string }> }
 ): Promise<Response> {
+  const params = await props.params;
   return Response.redirect(
     new URL(`/api/projects/${params.projectId}/images/${params.imageId}`, req.url)
   );

frontend/app/api/limits/workspace/[workspaceId]/route.ts

@@ -4,10 +4,8 @@ import { getServerSession } from 'next-auth';
 import { authOptions } from '@/lib/auth';
 import { fetcher } from '@/lib/utils';
 
-export async function GET(
-  req: NextRequest,
-  { params }: { params: { workspaceId: string } }
-): Promise<Response> {
+export async function GET(req: NextRequest, props: { params: Promise<{ workspaceId: string }> }): Promise<Response> {
+  const params = await props.params;
   const workspaceId = params.workspaceId;
   const session = await getServerSession(authOptions);
   const user = session!.user;

frontend/app/api/limits/workspace/[workspaceId]/storage/route.ts

@@ -4,10 +4,8 @@ import { getServerSession } from 'next-auth';
 import { authOptions } from '@/lib/auth';
 import { fetcher } from '@/lib/utils';
 
-export async function GET(
-  req: NextRequest,
-  { params }: { params: { workspaceId: string } }
-): Promise<Response> {
+export async function GET(req: NextRequest, props: { params: Promise<{ workspaceId: string }> }): Promise<Response> {
+  const params = await props.params;
   const workspaceId = params.workspaceId;
   const session = await getServerSession(authOptions);
   const user = session!.user;

frontend/app/api/projects/[projectId]/api-keys/route.ts

@@ -3,10 +3,8 @@ import { getServerSession } from 'next-auth';
 
 import { authOptions } from '@/lib/auth';
 
-export async function POST(
-  req: NextRequest,
-  { params }: { params: { projectId: string } }
-): Promise<Response> {
+export async function POST(req: NextRequest, props: { params: Promise<{ projectId: string }> }): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
   const session = await getServerSession(authOptions);
   const user = session!.user;
@@ -26,10 +24,8 @@ export async function POST(
   );
 }
 
-export async function GET(
-  req: NextRequest,
-  { params }: { params: { projectId: string } }
-): Promise<Response> {
+export async function GET(req: NextRequest, props: { params: Promise<{ projectId: string }> }): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
   const session = await getServerSession(authOptions);
   const user = session!.user;
@@ -45,10 +41,8 @@ export async function GET(
   );
 }
 
-export async function DELETE(
-  req: NextRequest,
-  { params }: { params: { projectId: string } }
-): Promise<Response> {
+export async function DELETE(req: NextRequest, props: { params: Promise<{ projectId: string }> }): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
   const session = await getServerSession(authOptions);
   const user = session!.user;

frontend/app/api/projects/[projectId]/datasets/[datasetId]/datapoints/[datapointId]/route.ts

@@ -9,10 +9,10 @@ import { fetcher } from '@/lib/utils';
 
 export async function GET(
   req: Request,
-  {
-    params
-  }: { params: { projectId: string; datasetId: string; datapointId: string } }
+  props: { params: Promise<{ projectId: string; datasetId: string; datapointId: string }> }
 ) {
+  const params = await props.params;
+
   const datapoint = await db.query.datasetDatapoints.findFirst({
     where: and(
       eq(datasetDatapoints.id, params.datapointId),
@@ -29,10 +29,9 @@ export async function GET(
 
 export async function POST(
   req: Request,
-  {
-    params
-  }: { params: { projectId: string; datasetId: string; datapointId: string } }
+  props: { params: Promise<{ projectId: string; datasetId: string; datapointId: string }> }
 ): Promise<Response> {
+  const params = await props.params;
 
   const datasetId = params.datasetId;
   const datapointId = params.datapointId;

frontend/app/api/projects/[projectId]/datasets/[datasetId]/datapoints/all/route.ts

@@ -5,8 +5,9 @@ import { fetcher } from '@/lib/utils';
 
 export async function DELETE(
   req: Request,
-  { params }: { params: { projectId: string; datasetId: string } }
+  props: { params: Promise<{ projectId: string; datasetId: string }> }
 ): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
   const datasetId = params.datasetId;
   const session = await getServerSession(authOptions);

frontend/app/api/projects/[projectId]/datasets/[datasetId]/datapoints/route.ts

@@ -10,8 +10,9 @@ import { fetcher } from '@/lib/utils';
 
 export async function GET(
   req: NextRequest,
-  { params }: { params: { projectId: string; datasetId: string } }
+  props: { params: Promise<{ projectId: string; datasetId: string }> }
 ): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
   const datasetId = params.datasetId;
   const session = await getServerSession(authOptions);
@@ -39,8 +40,9 @@ const CreateDatapointsSchema = z.object({
 
 export async function POST(
   req: Request,
-  { params }: { params: { projectId: string; datasetId: string } }
+  props: { params: Promise<{ projectId: string; datasetId: string }> }
 ): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
   const datasetId = params.datasetId;
 
@@ -116,8 +118,9 @@ export async function POST(
 
 export async function DELETE(
   req: Request,
-  { params }: { params: { projectId: string; datasetId: string } }
+  props: { params: Promise<{ projectId: string; datasetId: string }> }
 ): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
   const datasetId = params.datasetId;
 

frontend/app/api/projects/[projectId]/datasets/[datasetId]/download/[format]/route.ts

@@ -7,12 +7,11 @@ import { DownloadFormat } from '@/lib/types';
 
 export async function GET(
   req: Request,
-  {
-    params
-  }: {
-    params: { projectId: string; datasetId: string; format: DownloadFormat };
+  props: {
+    params: Promise<{ projectId: string; datasetId: string; format: DownloadFormat }>;
   }
 ): Promise<Response> {
+  const params = await props.params;
 
 
   const projectId = params.projectId;

frontend/app/api/projects/[projectId]/datasets/[datasetId]/file-upload/route.ts

@@ -6,8 +6,9 @@ import { fetcher } from '@/lib/utils';
 
 export async function POST(
   req: NextRequest,
-  { params }: { params: { projectId: string; datasetId: string } }
+  props: { params: Promise<{ projectId: string; datasetId: string }> }
 ): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
   const datasetId = params.datasetId;
   const session = await getServerSession(authOptions);

frontend/app/api/projects/[projectId]/datasets/[datasetId]/index/route.ts

@@ -5,8 +5,9 @@ import { fetcher } from '@/lib/utils';
 
 export async function POST(
   req: Request,
-  { params }: { params: { projectId: string; datasetId: string } }
+  props: { params: Promise<{ projectId: string; datasetId: string }> }
 ): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
   const datasetId = params.datasetId;
   const session = await getServerSession(authOptions);

frontend/app/api/projects/[projectId]/datasets/[datasetId]/route.ts

@@ -8,8 +8,9 @@ import { fetcher } from '@/lib/utils';
 
 export async function GET(
   req: Request,
-  { params }: { params: { projectId: string; datasetId: string } }
+  props: { params: Promise<{ projectId: string; datasetId: string }> }
 ): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
   const datasetId = params.datasetId;
 
@@ -22,8 +23,9 @@ export async function GET(
 
 export async function DELETE(
   req: Request,
-  { params }: { params: { projectId: string; datasetId: string } }
+  props: { params: Promise<{ projectId: string; datasetId: string }> }
 ): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
   const datasetId = params.datasetId;
   const session = await getServerSession(authOptions);

frontend/app/api/projects/[projectId]/datasets/route.ts

@@ -5,10 +5,8 @@ import { db } from '@/lib/db/drizzle';
 import { datasetDatapoints,datasets } from '@/lib/db/migrations/schema';
 import { paginatedGet } from '@/lib/db/utils';
 
-export async function POST(
-  req: Request,
-  { params }: { params: { projectId: string } }
-): Promise<Response> {
+export async function POST(req: Request, props: { params: Promise<{ projectId: string }> }): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
   const body = await req.json();
   const { name } = body;
@@ -31,10 +29,8 @@ export async function POST(
   return new Response(JSON.stringify(dataset), { status: 200 });
 }
 
-export async function GET(
-  req: NextRequest,
-  { params }: { params: { projectId: string } }
-): Promise<Response> {
+export async function GET(req: NextRequest, props: { params: Promise<{ projectId: string }> }): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
 
   const pageNumber =
@@ -65,8 +61,9 @@ export async function GET(
 
 export async function DELETE(
   req: Request,
-  { params }: { params: { projectId: string; datasetId: string } }
+  props: { params: Promise<{ projectId: string; datasetId: string }> }
 ): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
 
   const { searchParams } = new URL(req.url);

frontend/app/api/projects/[projectId]/evaluation-groups/[groupId]/progression/route.ts

@@ -5,7 +5,11 @@ import { getEvaluationTimeProgression } from "@/lib/clickhouse/evaluation-scores
 import { AggregationFunction, TimeRange } from "@/lib/clickhouse/utils";
 
 
-export const GET = async (request: NextRequest, { params }: { params: { projectId: string, groupId: string } }) => {
+export const GET = async (
+  request: NextRequest,
+  props: { params: Promise<{ projectId: string, groupId: string }> }
+) => {
+  const params = await props.params;
   const { projectId, groupId } = params;
   let timeRange: TimeRange;
   if (request.nextUrl.searchParams.get('pastHours')) {

frontend/app/api/projects/[projectId]/evaluation-groups/route.ts

@@ -4,7 +4,8 @@ import { NextRequest, NextResponse } from 'next/server';
 import { db } from '@/lib/db/drizzle';
 import { evaluations } from '@/lib/db/migrations/schema';
 
-export async function GET(request: NextRequest, { params }: { params: { projectId: string } }) {
+export async function GET(request: NextRequest, props: { params: Promise<{ projectId: string }> }) {
+  const params = await props.params;
   const projectId = params.projectId;
   const groupedEvaluations = db.$with('grouped_evaluations').as(
     db.select({

frontend/app/api/projects/[projectId]/evaluation-score-distribution/route.ts

@@ -4,10 +4,8 @@ import { getServerSession } from 'next-auth';
 import { authOptions } from '@/lib/auth';
 import { fetcher } from '@/lib/utils';
 
-export async function GET(
-  req: NextRequest,
-  { params }: { params: { projectId: string } }
-): Promise<Response> {
+export async function GET(req: NextRequest, props: { params: Promise<{ projectId: string }> }): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
   const session = await getServerSession(authOptions);
   const user = session!.user;

frontend/app/api/projects/[projectId]/evaluation-score-stats/route.ts

@@ -4,10 +4,8 @@ import { getServerSession } from 'next-auth';
 import { authOptions } from '@/lib/auth';
 import { fetcher } from '@/lib/utils';
 
-export async function GET(
-  req: NextRequest,
-  { params }: { params: { projectId: string } }
-): Promise<Response> {
+export async function GET(req: NextRequest, props: { params: Promise<{ projectId: string }> }): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
   const session = await getServerSession(authOptions);
   const user = session!.user;

frontend/app/api/projects/[projectId]/evaluations/[evaluationId]/download/[format]/route.ts

@@ -7,12 +7,11 @@ import { DownloadFormat } from '@/lib/types';
 
 export async function GET(
   req: Request,
-  {
-    params
-  }: {
-    params: { projectId: string; evaluationId: string; format: DownloadFormat };
+  props: {
+    params: Promise<{ projectId: string; evaluationId: string; format: DownloadFormat }>;
   }
 ): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
   const evaluationId = params.evaluationId;
   const format = params.format as DownloadFormat;

frontend/app/api/projects/[projectId]/evaluations/[evaluationId]/route.ts

@@ -8,8 +8,9 @@ import {
 
 export async function GET(
   req: Request,
-  { params }: { params: { projectId: string; evaluationId: string } }
+  props: { params: Promise<{ projectId: string; evaluationId: string }> }
 ): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
   const evaluationId = params.evaluationId;
 

frontend/app/api/projects/[projectId]/evaluations/route.ts

@@ -6,10 +6,8 @@ import { evaluations } from '@/lib/db/migrations/schema';
 import { paginatedGet } from '@/lib/db/utils';
 import { Evaluation } from '@/lib/evaluation/types';
 
-export async function GET(
-  req: NextRequest,
-  { params }: { params: { projectId: string } }
-): Promise<Response> {
+export async function GET(req: NextRequest, props: { params: Promise<{ projectId: string }> }): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
   const groupId = req.nextUrl.searchParams.get('groupId');
   const filters: SQL[] = [eq(evaluations.projectId, projectId)];
@@ -26,10 +24,8 @@ export async function GET(
   return Response.json(result);
 }
 
-export async function DELETE(
-  req: Request,
-  { params }: { params: { projectId: string } }
-): Promise<Response> {
+export async function DELETE(req: Request, props: { params: Promise<{ projectId: string }> }): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
 
   const { searchParams } = new URL(req.url);

frontend/app/api/projects/[projectId]/images/[imageId]/route.ts

@@ -15,8 +15,9 @@ const bucket = process.env.S3_TRACE_PAYLOADS_BUCKET ?? '';
 
 export async function GET(
   req: Request,
-  { params }: { params: { projectId: string; imageId: string } }
+  props: { params: Promise<{ projectId: string; imageId: string }> }
 ): Promise<Response> {
+  const params = await props.params;
   const { projectId, imageId } = params;
   const getObjectRequest = new GetObjectCommand({
     Bucket: bucket,

frontend/app/api/projects/[projectId]/label-classes/[labelClassId]/registered-paths/[id]/route.ts

@@ -5,10 +5,9 @@ import { labelClassesForPath } from '@/lib/db/migrations/schema';
 
 export async function DELETE(
   req: Request,
-  {
-    params
-  }: { params: { projectId: string; labelClassId: string; id: string } }
+  props: { params: Promise<{ projectId: string; labelClassId: string; id: string }> }
 ): Promise<Response> {
+  const params = await props.params;
 
   const projectId = params.projectId;
   const id = params.id;

frontend/app/api/projects/[projectId]/label-classes/[labelClassId]/registered-paths/route.ts

@@ -5,8 +5,9 @@ import { fetcher } from '@/lib/utils';
 
 export async function POST(
   req: Request,
-  { params }: { params: { projectId: string; labelClassId: string } }
+  props: { params: Promise<{ projectId: string; labelClassId: string }> }
 ): Promise<Response> {
+  const params = await props.params;
   const projectId = params.projectId;
   const labelClassId = params.labelClassId;
   const session = await getServerSession(authOptions);