@tuwaio/pulsar-react 0.0.5 → 0.0.7

package/README.md

@@ -18,17 +18,17 @@ Its primary role is to ensure that transaction tracking can resume reliably afte
 
 ## 💾 Installation
 
-To use this package, you need the complete Pulsar stack, including `wagmi` for EVM interactions.
+To use this package, you need the complete Pulsar stack, including `@wagmi/core` for EVM interactions.
 
 ```bash
 # Using pnpm
-pnpm add @tuwaio/pulsar-react @tuwaio/pulsar-core @tuwaio/pulsar-evm wagmi viem zustand immer
+pnpm add @tuwaio/pulsar-react @tuwaio/pulsar-core @tuwaio/pulsar-evm @wagmi/core viem zustand immer dayjs
 
 # Using npm
-npm install @tuwaio/pulsar-react @tuwaio/pulsar-core @tuwaio/pulsar-evm wagmi viem zustand immer
+npm install @tuwaio/pulsar-react @tuwaio/pulsar-core @tuwaio/pulsar-evm @wagmi/core viem zustand immer dayjs
 
 # Using yarn
-yarn add @tuwaio/pulsar-react @tuwaio/pulsar-core @tuwaio/pulsar-evm wagmi viem zustand immer
+yarn add @tuwaio/pulsar-react @tuwaio/pulsar-core @tuwaio/pulsar-evm @wagmi/core viem zustand immer dayjs
 ```
 
 ---
@@ -43,24 +43,34 @@ Here is a complete step-by-step example:
 
 First, create your vanilla Pulsar store and a reusable, bounded hook to access it. This pattern is recommended by Zustand for type safety and ease of use.
 
-```tsx
-// src/store/pulsar.ts
-import { createBoundedUseStore, createPulsarStore } from '@tuwaio/pulsar-core';
+```ts
+// src/hooks/txTrackingHooks.ts
+import { createBoundedUseStore, createPulsarStore, Transaction } from '@tuwaio/pulsar-core';
 import { evmAdapter } from '@tuwaio/pulsar-evm';
-import { wagmiConfig, chains } from '../configs/wagmi'; // Your wagmi config
 
-// 1. Create the vanilla store instance
-const pulsarStore = createPulsarStore({
-  name: 'my-app-pulsar-storage',
-  adapters: [evmAdapter(wagmiConfig, chains)],
-  // ... other configurations
-});
+import { appChains, config } from '@/configs/wagmiConfig';
+
+const storageName = 'transactions-tracking-storage';
+
+export enum TxType {
+  example = 'example',
+}
+
+type ExampleTx = Transaction & {
+  type: TxType.example;
+  payload: {
+    value: number;
+  };
+};
 
-// 2. Create and export the bounded hook for React components
-export const usePulsar = createBoundedUseStore(pulsarStore);
+export type TransactionUnion = ExampleTx;
 
-// 3. Export the vanilla store for non-React usage if needed
-export default pulsarStore;
+export const usePulsarStore = createBoundedUseStore(
+  createPulsarStore<TransactionUnion>({
+    name: storageName,
+    adapter: evmAdapter(config, appChains),
+  }),
+);
 ```
 
 ### Step 2: Initialize the Store in Your App
@@ -72,7 +82,7 @@ Create a small, client-side component that uses the `useInitializeTransactionsPo
 'use client';
 
 import { useInitializeTransactionsPool } from '@tuwaio/pulsar-react';
-import { usePulsar } from '../store/pulsar';
+import { usePulsarStore } from '../hooks/txTrackingHooks';
 
 export const PulsarInitializer = () => {
   // Get the initialization function from the store via our custom hook

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuwaio/pulsar-react",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "private": false,
   "author": "Oleksandr Tkach",
   "license": "Apache-2.0",