astra-modal-test 1.0.10 → 1.0.12

package/src/hooks/useContract.js

@@ -1,179 +0,0 @@
-import {
-  useChainId,
-  useReadContract,
-  useWriteContract,
-  useConfig,
-  usePublicClient,
-} from "wagmi";
-import { waitForTransactionReceipt, readContract } from "@wagmi/core";
-import { useMemo, useCallback } from "react";
-import { useGetContractConfig } from "./useLspApi";
-import useStore from "../store";
-import { formatAssetByDecimal, toBytes32 } from "../utils";
-export function useBridgeContract(account) {
-  const chainId = useChainId();
-  const publicClient = usePublicClient();
-  const { contractConfig } = useGetContractConfig();
-
-  const config = useMemo(() => {
-    if (!contractConfig) return null;
-    return contractConfig[chainId];
-  }, [chainId, contractConfig]);
-
-  const { currentAssetPair } = useStore();
-
-  const bridgeContractConfig = useMemo(() => {
-    return {
-      address: config?.Bridge?.address,
-      abi: config?.Bridge?.abi,
-      query: {
-        enabled: !!config && !!account?.address,
-      },
-    };
-  }, [account?.address, config]);
-
-  const tokenContractConfig = useMemo(() => {
-    return {
-      address: currentAssetPair?.token?.address,
-      abi: config?.USDT?.abi,
-      query: {
-        enabled: !!currentAssetPair && !!account?.address,
-      },
-    };
-  }, [account?.address, config?.USDT?.abi, currentAssetPair]);
-
-  const {
-    data: allowanceRet,
-    isLoading: allowanceLoading,
-    refetch: onReloadAllowance,
-  } = useReadContract({
-    ...tokenContractConfig,
-    functionName: "allowance",
-    args: [account?.address, config?.Bridge?.address],
-    scopeKey: "allowance",
-  });
-
-  const formatAllowance = useMemo(() => {
-    if (!allowanceRet) return 0;
-    return formatAssetByDecimal(
-      allowanceRet?.toString(),
-      currentAssetPair?.token?.decimal
-    );
-  }, [allowanceRet, currentAssetPair?.token?.decimal]);
-
-  const wagmiConfig = useConfig();
-  const { writeContractAsync } = useWriteContract();
-
-  const onApprove = useCallback(
-    async (approveAmount, wait = true) => {
-      //console.log("🚀 ~ onApprove ~ approveAmount:", approveAmount, config?.address)
-      const tx = await writeContractAsync({
-        ...tokenContractConfig,
-        functionName: "approve",
-        args: [config?.Bridge?.address, BigInt(approveAmount)],
-        chainId: chainId,
-      });
-
-      if (wait) {
-        await waitForTransactionReceipt(
-          wagmiConfig,
-          {
-            hash: tx,
-          },
-          1
-        );
-        if (onReloadAllowance) {
-          await onReloadAllowance();
-        }
-      }
-      return tx;
-    },
-    [
-      chainId,
-      config?.Bridge?.address,
-      onReloadAllowance,
-      tokenContractConfig,
-      wagmiConfig,
-      writeContractAsync,
-    ]
-  );
-
-  const onDeposit = useCallback(
-    async (
-      {
-        hashlock,
-        nodePubkey,
-        fromAddr,
-        toAddr,
-        pairId,
-        amount,
-        timeLock,
-        fee,
-        toLightning = true,
-        signature = "0x",
-      },
-    ) => {
-      const contractInfo = await readContract(wagmiConfig, {
-        ...bridgeContractConfig,
-        functionName: "getContractByKey",
-        args: [hashlock],
-      });
-      if (contractInfo?.hashlock === hashlock) {
-        throw new Error("Invoice already exists.");
-      }
-      const args = [
-        hashlock,
-        toBytes32(nodePubkey),
-        fromAddr,
-        toAddr,
-        pairId,
-        BigInt(amount),
-        timeLock,
-        fee,
-        toLightning,
-        signature,
-      ];
-      const depositGas = await publicClient.estimateContractGas({
-        ...bridgeContractConfig,
-        functionName: "deposit",
-        args: args,
-        value: fee,
-        account: account?.address,
-      });
-
-      const gasLimit = BigInt(Math.floor(Number(depositGas) * 1.2));
-      const tx = await writeContractAsync({
-        ...bridgeContractConfig,
-        functionName: "deposit",
-        args: args,
-        value: fee,
-        chainId: chainId,
-        gas: gasLimit,
-      });
-      console.log(`🚀 ~ onDeposit ~ tx: ${tx}, will wait for 1 confirm`);
-      await waitForTransactionReceipt(
-        wagmiConfig,
-        {
-          hash: tx,
-        },
-        1
-      );
-      
-    //   if (onReloadAllowance && reloadAllowance) {
-    //      onReloadAllowance();
-    //   }
-      //}
-      return tx;
-    },
-    [chainId, account?.address, bridgeContractConfig, publicClient, wagmiConfig, writeContractAsync]
-  );
-
-  return {
-    allowanceRet,
-    formatAllowance,
-    allowanceLoading,
-    onReloadAllowance,
-    onApprove,
-    onDeposit,
-  };
-}

