edsadapter 0.0.1

package/src/theme/components/Tag.ts

@@ -0,0 +1,21 @@
+import { tagAnatomy } from '@chakra-ui/anatomy'
+import { createMultiStyleConfigHelpers } from '@chakra-ui/react'
+
+const { definePartsStyle, defineMultiStyleConfig } = createMultiStyleConfigHelpers(tagAnatomy.keys)
+
+const base = definePartsStyle({
+  container: {
+    bg: '#161616',
+    borderRadius: '8px',
+    p: '6px 16px',
+    h: '40px',
+    fontSize: '14px',
+    fontWeight: 600,
+  },
+})
+
+export const tagTheme = defineMultiStyleConfig({
+  variants: {
+    base,
+  },
+})

package/src/theme/components/Textarea.ts

@@ -0,0 +1,21 @@
+import { defineStyle, defineStyleConfig } from '@chakra-ui/react'
+
+const base = defineStyle({
+  h: '200px',
+  resize: 'none',
+  color: '#D1D4E2',
+  p: '12px',
+  bg: '#0A0C15',
+  borderRadius: '12px',
+  border:"1px solid rgba(223, 229, 243, 0.20)",
+  fontSize: '12px',
+  fontWeight: 500,
+  lineHeight: '1.4em',
+  _placeholder: {
+    color: '#D1D4E2',
+  },
+})
+
+export const textareaTheme = defineStyleConfig({
+  variants: { base },
+})

package/src/theme/components/Tooltip.ts

@@ -0,0 +1,35 @@
+import { defineStyle, defineStyleConfig } from '@chakra-ui/react'
+
+const base = defineStyle(() => {
+  return {
+    w: 'fit-content',
+    maxW: '400px',
+    // p: '12px 20px',
+    bg: 'a4',
+    fontSize: '14px',
+    lineHeight: '1.4em',
+    color: 'a4',
+    borderRadius: '4px',
+  }
+})
+
+const warning = defineStyle(() => {
+  return {
+    w: 'fit-content',
+    maxW: '300px',
+    p: '12px 16px',
+    bg: '#271315',
+    fontSize: '14px',
+    lineHeight: '1.4em',
+    color: '#FFAEAE',
+    border: '1px solid #9A131B',
+    borderRadius: '8px',
+  }
+})
+
+const variants = {
+  base,
+  warning,
+}
+
+export const tooltipTheme = defineStyleConfig({ variants })

package/src/theme/index.ts

