Compare commits
3 Commits
main
...
amplitude-
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
2a3e0ac618 | ||
|
|
707db7b111 | ||
|
|
8c759997d1 |
@ -3,7 +3,6 @@ VITE_BASE_URL=
|
|||||||
VITE_ALCHEMY_API_KEY=
|
VITE_ALCHEMY_API_KEY=
|
||||||
|
|
||||||
VITE_PK_ENCRYPTION_KEY=
|
VITE_PK_ENCRYPTION_KEY=
|
||||||
VITE_ROUTER_TYPE=
|
|
||||||
|
|
||||||
VITE_V3_TOKEN_ADDRESS=
|
VITE_V3_TOKEN_ADDRESS=
|
||||||
VITE_TOKEN_MIGRATION_URI=
|
VITE_TOKEN_MIGRATION_URI=
|
||||||
@ -14,9 +13,3 @@ BUGSNAG_API_KEY=
|
|||||||
IOS_APP_ID=
|
IOS_APP_ID=
|
||||||
INTERCOM_APP_ID=
|
INTERCOM_APP_ID=
|
||||||
STATUS_PAGE_SCRIPT_URI=
|
STATUS_PAGE_SCRIPT_URI=
|
||||||
|
|
||||||
SMARTBANNER_APP_NAME=
|
|
||||||
SMARTBANNER_ORG_NAME=
|
|
||||||
SMARTBANNER_ICON_URL=
|
|
||||||
SMARTBANNER_APPSTORE_URL=
|
|
||||||
SMARTBANNER_GOOGLEPLAY_URL=
|
|
||||||
|
|||||||
1
.github/workflows/deploy-testnet.yml
vendored
@ -39,7 +39,6 @@ jobs:
|
|||||||
pnpm run build:inject-amplitude
|
pnpm run build:inject-amplitude
|
||||||
pnpm run build:inject-bugsnag
|
pnpm run build:inject-bugsnag
|
||||||
pnpm run build:inject-statuspage
|
pnpm run build:inject-statuspage
|
||||||
pnpm run build:inject-smartbanner
|
|
||||||
sh scripts/inject-app-deeplinks.sh
|
sh scripts/inject-app-deeplinks.sh
|
||||||
|
|
||||||
- name: Upload to IPFS via web3.storage
|
- name: Upload to IPFS via web3.storage
|
||||||
|
|||||||
@ -2,25 +2,15 @@ import '@/polyfills';
|
|||||||
import { useEffect, useState } from 'react';
|
import { useEffect, useState } from 'react';
|
||||||
import { Provider } from 'react-redux';
|
import { Provider } from 'react-redux';
|
||||||
import styled from 'styled-components';
|
import styled from 'styled-components';
|
||||||
import { WagmiConfig } from 'wagmi';
|
|
||||||
import { GrazProvider } from 'graz';
|
|
||||||
import { QueryClient, QueryClientProvider } from 'react-query';
|
|
||||||
|
|
||||||
import { SupportedLocales } from '@/constants/localization';
|
import { store } from '@/state/_store';
|
||||||
|
|
||||||
import { AccountsProvider } from '@/hooks/useAccounts';
|
|
||||||
import { AppThemeAndColorModeProvider } from '@/hooks/useAppThemeAndColorMode';
|
|
||||||
import { DydxProvider } from '@/hooks/useDydxClient';
|
|
||||||
import { DialogAreaProvider } from '@/hooks/useDialogArea';
|
|
||||||
import { LocaleProvider } from '@/hooks/useLocaleSeparators';
|
|
||||||
import { PotentialMarketsProvider } from '@/hooks/usePotentialMarkets';
|
|
||||||
import { RestrictionProvider } from '@/hooks/useRestrictions';
|
|
||||||
import { SubaccountProvider } from '@/hooks/useSubaccount';
|
|
||||||
|
|
||||||
import { GlobalStyle } from '@/styles/globalStyle';
|
import { GlobalStyle } from '@/styles/globalStyle';
|
||||||
|
|
||||||
import { SelectMenu, SelectItem } from '@/components/SelectMenu';
|
import { SelectMenu, SelectItem } from '@/components/SelectMenu';
|
||||||
|
|
||||||
|
import { AppThemeAndColorModeProvider } from '@/hooks/useAppThemeAndColorMode';
|
||||||
|
|
||||||
import {
|
import {
|
||||||
AppTheme,
|
AppTheme,
|
||||||
AppThemeSystemSetting,
|
AppThemeSystemSetting,
|
||||||
@ -28,38 +18,11 @@ import {
|
|||||||
setAppThemeSetting,
|
setAppThemeSetting,
|
||||||
setAppColorMode,
|
setAppColorMode,
|
||||||
} from '@/state/configs';
|
} from '@/state/configs';
|
||||||
|
import { setLocaleLoaded } from '@/state/localization';
|
||||||
import { setLocaleLoaded, setSelectedLocale } from '@/state/localization';
|
|
||||||
import { store } from '@/state/_store';
|
|
||||||
|
|
||||||
import { config } from '@/lib/wagmi';
|
|
||||||
|
|
||||||
import '@/index.css';
|
import '@/index.css';
|
||||||
import './ladle.css';
|
import './ladle.css';
|
||||||
|
|
||||||
const queryClient = new QueryClient();
|
|
||||||
|
|
||||||
const wrapProvider = (Component: React.ComponentType<any>, props?: any) => {
|
|
||||||
// eslint-disable-next-line react/display-name
|
|
||||||
return ({ children }: { children: React.ReactNode }) => (
|
|
||||||
<Component {...props}>{children}</Component>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
const providers = [
|
|
||||||
wrapProvider(QueryClientProvider, { client: queryClient }),
|
|
||||||
wrapProvider(GrazProvider),
|
|
||||||
wrapProvider(WagmiConfig, { config }),
|
|
||||||
wrapProvider(LocaleProvider),
|
|
||||||
wrapProvider(RestrictionProvider),
|
|
||||||
wrapProvider(DydxProvider),
|
|
||||||
wrapProvider(AccountsProvider),
|
|
||||||
wrapProvider(SubaccountProvider),
|
|
||||||
wrapProvider(DialogAreaProvider),
|
|
||||||
wrapProvider(PotentialMarketsProvider),
|
|
||||||
wrapProvider(AppThemeAndColorModeProvider),
|
|
||||||
];
|
|
||||||
|
|
||||||
export const StoryWrapper: React.FC<{ children: React.ReactNode }> = ({ children }) => {
|
export const StoryWrapper: React.FC<{ children: React.ReactNode }> = ({ children }) => {
|
||||||
const [theme, setTheme] = useState(AppTheme.Classic);
|
const [theme, setTheme] = useState(AppTheme.Classic);
|
||||||
const [colorMode, setColorMode] = useState(AppColorMode.GreenUp);
|
const [colorMode, setColorMode] = useState(AppColorMode.GreenUp);
|
||||||
@ -70,20 +33,9 @@ export const StoryWrapper: React.FC<{ children: React.ReactNode }> = ({ children
|
|||||||
}, [theme, colorMode]);
|
}, [theme, colorMode]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
store.dispatch(setSelectedLocale({ locale: SupportedLocales.EN }));
|
|
||||||
store.dispatch(setLocaleLoaded(true));
|
store.dispatch(setLocaleLoaded(true));
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
const content = [...providers].reverse().reduce(
|
|
||||||
(children, Provider) => {
|
|
||||||
return <Provider>{children}</Provider>;
|
|
||||||
},
|
|
||||||
<StoryContent>
|
|
||||||
<GlobalStyle />
|
|
||||||
{children}
|
|
||||||
</StoryContent>
|
|
||||||
);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Provider store={store}>
|
<Provider store={store}>
|
||||||
<StoryHeader>
|
<StoryHeader>
|
||||||
@ -127,7 +79,10 @@ export const StoryWrapper: React.FC<{ children: React.ReactNode }> = ({ children
|
|||||||
</SelectMenu>
|
</SelectMenu>
|
||||||
</StoryHeader>
|
</StoryHeader>
|
||||||
<hr />
|
<hr />
|
||||||
{content}
|
<AppThemeAndColorModeProvider>
|
||||||
|
<GlobalStyle />
|
||||||
|
<StoryContent>{children}</StoryContent>
|
||||||
|
</AppThemeAndColorModeProvider>
|
||||||
</Provider>
|
</Provider>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -1,2 +1 @@
|
|||||||
node_modules/
|
node_modules/
|
||||||
public/
|
|
||||||
|
|||||||
31
README.md
@ -66,12 +66,10 @@ This will automatically open your default browser at `http://localhost:61000`.
|
|||||||
|
|
||||||
Add or modify the relevant endpoints, links and options in `/public/configs/env.json`.
|
Add or modify the relevant endpoints, links and options in `/public/configs/env.json`.
|
||||||
You'll need to provide a Wallet Connect project id to enable onboarding and wallet connection:
|
You'll need to provide a Wallet Connect project id to enable onboarding and wallet connection:
|
||||||
|
|
||||||
- Create a project on https://cloud.walletconnect.com/app
|
- Create a project on https://cloud.walletconnect.com/app
|
||||||
- Copy over the project ID into this [field](https://github.com/dydxprotocol/v4-web/blob/67ecbd75b43e0c264b7b4d2d9b3d969830b0621c/public/configs/env.json#L822C33-L822C46)
|
- Copy over the project ID into this [field](https://github.com/dydxprotocol/v4-web/blob/67ecbd75b43e0c264b7b4d2d9b3d969830b0621c/public/configs/env.json#L822C33-L822C46)
|
||||||
|
|
||||||
## Part 4: Set Enviornment variables
|
## Part 4: Set Enviornment variables
|
||||||
|
|
||||||
Set environment variables via `.env`.
|
Set environment variables via `.env`.
|
||||||
|
|
||||||
- `VITE_BASE_URL` (required): The base URL of the deployment (e.g., `https://www.example.com`).
|
- `VITE_BASE_URL` (required): The base URL of the deployment (e.g., `https://www.example.com`).
|
||||||
@ -85,7 +83,7 @@ Set environment variables via `.env`.
|
|||||||
- `IOS_APP_ID` (optional): iOS app ID used for enabling deep linking to the iOS app; used with `pnpm run build:inject-app-deeplinks`.
|
- `IOS_APP_ID` (optional): iOS app ID used for enabling deep linking to the iOS app; used with `pnpm run build:inject-app-deeplinks`.
|
||||||
- `INTERCOM_APP_ID` (optional): Used for enabling Intercom; utilized with `pnpm run build:inject-intercom`.
|
- `INTERCOM_APP_ID` (optional): Used for enabling Intercom; utilized with `pnpm run build:inject-intercom`.
|
||||||
- `STATUS_PAGE_SCRIPT_URI` (optional): Used for enabling the status page; used with `pnpm run build:inject-statuspage`.
|
- `STATUS_PAGE_SCRIPT_URI` (optional): Used for enabling the status page; used with `pnpm run build:inject-statuspage`.
|
||||||
- `SMARTBANNER_APP_NAME`, `SMARTBANNER_ORG_NAME`, `SMARTBANNER_ICON_URL`, `SMARTBANNER_APPSTORE_URL` (optional): Used for enabling the smart app banner; used with `pnpm run build:inject-smartbanner`.
|
|
||||||
|
|
||||||
# Deployments
|
# Deployments
|
||||||
|
|
||||||
@ -98,12 +96,10 @@ Select "Import Git Repository" from your dashboard, and provide the URL of this
|
|||||||
### Step 2: Configure your project
|
### Step 2: Configure your project
|
||||||
|
|
||||||
For the "Build & Development Settings", we recommend the following:
|
For the "Build & Development Settings", we recommend the following:
|
||||||
|
|
||||||
- Framework Preset: `Vite`
|
- Framework Preset: `Vite`
|
||||||
- Build Command (override): `pnpm run build`
|
- Build Command (override): `pnpm run build`
|
||||||
|
|
||||||
By default, the dev server runs in development mode and the build command runs in production mode. To override the default mode, you can pass in the `--mode` option flag. For example, if you want to build your app for testnet:
|
By default, the dev server runs in development mode and the build command runs in production mode. To override the default mode, you can pass in the `--mode` option flag. For example, if you want to build your app for testnet:
|
||||||
|
|
||||||
```
|
```
|
||||||
pnpm run build --mode testnet
|
pnpm run build --mode testnet
|
||||||
```
|
```
|
||||||
@ -111,21 +107,10 @@ pnpm run build --mode testnet
|
|||||||
If you wish to incorporate analytics via Amplitude and Bugsnag, you can use our scripts:
|
If you wish to incorporate analytics via Amplitude and Bugsnag, you can use our scripts:
|
||||||
`pnpm run build:inject-amplitude` and `pnpm run build:inject-bugsnag`. You will need to provide your own API keys for these services. In the Environment Variables section, name the variables as `AMPLITUDE_API_KEY` and `BUGSNAG_API_KEY` and provide the respective keys as their values.
|
`pnpm run build:inject-amplitude` and `pnpm run build:inject-bugsnag`. You will need to provide your own API keys for these services. In the Environment Variables section, name the variables as `AMPLITUDE_API_KEY` and `BUGSNAG_API_KEY` and provide the respective keys as their values.
|
||||||
|
|
||||||
If you wish to incorporate smart banner for iOS and/or Android apps, you can use our scripts:
|
|
||||||
`pnpm run build:inject-smartbanner`. You will need to provide your own app configurations for these services. In the Environment Variables section, name the variables as `SMARTBANNER_APP_NAME`, `SMARTBANNER_ORG_NAME`, `SMARTBANNER_ICON_URL` and `SMARTBANNER_APPSTORE_URL` or `SMARTBANNER_GOOGLEPLAY_URL` and provide the respective values.
|
|
||||||
|
|
||||||
For more details, check out Vercel's [official documentation](https://vercel.com/docs).
|
For more details, check out Vercel's [official documentation](https://vercel.com/docs).
|
||||||
|
|
||||||
## Deploying to IPFS
|
## Deploying to IPFS
|
||||||
|
|
||||||
### Must Enable HashRouting
|
|
||||||
|
|
||||||
Add the following to `.env` file
|
|
||||||
|
|
||||||
```
|
|
||||||
VITE_ROUTER_TYPE=hash
|
|
||||||
```
|
|
||||||
|
|
||||||
### web3.storage: deploy to IPFS via web3.storage using the provided script
|
### web3.storage: deploy to IPFS via web3.storage using the provided script
|
||||||
|
|
||||||
Export the API token as an environment variable (replace `your_token` with the generated token), and run the script to build and deploy to IPFS:
|
Export the API token as an environment variable (replace `your_token` with the generated token), and run the script to build and deploy to IPFS:
|
||||||
@ -162,14 +147,12 @@ Replace `your_cid` with the actual CID.
|
|||||||
We recommend that you add your website to Cloudflare for additional security settings.
|
We recommend that you add your website to Cloudflare for additional security settings.
|
||||||
|
|
||||||
To block OFAC Sanctioned countries:
|
To block OFAC Sanctioned countries:
|
||||||
|
|
||||||
1. Navigate Websites > Domain > Security > WAF
|
1. Navigate Websites > Domain > Security > WAF
|
||||||
|
|
||||||
2. Create Rule with the following settings:
|
2. Create Rule with the following settings:
|
||||||
|
* If incoming requests match
|
||||||
- If incoming requests match
|
`(ip.geoip.country eq "CU") or (ip.geoip.country eq "IR") or (ip.geoip.country eq "KP") or (ip.geoip.country eq "SY") or (ip.geoip.country eq "MM") or (ip.geoip.subdivision_1_iso_code eq "UA-09") or (ip.geoip.subdivision_1_iso_code eq "UA-14") or (ip.geoip.subdivision_1_iso_code eq "UA-43")`
|
||||||
`(ip.geoip.country eq "CU") or (ip.geoip.country eq "IR") or (ip.geoip.country eq "KP") or (ip.geoip.country eq "SY") or (ip.geoip.country eq "MM") or (ip.geoip.subdivision_1_iso_code eq "UA-09") or (ip.geoip.subdivision_1_iso_code eq "UA-14") or (ip.geoip.subdivision_1_iso_code eq "UA-43")`
|
* This rule will bring up a Cloudflare page when a restricted geography tries to access your site. You will have the option to display:
|
||||||
- This rule will bring up a Cloudflare page when a restricted geography tries to access your site. You will have the option to display:
|
1. Custom Text
|
||||||
1. Custom Text
|
- (e.g. `Because you appear to be a resident of, or trading from, a jurisdiction that violates our terms of use, or have engaged in activity that violates our terms of use, you have been blocked. You may withdraw your funds from the protocol at any time.`)
|
||||||
- (e.g. `Because you appear to be a resident of, or trading from, a jurisdiction that violates our terms of use, or have engaged in activity that violates our terms of use, you have been blocked. You may withdraw your funds from the protocol at any time.`)
|
2. Default Cloudflare WAF block page
|
||||||
2. Default Cloudflare WAF block page
|
|
||||||
|
|||||||
@ -15,7 +15,6 @@
|
|||||||
"build:inject-bugsnag": "node scripts/inject-bugsnag.js",
|
"build:inject-bugsnag": "node scripts/inject-bugsnag.js",
|
||||||
"build:inject-intercom": "node scripts/inject-intercom.js",
|
"build:inject-intercom": "node scripts/inject-intercom.js",
|
||||||
"build:inject-statuspage": "node scripts/inject-statuspage.js",
|
"build:inject-statuspage": "node scripts/inject-statuspage.js",
|
||||||
"build:inject-smartbanner": "node scripts/inject-smartbanner.js",
|
|
||||||
"deploy:ipfs": "node scripts/upload-ipfs.js --verbose",
|
"deploy:ipfs": "node scripts/upload-ipfs.js --verbose",
|
||||||
"deploy:update-ipns": "node scripts/update-ipns.js",
|
"deploy:update-ipns": "node scripts/update-ipns.js",
|
||||||
"deploy:update-dnslink": "node scripts/update-dnslink.js",
|
"deploy:update-dnslink": "node scripts/update-dnslink.js",
|
||||||
@ -40,9 +39,9 @@
|
|||||||
"@cosmjs/proto-signing": "^0.32.1",
|
"@cosmjs/proto-signing": "^0.32.1",
|
||||||
"@cosmjs/stargate": "^0.32.1",
|
"@cosmjs/stargate": "^0.32.1",
|
||||||
"@cosmjs/tendermint-rpc": "^0.32.1",
|
"@cosmjs/tendermint-rpc": "^0.32.1",
|
||||||
"@dydxprotocol/v4-abacus": "^1.4.12",
|
"@dydxprotocol/v4-abacus": "^1.4.2",
|
||||||
"@dydxprotocol/v4-client-js": "^1.0.20",
|
"@dydxprotocol/v4-client-js": "^1.0.20",
|
||||||
"@dydxprotocol/v4-localization": "^1.1.35",
|
"@dydxprotocol/v4-localization": "^1.1.22",
|
||||||
"@ethersproject/providers": "^5.7.2",
|
"@ethersproject/providers": "^5.7.2",
|
||||||
"@js-joda/core": "^5.5.3",
|
"@js-joda/core": "^5.5.3",
|
||||||
"@radix-ui/react-accordion": "^1.1.2",
|
"@radix-ui/react-accordion": "^1.1.2",
|
||||||
@ -118,7 +117,7 @@
|
|||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@babel/core": "^7.22.5",
|
"@babel/core": "^7.22.5",
|
||||||
"@ladle/react": "^4.0.2",
|
"@ladle/react": "^2.15.0",
|
||||||
"@types/color": "^3.0.3",
|
"@types/color": "^3.0.3",
|
||||||
"@types/crypto-js": "^4.1.1",
|
"@types/crypto-js": "^4.1.1",
|
||||||
"@types/luxon": "^3.3.0",
|
"@types/luxon": "^3.3.0",
|
||||||
|
|||||||
2581
pnpm-lock.yaml
generated
@ -1,22 +1,12 @@
|
|||||||
[
|
[
|
||||||
{
|
{
|
||||||
"chainId": "1",
|
"chainId": "1",
|
||||||
"tokenAddress": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
|
"tokenAddress": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
|
||||||
"name": "Ethereum"
|
"name": "Ethereum"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"chainId": "5",
|
"chainId": "5",
|
||||||
"tokenAddress": "0x07865c6E87B9F70255377e024ace6630C1Eaa37F",
|
"tokenAddress": "0x07865c6E87B9F70255377e024ace6630C1Eaa37F",
|
||||||
"name": "Ethereum Goerli"
|
"name": "Ethereum Goerli"
|
||||||
},
|
}
|
||||||
{
|
]
|
||||||
"chainId": "43114",
|
|
||||||
"tokenAddress": "0xB97EF9Ef8734C71904D8002F8b6Bc66Dd9c48a6E",
|
|
||||||
"name": "Avalanche"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"chainId": "10",
|
|
||||||
"tokenAddress": "0x0b2C639c533813f4Aa9D7837CAf62653d097Ff85",
|
|
||||||
"name": "optimism"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
@ -93,10 +93,8 @@
|
|||||||
"documentation": "https://docs.dydx.exchange/",
|
"documentation": "https://docs.dydx.exchange/",
|
||||||
"community": "https://discord.com/invite/dydx",
|
"community": "https://discord.com/invite/dydx",
|
||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
|
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"strideZoneApp": "https://testnet.stride.zone",
|
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
@ -177,10 +175,8 @@
|
|||||||
"documentation": "https://docs.dydx.exchange/",
|
"documentation": "https://docs.dydx.exchange/",
|
||||||
"community": "https://discord.com/invite/dydx",
|
"community": "https://discord.com/invite/dydx",
|
||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
|
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"strideZoneApp": "https://testnet.stride.zone",
|
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
@ -262,10 +258,8 @@
|
|||||||
"documentation": "https://docs.dydx.exchange/",
|
"documentation": "https://docs.dydx.exchange/",
|
||||||
"community": "https://discord.com/invite/dydx",
|
"community": "https://discord.com/invite/dydx",
|
||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
|
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"strideZoneApp": "https://testnet.stride.zone",
|
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
@ -346,10 +340,8 @@
|
|||||||
"documentation": "https://docs.dydx.exchange/",
|
"documentation": "https://docs.dydx.exchange/",
|
||||||
"community": "https://discord.com/invite/dydx",
|
"community": "https://discord.com/invite/dydx",
|
||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
|
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"strideZoneApp": "https://testnet.stride.zone",
|
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
@ -432,10 +424,8 @@
|
|||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
|
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"strideZoneApp": "https://testnet.stride.zone",
|
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
@ -513,8 +503,7 @@
|
|||||||
"documentation": "https://v4-teacher.vercel.app/",
|
"documentation": "https://v4-teacher.vercel.app/",
|
||||||
"community": "https://discord.com/invite/dydx",
|
"community": "https://discord.com/invite/dydx",
|
||||||
"feedback": "https://docs.google.com/forms/d/e/1FAIpQLSezLsWCKvAYDEb7L-2O4wOON1T56xxro9A2Azvl6IxXHP_15Q/viewform",
|
"feedback": "https://docs.google.com/forms/d/e/1FAIpQLSezLsWCKvAYDEb7L-2O4wOON1T56xxro9A2Azvl6IxXHP_15Q/viewform",
|
||||||
"blogs": "https://www.dydx.foundation/blog",
|
"blogs": "https://www.dydx.foundation/blog"
|
||||||
"newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals"
|
|
||||||
},
|
},
|
||||||
"wallets": {
|
"wallets": {
|
||||||
"walletconnect": {
|
"walletconnect": {
|
||||||
@ -602,10 +591,8 @@
|
|||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
|
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"strideZoneApp": "https://testnet.stride.zone",
|
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
@ -692,10 +679,8 @@
|
|||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
|
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"strideZoneApp": "https://testnet.stride.zone",
|
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
@ -725,7 +710,7 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"featureFlags": {
|
"featureFlags": {
|
||||||
"reduceOnlySupported": true
|
"reduceOnlySupported": false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-testnet-dydx": {
|
"dydxprotocol-testnet-dydx": {
|
||||||
@ -779,10 +764,8 @@
|
|||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
|
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"strideZoneApp": "https://testnet.stride.zone",
|
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
@ -812,7 +795,7 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"featureFlags": {
|
"featureFlags": {
|
||||||
"reduceOnlySupported": true
|
"reduceOnlySupported": false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-testnet-nodefleet": {
|
"dydxprotocol-testnet-nodefleet": {
|
||||||
@ -866,10 +849,8 @@
|
|||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
|
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"strideZoneApp": "https://testnet.stride.zone",
|
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
@ -899,7 +880,7 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"featureFlags": {
|
"featureFlags": {
|
||||||
"reduceOnlySupported": true
|
"reduceOnlySupported": false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-testnet-kingnodes": {
|
"dydxprotocol-testnet-kingnodes": {
|
||||||
@ -953,10 +934,8 @@
|
|||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
|
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"strideZoneApp": "https://testnet.stride.zone",
|
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
@ -986,7 +965,7 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"featureFlags": {
|
"featureFlags": {
|
||||||
"reduceOnlySupported": true
|
"reduceOnlySupported": false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-testnet-liquify": {
|
"dydxprotocol-testnet-liquify": {
|
||||||
@ -1040,10 +1019,8 @@
|
|||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
|
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"strideZoneApp": "https://testnet.stride.zone",
|
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
@ -1073,7 +1050,7 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"featureFlags": {
|
"featureFlags": {
|
||||||
"reduceOnlySupported": true
|
"reduceOnlySupported": false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-testnet-polkachu": {
|
"dydxprotocol-testnet-polkachu": {
|
||||||
@ -1122,8 +1099,7 @@
|
|||||||
"documentation": "https://docs.dydx.exchange/",
|
"documentation": "https://docs.dydx.exchange/",
|
||||||
"community": "https://discord.com/invite/dydx",
|
"community": "https://discord.com/invite/dydx",
|
||||||
"feedback": "https://docs.google.com/forms/d/e/1FAIpQLSezLsWCKvAYDEb7L-2O4wOON1T56xxro9A2Azvl6IxXHP_15Q/viewform",
|
"feedback": "https://docs.google.com/forms/d/e/1FAIpQLSezLsWCKvAYDEb7L-2O4wOON1T56xxro9A2Azvl6IxXHP_15Q/viewform",
|
||||||
"blogs": "https://www.dydx.foundation/blog",
|
"blogs": "https://www.dydx.foundation/blog"
|
||||||
"newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals"
|
|
||||||
},
|
},
|
||||||
"wallets": {
|
"wallets": {
|
||||||
"walletconnect": {
|
"walletconnect": {
|
||||||
@ -1151,7 +1127,7 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"featureFlags": {
|
"featureFlags": {
|
||||||
"reduceOnlySupported": true
|
"reduceOnlySupported": false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-testnet-bware": {
|
"dydxprotocol-testnet-bware": {
|
||||||
@ -1205,10 +1181,8 @@
|
|||||||
"reduceOnlyLearnmore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
"reduceOnlyLearnmore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"governanceLearnmore": "https://help.dydx.exchange",
|
"governanceLearnmore": "https://help.dydx.exchange",
|
||||||
"newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
|
|
||||||
"stakingLearnmore": "https://help.dydx.exchange",
|
"stakingLearnmore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"strideZoneApp": "https://testnet.stride.zone",
|
|
||||||
"accountExportLearnmore": "https://help.dydx.exchange",
|
"accountExportLearnmore": "https://help.dydx.exchange",
|
||||||
"walletLearnmore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnmore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
@ -1238,7 +1212,7 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"featureFlags": {
|
"featureFlags": {
|
||||||
"reduceOnlySupported": true
|
"reduceOnlySupported": false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-mainnet": {
|
"dydxprotocol-mainnet": {
|
||||||
@ -1292,10 +1266,8 @@
|
|||||||
"community": "[HTTP link to community, can be null]",
|
"community": "[HTTP link to community, can be null]",
|
||||||
"help": "[HTTP link to help page, can be null]",
|
"help": "[HTTP link to help page, can be null]",
|
||||||
"governanceLearnMore": "[HTTP link to governance learn more, can be null]",
|
"governanceLearnMore": "[HTTP link to governance learn more, can be null]",
|
||||||
"newMarketProposalLearnMore": "[HTTP link to new market proposal learn more, can be null]",
|
|
||||||
"stakingLearnMore": "[HTTP link to staking learn more, can be null]",
|
"stakingLearnMore": "[HTTP link to staking learn more, can be null]",
|
||||||
"keplrDashboard": "[HTTP link to keplr dashboard, can be null]",
|
"keplrDashboard": "[HTTP link to keplr dashboard, can be null]",
|
||||||
"strideZoneApp": "[HTTP link to stride zone app, can be null]",
|
|
||||||
"accountExportLearnMore": "[HTTP link to account export learn more, can be null]",
|
"accountExportLearnMore": "[HTTP link to account export learn more, can be null]",
|
||||||
"walletLearnMore": "[HTTP link to wallet learn more, can be null]"
|
"walletLearnMore": "[HTTP link to wallet learn more, can be null]"
|
||||||
},
|
},
|
||||||
@ -1329,4 +1301,4 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -20,13 +20,6 @@
|
|||||||
"whitepaperLink": "https://why.cardano.org/en/introduction/motivation/",
|
"whitepaperLink": "https://why.cardano.org/en/introduction/motivation/",
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/cardano/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/cardano/"
|
||||||
},
|
},
|
||||||
"AGIX-USD": {
|
|
||||||
"name": "SingularityNET",
|
|
||||||
"tags": ["AI"],
|
|
||||||
"websiteLink": "https://public.singularitynet.io/whitepaper.pdf",
|
|
||||||
"whitepaperLink": "https://public.singularitynet.io/whitepaper.pdf",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/singularitynet/"
|
|
||||||
},
|
|
||||||
"ALGO-USD": {
|
"ALGO-USD": {
|
||||||
"name": "Algorand",
|
"name": "Algorand",
|
||||||
"tags": ["Layer 1"],
|
"tags": ["Layer 1"],
|
||||||
@ -85,26 +78,11 @@
|
|||||||
},
|
},
|
||||||
"BLUR-USD": {
|
"BLUR-USD": {
|
||||||
"name": "Blur",
|
"name": "Blur",
|
||||||
"tags": ["NFT"],
|
"tags": [],
|
||||||
"websiteLink": "https://blur.io/",
|
"websiteLink": "https://blur.io/",
|
||||||
"whitepaperLink": "https://docs.blur.foundation/",
|
"whitepaperLink": "https://docs.blur.foundation/",
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/blur-token/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/blur-token/"
|
||||||
},
|
},
|
||||||
"BNB-USD":{
|
|
||||||
"name": "BNB",
|
|
||||||
"tags": ["Layer 1"],
|
|
||||||
"websiteLink": "https://www.bnbchain.org/en",
|
|
||||||
"whitepaperLink": "https://www.exodus.com/assets/docs/binance-coin-whitepaper.pdf",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/bnb/"
|
|
||||||
|
|
||||||
},
|
|
||||||
"CHZ-USD": {
|
|
||||||
"name": "Chiliz",
|
|
||||||
"tags": ["Layer 1"],
|
|
||||||
"websiteLink": "https://www.chiliz.com/",
|
|
||||||
"whitepaperLink": "https://www.chiliz.com/docs/litepaper-v1.1-20230703.pdf",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/chiliz/"
|
|
||||||
},
|
|
||||||
"CELO-USD": {
|
"CELO-USD": {
|
||||||
"name": "Celo",
|
"name": "Celo",
|
||||||
"tags": [],
|
"tags": [],
|
||||||
@ -147,13 +125,6 @@
|
|||||||
"whitepaperLink": "https://polkadot.network/PolkaDotPaper.pdf",
|
"whitepaperLink": "https://polkadot.network/PolkaDotPaper.pdf",
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/polkadot-new/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/polkadot-new/"
|
||||||
},
|
},
|
||||||
"DYM-USD": {
|
|
||||||
"name": "Dymension",
|
|
||||||
"tags": [],
|
|
||||||
"websiteLink": "https://dymension.xyz/",
|
|
||||||
"whitepaperLink": "https://docs.dymension.xyz/dymension-litepaper/dymension-litepaper-index",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/dymension/"
|
|
||||||
},
|
|
||||||
"ENJ-USD": {
|
"ENJ-USD": {
|
||||||
"name": "Enjin",
|
"name": "Enjin",
|
||||||
"tags": [],
|
"tags": [],
|
||||||
@ -161,13 +132,6 @@
|
|||||||
"whitepaperLink": "https://cdn.enjin.io/downloads/whitepapers/enjin-coin/en.pdf/",
|
"whitepaperLink": "https://cdn.enjin.io/downloads/whitepapers/enjin-coin/en.pdf/",
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/enjin-coin/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/enjin-coin/"
|
||||||
},
|
},
|
||||||
"ENS-USD": {
|
|
||||||
"name": "Ethereum Name Service",
|
|
||||||
"tags": [],
|
|
||||||
"websiteLink": "https://coinmarketcap.com/currencies/ethereum-name-service/",
|
|
||||||
"whitepaperLink": "https://docs.ens.domains/",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/ethereum-name-service/"
|
|
||||||
},
|
|
||||||
"EOS-USD": {
|
"EOS-USD": {
|
||||||
"name": "EOS",
|
"name": "EOS",
|
||||||
"tags": ["Layer 1"],
|
"tags": ["Layer 1"],
|
||||||
@ -191,13 +155,6 @@
|
|||||||
"displayStepSize": "0.001",
|
"displayStepSize": "0.001",
|
||||||
"displayTickSize": "0.1"
|
"displayTickSize": "0.1"
|
||||||
},
|
},
|
||||||
"FET-USD": {
|
|
||||||
"name": "Fetch.ai",
|
|
||||||
"tags": ["AI"],
|
|
||||||
"websiteLink": "https://fetch.ai/",
|
|
||||||
"whitepaperLink": "https://www.dropbox.com/s/gxptsecwdl3jjtn/David%20Minarsch%20-%202021-04-26%2010.34.17%20-%20paper_21_finalversion.pdf?e=1&dl=0",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/fetch/"
|
|
||||||
},
|
|
||||||
"FIL-USD": {
|
"FIL-USD": {
|
||||||
"name": "Filecoin",
|
"name": "Filecoin",
|
||||||
"tags": ["Layer 1"],
|
"tags": ["Layer 1"],
|
||||||
@ -205,34 +162,6 @@
|
|||||||
"whitepaperLink": "https://filecoin.io/filecoin.pdf",
|
"whitepaperLink": "https://filecoin.io/filecoin.pdf",
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/filecoin/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/filecoin/"
|
||||||
},
|
},
|
||||||
"FTM-USD": {
|
|
||||||
"name": "Fantom",
|
|
||||||
"tags": [],
|
|
||||||
"websiteLink": "https://fantom.foundation/",
|
|
||||||
"whitepaperLink": "https://fantom.foundation/_next/static/media/wp_fantom_v1.6.39329cdc5d0ee59684cbc6f228516383.pdf",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/fantom/"
|
|
||||||
},
|
|
||||||
"GALA-USD": {
|
|
||||||
"name": "Gala",
|
|
||||||
"tags": ["Gaming", "Layer 1"],
|
|
||||||
"websiteLink": "https://gala.com/",
|
|
||||||
"whitepaperLink": "https://galahackathon.com/v1.0.0/pdf/sdk-documentation.pdf",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/gala/"
|
|
||||||
},
|
|
||||||
"GMT-USD": {
|
|
||||||
"name": "GMT",
|
|
||||||
"tags": ["Gaming"],
|
|
||||||
"websiteLink": "https://stepn.com/",
|
|
||||||
"whitepaperLink/": "https://whitepaper.stepn.com/",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/green-metaverse-token/"
|
|
||||||
},
|
|
||||||
"GRT-USD": {
|
|
||||||
"name": "The Graph",
|
|
||||||
"tags": [],
|
|
||||||
"websiteLink": "https://thegraph.com/",
|
|
||||||
"whitepaperLink/": "https://github.com/graphprotocol/research/blob/master/papers/whitepaper/the-graph-whitepaper.pdf",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/the-graph/"
|
|
||||||
},
|
|
||||||
"HNT-USD": {
|
"HNT-USD": {
|
||||||
"name": "Helium",
|
"name": "Helium",
|
||||||
"tags": ["Layer 1"],
|
"tags": ["Layer 1"],
|
||||||
@ -240,13 +169,6 @@
|
|||||||
"whitepaperLink": "http://whitepaper.helium.com",
|
"whitepaperLink": "http://whitepaper.helium.com",
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/helium/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/helium/"
|
||||||
},
|
},
|
||||||
"HBAR-USD": {
|
|
||||||
"name": "Hedera",
|
|
||||||
"tags": [],
|
|
||||||
"websiteLink": "https://hedera.com/",
|
|
||||||
"whitepaperLink/": "https://files.hedera.com/hh_whitepaper_v2.2-20230918.pdf",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/hedera/"
|
|
||||||
},
|
|
||||||
"ICP-USD": {
|
"ICP-USD": {
|
||||||
"name": "Internet Computer",
|
"name": "Internet Computer",
|
||||||
"tags": ["Layer 1"],
|
"tags": ["Layer 1"],
|
||||||
@ -254,41 +176,6 @@
|
|||||||
"whitepaperLink": "https://dfinity.org/whitepaper.pdf",
|
"whitepaperLink": "https://dfinity.org/whitepaper.pdf",
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/internet-computer/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/internet-computer/"
|
||||||
},
|
},
|
||||||
"IMX-USD": {
|
|
||||||
"name": "Immutable X",
|
|
||||||
"tags": ["Gaming", "Layer 2", "NFT"],
|
|
||||||
"websiteLink": "https://www.immutable.com/",
|
|
||||||
"whitepaperLink": "https://assets.website-files.com/646557ee455c3e16e4a9bcb3/6499367de527dd82ab7475a3_Immutable%20Whitepaper%20Update%202023%20(3).pdf",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/immutable-x/"
|
|
||||||
},
|
|
||||||
"INJ-USD": {
|
|
||||||
"name": "Injective",
|
|
||||||
"tags": ["Layer 1", "Defi"],
|
|
||||||
"websiteLink": "https://injective.com/",
|
|
||||||
"whitepaperLink": "https://docs.injective.network/intro/01_overview.html",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/injective/"
|
|
||||||
},
|
|
||||||
"JTO-USD": {
|
|
||||||
"name": "Jito",
|
|
||||||
"tags": ["Defi"],
|
|
||||||
"websiteLink": "https://www.jito.network/",
|
|
||||||
"whitepaperLink": "https://github.com/jito-foundation",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/jito/"
|
|
||||||
},
|
|
||||||
"JUP-USD": {
|
|
||||||
"name": "Jupiter",
|
|
||||||
"tags": ["Defi"],
|
|
||||||
"websiteLink": "https://station.jup.ag/",
|
|
||||||
"whitepaperLink": "https://station.jup.ag/blog/green-paper",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/jupiter-ag/"
|
|
||||||
},
|
|
||||||
"KAVA-USD": {
|
|
||||||
"name": "Kava",
|
|
||||||
"tags": ["Layer 1"],
|
|
||||||
"websiteLink": "https://www.kava.io/",
|
|
||||||
"whitepaperLink": "https://docsend.com/view/gwbwpc3",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/kava/"
|
|
||||||
},
|
|
||||||
"LDO-USD": {
|
"LDO-USD": {
|
||||||
"name": "Lido DAO",
|
"name": "Lido DAO",
|
||||||
"tags": ["Defi"],
|
"tags": ["Defi"],
|
||||||
@ -310,20 +197,6 @@
|
|||||||
"whitepaperLink": "https://litecoin.info/index.php/Main_Page",
|
"whitepaperLink": "https://litecoin.info/index.php/Main_Page",
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/litecoin/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/litecoin/"
|
||||||
},
|
},
|
||||||
"MANA-USD": {
|
|
||||||
"name": "Decentraland",
|
|
||||||
"tags": ["AR/VR"],
|
|
||||||
"websiteLink": "https://decentraland.org/",
|
|
||||||
"whitepaperLink": "https://decentraland.org/whitepaper.pdf",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/decentraland/"
|
|
||||||
},
|
|
||||||
"MASK-USD": {
|
|
||||||
"name": "Mask Network",
|
|
||||||
"tags": [],
|
|
||||||
"websiteLink": "https://mask.io/",
|
|
||||||
"whitepaperLink": "https://masknetwork.medium.com/introducing-mask-network-maskbook-the-future-of-the-internet-5a973d874edd",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/mask-network/"
|
|
||||||
},
|
|
||||||
"MATIC-USD": {
|
"MATIC-USD": {
|
||||||
"name": "Polygon",
|
"name": "Polygon",
|
||||||
"tags": ["Layer 2"],
|
"tags": ["Layer 2"],
|
||||||
@ -331,13 +204,6 @@
|
|||||||
"whitepaperLink": "https://polygon.technology/lightpaper-polygon.pdf",
|
"whitepaperLink": "https://polygon.technology/lightpaper-polygon.pdf",
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/polygon/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/polygon/"
|
||||||
},
|
},
|
||||||
"MINA-USD": {
|
|
||||||
"name": "Mina",
|
|
||||||
"tags": ["Layer 1"],
|
|
||||||
"websiteLink": "https://minaprotocol.com/",
|
|
||||||
"whitepaperLink": "https://docs.minaprotocol.com/assets/economicsWhitepaper.pdf",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/mina/"
|
|
||||||
},
|
|
||||||
"MKR-USD": {
|
"MKR-USD": {
|
||||||
"name": "Maker",
|
"name": "Maker",
|
||||||
"tags": ["Governance"],
|
"tags": ["Governance"],
|
||||||
@ -352,13 +218,6 @@
|
|||||||
"whitepaperLink": "https://near.org/papers/the-official-near-white-paper/",
|
"whitepaperLink": "https://near.org/papers/the-official-near-white-paper/",
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/near-protocol/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/near-protocol/"
|
||||||
},
|
},
|
||||||
"ORDI-USD": {
|
|
||||||
"name": "Ordinals",
|
|
||||||
"tags": ["NFT"],
|
|
||||||
"websiteLink": "https://ordinals.com/",
|
|
||||||
"whitepaperLink": "https://rodarmor.com/blog/",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/ordi/"
|
|
||||||
},
|
|
||||||
"OP-USD": {
|
"OP-USD": {
|
||||||
"name": "Optimism",
|
"name": "Optimism",
|
||||||
"tags": [],
|
"tags": [],
|
||||||
@ -372,20 +231,6 @@
|
|||||||
"websiteLink": "https://www.pepe.vip/",
|
"websiteLink": "https://www.pepe.vip/",
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/pepe/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/pepe/"
|
||||||
},
|
},
|
||||||
"PYTH-USD": {
|
|
||||||
"name": "Pyth Network",
|
|
||||||
"tags": [],
|
|
||||||
"websiteLink": "https://pyth.network/",
|
|
||||||
"whitepaperLink": "https://pyth.network/whitepaper_v2.pdf",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/pyth-network/"
|
|
||||||
},
|
|
||||||
"RNDR-USD": {
|
|
||||||
"name": "Render Token",
|
|
||||||
"tags": ["AI"],
|
|
||||||
"websiteLink": "https://rendernetwork.com/",
|
|
||||||
"whitepaperLink": "https://renderfoundation.com/whitepaper",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/render/"
|
|
||||||
},
|
|
||||||
"RUNE-USD": {
|
"RUNE-USD": {
|
||||||
"name": "THORChain",
|
"name": "THORChain",
|
||||||
"tags": ["Layer 1"],
|
"tags": ["Layer 1"],
|
||||||
@ -393,13 +238,6 @@
|
|||||||
"whitepaperLink": "https://whitepaper.io/document/709/thorchain-whitepaper",
|
"whitepaperLink": "https://whitepaper.io/document/709/thorchain-whitepaper",
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/thorchain/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/thorchain/"
|
||||||
},
|
},
|
||||||
"SAND-USD": {
|
|
||||||
"name": "The Sandbox",
|
|
||||||
"tags": ["Gaming"],
|
|
||||||
"websiteLink": "https://www.sandbox.game/en/",
|
|
||||||
"whitepaperLink": "https://installers.sandbox.game/The_Sandbox_Whitepaper_2020.pdf",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/the-sandbox/"
|
|
||||||
},
|
|
||||||
"SEI-USD": {
|
"SEI-USD": {
|
||||||
"name": "Sei",
|
"name": "Sei",
|
||||||
"tags": ["Layer 1", "Defi"],
|
"tags": ["Layer 1", "Defi"],
|
||||||
@ -428,20 +266,6 @@
|
|||||||
"whitepaperLink": "https://solana.com/solana-whitepaper.pdf",
|
"whitepaperLink": "https://solana.com/solana-whitepaper.pdf",
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/solana/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/solana/"
|
||||||
},
|
},
|
||||||
"STRK-USD": {
|
|
||||||
"name": "Starknet",
|
|
||||||
"tags": ["Layer 2"],
|
|
||||||
"websiteLink": "https://www.starknet.io/en",
|
|
||||||
"whitepaperLink": "https://docs.starknet.io/documentation/",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/starknet-token/"
|
|
||||||
},
|
|
||||||
"STX-USD": {
|
|
||||||
"name": "Stacks",
|
|
||||||
"tags": ["Layer 2"],
|
|
||||||
"websiteLink": "https://www.stacks.co/",
|
|
||||||
"whitepaperLink": "https://gaia.blockstack.org/hub/1AxyPunHHAHiEffXWESKfbvmBpGQv138Fp/stacks.pdf",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/stacks/"
|
|
||||||
},
|
|
||||||
"SUI-USD": {
|
"SUI-USD": {
|
||||||
"name": "Sui",
|
"name": "Sui",
|
||||||
"tags": ["Layer 1"],
|
"tags": ["Layer 1"],
|
||||||
@ -491,13 +315,6 @@
|
|||||||
"whitepaperLink": "https://whitepaper.worldcoin.org/",
|
"whitepaperLink": "https://whitepaper.worldcoin.org/",
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/worldcoin-org/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/worldcoin-org/"
|
||||||
},
|
},
|
||||||
"WOO-USD": {
|
|
||||||
"name": "WOO Network",
|
|
||||||
"tags": ["Defi"],
|
|
||||||
"websiteLink": "https://woo.org/",
|
|
||||||
"whitepaperLink": "https://woo.org/Litepaper.pdf",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/wootrade/"
|
|
||||||
},
|
|
||||||
"XLM-USD": {
|
"XLM-USD": {
|
||||||
"name": "Stellar",
|
"name": "Stellar",
|
||||||
"tags": ["Layer 1"],
|
"tags": ["Layer 1"],
|
||||||
@ -540,13 +357,6 @@
|
|||||||
"whitepaperLink": "https://z.cash/technology/",
|
"whitepaperLink": "https://z.cash/technology/",
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/zcash/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/zcash/"
|
||||||
},
|
},
|
||||||
"ZETA-USD": {
|
|
||||||
"name": "ZetaChain",
|
|
||||||
"tags": ["Layer 1"],
|
|
||||||
"websiteLink": "https://www.zetachain.com/",
|
|
||||||
"whitepaperLink": "https://www.zetachain.com/whitepaper.pdf",
|
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/zetachain/"
|
|
||||||
},
|
|
||||||
"ZRX-USD": {
|
"ZRX-USD": {
|
||||||
"name": "0x",
|
"name": "0x",
|
||||||
"tags": ["Defi"],
|
"tags": ["Defi"],
|
||||||
|
|||||||
@ -1 +0,0 @@
|
|||||||
This file identifies parameters for the optimal performance of various assets with the dYdX v4 open source software ("dYdX Chain"). For information on which assets are likely to be best compatible with dYdX Chain and how likely software compatibility and optimal parameters are assessed, please review the documentation [here](https://docs.dydx.trade/governance/proposing_a_new_market#example-proposal-json). Users considering using the permissionless markets function of the dYdX Chain are encouraged to consult qualified legal counsel to ensure compliance with the laws of their jurisdiction. The information herein does not constitute and should not be relied on as an endorsement or recommendation for any specific market, or investment, legal, or any other form of professional advice. Use of the v4 software is prohibited in the United States, Canada, and sanctioned jurisdictions as described in the [v4 Terms of Use](https://dydx.exchange/v4-terms).
|
|
||||||
@ -1,616 +0,0 @@
|
|||||||
{
|
|
||||||
"1INCH": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "1INCHUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "1INCH-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "1INCH_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "1INCH-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "1INCH-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "1INCH_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"AAVE": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "AAVEUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "AAVE-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "aaveusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "AAVEUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "AAVE-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "AAVE-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "AAVE_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"ADA": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "ADAUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bitstamp", "ticker": "ADA/USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "ADAUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "ADA-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "adausdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "ADAUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "ADA-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "ADA-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "ADA_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"AGIX": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "AGIXUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "AGIXUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "AGIX_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "AGIX-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "AGIX-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "AGIX_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"ALGO": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "ALGOUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "ALGO-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "ALGOUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "ALGO-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "ALGO-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "ALGO_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"APE": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "APEUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "APE-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "APE_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "APEUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "APE-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "APE-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "APE_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"APT": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "APTUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "APTUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "APT-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "APT_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "aptusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "APTUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "APT-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "APT-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "APT_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"ARB": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "ARBUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "ARBUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "ARB-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "arbusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "ARBUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "ARB-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "ARB-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "ARB_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"ATOM": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "ATOMUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "ATOMUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "ATOM-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "ATOM_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "ATOMUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "ATOM-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "ATOM-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "ATOM_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"AVAX": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "AVAXUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bitstamp", "ticker": "AVAX/USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "AVAXUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "AVAX-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "avaxusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "AVAXUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "AVAX-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "AVAX-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "AVAX_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"BCH": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "BCHUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bitstamp", "ticker": "BCH/USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "BCHUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "BCH-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "bchusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "BCHUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "BCH-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "BCH-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "BCH_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"BLUR": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "BLURUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "BLURUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "BLUR-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "BLURUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "BLUR-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "BLUR-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "BLUR_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"BNB": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "BNBUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "BNBUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "BNB_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "BNB-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "BNB-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "BNB_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"BONK": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "BONKUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "BONKUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "BONK-USD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "BONK-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "BONK-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "BONK_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"BTC": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "BTCUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bitstamp", "ticker": "BTC/USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "BTCUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "BTC-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "btcusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "BTCUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "BTC-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "BTC-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "BTC_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"CHZ": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "CHZUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "CHZ-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "CHZUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "CHZ-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "CHZ-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "CHZ_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"CRV": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "CRVUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "CRV-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "CRVUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "CRV-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "CRV-USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"DOGE": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "DOGEUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "DOGEUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "DOGE-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "dogeusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "DOGEUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "DOGE-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "DOGE-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "DOGE_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"DOT": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "DOTUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "DOTUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "DOT-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "dotusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "DOTUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "DOT-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "DOT-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "DOT_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"DYM": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "DYMUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "DYMUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "DYM_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "DYM-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "DYM_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"ENS": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "ENSUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "ENS-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "ENS_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "ENS-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "ENS-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "ENS_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"EOS": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "EOSUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "EOSUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "EOS-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "EOS_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "EOSUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "EOS-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "EOS-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "EOS_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"ETC": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "ETCUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "ETCUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "ETC-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "etcusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "ETCUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "ETC-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "ETC-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "ETC_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"ETH": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "ETHUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bitstamp", "ticker": "ETH/USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "ETHUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "ETH-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "ethusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "ETHUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "ETH-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "ETH-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "ETH_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"FET": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "FETUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "FET-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "FETUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "FET-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "FET-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "FET_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"FIL": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "FILUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "FILUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "FIL-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "filusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "FILUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "FIL-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "FIL-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "FIL_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"FTM": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "FTMUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "FTMUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "FTMUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "FTM-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "FTM-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "FTM_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"GALA": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "GALAUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "GALAUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "GALA_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "GALAUSD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "GALA-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "GALA_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"GMT": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "GMTUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "GMTUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "GMT-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "GMT_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "GMT-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "GMT-USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"GRT": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "GRTUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "GRT-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "GRT_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "GRTUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "GRT-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "GRT-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "GRT_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"HBAR": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "HBARUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "HBARUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "HBAR-USD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "HBAR-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "HBAR-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "HBAR_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"ICP": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "ICPUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "ICPUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "ICP-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "ICPUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "ICP-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "ICP-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "ICP_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"IMX": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "IMXUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "IMX-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "IMXUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "IMX-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "IMX-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "IMX_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"INJ": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "INJUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "INJUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "INJ-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "INJUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "INJ-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "INJ-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "INJ_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"JTO": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "JTOUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "JTOUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "JTO-USD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "JTO-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "JTO-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "JTO_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"JUP": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "JUPUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "JUPUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "JUP_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "JUP-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "JUP_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"KAVA": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "KAVAUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "KAVAUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "KAVA-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "KAVA_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "KAVAUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "KAVA-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "KAVA_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"LDO": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "LDOUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "LDOUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "LDO-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "LDOUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "LDO-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "LDO-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "LDO_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"LINK": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "LINKUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bitstamp", "ticker": "LINK/USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "LINKUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "LINK-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "LINKUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "LINK-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "LINK-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "LINK_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"LTC": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "LTCUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bitstamp", "ticker": "LTC/USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "LTCUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "LTC-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "ltcusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "LTCUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "LTC-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "LTC-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "LTC_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"MANA": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "MANAUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "MANA-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "MANA_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "MANAUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "MANA-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "MANA-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "MANA_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"MASK": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "MASKUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "MASKUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "MASK-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "MASK_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "maskusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "MASK-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "MASK-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "MASK_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"MATIC": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "MATICUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bitstamp", "ticker": "MATIC/USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "MATICUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "MATIC-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "maticusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "MATICUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "MATIC-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "MATIC-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "MATIC_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"MINA": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "MINAUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "MINA-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "MINA_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "MINAUSD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "MINA-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "MINA_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"MKR": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "MKRUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "MKR-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "MKRUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "MKR-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "MKR-USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"NEAR": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "NEARUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "NEARUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "NEAR-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "nearusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "NEARUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "NEAR-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "NEAR-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "NEAR_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"OP": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "OPUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "OPUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "OP-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "OP_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "OPUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "OP-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "OP-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "OP_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"ORDI": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "ORDIUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "ORDIUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "ORDI_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "ordiusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "ORDI-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "ORDI-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "ORDI_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"PEPE": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "PEPEUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "PEPEUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "PEPEUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "PEPE-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "PEPE-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "PEPE_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"PYTH": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "PYTHUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "PYTHUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "PYTH_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "PYTH-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "PYTH-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "PYTH_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"RNDR": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "RNDRUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "RNDR-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "RNDRUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "RNDR-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "RNDR-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "RNDR_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"RUNE": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "RUNEUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "RUNE_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "RUNEUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "RUNE-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "RUNE_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"SAND": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "SANDUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "SAND-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "SAND_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "SAND-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "SAND-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "SAND_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"SEI": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "SEIUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "SEIUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "SEI-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "seiusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "SEIUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "SEI-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "SEI_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"SHIB": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "SHIBUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "SHIBUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "SHIB-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "shibusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "SHIBUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "SHIB-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "SHIB-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "SHIB_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"SNX": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "SNXUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "SNXUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "SNX-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "SNXUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "SNX-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "SNX-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "SNX_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"SOL": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "SOLUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bitstamp", "ticker": "SOL/USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "SOLUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "SOL-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "solusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "SOLUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "SOL-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "SOL-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "SOL_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"STRK": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "STRKUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "STRKUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "STRKUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "STRK-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "STRK-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "STRK_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"STX": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "STXUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "STXUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "STX-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "STX_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "STXUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "STX-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "STX-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "STX_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"SUI": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "SUIUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "SUIUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "SUI-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "suiusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "SUIUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "SUI-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "SUI-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "SUI_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"TIA": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "TIAUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "TIAUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "TIA-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "TIAUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "TIA-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "TIA-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "TIA_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"TRX": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "TRXUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "TRXUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "TRX_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "trxusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "TRXUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "TRX-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "TRX-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "TRX_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"UNI": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "UNIUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "UNIUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "UNI-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "UNIUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "UNI-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "UNI-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "UNI_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"WLD": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "WLDUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "WLDUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "WLD_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "WLD-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "WLD-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "WLD_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"WOO": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "WOOUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "WOO_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "WOO-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "WOO-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "WOO_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"XLM": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "XLMUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bitstamp", "ticker": "XLM/USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "XLMUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "XLM-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "XLMUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "XLM-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "XLM-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "XLM_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"XRP": [
|
|
||||||
{ "exchangeName": "Binance", "ticker": "XRPUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Bitstamp", "ticker": "XRP/USD" },
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "XRPUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "XRP-USD" },
|
|
||||||
{ "exchangeName": "Huobi", "ticker": "xrpusdt", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kraken", "ticker": "XRPUSD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "XRP-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "XRP-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "XRP_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
],
|
|
||||||
"ZETA": [
|
|
||||||
{ "exchangeName": "Bybit", "ticker": "ZETAUSDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "CoinbasePro", "ticker": "ZETA-USD" },
|
|
||||||
{ "exchangeName": "Gate", "ticker": "ZETA_USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Kucoin", "ticker": "ZETA-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Okx", "ticker": "ZETA-USDT", "adjustByMarket": "USDT-USD" },
|
|
||||||
{ "exchangeName": "Mexc", "ticker": "ZETA_USDT", "adjustByMarket": "USDT-USD" }
|
|
||||||
]
|
|
||||||
}
|
|
||||||
3782
public/configs/potentialMarketExchangeConfig.json
Normal file
@ -1,656 +0,0 @@
|
|||||||
{
|
|
||||||
"apps": {
|
|
||||||
"ios": {
|
|
||||||
"scheme": "dydx-t-v4"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"tokens": {
|
|
||||||
"dydxprotocol-testnet": {
|
|
||||||
"chain": {
|
|
||||||
"name": "Dv4TNT",
|
|
||||||
"denom": "adv4tnt",
|
|
||||||
"decimals": 18,
|
|
||||||
"image": "/currencies/dydx.png"
|
|
||||||
},
|
|
||||||
"usdc": {
|
|
||||||
"name": "USDC",
|
|
||||||
"denom": "ibc/8E27BA2D5493AF5636760E354E46004562C46AB7EC0CC4C1CA14E9E20E2545B5",
|
|
||||||
"gasDenom": "uusdc",
|
|
||||||
"decimals": 6,
|
|
||||||
"image": "/currencies/usdc.png"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"dydx-testnet-4": {
|
|
||||||
"chain": {
|
|
||||||
"name": "Dv4TNT",
|
|
||||||
"denom": "adv4tnt",
|
|
||||||
"decimals": 18,
|
|
||||||
"image": "/currencies/dydx.png"
|
|
||||||
},
|
|
||||||
"usdc": {
|
|
||||||
"name": "USDC",
|
|
||||||
"denom": "ibc/8E27BA2D5493AF5636760E354E46004562C46AB7EC0CC4C1CA14E9E20E2545B5",
|
|
||||||
"gasDenom": "uusdc",
|
|
||||||
"decimals": 6,
|
|
||||||
"image": "/currencies/usdc.png"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"[mainnet chain id]": {
|
|
||||||
"comment": "Change according to mainnet release",
|
|
||||||
"chain": {
|
|
||||||
"name": "TokenName",
|
|
||||||
"denom": "tokenDenom",
|
|
||||||
"decimals": 18,
|
|
||||||
"image": "/currencies/dydx.png"
|
|
||||||
},
|
|
||||||
"usdc": {
|
|
||||||
"name": "USDC",
|
|
||||||
"denom": "ibc/8E27BA2D5493AF5636760E354E46004562C46AB7EC0CC4C1CA14E9E20E2545B5",
|
|
||||||
"gasDenom": "uusdc",
|
|
||||||
"decimals": 6,
|
|
||||||
"image": "/currencies/usdc.png"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"links": {
|
|
||||||
"dydxprotocol-testnet": {
|
|
||||||
"tos": "https://dydx.exchange/v4-terms",
|
|
||||||
"privacy": "https://dydx.exchange/privacy",
|
|
||||||
"statusPage": "https://status.v4testnet.dydx.exchange/",
|
|
||||||
"mintscan": "https://testnet.mintscan.io/dydx-testnet/txs/{tx_hash}",
|
|
||||||
"blogs": "https://www.dydx.foundation/blog",
|
|
||||||
"foundation": "https://www.dydx.foundation",
|
|
||||||
"help": "https://help.dydx.exchange/",
|
|
||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
|
||||||
"documentation": "https://docs.dydx.exchange/",
|
|
||||||
"community": "https://discord.com/invite/dydx",
|
|
||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
|
||||||
"newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
|
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
|
||||||
"strideZoneApp": "https://testnet.stride.zone",
|
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet",
|
|
||||||
"launchIncentive": "https://cloud.chaoslabs.co"
|
|
||||||
},
|
|
||||||
"dydx-testnet-4": {
|
|
||||||
"tos": "https://dydx.exchange/v4-terms",
|
|
||||||
"privacy": "https://dydx.exchange/privacy",
|
|
||||||
"statusPage": "https://status.v4testnet.dydx.exchange/",
|
|
||||||
"mintscan": "https://testnet.mintscan.io/dydx-testnet/txs/{tx_hash}",
|
|
||||||
"documentation": "https://docs.dydx.exchange/",
|
|
||||||
"community": "https://discord.com/invite/dydx",
|
|
||||||
"feedback": "https://docs.google.com/forms/d/e/1FAIpQLSezLsWCKvAYDEb7L-2O4wOON1T56xxro9A2Azvl6IxXHP_15Q/viewform",
|
|
||||||
"blogs": "https://www.dydx.foundation/blog",
|
|
||||||
"foundation": "https://www.dydx.foundation",
|
|
||||||
"help": "https://help.dydx.exchange/",
|
|
||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
|
||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
|
||||||
"newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
|
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
|
||||||
"strideZoneApp": "https://testnet.stride.zone",
|
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet",
|
|
||||||
"launchIncentive": "https://cloud.chaoslabs.co"
|
|
||||||
},
|
|
||||||
"[mainnet chain id]": {
|
|
||||||
"tos": "[HTTP link to TOS]",
|
|
||||||
"privacy": "[HTTP link to Privacy Policy]",
|
|
||||||
"statusPage": "[HTTP link to status page]",
|
|
||||||
"mintscan": "[HTTP link to Mintscan, with {tx_hash} placeholder]",
|
|
||||||
"mintscanBase": "[HTTP link to TOS mintscan base url]",
|
|
||||||
"feedback": "[HTTP link to feedback form, can be null]",
|
|
||||||
"blogs": "[HTTP link to blogs, can be null]",
|
|
||||||
"foundation": "[HTTP link to foundation, can be null]",
|
|
||||||
"reduceOnlyLearnMore": "[HTTP link to reduce-only learn more, can be null]",
|
|
||||||
"documentation": "[HTTP link to documentation, can be null]",
|
|
||||||
"community": "[HTTP link to community, can be null]",
|
|
||||||
"help": "[HTTP link to help page, can be null]",
|
|
||||||
"governanceLearnMore": "[HTTP link to governance learn more, can be null]",
|
|
||||||
"newMarketProposalLearnMore": "[HTTP link to new market proposal learn more, can be null]",
|
|
||||||
"stakingLearnMore": "[HTTP link to staking learn more, can be null]",
|
|
||||||
"keplrDashboard": "[HTTP link to keplr dashboard, can be null]",
|
|
||||||
"strideZoneApp": "[HTTP link to stride zone app, can be null]",
|
|
||||||
"accountExportLearnMore": "[HTTP link to account export learn more, can be null]",
|
|
||||||
"walletLearnMore": "[HTTP link to wallet learn more, can be null]",
|
|
||||||
"launchIncentive": "[HTTP link to launch incentive host, can be null]"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"wallets": {
|
|
||||||
"dydxprotocol-testnet": {
|
|
||||||
"walletconnect": {
|
|
||||||
"client": {
|
|
||||||
"name": "dYdX v4",
|
|
||||||
"description": "dYdX v4 App",
|
|
||||||
"iconUrl": "/logos/dydx-x.png"
|
|
||||||
},
|
|
||||||
"v2": {
|
|
||||||
"projectId": "47559b2ec96c09aed9ff2cb54a31ab0e"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"walletSegue": {
|
|
||||||
"callbackUrl": "/walletsegue"
|
|
||||||
},
|
|
||||||
"images": "/wallets/",
|
|
||||||
"signTypedDataAction": "dYdX Chain Onboarding",
|
|
||||||
"signTypedDataDomainName": "dYdX Chain"
|
|
||||||
},
|
|
||||||
"dydx-testnet-4": {
|
|
||||||
"walletconnect": {
|
|
||||||
"client": {
|
|
||||||
"name": "dYdX v4",
|
|
||||||
"description": "dYdX v4 App",
|
|
||||||
"iconUrl": "/logos/dydx-x.png"
|
|
||||||
},
|
|
||||||
"v2": {
|
|
||||||
"projectId": "47559b2ec96c09aed9ff2cb54a31ab0e"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"walletSegue": {
|
|
||||||
"callbackUrl": "/walletsegue"
|
|
||||||
},
|
|
||||||
"images": "/wallets/",
|
|
||||||
"signTypedDataAction": "dYdX Chain Onboarding",
|
|
||||||
"signTypedDataDomainName": "dYdX Chain"
|
|
||||||
},
|
|
||||||
"[mainnet chain id]": {
|
|
||||||
"walletconnect": {
|
|
||||||
"client": {
|
|
||||||
"name": "[Name of the app]",
|
|
||||||
"description": "[Description of the app]",
|
|
||||||
"iconUrl": "[Relative URL of the icon URL]"
|
|
||||||
},
|
|
||||||
"v2": {
|
|
||||||
"projectId": "[Project ID]"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"walletSegue": {
|
|
||||||
"callbackUrl": "[Relative callback URL for WalletSegue, should match apple-app-site-association]"
|
|
||||||
},
|
|
||||||
"images": "[Relative URL for wallet images]",
|
|
||||||
"signTypedDataAction": "dYdX Chain Onboarding",
|
|
||||||
"signTypedDataDomainName": "dYdX Chain"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"governance": {
|
|
||||||
"dydxprotocol-testnet": {
|
|
||||||
"newMarketProposal": {
|
|
||||||
"initialDepositAmount": 10000000,
|
|
||||||
"delayBlocks": 900,
|
|
||||||
"newMarketsMethodology": "https://docs.google.com/spreadsheets/d/1zjkV9R7R_7KMItuzqzvKGwefSBRfE-ZNAx1LH55OcqY/edit?usp=sharing"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"dydx-testnet-4": {
|
|
||||||
"newMarketProposal": {
|
|
||||||
"initialDepositAmount": 10000000,
|
|
||||||
"delayBlocks": 900,
|
|
||||||
"newMarketsMethodology": "https://docs.google.com/spreadsheets/d/1zjkV9R7R_7KMItuzqzvKGwefSBRfE-ZNAx1LH55OcqY/edit?usp=sharing"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"[mainnet chain id]": {
|
|
||||||
"newMarketProposal": {
|
|
||||||
"initialDepositAmount": 0,
|
|
||||||
"delayBlocks": 0,
|
|
||||||
"newMarketsMethodology": "[URL to spreadsheet or document that explains methodology]"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"deployments": {
|
|
||||||
"MAINNET": {
|
|
||||||
"environments": [
|
|
||||||
"dydxprotocol-mainnet"
|
|
||||||
],
|
|
||||||
"default": "dydxprotocol-mainnet"
|
|
||||||
},
|
|
||||||
"TESTFLIGHT": {
|
|
||||||
"environments": [
|
|
||||||
"dydxprotocol-mainnet",
|
|
||||||
"dydxprotocol-testnet"
|
|
||||||
],
|
|
||||||
"default": "dydxprotocol-mainnet"
|
|
||||||
},
|
|
||||||
"TESTNET": {
|
|
||||||
"environments": [
|
|
||||||
"dydxprotocol-testnet"
|
|
||||||
],
|
|
||||||
"default": "dydxprotocol-testnet"
|
|
||||||
},
|
|
||||||
"DEV": {
|
|
||||||
"environments": [
|
|
||||||
"dydxprotocol-dev",
|
|
||||||
"dydxprotocol-dev-2",
|
|
||||||
"dydxprotocol-dev-4",
|
|
||||||
"dydxprotocol-dev-5",
|
|
||||||
"dydxprotocol-staging",
|
|
||||||
"dydxprotocol-staging-west",
|
|
||||||
"dydxprotocol-testnet",
|
|
||||||
"dydxprotocol-testnet-dydx",
|
|
||||||
"dydxprotocol-testnet-nodefleet",
|
|
||||||
"dydxprotocol-testnet-kingnodes",
|
|
||||||
"dydxprotocol-testnet-liquify",
|
|
||||||
"dydxprotocol-testnet-polkachu",
|
|
||||||
"dydxprotocol-testnet-bware"
|
|
||||||
],
|
|
||||||
"default": "dydxprotocol-testnet"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"environments": {
|
|
||||||
"dydxprotocol-dev": {
|
|
||||||
"name": "v4 Dev",
|
|
||||||
"ethereumChainId": "11155111",
|
|
||||||
"dydxChainId": "dydxprotocol-testnet",
|
|
||||||
"chainName": "dYdX Chain",
|
|
||||||
"chainLogo": "/dydx-chain.png",
|
|
||||||
"squidIntegratorId": "dYdX-api",
|
|
||||||
"isMainNet": false,
|
|
||||||
"endpoints": {
|
|
||||||
"indexers": [
|
|
||||||
{
|
|
||||||
"api": "https://indexer.v4dev.dydx.exchange",
|
|
||||||
"socket": "wss://indexer.v4dev.dydx.exchange"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"validators": [
|
|
||||||
"https://validator.v4dev.dydx.exchange"
|
|
||||||
],
|
|
||||||
"0xsquid": "https://testnet.api.0xsquid.com",
|
|
||||||
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
|
|
||||||
"faucet": "https://faucet.v4dev.dydx.exchange"
|
|
||||||
},
|
|
||||||
"featureFlags": {
|
|
||||||
"reduceOnlySupported": true,
|
|
||||||
"usePessimisticCollateralCheck": false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"dydxprotocol-dev-2": {
|
|
||||||
"name": "v4 Dev 2",
|
|
||||||
"ethereumChainId": "11155111",
|
|
||||||
"dydxChainId": "dydxprotocol-testnet",
|
|
||||||
"chainName": "dYdX Chain",
|
|
||||||
"chainLogo": "/dydx-chain.png",
|
|
||||||
"squidIntegratorId": "dYdX-api",
|
|
||||||
"isMainNet": false,
|
|
||||||
"endpoints": {
|
|
||||||
"indexers": [
|
|
||||||
{
|
|
||||||
"api": "http://dev2-indexer-apne1-lb-public-2076363889.ap-northeast-1.elb.amazonaws.com",
|
|
||||||
"socket": "ws://dev2-indexer-apne1-lb-public-2076363889.ap-northeast-1.elb.amazonaws.com"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"validators": [
|
|
||||||
"http://54.92.118.111"
|
|
||||||
],
|
|
||||||
"0xsquid": "https://testnet.api.0xsquid.com",
|
|
||||||
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/"
|
|
||||||
},
|
|
||||||
"featureFlags": {
|
|
||||||
"reduceOnlySupported": true,
|
|
||||||
"usePessimisticCollateralCheck": false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"dydxprotocol-dev-4": {
|
|
||||||
"name": "v4 Dev 4",
|
|
||||||
"ethereumChainId": "11155111",
|
|
||||||
"dydxChainId": "dydxprotocol-testnet",
|
|
||||||
"chainName": "dYdX Chain",
|
|
||||||
"chainLogo": "/dydx-chain.png",
|
|
||||||
"squidIntegratorId": "dYdX-api",
|
|
||||||
"isMainNet": false,
|
|
||||||
"endpoints": {
|
|
||||||
"indexers": [
|
|
||||||
{
|
|
||||||
"api": "https://indexer.v4dev4.dydx.exchange",
|
|
||||||
"socket": "wss://indexer.v4dev4.dydx.exchange"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"validators": [
|
|
||||||
"https://validator.v4dev4.dydx.exchange"
|
|
||||||
],
|
|
||||||
"0xsquid": "https://testnet.api.0xsquid.com",
|
|
||||||
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
|
|
||||||
"faucet": "https://faucet.v4dev4.dydx.exchange"
|
|
||||||
},
|
|
||||||
"featureFlags": {
|
|
||||||
"reduceOnlySupported": true,
|
|
||||||
"usePessimisticCollateralCheck": false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"dydxprotocol-dev-5": {
|
|
||||||
"name": "v4 Dev 5",
|
|
||||||
"ethereumChainId": "11155111",
|
|
||||||
"dydxChainId": "dydxprotocol-testnet",
|
|
||||||
"chainName": "dYdX Chain",
|
|
||||||
"chainLogo": "/dydx-chain.png",
|
|
||||||
"squidIntegratorId": "dYdX-api",
|
|
||||||
"isMainNet": false,
|
|
||||||
"endpoints": {
|
|
||||||
"indexers": [
|
|
||||||
{
|
|
||||||
"api": "http://dev5-indexer-apne1-lb-public-1721328151.ap-northeast-1.elb.amazonaws.com",
|
|
||||||
"socket": "ws://dev5-indexer-apne1-lb-public-1721328151.ap-northeast-1.elb.amazonaws.com"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"validators": [
|
|
||||||
"http://18.223.78.50"
|
|
||||||
],
|
|
||||||
"0xsquid": "https://testnet.api.0xsquid.com",
|
|
||||||
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/"
|
|
||||||
},
|
|
||||||
"featureFlags": {
|
|
||||||
"reduceOnlySupported": true,
|
|
||||||
"usePessimisticCollateralCheck": false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"dydxprotocol-staging": {
|
|
||||||
"name": "v4 Staging",
|
|
||||||
"ethereumChainId": "11155111",
|
|
||||||
"dydxChainId": "dydxprotocol-testnet",
|
|
||||||
"chainName": "dYdX Chain",
|
|
||||||
"chainLogo": "/dydx-chain.png",
|
|
||||||
"squidIntegratorId": "dYdX-api",
|
|
||||||
"isMainNet": false,
|
|
||||||
"endpoints": {
|
|
||||||
"indexers": [
|
|
||||||
{
|
|
||||||
"api": "https://indexer.v4staging.dydx.exchange",
|
|
||||||
"socket": "wss://indexer.v4staging.dydx.exchange"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"faucet": "https://faucet.v4staging.dydx.exchange",
|
|
||||||
"validators": [
|
|
||||||
"https://validator.v4staging.dydx.exchange"
|
|
||||||
],
|
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com",
|
|
||||||
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/"
|
|
||||||
},
|
|
||||||
"featureFlags": {
|
|
||||||
"reduceOnlySupported": true,
|
|
||||||
"usePessimisticCollateralCheck": false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"dydxprotocol-staging-forced-update": {
|
|
||||||
"name": "v4 Staging Forced Update",
|
|
||||||
"ethereumChainId": "11155111",
|
|
||||||
"dydxChainId": "dydxprotocol-testnet",
|
|
||||||
"chainName": "dYdX Chain",
|
|
||||||
"chainLogo": "/dydx-chain.png",
|
|
||||||
"squidIntegratorId": "dYdX-api",
|
|
||||||
"isMainNet": false,
|
|
||||||
"endpoints": {
|
|
||||||
"indexers": [
|
|
||||||
{
|
|
||||||
"api": "https://indexer.v4staging.dydx.exchange",
|
|
||||||
"socket": "wss://indexer.v4staging.dydx.exchange"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"faucet": "https://faucet.v4staging.dydx.exchange",
|
|
||||||
"validators": [
|
|
||||||
"https://validator.v4staging.dydx.exchange"
|
|
||||||
],
|
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com",
|
|
||||||
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/"
|
|
||||||
},
|
|
||||||
"apps": {
|
|
||||||
"ios": {
|
|
||||||
"minimalVersion": "1.0",
|
|
||||||
"build": 40000,
|
|
||||||
"url": "https://apps.apple.com/app/dydx/id1564787350"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"featureFlags": {
|
|
||||||
"reduceOnlySupported": true,
|
|
||||||
"usePessimisticCollateralCheck": false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"dydxprotocol-staging-west": {
|
|
||||||
"name": "v4 Staging West",
|
|
||||||
"ethereumChainId": "11155111",
|
|
||||||
"dydxChainId": "dydxprotocol-testnet",
|
|
||||||
"chainName": "dYdX Chain",
|
|
||||||
"chainLogo": "/dydx-chain.png",
|
|
||||||
"squidIntegratorId": "dYdX-api",
|
|
||||||
"isMainNet": false,
|
|
||||||
"endpoints": {
|
|
||||||
"indexers": [
|
|
||||||
{
|
|
||||||
"api": "https://indexer.v4staging.dydx.exchange",
|
|
||||||
"socket": "wss://indexer.v4staging.dydx.exchange"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"faucet": "https://faucet.v4staging.dydx.exchange",
|
|
||||||
"validators": [
|
|
||||||
"https://validator-uswest1.v4staging.dydx.exchange"
|
|
||||||
],
|
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com",
|
|
||||||
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/"
|
|
||||||
},
|
|
||||||
"featureFlags": {
|
|
||||||
"reduceOnlySupported": true,
|
|
||||||
"usePessimisticCollateralCheck": false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"dydxprotocol-testnet": {
|
|
||||||
"name": "v4 Public Testnet",
|
|
||||||
"ethereumChainId": "11155111",
|
|
||||||
"dydxChainId": "dydx-testnet-4",
|
|
||||||
"chainName": "dYdX Chain",
|
|
||||||
"chainLogo": "/dydx-chain.png",
|
|
||||||
"squidIntegratorId": "dYdX-api",
|
|
||||||
"isMainNet": false,
|
|
||||||
"endpoints": {
|
|
||||||
"indexers": [
|
|
||||||
{
|
|
||||||
"api": "https://indexer.v4testnet.dydx.exchange",
|
|
||||||
"socket": "wss://indexer.v4testnet.dydx.exchange"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"validators": [
|
|
||||||
"https://dydx-testnet-full-rpc.public.blastapi.io/",
|
|
||||||
"https://dydx-testnet-rpc.polkachu.com/",
|
|
||||||
"https://dydx-testnet.nodefleet.org",
|
|
||||||
"https://test-dydx.kingnodes.com",
|
|
||||||
"https://dydx-rpc.liquify.com/api=8878132/dydx"
|
|
||||||
],
|
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com",
|
|
||||||
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
|
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
|
||||||
},
|
|
||||||
"featureFlags": {
|
|
||||||
"reduceOnlySupported": true,
|
|
||||||
"usePessimisticCollateralCheck": true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"dydxprotocol-testnet-dydx": {
|
|
||||||
"name": "v4 Public Testnet/dYdX",
|
|
||||||
"ethereumChainId": "11155111",
|
|
||||||
"dydxChainId": "dydx-testnet-4",
|
|
||||||
"chainName": "dYdX Chain",
|
|
||||||
"chainLogo": "/dydx-chain.png",
|
|
||||||
"squidIntegratorId": "dYdX-api",
|
|
||||||
"isMainNet": false,
|
|
||||||
"endpoints": {
|
|
||||||
"indexers": [
|
|
||||||
{
|
|
||||||
"api": "https://indexer.v4testnet.dydx.exchange",
|
|
||||||
"socket": "wss://indexer.v4testnet.dydx.exchange"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"validators": [
|
|
||||||
"https://validator.v4testnet.dydx.exchange"
|
|
||||||
],
|
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com",
|
|
||||||
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
|
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
|
||||||
},
|
|
||||||
"featureFlags": {
|
|
||||||
"reduceOnlySupported": true,
|
|
||||||
"usePessimisticCollateralCheck": true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"dydxprotocol-testnet-nodefleet": {
|
|
||||||
"name": "v4 Public Testnet/nodefleet",
|
|
||||||
"ethereumChainId": "11155111",
|
|
||||||
"dydxChainId": "dydx-testnet-4",
|
|
||||||
"chainName": "dYdX Chain",
|
|
||||||
"chainLogo": "/dydx-chain.png",
|
|
||||||
"squidIntegratorId": "dYdX-api",
|
|
||||||
"isMainNet": false,
|
|
||||||
"endpoints": {
|
|
||||||
"indexers": [
|
|
||||||
{
|
|
||||||
"api": "https://indexer.v4testnet.dydx.exchange",
|
|
||||||
"socket": "wss://indexer.v4testnet.dydx.exchange"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"validators": [
|
|
||||||
"https://dydx-testnet.nodefleet.org"
|
|
||||||
],
|
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com",
|
|
||||||
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
|
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
|
||||||
},
|
|
||||||
"featureFlags": {
|
|
||||||
"reduceOnlySupported": true,
|
|
||||||
"usePessimisticCollateralCheck": true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"dydxprotocol-testnet-kingnodes": {
|
|
||||||
"name": "v4 Public Testnet/KingNodes",
|
|
||||||
"ethereumChainId": "11155111",
|
|
||||||
"dydxChainId": "dydx-testnet-4",
|
|
||||||
"chainName": "dYdX Chain",
|
|
||||||
"chainLogo": "/dydx-chain.png",
|
|
||||||
"squidIntegratorId": "dYdX-api",
|
|
||||||
"isMainNet": false,
|
|
||||||
"endpoints": {
|
|
||||||
"indexers": [
|
|
||||||
{
|
|
||||||
"api": "https://indexer.v4testnet.dydx.exchange",
|
|
||||||
"socket": "wss://indexer.v4testnet.dydx.exchange"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"validators": [
|
|
||||||
"https://test-dydx.kingnodes.com"
|
|
||||||
],
|
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com",
|
|
||||||
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
|
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
|
||||||
},
|
|
||||||
"featureFlags": {
|
|
||||||
"reduceOnlySupported": true,
|
|
||||||
"usePessimisticCollateralCheck": true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"dydxprotocol-testnet-liquify": {
|
|
||||||
"name": "v4 Public Testnet/Liquify",
|
|
||||||
"ethereumChainId": "11155111",
|
|
||||||
"dydxChainId": "dydx-testnet-4",
|
|
||||||
"chainName": "dYdX Chain",
|
|
||||||
"chainLogo": "/dydx-chain.png",
|
|
||||||
"squidIntegratorId": "dYdX-api",
|
|
||||||
"isMainNet": false,
|
|
||||||
"endpoints": {
|
|
||||||
"indexers": [
|
|
||||||
{
|
|
||||||
"api": "https://indexer.v4testnet.dydx.exchange",
|
|
||||||
"socket": "wss://indexer.v4testnet.dydx.exchange"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"validators": [
|
|
||||||
"https://dydx-rpc.liquify.com/api=8878132/dydx"
|
|
||||||
],
|
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com",
|
|
||||||
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
|
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
|
||||||
},
|
|
||||||
"featureFlags": {
|
|
||||||
"reduceOnlySupported": true,
|
|
||||||
"usePessimisticCollateralCheck": true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"dydxprotocol-testnet-polkachu": {
|
|
||||||
"name": "v4 Public Testnet/Polkahcu",
|
|
||||||
"ethereumChainId": "11155111",
|
|
||||||
"dydxChainId": "dydx-testnet-4",
|
|
||||||
"chainName": "dYdX Chain",
|
|
||||||
"chainLogo": "/dydx-chain.png",
|
|
||||||
"squidIntegratorId": "dYdX-api",
|
|
||||||
"isMainNet": false,
|
|
||||||
"endpoints": {
|
|
||||||
"indexers": [
|
|
||||||
{
|
|
||||||
"api": "https://indexer.v4testnet.dydx.exchange",
|
|
||||||
"socket": "wss://indexer.v4testnet.dydx.exchange"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"validators": [
|
|
||||||
"https://dydx-testnet-rpc.polkachu.com/"
|
|
||||||
],
|
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com",
|
|
||||||
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
|
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
|
||||||
},
|
|
||||||
"featureFlags": {
|
|
||||||
"reduceOnlySupported": true,
|
|
||||||
"usePessimisticCollateralCheck": true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"dydxprotocol-testnet-bware": {
|
|
||||||
"name": "v4 Public Testnet/BWare",
|
|
||||||
"ethereumChainId": "11155111",
|
|
||||||
"dydxChainId": "dydx-testnet-4",
|
|
||||||
"chainName": "dYdX Chain",
|
|
||||||
"chainLogo": "/dydx-chain.png",
|
|
||||||
"squidIntegratorId": "dYdX-api",
|
|
||||||
"isMainNet": false,
|
|
||||||
"endpoints": {
|
|
||||||
"indexers": [
|
|
||||||
{
|
|
||||||
"api": "https://indexer.v4testnet.dydx.exchange",
|
|
||||||
"socket": "wss://indexer.v4testnet.dydx.exchange"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"validators": [
|
|
||||||
"https://dydx-testnet-full-rpc.public.blastapi.io/"
|
|
||||||
],
|
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com",
|
|
||||||
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
|
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
|
||||||
},
|
|
||||||
"featureFlags": {
|
|
||||||
"reduceOnlySupported": true,
|
|
||||||
"usePessimisticCollateralCheck": true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"dydxprotocol-mainnet": {
|
|
||||||
"name": "v4",
|
|
||||||
"ethereumChainId": "1",
|
|
||||||
"dydxChainId": "[mainnet chain id]",
|
|
||||||
"chainName": "dYdX Chain",
|
|
||||||
"chainLogo": "/dydx-chain.png",
|
|
||||||
"squidIntegratorId": "[mainnet squid integrator id]",
|
|
||||||
"isMainNet": true,
|
|
||||||
"endpoints": {
|
|
||||||
"indexers": [
|
|
||||||
{
|
|
||||||
"api": "[REST endpoint]",
|
|
||||||
"socket": "[Websocket endpoint]"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"validators": [
|
|
||||||
"[Validator endpoint 1",
|
|
||||||
"[Validator endpoint n]"
|
|
||||||
],
|
|
||||||
"0xsquid": "[0xSquid endpoint for mainnet]",
|
|
||||||
"nobleValidator": "[noble validator endpoint for mainnet]"
|
|
||||||
},
|
|
||||||
"featureFlags": {
|
|
||||||
"reduceOnlySupported": false,
|
|
||||||
"usePessimisticCollateralCheck": true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
Before Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 348 KiB |
|
Before Width: | Height: | Size: 110 KiB |
|
Before Width: | Height: | Size: 55 KiB |
|
Before Width: | Height: | Size: 106 KiB |
|
Before Width: | Height: | Size: 67 KiB |
|
Before Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 67 KiB |
|
Before Width: | Height: | Size: 89 KiB |
|
Before Width: | Height: | Size: 117 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 96 KiB |
|
Before Width: | Height: | Size: 9.8 KiB |
|
Before Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 67 KiB |
|
Before Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 107 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 15 KiB |
@ -1,15 +0,0 @@
|
|||||||
<!-- Smartbanner: Configure the mobile app -->
|
|
||||||
<meta name="smartbanner:title" content="SMARTBANNER_APP_NAME">
|
|
||||||
<meta name="smartbanner:author" content="SMARTBANNER_ORG_NAME">
|
|
||||||
<meta name="smartbanner:icon-apple" content="SMARTBANNER_ICON_URL">
|
|
||||||
<meta name="smartbanner:icon-google" content="SMARTBANNER_ICON_URL">
|
|
||||||
<!-- Smartbanner: The rest of the configurations can be kept as is -->
|
|
||||||
<meta name="smartbanner:price" content="FREE">
|
|
||||||
<meta name="smartbanner:price-suffix-apple" content=" - On the App Store">
|
|
||||||
<meta name="smartbanner:price-suffix-google" content=" - In Google Play">
|
|
||||||
<meta name="smartbanner:button" content="VIEW">
|
|
||||||
<meta name="smartbanner:close-label" content="Close">
|
|
||||||
<meta name="smartbanner:exclude-user-agent-regex" content="^.*(Windows NT|Intel Mac OS X).*$">
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/smartbanner.js@1.22.0/dist/smartbanner.min.js"></script>
|
|
||||||
<link href="https://cdn.jsdelivr.net/npm/smartbanner.js@1.22.0/dist/smartbanner.min.css" rel="stylesheet">
|
|
||||||
<!-- Smartbanner: End configuration -->
|
|
||||||
BIN
public/third-party/keplr.png
vendored
|
Before Width: | Height: | Size: 12 KiB |
BIN
public/third-party/stride.png
vendored
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 7.9 KiB |
@ -36,17 +36,3 @@ Customize Intercom Messenger by adding logo and brand colors
|
|||||||
3. Add API key in Github > Secrets and Variables > Actions as `INTERCOM_APP_ID`
|
3. Add API key in Github > Secrets and Variables > Actions as `INTERCOM_APP_ID`
|
||||||
4. In your deploy scripts add `pnpm run build:inject-intercom` after your pnpm build / vite build command.
|
4. In your deploy scripts add `pnpm run build:inject-intercom` after your pnpm build / vite build command.
|
||||||
5. If you are using with the Amplitude deployment scripts, your build command may look like the following: `pnpm build && pnpm run build:inject-amplitude && pnpm run build:inject-intercom`
|
5. If you are using with the Amplitude deployment scripts, your build command may look like the following: `pnpm build && pnpm run build:inject-amplitude && pnpm run build:inject-intercom`
|
||||||
|
|
||||||
### Smartbanner
|
|
||||||
Smartbanner to show download links to iOS and/or Android native apps on mobile devices.
|
|
||||||
|
|
||||||
<b>To use with dydxprotocol/v4-web:</b>
|
|
||||||
1. iOS app App Store link or Android app Google Play link.
|
|
||||||
2. Add configurations in Github > Secrets and Variables > Actions as
|
|
||||||
`SMARTBANNER_APP_NAME` for app name
|
|
||||||
`SMARTBANNER_ORG_NAME` for organization name
|
|
||||||
`SMARTBANNER_ICON_URL` for icon image
|
|
||||||
`SMARTBANNER_APPSTORE_URL` for iOS App Store link
|
|
||||||
`SMARTBANNER_GOOGLEPLAY_URL` for Android Google Play link
|
|
||||||
3. In your deploy scripts add `pnpm run build:inject-smartbanner` after your pnpm build / vite build command.
|
|
||||||
4. If you are using with the Amplitude deployment scripts, your build command may look like the following: `pnpm build && pnpm run build:inject-smartbanner`
|
|
||||||
|
|||||||
@ -14,7 +14,7 @@ if (AMPLITUDE_API_KEY) {
|
|||||||
const html = await fs.readFile(htmlFilePath, 'utf-8');
|
const html = await fs.readFile(htmlFilePath, 'utf-8');
|
||||||
|
|
||||||
const amplitudeCdnScript = `<script type="text/javascript">
|
const amplitudeCdnScript = `<script type="text/javascript">
|
||||||
!function(){"use strict";!function(e,t){var n=e.amplitude||{_q:[],_iq:{}};if(n.invoked)e.console&&console.error&&console.error("Amplitude snippet has been loaded.");else{var r=function(e,t){e.prototype[t]=function(){return this._q.push({name:t,args:Array.prototype.slice.call(arguments,0)}),this}},s=function(e,t,n){return function(r){e._q.push({name:t,args:Array.prototype.slice.call(n,0),resolve:r})}},o=function(e,t,n){e[t]=function(){if(n)return{promise:new Promise(s(e,t,Array.prototype.slice.call(arguments)))}}},i=function(e){for(var t=0;t<m.length;t++)o(e,m[t],!1);for(var n=0;n<g.length;n++)o(e,g[n],!0)};n.invoked=!0;var u=t.createElement("script");u.type="text/javascript",u.integrity="sha384-BVo5ZjsjH373rWbcjz9Qjb2L6BgLwLADcZtZZPu3nMl8+7LPDhi1NcUEf0Ate41Y",u.crossOrigin="anonymous",u.async=!0,u.src="/libs/amplitude-analytics-browser-2.0.0-min.js",u.onload=function(){e.amplitude.runQueuedFunctions||console.log("[Amplitude] Error: could not load SDK")};var a=t.getElementsByTagName("script")[0];a.parentNode.insertBefore(u,a);for(var c=function(){return this._q=[],this},p=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove","getUserProperties"],l=0;l<p.length;l++)r(c,p[l]);n.Identify=c;for(var d=function(){return this._q=[],this},f=["getEventProperties","setProductId","setQuantity","setPrice","setRevenue","setRevenueType","setEventProperties"],v=0;v<f.length;v++)r(d,f[v]);n.Revenue=d;var m=["getDeviceId","setDeviceId","getSessionId","setSessionId","getUserId","setUserId","setOptOut","setTransport","reset","extendSession"],g=["init","add","remove","track","logEvent","identify","groupIdentify","setGroup","revenue","flush"];i(n),n.createInstance=function(e){return n._iq[e]={_q:[]},i(n._iq[e]),n._iq[e]},e.amplitude=n}}(window,document)}();
|
!function(){"use strict";!function(e,t){var n=e.amplitude||{_q:[],_iq:{}};if(n.invoked)e.console&&console.error&&console.error("Amplitude snippet has been loaded.");else{var r=function(e,t){e.prototype[t]=function(){return this._q.push({name:t,args:Array.prototype.slice.call(arguments,0)}),this}},s=function(e,t,n){return function(r){e._q.push({name:t,args:Array.prototype.slice.call(n,0),resolve:r})}},o=function(e,t,n){e[t]=function(){if(n)return{promise:new Promise(s(e,t,Array.prototype.slice.call(arguments)))}}},i=function(e){for(var t=0;t<m.length;t++)o(e,m[t],!1);for(var n=0;n<g.length;n++)o(e,g[n],!0)};n.invoked=!0;var u=t.createElement("script");u.type="text/javascript",u.integrity="sha384-x0ik2D45ZDEEEpYpEuDpmj05fY91P7EOZkgdKmq4dKL/ZAVcufJ+nULFtGn0HIZE",u.crossOrigin="anonymous",u.async=!0,u.src="https://cdn.amplitude.com/libs/analytics-browser-2.0.0-min.js.gz",u.onload=function(){e.amplitude.runQueuedFunctions||console.log("[Amplitude] Error: could not load SDK")};var a=t.getElementsByTagName("script")[0];a.parentNode.insertBefore(u,a);for(var c=function(){return this._q=[],this},p=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove","getUserProperties"],l=0;l<p.length;l++)r(c,p[l]);n.Identify=c;for(var d=function(){return this._q=[],this},f=["getEventProperties","setProductId","setQuantity","setPrice","setRevenue","setRevenueType","setEventProperties"],v=0;v<f.length;v++)r(d,f[v]);n.Revenue=d;var m=["getDeviceId","setDeviceId","getSessionId","setSessionId","getUserId","setUserId","setOptOut","setTransport","reset","extendSession"],g=["init","add","remove","track","logEvent","identify","groupIdentify","setGroup","revenue","flush"];i(n),n.createInstance=function(e){return n._iq[e]={_q:[]},i(n._iq[e]),n._iq[e]},e.amplitude=n}}(window,document)}();
|
||||||
</script>
|
</script>
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|||||||
@ -1,60 +0,0 @@
|
|||||||
/* eslint-disable no-console */
|
|
||||||
import fs from 'fs/promises';
|
|
||||||
import path from 'path';
|
|
||||||
import { fileURLToPath } from 'url';
|
|
||||||
|
|
||||||
const SMARTBANNER_APP_NAME = process.env.SMARTBANNER_APP_NAME;
|
|
||||||
const SMARTBANNER_ORG_NAME = process.env.SMARTBANNER_ORG_NAME;
|
|
||||||
const SMARTBANNER_ICON_URL = process.env.SMARTBANNER_ICON_URL;
|
|
||||||
const SMARTBANNER_APPSTORE_URL = process.env.SMARTBANNER_APPSTORE_URL;
|
|
||||||
const SMARTBANNER_GOOGLEPLAY_URL = process.env.SMARTBANNER_GOOGLEPLAY_URL;
|
|
||||||
|
|
||||||
const currentPath = fileURLToPath(import.meta.url);
|
|
||||||
const projectRoot = path.dirname(currentPath);
|
|
||||||
const htmlFilePath = path.resolve(projectRoot, '../dist/index.html');
|
|
||||||
const smartbannerFilePath = path.resolve(projectRoot, '../dist/smartbanner.html');
|
|
||||||
|
|
||||||
if (
|
|
||||||
SMARTBANNER_APP_NAME &&
|
|
||||||
SMARTBANNER_ORG_NAME &&
|
|
||||||
SMARTBANNER_ICON_URL &&
|
|
||||||
(SMARTBANNER_APPSTORE_URL || SMARTBANNER_GOOGLEPLAY_URL)
|
|
||||||
) {
|
|
||||||
try {
|
|
||||||
const html = await fs.readFile(htmlFilePath, 'utf-8');
|
|
||||||
let smartbanner = await fs.readFile(smartbannerFilePath, 'utf-8');
|
|
||||||
smartbanner = smartbanner
|
|
||||||
.replace('SMARTBANNER_APP_NAME', SMARTBANNER_APP_NAME)
|
|
||||||
.replace('SMARTBANNER_ORG_NAME', SMARTBANNER_ORG_NAME)
|
|
||||||
.replace('SMARTBANNER_ICON_URL', SMARTBANNER_ICON_URL)
|
|
||||||
.replace('SMARTBANNER_ICON_URL', SMARTBANNER_ICON_URL);
|
|
||||||
|
|
||||||
/* hardcoded injection depending on whether the app is available on App Store and/or Google Play */
|
|
||||||
|
|
||||||
if (SMARTBANNER_APPSTORE_URL) {
|
|
||||||
smartbanner = `\t<meta name="smartbanner:button-url-apple" content="${SMARTBANNER_APPSTORE_URL}">\n` + smartbanner;
|
|
||||||
}
|
|
||||||
if (SMARTBANNER_GOOGLEPLAY_URL) {
|
|
||||||
smartbanner = `\t<meta name="smartbanner:button-url-google" content="${SMARTBANNER_GOOGLEPLAY_URL}">\n` + smartbanner;
|
|
||||||
}
|
|
||||||
if (SMARTBANNER_APPSTORE_URL) {
|
|
||||||
if (SMARTBANNER_GOOGLEPLAY_URL) {
|
|
||||||
smartbanner = `\t<meta name="smartbanner:enabled-platforms" content="android,ios">\n` + smartbanner;
|
|
||||||
} else {
|
|
||||||
smartbanner = `\t<meta name="smartbanner:enabled-platforms" content="ios">\n` + smartbanner;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
if (SMARTBANNER_GOOGLEPLAY_URL) {
|
|
||||||
smartbanner = `\t<meta name="smartbanner:enabled-platforms" content="android">\n` + smartbanner;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const injectedHtml = html.replace('</head>', `${smartbanner}\n</head>`);
|
|
||||||
|
|
||||||
await fs.writeFile(htmlFilePath, injectedHtml, 'utf-8');
|
|
||||||
|
|
||||||
console.log('Smartbanner scripts successfully injected.');
|
|
||||||
} catch (err) {
|
|
||||||
console.error('Error injecting Smartbanner scripts:', err);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
26
src/App.tsx
@ -1,5 +1,5 @@
|
|||||||
import { lazy, Suspense, useMemo } from 'react';
|
import { lazy, Suspense } from 'react';
|
||||||
import { Navigate, Route, Routes, useLocation } from 'react-router-dom';
|
import { Navigate, Route, Routes } from 'react-router-dom';
|
||||||
import styled, { AnyStyledComponent, css } from 'styled-components';
|
import styled, { AnyStyledComponent, css } from 'styled-components';
|
||||||
import { WagmiConfig } from 'wagmi';
|
import { WagmiConfig } from 'wagmi';
|
||||||
import { QueryClient, QueryClientProvider } from 'react-query';
|
import { QueryClient, QueryClientProvider } from 'react-query';
|
||||||
@ -26,7 +26,6 @@ import { RestrictionProvider } from '@/hooks/useRestrictions';
|
|||||||
import { SubaccountProvider } from '@/hooks/useSubaccount';
|
import { SubaccountProvider } from '@/hooks/useSubaccount';
|
||||||
|
|
||||||
import { GuardedMobileRoute } from '@/components/GuardedMobileRoute';
|
import { GuardedMobileRoute } from '@/components/GuardedMobileRoute';
|
||||||
import { LoadingSpace } from '@/components/Loading/LoadingSpinner';
|
|
||||||
|
|
||||||
import { HeaderDesktop } from '@/layout/Header/HeaderDesktop';
|
import { HeaderDesktop } from '@/layout/Header/HeaderDesktop';
|
||||||
import { FooterDesktop } from '@/layout/Footer/FooterDesktop';
|
import { FooterDesktop } from '@/layout/Footer/FooterDesktop';
|
||||||
@ -35,12 +34,12 @@ import { NotificationsToastArea } from '@/layout/NotificationsToastArea';
|
|||||||
import { DialogManager } from '@/layout/DialogManager';
|
import { DialogManager } from '@/layout/DialogManager';
|
||||||
import { GlobalCommandDialog } from '@/views/dialogs/GlobalCommandDialog';
|
import { GlobalCommandDialog } from '@/views/dialogs/GlobalCommandDialog';
|
||||||
|
|
||||||
import { parseLocationHash } from '@/lib/urlUtils';
|
|
||||||
import { config } from '@/lib/wagmi';
|
import { config } from '@/lib/wagmi';
|
||||||
|
|
||||||
import { breakpoints } from '@/styles';
|
import { breakpoints } from '@/styles';
|
||||||
import { GlobalStyle } from '@/styles/globalStyle';
|
import { GlobalStyle } from '@/styles/globalStyle';
|
||||||
import { layoutMixins } from '@/styles/layoutMixins';
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
|
import { LoadingSpace } from './components/Loading/LoadingSpinner';
|
||||||
|
|
||||||
import '@/styles/constants.css';
|
import '@/styles/constants.css';
|
||||||
import '@/styles/fonts.css';
|
import '@/styles/fonts.css';
|
||||||
@ -53,9 +52,9 @@ const AlertsPage = lazy(() => import('@/pages/AlertsPage'));
|
|||||||
const ProfilePage = lazy(() => import('@/pages/Profile'));
|
const ProfilePage = lazy(() => import('@/pages/Profile'));
|
||||||
const SettingsPage = lazy(() => import('@/pages/settings/Settings'));
|
const SettingsPage = lazy(() => import('@/pages/settings/Settings'));
|
||||||
const TradePage = lazy(() => import('@/pages/trade/Trade'));
|
const TradePage = lazy(() => import('@/pages/trade/Trade'));
|
||||||
|
const RewardsPage = lazy(() => import('@/pages/rewards/RewardsPage'));
|
||||||
const TermsOfUsePage = lazy(() => import('@/pages/TermsOfUsePage'));
|
const TermsOfUsePage = lazy(() => import('@/pages/TermsOfUsePage'));
|
||||||
const PrivacyPolicyPage = lazy(() => import('@/pages/PrivacyPolicyPage'));
|
const PrivacyPolicyPage = lazy(() => import('@/pages/PrivacyPolicyPage'));
|
||||||
const TokenPage = lazy(() => import('@/pages/token/Token'));
|
|
||||||
|
|
||||||
const queryClient = new QueryClient();
|
const queryClient = new QueryClient();
|
||||||
|
|
||||||
@ -69,14 +68,6 @@ const Content = () => {
|
|||||||
const isShowingHeader = isNotTablet;
|
const isShowingHeader = isNotTablet;
|
||||||
const isShowingFooter = useShouldShowFooter();
|
const isShowingFooter = useShouldShowFooter();
|
||||||
const { chainTokenLabel } = useTokenConfigs();
|
const { chainTokenLabel } = useTokenConfigs();
|
||||||
const location = useLocation();
|
|
||||||
|
|
||||||
const pathFromHash = useMemo(() => {
|
|
||||||
if (location.hash === '') {
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
return parseLocationHash(location.hash);
|
|
||||||
}, [location.hash]);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
@ -96,7 +87,7 @@ const Content = () => {
|
|||||||
<Route path={MarketsRoute.New} element={<NewMarket />} />
|
<Route path={MarketsRoute.New} element={<NewMarket />} />
|
||||||
<Route path={AppRoute.Markets} element={<MarketsPage />} />
|
<Route path={AppRoute.Markets} element={<MarketsPage />} />
|
||||||
</Route>
|
</Route>
|
||||||
<Route path={`/${chainTokenLabel}/*`} element={<TokenPage />} />
|
<Route path={`/${chainTokenLabel}`} element={<RewardsPage />} />
|
||||||
{isTablet && (
|
{isTablet && (
|
||||||
<>
|
<>
|
||||||
<Route path={AppRoute.Alerts} element={<AlertsPage />} />
|
<Route path={AppRoute.Alerts} element={<AlertsPage />} />
|
||||||
@ -111,10 +102,8 @@ const Content = () => {
|
|||||||
|
|
||||||
<Route path={AppRoute.Terms} element={<TermsOfUsePage />} />
|
<Route path={AppRoute.Terms} element={<TermsOfUsePage />} />
|
||||||
<Route path={AppRoute.Privacy} element={<PrivacyPolicyPage />} />
|
<Route path={AppRoute.Privacy} element={<PrivacyPolicyPage />} />
|
||||||
<Route
|
|
||||||
path="*"
|
<Route path="*" element={<Navigate to={DEFAULT_TRADE_ROUTE} replace />} />
|
||||||
element={<Navigate to={pathFromHash || DEFAULT_TRADE_ROUTE} replace />}
|
|
||||||
/>
|
|
||||||
</Routes>
|
</Routes>
|
||||||
</Suspense>
|
</Suspense>
|
||||||
</Styled.Main>
|
</Styled.Main>
|
||||||
@ -218,7 +207,6 @@ Styled.Content = styled.div<{ isShowingHeader: boolean; isShowingFooter: boolean
|
|||||||
|
|
||||||
Styled.Main = styled.main`
|
Styled.Main = styled.main`
|
||||||
${layoutMixins.contentSectionAttached}
|
${layoutMixins.contentSectionAttached}
|
||||||
box-shadow: none;
|
|
||||||
|
|
||||||
grid-area: Main;
|
grid-area: Main;
|
||||||
|
|
||||||
|
|||||||
@ -40,6 +40,9 @@ const AlertContainer = styled.div<StyleProps>`
|
|||||||
case AlertType.Info: {
|
case AlertType.Info: {
|
||||||
return css`
|
return css`
|
||||||
--alert-accent-color: var(--color-text-1);
|
--alert-accent-color: var(--color-text-1);
|
||||||
|
|
||||||
|
--alert-default-background-opacity: 0.133; // Relative
|
||||||
|
// --alert-background: var(--color-layer-6); // Absolute
|
||||||
`;
|
`;
|
||||||
}
|
}
|
||||||
case AlertType.Success: {
|
case AlertType.Success: {
|
||||||
|
|||||||
@ -8,7 +8,6 @@ const assetIcons = {
|
|||||||
'1INCH': '/currencies/1inch.png',
|
'1INCH': '/currencies/1inch.png',
|
||||||
AAVE: '/currencies/aave.png',
|
AAVE: '/currencies/aave.png',
|
||||||
ADA: '/currencies/ada.png',
|
ADA: '/currencies/ada.png',
|
||||||
AGIX: '/currencies/agix.png',
|
|
||||||
ALGO: '/currencies/algo.png',
|
ALGO: '/currencies/algo.png',
|
||||||
APE: '/currencies/ape.png',
|
APE: '/currencies/ape.png',
|
||||||
APT: '/currencies/apt.png',
|
APT: '/currencies/apt.png',
|
||||||
@ -17,57 +16,34 @@ const assetIcons = {
|
|||||||
AVAX: '/currencies/avax.png',
|
AVAX: '/currencies/avax.png',
|
||||||
BCH: '/currencies/bch.png',
|
BCH: '/currencies/bch.png',
|
||||||
BLUR: '/currencies/blur.png',
|
BLUR: '/currencies/blur.png',
|
||||||
BNB: '/currencies/bnb.png',
|
|
||||||
BONK: '/currencies/bonk.png',
|
BONK: '/currencies/bonk.png',
|
||||||
BTC: '/currencies/btc.png',
|
BTC: '/currencies/btc.png',
|
||||||
CELO: '/currencies/celo.png',
|
CELO: '/currencies/celo.png',
|
||||||
CHZ: '/currencies/chz.png',
|
|
||||||
COMP: '/currencies/comp.png',
|
COMP: '/currencies/comp.png',
|
||||||
CRV: '/currencies/crv.png',
|
CRV: '/currencies/crv.png',
|
||||||
DAI: '/currencies/dai.png',
|
DAI: '/currencies/dai.png',
|
||||||
DOGE: '/currencies/doge.png',
|
DOGE: '/currencies/doge.png',
|
||||||
DOT: '/currencies/dot.png',
|
DOT: '/currencies/dot.png',
|
||||||
DYDX: '/currencies/dydx.png',
|
DYDX: '/currencies/dydx.png',
|
||||||
DYM: '/currencies/dym.png',
|
|
||||||
ENJ: '/currencies/enj.png',
|
ENJ: '/currencies/enj.png',
|
||||||
ENS: '/currencies/ens.png',
|
|
||||||
EOS: '/currencies/eos.png',
|
EOS: '/currencies/eos.png',
|
||||||
ETC: '/currencies/etc.png',
|
ETC: '/currencies/etc.png',
|
||||||
ETH: '/currencies/eth.png',
|
ETH: '/currencies/eth.png',
|
||||||
FET: '/currencies/fet.png',
|
|
||||||
FIL: '/currencies/fil.png',
|
FIL: '/currencies/fil.png',
|
||||||
FTM: '/currencies/ftm.png',
|
|
||||||
GALA: "/currencies/gala.png",
|
|
||||||
GMT: "/currencies/gmt.png",
|
|
||||||
GRT: "/currencies/grt.png",
|
|
||||||
HBAR: "/currencies/hbar.png",
|
|
||||||
ICP: '/currencies/icp.png',
|
ICP: '/currencies/icp.png',
|
||||||
IMX: '/currencies/imx.png',
|
|
||||||
INJ: '/currencies/inj.png',
|
|
||||||
JTO: '/currencies/jto.png',
|
|
||||||
JUP: '/currencies/jup.png',
|
|
||||||
KAVA: '/currencies/kava.png',
|
|
||||||
LDO: '/currencies/ldo.png',
|
LDO: '/currencies/ldo.png',
|
||||||
LINK: '/currencies/link.png',
|
LINK: '/currencies/link.png',
|
||||||
LTC: '/currencies/ltc.png',
|
LTC: '/currencies/ltc.png',
|
||||||
MANA: '/currencies/mana.png',
|
|
||||||
MATIC: '/currencies/matic.png',
|
MATIC: '/currencies/matic.png',
|
||||||
MASK: '/currencies/mask.png',
|
|
||||||
MINA: '/currencies/mina.png',
|
|
||||||
MKR: '/currencies/mkr.png',
|
MKR: '/currencies/mkr.png',
|
||||||
NEAR: '/currencies/near.png',
|
NEAR: '/currencies/near.png',
|
||||||
ORDI: "/currencies/ordi.png",
|
|
||||||
OP: '/currencies/op.png',
|
OP: '/currencies/op.png',
|
||||||
PEPE: '/currencies/pepe.png',
|
PEPE: '/currencies/pepe.png',
|
||||||
PYTH: '/currencies/pyth.png',
|
|
||||||
RNDR: '/currencies/rndr.png',
|
|
||||||
RUNE: '/currencies/rune.png',
|
RUNE: '/currencies/rune.png',
|
||||||
SAND: '/currencies/sand.png',
|
|
||||||
SEI: '/currencies/sei.png',
|
SEI: '/currencies/sei.png',
|
||||||
SHIB: '/currencies/shib.png',
|
SHIB: '/currencies/shib.png',
|
||||||
SNX: '/currencies/snx.png',
|
SNX: '/currencies/snx.png',
|
||||||
SOL: '/currencies/sol.png',
|
SOL: '/currencies/sol.png',
|
||||||
STX: '/currencies/stx.png',
|
|
||||||
SUI: '/currencies/sui.png',
|
SUI: '/currencies/sui.png',
|
||||||
SUSHI: '/currencies/sushi.png',
|
SUSHI: '/currencies/sushi.png',
|
||||||
TIA: '/currencies/tia.png',
|
TIA: '/currencies/tia.png',
|
||||||
@ -78,7 +54,6 @@ const assetIcons = {
|
|||||||
USDT: '/currencies/usdt.png',
|
USDT: '/currencies/usdt.png',
|
||||||
WBTC: '/currencies/wbtc.png',
|
WBTC: '/currencies/wbtc.png',
|
||||||
WETH: '/currencies/weth.png',
|
WETH: '/currencies/weth.png',
|
||||||
WOO: '/currencies/woo.png',
|
|
||||||
WLD: '/currencies/wld.png',
|
WLD: '/currencies/wld.png',
|
||||||
XLM: '/currencies/xlm.png',
|
XLM: '/currencies/xlm.png',
|
||||||
XMR: '/currencies/xmr.png',
|
XMR: '/currencies/xmr.png',
|
||||||
@ -86,7 +61,6 @@ const assetIcons = {
|
|||||||
XTZ: '/currencies/xtz.png',
|
XTZ: '/currencies/xtz.png',
|
||||||
YFI: '/currencies/yfi.png',
|
YFI: '/currencies/yfi.png',
|
||||||
ZEC: '/currencies/zec.png',
|
ZEC: '/currencies/zec.png',
|
||||||
ZETA: '/currencies/zeta.png',
|
|
||||||
ZRX: '/currencies/zrx.png',
|
ZRX: '/currencies/zrx.png',
|
||||||
} as const;
|
} as const;
|
||||||
|
|
||||||
|
|||||||
@ -103,14 +103,14 @@ const buttonActionVariants = {
|
|||||||
|
|
||||||
[ButtonAction.Create]: css`
|
[ButtonAction.Create]: css`
|
||||||
--button-textColor: var(--color-text-button);
|
--button-textColor: var(--color-text-button);
|
||||||
--button-backgroundColor: var(--color-green);
|
--button-backgroundColor: var(--color-success);
|
||||||
--button-border: solid var(--border-width) var(--color-border-white);
|
--button-border: solid var(--border-width) var(--color-border-white);
|
||||||
--button-hover-filter: brightness(var(--hover-filter-variant));
|
--button-hover-filter: brightness(var(--hover-filter-variant));
|
||||||
`,
|
`,
|
||||||
|
|
||||||
[ButtonAction.Destroy]: css`
|
[ButtonAction.Destroy]: css`
|
||||||
--button-textColor: var(--color-text-button);
|
--button-textColor: var(--color-text-button);
|
||||||
--button-backgroundColor: var(--color-red);
|
--button-backgroundColor: var(--color-error);
|
||||||
--button-border: solid var(--border-width) var(--color-border-white);
|
--button-border: solid var(--border-width) var(--color-border-white);
|
||||||
--button-hover-filter: brightness(var(--hover-filter-variant));
|
--button-hover-filter: brightness(var(--hover-filter-variant));
|
||||||
`,
|
`,
|
||||||
@ -122,7 +122,7 @@ const buttonActionVariants = {
|
|||||||
`,
|
`,
|
||||||
|
|
||||||
[ButtonAction.Reset]: css`
|
[ButtonAction.Reset]: css`
|
||||||
--button-textColor: var(--color-red);
|
--button-textColor: var(--color-error);
|
||||||
--button-backgroundColor: var(--color-layer-3);
|
--button-backgroundColor: var(--color-layer-3);
|
||||||
--button-border: solid var(--border-width) var(--color-border-red);
|
--button-border: solid var(--border-width) var(--color-border-red);
|
||||||
--button-hover-filter: brightness(var(--hover-filter-variant));
|
--button-hover-filter: brightness(var(--hover-filter-variant));
|
||||||
|
|||||||
@ -6,7 +6,6 @@ import { layoutMixins } from '@/styles/layoutMixins';
|
|||||||
type ElementProps = {
|
type ElementProps = {
|
||||||
title: string;
|
title: string;
|
||||||
subtitle?: React.ReactNode;
|
subtitle?: React.ReactNode;
|
||||||
slotLeft?: React.ReactNode;
|
|
||||||
slotRight?: React.ReactNode;
|
slotRight?: React.ReactNode;
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -17,16 +16,14 @@ type StyleProps = {
|
|||||||
export const ContentSectionHeader = ({
|
export const ContentSectionHeader = ({
|
||||||
title,
|
title,
|
||||||
subtitle,
|
subtitle,
|
||||||
slotLeft,
|
|
||||||
slotRight,
|
slotRight,
|
||||||
className,
|
className,
|
||||||
}: ElementProps & StyleProps) => (
|
}: ElementProps & StyleProps) => (
|
||||||
<Styled.ContentSectionHeader className={className}>
|
<Styled.ContentSectionHeader className={className}>
|
||||||
{slotLeft}
|
<div>
|
||||||
<Styled.Header>
|
|
||||||
{title && <h3>{title}</h3>}
|
{title && <h3>{title}</h3>}
|
||||||
{subtitle && <p>{subtitle}</p>}
|
{subtitle && <p>{subtitle}</p>}
|
||||||
</Styled.Header>
|
</div>
|
||||||
{slotRight}
|
{slotRight}
|
||||||
</Styled.ContentSectionHeader>
|
</Styled.ContentSectionHeader>
|
||||||
);
|
);
|
||||||
@ -43,15 +40,9 @@ Styled.ContentSectionHeader = styled.header<StyleProps>`
|
|||||||
|
|
||||||
padding: 1rem var(--header-horizontal-padding);
|
padding: 1rem var(--header-horizontal-padding);
|
||||||
|
|
||||||
@media ${breakpoints.tablet} {
|
> div {
|
||||||
flex-wrap: wrap;
|
${layoutMixins.column}
|
||||||
--header-horizontal-padding: 1.25rem;
|
|
||||||
}
|
}
|
||||||
`;
|
|
||||||
|
|
||||||
Styled.Header = styled.div`
|
|
||||||
${layoutMixins.column}
|
|
||||||
flex: 1;
|
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
color: var(--color-text-2);
|
color: var(--color-text-2);
|
||||||
@ -63,4 +54,9 @@ Styled.Header = styled.div`
|
|||||||
font: var(--font-small-book);
|
font: var(--font-small-book);
|
||||||
margin-top: 0.25rem;
|
margin-top: 0.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media ${breakpoints.tablet} {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
--header-horizontal-padding: 1.25rem;
|
||||||
|
}
|
||||||
`;
|
`;
|
||||||
|
|||||||
@ -7,50 +7,35 @@ import { StoryWrapper } from '.ladle/components';
|
|||||||
import styled, { type AnyStyledComponent } from 'styled-components';
|
import styled, { type AnyStyledComponent } from 'styled-components';
|
||||||
import { layoutMixins } from '@/styles/layoutMixins';
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
|
|
||||||
export const DetailsStory: Story<Parameters<typeof Details>[0]> = (args) => (
|
export const DetailsStory: Story<Parameters<typeof Details>> = () => (
|
||||||
<StoryWrapper>
|
<StoryWrapper>
|
||||||
<Styled.Resizable>
|
<Styled.Resizable>
|
||||||
<Details {...args} />
|
<Details
|
||||||
|
items={[
|
||||||
|
{
|
||||||
|
key: 'item-1',
|
||||||
|
label: 'Item 1',
|
||||||
|
tooltip: 'leverage',
|
||||||
|
value: 'Value 1',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'item-2',
|
||||||
|
label: 'Really really really long item name 2',
|
||||||
|
tooltip: 'liquidation-price',
|
||||||
|
value: 'Value 2',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'item-3',
|
||||||
|
label: 'Item 3',
|
||||||
|
tooltip: 'realized-pnl',
|
||||||
|
value: 'Value 3',
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
</Styled.Resizable>
|
</Styled.Resizable>
|
||||||
</StoryWrapper>
|
</StoryWrapper>
|
||||||
);
|
);
|
||||||
|
|
||||||
DetailsStory.args = {
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
key: 'item-1',
|
|
||||||
label: 'Item 1',
|
|
||||||
tooltip: 'leverage',
|
|
||||||
value: 'Value 1',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 'item-2',
|
|
||||||
label: 'Really really really long item name 2',
|
|
||||||
tooltip: 'liquidation-price',
|
|
||||||
value: 'Value 2',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 'item-3',
|
|
||||||
label: 'Item 3',
|
|
||||||
tooltip: 'realized-pnl',
|
|
||||||
value: 'Value 3',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
showSubitems: false,
|
|
||||||
isLoading: false,
|
|
||||||
withOverflow: false,
|
|
||||||
withSeparators: false,
|
|
||||||
};
|
|
||||||
|
|
||||||
DetailsStory.argTypes = {
|
|
||||||
justifyItems: { options: ['start', 'end'], control: { type: 'select' }, defaultValue: 'start' },
|
|
||||||
layout: {
|
|
||||||
options: ['column', 'row', 'rowColumns', 'grid', 'stackColumn'],
|
|
||||||
control: { type: 'select' },
|
|
||||||
defaultValue: 'column',
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
const Styled: Record<string, AnyStyledComponent> = {};
|
const Styled: Record<string, AnyStyledComponent> = {};
|
||||||
|
|
||||||
Styled.Resizable = styled.section`
|
Styled.Resizable = styled.section`
|
||||||
|
|||||||
@ -133,7 +133,6 @@ const detailsLayoutVariants = {
|
|||||||
row: css`
|
row: css`
|
||||||
${layoutMixins.row}
|
${layoutMixins.row}
|
||||||
align-self: stretch;
|
align-self: stretch;
|
||||||
white-space: nowrap;
|
|
||||||
`,
|
`,
|
||||||
|
|
||||||
rowColumns: css`
|
rowColumns: css`
|
||||||
@ -160,16 +159,12 @@ const itemLayoutVariants: Record<string, FlattenInterpolation<ThemeProps<any>>>
|
|||||||
|
|
||||||
${layoutMixins.spacedRow}
|
${layoutMixins.spacedRow}
|
||||||
gap: 0.5rem;
|
gap: 0.5rem;
|
||||||
align-items: start;
|
|
||||||
padding: 0.5rem 0;
|
|
||||||
|
|
||||||
min-height: var(--details-item-height);
|
min-height: var(--details-item-height);
|
||||||
|
|
||||||
> :first-child > abbr {
|
|
||||||
min-width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
> :last-child {
|
> :last-child {
|
||||||
|
align-self: stretch;
|
||||||
|
|
||||||
${layoutMixins.row}
|
${layoutMixins.row}
|
||||||
${layoutMixins.stickyRight}
|
${layoutMixins.stickyRight}
|
||||||
|
|
||||||
@ -222,6 +217,8 @@ Styled.Details = styled.dl<{
|
|||||||
--details-grid-numColumns: 2;
|
--details-grid-numColumns: 2;
|
||||||
|
|
||||||
${({ layout }) => layout && detailsLayoutVariants[layout]}
|
${({ layout }) => layout && detailsLayoutVariants[layout]}
|
||||||
|
|
||||||
|
white-space: nowrap;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.Item = styled.div<{
|
Styled.Item = styled.div<{
|
||||||
@ -234,7 +231,7 @@ Styled.Item = styled.div<{
|
|||||||
${({ justifyItems }) =>
|
${({ justifyItems }) =>
|
||||||
justifyItems === 'end' &&
|
justifyItems === 'end' &&
|
||||||
css`
|
css`
|
||||||
> :nth-child(even) {
|
&:nth-child(even) {
|
||||||
justify-items: end;
|
justify-items: end;
|
||||||
text-align: end;
|
text-align: end;
|
||||||
}
|
}
|
||||||
@ -246,7 +243,6 @@ Styled.Item = styled.div<{
|
|||||||
{
|
{
|
||||||
column: css`
|
column: css`
|
||||||
&:not(:hover) > :first-child {
|
&:not(:hover) > :first-child {
|
||||||
white-space: nowrap;
|
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -26,7 +26,7 @@ export const DetailsDialog = ({ slotIcon, title, items, slotFooter, setIsOpen }:
|
|||||||
placement={isTablet ? DialogPlacement.Default : DialogPlacement.Sidebar}
|
placement={isTablet ? DialogPlacement.Default : DialogPlacement.Sidebar}
|
||||||
>
|
>
|
||||||
<Styled.Content>
|
<Styled.Content>
|
||||||
<Styled.Details withSeparators justifyItems="end" items={items} />
|
<Styled.Details withSeparators items={items} />
|
||||||
|
|
||||||
<Styled.Footer>{slotFooter}</Styled.Footer>
|
<Styled.Footer>{slotFooter}</Styled.Footer>
|
||||||
</Styled.Content>
|
</Styled.Content>
|
||||||
|
|||||||
@ -4,18 +4,8 @@ import { DropdownMenu } from '@/components/DropdownMenu';
|
|||||||
|
|
||||||
import { StoryWrapper } from '.ladle/components';
|
import { StoryWrapper } from '.ladle/components';
|
||||||
|
|
||||||
export const DropdownMenuStory: Story<Parameters<typeof DropdownMenu>[0]> = (args) => {
|
export const DropdownMenuStory: Story<Parameters<typeof DropdownMenu>> = (args) => {
|
||||||
return (
|
const exampleItems = [
|
||||||
<StoryWrapper>
|
|
||||||
<DropdownMenu {...args}>
|
|
||||||
<span>Menu</span>
|
|
||||||
</DropdownMenu>
|
|
||||||
</StoryWrapper>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
DropdownMenuStory.args = {
|
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
value: '0',
|
value: '0',
|
||||||
label: 'Item 0',
|
label: 'Item 0',
|
||||||
@ -39,9 +29,19 @@ DropdownMenuStory.args = {
|
|||||||
onSelect: () => alert('Item 3 action'),
|
onSelect: () => alert('Item 3 action'),
|
||||||
highlightColor: 'destroy',
|
highlightColor: 'destroy',
|
||||||
},
|
},
|
||||||
],
|
];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<StoryWrapper>
|
||||||
|
<DropdownMenu {...args} items={exampleItems}>
|
||||||
|
<span>Menu</span>
|
||||||
|
</DropdownMenu>
|
||||||
|
</StoryWrapper>
|
||||||
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
DropdownMenuStory.args = {};
|
||||||
|
|
||||||
DropdownMenuStory.argTypes = {
|
DropdownMenuStory.argTypes = {
|
||||||
align: {
|
align: {
|
||||||
options: ['start', 'center', 'end'],
|
options: ['start', 'center', 'end'],
|
||||||
|
|||||||
@ -91,10 +91,10 @@ Styled.Item = styled(Item)<{ $highlightColor: 'accent' | 'create' | 'destroy' }>
|
|||||||
--item-highlighted-textColor: var(--color-accent);
|
--item-highlighted-textColor: var(--color-accent);
|
||||||
`,
|
`,
|
||||||
['create']: `
|
['create']: `
|
||||||
--item-highlighted-textColor: var(--color-green);
|
--item-highlighted-textColor: var(--color-success);
|
||||||
`,
|
`,
|
||||||
['destroy']: `
|
['destroy']: `
|
||||||
--item-highlighted-textColor: var(--color-red);
|
--item-highlighted-textColor: var(--color-error);
|
||||||
`,
|
`,
|
||||||
}[$highlightColor])}
|
}[$highlightColor])}
|
||||||
|
|
||||||
|
|||||||
@ -28,22 +28,21 @@ const exampleItems = [
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
export const DropdownSelectMenuStory: Story<
|
export const DropdownSelectMenuStory: Story<Parameters<typeof DropdownSelectMenu>> = (args) => {
|
||||||
Pick<Parameters<typeof DropdownSelectMenu>[0], 'items' | 'align' | 'sideOffset' | 'disabled'>
|
|
||||||
> = (args) => {
|
|
||||||
const [item, setItem] = useState(exampleItems[0].value);
|
const [item, setItem] = useState(exampleItems[0].value);
|
||||||
return (
|
return (
|
||||||
<StoryWrapper>
|
<StoryWrapper>
|
||||||
<DropdownSelectMenu value={item} onValueChange={(value) => setItem(value)} {...args} />
|
<DropdownSelectMenu
|
||||||
|
items={exampleItems}
|
||||||
|
value={item}
|
||||||
|
onValueChange={(value) => setItem(value)}
|
||||||
|
{...args}
|
||||||
|
/>
|
||||||
</StoryWrapper>
|
</StoryWrapper>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
DropdownSelectMenuStory.args = {
|
DropdownSelectMenuStory.args = {};
|
||||||
items: exampleItems,
|
|
||||||
sideOffset: 1,
|
|
||||||
disabled: false,
|
|
||||||
};
|
|
||||||
|
|
||||||
DropdownSelectMenuStory.argTypes = {
|
DropdownSelectMenuStory.argTypes = {
|
||||||
align: {
|
align: {
|
||||||
|
|||||||
@ -4,7 +4,7 @@ import { Icon, IconName } from '@/components/Icon';
|
|||||||
|
|
||||||
import { StoryWrapper } from '.ladle/components';
|
import { StoryWrapper } from '.ladle/components';
|
||||||
|
|
||||||
export const IconStory: Story<Parameters<typeof Icon>[0]> = (args) => {
|
export const IconStory: Story<Parameters<typeof Icon>> = (args) => {
|
||||||
return (
|
return (
|
||||||
<StoryWrapper>
|
<StoryWrapper>
|
||||||
<Icon {...args} />
|
<Icon {...args} />
|
||||||
|
|||||||
@ -25,7 +25,6 @@ import {
|
|||||||
CoinsIcon,
|
CoinsIcon,
|
||||||
CommentIcon,
|
CommentIcon,
|
||||||
CopyIcon,
|
CopyIcon,
|
||||||
CurrencySignIcon,
|
|
||||||
DepositIcon,
|
DepositIcon,
|
||||||
DepthChartIcon,
|
DepthChartIcon,
|
||||||
DiscordIcon,
|
DiscordIcon,
|
||||||
@ -36,7 +35,6 @@ import {
|
|||||||
FundingChartIcon,
|
FundingChartIcon,
|
||||||
GearIcon,
|
GearIcon,
|
||||||
GiftboxIcon,
|
GiftboxIcon,
|
||||||
GovernanceIcon,
|
|
||||||
HelpCircleIcon,
|
HelpCircleIcon,
|
||||||
HideIcon,
|
HideIcon,
|
||||||
HistoryIcon,
|
HistoryIcon,
|
||||||
@ -72,7 +70,6 @@ import {
|
|||||||
StarIcon,
|
StarIcon,
|
||||||
SunIcon,
|
SunIcon,
|
||||||
TerminalIcon,
|
TerminalIcon,
|
||||||
TokenIcon,
|
|
||||||
TradeIcon,
|
TradeIcon,
|
||||||
TransferIcon,
|
TransferIcon,
|
||||||
TriangleIcon,
|
TriangleIcon,
|
||||||
@ -106,7 +103,6 @@ export enum IconName {
|
|||||||
Coins = 'Coins',
|
Coins = 'Coins',
|
||||||
Comment = 'Comment',
|
Comment = 'Comment',
|
||||||
Copy = 'Copy',
|
Copy = 'Copy',
|
||||||
CurrencySign = 'CurrencySign',
|
|
||||||
Deposit = 'Deposit',
|
Deposit = 'Deposit',
|
||||||
DepthChart = 'DepthChart',
|
DepthChart = 'DepthChart',
|
||||||
Discord = 'Discord',
|
Discord = 'Discord',
|
||||||
@ -117,7 +113,6 @@ export enum IconName {
|
|||||||
FundingChart = 'FundingChart',
|
FundingChart = 'FundingChart',
|
||||||
Gear = 'Gear',
|
Gear = 'Gear',
|
||||||
Giftbox = 'Giftbox',
|
Giftbox = 'Giftbox',
|
||||||
Governance = 'Governance',
|
|
||||||
HelpCircle = 'HelpCircle',
|
HelpCircle = 'HelpCircle',
|
||||||
Hide = 'Hide',
|
Hide = 'Hide',
|
||||||
History = 'History',
|
History = 'History',
|
||||||
@ -154,7 +149,6 @@ export enum IconName {
|
|||||||
Sun = 'Sun',
|
Sun = 'Sun',
|
||||||
Terminal = 'Terminal',
|
Terminal = 'Terminal',
|
||||||
TogglesMenu = 'TogglesMenu',
|
TogglesMenu = 'TogglesMenu',
|
||||||
Token = 'Token',
|
|
||||||
Trade = 'Trade',
|
Trade = 'Trade',
|
||||||
Transfer = 'Transfer',
|
Transfer = 'Transfer',
|
||||||
Triangle = 'Triangle',
|
Triangle = 'Triangle',
|
||||||
@ -188,7 +182,6 @@ const icons = {
|
|||||||
[IconName.Coins]: CoinsIcon,
|
[IconName.Coins]: CoinsIcon,
|
||||||
[IconName.Comment]: CommentIcon,
|
[IconName.Comment]: CommentIcon,
|
||||||
[IconName.Copy]: CopyIcon,
|
[IconName.Copy]: CopyIcon,
|
||||||
[IconName.CurrencySign]: CurrencySignIcon,
|
|
||||||
[IconName.Deposit]: DepositIcon,
|
[IconName.Deposit]: DepositIcon,
|
||||||
[IconName.DepthChart]: DepthChartIcon,
|
[IconName.DepthChart]: DepthChartIcon,
|
||||||
[IconName.Discord]: DiscordIcon,
|
[IconName.Discord]: DiscordIcon,
|
||||||
@ -199,7 +192,6 @@ const icons = {
|
|||||||
[IconName.FundingChart]: FundingChartIcon,
|
[IconName.FundingChart]: FundingChartIcon,
|
||||||
[IconName.Gear]: GearIcon,
|
[IconName.Gear]: GearIcon,
|
||||||
[IconName.Giftbox]: GiftboxIcon,
|
[IconName.Giftbox]: GiftboxIcon,
|
||||||
[IconName.Governance]: GovernanceIcon,
|
|
||||||
[IconName.HelpCircle]: HelpCircleIcon,
|
[IconName.HelpCircle]: HelpCircleIcon,
|
||||||
[IconName.Hide]: HideIcon,
|
[IconName.Hide]: HideIcon,
|
||||||
[IconName.History]: HistoryIcon,
|
[IconName.History]: HistoryIcon,
|
||||||
@ -235,7 +227,6 @@ const icons = {
|
|||||||
[IconName.Sun]: SunIcon,
|
[IconName.Sun]: SunIcon,
|
||||||
[IconName.Terminal]: TerminalIcon,
|
[IconName.Terminal]: TerminalIcon,
|
||||||
[IconName.TogglesMenu]: TogglesMenuIcon,
|
[IconName.TogglesMenu]: TogglesMenuIcon,
|
||||||
[IconName.Token]: TokenIcon,
|
|
||||||
[IconName.Trade]: TradeIcon,
|
[IconName.Trade]: TradeIcon,
|
||||||
[IconName.Transfer]: TransferIcon,
|
[IconName.Transfer]: TransferIcon,
|
||||||
[IconName.Triangle]: TriangleIcon,
|
[IconName.Triangle]: TriangleIcon,
|
||||||
|
|||||||
@ -6,7 +6,7 @@ import { Link } from '@/components/Link';
|
|||||||
import { StoryWrapper } from '.ladle/components';
|
import { StoryWrapper } from '.ladle/components';
|
||||||
import { layoutMixins } from '@/styles/layoutMixins';
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
|
|
||||||
export const LinkStory: Story<Parameters<typeof Link>[0]> = (args) => {
|
export const LinkStory: Story<Parameters<typeof Link>> = (args) => {
|
||||||
return (
|
return (
|
||||||
<StoryWrapper>
|
<StoryWrapper>
|
||||||
<Styled.Container>
|
<Styled.Container>
|
||||||
|
|||||||
@ -5,24 +5,8 @@ import { HashRouter } from 'react-router-dom';
|
|||||||
|
|
||||||
import { StoryWrapper } from '.ladle/components';
|
import { StoryWrapper } from '.ladle/components';
|
||||||
|
|
||||||
export const NavigationMenuStory: Story<
|
export const NavigationMenuStory: Story<Parameters<typeof NavigationMenu>> = (args) => {
|
||||||
Pick<Parameters<typeof NavigationMenu>[0], 'items' | 'orientation' | 'submenuPlacement'>
|
const exampleItems = [
|
||||||
> = (args) => {
|
|
||||||
return (
|
|
||||||
<StoryWrapper>
|
|
||||||
<HashRouter
|
|
||||||
children={
|
|
||||||
<NavigationMenu {...args}>
|
|
||||||
<span>Menu</span>
|
|
||||||
</NavigationMenu>
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
</StoryWrapper>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
NavigationMenuStory.args = {
|
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
group: 'navigation',
|
group: 'navigation',
|
||||||
groupLabel: 'Views',
|
groupLabel: 'Views',
|
||||||
@ -109,9 +93,23 @@ NavigationMenuStory.args = {
|
|||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
],
|
];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<StoryWrapper>
|
||||||
|
<HashRouter
|
||||||
|
children={
|
||||||
|
<NavigationMenu {...args} items={exampleItems}>
|
||||||
|
<span>Menu</span>
|
||||||
|
</NavigationMenu>
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</StoryWrapper>
|
||||||
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
NavigationMenuStory.args = {};
|
||||||
|
|
||||||
NavigationMenuStory.argTypes = {
|
NavigationMenuStory.argTypes = {
|
||||||
orientation: {
|
orientation: {
|
||||||
options: ['vertical', 'horizontal'],
|
options: ['vertical', 'horizontal'],
|
||||||
|
|||||||
@ -7,7 +7,7 @@ import { StoryWrapper } from '.ladle/components';
|
|||||||
import { layoutMixins } from '@/styles/layoutMixins';
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
import { InputType } from './Input';
|
import { InputType } from './Input';
|
||||||
|
|
||||||
export const SearchInputStory: Story<Parameters<typeof SearchInput>[0]> = (args) => (
|
export const SearchInputStory: Story<Parameters<typeof SearchInput>> = (args) => (
|
||||||
<StoryWrapper>
|
<StoryWrapper>
|
||||||
<Styled.Container>
|
<Styled.Container>
|
||||||
<SearchInput placeholder="Search something..." type={InputType.Search} />
|
<SearchInput placeholder="Search something..." type={InputType.Search} />
|
||||||
|
|||||||
@ -6,7 +6,7 @@ import { SearchSelectMenu } from '@/components/SearchSelectMenu';
|
|||||||
|
|
||||||
import { StoryWrapper } from '.ladle/components';
|
import { StoryWrapper } from '.ladle/components';
|
||||||
|
|
||||||
export const SearchSelectMenuStory: Story<Parameters<typeof SearchSelectMenu>[0]> = (args) => {
|
export const SearchSelectMenuStory: Story<Parameters<typeof SearchSelectMenu>> = (args) => {
|
||||||
const [selectedItem, setSelectedItem] = useState<string>();
|
const [selectedItem, setSelectedItem] = useState<string>();
|
||||||
|
|
||||||
const exampleItems = [
|
const exampleItems = [
|
||||||
@ -24,7 +24,10 @@ export const SearchSelectMenuStory: Story<Parameters<typeof SearchSelectMenu>[0]
|
|||||||
return (
|
return (
|
||||||
<StoryWrapper>
|
<StoryWrapper>
|
||||||
<Container>
|
<Container>
|
||||||
<SearchSelectMenu {...args} items={exampleItems}>
|
<SearchSelectMenu
|
||||||
|
{...args}
|
||||||
|
items={exampleItems}
|
||||||
|
>
|
||||||
{!selectedItem ? <span>Search and Select</span> : <span>{selectedItem}</span>}
|
{!selectedItem ? <span>Search and Select</span> : <span>{selectedItem}</span>}
|
||||||
</SearchSelectMenu>
|
</SearchSelectMenu>
|
||||||
</Container>
|
</Container>
|
||||||
|
|||||||
@ -39,7 +39,7 @@ export const SearchSelectMenu = ({
|
|||||||
disabled,
|
disabled,
|
||||||
label,
|
label,
|
||||||
items,
|
items,
|
||||||
withSearch = true,
|
withSearch,
|
||||||
withReceiptItems,
|
withReceiptItems,
|
||||||
}: SearchSelectMenuProps) => {
|
}: SearchSelectMenuProps) => {
|
||||||
const [open, setOpen] = useState(false);
|
const [open, setOpen] = useState(false);
|
||||||
@ -77,7 +77,6 @@ export const SearchSelectMenu = ({
|
|||||||
withSearch={withSearch}
|
withSearch={withSearch}
|
||||||
onItemSelected={() => setOpen(false)}
|
onItemSelected={() => setOpen(false)}
|
||||||
withStickyLayout
|
withStickyLayout
|
||||||
$withSearch={withSearch}
|
|
||||||
/>
|
/>
|
||||||
</Styled.Popover>
|
</Styled.Popover>
|
||||||
</Styled.WithDetailsReceipt>
|
</Styled.WithDetailsReceipt>
|
||||||
@ -128,7 +127,7 @@ Styled.Popover = styled(Popover)`
|
|||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.ComboboxMenu = styled(ComboboxMenu)<{ $withSearch?: boolean }>`
|
Styled.ComboboxMenu = styled(ComboboxMenu)`
|
||||||
${layoutMixins.withInnerHorizontalBorders}
|
${layoutMixins.withInnerHorizontalBorders}
|
||||||
|
|
||||||
--comboboxMenu-backgroundColor: var(--color-layer-4);
|
--comboboxMenu-backgroundColor: var(--color-layer-4);
|
||||||
@ -141,8 +140,7 @@ Styled.ComboboxMenu = styled(ComboboxMenu)<{ $withSearch?: boolean }>`
|
|||||||
--comboboxMenu-item-checked-textColor: var(--color-text-2);
|
--comboboxMenu-item-checked-textColor: var(--color-text-2);
|
||||||
--comboboxMenu-item-highlighted-textColor: var(--color-text-2);
|
--comboboxMenu-item-highlighted-textColor: var(--color-text-2);
|
||||||
|
|
||||||
--stickyArea1-topHeight: ${({ $withSearch }) =>
|
--stickyArea1-topHeight: var(--form-input-height);
|
||||||
!$withSearch ? '0' : 'var(--form-input-height)'};
|
|
||||||
|
|
||||||
input:focus-visible {
|
input:focus-visible {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|||||||
@ -26,7 +26,7 @@ const exampleItems: { value: string; label: string }[] = [
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
export const SelectMenuStory: Story<Parameters<typeof SelectMenu>[0]> = (args) => {
|
export const SelectMenuStory: Story<Parameters<typeof SelectMenu>> = (args) => {
|
||||||
const [value, setValue] = useState(exampleItems[0].value);
|
const [value, setValue] = useState(exampleItems[0].value);
|
||||||
const [value2, setValue2] = useState(exampleItems[2].value);
|
const [value2, setValue2] = useState(exampleItems[2].value);
|
||||||
|
|
||||||
|
|||||||
@ -47,7 +47,7 @@ Styled.Root = styled(Root)`
|
|||||||
--switch-thumb-backgroundColor: var(--color-layer-6);
|
--switch-thumb-backgroundColor: var(--color-layer-6);
|
||||||
|
|
||||||
--switch-active-backgroundColor: var(--color-accent);
|
--switch-active-backgroundColor: var(--color-accent);
|
||||||
--switch-active-thumb-backgroundColor: var(--color-white);
|
--switch-active-thumb-backgroundColor: ${({ theme }) => theme.switchThumbActiveBackground};
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
width: var(--switch-width);
|
width: var(--switch-width);
|
||||||
|
|||||||
@ -13,11 +13,29 @@ enum TabItem {
|
|||||||
Item3 = 'Item3',
|
Item3 = 'Item3',
|
||||||
}
|
}
|
||||||
|
|
||||||
export const TabsStory: Story<Parameters<typeof Tabs>[0]> = (args) => {
|
const TabItems = [
|
||||||
|
{
|
||||||
|
value: TabItem.Item1,
|
||||||
|
label: 'Item 1',
|
||||||
|
content: <div>Item 1 Content</div>,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: TabItem.Item2,
|
||||||
|
label: 'Item 2',
|
||||||
|
content: <div>Item 2 Content</div>,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: TabItem.Item3,
|
||||||
|
label: 'Item 3',
|
||||||
|
content: <div>Item 3 Content</div>,
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
export const TabsStory: Story<Parameters<typeof Tabs>> = (args) => {
|
||||||
return (
|
return (
|
||||||
<StoryWrapper>
|
<StoryWrapper>
|
||||||
<Styled.Container>
|
<Styled.Container>
|
||||||
<Tabs {...args} />
|
<Tabs items={TabItems} {...args} />
|
||||||
</Styled.Container>
|
</Styled.Container>
|
||||||
</StoryWrapper>
|
</StoryWrapper>
|
||||||
);
|
);
|
||||||
@ -25,23 +43,6 @@ export const TabsStory: Story<Parameters<typeof Tabs>[0]> = (args) => {
|
|||||||
|
|
||||||
TabsStory.args = {
|
TabsStory.args = {
|
||||||
fullWidthTabs: false,
|
fullWidthTabs: false,
|
||||||
items: [
|
|
||||||
{
|
|
||||||
value: TabItem.Item1,
|
|
||||||
label: 'Item 1',
|
|
||||||
content: <div>Item 1 Content</div>,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: TabItem.Item2,
|
|
||||||
label: 'Item 2',
|
|
||||||
content: <div>Item 2 Content</div>,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: TabItem.Item3,
|
|
||||||
label: 'Item 3',
|
|
||||||
content: <div>Item 3 Content</div>,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
};
|
||||||
|
|
||||||
TabsStory.argTypes = {
|
TabsStory.argTypes = {
|
||||||
|
|||||||
@ -1,10 +1,10 @@
|
|||||||
import type { Story } from '@ladle/react';
|
import type { Story } from '@ladle/react';
|
||||||
|
|
||||||
import { Tag, TagSign, TagSize, TagType } from '@/components/Tag';
|
import { Tag } from '@/components/Tag';
|
||||||
|
|
||||||
import { StoryWrapper } from '.ladle/components';
|
import { StoryWrapper } from '.ladle/components';
|
||||||
|
|
||||||
export const TagStory: Story<Parameters<typeof Tag>[0]> = (args) => {
|
export const TagStory: Story<Parameters<typeof Tag>> = (args) => {
|
||||||
return (
|
return (
|
||||||
<StoryWrapper>
|
<StoryWrapper>
|
||||||
<Tag {...args} />
|
<Tag {...args} />
|
||||||
@ -14,28 +14,4 @@ export const TagStory: Story<Parameters<typeof Tag>[0]> = (args) => {
|
|||||||
|
|
||||||
TagStory.args = {
|
TagStory.args = {
|
||||||
children: 'USDC',
|
children: 'USDC',
|
||||||
isHighlighted: false,
|
|
||||||
};
|
|
||||||
|
|
||||||
TagStory.argTypes = {
|
|
||||||
size: {
|
|
||||||
options: Object.values(TagSize),
|
|
||||||
control: { type: 'select' },
|
|
||||||
defaultValue: TagSize.Small,
|
|
||||||
},
|
|
||||||
type: {
|
|
||||||
options: [...Object.values(TagType), undefined],
|
|
||||||
control: { type: 'select' },
|
|
||||||
defaultValue: undefined,
|
|
||||||
},
|
|
||||||
sign: {
|
|
||||||
options: [...Object.values(TagSign), undefined],
|
|
||||||
control: { type: 'select' },
|
|
||||||
defaultValue: undefined,
|
|
||||||
},
|
|
||||||
isHighlighted: {
|
|
||||||
options: [true, false],
|
|
||||||
control: { type: 'select' },
|
|
||||||
defaultValue: false,
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
|
|||||||
@ -1,20 +1,20 @@
|
|||||||
import styled, { css } from 'styled-components';
|
import styled, { css } from 'styled-components';
|
||||||
|
|
||||||
export enum TagSize {
|
export enum TagSize {
|
||||||
Small = 'Small',
|
Small,
|
||||||
Medium = 'Medium',
|
Medium,
|
||||||
}
|
}
|
||||||
|
|
||||||
export enum TagType {
|
export enum TagType {
|
||||||
Asset = 'Asset',
|
Asset,
|
||||||
Side = 'Side',
|
Side,
|
||||||
Number = 'Number',
|
Number,
|
||||||
}
|
}
|
||||||
|
|
||||||
export enum TagSign {
|
export enum TagSign {
|
||||||
Positive = 'Positive',
|
Positive,
|
||||||
Negative = 'Negative',
|
Negative,
|
||||||
Neutral = 'Neutral',
|
Neutral,
|
||||||
}
|
}
|
||||||
|
|
||||||
type StyleProps = {
|
type StyleProps = {
|
||||||
@ -76,6 +76,5 @@ export const Tag = styled.span<StyleProps>`
|
|||||||
isHighlighted &&
|
isHighlighted &&
|
||||||
css`
|
css`
|
||||||
background-color: var(--color-accent);
|
background-color: var(--color-accent);
|
||||||
color: var(--color-text-button);
|
|
||||||
`}
|
`}
|
||||||
`;
|
`;
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
import { type ReactNode, useState, useEffect } from 'react';
|
import { type ReactNode, useState } from 'react';
|
||||||
|
|
||||||
import { ButtonAction, ButtonState } from '@/constants/buttons';
|
import { ButtonAction, ButtonState } from '@/constants/buttons';
|
||||||
import { STRING_KEYS } from '@/constants/localization';
|
import { STRING_KEYS } from '@/constants/localization';
|
||||||
@ -8,7 +8,6 @@ import { Button, type ButtonStateConfig, type ButtonProps } from '@/components/B
|
|||||||
|
|
||||||
type ElementProps = {
|
type ElementProps = {
|
||||||
timeoutInSeconds: number;
|
timeoutInSeconds: number;
|
||||||
onTimeOut?: () => void;
|
|
||||||
slotFinal?: ReactNode;
|
slotFinal?: ReactNode;
|
||||||
} & ButtonProps;
|
} & ButtonProps;
|
||||||
|
|
||||||
@ -17,7 +16,6 @@ export type TimeoutButtonProps = ElementProps;
|
|||||||
export const TimeoutButton = ({
|
export const TimeoutButton = ({
|
||||||
children,
|
children,
|
||||||
timeoutInSeconds,
|
timeoutInSeconds,
|
||||||
onTimeOut,
|
|
||||||
slotFinal,
|
slotFinal,
|
||||||
...otherProps
|
...otherProps
|
||||||
}: TimeoutButtonProps) => {
|
}: TimeoutButtonProps) => {
|
||||||
@ -27,11 +25,6 @@ export const TimeoutButton = ({
|
|||||||
|
|
||||||
const secondsLeft = Math.max(0, (timeoutDeadline - now) / 1000);
|
const secondsLeft = Math.max(0, (timeoutDeadline - now) / 1000);
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (secondsLeft > 0) return;
|
|
||||||
onTimeOut?.();
|
|
||||||
}, [secondsLeft]);
|
|
||||||
|
|
||||||
if (slotFinal && secondsLeft <= 0) return slotFinal;
|
if (slotFinal && secondsLeft <= 0) return slotFinal;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
@ -5,7 +5,7 @@ import { ButtonShape, ButtonSize } from '@/constants/buttons';
|
|||||||
import { StoryWrapper } from '.ladle/components';
|
import { StoryWrapper } from '.ladle/components';
|
||||||
import { ToggleButton } from './ToggleButton';
|
import { ToggleButton } from './ToggleButton';
|
||||||
|
|
||||||
export const ToggleButtonStory: Story<Parameters<typeof ToggleButton>[0]> = (args) => (
|
export const ToggleButtonStory: Story<Parameters<typeof ToggleButton>> = (args) => (
|
||||||
<StoryWrapper>
|
<StoryWrapper>
|
||||||
<ToggleButton {...args}>Toggle me</ToggleButton>
|
<ToggleButton {...args}>Toggle me</ToggleButton>
|
||||||
</StoryWrapper>
|
</StoryWrapper>
|
||||||
|
|||||||
@ -21,22 +21,16 @@ const ToggleGroupItems = [
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
export const ToggleGroupStory: Story<
|
export const ToggleGroupStory: Story<Parameters<typeof ToggleGroup>> = (args) => {
|
||||||
Pick<Parameters<typeof ToggleGroup>[0], 'items' | 'size' | 'shape'>
|
|
||||||
> = (args) => {
|
|
||||||
const [value, setValue] = useState('0');
|
const [value, setValue] = useState('0');
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<StoryWrapper>
|
<StoryWrapper>
|
||||||
<ToggleGroup value={value} onValueChange={setValue} {...args} />
|
<ToggleGroup items={ToggleGroupItems} value={value} onValueChange={setValue} {...args} />
|
||||||
</StoryWrapper>
|
</StoryWrapper>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
ToggleGroupStory.args = {
|
|
||||||
items: ToggleGroupItems,
|
|
||||||
};
|
|
||||||
|
|
||||||
ToggleGroupStory.argTypes = {
|
ToggleGroupStory.argTypes = {
|
||||||
size: {
|
size: {
|
||||||
options: Object.values(ButtonSize),
|
options: Object.values(ButtonSize),
|
||||||
|
|||||||
@ -117,7 +117,7 @@ Styled.ConfirmButton = styled(Styled.IconButton)`
|
|||||||
--button-backgroundColor: hsla(203, 25%, 19%, 1);
|
--button-backgroundColor: hsla(203, 25%, 19%, 1);
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
color: var(--color-green);
|
color: var(--color-success);
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
@ -125,7 +125,7 @@ Styled.CancelButton = styled(Styled.IconButton)`
|
|||||||
--button-backgroundColor: hsla(296, 16%, 18%, 1);
|
--button-backgroundColor: hsla(296, 16%, 18%, 1);
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
color: var(--color-red);
|
color: var(--color-error);
|
||||||
width: 0.8em;
|
width: 0.8em;
|
||||||
height: 0.8em;
|
height: 0.8em;
|
||||||
|
|
||||||
|
|||||||
@ -9,7 +9,7 @@ import { StoryWrapper } from '.ladle/components';
|
|||||||
import styled, { type AnyStyledComponent } from 'styled-components';
|
import styled, { type AnyStyledComponent } from 'styled-components';
|
||||||
import { layoutMixins } from '@/styles/layoutMixins';
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
|
|
||||||
export const WithLabelStory: Story<Parameters<typeof WithLabel>[0]> = (args) => {
|
export const WithLabelStory: Story<Parameters<typeof WithLabel>> = (args) => {
|
||||||
const [firstName, setFirstName] = useState('');
|
const [firstName, setFirstName] = useState('');
|
||||||
const [lastName, setLastName] = useState('');
|
const [lastName, setLastName] = useState('');
|
||||||
|
|
||||||
|
|||||||
@ -3,29 +3,32 @@ import type { Story } from '@ladle/react';
|
|||||||
import { Button } from '@/components/Button';
|
import { Button } from '@/components/Button';
|
||||||
|
|
||||||
import { WithReceipt } from '@/components/WithReceipt';
|
import { WithReceipt } from '@/components/WithReceipt';
|
||||||
|
import { type DetailsItem } from './Details';
|
||||||
|
|
||||||
import { StoryWrapper } from '.ladle/components';
|
import { StoryWrapper } from '.ladle/components';
|
||||||
|
|
||||||
export const WithReceiptStory: Story<Omit<Parameters<typeof WithReceipt>[0], 'slotReceipt'>> = (
|
const items: DetailsItem[] = [
|
||||||
args
|
{
|
||||||
) => (
|
key: 'item-1',
|
||||||
|
label: 'Item 1',
|
||||||
|
value: 'Value 1',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'item-2',
|
||||||
|
label: 'Item 2',
|
||||||
|
value: 'Value 2',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: 'item-3',
|
||||||
|
label: 'Item 3',
|
||||||
|
value: 'Value 3',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
export const WithReceiptStory: Story<Parameters<WithReceipt>> = (args) => (
|
||||||
<StoryWrapper>
|
<StoryWrapper>
|
||||||
<div style={{ width: 200 }}>
|
<div style={{ width: 200 }}>
|
||||||
<WithReceipt
|
<WithReceipt {...args}>
|
||||||
slotReceipt={
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
padding: '1rem',
|
|
||||||
display: 'flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
justifyContent: 'center',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
Receipt Content
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
{...args}
|
|
||||||
>
|
|
||||||
<Button>Hello there</Button>
|
<Button>Hello there</Button>
|
||||||
</WithReceipt>
|
</WithReceipt>
|
||||||
</div>
|
</div>
|
||||||
@ -33,7 +36,7 @@ export const WithReceiptStory: Story<Omit<Parameters<typeof WithReceipt>[0], 'sl
|
|||||||
);
|
);
|
||||||
|
|
||||||
WithReceiptStory.args = {
|
WithReceiptStory.args = {
|
||||||
hideReceipt: false,
|
items,
|
||||||
};
|
};
|
||||||
|
|
||||||
WithReceiptStory.argTypes = {
|
WithReceiptStory.argTypes = {
|
||||||
|
|||||||
@ -106,6 +106,8 @@ Styled.Container = styled.div`
|
|||||||
--stickyArea1-leftGap: var(--border-width);
|
--stickyArea1-leftGap: var(--border-width);
|
||||||
min-height: var(--stickyArea-height);
|
min-height: var(--stickyArea-height);
|
||||||
|
|
||||||
|
${layoutMixins.withOuterAndInnerBorders}
|
||||||
|
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template: var(--withSidebar-gridTemplate);
|
grid-template: var(--withSidebar-gridTemplate);
|
||||||
`;
|
`;
|
||||||
@ -118,7 +120,6 @@ Styled.Side = styled.aside`
|
|||||||
${layoutMixins.sticky}
|
${layoutMixins.sticky}
|
||||||
max-height: var(--stickyArea-height);
|
max-height: var(--stickyArea-height);
|
||||||
backdrop-filter: none;
|
backdrop-filter: none;
|
||||||
background-color: var(--color-layer-2);
|
|
||||||
|
|
||||||
${layoutMixins.stack}
|
${layoutMixins.stack}
|
||||||
`;
|
`;
|
||||||
|
|||||||
@ -6,7 +6,7 @@ import { tooltipStrings } from '@/constants/tooltips';
|
|||||||
|
|
||||||
import { StoryWrapper } from '.ladle/components';
|
import { StoryWrapper } from '.ladle/components';
|
||||||
|
|
||||||
export const Tooltip: Story<Parameters<typeof WithTooltip>[0]> = (args) => {
|
export const Tooltip: Story<Parameters<typeof WithTooltip>> = (args) => {
|
||||||
return (
|
return (
|
||||||
<StoryWrapper>
|
<StoryWrapper>
|
||||||
<WithTooltip {...args}>
|
<WithTooltip {...args}>
|
||||||
|
|||||||
@ -81,9 +81,6 @@ export enum AnalyticsEvent {
|
|||||||
TradePlaceOrderConfirmed = 'TradePlaceOrderConfirmed',
|
TradePlaceOrderConfirmed = 'TradePlaceOrderConfirmed',
|
||||||
TradeCancelOrder = 'TradeCancelOrder',
|
TradeCancelOrder = 'TradeCancelOrder',
|
||||||
TradeCancelOrderConfirmed = 'TradeCancelOrderConfirmed',
|
TradeCancelOrderConfirmed = 'TradeCancelOrderConfirmed',
|
||||||
|
|
||||||
// Notification
|
|
||||||
NotificationAction = 'NotificationAction',
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export type AnalyticsEventData<T extends AnalyticsEvent> =
|
export type AnalyticsEventData<T extends AnalyticsEvent> =
|
||||||
@ -147,17 +144,9 @@ export type AnalyticsEventData<T extends AnalyticsEvent> =
|
|||||||
validatorUrl: string;
|
validatorUrl: string;
|
||||||
}
|
}
|
||||||
: T extends AnalyticsEvent.TransferDeposit
|
: T extends AnalyticsEvent.TransferDeposit
|
||||||
? {
|
? {}
|
||||||
chainId?: string;
|
|
||||||
tokenAddress?: string;
|
|
||||||
tokenSymbol?: string;
|
|
||||||
}
|
|
||||||
: T extends AnalyticsEvent.TransferWithdraw
|
: T extends AnalyticsEvent.TransferWithdraw
|
||||||
? {
|
? {}
|
||||||
chainId?: string;
|
|
||||||
tokenAddress?: string;
|
|
||||||
tokenSymbol?: string;
|
|
||||||
}
|
|
||||||
: // Trading
|
: // Trading
|
||||||
T extends AnalyticsEvent.TradeOrderTypeSelected
|
T extends AnalyticsEvent.TradeOrderTypeSelected
|
||||||
? {
|
? {
|
||||||
@ -183,12 +172,6 @@ export type AnalyticsEventData<T extends AnalyticsEvent> =
|
|||||||
/** URL/IP of node the order was sent to */
|
/** URL/IP of node the order was sent to */
|
||||||
validatorUrl: string;
|
validatorUrl: string;
|
||||||
}
|
}
|
||||||
: // Notifcation
|
|
||||||
T extends AnalyticsEvent.NotificationAction
|
|
||||||
? {
|
|
||||||
type: string;
|
|
||||||
id: string;
|
|
||||||
}
|
|
||||||
: never;
|
: never;
|
||||||
|
|
||||||
export const DEFAULT_TRANSACTION_MEMO = 'dYdX Frontend (web)';
|
export const DEFAULT_TRANSACTION_MEMO = 'dYdX Frontend (web)';
|
||||||
|
|||||||
@ -5,13 +5,11 @@ export enum DialogTypes {
|
|||||||
DisplaySettings = 'DisplaySettings',
|
DisplaySettings = 'DisplaySettings',
|
||||||
ExchangeOffline = 'ExchangeOffline',
|
ExchangeOffline = 'ExchangeOffline',
|
||||||
ExternalLink = 'ExternalLink',
|
ExternalLink = 'ExternalLink',
|
||||||
ExternalNavStride = 'ExternalNavStride',
|
|
||||||
FillDetails = 'FillDetails',
|
FillDetails = 'FillDetails',
|
||||||
Help = 'Help',
|
Help = 'Help',
|
||||||
ExternalNavKeplr = 'ExternalNavKeplr',
|
ExternalNavKeplr = 'ExternalNavKeplr',
|
||||||
MnemonicExport = 'MnemonicExport',
|
MnemonicExport = 'MnemonicExport',
|
||||||
MobileSignIn = 'MobileSignIn',
|
MobileSignIn = 'MobileSignIn',
|
||||||
MobileDownload = 'MobileDownload',
|
|
||||||
Onboarding = 'Onboarding',
|
Onboarding = 'Onboarding',
|
||||||
OrderDetails = 'OrderDetails',
|
OrderDetails = 'OrderDetails',
|
||||||
Preferences = 'Preferences',
|
Preferences = 'Preferences',
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
import environments from '../../public/configs/v1/env.json';
|
import environments from '../../public/configs/env.json';
|
||||||
|
|
||||||
const CURRENT_MODE = ({
|
const CURRENT_MODE = ({
|
||||||
production: 'MAINNET',
|
production: 'MAINNET',
|
||||||
@ -14,10 +14,5 @@ export const isDev = CURRENT_MODE === 'DEV';
|
|||||||
export const AVAILABLE_ENVIRONMENTS = environments.deployments[CURRENT_MODE];
|
export const AVAILABLE_ENVIRONMENTS = environments.deployments[CURRENT_MODE];
|
||||||
export const CURRENT_ABACUS_DEPLOYMENT = CURRENT_MODE;
|
export const CURRENT_ABACUS_DEPLOYMENT = CURRENT_MODE;
|
||||||
export const ENVIRONMENT_CONFIG_MAP = environments.environments;
|
export const ENVIRONMENT_CONFIG_MAP = environments.environments;
|
||||||
export const TOKEN_CONFIG_MAP = environments.tokens;
|
|
||||||
export const LINKS_CONFIG_MAP = environments.links;
|
|
||||||
export const WALLETS_CONFIG_MAP = environments.wallets;
|
|
||||||
export const GOVERNANCE_CONFIG_MAP = environments.governance;
|
|
||||||
export type DydxNetwork = keyof typeof ENVIRONMENT_CONFIG_MAP;
|
export type DydxNetwork = keyof typeof ENVIRONMENT_CONFIG_MAP;
|
||||||
export type DydxChainId = keyof typeof TOKEN_CONFIG_MAP;
|
|
||||||
export const DEFAULT_APP_ENVIRONMENT = AVAILABLE_ENVIRONMENTS.default as DydxNetwork;
|
export const DEFAULT_APP_ENVIRONMENT = AVAILABLE_ENVIRONMENTS.default as DydxNetwork;
|
||||||
|
|||||||
@ -140,14 +140,8 @@ export type TransferNotifcation = {
|
|||||||
isCctp?: boolean;
|
isCctp?: boolean;
|
||||||
errorCount?: number;
|
errorCount?: number;
|
||||||
status?: StatusResponse;
|
status?: StatusResponse;
|
||||||
isExchange?: boolean;
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export enum ReleaseUpdateNotificationIds {
|
|
||||||
RewardsAndFullTradingLive = 'rewards-and-full-trading-live',
|
|
||||||
IncentivesS3 = 'incentives-s3',
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @description Struct to store whether a NotificationType should be triggered
|
* @description Struct to store whether a NotificationType should be triggered
|
||||||
*/
|
*/
|
||||||
|
|||||||
@ -22,5 +22,4 @@ export enum NumberSign {
|
|||||||
|
|
||||||
// Deposit/Withdraw
|
// Deposit/Withdraw
|
||||||
export const MAX_CCTP_TRANSFER_AMOUNT = 1_000_000;
|
export const MAX_CCTP_TRANSFER_AMOUNT = 1_000_000;
|
||||||
export const MIN_CCTP_TRANSFER_AMOUNT = 10;
|
|
||||||
export const MAX_PRICE_IMPACT = 0.02; // 2%
|
export const MAX_PRICE_IMPACT = 0.02; // 2%
|
||||||
|
|||||||
@ -1,9 +1,42 @@
|
|||||||
|
export type ExchangeConfigParsedCsv = Array<{
|
||||||
|
base_asset: string;
|
||||||
|
exchange: string;
|
||||||
|
pair: string;
|
||||||
|
|
||||||
|
adjust_by_market: string;
|
||||||
|
min_2_depth: string;
|
||||||
|
avg_30d_vol: string;
|
||||||
|
reference_price: string;
|
||||||
|
risk_assessment: string;
|
||||||
|
num_oracles: string;
|
||||||
|
liquidity_tier: string;
|
||||||
|
asset_name: string;
|
||||||
|
}>;
|
||||||
|
|
||||||
export type ExchangeConfigItem = {
|
export type ExchangeConfigItem = {
|
||||||
exchangeName: string;
|
exchangeName: string;
|
||||||
ticker: string;
|
ticker: string;
|
||||||
adjustByMarket?: string;
|
adjustByMarket?: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export type PotentialMarketParsedCsv = Array<{
|
||||||
|
base_asset: string;
|
||||||
|
reference_price: string;
|
||||||
|
num_oracles: string;
|
||||||
|
liquidity_tier: string;
|
||||||
|
asset_name: string;
|
||||||
|
p: string;
|
||||||
|
atomic_resolution: string;
|
||||||
|
min_exchanges: string;
|
||||||
|
min_price_change_ppm: string;
|
||||||
|
price_exponent: string;
|
||||||
|
step_base_quantum: string;
|
||||||
|
ticksize_exponent: string;
|
||||||
|
subticks_per_tick: string;
|
||||||
|
min_order_size: string;
|
||||||
|
quantum_conversion_exponent: string;
|
||||||
|
}>;
|
||||||
|
|
||||||
export type PotentialMarketItem = {
|
export type PotentialMarketItem = {
|
||||||
baseAsset: string;
|
baseAsset: string;
|
||||||
referencePrice: string;
|
referencePrice: string;
|
||||||
@ -23,3 +56,30 @@ export type PotentialMarketItem = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
export const NUM_ORACLES_TO_QUALIFY_AS_SAFE = 6;
|
export const NUM_ORACLES_TO_QUALIFY_AS_SAFE = 6;
|
||||||
|
|
||||||
|
export const LIQUIDITY_TIERS = {
|
||||||
|
0: {
|
||||||
|
label: 'Large-cap',
|
||||||
|
initialMarginFraction: 0.05,
|
||||||
|
maintenanceMarginFraction: 0.03,
|
||||||
|
impactNotional: 10_000,
|
||||||
|
},
|
||||||
|
1: {
|
||||||
|
label: 'Mid-cap',
|
||||||
|
initialMarginFraction: 0.1,
|
||||||
|
maintenanceMarginFraction: 0.05,
|
||||||
|
impactNotional: 5_000,
|
||||||
|
},
|
||||||
|
2: {
|
||||||
|
label: 'Long-tail',
|
||||||
|
initialMarginFraction: 0.2,
|
||||||
|
maintenanceMarginFraction: 0.1,
|
||||||
|
impactNotional: 2_500,
|
||||||
|
},
|
||||||
|
3: {
|
||||||
|
label: 'Safety',
|
||||||
|
initialMarginFraction: 1,
|
||||||
|
maintenanceMarginFraction: 0.2,
|
||||||
|
impactNotional: 2_500,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|||||||
@ -29,19 +29,12 @@ export enum HistoryRoute {
|
|||||||
Payments = 'payments',
|
Payments = 'payments',
|
||||||
}
|
}
|
||||||
|
|
||||||
export enum TokenRoute {
|
|
||||||
TradingRewards = 'trading-rewards',
|
|
||||||
StakingRewards = 'staking-rewards',
|
|
||||||
Governance = 'governance',
|
|
||||||
}
|
|
||||||
|
|
||||||
export enum MobileSettingsRoute {
|
export enum MobileSettingsRoute {
|
||||||
Language = 'language',
|
Language = 'language',
|
||||||
Notifications = 'notifications',
|
Notifications = 'notifications',
|
||||||
Network = 'network',
|
Network = 'network',
|
||||||
}
|
}
|
||||||
|
|
||||||
export const BASE_ROUTE = import.meta.env.VITE_ROUTER_TYPE === 'hash' ? '/#' : '';
|
|
||||||
export const TRADE_ROUTE = `${AppRoute.Trade}/:market`;
|
export const TRADE_ROUTE = `${AppRoute.Trade}/:market`;
|
||||||
export const PORTFOLIO_ROUTE = `${AppRoute.Portfolio}/:subroute`;
|
export const PORTFOLIO_ROUTE = `${AppRoute.Portfolio}/:subroute`;
|
||||||
export const HISTORY_ROUTE = `${AppRoute.Portfolio}/${PortfolioRoute.History}/:subroute`;
|
export const HISTORY_ROUTE = `${AppRoute.Portfolio}/${PortfolioRoute.History}/:subroute`;
|
||||||
|
|||||||
@ -1,20 +1,11 @@
|
|||||||
import type { ThemeName } from 'public/tradingview/charting_library';
|
import { AppColorMode } from '@/state/configs';
|
||||||
|
|
||||||
import { AppColorMode, AppTheme } from '@/state/configs';
|
|
||||||
|
|
||||||
export const THEME_NAMES: Record<AppTheme, ThemeName> = {
|
|
||||||
[AppTheme.Classic]: 'Classic',
|
|
||||||
[AppTheme.Dark]: 'Dark',
|
|
||||||
[AppTheme.Light]: 'Light',
|
|
||||||
};
|
|
||||||
|
|
||||||
export type Theme = {
|
export type Theme = {
|
||||||
[AppColorMode.GreenUp]: ThemeColorBase;
|
[AppColorMode.GreenUp]: ThemeColorBase;
|
||||||
[AppColorMode.RedUp]: ThemeColorBase;
|
[AppColorMode.RedUp]: ThemeColorBase;
|
||||||
};
|
};
|
||||||
|
|
||||||
export type ThemeColorBase = BaseColors &
|
export type ThemeColorBase = LayerColors &
|
||||||
LayerColors &
|
|
||||||
BorderColors &
|
BorderColors &
|
||||||
TextColors &
|
TextColors &
|
||||||
GradientColors &
|
GradientColors &
|
||||||
@ -26,12 +17,6 @@ export type ThemeColorBase = BaseColors &
|
|||||||
ComponentColors &
|
ComponentColors &
|
||||||
Filters;
|
Filters;
|
||||||
|
|
||||||
type BaseColors = {
|
|
||||||
white: string;
|
|
||||||
green: string;
|
|
||||||
red: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
type LayerColors = {
|
type LayerColors = {
|
||||||
layer0: string;
|
layer0: string;
|
||||||
layer1: string;
|
layer1: string;
|
||||||
@ -101,6 +86,7 @@ type IconColors = {
|
|||||||
type ComponentColors = {
|
type ComponentColors = {
|
||||||
inputBackground: string;
|
inputBackground: string;
|
||||||
popoverBackground: string;
|
popoverBackground: string;
|
||||||
|
switchThumbActiveBackground: string;
|
||||||
toggleBackground: string;
|
toggleBackground: string;
|
||||||
tooltipBackground: string;
|
tooltipBackground: string;
|
||||||
};
|
};
|
||||||
|
|||||||
@ -4,6 +4,7 @@ import { AlertType } from '@/constants/alerts';
|
|||||||
import { STRING_KEYS } from '@/constants/localization';
|
import { STRING_KEYS } from '@/constants/localization';
|
||||||
import { TimeUnitShort } from '@/constants/time';
|
import { TimeUnitShort } from '@/constants/time';
|
||||||
|
|
||||||
|
// TODO: rename to OrderType
|
||||||
export enum TradeTypes {
|
export enum TradeTypes {
|
||||||
MARKET = 'MARKET',
|
MARKET = 'MARKET',
|
||||||
LIMIT = 'LIMIT',
|
LIMIT = 'LIMIT',
|
||||||
@ -14,16 +15,6 @@ export enum TradeTypes {
|
|||||||
TRAILING_STOP = 'TRAILING_STOP',
|
TRAILING_STOP = 'TRAILING_STOP',
|
||||||
}
|
}
|
||||||
|
|
||||||
enum ClosingTradeTypes {
|
|
||||||
LIQUIDATED = 'LIQUIDATED',
|
|
||||||
LIQUIDATION = 'LIQUIDATION',
|
|
||||||
OFFSETTING = 'OFFSETTING',
|
|
||||||
DELEVERAGED = 'DELEVERAGED',
|
|
||||||
FINAL_SETTLEMENT = 'FINAL_SETTLEMENT',
|
|
||||||
}
|
|
||||||
|
|
||||||
export type OrderType = TradeTypes | ClosingTradeTypes;
|
|
||||||
|
|
||||||
export enum TimeInForceOptions {
|
export enum TimeInForceOptions {
|
||||||
GTT = 'GTT',
|
GTT = 'GTT',
|
||||||
FOK = 'FOK',
|
FOK = 'FOK',
|
||||||
@ -49,74 +40,49 @@ export const POSITION_SIDE_STRINGS: Record<PositionSide, string> = {
|
|||||||
[PositionSide.Short]: STRING_KEYS.SHORT_POSITION_SHORT,
|
[PositionSide.Short]: STRING_KEYS.SHORT_POSITION_SHORT,
|
||||||
};
|
};
|
||||||
|
|
||||||
export const ORDER_TYPE_STRINGS: Record<
|
export const TRADE_TYPE_STRINGS: Record<
|
||||||
OrderType,
|
TradeTypes,
|
||||||
{
|
{
|
||||||
orderTypeKeyShort: string;
|
tradeTypeKeyShort: string;
|
||||||
orderTypeKey: string;
|
tradeTypeKey: string;
|
||||||
descriptionKey: string | null;
|
descriptionKey: string;
|
||||||
}
|
}
|
||||||
> = {
|
> = {
|
||||||
[TradeTypes.LIMIT]: {
|
[TradeTypes.LIMIT]: {
|
||||||
orderTypeKeyShort: STRING_KEYS.LIMIT_ORDER_SHORT,
|
tradeTypeKeyShort: STRING_KEYS.LIMIT_ORDER_SHORT,
|
||||||
orderTypeKey: STRING_KEYS.LIMIT_ORDER,
|
tradeTypeKey: STRING_KEYS.LIMIT_ORDER,
|
||||||
descriptionKey: STRING_KEYS.LIMIT_ORDER_DESCRIPTION,
|
descriptionKey: STRING_KEYS.LIMIT_ORDER_DESCRIPTION,
|
||||||
},
|
},
|
||||||
[TradeTypes.MARKET]: {
|
[TradeTypes.MARKET]: {
|
||||||
orderTypeKeyShort: STRING_KEYS.MARKET_ORDER_SHORT,
|
tradeTypeKeyShort: STRING_KEYS.MARKET_ORDER_SHORT,
|
||||||
orderTypeKey: STRING_KEYS.MARKET_ORDER,
|
tradeTypeKey: STRING_KEYS.MARKET_ORDER,
|
||||||
descriptionKey: STRING_KEYS.MARKET_ORDER_DESCRIPTION,
|
descriptionKey: STRING_KEYS.MARKET_ORDER_DESCRIPTION,
|
||||||
},
|
},
|
||||||
[TradeTypes.STOP_LIMIT]: {
|
[TradeTypes.STOP_LIMIT]: {
|
||||||
orderTypeKeyShort: STRING_KEYS.STOP_LIMIT,
|
tradeTypeKeyShort: STRING_KEYS.STOP_LIMIT,
|
||||||
orderTypeKey: STRING_KEYS.STOP_LIMIT,
|
tradeTypeKey: STRING_KEYS.STOP_LIMIT,
|
||||||
descriptionKey: STRING_KEYS.STOP_LIMIT_DESCRIPTION,
|
descriptionKey: STRING_KEYS.STOP_LIMIT_DESCRIPTION,
|
||||||
},
|
},
|
||||||
[TradeTypes.STOP_MARKET]: {
|
[TradeTypes.STOP_MARKET]: {
|
||||||
orderTypeKeyShort: STRING_KEYS.STOP_MARKET,
|
tradeTypeKeyShort: STRING_KEYS.STOP_MARKET,
|
||||||
orderTypeKey: STRING_KEYS.STOP_MARKET,
|
tradeTypeKey: STRING_KEYS.STOP_MARKET,
|
||||||
descriptionKey: STRING_KEYS.STOP_MARKET_DESCRIPTION,
|
descriptionKey: STRING_KEYS.STOP_MARKET_DESCRIPTION,
|
||||||
},
|
},
|
||||||
[TradeTypes.TAKE_PROFIT]: {
|
[TradeTypes.TAKE_PROFIT]: {
|
||||||
orderTypeKeyShort: STRING_KEYS.TAKE_PROFIT_LIMIT,
|
tradeTypeKeyShort: STRING_KEYS.TAKE_PROFIT_LIMIT,
|
||||||
orderTypeKey: STRING_KEYS.TAKE_PROFIT_LIMIT,
|
tradeTypeKey: STRING_KEYS.TAKE_PROFIT_LIMIT,
|
||||||
descriptionKey: STRING_KEYS.TAKE_PROFIT_LIMIT_DESCRIPTION,
|
descriptionKey: STRING_KEYS.TAKE_PROFIT_LIMIT_DESCRIPTION,
|
||||||
},
|
},
|
||||||
[TradeTypes.TAKE_PROFIT_MARKET]: {
|
[TradeTypes.TAKE_PROFIT_MARKET]: {
|
||||||
orderTypeKeyShort: STRING_KEYS.TAKE_PROFIT_MARKET,
|
tradeTypeKeyShort: STRING_KEYS.TAKE_PROFIT_MARKET,
|
||||||
orderTypeKey: STRING_KEYS.TAKE_PROFIT_MARKET,
|
tradeTypeKey: STRING_KEYS.TAKE_PROFIT_MARKET,
|
||||||
descriptionKey: STRING_KEYS.TAKE_PROFIT_MARKET_DESCRIPTION,
|
descriptionKey: STRING_KEYS.TAKE_PROFIT_MARKET_DESCRIPTION,
|
||||||
},
|
},
|
||||||
[TradeTypes.TRAILING_STOP]: {
|
[TradeTypes.TRAILING_STOP]: {
|
||||||
orderTypeKeyShort: STRING_KEYS.TRAILING_STOP,
|
tradeTypeKeyShort: STRING_KEYS.TRAILING_STOP,
|
||||||
orderTypeKey: STRING_KEYS.TRAILING_STOP,
|
tradeTypeKey: STRING_KEYS.TRAILING_STOP,
|
||||||
descriptionKey: STRING_KEYS.TRAILING_STOP_DESCRIPTION,
|
descriptionKey: STRING_KEYS.TRAILING_STOP_DESCRIPTION,
|
||||||
},
|
},
|
||||||
[ClosingTradeTypes.LIQUIDATED]: {
|
|
||||||
orderTypeKeyShort: STRING_KEYS.LIQUIDATED,
|
|
||||||
orderTypeKey: STRING_KEYS.LIQUIDATED,
|
|
||||||
descriptionKey: null,
|
|
||||||
},
|
|
||||||
[ClosingTradeTypes.LIQUIDATION]: {
|
|
||||||
orderTypeKeyShort: STRING_KEYS.LIQUIDATION,
|
|
||||||
orderTypeKey: STRING_KEYS.LIQUIDATION,
|
|
||||||
descriptionKey: null,
|
|
||||||
},
|
|
||||||
[ClosingTradeTypes.OFFSETTING]: {
|
|
||||||
orderTypeKeyShort: STRING_KEYS.OFFSETTING,
|
|
||||||
orderTypeKey: STRING_KEYS.OFFSETTING,
|
|
||||||
descriptionKey: null,
|
|
||||||
},
|
|
||||||
[ClosingTradeTypes.DELEVERAGED]: {
|
|
||||||
orderTypeKeyShort: STRING_KEYS.DELEVERAGED,
|
|
||||||
orderTypeKey: STRING_KEYS.DELEVERAGED,
|
|
||||||
descriptionKey: null,
|
|
||||||
},
|
|
||||||
[ClosingTradeTypes.FINAL_SETTLEMENT]: {
|
|
||||||
orderTypeKeyShort: STRING_KEYS.FINAL_SETTLEMENT,
|
|
||||||
orderTypeKey: STRING_KEYS.FINAL_SETTLEMENT,
|
|
||||||
descriptionKey: null,
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export const GOOD_TIL_TIME_TIMESCALE_STRINGS: Record<TimeUnitShort, string> = {
|
export const GOOD_TIL_TIME_TIMESCALE_STRINGS: Record<TimeUnitShort, string> = {
|
||||||
|
|||||||
@ -1,16 +0,0 @@
|
|||||||
import { OrderSide } from '@dydxprotocol/v4-client-js';
|
|
||||||
|
|
||||||
import type {
|
|
||||||
IChartingLibraryWidget,
|
|
||||||
IOrderLineAdapter,
|
|
||||||
IPositionLineAdapter,
|
|
||||||
} from 'public/tradingview/charting_library';
|
|
||||||
|
|
||||||
export type TvWidget = IChartingLibraryWidget & { _id?: string; _ready?: boolean };
|
|
||||||
|
|
||||||
export type ChartLineType = OrderSide | 'position';
|
|
||||||
|
|
||||||
export type ChartLine = {
|
|
||||||
line: IOrderLineAdapter | IPositionLineAdapter;
|
|
||||||
chartLineType: ChartLineType;
|
|
||||||
};
|
|
||||||
@ -16,7 +16,6 @@ import {
|
|||||||
KeplrIcon,
|
KeplrIcon,
|
||||||
MathWalletIcon,
|
MathWalletIcon,
|
||||||
MetaMaskIcon,
|
MetaMaskIcon,
|
||||||
OkxWalletIcon,
|
|
||||||
RainbowIcon,
|
RainbowIcon,
|
||||||
TokenPocketIcon,
|
TokenPocketIcon,
|
||||||
TrustWalletIcon,
|
TrustWalletIcon,
|
||||||
@ -25,7 +24,7 @@ import {
|
|||||||
|
|
||||||
import { isMetaMask } from '@/lib/wallet/providers';
|
import { isMetaMask } from '@/lib/wallet/providers';
|
||||||
|
|
||||||
import { DydxChainId, WALLETS_CONFIG_MAP } from './networks';
|
import { DydxNetwork, ENVIRONMENT_CONFIG_MAP } from './networks';
|
||||||
|
|
||||||
// Wallet connection types
|
// Wallet connection types
|
||||||
|
|
||||||
@ -41,7 +40,6 @@ export enum WalletErrorType {
|
|||||||
// General
|
// General
|
||||||
ChainMismatch,
|
ChainMismatch,
|
||||||
UserCanceled,
|
UserCanceled,
|
||||||
SwitchChainMethodMissing,
|
|
||||||
|
|
||||||
// Non-Deterministic
|
// Non-Deterministic
|
||||||
NonDeterministicWallet,
|
NonDeterministicWallet,
|
||||||
@ -90,7 +88,6 @@ export enum WalletType {
|
|||||||
// Ledger = 'LEDGER',
|
// Ledger = 'LEDGER',
|
||||||
MathWallet = 'MATH_WALLET',
|
MathWallet = 'MATH_WALLET',
|
||||||
MetaMask = 'METAMASK',
|
MetaMask = 'METAMASK',
|
||||||
OkxWallet = 'OKX_WALLET',
|
|
||||||
Rainbow = 'RAINBOW_WALLET',
|
Rainbow = 'RAINBOW_WALLET',
|
||||||
TokenPocket = 'TOKEN_POCKET',
|
TokenPocket = 'TOKEN_POCKET',
|
||||||
TrustWallet = 'TRUST_WALLET',
|
TrustWallet = 'TRUST_WALLET',
|
||||||
@ -104,7 +101,6 @@ const WALLET_CONNECT_EXPLORER_RECOMMENDED_WALLETS = {
|
|||||||
imToken: 'ef333840daf915aafdc4a004525502d6d49d77bd9c65e0642dbaefb3c2893bef',
|
imToken: 'ef333840daf915aafdc4a004525502d6d49d77bd9c65e0642dbaefb3c2893bef',
|
||||||
TokenPocket: '20459438007b75f4f4acb98bf29aa3b800550309646d375da5fd4aac6c2a2c66',
|
TokenPocket: '20459438007b75f4f4acb98bf29aa3b800550309646d375da5fd4aac6c2a2c66',
|
||||||
Trust: '4622a2b2d6af1c9844944291e5e7351a6aa24cd7b23099efac1b2fd875da31a0',
|
Trust: '4622a2b2d6af1c9844944291e5e7351a6aa24cd7b23099efac1b2fd875da31a0',
|
||||||
OkxWallet: '971e689d0a5be527bac79629b4ee9b925e82208e5168b733496a09c0faed0709',
|
|
||||||
Rainbow: '1ae92b26df02f0abca6304df07debccd18262fdf5fe82daa81593582dac9a369',
|
Rainbow: '1ae92b26df02f0abca6304df07debccd18262fdf5fe82daa81593582dac9a369',
|
||||||
Zerion: 'ecc4036f814562b41a5268adc86270fba1365471402006302e70169465b7ac18',
|
Zerion: 'ecc4036f814562b41a5268adc86270fba1365471402006302e70169465b7ac18',
|
||||||
Ledger: '19177a98252e07ddfc9af2083ba8e07ef627cb6103467ffebb3f8f4205fd7927',
|
Ledger: '19177a98252e07ddfc9af2083ba8e07ef627cb6103467ffebb3f8f4205fd7927',
|
||||||
@ -215,14 +211,6 @@ export const wallets: Record<WalletType, WalletConfig> = {
|
|||||||
matchesInjectedEip1193: isMetaMask,
|
matchesInjectedEip1193: isMetaMask,
|
||||||
walletconnect2Id: WALLET_CONNECT_EXPLORER_RECOMMENDED_WALLETS.Metamask,
|
walletconnect2Id: WALLET_CONNECT_EXPLORER_RECOMMENDED_WALLETS.Metamask,
|
||||||
},
|
},
|
||||||
[WalletType.OkxWallet]: {
|
|
||||||
type: WalletType.OkxWallet,
|
|
||||||
stringKey: STRING_KEYS.OKX_WALLET,
|
|
||||||
icon: OkxWalletIcon,
|
|
||||||
connectionTypes: [WalletConnectionType.InjectedEip1193, WalletConnectionType.WalletConnect2],
|
|
||||||
matchesInjectedEip1193: (provider) => provider.isOkxWallet,
|
|
||||||
walletconnect2Id: WALLET_CONNECT_EXPLORER_RECOMMENDED_WALLETS.OkxWallet,
|
|
||||||
},
|
|
||||||
[WalletType.Rainbow]: {
|
[WalletType.Rainbow]: {
|
||||||
type: WalletType.Rainbow,
|
type: WalletType.Rainbow,
|
||||||
stringKey: STRING_KEYS.RAINBOW_WALLET,
|
stringKey: STRING_KEYS.RAINBOW_WALLET,
|
||||||
@ -289,10 +277,6 @@ export type WithInjectedWeb3Provider = {
|
|||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
export type WithInjectedOkxWalletProvider = {
|
|
||||||
okxwallet: InjectedWeb3Provider;
|
|
||||||
};
|
|
||||||
|
|
||||||
// Wallet connections
|
// Wallet connections
|
||||||
|
|
||||||
export type WalletConnection = {
|
export type WalletConnection = {
|
||||||
@ -306,17 +290,17 @@ export const COSMOS_DERIVATION_PATH = "m/44'/118'/0'/0/0";
|
|||||||
/**
|
/**
|
||||||
* @description typed data to sign for dYdX Chain onboarding
|
* @description typed data to sign for dYdX Chain onboarding
|
||||||
*/
|
*/
|
||||||
export const getSignTypedData = (selectedDydxChainId: DydxChainId) =>
|
export const getSignTypedData = (selectedNetwork: DydxNetwork) =>
|
||||||
({
|
({
|
||||||
primaryType: 'dYdX',
|
primaryType: 'dYdX',
|
||||||
domain: {
|
domain: {
|
||||||
name: WALLETS_CONFIG_MAP[selectedDydxChainId].signTypedDataDomainName,
|
name: ENVIRONMENT_CONFIG_MAP[selectedNetwork].wallets.signTypedDataDomainName,
|
||||||
},
|
},
|
||||||
types: {
|
types: {
|
||||||
dYdX: [{ name: 'action', type: 'string' }],
|
dYdX: [{ name: 'action', type: 'string' }],
|
||||||
},
|
},
|
||||||
message: {
|
message: {
|
||||||
action: WALLETS_CONFIG_MAP[selectedDydxChainId].signTypedDataAction,
|
action: ENVIRONMENT_CONFIG_MAP[selectedNetwork].wallets.signTypedDataAction,
|
||||||
},
|
},
|
||||||
} as const);
|
} as const);
|
||||||
|
|
||||||
|
|||||||
@ -1,4 +1,2 @@
|
|||||||
export { useChartLines } from './useChartLines';
|
|
||||||
export { useChartMarketAndResolution } from './useChartMarketAndResolution';
|
|
||||||
export { useTradingView } from './useTradingView';
|
export { useTradingView } from './useTradingView';
|
||||||
export { useTradingViewTheme } from './useTradingViewTheme';
|
export { useTradingViewTheme } from './useTradingViewTheme';
|
||||||
|
|||||||
@ -1,211 +0,0 @@
|
|||||||
import { useEffect, useState } from 'react';
|
|
||||||
|
|
||||||
import { shallowEqual, useSelector } from 'react-redux';
|
|
||||||
|
|
||||||
import { AbacusOrderStatus, ORDER_SIDES, SubaccountOrder } from '@/constants/abacus';
|
|
||||||
import { STRING_KEYS } from '@/constants/localization';
|
|
||||||
import { type OrderType, ORDER_TYPE_STRINGS } from '@/constants/trade';
|
|
||||||
import type { ChartLine, TvWidget } from '@/constants/tvchart';
|
|
||||||
|
|
||||||
import { useStringGetter } from '@/hooks';
|
|
||||||
|
|
||||||
import { getCurrentMarketOrders, getCurrentMarketPositionData } from '@/state/accountSelectors';
|
|
||||||
import { getAppTheme, getAppColorMode } from '@/state/configsSelectors';
|
|
||||||
|
|
||||||
import { MustBigNumber } from '@/lib/numbers';
|
|
||||||
import { getChartLineColors } from '@/lib/tradingView/utils';
|
|
||||||
|
|
||||||
let chartLines: Record<string, ChartLine> = {};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @description Hook to handle drawing chart lines
|
|
||||||
*/
|
|
||||||
|
|
||||||
export const useChartLines = ({
|
|
||||||
tvWidget,
|
|
||||||
displayButton,
|
|
||||||
isChartReady,
|
|
||||||
}: {
|
|
||||||
tvWidget: TvWidget | null;
|
|
||||||
displayButton: HTMLElement | null;
|
|
||||||
isChartReady?: boolean;
|
|
||||||
}) => {
|
|
||||||
const [showOrderLines, setShowOrderLines] = useState(false);
|
|
||||||
|
|
||||||
const stringGetter = useStringGetter();
|
|
||||||
|
|
||||||
const appTheme = useSelector(getAppTheme);
|
|
||||||
const appColorMode = useSelector(getAppColorMode);
|
|
||||||
|
|
||||||
const currentMarketPositionData = useSelector(getCurrentMarketPositionData, shallowEqual);
|
|
||||||
const currentMarketOrders: SubaccountOrder[] = useSelector(getCurrentMarketOrders, shallowEqual);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (isChartReady && displayButton) {
|
|
||||||
displayButton.onclick = () => {
|
|
||||||
const newShowOrderLinesState = !showOrderLines;
|
|
||||||
if (newShowOrderLinesState) {
|
|
||||||
displayButton?.classList?.add('order-lines-active');
|
|
||||||
} else {
|
|
||||||
displayButton?.classList?.remove('order-lines-active');
|
|
||||||
}
|
|
||||||
setShowOrderLines(newShowOrderLinesState);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}, [isChartReady, showOrderLines]);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (tvWidget && isChartReady) {
|
|
||||||
tvWidget.onChartReady(() => {
|
|
||||||
tvWidget.headerReady().then(() => {
|
|
||||||
tvWidget.chart().dataReady(() => {
|
|
||||||
if (showOrderLines) {
|
|
||||||
drawOrderLines();
|
|
||||||
drawPositionLine();
|
|
||||||
} else {
|
|
||||||
deleteChartLines();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}, [isChartReady, showOrderLines, currentMarketPositionData, currentMarketOrders]);
|
|
||||||
|
|
||||||
const drawPositionLine = () => {
|
|
||||||
if (!currentMarketPositionData) return;
|
|
||||||
|
|
||||||
const entryPrice = currentMarketPositionData.entryPrice?.current;
|
|
||||||
const size = currentMarketPositionData.size?.current;
|
|
||||||
|
|
||||||
const key = currentMarketPositionData.id;
|
|
||||||
const price = MustBigNumber(entryPrice).toNumber();
|
|
||||||
|
|
||||||
const maybePositionLine = chartLines[key]?.line;
|
|
||||||
const shouldShow = size && size !== 0;
|
|
||||||
|
|
||||||
if (!shouldShow) {
|
|
||||||
if (maybePositionLine) {
|
|
||||||
maybePositionLine.remove();
|
|
||||||
delete chartLines[key];
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
const quantity = size.toString();
|
|
||||||
|
|
||||||
if (maybePositionLine) {
|
|
||||||
if (maybePositionLine.getQuantity() !== quantity) {
|
|
||||||
maybePositionLine.setQuantity(quantity);
|
|
||||||
}
|
|
||||||
if (maybePositionLine.getPrice() !== price) {
|
|
||||||
maybePositionLine.setPrice(price);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
const positionLine = tvWidget
|
|
||||||
?.chart()
|
|
||||||
.createPositionLine({ disableUndo: false })
|
|
||||||
.setText(stringGetter({ key: STRING_KEYS.ENTRY_PRICE_SHORT }))
|
|
||||||
.setPrice(price)
|
|
||||||
.setQuantity(quantity);
|
|
||||||
|
|
||||||
if (positionLine) {
|
|
||||||
const chartLine = { line: positionLine, chartLineType: 'position' };
|
|
||||||
setLineColors({ chartLine: chartLine });
|
|
||||||
chartLines[key] = chartLine;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const drawOrderLines = () => {
|
|
||||||
if (!currentMarketOrders) return;
|
|
||||||
|
|
||||||
currentMarketOrders.forEach(
|
|
||||||
({
|
|
||||||
id,
|
|
||||||
type,
|
|
||||||
status,
|
|
||||||
side,
|
|
||||||
cancelReason,
|
|
||||||
remainingSize,
|
|
||||||
size,
|
|
||||||
triggerPrice,
|
|
||||||
price,
|
|
||||||
trailingPercent,
|
|
||||||
}) => {
|
|
||||||
const key = id;
|
|
||||||
const quantity = (remainingSize ?? size).toString();
|
|
||||||
|
|
||||||
const orderType = type.rawValue as OrderType;
|
|
||||||
const orderLabel = stringGetter({
|
|
||||||
key: ORDER_TYPE_STRINGS[orderType].orderTypeKey,
|
|
||||||
});
|
|
||||||
const orderString = trailingPercent ? `${orderLabel} ${trailingPercent}%` : orderLabel;
|
|
||||||
|
|
||||||
const shouldShow =
|
|
||||||
!cancelReason &&
|
|
||||||
(status === AbacusOrderStatus.open || status === AbacusOrderStatus.untriggered);
|
|
||||||
|
|
||||||
const maybeOrderLine = chartLines[key]?.line;
|
|
||||||
|
|
||||||
if (!shouldShow) {
|
|
||||||
if (maybeOrderLine) {
|
|
||||||
maybeOrderLine.remove();
|
|
||||||
delete chartLines[key];
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
if (maybeOrderLine) {
|
|
||||||
if (maybeOrderLine.getQuantity() !== quantity) {
|
|
||||||
maybeOrderLine.setQuantity(quantity);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
const orderLine = tvWidget
|
|
||||||
?.chart()
|
|
||||||
.createOrderLine({ disableUndo: false })
|
|
||||||
.setPrice(MustBigNumber(triggerPrice ?? price).toNumber())
|
|
||||||
.setQuantity(quantity)
|
|
||||||
.setText(orderString);
|
|
||||||
|
|
||||||
if (orderLine) {
|
|
||||||
const chartLine: ChartLine = {
|
|
||||||
line: orderLine,
|
|
||||||
chartLineType: ORDER_SIDES[side.name],
|
|
||||||
};
|
|
||||||
setLineColors({ chartLine: chartLine });
|
|
||||||
chartLines[key] = chartLine;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
const deleteChartLines = () => {
|
|
||||||
Object.values(chartLines).forEach(({ line }) => {
|
|
||||||
line.remove();
|
|
||||||
});
|
|
||||||
chartLines = {};
|
|
||||||
};
|
|
||||||
|
|
||||||
const setLineColors = ({ chartLine }: { chartLine: ChartLine }) => {
|
|
||||||
const { line, chartLineType } = chartLine;
|
|
||||||
const { maybeQuantityColor, borderColor, backgroundColor, textColor, textButtonColor } =
|
|
||||||
getChartLineColors({
|
|
||||||
appTheme,
|
|
||||||
appColorMode,
|
|
||||||
chartLineType,
|
|
||||||
});
|
|
||||||
|
|
||||||
line
|
|
||||||
.setQuantityBorderColor(borderColor)
|
|
||||||
.setBodyBackgroundColor(backgroundColor)
|
|
||||||
.setBodyBorderColor(borderColor)
|
|
||||||
.setBodyTextColor(textColor)
|
|
||||||
.setQuantityTextColor(textButtonColor);
|
|
||||||
|
|
||||||
maybeQuantityColor &&
|
|
||||||
line.setLineColor(maybeQuantityColor).setQuantityBackgroundColor(maybeQuantityColor);
|
|
||||||
};
|
|
||||||
|
|
||||||
return { chartLines };
|
|
||||||
};
|
|
||||||
@ -1,72 +0,0 @@
|
|||||||
import { useEffect } from 'react';
|
|
||||||
|
|
||||||
import { useDispatch, useSelector } from 'react-redux';
|
|
||||||
|
|
||||||
import type { ResolutionString } from 'public/tradingview/charting_library';
|
|
||||||
|
|
||||||
import { DEFAULT_RESOLUTION, RESOLUTION_CHART_CONFIGS } from '@/constants/candles';
|
|
||||||
import { DEFAULT_MARKETID } from '@/constants/markets';
|
|
||||||
import type { TvWidget } from '@/constants/tvchart';
|
|
||||||
|
|
||||||
import { setTvChartResolution } from '@/state/perpetuals';
|
|
||||||
import { getCurrentMarketId, getSelectedResolutionForMarket } from '@/state/perpetualsSelectors';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @description Hook to handle changing markets and setting chart resolution
|
|
||||||
*/
|
|
||||||
|
|
||||||
export const useChartMarketAndResolution = ({
|
|
||||||
tvWidget,
|
|
||||||
isWidgetReady,
|
|
||||||
savedResolution,
|
|
||||||
}: {
|
|
||||||
tvWidget: TvWidget | null;
|
|
||||||
isWidgetReady?: boolean;
|
|
||||||
savedResolution?: ResolutionString;
|
|
||||||
}) => {
|
|
||||||
const dispatch = useDispatch();
|
|
||||||
|
|
||||||
const currentMarketId: string = useSelector(getCurrentMarketId) || DEFAULT_MARKETID;
|
|
||||||
|
|
||||||
const selectedResolution: string =
|
|
||||||
useSelector(getSelectedResolutionForMarket(currentMarketId)) || DEFAULT_RESOLUTION;
|
|
||||||
|
|
||||||
const chart = isWidgetReady ? tvWidget?.chart() : undefined;
|
|
||||||
const chartResolution = chart?.resolution?.();
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @description Hook to handle changing markets - intentionally should avoid triggering on change of resolutions.
|
|
||||||
*/
|
|
||||||
useEffect(() => {
|
|
||||||
if (currentMarketId && isWidgetReady) {
|
|
||||||
const resolution = savedResolution || selectedResolution;
|
|
||||||
tvWidget?.setSymbol(currentMarketId, resolution as ResolutionString, () => {});
|
|
||||||
}
|
|
||||||
}, [currentMarketId, isWidgetReady]);
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @description Hook to handle changing chart resolution
|
|
||||||
*/
|
|
||||||
useEffect(() => {
|
|
||||||
if (chartResolution) {
|
|
||||||
if (chartResolution !== selectedResolution) {
|
|
||||||
dispatch(setTvChartResolution({ marketId: currentMarketId, resolution: chartResolution }));
|
|
||||||
}
|
|
||||||
|
|
||||||
setVisibleRangeForResolution({ resolution: chartResolution });
|
|
||||||
}
|
|
||||||
}, [currentMarketId, chartResolution, selectedResolution]);
|
|
||||||
|
|
||||||
const setVisibleRangeForResolution = ({ resolution }: { resolution: ResolutionString }) => {
|
|
||||||
// Different resolutions have different timeframes to display data efficiently.
|
|
||||||
const { defaultRange } = RESOLUTION_CHART_CONFIGS[resolution];
|
|
||||||
|
|
||||||
// from/to values converted to epoch seconds
|
|
||||||
const newRange = {
|
|
||||||
from: (Date.now() - defaultRange) / 1000,
|
|
||||||
to: Date.now() / 1000,
|
|
||||||
};
|
|
||||||
|
|
||||||
tvWidget?.activeChart().setVisibleRange(newRange, { percentRightMargin: 10 });
|
|
||||||
};
|
|
||||||
};
|
|
||||||
@ -1,19 +1,15 @@
|
|||||||
import React, { useEffect } from 'react';
|
import { useEffect } from 'react';
|
||||||
|
|
||||||
import { shallowEqual, useSelector } from 'react-redux';
|
import { shallowEqual, useSelector } from 'react-redux';
|
||||||
|
|
||||||
import isEmpty from 'lodash/isEmpty';
|
import isEmpty from 'lodash/isEmpty';
|
||||||
|
|
||||||
import { LanguageCode, ResolutionString, widget } from 'public/tradingview/charting_library';
|
import { LanguageCode, ResolutionString, widget } from 'public/tradingview/charting_library';
|
||||||
|
|
||||||
import { DEFAULT_RESOLUTION } from '@/constants/candles';
|
import { DEFAULT_RESOLUTION } from '@/constants/candles';
|
||||||
import { SUPPORTED_LOCALE_BASE_TAGS, STRING_KEYS } from '@/constants/localization';
|
import { SUPPORTED_LOCALE_BASE_TAGS } from '@/constants/localization';
|
||||||
import { LocalStorageKey } from '@/constants/localStorage';
|
import { LocalStorageKey } from '@/constants/localStorage';
|
||||||
import type { TvWidget } from '@/constants/tvchart';
|
import { useDydxClient, useLocalStorage } from '@/hooks';
|
||||||
|
|
||||||
import { useDydxClient, useLocalStorage, useStringGetter } from '@/hooks';
|
|
||||||
|
|
||||||
import { store } from '@/state/_store';
|
import { store } from '@/state/_store';
|
||||||
|
|
||||||
import { getSelectedNetwork } from '@/state/appSelectors';
|
import { getSelectedNetwork } from '@/state/appSelectors';
|
||||||
import { getAppTheme, getAppColorMode } from '@/state/configsSelectors';
|
import { getAppTheme, getAppColorMode } from '@/state/configsSelectors';
|
||||||
import { getSelectedLocale } from '@/state/localizationSelectors';
|
import { getSelectedLocale } from '@/state/localizationSelectors';
|
||||||
@ -27,19 +23,14 @@ import { getSavedResolution, getWidgetOptions, getWidgetOverrides } from '@/lib/
|
|||||||
*/
|
*/
|
||||||
export const useTradingView = ({
|
export const useTradingView = ({
|
||||||
tvWidgetRef,
|
tvWidgetRef,
|
||||||
displayButtonRef,
|
|
||||||
setIsChartReady,
|
setIsChartReady,
|
||||||
}: {
|
}: {
|
||||||
tvWidgetRef: React.MutableRefObject<TvWidget | null>;
|
tvWidgetRef: React.MutableRefObject<any>;
|
||||||
displayButtonRef: React.MutableRefObject<HTMLElement | null>;
|
|
||||||
setIsChartReady: React.Dispatch<React.SetStateAction<boolean>>;
|
setIsChartReady: React.Dispatch<React.SetStateAction<boolean>>;
|
||||||
}) => {
|
}) => {
|
||||||
const stringGetter = useStringGetter();
|
const marketId = useSelector(getCurrentMarketId);
|
||||||
|
|
||||||
const appTheme = useSelector(getAppTheme);
|
const appTheme = useSelector(getAppTheme);
|
||||||
const appColorMode = useSelector(getAppColorMode);
|
const appColorMode = useSelector(getAppColorMode);
|
||||||
|
|
||||||
const marketId = useSelector(getCurrentMarketId);
|
|
||||||
const marketIds = useSelector(getMarketIds, shallowEqual);
|
const marketIds = useSelector(getMarketIds, shallowEqual);
|
||||||
const selectedLocale = useSelector(getSelectedLocale);
|
const selectedLocale = useSelector(getSelectedLocale);
|
||||||
const selectedNetwork = useSelector(getSelectedNetwork);
|
const selectedNetwork = useSelector(getSelectedNetwork);
|
||||||
@ -58,6 +49,7 @@ export const useTradingView = ({
|
|||||||
const widgetOptions = getWidgetOptions();
|
const widgetOptions = getWidgetOptions();
|
||||||
const widgetOverrides = getWidgetOverrides({ appTheme, appColorMode });
|
const widgetOverrides = getWidgetOverrides({ appTheme, appColorMode });
|
||||||
const options = {
|
const options = {
|
||||||
|
// debug: true,
|
||||||
...widgetOptions,
|
...widgetOptions,
|
||||||
...widgetOverrides,
|
...widgetOverrides,
|
||||||
datafeed: getDydxDatafeed(store, getCandlesForDatafeed),
|
datafeed: getDydxDatafeed(store, getCandlesForDatafeed),
|
||||||
@ -71,19 +63,6 @@ export const useTradingView = ({
|
|||||||
tvWidgetRef.current = tvChartWidget;
|
tvWidgetRef.current = tvChartWidget;
|
||||||
|
|
||||||
tvWidgetRef.current.onChartReady(() => {
|
tvWidgetRef.current.onChartReady(() => {
|
||||||
tvWidgetRef.current?.headerReady().then(() => {
|
|
||||||
if (displayButtonRef && tvWidgetRef.current) {
|
|
||||||
displayButtonRef.current = tvWidgetRef.current.createButton();
|
|
||||||
displayButtonRef.current.innerHTML = `<span>${stringGetter({
|
|
||||||
key: STRING_KEYS.ORDER_LINES,
|
|
||||||
})}</span> <div class="displayOrdersButton-toggle"></div>`;
|
|
||||||
displayButtonRef.current.setAttribute(
|
|
||||||
'title',
|
|
||||||
stringGetter({ key: STRING_KEYS.ORDER_LINES_TOOLTIP })
|
|
||||||
);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
tvWidgetRef?.current?.subscribe('onAutoSaveNeeded', () =>
|
tvWidgetRef?.current?.subscribe('onAutoSaveNeeded', () =>
|
||||||
tvWidgetRef?.current?.save((chartConfig: object) => setTvChartConfig(chartConfig))
|
tvWidgetRef?.current?.save((chartConfig: object) => setTvChartConfig(chartConfig))
|
||||||
);
|
);
|
||||||
@ -93,8 +72,6 @@ export const useTradingView = ({
|
|||||||
}
|
}
|
||||||
|
|
||||||
return () => {
|
return () => {
|
||||||
displayButtonRef.current?.remove();
|
|
||||||
displayButtonRef.current = null;
|
|
||||||
tvWidgetRef.current?.remove();
|
tvWidgetRef.current?.remove();
|
||||||
tvWidgetRef.current = null;
|
tvWidgetRef.current = null;
|
||||||
setIsChartReady(false);
|
setIsChartReady(false);
|
||||||
|
|||||||
@ -1,14 +1,12 @@
|
|||||||
import { useEffect } from 'react';
|
import { useEffect } from 'react';
|
||||||
|
|
||||||
import { useSelector } from 'react-redux';
|
import { useSelector } from 'react-redux';
|
||||||
|
|
||||||
import { THEME_NAMES } from '@/constants/styles/colors';
|
import type { IChartingLibraryWidget, ThemeName } from 'public/tradingview/charting_library';
|
||||||
import type { ChartLine, TvWidget } from '@/constants/tvchart';
|
|
||||||
|
|
||||||
import { AppColorMode, AppTheme } from '@/state/configs';
|
import { AppColorMode, AppTheme } from '@/state/configs';
|
||||||
import { getAppTheme, getAppColorMode } from '@/state/configsSelectors';
|
import { getAppTheme, getAppColorMode } from '@/state/configsSelectors';
|
||||||
|
|
||||||
import { getWidgetOverrides, getChartLineColors } from '@/lib/tradingView/utils';
|
import { getWidgetOverrides } from '@/lib/tradingView/utils';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @description Method to define a type guard and check that an element is an IFRAME
|
* @description Method to define a type guard and check that an element is an IFRAME
|
||||||
@ -24,12 +22,10 @@ const isIFrame = (element: HTMLElement | null): element is HTMLIFrameElement =>
|
|||||||
* In order to support our Classic along with Dark/Light, we are directly accessing the <html> within the iFrame.
|
* In order to support our Classic along with Dark/Light, we are directly accessing the <html> within the iFrame.
|
||||||
*/
|
*/
|
||||||
export const useTradingViewTheme = ({
|
export const useTradingViewTheme = ({
|
||||||
chartLines,
|
|
||||||
tvWidget,
|
tvWidget,
|
||||||
isWidgetReady,
|
isWidgetReady,
|
||||||
}: {
|
}: {
|
||||||
chartLines: Record<string, ChartLine>;
|
tvWidget: (IChartingLibraryWidget & { _id?: string; _ready?: boolean }) | null;
|
||||||
tvWidget: TvWidget | null;
|
|
||||||
isWidgetReady?: boolean;
|
isWidgetReady?: boolean;
|
||||||
}) => {
|
}) => {
|
||||||
const appTheme: AppTheme = useSelector(getAppTheme);
|
const appTheme: AppTheme = useSelector(getAppTheme);
|
||||||
@ -37,64 +33,47 @@ export const useTradingViewTheme = ({
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (tvWidget && isWidgetReady) {
|
if (tvWidget && isWidgetReady) {
|
||||||
tvWidget.changeTheme?.(THEME_NAMES[appTheme]).then(() => {
|
tvWidget
|
||||||
const tvChartId = tvWidget?._id;
|
.changeTheme?.(
|
||||||
|
{
|
||||||
|
[AppTheme.Classic]: '',
|
||||||
|
[AppTheme.Dark]: 'Dark',
|
||||||
|
[AppTheme.Light]: 'Light',
|
||||||
|
}[appTheme] as ThemeName
|
||||||
|
)
|
||||||
|
.then(() => {
|
||||||
|
const tvChartId = tvWidget?._id;
|
||||||
|
|
||||||
if (tvChartId) {
|
if (tvChartId) {
|
||||||
const frame = document?.getElementById(tvChartId);
|
const frame = document?.getElementById(tvChartId);
|
||||||
|
|
||||||
if (isIFrame(frame) && frame.contentWindow) {
|
if (isIFrame(frame) && frame.contentWindow) {
|
||||||
const innerHtml = frame.contentWindow.document.documentElement;
|
const innerHtml = frame.contentWindow.document.documentElement;
|
||||||
switch (appTheme) {
|
|
||||||
case AppTheme.Classic:
|
if (appTheme === AppTheme.Classic) {
|
||||||
innerHtml?.classList.remove('theme-dark', 'theme-light');
|
innerHtml?.classList.remove('theme-dark', 'theme-light');
|
||||||
break;
|
}
|
||||||
case AppTheme.Dark:
|
|
||||||
innerHtml?.classList.remove('theme-light');
|
|
||||||
innerHtml?.classList.add('theme-dark');
|
|
||||||
break;
|
|
||||||
case AppTheme.Light:
|
|
||||||
innerHtml?.classList.remove('theme-dark');
|
|
||||||
innerHtml?.classList.add('theme-light');
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
const { overrides, studies_overrides } = getWidgetOverrides({ appTheme, appColorMode });
|
const { overrides, studies_overrides } = getWidgetOverrides({ appTheme, appColorMode });
|
||||||
tvWidget?.applyOverrides(overrides);
|
tvWidget?.applyOverrides(overrides);
|
||||||
tvWidget?.applyStudiesOverrides(studies_overrides);
|
tvWidget?.applyStudiesOverrides(studies_overrides);
|
||||||
|
|
||||||
// Necessary to update existing indicators
|
// Necessary to update existing indicators
|
||||||
const volumeStudyId = tvWidget
|
const volumeStudyId = tvWidget
|
||||||
?.activeChart()
|
?.activeChart()
|
||||||
?.getAllStudies()
|
?.getAllStudies()
|
||||||
?.find((x) => x.name === 'Volume')?.id;
|
?.find((x) => x.name === 'Volume')?.id;
|
||||||
|
|
||||||
if (volumeStudyId) {
|
if (volumeStudyId) {
|
||||||
const volume = tvWidget?.activeChart()?.getStudyById(volumeStudyId);
|
const volume = tvWidget?.activeChart()?.getStudyById(volumeStudyId);
|
||||||
volume.applyOverrides({
|
volume.applyOverrides({
|
||||||
'volume.color.0': studies_overrides['volume.volume.color.0'],
|
'volume.color.0': studies_overrides['volume.volume.color.0'],
|
||||||
'volume.color.1': studies_overrides['volume.volume.color.1'],
|
'volume.color.1': studies_overrides['volume.volume.color.1'],
|
||||||
});
|
});
|
||||||
}
|
|
||||||
|
|
||||||
// Necessary to update existing chart lines
|
|
||||||
Object.values(chartLines).forEach(({ chartLineType, line }) => {
|
|
||||||
const { maybeQuantityColor, borderColor, backgroundColor, textColor, textButtonColor } =
|
|
||||||
getChartLineColors({ chartLineType: chartLineType, appTheme, appColorMode });
|
|
||||||
|
|
||||||
if (maybeQuantityColor) {
|
|
||||||
line.setLineColor(maybeQuantityColor).setQuantityBackgroundColor(maybeQuantityColor);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
line
|
|
||||||
.setQuantityBorderColor(borderColor)
|
|
||||||
.setBodyBackgroundColor(backgroundColor)
|
|
||||||
.setBodyBorderColor(borderColor)
|
|
||||||
.setBodyTextColor(textColor)
|
|
||||||
.setQuantityTextColor(textButtonColor);
|
|
||||||
});
|
});
|
||||||
});
|
|
||||||
}
|
}
|
||||||
}, [appTheme, appColorMode, isWidgetReady]);
|
}, [appTheme, appColorMode]);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -10,10 +10,9 @@ export const useDisplayedWallets = () => {
|
|||||||
isDev && WalletType.Keplr,
|
isDev && WalletType.Keplr,
|
||||||
|
|
||||||
WalletType.WalletConnect2,
|
WalletType.WalletConnect2,
|
||||||
|
|
||||||
WalletType.CoinbaseWallet,
|
WalletType.CoinbaseWallet,
|
||||||
|
|
||||||
WalletType.OkxWallet,
|
|
||||||
// Hide these wallet options until they can be properly tested on mainnet
|
// Hide these wallet options until they can be properly tested on mainnet
|
||||||
// WalletType.ImToken,
|
// WalletType.ImToken,
|
||||||
// WalletType.Rainbow,
|
// WalletType.Rainbow,
|
||||||
|
|||||||
@ -18,13 +18,14 @@ import type { ResolutionString } from 'public/tradingview/charting_library';
|
|||||||
import type { ConnectNetworkEvent, NetworkConfig } from '@/constants/abacus';
|
import type { ConnectNetworkEvent, NetworkConfig } from '@/constants/abacus';
|
||||||
import { DEFAULT_TRANSACTION_MEMO } from '@/constants/analytics';
|
import { DEFAULT_TRANSACTION_MEMO } from '@/constants/analytics';
|
||||||
import { type Candle, RESOLUTION_MAP } from '@/constants/candles';
|
import { type Candle, RESOLUTION_MAP } from '@/constants/candles';
|
||||||
|
import { ENVIRONMENT_CONFIG_MAP } from '@/constants/networks';
|
||||||
|
import { DydxChainAsset } from '@/constants/wallets';
|
||||||
|
|
||||||
import { getSelectedNetwork } from '@/state/appSelectors';
|
import { getSelectedNetwork } from '@/state/appSelectors';
|
||||||
|
|
||||||
import { log } from '@/lib/telemetry';
|
import { log } from '@/lib/telemetry';
|
||||||
|
|
||||||
import { useRestrictions } from './useRestrictions';
|
import { useRestrictions } from './useRestrictions';
|
||||||
import { useTokenConfigs } from './useTokenConfigs';
|
|
||||||
|
|
||||||
type DydxContextType = ReturnType<typeof useDydxClientContext>;
|
type DydxContextType = ReturnType<typeof useDydxClientContext>;
|
||||||
const DydxContext = createContext<DydxContextType>({} as DydxContextType);
|
const DydxContext = createContext<DydxContextType>({} as DydxContextType);
|
||||||
@ -40,8 +41,7 @@ const useDydxClientContext = () => {
|
|||||||
// ------ Network ------ //
|
// ------ Network ------ //
|
||||||
|
|
||||||
const selectedNetwork = useSelector(getSelectedNetwork);
|
const selectedNetwork = useSelector(getSelectedNetwork);
|
||||||
const { usdcDenom, usdcDecimals, usdcGasDenom, chainTokenDenom, chainTokenDecimals } =
|
const tokensConfigs = ENVIRONMENT_CONFIG_MAP[selectedNetwork].tokens;
|
||||||
useTokenConfigs();
|
|
||||||
|
|
||||||
const [networkConfig, setNetworkConfig] = useState<NetworkConfig>();
|
const [networkConfig, setNetworkConfig] = useState<NetworkConfig>();
|
||||||
|
|
||||||
@ -75,11 +75,11 @@ const useDydxClientContext = () => {
|
|||||||
networkConfig.validatorUrl,
|
networkConfig.validatorUrl,
|
||||||
networkConfig.chainId,
|
networkConfig.chainId,
|
||||||
{
|
{
|
||||||
USDC_DENOM: usdcDenom,
|
USDC_DENOM: tokensConfigs[DydxChainAsset.USDC].denom,
|
||||||
USDC_DECIMALS: usdcDecimals,
|
USDC_DECIMALS: tokensConfigs[DydxChainAsset.USDC].decimals,
|
||||||
USDC_GAS_DENOM: usdcGasDenom,
|
USDC_GAS_DENOM: tokensConfigs[DydxChainAsset.USDC].gasDenom,
|
||||||
CHAINTOKEN_DENOM: chainTokenDenom,
|
CHAINTOKEN_DENOM: tokensConfigs[DydxChainAsset.CHAINTOKEN].denom,
|
||||||
CHAINTOKEN_DECIMALS: chainTokenDecimals,
|
CHAINTOKEN_DECIMALS: tokensConfigs[DydxChainAsset.CHAINTOKEN].decimals,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
broadcastPollIntervalMs: 3_000,
|
broadcastPollIntervalMs: 3_000,
|
||||||
|
|||||||
@ -1,8 +1,5 @@
|
|||||||
import { useSelector } from 'react-redux';
|
import { ENVIRONMENT_CONFIG_MAP } from '@/constants/networks';
|
||||||
|
import { useSelectedNetwork } from '@/hooks';
|
||||||
import { GOVERNANCE_CONFIG_MAP } from '@/constants/networks';
|
|
||||||
|
|
||||||
import { getSelectedDydxChainId } from '@/state/appSelectors';
|
|
||||||
|
|
||||||
export interface GovernanceVariables {
|
export interface GovernanceVariables {
|
||||||
newMarketProposal: {
|
newMarketProposal: {
|
||||||
@ -13,7 +10,7 @@ export interface GovernanceVariables {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export const useGovernanceVariables = (): GovernanceVariables => {
|
export const useGovernanceVariables = (): GovernanceVariables => {
|
||||||
const selectedDydxChainId = useSelector(getSelectedDydxChainId);
|
const { selectedNetwork } = useSelectedNetwork();
|
||||||
const governanceVars = GOVERNANCE_CONFIG_MAP[selectedDydxChainId] as GovernanceVariables;
|
const governanceVars = ENVIRONMENT_CONFIG_MAP[selectedNetwork].governance as GovernanceVariables;
|
||||||
return governanceVars;
|
return governanceVars;
|
||||||
};
|
};
|
||||||
|
|||||||