Initial commit

.env

@@ -0,0 +1,18 @@
+VITE_BASE_URL=https://v4.testnet.dydx.exchange
+
+VITE_ALCHEMY_API_KEY=FP275q327Yh7qswtZWenbPXdZZdnAFmC
+
+VITE_FAUCET_URL_DEV=https://faucet.v4dev.dydx.exchange/
+VITE_FAUCET_URL_STAGE=https://faucet.v4staging.dydx.exchange/
+VITE_FAUCET_URL_TESTNET2=https://faucet.v4testnet2.dydx.exchange/
+
+VITE_VALIDATOR_URL_DEV=http://52.192.187.113:26657/
+VITE_VALIDATOR_URL_STAGE=https://validator.v4staging.dydx.exchange/
+VITE_VALIDATOR_URL_TESTNET2=https://validator.v4testnet2.dydx.exchange/
+
+VITE_INDEXER_URL_DEV=http://dev-indexer-apne1-lb-public-890774175.ap-northeast-1.elb.amazonaws.com
+VITE_INDEXER_URL_STAGE=https://indexer.v4staging.dydx.exchange
+VITE_INDEXER_URL_TESTNET2=https://indexer.v4testnet2.dydx.exchange
+
+VITE_WALLETCONNECT1_BRIDGE=wss://api.dydx.exchange/wc/
+VITE_WALLETCONNECT2_PROJECT_ID=fbe94eaa691fa8d929561f8567062b32

.env.example

@@ -0,0 +1,17 @@
+VITE_BASE_URL=
+
+VITE_ALCHEMY_API_KEY=
+VITE_PK_ENCRYPTION_KEY=
+VITE_WALLETCONNECT2_PROJECT_ID=
+
+VITE_FAUCET_URL_DEV=
+VITE_FAUCET_URL_STAGE=
+VITE_FAUCET_URL_TESTNET2=
+
+VITE_VALIDATOR_URL_DEV=
+VITE_VALIDATOR_URL_STAGE=
+VITE_VALIDATOR_URL_TESTNET2=
+
+VITE_INDEXER_URL_DEV=
+VITE_INDEXER_URL_STAGE=
+VITE_INDEXER_URL_TESTNET2=

.eslintignore

@@ -0,0 +1,19 @@
+/node_modules
+vite-env.d.ts
+polyfills.ts
+vite.config.ts
+
+# Temporarily ignore, we will slowly remove each directory as we fix files to follow ESLint rules
+/src/components
+/src/dialogs
+/src/forms
+/src/hooks
+/src/history.ts
+/src/icons
+/src/lib
+/src/main.tsx
+/src/menus
+/src/pages
+/src/state
+/src/styles
+/src/views

.eslintrc.json

@@ -0,0 +1,97 @@
+{
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "extends": [
+    "airbnb",
+    "airbnb-typescript",
+    "plugin:prettier/recommended",
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended",
+    "prettier"
+  ],
+  "overrides": [],
+  "parserOptions": {
+    "project": "./tsconfig.json",
+    "ecmaVersion": "latest",
+    "sourceType": "module"
+  },
+  "plugins": ["react", "prettier"],
+  "parser": "@typescript-eslint/parser",
+  "rules": {
+    "class-methods-use-this": "off",
+    "import/extensions": "off",
+    "import/no-extraneous-dependencies": [
+      "error",
+      {
+        "devDependencies": ["./scripts/*.js"]
+      }
+    ],
+    "import/no-named-as-default": "off",
+    "import/prefer-default-export": "off",
+    "jsx-a11y/anchor-is-valid": "off",
+    "jsx-a11y/click-events-have-key-events": "off",
+    "no-continue": "off",
+    "no-console": [
+      "error",
+      {
+        "devDependencies": ["./scripts/*.js"]
+      }
+    ],
+    "no-lonely-if": "off",
+    "no-nested-ternary": "off",
+    "no-return-assign": "off",
+    "no-return-await": "off",
+    "no-underscore-dangle": "off",
+    "no-use-before-define": "off",
+    "prefer-destructuring": "off",
+    "prettier/prettier": "error",
+    "react/forbid-prop-types": "off",
+    "react/function-component-definition": [
+      "error",
+      { "namedComponents": "arrow-function", "unnamedComponents": "arrow-function" }
+    ],
+    "react/jsx-curly-newline": "off",
+    "react/jsx-filename-extension": ["error", { "extensions": [".js", ".jsx", ".ts", ".tsx"] }],
+    "react/jsx-fragments": "off",
+    "react/jsx-one-expression-per-line": "off",
+    "react/jsx-props-no-spreading": "off",
+    "react/jsx-wrap-multilines": "off",
+    "react/jsx-indent": "off",
+    "react/no-danger": "off",
+    "react/react-in-jsx-scope": "off",
+    "react/require-default-props": "off",
+    "react/sort-comp": "off",
+    "@typescript-eslint/no-use-before-define": "off",
+    "@typescript-eslint/comma-dangle": "off",
+    "@typescript-eslint/member-delimiter-style": [
+      "error",
+      {
+        "multiline": {
+          "delimiter": "semi",
+          "requireLast": true
+        },
+        "singleline": {
+          "delimiter": "semi",
+          "requireLast": false
+        },
+        "multilineDetection": "brackets"
+      }
+    ],
+    "@typescript-eslint/semi": "off"
+  },
+  "globals": {
+    "fetch": true,
+    "window": true,
+    "document": true,
+    "globalThis": true
+  },
+  "settings": {
+    "import/resolver": {
+      "typescript": {
+        "project": "./tsconfig.json"
+      }
+    }
+  }
+}

