@modern-js/runtime 2.69.4 → 3.0.0-alpha.0

package/dist/esm/cli/template.server.js

@@ -1,34 +0,0 @@
-import { formatImportPath } from "@modern-js/utils";
-var SERVER_ENTRY = "\nimport {\n  #render,\n  createRequestHandler,\n} from '@#metaName/runtime/ssr/server';\n\nconst handleRequest = async (request, ServerRoot, options) => {\n\n  const body = await #render(request, <ServerRoot />, options);\n\n  return new Response(body, {\n    headers: {\n      'content-type': 'text/html; charset=utf-8'\n    },\n  })\n};\n\nexport const requestHandler = createRequestHandler(handleRequest);\n";
-var SERVER_ENTRY_RSC = "\nimport {\n  renderStreaming,\n  createRequestHandler,\n} from '@#metaName/runtime/ssr/server';\nimport { RSCServerSlot } from '@#metaName/runtime/rsc/client';\nimport { renderRsc } from '@#metaName/runtime/rsc/server';\nexport { handleAction } from '@#metaName/runtime/rsc/server';\n\nconst handleRequest = async (request, ServerRoot, options) => {\n\n  const body = await renderStreaming(request,\n    <ServerRoot>\n      <RSCServerSlot />\n    </ServerRoot>,\n    {\n      ...options,\n      rscRoot: options.rscRoot,\n    },\n  );\n\n  return new Response(body, {\n    headers: {\n      'content-type': 'text/html; charset=utf-8'\n    },\n  })\n};\n\nexport const requestHandler = createRequestHandler(handleRequest, {\n  enableRsc: true\n});\n\nconst handleRSCRequest = async (request, ServerRoot, options) => {\n  const { serverPayload } = options;\n  const stream = renderRsc({\n    element: options.rscRoot,\n    clientManifest: options.rscClientManifest!,\n  });\n\n  return new Response(stream);\n}\n\n\nexport const rscPayloadHandler = createRequestHandler(handleRSCRequest, {\n  enableRsc: true\n});\n";
-var serverIndex = function(options) {
-  var _options_metaName = options.metaName, metaName = _options_metaName === void 0 ? "modern-js" : _options_metaName, entryName = options.entryName;
-  return "\n    import '@".concat(metaName, "/runtime/registry/").concat(entryName, "';\n    ").concat(genHandlerCode(options), "\n  ");
-};
-var entryForCSRWithRSC = function(param) {
-  var metaName = param.metaName, entryName = param.entryName;
-  return "\n  import '@".concat(metaName, "/runtime/registry/").concat(entryName, "';\n  import {\n    createRequestHandler,\n  } from '@").concat(metaName, "/runtime/ssr/server';\n  import { renderRsc, processRSCStream } from '@").concat(metaName, "/runtime/rsc/server'\n  export { handleAction } from '@").concat(metaName, "/runtime/rsc/server';\n\n  const handleCSRRender = async (request, ServerRoot, options) => {\n    const rscPayloadStream = renderRsc({\n      element: options.rscRoot,\n      clientManifest: options.rscClientManifest!,\n    });\n    const stream = new ReadableStream({\n      start(controller) {\n        const encoder = new TextEncoder();\n\n        controller.enqueue(encoder.encode(options.html));\n\n      processRSCStream(rscPayloadStream, controller, encoder)\n        .catch(err => {\n          controller.error(err);\n        });\n      }\n    });\n\n    return new Response(stream, {\n      status: 200,\n      headers: new Headers({\n        'content-type': 'text/html; charset=UTF-8',\n      }),\n    });\n  }\n\n  export const renderRscStreamHandler = createRequestHandler(handleCSRRender, {\n    enableRsc: true\n  });\n\n  const handleRequest = async (request, ServerRoot, options) => {\n    const stream = renderRsc({\n            element: options.rscRoot,\n      clientManifest: options.rscClientManifest!,\n    });\n\n    return new Response(stream);\n  }\n\n  export const rscPayloadHandler = createRequestHandler(handleRequest, {\n    enableRsc: true\n  });\n");
-};
-function genHandlerCode(param) {
-  var mode = param.mode, metaName = param.metaName, customServerEntry = param.customServerEntry, srcDirectory = param.srcDirectory, internalSrcAlias = param.internalSrcAlias, enableRsc = param.enableRsc;
-  if (customServerEntry) {
-    var realEntryPath = formatImportPath(customServerEntry.replace(srcDirectory, internalSrcAlias));
-    return "\n      export * from '".concat(realEntryPath, "';\n      export { default as requestHandler } from '").concat(realEntryPath, "'");
-  } else {
-    var entrySource = enableRsc ? SERVER_ENTRY_RSC : SERVER_ENTRY;
-    var serverEntry = transformServerEntry(entrySource, {
-      metaName: metaName || "modern-js",
-      mode
-    });
-    return serverEntry;
-  }
-}
-function transformServerEntry(source, options) {
-  var _options_metaName = options.metaName, metaName = _options_metaName === void 0 ? "modern-js" : _options_metaName, mode = options.mode;
-  var output = source.replace(/#metaName/g, metaName).replace(/#render/g, mode === "string" ? "renderString" : "renderStreaming");
-  return output;
-}
-export {
-  entryForCSRWithRSC,
-  serverIndex
-};

package/dist/esm/common.js

@@ -1,10 +0,0 @@
-var isBrowser = function() {
-  return typeof window !== "undefined" && window.name !== "nodejs";
-};
-var JSX_SHELL_STREAM_END_MARK = "<!--<?- SHELL_STREAM_END ?>-->";
-var ESCAPED_SHELL_STREAM_END_MARK = "&lt;!--&lt;?- SHELL_STREAM_END ?&gt;--&gt;";
-export {
-  ESCAPED_SHELL_STREAM_END_MARK,
-  JSX_SHELL_STREAM_END_MARK,
-  isBrowser
-};

package/dist/esm/core/browser/hydrate.js

@@ -1,75 +0,0 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { loadableReady } from "@loadable/component";
-import { RenderLevel } from "../constants";
-import { wrapRuntimeContextProvider } from "../react/wrapper";
-import { WithCallback } from "./withCallback";
-var isReact18 = function() {
-  return process.env.IS_REACT18 === "true";
-};
-function hydrateRoot(App, context, ModernRender, ModernHydrate) {
-  var _window__SSR_DATA, _window, _window__SSR_DATA1, _window1;
-  var hydrateContext = _object_spread_props(_object_spread({}, context), {
-    get routes() {
-      return context.routes;
-    },
-    _hydration: true
-  });
-  var callback = function() {
-    delete hydrateContext._hydration;
-  };
-  var renderLevel = ((_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.renderLevel) || RenderLevel.CLIENT_RENDER;
-  var renderMode = ((_window1 = window) === null || _window1 === void 0 ? void 0 : (_window__SSR_DATA1 = _window1._SSR_DATA) === null || _window__SSR_DATA1 === void 0 ? void 0 : _window__SSR_DATA1.mode) || "string";
-  if (isReact18() && renderMode === "stream") {
-    return streamSSRHydrate();
-  }
-  function streamSSRHydrate() {
-    if (renderLevel === RenderLevel.SERVER_RENDER) {
-      var SSRApp = function() {
-        return /* @__PURE__ */ _jsx(WithCallback, {
-          callback,
-          children: App
-        });
-      };
-      return ModernHydrate(wrapRuntimeContextProvider(/* @__PURE__ */ _jsx(SSRApp, {}), hydrateContext));
-    } else {
-      return ModernRender(wrapRuntimeContextProvider(App, context));
-    }
-  }
-  return stringSSRHydrate();
-  function stringSSRHydrate() {
-    if (renderLevel === RenderLevel.CLIENT_RENDER || renderLevel === RenderLevel.SERVER_PREFETCH) {
-      return ModernRender(wrapRuntimeContextProvider(App, context));
-    } else if (renderLevel === RenderLevel.SERVER_RENDER) {
-      return new Promise(function(resolve) {
-        if (isReact18()) {
-          loadableReady(function() {
-            var SSRApp = function() {
-              return /* @__PURE__ */ _jsx(WithCallback, {
-                callback,
-                children: App
-              });
-            };
-            ModernHydrate(wrapRuntimeContextProvider(/* @__PURE__ */ _jsx(SSRApp, {}), hydrateContext)).then(function(root) {
-              resolve(root);
-            });
-          });
-        } else {
-          loadableReady(function() {
-            ModernHydrate(wrapRuntimeContextProvider(App, hydrateContext), callback).then(function(root) {
-              resolve(root);
-            });
-          });
-        }
-      });
-    } else {
-      console.warn("unknow render level: ".concat(renderLevel, ", execute render()"));
-      return ModernRender(wrapRuntimeContextProvider(App, context));
-    }
-  }
-}
-export {
-  hydrateRoot,
-  isReact18
-};

package/dist/esm/core/browser/index.js

@@ -1,279 +0,0 @@
-import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-import { _ as _instanceof } from "@swc/helpers/_/_instanceof";
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import cookieTool from "cookie";
-import { getGlobalAppInit, getGlobalInternalRuntimeContext } from "../context";
-import { getInitialContext } from "../context/runtime";
-import { createLoaderManager } from "../loader/loaderManager";
-import { wrapRuntimeContextProvider } from "../react/wrapper";
-import { hydrateRoot } from "./hydrate";
-var IS_REACT18 = process.env.IS_REACT18 === "true";
-var getQuery = function() {
-  return window.location.search.substring(1).split("&").reduce(function(res, item) {
-    var _item_split = _sliced_to_array(item.split("="), 2), key = _item_split[0], value = _item_split[1];
-    if (key) {
-      res[key] = value;
-    }
-    return res;
-  }, {});
-};
-function getSSRData() {
-  var _ssrData_context, _ssrData_context1, _ssrRequest_headers;
-  var ssrData = window._SSR_DATA;
-  var ssrRequest = ssrData === null || ssrData === void 0 ? void 0 : (_ssrData_context = ssrData.context) === null || _ssrData_context === void 0 ? void 0 : _ssrData_context.request;
-  var finalSSRData = _object_spread_props(_object_spread({}, ssrData || {
-    renderLevel: 0,
-    mode: "string"
-  }), {
-    context: _object_spread_props(_object_spread({}, (ssrData === null || ssrData === void 0 ? void 0 : ssrData.context) || {}), {
-      request: _object_spread_props(_object_spread({}, (ssrData === null || ssrData === void 0 ? void 0 : (_ssrData_context1 = ssrData.context) === null || _ssrData_context1 === void 0 ? void 0 : _ssrData_context1.request) || {}), {
-        params: (ssrRequest === null || ssrRequest === void 0 ? void 0 : ssrRequest.params) || {},
-        host: (ssrRequest === null || ssrRequest === void 0 ? void 0 : ssrRequest.host) || location.host,
-        pathname: (ssrRequest === null || ssrRequest === void 0 ? void 0 : ssrRequest.pathname) || location.pathname,
-        headers: (ssrRequest === null || ssrRequest === void 0 ? void 0 : ssrRequest.headers) || {},
-        cookieMap: cookieTool.parse(document.cookie || "") || {},
-        cookie: document.cookie || "",
-        userAgent: (ssrRequest === null || ssrRequest === void 0 ? void 0 : (_ssrRequest_headers = ssrRequest.headers) === null || _ssrRequest_headers === void 0 ? void 0 : _ssrRequest_headers["user-agent"]) || navigator.userAgent,
-        referer: document.referrer,
-        query: _object_spread({}, getQuery(), (ssrRequest === null || ssrRequest === void 0 ? void 0 : ssrRequest.query) || {}),
-        url: location.href
-      })
-    })
-  });
-  return finalSSRData;
-}
-function isClientArgs(id) {
-  return typeof id === "undefined" || typeof id === "string" || typeof HTMLElement !== "undefined" && _instanceof(id, HTMLElement);
-}
-function render(App, id) {
-  return _render.apply(this, arguments);
-}
-function _render() {
-  _render = _async_to_generator(function(App, id) {
-    var context, runBeforeRender, ModernRender, ModernHydrate, _ssrData_data, _ssrData_data1, ssrData, loadersData, initialLoadersState, initialData, rootElement;
-    function _ModernRender() {
-      _ModernRender = _async_to_generator(function(App2) {
-        var renderFunc;
-        return _ts_generator(this, function(_state) {
-          renderFunc = IS_REACT18 ? renderWithReact18 : renderWithReact17;
-          return [
-            2,
-            renderFunc(App2, rootElement)
-          ];
-        });
-      });
-      return _ModernRender.apply(this, arguments);
-    }
-    function _ModernHydrate() {
-      _ModernHydrate = _async_to_generator(function(App2, callback) {
-        var hydrateFunc;
-        return _ts_generator(this, function(_state) {
-          hydrateFunc = IS_REACT18 ? hydrateWithReact18 : hydrateWithReact17;
-          return [
-            2,
-            hydrateFunc(App2, rootElement, callback)
-          ];
-        });
-      });
-      return _ModernHydrate.apply(this, arguments);
-    }
-    return _ts_generator(this, function(_state) {
-      switch (_state.label) {
-        case 0:
-          context = getInitialContext();
-          runBeforeRender = function() {
-            var _ref = _async_to_generator(function(context2) {
-              var internalRuntimeContext, api, hooks, init;
-              return _ts_generator(this, function(_state2) {
-                switch (_state2.label) {
-                  case 0:
-                    internalRuntimeContext = getGlobalInternalRuntimeContext();
-                    api = internalRuntimeContext.pluginAPI;
-                    api.updateRuntimeContext(context2);
-                    hooks = internalRuntimeContext.hooks;
-                    return [
-                      4,
-                      hooks.onBeforeRender.call(context2)
-                    ];
-                  case 1:
-                    _state2.sent();
-                    init = getGlobalAppInit();
-                    return [
-                      2,
-                      init === null || init === void 0 ? void 0 : init(context2)
-                    ];
-                }
-              });
-            });
-            return function runBeforeRender2(context2) {
-              return _ref.apply(this, arguments);
-            };
-          }();
-          if (!isClientArgs(id))
-            return [
-              3,
-              2
-            ];
-          ModernRender = function ModernRender2(App2) {
-            return _ModernRender.apply(this, arguments);
-          };
-          ModernHydrate = function ModernHydrate2(App2, callback) {
-            return _ModernHydrate.apply(this, arguments);
-          };
-          ssrData = getSSRData();
-          loadersData = ((_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 === null || loaderData === void 0 ? void 0 : loaderData.loading) !== false) {
-              return res;
-            }
-            res[key] = loaderData;
-            return res;
-          }, {});
-          Object.assign(context, {
-            loaderManager: createLoaderManager(initialLoadersState, {
-              skipStatic: true
-            }),
-            // garfish plugin params
-            _internalRouterBaseName: App.props.basename,
-            ssrContext: ssrData.context
-          });
-          context.initialData = (_ssrData_data1 = ssrData.data) === null || _ssrData_data1 === void 0 ? void 0 : _ssrData_data1.initialData;
-          return [
-            4,
-            runBeforeRender(context)
-          ];
-        case 1:
-          initialData = _state.sent();
-          if (initialData) {
-            context.initialData = initialData;
-          }
-          rootElement = id && typeof id !== "string" ? id : document.getElementById(id || "root");
-          if (window._SSR_DATA) {
-            return [
-              2,
-              hydrateRoot(App, context, ModernRender, ModernHydrate)
-            ];
-          }
-          return [
-            2,
-            ModernRender(wrapRuntimeContextProvider(App, context))
-          ];
-        case 2:
-          throw Error("`render` function needs id in browser environment, it needs to be string or element");
-      }
-    });
-  });
-  return _render.apply(this, arguments);
-}
-function renderWithReact18(App, rootElement) {
-  return _renderWithReact18.apply(this, arguments);
-}
-function _renderWithReact18() {
-  _renderWithReact18 = _async_to_generator(function(App, rootElement) {
-    var ReactDOM, root;
-    return _ts_generator(this, function(_state) {
-      switch (_state.label) {
-        case 0:
-          return [
-            4,
-            import("react-dom/client")
-          ];
-        case 1:
-          ReactDOM = _state.sent();
-          root = ReactDOM.createRoot(rootElement);
-          root.render(App);
-          return [
-            2,
-            root
-          ];
-      }
-    });
-  });
-  return _renderWithReact18.apply(this, arguments);
-}
-function renderWithReact17(App, rootElement) {
-  return _renderWithReact17.apply(this, arguments);
-}
-function _renderWithReact17() {
-  _renderWithReact17 = _async_to_generator(function(App, rootElement) {
-    var ReactDOM;
-    return _ts_generator(this, function(_state) {
-      switch (_state.label) {
-        case 0:
-          return [
-            4,
-            import("react-dom")
-          ];
-        case 1:
-          ReactDOM = _state.sent();
-          ReactDOM.render(App, rootElement);
-          return [
-            2,
-            rootElement
-          ];
-      }
-    });
-  });
-  return _renderWithReact17.apply(this, arguments);
-}
-function hydrateWithReact18(App, rootElement) {
-  return _hydrateWithReact18.apply(this, arguments);
-}
-function _hydrateWithReact18() {
-  _hydrateWithReact18 = _async_to_generator(function(App, rootElement) {
-    var ReactDOM, root;
-    return _ts_generator(this, function(_state) {
-      switch (_state.label) {
-        case 0:
-          return [
-            4,
-            import("react-dom/client")
-          ];
-        case 1:
-          ReactDOM = _state.sent();
-          root = ReactDOM.hydrateRoot(rootElement, App);
-          return [
-            2,
-            root
-          ];
-      }
-    });
-  });
-  return _hydrateWithReact18.apply(this, arguments);
-}
-function hydrateWithReact17(App, rootElement, callback) {
-  return _hydrateWithReact17.apply(this, arguments);
-}
-function _hydrateWithReact17() {
-  _hydrateWithReact17 = _async_to_generator(function(App, rootElement, callback) {
-    var ReactDOM, root;
-    return _ts_generator(this, function(_state) {
-      switch (_state.label) {
-        case 0:
-          return [
-            4,
-            import("react-dom")
-          ];
-        case 1:
-          ReactDOM = _state.sent();
-          root = ReactDOM.hydrate(App, rootElement, callback);
-          return [
-            2,
-            root
-          ];
-      }
-    });
-  });
-  return _hydrateWithReact17.apply(this, arguments);
-}
-export {
-  hydrateWithReact17,
-  hydrateWithReact18,
-  render,
-  renderWithReact17,
-  renderWithReact18
-};

