@unpackjs/plugin-react 2.1.0 → 2.1.1

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 };

package/dist/react-compiler-loader/index.cjs

@@ -1,95 +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__, {
-    default: ()=>reactCompilerLoader
-});
-const core_namespaceObject = require("@babel/core");
-const plugin_proposal_decorators_namespaceObject = require("@babel/plugin-proposal-decorators");
-var plugin_proposal_decorators_default = /*#__PURE__*/ __webpack_require__.n(plugin_proposal_decorators_namespaceObject);
-const plugin_transform_class_properties_namespaceObject = require("@babel/plugin-transform-class-properties");
-var plugin_transform_class_properties_default = /*#__PURE__*/ __webpack_require__.n(plugin_transform_class_properties_namespaceObject);
-const external_babel_plugin_react_compiler_namespaceObject = require("babel-plugin-react-compiler");
-var external_babel_plugin_react_compiler_default = /*#__PURE__*/ __webpack_require__.n(external_babel_plugin_react_compiler_namespaceObject);
-const defaultBabelParsePlugins = [
-    'jsx',
-    "typescript"
-];
-async function reactCompilerLoader(input, _inputSourceMap) {
-    const callback = this.async();
-    try {
-        const options = this.getOptions();
-        const result = await core_namespaceObject.transformAsync(input, {
-            sourceFileName: this.resourcePath,
-            filename: this.resourcePath,
-            cloneInputAst: false,
-            plugins: [
-                [
-                    external_babel_plugin_react_compiler_default(),
-                    options
-                ],
-                [
-                    plugin_proposal_decorators_default(),
-                    {
-                        legacy: true
-                    }
-                ],
-                [
-                    plugin_transform_class_properties_default()
-                ]
-            ],
-            parserOpts: {
-                plugins: [
-                    ...defaultBabelParsePlugins
-                ]
-            },
-            ast: false,
-            sourceMaps: true,
-            configFile: false,
-            babelrc: false
-        });
-        if (!result) throw new TypeError('babel.transformAsync with react compiler plugin returns null');
-        const { code, map } = result;
-        callback(null, code ?? void 0, map ?? void 0);
-    } catch (e) {
-        callback(e);
-    }
-}
-exports["default"] = __webpack_exports__["default"];
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "default"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/react-compiler-loader/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react-compiler-loader/index.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,yBAAyB,GAAG;IACtC,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC3B,CAAA;AAMD,wBAA8B,mBAAmB,CAAC,IAAI,KAAA,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,iBAiC1F"}

package/dist/splitChunks.cjs

@@ -1,59 +0,0 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __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__, {
-    applySplitChunksConfig: ()=>applySplitChunksConfig
-});
-const core_namespaceObject = require("@unpackjs/core");
-const applySplitChunksConfig = ({ config, unpackConfig })=>{
-    if ('split-by-experience' !== unpackConfig.performance.chunkSplit.strategy) return config;
-    const currentConfig = config.optimization.splitChunks;
-    const extraGroups = {};
-    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 = {
-        ...currentConfig,
-        cacheGroups: {
-            ...extraGroups,
-            ...currentConfig.cacheGroups
-        }
-    };
-    return config;
-};
-exports.applySplitChunksConfig = __webpack_exports__.applySplitChunksConfig;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "applySplitChunksConfig"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/splitChunks.js

@@ -1,27 +0,0 @@
-import 'module';
-/*#__PURE__*/ import.meta.url;
-import { isDevServer } from "@unpackjs/core";
-const applySplitChunksConfig = ({ config, unpackConfig })=>{
-    if ('split-by-experience' !== unpackConfig.performance.chunkSplit.strategy) return config;
-    const currentConfig = config.optimization.splitChunks;
-    const extraGroups = {};
-    extraGroups.react = {
-        name: 'lib-react',
-        test: 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 = {
-        ...currentConfig,
-        cacheGroups: {
-            ...extraGroups,
-            ...currentConfig.cacheGroups
-        }
-    };
-    return config;
-};
-export { applySplitChunksConfig };