@ckb-ccc/connector 0.0.17-alpha.0 → 0.0.17-alpha.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @ckb-ccc/connector
 
+## 0.0.17-alpha.1
+
+### Patch Changes
+
+- [#62](https://github.com/ckb-ecofund/ccc/pull/62) [`543c765`](https://github.com/ckb-ecofund/ccc/commit/543c76523b3864f2203631762c27b8fc4c942cd7) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(connector): Powered by CCC
+
 ## 0.0.17-alpha.0
 
 ### Patch Changes

package/dist/connector/index.d.ts

@@ -1,6 +1,7 @@
 import { ccc } from "@ckb-ccc/ccc";
 import { LitElement, PropertyValues } from "lit";
 export declare class WebComponentConnector extends LitElement {
+    hideMark: any | undefined | null;
     name?: string;
     icon?: string;
     preferredNetworks?: ccc.NetworkPreference[];

package/dist/connector/index.d.ts.map

@@ -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,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;IAYtB,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;IA2CN,OAAO,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI;IAY7B,OAAO;IASP,MAAM,CAAC,MAAM,0BAyBX;CACH"}
+{"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,GAAG,GAAG,SAAS,GAAG,IAAI,CAAC;IAEjC,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;IAYtB,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"}

package/dist/connector/index.js

@@ -100,6 +100,7 @@ let WebComponentConnector = class WebComponentConnector extends LitElement {
         ${this.wallet && this.signer
             ? html `
               <ccc-connected-scene
+                ?hideMark=${this.hideMark}
                 .wallet=${this.wallet}
                 .signer=${this.signer.signer}
                 .clientOptions=${this.clientOptions}
@@ -166,6 +167,9 @@ WebComponentConnector.styles = css `
       transition: height 0.15s ease-out;
     }
   `;
+__decorate([
+    property()
+], WebComponentConnector.prototype, "hideMark", void 0);
 __decorate([
     property()
 ], WebComponentConnector.prototype, "name", void 0);

package/dist/scenes/connected.d.ts

@@ -2,6 +2,7 @@ import { ccc } from "@ckb-ccc/ccc";
 import { LitElement, PropertyValues } from "lit";
 export declare function formatString(str: string | undefined, l?: number, r?: number): string | undefined;
 export declare class ConnectedScene extends LitElement {
+    hideMark: any | undefined | null;
     wallet?: ccc.Wallet;
     signer?: ccc.Signer;
     clientOptions?: {

package/dist/scenes/connected.d.ts.map

@@ -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,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;IAgBzD,MAAM;IAoGN,MAAM,CAAC,MAAM,0BAmHX;IAEF,OAAO;CAGR"}
+{"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,GAAG,GAAG,SAAS,GAAG,IAAI,CAAC;IAEjC,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;IAgBzD,MAAM;IAwGN,MAAM,CAAC,MAAM,0BAiIX;IAEF,OAAO;CAGR"}

package/dist/scenes/connected.js

@@ -90,6 +90,10 @@ let ConnectedScene = class ConnectedScene extends LitElement {
             ${DISCONNECT_SVG} Disconnect
           </ccc-button>
 
+          ${this.hideMark == null
+                    ? html `<a href="https://github.com/ckb-ecofund/ccc" class="mark">Powered by CCC</a>`
+                    : ""}
+
           <div
             class="switch-btn-container ${this.clientOptions
                     ? "cursor-pointer"
@@ -206,7 +210,6 @@ ConnectedScene.styles = css `
     .switch-btn-container {
       width: 100%;
       margin-top: 1.2rem;
-      margin-bottom: 0.2rem;
       display: flex;
       justify-content: center;
       align-items: center;
@@ -248,7 +251,25 @@ ConnectedScene.styles = css `
     .sm-chain-logo {
       width: 1.125rem;
     }
+
+    .mark {
+      text-decoration: none;
+      cursor: pointer;
+      opacity: 0.2;
+      margin: 0;
+      margin-top: 0.25rem;
+      margin-bottom: -1.05rem;
+      color: var(--tip-color);
+      font-size: 0.6rem;
+    }
+
+    .mark:hover {
+      opacity: 0.5;
+    }
   `;
+__decorate([
+    property()
+], ConnectedScene.prototype, "hideMark", void 0);
 __decorate([
     property()
 ], ConnectedScene.prototype, "wallet", void 0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckb-ccc/connector",
-  "version": "0.0.17-alpha.0",
+  "version": "0.0.17-alpha.1",
   "description": "CCC - CKBer's Codebase. Common Chains Connector UI",
   "author": "Hanssen0 <hanssen0@hanssen0.com>",
   "license": "MIT",

package/src/connector/index.ts

@@ -11,6 +11,8 @@ import { SignersController } from "../signers/index.js";
 
 @customElement("ccc-connector")
 export class WebComponentConnector extends LitElement {
+  @property()
+  public hideMark: any | undefined | null;
   @property()
   public name?: string;
   @property()
@@ -151,6 +153,7 @@ export class WebComponentConnector extends LitElement {
         ${this.wallet && this.signer
           ? html`
               <ccc-connected-scene
+                ?hideMark=${this.hideMark}
                 .wallet=${this.wallet}
                 .signer=${this.signer.signer}
                 .clientOptions=${this.clientOptions}

package/src/scenes/connected.ts

@@ -22,6 +22,8 @@ export function formatString(
 
 @customElement("ccc-connected-scene")
 export class ConnectedScene extends LitElement {
+  @property()
+  public hideMark: any | undefined | null;
   @property()
   public wallet?: ccc.Wallet;
   @property()
@@ -108,6 +110,10 @@ export class ConnectedScene extends LitElement {
             ${DISCONNECT_SVG} Disconnect
           </ccc-button>
 
+          ${this.hideMark == null
+            ? html`<a href="https://github.com/ckb-ecofund/ccc" class="mark">Powered by CCC</a>`
+            : ""}
+
           <div
             class="switch-btn-container ${this.clientOptions
               ? "cursor-pointer"
@@ -227,7 +233,6 @@ export class ConnectedScene extends LitElement {
     .switch-btn-container {
       width: 100%;
       margin-top: 1.2rem;
-      margin-bottom: 0.2rem;
       display: flex;
       justify-content: center;
       align-items: center;
@@ -269,6 +274,21 @@ export class ConnectedScene extends LitElement {
     .sm-chain-logo {
       width: 1.125rem;
     }
+
+    .mark {
+      text-decoration: none;
+      cursor: pointer;
+      opacity: 0.2;
+      margin: 0;
+      margin-top: 0.25rem;
+      margin-bottom: -1.05rem;
+      color: var(--tip-color);
+      font-size: 0.6rem;
+    }
+
+    .mark:hover {
+      opacity: 0.5;
+    }
   `;
 
   updated() {