@modern-js/runtime 2.0.0-beta.0 → 2.0.0-beta.2

package/dist/js/node/core/app-config.js

@@ -5,18 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getConfig = exports.defineConfig = void 0;
 const APP_CONFIG_SYMBOL = 'config';
-
-const getConfig = Component => // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+const getConfig = Component =>
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-expect-error
 Component[APP_CONFIG_SYMBOL];
-
 exports.getConfig = getConfig;
-
 const defineConfig = (Component, config) => {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-expect-error
   Component[APP_CONFIG_SYMBOL] = config;
   return Component;
 };
-
 exports.defineConfig = defineConfig;

package/dist/js/node/core/compatible.js

@@ -4,65 +4,42 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useRuntimeContext = exports.createApp = exports.bootstrap = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
-
 var _runtimeContext = require("../runtime-context");
-
 var _plugin = require("./plugin");
-
 var _loaderManager = require("./loader/loaderManager");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["context"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 const IS_REACT18 = process.env.IS_REACT18 === 'true';
-
+const ROUTE_MANIFEST = `_MODERNJS_ROUTE_MANIFEST`;
 function isClientArgs(id) {
   return typeof id === 'string' || typeof HTMLElement !== 'undefined' && id instanceof HTMLElement;
 }
-
 const runnerMap = new WeakMap();
-
 const getInitialContext = runner => ({
   loaderManager: (0, _loaderManager.createLoaderManager)({}),
   runner,
-  isBrowser: true
+  isBrowser: true,
+  routeManifest: typeof window !== 'undefined' && window[ROUTE_MANIFEST]
 });
-
 const createApp = ({
   plugins
 }) => {
   const appRuntime = _plugin.runtime.clone();
-
   appRuntime.usePlugin(...plugins);
   return App => {
     const runner = appRuntime.init();
-
     const WrapperComponent = props => {
       const element = /*#__PURE__*/_react.default.createElement(App || _react.default.Fragment, _objectSpread({}, props), props.children);
-
       const context = (0, _react.useContext)(_runtimeContext.RuntimeReactContext);
       return runner.provide({
         element,
@@ -74,11 +51,9 @@ const createApp = ({
         }) => element
       });
     };
-
     if (App) {
       (0, _hoistNonReactStatics.default)(WrapperComponent, App);
     }
-
     const HOCApp = runner.hoc({
       App: WrapperComponent
     }, {
@@ -87,14 +62,13 @@ const createApp = ({
       }) => {
         const WrapComponent = _ref => {
           var _contextValue;
-
           let {
-            context
-          } = _ref,
-              props = _objectWithoutProperties(_ref, _excluded);
-
-          let contextValue = context; // We should construct the context, when root component is not passed into `bootstrap`.
+              context
+            } = _ref,
+            props = _objectWithoutProperties(_ref, _excluded);
+          let contextValue = context;
 
+          // We should construct the context, when root component is not passed into `bootstrap`.
           if (!((_contextValue = contextValue) !== null && _contextValue !== void 0 && _contextValue.runner)) {
             contextValue = getInitialContext(runner);
             runner.init({
@@ -104,18 +78,15 @@ const createApp = ({
                 context: context1
               }) => {
                 var _App$init;
-
                 return App === null || App === void 0 ? void 0 : (_App$init = App.init) === null || _App$init === void 0 ? void 0 : _App$init.call(App, context1);
               }
             });
           }
-
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_runtimeContext.RuntimeReactContext.Provider, {
             value: contextValue,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(App, _objectSpread({}, props))
           });
         };
-
         return (0, _hoistNonReactStatics.default)(WrapComponent, App);
       }
     });
@@ -123,9 +94,7 @@ const createApp = ({
     return HOCApp;
   };
 };
-
 exports.createApp = createApp;
-
 const bootstrap = async (BootApp,
 /**
  * When csr, id is root id.
@@ -135,19 +104,20 @@ id,
 /**
  * root.render need use root to run function
  */
-root, ReactDOM = _reactDom.default) => {
+root, ReactDOM
+// eslint-disable-next-line consistent-return
+) => {
   let App = BootApp;
-  let runner = runnerMap.get(App); // ensure Component used is created by `createApp`
+  let runner = runnerMap.get(App);
 
+  // ensure Component used is created by `createApp`
   if (!runner) {
     App = createApp({
       plugins: []
     })(App);
     runner = runnerMap.get(App);
   }
-
   const context = getInitialContext(runner);
-
   const runInit = _context => runner.init({
     context: _context
   }, {
@@ -155,33 +125,27 @@ root, ReactDOM = _reactDom.default) => {
       context: context1
     }) => {
       var _App, _App$init2;
-
       return (_App = App) === null || _App === void 0 ? void 0 : (_App$init2 = _App.init) === null || _App$init2 === void 0 ? void 0 : _App$init2.call(_App, context1);
     }
-  }); // don't mount the App, let user in charge of it.
-
+  });
 
