Create UI to connect wallet & loop

[0xTARC]

Looper UI

https://github.com/banteg/baseline-looper/assets/97852365/ffaf70a8-3819-4c2d-acfb-761abe65e257

Adds a new interface directory containing a simple UI to connect wallet, switch chain to Blast, approve Blast's WETH for Looper contract usage, and call the loop function to WETH into $YES / Baseline.

Highlights

• No react (kek)
• Prompts to add Blast network if user doesn't have it in their wallet yet. If they do and are on another chain, prompts them to switch.
• Inspired by ricoview, uses a single file each for html, css, and js. Plus, a single js dependency - viem.
• Uses vite for a blazing fast, hot reloading local dev server + optimized static file output.
• Symlinks Ape's .build folder into the /interface directory to seamlessly pick up ABI changes while iterating on smart contracts. For final development, trimmed down abis should be copied into the /interface/abis dir.

Run Instructions

From the root of the repo,

cd interface && npm install && npm run dev

See interface/README.md for more info

__

ps this just took a few hours and i did it for fun. lmk if you're interested in continuing. or feel free to pick up where i left off / ship it off to someone else