Update Zodiac Safe App to Use Ethers v6 and Migrate to Vite

[juliopavila]

Summary:

This pull request aims to update the Zodiac Safe App to utilize ethers v6, upgrade React to version 18, and switch the build system from react-app-rewired to Vite.

Changes:

1. Libraries Migration:

   • Upgraded ethers from version 5.7.2 to 6.13.1.
   • Updated ethcall from version 3.4.1 to 6.0.6.
   • Upgraded various dependencies to their latest versions to ensure compatibility:
     • react to 18.3.1
     • react-dom to 18.3.1
     • @reduxjs/toolkit to 2.2.6
     • @snapshot-labs/snapshot.js to 0.11.39
     • styled-components to 6.1.11
     • Added new dependencies like viem, vite, and vite-plugin-*.

2. Build System Migration:

   • Replaced react-app-rewired with Vite.
   • Updated scripts in package.json to use Vite commands:
     • start: "vite"
     • build: "tsc && vite build"
     • preview: "vite preview"
   • Modified environment variable references from REACT_APP_* to VITE_*.

3. Code Refactoring:

   • Updated all imports to match new version standards (e.g., single quotes, removed unnecessary imports).
   • Replaced old environment variable names with new Vite-compatible names.
   • Updated React components to ensure compatibility with React 18.

4. Configuration Changes:

   • Updated .gitignore and .env.sample to align with Vite.
   • Modified ESLint and Prettier configurations to ensure consistency in the codebase.
   • Updated GitHub workflows to use Node.js 21 and new build commands.
   • Updated IPFS deployment path from build to dist.

Testing:

• Tested the build and deployment process with Vite to ensure seamless integration.
• Checked all major functionalities of the app to ensure they work correctly after the migration.

Additional Notes:

• Ensure that the environment variables are updated in the deployment setup to reflect the changes from REACT_APP_* to VITE_*.
• Review the updated dependencies to confirm that there are no breaking changes affecting the app's functionality.

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated (UTC)
zodiac-safe-app-ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 24, 2024 0:52am