@hardkas/react 0.7.3-alpha → 0.7.5-alpha

package/dist/index.js

@@ -4,8 +4,15 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { createPublicClient, http } from "viem";
 import { jsx, jsxs } from "react/jsx-runtime";
 var HardKasContext = createContext(void 0);
-function HardKasProvider({ config, children, queryClient: externalQueryClient }) {
-  const queryClient = useMemo(() => externalQueryClient ?? new QueryClient(), [externalQueryClient]);
+function HardKasProvider({
+  config,
+  children,
+  queryClient: externalQueryClient
+}) {
+  const queryClient = useMemo(
+    () => externalQueryClient ?? new QueryClient(),
+    [externalQueryClient]
+  );
   const [sseStatus, setSseStatus] = React.useState("disconnected");
   const [projectionStatus, setProjectionStatus] = React.useState("synced");
   const [generationId, setGenerationId] = React.useState(null);
@@ -43,34 +50,37 @@ function HardKasProvider({ config, children, queryClient: externalQueryClient })
     listeners.current.add(callback);
     return () => listeners.current.delete(callback);
   }, []);
-  const apiFetch = React.useCallback(async (input, init) => {
-    const headers = new Headers(init?.headers || {});
-    if (devToken) {
-      headers.set("Authorization", `Bearer ${devToken}`);
-    }
-    const method = init?.method?.toUpperCase() || "GET";
-    if (["POST", "PUT", "PATCH", "DELETE"].includes(method)) {
-      headers.set("X-Hardkas-Request", "true");
-    }
-    const mergedInit = {
-      ...init,
-      headers
-    };
-    const response = await fetch(input, mergedInit);
-    const genHeader = response.headers?.get?.("X-Hardkas-Generation");
-    if (genHeader) {
-      setGenerationId((prev) => {
-        if (prev !== genHeader) {
-          setTimeout(() => {
-            if (queryClient) queryClient.invalidateQueries();
-          }, 0);
-          return genHeader;
-        }
-        return prev;
-      });
-    }
-    return response;
-  }, [queryClient, devToken]);
+  const apiFetch = React.useCallback(
+    async (input, init) => {
+      const headers = new Headers(init?.headers || {});
+      if (devToken) {
+        headers.set("Authorization", `Bearer ${devToken}`);
+      }
+      const method = init?.method?.toUpperCase() || "GET";
+      if (["POST", "PUT", "PATCH", "DELETE"].includes(method)) {
+        headers.set("X-Hardkas-Request", "true");
+      }
+      const mergedInit = {
+        ...init,
+        headers
+      };
+      const response = await fetch(input, mergedInit);
+      const genHeader = response.headers?.get?.("X-Hardkas-Generation");
+      if (genHeader) {
+        setGenerationId((prev) => {
+          if (prev !== genHeader) {
+            setTimeout(() => {
+              if (queryClient) queryClient.invalidateQueries();
+            }, 0);
+            return genHeader;
+          }
+          return prev;
+        });
+      }
+      return response;
+    },
+    [queryClient, devToken]
+  );
   const connect = React.useCallback(() => {
     if (typeof window === "undefined") return;
     if (!config.devServerUrl) {
@@ -215,38 +225,43 @@ function HardKasProvider({ config, children, queryClient: externalQueryClient })
       window.localStorage.removeItem("hardkas:active-wallet");
     }
   }, []);
