@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.
- package/dist/advancedBarrel.d.ts +1 -0
- package/dist/advancedBarrel.d.ts.map +1 -1
- package/dist/advancedBarrel.js +1 -0
- package/dist/barrel.d.ts +1 -2
- package/dist/barrel.d.ts.map +1 -1
- package/dist/barrel.js +1 -2
- package/dist/connector/index.d.ts +23 -9
- package/dist/connector/index.d.ts.map +1 -1
- package/dist/connector/index.js +149 -54
- package/dist/events/index.d.ts +1 -12
- package/dist/events/index.d.ts.map +1 -1
- package/dist/events/index.js +2 -15
- package/dist/scenes/connecting.d.ts +1 -1
- package/dist/scenes/connecting.d.ts.map +1 -1
- package/dist/scenes/signers.d.ts +2 -1
- package/dist/scenes/signers.d.ts.map +1 -1
- package/dist/scenes/wallets.d.ts +2 -1
- package/dist/scenes/wallets.d.ts.map +1 -1
- package/dist/types/index.d.ts +5 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/index.js +1 -0
- package/dist.commonjs/advanced.d.ts +3 -0
- package/dist.commonjs/advanced.d.ts.map +1 -0
- package/dist.commonjs/advanced.js +56 -0
- package/dist.commonjs/advancedBarrel.d.ts +4 -0
- package/dist.commonjs/advancedBarrel.d.ts.map +1 -0
- package/dist.commonjs/advancedBarrel.js +35 -0
- package/dist.commonjs/assets/chains/btc.svg.d.ts +2 -0
- package/dist.commonjs/assets/chains/btc.svg.d.ts.map +1 -0
- package/dist.commonjs/assets/chains/btc.svg.js +7 -0
- package/dist.commonjs/assets/chains/eth.svg.d.ts +2 -0
- package/dist.commonjs/assets/chains/eth.svg.d.ts.map +1 -0
- package/dist.commonjs/assets/chains/eth.svg.js +7 -0
- package/dist.commonjs/assets/chains/index.d.ts +3 -0
- package/dist.commonjs/assets/chains/index.d.ts.map +1 -0
- package/dist.commonjs/assets/chains/index.js +34 -0
- package/dist.commonjs/assets/close.svg.d.ts +2 -0
- package/dist.commonjs/assets/close.svg.d.ts.map +1 -0
- package/dist.commonjs/assets/close.svg.js +7 -0
- package/dist.commonjs/assets/okx.svg.d.ts +2 -0
- package/dist.commonjs/assets/okx.svg.d.ts.map +1 -0
- package/dist.commonjs/assets/okx.svg.js +7 -0
- package/dist.commonjs/assets/retry.svg.d.ts +2 -0
- package/dist.commonjs/assets/retry.svg.d.ts.map +1 -0
- package/dist.commonjs/assets/retry.svg.js +7 -0
- package/dist.commonjs/assets/uni-sat.svg.d.ts +2 -0
- package/dist.commonjs/assets/uni-sat.svg.d.ts.map +1 -0
- package/dist.commonjs/assets/uni-sat.svg.js +7 -0
- package/dist.commonjs/assets/utils.d.ts +2 -0
- package/dist.commonjs/assets/utils.d.ts.map +1 -0
- package/dist.commonjs/assets/utils.js +7 -0
- package/dist.commonjs/barrel.d.ts +4 -0
- package/dist.commonjs/barrel.d.ts.map +1 -0
- package/dist.commonjs/barrel.js +35 -0
- package/dist.commonjs/connector/index.d.ts +33 -0
- package/dist.commonjs/connector/index.d.ts.map +1 -0
- package/dist.commonjs/connector/index.js +452 -0
- package/dist.commonjs/events/index.d.ts +4 -0
- package/dist.commonjs/events/index.d.ts.map +1 -0
- package/dist.commonjs/events/index.js +9 -0
- package/dist.commonjs/index.d.ts +3 -0
- package/dist.commonjs/index.d.ts.map +1 -0
- package/dist.commonjs/index.js +56 -0
- package/dist.commonjs/scenes/connecting.d.ts +10 -0
- package/dist.commonjs/scenes/connecting.d.ts.map +1 -0
- package/dist.commonjs/scenes/connecting.js +27 -0
- package/dist.commonjs/scenes/index.d.ts +4 -0
- package/dist.commonjs/scenes/index.d.ts.map +1 -0
- package/dist.commonjs/scenes/index.js +35 -0
- package/dist.commonjs/scenes/signers.d.ts +11 -0
- package/dist.commonjs/scenes/signers.d.ts.map +1 -0
- package/dist.commonjs/scenes/signers.js +39 -0
- package/dist.commonjs/scenes/wallets.d.ts +8 -0
- package/dist.commonjs/scenes/wallets.d.ts.map +1 -0
- package/dist.commonjs/scenes/wallets.js +30 -0
- package/dist.commonjs/tsconfig.commonjs.tsbuildinfo +1 -0
- package/dist.commonjs/types/index.d.ts +5 -0
- package/dist.commonjs/types/index.d.ts.map +1 -0
- package/dist.commonjs/types/index.js +2 -0
- package/package.json +3 -3
- package/src/advancedBarrel.ts +1 -0
- package/src/barrel.ts +1 -2
- package/src/connector/index.ts +199 -66
- package/src/events/index.ts +2 -20
- package/src/scenes/connecting.ts +4 -1
- package/src/scenes/signers.ts +6 -2
- package/src/scenes/wallets.ts +2 -1
- package/src/types/index.ts +5 -0
- package/tsconfig.base.json +21 -0
- package/tsconfig.commonjs.json +8 -0
- package/dist/status/index.d.ts +0 -6
- package/dist/status/index.d.ts.map +0 -1
- package/dist/status/index.js +0 -6
- package/src/status/index.ts +0 -5
package/dist/advancedBarrel.d.ts
CHANGED
|
@@ -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"}
|
package/dist/advancedBarrel.js
CHANGED
package/dist/barrel.d.ts
CHANGED
package/dist/barrel.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"barrel.d.ts","sourceRoot":"","sources":["../src/barrel.ts"],"names":[],"mappings":"AAAA,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,19 +1,33 @@
|
|
|
1
1
|
import { ccc } from "@ckb-ccc/ccc";
|
|
2
|
-
import { LitElement } from "lit";
|
|
3
|
-
import {
|
|
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
|
|
6
|
+
private resetListeners;
|
|
7
7
|
isOpen: boolean;
|
|
8
|
-
|
|
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
|
-
|
|
19
|
+
private canConnect;
|
|
20
|
+
private prepareSigner;
|
|
21
|
+
disconnect(): void;
|
|
22
|
+
private loadConnection;
|
|
23
|
+
private saveConnection;
|
|
11
24
|
connectedCallback(): void;
|
|
12
|
-
|
|
25
|
+
willUpdate(changedProperties: PropertyValues): void;
|
|
26
|
+
private reloadSigners;
|
|
27
|
+
private addSigner;
|
|
13
28
|
render(): import("lit").TemplateResult<1>;
|
|
14
|
-
private
|
|
15
|
-
private
|
|
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;
|
|
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"}
|
package/dist/connector/index.js
CHANGED
|
@@ -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 {
|
|
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.
|
|
19
|
+
this.resetListeners = [];
|
|
21
20
|
this.isOpen = false;
|
|
22
|
-
this.
|
|
23
|
-
this.
|
|
24
|
-
|
|
25
|
-
this.
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
this.
|
|
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.
|
|
31
|
-
this.
|
|
32
|
-
this.
|
|
33
|
-
|
|
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
|
-
|
|
43
|
-
|
|
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
|
-
|
|
62
|
-
|
|
63
|
-
wallet.
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
...
|
|
69
|
-
{
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
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.
|
|
80
|
-
return generateWalletsScene(this.wallets, this.
|
|
162
|
+
if (!this.selectedWallet) {
|
|
163
|
+
return generateWalletsScene(this.wallets, this.signerSelectedHandler, this.signerSelectedHandler);
|
|
81
164
|
}
|
|
82
|
-
if (!this.
|
|
83
|
-
return generateSignersScene(this.
|
|
165
|
+
if (!this.selectedSigner) {
|
|
166
|
+
return generateSignersScene(this.selectedWallet, this.signerSelectedHandler);
|
|
84
167
|
}
|
|
85
|
-
return generateConnectingScene(this.
|
|
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.
|
|
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.
|
|
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
|
-
|
|
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
|
-
|
|
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);
|
package/dist/events/index.d.ts
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
|
-
|
|
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,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/events/index.ts"],"names":[],"mappings":"AAAA,qBAAa,eAAgB,SAAQ,KAAK;;CAIzC"}
|
package/dist/events/index.js
CHANGED
|
@@ -1,18 +1,5 @@
|
|
|
1
|
-
export class
|
|
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("
|
|
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,
|
|
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"}
|
package/dist/scenes/signers.d.ts
CHANGED
|
@@ -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:
|
|
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;
|
|
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"}
|
package/dist/scenes/wallets.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { ccc } from "@ckb-ccc/ccc";
|
|
2
|
-
|
|
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;
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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);
|