npm - @unpackjs/plugin-react - Versions diffs - 3.2.4 → 3.3.0 - Mend

@unpackjs/plugin-react 3.2.4 → 3.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.js +3 -3
package/dist/injectScript.js +119 -73
package/dist-types/click-to-component/index.d.ts.map +1 -1
package/dist-types/mpa.d.ts.map +1 -1
package/package.json +4 -5
package/dist/index.cjs +0 -261

package/dist/index.js CHANGED Viewed

@@ -2,7 +2,7 @@ import __rslib_shim_module__ from 'module';
 let require = __rslib_shim_module__.createRequire(import.meta.url);
 import { fileURLToPath as __webpack_fileURLToPath__ } from "node:url";
 import plugin_react_refresh from "@rspack/plugin-react-refresh";
-import { TEMPLATE_CONTENT, TEMP_DIR, addRestartCleaner, colors, esVersionToBrowserslist, getPathInJs, getPort, isDev, isDevServer, isFunction, isPlainObject, launchEditor, logger, mergeConfig as core_mergeConfig, removeDir, rspack } from "@unpackjs/core";
+import { TEMPLATE_CONTENT, addRestartCleaner, colors, esVersionToBrowserslist, getPathInJs, getPort, isDev, isDevServer, isFunction, isPlainObject, launchEditor, logger, mergeConfig as core_mergeConfig, removeDir, rspack } from "@unpackjs/core";
 import node_fs from "node:fs";
 import node_http from "node:http";
 var click_to_component_dirname = __webpack_dirname__(__webpack_fileURLToPath__(import.meta.url));
