It is possible to run the ENS app as a Gnosis Safe App. This will allow it to directly use the ENS app from withing the Gnosis Safe web interface.
As the ENS app is normally running on a different host (unless both, the Gnosis Safe web interface and the ENS app, are for example hosted locally) it is required to enable CORS headers. This will allow the Gnosis Safe web interface to access the ENS app meta information from the manifest.json
.
To enable this without changes to the ENS project it is possible to use the local-cors-proxy
package via npx
.
Run npx local-cors-proxy --proxyUrl http://localhost:3000 --proxyPartial ""
Now it is possible to use http://localhost:8010
inside the Gnosis Safe web interface as a Gnosis Safe App. For this navigate to the Apps section of the web interface and follow the process to add a custom app. The following interfaces can be used for testing:
Note: To test the ENS app as a Gnosis Safe App it is required to be owner of a Gnosis Safe and that this Gnosis Safe is available in the interface.
It is also possible to host the app via GithHub page, Netlify or similar providers.