create-message-kit 1.0.16 → 1.0.19

package/templates/agent/src/prompt.ts

@@ -1,93 +1,71 @@
-import { generateCoolAlternatives } from "./lib/resolver.js";
-export async function ens_agent_prompt(
-  address: string,
-  domain?: string,
-  name?: string,
-  converseUsername?: string,
-  tipAddress?: string,
-  txUrl?: string,
-) {
-  const userName = domain ?? name ?? "";
-  const commonAlternatives = generateCoolAlternatives(userName);
-  const systemPrompt = `You are a helpful and playful agent that lives inside a web3 messaging app.
+import { skills } from "./skills.js";
+import type { UserInfo } from "./lib/resolver.js";
+
+export async function ens_agent_prompt(userInfo: UserInfo) {
+  let { address, ensDomain, converseUsername } = userInfo;
+
+  const systemPrompt = `You are a helpful and playful agent called @ens that lives inside a web3 messaging app called Converse.
 - You can respond with multiple messages if needed. Each message should be separated by a newline character.
 - You can trigger commands by only sending the command in a newline message.
 - Never announce actions without using a command separated by a newline character.
 - Only provide answers based on verified information.
+- Dont answer in markdown format, just answer in plaintext.
 - Do not make guesses or assumptions
 - CHECK that you are not missing a command
 
 User context: 
 - Users address is: ${address}
-${domain != undefined ? `- User ENS domain is: ${domain}` : "- User ENS domain: None"}
-${name != undefined ? `- User name is: ${name}` : "- User name: None"}
+${ensDomain != undefined ? `- User ENS domain is: ${ensDomain}` : ""}
+${converseUsername != undefined ? `- Converse username is: ${converseUsername}` : ""}
 
 ## Task
 - Start by fetch their domain from or Convese username
 - Call the user by their name or domain, in case they have one
 - Ask for a name (if they don't have one) so you can suggest domains.
-- Use "/check [domain] [cool_alternatives]" to see if a domain is available and offer cool alternatives
-- To check the information about the domain by using the command "/info [domain]".
-- To register a domain use the command "/register [domain]".
-- To trigger renewal: "/renew [domain]".
-- To tip the domain owner: "/tip [address]".
 
 Commands:
-- /info [domain]: Get information about a domain
-- /check [domain] [cool_alternatives]: Check if a domain is available and send cool alternatives
-- /register [domain]: Register a domain
-- /renew [domain]: Renew a domain
-- /tip [address]: Tip the domain owner
+${skills.map((skill) => skill.skills.map((s) => s.command).join("\n")).join("\n")}
 
 Examples:
-- /check ${userName} "${commonAlternatives}"
-- /info nick.eth
-- /register vitalik.eth 
-- /renew fabri.base.eth
-- /tip 0xf0EA7663233F99D0c12370671abBb6Cca980a490
+${skills.map((skill) => skill.skills.map((s) => s.example).join("\n")).join("\n")}
+
 
-## Example response:
+## Example responses:
 
 1. Check if the user does not have a ENS domain
-  Hey ${name}! it looks like you don't have a ENS domain yet! \n\nCan you give me another name so I can suggest some cool domain alternatives for you or i can use your ${converseUsername} username? 🤔
+  Hey ${converseUsername}! it looks like you don't have a ENS domain yet! \n\Let me start by checking your Converse username with the .eth suffix\n/check ${converseUsername}.eth
 
 2. If the user has a ENS domain
-  Hello ${domain} ! I'll help you get your ENS domain.\n Let's start by checking your ENS domain ${domain}. Give me a moment.\n/check ${domain} "${commonAlternatives}" 
+  Hello ${ensDomain} ! I'll help you get your ENS domain.\n Let's start by checking your ENS domain ${ensDomain}. Give me a moment.\n/check ${ensDomain}
 
 3. Check if the ENS domain is available
-  Hello! I'll help you get your domain.\n Let's start by checking your ENS domain ${domain}. Give me a moment.\n/check ${domain} "${commonAlternatives}" 
+  Hello! I'll help you get your domain.\n Let's start by checking your ENS domain ${ensDomain}. Give me a moment.\n/check ${ensDomain}
 
 4. If the ENS domain is available,
-  Looks like ${domain} is available! Would you like to register it?\n/register ${domain}\n or I can suggest some cool alternatives? Le me know 🤔
+  Looks like ${ensDomain} is available! Here you can register it:\n/register ${ensDomain}\n or I can suggest some cool alternatives? Le me know!
 
 5. If the ENS domain is already registered, let me suggest 5 cool alternatives
-  Looks like ${domain} is already registered!\n What about these cool alternatives\n/check ${domain} "${commonAlternatives}" 
+  Looks like ${ensDomain} is already registered!\n What about these cool alternatives?\n/cool ${ensDomain}
 
 6. If the user wants to register a ENS domain, use the command "/register [domain]"
-  Looks like ${domain} is available! Let me help you register it\n/register ${domain} 
+  Looks like ${ensDomain} is available! Let me help you register it\n/register ${ensDomain} 
   
-7. If the user wants to tip the ENS domain owner, use the command "/tip [address]", this will return a url to send the tip
-  Looks like ${domain} is already registered!\n Would you like to tip the owner for getting there first 🤣?\n/tip ${tipAddress} 
-
-8. When sending a tip, the url will be returned in the message.
-  Here is the url to send the tip:\n${txUrl} 
-
-9. If the user wants to get information about the ENS domain, use the command "/info [domain]"
-  Hello! I'll help you get info about ${domain}.\n Give me a moment.\n/info ${domain}  
+7. If the user wants to directly to tip to the ENS domain owner, use directly the command "/tip [domain]", this will return a url but a button to send the tip 
+  Here is the url to send the tip:\n/tip ${ensDomain}
 
-10. If the user wants to renew their domain, use the command "/renew [domain]"
-  Hello! I'll help you get your ENS domain.\n Let's start by checking your ENS domain ${domain}. Give me a moment.\n/renew ${domain} 
+8. If the user wants to get information about the ENS domain, use the command "/info [domain]"
+  Hello! I'll help you get info about ${ensDomain}.\n Give me a moment.\n/info ${ensDomain}  
 
-11. If the user wants to directly to tip the ENS domain owner, use the command "/tip [address]", this will return a url to send the tip 
-  Here is the url to send the tip:\n${txUrl}  
+9. If the user wants to renew their domain, use the command "/renew [domain]"
+  Hello! I'll help you get your ENS domain.\n Let's start by checking your ENS domain ${ensDomain}. Give me a moment.\n/renew ${ensDomain} 
 
-12. If the user wants cool suggestions about a domain, use the command "/cool [domain]"
-  Here are some cool suggestions for ${domain}: "${commonAlternatives}"
+10. If the user wants cool suggestions about a domain, use the command "/cool [domain]"
+  Here are some cool suggestions for your domain.\n/cool ${ensDomain}
 
 ## Most common bug
-Some times you will say something like: "Looks like vitalik.eth is registered! What about these cool alternatives?"
-But you forgot to add the command at the end of the message.
-You should have said something like: "Looks like vitalik.eth is registered! What about these cool alternatives?\n/check vitalik.eth "${commonAlternatives}"
+  Some times you will say something like: "Looks like vitalik.eth is registered! What about these cool alternatives?"
+  But you forgot to add the command at the end of the message.
+  You should have said something like: "Looks like vitalik.eth is registered! What about these cool alternatives?\n/cool vitalik.eth
 `;
   return systemPrompt;
 }

package/templates/agent/src/skills.ts

@@ -0,0 +1,95 @@
+import { handleEns, ensAgent } from "./handler/ens.js";
+import type { SkillGroup } from "@xmtp/message-kit";
+
+export const skills: SkillGroup[] = [
+  {
+    name: "Ens Domain Bot",
+    tag: "@ens",
+    tagHandler: ensAgent,
+    description: "Register ENS domains.",
+    skills: [
+      {
+        command: "/register [domain]",
+        triggers: ["/register"],
+        handler: handleEns,
+        description:
+          "Register a new ENS domain. Returns a URL to complete the registration process.",
+        example: "/register vitalik.eth",
+        params: {
+          domain: {
+            type: "string",
+          },
+        },
+      },
+      {
+        command: "/info [domain]",
+        triggers: ["/info"],
+        handler: handleEns,
+        description:
+          "Get detailed information about an ENS domain including owner, expiry date, and resolver.",
+        example: "/info nick.eth",
+        params: {
+          domain: {
+            type: "string",
+          },
+        },
+      },
+      {
+        command: "/renew [domain]",
+        triggers: ["/renew"],
+        handler: handleEns,
+        description:
+          "Extend the registration period of your ENS domain. Returns a URL to complete the renewal.",
+        example: "/renew fabri.base.eth",
+        params: {
+          domain: {
+            type: "string",
+          },
+        },
+      },
+      {
+        command: "/check [domain] [cool_alternatives]",
+        triggers: ["/check"],
+        handler: handleEns,
+        description: "Check if a domain is available.",
+        params: {
+          domain: {
+            type: "string",
+          },
+          cool_alternatives: {
+            type: "quoted",
+          },
+        },
+      },
+      {
+        command: "/cool [domain]",
+        triggers: ["/cool"],
+        handler: handleEns,
+        description: "Get cool alternatives for a .eth domain.",
+        params: {
+          domain: {
+            type: "string",
+          },
+        },
+      },
+      {
+        command: "/reset",
+        triggers: ["/reset"],
+        handler: handleEns,
+        description: "Reset the conversation.",
+        params: {},
+      },
+      {
+        command: "/tip [address]",
+        description: "Show a URL for tipping a domain owner.",
+        triggers: ["/tip"],
+        handler: handleEns,
+        params: {
+          address: {
+            type: "string",
+          },
+        },
+      },
+    ],
+  },
+];

package/templates/gm/src/index.ts

@@ -1,16 +1,9 @@
 import { run, HandlerContext } from "@xmtp/message-kit";
 
-run(
-  async (context: HandlerContext) => {
-    // Get the message and the address from the sender
-    const { content, sender } = context.message;
+run(async (context: HandlerContext) => {
+  // Get the message and the address from the sender
+  const { content, sender } = context.message;
 
-    // To reply, just call `reply` on the HandlerContext
-    await context.send(`gm`);
-  },
-  {
-    memberChange: true,
-    attachments: true,
-    experimental: true,
-  },
-);
+  // To reply, just call `reply` on the HandlerContext
+  await context.send(`gm`);
+});

package/templates/group/src/handler/agent.ts

@@ -1,4 +1,4 @@
-import { HandlerContext, User } from "@xmtp/message-kit";
+import { HandlerContext, AbstractedMember } from "@xmtp/message-kit";
 import { textGeneration } from "../lib/openai.js";
 
 export async function handler(context: HandlerContext) {
@@ -9,19 +9,21 @@ export async function handler(context: HandlerContext) {
 
   const {
     message: {
+      sender,
       content: { content, params },
     },
   } = context;
 
   const systemPrompt = generateSystemPrompt(context);
-  console.log("systemPrompt", systemPrompt);
   try {
     let userPrompt = params?.prompt ?? content;
-    console.log("userPrompt", userPrompt);
 
-    const { reply } = await textGeneration(userPrompt, systemPrompt);
-    console.log("intent:", reply);
-    context.intent(reply);
+    const { reply } = await textGeneration(
+      sender.address,
+      userPrompt,
+      systemPrompt,
+    );
+    context.skill(reply);
   } catch (error) {
     console.error("Error during OpenAI call:", error);
     await context.reply("An error occurred while processing your request.");
@@ -31,7 +33,7 @@ export async function handler(context: HandlerContext) {
 function generateSystemPrompt(context: HandlerContext) {
   const {
     members,
-    commands,
+    skills,
     message: { sender },
   } = context;
 
@@ -40,10 +42,15 @@ function generateSystemPrompt(context: HandlerContext) {
   
   You are a helpful bot agent that lives inside a web3 messaging group that helps interpret user requests and execute commands.
   #### Users
-   ${JSON.stringify(members?.map((member: User) => ({ ...member, username: `@${member.username}` })))}\n 
+   ${JSON.stringify(
+     members?.map((member: AbstractedMember) => ({
+       ...member,
+       username: `@${member.accountAddresses[0]}`,
+     })),
+   )}\n
   #### Commands
-  ${JSON.stringify(commands)}\n
-  The message was sent by @${sender?.username}
+  ${JSON.stringify(skills)}\n
+  The message was sent by @${sender?.address}
   
   ### Examples
   prompt /agent tip alix and bo

package/templates/group/src/handler/loyalty.ts

@@ -1,4 +1,4 @@
-import { HandlerContext, User } from "@xmtp/message-kit";
+import { HandlerContext, AbstractedMember } from "@xmtp/message-kit";
 import { getStackClient } from "../lib/stack.js";
 
 export async function handler(context: HandlerContext, fake?: boolean) {
@@ -6,15 +6,8 @@ export async function handler(context: HandlerContext, fake?: boolean) {
   const {
     members,
     group,
-    getMessageById,
-    message: {
-      content,
-      content: { command },
-      sender,
-      typeId,
-    },
+    message: { sender, typeId, content },
   } = context;
-  console.log(command);
   if (typeId === "text" && group) {
     const { command } = content;
     if (command === "points") {
@@ -40,14 +33,13 @@ export async function handler(context: HandlerContext, fake?: boolean) {
   } else if (typeId === "group_updated" && group) {
     const { initiatedByInboxId, addedInboxes } = content;
     const adminAddress = members?.find(
-      (member: User) => member.inboxId === initiatedByInboxId,
+      (member: AbstractedMember) => member.inboxId === initiatedByInboxId,
     );
     if (addedInboxes && addedInboxes.length > 0) {
       //if add someone to the group
       await stack?.track("referral", {
         points: 10,
         account: adminAddress?.address ?? "",
-        uniqueId: adminAddress?.username ?? "",
       });
     }
   }

package/templates/group/src/handler/splitpayment.ts

@@ -1,5 +1,6 @@
 import { HandlerContext } from "@xmtp/message-kit";
 import { vision, textGeneration } from "../lib/openai.js";
+import { getUserInfo } from "../lib/resolver.js";
 
 export async function handler(context: HandlerContext) {
   if (!process?.env?.OPEN_AI_API_KEY) {
@@ -8,7 +9,7 @@ export async function handler(context: HandlerContext) {
   }
   const {
     members,
-    commands,
+    skills,
     message: {
       typeId,
       content: { attachment },
@@ -16,8 +17,12 @@ export async function handler(context: HandlerContext) {
     },
   } = context;
 
+  if (!members) {
+    return;
+  }
+  let senderInfo = await getUserInfo(sender.address);
   if (attachment && typeId === "remoteStaticAttachment") {
-    const { data, filename, mimeType } = attachment;
+    const { data } = attachment;
     const response = await vision(
       data,
       "This image is the bill of a restaurant dinner. Return the total. If you can't find the total, return 'undefined'.",
@@ -31,9 +36,6 @@ export async function handler(context: HandlerContext) {
     }
     if (response) {
       const prompt = `You a split wise agent that splits the bill between the members of this group except for the sender and bot.\n
-      These are the users of the group: ${JSON.stringify(members?.map((member) => ({ ...member, username: `@${member.username}` })))}\n 
-      This group app has many commands available: ${JSON.stringify(commands)}\n
-      
 
       ## Instructions:
       When you receive the totals you should split the bill between the members of the group and send to each one a transaction frame
@@ -44,18 +46,23 @@ export async function handler(context: HandlerContext) {
       Example:
       [  
         "This are the details: Total: $49.52. Tip (20%): $9.90",
-        "All users owe X USDC to @${sender?.username}. Pay here:",
-        "/send @${sender?.username} $9.90"
+        "All users owe X USDC to @${senderInfo?.converseUsername}. Pay here:",
+        "/send @${senderInfo?.converseUsername} $9.90"
       ]
       `;
 
       //I want the reply to be an array of messages so the bot feels like is sending multuple ones
-      const { reply } = await textGeneration(response, prompt);
+      const { reply } = await textGeneration(
+        sender.address,
+        response,
+        prompt,
+        true,
+      );
       let splitMessages = JSON.parse(reply);
       for (const message of splitMessages) {
         let msg = message as string;
-        if (msg.startsWith("/")) await context.intent(msg);
-        else await context.reply(msg);
+        if (msg.startsWith("/")) await context.skill(msg);
+        else await context.send(msg);
       }
     }
   }

package/templates/group/src/handler/tipping.ts

@@ -1,4 +1,5 @@
-import { HandlerContext, User } from "@xmtp/message-kit";
+import { HandlerContext, AbstractedMember } from "@xmtp/message-kit";
+import { getUserInfo } from "../lib/resolver.js";
 
 export async function handler(context: HandlerContext) {
   const {
@@ -6,16 +7,15 @@ export async function handler(context: HandlerContext) {
     getMessageById,
     message: { content, sender, typeId },
   } = context;
+  console.log(sender);
   const msg = await getMessageById(content.reference);
   const replyReceiver = members?.find(
     (member) => member.inboxId === msg?.senderInboxId,
   );
   let amount: number = 0,
-    receivers: User[] = [];
+    receivers: AbstractedMember[] = [];
   // Handle different types of messages
   if (typeId === "reply" && replyReceiver) {
-    // Process reply messages/
-    //ha
     const { content: reply } = content;
 
     if (reply.includes("degen")) {
@@ -31,18 +31,22 @@ export async function handler(context: HandlerContext) {
       // Process text commands starting with "/tip"
       const {
         params: { amount: extractedAmount, username },
-        content: text,
       } = content;
       amount = extractedAmount || 10; // Default amount if not specified
-      receivers = username; // Extract receiver from parameters
+
+      receivers = await Promise.all(
+        username.map((username: string) => getUserInfo(username)),
+      );
     }
   }
   if (!sender || receivers.length === 0 || amount === 0) {
     context.reply("Sender or receiver or amount not found.");
     return;
   }
+  console.log(receivers);
   const receiverAddresses = receivers.map((receiver) => receiver.address);
   // Process sending tokens to each receiver
+
   context.sendTo(
     `You received ${amount} tokens from ${sender.address}.`,
     receiverAddresses,

package/templates/group/src/handler/transaction.ts

@@ -1,4 +1,5 @@
 import { HandlerContext } from "@xmtp/message-kit";
+import { getUserInfo } from "../lib/resolver.js";
 
 // Main handler function for processing commands
 export async function handler(context: HandlerContext) {
@@ -13,20 +14,17 @@ export async function handler(context: HandlerContext) {
     case "send":
       // Destructure and validate parameters for the send command
       const { amount: amountSend, token: tokenSend, username } = params; // [!code hl] // [!code focus]
-
-      if (!amountSend || !tokenSend || !username) {
+      let senderInfo = await getUserInfo(username);
+      if (!amountSend || !tokenSend || !senderInfo) {
         context.reply(
           "Missing required parameters. Please provide amount, token, and username.",
         );
         return;
       }
-      // Generate URL for the send transaction
-      let url_send = generateFrameURL(baseUrl, "send", {
-        amount: amountSend,
-        token: tokenSend,
-        receiver: username[0]?.address,
-      });
-      context.reply(`${url_send}`);
+      let name = senderInfo.converseUsername || senderInfo.address;
+
+      let sendUrl = `${baseUrl}/?transaction_type=send&amount=${amountSend}&token=${tokenSend}&receiver=${senderInfo.address}`;
+      context.send(`${sendUrl}`);
       break;
     case "swap":
       // Destructure and validate parameters for the swap command
@@ -38,13 +36,9 @@ export async function handler(context: HandlerContext) {
         );
         return;
       }
-      // Generate URL for the swap transaction
-      let url_swap = generateFrameURL(baseUrl, "swap", {
-        amount,
-        token_from,
-        token_to,
-      });
-      context.reply(`${url_swap}`);
+
+      let swapUrl = `${baseUrl}/?transaction_type=swap&token_from=${token_from}&token_to=${token_to}&amount=${amount}`;
+      context.send(`${swapUrl}`);
       break;
     case "show": // [!code hl] // [!code focus]
       // Show the base URL without the transaction path
@@ -55,26 +49,3 @@ export async function handler(context: HandlerContext) {
       context.reply("Unknown command. Use help to see all available commands.");
   }
 }
-
-// Function to generate a URL with query parameters for transactions
-function generateFrameURL(
-  baseUrl: string,
-  transaction_type: string,
-  params: { [key: string]: string | number | string[] | undefined },
-) {
-  // Filter out undefined parameters
-  let filteredParams: {
-    [key: string]: string | number | string[] | undefined;
-  } = {};
-
-  for (const key in params) {
-    if (params[key] !== undefined) {
-      filteredParams[key] = params[key];
-    }
-  }
-  let queryParams = new URLSearchParams({
-    transaction_type,
-    ...filteredParams,
-  }).toString();
-  return `${baseUrl}?${queryParams}`;
-}

package/templates/group/src/index.ts

@@ -1,22 +1,26 @@
 import { run, HandlerContext } from "@xmtp/message-kit";
-import { handler as tipping } from "./handler/tipping.js";
-import { handler as agent } from "./handler/agent.js";
 import { handler as splitpayment } from "./handler/splitpayment.js";
 
 // Main function to run the app
-run(async (context: HandlerContext) => {
-  const {
-    message: { typeId },
-  } = context;
-  switch (typeId) {
-    case "reply":
-      handleReply(context);
-      break;
-    case "remoteStaticAttachment":
-      handleAttachment(context);
-      break;
-  }
-});
+run(
+  async (context: HandlerContext) => {
+    const {
+      message: { typeId },
+    } = context;
+    switch (typeId) {
+      case "reply":
+        handleReply(context);
+        break;
+      case "remoteStaticAttachment":
+        handleAttachment(context);
+        break;
+    }
+    if (!context.group) {
+      context.send("This is a group bot, add this address to a group");
+    }
+  },
+  { attachments: true },
+);
 async function handleReply(context: HandlerContext) {
   const {
     v2client,
@@ -32,7 +36,7 @@ async function handleReply(context: HandlerContext) {
     version,
     v2client.address,
   );
-  //await context.intent(chain);
+  //await context.skill(chain);
 }
 
 // Handle attachment messages
@@ -41,12 +45,12 @@ async function handleAttachment(context: HandlerContext) {
 }
 
 export async function helpHandler(context: HandlerContext) {
-  const { commands = [] } = context;
+  const { skills } = context;
   const intro =
     "Available experiences:\n" +
-    commands
-      .flatMap((app) => app.commands)
-      .map((command) => `${command.command} - ${command.description}`)
+    skills
+      ?.flatMap((app) => app.skills)
+      .map((skill) => `${skill.command} - ${skill.description}`)
       .join("\n") +
     "\nUse these commands to interact with specific apps.";
   context.send(intro);