Add Firefox Support for Lace Wallet Extension

[danielmain]

Intention

This pull request aims to extend the Lace Wallet browser extension support to Firefox. The Lace Wallet, initially built and optimized for Chrome, now includes compatibility for Firefox. However, there are certain runtime issues that need addressing, particularly related to Content Security Policy (CSP) violations.

Current Status

The Firefox extension can be successfully loaded and installed as shown in the screenshot.

However, upon running, it encounters CSP-related runtime errors. Specifically, the following error is observed:

Content-Security-Policy: The page’s settings blocked a JavaScript eval (script-src) from being executed because it violates the following directive: “script-src 'self' 'wasm-unsafe-eval'” (Missing 'unsafe-eval')

Steps to Build

1. Navigate to the apps/browser-extension-wallet directory in your project.

2. Run the following command to build the Firefox extension:

   yarn build:firefox

3. Upon successful build, an artifact is created in the directory:

   apps/browser-extension-wallet/artifacts-firefox/lace-1.13.0.zip
   

Additional Notes

• The build process involves reading specific environment variables defined in the .env file to configure the manifest file appropriately for Firefox.
• Despite successful installation, the extension runs into CSP issues which need further investigation and resolution.
• The provided screenshot (about:debugging#/runtime/this-firefox) shows the extension loaded in Firefox Developer Edition (129.0), with runtime errors available upon inspection.

[melroy89]

what are the CSP errors you are facing?