feat: createNeynar

.changeset/giant-jokes-fry.md

@@ -0,0 +1,5 @@
+---
+"frog": patch
+---
+
+Added `createNeynar` for composing hub and middleware.

playground/src/neynar.tsx

@@ -1,12 +1,9 @@
 import { Button, Frog } from 'frog'
-import { neynar } from 'frog/middlewares'
+import { createNeynar } from 'frog/middlewares'
 
-export const neynarMiddleware = neynar({
-  apiKey: 'NEYNAR_FROG_FM',
-  features: ['interactor', 'cast'],
-})
+const neynar = createNeynar({ apiKey: 'NEYNAR_FROG_FM' })
 
-export const app = new Frog()
+export const app = new Frog({ hub: neynar.hub })
   .frame('/', (c) => {
     return c.res({
       action: '/guess',
@@ -28,7 +25,7 @@ export const app = new Frog()
       intents: [<Button>Go on</Button>],
     })
   })
-  .frame('/guess', neynarMiddleware, (c) => {
+  .frame('/guess', neynar.middleware, (c) => {
     const { displayName, followerCount } = c.var.interactor || {}
     console.log('interactor: ', c.var.interactor)
     console.log('cast: ', c.var.cast)

src/hubs/index.ts

@@ -1,2 +1,2 @@
-export { neynar } from './neynar.js'
+export { neynar, type NeynarHubParameters } from './neynar.js'
 export { pinata } from './pinata.js'

src/middlewares/index.ts

@@ -1,5 +1,7 @@
 export {
+  createNeynar,
   neynar,
+  type CreateNeynarParameters,
   type NeynarVariables,
   type NeynarCast,
   type NeynarMiddlewareParameters,

src/middlewares/neynar.ts

@@ -1,8 +1,13 @@
 import type { MiddlewareHandler } from 'hono'
 import { hexToBytes } from 'viem'
+
 import { Message } from '../protobufs/generated/message_pb.js'
 import type { Pretty } from '../types/utils.js'
 import { messageToFrameData } from '../utils/verifyFrame.js'
+import {
+  neynar as neynarHub,
+  type NeynarHubParameters,
+} from '../hubs/neynar.js'
 
 export type NeynarVariables = {
   /**
@@ -184,3 +189,24 @@ export type NeynarUser = {
     followedBy: boolean
   }
 }
+
+///////////////////////////////////////////////////////////////////////////
+// Higher-Level API
+
+export type CreateNeynarParameters = {
+  apiKey: string
+  hub?: NeynarHubParameters | undefined
+  middleware?: NeynarMiddlewareParameters | undefined
+}
+
+export function createNeynar(parameters: CreateNeynarParameters) {
+  const {
+    apiKey,
+    hub = { apiKey },
+    middleware = { apiKey, features: ['cast', 'interactor'] },
+  } = parameters
+  return {
+    hub: neynarHub(hub),
+    middleware: neynar(middleware),
+  }
+}