@ckb-ccc/connector 0.0.5-alpha.8 → 0.0.5-alpha.9

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 (9) hide show
  1. package/dist/connector/index.d.ts +0 -2
  2. package/dist/connector/index.d.ts.map +1 -1
  3. package/dist/connector/index.js +25 -45
  4. package/dist/events/index.d.ts +3 -0
  5. package/dist/events/index.d.ts.map +1 -1
  6. package/dist/events/index.js +5 -0
  7. package/package.json +2 -2
  8. package/src/connector/index.ts +40 -59
  9. package/src/events/index.ts +6 -0
package/dist/connector/index.d.ts CHANGED
@@ -5,8 +5,6 @@ export declare class WebComponentConnector extends LitElement {
5
5
  private wallets;
6
6
  signerFilter?: (signerInfo: ccc.SignerInfo, wallet: ccc.Wallet) => Promise<boolean>;
7
7
  private resetListeners;
8
- isOpen: boolean;
9
- setIsOpen(isOpen: boolean): void;
10
8
  name?: string;
11
9
  icon?: string;
12
10
  client: ccc.Client;
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;AAE5D,OAAO,EAAE,GAAG,EAAkB,MAAM,uBAAuB,CAAC;AAyB5D,qBACa,qBAAsB,SAAQ,UAAU;IAEnD,OAAO,CAAC,OAAO,CAA2B;IAEnC,YAAY,CAAC,EAAE,CACpB,UAAU,EAAE,GAAG,CAAC,UAAU,EAC1B,MAAM,EAAE,GAAG,CAAC,MAAM,KACf,OAAO,CAAC,OAAO,CAAC,CAAC;IAEtB,OAAO,CAAC,cAAc,CAAsB;IAGrC,MAAM,EAAE,OAAO,CAAS;IACxB,SAAS,CAAC,MAAM,EAAE,OAAO;IAKzB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,MAAM,EAAE,GAAG,CAAC,MAAM,CAAiC;IACnD,SAAS,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM;IAKnC,OAAO,CAAC,KAAK,CAAiC;IAE9C,OAAO,CAAC,cAAc,CAAC,CAAoB;IAE3C,OAAO,CAAC,cAAc,CAAC,CAAiB;IAExC,OAAO,CAAC,eAAe,CAAC,CAAS;IAGjC,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;IAG/B,OAAO,CAAC,gBAAgB,CAAC,CAAS;IAElC,OAAO,CAAC,eAAe,CAAC,CAAS;IAEjC,OAAO,CAAC,OAAO,CAAC,CAAU;YAEZ,gBAAgB;YAUhB,aAAa;IAYpB,UAAU;IAQjB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,cAAc;IAUtB,iBAAiB,IAAI,IAAI;IAMzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAoCnD,OAAO,CAAC,aAAa;YA2FP,SAAS;IAyCvB,OAAO,EAAE,GAAG,CAAC,cAAc,CAAC,CAAe;IAC3C,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,CAAe;IAC7C,OAAO,EAAE,GAAG,CAAC,cAAc,CAAC,CAAe;IAE3C,MAAM;IA4GN,OAAO;IAUP,OAAO,CAAC,aAAa,CAgBnB;IAEF,OAAO,CAAC,qBAAqB,CAqC3B;IAEF,MAAM,CAAC,MAAM,0BAsPX;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;AAE5D,OAAO,EAAE,GAAG,EAAkB,MAAM,uBAAuB,CAAC;AAyB5D,qBACa,qBAAsB,SAAQ,UAAU;IAEnD,OAAO,CAAC,OAAO,CAA2B;IAEnC,YAAY,CAAC,EAAE,CACpB,UAAU,EAAE,GAAG,CAAC,UAAU,EAC1B,MAAM,EAAE,GAAG,CAAC,MAAM,KACf,OAAO,CAAC,OAAO,CAAC,CAAC;IAEtB,OAAO,CAAC,cAAc,CAAsB;IAGrC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,MAAM,EAAE,GAAG,CAAC,MAAM,CAAiC;IACnD,SAAS,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM;IAKnC,OAAO,CAAC,KAAK,CAAiC;IAE9C,OAAO,CAAC,cAAc,CAAC,CAAoB;IAE3C,OAAO,CAAC,cAAc,CAAC,CAAiB;IAExC,OAAO,CAAC,eAAe,CAAC,CAAS;IAGjC,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;IAG/B,OAAO,CAAC,gBAAgB,CAAC,CAAS;IAElC,OAAO,CAAC,eAAe,CAAC,CAAS;IAEjC,OAAO,CAAC,OAAO,CAAC,CAAU;YAEZ,gBAAgB;YAUhB,aAAa;IAYpB,UAAU;IAQjB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,cAAc;IAUtB,iBAAiB,IAAI,IAAI;IAMzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAoCnD,OAAO,CAAC,aAAa;YA2FP,SAAS;IAyCvB,OAAO,EAAE,GAAG,CAAC,cAAc,CAAC,CAAe;IAC3C,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,CAAe;IAC7C,OAAO,EAAE,GAAG,CAAC,cAAc,CAAC,CAAe;IAE3C,MAAM;IA+FN,OAAO;IAUP,OAAO,CAAC,aAAa,CAgBnB;IAEF,OAAO,CAAC,qBAAqB,CAqC3B;IAEF,MAAM,CAAC,MAAM,0BAsPX;CACH"}
package/dist/connector/index.js CHANGED
@@ -14,7 +14,7 @@ import { LEFT_SVG } from "../assets/left.svg";
14
14
  import { METAMASK_SVG } from "../assets/metamask.svg";
15
15
  import { OKX_SVG } from "../assets/okx.svg";
16
16
  import { UNI_SAT_SVG } from "../assets/uni-sat.svg";
17
- import { WillUpdateEvent } from "../events";
17
+ import { ClosedEvent, WillUpdateEvent } from "../events";
18
18
  import { generateConnectingScene, generateSignersScene, generateWalletsScene, } from "../scenes";
19
19
  import { generateConnectedScene } from "../scenes/connected";
20
20
  import { generateNetworksScene } from "../scenes/networks";
@@ -31,7 +31,6 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
31
31
  super(...arguments);
32
32
  this.wallets = [];
33
33
  this.resetListeners = [];
34
- this.isOpen = false;
35
34
  this.client = new ccc.ClientPublicTestnet();
36
35
  this.scene = Scene.SelectingWallets;
37
36
  this.mainRef = createRef();
@@ -50,7 +49,7 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
50
49
  else if ([Scene.SwitchingNetworks].includes(this.scene)) {
51
50
  this.scene = Scene.Connected;
52
51
  }
53
- this.isOpen = false;
52
+ this.dispatchEvent(new ClosedEvent());
54
53
  };
