@ckb-ccc/connector 0.0.3-alpha.1 → 0.0.4-alpha.0

package/dist/events.js

@@ -1,11 +0,0 @@
-export class ConnectedEvent extends Event {
-    constructor(signerInfo) {
-        super("connected", { composed: true });
-        this.signerInfo = signerInfo;
-    }
-}
-export class CloseEvent extends Event {
-    constructor() {
-        super("close", { composed: true });
-    }
-}

package/dist/signers.d.ts

@@ -1,13 +0,0 @@
-import { Signer } from "@ckb-ccc/ccc";
-export declare enum SignerType {
-    Eip6963 = "Eip6963"
-}
-export declare class SignerInfo {
-    type: SignerType;
-    id: string;
-    name: string;
-    icon: string;
-    signer: Signer;
-    constructor(type: SignerType, id: string, name: string, icon: string, signer: Signer);
-}
-//# sourceMappingURL=signers.d.ts.map

package/dist/signers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"signers.d.ts","sourceRoot":"","sources":["../src/signers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,oBAAY,UAAU;IACpB,OAAO,YAAY;CACpB;AAED,qBAAa,UAAU;IAEZ,IAAI,EAAE,UAAU;IAChB,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,MAAM;gBAJd,IAAI,EAAE,UAAU,EAChB,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM;CAExB"}

package/dist/signers.js

@@ -1,13 +0,0 @@
-export var SignerType;
-(function (SignerType) {
-    SignerType["Eip6963"] = "Eip6963";
-})(SignerType || (SignerType = {}));
-export class SignerInfo {
-    constructor(type, id, name, icon, signer) {
-        this.type = type;
-        this.id = id;
-        this.name = name;
-        this.icon = icon;
-        this.signer = signer;
-    }
-}

package/src/connector.ts

@@ -1,123 +0,0 @@
-import { ClientPublicTestnet, Eip6963 } from "@ckb-ccc/ccc";
-import { LitElement, css, html } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
-import { repeat } from "lit/directives/repeat.js";
-import { CloseEvent, ConnectedEvent } from "./events";
-import { SignerInfo, SignerType } from "./signers";
-
-@customElement("ccc-connector")
-export class WebComponentConnector extends LitElement {
-  @state()
-  private signers: SignerInfo[] = [];
-
-  @property()
-  public isOpen: boolean = false;
-
-  connectedCallback(): void {
-    super.connectedCallback();
-
-    const client = new ClientPublicTestnet();
-    const eip6963Manager = new Eip6963.SignerFactory(client);
-    eip6963Manager.subscribeSigners((signer) => {
-      if (this.signers.some((s) => s.id === signer.detail.info.uuid)) {
-        return;
-      }
-      this.signers = [
-        ...this.signers,
-        {
-          id: signer.detail.info.uuid,
-          name: signer.detail.info.name,
-          icon: signer.detail.info.icon,
-          type: SignerType.Eip6963,
-          signer,
-        },
-      ];
-    });
-  }
-
-  static styles = css`
-    :host {
-      width: 100vw;
-      height: 100vh;
-      position: fixed;
-      left: 0;
-      top: 0;
-    }
-
-    button {
-      background: none;
-      color: inherit;
-      border: none;
-      padding: 0;
-      font: inherit;
-      cursor: pointer;
-      outline: inherit;
-    }
-
-    .background {
-      width: 100%;
-      height: 100%;
-      background: var(--background);
-    }
-
-    .main {
-      position: fixed;
-      left: 50%;
-      top: 50%;
-      transform: translate(-50%, -50%);
-    }
-
-    .wallet-button {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 0.75rem 1.25rem;
-      color: #fff;
-      background: #000;
-      background-image: none;
-      border-radius: 9999px;
-      border: none;
-    }
-
-    .wallet-button img {
-      padding-right: 0.5rem;
-    }
-  `;
-
-  render() {
-    return html`<style>
-        :host {
-          ${this.isOpen ? "" : "display: none;"}
-          --background: rgba(0, 0, 0, 0.2);
-        }
-      </style>
-      <div
-        class="background"
-        @click=${(event: Event) => {
-          if (event.target === event.currentTarget) {
-            this.dispatchEvent(new CloseEvent());
-          }
-        }}
-      >
-        <div class="main">
-          ${repeat(
-            this.signers,
-            (signer) => signer.id,
-            (signer) => html`
-              <button
-                class="wallet-button"
-                @click=${async () => {
-                  await signer.signer.connect();
-                  this.dispatchEvent(new ConnectedEvent(signer));
-                  this.dispatchEvent(new CloseEvent());
-                }}
-              >
-                <img src=${signer.icon} alt=${signer.name} />
-                Connect ${signer.name}
-              </button>
-            `,
-          )}
-        </div>
-      </div>`;
-  }
-}

package/src/events.ts

@@ -1,13 +0,0 @@
-import { SignerInfo } from "./signers";
-
-export class ConnectedEvent extends Event {
-  constructor(public readonly signerInfo: SignerInfo) {
-    super("connected", { composed: true });
-  }
-}
-
-export class CloseEvent extends Event {
-  constructor() {
-    super("close", { composed: true });
-  }
-}

package/src/signers.ts

@@ -1,15 +0,0 @@
-import { Signer } from "@ckb-ccc/ccc";
-
-export enum SignerType {
-  Eip6963 = "Eip6963",
-}
-
-export class SignerInfo {
-  constructor(
-    public type: SignerType,
-    public id: string,
-    public name: string,
-    public icon: string,
-    public signer: Signer,
-  ) {}
-}