.github/pull_request_template.md

@@ -0,0 +1,79 @@
+<!-- Featured screenshots/recordings -->
+
+<!-- Overall purpose of the PR -->
+
+---
+
+<!-- Reorder/delete the following sections accordingly: -->
+
+## Views
+
+* New: `<ViewComponentName>`
+  * <!-- explain features of new view component -->
+  * 
+
+* `<ViewComponentName>`
+  * <!-- explain changes to existing view component -->
+  * New: ``
+  * Rename: `` → ``
+  * 
+
+## Components
+
+* New: `<ComponentName>`
+  * <!-- explain features of new design system component (props, CSS params, style variants, etc.) -->
+  * 
+
+* `<ComponentName>`
+  * <!-- explain changes to existing design system component (props, CSS params, style variants, etc.) -->
+  * New: ``
+  * Rename: `` → ``
+  * 
+
+## Styles/Mixins
+
+* `styles/_____`
+  * <!-- explain changes to CSS styles/mixins -->
+  * New: ``
+  * Rename: `` → ``
+  * 
+
+## Constants/Types
+
+* `constants/_____`
+  * <!-- explain changes to constants/types -->
+  * 
+
+## Functions
+
+* `lib/_____`
+  * <!-- explain changes to library functions/methods -->
+  * 
+
+## Hooks
+
+* `hooks/_____`
+  * <!-- explain changes to React hooks -->
+  * 
+
+## State
+
+* `state/_____`
+  * <!-- explain changes to Redux logic -->
+  * 
+
+## Packages
+
+* `package-name`
+  * <!-- explain changes to packages -->
+  * updated: v__ -> v__
+
+## Workflows
+
+* `workflow-name.yml`
+  * <!-- explain changes to workflows in GitHub Actions -->
+  * 
+
+---
+
+<!-- Additional screenshots/recordings, before/after comparisons, testing instructions etc. -->

.github/workflows/deploy-staging.yml

@@ -0,0 +1,41 @@
+name: Deploy to v4.stage.dydx.exchange
+
+on:
+  workflow_dispatch:
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Set up pnpm
+        uses: dydxprotocol/setup-pnpm@v1
+
+      - name: Set up Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          registry-url: https://registry.npmjs.org/
+          cache: pnpm
+
+      - name: Install dependencies
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: |
+          pnpm install --loglevel warn
+
+      - name: Build
+        env:
+          NODE_OPTIONS: '--max-old-space-size=4096'
+        run: |
+          pnpm run build --mode staging
+
+      - name: Upload to IPFS via web3.storage
+        uses: dydxprotocol/add-to-web3@v1
+        id: web3storage
+        with:
+          web3_token: ${{ secrets.WEB3_STORAGE_TOKEN }}
+          path_to_add: 'dist'

.github/workflows/deploy-testnet.yml

@@ -0,0 +1,55 @@
+name: Deploy to v4.testnet.dydx.exchange
+
+on:
+  workflow_dispatch:
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Set up pnpm
+        uses: dydxprotocol/setup-pnpm@v1
+
+      - name: Set up Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          registry-url: https://registry.npmjs.org/
+          cache: pnpm
+
+      - name: Install dependencies
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: |
+          pnpm install --loglevel warn
+
+      - name: Build
+        env:
+          NODE_OPTIONS: '--max-old-space-size=4096'
+          AMPLITUDE_API_KEY: ${{ secrets.AMPLITUDE_API_KEY }}
+          BUGSNAG_API_KEY: ${{ secrets.BUGSNAG_API_KEY }}
+          STATUS_PAGE_SCRIPT_URI: ${{ secrets.STATUS_PAGE_SCRIPT_URI }}
+        run: |
+          pnpm run build
+          pnpm run build:inject-amplitude
+          pnpm run build:inject-bugsnag
+          pnpm run build:inject-statuspage
+
+      - name: Upload to IPFS via web3.storage
+        uses: dydxprotocol/add-to-web3@v1
+        id: web3storage
+        with:
+          web3_token: ${{ secrets.WEB3_STORAGE_TOKEN }}
+          path_to_add: 'dist'
+
+      - name: Update IPNS record via web3name
+        id: web3name
+        env:
+          WEB3NAME_SIGNING_KEY: ${{ secrets.WEB3NAME_SIGNING_KEY }}
+        run: |
+          echo $WEB3NAME_SIGNING_KEY | base64 -d > .web3name.key
+          pnpm run deploy:update-ipns --cid=${{ steps.web3storage.outputs.cid }} --key=.web3name.key

.gitignore

@@ -0,0 +1,31 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+build
+node_modules
+dist
+dist-ssr
+*.local
+*.key
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+!.vscode/settings.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# Charting Library
+public/tradingview
+public/datafeed