diff --git a/examples/README.md b/examples/README.md
index 925eb23..62b1749 100644
--- a/examples/README.md
+++ b/examples/README.md
@@ -22,7 +22,7 @@ The `examples/` directory is a growing & living folder, and open for contributio
- Filters & Logs
- [ ] Blocks
- [ ] Pending Transactions
- - [ ] Events
+ - [x] Events
- Signatures
- [ ] Sign typed data
- [ ] + verify/recover address
diff --git a/examples/logs_block_event_logs/README.md b/examples/logs_block_event_logs/README.md
new file mode 100644
index 0000000..b7b1660
--- /dev/null
+++ b/examples/logs_block_event_logs/README.md
@@ -0,0 +1,3 @@
+# _REPLACE ME_ Example
+
+[](https://stackblitz.com/github.com/iosh/cive/tree/main/examples/logs_block_event_logs)
\ No newline at end of file
diff --git a/examples/logs_block_event_logs/index.html b/examples/logs_block_event_logs/index.html
new file mode 100644
index 0000000..4940b90
--- /dev/null
+++ b/examples/logs_block_event_logs/index.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+ Block event logs Example
+ Loading...
+
+
+
diff --git a/examples/logs_block_event_logs/index.tsx b/examples/logs_block_event_logs/index.tsx
new file mode 100644
index 0000000..41de479
--- /dev/null
+++ b/examples/logs_block_event_logs/index.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './src/App'
+import 'bulma/css/bulma.css'
+ReactDOM.createRoot(document.getElementById('app') as HTMLElement).render(
+
+
+ ,
+)
diff --git a/examples/logs_block_event_logs/package.json b/examples/logs_block_event_logs/package.json
new file mode 100644
index 0000000..f0f68bc
--- /dev/null
+++ b/examples/logs_block_event_logs/package.json
@@ -0,0 +1,21 @@
+{
+ "name": "logs_block_event_logs",
+ "private": true,
+ "type": "module",
+ "scripts": {
+ "dev": "vite"
+ },
+ "dependencies": {
+ "bulma": "^1.0.2",
+ "cive": "latest",
+ "react": "^18.3.1",
+ "react-dom": "^18.3.1"
+ },
+ "devDependencies": {
+ "@types/react": "^18.3.8",
+ "@types/react-dom": "^18.3.0",
+ "@vitejs/plugin-react": "^4.3.1",
+ "typescript": "^5.6.2",
+ "vite": "^5.4.4"
+ }
+}
diff --git a/examples/logs_block_event_logs/src/App.tsx b/examples/logs_block_event_logs/src/App.tsx
new file mode 100644
index 0000000..a752c87
--- /dev/null
+++ b/examples/logs_block_event_logs/src/App.tsx
@@ -0,0 +1,83 @@
+import { http, createPublicClient } from 'cive'
+import { mainnet } from 'cive/chains'
+import { useCallback, useState } from 'react'
+
+const client = createPublicClient({
+ chain: mainnet,
+ transport: http(),
+})
+export default function App() {
+ const [logs, setLogs] = useState('')
+
+ const handleClick = useCallback(async () => {
+ const epochNumber = await client.getEpochNumber()
+ const logs = await client.getLogs({
+ fromEpoch: epochNumber - 10n,
+ toEpoch: epochNumber,
+ })
+ setLogs(
+ JSON.stringify(
+ logs,
+ (_, value) => (typeof value === 'bigint' ? value.toString() : value),
+ 2,
+ ),
+ )
+ }, [])
+
+ const handleGetLogsWithEvent = useCallback(async () => {
+ const epochNumber = await client.getEpochNumber()
+ const logs = await client.getLogs({
+ fromEpoch: epochNumber - 50n,
+ toEpoch: epochNumber,
+ events: [
+ {
+ inputs: [
+ {
+ indexed: true,
+ name: 'from',
+ type: 'address',
+ },
+ {
+ indexed: true,
+ name: 'to',
+ type: 'address',
+ },
+ {
+ indexed: false,
+ name: 'value',
+ type: 'uint256',
+ },
+ ],
+ name: 'Transfer',
+ type: 'event',
+ },
+ ] as const,
+ })
+ setLogs(
+ JSON.stringify(
+ logs,
+ (_, value) => (typeof value === 'bigint' ? value.toString() : value),
+ 2,
+ ),
+ )
+ }, [])
+
+ return (
+
+
+
+
+
+
+
+ {logs}
+
+
+
+