@modern-js/runtime 2.3.1-alpha.0 → 2.4.1-alpha.0

package/dist/js/node/ssr/serverRender/renderToStream/renderToPipe.worker.js

@@ -0,0 +1,129 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+var renderToPipe_worker_exports = {};
+__export(renderToPipe_worker_exports, {
+  default: () => renderToPipe_worker_default
+});
+module.exports = __toCommonJS(renderToPipe_worker_exports);
+var import_types = require("../types");
+var import_template = require("./template");
+function renderToPipe(rootElement, context, options) {
+  let isShellStream = true;
+  const { ssrContext } = context;
+  const forUserPipe = (stream) => __async(this, null, function* () {
+    let renderToReadableStream;
+    try {
+      ({ renderToReadableStream } = require("react-dom/server"));
+    } catch (e) {
+    }
+    const { shellAfter, shellBefore } = (0, import_template.getTemplates)(
+      context,
+      import_types.RenderLevel.SERVER_RENDER
+    );
+    try {
+      let _a;
+      const readableOriginal = yield renderToReadableStream(rootElement, __spreadProps(__spreadValues({}, options), {
+        onError(error) {
+          var _a2;
+          ssrContext.logger.error(
+            "An error occurs during streaming SSR",
+            error
+          );
+          ssrContext.metrics.emitCounter("app.render.streaming.error", 1);
+          (_a2 = options == null ? void 0 : options.onError) == null ? void 0 : _a2.call(options, error);
+        }
+      }));
+      const reader = readableOriginal.getReader();
+      const injectableStream = new ReadableStream({
+        start(controller) {
+          return __async(this, null, function* () {
+            const { value } = yield reader.read();
+            if (isShellStream) {
+              controller.enqueue(encodeForWebStream(shellBefore));
+              controller.enqueue(value);
+              controller.enqueue(encodeForWebStream(shellAfter));
+              isShellStream = false;
+            } else {
+              controller.enqueue(value);
+            }
+          });
+        }
+      });
+      return readableOriginal(injectableStream).readableOriginal(stream);
+    } catch (err) {
+      ssrContext.metrics.emitCounter("app.render.streaming.shell.error", 1);
+      const { shellAfter: shellAfter2, shellBefore: shellBefore2 } = (0, import_template.getTemplates)(
+        context,
+        import_types.RenderLevel.CLIENT_RENDER
+      );
+      const fallbackHtml = `${shellBefore2}${shellAfter2}`;
+      return fallbackHtml;
+    }
+  });
+  return forUserPipe;
+}
+let encoder;
+function encodeForWebStream(thing) {
+  if (!encoder) {
+    encoder = new TextEncoder();
+  }
+  if (typeof thing === "string") {
+    return encoder.encode(thing);
+  }
+  return thing;
+}
+var renderToPipe_worker_default = renderToPipe;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/js/node/ssr/serverRender/renderToString/entry.js

@@ -52,7 +52,7 @@ var import_serialize_javascript = __toESM(require("serialize-javascript"));
 var import_react_helmet = __toESM(require("react-helmet"));
 var import_helmet = __toESM(require("../helmet"));
 var import_types = require("../types");
-var import_utils = require("../utils");
+var import_time = require("../time");
 var import_prefetch = __toESM(require("../../prefetch"));
 var import_template = require("./template");
 var import_reduce = require("./reduce");
