@ckb-ccc/connector-react 0.0.5-alpha.0 → 0.0.5-alpha.2

package/dist/hooks/useCcc.d.ts

@@ -1,8 +1,12 @@
 import { ccc } from "@ckb-ccc/connector";
 import React from "react";
-export declare function Provider({ children, connectorProps, }: {
+export declare function Provider({ children, connectorProps, name, icon, signerFilter, client: clientArg, }: {
     children: React.ReactNode;
     connectorProps?: React.HTMLAttributes<{}>;
+    name?: string;
+    icon?: string;
+    signerFilter?: (signerInfo: ccc.SignerInfo, wallet: ccc.Wallet) => Promise<boolean>;
+    client?: ccc.Client;
 }): React.JSX.Element;
 export declare function useCcc(): {
     open: () => unknown;

package/dist/hooks/useCcc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCcc.d.ts","sourceRoot":"","sources":["../../src/hooks/useCcc.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,KAAwD,MAAM,OAAO,CAAC;AAe7E,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,cAAc,GACf,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;CAC3C,qBA4CA;AAED,wBAAgB,MAAM;;;;;;;EAQrB"}
+{"version":3,"file":"useCcc.d.ts","sourceRoot":"","sources":["../../src/hooks/useCcc.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,KAAwD,MAAM,OAAO,CAAC;AAe7E,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,cAAc,EACd,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,MAAM,EAAE,SAAS,GAClB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,CACb,UAAU,EAAE,GAAG,CAAC,UAAU,EAC1B,MAAM,EAAE,GAAG,CAAC,MAAM,KACf,OAAO,CAAC,OAAO,CAAC,CAAC;IACtB,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC;CACrB,qBAgDA;AAED,wBAAgB,MAAM;;;;;;;EAQrB"}

package/dist/hooks/useCcc.js

@@ -2,7 +2,7 @@ import { ccc } from "@ckb-ccc/connector";
 import React, { createContext, useCallback, useMemo, useState } from "react";
 import { Connector } from "../components";
 const CCC_CONTEXT = createContext(undefined);
-export function Provider({ children, connectorProps, }) {
+export function Provider({ children, connectorProps, name, icon, signerFilter, client: clientArg, }) {
     const [ref, setRef] = useState(null);
     const [_, setFlag] = useState(0);
     const client = useMemo(() => ref?.client ?? new ccc.ClientPublicTestnet(), [ref?.client]);
@@ -17,11 +17,12 @@ export function Provider({ children, connectorProps, }) {
             wallet: ref?.wallet,
             signerInfo: ref?.signer,
         } },
-        React.createElement(Connector, { ref: setRef, onWillUpdate: () => setFlag((f) => f + 1), ...connectorProps,
+        React.createElement(Connector, { name: name, icon: icon, signerFilter: signerFilter, ref: setRef, onWillUpdate: () => setFlag((f) => f + 1), ...connectorProps,
             style: {
                 ...connectorProps?.style,
                 zIndex: connectorProps?.style?.zIndex ?? 999,
-            } }),
+            },
+            ...(clientArg ? { client: clientArg } : {}) }),
         children));
 }
 export function useCcc() {

package/dist/hooks/useSigner.d.ts

@@ -1,2 +1,3 @@
-export declare function useSigner(): import("@ckb-ccc/core").Signer | undefined;
+import { ccc } from "..";
+export declare function useSigner(): ccc.Signer | undefined;
 //# sourceMappingURL=useSigner.d.ts.map

package/dist/hooks/useSigner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSigner.d.ts","sourceRoot":"","sources":["../../src/hooks/useSigner.tsx"],"names":[],"mappings":"AAEA,wBAAgB,SAAS,+CAExB"}
+{"version":3,"file":"useSigner.d.ts","sourceRoot":"","sources":["../../src/hooks/useSigner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,IAAI,CAAC;AAGzB,wBAAgB,SAAS,IAAI,GAAG,CAAC,MAAM,GAAG,SAAS,CAElD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckb-ccc/connector-react",
-  "version": "0.0.5-alpha.0",
+  "version": "0.0.5-alpha.2",
   "description": "Common Chains Connector UI Component for React",
   "author": "Hanssen0 <hanssen0@hanssen0.com>",
   "license": "MIT",
@@ -38,9 +38,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@ckb-ccc/connector": "0.0.5-alpha.0",
+    "@ckb-ccc/connector": "0.0.5-alpha.2",
     "@lit/react": "^1.0.5",
     "react": "^18"
   },
-  "gitHead": "8a927f901a8f2fe7dfe2f6bf78a44689d6503949"
+  "gitHead": "abbcbe8e25dc561e0a134d3906f40bb49b8a035f"
 }

package/src/hooks/useCcc.tsx

@@ -17,9 +17,20 @@ const CCC_CONTEXT = createContext<
 export function Provider({
   children,
   connectorProps,
+  name,
+  icon,
+  signerFilter,
+  client: clientArg,
 }: {
   children: React.ReactNode;
   connectorProps?: React.HTMLAttributes<{}>;
+  name?: string;
+  icon?: string;
+  signerFilter?: (
+    signerInfo: ccc.SignerInfo,
+    wallet: ccc.Wallet,
+  ) => Promise<boolean>;
+  client?: ccc.Client;
 }) {
   const [ref, setRef] = useState<WebComponentConnector | null>(null);
   const [_, setFlag] = useState(0);
@@ -51,6 +62,9 @@ export function Provider({
       }}
     >
       <Connector
+        name={name}
+        icon={icon}
+        signerFilter={signerFilter}
         ref={setRef}
         onWillUpdate={() => setFlag((f) => f + 1)}
         {...{
@@ -59,6 +73,7 @@ export function Provider({
             ...connectorProps?.style,
             zIndex: connectorProps?.style?.zIndex ?? 999,
           },
+          ...(clientArg ? { client: clientArg } : {}),
         }}
       />
       {children}

package/src/hooks/useSigner.tsx

@@ -1,5 +1,6 @@
+import { ccc } from "..";
 import { useCcc } from "./useCcc";
 
-export function useSigner() {
+export function useSigner(): ccc.Signer | undefined {
   return useCcc().signerInfo?.signer;
 }