@modern-js/server-core 2.55.0 → 2.56.0

package/dist/cjs/adapters/node/plugins/resource.js

@@ -77,7 +77,7 @@ const loadBundle = async (filepath, logger) => {
     return void 0;
   }
   return dynamicImport(filepath).catch((e) => {
-    logger.error(`Load ${filepath} bundle failed, error = %s`, e instanceof Error ? e.stack || e.message : e);
+    logger === null || logger === void 0 ? void 0 : logger.error(`Load ${filepath} bundle failed, error = %s`, e instanceof Error ? e.stack || e.message : e);
     return void 0;
   });
 };

package/dist/cjs/constants.js

@@ -20,7 +20,8 @@ var constants_exports = {};
 __export(constants_exports, {
   AGGRED_DIR: () => AGGRED_DIR,
   REPLACE_REG: () => REPLACE_REG,
-  ServerReportTimings: () => ServerReportTimings,
+  SERVER_TIMING: () => SERVER_TIMING,
+  ServerTimings: () => ServerTimings,
   X_MODERNJS_RENDER: () => X_MODERNJS_RENDER,
   X_RENDER_CACHE: () => X_RENDER_CACHE
 });
@@ -42,20 +43,22 @@ const REPLACE_REG = {
     body: "</body>"
   }
 };
-var ServerReportTimings;
-(function(ServerReportTimings2) {
-  ServerReportTimings2["SERVER_HANDLE_REQUEST"] = "server-handle-request";
-  ServerReportTimings2["SERVER_MIDDLEWARE"] = "server-middleware";
-  ServerReportTimings2["SERVER_HOOK_AFTER_RENDER"] = "server-hook-after-render";
-  ServerReportTimings2["SERVER_HOOK_AFTER_MATCH"] = "server-hook-after-match";
-})(ServerReportTimings || (ServerReportTimings = {}));
+var ServerTimings;
+(function(ServerTimings2) {
+  ServerTimings2["SERVER_HANDLE_REQUEST"] = "server-handle-request";
+  ServerTimings2["SERVER_MIDDLEWARE"] = "server-middleware";
+  ServerTimings2["SERVER_HOOK_AFTER_RENDER"] = "server-hook-after-render";
+  ServerTimings2["SERVER_HOOK_AFTER_MATCH"] = "server-hook-after-match";
+})(ServerTimings || (ServerTimings = {}));
+const SERVER_TIMING = "Server-Timing";
 const X_RENDER_CACHE = "x-render-cache";
 const X_MODERNJS_RENDER = "x-modernjs-render";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AGGRED_DIR,
   REPLACE_REG,
-  ServerReportTimings,
+  SERVER_TIMING,
+  ServerTimings,
   X_MODERNJS_RENDER,
   X_RENDER_CACHE
 });

package/dist/cjs/plugins/customServer/index.js

