@bleedingdev/modern-js-runtime 3.9.0-ultramodern.2 → 3.9.0-ultramodern.21

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

@@ -1,6 +1,15 @@
 import type { RouteObject } from '@modern-js/runtime-utils/router';
-import type { TRuntimeContext } from '../../core/context/runtime.js';
-import type { RouterLifecycleContext } from './lifecycle.js';
+import type { TInternalRuntimeContext, TRuntimeContext } from '../../core/context/runtime.js';
+export type RouterLifecycleContext = {
+    framework: string;
+    phase: 'ssr-prepare' | 'client-create' | 'hydrate';
+    routes: RouteObject[];
+    runtimeContext: TInternalRuntimeContext;
+    basename?: string;
+    hydrationData?: unknown;
+    router?: unknown;
+    [key: string]: unknown;
+};
 export type RouterSyncHook<Handler extends (...args: any[]) => any> = {
     call: (...args: Parameters<Handler>) => ReturnType<Handler>;
     [key: string]: unknown;
@@ -12,6 +21,14 @@ declare const onAfterCreateRouter: RouterSyncHook<(context: RouterLifecycleConte
 declare const onBeforeHydrateRouter: RouterSyncHook<(context: RouterLifecycleContext) => void>;
 declare const onAfterHydrateRouter: RouterSyncHook<(context: RouterLifecycleContext) => void>;
 export { modifyRoutes, onAfterCreateRouter, onAfterHydrateRouter, onBeforeCreateRouter, onBeforeCreateRoutes, onBeforeHydrateRouter, };
+export declare const routerProviderRegistryHooks: {
+    modifyRoutes: RouterSyncHook<(routes: RouteObject[]) => RouteObject[]>;
+    onBeforeCreateRoutes: RouterSyncHook<(context: TRuntimeContext) => void>;
+    onBeforeCreateRouter: RouterSyncHook<(context: RouterLifecycleContext) => void>;
+    onAfterCreateRouter: RouterSyncHook<(context: RouterLifecycleContext) => void>;
+    onBeforeHydrateRouter: RouterSyncHook<(context: RouterLifecycleContext) => void>;
+    onAfterHydrateRouter: RouterSyncHook<(context: RouterLifecycleContext) => void>;
+};
 export type RouterExtendsHooks = {
     modifyRoutes: typeof modifyRoutes;
     onBeforeCreateRoutes: typeof onBeforeCreateRoutes;

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

@@ -1,22 +1,5 @@
-import type { RuntimePlugin } from '../../common.js';
-import type { RouterExtendsHooks } from './hooks.js';
-import type { RouterProviderRegistration } from './provider.js';
-import type { RouterConfig, SingleRouteConfig } from './types.js';
-type LocalRouterProvider = Omit<RouterProviderRegistration, 'isDefault'>;
-export type RouterPluginFactory = (userConfig?: Partial<RouterConfig>) => RuntimePlugin<{
-    extendHooks: RouterExtendsHooks;
-}>;
-/**
- * Create one router wrapper and its provider realm for a runtime entry. Optional
- * providers are supplied by the entry-owning integration (for example the
- * TanStack runtime/router module), so independently bundled apps never resolve
- * factories from another app's module graph.
- */
-export declare const createRouterPlugin: (localProviders?: readonly LocalRouterProvider[]) => RouterPluginFactory;
-export declare const routerPlugin: RouterPluginFactory;
-export default routerPlugin;
-export type { RouterExtendsHooks } from './hooks.js';
-export { modifyRoutes } from './plugin.js';
-export { createRouterProviderRealm, type RouterProviderFactory, type RouterProviderPlugin, type RouterProviderRealm, type RouterProviderRegistration, registerRouterProvider, resolveRouterProvider, } from './provider.js';
+export { type RouterExtendsHooks, type RouterLifecycleContext, routerProviderRegistryHooks, } from './hooks.js';
+export type { LinkPrefetchPolicy } from './PrefetchLink.js';
+export { modifyRoutes, routerPlugin, routerPlugin as default } from './plugin.js';
+export type { RouterConfig, SingleRouteConfig } from './types.js';
 export { renderRoutes } from './utils.js';
-export type { RouterConfig, SingleRouteConfig };

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

@@ -20,15 +20,11 @@ export type SingleRouteConfig = RouteProps & {
      */
     component?: React.ComponentType;
 };
-export type BuiltInRouterFramework = 'react-router' | 'tanstack';
-export type RouterFramework = BuiltInRouterFramework | (string & {});
 export type RouterConfig = {
     /**
-     * Select the router implementation used by Modern.js conventional routing.
-     * - `react-router` (default): React Router based integration
-     * - `tanstack`: TanStack Router integration
+     * Router implementation identifier for integrations that provide selection.
      */
-    framework?: RouterFramework;
+    framework?: string;
     routesConfig: {
         globalApp?: React.ComponentType<any>;
         routes?: ModernRoute[];
@@ -50,46 +46,9 @@ export type RouterConfig = {
     unstable_reloadOnURLMismatch?: boolean;
 };
 export type Routes = RouterConfig['routesConfig']['routes'];
-export interface RouterRouteMatchSnapshot {
-    routeId: string;
-    assetRouteId?: string;
-    pathname?: string;
-    params?: Record<string, string>;
-}
 export interface RouteManifest {
     routeAssets: RouteAssets;
 }
-export interface InternalRouterServerSnapshot {
-    framework?: RouterFramework;
-    basename?: string;
-    statusCode?: number;
-    errors?: Record<string, unknown>;
-    routerData?: {
-        loaderData?: Record<string, unknown>;
-        errors?: Record<string, unknown>;
-    };
-    hydrationScript?: string;
-    hydrationScripts?: string[];
-    matchedRouteIds?: string[];
-    matches?: RouterRouteMatchSnapshot[];
-}
-export interface InternalRouterRuntimeState {
-    framework: RouterFramework;
-    basename?: string;
-    instance?: unknown;
-    hydrationScript?: string;
-    hydrationScripts?: string[];
-    matchedRouteIds?: string[];
-    matches?: RouterRouteMatchSnapshot[];
-    serverSnapshot?: InternalRouterServerSnapshot;
-    cleanup?: () => void | Promise<void>;
-}
-export interface RouterServerPrepareResult {
-    state: InternalRouterRuntimeState;
-    snapshot?: InternalRouterServerSnapshot;
-    redirect?: Response;
-    cleanup?: () => void | Promise<void>;
-}
 export interface RouteAssets {
     [routeId: string]: {
         chunkIds?: (string | number)[];

package/package.json

@@ -17,7 +17,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "3.9.0-ultramodern.2",
+  "version": "3.9.0-ultramodern.21",
   "engines": {
     "node": ">=20"
   },
@@ -69,26 +69,6 @@
       "types": "./dist/types/exports/head.d.ts",
       "default": "./dist/esm/exports/head.mjs"
     },
-    "./boundary-debugger": {
-      "types": "./dist/types/boundary-debugger/index.d.ts",
-      "default": "./dist/esm/boundary-debugger/index.mjs"
-    },
-    "./module-federation": {
-      "types": "./dist/types/module-federation/index.d.ts",
-      "default": "./dist/esm/module-federation/index.mjs"
-    },
-    "./module-federation/distributed-ssr": {
-      "types": "./dist/types/module-federation/distributed-ssr.d.ts",
-      "default": "./dist/esm/module-federation/distributed-ssr.mjs"
-    },
-    "./module-federation/manifest-recovery-runtime-plugin": {
-      "types": "./dist/types/module-federation/manifest-recovery-runtime-plugin.d.ts",
-      "node": {
-        "import": "./dist/esm/module-federation/manifest-recovery-runtime-plugin.mjs",
-        "require": "./dist/cjs/module-federation/manifest-recovery-runtime-plugin.js"
-      },
-      "default": "./dist/esm/module-federation/manifest-recovery-runtime-plugin.mjs"
-    },
     "./ssr": {
       "types": "./dist/types/core/server/index.d.ts",
       "default": "./dist/esm/core/server/index.mjs"
@@ -196,15 +176,6 @@
       "head": [
         "./dist/types/exports/head.d.ts"
       ],
-      "boundary-debugger": [
-        "./dist/types/boundary-debugger/index.d.ts"
-      ],
-      "module-federation": [
-        "./dist/types/module-federation/index.d.ts"
-      ],
-      "module-federation/manifest-recovery-runtime-plugin": [
-        "./dist/types/module-federation/manifest-recovery-runtime-plugin.d.ts"
-      ],
       "document": [
         "./dist/types/document/index.d.ts"
       ],
@@ -246,47 +217,48 @@
   "dependencies": {
     "@loadable/component": "5.16.7",
     "@loadable/server": "5.16.7",
-    "@modern-js/plugin": "npm:@bleedingdev/modern-js-plugin@3.9.0-ultramodern.2",
-    "@modern-js/plugin-data-loader": "npm:@bleedingdev/modern-js-plugin-data-loader@3.9.0-ultramodern.2",
-    "@modern-js/render": "npm:@bleedingdev/modern-js-render@3.9.0-ultramodern.2",
-    "@modern-js/runtime-extensions": "npm:@bleedingdev/modern-js-runtime-extensions@3.9.0-ultramodern.2",
-    "@modern-js/runtime-utils": "npm:@bleedingdev/modern-js-runtime-utils@3.9.0-ultramodern.2",
-    "@modern-js/types": "npm:@bleedingdev/modern-js-types@3.9.0-ultramodern.2",
-    "@modern-js/utils": "npm:@bleedingdev/modern-js-utils@3.9.0-ultramodern.2",
+    "@modern-js/plugin": "npm:@bleedingdev/modern-js-plugin@3.9.0-ultramodern.21",
+    "@modern-js/plugin-data-loader": "npm:@bleedingdev/modern-js-plugin-data-loader@3.9.0-ultramodern.21",
+    "@modern-js/render": "npm:@bleedingdev/modern-js-render@3.9.0-ultramodern.21",
+    "@modern-js/runtime-extensions": "npm:@bleedingdev/modern-js-runtime-extensions@3.9.0-ultramodern.21",
+    "@modern-js/runtime-utils": "npm:@bleedingdev/modern-js-runtime-utils@3.9.0-ultramodern.21",
+    "@modern-js/server-core": "npm:@bleedingdev/modern-js-server-core@3.9.0-ultramodern.21",
+    "@modern-js/types": "npm:@bleedingdev/modern-js-types@3.9.0-ultramodern.21",
+    "@modern-js/utils": "npm:@bleedingdev/modern-js-utils@3.9.0-ultramodern.21",
     "@swc/core": "1.16.2",
     "@swc/helpers": "^0.5.23",
     "@swc/plugin-loadable-components": "^13.0.0",
     "@types/loadable__component": "^5.13.10",
     "@types/react-helmet": "^6.1.11",
     "cookie": "2.0.1",
-    "entities": "^8.0.0",
+    "entities": "^8.1.0",
     "es-module-lexer": "^2.3.2",
     "esbuild": "^0.28.2",
     "invariant": "^2.2.4",
     "isbot": "5.2.2",
     "react-helmet": "^6.1.0",
     "react-helmet-async": "3.0.0",
-    "react-is": "^19.2.8"
+    "react-is": "^19.3.0"
   },
   "peerDependencies": {
     "react": "^19.2.8",
     "react-dom": "^19.2.8"
   },
   "devDependencies": {
-    "@modern-js/app-tools": "npm:@bleedingdev/modern-js-app-tools@3.9.0-ultramodern.2",
+    "@modern-js/app-tools": "npm:@bleedingdev/modern-js-app-tools@3.9.0-ultramodern.21",
     "@remix-run/web-fetch": "^4.4.2",
-    "@rsbuild/core": "2.2.3",
-    "@rslib/core": "1.0.0",
+    "@rsbuild/core": "2.2.10",
+    "@rslib/core": "1.0.2",
     "@scripts/rstest-config": "2.66.0",
-    "@testing-library/dom": "^10.4.1",
+    "@testing-library/dom": "^10.4.2",
     "@testing-library/react": "^16.3.3",
     "@types/cookie": "0.6.0",
     "@types/invariant": "^2.2.37",
     "@types/loadable__server": "5.12.11",
-    "@types/node": "^26.4.1",
+    "@types/node": "^26.6.2",
     "@typescript/native-preview": "7.0.0-dev.20260707.2",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
     "ts-node": "^10.9.2",
     "typescript": "^7.0.2"
   },

package/rslib.config.mts

@@ -10,6 +10,9 @@ export default defineConfig({
   },
   output: {
     externals: [
+      // Keep the package self-reference in the output: Module Federation
+      // shares the runtime contexts by that request.
+      '@modern-js/runtime/context',
       {
         '@modern-js/runtime-utils/node$':
           'commonjs @modern-js/runtime-utils/node',

package/rstest.config.mts

@@ -1,3 +1,4 @@
+import path from 'node:path';
 import type { ProjectConfig } from '@rstest/core';
 import { withTestPreset } from '@scripts/rstest-config';
 
@@ -23,7 +24,7 @@ export default {
       name: 'plugin-runtime-node',
       testEnvironment: 'node',
       exclude: [
-        'tests/boundary-debugger/client.test.tsx',
+        'tests/ssr/serverRender/workerLifecycle.test.tsx',
         'tests/router/plugin.client.test.tsx',
         'tests/router/prefetch.test.tsx',
         'tests/router/prefetch-realm-isolation.test.tsx',
@@ -48,11 +49,36 @@ export default {
         },
       ],
     }),
+    withTestPreset({
+      name: 'plugin-runtime-worker-lifecycle',
+      testEnvironment: 'node',
+      extends: commonConfig,
+      include: ['tests/ssr/serverRender/workerLifecycle.test.tsx'],
+      resolve: {
+        alias: {
+          '@modern-js/render/ssr': path.join(
+            __dirname,
+            '../render/src/server/ssr/index.ts',
+          ),
+          'react-server-dom-rspack/client.browser': path.join(
+            __dirname,
+            'tests/fixtures/rsc-client.ts',
+          ),
+          'react-server-dom-rspack/client.edge': path.join(
+            __dirname,
+            'tests/fixtures/rsc-client.ts',
+          ),
+          '@modern-js/render/rsc': path.join(
+            __dirname,
+            'tests/fixtures/rsc-server.ts',
+          ),
+        },
+      },
+    }),
     withTestPreset({
       name: 'plugin-runtime-client',
       testEnvironment: 'happy-dom',
       include: [
-        'tests/boundary-debugger/client.test.tsx',
         'tests/router/plugin.client.test.tsx',
         'tests/router/prefetch.test.tsx',
         'tests/router/prefetch-realm-isolation.test.tsx',

package/dist/cjs/boundary-debugger/index.js

@@ -1,317 +0,0 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, getters, values)=>{
-        var define = (defs, kind)=>{
-            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-                enumerable: true,
-                [kind]: defs[key]
-            });
-        };
-        define(getters, "get");
-        define(values, "value");
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    default: ()=>boundary_debugger,
-    ultramodernBoundaryDebuggerPlugin: ()=>ultramodernBoundaryDebuggerPlugin
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
-const defaultStorageKey = 'modernjs:boundary-debugger:enabled';
-const queryParamName = 'modern-boundaries';
-const boundarySelector = '[data-modern-boundary-id]';
-const defaultLabels = {
-    cs: {
-        toggle: 'zobrazit hranice týmů'
-    },
-    en: {
-        toggle: 'show team boundaries'
-    }
-};
-const palette = [
-    '#ff5a5f',
-    '#30e27a',
-    '#f6cf45',
-    '#7c8cff',
-    '#29b6f6'
-];
-const readStoredEnabled = (storageKey, fallback)=>{
-    if ("u" < typeof window) return fallback;
-    try {
-        const stored = window.localStorage.getItem(storageKey);
-        return null === stored ? fallback : 'true' === stored;
-    } catch  {
-        return fallback;
-    }
-};
-const writeStoredEnabled = (storageKey, enabled)=>{
-    if ("u" < typeof window) return;
-    try {
-        window.localStorage.setItem(storageKey, String(enabled));
-    } catch  {}
-};
-const parseEnabledOverride = (value)=>{
-    if (null === value) return;
-    const normalized = value.toLowerCase();
-    if ('1' === normalized || 'true' === normalized) return true;
-    if ('0' === normalized || 'false' === normalized) return false;
-};
-const readQueryEnabledOverride = ()=>{
-    if ("u" < typeof window) return;
-    try {
-        return parseEnabledOverride(new URLSearchParams(window.location.search).get(queryParamName));
-    } catch  {
-        return;
-    }
-};
-const detectLanguage = ()=>{
-    if ("u" < typeof document) return 'en';
-    const htmlLanguage = document.documentElement.lang;
-    if ('' !== htmlLanguage) return htmlLanguage.split('-')[0] || 'en';
-    if ("u" < typeof window) return 'en';
-    return window.location.pathname.split('/').filter(Boolean)[0] || 'en';
-};
-const hashBoundaryId = (id)=>{
-    let hash = 0;
-    for(let index = 0; index < id.length; index++)hash = 31 * hash + id.charCodeAt(index) >>> 0;
-    return hash;
-};
-const formatRectKey = (rect)=>[
-        Math.round(100 * rect.left) / 100,
-        Math.round(100 * rect.top) / 100,
-        Math.round(100 * rect.width) / 100,
-        Math.round(100 * rect.height) / 100
-    ].join(':');
-const getBoundaryId = (element)=>element.dataset.modernBoundaryId ?? element.dataset.mfRemote ?? element.getAttribute('data-mf-remote') ?? void 0;
-const collectBoundaryElements = (legacySelector)=>{
-    const elements = new Set();
-    for (const element of document.querySelectorAll(boundarySelector))elements.add(element);
-    if (void 0 === legacySelector || '' === legacySelector) return Array.from(elements);
-    try {
-        for (const element of document.querySelectorAll(legacySelector))elements.add(element);
-    } catch  {}
-    return Array.from(elements);
-};
-function BoundaryDebugger({ controlMode = 'visible', enabledByDefault = false, labels = defaultLabels, legacySelector, metadata, storageKey = defaultStorageKey }) {
-    const [mounted, setMounted] = (0, external_react_namespaceObject.useState)(false);
-    const [enabled, setEnabled] = (0, external_react_namespaceObject.useState)(false);
-    const [boxes, setBoxes] = (0, external_react_namespaceObject.useState)([]);
-    const boundaries = (0, external_react_namespaceObject.useMemo)(()=>new Map(metadata.boundaries.map((entry, index)=>[
-                entry.mfName,
-                {
-                    ...entry,
-                    color: entry.color ?? palette[index % palette.length],
-                    label: entry.label ?? entry.appId
-                }
-            ])), [
-        metadata
-    ]);
-    const language = mounted ? detectLanguage() : 'en';
-    const toggleLabel = labels[language]?.toggle ?? labels.en?.toggle ?? defaultLabels.en?.toggle ?? 'show team boundaries';
-    (0, external_react_namespaceObject.useEffect)(()=>{
-        setMounted(true);
-        const queryOverride = readQueryEnabledOverride();
-        setEnabled(queryOverride ?? readStoredEnabled(storageKey, enabledByDefault));
-    }, [
-        enabledByDefault,
-        storageKey
-    ]);
-    (0, external_react_namespaceObject.useEffect)(()=>{
-        if (!mounted) return;
-        writeStoredEnabled(storageKey, enabled);
-    }, [
-        enabled,
-        mounted,
-        storageKey
-    ]);
-    (0, external_react_namespaceObject.useEffect)(()=>{
-        if (!enabled) return void setBoxes([]);
-        let resizeObserver;
-        const observedElements = new Set();
-        const observeBoundaryElements = (elements)=>{
-            if (void 0 === resizeObserver) return;
-            for (const element of elements)if (!observedElements.has(element)) {
-                observedElements.add(element);
-                resizeObserver.observe(element);
-            }
-        };
-        const readBoxes = ()=>{
-            const elements = collectBoundaryElements(legacySelector);
-            observeBoundaryElements(elements);
-            const seenBoxes = new Set();
-            const nextBoxes = elements.map((element)=>{
-                const boundaryId = getBoundaryId(element);
-                if (void 0 === boundaryId || '' === boundaryId) return;
-                const rect = element.getBoundingClientRect();
-                if (rect.width <= 0 || rect.height <= 0) return;
-                const rectKey = formatRectKey(rect);
-                const boxKey = `${boundaryId}:${rectKey}`;
-                if (seenBoxes.has(boxKey)) return;
-                seenBoxes.add(boxKey);
-                const boundary = boundaries.get(boundaryId);
-                const color = boundary?.color ?? palette[hashBoundaryId(boundaryId) % palette.length];
-                const label = boundary?.label ?? boundary?.appId ?? boundaryId;
-                const expose = element.dataset.modernMfExpose;
-                const detail = void 0 !== expose && '' !== expose && expose !== label && expose !== boundaryId ? expose : void 0;
-                const box = {
-                    color,
-                    height: rect.height,
-                    id: boxKey,
-                    label,
-                    left: rect.left,
-                    top: rect.top,
-                    width: rect.width
-                };
-                if (void 0 !== detail) box.detail = detail;
-                return box;
-            }).filter((box)=>void 0 !== box);
-            setBoxes(nextBoxes);
-        };
-        resizeObserver = "u" < typeof ResizeObserver ? void 0 : new ResizeObserver(readBoxes);
-        readBoxes();
-        const mutationObserver = new MutationObserver(readBoxes);
-        mutationObserver.observe(document.body, {
-            childList: true,
-            subtree: true
-        });
-        window.addEventListener('resize', readBoxes);
-        window.addEventListener('scroll', readBoxes, true);
-        return ()=>{
-            mutationObserver.disconnect();
-            resizeObserver?.disconnect();
-            window.removeEventListener('resize', readBoxes);
-            window.removeEventListener('scroll', readBoxes, true);
-        };
-    }, [
-        boundaries,
-        enabled,
-        legacySelector
-    ]);
-    if (!mounted) return null;
-    const shouldRenderToggle = 'visible' === controlMode || 'hidden-when-off' === controlMode && enabled;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
-        children: [
-            shouldRenderToggle ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("label", {
-                style: {
-                    alignItems: 'center',
-                    background: 'rgba(255, 255, 255, 0.96)',
-                    border: '1px solid rgba(0, 0, 0, 0.1)',
-                    borderRadius: 10,
-                    boxShadow: '0 10px 28px rgba(0, 0, 0, 0.14)',
-                    color: '#111827',
-                    display: 'flex',
-                    font: '600 13px/1.2 system-ui, sans-serif',
-                    gap: 8,
-                    left: 'max(12px, env(safe-area-inset-left))',
-                    maxWidth: 'calc(100vw - 24px)',
-                    padding: '9px 11px',
-                    position: 'fixed',
-                    top: 'max(12px, env(safe-area-inset-top))',
-                    zIndex: 2147483000
-                },
-                children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
-                        checked: enabled,
-                        onChange: (event)=>setEnabled(event.currentTarget.checked),
-                        type: "checkbox"
-                    }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                        children: toggleLabel
-                    })
-                ]
-            }) : null,
-            enabled ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                "aria-hidden": "true",
-                children: boxes.map((box)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                        "data-modern-boundary-overlay": "",
-                        "data-modern-boundary-overlay-id": box.id,
-                        "data-modern-boundary-overlay-label": box.label,
-                        style: {
-                            border: `2px solid ${box.color}`,
-                            borderRadius: 8,
-                            boxSizing: 'border-box',
-                            boxShadow: `0 0 0 1px rgba(255,255,255,.72), 0 6px 20px color-mix(in srgb, ${box.color} 20%, transparent)`,
-                            height: box.height,
-                            left: box.left,
-                            pointerEvents: 'none',
-                            position: 'fixed',
-                            top: box.top,
-                            width: box.width,
-                            zIndex: 2147482999
-                        },
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
-                            style: {
-                                background: box.color,
-                                borderRadius: 999,
-                                color: '#111827',
-                                display: 'grid',
-                                font: '800 11px/1.1 system-ui, sans-serif',
-                                gap: 3,
-                                maxWidth: 'min(280px, calc(100vw - 24px))',
-                                padding: '5px 8px',
-                                position: 'absolute',
-                                right: 4,
-                                top: 4,
-                                whiteSpace: 'nowrap'
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                    children: box.label
-                                }),
-                                void 0 !== box.detail && '' !== box.detail ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                    style: {
-                                        font: '700 10px/1.1 system-ui, sans-serif',
-                                        opacity: 0.82,
-                                        overflow: 'hidden',
-                                        textOverflow: 'ellipsis'
-                                    },
-                                    children: box.detail
-                                }) : null
-                            ]
-                        })
-                    }, box.id))
-            }) : null
-        ]
-    });
-}
-const ultramodernBoundaryDebuggerPlugin = (options)=>({
-        name: '@modern-js/runtime/boundary-debugger',
-        setup: (api)=>{
-            api.wrapRoot((App)=>(props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
-                        children: [
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(App, {
-                                ...props
-                            }),
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BoundaryDebugger, {
-                                ...options
-                            })
-                        ]
-                    }));
-        }
-    });
-const boundary_debugger = ultramodernBoundaryDebuggerPlugin;
-exports["default"] = __webpack_exports__["default"];
-exports.ultramodernBoundaryDebuggerPlugin = __webpack_exports__.ultramodernBoundaryDebuggerPlugin;
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "default",
-    "ultramodernBoundaryDebuggerPlugin"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});