feat: hashrouter

.github/workflows/pr.yml

@@ -17,17 +17,13 @@ jobs:
       - run: yarn lint --quiet
 
   build:
-    name: Export
+    name: Build
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
       - run: |
           yarn install
-          rm -rf ./app/public/images
-          yarn app:build:static
+          yarn app:build
         env:
-          BUILD_INFURA_PROJECT_ID: ${{ secrets.BUILD_INFURA_PROJECT_ID }}
-          BUILD_ALCHEMY_PROJECT_ID: ${{ secrets.BUILD_ALCHEMY_PROJECT_ID }}
-          NEXT_PUBLIC_IPFS: true
-          NEXT_PUBLIC_RELEASE_TAG: ${{ needs.tag.outputs.new_tag }}
+          CI: false

.github/workflows/release.yml

@@ -44,19 +44,18 @@ jobs:
       - name: Build
         run: |
           rm -rf ./app/public/images
-          yarn app:build:static
+          yarn app:build
         env:
-          BUILD_INFURA_PROJECT_ID: ${{ secrets.BUILD_INFURA_PROJECT_ID }}
-          BUILD_ALCHEMY_PROJECT_ID: ${{ secrets.BUILD_ALCHEMY_PROJECT_ID }}
-          NEXT_PUBLIC_IPFS: true
-          NEXT_PUBLIC_RELEASE_TAG: ${{ needs.tag.outputs.new_tag }}
+          CI: false
+          REACT_APP_IPFS: true
+          REACT_APP_RELEASE_TAG: ${{ needs.tag.outputs.new_tag }}
 
       - name: Pin to IPFS
         id: pinata
         uses: anantaramdas/ipfs-pinata-deploy-action@39bbda1ce1fe24c69c6f57861b8038278d53688d
         with:
           pin-name: ${{ needs.tag.outputs.new_tag }}
-          path: "./app/out"
+          path: "./app/build"
           pinata-api-key: ${{ secrets.PINATA_API_KEY }}
           pinata-secret-api-key: ${{ secrets.PINATA_API_SECRET_KEY }}
 

.gitignore

@@ -14,6 +14,7 @@ coverage
 # next.js
 .next/
 out/
+build/
 
 # misc
 .DS_Store

README.md

@@ -4,7 +4,7 @@ An open source interface for the Lyra Protocol, a decentralized options exchange
 
 ## Accessing the Lyra Interface
 
