Create UI to connect wallet & loop

[0xTARC]

Looper UI

looper-ui-preview.mp4

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