docccdev

041616

alexander

amostovenko

evo-kazymyrov

himiranov

hunson.abadeer

lequan

mark_tven

orhideous

sadkovoy

seedofjoy

tailhook

zemlanin

@evo/errcatch

Object.defineProperty(exports, "__esModule", {

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }

function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

var logError = function logError(msg, error, info) {

    value: function getDerivedStateFromError() {

      // Update state so the next render will show the fallback UI.

    _this = _possibleConstructorReturn(this, _getPrototypeOf(ErrCatch).call(this, props));

    value: function componentDidCatch(error, info) {

      // You can also log the error to an error reporting service

      var msg = "".concat(this.props.name, ": ").concat(this.props.message);

        if (this.props.errorComponent) return this.props.errorComponent; // You can render any custom fallback UI

        if (process.env.NODE_ENV !== 'production') {

          // skip error boundary on the server (give a chance on a client)

          if (typeof window === 'undefined') return null;

          return _react.default.createElement("div", {

            "data-qaid": "err_catch_trace"

_defineProperty(ErrCatch, "defaultProps", {

    "url": "https://gitlab.uaprom/evo-frontend/prom"

    "@babel/plugin-proposal-class-properties": "^7.4.0",

    "enzyme-adapter-react-16": "^1.11.2",

npm - https://www.npmjs.com/package/@evo/errcatch

Небольшой компонент вокруг error boundary API - https://reactjs.org/docs/error-boundaries.html.

- В деве будет подсвечивать "упавший" компонент красным. На проде по умолчанию ничего не рендерит.

- Можно задать логирование ошибок в 1 месте (на бекенде через syslog, на фронте через gotcha).

- Есть возможность рендерить кастомный компонент при ошибке.

# Логированние ошибок (gotcha,logevo e.t.c)

# Логирование ошибок (gotcha,logevo e.t.c)

Для получения шаблонных параметров в компоненте можно воспользоваться контекстом

import { setErrCatchLog } from '@evo/errcatch';

import * as gotcha from '@evo/gotcha-log';

    gotcha.error(msg, { message: error.message, stack: error.stack });

const ErrorComponent = () => <div>Error</div>

		@@ -94,3 +94,4 @@ "use strict";
		fontWeight: 'bold'
		}
		},
		"data-qaid": "err_catch_trace"
		}, "ERR");
		@@ -97,0 +98,0 @@ }

		{
		"name": "@evo/errcatch",
		"version": "0.0.4",
		"version": "0.0.5",
		"description": "Catch react errors",
		@@ -5,0 +5,0 @@ "main": "dist/index.js",

Improved metrics

Worsened metrics

		@@ -33,5 +33,4 @@ # ErrCatch

		# Логированние ошибок (gotcha,logevo e.t.c)
		# Логирование ошибок (gotcha,logevo e.t.c)

		Для получения шаблонных параметров в компоненте можно воспользоваться контекстом

		@@ -38,0 +37,0 @@ ```jsx