first pass of mint buttons

Author: depatchedmode

package.json

@@ -1,7 +1,7 @@
 {
   "name": "simplest-frame",
   "type": "module",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "dependencies": {
     "@netlify/blobs": "^6.4.2",
     "dompurify": "^3.0.8",

src/frames/index.ts

@@ -1,11 +1,13 @@
 import poster from "./poster.js";
 import count from "./count.js";
 import credits from "./credits.js";
+import mint from "./mint.js";
 import stolen from "./stolen.js";
 
 export default {
     count,
     poster,
     credits,
+    mint,
     stolen,
 }

src/frames/mint.ts

@@ -0,0 +1,39 @@
+import { FrameActionDataParsed } from 'frames.js';
+import { getTokenUrl } from 'frames.js';
+import { zora } from 'viem/chains';
+
+export default {
+    name: 'mint',
+    render: async () => {
+        return {
+            image: `${process.env.URL}/images/poster-animated.gif`,
+            buttons: [
+                {
+                    action: 'post',
+                    label: '⬅️ Back'
+                },
+                {
+                    action: 'mint',
+                    label: 'Mint',
+                    target: getTokenUrl({
+                        address: '0xc6d4848c9f01d649dfba170c65a964940a93dca5',
+                        chain: zora,
+                        tokenId: '1',
+                    })
+                },
+                {
+                    action: 'post',
+                    label: '🎬 View credits'
+                }
+            ]
+        } 
+    },
+    handleInteraction: async (msg: FrameActionDataParsed) => {
+        switch (msg.buttonIndex) {
+            case 1:
+                return `poster`;
+            case 3:
+                return `credits`;
+        }
+    },
+}

src/frames/poster.ts

@@ -8,19 +8,25 @@ export default {
             buttons: [
                 {
                     action: 'post',
-                    label: '🔳 Try Demo'
+                    label: '🔳 State Demo'
+                },
+                {
+                    action: 'post',
+                    label: '🔳 Mint Demo'
                 },
                 {
                     action: 'link',
                     target: 'https://github.com/depatchedmode/simplest-frame',
-                    label: '{😺} View on Github'
+                    label: 'Github'
                 }
             ]
         }
     },
-    handleInteraction: (message: FrameActionDataParsed) => {
-        if (message.buttonIndex == 1) {
+    handleInteraction: (msg: FrameActionDataParsed) => {
+        if (msg.buttonIndex == 1) {
             return `count`
+        } else if (msg.buttonIndex == 2) {
+            return `mint`
         }
     },
 };