+  // don't mount the App, let user in charge of it.
   if (!id) {
     return /*#__PURE__*/_react.default.createElement(App, {
       context
     });
   }
-
   const isBrowser = typeof window !== 'undefined' && window.name !== 'nodejs';
-
   if (isBrowser) {
     if (isClientArgs(id)) {
       var _ssrData$data, _ssrData$data2;
-
       const ssrData = window._SSR_DATA;
       const loadersData = (ssrData === null || ssrData === void 0 ? void 0 : (_ssrData$data = ssrData.data) === null || _ssrData$data === void 0 ? void 0 : _ssrData$data.loadersData) || {};
       const initialLoadersState = Object.keys(loadersData).reduce((res, key) => {
         const loaderData = loadersData[key];
-
         if (loaderData.loading !== false) {
           return res;
         }
-
         res[key] = loaderData;
         return res;
       }, {});
@@ -194,29 +158,43 @@ root, ReactDOM = _reactDom.default) => {
       } : {}));
       context.initialData = ssrData === null || ssrData === void 0 ? void 0 : (_ssrData$data2 = ssrData.data) === null || _ssrData$data2 === void 0 ? void 0 : _ssrData$data2.initialData;
       const initialData = await runInit(context);
-
       if (initialData) {
         context.initialData = initialData;
       }
-
-      const rootElement = typeof id !== 'string' ? id : document.getElementById(id || 'root'); // https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html
-
+      const rootElement = typeof id !== 'string' ? id : document.getElementById(id || 'root');
+      if (!ReactDOM) {
+        throw Error('The `bootstrap` need provide `ReactDOM` parameter');
+      }
+      // https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html
       const ModernRender = App => {
         if (IS_REACT18) {
-          (root || ReactDOM.createRoot(rootElement)).render(App);
+          if (root) {
+            root.render(App);
+          } else if (ReactDOM.createRoot) {
+            ReactDOM.createRoot(rootElement).render(App);
+          } else {
+            throw Error('The `bootstrap` `ReactDOM` parameter needs to provide the `createRoot` method');
+          }
         } else {
+          if (!ReactDOM.render) {
+            throw Error('The `bootstrap` `ReactDOM` parameter needs to provide the `render` method');
+          }
           ReactDOM.render(App, rootElement);
         }
       };
-
       const ModernHydrate = (App, callback) => {
         if (IS_REACT18) {
+          if (!ReactDOM.hydrateRoot) {
+            throw Error('The `bootstrap` `ReactDOM` parameter needs to provide the `hydrateRoot` method');
+          }
           ReactDOM.hydrateRoot(rootElement, App);
         } else {
+          if (!ReactDOM.hydrate) {
+            throw Error('The `bootstrap` `ReactDOM` parameter needs to provide the `hydrate` method');
+          }
           ReactDOM.hydrate(App, rootElement, callback);
         }
       };
-
       return runner.client({
         App,
         context,
@@ -244,17 +222,40 @@ root, ReactDOM = _reactDom.default) => {
         skipStatic: process.env.NODE_ENV === 'production' && !id.staticGenerate
       })
     });
+
+    // Handle redirects from React Router with an HTTP redirect
+    const isRedirectResponse = result => {
+      if (typeof Response !== 'undefined' &&
+      // fix: ssg workflow doesn't inject Web Response
+      result instanceof Response && result.status >= 300 && result.status <= 399) {
+        const {
+          status
+        } = result;
+        const redirectUrl = result.headers.get('Location') || '/';
+        const {
+          ssrContext
+        } = context;
+        if (ssrContext) {
+          ssrContext.res.statusCode = status;
+          ssrContext.res.setHeader('Location', redirectUrl);
+          ssrContext.redirection.status = status;
+          ssrContext.redirection.url = redirectUrl;
+        }
+        return true;
+      }
+      return false;
+    };
     const initialData = await runInit(context);
