From 90751e7e7073ceb772d0cc93b615cc6a2009c377 Mon Sep 17 00:00:00 2001
From: Stephan Cilliers <5469870+stephancill@users.noreply.github.com>
Date: Mon, 7 Oct 2024 10:30:31 +0200
Subject: [PATCH] feat: debug miniapp frame link shortcut

---
 .changeset/five-keys-wait.md                     |  5 +++++
 .../debugger/app/components/frame-debugger.tsx   | 16 ++++++++++------
 2 files changed, 15 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/five-keys-wait.md

diff --git a/.changeset/five-keys-wait.md b/.changeset/five-keys-wait.md
new file mode 100644
index 000000000..4d4b71db6
--- /dev/null
+++ b/.changeset/five-keys-wait.md
@@ -0,0 +1,5 @@
+---
+"@frames.js/debugger": patch
+---
+
+feat: debug miniapp frame link shortcut
diff --git a/packages/debugger/app/components/frame-debugger.tsx b/packages/debugger/app/components/frame-debugger.tsx
index 1cc1d24f6..dc0018f66 100644
--- a/packages/debugger/app/components/frame-debugger.tsx
+++ b/packages/debugger/app/components/frame-debugger.tsx
@@ -160,8 +160,8 @@ function FrameDiagnostics({ stackItem }: FrameDiagnosticsProps) {
             {stackItem.speed > 5
               ? `Request took more than 5s (${stackItem.speed} seconds). This may be normal: first request will take longer in development (as next.js builds), but in production, clients will timeout requests after 5s`
               : stackItem.speed > 4
-                ? `Warning: Request took more than 4s (${stackItem.speed} seconds). Requests will fail at 5s. This may be normal: first request will take longer in development (as next.js builds), but in production, if there's variance here, requests could fail in production if over 5s`
-                : `${stackItem.speed} seconds`}
+              ? `Warning: Request took more than 4s (${stackItem.speed} seconds). Requests will fail at 5s. This may be normal: first request will take longer in development (as next.js builds), but in production, if there's variance here, requests could fail in production if over 5s`
+              : `${stackItem.speed} seconds`}
           </TableCell>
         </TableRow>
         {properties.validProperties.map(([propertyKey, value]) => {
@@ -622,10 +622,14 @@ export const FrameDebugger = React.forwardRef<
                 <div className="space-y-1">
                   {currentFrameStackItem?.status === "done" &&
                     currentFrameStackItem.frameResult.frame.buttons
-                      ?.filter((button) =>
-                        button.target?.startsWith(
-                          "https://warpcast.com/~/add-cast-action"
-                        )
+                      ?.filter(
+                        (button) =>
+                          button.target?.startsWith(
+                            "https://warpcast.com/~/add-cast-action"
+                          ) ||
+                          button.target?.startsWith(
+                            "https://warpcast.com/~/composer-action"
+                          )
                       )
                       .map((button) => {
                         // Link to debug target