/**
 *  Copyright (C) 2018 Basalt
    This file is part of Knapsack.
    Knapsack is free software; you can redistribute it and/or modify it
    under the terms of the GNU General Public License as published by the Free
    Software Foundation; either version 2 of the License, or (at your option)
    any later version.

    Knapsack is distributed in the hope that it will be useful, but WITHOUT
    ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
    FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License for
    more details.

    You should have received a copy of the GNU General Public License along
    with Knapsack; if not, see <https://www.gnu.org/licenses>.
 */
import React, { Component } from 'react';
import PropTypes from 'prop-types';

// http://reactjs.org/docs/error-boundaries.html
class ErrorCatcher extends Component {
  constructor(props) {
    super(props);
    this.state = {
      error: null,
      errorInfo: null,
    };
  }

  componentDidCatch(error, errorInfo) {
    console.error(error, errorInfo);
    this.setState({
      error,
      errorInfo,
    });
  }

  render() {
    if (this.state.errorInfo) {
      const [
        line1,
        line2,
        line3,
        ...rest
      ] = this.state.errorInfo.componentStack.split('\n').filter(x => x); // removes empty lines

      return (
        <div style={{ width: '90%', margin: '0 auto' }}>
          <h2>Something went wrong</h2>
          <h4 style={{ color: 'red' }}>
            {this.state.error && this.state.error.toString()}
          </h4>
          <div>{line1}</div>
          <div>{line2}</div>
          <div>{line3}</div>
          <details style={{ whiteSpace: 'pre-wrap' }}>
            <summary>Rest of Stack Trace</summary>
            {rest.join('\n')}
          </details>
        </div>
      );
    }
    return this.props.children;
  }
}

ErrorCatcher.propTypes = {
  children: PropTypes.node.isRequired,
};

export default ErrorCatcher;