Merge branch 'release/1.0.0-alpha.10'

nekofar · Feb 9, 2024 · 9a676d3 · 9a676d3
2 parents c817c4a + 8d32470
commit 9a676d3
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 9 deletions.
diff --git a/.github/workflows/template.yml b/.github/workflows/template.yml
@@ -33,7 +33,7 @@ jobs:
 
       # Install pnpm package manager.
       - name: Install pnpm package manager
-        uses: pnpm/action-setup@v2.4.0
+        uses: pnpm/action-setup@v3.0.0
         with:
           version: ^8
           run_install: false

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,12 @@
 
 All notable changes to this project will be documented in this file.
 
+## [1.0.0-alpha.10] - 2024-02-09
+
+### Features
+
+- Add new farcaster image aspect ratio property
+
 ## [1.0.0-alpha.9] - 2024-02-08
 
 ### Documentation

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "farcaster-frames-template",
-  "version": "1.0.0-alpha.9",
+  "version": "1.0.0-alpha.10",
   "keywords": [
     "farcaster",
     "frames",
@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@hono/node-server": "1.7.0",
-    "hono": "3.12.11"
+    "hono": "3.12.12"
   },
   "devDependencies": {
     "@types/eslint": "8.56.2",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/index.ts b/src/index.ts
@@ -6,7 +6,7 @@ import type { FrameSignaturePacket } from './types'
 const app = new Hono()
 
 app.get('/', (c) => {
-  const frameImage = `https://placehold.co/600x400?text=Hello+World`
+  const frameImage = `https://placehold.co/1080x608?text=Hello+World`
   const framePostUrl = c.req.url
 
   return c.html(html`
@@ -15,6 +15,7 @@ app.get('/', (c) => {
         <meta property="og:image" content="${frameImage}" />
         <meta property="fc:frame" content="vNext" />
         <meta property="fc:frame:image" content="${frameImage}" />
+        <meta property="fc:frame:image:aspect_ratio" content="1.91:1" />
         <meta property="fc:frame:post_url" content="${framePostUrl}" />
         <meta property="fc:frame:button:1" content="Green" />
         <meta property="fc:frame:button:2" content="Purple" />
@@ -39,14 +40,15 @@ app.post('/', async (c) => {
     const imageText = encodeURIComponent(inputText || 'Hello World')
     const imageColor = backgroundColors[buttonIndex - 1] || 'white'
 
-    const frameImage = `https://placehold.co/600x400/${imageColor}/white?text=${imageText}`
+    const frameImage = `https://placehold.co/1080x608/${imageColor}/white?text=${imageText}`
     const framePostUrl = c.req.url
 
     return c.html(html`
       <html lang="en">
         <head>
           <meta property="fc:frame" content="vNext" />
           <meta property="fc:frame:image" content="${frameImage}" />
+          <meta property="fc:frame:image:aspect_ratio" content="1.91:1" />
           <meta property="fc:frame:post_url" content="${framePostUrl}" />
           <meta property="fc:frame:input:text" content="Enter a message" />
           <meta property="fc:frame:button:1" content="Green" />