@unpackjs/plugin-react 2.1.0 → 2.2.0

package/{dist → dist-types}/index.d.ts

@@ -2,7 +2,6 @@ import { type UnpackPlugin } from '@unpackjs/core';
 export declare const PLUGIN_NAME = "unpack:react";
 export type PluginReactOptions = {
     clickToComponent?: boolean;
-    reactCompiler?: boolean;
 };
 export declare const pluginReact: (options?: PluginReactOptions) => UnpackPlugin;
 //# sourceMappingURL=index.d.ts.map

package/dist-types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAML,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAA;AAKvB,eAAO,MAAM,WAAW,iBAAiB,CAAA;AAEzC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AACD,eAAO,MAAM,WAAW,GAAI,UAAS,kBAAuB,KAAG,YA0F9D,CAAA"}

package/{dist → dist-types}/mpa.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mpa.d.ts","sourceRoot":"","sources":["../src/mpa.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,oBAAoB,EAUzB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAA;AAYvB,eAAO,MAAM,cAAc,GAAI,oDAK5B;IACD,MAAM,EAAE,oBAAoB,CAAA;IAC5B,YAAY,EAAE,YAAY,CAAA;IAC1B,WAAW,EAAE,CAAC,GAAG,OAAO,EAAE,oBAAoB,EAAE,KAAK,oBAAoB,CAAA;IACzE,UAAU,EAAE,GAAG,CAAA;CAChB,KAAG,oBA6GH,CAAA"}
+{"version":3,"file":"mpa.d.ts","sourceRoot":"","sources":["../src/mpa.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,oBAAoB,EAUzB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAA;AAYvB,eAAO,MAAM,cAAc,GAAI,oDAK5B;IACD,MAAM,EAAE,oBAAoB,CAAA;IAC5B,YAAY,EAAE,YAAY,CAAA;IAC1B,WAAW,EAAE,CAAC,GAAG,OAAO,EAAE,oBAAoB,EAAE,KAAK,oBAAoB,CAAA;IACzE,UAAU,EAAE,GAAG,CAAA;CAChB,KAAG,oBA8GH,CAAA"}

package/package.json

@@ -1,43 +1,40 @@
 {
   "name": "@unpackjs/plugin-react",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "",
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist-types/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
-    }
+    },
+    "./package.json": "./package.json"
   },
   "main": "./dist/index.cjs",
-  "types": "./dist/index.d.ts",
+  "types": "./dist-types/index.d.ts",
   "keywords": [],
   "authors": [],
   "license": "MIT",
   "files": [
     "dist",
-    "compiled"
+    "dist-types"
   ],
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@babel/core": "7.27.4",
-    "@babel/plugin-proposal-decorators": "7.27.1",
-    "@babel/plugin-transform-class-properties": "7.27.1",
     "@pmmmwh/react-refresh-webpack-plugin": "0.6.1",
     "@rspack/plugin-react-refresh": "1.4.3",
     "@svgr/webpack": "8.1.0",
-    "@swc/core": "1.12.7",
+    "@swc/core": "1.12.9",
     "@swc/helpers": "0.5.17",
