Welcome to the Open Frames Bounty Program! 🚀 If you're passionate about interoperability and eager to make your Frame a part of the ever-growing Open Frames ecosystem, you're in the right place. By following the steps you will enhance your Frame with the necessary metadata for Open Frames compatibility, according to this standard. Let's dive in!
💸 Open Frames Bounty Program
We're offering a $100 bounty for developers who achieve 3 goals:
- Make your Frame interoperable with the Open Frames standard.
- Add your Frame to the
Example Frames
section in this repo via a PR.- Send your frame via a DM to
hi.xmtp.eth
through one of theApplications
section.Dive deeper into the details of the bounty by visiting this link. After submitting your Frame, wait for the funds to be received in USDC Base. We will notify you via DM.
First, you need to add the specified metadata to your Frame. Based on the provided context, it looks like you're working with a TypeScript file in a project. Here's how you can add the metadata depending on your environment:
HTML
<meta property="of:accepts:xmtp" content="vNext" />
OnChainKit
export const metadata: Metadata = {
title: /*Your frame metadata*/,
description: /*Your frame metadata*/,
openGraph: {/*Your frame metadata*/},
other: {
...frameMetadata,
'of:accepts:xmtp': 'vNext', // Ensure this line is added or updated
},
};
For comprehensive guidance on integrating Open Frames with OnChainKit, refer to the official documentation.
FramesJS
const handleRequest = frames(async (ctx) => {
return {
// ...
accepts: [
{
id: 'farcaster',
version: 'vNext',
},
{
id: 'xmtp',
version: 'vNext',
},
],
};
});
For comprehensive guidance on integrating Open Frames with Framesjs, refer to the official documentation.
Frog
Currently, Frog does not officially support Open Frames. However, a temporary solution can be found in this discussion regarding making Frog compatible.
Go here learn more about the Open Frames specification.
-
Fork the Awesome-Open-Frames Repo: Navigate to the GitHub page of the Awesome-Open-Frames repository and click the "Fork" button.
-
Clone Your Fork: Clone the forked repository to your local machine.
-
Modify the README.md: Add your Frame to the
Compatible Frames
section. Follow the formatting used by other entries in the list. -
Commit and Push Your Changes: Commit the changes to your fork and push them.
-
Create a Pull Request: Navigate to the original Awesome-Open-Frames repository on GitHub. You should see an option to create a pull request based on the changes you pushed to your fork. Fill out the necessary details and submit the PR.
-
Access XMTP: Go to the any of the apps listed in the Compatible Applications
-
Connect Your Wallet: Follow the prompts to connect your Ethereum wallet. Make sure you're using the wallet address that you want to be contacted on for the bounty.
-
Send a DM: Compose a new message to
hi.xmtp.eth
. In the message, include a link to your Frame and mention that you've added it to the Compatible Frames section as per the bounty requirements.
After completing the above steps, our team will contact you through the provided wallet address and send the payment in USDC through XMTP.
⚠️ To be eligible for the bounty the Frame must render without errors.
Make sure you've followed all the guidelines and requirements specified in the bounty to ensure eligibility. Good luck!