@@ -0,0 +1,269 @@
+import { extendTheme, type ThemeConfig } from "@chakra-ui/react";
+import { tabsTheme } from "./components/Tabs";
+import { popoverTheme } from "./components/Popover";
+import { inputTheme } from "./components/Input";
+import { numberInputTheme } from "./components/NumberInput";
+import { textareaTheme } from "./components/Textarea";
+import { tableTheme } from "./components/Table";
+import { drawerTheme } from "./components/Drawer";
+import { modalTheme } from "./components/Modal";
+import { radioTheme } from "./components/Radio";
+import { menuTheme } from "./components/Menu";
+import { buttonTheme } from "./components/Button";
+import { checkboxTheme } from "./components/Checkbox";
+import { tooltipTheme } from "./components/Tooltip";
+import { switchTheme } from "./components/Switch";
+import { progressTheme } from "./components/Progress";
+
+const config: ThemeConfig = {
+  initialColorMode: "light",
+  useSystemColorMode: false,
+};
+
+export const headerHeight = {
+  sm: 52,
+  xl: 70,
+};
+
+export const breakpoints = {
+  sm: "0px",
+  xl: "891px",
+  "2xl": "1441px",
+};
+
+const space = {
+  px: "1px",
+  0.5: "2px",
+  1: "4px",
+  1.5: "6px",
+  2: "8px",
+  2.5: "10px",
+  3: "12px",
+  3.5: "14px",
+  4: "16px",
+  5: "20px",
+  6: "24px",
+  7: "28px",
+  8: "32px",
+  9: "36px",
+  10: "40px",
+  12: "48px",
+  14: "56px",
+  16: "64px",
+  20: "80px",
+  24: "96px",
+  28: "112px",
+  32: "128px",
+  36: "144px",
+  40: "160px",
+  44: "176px",
+  48: "192px",
+  52: "200px",
+  56: "224px",
+  60: "240px",
+  64: "256px",
+  72: "288px",
+  80: "320px",
+  96: "384px",
+  "3xs": "224px",
+};
+
+const sizes = {
+  ...space,
+};
+
+const radii = {
+  none: "0",
+  sm: "2px",
+  base: "4px",
+  md: "6px",
+  lg: "8px",
+  xl: "12px",
+  "2xl": "16px",
+  "3xl": "24px",
+  full: "9999px",
+  card: "12px",
+};
+
+const fontSizes = {
+  xs: "12px",
+  sm: "14px",
+  md: "16px",
+  lg: "18px",
+  xl: "20px",
+  "2xl": "24px",
+  "3xl": "30px",
+  "4xl": "36px",
+  "5xl": "48px",
+  "6xl": "60px",
+  "7xl": "88px",
+  "8xl": "96px",
+  "9xl": "128px",
+};
+
+const lineHeights = {
+  normal: "normal",
+  none: 1,
+  shorter: 1.25,
+  short: 1.375,
+  base: 1.5,
+  tall: 1.625,
+  taller: "2",
+  "3": "12px",
+  "4": "16px",
+  "5": "20px",
+  "6": "24px",
+  "7": "28px",
+  "8": "32px",
+  "9": "36px",
+  "10": "40px",
+};
+
+const colors = {
+  a1: "#F3F3F3",
+  a2: "#1B2032",
+  a3: "#F5F5F5",
+  a4: "#FFF",
+  a5: "#eee",
+  a6: "#222",
+  a7: "#000",
+  a8: "#666",
+  a9: "#121212",
+  b1: "#0A0A0A",
+  b2: "#EAEFF4",
+  b3: "#545454",
+  b4: "#999",
+  b5: "#9969FF",
+  b6: "#8473FF",
+  b7: "#F2F2F2",
+  b8: "#67A1FA",
+  b9: "#FF9E14",
+  b10: "#31CF2E",
+  b11: "#F66161",
+  b12: "#9969FF",
+  b13: "#F9F9F9",
+  b14: "#F31111",
+  b15: "#575757",
+  c1: "#FF59DC",
+  c2: "#0FC6FF",
+  c3: "#A954FF",
+  c4: "#F34D4E",
+  c5: "#FF9500",
+  c6: "#FFCC00",
+  c7: "#E1CD98",
+  c8: "#E5E5E5",
+  g1: "linear-gradient(180deg, rgba(0, 0, 0, 0.50) 44%, rgba(255, 255, 255, 0.50) 100%)",
+  g2: "linear-gradient(92deg, #FF3B10 1.82%, #FF5AE4 98.18%)",
+  g3: "linear-gradient(315deg, #F95151 0%, #FFCE22 100%)",
+  g4: "linear-gradient(315deg, #FF45A9 0%, #F95151 100%)",
+  g5: "linear-gradient(315deg, #9441FF 0%, #FF45A9 100%)",
+  g6: "linear-gradient(315deg, #1E6AFF 0%, #9441FF 100%)",
+  bodyBg: "var(--body-bg-color)",
+  font: "#fff",
+  subFont: "#72747E",
+  headerBg: "var(--header-bg-color)",
+  cardBg: "var(--body-bg-color)",
+  subCardBg: "var(--sub-card-bg-color)",
+  border: "var(--border-color)",
+  inputBorder: "#2D2D31",
+  up: "#0FD375",
+  upBg: "#132625",
+  down: "#D2334D",
+  downBg: "#281C1F",
+  error: "#ED303B",
+};
+
+const textStyles = {
+  textEllipsis: {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+  },
+};
+
+const layerStyles = {
+  card: {
+    bg: { sm: "initial", xl: "cardBg" },
+    borderRadius: { sm: "initial", xl: "card" },
+    p: { sm: "0", xl: "16px" },
+  },
+  contentBox: {
+    maxW: { sm: "3.43rem", xl: "12.54rem", "2xl": "16.8rem" },
+    mx: "auto",
+  },
+  userContentBox: {
+    maxW: { sm: "3.43rem", xl: "initial" },
+    mx: { sm: "auto", xl: "initial" },
+  },
+  hideScrollBar: {
+    "&::-webkit-scrollbar": {
+      display: "none",
+    },
+  },
+};
+
+const theme = extendTheme({
+  components: {
+    Tabs: tabsTheme,
+    Popover: popoverTheme,
+    Input: inputTheme,
+    NumberInput: numberInputTheme,
+    Textarea: textareaTheme,
+    Table: tableTheme,
+    Drawer: drawerTheme,
+    Modal: modalTheme,
+    Radio: radioTheme,
+    Menu: menuTheme,
+    Button: buttonTheme,
+    Checkbox: checkboxTheme,
+    Tooltip: tooltipTheme,
+    Switch: switchTheme,
+    Progress: progressTheme
+  },
+  styles: {
+    global: {
+      body: {
+        fontFamily: "PingFang SC; sans-serif",
+        fontSize: "16px",
+        bg: "bodyBg",
+        color: "a4",
+        lineHeight: 1,
+        minW: { sm: "320px", xl: "1200px" },
+        maxW: "100vw",
+        minH: "100vh",
+        overflowX: "hidden",
+      },
+      "::-webkit-scrollbar-track": {
+        boxShadow: "inset 0 0 6px rgba(0, 0, 0, 0.4)",
+        backgroundColor: "none",
+      },
+      "::-webkit-scrollbar": {
+        width: "6px",
+        height: "6px",
+        backgroundColor: "rgba(255, 255, 255, 0.4)",
+      },
+      "::-webkit-scrollbar-thumb": {
+        backgroundColor: "#1A1a1a",
+        borderRadius: "4px",
+      },
+    },
+  },
+  colors,
+  breakpoints,
+  space,
+  sizes,
+  config,
+  textStyles,
+  layerStyles,
+  radii,
+  fontSizes,
+  lineHeights,
+  zIndices: {
+    header: 60,
+    sticky: 9,
+    overlay: 999,
+    modal: 1000,
+  },
+});
+
+export default theme;

