Show callback URL if it’s set

Author: matt-aitken

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

@@ -11,6 +11,8 @@ import { v3WaitpointTokenPath, v3WaitpointTokensPath } from "~/utils/pathBuilder
 import { PacketDisplay } from "./PacketDisplay";
 import { WaitpointStatusCombo } from "./WaitpointStatus";
 import { RunTag } from "./RunTag";
+import { CopyableText } from "~/components/primitives/CopyableText";
+import { ClipboardField } from "~/components/primitives/ClipboardField";
 
 export function WaitpointDetailTable({
   waitpoint,
@@ -50,6 +52,14 @@ export function WaitpointDetailTable({
           )}
         </Property.Value>
       </Property.Item>
+      {waitpoint.callbackUrl && (
+        <Property.Item>
+          <Property.Label>Callback URL</Property.Label>
+          <Property.Value className="my-1">
+            <ClipboardField value={waitpoint.callbackUrl} variant={"secondary/small"} />
+          </Property.Value>
+        </Property.Item>
+      )}
       <Property.Item>
         <Property.Label>Idempotency key</Property.Label>
         <Property.Value>

apps/webapp/app/presenters/v3/WaitpointPresenter.server.ts

@@ -3,6 +3,8 @@ import { logger } from "~/services/logger.server";
 import { BasePresenter } from "./basePresenter.server";
 import { type RunListItem, RunListPresenter } from "./RunListPresenter.server";
 import { waitpointStatusToApiStatus } from "./WaitpointListPresenter.server";
+import { WaitpointId } from "@trigger.dev/core/v3/isomorphic";
+import { env } from "~/env.server";
 
 export type WaitpointDetail = NonNullable<Awaited<ReturnType<WaitpointPresenter["call"]>>>;
 
@@ -35,6 +37,7 @@ export class WaitpointPresenter extends BasePresenter {
         completedAfter: true,
         completedAt: true,
         createdAt: true,
+        resolver: true,
         connectedRuns: {
           select: {
             friendlyId: true,
@@ -83,6 +86,11 @@ export class WaitpointPresenter extends BasePresenter {
     return {
       id: waitpoint.friendlyId,
       type: waitpoint.type,
+      resolver: waitpoint.resolver,
+      callbackUrl:
+        waitpoint.resolver === "HTTP_CALLBACK"
+          ? generateWaitpointCallbackUrl(waitpoint.friendlyId)
+          : undefined,
       status: waitpointStatusToApiStatus(waitpoint.status, waitpoint.outputIsError),
       idempotencyKey: waitpoint.idempotencyKey,
       userProvidedIdempotencyKey: waitpoint.userProvidedIdempotencyKey,
@@ -100,3 +108,9 @@ export class WaitpointPresenter extends BasePresenter {
     };
   }
 }
+
+export function generateWaitpointCallbackUrl(waitpointId: string) {
+  return `${
+    env.API_ORIGIN ?? env.APP_ORIGIN
+  }/api/v1/waitpoints/http-callback/${WaitpointId.toFriendlyId(waitpointId)}/callback`;
+}