@ckb-ccc/connector 1.1.1 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/README.md +2 -0
  3. package/dist/components/copy-button.d.ts.map +1 -1
  4. package/dist/components/copy-button.js +15 -15
  5. package/dist/connector/index.d.ts.map +1 -1
  6. package/dist/connector/index.js +16 -16
  7. package/dist/scenes/connected.d.ts.map +1 -1
  8. package/dist/scenes/connected.js +3 -5
  9. package/dist/scenes/selecting/connecting.js +1 -3
  10. package/package.json +2 -2
  11. package/src/components/copy-button.ts +20 -18
  12. package/src/connector/index.ts +27 -25
  13. package/src/scenes/connected.ts +15 -11
  14. package/src/scenes/selecting/connecting.ts +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @ckb-ccc/connector
2
2
 
3
+ ## 1.1.2
4
+ ### Patch Changes
5
+
6
+ - Updated dependencies []:
7
+ - @ckb-ccc/ccc@1.2.2
8
+
3
9
  ## 1.1.1
4
10
  ### Patch Changes
5
11
 
package/README.md CHANGED
@@ -36,6 +36,8 @@
36
36
  Fully enabling CKB's Turing completeness and cryptographic freedom power.
37
37
  </p>
38
38
 
39
+ Check the [package documentation](https://docs.ckbccc.com/docs/packages/core-packages/connector) and [API reference](https://api.ckbccc.com/modules/_ckb-ccc_connector.index) for more details.
40
+
39
41
  <h3 align="center">
40
42
  Read more about CCC on <a href="https://docs.ckbccc.com">our website</a> or <a href="https://github.com/ckb-devrel/ccc">GitHub Repo</a>.
41
43
  </h3>
package/dist/components/copy-button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../src/components/copy-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,qBACa,UAAW,SAAQ,UAAU;IAEjC,KAAK,CAAC,EAAE,MAAM,CAAC;IAGtB,OAAO,CAAC,QAAQ,CAAS;IAEzB,MAAM,CAAC,MAAM,0BAiBX;IAEF,OAAO;IAIP,OAAO,kCASL;IAEF,MAAM;CAuBP"}
1
+ {"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../src/components/copy-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,qBACa,UAAW,SAAQ,UAAU;IAEjC,KAAK,CAAC,EAAE,MAAM,CAAC;IAGtB,OAAO,CAAC,QAAQ,CAAS;IAEzB,MAAM,CAAC,MAAM,0BAiBX;IAEF,OAAO;IAIP,OAAO,kCASL;IAEF,MAAM;CAyBP"}
package/dist/components/copy-button.js CHANGED
@@ -45,22 +45,22 @@ let CopyButton = class CopyButton extends LitElement {
45
45
  <slot></slot>
46
46
  ${this.isCopied
47
47
  ? html `
48
- <svg class="check" viewBox="0 0 17.837 17.837" alt="copied">
49
- <path
50
- d="M16.145,2.571c-0.272-0.273-0.718-0.273-0.99,0L6.92,10.804l-4.241-4.27c-0.272-0.274-0.715-0.274-0.989,0L0.204,8.019c-0.272,0.271-0.272,0.717,0,0.99l6.217,6.258c0.272,0.271,0.715,0.271,0.99,0L17.63,5.047c0.276-0.273,0.276-0.72,0-0.994L16.145,2.571z"
51
- />
52
- </svg>
53
- `
48
+ <svg class="check" viewBox="0 0 17.837 17.837" alt="copied">
49
+ <path
50
+ d="M16.145,2.571c-0.272-0.273-0.718-0.273-0.99,0L6.92,10.804l-4.241-4.27c-0.272-0.274-0.715-0.274-0.989,0L0.204,8.019c-0.272,0.271-0.272,0.717,0,0.99l6.217,6.258c0.272,0.271,0.715,0.271,0.99,0L17.63,5.047c0.276-0.273,0.276-0.72,0-0.994L16.145,2.571z"
51
+ />
52
+ </svg>
53
+ `
54
54
  : html `
55
- <svg class="copy" viewBox="0 0 24 24" alt="copy">
56
- <path
57
- 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"
58
- />
59
- <path
60
- 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"
61
- />
62
- </svg>
63
- `}
55
+ <svg class="copy" viewBox="0 0 24 24" alt="copy">
56
+ <path
57
+ 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"
58
+ />
59
+ <path
60
+ 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"
61
+ />
62
+ </svg>
63
+ `}
64
64
  `;
65
65
  }
66
66
  };
package/dist/connector/index.d.ts.map CHANGED
@@ -1 +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;AAU5D,qBACa,qBAAsB,SAAQ,UAAU;IAE5C,QAAQ,EAAE,OAAO,CAAC;IAElB,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;IAE1C,aAAa,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAGtE,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;IASjB,OAAO,CAAC,cAAc;IAStB,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;IA4CN,OAAO,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI;IAY7B,OAAO;IASP,MAAM,CAAC,MAAM,0BAyBX;CACH"}
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;AAU5D,qBACa,qBAAsB,SAAQ,UAAU;IAE5C,QAAQ,EAAE,OAAO,CAAC;IAElB,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;IAE1C,aAAa,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAGtE,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;IASjB,OAAO,CAAC,cAAc;IAStB,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;IA8CN,OAAO,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI;IAY7B,OAAO;IASP,MAAM,CAAC,MAAM,0BAyBX;CACH"}
package/dist/connector/index.js CHANGED
@@ -99,28 +99,28 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
99
99
  <div class="main" ${ref(this.mainRef)}>
100
100
  ${this.wallet && this.signer
101
101
  ? html `
102
- <ccc-connected-scene
103
- ?hideMark=${this.hideMark}
104
- .wallet=${this.wallet}
105
- .signer=${this.signer.signer}
106
- .clientOptions=${this.clientOptions}
107
- @disconnect=${() => this.disconnect()}
108
- @select-client=${(e) => this.setClient(e.client)}
109
- ${ref(this.bodyRef)}
110
- ></ccc-connected-scene>
111
- `
102
+ <ccc-connected-scene
103
+ ?hideMark=${this.hideMark}
104
+ .wallet=${this.wallet}
105
+ .signer=${this.signer.signer}
106
+ .clientOptions=${this.clientOptions}
107
+ @disconnect=${() => this.disconnect()}
108
+ @select-client=${(e) => this.setClient(e.client)}
109
+ ${ref(this.bodyRef)}
110
+ ></ccc-connected-scene>
111
+ `
112
112
  : html `
113
- <ccc-selecting-scene
114
- .wallets=${this.signersControllerInner.wallets}
115
- @connected=${({ walletName, signerName }) => {
113
+ <ccc-selecting-scene
114
+ .wallets=${this.signersControllerInner.wallets}
115
+ @connected=${({ walletName, signerName }) => {
116
116
  this.walletName = walletName;
117
117
  this.signerName = signerName;
118
118
  this.refreshSigner();
119
119
  this.saveConnection();
120
120
  }}
121
- ${ref(this.bodyRef)}
122
- ></ccc-selecting-scene>
123
- `}
121
+ ${ref(this.bodyRef)}
122
+ ></ccc-selecting-scene>
123
+ `}
124
124
  </div>
125
125
  </div>`;
126
126
  }
