@hardkas/react 0.9.0-alpha → 0.9.2-alpha

package/README.md

@@ -1,68 +1,70 @@
-# @hardkas/react
-
-Zero-dependency React hooks for HardKAS.
-
-> [!WARNING]
-> **DO NOT import `@hardkas/sdk` in the browser!**
-> The main SDK package contains Node.js specific libraries. Use `@hardkas/react` for your web UI.
-
-## Installation
-
-```bash
-npm install @hardkas/react @hardkas/client
-```
-
-## Setup Provider
-
-Wrap your application in the `HardKASProvider`. This initializes the underlying `@hardkas/client` instance.
-
-```tsx
-import { HardKASProvider } from '@hardkas/react';
-
-function App() {
-  return (
-    <HardKASProvider baseUrl="http://127.0.0.1:7420" timeout={10000}>
-      <MyDApp />
-    </HardKASProvider>
-  );
-}
-```
-
-## Hooks
-
-### `useWallet`
-
-Fetch wallet details.
-
-```tsx
-import { useWallet } from '@hardkas/react';
-
-function WalletView() {
-  const { data, loading, error } = useWallet('alice');
-
-  if (loading) return <p>Loading...</p>;
-  if (error) return <p>Error: {error.message}</p>;
-
-  return <pre>{JSON.stringify(data, null, 2)}</pre>;
-}
-```
-
-### `useMutation`
-
-Generic hook for executing state-changing transactions against the Dev API.
-
-```tsx
-import { useMutation } from '@hardkas/react';
-
-function SendKas() {
-  const { execute, loading } = useMutation((client, vars: { to: string, amount: number }) => {
-    return client.txSimulate({ ...vars });
-  });
-
-  return (
-    <button onClick={() => execute({ to: 'bob', amount: 100 })} disabled={loading}>
-      {loading ? 'Sending...' : 'Send to Bob'}
-    </button>
-  );
-}
-```
+# @hardkas/react
+
+Zero-dependency React hooks for HardKAS.
+
+> [!WARNING]
+> **DO NOT import `@hardkas/sdk` in the browser!**
+> The main SDK package contains Node.js specific libraries. Use `@hardkas/react` for your web UI.
+
+## Installation
+
+```bash
+npm install @hardkas/react @hardkas/client
+```
+
+## Setup Provider
+
+Wrap your application in the `HardKASProvider`. This initializes the underlying `@hardkas/client` instance.
+
+```tsx
+import { HardKASProvider } from "@hardkas/react";
+
+function App() {
+  return (
+    <HardKASProvider baseUrl="http://127.0.0.1:7420" timeout={10000}>
+      <MyDApp />
+    </HardKASProvider>
+  );
+}
+```
+
+## Hooks
+
+### `useWallet`
+
+Fetch wallet details.
+
+```tsx
+import { useWallet } from "@hardkas/react";
+
+function WalletView() {
+  const { data, loading, error } = useWallet("alice");
+
+  if (loading) return <p>Loading...</p>;
+  if (error) return <p>Error: {error.message}</p>;
+
+  return <pre>{JSON.stringify(data, null, 2)}</pre>;
+}
+```
+
+### `useMutation`
+
+Generic hook for executing state-changing transactions against the Dev API.
+
+```tsx
+import { useMutation } from "@hardkas/react";
+
+function SendKas() {
+  const { execute, loading } = useMutation(
+    (client, vars: { to: string; amount: number }) => {
+      return client.txSimulate({ ...vars });
+    }
+  );
+
+  return (
+    <button onClick={() => execute({ to: "bob", amount: 100 })} disabled={loading}>
+      {loading ? "Sending..." : "Send to Bob"}
+    </button>
+  );
+}
+```

package/dist/index.js

@@ -3,7 +3,11 @@ import { createContext, useContext, useMemo } from "react";
 import { createClient } from "@hardkas/client";
 import { jsx } from "react/jsx-runtime";
 var HardKASContext = createContext(null);
-var HardKASProvider = ({ children, baseUrl, timeout }) => {
+var HardKASProvider = ({
+  children,
+  baseUrl,
+  timeout
+}) => {
   const client = useMemo(() => {
     const config = {};
     if (baseUrl !== void 0) config.baseUrl = baseUrl;
@@ -58,34 +62,35 @@ function useMutation(mutationFn) {
   const [data, setData] = useState2(null);
   const [error, setError] = useState2(null);
   const [loading, setLoading] = useState2(false);
-  const execute = useCallback2(async (variables) => {
-    setLoading(true);
-    setError(null);
-    try {
-      const response = await mutationFn(client, variables);
-      if (response.ok) {
-        setData(response.data);
-      } else {
-        setError(response);
+  const execute = useCallback2(
+    async (variables) => {
+      setLoading(true);
+      setError(null);
+      try {
+        const response = await mutationFn(client, variables);
+        if (response.ok) {
+          setData(response.data);
+        } else {
+          setError(response);
+        }
+        return response;
+      } catch (err) {
+        setError(err);
+        return { ok: false, code: "UNEXPECTED_ERROR", message: String(err) };
+      } finally {
+        setLoading(false);
       }
-      return response;
-    } catch (err) {
-      setError(err);
-      return { ok: false, code: "UNEXPECTED_ERROR", message: String(err) };
-    } finally {
-      setLoading(false);
-    }
-  }, [client, mutationFn]);
+    },
+    [client, mutationFn]
+  );
   return { data, error, loading, execute };
 }
 
 // src/hooks/useWallet.ts
 function useWallet(address) {
-  return useQuery(
-    (client) => client.getWallet(address),
-    [address],
-    { enabled: !!address }
-  );
+  return useQuery((client) => client.getWallet(address), [address], {
+    enabled: !!address
+  });
 }
 export {
   HardKASProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hardkas/react",
-  "version": "0.9.0-alpha",
+  "version": "0.9.2-alpha",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -17,7 +17,7 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@hardkas/client": "0.9.0-alpha"
+    "@hardkas/client": "0.9.2-alpha"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",