Authentication with Metamask Web3 Magento 2 PWA extension

This extension provide authentication with Metamask in PWA framework Magento 2 bootstraped on React.

Functionality:

Connect with ethereum networks by button in SignIn popup 

Technologies and Tools

magento 2 PWA
React.js with react hooks

For work download and add extension like this :

 yarn add file:/path/to/local/folder 

add in your local-intercept.js this code

/* local-intercept.js */

// Import the Targetables manager
const { Targetables } = require("@magento/pwa-buildpack");

function localIntercept(targets) {
    // Create a bound Targetable factory
    const targetables = Targetables.using(targets);

    // Create a React component targetable linked to the signIn.js file
    const Web3AuthDetails = targetables.reactComponent(
        "@magento/venia-ui/lib/components/SignIn/signIn.js"
    );

    const Web3Auth = Web3AuthDetails.addImport("Web3Auth from 'Web3Auth'");

    Web3AuthDetails.appendJSX(
        "div className={classes.buttonsContainer}",
        `<Web3Auth />`
    );
}

module.exports = localIntercept;