@ckb-ccc/connector 0.0.12-alpha.7 → 0.0.13-alpha.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @ckb-ccc/connector
 
+## 0.0.13-alpha.0
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/ccc@0.0.13-alpha.0
+
+## 0.0.12
+
+### Patch Changes
+
+- [`6bee006`](https://github.com/ckb-ecofund/ccc/commit/6bee006fbcb96986c65ca4d2d896fca21db2503b) Thanks [@Hanssen0](https://github.com/Hanssen0)! - fix(connector): catch connecting error
+
+- [`591e779`](https://github.com/ckb-ecofund/ccc/commit/591e7794ce3d07ceaad55b7a80d2277fe0aa9fe7) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat: custom SignersController
+
+- Updated dependencies [[`591e779`](https://github.com/ckb-ecofund/ccc/commit/591e7794ce3d07ceaad55b7a80d2277fe0aa9fe7)]:
+  - @ckb-ccc/ccc@0.0.12
+
 ## 0.0.12-alpha.7
 
 ### Patch Changes

package/README.md

@@ -1,5 +1,5 @@
 <p align="center">
-  <a href="https://ckbccc-demo.vercel.app/">
+  <a href="https://app.ckbccc.com/">
     <img alt="Logo" src="https://raw.githubusercontent.com/ckb-ecofund/ccc/master/assets/logo.svg" width="20%" />
   </a>
 </p>
@@ -14,9 +14,12 @@
   /></a>
   <img alt="GitHub commit activity" src="https://img.shields.io/github/commit-activity/m/ckb-ecofund/ccc" />
   <img alt="GitHub last commit" src="https://img.shields.io/github/last-commit/ckb-ecofund/ccc/master" />
-  <img alt="GitHub deployments" src="https://img.shields.io/github/deployments/ckb-ecofund/ccc/production" />
-  <a href="https://ckbccc-demo.vercel.app/"><img
-    alt="Demo" src="https://img.shields.io/website?url=https%3A%2F%2Fckbccc-demo.vercel.app%2F&label=Demo"
+  <img alt="GitHub branch check runs" src="https://img.shields.io/github/check-runs/ckb-ecofund/ccc/master" />
+  <a href="https://app.ckbccc.com/"><img
+    alt="App" src="https://img.shields.io/website?url=https%3A%2F%2Fapp.ckbccc.com%2F&label=App"
+  /></a>
+  <a href="https://docs.ckbccc.com/"><img
+    alt="Docs" src="https://img.shields.io/website?url=https%3A%2F%2Fdocs.ckbccc.com%2F&label=Docs"
   /></a>
 </p>
 
@@ -33,13 +36,13 @@
 ## Preview
 
 <p align="center">
-  <a href="https://ckbccc-demo.vercel.app/">
+  <a href="https://app.ckbccc.com/">
     <img src="https://raw.githubusercontent.com/ckb-ecofund/ccc/master/assets/preview.png" width="30%" />
   </a>
 </p>
 
-This project is still under active development, and we are looking forward to your feedback. [Try its demo now here](https://ckbccc-demo.vercel.app/). It showcases how to use CCC for some basic scenarios in CKB.
+This project is still under active development, and we are looking forward to your feedback. [Try its demo now here](https://app.ckbccc.com/). It showcases how to use CCC for some basic scenarios in CKB.
 
 <h3 align="center">
-  Read more about CCC on its <a href="https://github.com/ckb-ecofund/ccc">GitHub Repo</a>.
+  Read more about CCC on <a href="https://docs.ckbccc.com">our website</a> or <a href="https://github.com/ckb-ecofund/ccc">GitHub Repo</a>.
 </h3>

package/dist/advancedBarrel.d.ts

@@ -1,3 +1,4 @@
 export * from "@ckb-ccc/ccc/advancedBarrel";
+export * from "./components/index.js";
 export * from "./scenes/index.js";
 //# sourceMappingURL=advancedBarrel.d.ts.map

package/dist/advancedBarrel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"advancedBarrel.d.ts","sourceRoot":"","sources":["../src/advancedBarrel.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"advancedBarrel.d.ts","sourceRoot":"","sources":["../src/advancedBarrel.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC"}

package/dist/advancedBarrel.js

@@ -1,2 +1,3 @@
 export * from "@ckb-ccc/ccc/advancedBarrel";
+export * from "./components/index.js";
 export * from "./scenes/index.js";

package/dist/connector/index.d.ts

@@ -4,10 +4,10 @@ export declare class WebComponentConnector extends LitElement {
     name?: string;
     icon?: string;
     preferredNetworks?: ccc.NetworkPreference[];
-    signerFilter?: (signerInfo: ccc.SignerInfo, wallet: ccc.Wallet) => Promise<boolean>;
+    signersController?: ccc.SignersController;
     client: ccc.Client;
     setClient(client: ccc.Client): void;
-    private signersController;
+    private signersControllerInner;
     private walletName?;
     private signerName?;
     wallet?: ccc.Wallet;

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;AAM5D,qBACa,qBAAsB,SAAQ,UAAU;IAE5C,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,iBAAiB,CAAC,EAAE,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAE5C,YAAY,CAAC,EAAE,CACpB,UAAU,EAAE,GAAG,CAAC,UAAU,EAC1B,MAAM,EAAE,GAAG,CAAC,MAAM,KACf,OAAO,CAAC,OAAO,CAAC,CAAC;IAGf,MAAM,EAAE,GAAG,CAAC,MAAM,CAAiC;IACnD,SAAS,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM;IAInC,OAAO,CAAC,iBAAiB,CAA+B;IAGxD,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;IAE/B,OAAO,CAAC,wBAAwB,CAAC,CAAa;IAEvC,UAAU;IAQjB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,cAAc;IAUtB,iBAAiB,IAAI,IAAI;IAKzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAoBnD,aAAa;IAQP,YAAY,CAChB,MAAM,EAAE,GAAG,CAAC,MAAM,GAAG,SAAS,EAC9B,UAAU,EAAE,GAAG,CAAC,UAAU,GAAG,SAAS;IAsBxC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAoC;IAC5D,OAAO,CAAC,QAAQ,CAAC,OAAO,CACV;IAEd,MAAM;IAuCN,OAAO;IASP,MAAM,CAAC,MAAM,0BAyBX;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;AAM5D,qBACa,qBAAsB,SAAQ,UAAU;IAE5C,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,iBAAiB,CAAC,EAAE,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAE5C,iBAAiB,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC;IAG1C,MAAM,EAAE,GAAG,CAAC,MAAM,CAAiC;IACnD,SAAS,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM;IAInC,OAAO,CAAC,sBAAsB,CAA+B;IAG7D,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;IAE/B,OAAO,CAAC,wBAAwB,CAAC,CAAa;IAEvC,UAAU;IAQjB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,cAAc;IAUtB,iBAAiB,IAAI,IAAI;IAKzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAoBnD,aAAa;IAQP,YAAY,CAChB,MAAM,EAAE,GAAG,CAAC,MAAM,GAAG,SAAS,EAC9B,UAAU,EAAE,GAAG,CAAC,UAAU,GAAG,SAAS;IAsBxC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAoC;IAC5D,OAAO,CAAC,QAAQ,CAAC,OAAO,CACV;IAEd,MAAM;IAuCN,OAAO;IASP,MAAM,CAAC,MAAM,0BAyBX;CACH"}

package/dist/connector/index.js

@@ -13,7 +13,7 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
     constructor() {
         super(...arguments);
         this.client = new ccc.ClientPublicTestnet();
-        this.signersController = new SignersController(this);
+        this.signersControllerInner = new SignersController(this);
         this.mainRef = createRef();
         this.bodyRef = createRef();
     }
@@ -48,7 +48,7 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
             changedProperties.has("client") ||
             changedProperties.has("signerFilter") ||
             changedProperties.has("preferredNetworks")) {
-            this.signersController.refresh();
+            this.signersControllerInner.refresh();
         }
         if (changedProperties.has("walletName") ||
             changedProperties.has("signerName")) {
@@ -57,7 +57,7 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
         this.dispatchEvent(new Event("willUpdate"));
     }
     refreshSigner() {
-        const wallet = this.signersController.wallets.find(({ name }) => name === this.walletName);
+        const wallet = this.signersControllerInner.wallets.find(({ name }) => name === this.walletName);
         const signer = wallet?.signers.find(({ name }) => name === this.signerName);
         this.updateSigner(wallet, signer);
     }
@@ -72,7 +72,7 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
             this.signer = signerInfo;
             this.unregisterSignerReplacer?.();
             this.unregisterSignerReplacer = signerInfo.signer.onReplaced(() => {
-                this.signersController.refresh();
+                this.signersControllerInner.refresh();
             });
         }
         else {
@@ -103,7 +103,7 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
             `
             : html `
               <ccc-selecting-scene
-                .wallets=${this.signersController.wallets}
+                .wallets=${this.signersControllerInner.wallets}
                 @connected=${({ walletName, signerName }) => {
                 this.walletName = walletName;
                 this.signerName = signerName;
@@ -160,7 +160,7 @@ __decorate([
 ], WebComponentConnector.prototype, "preferredNetworks", void 0);
 __decorate([
     property()
-], WebComponentConnector.prototype, "signerFilter", void 0);
+], WebComponentConnector.prototype, "signersController", void 0);
 __decorate([
     state()
 ], WebComponentConnector.prototype, "client", void 0);

package/dist/signers/index.d.ts

@@ -3,7 +3,8 @@ import { ReactiveControllerHost } from "lit";
 export declare class SignersController {
     private readonly host;
     wallets: ccc.WalletWithSigners[];
-    private readonly controller;
+    private readonly defaultController;
+    get controller(): ccc.SignersController;
     constructor(host: ReactiveControllerHost & {
         client: ccc.Client;
         signerFilter?: (signerInfo: ccc.SignerInfo, wallet: ccc.Wallet) => Promise<boolean>;
@@ -11,6 +12,7 @@ export declare class SignersController {
         name?: string;
         icon?: string;
         refreshSigner: () => void;
+        signersController?: ccc.SignersController;
     });
     refresh(): void;
     update(): void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/signers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAE7C,qBAAa,iBAAiB;IAM1B,OAAO,CAAC,QAAQ,CAAC,IAAI;IALhB,OAAO,EAAE,GAAG,CAAC,iBAAiB,EAAE,CAAM;IAE7C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA+B;gBAGvC,IAAI,EAAE,sBAAsB,GAAG;QAC9C,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC;QACnB,YAAY,CAAC,EAAE,CACb,UAAU,EAAE,GAAG,CAAC,UAAU,EAC1B,MAAM,EAAE,GAAG,CAAC,MAAM,KACf,OAAO,CAAC,OAAO,CAAC,CAAC;QACtB,iBAAiB,CAAC,EAAE,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,aAAa,EAAE,MAAM,IAAI,CAAC;KAC3B;IAKH,OAAO;IAWP,MAAM;IAKN,aAAa,IAAI,IAAI;IAMrB,gBAAgB,IAAI,IAAI;CAGzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/signers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAE7C,qBAAa,iBAAiB;IAS1B,OAAO,CAAC,QAAQ,CAAC,IAAI;IARhB,OAAO,EAAE,GAAG,CAAC,iBAAiB,EAAE,CAAM;IAC7C,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAA+B;IAEjE,IAAI,UAAU,0BAEb;gBAGkB,IAAI,EAAE,sBAAsB,GAAG;QAC9C,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC;QACnB,YAAY,CAAC,EAAE,CACb,UAAU,EAAE,GAAG,CAAC,UAAU,EAC1B,MAAM,EAAE,GAAG,CAAC,MAAM,KACf,OAAO,CAAC,OAAO,CAAC,CAAC;QACtB,iBAAiB,CAAC,EAAE,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,aAAa,EAAE,MAAM,IAAI,CAAC;QAC1B,iBAAiB,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC;KAC3C;IAKH,OAAO;IAWP,MAAM;IAKN,aAAa,IAAI,IAAI;IAMrB,gBAAgB,IAAI,IAAI;CAGzB"}

package/dist/signers/index.js

@@ -1,9 +1,12 @@
 import { ccc } from "@ckb-ccc/ccc";
 export class SignersController {
+    get controller() {
+        return this.host.signersController ?? this.defaultController;
+    }
     constructor(host) {
         this.host = host;
         this.wallets = [];
-        this.controller = new ccc.SignersController();
+        this.defaultController = new ccc.SignersController();
         host.addController(this);
     }
     refresh() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckb-ccc/connector",
-  "version": "0.0.12-alpha.7",
+  "version": "0.0.13-alpha.0",
   "description": "CCC - CKBer's Codebase. Common Chains Connector UI",
   "author": "Hanssen0 <hanssen0@hanssen0.com>",
   "license": "MIT",
@@ -34,7 +34,7 @@
   },
   "dependencies": {
     "lit": "^3.1.3",
-    "@ckb-ccc/ccc": "0.0.12-alpha.7"
+    "@ckb-ccc/ccc": "0.0.13-alpha.0"
   },
   "scripts": {
     "build": "rimraf ./dist && tsc",

package/src/advancedBarrel.ts

@@ -1,2 +1,3 @@
 export * from "@ckb-ccc/ccc/advancedBarrel";
+export * from "./components/index.js";
 export * from "./scenes/index.js";

package/src/connector/index.ts

@@ -14,10 +14,7 @@ export class WebComponentConnector extends LitElement {
   @property()
   public preferredNetworks?: ccc.NetworkPreference[];
   @property()
-  public signerFilter?: (
-    signerInfo: ccc.SignerInfo,
-    wallet: ccc.Wallet,
-  ) => Promise<boolean>;
+  public signersController?: ccc.SignersController;
 
   @state()
   public client: ccc.Client = new ccc.ClientPublicTestnet();
@@ -25,7 +22,7 @@ export class WebComponentConnector extends LitElement {
     this.client = client;
   }
 
-  private signersController = new SignersController(this);
+  private signersControllerInner = new SignersController(this);
 
   @state()
   private walletName?: string;
@@ -81,7 +78,7 @@ export class WebComponentConnector extends LitElement {
       changedProperties.has("signerFilter") ||
       changedProperties.has("preferredNetworks")
     ) {
-      this.signersController.refresh();
+      this.signersControllerInner.refresh();
     }
     if (
       changedProperties.has("walletName") ||
@@ -94,7 +91,7 @@ export class WebComponentConnector extends LitElement {
   }
 
   refreshSigner() {
-    const wallet = this.signersController.wallets.find(
+    const wallet = this.signersControllerInner.wallets.find(
       ({ name }) => name === this.walletName,
     );
     const signer = wallet?.signers.find(({ name }) => name === this.signerName);
@@ -117,7 +114,7 @@ export class WebComponentConnector extends LitElement {
       this.signer = signerInfo;
       (this.unregisterSignerReplacer as unknown as () => void)?.();
       this.unregisterSignerReplacer = signerInfo.signer.onReplaced(() => {
-        this.signersController.refresh();
+        this.signersControllerInner.refresh();
       });
     } else {
       this.wallet = undefined;
@@ -154,7 +151,7 @@ export class WebComponentConnector extends LitElement {
             `
           : html`
               <ccc-selecting-scene
-                .wallets=${this.signersController.wallets}
+                .wallets=${this.signersControllerInner.wallets}
                 @connected=${({ walletName, signerName }: ConnectedEvent) => {
                   this.walletName = walletName;
                   this.signerName = signerName;

package/src/signers/index.ts

@@ -3,8 +3,11 @@ import { ReactiveControllerHost } from "lit";
 
 export class SignersController {
   public wallets: ccc.WalletWithSigners[] = [];
+  private readonly defaultController = new ccc.SignersController();
 
-  private readonly controller = new ccc.SignersController();
+  get controller() {
+    return this.host.signersController ?? this.defaultController;
+  }
 
   constructor(
     private readonly host: ReactiveControllerHost & {
@@ -17,6 +20,7 @@ export class SignersController {
       name?: string;
       icon?: string;
       refreshSigner: () => void;
+      signersController?: ccc.SignersController;
     },
   ) {
     host.addController(this);

package/typedoc.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://typedoc.org/schema.json",
+  "entryPoints": ["./src/index.ts", "./src/advanced.ts"],
+  "extends": ["../../typedoc.base.json"],
+  "name": "@ckb-ccc connector"
+}