package/src/types/adapter.d.ts

@@ -0,0 +1,43 @@
+declare module 'adapter' {
+  const Button: React.ComponentType;
+  export default Button;
+
+  export const WalletEndNameEnum: {
+    readonly METAMASK: 'MetaMask';
+    readonly OKX: 'OKX Wallet';
+    readonly BITGET: 'Bitget Wallet';
+    readonly ENDLESS: 'Endless Wallet';
+    readonly LUFFA: 'Luffa Wallet';
+    readonly COINBASE: 'Coinbase Wallet';
+    readonly TRONLINK: 'TronLink';
+    readonly WC: 'Wallet Connect';
+    readonly PHANTOM: 'Phantom Wallet';
+  };
+
+  export type WalletEndNameEnum = typeof WalletEndNameEnum[keyof typeof WalletEndNameEnum];
+
+  export const WalletType: {
+    readonly PHANTOM: 1;
+    readonly OKX: 2;
+    readonly SOLFLARE: 3;
+    readonly BITGET: 4;
+    readonly COINBASE: 5;
+    readonly MATH: 6;
+    readonly BACKPACK: 7;
+    readonly GLOW: 8;
+    readonly TRONLINK: 9;
+    readonly WC: 10;
+    readonly METAMASK: 11;
+    readonly ENDLESS: 12;
+    readonly LUFFA: 13;
+  };
+
+  export type WalletType = typeof WalletType[keyof typeof WalletType];
+}
+
+// src/types/svg.d.ts
+declare module "*.svg?react" {
+    import * as React from 'react';
+    const ReactComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+    export default ReactComponent;
+  }

package/src/types/global.d.ts