-    "babel-plugin-react-compiler": "latest",
     "launch-editor": "2.10.0",
     "react-refresh": "0.17.0",
     "swc-loader": "0.2.6"
   },
   "devDependencies": {
-    "@unpackjs/core": "2.3.0"
+    "@unpackjs/core": "2.4.3"
   },
   "peerDependencies": {
     "@unpackjs/core": "2.x"

package/dist/click-to-component/index.cjs

@@ -1,110 +0,0 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != 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__, {
-    applyClickToComponentConfig: ()=>applyClickToComponentConfig
-});
-const external_node_fs_namespaceObject = require("node:fs");
-var external_node_fs_default = /*#__PURE__*/ __webpack_require__.n(external_node_fs_namespaceObject);
-const external_node_http_namespaceObject = require("node:http");
-var external_node_http_default = /*#__PURE__*/ __webpack_require__.n(external_node_http_namespaceObject);
-const external_node_path_namespaceObject = require("node:path");
-var external_node_path_default = /*#__PURE__*/ __webpack_require__.n(external_node_path_namespaceObject);
-const core_namespaceObject = require("@unpackjs/core");
-const external_launch_editor_namespaceObject = require("launch-editor");
-var external_launch_editor_default = /*#__PURE__*/ __webpack_require__.n(external_launch_editor_namespaceObject);
-const createServer = ()=>new Promise((resolve)=>{
-        const server = external_node_http_default().createServer((req, res)=>{
-            const params = new URLSearchParams(req.url.slice(1));
-            const file = decodeURIComponent(params.get('file'));
-            const line = Number(params.get('line'));
-            const 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');
-            external_launch_editor_default()(`${file}:${line}:${column}`);
-        });
-        (0, core_namespaceObject.getPort)().then((port)=>{
-            server.listen(port, ()=>{
-                resolve({
-                    port
-                });
-            });
-        });
-        core_namespaceObject.restartCleaners.push(()=>new Promise((resolve)=>server.close(()=>resolve())));
-    });
-const applyClickToComponentConfig = async ({ config, unpackConfig })=>{
-    const { port } = await createServer();
-    const injectScript = external_node_fs_default().readFileSync(external_node_path_default().resolve(__dirname, './injectScript.js'), 'utf-8');
-    const 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)=>{
-        const filePath = entryConfig.import[0];
-        const content = external_node_fs_default().readFileSync(filePath, 'utf-8');
-        external_node_fs_default().writeFileSync(filePath, `${scriptTpl}\n${content}`, 'utf-8');
-    });
-    else {
-        const realEntryPath = external_node_path_default().resolve(config.context, core_namespaceObject.TEMP_DIR, 'entries', `index.${port}.jsx`);
-        const tpl = `
-${scriptTpl}
-import '${(0, core_namespaceObject.getPathInJs)(external_node_path_default().resolve(Object.values(config.entry)[0]))}'
-`;
-        const dir = external_node_path_default().dirname(realEntryPath);
-        if (!external_node_fs_default().existsSync(dir)) external_node_fs_default().mkdirSync(dir, {
-            recursive: true
-        });
-        external_node_fs_default().writeFileSync(realEntryPath, tpl, 'utf-8');
-        config.entry = {
-            main: realEntryPath
-        };
-    }
-    return config;
-};
-exports.applyClickToComponentConfig = __webpack_exports__.applyClickToComponentConfig;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "applyClickToComponentConfig"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/click-to-component/index.js

@@ -1,68 +0,0 @@
-import 'module';
-/*#__PURE__*/ import.meta.url;
-import { fileURLToPath as __webpack_fileURLToPath__ } from "node:url";
-import { dirname as __webpack_dirname__ } from "node:path";
-import node_fs from "node:fs";
-import node_http from "node:http";
-import node_path from "node:path";
-import { TEMP_DIR, getPathInJs, getPort, restartCleaners } from "@unpackjs/core";
-import launch_editor from "launch-editor";
-var click_to_component_dirname = __webpack_dirname__(__webpack_fileURLToPath__(import.meta.url));
-const createServer = ()=>new Promise((resolve)=>{
-        const server = node_http.createServer((req, res)=>{
-            const params = new URLSearchParams(req.url.slice(1));
-            const file = decodeURIComponent(params.get('file'));
-            const line = Number(params.get('line'));
-            const 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');
-            launch_editor(`${file}:${line}:${column}`);
-        });
-        getPort().then((port)=>{
-            server.listen(port, ()=>{
-                resolve({
-                    port
-                });
-            });
-        });
-        restartCleaners.push(()=>new Promise((resolve)=>server.close(()=>resolve())));
-    });
-const applyClickToComponentConfig = async ({ config, unpackConfig })=>{
-    const { port } = await createServer();
-    const injectScript = node_fs.readFileSync(node_path.resolve(click_to_component_dirname, './injectScript.js'), 'utf-8');
-    const 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)=>{
-        const filePath = entryConfig.import[0];
-        const content = node_fs.readFileSync(filePath, 'utf-8');
-        node_fs.writeFileSync(filePath, `${scriptTpl}\n${content}`, 'utf-8');
-    });
-    else {
-        const realEntryPath = node_path.resolve(config.context, TEMP_DIR, 'entries', `index.${port}.jsx`);
-        const tpl = `
-${scriptTpl}
-import '${getPathInJs(node_path.resolve(Object.values(config.entry)[0]))}'
-`;
-        const dir = node_path.dirname(realEntryPath);
-        if (!node_fs.existsSync(dir)) node_fs.mkdirSync(dir, {
-            recursive: true
-        });
-        node_fs.writeFileSync(realEntryPath, tpl, 'utf-8');
-        config.entry = {
-            main: realEntryPath
-        };
-    }
-    return config;
-};
-export { applyClickToComponentConfig };

