react-catch-errors/index.js at master · dmaria58/react-catch-errors · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();

exports.default = catchErrors;
function catchErrors(_ref) {
  var filename = _ref.filename,
      components = _ref.components,
      imports = _ref.imports;

  var _imports = _slicedToArray(imports, 1),
      React = _imports[0];

  if (!React || !React.Component) {
    throw new Error('imports[0] for react-catch-errors does not look like React.');
  }

  return function returnCatchErrors(ReactClass) {
    //setState
    var hf_render = ReactClass.prototype.setState;
    Object.defineProperty(ReactClass.prototype, 'setState', {
      configurable: true,
      writable: true,
      value: function tryRender() {
        if (arguments[1]) {
          var funcs = arguments[1];
          arguments[1] = function () {
            try {
              return funcs.apply(this, arguments);
            } catch (err) {
              console.error(err);
            }
          };
        }
        return hf_render.apply(this, arguments);
      }
    });
    //render
    if (ReactClass.prototype.render) {
      var h_render = ReactClass.prototype.render;
      Object.defineProperty(ReactClass.prototype, 'render', {
        configurable: true,
        writable: true,
        value: function tryRender() {
          try {
            return h_render.apply(this, arguments);
          } catch (err) {
            console.error(err);
            return React.createElement('div', { toWhat: 'world' }, err + "");
          }
        }
      });
    }
    //componentWillUpdate
    if (ReactClass.prototype.componentWillUpdate) {
      var h_componentWillUpdate = ReactClass.prototype.componentWillUpdate;
      Object.defineProperty(ReactClass.prototype, 'componentWillUpdate', {
        configurable: true,
        writable: true,
        value: function tryRender() {
          try {
            if (!h_componentWillUpdate) return;
            return h_componentWillUpdate.apply(this, arguments);
          } catch (err) {
            console.error(err);
          }
        }
      });
    }
    //componentWillReceiveProps
    if (ReactClass.prototype.componentWillReceiveProps) {
      var h_componentWillReceiveProps = ReactClass.prototype.componentWillReceiveProps;
      Object.defineProperty(ReactClass.prototype, 'componentWillReceiveProps', {
        configurable: true,
        writable: true,
        value: function tryRender() {
          try {
            if (!h_componentWillReceiveProps) return;
            return h_componentWillReceiveProps.apply(this, arguments);
          } catch (err) {
            console.error(err);
          }
        }
      });
    }

    //componentDidUpdate
    if (ReactClass.prototype.componentDidUpdate) {
      var h_componentDidUpdate = ReactClass.prototype.componentDidUpdate;
      Object.defineProperty(ReactClass.prototype, 'componentDidUpdate', {
        configurable: true,
        writable: true,
        value: function tryRender() {
          try {
            if (!h_componentDidUpdate) return;
            return h_componentDidUpdate.apply(this, arguments);
          } catch (err) {
            console.error(err);
          }
        }
      });
    }

    //componentWillUnmount
    if (ReactClass.prototype.componentWillUnmount) {
      var h_componentWillUnmount = ReactClass.prototype.componentWillUnmount;
      Object.defineProperty(ReactClass.prototype, 'componentWillUnmount', {
        configurable: true,
        writable: true,
        value: function tryRender() {
          try {
            if (!h_componentWillUnmount) return;
            return h_componentWillUnmount.apply(this, arguments);
          } catch (err) {
            console.error(err);
          }
        }
      });
    }

    //componentWillMount
    if (ReactClass.prototype.componentWillMount) {
      var h_componentWillMount = ReactClass.prototype.componentWillMount;
      Object.defineProperty(ReactClass.prototype, 'componentWillMount', {
        configurable: true,
        writable: true,
        value: function tryRender() {
          try {
            if (!h_componentWillMount) return;
            return h_componentWillMount.apply(this, arguments);
          } catch (err) {
            console.error(err);
          }
        }
      });
    }

    //componentDidMount
    if (ReactClass.prototype.componentDidMount) {
      var h_componentDidMount = ReactClass.prototype.componentDidMount;
      Object.defineProperty(ReactClass.prototype, 'componentDidMount', {
        configurable: true,
        writable: true,
        value: function tryRender() {
          try {
            if (!h_componentDidMount) return;
            return h_componentDidMount.apply(this, arguments);
          } catch (err) {
            console.error(err);
          }
        }
      });
    }

    return ReactClass;
  };
}