nit: tested composer actions

playground/src/composerAction.tsx

@@ -11,9 +11,9 @@ export const app = new Frog({
       c.actionData.fid
     }`,
   )
-  if (Math.random() > 0.5) return c.error({ message: 'Action failed :(' })
+  // if (Math.random() > 0.5) return c.error({ message: 'Action failed :(' })
   return c.res({
     title: 'Some Composer Action',
-    url: 'https://somewhere.com/some-form',
+    url: 'https://example.com',
   })
 })

playground/src/index.tsx

@@ -5,6 +5,7 @@ import { neynar } from 'frog/hubs'
 import { Box, Heading, vars } from './ui.js'
 
 import { app as castActionApp } from './castAction.js'
+import { app as composerActionApp } from './composerAction.js'
 import { app as fontsApp } from './fonts.js'
 import { app as initial } from './initial.js'
 import { app as middlewareApp } from './middleware.js'
@@ -193,6 +194,7 @@ export const app = new Frog({
     return c.error({ message: 'Bad inputs!' })
   })
   .route('/castAction', castActionApp)
+  .route('/composerAction', composerActionApp)
   .route('/initial', initial)
   .route('/ui', uiSystemApp)
   .route('/fonts', fontsApp)

src/frog-base.tsx

@@ -12,7 +12,6 @@ import lz from 'lz-string'
 import { default as p } from 'path-browserify'
 
 import type { CastActionOptions } from './types/castAction.js'
-import type { ComposerActionOptions } from './types/composerAction.js'
 import type { Env } from './types/env.js'
 import type {
   FrameImageAspectRatio,
@@ -435,48 +434,14 @@ export class FrogBase<
   composerAction: HandlerInterface<env, 'composerAction', schema, basePath> = (
     ...parameters: any[]
   ) => {
-    const [path, middlewares, handler, options] = getRouteParameters<
+    const [path, middlewares, handler, options = {}] = getRouteParameters<
       env,
       ComposerActionHandler<env>,
       'composerAction'
     >(...parameters)
 
     const { verify = this.verify } = options
 
-    // Composer Action Route (implements GET).
-    if ('handler' in options) {
-      this.hono.get(parseHonoPath(path), ...middlewares, async (c) => {
-        const url = getRequestUrl(c.req)
-
-        const { aboutUrl, name, description, icon } = await options.handler(c)
-        return c.json({
-          aboutUrl,
-          action: {
-            type: 'post',
-          },
-          name,
-          description,
-          icon,
-          postUrl: url,
-        })
-      })
-    } else {
-      const { aboutUrl, name, description, icon } = options
-
-      this.hono.get(parseHonoPath(path), ...middlewares, async (c) => {
-        const url = getRequestUrl(c.req)
-        return c.json({
-          aboutUrl,
-          action: {
-            type: 'post',
-          },
-          name,
-          description,
-          icon,
-          postUrl: url,
-        })
-      })
-    }
     // Composer Action Route (implements POST).
     this.hono.post(parseHonoPath(path), ...middlewares, async (c) => {
       const { context } = getComposerActionContext<env, string>({
@@ -496,8 +461,8 @@ export class FrogBase<
         return c.json({ message: response.error.message })
       }
 
-      const { url: formUrl } = response.data
-      return c.json({ url: formUrl, type: 'form' })
+      const { url: formUrl, title } = response.data
+      return c.json({ url: formUrl, title, type: 'form' })
     })
 
     return this

src/utils/getRouteParameters.ts

@@ -12,11 +12,11 @@ export function getRouteParameters<
   string,
   MiddlewareHandler<env>[],
   handler,
-  method extends 'castAction' | 'composerAction'
+  method extends 'castAction'
     ? RouteOptions<method>
     : RouteOptions<method> | undefined,
 ] {
-  const options: method extends 'castAction' | 'composerAction'
+  const options: method extends 'castAction'
     ? RouteOptions<method>
     : RouteOptions<method> | undefined =
     typeof parameters[parameters.length - 1] === 'object'