@ckb-ccc/connector 0.0.8-alpha.4 → 0.0.9-alpha.1

package/dist/connector/index.d.ts

@@ -5,6 +5,7 @@ export declare class WebComponentConnector extends LitElement {
     private wallets;
     signerFilter?: (signerInfo: ccc.SignerInfo, wallet: ccc.Wallet) => Promise<boolean>;
     private resetListeners;
+    preferredNetworks?: ccc.NetworkPreference[];
     name?: string;
     icon?: string;
     client: ccc.Client;

package/dist/connector/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/connector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAE5D,OAAO,EAAE,GAAG,EAAkB,MAAM,uBAAuB,CAAC;AA0B5D,qBACa,qBAAsB,SAAQ,UAAU;IAEnD,OAAO,CAAC,OAAO,CAA2B;IAEnC,YAAY,CAAC,EAAE,CACpB,UAAU,EAAE,GAAG,CAAC,UAAU,EAC1B,MAAM,EAAE,GAAG,CAAC,MAAM,KACf,OAAO,CAAC,OAAO,CAAC,CAAC;IAEtB,OAAO,CAAC,cAAc,CAAsB;IAGrC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,MAAM,EAAE,GAAG,CAAC,MAAM,CAAiC;IACnD,SAAS,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM;IAKnC,OAAO,CAAC,KAAK,CAAiC;IAE9C,OAAO,CAAC,cAAc,CAAC,CAAoB;IAE3C,OAAO,CAAC,cAAc,CAAC,CAAiB;IAExC,OAAO,CAAC,eAAe,CAAC,CAAS;IAGjC,OAAO,CAAC,UAAU,CAAC,CAAS;IAE5B,OAAO,CAAC,UAAU,CAAC,CAAS;IAErB,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC;IAEpB,MAAM,CAAC,EAAE,GAAG,CAAC,UAAU,CAAC;IAG/B,OAAO,CAAC,gBAAgB,CAAC,CAAS;IAElC,OAAO,CAAC,eAAe,CAAC,CAAS;IAEjC,OAAO,CAAC,OAAO,CAAC,CAAU;YAEZ,gBAAgB;YAUhB,aAAa;IAYpB,UAAU;IAOjB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,cAAc;IAUtB,iBAAiB,IAAI,IAAI;IAQzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAoCnD,OAAO,CAAC,aAAa;YAoGP,SAAS;IAyCvB,OAAO,EAAE,GAAG,CAAC,cAAc,CAAC,CAAe;IAC3C,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,CAAe;IAC7C,OAAO,EAAE,GAAG,CAAC,cAAc,CAAC,CAAe;IAE3C,MAAM;IA+FN,OAAO;IAUP,OAAO,CAAC,aAAa,CAgBnB;IAEF,OAAO,CAAC,qBAAqB,CAqC3B;IAEF,MAAM,CAAC,MAAM,0BAsPX;CACH"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/connector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAE5D,OAAO,EAAE,GAAG,EAAkB,MAAM,uBAAuB,CAAC;AAwB5D,qBACa,qBAAsB,SAAQ,UAAU;IAEnD,OAAO,CAAC,OAAO,CAA2B;IAEnC,YAAY,CAAC,EAAE,CACpB,UAAU,EAAE,GAAG,CAAC,UAAU,EAC1B,MAAM,EAAE,GAAG,CAAC,MAAM,KACf,OAAO,CAAC,OAAO,CAAC,CAAC;IAEtB,OAAO,CAAC,cAAc,CAAsB;IAGrC,iBAAiB,CAAC,EAAE,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAG5C,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,MAAM,EAAE,GAAG,CAAC,MAAM,CAAiC;IACnD,SAAS,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM;IAKnC,OAAO,CAAC,KAAK,CAAiC;IAE9C,OAAO,CAAC,cAAc,CAAC,CAAoB;IAE3C,OAAO,CAAC,cAAc,CAAC,CAAiB;IAExC,OAAO,CAAC,eAAe,CAAC,CAAS;IAGjC,OAAO,CAAC,UAAU,CAAC,CAAS;IAE5B,OAAO,CAAC,UAAU,CAAC,CAAS;IAErB,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC;IAEpB,MAAM,CAAC,EAAE,GAAG,CAAC,UAAU,CAAC;IAG/B,OAAO,CAAC,gBAAgB,CAAC,CAAS;IAElC,OAAO,CAAC,eAAe,CAAC,CAAS;IAEjC,OAAO,CAAC,OAAO,CAAC,CAAU;YAEZ,gBAAgB;YAUhB,aAAa;IAYpB,UAAU;IAQjB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,cAAc;IAUtB,iBAAiB,IAAI,IAAI;IAQzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAqCnD,OAAO,CAAC,aAAa;YAwHP,SAAS;IAyCvB,OAAO,EAAE,GAAG,CAAC,cAAc,CAAC,CAAe;IAC3C,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,CAAe;IAC7C,OAAO,EAAE,GAAG,CAAC,cAAc,CAAC,CAAe;IAE3C,MAAM;IAkFN,OAAO;IAUP,OAAO,CAAC,aAAa,CAcnB;IAEF,OAAO,CAAC,qBAAqB,CAqC3B;IAEF,MAAM,CAAC,MAAM,0BAsPX;CACH"}

