Replay now supports branches

Author: matt-aitken

apps/webapp/app/components/runs/v3/ReplayRunDialog.tsx

@@ -131,6 +131,12 @@ function ReplayForm({
           dropdownIcon
           variant="tertiary/medium"
           className="w-fit pl-1"
+          filter={{
+            keys: [
+              (item) => item.type.replace(/\//g, " ").replace(/_/g, " "),
+              (item) => item.branchName?.replace(/\//g, " ").replace(/_/g, " ") ?? "",
+            ],
+          }}
           text={(value) => {
             const env = environments.find((env) => env.id === value)!;
             return (

apps/webapp/app/routes/resources.taskruns.$runParam.replay.ts

@@ -32,13 +32,15 @@ export async function loader({ request, params }: LoaderFunctionArgs) {
               id: true,
               type: true,
               slug: true,
+              branchName: true,
               orgMember: {
                 select: {
                   user: true,
                 },
               },
             },
             where: {
+              archivedAt: null,
               OR: [
                 {
                   type: {
@@ -72,10 +74,21 @@ export async function loader({ request, params }: LoaderFunctionArgs) {
   return typedjson({
     payload: await prettyPrintPacket(run.payload, run.payloadType),
     payloadType: run.payloadType,
-    environment: displayableEnvironment(environment, userId),
+    environment: {
+      ...displayableEnvironment(environment, userId),
+      branchName: environment.branchName ?? undefined,
+    },
     environments: sortEnvironments(
-      run.project.environments.map((environment) => displayableEnvironment(environment, userId))
-    ),
+      run.project.environments.map((environment) => {
+        return {
+          ...displayableEnvironment(environment, userId),
+          branchName: environment.branchName ?? undefined,
+        };
+      })
+    ).filter((env) => {
+      if (env.type === "PREVIEW" && !env.branchName) return false;
+      return true;
+    }),
   });
 }