-    context.initialData = initialData;
-    return runner.server({
-      App,
-      context
-    });
+    if (!isRedirectResponse(initialData)) {
+      context.initialData = initialData;
+      return runner.server({
+        App,
+        context
+      });
+    }
   }
 };
-
 exports.bootstrap = bootstrap;
-
 const useRuntimeContext = () => {
   const context = (0, _react.useContext)(_runtimeContext.RuntimeReactContext);
   const memoizedContext = (0, _react.useMemo)(() => context.runner.pickContext({
@@ -267,5 +268,4 @@ const useRuntimeContext = () => {
   }), [context]);
   return memoizedContext;
 };
-
 exports.useRuntimeContext = useRuntimeContext;

package/dist/js/node/core/index.js

@@ -8,7 +8,6 @@ var _exportNames = {
   createRuntime: true,
   runtime: true,
   registerInit: true,
-  registerPrefetch: true,
   defineConfig: true,
   getConfig: true,
   RuntimeReactContext: true,
@@ -56,25 +55,15 @@ Object.defineProperty(exports, "registerInit", {
     return _plugin.registerInit;
   }
 });
-Object.defineProperty(exports, "registerPrefetch", {
-  enumerable: true,
-  get: function () {
-    return _plugin.registerPrefetch;
-  }
-});
 Object.defineProperty(exports, "runtime", {
   enumerable: true,
   get: function () {
     return _plugin.runtime;
   }
 });
-
 var _plugin = require("./plugin");
-
 var _appConfig = require("./app-config");
-
 var _compatible = require("./compatible");
-
 Object.keys(_compatible).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -86,11 +75,8 @@ Object.keys(_compatible).forEach(function (key) {
     }
   });
 });
-
 var _runtimeContext = require("../runtime-context");
-
 var _loader = require("./loader");
-
 Object.keys(_loader).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -102,9 +88,7 @@ Object.keys(_loader).forEach(function (key) {
     }
   });
 });
-
 var _plugin2 = require("@modern-js/plugin");
-
 Object.keys(_plugin2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/dist/js/node/core/loader/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "useLoader", {
     return _useLoader.default;
   }
 });
