inevitable-dao / bento

🍱 The open-source, cross-chain web3 dashboard. Add multiple wallets, group your crypto.

Bento, the Open-Source Web3 Dashboard

Note
LIVE at bento.finance ⚡️

Warning
This product is still under rapid development 🛠

🚀 Preparing Local Dev Environment

git clone https://github.com/inevitable-dao/bento
cd bento
yarn

First, clone this repo.

ENVIRONMENT=debug
NEXT_PUBLIC_API_BASE_URL=
SERVERLESS_API_BASE_URL=https://www.bento.finance
NEXT_PUBLIC_SUPABASE_ANON_KEY=
SUPABASE_URL=
NEXT_PUBLIC_OPENSEA_API_KEYS=
NEXT_PUBLIC_CMC_PRO_API_KEYS=

COVALENT_API_KEYS=
UNMARSHAL_API_KEYS=
SLACK_NEW_PROFILE_WEBHOOK=
SUPABASE_SERVICE_KEY=
REDIS_URL=

Copy .env.example inside @bento/api(apps/api/.env.*) and @bento/web(apps/web/.env.*) and fill in the contents.

yarn build

We're using Turborepo with Yarn Workspaces.

yarn workspace @bento/web dev

Finally, we start the development server. By default, the port is set to 3000.

🏛️ Licensing

• All our branding resources(such as trademarks, assets, and design) are copyright of Inevitable, all rights reserved. Other third-party assets and branding elements included in this repository are the copyright of their rightful owners.

• The project is licensed under the Mozilla Public License Version 2.0. You must include this license and copyright notice if you use this work. This also means that you'll have to notify changes and open-source your work(the modified software) in the same license(or, in certain cases, one of the GNU licenses).

Copyright (c) 2022-2024 Inevitable

bento's Issues

Refactor structure inside `@bento/core`

배경

• 현재는 @junhoyeo 가 빠르게 스캐폴딩 하느라 모듈 안의 파일/선언들이 제대로 분리되어 있지 않습니다.

Users can connect wallets and view a list of them connected

• #1 이 선행되어야 함

Where should we handle RPC/API calls? Back-end or the client?

• 현재는 Public Node 의 엔드포인트를 쓰는 중인데, 백엔드에서 하다가 rate limit 먹으면 어떡하지

Setup development environment

• https://github.com/inevitable-changes/bento-api/issues/55
• https://github.com/inevitable-changes/bento-api/issues/56

Web3.0 User Onboarding

User Flow

• 1. Input Username
• 2. Connect Wallets(Metamask, WalletConnect, Kaikas, Keplr, Phantom)
  • After granting permission, you have to sign ownership using each
• 3. [BE] Verify sign 👉 Register (or connect afterwards) wallet with username
• 4. Set protocols
• 5. Set PFP as profile picture (OpenSea API)
• 6. [BE] Update

[Dashboard] Should show cached values from the previous query when error raised at `@bento/core`

• 지금은 에러 발생했다는 것을 표시하지 않음
  • 디버깅 용으로 에러 발생 위치(실행하려 했던 메소드), 에러 메시지를 반환해줄 필요가 있음
• 클라에서 이전 값 로컬스토리지 등에 저장하다가 표시/업데이트

Renew dashboard interface to display tokens as grid & show asset ratio

• Show tokens via multiple rows and columns
• Show progess bar of asset ratio (wallet/staking/unstaking/rewards, etc.)
• Enhance UI/UX of adding/listing wallets

If a user connects one more wallet on the same network w/ the previously connected wallet, net worth is temporarily appears to be doubled

[Dashboard] `DetailModal` data should be updated when underlying params change

• #424

Current Branch Broken

Current release and even your Vercel deploys are failing or reverting to a different URL.

Replicate by attempting to install a clean copy anywhere. It fails after a successful new user is created in Supabase and the user is redirected to the dashboard page.

In production, web app won't automatically switch to main view after Twitter login

