@unpackjs/plugin-react 3.3.0 → 3.3.2

package/dist/index.js

@@ -1,12 +1,12 @@
 import __rslib_shim_module__ from 'module';
 let require = __rslib_shim_module__.createRequire(import.meta.url);
-import { fileURLToPath as __webpack_fileURLToPath__ } from "node:url";
+import { fileURLToPath as __rspack_fileURLToPath } from "node:url";
 import plugin_react_refresh from "@rspack/plugin-react-refresh";
 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));
-let applyClickToComponentConfig = async ({ config, unpackConfig })=>{
+var click_to_component_dirname = __rspack_dirname(__rspack_fileURLToPath(import.meta.url));
+let applyClickToComponentConfig = async ({ config, unpackConfig, cachePath })=>{
     let { port } = await new Promise((resolve)=>{
         let server = node_http.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'));
@@ -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, unpackConfig._context.cachePath, 'entries', `index.${port}.jsx`), tpl = `
+        let realEntryPath = node_path.resolve(config.context, cachePath, 'entries', `index.${port}.jsx`), tpl = `
 ${scriptTpl}
 import '${getPathInJs(node_path.resolve(Object.values(config.entry)[0]))}'
 `, dir = node_path.dirname(realEntryPath);
@@ -52,10 +52,10 @@ import '${getPathInJs(node_path.resolve(Object.values(config.entry)[0]))}'
     let { clickToComponent } = options;
     return {
         name: PLUGIN_NAME,
-        bundlerConfig: async (originalConfig, { unpackConfig, mergeConfig })=>{
+        bundlerConfig: async (originalConfig, { unpackConfig, mergeConfig, cachePath })=>{
             let config = originalConfig;
-            unpackConfig.mpa && (config = (({ config, unpackConfig })=>{
-                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)=>{
+            unpackConfig.mpa && (config = (({ config, unpackConfig, cachePath })=>{
+                let start, entry, html, pagesRoot, tempDirectory = node_path.join(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 [
@@ -119,31 +119,12 @@ ${renderer}
                 });
             })({
                 config,
-                unpackConfig
+                unpackConfig,
+                cachePath
             })), isDev() && clickToComponent && (config = await applyClickToComponentConfig({
                 config,
-                unpackConfig
-            })), unpackConfig.performance?.chunkSplit?.strategy === 'split-by-experience' && (config = (({ config })=>{
-                let currentSplitChunks = config.optimization?.splitChunks;
-                if (!currentSplitChunks) return config;
-                let extraGroups = {};
-                return 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 = {
-                    ...currentSplitChunks,
-                    cacheGroups: {
-                        ...extraGroups,
-                        ...currentSplitChunks.cacheGroups ?? {}
-                    }
-                }, config;
-            })({
-                config
+                unpackConfig,
+                cachePath
             }));
             let jsExclude = [
                 /node_modules[\\/](?!\.unpack)/
@@ -227,5 +208,5 @@ ${renderer}
         }
     };
 };
-import node_path, { dirname as __webpack_dirname__ } from "node:path";
+import node_path, { dirname as __rspack_dirname } from "node:path";
 export { PLUGIN_NAME, pluginReact };

package/dist/injectScript.js

@@ -60,12 +60,10 @@
                     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)',
+                        background: 'rgba(111, 168, 220, 0.5)',
                         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)'
+                        pointerEvents: 'none'
                     }), (nameTag = document.createElement('span')).id = '__click-to-component-name__', applyStyles(nameTag, {
                         position: 'absolute',
                         bottom: '0',
@@ -78,8 +76,7 @@
                         padding: '4px 8px',
                         pointerEvents: 'none',
                         whiteSpace: 'nowrap',
-                        zIndex: 2147483648,
-                        boxShadow: '0 4px 6px rgba(0, 0, 0, 0.3)'
+                        zIndex: 2147483648
                     }), cover.appendChild(nameTag), document.documentElement.appendChild(cover)), cover);
                     applyStyles(el, {
                         top: rect.top + 'px',

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

@@ -1,6 +1,7 @@
 import { type BundlerConfiguration, type UnpackConfig } from '@unpackjs/core';
-export declare const applyClickToComponentConfig: ({ config, unpackConfig, }: {
+export declare const applyClickToComponentConfig: ({ config, unpackConfig, cachePath, }: {
     config: BundlerConfiguration;
     unpackConfig: UnpackConfig;
+    cachePath: string;
 }) => Promise<BundlerConfiguration>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"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,sCAI/C;IACD,MAAM,EAAE,oBAAoB,CAAA;IAC5B,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;CAClB,KAAG,OAAO,CAAC,oBAAoB,CA+B/B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAA+C,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAK/F,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAA+C,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAI/F,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,YAuF9D,CAAA"}

package/dist-types/mpa.d.ts

@@ -1,6 +1,7 @@
 import { type BundlerConfiguration, type UnpackConfig } from '@unpackjs/core';
-export declare const applyMpaConfig: ({ config, unpackConfig, }: {
+export declare const applyMpaConfig: ({ config, unpackConfig, cachePath, }: {
     config: BundlerConfiguration;
     unpackConfig: UnpackConfig;
+    cachePath: string;
 }) => BundlerConfiguration;
 //# sourceMappingURL=mpa.d.ts.map

package/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,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"}
+{"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,sCAI5B;IACD,MAAM,EAAE,oBAAoB,CAAA;IAC5B,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;CAClB,KAAG,oBA2GH,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unpackjs/plugin-react",
-  "version": "3.3.0",
+  "version": "3.3.2",
   "description": "React plugin for Unpack",
   "type": "module",
   "exports": {
@@ -29,7 +29,7 @@
     "react-refresh": "0.18.0"
   },
   "devDependencies": {
-    "@unpackjs/core": "3.6.0"
+    "@unpackjs/core": "3.7.3"
   },
   "peerDependencies": {
     "@unpackjs/core": "3.x"

package/dist-types/splitChunks.d.ts

@@ -1,5 +0,0 @@
-import { type BundlerConfiguration } from '@unpackjs/core';
-export declare const applySplitChunksConfig: ({ config }: {
-    config: BundlerConfiguration;
-}) => import("@rspack/core").RspackOptions;
-//# sourceMappingURL=splitChunks.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"splitChunks.d.ts","sourceRoot":"","sources":["../src/splitChunks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAiC,MAAM,gBAAgB,CAAA;AAEzF,eAAO,MAAM,sBAAsB,GAAI,YAAY;IAAE,MAAM,EAAE,oBAAoB,CAAA;CAAE,yCA4BlF,CAAA"}