@@ -40,7 +40,7 @@ class CustomServer {
   getHookMiddleware(entryName, routes) {
     return async (c, next) => {
       const routeInfo = routes.find((route) => route.entryName === entryName);
-      const reporter = c.get("reporter");
+      const monitors = c.get("monitors");
       const baseHookCtx = (0, import_base.createBaseHookContext)(c);
       const afterMatchCtx = (0, import_context.getAfterMatchCtx)(entryName, baseHookCtx);
       const getCost = (0, import_time.time)();
@@ -48,7 +48,7 @@ class CustomServer {
         onLast: noop
       });
       const cost = getCost();
-      cost && (reporter === null || reporter === void 0 ? void 0 : reporter.reportTiming(import_constants.ServerReportTimings.SERVER_HOOK_AFTER_MATCH, cost));
+      cost && (monitors === null || monitors === void 0 ? void 0 : monitors.timing(import_constants.ServerTimings.SERVER_HOOK_AFTER_MATCH, cost));
       const { url, status } = afterMatchCtx.router;
       if (url) {
         return c.redirect(url, status);
@@ -88,7 +88,7 @@ class CustomServer {
           onLast: noop
         });
         const cost2 = getCost2();
-        cost2 && (reporter === null || reporter === void 0 ? void 0 : reporter.reportTiming(import_constants.ServerReportTimings.SERVER_HOOK_AFTER_RENDER, cost2));
+        cost2 && (monitors === null || monitors === void 0 ? void 0 : monitors.timing(import_constants.ServerTimings.SERVER_HOOK_AFTER_RENDER, cost2));
         if (afterRenderCtx.response.private_overrided) {
           return void 0;
         }
@@ -107,7 +107,7 @@ class CustomServer {
     }
     return async (c, next) => {
       var _c_env_node_res, _c_env_node, _c_env;
-      const reporter = c.get("reporter");
+      const monitors = c.get("monitors");
       const locals = {};
       const resArgs = {
         headers: new Headers()
@@ -116,7 +116,7 @@ class CustomServer {
       const getCost = (0, import_time.time)();
       await serverMiddleware(customMiddlewareCtx);
       const cost = getCost();
-      cost && (reporter === null || reporter === void 0 ? void 0 : reporter.reportTiming(import_constants.ServerReportTimings.SERVER_MIDDLEWARE, cost));
+      cost && (monitors === null || monitors === void 0 ? void 0 : monitors.timing(import_constants.ServerTimings.SERVER_MIDDLEWARE, cost));
       c.set("locals", locals);
       if (isRedirect(resArgs.headers, resArgs.status)) {
         return c.redirect(resArgs.headers.get("Location") || "", resArgs.status || 302);

package/dist/cjs/plugins/index.js

@@ -21,8 +21,10 @@ __export(plugins_exports, {
   faviconPlugin: () => import_favicon.faviconPlugin,
   getLoaderCtx: () => import_customServer.getLoaderCtx,
   getRenderHandler: () => import_render.getRenderHandler,
+  initMonitorsPlugin: () => import_monitors.initMonitorsPlugin,
+  injectServerTiming: () => import_monitors.injectServerTiming,
+  injectloggerPluigin: () => import_monitors.injectloggerPluigin,
   logPlugin: () => import_log.logPlugin,
-  monitorPlugin: () => import_monitor.monitorPlugin,
   processedByPlugin: () => import_processedBy.processedByPlugin,
   renderPlugin: () => import_render.renderPlugin
 });
@@ -32,14 +34,16 @@ var import_favicon = require("./favicon");
 var import_processedBy = require("./processedBy");
 var import_customServer = require("./customServer");
 var import_log = require("./log");
-var import_monitor = require("./monitor");
+var import_monitors = require("./monitors");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   faviconPlugin,
   getLoaderCtx,
   getRenderHandler,
+  initMonitorsPlugin,
+  injectServerTiming,
+  injectloggerPluigin,
   logPlugin,
-  monitorPlugin,
   processedByPlugin,
   renderPlugin
 });

package/dist/cjs/plugins/log.js

@@ -62,13 +62,13 @@ function log(fn, prefix, method, path, status = 0, elapsed) {
 function logHandler() {
   return async function logger(c, next) {
     const { method } = c.req;
-    const logger2 = c.get("logger");
-    if (!logger2) {
+    const monitors = c.get("monitors");
+    if (!monitors) {
       await next();
       return;
     }
     const path = (0, import_utils.getPathname)(c.req.raw);
-    const logFn = logger2.debug;
+    const logFn = monitors.debug;
     log(logFn, "<--", method, path);
     const start = Date.now();
     await next();

package/dist/cjs/plugins/monitors.js

@@ -0,0 +1,183 @@
+"use strict";
+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 monitors_exports = {};
+__export(monitors_exports, {
+  initMonitorsPlugin: () => initMonitorsPlugin,
+  initReporter: () => initReporter,
+  injectServerTiming: () => injectServerTiming,
+  injectloggerPluigin: () => injectloggerPluigin
+});
+module.exports = __toCommonJS(monitors_exports);
+var import_time = require("@modern-js/runtime-utils/time");
+var import_constants = require("../constants");
+function createMonitors() {
+  const coreMonitors = [];
+  const log = (level, message, args) => {
+    const event = {
+      type: "log",
+      payload: {
+        level,
+        message,
+        args
+      }
+    };
+    coreMonitors.forEach((monitor) => monitor(event));
+  };
+  const mointors = {
+    push(monitor) {
+      coreMonitors.push(monitor);
+    },
+    error(message, ...args) {
+      log("error", message, args);
+    },
+    warn(message, ...args) {
+      log("warn", message, args);
+    },
+    debug(message, ...args) {
+      log("debug", message, args);
+    },
+    info(message, ...args) {
+      log("info", message, args);
+    },
+    timing(name, dur, desc) {
+      const event = {
+        type: "timing",
+        payload: {
+          name,
+          dur,
+          desc
+        }
+      };
+      coreMonitors.forEach((monitor) => monitor(event));
+    }
+  };
+  return mointors;
+}
+const initMonitorsPlugin = () => ({
+  name: "@modern-js/init-mointor",
+  setup(api) {
+    return {
+      prepare() {
+        const { middlewares } = api.useAppContext();
+        middlewares.push({
+          name: "init-monitor",
+          handler: async (c, next) => {
+            if (!c.get("monitors")) {
+              const monitors = createMonitors();
+              c.set("monitors", monitors);
+            }
+            return next();
+          },
+          order: "pre"
+        });
+      }
+    };
+  }
+});
+const injectloggerPluigin = (logger) => ({
+  name: "@modern-js/inject-logger",
+  setup(api) {
+    return {
+      prepare() {
+        const { middlewares } = api.useAppContext();
+        middlewares.push({
+          name: "inject-logger",
+          handler: async (c, next) => {
+            if (!c.get("logger")) {
+              c.set("logger", logger);
+            }
+            const pathname = c.req.path;
+            const loggerMonitor = (event) => {
+              if (event.type === "log") {
+                const { level, message, args } = event.payload;
+                logger[level](message, ...args || []);
+              }
+              if (event.type === "timing") {
+                const { name, dur, desc } = event.payload;
+                if (desc) {
+                  logger.debug(`%s Debug - ${name}, cost: %s, req.url = %s `, desc, dur, pathname);
+                } else {
+                  logger.debug(`Debug - ${name}, cost: %s, req.url = %s`, dur, pathname);
+                }
+              }
+            };
+            const monitors = c.get("monitors");
+            monitors === null || monitors === void 0 ? void 0 : monitors.push(loggerMonitor);
+            return next();
+          }
+        });
+      }
+    };
+  }
+});
+const injectServerTiming = (metaName = "modern-js") => ({
+  name: "@modern-js/inject-server-timing",
+  setup(api) {
+    return {
+      prepare() {
+        const { middlewares } = api.useAppContext();
+        middlewares.push({
+          name: "inject-server-timing",
+          handler: async (c, next) => {
+            const serverTimings = [];
+            const timingMonitor = (event) => {
+              if (event.type === "timing") {
+                serverTimings.push(event.payload);
+              }
+            };
+            const monitors = c.get("monitors");
+            monitors === null || monitors === void 0 ? void 0 : monitors.push(timingMonitor);
+            await next();
+            serverTimings.forEach((serverTiming) => {
+              const { name, desc, dur } = serverTiming;
+              const _name = `bd-${metaName}-${name}`;
+              const value = `${_name};${desc ? `decs="${desc}";` : ""} dur=${dur}`;
+              c.header(import_constants.SERVER_TIMING, value, {
+                append: true
+              });
+            });
+          }
+        });
+      }
+    };
+  }
+});
+function initReporter(entryName) {
+  return async (c, next) => {
+    const reporter = c.get("reporter");
+    if (!reporter) {
+      await next();
+      return;
+    }
+    await reporter.init({
+      entryName
+    });
+    const getCost = (0, import_time.time)();
+    await next();
+    const cost = getCost();
+    reporter.reportTiming(import_constants.ServerTimings.SERVER_HANDLE_REQUEST, cost);
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  initMonitorsPlugin,
+  initReporter,
+  injectServerTiming,
+  injectloggerPluigin
+});

package/dist/cjs/plugins/render/index.js

@@ -23,7 +23,7 @@ __export(render_exports, {
 });
 module.exports = __toCommonJS(render_exports);
 var import_constants = require("@modern-js/utils/universal/constants");
-var import_monitor = require("../monitor");
+var import_monitors = require("../monitors");
 var import_utils = require("../../utils");
 var import_customServer = require("../customServer");
 var import_render = require("./render");
@@ -56,7 +56,7 @@ const renderPlugin = (options = {}) => ({
           const urlPath = originUrlPath.endsWith("/") ? `${originUrlPath}*` : `${originUrlPath}/*`;
           middlewares.push({
             name: "init-reporter",
-            handler: (0, import_monitor.initReporter)(entryName || import_constants.MAIN_ENTRY_NAME)
+            handler: (0, import_monitors.initReporter)(entryName || import_constants.MAIN_ENTRY_NAME)
           });
           const customServerHookMiddleware = customServer.getHookMiddleware(entryName || "main", routes);
           middlewares.push({
@@ -88,6 +88,7 @@ function createRenderHandler(render) {
     var _c_env_node;
     const logger = c.get("logger");
     const reporter = c.get("reporter");
+    const monitors = c.get("monitors");
     const templates = c.get("templates") || {};
     const serverManifest = c.get("serverManifest") || {};
     const locals = c.get("locals");
@@ -96,8 +97,9 @@ function createRenderHandler(render) {
     const request = c.req.raw;
     const nodeReq = (_c_env_node = c.env.node) === null || _c_env_node === void 0 ? void 0 : _c_env_node.req;
     const res = await render(request, {
-      logger,
       nodeReq,
+      monitors,
+      logger,
       reporter,
       templates,
       metrics,

package/dist/cjs/plugins/render/render.js

@@ -27,7 +27,6 @@ var import_utils = require("../../utils");
 var import_constants = require("../../constants");
 var import_dataHandler = require("./dataHandler");
 var import_ssrRender = require("./ssrRender");
-var import_serverTiming = require("./serverTiming");
 const DYNAMIC_ROUTE_REG = /\/:./;
 function getRouter(routes) {
   const dynamicRoutes = [];
@@ -65,10 +64,9 @@ function getHeadersWithoutCookie(headers) {
   delete _headers.cookie;
   return _headers;
 }
-const SERVER_TIMING = "Server-Timing";
 async function createRender({ routes, pwd, metaName, staticGenerate, cacheConfig, forceCSR, config, onFallback: onFallbackFn }) {
   const router = getRouter(routes);
-  return async (req, { logger, nodeReq, reporter, templates, serverManifest, locals, metrics, loaderContext }) => {
+  return async (req, { logger, reporter, metrics, monitors, nodeReq, templates, serverManifest, locals, loaderContext }) => {
     const [routeInfo, params] = matchRoute(router, req);
     const onFallback = async (reason, error) => {
       return onFallbackFn === null || onFallbackFn === void 0 ? void 0 : onFallbackFn(reason, {
@@ -97,16 +95,14 @@ async function createRender({ routes, pwd, metaName, staticGenerate, cacheConfig
     const renderMode = await getRenderMode(req, metaName || "modern-js", routeInfo.isSSR, forceCSR, nodeReq, onFallback);
     const pathname = (0, import_utils.getPathname)(req);
     const headerData = (0, import_utils.parseHeaders)(req);
-    const serverTimingInstance = new import_serverTiming.ServerTiming(metaName || "modern");
     const onError = (e) => {
-      logger.error(`SSR Error - ${e instanceof Error ? e.name : e}, error = %s, req.url = %s, req.headers = %o`, e instanceof Error ? e.stack || e.message : e, pathname, getHeadersWithoutCookie(headerData));
+      monitors === null || monitors === void 0 ? void 0 : monitors.error(`SSR Error - ${e instanceof Error ? e.name : e}, error = %s, req.url = %s, req.headers = %o`, e instanceof Error ? e.stack || e.message : e, pathname, getHeadersWithoutCookie(headerData));
     };
     const onTiming = (name, dur) => {
-      logger.debug(`SSR Debug - ${name}, cost = %s, req.url = %s`, dur, pathname);
-      serverTimingInstance.addServeTiming(name, dur);
+      monitors === null || monitors === void 0 ? void 0 : monitors.timing(name, dur, "SSR");
     };
     const onBoundError = async (e) => {
-      (0, import_utils.onError)(import_utils.ErrorDigest.ERENDER, e, logger, req);
+      (0, import_utils.onError)(import_utils.ErrorDigest.ERENDER, e, monitors, req);
       await (onFallback === null || onFallback === void 0 ? void 0 : onFallback("error", e));
     };
     const renderOptions = {
@@ -140,9 +136,6 @@ async function createRender({ routes, pwd, metaName, staticGenerate, cacheConfig
       default:
         throw new Error(`Unknown render mode: ${renderMode}`);
     }
-    serverTimingInstance.headers.forEach((value) => {
-      response.headers.append(SERVER_TIMING, value);
-    });
     return response;
   };
 }

package/dist/cjs/utils/error.js

@@ -68,11 +68,11 @@ var ErrorDigest;
   ErrorDigest2["EINTER"] = "Internal server error";
   ErrorDigest2["ERENDER"] = "SSR render failed";
 })(ErrorDigest || (ErrorDigest = {}));
-function onError(digest, error, logger, req) {
+function onError(digest, error, monitors, req) {
   const headerData = req && (0, import_request.parseHeaders)(req);
   headerData && delete headerData.cookie;
-  if (logger) {
-    logger.error(req ? `Server Error - ${digest}, error = %s, req.url = %s, req.headers = %o` : `Server Error - ${digest}, error = %s`, error instanceof Error ? error.stack || error.message : error, req === null || req === void 0 ? void 0 : req.url, headerData);
+  if (monitors) {
+    monitors.error(req ? `Server Error - ${digest}, error = %s, req.url = %s, req.headers = %o` : `Server Error - ${digest}, error = %s`, error instanceof Error ? error.stack || error.message : error, req === null || req === void 0 ? void 0 : req.url, headerData);
   } else if (req) {
     console.error(`Server Error - ${digest}, error = ${error instanceof Error ? error.stack || error.message : error}, req.url = ${req.url}, req.headers = ${JSON.stringify(headerData)}`);
   } else {

package/dist/esm/adapters/node/plugins/resource.js

@@ -137,7 +137,7 @@ var loadBundle = function() {
           return [
             2,
             dynamicImport(filepath).catch(function(e) {
-              logger.error("Load ".concat(filepath, " bundle failed, error = %s"), _instanceof(e, Error) ? e.stack || e.message : e);
+              logger === null || logger === void 0 ? void 0 : logger.error("Load ".concat(filepath, " bundle failed, error = %s"), _instanceof(e, Error) ? e.stack || e.message : e);
               return void 0;
             })
           ];

package/dist/esm/constants.js

@@ -15,19 +15,21 @@ var REPLACE_REG = {
     body: "</body>"
   }
 };
-var ServerReportTimings;
-(function(ServerReportTimings2) {
-  ServerReportTimings2["SERVER_HANDLE_REQUEST"] = "server-handle-request";
-  ServerReportTimings2["SERVER_MIDDLEWARE"] = "server-middleware";
-  ServerReportTimings2["SERVER_HOOK_AFTER_RENDER"] = "server-hook-after-render";
-  ServerReportTimings2["SERVER_HOOK_AFTER_MATCH"] = "server-hook-after-match";
-})(ServerReportTimings || (ServerReportTimings = {}));
+var ServerTimings;
+(function(ServerTimings2) {
+  ServerTimings2["SERVER_HANDLE_REQUEST"] = "server-handle-request";
+  ServerTimings2["SERVER_MIDDLEWARE"] = "server-middleware";
+  ServerTimings2["SERVER_HOOK_AFTER_RENDER"] = "server-hook-after-render";
+  ServerTimings2["SERVER_HOOK_AFTER_MATCH"] = "server-hook-after-match";
+})(ServerTimings || (ServerTimings = {}));
+var SERVER_TIMING = "Server-Timing";
 var X_RENDER_CACHE = "x-render-cache";
 var X_MODERNJS_RENDER = "x-modernjs-render";
 export {
   AGGRED_DIR,
   REPLACE_REG,
-  ServerReportTimings,
+  SERVER_TIMING,
+  ServerTimings,
   X_MODERNJS_RENDER,
   X_RENDER_CACHE
 };

package/dist/esm/plugins/customServer/index.js

@@ -3,7 +3,7 @@ import { _ as _class_call_check } from "@swc/helpers/_/_class_call_check";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { time } from "@modern-js/runtime-utils/time";
 import { transformResponse } from "../../utils";
-import { ServerReportTimings } from "../../constants";
+import { ServerTimings } from "../../constants";
 import { getLoaderCtx } from "./loader";
 import { getAfterMatchCtx, getAfterRenderCtx, createCustomMiddlewaresCtx, createAfterStreamingRenderContext } from "./context";
 import { createBaseHookContext } from "./base";
@@ -37,14 +37,14 @@ var CustomServer = /* @__PURE__ */ function() {
     var _this = this;
     return function() {
       var _ref = _async_to_generator(function(c, next) {
-        var routeInfo, reporter, baseHookCtx, afterMatchCtx, getCost, cost, _afterMatchCtx_router, url, status, current, rewriteRoute, afterStreamingRenderContext, afterRenderCtx, getCost1, cost1, newBody;
+        var routeInfo, monitors, baseHookCtx, afterMatchCtx, getCost, cost, _afterMatchCtx_router, url, status, current, rewriteRoute, afterStreamingRenderContext, afterRenderCtx, getCost1, cost1, newBody;
         return _ts_generator(this, function(_state) {
           switch (_state.label) {
             case 0:
               routeInfo = routes.find(function(route) {
                 return route.entryName === entryName;
               });
-              reporter = c.get("reporter");
+              monitors = c.get("monitors");
               baseHookCtx = createBaseHookContext(c);
               afterMatchCtx = getAfterMatchCtx(entryName, baseHookCtx);
               getCost = time();
@@ -57,7 +57,7 @@ var CustomServer = /* @__PURE__ */ function() {
             case 1:
               _state.sent();
               cost = getCost();
-              cost && (reporter === null || reporter === void 0 ? void 0 : reporter.reportTiming(ServerReportTimings.SERVER_HOOK_AFTER_MATCH, cost));
+              cost && (monitors === null || monitors === void 0 ? void 0 : monitors.timing(ServerTimings.SERVER_HOOK_AFTER_MATCH, cost));
               _afterMatchCtx_router = afterMatchCtx.router, url = _afterMatchCtx_router.url, status = _afterMatchCtx_router.status;
               if (url) {
                 return [
@@ -137,7 +137,7 @@ var CustomServer = /* @__PURE__ */ function() {
             case 5:
               _state.sent();
               cost1 = getCost1();
-              cost1 && (reporter === null || reporter === void 0 ? void 0 : reporter.reportTiming(ServerReportTimings.SERVER_HOOK_AFTER_RENDER, cost1));
+              cost1 && (monitors === null || monitors === void 0 ? void 0 : monitors.timing(ServerTimings.SERVER_HOOK_AFTER_RENDER, cost1));
               if (afterRenderCtx.response.private_overrided) {
                 return [
                   2,
@@ -187,11 +187,11 @@ var CustomServer = /* @__PURE__ */ function() {
               2,
               function() {
                 var _ref = _async_to_generator(function(c, next) {
-                  var _c_env_node_res, _c_env_node, _c_env, reporter, locals, resArgs, customMiddlewareCtx, getCost, cost;
+                  var _c_env_node_res, _c_env_node, _c_env, monitors, locals, resArgs, customMiddlewareCtx, getCost, cost;
                   return _ts_generator(this, function(_state2) {
                     switch (_state2.label) {
                       case 0:
-                        reporter = c.get("reporter");
+                        monitors = c.get("monitors");
                         locals = {};
                         resArgs = {
                           headers: new Headers()
@@ -205,7 +205,7 @@ var CustomServer = /* @__PURE__ */ function() {
                       case 1:
                         _state2.sent();
                         cost = getCost();
-                        cost && (reporter === null || reporter === void 0 ? void 0 : reporter.reportTiming(ServerReportTimings.SERVER_MIDDLEWARE, cost));
+                        cost && (monitors === null || monitors === void 0 ? void 0 : monitors.timing(ServerTimings.SERVER_MIDDLEWARE, cost));
                         c.set("locals", locals);
                         if (isRedirect(resArgs.headers, resArgs.status)) {
                           return [

package/dist/esm/plugins/index.js

@@ -3,13 +3,15 @@ import { faviconPlugin } from "./favicon";
 import { processedByPlugin } from "./processedBy";
 import { getLoaderCtx } from "./customServer";
 import { logPlugin } from "./log";
-import { monitorPlugin } from "./monitor";
+import { initMonitorsPlugin, injectServerTiming, injectloggerPluigin } from "./monitors";
 export {
   faviconPlugin,
   getLoaderCtx,
   getRenderHandler,
+  initMonitorsPlugin,
+  injectServerTiming,
+  injectloggerPluigin,
   logPlugin,
-  monitorPlugin,
   processedByPlugin,
   renderPlugin
 };

package/dist/esm/plugins/log.js

@@ -41,13 +41,13 @@ function log(fn, prefix, method, path) {
 function logHandler() {
   return function() {
     var _logger = _async_to_generator(function(c, next) {
-      var method, _$logger, path, logFn, start;
+      var method, monitors, path, logFn, start;
       return _ts_generator(this, function(_state) {
         switch (_state.label) {
           case 0:
             method = c.req.method;
-            _$logger = c.get("logger");
-            if (!!_$logger)
+            monitors = c.get("monitors");
+            if (!!monitors)
               return [
                 3,
                 2
@@ -63,7 +63,7 @@ function logHandler() {
             ];
           case 2:
             path = getPathname(c.req.raw);
-            logFn = _$logger.debug;
+            logFn = monitors.debug;
             log(logFn, "<--", method, path);
             start = Date.now();
             return [