package/dist/esm/core/browser/withCallback.js

@@ -1,18 +0,0 @@
-import { useLayoutEffect, useRef } from "react";
-var WithCallback = function(param) {
-  var callback = param.callback, children = param.children;
-  var once = useRef(false);
-  useLayoutEffect(function() {
-    if (once.current) {
-      return;
-    }
-    once.current = true;
-    callback();
-  }, [
-    callback
-  ]);
-  return children;
-};
-export {
-  WithCallback
-};

package/dist/esm/core/compat/hooks.js

@@ -1,88 +0,0 @@
-import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
-import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-function transformHookRunner(hookRunnerName) {
-  switch (hookRunnerName) {
-    case "beforeRender":
-      return "onBeforeRender";
-    default:
-      return hookRunnerName;
-  }
-}
-function handleSetupResult(setupResult, api) {
-  if (!setupResult) {
-    return;
-  }
-  Object.keys(setupResult).forEach(function(key) {
-    var fn = setupResult[key];
-    if (typeof fn === "function") {
-      var newAPI = transformHookRunner(key);
-      if (api[newAPI]) {
-        if (key === "beforeRender") {
-          api[newAPI](/* @__PURE__ */ _async_to_generator(function() {
-            var _len, params, _key;
-            var _arguments = arguments;
-            return _ts_generator(this, function(_state) {
-              switch (_state.label) {
-                case 0:
-                  for (_len = _arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
-                    params[_key] = _arguments[_key];
-                  }
-                  return [
-                    4,
-                    fn.apply(void 0, _to_consumable_array(params))
-                  ];
-                case 1:
-                  _state.sent();
-                  return [
-                    2
-                  ];
-              }
-            });
-          }));
-        } else {
-          api[newAPI](function() {
-            for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
-              params[_key] = arguments[_key];
-            }
-            var res = fn.apply(void 0, _to_consumable_array(params));
-            return res;
-          });
-        }
-      }
-    }
-  });
-}
-function getHookRunners(runtimeContext) {
-  var _internalContext = runtimeContext._internalContext;
-  var hooks = _internalContext.hooks;
-  return {
-    beforeRender: function() {
-      var _ref = _async_to_generator(function(context) {
-        return _ts_generator(this, function(_state) {
-          return [
-            2,
-            hooks.onBeforeRender.call(context)
-          ];
-        });
-      });
-      return function(context) {
-        return _ref.apply(this, arguments);
-      };
-    }(),
-    wrapRoot: function(App) {
-      return hooks.wrapRoot.call(App);
-    },
-    pickContext: function(context) {
-      return hooks.pickContext.call(context);
-    },
-    config: function() {
-      return hooks.config.call();
-    }
-  };
-}
-export {
-  getHookRunners,
-  handleSetupResult,
-  transformHookRunner
-};

