feat: added post_url optional metadata for tx Frame (#237)

Co-authored-by: Leonardo Zizzamia <[email protected]>
coinbase · Mar 8, 2024 · 292c7b0 · 292c7b0
1 parent 8028007
commit 292c7b0
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/.changeset/nine-wasps-work.md b/.changeset/nine-wasps-work.md
@@ -2,4 +2,4 @@
 '@coinbase/onchainkit': patch
 ---
 
-- **feat**: added `post_url` optional metadata for `tx` Frame. By @zizzamia #235
+- **feat**: added `post_url` optional metadata for `tx` Frame. By @zizzamia, @cnasc, @spennyp #237
diff --git a/src/frame/getFrameHtmlResponse.test.ts b/src/frame/getFrameHtmlResponse.test.ts
@@ -147,6 +147,12 @@ describe('getFrameHtmlResponse', () => {
     const html = getFrameHtmlResponse({
       buttons: [
         { label: 'Transaction', action: 'tx', target: 'https://zizzamia.xyz/api/frame/tx' },
+        {
+          label: 'Transaction 2',
+          action: 'tx',
+          target: 'https://zizzamia.xyz/api/frame/tx',
+          postUrl: 'https://zizzamia.xyz/api/frame/tx-success',
+        },
       ],
       image: 'https://zizzamia.xyz/park-1.png',
     });
@@ -160,6 +166,10 @@ describe('getFrameHtmlResponse', () => {
   <meta property="fc:frame:button:1" content="Transaction" />
   <meta property="fc:frame:button:1:action" content="tx" />
   <meta property="fc:frame:button:1:target" content="https://zizzamia.xyz/api/frame/tx" />
+  <meta property="fc:frame:button:2" content="Transaction 2" />
+  <meta property="fc:frame:button:2:action" content="tx" />
+  <meta property="fc:frame:button:2:target" content="https://zizzamia.xyz/api/frame/tx" />
+  <meta property="fc:frame:button:2:post_url" content="https://zizzamia.xyz/api/frame/tx-success" />
   <meta property="og:image" content="https://zizzamia.xyz/park-1.png" />
   <meta property="fc:frame:image" content="https://zizzamia.xyz/park-1.png" />
 

diff --git a/src/frame/getFrameHtmlResponse.ts b/src/frame/getFrameHtmlResponse.ts
@@ -59,6 +59,9 @@ function getFrameHtmlResponse({
         if (button.action && button.target) {
           buttonHtml += `  <meta property="fc:frame:button:${index + 1}:target" content="${button.target}" />\n`;
         }
+        if (button.action && button.action === 'tx' && button.postUrl) {
+          buttonHtml += `  <meta property="fc:frame:button:${index + 1}:post_url" content="${button.postUrl}" />\n`;
+        }
         return buttonHtml;
       })
       .join('');