@ckb-ccc/connector 0.0.9-alpha.2 → 0.0.10-alpha.0

package/src/signers/index.ts

@@ -0,0 +1,186 @@
+import { ccc } from "@ckb-ccc/ccc";
+import { ReactiveController, ReactiveControllerHost } from "lit";
+import { NOSTR_SVG } from "../assets/chains/nostr.svg";
+import { JOY_ID_SVG } from "../assets/joy-id.svg";
+import { METAMASK_SVG } from "../assets/metamask.svg";
+import { OKX_SVG } from "../assets/okx.svg";
+import { UNI_SAT_SVG } from "../assets/uni-sat.svg";
+import { WalletWithSigners } from "../types";
+
+export class SignersController implements ReactiveController {
+  public wallets: WalletWithSigners[] = [];
+
+  private resetListeners: (() => void)[] = [];
+
+  constructor(
+    private readonly host: ReactiveControllerHost & {
+      client: ccc.Client;
+      signerFilter?: (
+        signerInfo: ccc.SignerInfo,
+        wallet: ccc.Wallet,
+      ) => Promise<boolean>;
+      preferredNetworks?: ccc.NetworkPreference[];
+      name?: string;
+      icon?: string;
+      refreshSigner: () => void;
+    },
+  ) {
+    host.addController(this);
+  }
+
+  getConfig() {
+    const name =
+      this.host.name ??
+      (document.querySelector("head title") as HTMLTitleElement).text;
+    const icon =
+      this.host.icon ??
+      (document.querySelector('link[rel="icon"]') as HTMLLinkElement).href;
+    const preferredNetworks = [
+      ...(this.host.preferredNetworks ?? []),
+      {
+        addressPrefix: "ckb",
+        signerType: ccc.SignerType.BTC,
+        network: "btc",
+      },
+      {
+        addressPrefix: "ckt",
+        signerType: ccc.SignerType.BTC,
+        network: "btcTestnet",
+      },
+    ];
+
+    return {
+      client: this.host.client,
+      name,
+      icon,
+      preferredNetworks,
+    };
+  }
+
+  update() {
+    this.host.refreshSigner();
+    this.host.requestUpdate();
+  }
+
+  refresh() {
+    this.resetListeners.forEach((listener) => listener());
+    this.resetListeners = [];
+
+    this.wallets = [];
+
+    const { client, name, icon, preferredNetworks } = this.getConfig();
+
+    ccc.JoyId.getJoyIdSigners(client, name, icon, preferredNetworks).forEach(
+      ({ signer, name }) => {
+        this.addSigner("JoyID", name, JOY_ID_SVG, signer);
+      },
+    );
+
+    const uniSatSigner = ccc.UniSat.getUniSatSigner(client, preferredNetworks);
+    if (uniSatSigner) {
+      this.addSigner("UniSat", "BTC", UNI_SAT_SVG, uniSatSigner);
+    }
+
+    ccc.Okx.getOKXBitcoinSigner(client, preferredNetworks).forEach((signer) => {
+      this.addSigner("OKX Wallet", signer.type, OKX_SVG, signer);
+    });
+
+    const nip07Signer = ccc.Nip07.getNip07Signer(client);
+    if (nip07Signer) {
+      this.addSigner("Nostr", "Nostr", NOSTR_SVG, nip07Signer);
+    }
+
+    const eip6963Manager = new ccc.Eip6963.SignerFactory(client);
+    this.resetListeners.push(
+      eip6963Manager.subscribeSigners((signer) => {
+        this.addSigner(
+          `${signer.detail.info.name}`,
+          "EVM",
+          signer.detail.info.icon,
+          signer,
+        );
+        this.update();
+      }),
+    );
+
+    // === Dummy signers ===
+    this.addSigner(
+      "MetaMask",
+      "EVM",
+      METAMASK_SVG,
+      new ccc.SignerOpenLink(
+        client,
+        ccc.SignerType.EVM,
+        `https://metamask.app.link/dapp/${window.location.href}`,
+      ),
+    );
+    [ccc.SignerType.EVM, ccc.SignerType.BTC].forEach((type) => {
+      this.addSigner(
+        "OKX Wallet",
+        type,
+        OKX_SVG,
+        new ccc.SignerOpenLink(
+          client,
+          type,
+          "https://www.okx.com/download?deeplink=" +
+            encodeURIComponent(
+              "okx://wallet/dapp/url?dappUrl=" +
+                encodeURIComponent(window.location.href),
+            ),
+        ),
+      );
+    });
+    this.addSigner(
+      "UniSat",
+      ccc.SignerType.BTC,
+      UNI_SAT_SVG,
+      new ccc.SignerOpenLink(
+        client,
+        ccc.SignerType.BTC,
+        "https://unisat.io/download",
+      ),
+    );
+    // ===
+  }
+
+  private async addSigner(
+    walletName: string,
+    signerName: string,
+    icon: string,
+    signer: ccc.Signer,
+  ) {
+    const signerInfo = { name: signerName, signer };
+
+    const signerFilter = this.host.signerFilter;
+    if (
+      signerFilter &&
+      !(await signerFilter(signerInfo, { name: walletName, icon }))
+    ) {
+      return;
+    }
+
+    const wallet = this.wallets.find((w) => w.name === walletName);
+
+    if (!wallet) {
+      this.wallets.push({
+        name: walletName,
+        icon,
+        signers: [signerInfo],
+      });
+    } else {
+      const signers = [...wallet.signers, signerInfo].filter(
+        ({ signer }) => !(signer instanceof ccc.SignerDummy),
+      );
+      wallet.signers = signers.length !== 0 ? signers : [signerInfo];
+    }
+
+    this.update();
+  }
+
+  hostConnected(): void {
+    this.refresh();
+    // Wait for plugins to be loaded
+    setTimeout(() => this.refresh(), 100);
+  }
+  hostDisconnected(): void {}
+}