-  const switchChain = React.useCallback(async (targetChainId) => {
-    if (!activeProvider) {
-      throw new Error("No active wallet connected");
-    }
-    const hexChainId = `0x${targetChainId.toString(16)}`;
-    try {
-      await activeProvider.provider.request({
-        method: "wallet_switchEthereumChain",
-        params: [{ chainId: hexChainId }]
-      });
-      setWalletChainId(targetChainId);
-    } catch (err) {
-      if (err.code === 4902) {
-        if (targetChainId === 19416) {
-          await activeProvider.provider.request({
-            method: "wallet_addEthereumChain",
-            params: [{
-              chainId: hexChainId,
-              chainName: "Igra Local",
-              nativeCurrency: { name: "Igra Kaspa", symbol: "iKAS", decimals: 18 },
-              rpcUrls: [config.igraRpcUrl || "http://127.0.0.1:8545"]
-            }]
-          });
-          setWalletChainId(targetChainId);
+  const switchChain = React.useCallback(
+    async (targetChainId) => {
+      if (!activeProvider) {
+        throw new Error("No active wallet connected");
+      }
+      const hexChainId = `0x${targetChainId.toString(16)}`;
+      try {
+        await activeProvider.provider.request({
+          method: "wallet_switchEthereumChain",
+          params: [{ chainId: hexChainId }]
+        });
+        setWalletChainId(targetChainId);
+      } catch (err) {
+        if (err.code === 4902) {
+          if (targetChainId === 19416) {
+            await activeProvider.provider.request({
+              method: "wallet_addEthereumChain",
+              params: [
+                {
+                  chainId: hexChainId,
+                  chainName: "Igra Local",
+                  nativeCurrency: { name: "Igra Kaspa", symbol: "iKAS", decimals: 18 },
+                  rpcUrls: [config.igraRpcUrl || "http://127.0.0.1:8545"]
+                }
+              ]
+            });
+            setWalletChainId(targetChainId);
+          } else {
+            throw err;
+          }
         } else {
           throw err;
         }
-      } else {
-        throw err;
       }
-    }
-  }, [activeProvider, config.igraRpcUrl]);
+    },
+    [activeProvider, config.igraRpcUrl]
+  );
   React.useEffect(() => {
     if (typeof window === "undefined" || providers.length === 0 || activeProvider) return;
     const savedRdns = window.localStorage.getItem("hardkas:active-wallet");
@@ -316,70 +331,85 @@ function HardKasProvider({ config, children, queryClient: externalQueryClient })
       transport: http(config.igraRpcUrl || "http://127.0.0.1:8545", { retryCount: 0 })
     });
   }, [config.igraRpcUrl]);