package/dist/scenes/connected.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"connected.d.ts","sourceRoot":"","sources":["../../src/scenes/connected.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAa,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAU5D,wBAAgB,YAAY,CAC1B,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,CAAC,SAAI,EACL,CAAC,SAAI,GACJ,MAAM,GAAG,SAAS,CAKpB;AAED,qBACa,cAAe,SAAQ,UAAU;IAErC,QAAQ,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC;IAEpB,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC;IAEpB,aAAa,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAG7E,OAAO,CAAC,kBAAkB,CAAC,CAAS;IAEpC,OAAO,CAAC,eAAe,CAAC,CAAS;IAEjC,OAAO,CAAC,OAAO,CAAC,CAAU;IAE1B,OAAO,CAAC,eAAe,CAAS;IAEhC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAkBzD,MAAM;IA0GN,MAAM,CAAC,MAAM,0BAiIX;IAEF,OAAO;CAGR"}
1
+ {"version":3,"file":"connected.d.ts","sourceRoot":"","sources":["../../src/scenes/connected.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAa,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAU5D,wBAAgB,YAAY,CAC1B,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,CAAC,SAAI,EACL,CAAC,SAAI,GACJ,MAAM,GAAG,SAAS,CAKpB;AAED,qBACa,cAAe,SAAQ,UAAU;IAErC,QAAQ,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC;IAEpB,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC;IAEpB,aAAa,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAG7E,OAAO,CAAC,kBAAkB,CAAC,CAAS;IAEpC,OAAO,CAAC,eAAe,CAAC,CAAS;IAEjC,OAAO,CAAC,OAAO,CAAC,CAAU;IAE1B,OAAO,CAAC,eAAe,CAAS;IAEhC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAkBzD,MAAM;IA8GN,MAAM,CAAC,MAAM,0BAiIX;IAEF,OAAO;CAGR"}
package/dist/scenes/connected.js CHANGED
@@ -94,14 +94,12 @@ let ConnectedScene = class ConnectedScene extends LitElement {
94
94
 
95
95
  ${this.hideMark == null
96
96
  ? html `<a href="https://github.com/ckb-devrel/ccc" class="mark"
97
- >Powered by CCC</a
98
- >`
97
+ >Powered by CCC</a
98
+ >`
99
99
  : ""}
100
100
 
101
101
  <div
102
- class="switch-btn-container ${this.clientOptions
103
- ? "cursor-pointer"
104
- : ""}"
102
+ class="switch-btn-container ${this.clientOptions ? "cursor-pointer" : ""}"
105
103
  @click=${() => (this.selectingClient = Boolean(this.clientOptions))}
106
104
  >
107
105
  <div class="switch-line"></div>
package/dist/scenes/selecting/connecting.js CHANGED
@@ -10,9 +10,7 @@ export function generateConnectingScene(wallet, signer, error, onSignerSelected)
10
10
  alt=${wallet.name}
11
11
  />
12
12
  <span class="text-bold"
13
- >${error
14
- ? `Failed to open ${wallet.name}`
15
- : `Opening ${wallet.name}...`}</span
13
+ >${error ? `Failed to open ${wallet.name}` : `Opening ${wallet.name}...`}</span
16
14
  >
17
15
  <span class="text-tip text-center"
18
16
  >${error ?? "Confirm connection in the wallet"}</span
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ckb-ccc/connector",
3
- "version": "1.1.1",
3
+ "version": "1.1.2",
4
4
  "description": "CCC - CKBer's Codebase. Common Chains Connector UI",
5
5
  "author": "Hanssen0 <hanssen0@hanssen0.com>",
6
6
  "license": "MIT",
@@ -33,7 +33,7 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "lit": "^3.3.3",
36
- "@ckb-ccc/ccc": "1.2.1"
36
+ "@ckb-ccc/ccc": "1.2.2"
37
37
  },
38
38
  "scripts": {
39
39
  "build": "tsc",
package/src/components/copy-button.ts CHANGED
@@ -46,24 +46,26 @@ export class CopyButton extends LitElement {
46
46
  render() {
47
47
  return html`
48
48
  <slot></slot>
49
- ${this.isCopied
50
- ? html`
51
- <svg class="check" viewBox="0 0 17.837 17.837" alt="copied">
52
- <path
53
- d="M16.145,2.571c-0.272-0.273-0.718-0.273-0.99,0L6.92,10.804l-4.241-4.27c-0.272-0.274-0.715-0.274-0.989,0L0.204,8.019c-0.272,0.271-0.272,0.717,0,0.99l6.217,6.258c0.272,0.271,0.715,0.271,0.99,0L17.63,5.047c0.276-0.273,0.276-0.72,0-0.994L16.145,2.571z"
54
- />
55
- </svg>
56
- `
57
- : html`
58
- <svg class="copy" viewBox="0 0 24 24" alt="copy">
59
- <path
60
- 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"
61
- />
62
- <path
63
- 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"
64
- />
65
- </svg>
66
- `}
49
+ ${
50
+ this.isCopied
51
+ ? html`
52
+ <svg class="check" viewBox="0 0 17.837 17.837" alt="copied">
53
+ <path
54
+ d="M16.145,2.571c-0.272-0.273-0.718-0.273-0.99,0L6.92,10.804l-4.241-4.27c-0.272-0.274-0.715-0.274-0.989,0L0.204,8.019c-0.272,0.271-0.272,0.717,0,0.99l6.217,6.258c0.272,0.271,0.715,0.271,0.99,0L17.63,5.047c0.276-0.273,0.276-0.72,0-0.994L16.145,2.571z"
55
+ />
56
+ </svg>
57
+ `
58
+ : html`
59
+ <svg class="copy" viewBox="0 0 24 24" alt="copy">
60
+ <path
61
+ 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"
62
+ />
63
+ <path
64
+ 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"
65
+ />
66
+ </svg>
67
+ `
68
+ }
67
69
  `;
68
70
  }
69
71
  }
package/src/connector/index.ts CHANGED
@@ -147,31 +147,33 @@ export class WebComponentConnector extends LitElement {
147
147
  @updated=${() => this.updated()}
148
148
  >
149
149
  <div class="main" ${ref(this.mainRef)}>
150
- ${this.wallet && this.signer
151
- ? html`
152
- <ccc-connected-scene
153
- ?hideMark=${this.hideMark}
154
- .wallet=${this.wallet}
155
- .signer=${this.signer.signer}
156
- .clientOptions=${this.clientOptions}
157
- @disconnect=${() => this.disconnect()}
158
- @select-client=${(e: SelectClientEvent) =>
159
- this.setClient(e.client)}
160
- ${ref(this.bodyRef)}
161
- ></ccc-connected-scene>
162
- `
163
- : html`
164
- <ccc-selecting-scene
165
- .wallets=${this.signersControllerInner.wallets}
166
- @connected=${({ walletName, signerName }: ConnectedEvent) => {
167
- this.walletName = walletName;
168
- this.signerName = signerName;
169
- this.refreshSigner();
170
- this.saveConnection();
171
- }}
172
- ${ref(this.bodyRef)}
173
- ></ccc-selecting-scene>
174
- `}
150
+ ${
151
+ this.wallet && this.signer
152
+ ? html`
153
+ <ccc-connected-scene
154
+ ?hideMark=${this.hideMark}
155
+ .wallet=${this.wallet}
156
+ .signer=${this.signer.signer}
157
+ .clientOptions=${this.clientOptions}
158
+ @disconnect=${() => this.disconnect()}
159
+ @select-client=${(e: SelectClientEvent) =>
160
+ this.setClient(e.client)}
161
+ ${ref(this.bodyRef)}
162
+ ></ccc-connected-scene>
163
+ `
164
+ : html`
165
+ <ccc-selecting-scene
166
+ .wallets=${this.signersControllerInner.wallets}
167
+ @connected=${({ walletName, signerName }: ConnectedEvent) => {
168
+ this.walletName = walletName;
169
+ this.signerName = signerName;
170
+ this.refreshSigner();
171
+ this.saveConnection();
172
+ }}
173
+ ${ref(this.bodyRef)}
174
+ ></ccc-selecting-scene>
175
+ `
176
+ }
175
177
  </div>
176
178
  </div>`;
177
179
  }
package/src/scenes/connected.ts CHANGED
@@ -112,25 +112,29 @@ export class ConnectedScene extends LitElement {
112
112
  ${DISCONNECT_SVG} Disconnect
113
113
  </ccc-button>
114
114
 
115
- ${this.hideMark == null
116
- ? html`<a href="https://github.com/ckb-devrel/ccc" class="mark"
117
- >Powered by CCC</a
118
- >`
119
- : ""}
115
+ ${
116
+ this.hideMark == null
117
+ ? html`<a href="https://github.com/ckb-devrel/ccc" class="mark"
118
+ >Powered by CCC</a
119
+ >`
120
+ : ""
121
+ }
120
122
 
121
123
  <div
122
- class="switch-btn-container ${this.clientOptions
123
- ? "cursor-pointer"
124
- : ""}"
124
+ class="switch-btn-container ${
125
+ this.clientOptions ? "cursor-pointer" : ""
126
+ }"
125
127
  @click=${() => (this.selectingClient = Boolean(this.clientOptions))}
126
128
  >
127
129
  <div class="switch-line"></div>
128
130
  <div class="switch-content ml-2 mr-2 fs-sm">
129
131
  <img class="sm-chain-logo" src=${CKB_SVG} alt="Nervos Network" />
130
132
  ${signer.client.addressPrefix === "ckb" ? "Mainnet" : "Testnet"}
131
- ${["ckb", "ckt"].includes(signer.client.addressPrefix)
132
- ? ""
133
- : ` ${signer.client.addressPrefix}`}
133
+ ${
134
+ ["ckb", "ckt"].includes(signer.client.addressPrefix)
135
+ ? ""
136
+ : ` ${signer.client.addressPrefix}`
137
+ }
134
138
  ${this.clientOptions ? SWAP_SVG : undefined}
135
139
  </div>
136
140
  <div class="switch-line"></div>
package/src/scenes/selecting/connecting.ts CHANGED
@@ -20,9 +20,9 @@ export function generateConnectingScene(
20
20
  alt=${wallet.name}
21
21
  />
22
22
  <span class="text-bold"
23
- >${error
24
- ? `Failed to open ${wallet.name}`
25
- : `Opening ${wallet.name}...`}</span
23
+ >${
24
+ error ? `Failed to open ${wallet.name}` : `Opening ${wallet.name}...`
25
+ }</span
26
26
  >
27
27
  <span class="text-tip text-center"
28
28
  >${error ?? "Confirm connection in the wallet"}</span