@@ -0,0 +1,102 @@
+interface Window {
+  bw?: {
+    put: {
+      connect: (params: { session?: string }) => Promise<any>
+      disconnect: (params: { session: string }) => Promise<any>
+      signMessage: (params: { message: string; session: string; display?: 'utf8' | 'hex' }) => Promise<any>
+      signTransaction: (params: { transaction: string; session: string }) => Promise<any>
+      signAllTransactions: (params: { transactions: string[]; session: string }) => Promise<any>
+      signAndSendTransaction: (params: { transaction: string; session: string }) => Promise<any>
+      on: (event: string, callback: (params: any) => void) => void
+      removeAllListeners: () => void
+    }
+    solana: {
+      connect: () => Promise<any>
+      disconnect: () => Promise<any>
+      signMessage: (params: { message: string; display?: 'utf8' | 'hex' }) => Promise<any>
+      signTransaction: (params: { transaction: string }) => Promise<any>
+      signAllTransactions: (params: { transactions: string[] }) => Promise<any>
+      signAndSendTransaction: (params: { transaction: string }) => Promise<any>
+      on: (event: string, callback: (params: any) => void) => void
+      removeAllListeners: () => void
+    }
+  }
+  tron?: {
+    ready: boolean
+    tronWeb: any
+    request: (prams: { method: string; [key: string]: any }) => Promise<any>
+    removeAllListeners: () => void
+  }
+  tronLink?: {
+    ready: boolean
+    tronWeb: any
+    request: (prams: { method: string; [key: string]: any }) => Promise<any>
+    removeAllListeners: () => void
+  }
+  tronWeb?: {
+    request<T = { code: number; message: string }>(...params: any[]): Promise<T>
+    ready: boolean
+    defaultAddress: {
+      base58: string
+      hex: string
+    }
+    address: {
+      fromHex(key?: string): string
+      fromPrivateKey(key?: string): string
+      toHex(key?: string): string
+    }
+    contract(
+      ABI?: ContractInterface,
+      contractAddress?: string,
+    ): {
+      [key: string]: ContractFunction | any
+      loadAbi(ABI: ContractInterface): void
+      at(tokenAddress: string): Promise<{
+        balanceOf(address: string): contract
+        transfer(to: string, amount: string): contract
+      }>
+    }
+    transactionBuilder: {
+      sendToken<T = string>(
+        to: string,
+        amount: number,
+        tokenID: string,
+        from?: string,
+        permissionId?: number,
+      ): Promise<T>
+      sendTrx<T = string>(to: string, amount: number, from?: string, permissionId?: number): Promise<T>
+    }
+    trx: {
+      sign<T = string>(tx: any): Promise<T>
+      sendToken<T = string>(to: string, amount: number, tokenID: string): Promise<T>
+      sendTransaction(
+        to: string,
+        amount: string,
+      ): Promise<{
+        result: boolean
+        transaction: any
+        txid: string
+      }>
+      sendRawTransaction(signedTx: string): Promise<TronSendRawTransactionResponse>
+      multiSign(...params: any[]): Promise<string>
+    }
+    setAddress(addr: string): void
+    setDefaultBlock(block: string): void
+  }
+  TronWeb?: any
+  ethereum?: {
+    request: (prams: { method: string; [key: string]: any }) => Promise<any>
+    on: (event: string, callback: (params: any) => void) => void
+    removeAllListeners: () => void
+    isMetaMask: boolean
+  }
+  okxwallet?: {
+    request: (prams: { method: string; [key: string]: any }) => Promise<any>
+    on: (event: string, callback: (params: any) => void) => void
+    removeAllListeners: () => void
+    chainId: string
+  }
+  ethProviders?: any
+  endlessWallet: any
+  evmWallet?: any
+}

package/src/types/type.ts