-
 var _useLoader = _interopRequireDefault(require("./useLoader"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/js/node/core/loader/loaderManager.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createLoaderManager = exports.LoaderStatus = void 0;
-
 var _invariant = _interopRequireDefault(require("invariant"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /**
  * Calc id from string or object
  */
@@ -16,29 +13,25 @@ const createGetId = () => {
   const idCache = new Map();
   return objectId => {
     const cachedId = idCache.get(objectId);
-
     if (cachedId) {
       return cachedId;
-    } // WARNING: id should be unique after serialize.
-
+    }
 
+    // WARNING: id should be unique after serialize.
     const id = JSON.stringify(objectId);
     (0, _invariant.default)(id, 'params should be not null value');
     idCache.set(objectId, id);
     return id;
   };
 };
-
 let LoaderStatus;
 exports.LoaderStatus = LoaderStatus;
-
 (function (LoaderStatus) {
   LoaderStatus[LoaderStatus["idle"] = 0] = "idle";
   LoaderStatus[LoaderStatus["loading"] = 1] = "loading";
   LoaderStatus[LoaderStatus["fulfilled"] = 2] = "fulfilled";
   LoaderStatus[LoaderStatus["rejected"] = 3] = "rejected";
 })(LoaderStatus || (exports.LoaderStatus = LoaderStatus = {}));
-
 const createLoader = (id, initialData = {
   loading: false,
   reloading: false,
@@ -53,16 +46,13 @@ const createLoader = (id, initialData = {
   } = initialData;
   let hasLoaded = false;
   const handlers = new Set();
-
   const load = async () => {
     if (skip) {
       return promise;
     }
-
     if (status === LoaderStatus.loading) {
       return promise;
     }
-
     status = LoaderStatus.loading;
     notify();
     promise = loaderFn().then(value => {
@@ -80,7 +70,6 @@ const createLoader = (id, initialData = {
     });
     return promise;
   };
-
   const getResult = () => ({
     loading: !hasLoaded && status === LoaderStatus.loading,
     reloading: hasLoaded && status === LoaderStatus.loading,
@@ -89,35 +78,29 @@ const createLoader = (id, initialData = {
     // redundant fields for ssr log
     _error: error
   });
-
   const notify = () => {
     // don't iterate handlers directly, since it could be modified during iteration
     [...handlers].forEach(handler => {
       handler(status, getResult());
     });
   };
-
   const onChange = handler => {
     handlers.add(handler);
     return () => {
       handlers.delete(handler);
     };
   };
-
   return {
     get result() {
       return getResult();
     },
-
     get promise() {
       return promise;
     },
-
     onChange,
     load
   };
 };
-
 /**
  * Create loaders manager. It's returned instance will add to context
  * @param initialDataMap used to initialing loader data
@@ -129,67 +112,60 @@ const createLoaderManager = (initialDataMap, managerOptions = {}) => {
   } = managerOptions;
   const loadersMap = new Map();
   const getId = createGetId();
-
   const add = (loaderFn, loaderOptions) => {
     const id = getId(loaderOptions.params);
-    let loader = loadersMap.get(id); // private property for opting out loader cache, maybe change in future
+    let loader = loadersMap.get(id);
 
+    // private property for opting out loader cache, maybe change in future
     const cache = loaderOptions._cache;
-
     if (!loader || cache === false) {
       // ignore non-static loader on static phase
-      const ignoreNonStatic = skipNonStatic && !loaderOptions.static; // ignore static loader on non-static phase
+      const ignoreNonStatic = skipNonStatic && !loaderOptions.static;
 
+      // ignore static loader on non-static phase
       const ignoreStatic = skipStatic && loaderOptions.static;
       const skipExec = ignoreNonStatic || ignoreStatic;
       loader = createLoader(id, typeof initialDataMap[id] !== 'undefined' ? initialDataMap[id] : {
         data: loaderOptions.initialData
-      }, loaderFn, // Todo whether static loader is exec when CSR
+      }, loaderFn,
+      // Todo whether static loader is exec when CSR
       skipExec);
       loadersMap.set(id, loader);
     }
-
     return id;
   };
+  const get = id => loadersMap.get(id);
 
-  const get = id => loadersMap.get(id); // check if there has pending loaders
-
-
+  // check if there has pending loaders
   const hasPendingLoaders = () => {
     for (const loader of loadersMap.values()) {
       const {
         promise
       } = loader;
-
       if (promise instanceof Promise) {
         return true;
       }
     }
-
     return false;
-  }; // waiting for all pending loaders to be settled
-
+  };
 
+  // waiting for all pending loaders to be settled
   const awaitPendingLoaders = async () => {
     const pendingLoaders = [];
-
     for (const [id, loader] of loadersMap) {
       const {
         promise
       } = loader;
-
       if (promise instanceof Promise) {
         pendingLoaders.push([id, loader]);
       }
     }
-
     await Promise.all(pendingLoaders.map(item => item[1].promise));
     return pendingLoaders.reduce((res, [id, loader]) => {
       res[id] = loader.result;
       return res;
     }, {});
   };
-
   return {
     hasPendingLoaders,
     awaitPendingLoaders,
@@ -197,5 +173,4 @@ const createLoaderManager = (initialDataMap, managerOptions = {}) => {
     get
   };
 };
-
 exports.createLoaderManager = createLoaderManager;

package/dist/js/node/core/loader/useLoader.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _invariant = _interopRequireDefault(require("invariant"));
-
 var _runtimeContext = require("../../runtime-context");
-
 var _loaderManager = require("./loaderManager");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 const useLoader = (loaderFn, options = {
   params: undefined
 }) => {
@@ -30,29 +21,24 @@ const useLoader = (loaderFn, options = {
     loaderManager
   } = context;
   const loaderRef = (0, _react.useRef)();
-  const unlistenLoaderChangeRef = (0, _react.useRef)(null); // SSR render should ignore `_cache` prop
+  const unlistenLoaderChangeRef = (0, _react.useRef)(null);
 
+  // SSR render should ignore `_cache` prop
   if (isSSRRender && Object.prototype.hasOwnProperty.call(options, '_cache')) {
     delete options._cache;
   }
-
   const load = (0, _react.useCallback)(params => {
     var _unlistenLoaderChange, _window, _window$_SSR_DATA, _window$_SSR_DATA$dat, _window$_SSR_DATA$dat2, _loaderRef$current2;
-
     if (typeof params === 'undefined') {
       var _loaderRef$current;
-
       return (_loaderRef$current = loaderRef.current) === null || _loaderRef$current === void 0 ? void 0 : _loaderRef$current.load();
     }
-
     const id = loaderManager.add(() => {
       try {
         const res = loaderFn(context, params);
-
         if (res instanceof Promise) {
           return res;
         }
-
         return Promise.resolve(res);
       } catch (e) {
         return Promise.reject(e);
@@ -60,37 +46,31 @@ const useLoader = (loaderFn, options = {
     }, _objectSpread(_objectSpread({}, options), {}, {
       params
     }));
-    loaderRef.current = loaderManager.get(id); // unsubscribe old loader onChange event
-
+    loaderRef.current = loaderManager.get(id);
+    // unsubscribe old loader onChange event
     (_unlistenLoaderChange = unlistenLoaderChangeRef.current) === null || _unlistenLoaderChange === void 0 ? void 0 : _unlistenLoaderChange.call(unlistenLoaderChangeRef);
-
     if (isSSRRender) {
       return undefined;
-    } // skip this loader, then try to unlisten loader change
-
+    }
 
+    // skip this loader, then try to unlisten loader change
     if (options.skip) {
       return undefined;
-    } // do not load data again in CSR hydrate stage if SSR data exists
-
+    }
 
+    // do not load data again in CSR hydrate stage if SSR data exists
     if (context._hydration && ((_window = window) === null || _window === void 0 ? void 0 : (_window$_SSR_DATA = _window._SSR_DATA) === null || _window$_SSR_DATA === void 0 ? void 0 : (_window$_SSR_DATA$dat = _window$_SSR_DATA.data) === null || _window$_SSR_DATA$dat === void 0 ? void 0 : (_window$_SSR_DATA$dat2 = _window$_SSR_DATA$dat.loadersData[id]) === null || _window$_SSR_DATA$dat2 === void 0 ? void 0 : _window$_SSR_DATA$dat2.error) === null) {
       return undefined;
     }
-
     const res = loaderRef.current.load();
     unlistenLoaderChangeRef.current = (_loaderRef$current2 = loaderRef.current) === null || _loaderRef$current2 === void 0 ? void 0 : _loaderRef$current2.onChange((_status, _result) => {
       setResult(_result);
-
       if (_status === _loaderManager.LoaderStatus.fulfilled) {
         var _options$onSuccess;
-
         options === null || options === void 0 ? void 0 : (_options$onSuccess = options.onSuccess) === null || _options$onSuccess === void 0 ? void 0 : _options$onSuccess.call(options, _result.data);
       }
-
       if (_status === _loaderManager.LoaderStatus.rejected) {
         var _options$onError;
-
         options === null || options === void 0 ? void 0 : (_options$onError = options.onError) === null || _options$onError === void 0 ? void 0 : _options$onError.call(options, _result.error);
       }
     });
@@ -98,12 +78,10 @@ const useLoader = (loaderFn, options = {
   }, [options.skip]);
   (0, _react.useEffect)(() => () => {
     var _unlistenLoaderChange2;
-
     (_unlistenLoaderChange2 = unlistenLoaderChangeRef.current) === null || _unlistenLoaderChange2 === void 0 ? void 0 : _unlistenLoaderChange2.call(unlistenLoaderChangeRef);
   }, []);
   (0, _react.useMemo)(() => {
     var _options$params;
-
     const p = (_options$params = options.params) !== null && _options$params !== void 0 ? _options$params : loaderFn.id;
     (0, _invariant.default)(typeof p !== 'undefined' && p !== null, 'Params is required in useLoader');
     load(p);
@@ -113,6 +91,5 @@ const useLoader = (loaderFn, options = {
     reload: load
   });
 };
-
 var _default = useLoader;
 exports.default = _default;