55
54
  this.signerSelectedHandler = (wallet, signerInfo) => {
56
55
  this.scene = Scene.Connecting;
@@ -89,9 +88,6 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
89
88
  })();
90
89
  };
91
90
  }
92
- setIsOpen(isOpen) {
93
- this.isOpen = isOpen;
94
- }
95
91
  setClient(client) {
96
92
  this.client = client;
97
93
  }
@@ -263,38 +259,25 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
263
259
  Scene.Connecting,
264
260
  Scene.SwitchingNetworks,
265
261
  ].includes(this.scene);
266
- return html `<style>
267
- :host {
268
- ${this.isOpen ? "" : "display: none;"}
269
- --background: #fff;
270
- --divider: #eee;
271
- --btn-primary: #f8f8f8;
272
- --btn-primary-hover: #efeeee;
273
- --btn-secondary: #ddd;
274
- --btn-secondary-hover: #ccc;
275
- color: #1e1e1e;
276
- --tip-color: #666;
277
- }
278
- </style>
279
- <div
280
- class="background"
281
- @click=${(event) => {
262
+ return html ` <div
263
+ class="background"
264
+ @click=${(event) => {
282
265
  if (event.target === event.currentTarget) {
283
266
  this.closedHandler();
284
267
  }
285
268
  }}
286
- >
287
- <div class="main" ${ref(this.mainRef)}>
288
- <div
289
- class="header text-bold fs-lg ${title == null
269
+ >
270
+ <div class="main" ${ref(this.mainRef)}>
271
+ <div
272
+ class="header text-bold fs-lg ${title == null
290
273
  ? ""
291
274
  : "header-divider"}"
