@growae/reactive-react 0.0.2 → 0.0.4

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @growae/reactive-react
 
+## 0.0.4
+
+### Patch Changes
+
+- Release patch bump
+- Updated dependencies
+  - @growae/reactive@0.0.4
+
+## 0.0.3
+
+### Patch Changes
+
+- Release patch bump
+- Updated dependencies
+  - @growae/reactive@0.0.3
+
 ## 0.0.2
 
 ### Patch Changes

package/README.md

@@ -0,0 +1,92 @@
+<h1 align="center">@growae/reactive-react</h1>
+
+<p align="center">
+  React hooks for building Aeternity dApps
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/@growae/reactive-react"><img src="https://img.shields.io/npm/v/@growae/reactive-react?colorA=21262d&colorB=3b82f6&style=flat" alt="Version"></a>
+  <a href="https://www.npmjs.com/package/@growae/reactive-react"><img src="https://img.shields.io/npm/dm/@growae/reactive-react?colorA=21262d&colorB=3b82f6&style=flat" alt="Downloads"></a>
+  <a href="https://github.com/growae/reactive/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/@growae/reactive-react?colorA=21262d&colorB=3b82f6&style=flat" alt="MIT License"></a>
+</p>
+
+<br>
+
+## Overview
+
+React adapter for `@growae/reactive`. Built on TanStack React Query, it provides `ReactiveProvider` and hooks like `useConnect`, `useBalance`, `useSpend`, `useReadContract`, and more.
+
+## Install
+
+```bash
+# npm
+npm install @growae/reactive-react @growae/reactive @tanstack/react-query
+
+# yarn
+yarn add @growae/reactive-react @growae/reactive @tanstack/react-query
+
+# pnpm
+pnpm add @growae/reactive-react @growae/reactive @tanstack/react-query
+```
+
+## Usage
+
+```tsx
+import { createConfig } from '@growae/reactive'
+import { testnet } from '@growae/reactive/networks'
+import { superhero } from '@growae/reactive-connectors'
+import { ReactiveProvider } from '@growae/reactive-react'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+
+const config = createConfig({
+  networks: [testnet],
+  connectors: [superhero()],
+})
+
+const queryClient = new QueryClient()
+
+function App() {
+  return (
+    <QueryClientProvider client={queryClient}>
+      <ReactiveProvider config={config}>
+        <Wallet />
+      </ReactiveProvider>
+    </QueryClientProvider>
+  )
+}
+```
+
+```tsx
+import { useConnect, useBalance, useSpend } from '@growae/reactive-react'
+
+function Wallet() {
+  const { connect, connectors } = useConnect()
+  const { data: balance } = useBalance({ address: 'ak_...' })
+  const { mutate: send } = useSpend()
+
+  return (
+    <div>
+      <button onClick={() => connect({ connector: connectors[0] })}>
+        Connect
+      </button>
+      {balance && <p>Balance: {balance.ae} AE</p>}
+      <button onClick={() => send({ recipient: 'ak_...', amount: '1.0' })}>
+        Send 1 AE
+      </button>
+    </div>
+  )
+}
+```
+
+## Peer Dependencies
+
+- `react >=18`
+- `@tanstack/react-query >=5`
+
+## Documentation
+
+Visit [reactive.growae.io/react/getting-started](https://reactive.growae.io/react/getting-started) for the full documentation.
+
+## License
+
+[MIT](https://github.com/growae/reactive/blob/main/LICENSE)

package/dist/esm/exports/index.js

@@ -18,15 +18,15 @@ export {
 // Connection
 useConfig, useConnect, useDisconnect, useReconnect, useConnection, useActiveAccount, useSwitchActiveAccount, useConnections, useConnectors, useNetworkId, useNetworks, useSwitchNetwork, useNodeClient, useConnectorClient, 
 // Chain reads
-useBalance, useHeight, useAccount, useBlock, useTransaction, useTransactionCount, useWaitForTransaction, useContractBytecode, useEstimateGas, 
+useBalance, useHeight, useAccount, useBlock, useTransaction, useTransactionCount, useWaitForTransaction, useContractBytecode, useEstimateGas, useWaitForTransactionConfirm, useMicroBlock, 
 // Transactions
-useSendTransaction, useSpend, usePayForTransaction, 
+useSendTransaction, useSpend, usePayForTransaction, useBuildTransaction, useTransferFunds, 
 // Signing
-useSignMessage, useSignTypedData, useSignTransaction, useVerifyMessage, useVerifyTypedData, 
+useSignMessage, useSignTypedData, useSignTransaction, useVerifyMessage, useVerifyTypedData, useSignDelegation, 
 // Contracts
-useDeployContract, useCallContract, useReadContract, useReadContracts, useSimulateContract, useContractEvents, 
+useDeployContract, useCallContract, useReadContract, useReadContracts, useSimulateContract, useContractEvents, useCompileContract, 
 // AENS
-usePreclaimName, useClaimName, useUpdateName, useTransferName, useRevokeName, useResolveName, 
+usePreclaimName, useClaimName, useUpdateName, useTransferName, useRevokeName, useResolveName, useNameEntry, 
 // Oracles
 useRegisterOracle, useQueryOracle, useRespondToQuery, useOracleState, useOracleQueries, 
 // Channels

package/dist/esm/exports/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/exports/index.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,UAAU;AACV,gFAAgF;AAEhF,OAAO,EACL,eAAe,EACf,gBAAgB,GAEjB,MAAM,YAAY,CAAA;AAEnB,gFAAgF;AAChF,SAAS;AACT,gFAAgF;AAEhF,OAAO,EAAE,SAAS,EAAsB,MAAM,gBAAgB,CAAA;AAC9D,OAAO,EACL,6BAA6B,GAE9B,MAAM,mBAAmB,CAAA;AAE1B,gFAAgF;AAChF,UAAU;AACV,gFAAgF;AAEhF,OAAO,EACL,OAAO,GAER,MAAM,YAAY,CAAA;AAEnB,gFAAgF;AAChF,QAAQ;AACR,gFAAgF;AAEhF,OAAO;AACL,aAAa;AACb,SAAS,EAGT,UAAU,EAGV,aAAa,EAGb,YAAY,EAGZ,aAAa,EAGb,gBAAgB,EAGhB,sBAAsB,EAGtB,cAAc,EAGd,aAAa,EAGb,YAAY,EAGZ,WAAW,EAGX,gBAAgB,EAGhB,aAAa,EAGb,kBAAkB;AAGlB,cAAc;AACd,UAAU,EAGV,SAAS,EAGT,UAAU,EAGV,QAAQ,EAGR,cAAc,EAGd,mBAAmB,EAGnB,qBAAqB,EAGrB,mBAAmB,EAGnB,cAAc;AAGd,eAAe;AACf,kBAAkB,EAGlB,QAAQ,EAGR,oBAAoB;AAGpB,UAAU;AACV,cAAc,EAGd,gBAAgB,EAGhB,kBAAkB,EAGlB,gBAAgB,EAGhB,kBAAkB;AAGlB,YAAY;AACZ,iBAAiB,EAGjB,eAAe,EAGf,eAAe,EAGf,gBAAgB,EAGhB,mBAAmB,EAGnB,iBAAiB;AAGjB,OAAO;AACP,eAAe,EAGf,YAAY,EAGZ,aAAa,EAGb,eAAe,EAGf,aAAa,EAGb,cAAc;AAGd,UAAU;AACV,iBAAiB,EAGjB,cAAc,EAGd,iBAAiB,EAGjB,cAAc,EAGd,gBAAgB;AAGhB,WAAW;AACX,cAAc,EAGd,eAAe,EAGf,iBAAiB;AAGjB,WAAW;AACX,cAAc,EAGd,kBAAkB,EAGlB,kBAAkB,GAGnB,MAAM,gBAAgB,CAAA;AAEvB,gFAAgF;AAChF,8BAA8B;AAC9B,gFAAgF;AAEhF,OAAO,EACL,YAAY,EACZ,aAAa,EACb,OAAO,EACP,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,YAAY,GACb,MAAM,kBAAkB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/exports/index.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,UAAU;AACV,gFAAgF;AAEhF,OAAO,EACL,eAAe,EACf,gBAAgB,GAEjB,MAAM,YAAY,CAAA;AAEnB,gFAAgF;AAChF,SAAS;AACT,gFAAgF;AAEhF,OAAO,EAAE,SAAS,EAAsB,MAAM,gBAAgB,CAAA;AAC9D,OAAO,EACL,6BAA6B,GAE9B,MAAM,mBAAmB,CAAA;AAE1B,gFAAgF;AAChF,UAAU;AACV,gFAAgF;AAEhF,OAAO,EACL,OAAO,GAER,MAAM,YAAY,CAAA;AAEnB,gFAAgF;AAChF,QAAQ;AACR,gFAAgF;AAEhF,OAAO;AACL,aAAa;AACb,SAAS,EAGT,UAAU,EAGV,aAAa,EAGb,YAAY,EAGZ,aAAa,EAGb,gBAAgB,EAGhB,sBAAsB,EAGtB,cAAc,EAGd,aAAa,EAGb,YAAY,EAGZ,WAAW,EAGX,gBAAgB,EAGhB,aAAa,EAGb,kBAAkB;AAGlB,cAAc;AACd,UAAU,EAGV,SAAS,EAGT,UAAU,EAGV,QAAQ,EAGR,cAAc,EAGd,mBAAmB,EAGnB,qBAAqB,EAGrB,mBAAmB,EAGnB,cAAc,EAGd,4BAA4B,EAG5B,aAAa;AAGb,eAAe;AACf,kBAAkB,EAGlB,QAAQ,EAGR,oBAAoB,EAGpB,mBAAmB,EAGnB,gBAAgB;AAGhB,UAAU;AACV,cAAc,EAGd,gBAAgB,EAGhB,kBAAkB,EAGlB,gBAAgB,EAGhB,kBAAkB,EAGlB,iBAAiB;AAGjB,YAAY;AACZ,iBAAiB,EAGjB,eAAe,EAGf,eAAe,EAGf,gBAAgB,EAGhB,mBAAmB,EAGnB,iBAAiB,EAGjB,kBAAkB;AAGlB,OAAO;AACP,eAAe,EAGf,YAAY,EAGZ,aAAa,EAGb,eAAe,EAGf,aAAa,EAGb,cAAc,EAGd,YAAY;AAGZ,UAAU;AACV,iBAAiB,EAGjB,cAAc,EAGd,iBAAiB,EAGjB,cAAc,EAGd,gBAAgB;AAGhB,WAAW;AACX,cAAc,EAGd,eAAe,EAGf,iBAAiB;AAGjB,WAAW;AACX,cAAc,EAGd,kBAAkB,EAGlB,kBAAkB,GAGnB,MAAM,gBAAgB,CAAA;AAEvB,gFAAgF;AAChF,8BAA8B;AAC9B,gFAAgF;AAEhF,OAAO,EACL,YAAY,EACZ,aAAa,EACb,OAAO,EACP,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,YAAY,GACb,MAAM,kBAAkB,CAAA"}