Turn it into a side panel

[jfschwarz]

This PR is a foundational refactoring turning Pilot into a side panel extension. This allows us to get rid of the iframe wrapping and extra address bar.

closes #67

BREAKING CHANGES:

• All existing connection settings will be lost when upgrading to this new version of the extension

TODO

• Make connecting/disconnecting on panel toggle reliable
  • monitoring: Show reload hint for stale tabs (à la Rabby), auto-reload the current tab when opening the panel
  • Reconnect when reopening
• Sometimes there are still duplicated injections (transactions are recorded double)
• Handle tabs that were open before the extension was installed (no monitoring injected)
• Make simulation start/stop handling reliable
  • Stop simulating by clearing recorded transactions
  • Test with: https://balancer.fi/pools/ethereum/v2/0x3de27efa2f1aa663ae5d458857e731c129069f29000200000000000000000588/add-liquidity
  • Test with https://revoke.cash/
  • Visualize the isSimulating state using a special action icon
• Host connect.pilot.gnosisguild.org
• Stop intercepting/tracking RPC traffic on panel close
  • Test
• Test concurrent sessions (with and without simulations) in different windows
• Connect to MetaMask from Panel
  • Implement EIP1193 provider to use from app, event subscription mgmt & event deduplication (multiple iframes)
  • Can only use iframe on visible tabs for connecting to wallet (rpc requests won’t be handled otherwise)
    • Scenario: open pilot on chrome:// tab, switch to regular tab -> rpc requests are only handled then
    • Try to implement a timeout (connect via different tab after timeout) (not needed, as only current tab will be used)
  • Immediately inject connect iframe to all open tabs on panel open (otherwise we depend on tab reload before we can interact with the user wallet)
  • Make error handling work (test: reject wallet request)
  • Handle disconnects
  • Test event relaying (account/chain switches)
  • Handle the case that no regular tab is open (only chrome://) -> open a new tab with https://connect.pilot/.gnosisguild.org (when the panel is initially opened) The extension now waits for a proper tab to become active before establishing connections and communications
• Make inject (former EIP1193 bridge) work again (now the panel app has access to chrome. APIs!)
  • Test
  • Integrate in panel
• Make rpc redirect urlFilter use urlRegex and combine all rpc urls with ORs (|)
  • Test
• Migrate routes to extension storage https://developer.chrome.com/docs/extensions/reference/api/storage
  • Test
• Update developer docs
• Panel design updates (Figma designs need to be adjusted to support smaller width)
• Test connecting to Etherscan

Scenarios that need to be tested (manually):

• Test connecting & recording of transactions from all apps on the SAFE_APP_WHITELIST
• Test Snapshot order signing

[cloudflare-workers-and-pages]

Deploying zodiac-pilot-connect with    Cloudflare Pages

Latest commit:	d61011c
Status:	✅  Deploy successful!
Preview URL:	https://33130827.zodiac-pilot.pages.dev
Branch Preview URL:	https://sidepanel.zodiac-pilot.pages.dev

View logs

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
zodiac-pilot-example-app	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 4, 2024 0:19am

[github-actions]

All contributors have signed the CLA ✍️ ✅
_{Posted by the CLA Assistant Lite bot.}

[frontendphil]

I have read the CLA Document and I hereby sign the CLA