@@ -37,7 +37,7 @@ if (!document.querySelector('#__click-to-component__')) {
         node_fs.writeFileSync(filePath, `${scriptTpl}\n${content}`, 'utf-8');
     });
     else {
-        let realEntryPath = node_path.resolve(config.context, TEMP_DIR, 'entries', `index.${port}.jsx`), tpl = `
+        let realEntryPath = node_path.resolve(config.context, unpackConfig._context.cachePath, 'entries', `index.${port}.jsx`), tpl = `
 ${scriptTpl}
 import '${getPathInJs(node_path.resolve(Object.values(config.entry)[0]))}'
 `, dir = node_path.dirname(realEntryPath);
@@ -55,7 +55,7 @@ import '${getPathInJs(node_path.resolve(Object.values(config.entry)[0]))}'
         bundlerConfig: async (originalConfig, { unpackConfig, mergeConfig })=>{
             let config = originalConfig;
             unpackConfig.mpa && (config = (({ config, unpackConfig })=>{
-                let start, entry, html, pagesRoot, tempDirectory = node_path.join(TEMP_DIR, 'mpa'), userOptions = isPlainObject(unpackConfig.mpa) ? unpackConfig.mpa : {}, { entry: entry1, html: html1 } = (start = performance.now(), entry = {}, html = [], pagesRoot = node_path.join(unpackConfig.root, 'src', 'pages'), node_fs.readdirSync(pagesRoot).forEach((filename)=>{
+                let start, entry, html, pagesRoot, tempDirectory = node_path.join(unpackConfig._context.cachePath, 'mpa'), userOptions = isPlainObject(unpackConfig.mpa) ? unpackConfig.mpa : {}, { entry: entry1, html: html1 } = (start = performance.now(), entry = {}, html = [], pagesRoot = node_path.join(unpackConfig.root, 'src', 'pages'), node_fs.readdirSync(pagesRoot).forEach((filename)=>{
                     if (filename.startsWith('.')) return;
                     let indexFilePath = ((dir)=>{
                         for (let extension of [

package/dist/injectScript.js CHANGED Viewed

@@ -1,75 +1,121 @@
-const COVER_ID = '__click-to-component__';
-let cover = null, currentDebugSource = null, enabled = !1;
-function debounce(fn, delay = 200) {
-    let timer = null;
-    return (...args)=>{
-        clearTimeout(timer), timer = setTimeout(()=>{
-            fn(...args);
-        }, delay);
-    };
-}
-function applyStyles(target, styles) {
-    Object.entries(styles).forEach(([key, value])=>{
-        target.style[key] = value;
-    });
-}
-function createCover() {
-    (cover = document.createElement('div')).id = '__click-to-component__', applyStyles(cover, {
-        position: 'fixed',
-        zIndex: '999999',
-        background: 'rgba(111, 168, 220, 0.5)',
-        display: 'none',
-        pointerEvents: 'none'
-    }), document.body.appendChild(cover);
-}
-function updateCover(target) {
-    if ('function' != typeof target.getBoundingClientRect) {
-        currentDebugSource = null;
-        return;
+!function() {
+    let cover = null, nameTag = null, currentDebugSource = null, cachedFiberKey = null, isEnabled = !1, debounceTimer = null;
+    function applyStyles(target, styles) {
+        for(let key in styles)target.style[key] = styles[key];
+    }
+    function hideCover() {
+        cover && (cover.style.display = 'none');
     }
-    let { top, left, width, height } = target.getBoundingClientRect();
-    applyStyles(cover, {
-        top: top + 'px',
-        left: left + 'px',
-        width: width + 'px',
-        height: height + 'px',
-        display: 'block'
-    });
-}
-function hideCover() {
-    cover.style.display = 'none';
-}
-function getFiberWithDebugSourceByTarget(target) {
-    let fiberKey = Object.keys(target).find((key)=>key.includes('__reactFiber')), doNext = (fiber, depth = 0)=>{
-        if (fiber && !(depth > 10)) {
-            if (fiber._debugSource) return fiber;
-            if (fiber._debugOwner) return doNext(fiber._debugOwner, depth + 1);
-            console.warn('[WARN] click-to-component cannot work with the minified version of React.');
-        }
+    let handleClick = (e)=>{
+        0 === e.button && (e.preventDefault(), e.stopPropagation(), function() {
+            if (!currentDebugSource) return;
+            let port = window.CLICK_TO_COMPONENT?.port, { fileName, lineNumber, columnNumber } = currentDebugSource, url = new URL('http://localhost:' + port + '/');
+            url.searchParams.set('file', fileName), url.searchParams.set('line', lineNumber), url.searchParams.set('column', columnNumber), fetch(url.toString()).catch(()=>{
+                new Image().src = url.toString();
+            });
+        }(), stopInspect());
+    }, debouncedMouseOver = (e)=>{
+        debounceTimer && clearTimeout(debounceTimer), debounceTimer = setTimeout(()=>{
+            ((e)=>{
+                if (!isEnabled) return;
+                let target = e.composedPath && e.composedPath().length > 0 ? e.composedPath()[0] : e.target;
+                if (3 === target.nodeType && (target = target.parentElement), !target || 1 !== target.nodeType) return;
+                let originalFiber = function(target) {
+                    if (!target || 'object' != typeof target) return null;
+                    if (cachedFiberKey && target[cachedFiberKey]) return target[cachedFiberKey];
+                    try {
+                        cachedFiberKey = Object.keys(target).find((key)=>key.startsWith('__reactFiber$'));
+                    } catch  {
+                        return null;
+                    }
+                    return target[cachedFiberKey];
+                }(target);
+                if (!originalFiber) return;
+                let debugFiber = function(fiber) {
+                    let curr = fiber;
+                    for(; curr;){
+                        if (curr._debugSource) return curr;
+                        curr = curr.return || curr._debugOwner;
+                    }
+                    return null;
+                }(originalFiber);
+                if (!debugFiber) return;
+                let highlightNode = function findDOMOfFiber(fiber) {
+                    if (!fiber) return null;
+                    if (fiber.stateNode instanceof Element) return fiber.stateNode;
+                    let child = fiber.child;
+                    for(; child;){
+                        let dom = findDOMOfFiber(child);
+                        if (dom) return dom;
+                        child = child.sibling;
+                    }
+                    return null;
+                }(debugFiber), displayText = function(source) {
+                    if (!source || !source.fileName) return 'Unknown Source';
+                    let { fileName, lineNumber, columnNumber } = source, parts = fileName.split(/[\\/]/);
+                    return (parts.length > 3 ? parts.slice(-3).join('/') : parts.join('/')) + ':' + lineNumber + ':' + columnNumber;
+                }(currentDebugSource = debugFiber._debugSource);
+                !function(rect, text) {
+                    if (!rect) return hideCover();
+                    let el = (cover || ((cover = document.createElement('div')).id = '__click-to-component-cover__', applyStyles(cover, {
+                        position: 'fixed',
+                        zIndex: 2147483647,
+                        background: 'rgba(111, 168, 220, 0.3)',
+                        boxSizing: 'border-box',
+                        display: 'none',
+                        pointerEvents: 'none',
+                        transition: 'all 0.2s cubic-bezier(0.25, 1, 0.5, 1)',
+                        boxShadow: 'inset 0 0 0 1px #4a90e2, 0 0 4px rgba(74, 144, 226, 0.5)'
+                    }), (nameTag = document.createElement('span')).id = '__click-to-component-name__', applyStyles(nameTag, {
+                        position: 'absolute',
+                        bottom: '0',
+                        right: '0',
+                        background: '#2d3748',
+                        color: '#fff',
+                        fontSize: '12px',
+                        fontFamily: 'Consolas, Monaco, "Andale Mono", monospace',
+                        fontWeight: 'bold',
+                        padding: '4px 8px',
+                        pointerEvents: 'none',
+                        whiteSpace: 'nowrap',
+                        zIndex: 2147483648,
+                        boxShadow: '0 4px 6px rgba(0, 0, 0, 0.3)'
+                    }), cover.appendChild(nameTag), document.documentElement.appendChild(cover)), cover);
+                    applyStyles(el, {
+                        top: rect.top + 'px',
+                        left: rect.left + 'px',
+                        width: rect.width + 'px',
+                        height: rect.height + 'px',
+                        display: 'block'
+                    }), nameTag.innerText = text, nameTag.style.left = 'auto', nameTag.style.right = 'auto', nameTag.style.top = 'auto', nameTag.style.bottom = 'auto';
+                    let tagWidth = nameTag.offsetWidth, viewportHeight = window.innerHeight;
+                    rect.right - tagWidth < 0 ? nameTag.style.left = '0' : nameTag.style.right = '0';
+                    rect.height < 50 || rect.width < tagWidth + 20 ? rect.bottom + 28 <= viewportHeight ? nameTag.style.bottom = "-28px" : nameTag.style.top = "-28px" : nameTag.style.bottom = '0';
+                }(highlightNode.getBoundingClientRect(), displayText);
+            })(e);
+        }, 30);
     };
-    return doNext(target[fiberKey]);
-}
-function getClosestNodeFromFiber(fiber) {
-    return fiber.stateNode ? fiber.stateNode : getClosestNodeFromFiber(fiber.return);
-}
-function openEditor() {
-    let xhr;
-    if (!currentDebugSource) return;
-    let port = window.CLICK_TO_COMPONENT.port, { fileName, lineNumber, columnNumber } = currentDebugSource, url = "http://localhost:" + port + "/?file=" + fileName + "&line=" + lineNumber + "&column=" + columnNumber;
-    (xhr = new XMLHttpRequest()).open('GET', url, !0), xhr.send(), xhr.addEventListener('error', ()=>{
-        document.createElement('img').src = url;
-    });
-}
-document.addEventListener('mouseover', debounce((e)=>{
-    if (!enabled) return;
-    let fiber = getFiberWithDebugSourceByTarget(e.target);
-    if (!fiber) return;
-    let closestNode = getClosestNodeFromFiber(fiber);
-    closestNode && (currentDebugSource = fiber._debugSource, updateCover(closestNode));
-}, 30)), document.addEventListener('click', (e)=>{
-    enabled && (e.stopPropagation(), e.preventDefault(), openEditor(), hideCover(), enabled = !1);
-}, !0), document.addEventListener('keydown', (e)=>{
-    'Alt' === e.key && (enabled = !0);
-}), document.addEventListener('keyup', (e)=>{
-    'Alt' === e.key && (enabled = !1, hideCover());
-}), createCover();
+    function stopInspect() {
+        isEnabled && (isEnabled = !1, document.body.style.cursor = '', debounceTimer && clearTimeout(debounceTimer), hideCover(), currentDebugSource = null, document.removeEventListener('mouseover', debouncedMouseOver, {
+            capture: !0
+        }), document.removeEventListener('click', handleClick, {
+            capture: !0
+        }), window.removeEventListener('scroll', hideCover, {
+            capture: !0
+        }), window.removeEventListener('resize', hideCover));
+    }
+    document.addEventListener('keydown', (e)=>{
+        ('Alt' === e.key || 'Option' === e.key) && (isEnabled || (isEnabled = !0, document.body.style.cursor = 'crosshair', document.addEventListener('mouseover', debouncedMouseOver, {
+            capture: !0
+        }), document.addEventListener('click', handleClick, {
+            capture: !0
+        }), window.addEventListener('scroll', hideCover, {
+            capture: !0,
+            passive: !0
+        }), window.addEventListener('resize', hideCover, {
+            passive: !0
+        })));
+    }), document.addEventListener('keyup', (e)=>{
+        ('Alt' === e.key || 'Option' === e.key) && stopInspect();
+    }), window.addEventListener('blur', stopInspect), console.log('%c[Click-To-Component] Ready.', 'color: #888');
+}();

package/dist-types/click-to-component/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/click-to-component/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,oBAAoB,~~EAKzB~~,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAA;AA4BvB,eAAO,MAAM,2BAA2B,GAAU,2BAG/C;IACD,MAAM,EAAE,oBAAoB,CAAA;IAC5B,YAAY,EAAE,YAAY,CAAA;CAC3B,KAAG,OAAO,CAAC,oBAAoB,~~CA+B~~/B,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/click-to-component/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,oBAAoB,EAIzB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAA;AA4BvB,eAAO,MAAM,2BAA2B,GAAU,2BAG/C;IACD,MAAM,EAAE,oBAAoB,CAAA;IAC5B,YAAY,EAAE,YAAY,CAAA;CAC3B,KAAG,OAAO,CAAC,oBAAoB,CAoC/B,CAAA"}

package/dist-types/mpa.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mpa.d.ts","sourceRoot":"","sources":["../src/mpa.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,oBAAoB,~~EAYzB~~,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAA;AAYvB,eAAO,MAAM,cAAc,GAAI,2BAG5B;IACD,MAAM,EAAE,oBAAoB,CAAA;IAC5B,YAAY,EAAE,YAAY,CAAA;CAC3B,KAAG,oBA2GH,CAAA"}
1	+ {"version":3,"file":"mpa.d.ts","sourceRoot":"","sources":["../src/mpa.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,oBAAoB,EAWzB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAA;AAYvB,eAAO,MAAM,cAAc,GAAI,2BAG5B;IACD,MAAM,EAAE,oBAAoB,CAAA;IAC5B,YAAY,EAAE,YAAY,CAAA;CAC3B,KAAG,oBA2GH,CAAA"}

package/package.json CHANGED Viewed

@@ -1,17 +1,16 @@
 {
   "name": "@unpackjs/plugin-react",
-  "version": "3.2.4",
+  "version": "3.3.0",
   "description": "React plugin for Unpack",
   "type": "module",
   "exports": {
     ".": {
       "types": "./dist-types/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "import": "./dist/index.js"
     },
     "./package.json": "./package.json"
   },
-  "main": "./dist/index.cjs",
+  "main": "./dist/index.js",
   "types": "./dist-types/index.d.ts",
   "keywords": [],
   "authors": [],
@@ -30,7 +29,7 @@
     "react-refresh": "0.18.0"
   },
   "devDependencies": {
-    "@unpackjs/core": "3.5.0"
+    "@unpackjs/core": "3.6.0"
   },
   "peerDependencies": {
     "@unpackjs/core": "3.x"

package/dist/index.cjs DELETED Viewed

@@ -1,261 +0,0 @@
-"use strict";
-const __rslib_import_meta_url__ = 'undefined' == typeof document ? new (require('url'.replace('', ''))).URL('file:' + __filename).href : document.currentScript && document.currentScript.src || new URL('main.js', document.baseURI).href;
-var __webpack_require__ = {};
-__webpack_require__.n = (module)=>{
-    var getter = module && module.__esModule ? ()=>module.default : ()=>module;
-    return __webpack_require__.d(getter, {
-        a: getter
-    }), getter;
-}, __webpack_require__.d = (exports1, definition)=>{
-    for(var key in definition)__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key) && Object.defineProperty(exports1, key, {
-        enumerable: !0,
-        get: definition[key]
-    });
-}, __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop), __webpack_require__.r = (exports1)=>{
-    'undefined' != typeof Symbol && Symbol.toStringTag && Object.defineProperty(exports1, Symbol.toStringTag, {
-        value: 'Module'
-    }), Object.defineProperty(exports1, '__esModule', {
-        value: !0
-    });
-};
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__), __webpack_require__.d(__webpack_exports__, {
-    pluginReact: ()=>pluginReact,
-    PLUGIN_NAME: ()=>PLUGIN_NAME
-});
-const external_node_path_namespaceObject = require("node:path");
-var external_node_path_default = __webpack_require__.n(external_node_path_namespaceObject);
-const plugin_react_refresh_namespaceObject = require("@rspack/plugin-react-refresh");
-var plugin_react_refresh_default = __webpack_require__.n(plugin_react_refresh_namespaceObject);
-const core_namespaceObject = require("@unpackjs/core"), external_node_fs_namespaceObject = require("node:fs");
-var external_node_fs_default = __webpack_require__.n(external_node_fs_namespaceObject);
-const external_node_http_namespaceObject = require("node:http");
-var external_node_http_default = __webpack_require__.n(external_node_http_namespaceObject);
-const createServer = ()=>new Promise((resolve)=>{
-        let server = external_node_http_default().createServer((req, res)=>{
-            let params = new URLSearchParams(req.url.slice(1)), file = decodeURIComponent(params.get('file')), line = Number(params.get('line')), column = Number(params.get('column'));
-            res.writeHead(200, {
-                'Access-Control-Allow-Origin': '*',
-                'Access-Control-Allow-Methods': '*',
-                'Access-Control-Allow-Headers': '*',
-                'Access-Control-Allow-Private-Network': 'true'
-            }), res.end('ok'), (0, core_namespaceObject.launchEditor)(`${file}:${line}:${column}`);
-        });
-        (0, core_namespaceObject.getPort)().then((port)=>{
-            server.listen(port, ()=>{
-                resolve({
-                    port
-                });
-            });
-        }), (0, core_namespaceObject.addRestartCleaner)(()=>new Promise((resolve)=>server.close(()=>resolve())));
-    }), applyClickToComponentConfig = async ({ config, unpackConfig })=>{
-    let { port } = await createServer(), injectScript = external_node_fs_default().readFileSync(external_node_path_default().resolve(__dirname, './injectScript.js'), 'utf-8'), scriptTpl = `
-if (!document.querySelector('#__click-to-component__')) {
-  const script = document.createElement('script')
-  window['CLICK_TO_COMPONENT'] = { port: ${port} }
-  script.setAttribute('type', 'text/javascript')
-  script.textContent = \`${injectScript}\`
-  document.body.appendChild(script)
-}`;
-    if (unpackConfig.mpa) Object.values(config.entry).forEach((entryConfig)=>{
-        let filePath = entryConfig.import[0], content = external_node_fs_default().readFileSync(filePath, 'utf-8');
-        external_node_fs_default().writeFileSync(filePath, `${scriptTpl}\n${content}`, 'utf-8');
-    });
-    else {
-        let realEntryPath = external_node_path_default().resolve(config.context, core_namespaceObject.TEMP_DIR, 'entries', `index.${port}.jsx`), tpl = `
-${scriptTpl}
-import '${(0, core_namespaceObject.getPathInJs)(external_node_path_default().resolve(Object.values(config.entry)[0]))}'
-`, dir = external_node_path_default().dirname(realEntryPath);
-        external_node_fs_default().existsSync(dir) || external_node_fs_default().mkdirSync(dir, {
-            recursive: !0
-        }), external_node_fs_default().writeFileSync(realEntryPath, tpl, 'utf-8'), config.entry = {
-            main: realEntryPath
-        };
-    }
-    return config;
-}, applyMpaConfig = ({ config, unpackConfig })=>{
-    let start, entry, html, pagesRoot, tempDirectory = external_node_path_default().join(core_namespaceObject.TEMP_DIR, 'mpa'), userOptions = (0, core_namespaceObject.isPlainObject)(unpackConfig.mpa) ? unpackConfig.mpa : {}, { entry: entry1, html: html1 } = (start = performance.now(), entry = {}, html = [], pagesRoot = external_node_path_default().join(unpackConfig.root, 'src', 'pages'), external_node_fs_default().readdirSync(pagesRoot).forEach((filename)=>{
-        if (filename.startsWith('.')) return;
-        let indexFilePath = ((dir)=>{
-            for (let extension of [
-                '.tsx',
-                '.jsx'
-            ]){
-                let indexFilePath = external_node_path_default().join(dir, `index${extension}`);
-                if (external_node_fs_default().existsSync(indexFilePath)) return indexFilePath;
-            }
-            return null;
-        })(external_node_path_default().join(pagesRoot, filename));
-        if (indexFilePath) {
-            let filePath, pageConfig, pageConfig1 = (filePath = external_node_path_default().join(indexFilePath, '../config.json'), pageConfig = {}, external_node_fs_default().existsSync(filePath) && (pageConfig = JSON.parse(external_node_fs_default().readFileSync(filePath, 'utf-8'))), pageConfig), entryName = !0 === userOptions.lowerCase ? filename.toLowerCase() : filename;
-            pageConfig1.filename && (entryName = pageConfig1.filename.slice(0, -5)), entry[entryName] = {
-                import: [
-                    indexFilePath
-                ]
-            }, pageConfig1.template && (pageConfig1.template = external_node_path_default().join(indexFilePath, '../', pageConfig1.template)), html.push({
-                template: unpackConfig.html?.template || void 0,
-                templateContent: unpackConfig.html?.templateContent || (unpackConfig.html?.template ? void 0 : core_namespaceObject.TEMPLATE_CONTENT),
-                minify: !1,
-                filename: `${entryName}.html`,
-                chunks: [
-                    entryName
-                ],
-                ...pageConfig1,
-                templateParameters: {
-                    mountId: unpackConfig.html?.mountId || '',
-                    title: (0, core_namespaceObject.isFunction)(unpackConfig.html?.title) ? unpackConfig.html?.title({
-                        entryName
-                    }) : unpackConfig.html?.title || '',
-                    headTag: unpackConfig.html?.headTag || '',
-                    ...unpackConfig.html?.templateParameters,
-                    ...pageConfig1.templateParameters
-                }
-            });
-        }
-    }), (0, core_namespaceObject.isDevServer)() || core_namespaceObject.logger.info(`collect entries in ${(performance.now() - start).toFixed(2)}ms ${core_namespaceObject.colors.dim('[MPA]')}`), {
-        entry,
-        html
-    });
-    return (0, core_namespaceObject.mergeConfig)(config, {
-        entry: ((entry)=>{
-            let root = unpackConfig.root;
-            (0, core_namespaceObject.removeDir)(external_node_path_default().join(root, tempDirectory));
-            let globalImport = userOptions.globalImport?.reduce((acc, curr)=>`${acc}\nimport '${(0, core_namespaceObject.getPathInJs)(external_node_path_default().resolve(root, curr))}'`, '') || '', { layout } = userOptions, layoutImport = layout ? `import Layout from '${(0, core_namespaceObject.getPathInJs)(external_node_path_default().resolve(root, layout))}'` : '', layoutJSX = layout ? '<Layout><App /></Layout>' : '<App />', rootElement = `document.getElementById('${unpackConfig.html?.mountId}')`, renderer = `ReactDOM.createRoot(${rootElement}).render(${layoutJSX})`;
-            return Object.entries(entry).forEach(([entryName, entryConfig])=>{
-                let filePath = external_node_path_default().join(root, tempDirectory, `${entryName}.jsx`), tpl = `
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from '${(0, core_namespaceObject.getPathInJs)(entryConfig.import[0])}'${layoutImport && `\n${layoutImport}`}
-${globalImport}
-${renderer}
-`, dir = external_node_path_default().dirname(filePath);
-                external_node_fs_default().existsSync(dir) || external_node_fs_default().mkdirSync(dir, {
-                    recursive: !0
-                }), external_node_fs_default().writeFileSync(filePath, tpl, 'utf-8'), entryConfig.import[0] = filePath;
-            }), entry;
-        })(entry1),
-        plugins: html1.map((h)=>new core_namespaceObject.rspack.HtmlRspackPlugin(h))
-    });
-}, applySplitChunksConfig = ({ config })=>{
-    let currentSplitChunks = config.optimization?.splitChunks;
-    if (!currentSplitChunks) return config;
-    let extraGroups = {};
-    return extraGroups.react = {
-        name: 'lib-react',
-        test: (0, core_namespaceObject.isDevServer)() ? /node_modules[\\/](?:react|react-dom|scheduler|react-refresh|@rspack[\\/]plugin-react-refresh)[\\/]/ : /node_modules[\\/](?:react|react-dom|scheduler)[\\/]/,
-        priority: 0
-    }, extraGroups.router = {
-        name: 'lib-router',
-        test: /node_modules[\\/](?:react-router|react-router-dom|history|@remix-run[\\/]router)[\\/]/,
-        priority: 0
-    }, config.optimization.splitChunks = {
-        ...currentSplitChunks,
-        cacheGroups: {
-            ...extraGroups,
-            ...currentSplitChunks.cacheGroups ?? {}
-        }
-    }, config;
-}, PLUGIN_NAME = 'unpack:react', pluginReact = (options = {})=>{
-    let { clickToComponent } = options;
-    return {
-        name: PLUGIN_NAME,
-        bundlerConfig: async (originalConfig, { unpackConfig, mergeConfig })=>{
-            let config = originalConfig;
-            unpackConfig.mpa && (config = applyMpaConfig({
-                config,
-                unpackConfig
-            })), (0, core_namespaceObject.isDev)() && clickToComponent && (config = await applyClickToComponentConfig({
-                config,
-                unpackConfig
-            })), unpackConfig.performance?.chunkSplit?.strategy === 'split-by-experience' && (config = applySplitChunksConfig({
-                config
-            }));
-            let jsExclude = [
-                /node_modules[\\/](?!\.unpack)/
-            ], getSwcOptions = ({ tsx })=>({
-                    jsc: {
-                        parser: {
-                            tsx,
-                            syntax: "typescript",
-                            dynamicImport: !0,
-                            decorators: !0
-                        },
-                        externalHelpers: !0,
-                        transform: {
-                            react: {
-                                runtime: 'automatic',
-                                refresh: (0, core_namespaceObject.isDevServer)()
-                            }
-                        }
-                    },
-                    env: {
-                        targets: (0, core_namespaceObject.esVersionToBrowserslist)(unpackConfig.build.target)
-                    }
-                });
-            return mergeConfig(config, {
-                module: {
-                    rules: [
-                        {
-                            test: /\.(j|t)s$/,
-                            exclude: jsExclude,
-                            use: [
-                                {
-                                    loader: 'builtin:swc-loader',
-                                    options: getSwcOptions({
-                                        tsx: !1
-                                    })
-                                }
-                            ]
-                        },
-                        {
-                            test: /\.(j|t)sx$/,
-                            exclude: jsExclude,
-                            use: [
-                                {
-                                    loader: 'builtin:swc-loader',
-                                    options: getSwcOptions({
-                                        tsx: !0
-                                    })
-                                }
-                            ]
-                        },
-                        {
-                            test: /\.svg$/i,
-                            type: 'asset',
-                            resourceQuery: /url/
-                        },
-                        {
-                            test: /\.svg$/i,
-                            issuer: /\.[jt]sx?$/,
-                            resourceQuery: {
-                                not: [
-                                    /url/
-                                ]
-                            },
-                            use: [
-                                require.resolve('@svgr/webpack')
-                            ]
-                        }
-                    ]
-                },
-                plugins: [
-                    (0, core_namespaceObject.isDevServer)() && new (plugin_react_refresh_default())({
-                        overlay: !1
-                    })
-                ].filter(Boolean),
-                resolve: {
-                    alias: {
-                        '@swc/helpers': external_node_path_default().dirname(require.resolve('@swc/helpers/package.json'))
-                    }
-                }
-            });
-        }
-    };
-};
-for(var __webpack_i__ in exports.PLUGIN_NAME = __webpack_exports__.PLUGIN_NAME, exports.pluginReact = __webpack_exports__.pluginReact, __webpack_exports__)-1 === [
-    "PLUGIN_NAME",
-    "pluginReact"
-].indexOf(__webpack_i__) && (exports[__webpack_i__] = __webpack_exports__[__webpack_i__]);
-Object.defineProperty(exports, '__esModule', {
-    value: !0
-});