package/dist/assets/chains/ckb.sm.svg.d.ts

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

package/dist/assets/chains/ckb.sm.svg.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ckb.sm.svg.d.ts","sourceRoot":"","sources":["../../../src/assets/chains/ckb.sm.svg.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,QAEtB,CAAC"}

package/dist/assets/chains/ckb.sm.svg.js

@@ -1,2 +0,0 @@
-import { encodeSvgToImgSrc } from "../utils";
-export const CKB_SM_SVG = encodeSvgToImgSrc('<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_221_415)"><path d="M0.666992 9C0.666992 11.3869 1.6152 13.6761 3.30303 15.364C4.99086 17.0518 7.28004 18 9.66699 18C12.0539 18 14.3431 17.0518 16.031 15.364C17.7188 13.6761 18.667 11.3869 18.667 9C18.667 6.61305 17.7188 4.32387 16.031 2.63604C14.3431 0.948212 12.0539 0 9.66699 0C7.28004 0 4.99086 0.948212 3.30303 2.63604C1.6152 4.32387 0.666992 6.61305 0.666992 9Z" fill="#333333"/><path d="M5.51318 4.84619V12.9231H7.60395V8.52235H9.20549L5.51318 4.84619Z" fill="white"/><path d="M11.73 4.84619V9.24696H10.1284L13.8207 12.9231V4.84619H11.73Z" fill="white"/></g><defs><clipPath id="clip0_221_415"><rect width="18" height="18" fill="white" transform="translate(0.666992)"/></clipPath></defs></svg>');

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

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

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

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

package/dist/assets/copy.svg.js

@@ -1,2 +0,0 @@
-import { encodeSvgToImgSrc } from "./utils";
-export const COPY_SVG = encodeSvgToImgSrc('<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 13.5657V6.10526C19 5.49737 18.5091 5 17.9091 5H10.5454C9.94543 5 9.45452 5.49737 9.45452 6.10526V13.5657C9.45452 14.1736 9.94543 14.671 10.5454 14.671H17.9091C18.5091 14.671 19 14.1736 19 13.5657Z" fill="#999999"/><path d="M14.5455 15.8684H9.18183C8.58183 15.8684 8.09092 15.3711 8.09092 14.7632V9.329H6.09091C5.49091 9.329 5 9.82637 5 10.4343V17.8947C5 18.5026 5.49091 19 6.09091 19H13.4546C14.0546 19 14.5455 18.5026 14.5455 17.8947V15.8684Z" fill="#999999"/></svg>');

package/dist/events/index.d.ts

