frog.fm

/frogfm2394

Framework for Farcaster Frames 🐸 https://frog.fm

Anything in the works for Frames v2?
casted in home feed by accident, please check!
Starting something with Frog?

Check out Frames that community is sharing!
Or if you have one, please share it there.
https://github.com/wevm/frog/discussions/22

thanks @jilt for sugggestion to highlight this!
Had a great day styling frames with 🐸

https://frog.fm/ui
@dalechyn.eth if we want to display the frame below but the active proposals data is changing. What is the best way clear that cache?

https://frames.farcastle.net/dao/0xa/0xecddf0fec8dd7abd2f875ffed4a436ccc388d57a
It seems I can't use this Neynar Middleware anymore because I have an issue called "TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator))".

If anyone knows how to fix this, that would be helpful 🙏🏻

ref: https://frog.fm/concepts/middleware#neynar
I need some time to make docs and example app.
Some changes are breaking.

Here's a quick snippet with example usage:
https://snippets.so/snip/bafkreiejwhtmsir5q6gyqofikucbxf3tkxfylgj5h6mqioi7okbqzilopy

Will publish the package soon, there are some issues with release pipeline rn.
Found an issue with conditional buttons on frames with /frogfm

Is this expected? Fails only on Warpcast client, not other clients.
Started a Draft PR on this.
https://github.com/wevm/frog/pull/503#issuecomment-2419297717

There is a canary version of frog if someone wants to test it.
No docs nor typedocs yet.

Do you guys think we should handle `requestId` in some sort of client storage to simplify response matching?
Getting a crazy amount of errors from Google Fonts

Error: Invalid value for props `lang`: "unknown". The value must be one of the following: ja-JP, ko-KR, zh-CN, zh-TW, zh-HK, th-TH, bn-IN, ar-AR, ta-IN, ml-IN, he-IL, te-IN, devanagari, kannada, emoji, symbol, math.
til cloudflare doesn't support the cache option that Next.js covers pretty extensively in their docs
https://github.com/cloudflare/workerd/issues/698
I’m on version 82 of my file trying to get my organize raffle frame going. I’m running into trouble with state persistence between views (forgive me if my jargon is off, I’m no proper dev, I’m mostly using Claude.AI to get things “done”). Hit a roadblock now though, would love to connect with someone willing to take a look at my current code and give me some pointers <3
Gn people! It's a pleasure to be part of this channel now and I hope to learn and contribute with the casts that are here, thanks to @dalechyn.eth for inviting me and for your support in helping me verify the error I'm experiencing with my frame 😎
regarding rendering images with frogfm, this was not obvious to me. there are two ways to render images in frogfm:
1.) standard request
app.frame('/', async (c) => {
...
return c.res({
image: imgURL || '',
intents: [
<Button action={`/join`} value="apple">
join purple dao
</Button>,
],
});

2.) the stand alone image handler

app
.image('/img', async (c) => {
return c.res({image: (
<div
style={{
display: 'flex',
height: '100%',
width: '100%',
}}
>
<div
style={{
color: 'white',
fontSize: 60,
fontStyle: 'normal',
}}
>
<img src={imgURL ?? undefined} alt="Image" style={{ width: '100%', height: 'auto' }} />
</div>
</div>
)})
})
Frog Frame sharing Thursday!

Drop your frames built with frog (or any questions whatsoever)!
Hey folks!
Since the channel upgrades – I'm eager to ask what kind of content do you want to see in this channel besides important frog updates?

Shall we maybe attach a frame here to let anyone become a member and ask any question about frog?
auto-refreshing s3xy chart in a frame built with /frogfm and a few patches to chartjs-node-canvas, chartjs-chart-financial and chartjs-adapter-luxon.

If you want to build a similar chart in a frame – lmk and I'll drop the patches!
I think I posted about this a while back and now that I'm redoing the event frame, trying to fix again. Anyone know how to make the text wrap properly?

the black box around the blue has padding. Using VStacks with FrogUI. @dalechyn.eth any idea?
Configuring `.env` variables when deploying /frogfm to @cloudflare Workers may be the death of me
How are people dealing with `Server responded with status code 431.`? Feels like it happens after adding new element.

Is there something I should be aware of specific to frames? Less elements?
I will consider this voting finalized tommorow.

People seem to build quite UI-heavy (tho it doesn't need to be too heavy to break it) frames and keep catching that "Header too large" error, which is a really bad experience.

I'll look into codemod script to migrate easily.
https://github.com/wevm/frog/discussions/423
0.17.3 came out with an important memory leak fix that was affecting huge frog consumoooors.

(@vercel/og was finally fixed).

https://github.com/wevm/frog/releases