Needs to use @particle-network/auth-core-modal rather than @particle-network/auth

[TABASCOatw]

Description

particle-moonbeam-demo currently uses the older, now deprecated SDK, @particle-network/auth. While this SDK still works and correctly facilitates social login and embedded wallet interaction, it's no longer being updated with new features and whatnot. Additionally, the new replacement for @particle-network/auth, Particle Auth Core (@particle-network/auth-core-modal) is more stable, feature-rich, and seamless to use (as it uses true embedding, not popup windows).

Thus, this repository needs to be updated to leverage @particle-network/auth-core-modal. This'll involve some changes in structure to both index.tsx and App.tsx.

Motivation

While a somewhat small change, this transition will make this demo far more suitable for newer documentation (as it wont use a deprecated library anymore) and for end-users trying it, it'll be a smoother experience.

Changes Needed

Beyond just swapping the libraries, @particle-network/auth-core-modal fundamentally works differently than @particle-network/auth. Because of this, the application (App.tsx) will need to shift to defining functions through hooks like useEthereum, useConnect, etc. from @particle-network/auth-core-modal (although because this uses a custom EIP-1193 Ethers provider, this should be a minimal change). Additionally, index.tsx will need modifications as it should now be the primary component controlling configuration of Auth Core.

Tasks

• Remove @particle-network/auth
• Add @particle-network/auth-core-modal
• Configure @particle-network/auth-core-modal in index.tsx
• Shift application structure in App.tsx to account for the change