package/src/hooks/useGetMinAndMax.js

@@ -1,48 +0,0 @@
-import { useMemo } from "react";
-import { balanceToFixed } from "../constants";
-import useStore from "../store";
-export const useGetMinAndMax = (payDirection,reserveInfo) => {
-  const { currentAssetPair } = useStore();
-//   console.log("🚀 ~ useGetMinAndMax ~ currentAssetPair:",reserveInfo )
-  const fixedLocalChannelBalance = useMemo(() => {
-    if (reserveInfo) {
-      return balanceToFixed(reserveInfo.maxAsset, currentAssetPair?.asset?.decimal);
-    }
-    return 0;
-  }, [currentAssetPair?.asset?.decimal, reserveInfo]);
-
-
-  const fixedRemoteChannelBalance = useMemo(()=>{
-    if(reserveInfo){
-        return balanceToFixed(reserveInfo?.remoteAssetbalance, currentAssetPair?.asset?.decimal);
-    }
-    return 0;
-  },[currentAssetPair?.asset?.decimal, reserveInfo])
-
-
-  const max = useMemo(()=>{
-    if(payDirection==="evmToLightning"){
-        const value = Math.min(reserveInfo?.max, Number(fixedLocalChannelBalance));
-        return value
-    }else{
-        const lspBalance = balanceToFixed(reserveInfo?.maxToken, currentAssetPair?.token?.decimal);
-        const value = Math.min(reserveInfo?.max, Number(fixedRemoteChannelBalance), Number(lspBalance));
-        return value
-    }
-   },[currentAssetPair?.token?.decimal, fixedLocalChannelBalance, fixedRemoteChannelBalance, payDirection, reserveInfo?.max, reserveInfo?.maxToken])
-   
-   const min = useMemo(()=>{
-        return Number(max)<Number(reserveInfo?.min)? Number(max): Number(reserveInfo?.min)
-   },[reserveInfo?.min,max])
-
-
-   
-
-   const unitName = useMemo(()=>{
-    if(payDirection==="evmToLightning"){
-        return currentAssetPair?.token?.name;
-    }
-    return currentAssetPair?.asset?.name;
-   },[currentAssetPair, payDirection])
-  return { min, max, unitName };
-};

package/src/hooks/useLspApi.js