package/dist/esm/core/compat/index.js

@@ -1,20 +0,0 @@
-import { getHookRunners } from "./hooks";
-var compatPlugin = function() {
-  return {
-    name: "@modern-js/runtime-plugin-compat",
-    _registryApi: function(getRuntimeContext) {
-      return {
-        useRuntimeConfigContext: function() {
-          var _internalContext = getRuntimeContext()._internalContext;
-          return _internalContext.config;
-        },
-        useHookRunners: function() {
-          return getHookRunners(getRuntimeContext());
-        }
-      };
-    }
-  };
-};
-export {
-  compatPlugin
-};

package/dist/esm/core/compat/requestContext.js

@@ -1,25 +0,0 @@
-var makeRequestContext = function(context) {
-  var baseSSRContext = context.ssrContext;
-  var requestContext = baseSSRContext ? {
-    isBrowser: context.isBrowser,
-    request: baseSSRContext.request || {},
-    response: baseSSRContext.response || {},
-    logger: baseSSRContext.logger || {}
-  } : {};
-  return requestContext;
-};
-var requestContextPlugin = function() {
-  return {
-    name: "@modern-js/runtime-plugin-request-context",
-    setup: function setup(api) {
-      api.onBeforeRender(function(context) {
-        var requestContext = makeRequestContext(context);
-        context.context = requestContext;
-      });
-    }
-  };
-};
-export {
-  makeRequestContext,
-  requestContextPlugin
-};