@ckb-ccc/connector-react 0.0.17-alpha.5 → 0.0.17-alpha.7

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @ckb-ccc/connector-react
 
+## 0.0.17-alpha.7
+
+### Patch Changes
+
+- [#78](https://github.com/ckb-ecofund/ccc/pull/78) [`517dd3a`](https://github.com/ckb-ecofund/ccc/commit/517dd3a28a0d6bf14df68450101f82e94a230801) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(connector-react): useCcc().isOpen
+
+## 0.0.17-alpha.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@0.0.17-alpha.6
+
 ## 0.0.17-alpha.5
 
 ### Patch Changes

package/dist/hooks/useCcc.d.ts

@@ -17,11 +17,13 @@ export declare function Provider({ children, connectorProps, hideMark, name, ico
     preferredNetworks?: ccc.NetworkPreference[];
 }): React.JSX.Element;
 export declare function useCcc(): {
+    isOpen: boolean;
     open: () => unknown;
+    close: () => unknown;
     disconnect: () => unknown;
     setClient: (client: ccc.Client) => unknown;
     client: ccc.Client;
-    wallet?: ccc.Wallet | undefined;
-    signerInfo?: ccc.SignerInfo | undefined;
+    wallet?: ccc.Wallet;
+    signerInfo?: ccc.SignerInfo;
 };
 //# sourceMappingURL=useCcc.d.ts.map

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,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,KAAK,EAAE,EAEZ,cAAc,EACd,SAAS,EAQV,MAAM,OAAO,CAAC;AA0Cf,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,iBAAiB,GAClB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC,EAAE,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,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,iBAAiB,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC;IAC1C,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACtE,iBAAiB,CAAC,EAAE,GAAG,CAAC,iBAAiB,EAAE,CAAC;CAC7C,qBAwFA;AAED,wBAAgB,MAAM;;;;;;;EAQrB"}
+{"version":3,"file":"useCcc.d.ts","sourceRoot":"","sources":["../../src/hooks/useCcc.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,KAAK,EAAE,EAEZ,cAAc,EACd,SAAS,EAQV,MAAM,OAAO,CAAC;AA4Cf,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,iBAAiB,GAClB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC,EAAE,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,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,iBAAiB,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC;IAC1C,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACtE,iBAAiB,CAAC,EAAE,GAAG,CAAC,iBAAiB,EAAE,CAAC;CAC7C,qBA8FA;AAED,wBAAgB,MAAM;YAhKR,OAAO;UACT,MAAM,OAAO;WACZ,MAAM,OAAO;gBACR,MAAM,OAAO;eACd,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,KAAK,OAAO;YAClC,GAAG,CAAC,MAAM;aACT,GAAG,CAAC,MAAM;iBACN,GAAG,CAAC,UAAU;EAiKhC"}

package/dist/hooks/useCcc.js

@@ -19,12 +19,16 @@ export function Provider({ children, connectorProps, hideMark, name, icon, signe
     const [ref, setRef] = useState(null);
     const [isOpen, setIsOpen] = useState(false);
     const [_, setFlag] = useState(0);
-    const defautlSignersController = useRef(undefined);
+    const defaultSignersController = useRef(undefined);
     const client = useMemo(() => ref?.client ?? new ccc.ClientPublicTestnet(), [ref?.client]);
     const open = useCallback(() => {
         setIsOpen(true);
         ref?.requestUpdate();
     }, [setIsOpen, ref, ref?.requestUpdate]);
+    const close = useCallback(() => {
+        setIsOpen(false);
+        ref?.requestUpdate();
+    }, [setIsOpen, ref, ref?.requestUpdate]);
     const disconnect = useMemo(() => ref?.disconnect.bind(ref) ?? (() => { }), [ref, ref?.disconnect]);
     const setClient = useMemo(() => ref?.setClient.bind(ref) ?? (() => { }), [ref, ref?.setClient]);
     useEffect(() => {
@@ -33,22 +37,24 @@ export function Provider({ children, connectorProps, hideMark, name, icon, signe
         }
     }, [setClient]);
     useEffect(() => {
-        if (!defautlSignersController.current) {
-            defautlSignersController.current = new SignersControllerWithFilter(signerFilter);
+        if (!defaultSignersController.current) {
+            defaultSignersController.current = new SignersControllerWithFilter(signerFilter);
         }
         else {
-            defautlSignersController.current.filter = signerFilter;
+            defaultSignersController.current.filter = signerFilter;
         }
     }, [signerFilter]);
     return (React.createElement(CCC_CONTEXT.Provider, { value: {
+            isOpen,
             open,
+            close,
             disconnect,
             setClient,
             client,
             wallet: ref?.wallet,
             signerInfo: ref?.signer,
         } },
-        React.createElement(Connector, { hideMark: hideMark, name: name, icon: icon, signersController: signersController ?? defautlSignersController.current, ref: setRef, onWillUpdate: () => setFlag((f) => f + 1), onClose: () => setIsOpen(false), preferredNetworks: preferredNetworks, clientOptions: clientOptions, ...connectorProps,
+        React.createElement(Connector, { hideMark: hideMark, name: name, icon: icon, signersController: signersController ?? defaultSignersController.current, ref: setRef, onWillUpdate: () => setFlag((f) => f + 1), onClose: close, preferredNetworks: preferredNetworks, clientOptions: clientOptions, ...connectorProps,
             style: {
                 zIndex: 999,
                 ...(isOpen ? {} : { display: "none" }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckb-ccc/connector-react",
-  "version": "0.0.17-alpha.5",
+  "version": "0.0.17-alpha.7",
   "description": "CCC - CKBer's Codebase. Common Chains Connector UI Component for React",
   "author": "Hanssen0 <hanssen0@hanssen0.com>",
   "license": "MIT",
@@ -35,14 +35,14 @@
   },
   "dependencies": {
     "@lit/react": "^1.0.5",
-    "@ckb-ccc/connector": "0.0.17-alpha.5"
+    "@ckb-ccc/connector": "0.0.17-alpha.6"
   },
   "peerDependencies": {
     "react": ">=16"
   },
   "scripts": {
     "build": "rimraf ./dist && tsc",
-    "lint": "eslint",
-    "format": "prettier --write . && eslint --fix"
+    "lint": "eslint ./src",
+    "format": "prettier --write . && eslint --fix ./src"
   }
 }

package/src/hooks/useCcc.tsx

@@ -15,7 +15,9 @@ import { Connector } from "../components/index.js";
 
 const CCC_CONTEXT = createContext<
   | {
+      isOpen: boolean;
       open: () => unknown;
+      close: () => unknown;
       disconnect: () => unknown;
       setClient: (client: ccc.Client) => unknown;
       client: ccc.Client;
@@ -81,7 +83,7 @@ export function Provider({
   const [ref, setRef] = useState<ccc.WebComponentConnector | null>(null);
   const [isOpen, setIsOpen] = useState(false);
   const [_, setFlag] = useState(0);
-  const defautlSignersController = useRef<
+  const defaultSignersController = useRef<
     SignersControllerWithFilter | undefined
   >(undefined);
 
@@ -93,6 +95,10 @@ export function Provider({
     setIsOpen(true);
     ref?.requestUpdate();
   }, [setIsOpen, ref, ref?.requestUpdate]);
+  const close = useCallback(() => {
+    setIsOpen(false);
+    ref?.requestUpdate();
+  }, [setIsOpen, ref, ref?.requestUpdate]);
   const disconnect = useMemo(
     () => ref?.disconnect.bind(ref) ?? (() => {}),
     [ref, ref?.disconnect],
@@ -108,19 +114,21 @@ export function Provider({
     }
   }, [setClient]);
   useEffect(() => {
-    if (!defautlSignersController.current) {
-      defautlSignersController.current = new SignersControllerWithFilter(
+    if (!defaultSignersController.current) {
+      defaultSignersController.current = new SignersControllerWithFilter(
         signerFilter,
       );
     } else {
-      defautlSignersController.current.filter = signerFilter;
+      defaultSignersController.current.filter = signerFilter;
     }
   }, [signerFilter]);
 
   return (
     <CCC_CONTEXT.Provider
       value={{
+        isOpen,
         open,
+        close,
         disconnect,
         setClient,
 
@@ -134,11 +142,11 @@ export function Provider({
         name={name}
         icon={icon}
         signersController={
-          signersController ?? defautlSignersController.current
+          signersController ?? defaultSignersController.current
         }
         ref={setRef}
         onWillUpdate={() => setFlag((f) => f + 1)}
-        onClose={() => setIsOpen(false)}
+        onClose={close}
         preferredNetworks={preferredNetworks}
         clientOptions={clientOptions}
         {...{