@@ -1,70 +0,0 @@
-import { useRequest } from "ahooks";
-import { useEffect, useMemo } from "react";
-import { getPairs, getReserveInfo, getContractConfig } from "../apis/lspApi";
-import useStore from "../store";
-export const useGetPairs = () => {
-  const { setCurrentAssetPair, setAllAssetPairs, targetNetwork, astraApiUrl } =
-    useStore();
-  const { data, run, loading, refresh, cancel } = useRequest(
-    () => getPairs({ chainId: targetNetwork?.id }),
-    {
-      refreshDeps: [targetNetwork?.id, astraApiUrl],
-      ready: !!targetNetwork?.id && !!astraApiUrl,
-    }
-  );
-
-  useEffect(() => {
-    if (data?.data?.pairs) {
-      setAllAssetPairs(data?.data?.pairs);
-      //setCurrentAssetPair(data?.data?.pairs[0]);
-    }
-  }, [data?.data?.pairs, setAllAssetPairs, setCurrentAssetPair]);
-
-  return {
-    summary: data?.data || null,
-    loading,
-    run,
-    refresh,
-    cancel,
-  };
-};
-
-export const useGetReserveInfo = (targetNetwork, currentAssetPair) => {
-  /*   const assetId = useMemo(() => {
-        return currentAssetPair?.asset?.assetId
-    }, [currentAssetPair?.asset?.assetId]) */
-  const chainId = useMemo(() => {
-    return targetNetwork?.id;
-  }, [targetNetwork?.id]);
-
-  const pairId = useMemo(() => {
-    return currentAssetPair?.pairId;
-  }, [currentAssetPair]);
-
-  const { data, loading, refresh } = useRequest(
-    () => getReserveInfo({ chainId: chainId, pairId: pairId }),
-    {
-      refreshDeps: [chainId, pairId],
-      ready: !!chainId && !!pairId,
-      debounceWait: 300,
-    }
-  );
-
-  return {
-    reserveInfo: data?.data,
-    loading: pairId ? loading : false,
-    refresh,
-  };
-};
-export const useGetContractConfig = () => {
-  const { data, loading, refresh } = useRequest(() => getContractConfig(), {
-    refreshDeps: [],
-    ready: true,
-  });
-
-  return {
-    contractConfig: data?.data,
-    loading,
-    refresh,
-  };
-};

package/src/hooks/useParseInvoice.js

@@ -1,95 +0,0 @@
-import { useCallback, useMemo, useState } from "react";
-import "../lib/bolt11.min.js";
-import useStore from "../store";
-import { invoiceToAssetInfo } from "../utils";
-// import { useEffect } from "react";
-import Decimal from "decimal.js";
-import { useDebounceEffect } from "ahooks";
-// window.decode = decode;
-function getPaymentHash(requestObject) {
-  // go through the tags and find the 'payment_hash' tagName and return the 'data'
-  const paymentHash = requestObject.tags.find(
-    (tag) => tag.tagName === "payment_hash"
-  );
-  if (!paymentHash) {
-    return undefined;
-  }
-  return "0x" + paymentHash.data.toString();
-}
-export default function useParseInvoice(invoice) {
-  const [assetAmt, setAssetAmt] = useState(0);
-  const [hashlock, setHashlock] = useState("");
-  const { currentAssetPair } = useStore();
-  const [isExpired, setIsExpired] = useState(false);
-  const [parseInvoiceLoading, setParseInvoiceLoading] = useState(false);
-  const formatAssetAmt = useMemo(() => {
-    if (assetAmt && currentAssetPair) {
-      const decimal = currentAssetPair.asset.decimal;
-      return new Decimal(assetAmt).div(10 ** decimal).toFixed(decimal);
-    }
-    return 0;
-  }, [assetAmt, currentAssetPair]);
-
-  const tokenAmt = useMemo(() => {
-    if (currentAssetPair) {
-      const decimal = currentAssetPair.token.decimal;
-      return new Decimal(formatAssetAmt).mul(10 ** decimal).toFixed(0);
-    }
-    return 0;
-  }, [currentAssetPair, formatAssetAmt]);
-
-  const formatTokenAmt = useMemo(() => {
-    if (currentAssetPair) {
-      const decimal = currentAssetPair.token.decimal;
-      const displayDecimal = currentAssetPair.asset.decimal;
-      return new Decimal(tokenAmt)
-        .div(10 ** decimal)
-        .toFixed(displayDecimal, Decimal.ROUND_DOWN);
-    }
-    return 0;
-  }, [currentAssetPair, tokenAmt]);
-
-  const parseInvoice = useCallback(async () => {
-    try {
-      setParseInvoiceLoading(true);
-      const decoded = window.lightningPayReq.decode(invoice);
-      if (decoded.timeExpireDate < Math.floor(Date.now() / 1000)) {
-        setIsExpired(true);
-      }
-      //const numMsat = decoded.millisatoshis;
-      const { amount: amt } = await invoiceToAssetInfo({
-        payReq: invoice,
-        assetId: currentAssetPair.asset.assetId,
-      });
-      setAssetAmt(amt);
-      const hashlock = getPaymentHash(decoded);
-      setHashlock(hashlock);
-    } catch (e) {
-      console.log(e.message);
-      setAssetAmt(0);
-    } finally {
-      setParseInvoiceLoading(false);
-    }
-  }, [currentAssetPair, invoice]);
-  useDebounceEffect(
-    () => {
-      if (invoice && currentAssetPair) {
-        parseInvoice();
-      }
-    },
-    [currentAssetPair, invoice, parseInvoice],
-    {
-      wait: 500,
-    }
-  );
-
-  return {
-    assetAmt,
-    formatAssetAmt,
-    tokenAmt,
-    formatTokenAmt,
-    hashlock,
-    parseInvoiceLoading,
-    isExpired,
-  };
-}