-To access the Lyra Interface, use an IPFS gateway link from the [latest release](https://github.com/Uniswap/uniswap-interface/releases/latest) or visit [app.lyra.finance](https://app.lyra.finance).
+To access the Lyra Interface, use an IPFS gateway link from the [latest release](https://github.com/lyra-finance/interface/releases/latest) or visit [app.lyra.finance](https://app.lyra.finance).
 
 ## Contributions
 
@@ -19,7 +19,7 @@ yarn install
 ### Run the interface locally
 
 ```
-yarn app:dev
+yarn app:start
 ```
 
 ### Create a production build

app/.env

@@ -0,0 +1,25 @@
+# Copy to .env.local
+
+# App
+REACT_APP_DEFAULT_OPTIMISM_CHAIN_ID=10
+
+# API
+REACT_APP_API_URL=
+REACT_APP_ENABLE_SCREENING=false
+REACT_APP_ENABLE_TERMS_OF_USE=false
+
+# Node Providers
+REACT_APP_INFURA_PROJECT_ID=
+REACT_APP_ALCHEMY_PROJECT_ID=
+
+# Socket
+REACT_APP_SOCKET_API_KEY=de4ef3a8-c743-495e-8b5b-41dc40ba1b5c
+
+# FIREBASE
+REACT_APP_FIREBASE_CONFIG_API_KEY=""
+REACT_APP_FIREBASE_CONFIG_AUTH_DOMAIN=""
+REACT_APP_FIREBASE_CONFIG_DATABASE_URL=""
+REACT_APP_FIREBASE_CONFIG_PROJECT_ID=""
+REACT_APP_FIREBASE_CONFIG_STORAGE_BUCKET=""
+REACT_APP_FIREBASE_CONFIG_MESSAGING_SENDER_ID=""
+REACT_APP_FIREBASE_CONFIG_APP_ID=""

app/.env.production

@@ -1,33 +1,26 @@
 # App
-NEXT_PUBLIC_DEFAULT_OPTIMISM_CHAIN_ID=10
-NEXT_PUBLIC_HOSTNAME=https://app.lyra.finance
-NEXT_PUBLIC_ENV=production
+REACT_APP_DEFAULT_OPTIMISM_CHAIN_ID=10
 
 # API
-NEXT_PUBLIC_API_URL=https://api.lyra.finance
-NEXT_PUBLIC_ENABLE_SCREENING=true
-NEXT_PUBLIC_ENABLE_TERMS_OF_USE=true
+REACT_APP_API_URL=https://api.lyra.finance
+REACT_APP_ENABLE_SCREENING=true
+REACT_APP_ENABLE_TERMS_OF_USE=true
 
 # Node Providers
-NEXT_PUBLIC_INFURA_PROJECT_ID=0454e8da3dd7418c8cc8bf0961417068
-NEXT_PUBLIC_ALCHEMY_PROJECT_ID=PAYPVgUFFCJE6uKwBWzZI_PjrSF79-0I
+REACT_APP_INFURA_PROJECT_ID=0454e8da3dd7418c8cc8bf0961417068
+REACT_APP_ALCHEMY_PROJECT_ID=PAYPVgUFFCJE6uKwBWzZI_PjrSF79-0I
 
 # PostHog
-NEXT_PUBLIC_POST_HOG_API_KEY=phc_1duTJdHbYFcVN268FV4CI3vDf3dgM0AqKsBkM2nasBt
-
-# Sentry
-NEXT_PUBLIC_SENTRY_DSN=https://[email protected]/6307794
-SENTRY_PROJECT=app
-SENTRY_ORG=lyra-org
+REACT_APP_POST_HOG_API_KEY=phc_1duTJdHbYFcVN268FV4CI3vDf3dgM0AqKsBkM2nasBt
 
 # Socket
-NEXT_PUBLIC_SOCKET_API_KEY=de4ef3a8-c743-495e-8b5b-41dc40ba1b5c
+REACT_APP_SOCKET_API_KEY=de4ef3a8-c743-495e-8b5b-41dc40ba1b5c
 
 # FIREBASE
-NEXT_PUBLIC_FIREBASE_CONFIG_API_KEY="AIzaSyB-OiDnVtOZCAssXSKJd7ucV79PuPj5DRk"
-NEXT_PUBLIC_FIREBASE_CONFIG_AUTH_DOMAIN="lyra-finance.firebaseapp.com"
-NEXT_PUBLIC_FIREBASE_CONFIG_DATABASE_URL="https://lyra-finance-default-rtdb.asia-southeast1.firebasedatabase.app"
-NEXT_PUBLIC_FIREBASE_CONFIG_PROJECT_ID="lyra-finance"
-NEXT_PUBLIC_FIREBASE_CONFIG_STORAGE_BUCKET="lyra-finance.appspot.com"
-NEXT_PUBLIC_FIREBASE_CONFIG_MESSAGING_SENDER_ID="295284938064"
-NEXT_PUBLIC_FIREBASE_CONFIG_APP_ID="1:295284938064:web:6d2b17d5e82df4c0584855"
+REACT_APP_FIREBASE_CONFIG_API_KEY="AIzaSyB-OiDnVtOZCAssXSKJd7ucV79PuPj5DRk"
+REACT_APP_FIREBASE_CONFIG_AUTH_DOMAIN="lyra-finance.firebaseapp.com"
+REACT_APP_FIREBASE_CONFIG_DATABASE_URL="https://lyra-finance-default-rtdb.asia-southeast1.firebasedatabase.app"
+REACT_APP_FIREBASE_CONFIG_PROJECT_ID="lyra-finance"
+REACT_APP_FIREBASE_CONFIG_STORAGE_BUCKET="lyra-finance.appspot.com"
+REACT_APP_FIREBASE_CONFIG_MESSAGING_SENDER_ID="295284938064"
+REACT_APP_FIREBASE_CONFIG_APP_ID="1:295284938064:web:6d2b17d5e82df4c0584855"

app/.eslintrc.js

@@ -1,10 +1,5 @@
 module.exports = {
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:react/recommended',
-    'plugin:react-hooks/recommended',
-  ],
+  extends: ['plugin:react/recommended', 'plugin:@typescript-eslint/recommended', 'plugin:react-hooks/recommended'],
   env: {
     node: true,
     browser: true,