fix: add appId

BREAKING CHANGE: App ID is required

src/Chain.ts

@@ -6,16 +6,20 @@ class Chain {
   id: number;
   sendTransactionBase: SendTransaction;
   cyberAccount: CyberAccount | null = null;
+  appId: string;
 
   constructor({
     id,
     sendTransaction,
+    appId,
   }: {
     id: number;
     sendTransaction: SendTransaction;
+    appId: string;
   }) {
     this.id = id;
     this.sendTransactionBase = sendTransaction;
+    this.appId = appId;
   }
 
   public setCyberAccount(cyberAccount: CyberAccount | null) {
@@ -24,7 +28,7 @@ class Chain {
 
   public async sendTransaction(
     transaction: Omit<WalletTransaction, "ctx">,
-    option?: { description?: string }
+    option?: { description?: string },
   ) {
     if (!this.cyberAccount) {
       return;
@@ -34,9 +38,13 @@ class Chain {
       {
         ...transaction,
         from: transaction.from || this.cyberAccount.address,
-        ctx: { chainId: this.id, owner: this.cyberAccount.ownerAddress },
+        ctx: {
+          chainId: this.id,
+          owner: this.cyberAccount.ownerAddress,
+          appId: this.appId,
+        },
       },
-      option
+      option,
     );
   }
 }

src/CyberApp.ts

@@ -4,17 +4,19 @@ import Messenger from "./Messenger";
 import type { AppInfo } from "./types";
 
 class CyberApp {
+  public appId: string;
   public name: string;
   public cyberWallet: CyberWallet;
   public messenger: Messenger;
   public icon: string;
 
-  constructor({ name, icon }: AppInfo) {
+  constructor({ appId, name, icon }: AppInfo) {
+    this.appId = appId;
     this.name = name;
     this.icon = icon;
     this.cyberWallet = new CyberWallet({
       contextWindow: window.parent,
-      appInfo: { name, icon },
+      appInfo: { name, icon, appId },
     });
     this.messenger = new Messenger({
       walletWindow: this.cyberWallet.contextWindow,

src/CyberWallet.ts

@@ -48,6 +48,7 @@ class CyberWallet {
       this[key as AvailableChainName] = new Chain({
         id: chain.id,
         sendTransaction: this.bindedSendTransaction,
+        appId: appInfo.appId,
       });
     });
   }

src/types.ts

@@ -43,6 +43,7 @@ export type WalletTransaction = {
   ctx: {
     chainId: number;
     owner: Address;
+    appId: string;
   };
 };
 
@@ -54,6 +55,7 @@ export type SendTransaction = (
 ) => Promise<any>;
 
 export type AppInfo = {
+  appId: string;
   name: string;
   icon: string;
 };