@modern-js/runtime 2.27.1-alpha.0 → 2.29.0

package/dist/esm-node/ssr/prefetch.js

@@ -2,48 +2,46 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { renderToStaticMarkup } from "react-dom/server";
 import { run } from "@modern-js/utils/runtime-node";
 import { ChunkExtractor } from "@loadable/server";
-const prefetch = async (App, context) => {
-  return run(context.ssrContext.request.headers, async () => {
-    var _context_store;
-    const { ssrContext } = context;
-    const { loadableStats } = ssrContext;
-    if (loadableStats) {
-      const extractor = new ChunkExtractor({
-        stats: loadableStats,
-        entrypoints: [
-          ssrContext.entryName
-        ].filter(Boolean)
-      });
-      renderToStaticMarkup(extractor.collectChunks(/* @__PURE__ */ _jsx(App, {
-        context
-      })));
-    } else {
-      renderToStaticMarkup(/* @__PURE__ */ _jsx(App, {
-        context
-      }));
-    }
-    if (!context.loaderManager.hasPendingLoaders()) {
-      return {
-        initialData: context.initialData,
-        i18nData: context.__i18nData__
-      };
-    }
-    const loadersData = await context.loaderManager.awaitPendingLoaders();
-    Object.keys(loadersData).forEach((id) => {
-      const data = loadersData[id];
-      if (data._error) {
-        ssrContext.logger.error("App Prefetch Loader", data._error);
-        ssrContext.metrics.emitCounter("app.prefetch.loader.error", 1);
-        delete data._error;
-      }
+const prefetch = async (App, context) => run(context.ssrContext.request.headers, async () => {
+  var _context_store, _context;
+  const { ssrContext } = context;
+  const { loadableStats } = ssrContext;
+  if (loadableStats) {
+    const extractor = new ChunkExtractor({
+      stats: loadableStats,
+      entrypoints: [
+        ssrContext.entryName
+      ].filter(Boolean)
     });
+    renderToStaticMarkup(extractor.collectChunks(/* @__PURE__ */ _jsx(App, {
+      context
+    })));
+  } else {
+    renderToStaticMarkup(/* @__PURE__ */ _jsx(App, {
+      context
+    }));
+  }
+  if (!context.loaderManager.hasPendingLoaders()) {
     return {
-      loadersData,
       initialData: context.initialData,
-      i18nData: context.__i18nData__,
-      // todo: move to plugin state
-      storeState: context === null || context === void 0 ? void 0 : (_context_store = context.store) === null || _context_store === void 0 ? void 0 : _context_store.getState()
+      i18nData: context.__i18nData__
     };
+  }
+  const loadersData = await context.loaderManager.awaitPendingLoaders();
+  Object.keys(loadersData).forEach((id) => {
+    const data = loadersData[id];
+    if (data._error) {
+      ssrContext.logger.error("App Prefetch Loader", data._error);
+      ssrContext.metrics.emitCounter("app.prefetch.loader.error", 1);
+      delete data._error;
+    }
   });
-};
+  return {
+    loadersData,
+    initialData: context.initialData,
+    i18nData: context.__i18nData__,
+    // todo: move to plugin state
+    storeState: (_context = context) === null || _context === void 0 ? void 0 : (_context_store = _context.store) === null || _context_store === void 0 ? void 0 : _context_store.getState()
+  };
+});
 export default prefetch;

package/dist/esm-node/ssr/react/prerender/util.js

@@ -27,8 +27,9 @@ export const aggKeysFromPropsList = function aggKeysFromPropsList2(propsList, pr
   }, {});
   const res = propsList.filter((props) => usefulObject(props[propName])).reduce((result, next) => {
     REQUEST_META.forEach((key) => {
+      var _prop;
       const prop = next[propName];
-      if ((prop === null || prop === void 0 ? void 0 : prop.hasOwnProperty(key)) && usefulArray(prop[key])) {
+      if (((_prop = prop) === null || _prop === void 0 ? void 0 : _prop.hasOwnProperty(key)) && usefulArray(prop[key])) {
         result[key] = unique(result[key].concat(prop[key]));
       }
     });
@@ -51,8 +52,9 @@ export const aggMatchesFromPropsList = function aggMatchesFromPropsList2(propsLi
   }, {});
   const res = propsList.filter((props) => usefulObject(props[propName])).reduce((result, next) => {
     REQUEST_META.forEach((key) => {
+      var _prop;
       const prop = next[propName];
-      if ((prop === null || prop === void 0 ? void 0 : prop.hasOwnProperty(key)) && usefulObject(prop[key])) {
+      if (((_prop = prop) === null || _prop === void 0 ? void 0 : _prop.hasOwnProperty(key)) && usefulObject(prop[key])) {
         result[key] = Object.assign(result[key], prop[key]);
       }
     });

package/dist/esm-node/ssr/serverRender/constants.js

@@ -0,0 +1,6 @@
+export var ServerTimingNames;
+(function(ServerTimingNames2) {
+  ServerTimingNames2["SSR_RENDER_TOTAL"] = "ssr-render-total";
+  ServerTimingNames2["SSR_PREFETCH"] = "ssr-prefetch";
+  ServerTimingNames2["SSR_RENDER_HTML"] = "ssr-render-html";
+})(ServerTimingNames || (ServerTimingNames = {}));

package/dist/esm-node/ssr/serverRender/renderToStream/bulidTemplate.before.js

@@ -20,6 +20,7 @@ function getHeadTemplate(beforeEntryTemplate, context) {
   function injectCss(headTemplate2) {
     return headTemplate2.replace(CSS_CHUNKS_PLACEHOLDER, getCssChunks());
     function getCssChunks() {
+      var _matches;
       const { routeManifest, routerContext, routes } = context;
       if (!routeManifest || !routerContext || !routes) {
         return "";
@@ -27,7 +28,7 @@ function getHeadTemplate(beforeEntryTemplate, context) {
       const { routeAssets } = routeManifest;
       const cssChunks = [];
       const matches = matchRoutes(routes, routerContext.location, routerContext.basename);
-      matches === null || matches === void 0 ? void 0 : matches.forEach((match, index) => {
+      (_matches = matches) === null || _matches === void 0 ? void 0 : _matches.forEach((match, index) => {
         if (!index) {
           return;
         }
@@ -37,7 +38,8 @@ function getHeadTemplate(beforeEntryTemplate, context) {
           if (routeManifest2) {
             const { referenceCssAssets = [] } = routeManifest2;
             const _cssChunks = referenceCssAssets.filter((asset) => {
-              return (asset === null || asset === void 0 ? void 0 : asset.endsWith(".css")) && !headTemplate2.includes(asset);
+              var _asset;
+              return ((_asset = asset) === null || _asset === void 0 ? void 0 : _asset.endsWith(".css")) && !headTemplate2.includes(asset);
             });
             cssChunks.push(..._cssChunks);
           }

package/dist/esm-node/ssr/serverRender/renderToStream/index.js

@@ -1,7 +1,7 @@
 import { createElement } from "react";
 import { run } from "@modern-js/utils/runtime-node";
+import { time } from "@modern-js/utils/universal/time";
 import { PreRender } from "../../react/prerender";
-import { time } from "../time";
 import renderToPipe from "./renderToPipe";
 export const render = ({ App, context }) => {
   const { ssrContext } = context;

package/dist/esm-node/ssr/serverRender/renderToStream/renderToPipe.js

@@ -13,6 +13,7 @@ function renderToPipe(rootElement, context, options) {
   const chunkVec = [];
   const forUserPipe = (stream) => {
     return new Promise((resolve) => {
+      var _ssrContext;
       let renderToPipeableStream;
       try {
         ({ renderToPipeableStream } = require("react-dom/server"));
@@ -20,11 +21,11 @@ function renderToPipe(rootElement, context, options) {
       }
       const { pipe } = renderToPipeableStream(rootElement, {
         ...options,
-        nonce: ssrContext === null || ssrContext === void 0 ? void 0 : ssrContext.nonce,
+        nonce: (_ssrContext = ssrContext) === null || _ssrContext === void 0 ? void 0 : _ssrContext.nonce,
         onShellReady() {
-          var _options_onShellReady;
+          var _options_onShellReady, _options;
           const { shellAfter, shellBefore } = getTemplates(context, RenderLevel.SERVER_RENDER);
-          options === null || options === void 0 ? void 0 : (_options_onShellReady = options.onShellReady) === null || _options_onShellReady === void 0 ? void 0 : _options_onShellReady.call(options);
+          (_options = options) === null || _options === void 0 ? void 0 : (_options_onShellReady = _options.onShellReady) === null || _options_onShellReady === void 0 ? void 0 : _options_onShellReady.call(_options);
           const injectableTransform = new Transform({
             transform(chunk, _encoding, callback) {
               try {
@@ -52,18 +53,18 @@ function renderToPipe(rootElement, context, options) {
           resolve(pipe(injectableTransform).pipe(stream));
         },
         onShellError(error) {
-          var _options_onShellError;
+          var _options_onShellError, _options;
           ssrContext.metrics.emitCounter("app.render.streaming.shell.error", 1);
           const { shellAfter, shellBefore } = getTemplates(context, RenderLevel.CLIENT_RENDER);
           const fallbackHtml = `${shellBefore}${shellAfter}`;
           resolve(fallbackHtml);
-          options === null || options === void 0 ? void 0 : (_options_onShellError = options.onShellError) === null || _options_onShellError === void 0 ? void 0 : _options_onShellError.call(options, error);
+          (_options = options) === null || _options === void 0 ? void 0 : (_options_onShellError = _options.onShellError) === null || _options_onShellError === void 0 ? void 0 : _options_onShellError.call(_options, error);
         },
         onError(error) {
-          var _options_onError;
+          var _options_onError, _options;
           ssrContext.logger.error("An error occurs during streaming SSR", error);
           ssrContext.metrics.emitCounter("app.render.streaming.error", 1);
-          options === null || options === void 0 ? void 0 : (_options_onError = options.onError) === null || _options_onError === void 0 ? void 0 : _options_onError.call(options, error);
+          (_options = options) === null || _options === void 0 ? void 0 : (_options_onError = _options.onError) === null || _options_onError === void 0 ? void 0 : _options_onError.call(_options, error);
         }
       });
     });

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

@@ -18,14 +18,15 @@ function renderToPipe(rootElement, context, options) {
     }
     const { shellAfter, shellBefore } = getTemplates(context, RenderLevel.SERVER_RENDER);
     try {
+      var _ssrContext;
       const readableOriginal = await renderToReadableStream(rootElement, {
         ...options,
-        nonce: ssrContext === null || ssrContext === void 0 ? void 0 : ssrContext.nonce,
+        nonce: (_ssrContext = ssrContext) === null || _ssrContext === void 0 ? void 0 : _ssrContext.nonce,
         onError(error) {
-          var _options_onError;
-          ssrContext === null || ssrContext === void 0 ? void 0 : ssrContext.logger.error("An error occurs during streaming SSR", error);
-          ssrContext === null || ssrContext === void 0 ? void 0 : ssrContext.metrics.emitCounter("app.render.streaming.error", 1);
-          options === null || options === void 0 ? void 0 : (_options_onError = options.onError) === null || _options_onError === void 0 ? void 0 : _options_onError.call(options, error);
+          var _ssrContext2, _ssrContext12, _options_onError, _options;
+          (_ssrContext2 = ssrContext) === null || _ssrContext2 === void 0 ? void 0 : _ssrContext2.logger.error("An error occurs during streaming SSR", error);
+          (_ssrContext12 = ssrContext) === null || _ssrContext12 === void 0 ? void 0 : _ssrContext12.metrics.emitCounter("app.render.streaming.error", 1);
+          (_options = options) === null || _options === void 0 ? void 0 : (_options_onError = _options.onError) === null || _options_onError === void 0 ? void 0 : _options_onError.call(_options, error);
         }
       });
       const reader = readableOriginal.getReader();
@@ -56,7 +57,8 @@ function renderToPipe(rootElement, context, options) {
       });
       return injectableStream;
     } catch (err) {
-      ssrContext === null || ssrContext === void 0 ? void 0 : ssrContext.metrics.emitCounter("app.render.streaming.shell.error", 1);
+      var _ssrContext1;
+      (_ssrContext1 = ssrContext) === null || _ssrContext1 === void 0 ? void 0 : _ssrContext1.metrics.emitCounter("app.render.streaming.shell.error", 1);
       const { shellAfter: shellAfter2, shellBefore: shellBefore2 } = getTemplates(context, RenderLevel.CLIENT_RENDER);
       const fallbackHtml = `${shellBefore2}${shellAfter2}`;
       return fallbackHtml;

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

@@ -3,17 +3,19 @@ import React from "react";
 import ReactDomServer from "react-dom/server";
 import { serializeJson } from "@modern-js/utils/runtime-node";
 import ReactHelmet from "react-helmet";
+import { time } from "@modern-js/utils/universal/time";
 import { serializeErrors } from "../../../router/runtime/utils";
 import helmetReplace from "../helmet";
 import { RenderLevel } from "../types";
-import { time } from "../time";
 import prefetch from "../../prefetch";
 import { ROUTER_DATA_JSON_ID, SSR_DATA_JSON_ID, attributesToString } from "../utils";
+import { createSSRReporter } from "../reporter";
+import { ServerTimingNames } from "../constants";
 import { toFragments } from "./template";
 import { reduce } from "./reduce";
 import * as loadableRenderer from "./loadable";
 import * as styledComponentRenderer from "./styledComponent";
-const buildTemplateData = (context, data, renderLevel) => {
+const buildTemplateData = (context, data, renderLevel, reporter) => {
   const { request, enableUnsafeCtx } = context;
   const unsafeContext = {
     headers: request.headers
@@ -28,6 +30,9 @@ const buildTemplateData = (context, data, renderLevel) => {
         host: request.host,
         url: request.url,
         ...enableUnsafeCtx ? unsafeContext : {}
+      },
+      reporter: {
+        sessionId: reporter.sessionId
       }
     },
     renderLevel
@@ -56,7 +61,7 @@ class Entry {
       errors: serializeErrors(routerContext.errors)
     } : void 0;
     let html = "";
-    const templateData = buildTemplateData(ssrContext, prefetchData, this.result.renderLevel);
+    const templateData = buildTemplateData(ssrContext, prefetchData, this.result.renderLevel, this.reporter);
     const SSRData = this.getSSRDataScript(templateData, routerData);
     for (const fragment of this.fragments) {
       if (fragment.isVariable && fragment.content === "SSRDataScript") {
@@ -77,9 +82,12 @@ class Entry {
       const prefetchCost = end();
       this.logger.debug(`App Prefetch cost = %d ms`, prefetchCost);
       this.metrics.emitTimer("app.prefetch.cost", prefetchCost);
+      this.reporter.reportTime("app_prefetch_cost", prefetchCost);
+      this.severTiming.addServeTiming(ServerTimingNames.SSR_PREFETCH, prefetchCost);
     } catch (e) {
       this.result.renderLevel = RenderLevel.CLIENT_RENDER;
       this.logger.error("App Prefetch Render", e);
+      this.reporter.reportError("App Prefetch Render", e);
       this.metrics.emitCounter("app.prefetch.render.error", 1);
     }
     return prefetchData || {};
@@ -111,9 +119,12 @@ class Entry {
       const cost = end();
       this.logger.debug("App Render To HTML cost = %d ms", cost);
       this.metrics.emitTimer("app.render.html.cost", cost);
+      this.reporter.reportTime("app_render_html_cost", cost);
+      this.severTiming.addServeTiming(ServerTimingNames.SSR_RENDER_HTML, cost);
       this.result.renderLevel = RenderLevel.SERVER_RENDER;
     } catch (e) {
       this.logger.error("App Render To HTML", e);
+      this.reporter.reportError("App Render To HTML", e);
       this.metrics.emitCounter("app.render.html.error", 1);
     }
     return html;
@@ -140,6 +151,8 @@ class Entry {
     _define_property(this, "result", void 0);
     _define_property(this, "metrics", void 0);
     _define_property(this, "logger", void 0);
+    _define_property(this, "severTiming", void 0);
+    _define_property(this, "reporter", void 0);
     _define_property(this, "template", void 0);
     _define_property(this, "App", void 0);
     _define_property(this, "fragments", void 0);
@@ -154,6 +167,8 @@ class Entry {
     this.host = host;
     this.App = options.App;
     this.pluginConfig = config;
+    this.reporter = createSSRReporter(ctx.reporter);
+    this.severTiming = ctx.serverTiming;
     this.metrics = ctx.metrics;
     this.logger = ctx.logger;
     this.nonce = nonce;

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

@@ -1,6 +1,7 @@
 import { run } from "@modern-js/utils/runtime-node";
+import { time } from "@modern-js/utils/universal/time";
 import { PreRender } from "../../react/prerender";
-import { time } from "../time";
+import { ServerTimingNames } from "../constants";
 import SSREntry from "./entry";
 export const render = ({ App, context, config }) => {
   const ssrContext = context.ssrContext;
@@ -16,6 +17,8 @@ export const render = ({ App, context, config }) => {
     const cost = end();
     entry.logger.info("App Render Total cost = %d ms", cost);
     entry.metrics.emitTimer("app.render.cost", cost);
+    entry.reporter.reportTime("app_render_cost", cost);
+    entry.severTiming.addServeTiming(ServerTimingNames.SSR_RENDER_TOTAL, cost);
     const cacheConfig = PreRender.config();
     if (cacheConfig) {
       context.ssrContext.cacheConfig = cacheConfig;

package/dist/esm-node/ssr/serverRender/renderToString/loadable.js

@@ -1,10 +1,11 @@
 import { ChunkExtractor } from "@loadable/server";
 import { attributesToString, getLoadableScripts } from "../utils";
 const extname = (uri) => {
+  var _uri;
   if (typeof uri !== "string" || !uri.includes(".")) {
     return "";
   }
-  return `.${uri === null || uri === void 0 ? void 0 : uri.split(".").pop()}` || "";
+  return `.${(_uri = uri) === null || _uri === void 0 ? void 0 : _uri.split(".").pop()}` || "";
 };
 export const toHtml = (jsx, renderer, next) => {
   const { stats, result: { chunksMap }, config = {}, nonce } = renderer;

package/dist/esm-node/ssr/serverRender/reporter.js

@@ -0,0 +1,17 @@
+export function createSSRReporter(reporter) {
+  const _reporter = {
+    get sessionId() {
+      return reporter.sessionId;
+    },
+    get userId() {
+      return reporter.userId;
+    },
+    reportError(content, e) {
+      reporter.reportError(`SSR Error - ${content}`, e);
+    },
+    reportTime(name, cost) {
+      reporter.reportTiming(`ssr_${name}`, cost);
+    }
+  };
+  return _reporter;
+}

package/dist/esm-node/state/cli/index.js

@@ -1,79 +1,77 @@
 import { getEntryOptions, createRuntimeExportsUtils } from "@modern-js/utils";
 const PLUGIN_IDENTIFIER = "state";
-export const statePlugin = () => {
-  return {
-    name: "@modern-js/plugin-state",
-    required: [
-      "@modern-js/runtime"
-    ],
-    setup: (api) => {
-      const stateConfigMap = /* @__PURE__ */ new Map();
-      let pluginsExportsUtils;
-      return {
-        config() {
-          const appContext = api.useAppContext();
-          pluginsExportsUtils = createRuntimeExportsUtils(appContext.internalDirectory, "plugins");
-          return {
-            source: {
-              alias: {
-                "@modern-js/runtime/plugins": pluginsExportsUtils.getPath()
-              }
+export const statePlugin = () => ({
+  name: "@modern-js/plugin-state",
+  required: [
+    "@modern-js/runtime"
+  ],
+  setup: (api) => {
+    const stateConfigMap = /* @__PURE__ */ new Map();
+    let pluginsExportsUtils;
+    return {
+      config() {
+        const appContext = api.useAppContext();
+        pluginsExportsUtils = createRuntimeExportsUtils(appContext.internalDirectory, "plugins");
+        return {
+          source: {
+            alias: {
+              "@modern-js/runtime/plugins": pluginsExportsUtils.getPath()
             }
-          };
-        },
-        modifyEntryImports({ entrypoint, imports }) {
-          var _getEntryOptions;
-          const { entryName, isMainEntry } = entrypoint;
-          const userConfig = api.useResolvedConfigContext();
-          const { packageName } = api.useAppContext();
-          const stateConfig = (_getEntryOptions = getEntryOptions(entryName, isMainEntry, userConfig.runtime, userConfig.runtimeByEntries, packageName)) === null || _getEntryOptions === void 0 ? void 0 : _getEntryOptions.state;
-          stateConfigMap.set(entryName, stateConfig);
-          if (stateConfig) {
-            imports.push({
-              value: "@modern-js/runtime/plugins",
-              specifiers: [
-                {
-                  imported: PLUGIN_IDENTIFIER
-                }
-              ]
-            });
           }
-          return {
-            entrypoint,
-            imports
-          };
-        },
-        modifyEntryRuntimePlugins({ entrypoint, plugins }) {
-          const stateOptions = stateConfigMap.get(entrypoint.entryName);
-          if (stateOptions) {
-            plugins.push({
-              name: PLUGIN_IDENTIFIER,
-              options: `${JSON.stringify(stateConfigMap.get(entrypoint.entryName))}`
-            });
-          }
-          return {
-            entrypoint,
-            plugins
-          };
-        },
-        validateSchema() {
-          return [
-            {
-              target: "runtime.state",
-              schema: {
-                type: [
-                  "boolean",
-                  "object"
-                ]
+        };
+      },
+      modifyEntryImports({ entrypoint, imports }) {
+        var _getEntryOptions;
+        const { entryName, isMainEntry } = entrypoint;
+        const userConfig = api.useResolvedConfigContext();
+        const { packageName } = api.useAppContext();
+        const stateConfig = (_getEntryOptions = getEntryOptions(entryName, isMainEntry, userConfig.runtime, userConfig.runtimeByEntries, packageName)) === null || _getEntryOptions === void 0 ? void 0 : _getEntryOptions.state;
+        stateConfigMap.set(entryName, stateConfig);
+        if (stateConfig) {
+          imports.push({
+            value: "@modern-js/runtime/plugins",
+            specifiers: [
+              {
+                imported: PLUGIN_IDENTIFIER
               }
-            }
-          ];
-        },
-        addRuntimeExports() {
-          pluginsExportsUtils.addExport(`export { default as state } from '@modern-js/runtime/model'`);
+            ]
+          });
         }
-      };
-    }
-  };
-};
+        return {
+          entrypoint,
+          imports
+        };
+      },
+      modifyEntryRuntimePlugins({ entrypoint, plugins }) {
+        const stateOptions = stateConfigMap.get(entrypoint.entryName);
+        if (stateOptions) {
+          plugins.push({
+            name: PLUGIN_IDENTIFIER,
+            options: `${JSON.stringify(stateConfigMap.get(entrypoint.entryName))}`
+          });
+        }
+        return {
+          entrypoint,
+          plugins
+        };
+      },
+      validateSchema() {
+        return [
+          {
+            target: "runtime.state",
+            schema: {
+              type: [
+                "boolean",
+                "object"
+              ]
+            }
+          }
+        ];
+      },
+      addRuntimeExports() {
+        pluginsExportsUtils.addExport(`export { default as state } from '@modern-js/runtime/model'`);
+      }
+    };
+  }
+});
 export default statePlugin;

package/dist/esm-node/state/runtime/plugin.js

@@ -30,49 +30,47 @@ const getStoreConfig = (config) => {
   storeConfig.plugins = plugins;
   return storeConfig;
 };
-const state = (config) => {
-  return {
-    name: "@modern-js/plugin-state",
-    setup: () => {
-      const storeConfig = getStoreConfig(config);
-      return {
-        hoc({ App }, next) {
-          const getStateApp = (props) => {
-            const context = useContext(RuntimeReactContext);
-            return /* @__PURE__ */ _jsx(Provider, {
-              store: context.store,
-              config: storeConfig,
-              children: /* @__PURE__ */ _jsx(App, {
-                ...props
-              })
-            });
-          };
-          return next({
-            App: hoistNonReactStatics(getStateApp, App)
-          });
-        },
-        init({ context }, next) {
-          if (isBrowser()) {
-            var _window__SSR_DATA, _window__SSR_DATA_data;
-            storeConfig.initialState = storeConfig.initialState || (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.storeState) || {};
-          }
-          context.store = createStore(storeConfig);
-          return next({
-            context
-          });
-        },
-        pickContext({ context, pickedContext }, next) {
-          return next({
-            context,
-            pickedContext: {
-              ...pickedContext,
-              store: context.store
-            }
+const state = (config) => ({
+  name: "@modern-js/plugin-state",
+  setup: () => {
+    const storeConfig = getStoreConfig(config);
+    return {
+      hoc({ App }, next) {
+        const getStateApp = (props) => {
+          const context = useContext(RuntimeReactContext);
+          return /* @__PURE__ */ _jsx(Provider, {
+            store: context.store,
+            config: storeConfig,
+            children: /* @__PURE__ */ _jsx(App, {
+              ...props
+            })
           });
+        };
+        return next({
+          App: hoistNonReactStatics(getStateApp, App)
+        });
+      },
+      init({ context }, next) {
+        if (isBrowser()) {
+          var _window__SSR_DATA_data, _window__SSR_DATA, _window;
+          storeConfig.initialState = storeConfig.initialState || ((_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_data = _window__SSR_DATA.data) === null || _window__SSR_DATA_data === void 0 ? void 0 : _window__SSR_DATA_data.storeState) || {};
         }
-      };
-    }
-  };
-};
+        context.store = createStore(storeConfig);
+        return next({
+          context
+        });
+      },
+      pickContext({ context, pickedContext }, next) {
+        return next({
+          context,
+          pickedContext: {
+            ...pickedContext,
+            store: context.store
+          }
+        });
+      }
+    };
+  }
+});
 export default state;
 export * from "../plugins";

package/dist/types/router/runtime/types.d.ts

@@ -30,6 +30,9 @@ export type RouterConfig = {
     globalApp?: React.ComponentType<any>;
     routes: (NestedRoute | PageRoute)[];
   };
+  /**
+   * You should not use it
+   */
   oldVersion?: boolean;
   serverBase?: string[];
   supportHtml5History?: boolean;

package/dist/types/ssr/serverRender/constants.d.ts

@@ -0,0 +1,5 @@
+export declare enum ServerTimingNames {
+  SSR_RENDER_TOTAL = "ssr-render-total",
+  SSR_PREFETCH = "ssr-prefetch",
+  SSR_RENDER_HTML = "ssr-render-html",
+}

package/dist/types/ssr/serverRender/renderToString/entry.d.ts

@@ -1,4 +1,5 @@
 import { RuntimeContext, ModernSSRReactComponent, SSRPluginConfig } from '../types';
+import { SSRReporter } from '../reporter';
 import { SSRServerContext, RenderResult } from './type';
 type EntryOptions = {
   ctx: SSRServerContext;
@@ -10,6 +11,8 @@ export default class Entry {
   result: RenderResult;
   metrics: SSRServerContext['metrics'];
   logger: SSRServerContext['logger'];
+  severTiming: SSRServerContext['serverTiming'];
+  reporter: SSRReporter;
   private readonly template;
   private readonly App;
   private readonly fragments;

package/dist/types/ssr/serverRender/reporter.d.ts

@@ -0,0 +1,8 @@
+import { SSRServerContext } from './types';
+export type SSRReporter = ReturnType<typeof createSSRReporter>;
+export declare function createSSRReporter(reporter: SSRServerContext['reporter']): {
+  readonly sessionId: string | undefined;
+  readonly userId: string | undefined;
+  reportError(content: string, e: Error): void;
+  reportTime(name: string, cost: number): void;
+};