package/dist/connector/index.js

@@ -18,14 +18,12 @@ import { UNI_SAT_SVG } from "../assets/uni-sat.svg";
 import { ClosedEvent, WillUpdateEvent } from "../events";
 import { generateConnectingScene, generateSignersScene, generateWalletsScene, } from "../scenes";
 import { generateConnectedScene } from "../scenes/connected";
-import { generateNetworksScene } from "../scenes/networks";
 var Scene;
 (function (Scene) {
     Scene["SelectingWallets"] = "SelectingWallets";
     Scene["SelectingSigners"] = "SelectingSigners";
     Scene["Connecting"] = "Connecting";
     Scene["Connected"] = "Connected";
-    Scene["SwitchingNetworks"] = "SwitchingNetworks";
 })(Scene || (Scene = {}));
 let WebComponentConnector = class WebComponentConnector extends LitElement {
     constructor() {
@@ -47,9 +45,6 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
                 this.selectedSigner = undefined;
                 this.selectedWallet = undefined;
             }
-            else if ([Scene.SwitchingNetworks].includes(this.scene)) {
-                this.scene = Scene.Connected;
-            }
             this.dispatchEvent(new ClosedEvent());
         };
         this.signerSelectedHandler = (wallet, signerInfo) => {
@@ -116,6 +111,7 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
         this.signerName = undefined;
         this.saveConnection();
         this.closedHandler();
+        this.signer?.signer.disconnect();
     }
     loadConnection() {
         const { signerName, walletName, } = JSON.parse(window.localStorage.getItem("ccc-connection-info") ?? "{}");
@@ -137,7 +133,8 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
     }
     willUpdate(changedProperties) {
         if (changedProperties.has("client") ||
-            changedProperties.has("signerFilter")) {
+            changedProperties.has("signerFilter") ||
+            changedProperties.has("preferredNetworks")) {
             this.reloadSigners();
         }
         if ((changedProperties.has("scene") && this.scene === Scene.Connected) ||
@@ -184,17 +181,29 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
             document.querySelector("head title").text;
         const icon = this.icon ??
             document.querySelector('link[rel="icon"]').href;
-        ccc.JoyId.getJoyIdSigners(this.client, name, icon).forEach(({ signer, name }) => {
+        const preferredNetworks = [
+            ...(this.preferredNetworks ?? []),
+            {
+                addressPrefix: "ckb",
+                signerType: ccc.SignerType.BTC,
+                network: "btc",
+            },
+            {
+                addressPrefix: "ckt",
+                signerType: ccc.SignerType.BTC,
+                network: "btcTestnet",
+            },
+        ];
+        ccc.JoyId.getJoyIdSigners(this.client, name, icon, preferredNetworks).forEach(({ signer, name }) => {
             this.addSigner("JoyID", name, JOY_ID_SVG, signer);
         });
-        const uniSatSigner = ccc.UniSat.getUniSatSigner(this.client);
+        const uniSatSigner = ccc.UniSat.getUniSatSigner(this.client, preferredNetworks);
         if (uniSatSigner) {
             this.addSigner("UniSat", "BTC", UNI_SAT_SVG, uniSatSigner);
         }
-        const okxBitcoinSigner = ccc.Okx.getOKXBitcoinSigner(this.client);
-        if (okxBitcoinSigner) {
-            this.addSigner("OKX Wallet", "BTC", OKX_SVG, okxBitcoinSigner);
-        }
+        ccc.Okx.getOKXBitcoinSigner(this.client, preferredNetworks).forEach((signer) => {
+            this.addSigner("OKX Wallet", signer.type, OKX_SVG, signer);
+        });
         const nip07Signer = ccc.Nip07.getNip07Signer(this.client);
         if (nip07Signer) {
             this.addSigner("Nostr", "Nostr", NOSTR_SVG, nip07Signer);
@@ -244,15 +253,7 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
     render() {
         const [title, body] = (() => {
             if (this.scene === Scene.Connected && this.wallet && this.signer) {
-                return generateConnectedScene(this.wallet, this.signer, this.recommendAddress, this.internalAddress, this.balance, this.disconnect.bind(this), () => {
-                    this.scene = Scene.SwitchingNetworks;
-                });
-            }
-            if (this.scene === Scene.SwitchingNetworks) {
-                return generateNetworksScene(this.client, (client) => {
-                    this.setClient(client);
-                    this.closedHandler();
-                });
+                return generateConnectedScene(this.wallet, this.signer, this.recommendAddress, this.internalAddress, this.balance, this.disconnect.bind(this));
             }
             if (this.scene === Scene.SelectingWallets || !this.selectedWallet) {
                 return generateWalletsScene(this.wallets, (wallet) => {
@@ -265,11 +266,7 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
             }
             return generateConnectingScene(this.selectedWallet, this.selectedSigner, this.connectingError, this.signerSelectedHandler);
         })();
-        const canBack = [
-            Scene.SelectingSigners,
-            Scene.Connecting,
-            Scene.SwitchingNetworks,
-        ].includes(this.scene);
+        const canBack = [Scene.SelectingSigners, Scene.Connecting].includes(this.scene);
         return html ` <div
       class="background"
       @click=${(event) => {
@@ -300,9 +297,6 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
             else if (this.scene === Scene.SelectingSigners) {
                 this.scene = Scene.SelectingWallets;
             }
-            else if (this.scene === Scene.SwitchingNetworks) {
-                this.scene = Scene.Connected;
-            }
         }}
           />
           ${title}
@@ -577,6 +571,9 @@ __decorate([
 __decorate([
     property()
 ], WebComponentConnector.prototype, "signerFilter", void 0);
+__decorate([
+    property()
+], WebComponentConnector.prototype, "preferredNetworks", void 0);
 __decorate([
     property()
 ], WebComponentConnector.prototype, "name", void 0);
@@ -584,7 +581,7 @@ __decorate([
     property()
 ], WebComponentConnector.prototype, "icon", void 0);
 __decorate([
-    property()
+    state()
 ], WebComponentConnector.prototype, "client", void 0);
 __decorate([
     state()

package/dist/scenes/connected.d.ts

@@ -1,4 +1,4 @@
 import { ccc } from "@ckb-ccc/ccc";
 export declare function formatString(str: string | undefined, l?: number, r?: number): string | undefined;
-export declare function generateConnectedScene(wallet: ccc.Wallet, signer: ccc.SignerInfo, recommendedAddress: string | undefined, internalAddress: string | undefined, balance: ccc.Num | undefined, disconnect: () => void, handleSwitchClick: () => void): (import("lit").TemplateResult<1> | undefined)[];
+export declare function generateConnectedScene(wallet: ccc.Wallet, signer: ccc.SignerInfo, recommendedAddress: string | undefined, internalAddress: string | undefined, balance: ccc.Num | undefined, disconnect: () => void): (import("lit").TemplateResult<1> | undefined)[];
 //# sourceMappingURL=connected.d.ts.map

package/dist/scenes/connected.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"connected.d.ts","sourceRoot":"","sources":["../../src/scenes/connected.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAgBnC,wBAAgB,YAAY,CAC1B,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,CAAC,SAAI,EACL,CAAC,SAAI,GACJ,MAAM,GAAG,SAAS,CAKpB;AAED,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,MAAM,EAAE,GAAG,CAAC,UAAU,EACtB,kBAAkB,EAAE,MAAM,GAAG,SAAS,EACtC,eAAe,EAAE,MAAM,GAAG,SAAS,EACnC,OAAO,EAAE,GAAG,CAAC,GAAG,GAAG,SAAS,EAC5B,UAAU,EAAE,MAAM,IAAI,EACtB,iBAAiB,EAAE,MAAM,IAAI,mDAoD9B"}
+{"version":3,"file":"connected.d.ts","sourceRoot":"","sources":["../../src/scenes/connected.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAenC,wBAAgB,YAAY,CAC1B,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,CAAC,SAAI,EACL,CAAC,SAAI,GACJ,MAAM,GAAG,SAAS,CAKpB;AAED,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,MAAM,EAAE,GAAG,CAAC,UAAU,EACtB,kBAAkB,EAAE,MAAM,GAAG,SAAS,EACtC,eAAe,EAAE,MAAM,GAAG,SAAS,EACnC,OAAO,EAAE,GAAG,CAAC,GAAG,GAAG,SAAS,EAC5B,UAAU,EAAE,MAAM,IAAI,mDAmDvB"}

package/dist/scenes/connected.js

@@ -3,7 +3,6 @@ import { html } from "lit";
 import { CKB_SVG } from "../assets/chains";
 import { COPY_SVG } from "../assets/copy.svg";
 import { DISCONNECT_SVG } from "../assets/diconnect.svg";
-import { SWAP_SVG } from "../assets/swap.svg";
 import { signerTypeToIcon } from "./signers";
 function copyAddress(address) {
     if (!address) {
@@ -17,7 +16,7 @@ export function formatString(str, l = 7, r = 5) {
     }
     return str;
 }
-export function generateConnectedScene(wallet, signer, recommendedAddress, internalAddress, balance, disconnect, handleSwitchClick) {
+export function generateConnectedScene(wallet, signer, recommendedAddress, internalAddress, balance, disconnect) {
     return [
         undefined,
         html `
@@ -58,11 +57,10 @@ export function generateConnectedScene(wallet, signer, recommendedAddress, inter
 
       <div class="switch-btn-container align-center flex justify-center mt-1">
         <div class="switch-line"></div>
-        <div class="switch-content flex align-center cursor-pointer ml-2 mr-2 fs-sm" @click=${handleSwitchClick}>
+        <div class="switch-content flex align-center ml-2 mr-2 fs-sm">
           <img class="mr-1 sm-chain-logo" src=${CKB_SVG} alt="Nervos Network">
           ${signer.signer.client.addressPrefix === "ckb" ? "Mainnet" : "Testnet"}
           ${["ckb", "ckt"].includes(signer.signer.client.addressPrefix) ? "" : ` ${signer.signer.client.addressPrefix}`}
-          <img class="ml-1" src=${SWAP_SVG} alt="Nervos Network">
         </div>
         <div class="switch-line"></div>
       </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckb-ccc/connector",
-  "version": "0.0.8-alpha.4",
+  "version": "0.0.9-alpha.1",
   "description": "CCC - CKBer's Codebase. Common Chains Connector UI",
   "author": "Hanssen0 <hanssen0@hanssen0.com>",
   "license": "MIT",
@@ -37,8 +37,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@ckb-ccc/ccc": "0.0.8-alpha.4",
+    "@ckb-ccc/ccc": "0.0.9-alpha.1",
     "lit": "^3.1.3"
   },
-  "gitHead": "444a378be18f46f5d13b18848fa90829755d5ff8"
+  "gitHead": "d708cbabd48a160d7608a0b86093b16f35451f79"
 }

package/src/connector/index.ts

@@ -16,7 +16,6 @@ import {
   generateWalletsScene,
 } from "../scenes";
 import { generateConnectedScene } from "../scenes/connected";
-import { generateNetworksScene } from "../scenes/networks";
 import { WalletWithSigners } from "../types";
 
 enum Scene {
@@ -24,7 +23,6 @@ enum Scene {
   SelectingSigners = "SelectingSigners",
   Connecting = "Connecting",
   Connected = "Connected",
-  SwitchingNetworks = "SwitchingNetworks",
 }
 
 @customElement("ccc-connector")
@@ -39,12 +37,15 @@ export class WebComponentConnector extends LitElement {
 
   private resetListeners: (() => void)[] = [];
 
+  @property()
+  public preferredNetworks?: ccc.NetworkPreference[];
+
   @property()
   public name?: string;
   @property()
   public icon?: string;
 
-  @property()
+  @state()
   public client: ccc.Client = new ccc.ClientPublicTestnet();
   public setClient(client: ccc.Client) {
     this.client = client;
@@ -102,6 +103,7 @@ export class WebComponentConnector extends LitElement {
     this.signerName = undefined;
     this.saveConnection();
     this.closedHandler();
+    this.signer?.signer.disconnect();
   }
 
   private loadConnection() {
@@ -137,7 +139,8 @@ export class WebComponentConnector extends LitElement {
   willUpdate(changedProperties: PropertyValues): void {
     if (
       changedProperties.has("client") ||
-      changedProperties.has("signerFilter")
+      changedProperties.has("signerFilter") ||
+      changedProperties.has("preferredNetworks")
     ) {
       this.reloadSigners();
     }
@@ -196,22 +199,42 @@ export class WebComponentConnector extends LitElement {
     const icon =
       this.icon ??
       (document.querySelector('link[rel="icon"]') as HTMLLinkElement).href;
-
-    ccc.JoyId.getJoyIdSigners(this.client, name, icon).forEach(
-      ({ signer, name }) => {
-        this.addSigner("JoyID", name, JOY_ID_SVG, signer);
+    const preferredNetworks = [
+      ...(this.preferredNetworks ?? []),
+      {
+        addressPrefix: "ckb",
+        signerType: ccc.SignerType.BTC,
+        network: "btc",
       },
-    );
+      {
+        addressPrefix: "ckt",
+        signerType: ccc.SignerType.BTC,
+        network: "btcTestnet",
+      },
+    ];
+
+    ccc.JoyId.getJoyIdSigners(
+      this.client,
+      name,
+      icon,
+      preferredNetworks,
+    ).forEach(({ signer, name }) => {
+      this.addSigner("JoyID", name, JOY_ID_SVG, signer);
+    });
 
-    const uniSatSigner = ccc.UniSat.getUniSatSigner(this.client);
+    const uniSatSigner = ccc.UniSat.getUniSatSigner(
+      this.client,
+      preferredNetworks,
+    );
     if (uniSatSigner) {
       this.addSigner("UniSat", "BTC", UNI_SAT_SVG, uniSatSigner);
     }
 
-    const okxBitcoinSigner = ccc.Okx.getOKXBitcoinSigner(this.client);
-    if (okxBitcoinSigner) {
-      this.addSigner("OKX Wallet", "BTC", OKX_SVG, okxBitcoinSigner);
-    }
+    ccc.Okx.getOKXBitcoinSigner(this.client, preferredNetworks).forEach(
+      (signer) => {
+        this.addSigner("OKX Wallet", signer.type, OKX_SVG, signer);
+      },
+    );
 
     const nip07Signer = ccc.Nip07.getNip07Signer(this.client);
     if (nip07Signer) {
@@ -325,17 +348,8 @@ export class WebComponentConnector extends LitElement {
           this.internalAddress,
           this.balance,
           this.disconnect.bind(this),
-          () => {
-            this.scene = Scene.SwitchingNetworks;
-          },
         );
       }
-      if (this.scene === Scene.SwitchingNetworks) {
-        return generateNetworksScene(this.client, (client) => {
-          this.setClient(client);
-          this.closedHandler();
-        });
-      }
       if (this.scene === Scene.SelectingWallets || !this.selectedWallet) {
         return generateWalletsScene(
           this.wallets,
@@ -360,11 +374,9 @@ export class WebComponentConnector extends LitElement {
       );
     })();
 
-    const canBack = [
-      Scene.SelectingSigners,
-      Scene.Connecting,
-      Scene.SwitchingNetworks,
-    ].includes(this.scene);
+    const canBack = [Scene.SelectingSigners, Scene.Connecting].includes(
+      this.scene,
+    );
 
     return html` <div
       class="background"
@@ -393,8 +405,6 @@ export class WebComponentConnector extends LitElement {
                 }
               } else if (this.scene === Scene.SelectingSigners) {
                 this.scene = Scene.SelectingWallets;
-              } else if (this.scene === Scene.SwitchingNetworks) {
-                this.scene = Scene.Connected;
               }
             }}
           />
@@ -431,8 +441,6 @@ export class WebComponentConnector extends LitElement {
       this.scene = Scene.SelectingWallets;
       this.selectedSigner = undefined;
       this.selectedWallet = undefined;
-    } else if ([Scene.SwitchingNetworks].includes(this.scene)) {
-      this.scene = Scene.Connected;
     }
 
     this.dispatchEvent(new ClosedEvent());

package/src/scenes/connected.ts

@@ -3,7 +3,6 @@ import { html } from "lit";
 import { CKB_SVG } from "../assets/chains";
 import { COPY_SVG } from "../assets/copy.svg";
 import { DISCONNECT_SVG } from "../assets/diconnect.svg";
-import { SWAP_SVG } from "../assets/swap.svg";
 import { signerTypeToIcon } from "./signers";
 
 function copyAddress(address?: string) {
@@ -32,7 +31,6 @@ export function generateConnectedScene(
   internalAddress: string | undefined,
   balance: ccc.Num | undefined,
   disconnect: () => void,
-  handleSwitchClick: () => void,
 ) {
   return [
     undefined,
@@ -74,11 +72,10 @@ export function generateConnectedScene(
 
       <div class="switch-btn-container align-center flex justify-center mt-1">
         <div class="switch-line"></div>
-        <div class="switch-content flex align-center cursor-pointer ml-2 mr-2 fs-sm" @click=${handleSwitchClick}>
+        <div class="switch-content flex align-center ml-2 mr-2 fs-sm">
           <img class="mr-1 sm-chain-logo" src=${CKB_SVG} alt="Nervos Network">
           ${signer.signer.client.addressPrefix === "ckb" ? "Mainnet" : "Testnet"}
           ${["ckb", "ckt"].includes(signer.signer.client.addressPrefix) ? "" : ` ${signer.signer.client.addressPrefix}`}
-          <img class="ml-1" src=${SWAP_SVG} alt="Nervos Network">
         </div>
         <div class="switch-line"></div>
       </div>

package/dist/assets/swap.svg.d.ts

@@ -1,2 +0,0 @@
-export declare const SWAP_SVG: string;
-//# sourceMappingURL=swap.svg.d.ts.map

package/dist/assets/swap.svg.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"swap.svg.d.ts","sourceRoot":"","sources":["../../src/assets/swap.svg.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,QAEpB,CAAC"}

package/dist/assets/swap.svg.js

@@ -1,2 +0,0 @@
-import { encodeSvgToImgSrc } from "./utils";
-export const SWAP_SVG = encodeSvgToImgSrc('<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.30688 5.22537L11.1669 3.36536L9.30688 1.50537" stroke="#666666" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.16699 3.36523H11.167" stroke="#666666" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.02698 6.77539L2.16699 8.63541L4.02698 10.4954" stroke="#666666" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.167 8.63525H2.16699" stroke="#666666" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>');

package/dist/scenes/networks.d.ts

@@ -1,3 +0,0 @@
-import { ccc } from "..";
-export declare function generateNetworksScene(client: ccc.Client, handleSwapClick: (client: ccc.Client) => unknown): unknown[];
-//# sourceMappingURL=networks.d.ts.map

package/dist/scenes/networks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"networks.d.ts","sourceRoot":"","sources":["../../src/scenes/networks.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,IAAI,CAAC;AAGzB,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,eAAe,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,KAAK,OAAO,aAuCjD"}

package/dist/scenes/networks.js

@@ -1,38 +0,0 @@
-import { html } from "lit";
-import { repeat } from "lit/directives/repeat.js";
-import { ccc } from "..";
-import { CKB_SVG } from "../assets/chains";
-export function generateNetworksScene(client, handleSwapClick) {
-    const isMainnet = client.addressPrefix === "ckb";
-    return [
-        "Switch Network",
-        repeat([
-            {
-                activated: isMainnet,
-                name: "Mainnet",
-                onClick: () => handleSwapClick(new ccc.ClientPublicMainnet()),
-            },
-            {
-                activated: !isMainnet,
-                name: "Testnet",
-                onClick: () => handleSwapClick(new ccc.ClientPublicTestnet()),
-            },
-        ], ({ name }) => name, ({ activated, name, onClick }) => html `
-        <button
-          class="btn-primary flex justify-between mb-1 ${activated
-            ? "switching-active"
-            : ""}"
-          ?disabled=${activated}
-          @click=${onClick}
-        >
-          <div class="flex align-center">
-            <img src=${CKB_SVG} alt="Nervos Network" />
-            <span>${name}</span>
-          </div>
-          <div class="flex align-center">
-            ${activated ? html `<div class="switching-status-dot"></div>` : ""}
-          </div>
-        </button>
-      `),
-    ];
-}

package/src/assets/swap.svg.ts

@@ -1,5 +0,0 @@
-import { encodeSvgToImgSrc } from "./utils";
-
-export const SWAP_SVG = encodeSvgToImgSrc(
-  '<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.30688 5.22537L11.1669 3.36536L9.30688 1.50537" stroke="#666666" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.16699 3.36523H11.167" stroke="#666666" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.02698 6.77539L2.16699 8.63541L4.02698 10.4954" stroke="#666666" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.167 8.63525H2.16699" stroke="#666666" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>',
-);

package/src/scenes/networks.ts

@@ -1,47 +0,0 @@
-import { html } from "lit";
-import { repeat } from "lit/directives/repeat.js";
-import { ccc } from "..";
-import { CKB_SVG } from "../assets/chains";
-
-export function generateNetworksScene(
-  client: ccc.Client,
-  handleSwapClick: (client: ccc.Client) => unknown,
-) {
-  const isMainnet = client.addressPrefix === "ckb";
-
-  return [
-    "Switch Network",
-    repeat(
-      [
-        {
-          activated: isMainnet,
-          name: "Mainnet",
-          onClick: () => handleSwapClick(new ccc.ClientPublicMainnet()),
-        },
-        {
-          activated: !isMainnet,
-          name: "Testnet",
-          onClick: () => handleSwapClick(new ccc.ClientPublicTestnet()),
-        },
-      ],
-      ({ name }) => name,
-      ({ activated, name, onClick }) => html`
-        <button
-          class="btn-primary flex justify-between mb-1 ${activated
-            ? "switching-active"
-            : ""}"
-          ?disabled=${activated}
-          @click=${onClick}
-        >
-          <div class="flex align-center">
-            <img src=${CKB_SVG} alt="Nervos Network" />
-            <span>${name}</span>
-          </div>
-          <div class="flex align-center">
-            ${activated ? html`<div class="switching-status-dot"></div>` : ""}
-          </div>
-        </button>
-      `,
-    ),
-  ];
-}