@@ -0,0 +1,100 @@
+export interface EIP6963ProviderInfo {
+  rdns: string
+  uuid: string
+  name: string
+  icon: string
+}
+
+export type EIP6963AnnounceProviderEvent = {
+  detail: {
+    info: EIP6963ProviderInfo
+    provider: Readonly<EIP1193Provider>
+  }
+}
+
+
+export interface EIP6963ProviderDetail {
+  info: EIP6963ProviderInfo
+  provider: EIP1193Provider
+}
+
+
+export interface EIP1193Provider {
+  isStatus?: boolean
+  host?: string
+  path?: string
+  connect: Function
+  getAccount: Function
+  sendAsync?: (
+    request: { method: string; params?: Array<unknown> },
+    callback: (error: Error | null, response: unknown) => void,
+  ) => void
+  send?: (
+    request: { method: string; params?: Array<unknown> },
+    callback: (error: Error | null, response: unknown) => void,
+  ) => void
+  request: (request: { method: string; params?: Array<unknown> }) => Promise<unknown>
+  on: (event: string, callback: (params: any) => void) => void
+  _initData?: any
+}
+
+export const WalletEndNameEnum = {
+  METAMASK: 'MetaMask',
+  OKX: 'OKX Wallet',
+  BITGET: 'Bitget Wallet',
+  ENDLESS: 'Endless Wallet',
+  LUFFA: 'Luffa Wallet',
+  COINBASE: 'Coinbase Wallet',
+  TRONLINK: 'TronLink',
+  WC: 'Wallet Connect',
+  PHANTOM: 'Phantom Wallet',
+} as const
+
+export type WalletEndNameEnum = typeof WalletEndNameEnum[keyof typeof WalletEndNameEnum]
+
+export const WalletType = {
+  PHANTOM: 1,
+  OKX: 2,
+  SOLFLARE: 3,
+  BITGET: 4,
+  COINBASE: 5,
+  MATH: 6,
+  BACKPACK: 7,
+  GLOW: 8,
+  TRONLINK: 9,
+  WC: 10,
+  METAMASK: 11,
+  ENDLESS: 12,
+  LUFFA: 13,
+} as const
+
+export type WalletType = typeof WalletType[keyof typeof WalletType]
+
+export const WalletLink = {
+  PHANTOM: 'https://phantom.app/',
+  OKX: 'https://www.okx.com/download',
+  SOLFLARE: 'https://solflare.com/',
+  BITGET: 'https://web3.bitget.com/en/wallet-download?type=2',
+  COINBASE: 'https://www.coinbase.com/wallet/download',
+  BACKPACK: 'https://www.backpack.app/downloads',
+  MATH: 'https://mathwallet.org/',
+  GLOW: 'https://glow.app/',
+  TRONLINK: 'https://www.tronlink.org/',
+  METAMASK: 'https://metamask.io/download/',
+} as const
+
+export type WalletLink = typeof WalletLink[keyof typeof WalletLink]
+
+export const MethodName = {
+  PHANTOM: 'phantom',
+  OKX: 'okxwallet',
+  SOLFLARE: 'solflare',
+  BITGET: 'bitkeep',
+  COINBASE: 'coinbaseSolana',
+  BACKPACK: 'backpack',
+  GLOW: 'glow',
+  TRONLINK: 'tronLink',
+  METAMASK: 'ethereum',
+} as const
+
+export type MethodName = typeof MethodName[keyof typeof MethodName]

package/src/web3/ethereum/index.ts

@@ -0,0 +1,36 @@
+import useConnectStore from '../../store/connectStore'
+import type { EIP6963ProviderDetail } from '../../types/type'
+import { ethers } from 'ethers'
+
+export const handleEvmConnect = async (providerWithInfo: EIP6963ProviderDetail, img: string) => {
+
+    try {
+        const accounts: any = await providerWithInfo.provider.request({
+            method: 'eth_requestAccounts',
+        })
+
+        const checksumAddress = ethers.getAddress(accounts[0])
+
+        let address: string = ''
+        let chainId: string = ''
+        // setSelectedWallet(providerWithInfo);
+        if (accounts) {
+            address = checksumAddress || ''
+        }
+        const curChainId = (await providerWithInfo.provider.request({
+            method: 'eth_chainId',
+            params: [],
+        })) as string
+        if (curChainId) {
+            chainId = curChainId || 'eip155:1'
+        }
+
+        useConnectStore.getState().setChain(chainId)
+        useConnectStore.getState().updateAddress(address)
+        useConnectStore.getState().updateWalletIcon(img)
+
+    } catch (error) {
+        return error
+    }
+}
+

package/src/web3/index.ts

@@ -0,0 +1,15 @@
+import { WalletType } from "../types/type";
+import useConnectStore from "../store/connectStore";
+import { getSolProvider } from "./solana";
+import { getTronProvider } from "./tron";
+
+export const getProvider = (walletType: WalletType) => {
+    if (walletType === WalletType.ENDLESS || walletType === WalletType.LUFFA) {
+        return useConnectStore.getState().jssdk;
+    } else if (walletType === WalletType.PHANTOM) {
+        return getSolProvider()
+    } else if (walletType === WalletType.TRONLINK) {
+        return getTronProvider()
+    }
+
+}