@@ -1,7 +0,0 @@
-export declare class WillUpdateEvent extends Event {
-    constructor();
-}
-export declare class ClosedEvent extends Event {
-    constructor();
-}
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/events/index.ts"],"names":[],"mappings":"AAAA,qBAAa,eAAgB,SAAQ,KAAK;;CAIzC;AAED,qBAAa,WAAY,SAAQ,KAAK;;CAIrC"}

package/dist/events/index.js

@@ -1,10 +0,0 @@
-export class WillUpdateEvent extends Event {
-    constructor() {
-        super("willUpdate", { composed: true });
-    }
-}
-export class ClosedEvent extends Event {
-    constructor() {
-        super("closed", { composed: true });
-    }
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"connecting.d.ts","sourceRoot":"","sources":["../../src/scenes/connecting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAGnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,GAAG,CAAC,UAAU,EACtB,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,gBAAgB,EAAE,CAChB,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,GAAG,CAAC,UAAU,KACnB,OAAO,gDA2Bb"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"signers.d.ts","sourceRoot":"","sources":["../../src/scenes/signers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAKnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,UAAU,GAAG,MAAM,CAO7D;AAED,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,iBAAiB,EACzB,gBAAgB,EAAE,CAChB,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,GAAG,CAAC,UAAU,KACnB,OAAO,gDA4Bb"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"wallets.d.ts","sourceRoot":"","sources":["../../src/scenes/wallets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAGnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,iBAAiB,EAAE,EAC5B,gBAAgB,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,OAAO,EACxD,gBAAgB,EAAE,CAChB,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,GAAG,CAAC,UAAU,KACnB,OAAO,aAwBb"}

package/src/assets/chains/ckb.sm.svg.ts

@@ -1,5 +0,0 @@
-import { encodeSvgToImgSrc } from "../utils";
-
-export const CKB_SM_SVG = encodeSvgToImgSrc(
-  '<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_221_415)"><path d="M0.666992 9C0.666992 11.3869 1.6152 13.6761 3.30303 15.364C4.99086 17.0518 7.28004 18 9.66699 18C12.0539 18 14.3431 17.0518 16.031 15.364C17.7188 13.6761 18.667 11.3869 18.667 9C18.667 6.61305 17.7188 4.32387 16.031 2.63604C14.3431 0.948212 12.0539 0 9.66699 0C7.28004 0 4.99086 0.948212 3.30303 2.63604C1.6152 4.32387 0.666992 6.61305 0.666992 9Z" fill="#333333"/><path d="M5.51318 4.84619V12.9231H7.60395V8.52235H9.20549L5.51318 4.84619Z" fill="white"/><path d="M11.73 4.84619V9.24696H10.1284L13.8207 12.9231V4.84619H11.73Z" fill="white"/></g><defs><clipPath id="clip0_221_415"><rect width="18" height="18" fill="white" transform="translate(0.666992)"/></clipPath></defs></svg>',
-);

package/src/assets/copy.svg.ts

@@ -1,5 +0,0 @@
-import { encodeSvgToImgSrc } from "./utils";
-
-export const COPY_SVG = encodeSvgToImgSrc(
-  '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 13.5657V6.10526C19 5.49737 18.5091 5 17.9091 5H10.5454C9.94543 5 9.45452 5.49737 9.45452 6.10526V13.5657C9.45452 14.1736 9.94543 14.671 10.5454 14.671H17.9091C18.5091 14.671 19 14.1736 19 13.5657Z" fill="#999999"/><path d="M14.5455 15.8684H9.18183C8.58183 15.8684 8.09092 15.3711 8.09092 14.7632V9.329H6.09091C5.49091 9.329 5 9.82637 5 10.4343V17.8947C5 18.5026 5.49091 19 6.09091 19H13.4546C14.0546 19 14.5455 18.5026 14.5455 17.8947V15.8684Z" fill="#999999"/></svg>',
-);

package/src/events/index.ts

@@ -1,11 +0,0 @@
-export class WillUpdateEvent extends Event {
-  constructor() {
-    super("willUpdate", { composed: true });
-  }
-}
-
-export class ClosedEvent extends Event {
-  constructor() {
-    super("closed", { composed: true });
-  }
-}