@ckb-ccc/connector-react 0.0.0-canary-20250214032000

package/CHANGELOG.md

@@ -0,0 +1,403 @@
+# @ckb-ccc/connector-react
+
+## 0.0.0-canary-20250214032000
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@0.0.0-canary-20250214032000
+
+## 1.0.11
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@1.0.11
+
+## 1.0.10
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@1.0.10
+
+## 1.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@1.0.9
+
+## 1.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@1.0.8
+
+## 1.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@1.0.7
+
+## 1.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@1.0.6
+
+## 1.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@1.0.5
+
+## 1.0.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@1.0.4
+
+## 1.0.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@1.0.3
+
+## 1.0.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@1.0.2
+
+## 1.0.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@1.0.1
+
+## 1.0.0
+
+### Major Changes
+
+- [#107](https://github.com/ckb-devrel/ccc/pull/107) [`b99f55f`](https://github.com/ckb-devrel/ccc/commit/b99f55f74e64106391ce53f7d0bd0fa7522023cc) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat: molecule
+
+### Patch Changes
+
+- Updated dependencies [[`b99f55f`](https://github.com/ckb-devrel/ccc/commit/b99f55f74e64106391ce53f7d0bd0fa7522023cc)]:
+  - @ckb-ccc/connector@1.0.0
+
+## 0.0.19
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@0.0.19
+
+## 0.0.18
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@0.0.18
+
+## 0.0.17
+
+### Patch Changes
+
+- [#62](https://github.com/ckb-devrel/ccc/pull/62) [`543c765`](https://github.com/ckb-devrel/ccc/commit/543c76523b3864f2203631762c27b8fc4c942cd7) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(connector): Powered by CCC
+
+- [#69](https://github.com/ckb-devrel/ccc/pull/69) [`8824ff2`](https://github.com/ckb-devrel/ccc/commit/8824ff27af3b76186f1a7d6db8c907cd66f09d6a) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(core): Client.waitTransaction
+
+- [#70](https://github.com/ckb-devrel/ccc/pull/70) [`acfc050`](https://github.com/ckb-devrel/ccc/commit/acfc0502cd6beb48b9310dec8411dcd630507366) Thanks [@Hanssen0](https://github.com/Hanssen0)! - fix(core): websocket transport
+
+- [#78](https://github.com/ckb-devrel/ccc/pull/78) [`517dd3a`](https://github.com/ckb-devrel/ccc/commit/517dd3a28a0d6bf14df68450101f82e94a230801) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(connector-react): useCcc().isOpen
+
+- [#67](https://github.com/ckb-devrel/ccc/pull/67) [`c092988`](https://github.com/ckb-devrel/ccc/commit/c092988e7765b9ac79498d6bd72a6a2f62859b6f) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(core): auto fee rate
+
+- [#60](https://github.com/ckb-devrel/ccc/pull/60) [`e904963`](https://github.com/ckb-devrel/ccc/commit/e904963a16f12c410d861eb3ae01b87d68cb3e34) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat: support Xverse
+
+- Updated dependencies [[`543c765`](https://github.com/ckb-devrel/ccc/commit/543c76523b3864f2203631762c27b8fc4c942cd7), [`8824ff2`](https://github.com/ckb-devrel/ccc/commit/8824ff27af3b76186f1a7d6db8c907cd66f09d6a), [`acfc050`](https://github.com/ckb-devrel/ccc/commit/acfc0502cd6beb48b9310dec8411dcd630507366), [`e63a06e`](https://github.com/ckb-devrel/ccc/commit/e63a06ee75ac8595208d216dec88a4228c465e23), [`c092988`](https://github.com/ckb-devrel/ccc/commit/c092988e7765b9ac79498d6bd72a6a2f62859b6f), [`e904963`](https://github.com/ckb-devrel/ccc/commit/e904963a16f12c410d861eb3ae01b87d68cb3e34)]:
+  - @ckb-ccc/connector@0.0.17
+
+## 0.0.17-alpha.11
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@0.0.17-alpha.10
+
+## 0.0.17-alpha.10
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@0.0.17-alpha.9
+
+## 0.0.17-alpha.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@0.0.17-alpha.8
+
+## 0.0.17-alpha.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@0.0.17-alpha.7
+
+## 0.0.17-alpha.7
+
+### Patch Changes
+
+- [#78](https://github.com/ckb-devrel/ccc/pull/78) [`517dd3a`](https://github.com/ckb-devrel/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
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@0.0.17-alpha.5
+
+## 0.0.17-alpha.4
+
+### Patch Changes
+
+- [#70](https://github.com/ckb-devrel/ccc/pull/70) [`acfc050`](https://github.com/ckb-devrel/ccc/commit/acfc0502cd6beb48b9310dec8411dcd630507366) Thanks [@Hanssen0](https://github.com/Hanssen0)! - fix(core): websocket transport
+
+- Updated dependencies [[`acfc050`](https://github.com/ckb-devrel/ccc/commit/acfc0502cd6beb48b9310dec8411dcd630507366)]:
+  - @ckb-ccc/connector@0.0.17-alpha.4
+
+## 0.0.17-alpha.3
+
+### Patch Changes
+
+- [#69](https://github.com/ckb-devrel/ccc/pull/69) [`8824ff2`](https://github.com/ckb-devrel/ccc/commit/8824ff27af3b76186f1a7d6db8c907cd66f09d6a) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(core): Client.waitTransaction
+
+- [#67](https://github.com/ckb-devrel/ccc/pull/67) [`c092988`](https://github.com/ckb-devrel/ccc/commit/c092988e7765b9ac79498d6bd72a6a2f62859b6f) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(core): auto fee rate
+
+- Updated dependencies [[`8824ff2`](https://github.com/ckb-devrel/ccc/commit/8824ff27af3b76186f1a7d6db8c907cd66f09d6a), [`c092988`](https://github.com/ckb-devrel/ccc/commit/c092988e7765b9ac79498d6bd72a6a2f62859b6f)]:
+  - @ckb-ccc/connector@0.0.17-alpha.3
+
+## 0.0.17-alpha.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@0.0.17-alpha.2
+
+## 0.0.17-alpha.1
+
+### Patch Changes
+
+- [#62](https://github.com/ckb-devrel/ccc/pull/62) [`543c765`](https://github.com/ckb-devrel/ccc/commit/543c76523b3864f2203631762c27b8fc4c942cd7) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(connector): Powered by CCC
+
+- Updated dependencies [[`543c765`](https://github.com/ckb-devrel/ccc/commit/543c76523b3864f2203631762c27b8fc4c942cd7)]:
+  - @ckb-ccc/connector@0.0.17-alpha.1
+
+## 0.0.17-alpha.0
+
+### Patch Changes
+
+- [#60](https://github.com/ckb-devrel/ccc/pull/60) [`e904963`](https://github.com/ckb-devrel/ccc/commit/e904963a16f12c410d861eb3ae01b87d68cb3e34) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat: support Xverse
+
+- Updated dependencies [[`e904963`](https://github.com/ckb-devrel/ccc/commit/e904963a16f12c410d861eb3ae01b87d68cb3e34)]:
+  - @ckb-ccc/connector@0.0.17-alpha.0
+
+## 0.0.16
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@0.0.16
+
+## 0.0.15
+
+### Patch Changes
+
+- [`2483637`](https://github.com/ckb-devrel/ccc/commit/2483637c89a2e012ed6408d8cabc123b8a45faa9) Thanks [@Hanssen0](https://github.com/Hanssen0)! - fix(connector): animation
+
+- Updated dependencies [[`2483637`](https://github.com/ckb-devrel/ccc/commit/2483637c89a2e012ed6408d8cabc123b8a45faa9)]:
+  - @ckb-ccc/connector@0.0.15
+
+## 0.0.14
+
+### Patch Changes
+
+- [#56](https://github.com/ckb-devrel/ccc/pull/56) [`b4aa690`](https://github.com/ckb-devrel/ccc/commit/b4aa69085d69fc0953629fd907212922d7d106dd) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(connector): manage button
+
+- [#56](https://github.com/ckb-devrel/ccc/pull/56) [`f13f4d3`](https://github.com/ckb-devrel/ccc/commit/f13f4d319ca66b571029a65e945e3a038bfeea25) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(core): Signer.findTransactions
+
+- [#48](https://github.com/ckb-devrel/ccc/pull/48) [`4fb114b`](https://github.com/ckb-devrel/ccc/commit/4fb114bc421c7250eed7388c16f1c026875153e6) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(okx): make okx wallet happy
+
+- [#54](https://github.com/ckb-devrel/ccc/pull/54) [`3f49876`](https://github.com/ckb-devrel/ccc/commit/3f49876826f5a9eeff8d14c7d8d7b9cf2cea0f32) Thanks [@Hanssen0](https://github.com/Hanssen0)! - fix(connector): useless back button
+
+- [#53](https://github.com/ckb-devrel/ccc/pull/53) [`32bffff`](https://github.com/ckb-devrel/ccc/commit/32bffff407934ec5d16bf7c5701b128d8b29c452) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(connector): select client
+
+- Updated dependencies [[`b4aa690`](https://github.com/ckb-devrel/ccc/commit/b4aa69085d69fc0953629fd907212922d7d106dd), [`f13f4d3`](https://github.com/ckb-devrel/ccc/commit/f13f4d319ca66b571029a65e945e3a038bfeea25), [`4fb114b`](https://github.com/ckb-devrel/ccc/commit/4fb114bc421c7250eed7388c16f1c026875153e6), [`3f49876`](https://github.com/ckb-devrel/ccc/commit/3f49876826f5a9eeff8d14c7d8d7b9cf2cea0f32), [`32bffff`](https://github.com/ckb-devrel/ccc/commit/32bffff407934ec5d16bf7c5701b128d8b29c452)]:
+  - @ckb-ccc/connector@0.0.14
+
+## 0.0.14-alpha.3
+
+### Patch Changes
+
+- [#54](https://github.com/ckb-devrel/ccc/pull/54) [`3f49876`](https://github.com/ckb-devrel/ccc/commit/3f49876826f5a9eeff8d14c7d8d7b9cf2cea0f32) Thanks [@Hanssen0](https://github.com/Hanssen0)! - fix(connector): useless back button
+
+- Updated dependencies [[`3f49876`](https://github.com/ckb-devrel/ccc/commit/3f49876826f5a9eeff8d14c7d8d7b9cf2cea0f32)]:
+  - @ckb-ccc/connector@0.0.14-alpha.3
+
+## 0.0.14-alpha.2
+
+### Patch Changes
+
+- [#53](https://github.com/ckb-devrel/ccc/pull/53) [`32bffff`](https://github.com/ckb-devrel/ccc/commit/32bffff407934ec5d16bf7c5701b128d8b29c452) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(connector): select client
+
+- Updated dependencies [[`32bffff`](https://github.com/ckb-devrel/ccc/commit/32bffff407934ec5d16bf7c5701b128d8b29c452)]:
+  - @ckb-ccc/connector@0.0.14-alpha.2
+
+## 0.0.14-alpha.1
+
+### Patch Changes
+
+- [#48](https://github.com/ckb-devrel/ccc/pull/48) [`4fb114b`](https://github.com/ckb-devrel/ccc/commit/4fb114bc421c7250eed7388c16f1c026875153e6) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(okx): make okx wallet happy
+
+- Updated dependencies [[`4fb114b`](https://github.com/ckb-devrel/ccc/commit/4fb114bc421c7250eed7388c16f1c026875153e6)]:
+  - @ckb-ccc/connector@0.0.14-alpha.1
+
+## 0.0.14-alpha.0
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@0.0.14-alpha.0
+
+## 0.0.13
+
+### Patch Changes
+
+- [`9e6b9fd`](https://github.com/ckb-devrel/ccc/commit/9e6b9fd40274015a0964dec8e0ee58dcbc06c786) Thanks [@Hanssen0](https://github.com/Hanssen0)! - fix(connector-react): if the filter is undefined, accept all
+
+- [`6d62032`](https://github.com/ckb-devrel/ccc/commit/6d620326f42f8c48eff9deb95578cf28d7bf5c97) Thanks [@Hanssen0](https://github.com/Hanssen0)! - fix(core): recordCells should not add usableCells
+
+- [`3658797`](https://github.com/ckb-devrel/ccc/commit/3658797e67c42c56b20fa66481d0455ed019e69f) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(core): node.js websocket
+
+- [#25](https://github.com/ckb-devrel/ccc/pull/25) [`69c10fd`](https://github.com/ckb-devrel/ccc/commit/69c10fdfcd507433c13b15d17015dca4687afb97) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(utxo-global): switchNetwork
+
+- [`44c7fee`](https://github.com/ckb-devrel/ccc/commit/44c7feed37369836268fba21884418682f15254b) Thanks [@Hanssen0](https://github.com/Hanssen0)! - fix(core): completeInputs
+
+- [`079e20e`](https://github.com/ckb-devrel/ccc/commit/079e20ef14cf9a7c06bbaddf3e92cbfbb005da11) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(core): more APIs. Since parsing.
+
+- [`ed154d1`](https://github.com/ckb-devrel/ccc/commit/ed154d189e239907ad686ec51ac8133b6d5eb895) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(core): Signer.findCells
+
+- Updated dependencies [[`6d62032`](https://github.com/ckb-devrel/ccc/commit/6d620326f42f8c48eff9deb95578cf28d7bf5c97), [`3658797`](https://github.com/ckb-devrel/ccc/commit/3658797e67c42c56b20fa66481d0455ed019e69f), [`69c10fd`](https://github.com/ckb-devrel/ccc/commit/69c10fdfcd507433c13b15d17015dca4687afb97), [`44c7fee`](https://github.com/ckb-devrel/ccc/commit/44c7feed37369836268fba21884418682f15254b), [`079e20e`](https://github.com/ckb-devrel/ccc/commit/079e20ef14cf9a7c06bbaddf3e92cbfbb005da11), [`ed154d1`](https://github.com/ckb-devrel/ccc/commit/ed154d189e239907ad686ec51ac8133b6d5eb895)]:
+  - @ckb-ccc/connector@0.0.13
+
+## 0.0.13-alpha.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@0.0.13-alpha.8
+
+## 0.0.13-alpha.7
+
+### Patch Changes
+
+- [`079e20e`](https://github.com/ckb-devrel/ccc/commit/079e20ef14cf9a7c06bbaddf3e92cbfbb005da11) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(core): more APIs. Since parsing.
+
+- [`ed154d1`](https://github.com/ckb-devrel/ccc/commit/ed154d189e239907ad686ec51ac8133b6d5eb895) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(core): Signer.findCells
+
+- Updated dependencies [[`079e20e`](https://github.com/ckb-devrel/ccc/commit/079e20ef14cf9a7c06bbaddf3e92cbfbb005da11), [`ed154d1`](https://github.com/ckb-devrel/ccc/commit/ed154d189e239907ad686ec51ac8133b6d5eb895)]:
+  - @ckb-ccc/connector@0.0.13-alpha.7
+
+## 0.0.13-alpha.6
+
+### Patch Changes
+
+- [#25](https://github.com/ckb-devrel/ccc/pull/25) [`69c10fd`](https://github.com/ckb-devrel/ccc/commit/69c10fdfcd507433c13b15d17015dca4687afb97) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(utxo-global): switchNetwork
+
+- [`44c7fee`](https://github.com/ckb-devrel/ccc/commit/44c7feed37369836268fba21884418682f15254b) Thanks [@Hanssen0](https://github.com/Hanssen0)! - fix(core): completeInputs
+
+- Updated dependencies [[`69c10fd`](https://github.com/ckb-devrel/ccc/commit/69c10fdfcd507433c13b15d17015dca4687afb97), [`44c7fee`](https://github.com/ckb-devrel/ccc/commit/44c7feed37369836268fba21884418682f15254b)]:
+  - @ckb-ccc/connector@0.0.13-alpha.6
+
+## 0.0.13-alpha.5
+
+### Patch Changes
+
+- [`9e6b9fd`](https://github.com/ckb-devrel/ccc/commit/9e6b9fd40274015a0964dec8e0ee58dcbc06c786) Thanks [@Hanssen0](https://github.com/Hanssen0)! - fix(connector-react): if the filter is undefined, accept all
+
+- [`6d62032`](https://github.com/ckb-devrel/ccc/commit/6d620326f42f8c48eff9deb95578cf28d7bf5c97) Thanks [@Hanssen0](https://github.com/Hanssen0)! - fix(core): recordCells should not add usableCells
+
+- Updated dependencies [[`6d62032`](https://github.com/ckb-devrel/ccc/commit/6d620326f42f8c48eff9deb95578cf28d7bf5c97)]:
+  - @ckb-ccc/connector@0.0.13-alpha.5
+
+## 0.0.13-alpha.4
+
+### Patch Changes
+
+- [`3658797`](https://github.com/ckb-devrel/ccc/commit/3658797e67c42c56b20fa66481d0455ed019e69f) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat(core): node.js websocket
+
+- Updated dependencies [[`3658797`](https://github.com/ckb-devrel/ccc/commit/3658797e67c42c56b20fa66481d0455ed019e69f)]:
+  - @ckb-ccc/connector@0.0.13-alpha.4
+
+## 0.0.13-alpha.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@0.0.13-alpha.3
+
+## 0.0.13-alpha.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@0.0.13-alpha.2
+
+## 0.0.13-alpha.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@0.0.13-alpha.1
+
+## 0.0.13-alpha.0
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ckb-ccc/connector@0.0.13-alpha.0
+
+## 0.0.12
+
+### Patch Changes
+
+- [`591e779`](https://github.com/ckb-devrel/ccc/commit/591e7794ce3d07ceaad55b7a80d2277fe0aa9fe7) Thanks [@Hanssen0](https://github.com/Hanssen0)! - feat: custom SignersController
+
+- Updated dependencies [[`6bee006`](https://github.com/ckb-devrel/ccc/commit/6bee006fbcb96986c65ca4d2d896fca21db2503b), [`591e779`](https://github.com/ckb-devrel/ccc/commit/591e7794ce3d07ceaad55b7a80d2277fe0aa9fe7)]:
+  - @ckb-ccc/connector@0.0.12
+
+## 0.0.12-alpha.7
+
+### Patch Changes
+
+- Updated dependencies
+  - @ckb-ccc/connector@0.0.12-alpha.7

package/README.md

@@ -0,0 +1,51 @@
+<p align="center">
+  <a href="https://app.ckbccc.com/">
+    <img alt="Logo" src="https://raw.githubusercontent.com/ckb-devrel/ccc/master/assets/logoAndText.svg" style="height: 8rem; max-width: 90%; padding: 0.5rem 0;" />
+  </a>
+</p>
+
+<h1 align="center" style="font-size: 48px;">
+  CCC Connector for React
+</h1>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/@ckb-ccc/connector-react"><img
+    alt="NPM Version" src="https://img.shields.io/npm/v/%40ckb-ccc%2Fconnector-react"
+  /></a>
+  <img alt="GitHub commit activity" src="https://img.shields.io/github/commit-activity/m/ckb-devrel/ccc" />
+  <img alt="GitHub last commit" src="https://img.shields.io/github/last-commit/ckb-devrel/ccc/master" />
+  <img alt="GitHub branch check runs" src="https://img.shields.io/github/check-runs/ckb-devrel/ccc/master" />
+  <a href="https://live.ckbccc.com/"><img
+    alt="Playground" src="https://img.shields.io/website?url=https%3A%2F%2Flive.ckbccc.com%2F&label=Playground"
+  /></a>
+  <a href="https://app.ckbccc.com/"><img
+    alt="App" src="https://img.shields.io/website?url=https%3A%2F%2Fapp.ckbccc.com%2F&label=App"
+  /></a>
+  <a href="https://docs.ckbccc.com/"><img
+    alt="Docs" src="https://img.shields.io/website?url=https%3A%2F%2Fdocs.ckbccc.com%2F&label=Docs"
+  /></a>
+</p>
+
+<p align="center">
+  CCC - CKBers' Codebase is a one-stop solution for your CKB JS/TS ecosystem development.
+  <br />
+  Empower yourself with CCC to discover the unlimited potential of CKB.
+  <br />
+  Interoperate with wallets from different chain ecosystems.
+  <br />
+  Fully enabling CKB's Turing completeness and cryptographic freedom power.
+</p>
+
+## Use the Connector UI
+
+Before using the Connector, wrap your UI with the CCC Provider:
+
+```tsx
+<ccc.Provider>{/* Your application */}</ccc.Provider>
+```
+
+Check [the document for @ckb-ccc/connector-react](https://docs.ckbccc.com/modules/_ckb_ccc_connector_react.index.ccc.html) for more information.
+
+<h3 align="center">
+  Read more about CCC on <a href="https://docs.ckbccc.com">our website</a> or <a href="https://github.com/ckb-devrel/ccc">GitHub Repo</a>.
+</h3>

package/dist/advanced.d.ts

@@ -0,0 +1,3 @@
+export * from "./advancedBarrel.js";
+export * as cccA from "./advancedBarrel.js";
+//# sourceMappingURL=advanced.d.ts.map

package/dist/advanced.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced.d.ts","sourceRoot":"","sources":["../src/advanced.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,OAAO,KAAK,IAAI,MAAM,qBAAqB,CAAC"}

package/dist/advanced.js

@@ -0,0 +1,2 @@
+export * from "./advancedBarrel.js";
+export * as cccA from "./advancedBarrel.js";

package/dist/advancedBarrel.d.ts

@@ -0,0 +1,2 @@
+export * from "@ckb-ccc/connector/advancedBarrel";
+//# sourceMappingURL=advancedBarrel.d.ts.map

package/dist/advancedBarrel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"advancedBarrel.d.ts","sourceRoot":"","sources":["../src/advancedBarrel.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC"}

package/dist/advancedBarrel.js

@@ -0,0 +1 @@
+export * from "@ckb-ccc/connector/advancedBarrel";

package/dist/barrel.d.ts

@@ -0,0 +1,4 @@
+export * from "@ckb-ccc/connector/barrel";
+export * from "./components/index.js";
+export * from "./hooks/index.js";
+//# sourceMappingURL=barrel.d.ts.map

package/dist/barrel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"barrel.d.ts","sourceRoot":"","sources":["../src/barrel.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC"}

package/dist/barrel.js

@@ -0,0 +1,3 @@
+export * from "@ckb-ccc/connector/barrel";
+export * from "./components/index.js";
+export * from "./hooks/index.js";

package/dist/components/index.d.ts

@@ -0,0 +1,6 @@
+import { ccc } from "@ckb-ccc/connector";
+export declare const Connector: import("@lit/react").ReactWebComponent<ccc.WebComponentConnector, {
+    onWillUpdate: string;
+    onClose: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAIzC,eAAO,MAAM,SAAS;;;EAQpB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,13 @@
+"use client";
+import { ccc } from "@ckb-ccc/connector";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+export const Connector = createComponent({
+    tagName: "ccc-connector",
+    elementClass: ccc.WebComponentConnector,
+    react: React,
+    events: {
+        onWillUpdate: "willUpdate",
+        onClose: "close",
+    },
+});

package/dist/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./useCcc.js";
+export * from "./useSigner.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,2 @@
+export * from "./useCcc.js";
+export * from "./useSigner.js";

package/dist/hooks/useCcc.d.ts

@@ -0,0 +1,29 @@
+import { ccc } from "@ckb-ccc/connector";
+import React, { HTMLAttributes, ReactNode } from "react";
+export declare function Provider({ children, connectorProps, hideMark, name, icon, signerFilter, signersController, defaultClient, clientOptions, preferredNetworks, }: {
+    children: ReactNode;
+    connectorProps?: HTMLAttributes<{}>;
+    hideMark?: boolean;
+    name?: string;
+    icon?: string;
+    signerFilter?: (signerInfo: ccc.SignerInfo, wallet: ccc.Wallet) => Promise<boolean>;
+    signersController?: ccc.SignersController;
+    defaultClient?: ccc.Client;
+    clientOptions?: {
+        icon?: string;
+        client: ccc.Client;
+        name: string;
+    }[];
+    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;
+    signerInfo?: ccc.SignerInfo;
+};
+//# sourceMappingURL=useCcc.d.ts.map

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

@@ -0,0 +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;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

@@ -0,0 +1,83 @@
+import { ccc } from "@ckb-ccc/connector";
+import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
+import { Connector } from "../components/index.js";
+const CCC_CONTEXT = createContext(undefined);
+class SignersControllerWithFilter extends ccc.SignersController {
+    constructor(filter) {
+        super();
+        this.filter = filter;
+    }
+    async addSigner(walletName, icon, signerInfo, context) {
+        if (this.filter &&
+            !(await this.filter(signerInfo, { name: walletName, icon }))) {
+            return;
+        }
+        return super.addSigner(walletName, icon, signerInfo, context);
+    }
+}
+export function Provider({ children, connectorProps, hideMark, name, icon, signerFilter, signersController, defaultClient, clientOptions, preferredNetworks, }) {
+    const [ref, setRef] = useState(null);
+    const [isOpen, setIsOpen] = useState(false);
+    const [_, setFlag] = useState(0);
+    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(() => {
+        if (defaultClient) {
+            setClient(defaultClient);
+        }
+    }, [setClient]);
+    useEffect(() => {
+        if (!defaultSignersController.current) {
+            defaultSignersController.current = new SignersControllerWithFilter(signerFilter);
+        }
+        else {
+            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 ?? defaultSignersController.current, ref: setRef, onWillUpdate: () => setFlag((f) => f + 1), onClose: close, preferredNetworks: preferredNetworks, clientOptions: clientOptions, ...connectorProps,
+            style: {
+                zIndex: 999,
+                ...(isOpen ? {} : { display: "none" }),
+                ...{
+                    "--background": "#fff",
+                    "--divider": "#eee",
+                    "--btn-primary": "#f8f8f8",
+                    "--btn-primary-hover": "#efeeee",
+                    "--btn-secondary": "#ddd",
+                    "--btn-secondary-hover": "#ccc",
+                    "--icon-primary": "#1E1E1E",
+                    "--icon-secondary": "#666666",
+                    color: "#1e1e1e",
+                    "--tip-color": "#666",
+                },
+                ...connectorProps?.style,
+            } }),
+        children));
+}
+export function useCcc() {
+    const context = useContext(CCC_CONTEXT);
+    if (!context) {
+        throw Error("The component which invokes the useCcc hook should be placed in a ccc.Provider.");
+    }
+    return context;
+}

package/dist/hooks/useSigner.d.ts

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

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

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

package/dist/hooks/useSigner.js

@@ -0,0 +1,4 @@
+import { useCcc } from "./useCcc.js";
+export function useSigner() {
+    return useCcc().signerInfo?.signer;
+}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./barrel.js";
+export * as ccc from "./barrel.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,OAAO,KAAK,GAAG,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from "./barrel.js";
+export * as ccc from "./barrel.js";

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@ckb-ccc/connector-react",
+  "version": "0.0.0-canary-20250214032000",
+  "description": "CCC - CKBer's Codebase. Common Chains Connector UI Component for React",
+  "author": "Hanssen0 <hanssen0@hanssen0.com>",
+  "license": "MIT",
+  "private": false,
+  "homepage": "https://github.com/ckb-devrel/ccc",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/ckb-devrel/ccc.git"
+  },
+  "type": "module",
+  "main": "dist/index.js",
+  "exports": {
+    ".": "./dist/index.js",
+    "./barrel": "./dist/barrel.js",
+    "./advancedBarrel": "./dist/advancedBarrel.js",
+    "./advanced": "./dist/advanced.js"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.1.1",
+    "@types/react": "^18",
+    "eslint": "^9.1.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "prettier": "^3.2.5",
+    "prettier-plugin-organize-imports": "^3.2.4",
+    "rimraf": "^5.0.5",
+    "typescript": "^5.4.5",
+    "typescript-eslint": "^7.7.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@lit/react": "^1.0.5",
+    "@ckb-ccc/connector": "0.0.0-canary-20250214032000"
+  },
+  "peerDependencies": {
+    "react": ">=16"
+  },
+  "scripts": {
+    "build": "rimraf ./dist && tsc",
+    "lint": "eslint ./src",
+    "format": "prettier --write . && eslint --fix ./src"
+  }
+}

package/src/advanced.ts

@@ -0,0 +1,2 @@
+export * from "./advancedBarrel.js";
+export * as cccA from "./advancedBarrel.js";

package/src/advancedBarrel.ts

@@ -0,0 +1 @@
+export * from "@ckb-ccc/connector/advancedBarrel";

package/src/barrel.ts

@@ -0,0 +1,3 @@
+export * from "@ckb-ccc/connector/barrel";
+export * from "./components/index.js";
+export * from "./hooks/index.js";

package/src/components/index.ts

@@ -0,0 +1,15 @@
+"use client";
+
+import { ccc } from "@ckb-ccc/connector";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+
+export const Connector = createComponent({
+  tagName: "ccc-connector",
+  elementClass: ccc.WebComponentConnector,
+  react: React,
+  events: {
+    onWillUpdate: "willUpdate",
+    onClose: "close",
+  },
+});

package/src/hooks/index.ts

@@ -0,0 +1,2 @@
+export * from "./useCcc.js";
+export * from "./useSigner.js";

package/src/hooks/useCcc.tsx

@@ -0,0 +1,186 @@
+import { ccc } from "@ckb-ccc/connector";
+import React, {
+  CSSProperties,
+  HTMLAttributes,
+  ReactNode,
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
+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;
+      wallet?: ccc.Wallet;
+      signerInfo?: ccc.SignerInfo;
+    }
+  | undefined
+>(undefined);
+
+class SignersControllerWithFilter extends ccc.SignersController {
+  constructor(
+    public filter?: (
+      signerInfo: ccc.SignerInfo,
+      wallet: ccc.Wallet,
+    ) => Promise<boolean>,
+  ) {
+    super();
+  }
+
+  async addSigner(
+    walletName: string,
+    icon: string,
+    signerInfo: ccc.SignerInfo,
+    context: ccc.SignersControllerRefreshContext,
+  ) {
+    if (
+      this.filter &&
+      !(await this.filter(signerInfo, { name: walletName, icon }))
+    ) {
+      return;
+    }
+
+    return super.addSigner(walletName, icon, signerInfo, context);
+  }
+}
+
+export function Provider({
+  children,
+  connectorProps,
+  hideMark,
+  name,
+  icon,
+  signerFilter,
+  signersController,
+  defaultClient,
+  clientOptions,
+  preferredNetworks,
+}: {
+  children: ReactNode;
+  connectorProps?: HTMLAttributes<{}>;
+  hideMark?: boolean;
+  name?: string;
+  icon?: string;
+  signerFilter?: (
+    signerInfo: ccc.SignerInfo,
+    wallet: ccc.Wallet,
+  ) => Promise<boolean>;
+  signersController?: ccc.SignersController;
+  defaultClient?: ccc.Client;
+  clientOptions?: { icon?: string; client: ccc.Client; name: string }[];
+  preferredNetworks?: ccc.NetworkPreference[];
+}) {
+  const [ref, setRef] = useState<ccc.WebComponentConnector | null>(null);
+  const [isOpen, setIsOpen] = useState(false);
+  const [_, setFlag] = useState(0);
+  const defaultSignersController = useRef<
+    SignersControllerWithFilter | undefined
+  >(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(() => {
+    if (defaultClient) {
+      setClient(defaultClient);
+    }
+  }, [setClient]);
+  useEffect(() => {
+    if (!defaultSignersController.current) {
+      defaultSignersController.current = new SignersControllerWithFilter(
+        signerFilter,
+      );
+    } else {
+      defaultSignersController.current.filter = signerFilter;
+    }
+  }, [signerFilter]);
+
+  return (
+    <CCC_CONTEXT.Provider
+      value={{
+        isOpen,
+        open,
+        close,
+        disconnect,
+        setClient,
+
+        client,
+        wallet: ref?.wallet,
+        signerInfo: ref?.signer,
+      }}
+    >
+      <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" }),
+            ...({
+              "--background": "#fff",
+              "--divider": "#eee",
+              "--btn-primary": "#f8f8f8",
+              "--btn-primary-hover": "#efeeee",
+              "--btn-secondary": "#ddd",
+              "--btn-secondary-hover": "#ccc",
+              "--icon-primary": "#1E1E1E",
+              "--icon-secondary": "#666666",
+              color: "#1e1e1e",
+              "--tip-color": "#666",
+            } as CSSProperties),
+            ...connectorProps?.style,
+          },
+        }}
+      />
+      {children}
+    </CCC_CONTEXT.Provider>
+  );
+}
+
+export function useCcc() {
+  const context = useContext(CCC_CONTEXT);
+  if (!context) {
+    throw Error(
+      "The component which invokes the useCcc hook should be placed in a ccc.Provider.",
+    );
+  }
+  return context;
+}

package/src/hooks/useSigner.tsx

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

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from "./barrel.js";
+export * as ccc from "./barrel.js";

package/typedoc.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://typedoc.org/schema.json",
+  "entryPoints": ["./src/index.ts", "./src/advanced.ts"],
+  "extends": ["../../typedoc.base.json"],
+  "name": "@ckb-ccc connector-react"
+}