Socket
Socket
Sign inDemoInstall

react-async-component

Package Overview
Dependencies
Maintainers
1
Versions
18
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-async-component - npm Package Compare versions

Comparing version 1.0.0-beta.2 to 1.0.0-beta.3

20

commonjs/asyncComponent.js

@@ -17,2 +17,6 @@ 'use strict';

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -240,14 +244,14 @@

AsyncComponent.contextTypes = {
asyncComponentsAncestor: _react2.default.PropTypes.shape({
isBoundary: _react2.default.PropTypes.bool
asyncComponentsAncestor: _propTypes2.default.shape({
isBoundary: _propTypes2.default.bool
}),
asyncComponents: _react2.default.PropTypes.shape({
getNextId: _react2.default.PropTypes.func.isRequired,
resolved: _react2.default.PropTypes.func.isRequired,
shouldRehydrate: _react2.default.PropTypes.func.isRequired
asyncComponents: _propTypes2.default.shape({
getNextId: _propTypes2.default.func.isRequired,
resolved: _propTypes2.default.func.isRequired,
shouldRehydrate: _propTypes2.default.func.isRequired
})
};
AsyncComponent.childContextTypes = {
asyncComponentsAncestor: _react2.default.PropTypes.shape({
isBoundary: _react2.default.PropTypes.bool
asyncComponentsAncestor: _propTypes2.default.shape({
isBoundary: _propTypes2.default.bool
})

@@ -254,0 +258,0 @@ };

26

commonjs/AsyncComponentProvider.js

@@ -13,2 +13,6 @@ 'use strict';

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _createAsyncContext = require('./createAsyncContext');

@@ -69,10 +73,10 @@

AsyncComponentProvider.propTypes = {
children: _react2.default.PropTypes.node.isRequired,
asyncContext: _react2.default.PropTypes.shape({
getNextId: _react2.default.PropTypes.func.isRequired,
resolved: _react2.default.PropTypes.func.isRequired,
getState: _react2.default.PropTypes.func.isRequired
children: _propTypes2.default.node.isRequired,
asyncContext: _propTypes2.default.shape({
getNextId: _propTypes2.default.func.isRequired,
resolved: _propTypes2.default.func.isRequired,
getState: _propTypes2.default.func.isRequired
}),
rehydrateState: _react2.default.PropTypes.shape({
resolved: _react2.default.PropTypes.object
rehydrateState: _propTypes2.default.shape({
resolved: _propTypes2.default.object
})

@@ -87,8 +91,8 @@ };

AsyncComponentProvider.childContextTypes = {
asyncComponents: _react2.default.PropTypes.shape({
getNextId: _react2.default.PropTypes.func.isRequired,
resolved: _react2.default.PropTypes.func.isRequired,
shouldRehydrate: _react2.default.PropTypes.func.isRequired
asyncComponents: _propTypes2.default.shape({
getNextId: _propTypes2.default.func.isRequired,
resolved: _propTypes2.default.func.isRequired,
shouldRehydrate: _propTypes2.default.func.isRequired
}).isRequired
};
exports.default = AsyncComponentProvider;
{
"name": "react-async-component",
"version": "1.0.0-beta.2",
"version": "1.0.0-beta.3",
"description": "Create Components that resolve asynchronously, with support for server side rendering and code splitting.",

@@ -57,3 +57,4 @@ "license": "MIT",

"react": "^0.14.0 || ^15.0.0-0",
"react-dom": "^0.14.0 || ^15.0.0-0"
"react-dom": "^0.14.0 || ^15.0.0-0",
"prop-types": "^15.0.0-0"
},

@@ -94,2 +95,3 @@ "dependencies": {},

"pretty-bytes": "4.0.2",
"prop-types": "15.5.6",
"ramda": "0.23.0",

@@ -96,0 +98,0 @@ "react": "15.4.2",

(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("react"));
module.exports = factory(require("prop-types"), require("react"));
else if(typeof define === 'function' && define.amd)
define(["react"], factory);
define(["prop-types", "react"], factory);
else if(typeof exports === 'object')
exports["ReactAsyncComponent"] = factory(require("react"));
exports["ReactAsyncComponent"] = factory(require("prop-types"), require("react"));
else
root["ReactAsyncComponent"] = factory(root["React"]);
})(this, function(__WEBPACK_EXTERNAL_MODULE_1__) {
root["ReactAsyncComponent"] = factory(root["PropTypes"], root["React"]);
})(this, function(__WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_2__) {
return /******/ (function(modules) { // webpackBootstrap

@@ -76,3 +76,3 @@ /******/ // The module cache

/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 4);
/******/ return __webpack_require__(__webpack_require__.s = 5);
/******/ })

@@ -123,2 +123,8 @@ /************************************************************************/

/* 2 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_2__;
/***/ }),
/* 3 */
/***/ (function(module, exports, __webpack_require__) {

@@ -135,6 +141,10 @@

var _react = __webpack_require__(1);
var _react = __webpack_require__(2);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _createAsyncContext = __webpack_require__(0);

@@ -195,10 +205,10 @@

AsyncComponentProvider.propTypes = {
children: _react2.default.PropTypes.node.isRequired,
asyncContext: _react2.default.PropTypes.shape({
getNextId: _react2.default.PropTypes.func.isRequired,
resolved: _react2.default.PropTypes.func.isRequired,
getState: _react2.default.PropTypes.func.isRequired
children: _propTypes2.default.node.isRequired,
asyncContext: _propTypes2.default.shape({
getNextId: _propTypes2.default.func.isRequired,
resolved: _propTypes2.default.func.isRequired,
getState: _propTypes2.default.func.isRequired
}),
rehydrateState: _react2.default.PropTypes.shape({
resolved: _react2.default.PropTypes.object
rehydrateState: _propTypes2.default.shape({
resolved: _propTypes2.default.object
})

@@ -213,6 +223,6 @@ };

AsyncComponentProvider.childContextTypes = {
asyncComponents: _react2.default.PropTypes.shape({
getNextId: _react2.default.PropTypes.func.isRequired,
resolved: _react2.default.PropTypes.func.isRequired,
shouldRehydrate: _react2.default.PropTypes.func.isRequired
asyncComponents: _propTypes2.default.shape({
getNextId: _propTypes2.default.func.isRequired,
resolved: _propTypes2.default.func.isRequired,
shouldRehydrate: _propTypes2.default.func.isRequired
}).isRequired

@@ -223,3 +233,3 @@ };

/***/ }),
/* 3 */
/* 4 */
/***/ (function(module, exports, __webpack_require__) {

@@ -240,6 +250,10 @@

var _react = __webpack_require__(1);
var _react = __webpack_require__(2);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -467,14 +481,14 @@

AsyncComponent.contextTypes = {
asyncComponentsAncestor: _react2.default.PropTypes.shape({
isBoundary: _react2.default.PropTypes.bool
asyncComponentsAncestor: _propTypes2.default.shape({
isBoundary: _propTypes2.default.bool
}),
asyncComponents: _react2.default.PropTypes.shape({
getNextId: _react2.default.PropTypes.func.isRequired,
resolved: _react2.default.PropTypes.func.isRequired,
shouldRehydrate: _react2.default.PropTypes.func.isRequired
asyncComponents: _propTypes2.default.shape({
getNextId: _propTypes2.default.func.isRequired,
resolved: _propTypes2.default.func.isRequired,
shouldRehydrate: _propTypes2.default.func.isRequired
})
};
AsyncComponent.childContextTypes = {
asyncComponentsAncestor: _react2.default.PropTypes.shape({
isBoundary: _react2.default.PropTypes.bool
asyncComponentsAncestor: _propTypes2.default.shape({
isBoundary: _propTypes2.default.bool
})

@@ -490,3 +504,3 @@ };

/***/ }),
/* 4 */
/* 5 */
/***/ (function(module, exports, __webpack_require__) {

@@ -502,3 +516,3 @@

var _AsyncComponentProvider = __webpack_require__(2);
var _AsyncComponentProvider = __webpack_require__(3);

@@ -511,3 +525,3 @@ var _AsyncComponentProvider2 = _interopRequireDefault(_AsyncComponentProvider);

var _asyncComponent = __webpack_require__(3);
var _asyncComponent = __webpack_require__(4);

@@ -514,0 +528,0 @@ var _asyncComponent2 = _interopRequireDefault(_asyncComponent);

@@ -1,1 +0,1 @@

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.ReactAsyncComponent=t(require("react")):e.ReactAsyncComponent=t(e.React)}(this,function(e){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=4)}([function(e,t,n){"use strict";function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(){var e=0,t={};return{getNextId:function(){return e+=1},resolved:function(e){t[e]=!0},getState:function(){return{resolved:Object.keys(t).reduce(function(e,t){return Object.assign(e,o({},t,!0))},{})}}}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r},function(t,n){t.exports=e},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),a=n(1),l=o(a),c=n(0),f=o(c),d=function(e){function t(){return r(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return s(t,e),i(t,[{key:"componentWillMount",value:function(){this.asyncContext=this.props.asyncContext||(0,f.default)(),this.rehydrateState=this.props.rehydrateState}},{key:"getChildContext",value:function(){var e=this;return{asyncComponents:{getNextId:this.asyncContext.getNextId,resolved:this.asyncContext.resolved,shouldRehydrate:function(t){var n=e.rehydrateState.resolved[t];return delete e.rehydrateState.resolved[t],n}}}}},{key:"render",value:function(){return l.default.Children.only(this.props.children)}}]),t}(l.default.Component);d.propTypes={children:l.default.PropTypes.node.isRequired,asyncContext:l.default.PropTypes.shape({getNextId:l.default.PropTypes.func.isRequired,resolved:l.default.PropTypes.func.isRequired,getState:l.default.PropTypes.func.isRequired}),rehydrateState:l.default.PropTypes.shape({resolved:l.default.PropTypes.object})},d.defaultProps={asyncContext:void 0,rehydrateState:{resolved:{}}},d.childContextTypes={asyncComponents:l.default.PropTypes.shape({getNextId:l.default.PropTypes.func.isRequired,resolved:l.default.PropTypes.func.isRequired,shouldRehydrate:l.default.PropTypes.func.isRequired}).isRequired},t.default=d},function(e,t,n){"use strict";function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function s(e){var t=e.name,n=e.resolve,s=e.autoResolveES2015Default,c=void 0===s||s,p=e.serverMode,y=void 0===p?"resolve":p,v=e.LoadingComponent,h=e.ErrorComponent;if(d.indexOf(y)===-1)throw new Error("Invalid serverMode provided to asyncComponent");var m=["node","browser"].indexOf(e.env)>-1?e.env:"undefined"==typeof window?"node":"browser",b={id:null,module:null,error:null,resolver:null},C=function(e){return c&&null!=e&&("function"==typeof e||"object"===(void 0===e?"undefined":l(e)))&&e.default?e.default:e},x=function(){if(null==b.resolver)try{var e=n();b.resolver=Promise.resolve(e)}catch(e){b.resolver=Promise.reject(e)}return b.resolver},P=function(e){function t(e,n){o(this,t);var u=r(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));return u.context.asyncComponents&&!b.id&&(b.id=u.context.asyncComponents.getNextId()),u}return u(t,e),a(t,[{key:"asyncBootstrap",value:function(){var e=this,t=this.context,n=t.asyncComponents,o=t.asyncComponentsAncestor,r=n.shouldRehydrate,u=function(){return e.resolveModule().then(function(e){return void 0!==e})};if("browser"===m)return!!r(b.id)&&u();var s=o&&o.isBoundary;return"defer"!==y&&!s&&u()}},{key:"getChildContext",value:function(){if(this.context.asyncComponents)return{asyncComponentsAncestor:{isBoundary:"boundary"===y}}}},{key:"componentWillMount",value:function(){this.setState({module:b.module}),b.error&&this.registerErrorState(b.error)}},{key:"componentDidMount",value:function(){this.state.module||this.resolveModule()}},{key:"resolveModule",value:function(){var e=this;return this.resolving=!0,x().then(function(t){if(!e.unmounted)return e.context.asyncComponents&&e.context.asyncComponents.resolved(b.id),b.module=t,"browser"===m&&e.setState({module:t}),e.resolving=!1,t}).catch(function(t){e.unmounted||(("node"===m||"browser"===m&&!h)&&(console.warn("Failed to resolve asyncComponent"),console.warn(t)),b.error=t,e.registerErrorState(t),e.resolving=!1)})}},{key:"componentWillUnmount",value:function(){this.unmounted=!0}},{key:"registerErrorState",value:function(e){var t=this;"browser"===m&&setTimeout(function(){t.unmounted||t.setState({error:e})},16)}},{key:"render",value:function(){var e=this.state,t=e.module,n=e.error;if(null!=b.module||this.resolving||"undefined"==typeof window||this.resolveModule(),n)return h?f.default.createElement(h,i({},this.props,{error:n})):null;var o=C(t);return o?f.default.createElement(o,this.props):v?f.default.createElement(v,this.props):null}}]),t}(f.default.Component);return P.displayName=t||"AsyncComponent",P.contextTypes={asyncComponentsAncestor:f.default.PropTypes.shape({isBoundary:f.default.PropTypes.bool}),asyncComponents:f.default.PropTypes.shape({getNextId:f.default.PropTypes.func.isRequired,resolved:f.default.PropTypes.func.isRequired,shouldRehydrate:f.default.PropTypes.func.isRequired})},P.childContextTypes={asyncComponentsAncestor:f.default.PropTypes.shape({isBoundary:f.default.PropTypes.bool})},P}Object.defineProperty(t,"__esModule",{value:!0});var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},a=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c=n(1),f=function(e){return e&&e.__esModule?e:{default:e}}(c),d=["resolve","defer","boundary"];t.default=s},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.asyncComponent=t.createAsyncContext=t.AsyncComponentProvider=void 0;var r=n(2),u=o(r),s=n(0),i=o(s),a=n(3),l=o(a);t.AsyncComponentProvider=u.default,t.createAsyncContext=i.default,t.asyncComponent=l.default}])});
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("prop-types"),require("react")):"function"==typeof define&&define.amd?define(["prop-types","react"],t):"object"==typeof exports?exports.ReactAsyncComponent=t(require("prop-types"),require("react")):e.ReactAsyncComponent=t(e.PropTypes,e.React)}(this,function(e,t){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=5)}([function(e,t,n){"use strict";function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(){var e=0,t={};return{getNextId:function(){return e+=1},resolved:function(e){t[e]=!0},getState:function(){return{resolved:Object.keys(t).reduce(function(e,t){return Object.assign(e,o({},t,!0))},{})}}}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r},function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),a=n(2),l=o(a),c=n(1),f=o(c),d=n(0),p=o(d),y=function(e){function t(){return r(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),s(t,[{key:"componentWillMount",value:function(){this.asyncContext=this.props.asyncContext||(0,p.default)(),this.rehydrateState=this.props.rehydrateState}},{key:"getChildContext",value:function(){var e=this;return{asyncComponents:{getNextId:this.asyncContext.getNextId,resolved:this.asyncContext.resolved,shouldRehydrate:function(t){var n=e.rehydrateState.resolved[t];return delete e.rehydrateState.resolved[t],n}}}}},{key:"render",value:function(){return l.default.Children.only(this.props.children)}}]),t}(l.default.Component);y.propTypes={children:f.default.node.isRequired,asyncContext:f.default.shape({getNextId:f.default.func.isRequired,resolved:f.default.func.isRequired,getState:f.default.func.isRequired}),rehydrateState:f.default.shape({resolved:f.default.object})},y.defaultProps={asyncContext:void 0,rehydrateState:{resolved:{}}},y.childContextTypes={asyncComponents:f.default.shape({getNextId:f.default.func.isRequired,resolved:f.default.func.isRequired,shouldRehydrate:f.default.func.isRequired}).isRequired},t.default=y},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function s(e){var t=e.name,n=e.resolve,o=e.autoResolveES2015Default,s=void 0===o||o,f=e.serverMode,p=void 0===f?"resolve":f,h=e.LoadingComponent,m=e.ErrorComponent;if(v.indexOf(p)===-1)throw new Error("Invalid serverMode provided to asyncComponent");var b=["node","browser"].indexOf(e.env)>-1?e.env:"undefined"==typeof window?"node":"browser",C={id:null,module:null,error:null,resolver:null},x=function(e){return s&&null!=e&&("function"==typeof e||"object"===(void 0===e?"undefined":c(e)))&&e.default?e.default:e},g=function(){if(null==C.resolver)try{var e=n();C.resolver=Promise.resolve(e)}catch(e){C.resolver=Promise.reject(e)}return C.resolver},w=function(e){function t(e,n){r(this,t);var o=u(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));return o.context.asyncComponents&&!C.id&&(C.id=o.context.asyncComponents.getNextId()),o}return i(t,e),l(t,[{key:"asyncBootstrap",value:function(){var e=this,t=this.context,n=t.asyncComponents,o=t.asyncComponentsAncestor,r=n.shouldRehydrate,u=function(){return e.resolveModule().then(function(e){return void 0!==e})};if("browser"===b)return!!r(C.id)&&u();var i=o&&o.isBoundary;return"defer"!==p&&!i&&u()}},{key:"getChildContext",value:function(){if(this.context.asyncComponents)return{asyncComponentsAncestor:{isBoundary:"boundary"===p}}}},{key:"componentWillMount",value:function(){this.setState({module:C.module}),C.error&&this.registerErrorState(C.error)}},{key:"componentDidMount",value:function(){this.state.module||this.resolveModule()}},{key:"resolveModule",value:function(){var e=this;return this.resolving=!0,g().then(function(t){if(!e.unmounted)return e.context.asyncComponents&&e.context.asyncComponents.resolved(C.id),C.module=t,"browser"===b&&e.setState({module:t}),e.resolving=!1,t}).catch(function(t){e.unmounted||(("node"===b||"browser"===b&&!m)&&(console.warn("Failed to resolve asyncComponent"),console.warn(t)),C.error=t,e.registerErrorState(t),e.resolving=!1)})}},{key:"componentWillUnmount",value:function(){this.unmounted=!0}},{key:"registerErrorState",value:function(e){var t=this;"browser"===b&&setTimeout(function(){t.unmounted||t.setState({error:e})},16)}},{key:"render",value:function(){var e=this.state,t=e.module,n=e.error;if(null!=C.module||this.resolving||"undefined"==typeof window||this.resolveModule(),n)return m?d.default.createElement(m,a({},this.props,{error:n})):null;var o=x(t);return o?d.default.createElement(o,this.props):h?d.default.createElement(h,this.props):null}}]),t}(d.default.Component);return w.displayName=t||"AsyncComponent",w.contextTypes={asyncComponentsAncestor:y.default.shape({isBoundary:y.default.bool}),asyncComponents:y.default.shape({getNextId:y.default.func.isRequired,resolved:y.default.func.isRequired,shouldRehydrate:y.default.func.isRequired})},w.childContextTypes={asyncComponentsAncestor:y.default.shape({isBoundary:y.default.bool})},w}Object.defineProperty(t,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},l=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f=n(2),d=o(f),p=n(1),y=o(p),v=["resolve","defer","boundary"];t.default=s},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.asyncComponent=t.createAsyncContext=t.AsyncComponentProvider=void 0;var r=n(3),u=o(r),i=n(0),s=o(i),a=n(4),l=o(a);t.AsyncComponentProvider=u.default,t.createAsyncContext=s.default,t.asyncComponent=l.default}])});
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc