create-message-kit 1.0.17 → 1.0.20

package/index.js

@@ -2,7 +2,7 @@
 import { program } from "commander";
 import { dirname, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
-import { intro, log, outro, text, select } from "@clack/prompts";
+import { log, outro, text, select } from "@clack/prompts";
 import { default as fs } from "fs-extra";
 import { isCancel } from "@clack/prompts";
 import pc from "picocolors";
@@ -19,16 +19,17 @@ program
   .name("byob")
   .description("CLI to initialize projects")
   .action(async () => {
-    log.message(`\x1b[38;2;250;105;119m\
-━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-
-███╗   ███╗███████╗███████╗███████╗ █████╗  ██████╗ ███████╗██╗  ██╗██╗████████╗
-████╗ ████║██╔════╝██╔════╝██╔════╝██╔══██╗██╔════╝ ██╔════╝██║ ██╔╝██║╚══██╔══╝
-██╔████╔██║█████╗  ███████╗███████╗███████║██║  ███╗█████╗  █████╔╝ ██║   ██║   
-██║╚██╔╝██║██╔══╝  ╚════██║╚════██║██╔══██║██║   ██║██╔══╝  ██╔═██╗ ██║   ██║   
-██║ ╚═╝ ██║███████╗███████║███████║██║  ██║╚██████╔╝███████╗██║  ██╗██║   ██║   
-╚═╝     ╚═╝╚══════╝╚══════╝╚══════╝╚═╝  ╚═╝ ╚═════╝ ╚══════╝╚═╝  ╚═╝╚═╝   ╚═╝   
-Powered by XMTP \x1b[0m`);
+    log.info(pc.cyan(`Welcome to MessageKit v${version}!`));
+    const coolLogo = `
+    ███╗   ███╗███████╗███████╗███████╗ █████╗  ██████╗ ███████╗██╗  ██╗██╗████████╗
+    ████╗ ████║██╔════╝██╔════╝██╔════╝██╔══██╗██╔════╝ ██╔════╝██║ ██╔╝██║╚══██╔══╝
+    ██╔████╔██║█████╗  ███████╗███████╗███████║██║  ███╗█████╗  █████╔╝ ██║   ██║   
+    ██║╚██╔╝██║██╔══╝  ╚════██║╚════██║██╔══██║██║   ██║██╔══╝  ██╔═██╗ ██║   ██║   
+    ██║ ╚═╝ ██║███████╗███████║███████║██║  ██║╚██████╔╝███████╗██║  ██╗██║   ██║   
+    ╚═╝     ╚═╝╚══════╝╚══════╝╚══════╝╚═╝  ╚═╝ ╚═════╝ ╚══════╝╚═╝  ╚═╝╚═╝   ╚═╝   
+    Powered by XMTP`;
+
+    log.info(pc.cyan(coolLogo));
 
     const { templateType, displayName, destDir } = await gatherProjectInfo();
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-message-kit",
-  "version": "1.0.17",
+  "version": "1.0.20",
   "license": "MIT",
   "type": "module",
   "main": "index.js",

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

@@ -4,9 +4,12 @@ import { textGeneration } from "../lib/openai.js";
 import { processResponseWithSkill } from "../lib/openai.js";
 import { isAddress } from "viem";
 import { ens_agent_prompt } from "../prompt.js";
-import { frameUrl, ensUrl, baseTxUrl } from "../index.js";
 import { clearChatHistories } from "../lib/openai.js";
 
+export const frameUrl = "https://ens.steer.fun/";
+export const ensUrl = "https://app.ens.domains/";
+export const baseTxUrl = "https://base-tx-frame.vercel.app";
+
 export async function handleEns(context: HandlerContext) {
   const {
     message: {
@@ -108,7 +111,7 @@ export async function handleEns(context: HandlerContext) {
 
     const data = await getUserInfo(domain);
     if (!data?.address) {
-      let message = `Looks like ${domain} is available! Do you want to register it? ${ensUrl}${domain} or would you like to see some cool alternatives?`;
+      let message = `Looks like ${domain} is available! Here you can register it: ${ensUrl}${domain} or would you like to see some cool alternatives?`;
       return {
         code: 200,
         message,
@@ -169,13 +172,10 @@ export async function ensAgent(context: HandlerContext) {
       console.log("User info not found");
       return;
     }
-    const { ensDomain, converseUsername } = userInfo;
-
     const { reply } = await textGeneration(
       sender.address,
       userPrompt,
-      await ens_agent_prompt(sender.address, ensDomain, converseUsername),
-      group !== undefined,
+      await ens_agent_prompt(userInfo),
     );
     await processResponseWithSkill(sender.address, reply, context);
   } catch (error) {

package/templates/agent/src/index.ts

@@ -1,14 +1,10 @@
 import { run, HandlerContext } from "@xmtp/message-kit";
 import { ensAgent } from "./handler/ens.js";
 
-export const frameUrl = "https://ens.steer.fun/";
-export const ensUrl = "https://app.ens.domains/";
-export const baseTxUrl = "https://base-tx-frame.vercel.app";
-
 run(async (context: HandlerContext) => {
-  const { group, message } = context;
   /*All the commands are handled through the commands file*/
   /* If its just text, it will be handled by the ensAgent*/
   /* If its a group message, it will be handled by the groupAgent*/
-  await ensAgent(context);
+
+  ensAgent(context);
 });

package/templates/agent/src/lib/openai.ts

@@ -14,7 +14,6 @@ export async function textGeneration(
   address: string,
   userPrompt: string,
   systemPrompt: string,
-  isGroup: boolean = false,
 ) {
   let messages = chatHistories[address] || [];
   if (messages.length === 0) {
@@ -38,7 +37,8 @@ export async function textGeneration(
       content: reply || "No response from OpenAI.",
     });
     const cleanedReply = responseParser(reply as string);
-    if (!isGroup) chatHistories[address] = messages;
+    chatHistories[address] = messages;
+    console.log("messages.length", messages.length);
     return { reply: cleanedReply, history: messages };
   } catch (error) {
     console.error("Failed to fetch from OpenAI:", error);
@@ -100,6 +100,9 @@ export async function processResponseWithSkill(
       if (response && response.message) {
         let msg = responseParser(response.message);
 
+        if (!chatHistories[address]) {
+          chatHistories[address] = [];
+        }
         chatHistories[address].push({
           role: "system",
           content: msg,

package/templates/agent/src/prompt.ts

@@ -1,11 +1,10 @@
-export async function ens_agent_prompt(
-  address: string,
-  domain?: string,
-  name?: string,
-  converseUsername?: string,
-  txUrl?: string,
-) {
-  const systemPrompt = `You are a helpful and playful agent that lives inside a web3 messaging app called Converse.
+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.
@@ -16,8 +15,8 @@ export async function ens_agent_prompt(
 
 User context: 
 - Users address is: ${address}
-${domain != undefined ? `- User ENS domain is: ${domain}` : ""}
-${name != undefined ? `- Converse username is: ${name}` : ""}
+${ensDomain != undefined ? `- User ENS domain is: ${ensDomain}` : ""}
+${converseUsername != undefined ? `- Converse username is: ${converseUsername}` : ""}
 
 ## Task
 - Start by fetch their domain from or Convese username
@@ -25,57 +24,48 @@ ${name != undefined ? `- Converse username is: ${name}` : ""}
 - Ask for a name (if they don't have one) so you can suggest domains.
 
 Commands:
-- "/info [domain]": To get information about a domain use this command.
-- "/check [domain]": To check to see if a domain is available use this command.
-- "/register [domain]": To register a domain use this command. This will return a url pointing to the registration page.
-- "/renew [domain]": To trigger renewal of a domain use this command. This will return a url with a button to renew the domain.
-- "/tip [address]": To tip a domain or address use this command. This will return a url with a button to send the tip
-- "/cool [domain]": To get cool alternatives for a .eth domain use this command.
+${skills.map((skill) => skill.skills.map((s) => s.command).join("\n")).join("\n")}
 
 Examples:
-- /check ${domain}
-- /info nick.eth
-- /register vitalik.eth 
-- /renew fabri.base.eth
-- /tip 0xf0EA7663233F99D0c12370671abBb6Cca980a490
-- /cool vitalik.eth
+${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\Let me start by checking your Converse username ${converseUsername}.eth\n/check ${converseUsername}.eth
+  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}
+  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}
+  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/cool ${domain}
+  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 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 ${domain}
+  Here is the url to send the tip:\n/tip ${ensDomain}
 
 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 ${domain}.\n Give me a moment.\n/info ${domain}  
+  Hello! I'll help you get info about ${ensDomain}.\n Give me a moment.\n/info ${ensDomain}  
 
 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 ${domain}. Give me a moment.\n/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} 
 
 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 ${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/cool vitalik.eth
+  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

@@ -1,14 +1,16 @@
+import { handleEns, ensAgent } from "./handler/ens.js";
 import type { SkillGroup } from "@xmtp/message-kit";
-import { handleEns } from "./handler/ens.js";
 
 export const skills: SkillGroup[] = [
   {
     name: "Ens Domain Bot",
+    tag: "@ens",
+    tagHandler: ensAgent,
     description: "Register ENS domains.",
     skills: [
       {
         command: "/register [domain]",
-        triggers: ["/register", "@ensbot"],
+        triggers: ["/register"],
         handler: handleEns,
         description:
           "Register a new ENS domain. Returns a URL to complete the registration process.",
@@ -21,7 +23,7 @@ export const skills: SkillGroup[] = [
       },
       {
         command: "/info [domain]",
-        triggers: ["/info", "@ensbot"],
+        triggers: ["/info"],
         handler: handleEns,
         description:
           "Get detailed information about an ENS domain including owner, expiry date, and resolver.",
@@ -34,7 +36,7 @@ export const skills: SkillGroup[] = [
       },
       {
         command: "/renew [domain]",
-        triggers: ["/renew", "@ensbot"],
+        triggers: ["/renew"],
         handler: handleEns,
         description:
           "Extend the registration period of your ENS domain. Returns a URL to complete the renewal.",

package/templates/group/src/lib/openai.ts

@@ -14,7 +14,6 @@ export async function textGeneration(
   address: string,
   userPrompt: string,
   systemPrompt: string,
-  isGroup: boolean = false,
 ) {
   let messages = chatHistories[address] || [];
   if (messages.length === 0) {
@@ -38,7 +37,7 @@ export async function textGeneration(
       content: reply || "No response from OpenAI.",
     });
     const cleanedReply = responseParser(reply as string);
-    if (!isGroup) chatHistories[address] = messages;
+    chatHistories[address] = messages;
     return { reply: cleanedReply, history: messages };
   } catch (error) {
     console.error("Failed to fetch from OpenAI:", error);
@@ -83,7 +82,7 @@ export async function vision(imageData: Uint8Array, systemPrompt: string) {
   }
 }
 
-export async function processResponseWithskill(
+export async function processResponseWithSkill(
   address: string,
   reply: string,
   context: any,
@@ -100,6 +99,9 @@ export async function processResponseWithskill(
       if (response && response.message) {
         let msg = responseParser(response.message);
 
+        if (!chatHistories[address]) {
+          chatHistories[address] = [];
+        }
         chatHistories[address].push({
           role: "system",
           content: msg,

package/templates/group/src/skills.ts

@@ -1,10 +1,10 @@
-import type { SkillGroup } from "@xmtp/message-kit";
 import { handler as tipping } from "./handler/tipping.js";
 import { handler as agent } from "./handler/agent.js";
 import { handler as transaction } from "./handler/transaction.js";
 import { handler as games } from "./handler/game.js";
 import { handler as loyalty } from "./handler/loyalty.js";
 import { helpHandler } from "./index.js";
+import type { SkillGroup } from "@xmtp/message-kit";
 
 export const skills: SkillGroup[] = [
   {