@ckb-ccc/connector 0.0.4-alpha.8 → 0.0.4

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 (94) hide show
  1. package/dist/advancedBarrel.d.ts +1 -0
  2. package/dist/advancedBarrel.d.ts.map +1 -1
  3. package/dist/advancedBarrel.js +1 -0
  4. package/dist/barrel.d.ts +1 -2
  5. package/dist/barrel.d.ts.map +1 -1
  6. package/dist/barrel.js +1 -2
  7. package/dist/connector/index.d.ts +23 -9
  8. package/dist/connector/index.d.ts.map +1 -1
  9. package/dist/connector/index.js +149 -54
  10. package/dist/events/index.d.ts +1 -12
  11. package/dist/events/index.d.ts.map +1 -1
  12. package/dist/events/index.js +2 -15
  13. package/dist/scenes/connecting.d.ts +1 -1
  14. package/dist/scenes/connecting.d.ts.map +1 -1
  15. package/dist/scenes/signers.d.ts +2 -1
  16. package/dist/scenes/signers.d.ts.map +1 -1
  17. package/dist/scenes/wallets.d.ts +2 -1
  18. package/dist/scenes/wallets.d.ts.map +1 -1
  19. package/dist/types/index.d.ts +5 -0
  20. package/dist/types/index.d.ts.map +1 -0
  21. package/dist/types/index.js +1 -0
  22. package/dist.commonjs/advanced.d.ts +3 -0
  23. package/dist.commonjs/advanced.d.ts.map +1 -0
  24. package/dist.commonjs/advanced.js +56 -0
  25. package/dist.commonjs/advancedBarrel.d.ts +4 -0
  26. package/dist.commonjs/advancedBarrel.d.ts.map +1 -0
  27. package/dist.commonjs/advancedBarrel.js +35 -0
  28. package/dist.commonjs/assets/chains/btc.svg.d.ts +2 -0
  29. package/dist.commonjs/assets/chains/btc.svg.d.ts.map +1 -0
  30. package/dist.commonjs/assets/chains/btc.svg.js +7 -0
  31. package/dist.commonjs/assets/chains/eth.svg.d.ts +2 -0
  32. package/dist.commonjs/assets/chains/eth.svg.d.ts.map +1 -0
  33. package/dist.commonjs/assets/chains/eth.svg.js +7 -0
  34. package/dist.commonjs/assets/chains/index.d.ts +3 -0
  35. package/dist.commonjs/assets/chains/index.d.ts.map +1 -0
  36. package/dist.commonjs/assets/chains/index.js +34 -0
  37. package/dist.commonjs/assets/close.svg.d.ts +2 -0
  38. package/dist.commonjs/assets/close.svg.d.ts.map +1 -0
  39. package/dist.commonjs/assets/close.svg.js +7 -0
  40. package/dist.commonjs/assets/okx.svg.d.ts +2 -0
  41. package/dist.commonjs/assets/okx.svg.d.ts.map +1 -0
  42. package/dist.commonjs/assets/okx.svg.js +7 -0
  43. package/dist.commonjs/assets/retry.svg.d.ts +2 -0
  44. package/dist.commonjs/assets/retry.svg.d.ts.map +1 -0
  45. package/dist.commonjs/assets/retry.svg.js +7 -0
  46. package/dist.commonjs/assets/uni-sat.svg.d.ts +2 -0
  47. package/dist.commonjs/assets/uni-sat.svg.d.ts.map +1 -0
  48. package/dist.commonjs/assets/uni-sat.svg.js +7 -0
  49. package/dist.commonjs/assets/utils.d.ts +2 -0
  50. package/dist.commonjs/assets/utils.d.ts.map +1 -0
  51. package/dist.commonjs/assets/utils.js +7 -0
  52. package/dist.commonjs/barrel.d.ts +4 -0
  53. package/dist.commonjs/barrel.d.ts.map +1 -0
  54. package/dist.commonjs/barrel.js +35 -0
  55. package/dist.commonjs/connector/index.d.ts +33 -0
  56. package/dist.commonjs/connector/index.d.ts.map +1 -0
  57. package/dist.commonjs/connector/index.js +452 -0
  58. package/dist.commonjs/events/index.d.ts +4 -0
  59. package/dist.commonjs/events/index.d.ts.map +1 -0
  60. package/dist.commonjs/events/index.js +9 -0
  61. package/dist.commonjs/index.d.ts +3 -0
  62. package/dist.commonjs/index.d.ts.map +1 -0
  63. package/dist.commonjs/index.js +56 -0
  64. package/dist.commonjs/scenes/connecting.d.ts +10 -0
  65. package/dist.commonjs/scenes/connecting.d.ts.map +1 -0
  66. package/dist.commonjs/scenes/connecting.js +27 -0
  67. package/dist.commonjs/scenes/index.d.ts +4 -0
  68. package/dist.commonjs/scenes/index.d.ts.map +1 -0
  69. package/dist.commonjs/scenes/index.js +35 -0
  70. package/dist.commonjs/scenes/signers.d.ts +11 -0
  71. package/dist.commonjs/scenes/signers.d.ts.map +1 -0
  72. package/dist.commonjs/scenes/signers.js +39 -0
  73. package/dist.commonjs/scenes/wallets.d.ts +8 -0
  74. package/dist.commonjs/scenes/wallets.d.ts.map +1 -0
  75. package/dist.commonjs/scenes/wallets.js +30 -0
  76. package/dist.commonjs/tsconfig.commonjs.tsbuildinfo +1 -0
  77. package/dist.commonjs/types/index.d.ts +5 -0
  78. package/dist.commonjs/types/index.d.ts.map +1 -0
  79. package/dist.commonjs/types/index.js +2 -0
  80. package/package.json +3 -3
  81. package/src/advancedBarrel.ts +1 -0
  82. package/src/barrel.ts +1 -2
  83. package/src/connector/index.ts +199 -66
  84. package/src/events/index.ts +2 -20
  85. package/src/scenes/connecting.ts +4 -1
  86. package/src/scenes/signers.ts +6 -2
  87. package/src/scenes/wallets.ts +2 -1
  88. package/src/types/index.ts +5 -0
  89. package/tsconfig.base.json +21 -0
  90. package/tsconfig.commonjs.json +8 -0
  91. package/dist/status/index.d.ts +0 -6
  92. package/dist/status/index.d.ts.map +0 -1
  93. package/dist/status/index.js +0 -6
  94. package/src/status/index.ts +0 -5