@@ -102,18 +102,19 @@ class Entry {
   }
   renderToHtml(context) {
     return __async(this, null, function* () {
+      var _a, _b, _c;
       const ssrContext = context.ssrContext;
-      if (ssrContext.redirection.url) {
+      if ((_a = ssrContext.redirection) == null ? void 0 : _a.url) {
         return "";
       }
       const prefetchData = yield this.prefetch(context);
-      if (ssrContext.redirection.url) {
+      if ((_b = ssrContext.redirection) == null ? void 0 : _b.url) {
         return "";
       }
       if (this.result.renderLevel >= import_types.RenderLevel.SERVER_PREFETCH) {
         this.result.html = this.renderToString(context);
       }
-      if (ssrContext.redirection.url) {
+      if ((_c = ssrContext.redirection) == null ? void 0 : _c.url) {
         return "";
       }
       let html = "";
@@ -127,9 +128,7 @@ class Entry {
         if (fragment.isVariable && fragment.content === "SSRDataScript") {
           html += fragment.getValue(SSRData);
         } else {
-          let value = fragment.getValue(this.result);
-          value = value.replace(/\\\\\\u/g, `u`);
-          html += value;
+          html += fragment.getValue(this.result);
         }
       }
       const helmetData = import_react_helmet.default.renderStatic();
@@ -139,7 +138,7 @@ class Entry {
   prefetch(context) {
     return __async(this, null, function* () {
       let prefetchData;
-      const end = (0, import_utils.time)();
+      const end = (0, import_time.time)();
       try {
         prefetchData = yield (0, import_prefetch.default)(this.App, context);
         this.result.renderLevel = import_types.RenderLevel.SERVER_PREFETCH;
@@ -156,7 +155,7 @@ class Entry {
   }
   renderToString(context) {
     let html = "";
-    const end = (0, import_utils.time)();
+    const end = (0, import_time.time)();
     const { ssrContext } = context;
     try {
       const App = import_react.default.createElement(this.App, {

package/dist/js/node/ssr/serverRender/renderToString/index.js

@@ -48,7 +48,7 @@ __export(renderToString_exports, {
 module.exports = __toCommonJS(renderToString_exports);
 var import_ssr = require("@modern-js/utils/ssr");
 var import_prerender = require("../../react/prerender");
-var import_utils = require("../utils");
+var import_time = require("../time");
 var import_entry = __toESM(require("./entry"));
 const render = ({
   App,
@@ -63,7 +63,7 @@ const render = ({
       config
     });
     entry.metrics.emitCounter("app.visit.count", 1);
-    const end = (0, import_utils.time)();
+    const end = (0, import_time.time)();
     const html = yield entry.renderToHtml(context);
     const cost = end();
     entry.logger.info("App Render Total cost = %d ms", cost);

package/dist/js/node/ssr/serverRender/renderToString/index.worker.js

@@ -0,0 +1,78 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+var index_worker_exports = {};
+__export(index_worker_exports, {
+  render: () => render
+});
+module.exports = __toCommonJS(index_worker_exports);
+var import_prerender = require("../../react/prerender");
+var import_time = require("../time");
+var import_entry = __toESM(require("./entry"));
+const render = (_0) => __async(void 0, [_0], function* ({
+  App,
+  context,
+  config
+}) {
+  const ssrContext = context.ssrContext;
+  const entry = new import_entry.default({
+    ctx: ssrContext,
+    App,
+    config
+  });
+  entry.metrics.emitCounter("app.visit.count", 1);
+  const end = (0, import_time.time)();
+  const html = yield entry.renderToHtml(context);
+  const cost = end();
+  entry.logger.info("App Render Total cost = %d ms", cost);
+  entry.metrics.emitTimer("app.render.cost", cost);
+  const cacheConfig = import_prerender.PreRender.config();
+  if (cacheConfig) {
+    context.ssrContext.cacheConfig = cacheConfig;
+  }
+  return html;
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  render
+});

package/dist/js/node/ssr/serverRender/time.js

@@ -0,0 +1,36 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var time_exports = {};
+__export(time_exports, {
+  time: () => time
+});
+module.exports = __toCommonJS(time_exports);
+const getLatency = (hrtime) => {
+  const [s, ns] = process.hrtime(hrtime);
+  return s * 1e3 + ns / 1e6;
+};
+const time = () => {
+  const hrtime = process.hrtime();
+  return () => {
+    return getLatency(hrtime);
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  time
+});

package/dist/js/node/ssr/serverRender/time.worker.js

@@ -0,0 +1,51 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var time_worker_exports = {};
+__export(time_worker_exports, {
+  time: () => time
+});
+module.exports = __toCommonJS(time_worker_exports);
+function processHrtime(previousTimestamp) {
+  const now = new Date().getTime();
+  const clocktime = now * 1e-3;
+  let seconds = Math.floor(clocktime);
+  let nanoseconds = Math.floor(clocktime % 1 * 1e9);
+  if (previousTimestamp) {
+    seconds -= previousTimestamp[0];
+    nanoseconds -= previousTimestamp[1];
+    if (nanoseconds < 0) {
+      seconds--;
+      nanoseconds += 1e9;
+    }
+  }
+  return [seconds, nanoseconds];
+}
+const getLatency = (hrtime) => {
+  const [s, ns] = processHrtime(hrtime);
+  return s * 1e3 + ns / 1e6;
+};
+const time = () => {
+  const hrtime = processHrtime();
+  return () => {
+    return getLatency(hrtime);
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  time
+});

package/dist/js/node/ssr/serverRender/utils.js

@@ -17,8 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var utils_exports = {};
 __export(utils_exports, {
-  getLoadableScripts: () => getLoadableScripts,
-  time: () => time
+  getLoadableScripts: () => getLoadableScripts
 });
 module.exports = __toCommonJS(utils_exports);
 function getLoadableScripts(extractor) {
@@ -29,18 +28,7 @@ function getLoadableScripts(extractor) {
   }
   return scripts.split("<\/script>").slice(0, 2).map((i) => `${i}<\/script>`).join("");
 }
-const getLatency = (hrtime) => {
-  const [s, ns] = process.hrtime(hrtime);
-  return s * 1e3 + ns / 1e6;
-};
-const time = () => {
-  const hrtime = process.hrtime();
-  return () => {
-    return getLatency(hrtime);
-  };
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getLoadableScripts,
-  time
+  getLoadableScripts
 });

package/dist/js/treeshaking/core/compatible.js

@@ -270,8 +270,8 @@ var createApp = function(param) {
                         }, {
                             onLast: function(param) {
                                 var context1 = param.context;
-                                var ref;
-                                return App2 === null || App2 === void 0 ? void 0 : (ref = App2.init) === null || ref === void 0 ? void 0 : ref.call(App2, context1);
+                                var _App2_init;
+                                return App2 === null || App2 === void 0 ? void 0 : (_App2_init = App2.init) === null || _App2_init === void 0 ? void 0 : _App2_init.call(App2, context1);
                             }
                         });
                     }
@@ -289,7 +289,7 @@ var createApp = function(param) {
 };
 var bootstrap = function() {
     var _ref = _asyncToGenerator(function(BootApp, id, root, ReactDOM) {
-        var App, runner, context, runInit, isBrowser, ref, ref1, ssrData, loadersData, initialLoadersState, initialData, rootElement, ModernRender, ModernHydrate, isRedirectResponse, initialData1;
+        var App, runner, context, runInit, isBrowser, _ssrData_data, _ssrData_data1, ssrData, loadersData, initialLoadersState, initialData, rootElement, ModernRender, ModernHydrate, isRedirectResponse, initialData1;
         return __generator(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -308,8 +308,8 @@ var bootstrap = function() {
                         }, {
                             onLast: function(param) {
                                 var context1 = param.context;
-                                var ref;
-                                return App === null || App === void 0 ? void 0 : (ref = App.init) === null || ref === void 0 ? void 0 : ref.call(App, 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);
                             }
                         });
                     };
@@ -331,7 +331,7 @@ var bootstrap = function() {
                         2
                     ];
                     ssrData = window._SSR_DATA;
-                    loadersData = (ssrData === null || ssrData === void 0 ? void 0 : (ref = ssrData.data) === null || ref === void 0 ? void 0 : ref.loadersData) || {};
+                    loadersData = (ssrData === null || ssrData === void 0 ? void 0 : (_ssrData_data = ssrData.data) === null || _ssrData_data === void 0 ? void 0 : _ssrData_data.loadersData) || {};
                     initialLoadersState = Object.keys(loadersData).reduce(function(res, key) {
                         var loaderData = loadersData[key];
                         if (loaderData.loading !== false) {
@@ -347,7 +347,7 @@ var bootstrap = function() {
                     }, ssrData ? {
                         ssrContext: ssrData === null || ssrData === void 0 ? void 0 : ssrData.context
                     } : {}));
-                    context.initialData = ssrData === null || ssrData === void 0 ? void 0 : (ref1 = ssrData.data) === null || ref1 === void 0 ? void 0 : ref1.initialData;
+                    context.initialData = ssrData === null || ssrData === void 0 ? void 0 : (_ssrData_data1 = ssrData.data) === null || _ssrData_data1 === void 0 ? void 0 : _ssrData_data1.initialData;
                     return [
                         4,
                         runInit(context)
@@ -430,6 +430,7 @@ var bootstrap = function() {
                             if (ssrContext) {
                                 ssrContext.res.statusCode = status;
                                 ssrContext.res.setHeader("Location", redirectUrl);
+                                ssrContext.redirection = ssrContext.redirection || {};
                                 ssrContext.redirection.status = status;
                                 ssrContext.redirection.url = redirectUrl;
                             }

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

@@ -293,7 +293,7 @@ var createLoader = function(id) {
 };
 var createLoaderManager = function(initialDataMap) {
     var managerOptions = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    var _skipStatic = managerOptions.skipStatic, skipStatic = _skipStatic === void 0 ? false : _skipStatic, _skipNonStatic = managerOptions.skipNonStatic, skipNonStatic = _skipNonStatic === void 0 ? false : _skipNonStatic;
+    var _managerOptions_skipStatic = managerOptions.skipStatic, skipStatic = _managerOptions_skipStatic === void 0 ? false : _managerOptions_skipStatic, _managerOptions_skipNonStatic = managerOptions.skipNonStatic, skipNonStatic = _managerOptions_skipNonStatic === void 0 ? false : _managerOptions_skipNonStatic;
     var loadersMap = /* @__PURE__ */ new Map();
     var getId = createGetId();
     var add = function(loaderFn, loaderOptions) {
@@ -342,7 +342,7 @@ var createLoaderManager = function(initialDataMap) {
     };
     var awaitPendingLoaders = function() {
         var _ref = _asyncToGenerator(function() {
-            var pendingLoaders, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, _value, id, loader, promise;
+            var pendingLoaders, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, _step_value, id, loader, promise;
             return __generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -350,7 +350,7 @@ var createLoaderManager = function(initialDataMap) {
                         _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                         try {
                             for(_iterator = loadersMap[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                                _value = _slicedToArray(_step.value, 2), id = _value[0], loader = _value[1];
+                                _step_value = _slicedToArray(_step.value, 2), id = _step_value[0], loader = _step_value[1];
                                 promise = loader.promise;
                                 if (_instanceof(promise, Promise)) {
                                     pendingLoaders.push([

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

@@ -120,10 +120,10 @@ var useLoader = function(loaderFn) {
         delete options._cache;
     }
     var load = useCallback(function(params) {
-        var ref, ref1, ref2, ref3, ref4;
+        var _unlistenLoaderChangeRef_current, _window__SSR_DATA_data_loadersData_id, _window__SSR_DATA, _window__SSR_DATA_data, _loaderRef_current;
         if (typeof params === "undefined") {
-            var ref5;
-            return (ref5 = loaderRef.current) === null || ref5 === void 0 ? void 0 : ref5.load();
+            var _loaderRef_current1;
+            return (_loaderRef_current1 = loaderRef.current) === null || _loaderRef_current1 === void 0 ? void 0 : _loaderRef_current1.load();
         }
         var id = loaderManager.add(function() {
             try {
@@ -139,26 +139,26 @@ var useLoader = function(loaderFn) {
             params: params
         }));
         loaderRef.current = loaderManager.get(id);
-        (ref = unlistenLoaderChangeRef.current) === null || ref === void 0 ? void 0 : ref.call(unlistenLoaderChangeRef);
+        (_unlistenLoaderChangeRef_current = unlistenLoaderChangeRef.current) === null || _unlistenLoaderChangeRef_current === void 0 ? void 0 : _unlistenLoaderChangeRef_current.call(unlistenLoaderChangeRef);
         if (isSSRRender) {
             return void 0;
         }
         if (options.skip) {
             return void 0;
         }
-        if (context._hydration && ((ref3 = window === null || window === void 0 ? void 0 : (ref1 = window._SSR_DATA) === null || ref1 === void 0 ? void 0 : (ref2 = ref1.data) === null || ref2 === void 0 ? void 0 : ref2.loadersData[id]) === null || ref3 === void 0 ? void 0 : ref3.error) === null) {
+        if (context._hydration && ((_window__SSR_DATA_data_loadersData_id = window === null || window === void 0 ? void 0 : (_window__SSR_DATA = window._SSR_DATA) === null || _window__SSR_DATA === void 0 ? void 0 : (_window__SSR_DATA_data = _window__SSR_DATA.data) === null || _window__SSR_DATA_data === void 0 ? void 0 : _window__SSR_DATA_data.loadersData[id]) === null || _window__SSR_DATA_data_loadersData_id === void 0 ? void 0 : _window__SSR_DATA_data_loadersData_id.error) === null) {
             return void 0;
         }
         var res = loaderRef.current.load();
-        unlistenLoaderChangeRef.current = (ref4 = loaderRef.current) === null || ref4 === void 0 ? void 0 : ref4.onChange(function(_status, _result) {
+        unlistenLoaderChangeRef.current = (_loaderRef_current = loaderRef.current) === null || _loaderRef_current === void 0 ? void 0 : _loaderRef_current.onChange(function(_status, _result) {
             setResult(_result);
             if (_status === LoaderStatus.fulfilled) {
-                var ref;
-                options === null || options === void 0 ? void 0 : (ref = options.onSuccess) === null || ref === void 0 ? void 0 : ref.call(options, _result.data);
+                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 === LoaderStatus.rejected) {
-                var ref1;
-                options === null || options === void 0 ? void 0 : (ref1 = options.onError) === null || ref1 === void 0 ? void 0 : ref1.call(options, _result.error);
+                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);
             }
         });
         return res;
@@ -167,19 +167,19 @@ var useLoader = function(loaderFn) {
     ]);
     useEffect(function() {
         return function() {
-            var ref;
-            (ref = unlistenLoaderChangeRef.current) === null || ref === void 0 ? void 0 : ref.call(unlistenLoaderChangeRef);
+            var _unlistenLoaderChangeRef_current;
+            (_unlistenLoaderChangeRef_current = unlistenLoaderChangeRef.current) === null || _unlistenLoaderChangeRef_current === void 0 ? void 0 : _unlistenLoaderChangeRef_current.call(unlistenLoaderChangeRef);
         };
     }, []);
     useMemo(function() {
-        var _params;
-        var p = (_params = options.params) !== null && _params !== void 0 ? _params : loaderFn.id;
+        var _options_params;
+        var p = (_options_params = options.params) !== null && _options_params !== void 0 ? _options_params : loaderFn.id;
         invariant(typeof p !== "undefined" && p !== null, "Params is required in useLoader");
         load(p);
     }, [
         options.params
     ]);
-    var ref = _slicedToArray(useState(loaderRef.current.result), 2), result = ref[0], setResult = ref[1];
+    var _useState = _slicedToArray(useState(loaderRef.current.result), 2), result = _useState[0], setResult = _useState[1];
     return _objectSpreadProps(_objectSpread({}, result), {
         reload: load
     });

package/dist/js/treeshaking/document/Body.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useContext } from "react";
 import { DOCUMENT_CHUNKSMAP_PLACEHOLDER, DOCUMENT_SSRDATASCRIPT_PLACEHOLDER } from "./constants";
-import { DocumentStructrueContext } from "./DocumentStructrueContext";
+import { DocumentStructureContext } from "./DocumentStructureContext";
 import { DefaultRoot } from "./Root";
 function Body(props) {
-    var hasSetRoot = useContext(DocumentStructrueContext).hasSetRoot;
+    var hasSetRoot = useContext(DocumentStructureContext).hasSetRoot;
     var children = props.children;
     return /* @__PURE__ */ jsxs("body", {
         children: [

package/dist/js/treeshaking/document/{DocumentStructrueContext.js → DocumentStructureContext.js}

@@ -1,9 +1,9 @@
 import React from "react";
-var DocumentStructrueContext = React.createContext({
+var DocumentStructureContext = React.createContext({
     hasSetHead: false,
     hasSetScripts: false,
     hasSetBody: false,
     hasSetRoot: false,
     hasSetLinks: false
 });
-export { DocumentStructrueContext };
+export { DocumentStructureContext };

package/dist/js/treeshaking/document/Head.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useContext } from "react";
-import { DocumentStructrueContext } from "./DocumentStructrueContext";
+import { DocumentStructureContext } from "./DocumentStructureContext";
 import { Scripts } from "./Scripts";
 import { Links } from "./Links";
 import { DOCUMENT_META_PLACEHOLDER } from "./constants";
 function Head(props) {
-    var ref = useContext(DocumentStructrueContext), hasSetScripts = ref.hasSetScripts, hasSetLinks = ref.hasSetLinks;
+    var _useContext = useContext(DocumentStructureContext), hasSetScripts = _useContext.hasSetScripts, hasSetLinks = _useContext.hasSetLinks;
     var children = props.children;
     return /* @__PURE__ */ jsxs("head", {
         children: [

package/dist/js/treeshaking/document/Html.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Body } from "./Body";
-import { DocumentStructrueContext } from "./DocumentStructrueContext";
+import { DocumentStructureContext } from "./DocumentStructureContext";
 import { Head } from "./Head";
 function findTargetChild(tag, children) {
     return children.find(function(item) {
@@ -19,11 +19,11 @@ function findTargetElement(tag, children) {
     try {
         for(var _iterator = children[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
             var item = _step.value;
-            var ref;
+            var _item_props;
             if (tag === getEleType(item)) {
                 return item;
             }
-            if (item === null || item === void 0 ? void 0 : (ref = item.props) === null || ref === void 0 ? void 0 : ref.children) {
+            if (item === null || item === void 0 ? void 0 : (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.children) {
                 nextChildren = nextChildren.concat(item.props.children);
             }
         }
@@ -79,7 +79,7 @@ function Html(props) {
         });
     }
     return /* @__PURE__ */ jsx("html", {
-        children: /* @__PURE__ */ jsxs(DocumentStructrueContext.Provider, {
+        children: /* @__PURE__ */ jsxs(DocumentStructureContext.Provider, {
             value: {
                 hasSetHead: hasSetHead,
                 hasSetScripts: hasSetScripts,

package/dist/js/treeshaking/document/Root.js

@@ -4,7 +4,7 @@ import { DocumentContext } from "./DocumentContext";
 import { DOCUMENT_SSR_PLACEHOLDER } from "./constants";
 function Root(props) {
     var rootId = props.rootId, children = props.children;
-    var ref = useContext(DocumentContext), _templateParams = ref.templateParams, _mountId = _templateParams.mountId, mountId = _mountId === void 0 ? "root" : _mountId;
+    var _useContext = useContext(DocumentContext), _useContext_templateParams = _useContext.templateParams, _useContext_templateParams_mountId = _useContext_templateParams.mountId, mountId = _useContext_templateParams_mountId === void 0 ? "root" : _useContext_templateParams_mountId;
     return /* @__PURE__ */ jsxs("div", {
         id: "".concat(rootId || mountId),
         children: [
@@ -14,7 +14,7 @@ function Root(props) {
     });
 }
 function DefaultRoot(props) {
-    var ref = useContext(DocumentContext), _templateParams = ref.templateParams, _mountId = _templateParams.mountId, mountId = _mountId === void 0 ? "root" : _mountId;
+    var _useContext = useContext(DocumentContext), _useContext_templateParams = _useContext.templateParams, _useContext_templateParams_mountId = _useContext_templateParams.mountId, mountId = _useContext_templateParams_mountId === void 0 ? "root" : _useContext_templateParams_mountId;
     return /* @__PURE__ */ jsxs("div", {
         id: "".concat(mountId),
         children: [