@tokemak/hooks 0.0.0

package/dist/index.d.ts

@@ -0,0 +1,59 @@
+import * as _tokemak_config from '@tokemak/config';
+import { CoreNetworkConfig } from '@tokemak/config';
+import * as viem from 'viem';
+import * as react from 'react';
+
+declare const useClipboard: () => {
+    isCopied: boolean;
+    copyToClipboard: (text: string) => void;
+};
+
+declare const useInputErrors: (balance: string | undefined, amount: string) => {
+    hasError: boolean | undefined;
+    inputMsg: string | undefined;
+};
+
+declare const useCoreConfig: (chainId?: number) => CoreNetworkConfig;
+
+declare const useUserAccount: () => {
+    address: `0x${string}` | undefined;
+    ensName: viem.GetEnsNameReturnType | undefined;
+    ensAvatar: viem.GetEnsAvatarReturnType | undefined;
+    truncatedAddress: string | null;
+};
+
+declare const useIsChainSupported: () => boolean;
+
+declare const useMainnetConfig: () => _tokemak_config.MainnetNetworkConfig;
+
+declare const useAmountPrice: (amount?: string, price?: number) => string;
+
+interface AutoSlippageConfig {
+    estimatedPriceImpact?: number;
+    maxSlippage?: number;
+    margin?: number;
+    defaultSlippage?: number;
+}
+declare const useAutoSlippage: ({ estimatedPriceImpact, maxSlippage, margin, defaultSlippage, }: AutoSlippageConfig) => number;
+
+declare const useDebounce: <T>(value: T, delay: number) => [T, boolean];
+
+declare function useLocalStorageState<T>(key: string, defaultValue: T): readonly [T, react.Dispatch<react.SetStateAction<T>>];
+
+declare const useIsDev: () => boolean;
+
+declare const useBrowserDetect: () => {
+    isChrome: boolean;
+    isSafari: boolean;
+    isFirefox: boolean;
+    isEdge: boolean;
+    isOpera: boolean;
+    isIE: boolean;
+    isIOS: boolean;
+    isAndroid: boolean;
+    isWindows: boolean;
+    isMacOS: boolean;
+    isLinux: boolean;
+};
+
+export { useAmountPrice, useAutoSlippage, useBrowserDetect, useClipboard, useCoreConfig, useDebounce, useInputErrors, useIsChainSupported, useIsDev, useLocalStorageState, useMainnetConfig, useUserAccount };

package/dist/index.js