-  const value = useMemo(() => ({
-    config: {
-      ...config,
-      localOnly: config.localOnly ?? true
-    },
-    igraClient,
-    queryClient,
-    sseStatus,
-    projectionStatus,
-    generationId,
-    lastSyncedAt,
-    apiFetch,
-    lastEvent,
-    subscribe,
-    providers,
-    activeProvider,
-    walletAddress,
-    walletChainId,
-    connectWallet,
-    disconnectWallet,
-    switchChain
-  }), [
-    config,
-    igraClient,
-    queryClient,
-    sseStatus,
-    projectionStatus,
-    generationId,
-    lastSyncedAt,
-    apiFetch,
-    lastEvent,
-    subscribe,
-    providers,
-    activeProvider,
-    walletAddress,
-    walletChainId,
-    connectWallet,
-    disconnectWallet,
-    switchChain
-  ]);
-  return /* @__PURE__ */ jsx(HardKasContext.Provider, { value, children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: tokenMissing ? /* @__PURE__ */ jsx("div", { style: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    justifyContent: "center",
-    height: "100vh",
-    width: "100vw",
-    backgroundColor: "#1a1a1a",
-    color: "#f87171",
-    fontFamily: "sans-serif",
-    textAlign: "center",
-    padding: "20px"
-  }, children: /* @__PURE__ */ jsxs("div", { style: {
-    backgroundColor: "#2d2d2d",
-    border: "2px solid #ef4444",
-    borderRadius: "8px",
-    padding: "30px",
-    maxWidth: "450px",
-    boxShadow: "0 10px 15px -3px rgba(0, 0, 0, 0.5)"
-  }, children: [
-    /* @__PURE__ */ jsx("h2", { style: { color: "#ef4444", marginTop: 0 }, children: "Dashboard authentication token missing." }),
-    /* @__PURE__ */ jsx("p", { style: { color: "#d1d5db", lineHeight: "1.5" }, children: "The dev-server is secured against local workstation CSRF and DNS rebinding attacks." }),
-    /* @__PURE__ */ jsx("p", { style: { color: "#9ca3af", fontWeight: "bold" }, children: "Restart hardkas dashboard." })
-  ] }) }) : children }) });
+  const value = useMemo(
+    () => ({
+      config: {
+        ...config,
+        localOnly: config.localOnly ?? true
+      },
+      igraClient,
+      queryClient,
+      sseStatus,
+      projectionStatus,
+      generationId,
+      lastSyncedAt,
+      apiFetch,
+      lastEvent,
+      subscribe,
+      providers,
+      activeProvider,
+      walletAddress,
+      walletChainId,
+      connectWallet,
+      disconnectWallet,
+      switchChain
+    }),
+    [
+      config,
+      igraClient,
+      queryClient,
+      sseStatus,
+      projectionStatus,
+      generationId,
+      lastSyncedAt,
+      apiFetch,
+      lastEvent,
+      subscribe,
+      providers,
+      activeProvider,
+      walletAddress,
+      walletChainId,
+      connectWallet,
+      disconnectWallet,
+      switchChain
+    ]
+  );
+  return /* @__PURE__ */ jsx(HardKasContext.Provider, { value, children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: tokenMissing ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        height: "100vh",
+        width: "100vw",
+        backgroundColor: "#1a1a1a",
+        color: "#f87171",
+        fontFamily: "sans-serif",
+        textAlign: "center",
+        padding: "20px"
+      },
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            backgroundColor: "#2d2d2d",
+            border: "2px solid #ef4444",
+            borderRadius: "8px",
+            padding: "30px",
+            maxWidth: "450px",
+            boxShadow: "0 10px 15px -3px rgba(0, 0, 0, 0.5)"
+          },
+          children: [
+            /* @__PURE__ */ jsx("h2", { style: { color: "#ef4444", marginTop: 0 }, children: "Dashboard authentication token missing." }),
+            /* @__PURE__ */ jsx("p", { style: { color: "#d1d5db", lineHeight: "1.5" }, children: "The dev-server is secured against local workstation CSRF and DNS rebinding attacks." }),
+            /* @__PURE__ */ jsx("p", { style: { color: "#9ca3af", fontWeight: "bold" }, children: "Restart hardkas dashboard." })
+          ]
+        }
+      )
+    }
+  ) : children }) });
 }
 function useHardKas() {
   const context = useContext(HardKasContext);
@@ -511,7 +541,10 @@ function useKaspaBalance(options = {}) {
             }
           }
         } catch (e) {
-          console.warn("Failed to fetch derived simulated balance, falling back to 0:", e);
+          console.warn(
+            "Failed to fetch derived simulated balance, falling back to 0:",
+            e
+          );
         }
         return 0n;
       }
@@ -530,11 +563,13 @@ function useKaspaBalance(options = {}) {
               reject(new Error("WebSocket timeout"));
             }, 3e3);
             ws.onopen = () => {
-              ws.send(JSON.stringify({
-                id: 1,
-                method: "getBalanceByAddressRequest",
-                params: { address }
-              }));
+              ws.send(
+                JSON.stringify({
+                  id: 1,
+                  method: "getBalanceByAddressRequest",
+                  params: { address }
+                })
+              );
             };
             ws.onmessage = (event) => {
               clearTimeout(timer);
@@ -559,7 +594,10 @@ function useKaspaBalance(options = {}) {
             };
           });
         } catch (e) {
-          console.warn("Failed to fetch Kaspa balance via WebSocket, falling back to 0:", e);
+          console.warn(
+            "Failed to fetch Kaspa balance via WebSocket, falling back to 0:",
+            e
+          );
           return 0n;
         }
       }
@@ -656,7 +694,10 @@ function useIgraBalance(options = {}) {
             }
           }
         } catch (e) {
-          console.warn("Failed to fetch derived simulated L2 balance, falling back to 0:", e);
+          console.warn(
+            "Failed to fetch derived simulated L2 balance, falling back to 0:",
+            e
+          );
         }
         return 0n;
       }
