frog.fm
/frogfm2063
Framework for Farcaster Frames 🐸 https://frog.fm
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.
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
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>
)})
})
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)!
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?
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?
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?
the black box around the blue has padding. Using VStacks with FrogUI. @dalechyn.eth any idea?
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?
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
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
(@vercel/og was finally fixed).
https://github.com/wevm/frog/releases
I'm trying to create a frame to Mint an NFT
I'm having trouble what the difference is of mint action is vs a tx action?
I've tried using <Button.Mint target="eip155:8453:0xf5a3b6dee033ae5025e4332695931cadeb7f4d2b:1">Mint</Button> with an example from the farcaster docs for the target but it just links back to my frame
I'm having trouble what the difference is of mint action is vs a tx action?
I've tried using <Button.Mint target="eip155:8453:0xf5a3b6dee033ae5025e4332695931cadeb7f4d2b:1">Mint</Button> with an example from the farcaster docs for the target but it just links back to my frame
Can the frame made with node be deployed in heroku?
It looks like it runs two servers.
https://frog.fm/platforms/node
It looks like it runs two servers.
https://frog.fm/platforms/node
How do I deploy frog app with a nodejs adapter?
Thinking of streaming sticker pack frames & composer action with frog.
Hit Yes if you would visit it.
https://frame.weponder.io/api/polls/12072
Hit Yes if you would visit it.
https://frame.weponder.io/api/polls/12072
Hi, How do I sign a normal string with frog?
I just found out today that I can set FID here... 🫠
The request size on the console is not much different from the successful request, so there seems to be no problem.
The successful request has a long Image query and a short ImageOptions query, of course, because an image is generated.
The opposite is the case as the failed one does not generate an image.I guess I will have to subset the font file once and check.
The successful request has a long Image query and a short ImageOptions query, of course, because an image is generated.
The opposite is the case as the failed one does not generate an image.I guess I will have to subset the font file once and check.
When I try to load a custom font in frog, I get a 431 error because of the request header size limit. I understand that Node's request header limit is 8kb, but when I look at the actual request, it is only 41 bytes. What is the problem?
Has anyone ever tried loading custom fonts on frog?
Has anyone ever tried loading custom fonts on frog?
hello guys is there a way in `app.frame` we can also show the html part what i mean is whenever i go to <my-url>/api/<frame-route> in web it always empty is there a way i can show some webpage? cc @dalechyn.eth
I've submitted some issues on the /frogfm GitHub. Any help would be greatly appreciated 🙏🏻
https://github.com/wevm/frog/issues/481
https://github.com/wevm/frog/issues/481