@@ -0,0 +1,249 @@
+// src/ui/useClipboard.ts
+import { useState } from "react";
+var useClipboard = () => {
+  const [isCopied, setIsCopied] = useState(false);
+  const copyToClipboard = (text) => {
+    setIsCopied(true);
+    navigator.clipboard.writeText(text);
+    setTimeout(() => setIsCopied(false), 1e3);
+  };
+  return { isCopied, copyToClipboard };
+};
+
+// src/ui/useInputErrors.ts
+import { useMemo } from "react";
+var useInputErrors = (balance, amount) => {
+  const hasError = useMemo(() => {
+    if (parseFloat(amount) < 0) return true;
+    if (balance) return parseFloat(amount) > parseFloat(balance);
+  }, [amount, balance]);
+  const inputMsg = useMemo(() => {
+    if (!amount || parseFloat(amount) === 0) {
+      return "Enter an amount";
+    }
+    if (parseFloat(amount) < 0) {
+      return "Invalid amount";
+    }
+    if (balance) {
+      if (parseFloat(amount) > parseFloat(balance)) {
+        return "Insufficient balance";
+      }
+    }
+  }, [amount, balance]);
+  return { hasError, inputMsg };
+};
+
+// src/web3/useCoreConfig.ts
+import {
+  getCoreConfig,
+  isSupportedChainId
+} from "@tokemak/config";
+import { useMemo as useMemo2 } from "react";
+import { mainnet } from "viem/chains";
+import { useAccount } from "wagmi";
+var useCoreConfig = (chainId) => {
+  const { chain } = useAccount();
+  const tokemakConfig = useMemo2(() => {
+    if (chainId && isSupportedChainId(chainId)) {
+      return getCoreConfig(chainId);
+    }
+    if (chain && isSupportedChainId(chain.id)) {
+      return getCoreConfig(chain.id);
+    }
+    return getCoreConfig(mainnet.id);
+  }, [chain, chainId]);
+  return tokemakConfig;
+};
+
+// src/web3/useUserAccount.tsx
+import { useMemo as useMemo3 } from "react";
+import { truncateAddress } from "@tokemak/utils";
+import { useAccount as useAccount2, useEnsAvatar, useEnsName } from "wagmi";
+var useUserAccount = () => {
+  const { address } = useAccount2();
+  const { data: ensName } = useEnsName({ address });
+  const { data: ensAvatar } = useEnsAvatar({ name: ensName || "" });
+  const truncatedAddress = useMemo3(() => truncateAddress(address), [address]);
+  return { address, ensName, ensAvatar, truncatedAddress };
+};
+
+// src/web3/useIsChainSupported.ts
+import { useMemo as useMemo4 } from "react";
+import { useAccount as useAccount3, useConfig } from "wagmi";
+var useIsChainSupported = () => {
+  const { chain } = useAccount3();
+  const { chains } = useConfig();
+  const isChainSupported = useMemo4(
+    () => chain && chains.some((item) => item.id === chain.id),
+    [chain, chains]
+  );
+  return !!isChainSupported;
+};
+
+// src/web3/useMainnetConfig.ts
+import { mainnetConfig } from "@tokemak/config";
+import { useMemo as useMemo5 } from "react";
+import { useAccount as useAccount4 } from "wagmi";
+var useMainnetConfig = () => {
+  const { chain } = useAccount4();
+  const config = useMemo5(() => {
+    if (chain === void 0) {
+      return mainnetConfig;
+    } else {
+      return mainnetConfig;
+    }
+  }, [chain]);
+  return config;
+};
+
+// src/web3/useAmountPrice.ts
+import { formatCurrency } from "@tokemak/utils";
+import numbro from "numbro";
+import { useMemo as useMemo6 } from "react";
+var useAmountPrice = (amount, price) => {
+  return useMemo6(
+    () => amount && price ? formatCurrency(parseFloat(amount) * price) : numbro(0).formatCurrency({ mantissa: 2 }),
+    [amount, price]
+  );
+};
+
+// src/web3/useAutoSlippage.ts
+import { useMemo as useMemo7 } from "react";
+var MAX_SLIPPAGE_DEFAULT = 0.02;
+var MARGIN_DEFAULT = 2e-3;
+var DEFAULT_SLIPPAGE = 5e-3;
+var calculateAutoSlippage = (priceImpact, margin, maxSlippage) => {
+  const slippage = priceImpact + margin;
+  return Math.min(slippage, maxSlippage);
+};
+var useAutoSlippage = ({
+  estimatedPriceImpact,
+  maxSlippage = MAX_SLIPPAGE_DEFAULT,
+  margin = MARGIN_DEFAULT,
+  defaultSlippage = DEFAULT_SLIPPAGE
+}) => {
+  const autoSlippage = useMemo7(() => {
+    if (estimatedPriceImpact !== void 0 && !isNaN(estimatedPriceImpact)) {
+      return calculateAutoSlippage(estimatedPriceImpact, margin, maxSlippage);
+    }
+    return defaultSlippage;
+  }, [estimatedPriceImpact]);
+  return autoSlippage;
+};
+
+// src/utils/useDebounce.ts
+import { useState as useState2, useEffect } from "react";
+var useDebounce = (value, delay) => {
+  const [debouncedValue, setDebouncedValue] = useState2(value);
+  const [isLoading, setIsLoading] = useState2(false);
+  useEffect(() => {
+    setIsLoading(true);
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+      setIsLoading(false);
+    }, delay);
+    return () => {
+      clearTimeout(handler);
+      setIsLoading(false);
+    };
+  }, [value, delay]);
+  return [debouncedValue, isLoading];
+};
+
+// src/utils/useLocalStorageState.ts
+import { useState as useState3, useEffect as useEffect2 } from "react";
+function useLocalStorageState(key, defaultValue) {
+  const [state, setState] = useState3(() => {
+    if (typeof window === "undefined") {
+      return defaultValue;
+    }
+    try {
+      const localStorageValue = localStorage.getItem(key);
+      return localStorageValue !== null ? JSON.parse(localStorageValue) : defaultValue;
+    } catch (error) {
+      console.error("Error reading localStorage key", key, error);
+      return defaultValue;
+    }
+  });
+  useEffect2(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    try {
+      localStorage.setItem(key, JSON.stringify(state));
+    } catch (error) {
+      console.error("Error setting localStorage key", key, error);
+    }
+  }, [key, state]);
+  return [state, setState];
+}
+
+// src/utils/useIsDev.ts
+var useIsDev = () => {
+  return process.env.NEXT_PUBLIC_ENV === "development";
+};
+
+// src/utils/useBrowserDetect.ts
+import { useEffect as useEffect3, useState as useState4 } from "react";
+var useBrowserDetect = () => {
+  const [isChrome, setIsChrome] = useState4(false);
+  const [isSafari, setIsSafari] = useState4(false);
+  const [isFirefox, setIsFirefox] = useState4(false);
+  const [isEdge, setIsEdge] = useState4(false);
+  const [isOpera, setIsOpera] = useState4(false);
+  const [isIE, setIsIE] = useState4(false);
+  const [isIOS, setIsIOS] = useState4(false);
+  const [isAndroid, setIsAndroid] = useState4(false);
+  const [isWindows, setIsWindows] = useState4(false);
+  const [isMacOS, setIsMacOS] = useState4(false);
+  const [isLinux, setIsLinux] = useState4(false);
+  useEffect3(() => {
+    const userAgent = navigator.userAgent;
+    setIsChrome(
+      /chrome|crios/i.test(userAgent) && !/edge|opr\//i.test(userAgent)
+    );
+    setIsSafari(
+      /^((?!chrome|android).)*safari/i.test(userAgent) && !/crios|edgios|fxios/i.test(userAgent)
+    );
+    setIsFirefox(/firefox|fxios/i.test(userAgent));
+    setIsEdge(/edg/i.test(userAgent));
+    setIsOpera(/opr\//i.test(userAgent));
+    setIsIE(/msie|trident/i.test(userAgent));
+    setIsIOS(
+      /iPad|iPhone|iPod/.test(userAgent) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1
+    );
+    setIsAndroid(/android/i.test(userAgent));
+    setIsWindows(/win/i.test(userAgent));
+    setIsMacOS(
+      /mac/i.test(navigator.platform) && !/iPhone|iPad|iPod/.test(userAgent)
+    );
+    setIsLinux(/linux/i.test(userAgent) && !/android/i.test(userAgent));
+  }, []);
+  return {
+    isChrome,
+    isSafari,
+    isFirefox,
+    isEdge,
+    isOpera,
+    isIE,
+    isIOS,
+    isAndroid,
+    isWindows,
+    isMacOS,
+    isLinux
+  };
+};
+export {
+  useAmountPrice,
+  useAutoSlippage,
+  useBrowserDetect,
+  useClipboard,
+  useCoreConfig,
+  useDebounce,
+  useInputErrors,
+  useIsChainSupported,
+  useIsDev,
+  useLocalStorageState,
+  useMainnetConfig,
+  useUserAccount
+};

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@tokemak/hooks",
+  "version": "0.0.0",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "license": "MIT",
+  "type": "module",
+  "files": [
+    "dist/**"
+  ],
+  "dependencies": {
+    "@tokemak/config": "0.1.1",
+    "@tokemak/utils": "0.1.1",
+    "@tokemak/abis": "0.1.1"
+  },
+  "peerDependencies": {
+    "react": "19.x",
+    "react-dom": "19.x",
+    "wagmi": "2.x",
+    "viem": "2.x"
+  },
+  "scripts": {
+    "build": "tsup",
+    "lint": "eslint \"src/**/*.ts*\"",
+    "clean": "rimraf .turbo node_modules dist"
+  }
+}