package/src/index.css

@@ -1,69 +0,0 @@
-:root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: rgba(26, 26, 26, 0.5);
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-/* a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-} */
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-  background-color: #041011;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-/* button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-} */
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}

package/src/index.jsx

@@ -1,161 +0,0 @@
-// import { Button } from "antd";
-import { ConfigProvider, theme } from "antd";
-import { createAppKit } from "@reown/appkit/react";
-import { WagmiProvider } from "wagmi";
-import {
-  sepolia,
-  baseSepolia,
-  base,
-  bsc,
-  botanixTestnet,
-} from "@reown/appkit/networks";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { WagmiAdapter } from "@reown/appkit-adapter-wagmi";
-import AstraDialog from "./comps/AstraModal.jsx";
-import useStore from "./store/index.js";
-import { themeConfig } from "./theme.js";
-import { MODAL_DISPLAY_TYPE } from "./constants/index.js";
-import IconEthNetwork from "./assets/network/eth.png";
-import IconBaseNetwork from "./assets/network/base.png";
-import IconBotanixNetwork from "./assets/network/botanix.png";
-import { useLayoutEffect, useMemo, useRef } from "react";
-
-const defaultMetadata = {
-  name: "Lnfi",
-  description: "Lnfi",
-  url: "https://www.lnfi.network/", // origin must match your domain & subdomain
-  icons: ["https://avatars.githubusercontent.com/u/37784886"],
-};
-
-const API_URL_MAP = {
-  // development: "https://devof-astralsp.unift.xyz/",
-  development: "https://devof-nodeflow-bridge-api.unift.xyz/",
-  production: "https://api.astra-labs.io/",
-};
-// 3. Set the networks
-
-let wagmiAdapter = null;
-
-export default function AstraProvider({
-  projectId,
-  metadata,
-  adapter,
-  env = "production",
-  apiUrl = "https://api.astra-labs.io/",
-  children,
-}) {
-  const networks = useMemo(() => {
-    return env === "development" ? [sepolia, baseSepolia] : [bsc, base];
-  }, [env]);
-  // const transports = useMemo(()=>{
-  //   return env==='development'? {
-  //     [sepolia.id]: http(`https://eth-sepolia.g.alchemy.com/v2/${ALCHEMY_KEY}`),
-  //     [baseSepolia.id]: http(`https://base-sepolia.g.alchemy.com/v2/${ALCHEMY_KEY}`),
-  //   }:{
-  //     [bsc.id]: http(`https://bnb-mainnet.g.alchemy.com/v2/${ALCHEMY_KEY}`),
-  //     [base.id]: http(`https://base-mainnet.g.alchemy.com/v2/${ALCHEMY_KEY}`),
-  //   }
-  // },[env])
-  const { setAstrApiUrl } = useStore();
-  const queryClient = new QueryClient();
-  const appKit = useRef(null);
-  if (!wagmiAdapter) {
-    wagmiAdapter = adapter
-      ? adapter
-      : new WagmiAdapter({
-          networks,
-          // transports: transports,
-          projectId: projectId,
-          pollingInterval: 8_000,
-          cacheTime: 6_000,
-          ssr: false,
-        });
-  }
-  useLayoutEffect(() => {
-    if (!appKit.current) {
-      appKit.current = createAppKit({
-        adapters: [wagmiAdapter],
-        networks,
-        chainImages: {
-          [sepolia.id]: IconEthNetwork,
-          [baseSepolia.id]: IconBaseNetwork,
-          [botanixTestnet.id]: IconBotanixNetwork,
-        },
-        debug: false,
-        themeMode: "dark",
-        projectId: projectId,
-        metadata: metadata || defaultMetadata,
-        featuredWalletIds: [
-          "c57ca95b47569778a828d19178114f4db188b89b763c899ba0be274e97267d96",
-          "971e689d0a5be527bac79629b4ee9b925e82208e5168b733496a09c0faed0709",
-          "8a0ee50d1f22f6651afcae7eb4253e52a3310b90af5daef78a8c4929a9bb99d4",
-        ],
-        features: {
-          analytics: false,
-          swaps: false,
-          onramp: false,
-          socials: [],
-          email: false,
-        },
-      });
-    }
-    const finalApiUrl = API_URL_MAP[env] || apiUrl;
-    setAstrApiUrl(finalApiUrl);
-  }, [apiUrl, env, metadata, networks, projectId, setAstrApiUrl]);
-
-  return (
-    <>
-      <>
-        <ConfigProvider
-          theme={{
-            algorithm: theme.darkAlgorithm,
-            cssVar: false,
-            ...themeConfig,
-          }}
-          prefixCls="astra"
-        >
-          <WagmiProvider config={wagmiAdapter.wagmiConfig}>
-            <QueryClientProvider client={queryClient}>
-              <>{children}</>
-            </QueryClientProvider>
-          </WagmiProvider>
-        </ConfigProvider>
-      </>
-    </>
-  );
-}
-
-export const AstraModal = AstraDialog;
-// eslint-disable-next-line react-refresh/only-export-components
-export function astraReceive({ invoice, assetId }) {
-  //evm2lightning
-  const store = useStore;
-
-  // 校验将在组件内部进行（因为需要等待 allAssetPairs 加载）
-  // 这里只设置参数，由 ToLightning 组件负责校验和显示错误
-  store.setState(() => ({
-    astraModalShow: true,
-    receiveArgs: { invoice, assetId },
-    modalDisplayType: MODAL_DISPLAY_TYPE.TO_LIGHTNING,
-  }));
-}
-
-// eslint-disable-next-line react-refresh/only-export-components
-export function astraSend({
-  amount,
-  assetId,
-  onAstraInvoice,
-  waitConfirm = true,
-}) {
-  // lightning2evm
-  const store = useStore;
-
-  // 校验将在组件内部进行（因为需要等待 allAssetPairs 加载）
-  // 这里只设置参数，由 ToToken 组件负责校验和显示错误
-  store.setState(() => ({
-    astraModalShow: true,
-    sendArgs: { amount, assetId, waitConfirm },
-    modalDisplayType: MODAL_DISPLAY_TYPE.TO_EVM,
-    onAstraInvoice,
-  }));
-}