@@ -738,7 +779,9 @@ function useMetaMaskLocal() {
     try {
       const chainIdHex = await provider.request({ method: "eth_chainId" });
       const chainId = parseInt(chainIdHex, 16);
-      const accounts = await provider.request({ method: "eth_accounts" });
+      const accounts = await provider.request({
+        method: "eth_accounts"
+      });
       setState({
         installed: true,
         connected: accounts.length > 0,
@@ -794,12 +837,14 @@ function useSwitchToLocalIgra() {
       if (e.code === 4902) {
         await provider.request({
           method: "wallet_addEthereumChain",
-          params: [{
-            chainId: "0x4bd8",
-            chainName: "HardKas Igra Local",
-            rpcUrls: ["http://127.0.0.1:8545"],
-            nativeCurrency: { name: "iKAS", symbol: "iKAS", decimals: 18 }
-          }]
+          params: [
+            {
+              chainId: "0x4bd8",
+              chainName: "HardKas Igra Local",
+              rpcUrls: ["http://127.0.0.1:8545"],
+              nativeCurrency: { name: "iKAS", symbol: "iKAS", decimals: 18 }
+            }
+          ]
         });
       }
     }
@@ -1011,7 +1056,15 @@ function useIgraReadContract(options) {
   const { igraClient, config } = useHardKas();
   const { data: session } = useHardKasSession();
   return useQuery7({
-    queryKey: ["igra", "read", options.address, options.functionName, options.args, config.igraRpcUrl, session?.name],
+    queryKey: [
+      "igra",
+      "read",
+      options.address,
+      options.functionName,
+      options.args,
+      config.igraRpcUrl,
+      session?.name
+    ],
     queryFn: async () => {
       return await igraClient.readContract({
         address: options.address,
@@ -1031,7 +1084,9 @@ function useIgraWriteContract() {
       let client = params.walletClient;
       if (!client) {
         if (!activeProvider) {
-          throw new Error("No active browser wallet connected and no walletClient was provided.");
+          throw new Error(
+            "No active browser wallet connected and no walletClient was provided."
+          );
         }
         if (!walletAddress) {
           throw new Error("No active account address available on connected wallet.");
@@ -1195,7 +1250,9 @@ function useArtifacts(schemaFilter) {
   const { config, subscribe, apiFetch } = useHardKas();
   const queryClient = useQueryClient10();
   useEffect12(() => {
-    const sync = () => queryClient.invalidateQueries({ queryKey: ["hardkas", "artifacts", schemaFilter || "all"] });
+    const sync = () => queryClient.invalidateQueries({
+      queryKey: ["hardkas", "artifacts", schemaFilter || "all"]
+    });
     return subscribe((event) => {
       if (["query-synced", "session-changed"].includes(event.type)) {
         sync();
@@ -1299,7 +1356,8 @@ function useReplayStatus() {
         const baseUrl = config.devServerUrl || "";
         const url = baseUrl ? baseUrl.endsWith("/") ? `${baseUrl}api/replay` : `${baseUrl}/api/replay` : "/api/replay";
         const response = await apiFetch(url);
-        if (!response.ok) return { replays: [], pendingReplays: [], pendingReplay: false };
+        if (!response.ok)
+          return { replays: [], pendingReplays: [], pendingReplay: false };
         const data = await response.json();
         const formatReplay = (r) => {
           return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hardkas/react",
-  "version": "0.7.3-alpha",
+  "version": "0.7.5-alpha",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -15,10 +15,10 @@
   "dependencies": {
     "@tanstack/react-query": "^5.61.5",
     "viem": "^2.21.51",
-    "@hardkas/core": "0.7.3-alpha",
-    "@hardkas/kaspa-rpc": "0.7.3-alpha",
-    "@hardkas/l2": "0.7.3-alpha",
-    "@hardkas/sessions": "0.7.3-alpha"
+    "@hardkas/core": "0.7.5-alpha",
+    "@hardkas/sessions": "0.7.5-alpha",
+    "@hardkas/kaspa-rpc": "0.7.5-alpha",
+    "@hardkas/l2": "0.7.5-alpha"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",