I had to manually refresh it to see the main dashboard view

Setup staging environment for `bento-web`

Reliable edge proxy to external APIs (CoinGecko, OpenSea, 3rd party indexers, etc.)

After the user changes the nickname, they should be redirected to their new URL (or it'll result 404)

Delegated amount of Osmosis/Cosmos Hub should be moved to DeFi section

Unable to verify new wallets using Phantom(Solana)

[Dashboard] Option to show tokens with zero valuation

localStorage 에 블록체인 지갑 목록 저장하기

• 현재는 @dashboard/core 의 config 에 하드코딩 되어 있음
• 클라이언트에서 주입 가능하도록 만들어야 함

Assets from OpenSea are not appearing(in token balances/net worth) at initial load for some browsers

Styles are breaking in token detail modal

[Dashboard] Implement token transfers in dashboard

• #4 선행되어야 함

Assets missing

ERC-20 assets failing to propagate. Only NFT's showing in the interface, no console errors.

Strange behavior in state `walletsAtom`

In investigation @junhoyeo

Landing page(`@bento/landing`) for Bento

• Create a landing page project for Bento
  • (NEW) Landing (@bento/landing): bento.finance (-> Link to @bento/web)
  • App (@bento/web): app.bento.finance (Service project/link with features)

Support all the top 20 tokens in the market capitalization of Ethereum/BNB/Polygon/Klaytn/Solana

[Core] Add support for Evmos

[Auth] Implement anonymous account (just web3 signing)

• In Supabase, you can hack by creating an random email and disabling email confirmations
  • supabase/auth#68
  • hash(browser fingerprint + salt)

Error: Rendered more hooks than during the previous render

Add a script for retrieving metadata of klaytn tokens

• research data sources to get metadata

Support removing wallets for auth users

Secret value is hardcoded in card image renderer (used for encrypting parameters, zero severity)

Hardcoded value is used as a cipher key (in crypto.createHmac). Generate the value with a cryptographically strong random number generator and do not hardcode it in source code.
packages/bento-api/pages/api/images/card.tsx

Let's move this to environment variables someday

Improve price retrieving logic for CoinGecko and CoinMarketCap APIs

• Blocked by #3
• We should fetch prices in batch (query multiple token prices with one API call)
  • CoinGecko: /simple/price with comma-separated ids and vs_currencies
  • CoinMarketCap: https://coinmarketcap.com/api/documentation/v1/#operation/getV2ToolsPriceconversion

[Core] Add support for Optimism

[Dashboard] Show list of NFTs as another tab

파편화된 토큰 정보를 모두 `@bento/core` 에서 정의

• 현재 로고와 이름 등의 정보는 @bento/web 에, 다른 정보는 @dashboard/core 의 getBalance 또는 getTokenBalances 결과로서 파편화되어 있습니다.
• 체인 및 토큰 정보가 @bento/core 에 모두 포함되도록(API 에서 반환되도록) 해야 합니다.

Developers can add support for their DeFi by writing an open-source adapter

• https://github.com/inevitable-changes/bento-adaptors
• Write an open-source adapter, Add support for your chain/protocol

[Dashboard] Hide specific wallets from public

[Dashboard] CoinGecko prices are not fetched on initial load, making tokens not displayed for a significant time

Current follow-up from #255

Empty UI for Dashboard

• Nudge users to connect their wallet

Implement Modal UI to add new wallets

Documentation for self-hosting

Low priority. Probably related to #444 (comment).

[Dashboard] Use `IndexedDB` to cache data client-side

    TODO: Use `IndexedDB` with [localForage](https://github.com/localForage/localForage)

Originally posted by @junhoyeo in #310 (comment)

[Auth] Implement EIP-4361 (Use nonce in off-chain signing)

• EIP-4361: Sign-In with Ethereum

Setup Snyk

[Auth] Add terms of service page

[Indexer] Use Nakji Network over Covalent

Support Ledger

[Dashboard] Hide specific assets