Major Refactor: Transition from React to Vite, Integration of Novel Editor, and Web3Modal Implementation

[juliopavila]

Overview:

This PR encompasses a comprehensive overhaul of our codebase, including the transition from React's setup to Vite, integration of the Novel editor for enhanced article management, and the introduction of Web3Modal for wallet interactions. This transformative update affects over 130 files and aims to streamline our build process, enhance performance, improve developer experience, and enrich our application's functionality.

Key Changes:

1. Environment Variables:

   • Transitioned all environment variable prefixes from REACT_APP_ to VITE_APP_ to conform with Vite conventions.
   • This change impacts multiple configuration and environment files, ensuring compatibility with Vite.

2. Package and Dependency Updates:

   • Updated dependencies to align with Vite's requirements, including modifications to node versions in our CI/CD pipelines.
   • Adjusted package configurations to optimize for Vite’s faster build and reload capabilities.

3. Build and Deployment Adjustments:

   • Reworked GitHub Actions workflows for compatibility with Vite, focusing on efficiency in the build and deployment processes.
   • Adapted deployment scripts to handle the dist directory structure preferred by Vite.

4. Codebase Enhancements:

   • Refactored import paths and updated lazy loading setups, utilizing Vite's advanced module handling for better performance.
   • Implemented aliasing and path resolutions within Vite for a cleaner and more manageable codebase.

5. Integration of Novel Text Editor:

   • Replaced existing text editing solutions with Novel to provide advanced content editing features like AI-driven text assistance and rich formatting options.

6. Introduction of Web3Modal:

   • Integrated Web3Modal to facilitate seamless interaction with Ethereum wallets, enhancing our application's blockchain functionalities.
   • Configured Web3Modal to support multiple providers, ensuring a robust connection framework for decentralized user interactions.

7. Issue Resolutions:

   • Addressed and resolved Issue bug: set up the proper env name for sepolia network #226 and Issue feat: Develop and implement innovative methods for managing the IPFS with Helia #284, which were related to backend optimizations and UI enhancements respectively.
   • These fixes have been tested and confirmed, improving overall application stability and user experience.

8. Security and Configuration Overhauls:

   • Strengthened security measures across the application, particularly in handling sensitive environment variables and deployment configurations.
   • Updated tsconfig, .env, and other critical files to align with Vite's operational standards.

Testing and Validation:

• Conducted extensive testing to validate the functionality of the new setup, including the Vite environment, Novel editor capabilities, and Web3Modal integration.
• Updated existing unit and integration tests to accommodate the new configurations and features.

Impact:

This major refactor not only optimizes our build and deployment processes but also significantly enhances the functionality and user experience of our application by integrating cutting-edge tools and resolving key issues.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
tabula	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 29, 2024 0:13am