292
- ${ref(this.headerRef)}
293
- >
294
- <img
295
- class="back ${canBack ? "active" : ""}"
296
- src=${LEFT_SVG}
297
- @click=${() => {
275
+ ${ref(this.headerRef)}
276
+ >
277
+ <img
278
+ class="back ${canBack ? "active" : ""}"
279
+ src=${LEFT_SVG}
280
+ @click=${() => {
298
281
  if (this.scene === Scene.Connecting) {
299
282
  if ((this.selectedWallet?.signers.length ?? 0) <= 1) {
300
283
  this.scene = Scene.SelectingWallets;
@@ -310,17 +293,17 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
310
293
  this.scene = Scene.Connected;
311
294
  }
312
295
  }}
313
- />
314
- ${title}
315
- <img
316
- class="close active"
317
- src=${CLOSE_SVG}
318
- @click=${this.closedHandler}
319
- />
320
- </div>
321
- <div class="body" ${ref(this.bodyRef)}>${body}</div>
296
+ />
297
+ ${title}
298
+ <img
299
+ class="close active"
300
+ src=${CLOSE_SVG}
301
+ @click=${this.closedHandler}
302
+ />
322
303
  </div>
323
- </div>`;
304
+ <div class="body" ${ref(this.bodyRef)}>${body}</div>
305
+ </div>
306
+ </div>`;
324
307
  }
325
308
  updated() {
326
309
  if (!this.mainRef.value) {
@@ -583,9 +566,6 @@ __decorate([
583
566
  __decorate([
584
567
  property()
585
568
  ], WebComponentConnector.prototype, "signerFilter", void 0);
586
- __decorate([
587
- state()
588
- ], WebComponentConnector.prototype, "isOpen", void 0);
589
569
  __decorate([
590
570
  property()
591
571
  ], WebComponentConnector.prototype, "name", void 0);
package/dist/events/index.d.ts CHANGED
@@ -1,4 +1,7 @@
1
1
  export declare class WillUpdateEvent extends Event {
2
2
  constructor();
3
3
  }
4
+ export declare class ClosedEvent extends Event {
5
+ constructor();
6
+ }
4
7
  //# sourceMappingURL=index.d.ts.map
package/dist/events/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/events/index.ts"],"names":[],"mappings":"AAAA,qBAAa,eAAgB,SAAQ,KAAK;;CAIzC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/events/index.ts"],"names":[],"mappings":"AAAA,qBAAa,eAAgB,SAAQ,KAAK;;CAIzC;AAED,qBAAa,WAAY,SAAQ,KAAK;;CAIrC"}
package/dist/events/index.js CHANGED
@@ -3,3 +3,8 @@ export class WillUpdateEvent extends Event {
3
3
  super("willUpdate", { composed: true });
4
4
  }
5
5
  }
6
+ export class ClosedEvent extends Event {
7
+ constructor() {
8
+ super("closed", { composed: true });
9
+ }
10
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ckb-ccc/connector",
3
- "version": "0.0.5-alpha.8",
3
+ "version": "0.0.5-alpha.9",
4
4
  "description": "Common Chains Connector UI",
5
5
  "author": "Hanssen0 <hanssen0@hanssen0.com>",
6
6
  "license": "MIT",
@@ -40,5 +40,5 @@
40
40
  "@ckb-ccc/ccc": "0.0.5-alpha.8",
41
41
  "lit": "^3.1.3"
42
42
  },
43
- "gitHead": "f12b8758d8581bfae0c9a00abbb5f7d2c6d03147"
43
+ "gitHead": "086c38557153da6819615bdc08f80f56b00d79ca"
44
44
  }
package/src/connector/index.ts CHANGED
@@ -8,7 +8,7 @@ import { LEFT_SVG } from "../assets/left.svg";
8
8
  import { METAMASK_SVG } from "../assets/metamask.svg";
9
9
  import { OKX_SVG } from "../assets/okx.svg";
10
10
  import { UNI_SAT_SVG } from "../assets/uni-sat.svg";
11
- import { WillUpdateEvent } from "../events";
11
+ import { ClosedEvent, WillUpdateEvent } from "../events";
12
12
  import {
13
13
  generateConnectingScene,
14
14
  generateSignersScene,
@@ -38,12 +38,6 @@ export class WebComponentConnector extends LitElement {
38
38
 
39
39
  private resetListeners: (() => void)[] = [];
40
40
 
41
- @state()
42
- public isOpen: boolean = false;
43
- public setIsOpen(isOpen: boolean) {
44
- this.isOpen = isOpen;
45
- }
46
-
47
41
  @property()
48
42
  public name?: string;
49
43
  @property()
@@ -361,61 +355,48 @@ export class WebComponentConnector extends LitElement {
361
355
  Scene.SwitchingNetworks,
362
356
  ].includes(this.scene);
363
357
 
364
- return html`<style>
365
- :host {
366
- ${this.isOpen ? "" : "display: none;"}
367
- --background: #fff;
368
- --divider: #eee;
369
- --btn-primary: #f8f8f8;
370
- --btn-primary-hover: #efeeee;
371
- --btn-secondary: #ddd;
372
- --btn-secondary-hover: #ccc;
373
- color: #1e1e1e;
374
- --tip-color: #666;
358
+ return html` <div
359
+ class="background"
360
+ @click=${(event: Event) => {
361
+ if (event.target === event.currentTarget) {
362
+ this.closedHandler();
375
363
  }
376
- </style>
377
- <div
378
- class="background"
379
- @click=${(event: Event) => {
380
- if (event.target === event.currentTarget) {
381
- this.closedHandler();
382
- }
383
- }}
384
- >
385
- <div class="main" ${ref(this.mainRef)}>
386
- <div
387
- class="header text-bold fs-lg ${title == null
388
- ? ""
389
- : "header-divider"}"
390
- ${ref(this.headerRef)}
391
- >
392
- <img
393
- class="back ${canBack ? "active" : ""}"
394
- src=${LEFT_SVG}
395
- @click=${() => {
396
- if (this.scene === Scene.Connecting) {
397
- if ((this.selectedWallet?.signers.length ?? 0) <= 1) {
398
- this.scene = Scene.SelectingWallets;
399
- } else {
400
- this.scene = Scene.SelectingSigners;
401
- }
402
- } else if (this.scene === Scene.SelectingSigners) {
364
+ }}
365
+ >
366
+ <div class="main" ${ref(this.mainRef)}>
367
+ <div
368
+ class="header text-bold fs-lg ${title == null
369
+ ? ""
370
+ : "header-divider"}"
371
+ ${ref(this.headerRef)}
372
+ >
373
+ <img
374
+ class="back ${canBack ? "active" : ""}"
375
+ src=${LEFT_SVG}
376
+ @click=${() => {
377
+ if (this.scene === Scene.Connecting) {
378
+ if ((this.selectedWallet?.signers.length ?? 0) <= 1) {
403
379
  this.scene = Scene.SelectingWallets;
404
- } else if (this.scene === Scene.SwitchingNetworks) {
405
- this.scene = Scene.Connected;
380
+ } else {
381
+ this.scene = Scene.SelectingSigners;
406
382
  }
407
- }}
408
- />
409
- ${title}
410
- <img
411
- class="close active"
412
- src=${CLOSE_SVG}
413
- @click=${this.closedHandler}
414
- />
415
- </div>
416
- <div class="body" ${ref(this.bodyRef)}>${body}</div>
383
+ } else if (this.scene === Scene.SelectingSigners) {
384
+ this.scene = Scene.SelectingWallets;
385
+ } else if (this.scene === Scene.SwitchingNetworks) {
386
+ this.scene = Scene.Connected;
387
+ }
388
+ }}
389
+ />
390
+ ${title}
391
+ <img
392
+ class="close active"
393
+ src=${CLOSE_SVG}
394
+ @click=${this.closedHandler}
395
+ />
417
396
  </div>
418
- </div>`;
397
+ <div class="body" ${ref(this.bodyRef)}>${body}</div>
398
+ </div>
399
+ </div>`;
419
400
  }
420
401
 
421
402
  updated() {
@@ -443,7 +424,7 @@ export class WebComponentConnector extends LitElement {
443
424
  this.scene = Scene.Connected;
444
425
  }
445
426
 
446
- this.isOpen = false;
427
+ this.dispatchEvent(new ClosedEvent());
447
428
  };
448
429
 
449
430
  private signerSelectedHandler = (
package/src/events/index.ts CHANGED
@@ -3,3 +3,9 @@ export class WillUpdateEvent extends Event {
3
3
  super("willUpdate", { composed: true });
4
4
  }
5
5
  }
6
+
7
+ export class ClosedEvent extends Event {
8
+ constructor() {
9
+ super("closed", { composed: true });
10
+ }
11
+ }