@@ -1,3 +1,4 @@
1
1
  export * from "@ckb-ccc/ccc/advancedBarrel";
2
2
  export * from "./scenes";
3
+ export * from "./types";
3
4
  //# sourceMappingURL=advancedBarrel.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"advancedBarrel.d.ts","sourceRoot":"","sources":["../src/advancedBarrel.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,UAAU,CAAC"}
1
+ {"version":3,"file":"advancedBarrel.d.ts","sourceRoot":"","sources":["../src/advancedBarrel.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}
@@ -1,2 +1,3 @@
1
1
  export * from "@ckb-ccc/ccc/advancedBarrel";
2
2
  export * from "./scenes";
3
+ export * from "./types";
package/dist/barrel.d.ts CHANGED
@@ -1,5 +1,4 @@
1
- export * from "@ckb-ccc/ccc";
1
+ export * from "@ckb-ccc/ccc/barrel";
2
2
  export * from "./connector";
3
3
  export * from "./events";
4
- export * from "./status";
5
4
  //# sourceMappingURL=barrel.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"barrel.d.ts","sourceRoot":"","sources":["../src/barrel.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}
1
+ {"version":3,"file":"barrel.d.ts","sourceRoot":"","sources":["../src/barrel.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}
package/dist/barrel.js CHANGED
@@ -1,4 +1,3 @@
1
- export * from "@ckb-ccc/ccc";
1
+ export * from "@ckb-ccc/ccc/barrel";
2
2
  export * from "./connector";
3
3
  export * from "./events";
4
- export * from "./status";
@@ -1,19 +1,33 @@
1
1
  import { ccc } from "@ckb-ccc/ccc";
2
- import { LitElement } from "lit";
3
- import { ConnectorStatus } from "../status";
2
+ import { LitElement, PropertyValues } from "lit";
3
+ import { WalletWithSigners } from "../types";
4
4
  export declare class WebComponentConnector extends LitElement {
5
5
  private wallets;
6
- private existedEip6963;
6
+ private resetListeners;
7
7
  isOpen: boolean;
8
- wallet?: ccc.Wallet;
8
+ setIsOpen(isOpen: boolean): void;
9
+ client: ccc.Client;
10
+ setClient(client: ccc.Client): void;
11
+ private walletName?;
12
+ private signerType?;
13
+ private selectedWallet?;
14
+ private updateWallet;
15
+ private selectedSigner?;
16
+ private updateSigner;
17
+ wallet?: WalletWithSigners;
9
18
  signer?: ccc.SignerInfo;
10
- status: ConnectorStatus;
19
+ private canConnect;
20
+ private prepareSigner;
21
+ disconnect(): void;
22
+ private loadConnection;
23
+ private saveConnection;
11
24
  connectedCallback(): void;
12
- addSigner(name: string, icon: string, type: ccc.SignerType, signer: ccc.Signer): void;
25
+ willUpdate(changedProperties: PropertyValues): void;
26
+ private reloadSigners;
27
+ private addSigner;
13
28
  render(): import("lit").TemplateResult<1>;
14
- private onClose;
15
- private onWalletSelected;
16
- private onSignerSelected;
29
+ private closedHandler;
30
+ private signerSelectedHandler;
17
31
  static styles: import("lit").CSSResult;
18
32
  }
19
33
  //# sourceMappingURL=index.d.ts.map
@@ -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,EAAa,MAAM,KAAK,CAAC;AAW5C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,qBACa,qBAAsB,SAAQ,UAAU;IAEnD,OAAO,CAAC,OAAO,CAAoB;IACnC,OAAO,CAAC,cAAc,CAAgB;IAG/B,MAAM,EAAE,OAAO,CAAS;IAGxB,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC;IAEpB,MAAM,CAAC,EAAE,GAAG,CAAC,UAAU,CAAC;IAExB,MAAM,EAAE,eAAe,CAAmC;IAEjE,iBAAiB,IAAI,IAAI;IAkCzB,SAAS,CACP,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,GAAG,CAAC,UAAU,EACpB,MAAM,EAAE,GAAG,CAAC,MAAM;IAkBpB,MAAM;IAmDN,OAAO,CAAC,OAAO,CAGb;IAEF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,gBAAgB,CAStB;IAEF,MAAM,CAAC,MAAM,0BAqIX;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;AAW5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,qBACa,qBAAsB,SAAQ,UAAU;IAEnD,OAAO,CAAC,OAAO,CAA2B;IAE1C,OAAO,CAAC,cAAc,CAAsB;IAGrC,MAAM,EAAE,OAAO,CAAS;IACxB,SAAS,CAAC,MAAM,EAAE,OAAO;IAKzB,MAAM,EAAE,GAAG,CAAC,MAAM,CAAiC;IACnD,SAAS,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM;IAKnC,OAAO,CAAC,UAAU,CAAC,CAAS;IAE5B,OAAO,CAAC,UAAU,CAAC,CAAiB;IAEpC,OAAO,CAAC,cAAc,CAAC,CAAoB;IAC3C,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,cAAc,CAAC,CAAiB;IACxC,OAAO,CAAC,YAAY;IAMb,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,MAAM,CAAC,EAAE,GAAG,CAAC,UAAU,CAAC;IAC/B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,aAAa;IAuBd,UAAU;IAQjB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,cAAc;IAUtB,iBAAiB,IAAI,IAAI;IAMzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAuBnD,OAAO,CAAC,aAAa;IAoDrB,OAAO,CAAC,SAAS;IA8BjB,MAAM;IAsDN,OAAO,CAAC,aAAa,CAKnB;IAEF,OAAO,CAAC,qBAAqB,CAO3B;IAEF,MAAM,CAAC,MAAM,0BAqIX;CACH"}
@@ -10,79 +10,162 @@ import { customElement, property, state } from "lit/decorators.js";
10
10
  import { CLOSE_SVG } from "../assets/close.svg";
11
11
  import { OKX_SVG } from "../assets/okx.svg";
12
12
  import { UNI_SAT_SVG } from "../assets/uni-sat.svg";
13
- import { CloseEvent, SignerChangedEvent, StatusChangedEvent } from "../events";
13
+ import { WillUpdateEvent } from "../events";
14
14
  import { generateConnectingScene, generateSignersScene, generateWalletsScene, } from "../scenes";
15
- import { ConnectorStatus } from "../status";
16
15
  let WebComponentConnector = class WebComponentConnector extends LitElement {
17
16
  constructor() {
18
17
  super(...arguments);
19
18
  this.wallets = [];
20
- this.existedEip6963 = [];
19
+ this.resetListeners = [];
21
20
  this.isOpen = false;
22
- this.status = ConnectorStatus.SelectingSigner;
23
- this.onClose = () => {
24
- this.dispatchEvent(new SignerChangedEvent());
25
- this.dispatchEvent(new CloseEvent());
26
- };
27
- this.onWalletSelected = (wallet) => {
28
- this.dispatchEvent(new SignerChangedEvent(wallet, this.signer));
21
+ this.client = new ccc.ClientPublicTestnet();
22
+ this.canConnect = false;
23
+ this.closedHandler = () => {
24
+ if (this.signer === undefined) {
25
+ this.disconnect();
26
+ }
27
+ this.isOpen = false;
29
28
  };
30
- this.onSignerSelected = (wallet, signer) => {
31
- this.dispatchEvent(new StatusChangedEvent(ConnectorStatus.Connecting));
32
- this.dispatchEvent(new SignerChangedEvent(wallet, signer));
33
- (async () => {
34
- await signer.signer.connect();
35
- this.dispatchEvent(new StatusChangedEvent(ConnectorStatus.Idle));
36
- this.dispatchEvent(new CloseEvent());
37
- })();
29
+ this.signerSelectedHandler = (wallet, signer) => {
30
+ this.walletName = wallet?.name;
31
+ this.signerType = signer?.type;
32
+ this.canConnect = true;
38
33
  };
39
34
  }
35
+ setIsOpen(isOpen) {
36
+ this.isOpen = isOpen;
37
+ }
38
+ setClient(client) {
39
+ this.client = client;
40
+ }
41
+ updateWallet() {
42
+ this.selectedWallet = this.wallets.find((wallet) => this.walletName === wallet.name);
43
+ }
44
+ updateSigner() {
45
+ this.selectedSigner = this.selectedWallet?.signers.find(({ type }) => type === this.signerType);
46
+ }
47
+ prepareSigner() {
48
+ (async () => {
49
+ if (!this.selectedSigner) {
50
+ this.wallet = undefined;
51
+ this.signer = undefined;
52
+ return;
53
+ }
54
+ if (!(await this.selectedSigner.signer.isConnected())) {
55
+ if (!this.canConnect) {
56
+ this.disconnect();
57
+ return;
58
+ }
59
+ await this.selectedSigner.signer.connect();
60
+ }
61
+ this.saveConnection();
62
+ this.wallet = this.selectedWallet;
63
+ this.signer = this.selectedSigner;
64
+ this.closedHandler();
65
+ })();
66
+ }
67
+ disconnect() {
68
+ this.walletName = undefined;
69
+ this.wallet = undefined;
70
+ this.signerType = undefined;
71
+ this.signer = undefined;
72
+ this.saveConnection();
73
+ }
74
+ loadConnection() {
75
+ const { signerType, walletName, } = JSON.parse(window.localStorage.getItem("ccc-connection-info") ?? "{}");
76
+ this.signerType = signerType;
77
+ this.walletName = walletName;
78
+ }
79
+ saveConnection() {
80
+ window.localStorage.setItem("ccc-connection-info", JSON.stringify({
81
+ signerType: this.signerType,
82
+ walletName: this.walletName,
83
+ }));
84
+ }
40
85
  connectedCallback() {
41
86
  super.connectedCallback();
42
- const client = new ccc.ClientPublicTestnet();
43
- const uniSatSigner = ccc.UniSat.getUniSatSigner(client);
87
+ this.loadConnection();
88
+ this.reloadSigners();
89
+ }
90
+ willUpdate(changedProperties) {
91
+ if (changedProperties.has("client")) {
92
+ this.reloadSigners();
93
+ }
94
+ if (changedProperties.has("walletName") ||
95
+ changedProperties.has("wallets")) {
96
+ this.updateWallet();
97
+ }
98
+ if (changedProperties.has("signerType") ||
99
+ changedProperties.has("selectedWallet")) {
100
+ this.updateSigner();
101
+ }
102
+ if (changedProperties.has("selectedSigner")) {
103
+ this.prepareSigner();
104
+ }
105
+ this.dispatchEvent(new WillUpdateEvent());
106
+ }
107
+ reloadSigners() {
108
+ this.wallets = [];
109
+ (async () => {
110
+ if (!this.selectedSigner) {
111
+ return;
112
+ }
113
+ const newSigner = await this.selectedSigner.signer.replaceClient(this.client);
114
+ if (newSigner) {
115
+ this.selectedSigner = {
116
+ ...this.selectedSigner,
117
+ signer: newSigner,
118
+ };
119
+ }
120
+ else {
121
+ this.disconnect();
122
+ }
123
+ })();
124
+ this.resetListeners.forEach((listener) => listener());
125
+ this.resetListeners = [];
126
+ const uniSatSigner = ccc.UniSat.getUniSatSigner(this.client);
44
127
  if (uniSatSigner) {
45
128
  this.addSigner("UniSat", UNI_SAT_SVG, ccc.SignerType.BTC, uniSatSigner);
46
129
  }
47
- const okxBitcoinSigner = ccc.Okx.getOKXBitcoinSigner(client);
130
+ const okxBitcoinSigner = ccc.Okx.getOKXBitcoinSigner(this.client);
48
131
  if (okxBitcoinSigner) {
49
132
  this.addSigner("OKX Wallet", OKX_SVG, ccc.SignerType.BTC, okxBitcoinSigner);
50
133
  }
51
- const eip6963Manager = new ccc.Eip6963.SignerFactory(client);
52
- eip6963Manager.subscribeSigners((signer) => {
53
- if (this.existedEip6963.indexOf(signer.detail.info.uuid) !== -1) {
54
- return;
55
- }
56
- this.existedEip6963.push(signer.detail.info.uuid);
134
+ const eip6963Manager = new ccc.Eip6963.SignerFactory(this.client);
135
+ this.resetListeners.push(eip6963Manager.subscribeSigners((signer) => {
57
136
  this.addSigner(`${signer.detail.info.name}`, signer.detail.info.icon, ccc.SignerType.EVM, signer);
58
- });
137
+ }));
59
138
  }
60
139
  addSigner(name, icon, type, signer) {
61
- const wallet = this.wallets.find((wallet) => wallet.name === name);
62
- if (wallet) {
63
- wallet.signers.push({ type, signer });
64
- this.wallets = [...this.wallets];
65
- }
66
- else {
67
- this.wallets = [
68
- ...this.wallets,
69
- {
70
- name,
71
- icon,
72
- signers: [{ type, signer }],
73
- },
74
- ];
140
+ let updated = false;
141
+ const wallets = this.wallets.map((wallet) => {
142
+ if (wallet.name !== name) {
143
+ return wallet;
144
+ }
145
+ updated = true;
146
+ return {
147
+ ...wallet,
148
+ signers: [...wallet.signers, { type, signer }],
149
+ };
150
+ });
151
+ if (!updated) {
152
+ wallets.push({
153
+ name,
154
+ icon,
155
+ signers: [{ type, signer }],
156
+ });
75
157
  }
158
+ this.wallets = wallets;
76
159
  }
77
160
  render() {
78
161
  const [title, body] = (() => {
79
- if (!this.wallet) {
80
- return generateWalletsScene(this.wallets, this.onWalletSelected, this.onSignerSelected);
162
+ if (!this.selectedWallet) {
163
+ return generateWalletsScene(this.wallets, this.signerSelectedHandler, this.signerSelectedHandler);
81
164
  }
82
- if (!this.signer) {
83
- return generateSignersScene(this.wallet, this.onSignerSelected);
165
+ if (!this.selectedSigner) {
166
+ return generateSignersScene(this.selectedWallet, this.signerSelectedHandler);
84
167
  }
85
- return generateConnectingScene(this.wallet, this.signer, this.onSignerSelected);
168
+ return generateConnectingScene(this.selectedWallet, this.selectedSigner, this.signerSelectedHandler);
86
169
  })();
87
170
  return html `<style>
88
171
  :host {
@@ -101,7 +184,7 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
101
184
  class="background"
102
185
  @click=${(event) => {
103
186
  if (event.target === event.currentTarget) {
104
- this.onClose();
187
+ this.closedHandler();
105
188
  }
106
189
  }}
107
190
  >
@@ -109,7 +192,7 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
109
192
  <div class="header text-bold fs-big">
110
193
  <div class="back"></div>
111
194
  ${title}
112
- <img class="close" src=${CLOSE_SVG} @click=${this.onClose} />
195
+ <img class="close" src=${CLOSE_SVG} @click=${this.closedHandler} />
113
196
  </div>
114
197
  <div class="body">${body}</div>
115
198
  </div>
@@ -254,17 +337,29 @@ __decorate([
254
337
  state()
255
338
  ], WebComponentConnector.prototype, "wallets", void 0);
256
339
  __decorate([
257
- property()
340
+ state()
258
341
  ], WebComponentConnector.prototype, "isOpen", void 0);
259
342
  __decorate([
260
343
  property()
344
+ ], WebComponentConnector.prototype, "client", void 0);
345
+ __decorate([
346
+ state()
347
+ ], WebComponentConnector.prototype, "walletName", void 0);
348
+ __decorate([
349
+ state()
350
+ ], WebComponentConnector.prototype, "signerType", void 0);
351
+ __decorate([
352
+ state()
353
+ ], WebComponentConnector.prototype, "selectedWallet", void 0);
354
+ __decorate([
355
+ state()
356
+ ], WebComponentConnector.prototype, "selectedSigner", void 0);
357
+ __decorate([
358
+ state()
261
359
  ], WebComponentConnector.prototype, "wallet", void 0);
262
360
  __decorate([
263
- property()
361
+ state()
264
362
  ], WebComponentConnector.prototype, "signer", void 0);
265
- __decorate([
266
- property()
267
- ], WebComponentConnector.prototype, "status", void 0);
268
363
  WebComponentConnector = __decorate([
269
364
  customElement("ccc-connector")
270
365
  ], WebComponentConnector);
@@ -1,15 +1,4 @@
1
- import { ccc } from "@ckb-ccc/ccc";
2
- import { ConnectorStatus } from "../status";
3
- export declare class SignerChangedEvent extends Event {
4
- readonly wallet?: ccc.Wallet | undefined;
5
- readonly signerInfo?: ccc.SignerInfo | undefined;
6
- constructor(wallet?: ccc.Wallet | undefined, signerInfo?: ccc.SignerInfo | undefined);
7
- }
8
- export declare class StatusChangedEvent extends Event {
9
- readonly status: ConnectorStatus;
10
- constructor(status: ConnectorStatus);
11
- }
12
- export declare class CloseEvent extends Event {
1
+ export declare class WillUpdateEvent extends Event {
13
2
  constructor();
14
3
  }
15
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/events/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,qBAAa,kBAAmB,SAAQ,KAAK;aAEzB,MAAM,CAAC;aACP,UAAU,CAAC;gBADX,MAAM,CAAC,wBAAY,EACnB,UAAU,CAAC,4BAAgB;CAI9C;AAED,qBAAa,kBAAmB,SAAQ,KAAK;aACf,MAAM,EAAE,eAAe;gBAAvB,MAAM,EAAE,eAAe;CAGpD;AAED,qBAAa,UAAW,SAAQ,KAAK;;CAIpC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/events/index.ts"],"names":[],"mappings":"AAAA,qBAAa,eAAgB,SAAQ,KAAK;;CAIzC"}
@@ -1,18 +1,5 @@
1
- export class SignerChangedEvent extends Event {
2
- constructor(wallet, signerInfo) {
3
- super("signerChanged", { composed: true });
4
- this.wallet = wallet;
5
- this.signerInfo = signerInfo;
6
- }
7
- }
8
- export class StatusChangedEvent extends Event {
9
- constructor(status) {
10
- super("statusChanged", { composed: true });
11
- this.status = status;
12
- }
13
- }
14
- export class CloseEvent extends Event {
1
+ export class WillUpdateEvent extends Event {
15
2
  constructor() {
16
- super("close", { composed: true });
3
+ super("willUpdate", { composed: true });
17
4
  }
18
5
  }
@@ -1,3 +1,3 @@
1
1
  import { ccc } from "@ckb-ccc/ccc";
2
- export declare function generateConnectingScene(wallet: ccc.Wallet, signer: ccc.SignerInfo, onSignerSelected: (wallet: ccc.Wallet, signer: ccc.SignerInfo) => unknown): (string | import("lit").TemplateResult<1>)[];
2
+ export declare function generateConnectingScene(wallet: ccc.Wallet, signer: ccc.SignerInfo, onSignerSelected: (wallet: ccc.Wallet | undefined, signer: ccc.SignerInfo) => unknown): (string | import("lit").TemplateResult<1>)[];
3
3
  //# sourceMappingURL=connecting.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"connecting.d.ts","sourceRoot":"","sources":["../../src/scenes/connecting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAInC,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,MAAM,EAAE,GAAG,CAAC,UAAU,EACtB,gBAAgB,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,UAAU,KAAK,OAAO,gDAqB1E"}
1
+ {"version":3,"file":"connecting.d.ts","sourceRoot":"","sources":["../../src/scenes/connecting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAInC,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,MAAM,EAAE,GAAG,CAAC,UAAU,EACtB,gBAAgB,EAAE,CAChB,MAAM,EAAE,GAAG,CAAC,MAAM,GAAG,SAAS,EAC9B,MAAM,EAAE,GAAG,CAAC,UAAU,KACnB,OAAO,gDAqBb"}
@@ -1,4 +1,5 @@
1
1
  import { ccc } from "@ckb-ccc/ccc";
2
+ import { WalletWithSigners } from "../types";
2
3
  export declare function signerTypeToIcon(type: ccc.SignerType): string;
3
- export declare function generateSignersScene(wallet: ccc.Wallet, onSignerSelected: (wallet: ccc.Wallet, signer: ccc.SignerInfo) => unknown): (string | import("lit").TemplateResult<1>)[];
4
+ export declare function generateSignersScene(wallet: WalletWithSigners, onSignerSelected: (wallet: ccc.Wallet | undefined, signer: ccc.SignerInfo) => unknown): (string | import("lit").TemplateResult<1>)[];
4
5
  //# sourceMappingURL=signers.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"signers.d.ts","sourceRoot":"","sources":["../../src/scenes/signers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAKnC,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,UAAU,GAAG,MAAM,CAK7D;AAED,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,gBAAgB,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,UAAU,KAAK,OAAO,gDAyB1E"}
1
+ {"version":3,"file":"signers.d.ts","sourceRoot":"","sources":["../../src/scenes/signers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAInC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,UAAU,GAAG,MAAM,CAK7D;AAED,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,iBAAiB,EACzB,gBAAgB,EAAE,CAChB,MAAM,EAAE,GAAG,CAAC,MAAM,GAAG,SAAS,EAC9B,MAAM,EAAE,GAAG,CAAC,UAAU,KACnB,OAAO,gDAyBb"}
@@ -1,3 +1,4 @@
1
1
  import { ccc } from "@ckb-ccc/ccc";
2
- export declare function generateWalletsScene(wallets: ccc.Wallet[], onWalletSelected: (wallet: ccc.Wallet) => unknown, onSignerSelected: (wallet: ccc.Wallet, signer: ccc.SignerInfo) => unknown): unknown[];
2
+ import { WalletWithSigners } from "../types";
3
+ export declare function generateWalletsScene(wallets: WalletWithSigners[], onWalletSelected: (wallet: ccc.Wallet) => unknown, onSignerSelected: (wallet: ccc.Wallet, signer: ccc.SignerInfo) => unknown): unknown[];
3
4
  //# sourceMappingURL=wallets.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"wallets.d.ts","sourceRoot":"","sources":["../../src/scenes/wallets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAInC,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,EACrB,gBAAgB,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,KAAK,OAAO,EACjD,gBAAgB,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,UAAU,KAAK,OAAO,aAwB1E"}
1
+ {"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,GAAG,CAAC,MAAM,KAAK,OAAO,EACjD,gBAAgB,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,UAAU,KAAK,OAAO,aAwB1E"}
@@ -0,0 +1,5 @@
1
+ import { ccc } from "@ckb-ccc/ccc";
2
+ export type WalletWithSigners = ccc.Wallet & {
3
+ signers: ccc.SignerInfo[];
4
+ };
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAEnC,MAAM,MAAM,iBAAiB,GAAG,GAAG,CAAC,MAAM,GAAG;IAC3C,OAAO,EAAE,GAAG,CAAC,UAAU,EAAE,CAAC;CAC3B,CAAC"}
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,3 @@
1
+ export * from "./advancedBarrel";
2
+ export * as cccA from "./advancedBarrel";
3
+ //# sourceMappingURL=advanced.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"advanced.d.ts","sourceRoot":"","sources":["../src/advanced.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,KAAK,IAAI,MAAM,kBAAkB,CAAC"}
@@ -0,0 +1,56 @@
1
+ "use strict";
2
+ var __createBinding =
3
+ (this && this.__createBinding) ||
4
+ (Object.create
5
+ ? function (o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ var desc = Object.getOwnPropertyDescriptor(m, k);
8
+ if (
9
+ !desc ||
10
+ ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)
11
+ ) {
12
+ desc = {
13
+ enumerable: true,
14
+ get: function () {
15
+ return m[k];
16
+ },
17
+ };
18
+ }
19
+ Object.defineProperty(o, k2, desc);
20
+ }
21
+ : function (o, m, k, k2) {
22
+ if (k2 === undefined) k2 = k;
23
+ o[k2] = m[k];
24
+ });
25
+ var __setModuleDefault =
26
+ (this && this.__setModuleDefault) ||
27
+ (Object.create
28
+ ? function (o, v) {
29
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
30
+ }
31
+ : function (o, v) {
32
+ o["default"] = v;
33
+ });
34
+ var __exportStar =
35
+ (this && this.__exportStar) ||
36
+ function (m, exports) {
37
+ for (var p in m)
38
+ if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p))
39
+ __createBinding(exports, m, p);
40
+ };
41
+ var __importStar =
42
+ (this && this.__importStar) ||
43
+ function (mod) {
44
+ if (mod && mod.__esModule) return mod;
45
+ var result = {};
46
+ if (mod != null)
47
+ for (var k in mod)
48
+ if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
49
+ __createBinding(result, mod, k);
50
+ __setModuleDefault(result, mod);
51
+ return result;
52
+ };
53
+ Object.defineProperty(exports, "__esModule", { value: true });
54
+ exports.cccA = void 0;
55
+ __exportStar(require("./advancedBarrel"), exports);
56
+ exports.cccA = __importStar(require("./advancedBarrel"));
@@ -0,0 +1,4 @@
1
+ export * from "@ckb-ccc/ccc/advancedBarrel";
2
+ export * from "./scenes";
3
+ export * from "./types";
4
+ //# sourceMappingURL=advancedBarrel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"advancedBarrel.d.ts","sourceRoot":"","sources":["../src/advancedBarrel.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+ var __createBinding =
3
+ (this && this.__createBinding) ||
4
+ (Object.create
5
+ ? function (o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ var desc = Object.getOwnPropertyDescriptor(m, k);
8
+ if (
9
+ !desc ||
10
+ ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)
11
+ ) {
12
+ desc = {
13
+ enumerable: true,
14
+ get: function () {
15
+ return m[k];
16
+ },
17
+ };
18
+ }
19
+ Object.defineProperty(o, k2, desc);
20
+ }
21
+ : function (o, m, k, k2) {
22
+ if (k2 === undefined) k2 = k;
23
+ o[k2] = m[k];
24
+ });
25
+ var __exportStar =
26
+ (this && this.__exportStar) ||
27
+ function (m, exports) {
28
+ for (var p in m)
29
+ if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p))
30
+ __createBinding(exports, m, p);
31
+ };
32
+ Object.defineProperty(exports, "__esModule", { value: true });
33
+ __exportStar(require("@ckb-ccc/ccc/advancedBarrel"), exports);
34
+ __exportStar(require("./scenes"), exports);
35
+ __exportStar(require("./types"), exports);
@@ -0,0 +1,2 @@
1
+ export declare const BTC_SVG: string;
2
+ //# sourceMappingURL=btc.svg.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"btc.svg.d.ts","sourceRoot":"","sources":["../../../src/assets/chains/btc.svg.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,QAEnB,CAAC"}
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.BTC_SVG = void 0;
4
+ const utils_1 = require("../utils");
5
+ exports.BTC_SVG = (0, utils_1.encodeSvgToImgSrc)(
6
+ '<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" height="64" width="64" version="1.1"><link xmlns="" type="text/css" rel="stylesheet" id="dark-mode-custom-link"/><link xmlns="" type="text/css" rel="stylesheet" id="dark-mode-general-link"/><style xmlns="" lang="en" type="text/css" id="dark-mode-custom-style"/><style xmlns="" lang="en" type="text/css" id="dark-mode-native-style"/><style xmlns="" lang="en" type="text/css" id="dark-mode-native-sheet"/><script xmlns=""/><g transform="translate(0.00630876,-0.00301984)"><path fill="#f7931a" d="m63.033,39.744c-4.274,17.143-21.637,27.576-38.782,23.301-17.138-4.274-27.571-21.638-23.295-38.78,4.272-17.145,21.635-27.579,38.775-23.305,17.144,4.274,27.576,21.64,23.302,38.784z"/><path fill="#FFF" d="m46.103,27.444c0.637-4.258-2.605-6.547-7.038-8.074l1.438-5.768-3.511-0.875-1.4,5.616c-0.923-0.23-1.871-0.447-2.813-0.662l1.41-5.653-3.509-0.875-1.439,5.766c-0.764-0.174-1.514-0.346-2.242-0.527l0.004-0.018-4.842-1.209-0.934,3.75s2.605,0.597,2.55,0.634c1.422,0.355,1.679,1.296,1.636,2.042l-1.638,6.571c0.098,0.025,0.225,0.061,0.365,0.117-0.117-0.029-0.242-0.061-0.371-0.092l-2.296,9.205c-0.174,0.432-0.615,1.08-1.609,0.834,0.035,0.051-2.552-0.637-2.552-0.637l-1.743,4.019,4.569,1.139c0.85,0.213,1.683,0.436,2.503,0.646l-1.453,5.834,3.507,0.875,1.439-5.772c0.958,0.26,1.888,0.5,2.798,0.726l-1.434,5.745,3.511,0.875,1.453-5.823c5.987,1.133,10.489,0.676,12.384-4.739,1.527-4.36-0.076-6.875-3.226-8.515,2.294-0.529,4.022-2.038,4.483-5.155zm-8.022,11.249c-1.085,4.36-8.426,2.003-10.806,1.412l1.928-7.729c2.38,0.594,10.012,1.77,8.878,6.317zm1.086-11.312c-0.99,3.966-7.1,1.951-9.082,1.457l1.748-7.01c1.982,0.494,8.365,1.416,7.334,5.553z"/></g><script xmlns=""/></svg>',
7
+ );
@@ -0,0 +1,2 @@
1
+ export declare const ETH_SVG: string;
2
+ //# sourceMappingURL=eth.svg.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"eth.svg.d.ts","sourceRoot":"","sources":["../../../src/assets/chains/eth.svg.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,QAEnB,CAAC"}
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ETH_SVG = void 0;
4
+ const utils_1 = require("../utils");
5
+ exports.ETH_SVG = (0, utils_1.encodeSvgToImgSrc)(
6
+ '<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_46_558)"><circle cx="16" cy="16" r="16" fill="#627EEA"/><path d="M15.9957 20.4203L9.14282 16.3876L15.9957 5.14258V20.4203Z" fill="white"/><path d="M15.9957 26.8573L9.30029 17.396L15.9957 21.3511V26.8573Z" fill="white"/><path d="M16.2319 20.4203L23.0849 16.3876L16.2319 5.14258V20.4203Z" fill="#C1CCF7"/><path d="M16.3107 26.8573L23.0848 17.396L16.3107 21.3511V26.8573Z" fill="#C1CCF7"/></g><defs><clipPath id="clip0_46_558"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>',
7
+ );
@@ -0,0 +1,3 @@
1
+ export * from "./btc.svg";
2
+ export * from "./eth.svg";
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/assets/chains/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}
@@ -0,0 +1,34 @@
1
+ "use strict";
2
+ var __createBinding =
3
+ (this && this.__createBinding) ||
4
+ (Object.create
5
+ ? function (o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ var desc = Object.getOwnPropertyDescriptor(m, k);
8
+ if (
9
+ !desc ||
10
+ ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)
11
+ ) {
12
+ desc = {
13
+ enumerable: true,
14
+ get: function () {
15
+ return m[k];
16
+ },
17
+ };
18
+ }
19
+ Object.defineProperty(o, k2, desc);
20
+ }
21
+ : function (o, m, k, k2) {
22
+ if (k2 === undefined) k2 = k;
23
+ o[k2] = m[k];
24
+ });
25
+ var __exportStar =
26
+ (this && this.__exportStar) ||
27
+ function (m, exports) {
28
+ for (var p in m)
29
+ if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p))
30
+ __createBinding(exports, m, p);
31
+ };
32
+ Object.defineProperty(exports, "__esModule", { value: true });
33
+ __exportStar(require("./btc.svg"), exports);
34
+ __exportStar(require("./eth.svg"), exports);