"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = dynamic; exports.noSSR = noSSR; var _extends = require("@swc/helpers/lib/_extends.js").default; var _interop_require_default = require("@swc/helpers/lib/_interop_require_default.js").default; var _interop_require_wildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default; var _react = _interop_require_wildcard(require("react")); var _loadable = _interop_require_default(require("./loadable")); var _dynamicNoSsr = _interop_require_default(require("./dynamic-no-ssr")); function dynamic(dynamicOptions, options) { let loadableFn = _loadable.default; let loadableOptions = { // A loading component is not required, so we default it loading: ({ error , isLoading , pastDelay })=>{ if (!pastDelay) return null; if (process.env.NODE_ENV !== 'production') { if (isLoading) { return null; } if (error) { return /*#__PURE__*/ _react.default.createElement("p", null, error.message, /*#__PURE__*/ _react.default.createElement("br", null), error.stack); } } return null; } }; // Support for direct import(), eg: dynamic(import('../hello-world')) // Note that this is only kept for the edge case where someone is passing in a promise as first argument // The react-loadable babel plugin will turn dynamic(import('../hello-world')) into dynamic(() => import('../hello-world')) // To make sure we don't execute the import without rendering first if (dynamicOptions instanceof Promise) { loadableOptions.loader = ()=>dynamicOptions; // Support for having import as a function, eg: dynamic(() => import('../hello-world')) } else if (typeof dynamicOptions === 'function') { loadableOptions.loader = dynamicOptions; // Support for having first argument being options, eg: dynamic({loader: import('../hello-world')}) } else if (typeof dynamicOptions === 'object') { loadableOptions = _extends({}, loadableOptions, dynamicOptions); } // Support for passing options, eg: dynamic(import('../hello-world'), {loading: () =>
Loading something
}) loadableOptions = _extends({}, loadableOptions, options); const loaderFn = loadableOptions.loader; const loader = ()=>loaderFn().then(convertModule); // coming from build/babel/plugins/react-loadable-plugin.js if (loadableOptions.loadableGenerated) { loadableOptions = _extends({}, loadableOptions, loadableOptions.loadableGenerated, { loader }); delete loadableOptions.loadableGenerated; } // support for disabling server side rendering, eg: dynamic(() => import('../hello-world'), {ssr: false}). if (typeof loadableOptions.ssr === 'boolean') { if (!loadableOptions.ssr) { delete loadableOptions.ssr; return noSSR(loader, loadableOptions); } delete loadableOptions.ssr; } return loadableFn(loadableOptions); } // Normalize loader to return the module as form { default: Component } for `React.lazy`. // Also for backward compatible since next/dynamic allows to resolve a component directly with loader // Client component reference proxy need to be converted to a module. function convertModule(mod) { return { default: mod.default || mod }; } function noSSR(LoadableInitializer, loadableOptions) { // Removing webpack and modules means react-loadable won't try preloading delete loadableOptions.webpack; delete loadableOptions.modules; const NoSSRComponent = /*#__PURE__*/ (0, _react).lazy(LoadableInitializer); const Loading = loadableOptions.loading; const fallback = /*#__PURE__*/ _react.default.createElement(Loading, { error: null, isLoading: true, pastDelay: false, timedOut: false }); return (props)=>/*#__PURE__*/ _react.default.createElement(_react.Suspense, { fallback: fallback }, /*#__PURE__*/ _react.default.createElement(_dynamicNoSsr.default, null, /*#__PURE__*/ _react.default.createElement(NoSSRComponent, Object.assign({}, props)))); } if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') { Object.defineProperty(exports.default, '__esModule', { value: true }); Object.assign(exports.default, exports); module.exports = exports.default; } //# sourceMappingURL=dynamic.js.map