@cfxdevkit/wallet-connect 0.1.0

package/dist/index.js

@@ -0,0 +1,550 @@
+// src/auth-context.tsx
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useRef,
+  useState
+} from "react";
+import { SiweMessage } from "siwe";
+import { useAccount, useDisconnect, useSignMessage } from "wagmi";
+import { jsx } from "react/jsx-runtime";
+var AuthContext = createContext(null);
+var API_BASE = process.env.NEXT_PUBLIC_API_URL ?? "/api";
+var TOKEN_KEY = "cas_jwt";
+function getJwtExpiry(token) {
+  try {
+    const payload = JSON.parse(atob(token.split(".")[1]));
+    return payload.exp ? payload.exp * 1e3 : 0;
+  } catch {
+    return 0;
+  }
+}
+function validToken(token) {
+  if (!token) return null;
+  const exp = getJwtExpiry(token);
+  return exp === 0 || exp > Date.now() ? token : null;
+}
+function AuthProvider({ children }) {
+  const { address, isConnected, chainId } = useAccount();
+  const { signMessageAsync } = useSignMessage();
+  const { disconnect } = useDisconnect();
+  const [token, setToken] = useState(() => {
+    if (typeof window === "undefined") return null;
+    const stored = localStorage.getItem(TOKEN_KEY);
+    const valid = validToken(stored);
+    if (stored && !valid) {
+      localStorage.removeItem(TOKEN_KEY);
+    }
+    return valid;
+  });
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const autoSignedForRef = useRef(null);
+  const prevAddressRef = useRef(null);
+  const mountedRef = useRef(false);
+  useEffect(() => {
+    if (!mountedRef.current) {
+      mountedRef.current = true;
+      if (address) prevAddressRef.current = address;
+      return;
+    }
+    if (address) {
+      if (prevAddressRef.current && prevAddressRef.current !== address) {
+        setToken(null);
+        localStorage.removeItem(TOKEN_KEY);
+        autoSignedForRef.current = null;
+      }
+      prevAddressRef.current = address;
+    }
+  }, [address]);
+  const login = useCallback(async () => {
+    if (!address) {
+      setError("No wallet connected");
+      return;
+    }
+    setIsLoading(true);
+    setError(null);
+    try {
+      const nonceRes = await fetch(
+        `${API_BASE}/auth/nonce?address=${encodeURIComponent(address)}`
+      );
+      if (!nonceRes.ok) throw new Error("Failed to fetch nonce");
+      const { nonce } = await nonceRes.json();
+      const message = new SiweMessage({
+        domain: window.location.host,
+        address,
+        statement: "Sign in to Conflux Automation Service",
+        uri: window.location.origin,
+        version: "1",
+        chainId: chainId ?? (process.env.NEXT_PUBLIC_NETWORK === "mainnet" ? 1030 : 71),
+        nonce
+      });
+      const prepared = message.prepareMessage();
+      const signature = await signMessageAsync({ message: prepared });
+      const verifyRes = await fetch(`${API_BASE}/auth/verify`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ message: prepared, signature })
+      });
+      if (!verifyRes.ok) {
+        const body = await verifyRes.json().catch(() => ({}));
+        throw new Error(body.error ?? "Verification failed");
+      }
+      const { token: jwt } = await verifyRes.json();
+      localStorage.setItem(TOKEN_KEY, jwt);
+      setToken(jwt);
+      setError(null);
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : "Login failed";
+      if (msg.includes("getChainId is not a function")) {
+        setError(
+          "Wallet connection issue. Please reconnect your wallet or try a different provider."
+        );
+      } else {
+        setError(
+          msg.toLowerCase().includes("rejected") ? "Signature rejected \u2014 try again." : msg
+        );
+      }
+    } finally {
+      setIsLoading(false);
+    }
+  }, [address, chainId, signMessageAsync]);
+  useEffect(() => {
+    if (isConnected && address && !token && !isLoading && autoSignedForRef.current !== address) {
+      autoSignedForRef.current = address;
+      void login();
+    }
+  }, [isConnected, address, token, isLoading, login]);
+  const refreshAuth = useCallback(() => {
+    setToken(null);
+    setError(null);
+    localStorage.removeItem(TOKEN_KEY);
+    autoSignedForRef.current = null;
+  }, []);
+  const logout = useCallback(() => {
+    setToken(null);
+    setError(null);
+    localStorage.removeItem(TOKEN_KEY);
+    autoSignedForRef.current = null;
+    disconnect();
+  }, [disconnect]);
+  return /* @__PURE__ */ jsx(
+    AuthContext.Provider,
+    {
+      value: {
+        token,
+        address: address ?? null,
+        isLoading,
+        isAuthenticated: Boolean(token && address),
+        error,
+        login,
+        logout,
+        refreshAuth
+      },
+      children
+    }
+  );
+}
+function useAuthContext() {
+  const ctx = useContext(AuthContext);
+  if (!ctx)
+    throw new Error("useAuthContext must be used inside <AuthProvider>");
+  return ctx;
+}
+function useAuthFetch() {
+  const { token, refreshAuth } = useAuthContext();
+  return useCallback(
+    async (input, init) => {
+      const headers = new Headers(init?.headers);
+      if (token) headers.set("Authorization", `Bearer ${token}`);
+      const res = await fetch(input, { ...init, headers });
+      if (res.status === 401) {
+        refreshAuth();
+      }
+      return res;
+    },
+    [token, refreshAuth]
+  );
+}
+
+// src/useNetworkSwitch.ts
+import { useCallback as useCallback2, useEffect as useEffect2, useState as useState2 } from "react";
+import { useAccount as useAccount2, useSwitchChain } from "wagmi";
+var IS_MAINNET = process.env.NEXT_PUBLIC_NETWORK === "mainnet";
+var EXPECTED_CHAIN_ID = IS_MAINNET ? 1030 : 71;
+var EXPECTED_CHAIN_NAME = IS_MAINNET ? "Conflux eSpace" : "Conflux eSpace Testnet";
+var CHAIN_PARAMS = IS_MAINNET ? {
+  chainId: "0x406",
+  // 1030
+  chainName: "Conflux eSpace",
+  nativeCurrency: { name: "CFX", symbol: "CFX", decimals: 18 },
+  rpcUrls: ["https://evm.confluxrpc.com"],
+  blockExplorerUrls: ["https://evm.confluxscan.org"]
+} : {
+  chainId: "0x47",
+  // 71
+  chainName: "Conflux eSpace Testnet",
+  nativeCurrency: { name: "CFX", symbol: "CFX", decimals: 18 },
+  rpcUrls: ["https://evmtestnet.confluxrpc.com"],
+  blockExplorerUrls: ["https://evmtestnet.confluxscan.org"]
+};
+function useNetworkSwitch() {
+  const { isConnected, chainId } = useAccount2();
+  const { switchChain, isPending: isSwitching } = useSwitchChain();
+  const [switchError, setSwitchError] = useState2(null);
+  const isWrongNetwork = isConnected && chainId !== EXPECTED_CHAIN_ID;
+  useEffect2(() => {
+    if (!isWrongNetwork) setSwitchError(null);
+  }, [isWrongNetwork]);
+  const handleSwitchNetwork = useCallback2(async () => {
+    setSwitchError(null);
+    try {
+      switchChain({ chainId: EXPECTED_CHAIN_ID });
+    } catch {
+      const provider = window.ethereum;
+      if (!provider) {
+        setSwitchError(
+          "No wallet found \u2014 add the network manually in MetaMask."
+        );
+        return;
+      }
+      try {
+        await provider.request({
+          method: "wallet_addEthereumChain",
+          params: [CHAIN_PARAMS]
+        });
+      } catch (addErr) {
+        const msg = addErr instanceof Error ? addErr.message : String(addErr);
+        if (!msg.toLowerCase().includes("user rejected")) {
+          setSwitchError(`Could not switch: ${msg}`);
+        }
+      }
+    }
+  }, [switchChain]);
+  return { isWrongNetwork, isSwitching, switchError, handleSwitchNetwork };
+}
+
+// src/WalletConnect.tsx
+import {
+  AlertTriangle,
+  Check,
+  Copy,
+  Loader2,
+  Power,
+  Wallet
+} from "lucide-react";
+import { useState as useState3 } from "react";
+import { injected, useAccount as useAccount3, useConnect } from "wagmi";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function AddressChip({
+  address,
+  status
+}) {
+  const [copied, setCopied] = useState3(false);
+  function handleCopy() {
+    void navigator.clipboard.writeText(address).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1800);
+    });
+  }
+  const dotEl = status === "loading" ? /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: "h-2.5 w-2.5 animate-spin text-slate-400 flex-shrink-0",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      children: [
+        /* @__PURE__ */ jsx2("title", { children: "Loading" }),
+        /* @__PURE__ */ jsx2(
+          "path",
+          {
+            d: "M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  ) : status === "signed" ? /* @__PURE__ */ jsx2("span", { className: "h-2 w-2 rounded-full bg-green-400 shadow-[0_0_5px_#4ade80] flex-shrink-0" }) : /* @__PURE__ */ jsx2("span", { className: "h-2 w-2 rounded-full bg-orange-400 shadow-[0_0_5px_#fb923c] flex-shrink-0" });
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: handleCopy,
+      title: copied ? "Copied!" : address,
+      className: "group flex items-center gap-1.5 rounded-lg border border-slate-600 bg-slate-800\n                 px-2.5 py-1 transition-colors hover:border-conflux-500 hover:bg-slate-700",
+      children: [
+        dotEl,
+        /* @__PURE__ */ jsxs("span", { className: "font-mono text-xs text-slate-200", children: [
+          address.slice(0, 6),
+          "\u2026",
+          address.slice(-4)
+        ] }),
+        copied ? /* @__PURE__ */ jsx2(
+          Check,
+          {
+            className: "h-3 w-3 text-green-400 flex-shrink-0",
+            strokeWidth: 3
+          }
+        ) : /* @__PURE__ */ jsx2(Copy, { className: "h-3 w-3 text-slate-500 group-hover:text-conflux-400 flex-shrink-0 transition-colors" })
+      ]
+    }
+  );
+}
+function WalletConnect() {
+  const { isConnected } = useAccount3();
+  const { connect } = useConnect();
+  const { address, token, isLoading, error, login, logout } = useAuthContext();
+  const { isWrongNetwork, isSwitching, switchError, handleSwitchNetwork } = useNetworkSwitch();
+  if (!isConnected) {
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => connect({ connector: injected() }),
+        className: "group flex items-center gap-2 bg-conflux-600 hover:bg-conflux-500 text-white text-sm font-semibold py-2 px-4 rounded-xl transition-all shadow-[0_0_20px_-5px_rgba(0,120,200,0.5)] hover:shadow-[0_0_25px_-5px_rgba(0,120,200,0.7)]",
+        children: [
+          /* @__PURE__ */ jsx2(Wallet, { className: "h-4 w-4 group-hover:scale-110 transition-transform" }),
+          "Connect Wallet"
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    address && /* @__PURE__ */ jsx2(
+      AddressChip,
+      {
+        address,
+        status: isLoading ? "loading" : token ? "signed" : "unsigned"
+      }
+    ),
+    isWrongNetwork ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end gap-1", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: handleSwitchNetwork,
+          disabled: isSwitching,
+          className: "flex items-center gap-1.5 text-xs bg-amber-600/20 border border-amber-600/50 hover:bg-amber-600/30\n                       disabled:opacity-50 text-amber-500 py-1.5 px-3 rounded-lg transition-colors whitespace-nowrap font-medium",
+          title: `Switch wallet to ${EXPECTED_CHAIN_NAME}`,
+          children: [
+            /* @__PURE__ */ jsx2(AlertTriangle, { className: "h-3.5 w-3.5" }),
+            isSwitching ? "Switching\u2026" : `Switch to ${EXPECTED_CHAIN_NAME}`
+          ]
+        }
+      ),
+      switchError && /* @__PURE__ */ jsx2("span", { className: "text-xs text-red-400 max-w-[180px] text-right leading-tight", children: switchError })
+    ] }) : isLoading ? /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        disabled: true,
+        className: "flex items-center gap-1.5 text-xs border border-slate-700/50 bg-slate-800/50 text-slate-500\n                     py-1.5 px-3 rounded-lg cursor-not-allowed",
+        children: [
+          /* @__PURE__ */ jsx2(Loader2, { className: "h-3.5 w-3.5 animate-spin text-slate-400" }),
+          "Signing\u2026"
+        ]
+      }
+    ) : !token ? /* @__PURE__ */ jsx2(
+      "button",
+      {
+        type: "button",
+        onClick: () => void login(),
+        title: error ?? "Sign a message to authenticate",
+        className: "text-xs bg-conflux-600 hover:bg-conflux-500 text-white py-1.5 px-4 rounded-lg transition-colors font-medium shadow-[0_0_15px_-5px_rgba(0,120,200,0.5)]",
+        children: "Sign In"
+      }
+    ) : /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => logout(),
+        title: "Disconnect wallet",
+        className: "flex items-center gap-1.5 text-xs border border-slate-700 bg-slate-800 hover:bg-red-500/10 hover:border-red-500/50\n                     text-slate-400 hover:text-red-400 py-1.5 px-2.5 rounded-lg transition-colors",
+        children: [
+          /* @__PURE__ */ jsx2(Power, { className: "h-3.5 w-3.5 flex-shrink-0" }),
+          /* @__PURE__ */ jsx2("span", { className: "hidden sm:inline font-medium", children: "Disconnect" })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/wagmi.ts
+import { getDefaultConfig } from "connectkit";
+import { createConfig, http } from "wagmi";
+import { mainnet, sepolia } from "wagmi/chains";
+var confluxCore = {
+  id: 1029,
+  name: "Conflux Core",
+  network: "conflux-core",
+  nativeCurrency: {
+    decimals: 18,
+    name: "CFX",
+    symbol: "CFX"
+  },
+  rpcUrls: {
+    default: {
+      http: ["https://main.confluxrpc.com"]
+    },
+    public: {
+      http: ["https://main.confluxrpc.com"]
+    }
+  },
+  blockExplorers: {
+    default: { name: "ConfluxScan", url: "https://confluxscan.io" }
+  }
+};
+var confluxESpace = {
+  id: 1030,
+  name: "Conflux eSpace",
+  network: "conflux-espace",
+  nativeCurrency: {
+    decimals: 18,
+    name: "CFX",
+    symbol: "CFX"
+  },
+  rpcUrls: {
+    default: {
+      http: ["https://evm.confluxrpc.com"]
+    },
+    public: {
+      http: ["https://evm.confluxrpc.com"]
+    }
+  },
+  blockExplorers: {
+    default: { name: "ConfluxScan", url: "https://evmtestnet.confluxscan.io" }
+  }
+};
+var confluxCoreTestnet = {
+  id: 1001,
+  name: "Conflux Core Testnet",
+  network: "conflux-core-testnet",
+  nativeCurrency: {
+    decimals: 18,
+    name: "CFX",
+    symbol: "CFX"
+  },
+  rpcUrls: {
+    default: {
+      http: ["https://test.confluxrpc.com"]
+    },
+    public: {
+      http: ["https://test.confluxrpc.com"]
+    }
+  },
+  blockExplorers: {
+    default: { name: "ConfluxScan", url: "https://testnet.confluxscan.io" }
+  }
+};
+var confluxESpaceTestnet = {
+  id: 71,
+  name: "Conflux eSpace Testnet",
+  network: "conflux-espace-testnet",
+  nativeCurrency: {
+    decimals: 18,
+    name: "CFX",
+    symbol: "CFX"
+  },
+  rpcUrls: {
+    default: {
+      http: ["https://evmtestnet.confluxrpc.com"]
+    },
+    public: {
+      http: ["https://evmtestnet.confluxrpc.com"]
+    }
+  },
+  blockExplorers: {
+    default: { name: "ConfluxScan", url: "https://evmtestnet.confluxscan.io" }
+  }
+};
+var confluxLocalCore = {
+  id: 2029,
+  name: "Conflux Local Core",
+  network: "conflux-local-core",
+  nativeCurrency: {
+    decimals: 18,
+    name: "CFX",
+    symbol: "CFX"
+  },
+  rpcUrls: {
+    default: {
+      http: ["http://localhost:12537"]
+    },
+    public: {
+      http: ["http://localhost:12537"]
+    }
+  }
+};
+var confluxLocalESpace = {
+  id: 2030,
+  name: "Conflux Local eSpace",
+  network: "conflux-local-espace",
+  nativeCurrency: {
+    decimals: 18,
+    name: "CFX",
+    symbol: "CFX"
+  },
+  rpcUrls: {
+    default: {
+      http: ["http://localhost:8545"]
+    },
+    public: {
+      http: ["http://localhost:8545"]
+    }
+  }
+};
+var wagmiConfig = createConfig(
+  getDefaultConfig({
+    // Prioritize EVM-compatible chains (most wallets support these)
+    // Conflux eSpace uses standard EVM wallet infrastructure
+    chains: [
+      confluxESpace,
+      // Conflux eSpace Mainnet (primary - EVM compatible)
+      confluxLocalESpace,
+      // Local dev node eSpace
+      confluxESpaceTestnet,
+      // Testnet eSpace
+      mainnet,
+      // Ethereum mainnet
+      sepolia
+      // Ethereum testnet
+      // Note: Core chains removed from default list as few wallets support non-EVM chains
+      // Users can manually add confluxCore via network settings if their wallet supports it
+    ],
+    transports: {
+      [confluxESpace.id]: http(),
+      [confluxLocalESpace.id]: http(),
+      [confluxESpaceTestnet.id]: http(),
+      [mainnet.id]: http(),
+      [sepolia.id]: http()
+    },
+    walletConnectProjectId: process.env.NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID || "conflux-devkit-local",
+    appName: "Conflux DevKit",
+    appDescription: "Development toolkit for Conflux blockchain",
+    appUrl: "https://conflux-devkit.dev",
+    appIcon: "https://conflux-devkit.dev/icon.png"
+    // Note: Get a real project ID from https://cloud.walletconnect.com/ for production
+  })
+);
+export {
+  AuthProvider,
+  EXPECTED_CHAIN_ID,
+  EXPECTED_CHAIN_NAME,
+  IS_MAINNET,
+  WalletConnect,
+  confluxCore,
+  confluxCoreTestnet,
+  confluxESpace,
+  confluxESpaceTestnet,
+  confluxLocalCore,
+  confluxLocalESpace,
+  useAuthContext,
+  useAuthFetch,
+  useNetworkSwitch,
+  wagmiConfig
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/auth-context.tsx","../src/useNetworkSwitch.ts","../src/WalletConnect.tsx","../src/wagmi.ts"],"sourcesContent":["'use client';\n\n/**\n * AuthContext – single source of truth for wallet + SIWE auth state.\n *\n * Design:\n *  - The context is provided once at layout level (inside WagmiProvider).\n *  - All components that need auth state consume useAuthContext() rather than\n *    calling useAuth() directly.  This guarantees every consumer sees the same\n *    token and loading flags with no risk of desync.\n *\n * Auto-sign flow:\n *  - When wagmi reports isConnected = true and no JWT exists, the context\n *    automatically kicks off the SIWE login() call without requiring the user\n *    to click a separate \"Sign In\" button.\n *  - If the user rejects the signature the error is surfaced and a manual\n *    retry button appears in the NavBar — the auto-trigger fires only ONCE\n *    per connection event to avoid a runaway prompt loop.\n *  - When the wallet disconnects or the address changes, the JWT is cleared.\n */\n\nimport {\n  createContext,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { SiweMessage } from 'siwe';\nimport { useAccount, useDisconnect, useSignMessage } from 'wagmi';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface AuthCtx {\n  /** Persisted JWT, null when not authenticated. */\n  token: string | null;\n  /** Checksummed wallet address, null when not connected. */\n  address: string | null;\n  /** True while the SIWE nonce-fetch → sign → verify round-trip is in progress. */\n  isLoading: boolean;\n  /** True when token is non-null and wallet is connected. */\n  isAuthenticated: boolean;\n  /** Last login error message (e.g. \"User rejected request\"). */\n  error: string | null;\n  /** Manually trigger SIWE login (e.g. retry after rejection). */\n  login: () => Promise<void>;\n  /** Clear JWT + disconnect wallet. */\n  logout: () => void;\n  /**\n   * Clear the stored JWT and reset the auto-sign guard so a fresh SIWE is\n   * triggered on the next render cycle.  Call this when any API request\n   * returns 401 (expired or invalid token) to transparently re-authenticate\n   * the same wallet without the user having to do anything manually.\n   */\n  refreshAuth: () => void;\n}\n\n// ─── Context ──────────────────────────────────────────────────────────────────\n\nconst AuthContext = createContext<AuthCtx | null>(null);\n\nconst API_BASE = process.env.NEXT_PUBLIC_API_URL ?? '/api';\nconst TOKEN_KEY = 'cas_jwt';\n\n/**\n * Decode a JWT payload (no signature verification — just parse the base64\n * body) and return the expiry timestamp in milliseconds, or 0 if unreadable.\n */\nfunction getJwtExpiry(token: string): number {\n  try {\n    const payload = JSON.parse(atob(token.split('.')[1])) as { exp?: number };\n    return payload.exp ? payload.exp * 1000 : 0;\n  } catch {\n    return 0;\n  }\n}\n\n/** Return `token` only if it hasn't expired yet; otherwise `null`. */\nfunction validToken(token: string | null): string | null {\n  if (!token) return null;\n  const exp = getJwtExpiry(token);\n  return exp === 0 || exp > Date.now() ? token : null;\n}\n\n// ─── Provider ─────────────────────────────────────────────────────────────────\n\nexport function AuthProvider({ children }: { children: ReactNode }) {\n  const { address, isConnected, chainId } = useAccount();\n  const { signMessageAsync } = useSignMessage();\n  const { disconnect } = useDisconnect();\n\n  // Initialise synchronously from localStorage so there is no flash of\n  // \"unauthenticated\" on page reload when a token already exists.\n  // Discard tokens that have already expired so the auto-sign effect fires\n  // immediately on the next render rather than waiting for the first 401.\n  const [token, setToken] = useState<string | null>(() => {\n    if (typeof window === 'undefined') return null;\n    const stored = localStorage.getItem(TOKEN_KEY);\n    const valid = validToken(stored);\n    if (stored && !valid) {\n      // Proactively clear expired token so auto-sign picks it up.\n      localStorage.removeItem(TOKEN_KEY);\n    }\n    return valid;\n  });\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  // Guard: tracks the address that triggered the latest auto-signed attempt so\n  // we don't fire login() repeatedly if the effect re-runs (e.g. StrictMode).\n  const autoSignedForRef = useRef<string | null>(null);\n  // Track the previous non-null address so we can detect a wallet switch.\n  const prevAddressRef = useRef<string | null>(null);\n\n  // ── Clear token when the wallet SWITCHES to a different address ─────────────\n  // We do NOT clear on address → undefined (transient disconnect / wagmi\n  // re-initialise) because that would force re-sign on every page navigation\n  // or tab switch where wagmi briefly loses the account before reconnecting.\n  // Token expiry and explicit logouts are handled separately.\n  const mountedRef = useRef(false);\n  useEffect(() => {\n    if (!mountedRef.current) {\n      mountedRef.current = true;\n      if (address) prevAddressRef.current = address;\n      return;\n    }\n    if (address) {\n      // Address became known or changed.\n      if (prevAddressRef.current && prevAddressRef.current !== address) {\n        // Different wallet connected — previous session is invalid.\n        setToken(null);\n        localStorage.removeItem(TOKEN_KEY);\n        autoSignedForRef.current = null;\n      }\n      prevAddressRef.current = address;\n    }\n    // When address becomes undefined we intentionally do nothing:\n    // the token stays so the user doesn't have to re-sign after a brief\n    // wagmi reconnect cycle or a Next.js client-side navigation.\n  }, [address]);\n\n  // ── Core login function ───────────────────────────────────────────────────\n  const login = useCallback(async () => {\n    if (!address) {\n      setError('No wallet connected');\n      return;\n    }\n\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      // 1. Nonce\n      const nonceRes = await fetch(\n        `${API_BASE}/auth/nonce?address=${encodeURIComponent(address)}`\n      );\n      if (!nonceRes.ok) throw new Error('Failed to fetch nonce');\n      const { nonce } = (await nonceRes.json()) as { nonce: string };\n\n      // 2. Build + sign SIWE message\n      const message = new SiweMessage({\n        domain: window.location.host,\n        address,\n        statement: 'Sign in to Conflux Automation Service',\n        uri: window.location.origin,\n        version: '1',\n        chainId:\n          chainId ??\n          (process.env.NEXT_PUBLIC_NETWORK === 'mainnet' ? 1030 : 71),\n        nonce,\n      });\n      const prepared = message.prepareMessage();\n      const signature = await signMessageAsync({ message: prepared });\n\n      // 3. Verify with backend → JWT\n      const verifyRes = await fetch(`${API_BASE}/auth/verify`, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ message: prepared, signature }),\n      });\n      if (!verifyRes.ok) {\n        const body = (await verifyRes.json().catch(() => ({}))) as {\n          error?: string;\n        };\n        throw new Error(body.error ?? 'Verification failed');\n      }\n      const { token: jwt } = (await verifyRes.json()) as { token: string };\n\n      localStorage.setItem(TOKEN_KEY, jwt);\n      setToken(jwt);\n      setError(null);\n    } catch (err: unknown) {\n      const msg = err instanceof Error ? err.message : 'Login failed';\n      // Don't surface \"User rejected\" as a scary error — just show retry.\n      if (msg.includes('getChainId is not a function')) {\n        setError(\n          'Wallet connection issue. Please reconnect your wallet or try a different provider.'\n        );\n      } else {\n        setError(\n          msg.toLowerCase().includes('rejected')\n            ? 'Signature rejected — try again.'\n            : msg\n        );\n      }\n    } finally {\n      setIsLoading(false);\n    }\n  }, [address, chainId, signMessageAsync]);\n\n  // ── Auto-sign on connect (fires once per address) ─────────────────────────\n  useEffect(() => {\n    if (\n      isConnected &&\n      address &&\n      !token &&\n      !isLoading &&\n      autoSignedForRef.current !== address // only once per address\n    ) {\n      autoSignedForRef.current = address;\n      void login();\n    }\n  }, [isConnected, address, token, isLoading, login]);\n\n  // ── Refresh auth (re-sign with the same wallet — used on 401 responses) ──\n  const refreshAuth = useCallback(() => {\n    setToken(null);\n    setError(null);\n    localStorage.removeItem(TOKEN_KEY);\n    // Reset the guard so the auto-sign effect fires again for this address.\n    autoSignedForRef.current = null;\n  }, []);\n\n  // ── Logout ────────────────────────────────────────────────────────────────\n  const logout = useCallback(() => {\n    setToken(null);\n    setError(null);\n    localStorage.removeItem(TOKEN_KEY);\n    autoSignedForRef.current = null;\n    disconnect();\n  }, [disconnect]);\n\n  return (\n    <AuthContext.Provider\n      value={{\n        token,\n        address: address ?? null,\n        isLoading,\n        isAuthenticated: Boolean(token && address),\n        error,\n        login,\n        logout,\n        refreshAuth,\n      }}\n    >\n      {children}\n    </AuthContext.Provider>\n  );\n}\n\n// ─── Consumer hook ────────────────────────────────────────────────────────────\n\nexport function useAuthContext(): AuthCtx {\n  const ctx = useContext(AuthContext);\n  if (!ctx)\n    throw new Error('useAuthContext must be used inside <AuthProvider>');\n  return ctx;\n}\n\n// ─── Fetch helper ─────────────────────────────────────────────────────────────\n\n/**\n * useAuthFetch — returns a `fetch`-compatible function that:\n *  1. Automatically injects `Authorization: Bearer <token>` on every request.\n *  2. Calls `refreshAuth()` when the server responds with HTTP 401, so the\n *     SIWE auto-sign flow re-fires and the user is silently re-authenticated\n *     with the same wallet (no manual action required on any device).\n *\n * Usage:\n *   const authFetch = useAuthFetch();\n *   const res = await authFetch('/api/jobs');\n */\nexport function useAuthFetch(): (\n  input: RequestInfo | URL,\n  init?: RequestInit\n) => Promise<Response> {\n  const { token, refreshAuth } = useAuthContext();\n\n  return useCallback(\n    async (input: RequestInfo | URL, init?: RequestInit): Promise<Response> => {\n      const headers = new Headers(init?.headers);\n      if (token) headers.set('Authorization', `Bearer ${token}`);\n\n      const res = await fetch(input, { ...init, headers });\n\n      if (res.status === 401) {\n        refreshAuth();\n      }\n\n      return res;\n    },\n    [token, refreshAuth]\n  );\n}\n","'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\nimport { useAccount, useSwitchChain } from 'wagmi';\n\nexport const IS_MAINNET = process.env.NEXT_PUBLIC_NETWORK === 'mainnet';\nexport const EXPECTED_CHAIN_ID = IS_MAINNET ? 1030 : 71;\nexport const EXPECTED_CHAIN_NAME = IS_MAINNET\n  ? 'Conflux eSpace'\n  : 'Conflux eSpace Testnet';\n\n// Full EIP-3085 chain parameters for wallet_addEthereumChain fallback.\nconst CHAIN_PARAMS = IS_MAINNET\n  ? {\n      chainId: '0x406', // 1030\n      chainName: 'Conflux eSpace',\n      nativeCurrency: { name: 'CFX', symbol: 'CFX', decimals: 18 },\n      rpcUrls: ['https://evm.confluxrpc.com'],\n      blockExplorerUrls: ['https://evm.confluxscan.org'],\n    }\n  : {\n      chainId: '0x47', // 71\n      chainName: 'Conflux eSpace Testnet',\n      nativeCurrency: { name: 'CFX', symbol: 'CFX', decimals: 18 },\n      rpcUrls: ['https://evmtestnet.confluxrpc.com'],\n      blockExplorerUrls: ['https://evmtestnet.confluxscan.org'],\n    };\n\nexport function useNetworkSwitch() {\n  const { isConnected, chainId } = useAccount();\n  const { switchChain, isPending: isSwitching } = useSwitchChain();\n  const [switchError, setSwitchError] = useState<string | null>(null);\n\n  const isWrongNetwork = isConnected && chainId !== EXPECTED_CHAIN_ID;\n\n  useEffect(() => {\n    if (!isWrongNetwork) setSwitchError(null);\n  }, [isWrongNetwork]);\n\n  const handleSwitchNetwork = useCallback(async () => {\n    setSwitchError(null);\n    try {\n      switchChain({ chainId: EXPECTED_CHAIN_ID });\n    } catch {\n      // Fallback: manually add+switch via EIP-3085\n      const provider = (\n        window as Window & {\n          ethereum?: { request: (a: unknown) => Promise<unknown> };\n        }\n      ).ethereum;\n      if (!provider) {\n        setSwitchError(\n          'No wallet found — add the network manually in MetaMask.'\n        );\n        return;\n      }\n      try {\n        await provider.request({\n          method: 'wallet_addEthereumChain',\n          params: [CHAIN_PARAMS],\n        });\n      } catch (addErr: unknown) {\n        const msg = addErr instanceof Error ? addErr.message : String(addErr);\n        if (!msg.toLowerCase().includes('user rejected')) {\n          setSwitchError(`Could not switch: ${msg}`);\n        }\n      }\n    }\n  }, [switchChain]);\n\n  return { isWrongNetwork, isSwitching, switchError, handleSwitchNetwork };\n}\n","'use client';\n\nimport {\n  AlertTriangle,\n  Check,\n  Copy,\n  Loader2,\n  Power,\n  Wallet,\n} from 'lucide-react';\nimport { useState } from 'react';\nimport { injected, useAccount, useConnect } from 'wagmi';\nimport { useAuthContext } from './auth-context.js';\nimport { EXPECTED_CHAIN_NAME, useNetworkSwitch } from './useNetworkSwitch.js';\n\n// ─── Copy-to-clipboard address chip with inline status dot ───────────────────\ntype SignStatus = 'signed' | 'unsigned' | 'loading';\n\nfunction AddressChip({\n  address,\n  status,\n}: {\n  address: string;\n  status: SignStatus;\n}) {\n  const [copied, setCopied] = useState(false);\n\n  function handleCopy() {\n    void navigator.clipboard.writeText(address).then(() => {\n      setCopied(true);\n      setTimeout(() => setCopied(false), 1800);\n    });\n  }\n\n  const dotEl =\n    status === 'loading' ? (\n      <svg\n        className=\"h-2.5 w-2.5 animate-spin text-slate-400 flex-shrink-0\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2.5\"\n      >\n        <title>Loading</title>\n        <path\n          d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\n          strokeLinecap=\"round\"\n        />\n      </svg>\n    ) : status === 'signed' ? (\n      <span className=\"h-2 w-2 rounded-full bg-green-400 shadow-[0_0_5px_#4ade80] flex-shrink-0\" />\n    ) : (\n      <span className=\"h-2 w-2 rounded-full bg-orange-400 shadow-[0_0_5px_#fb923c] flex-shrink-0\" />\n    );\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleCopy}\n      title={copied ? 'Copied!' : address}\n      className=\"group flex items-center gap-1.5 rounded-lg border border-slate-600 bg-slate-800\n                 px-2.5 py-1 transition-colors hover:border-conflux-500 hover:bg-slate-700\"\n    >\n      {dotEl}\n      <span className=\"font-mono text-xs text-slate-200\">\n        {address.slice(0, 6)}…{address.slice(-4)}\n      </span>\n      {/* copy / check icon */}\n      {copied ? (\n        <Check\n          className=\"h-3 w-3 text-green-400 flex-shrink-0\"\n          strokeWidth={3}\n        />\n      ) : (\n        <Copy className=\"h-3 w-3 text-slate-500 group-hover:text-conflux-400 flex-shrink-0 transition-colors\" />\n      )}\n    </button>\n  );\n}\n\nexport function WalletConnect() {\n  const { isConnected } = useAccount();\n  const { connect } = useConnect();\n  const { address, token, isLoading, error, login, logout } = useAuthContext();\n  const { isWrongNetwork, isSwitching, switchError, handleSwitchNetwork } =\n    useNetworkSwitch();\n\n  if (!isConnected) {\n    return (\n      <button\n        type=\"button\"\n        onClick={() => connect({ connector: injected() })}\n        className=\"group flex items-center gap-2 bg-conflux-600 hover:bg-conflux-500 text-white text-sm font-semibold py-2 px-4 rounded-xl transition-all shadow-[0_0_20px_-5px_rgba(0,120,200,0.5)] hover:shadow-[0_0_25px_-5px_rgba(0,120,200,0.7)]\"\n      >\n        <Wallet className=\"h-4 w-4 group-hover:scale-110 transition-transform\" />\n        Connect Wallet\n      </button>\n    );\n  }\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      {/* Address chip — dot reflects sign status, click to copy */}\n      {address && (\n        <AddressChip\n          address={address}\n          status={isLoading ? 'loading' : token ? 'signed' : 'unsigned'}\n        />\n      )}\n\n      {/* Adaptive action button: wrong-network → switch | signing → disabled | unsigned → sign | signed → disconnect */}\n      {isWrongNetwork ? (\n        <div className=\"flex flex-col items-end gap-1\">\n          <button\n            type=\"button\"\n            onClick={handleSwitchNetwork}\n            disabled={isSwitching}\n            className=\"flex items-center gap-1.5 text-xs bg-amber-600/20 border border-amber-600/50 hover:bg-amber-600/30\n                       disabled:opacity-50 text-amber-500 py-1.5 px-3 rounded-lg transition-colors whitespace-nowrap font-medium\"\n            title={`Switch wallet to ${EXPECTED_CHAIN_NAME}`}\n          >\n            <AlertTriangle className=\"h-3.5 w-3.5\" />\n            {isSwitching ? 'Switching…' : `Switch to ${EXPECTED_CHAIN_NAME}`}\n          </button>\n          {switchError && (\n            <span className=\"text-xs text-red-400 max-w-[180px] text-right leading-tight\">\n              {switchError}\n            </span>\n          )}\n        </div>\n      ) : isLoading ? (\n        <button\n          type=\"button\"\n          disabled\n          className=\"flex items-center gap-1.5 text-xs border border-slate-700/50 bg-slate-800/50 text-slate-500\n                     py-1.5 px-3 rounded-lg cursor-not-allowed\"\n        >\n          <Loader2 className=\"h-3.5 w-3.5 animate-spin text-slate-400\" />\n          Signing…\n        </button>\n      ) : !token ? (\n        <button\n          type=\"button\"\n          onClick={() => void login()}\n          title={error ?? 'Sign a message to authenticate'}\n          className=\"text-xs bg-conflux-600 hover:bg-conflux-500 text-white py-1.5 px-4 rounded-lg transition-colors font-medium shadow-[0_0_15px_-5px_rgba(0,120,200,0.5)]\"\n        >\n          Sign In\n        </button>\n      ) : (\n        <button\n          type=\"button\"\n          onClick={() => logout()}\n          title=\"Disconnect wallet\"\n          className=\"flex items-center gap-1.5 text-xs border border-slate-700 bg-slate-800 hover:bg-red-500/10 hover:border-red-500/50\n                     text-slate-400 hover:text-red-400 py-1.5 px-2.5 rounded-lg transition-colors\"\n        >\n          <Power className=\"h-3.5 w-3.5 flex-shrink-0\" />\n          <span className=\"hidden sm:inline font-medium\">Disconnect</span>\n        </button>\n      )}\n    </div>\n  );\n}\n","/*\n * Copyright 2025 Conflux DevKit Team\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { getDefaultConfig } from 'connectkit';\nimport { createConfig, http } from 'wagmi';\nimport { mainnet, sepolia } from 'wagmi/chains';\n\n// Define Conflux chains\nexport const confluxCore = {\n  id: 1029,\n  name: 'Conflux Core',\n  network: 'conflux-core',\n  nativeCurrency: {\n    decimals: 18,\n    name: 'CFX',\n    symbol: 'CFX',\n  },\n  rpcUrls: {\n    default: {\n      http: ['https://main.confluxrpc.com'],\n    },\n    public: {\n      http: ['https://main.confluxrpc.com'],\n    },\n  },\n  blockExplorers: {\n    default: { name: 'ConfluxScan', url: 'https://confluxscan.io' },\n  },\n} as const;\n\nexport const confluxESpace = {\n  id: 1030,\n  name: 'Conflux eSpace',\n  network: 'conflux-espace',\n  nativeCurrency: {\n    decimals: 18,\n    name: 'CFX',\n    symbol: 'CFX',\n  },\n  rpcUrls: {\n    default: {\n      http: ['https://evm.confluxrpc.com'],\n    },\n    public: {\n      http: ['https://evm.confluxrpc.com'],\n    },\n  },\n  blockExplorers: {\n    default: { name: 'ConfluxScan', url: 'https://evmtestnet.confluxscan.io' },\n  },\n} as const;\n\nexport const confluxCoreTestnet = {\n  id: 1001,\n  name: 'Conflux Core Testnet',\n  network: 'conflux-core-testnet',\n  nativeCurrency: {\n    decimals: 18,\n    name: 'CFX',\n    symbol: 'CFX',\n  },\n  rpcUrls: {\n    default: {\n      http: ['https://test.confluxrpc.com'],\n    },\n    public: {\n      http: ['https://test.confluxrpc.com'],\n    },\n  },\n  blockExplorers: {\n    default: { name: 'ConfluxScan', url: 'https://testnet.confluxscan.io' },\n  },\n} as const;\n\nexport const confluxESpaceTestnet = {\n  id: 71,\n  name: 'Conflux eSpace Testnet',\n  network: 'conflux-espace-testnet',\n  nativeCurrency: {\n    decimals: 18,\n    name: 'CFX',\n    symbol: 'CFX',\n  },\n  rpcUrls: {\n    default: {\n      http: ['https://evmtestnet.confluxrpc.com'],\n    },\n    public: {\n      http: ['https://evmtestnet.confluxrpc.com'],\n    },\n  },\n  blockExplorers: {\n    default: { name: 'ConfluxScan', url: 'https://evmtestnet.confluxscan.io' },\n  },\n} as const;\n\nexport const confluxLocalCore = {\n  id: 2029,\n  name: 'Conflux Local Core',\n  network: 'conflux-local-core',\n  nativeCurrency: {\n    decimals: 18,\n    name: 'CFX',\n    symbol: 'CFX',\n  },\n  rpcUrls: {\n    default: {\n      http: ['http://localhost:12537'],\n    },\n    public: {\n      http: ['http://localhost:12537'],\n    },\n  },\n} as const;\n\nexport const confluxLocalESpace = {\n  id: 2030,\n  name: 'Conflux Local eSpace',\n  network: 'conflux-local-espace',\n  nativeCurrency: {\n    decimals: 18,\n    name: 'CFX',\n    symbol: 'CFX',\n  },\n  rpcUrls: {\n    default: {\n      http: ['http://localhost:8545'],\n    },\n    public: {\n      http: ['http://localhost:8545'],\n    },\n  },\n} as const;\n\nexport const wagmiConfig = createConfig(\n  getDefaultConfig({\n    // Prioritize EVM-compatible chains (most wallets support these)\n    // Conflux eSpace uses standard EVM wallet infrastructure\n    chains: [\n      confluxESpace, // Conflux eSpace Mainnet (primary - EVM compatible)\n      confluxLocalESpace, // Local dev node eSpace\n      confluxESpaceTestnet, // Testnet eSpace\n      mainnet, // Ethereum mainnet\n      sepolia, // Ethereum testnet\n      // Note: Core chains removed from default list as few wallets support non-EVM chains\n      // Users can manually add confluxCore via network settings if their wallet supports it\n    ],\n    transports: {\n      [confluxESpace.id]: http(),\n      [confluxLocalESpace.id]: http(),\n      [confluxESpaceTestnet.id]: http(),\n      [mainnet.id]: http(),\n      [sepolia.id]: http(),\n    },\n    walletConnectProjectId:\n      process.env.NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID ||\n      'conflux-devkit-local',\n    appName: 'Conflux DevKit',\n    appDescription: 'Development toolkit for Conflux blockchain',\n    appUrl: 'https://conflux-devkit.dev',\n    appIcon: 'https://conflux-devkit.dev/icon.png',\n    // Note: Get a real project ID from https://cloud.walletconnect.com/ for production\n  })\n);\n"],"mappings":"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","names":["useCallback","useEffect","useState","useAccount","useState","useAccount","jsx","useState","useAccount"]}