MyCrypto/common/components/WalletDecrypt/Keystore.jsx

import React, { Component } from 'react';
import translate from 'translations';
import wallet from 'ethereumjs-wallet';
import ethUtil from 'ethereumjs-util';

export default class KeystoreDecrypt extends Component {
  constructor(props) {
    super(props);
  }

  handleFileSelection = event => {
    const fileReader = new FileReader();
    const inputFile = event.target.files[0];

    fileReader.onload = () => {
      try {
        const keyStoreString = fileReader.result;
        const decryptedWallet = wallet.fromV3(
          keyStoreString,
          'asdfasdfasdf',
          true
        );
        const privateHex = ethUtil.bufferToHex(decryptedWallet._privKey);
        const publicHex = ethUtil.bufferToHex(
          ethUtil.privateToAddress(decryptedWallet._privKey)
        );
        console.log(privateHex, publicHex); // TODO: Remove console log, it's only here to let Travis pass
      } catch (e) {
        console.error('Could not parse Keystore file.', e);
      }
    };

    fileReader.readAsText(inputFile, 'utf-8');
  };

  render() {
    return (
      <section className="col-md-4 col-sm-6">
        <div id="selectedUploadKey">
          <h4>{translate('ADD_Radio_2_alt')}</h4>

          <div className="form-group">
            <input
              type="file"
              id="fselector"
              onChange={this.handleFileSelection}
            />
            <label htmlFor="fselector">
              <a
                className="btn-file marg-v-sm"
                id="aria1"
                tabIndex="0"
                role="button"
              >
                {translate('ADD_Radio_2_short')}
              </a>
            </label>
          </div>
        </div>
      </section>
    );
  }
}