@wordpress/editor/build-module/components/error-boundary/index.js

Enhanced block editor for WordPress posts.

import { createElement } from "@wordpress/element";

/**
 * WordPress dependencies
 */
import { Component } from '@wordpress/element';
import { __ } from '@wordpress/i18n';
import { Button } from '@wordpress/components';
import { select } from '@wordpress/data';
import { Warning } from '@wordpress/block-editor';
import { useCopyToClipboard } from '@wordpress/compose';

function CopyButton({
  text,
  children
}) {
  const ref = useCopyToClipboard(text);
  return createElement(Button, {
    isSecondary: true,
    ref: ref
  }, children);
}

class ErrorBoundary extends Component {
  constructor() {
    super(...arguments);
    this.reboot = this.reboot.bind(this);
    this.getContent = this.getContent.bind(this);
    this.state = {
      error: null
    };
  }

  componentDidCatch(error) {
    this.setState({
      error
    });
  }

  reboot() {
    this.props.onError();
  }

  getContent() {
    try {
      // While `select` in a component is generally discouraged, it is
      // used here because it (a) reduces the chance of data loss in the
      // case of additional errors by performing a direct retrieval and
      // (b) avoids the performance cost associated with unnecessary
      // content serialization throughout the lifetime of a non-erroring
      // application.
      return select('core/editor').getEditedPostContent();
    } catch (error) {}
  }

  render() {
    const {
      error
    } = this.state;

    if (!error) {
      return this.props.children;
    }

    return createElement(Warning, {
      className: "editor-error-boundary",
      actions: [createElement(Button, {
        key: "recovery",
        onClick: this.reboot,
        isSecondary: true
      }, __('Attempt Recovery')), createElement(CopyButton, {
        key: "copy-post",
        text: this.getContent
      }, __('Copy Post Text')), createElement(CopyButton, {
        key: "copy-error",
        text: error.stack
      }, __('Copy Error'))]
    }, __('The editor has encountered an unexpected error.'));
  }

}

export default ErrorBoundary;
//# sourceMappingURL=index.js.map