package/dist/click-to-component/injectScript.js

@@ -1,116 +0,0 @@
-const COVER_ID = '__click-to-component__';
-let cover = null;
-let currentDebugSource = null;
-let enabled = false;
-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');
-    cover.id = COVER_ID;
-    applyStyles(cover, {
-        position: 'fixed',
-        zIndex: '999999',
-        background: 'rgba(120, 170, 210, 0.6)',
-        display: 'none',
-        pointerEvents: 'none'
-    });
-    document.body.appendChild(cover);
-}
-function updateCover(target) {
-    if ('function' != typeof target.getBoundingClientRect) {
-        currentDebugSource = null;
-        return;
-    }
-    const { 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) {
-    const fiberKey = Object.keys(target).find((key)=>key.includes('__reactFiber'));
-    const maxDepth = 10;
-    const doNext = (fiber, depth = 0)=>{
-        if (!fiber) return;
-        if (depth > maxDepth) return;
-        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.');
-    };
-    return doNext(target[fiberKey]);
-}
-function getClosestNodeFromFiber(fiber) {
-    if (fiber.stateNode) return fiber.stateNode;
-    return getClosestNodeFromFiber(fiber.return);
-}
-function openEditor() {
-    if (!currentDebugSource) return;
-    const port = window.CLICK_TO_COMPONENT.port;
-    const { fileName, lineNumber, columnNumber } = currentDebugSource;
-    const url = [
-        'http://localhost:',
-        port,
-        '/?file=',
-        fileName,
-        '&line=',
-        lineNumber,
-        '&column=',
-        columnNumber
-    ].join('');
-    const sendXHR = ()=>{
-        const xhr = new XMLHttpRequest();
-        xhr.open('GET', url, true);
-        xhr.send();
-        xhr.addEventListener('error', ()=>{
-            const img = document.createElement('img');
-            img.src = url;
-        });
-    };
-    sendXHR();
-}
-document.addEventListener('mouseover', debounce((e)=>{
-    if (!enabled) return;
-    const target = e.target;
-    const fiber = getFiberWithDebugSourceByTarget(target);
-    if (!fiber) return;
-    const closestNode = getClosestNodeFromFiber(fiber);
-    if (!closestNode) return;
-    currentDebugSource = fiber._debugSource;
-    updateCover(closestNode);
-}, 30));
-document.addEventListener('click', (e)=>{
-    if (!enabled) return;
-    e.stopPropagation();
-    e.preventDefault();
-    openEditor();
-    hideCover();
-    enabled = false;
-}, true);
-document.addEventListener('keydown', (e)=>{
-    if ('Alt' === e.key) enabled = true;
-});
-document.addEventListener('keyup', (e)=>{
-    if ('Alt' === e.key) {
-        enabled = false;
-        hideCover();
-    }
-});
-createCover();

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EASL,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAA;AAKvB,eAAO,MAAM,WAAW,iBAAiB,CAAA;AAEzC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AACD,eAAO,MAAM,WAAW,GAAI,UAAS,kBAAuB,KAAG,YAoG9D,CAAA"}

package/dist/mpa.cjs

@@ -1,152 +0,0 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != 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__, {
-    applyMpaConfig: ()=>applyMpaConfig
-});
-const external_node_fs_namespaceObject = require("node:fs");
-var external_node_fs_default = /*#__PURE__*/ __webpack_require__.n(external_node_fs_namespaceObject);
-const external_node_path_namespaceObject = require("node:path");
-var external_node_path_default = /*#__PURE__*/ __webpack_require__.n(external_node_path_namespaceObject);
-const core_namespaceObject = require("@unpackjs/core");
-const applyMpaConfig = ({ config, unpackConfig, mergeConfig, HtmlPlugin })=>{
-    if (!unpackConfig.mpa) return config;
-    const isRspack = 'rspack' === unpackConfig.bundler;
-    const tempDirectory = external_node_path_default().join(core_namespaceObject.TEMP_DIR, 'mpa');
-    const userOptions = (0, core_namespaceObject.isPlainObject)(unpackConfig.mpa) ? unpackConfig.mpa : {};
-    const getPageConfig = (indexPath)=>{
-        const filePath = external_node_path_default().join(indexPath, '../config.json');
-        let pageConfig = {};
-        if (external_node_fs_default().existsSync(filePath)) pageConfig = JSON.parse(external_node_fs_default().readFileSync(filePath, 'utf-8'));
-        return pageConfig;
-    };
-    const createTempFile = (entry)=>{
-        var _userOptions_globalImport, _unpackConfig_html;
-        (0, core_namespaceObject.removeDir)(external_node_path_default().join(unpackConfig.root, tempDirectory));
-        const globalImport = (null == (_userOptions_globalImport = userOptions.globalImport) ? void 0 : _userOptions_globalImport.reduce((acc, curr)=>`${acc}\nimport '${(0, core_namespaceObject.getPathInJs)(external_node_path_default().resolve(unpackConfig.root, curr))}'`, '')) || '';
-        const { layout } = userOptions;
-        const layoutImport = layout ? `import Layout from '${(0, core_namespaceObject.getPathInJs)(external_node_path_default().resolve(unpackConfig.root, layout))}'` : '';
-        const layoutJSX = layout ? '<Layout><App /></Layout>' : '<App />';
-        const rootElement = `document.getElementById('${null == (_unpackConfig_html = unpackConfig.html) ? void 0 : _unpackConfig_html.mountId}')`;
-        const reactDOMSource = 'react-dom/client';
-        const renderer = `ReactDOM.createRoot(${rootElement}).render(${layoutJSX})`;
-        Object.entries(entry).forEach(([entryName, entryConfig])=>{
-            const filePath = external_node_path_default().join(unpackConfig.root, tempDirectory, `${entryName}.jsx`);
-            const tpl = `
-import React from 'react'
-import ReactDOM from '${reactDOMSource}'
-import App from '${(0, core_namespaceObject.getPathInJs)(entryConfig.import[0])}'${layoutImport && `\n${layoutImport}`}
-${globalImport}
-${renderer}
-`;
-            const dir = external_node_path_default().dirname(filePath);
-            if (!external_node_fs_default().existsSync(dir)) external_node_fs_default().mkdirSync(dir, {
-                recursive: true
-            });
-            external_node_fs_default().writeFileSync(filePath, tpl, 'utf-8');
-            entryConfig.import[0] = filePath;
-        });
-        return entry;
-    };
-    const collectEntry = ()=>{
-        const start = performance.now();
-        const entry = {};
-        const html = [];
-        const getIndexFilePath = (dir)=>{
-            const extensions = [
-                '.tsx',
-                '.jsx'
-            ];
-            for (const extension of extensions){
-                const indexFilePath = external_node_path_default().join(dir, `index${extension}`);
-                if (external_node_fs_default().existsSync(indexFilePath)) return indexFilePath;
-            }
-            return null;
-        };
-        const pagesRoot = external_node_path_default().join(unpackConfig.root, 'src', 'pages');
-        external_node_fs_default().readdirSync(pagesRoot).forEach((filename)=>{
-            if (filename.startsWith('.')) return;
-            const indexFilePath = getIndexFilePath(external_node_path_default().join(pagesRoot, filename));
-            if (indexFilePath) {
-                var _unpackConfig_html, _unpackConfig_html1, _unpackConfig_html2, _unpackConfig_html3, _unpackConfig_html4, _unpackConfig_html5, _unpackConfig_html6, _unpackConfig_html7, _unpackConfig_html8;
-                const pageConfig = getPageConfig(indexFilePath);
-                let entryName = true === userOptions.lowerCase ? filename.toLowerCase() : filename;
-                if (pageConfig.filename) entryName = pageConfig.filename.slice(0, -5);
-                entry[entryName] = {
-                    import: [
-                        indexFilePath
-                    ]
-                };
-                if (pageConfig.template) pageConfig.template = external_node_path_default().join(indexFilePath, '../', pageConfig.template);
-                html.push({
-                    template: (null == (_unpackConfig_html = unpackConfig.html) ? void 0 : _unpackConfig_html.template) || (isRspack ? void 0 : ''),
-                    templateContent: (null == (_unpackConfig_html1 = unpackConfig.html) ? void 0 : _unpackConfig_html1.templateContent) || ((null == (_unpackConfig_html2 = unpackConfig.html) ? void 0 : _unpackConfig_html2.template) ? isRspack ? void 0 : false : core_namespaceObject.TEMPLATE_CONTENT),
-                    minify: false,
-                    filename: `${entryName}.html`,
-                    chunks: [
-                        entryName
-                    ],
-                    ...pageConfig,
-                    templateParameters: {
-                        mountId: null == (_unpackConfig_html3 = unpackConfig.html) ? void 0 : _unpackConfig_html3.mountId,
-                        title: (0, core_namespaceObject.isFunction)(null == (_unpackConfig_html4 = unpackConfig.html) ? void 0 : _unpackConfig_html4.title) ? null == (_unpackConfig_html5 = unpackConfig.html) ? void 0 : _unpackConfig_html5.title({
-                            entryName
-                        }) : (null == (_unpackConfig_html6 = unpackConfig.html) ? void 0 : _unpackConfig_html6.title) || '',
-                        headTag: (null == (_unpackConfig_html7 = unpackConfig.html) ? void 0 : _unpackConfig_html7.headTag) || '',
-                        ...null == (_unpackConfig_html8 = unpackConfig.html) ? void 0 : _unpackConfig_html8.templateParameters,
-                        ...pageConfig.templateParameters
-                    }
-                });
-            }
-        });
-        (0, core_namespaceObject.isDevServer)() || core_namespaceObject.logger.info(`collect entries in ${(performance.now() - start).toFixed(2)}ms ${core_namespaceObject.colors.dim('[MPA]')}`);
-        return {
-            entry,
-            html
-        };
-    };
-    const { entry, html } = collectEntry();
-    config = mergeConfig(config, {
-        entry: createTempFile(entry),
-        plugins: html.map((h)=>new HtmlPlugin(h))
-    });
-    return config;
-};
-exports.applyMpaConfig = __webpack_exports__.applyMpaConfig;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "applyMpaConfig"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/mpa.js

@@ -1,109 +0,0 @@
-import 'module';
-/*#__PURE__*/ import.meta.url;
-import node_fs from "node:fs";
-import node_path from "node:path";
-import { TEMPLATE_CONTENT, TEMP_DIR, colors, getPathInJs, isDevServer, isFunction, isPlainObject, logger, removeDir } from "@unpackjs/core";
-const applyMpaConfig = ({ config, unpackConfig, mergeConfig, HtmlPlugin })=>{
-    if (!unpackConfig.mpa) return config;
-    const isRspack = 'rspack' === unpackConfig.bundler;
-    const tempDirectory = node_path.join(TEMP_DIR, 'mpa');
-    const userOptions = isPlainObject(unpackConfig.mpa) ? unpackConfig.mpa : {};
-    const getPageConfig = (indexPath)=>{
-        const filePath = node_path.join(indexPath, '../config.json');
-        let pageConfig = {};
-        if (node_fs.existsSync(filePath)) pageConfig = JSON.parse(node_fs.readFileSync(filePath, 'utf-8'));
-        return pageConfig;
-    };
-    const createTempFile = (entry)=>{
-        var _userOptions_globalImport, _unpackConfig_html;
-        removeDir(node_path.join(unpackConfig.root, tempDirectory));
-        const globalImport = (null == (_userOptions_globalImport = userOptions.globalImport) ? void 0 : _userOptions_globalImport.reduce((acc, curr)=>`${acc}\nimport '${getPathInJs(node_path.resolve(unpackConfig.root, curr))}'`, '')) || '';
-        const { layout } = userOptions;
-        const layoutImport = layout ? `import Layout from '${getPathInJs(node_path.resolve(unpackConfig.root, layout))}'` : '';
-        const layoutJSX = layout ? '<Layout><App /></Layout>' : '<App />';
-        const rootElement = `document.getElementById('${null == (_unpackConfig_html = unpackConfig.html) ? void 0 : _unpackConfig_html.mountId}')`;
-        const reactDOMSource = 'react-dom/client';
-        const renderer = `ReactDOM.createRoot(${rootElement}).render(${layoutJSX})`;
-        Object.entries(entry).forEach(([entryName, entryConfig])=>{
-            const filePath = node_path.join(unpackConfig.root, tempDirectory, `${entryName}.jsx`);
-            const tpl = `
-import React from 'react'
-import ReactDOM from '${reactDOMSource}'
-import App from '${getPathInJs(entryConfig.import[0])}'${layoutImport && `\n${layoutImport}`}
-${globalImport}
-${renderer}
-`;
-            const dir = node_path.dirname(filePath);
-            if (!node_fs.existsSync(dir)) node_fs.mkdirSync(dir, {
-                recursive: true
-            });
-            node_fs.writeFileSync(filePath, tpl, 'utf-8');
-            entryConfig.import[0] = filePath;
-        });
-        return entry;
-    };
-    const collectEntry = ()=>{
-        const start = performance.now();
-        const entry = {};
-        const html = [];
-        const getIndexFilePath = (dir)=>{
-            const extensions = [
-                '.tsx',
-                '.jsx'
-            ];
-            for (const extension of extensions){
-                const indexFilePath = node_path.join(dir, `index${extension}`);
-                if (node_fs.existsSync(indexFilePath)) return indexFilePath;
-            }
-            return null;
-        };
-        const pagesRoot = node_path.join(unpackConfig.root, 'src', 'pages');
-        node_fs.readdirSync(pagesRoot).forEach((filename)=>{
-            if (filename.startsWith('.')) return;
-            const indexFilePath = getIndexFilePath(node_path.join(pagesRoot, filename));
-            if (indexFilePath) {
-                var _unpackConfig_html, _unpackConfig_html1, _unpackConfig_html2, _unpackConfig_html3, _unpackConfig_html4, _unpackConfig_html5, _unpackConfig_html6, _unpackConfig_html7, _unpackConfig_html8;
-                const pageConfig = getPageConfig(indexFilePath);
-                let entryName = true === userOptions.lowerCase ? filename.toLowerCase() : filename;
-                if (pageConfig.filename) entryName = pageConfig.filename.slice(0, -5);
-                entry[entryName] = {
-                    import: [
-                        indexFilePath
-                    ]
-                };
-                if (pageConfig.template) pageConfig.template = node_path.join(indexFilePath, '../', pageConfig.template);
-                html.push({
-                    template: (null == (_unpackConfig_html = unpackConfig.html) ? void 0 : _unpackConfig_html.template) || (isRspack ? void 0 : ''),
-                    templateContent: (null == (_unpackConfig_html1 = unpackConfig.html) ? void 0 : _unpackConfig_html1.templateContent) || ((null == (_unpackConfig_html2 = unpackConfig.html) ? void 0 : _unpackConfig_html2.template) ? isRspack ? void 0 : false : TEMPLATE_CONTENT),
-                    minify: false,
-                    filename: `${entryName}.html`,
-                    chunks: [
-                        entryName
-                    ],
-                    ...pageConfig,
-                    templateParameters: {
-                        mountId: null == (_unpackConfig_html3 = unpackConfig.html) ? void 0 : _unpackConfig_html3.mountId,
-                        title: isFunction(null == (_unpackConfig_html4 = unpackConfig.html) ? void 0 : _unpackConfig_html4.title) ? null == (_unpackConfig_html5 = unpackConfig.html) ? void 0 : _unpackConfig_html5.title({
-                            entryName
-                        }) : (null == (_unpackConfig_html6 = unpackConfig.html) ? void 0 : _unpackConfig_html6.title) || '',
-                        headTag: (null == (_unpackConfig_html7 = unpackConfig.html) ? void 0 : _unpackConfig_html7.headTag) || '',
-                        ...null == (_unpackConfig_html8 = unpackConfig.html) ? void 0 : _unpackConfig_html8.templateParameters,
-                        ...pageConfig.templateParameters
-                    }
-                });
-            }
-        });
-        isDevServer() || logger.info(`collect entries in ${(performance.now() - start).toFixed(2)}ms ${colors.dim('[MPA]')}`);
-        return {
-            entry,
-            html
-        };
-    };
-    const { entry, html } = collectEntry();
-    config = mergeConfig(config, {
-        entry: createTempFile(entry),
-        plugins: html.map((h)=>new HtmlPlugin(h))
-    });
-    return config;
-};
-export { applyMpaConfig };