@unpackjs/plugin-react 3.3.0 → 3.3.1
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.
- package/dist/index.js +3 -3
- package/dist/injectScript.js +3 -6
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import __rslib_shim_module__ from 'module';
|
|
2
2
|
let require = __rslib_shim_module__.createRequire(import.meta.url);
|
|
3
|
-
import { fileURLToPath as
|
|
3
|
+
import { fileURLToPath as __rspack_fileURLToPath } from "node:url";
|
|
4
4
|
import plugin_react_refresh from "@rspack/plugin-react-refresh";
|
|
5
5
|
import { TEMPLATE_CONTENT, addRestartCleaner, colors, esVersionToBrowserslist, getPathInJs, getPort, isDev, isDevServer, isFunction, isPlainObject, launchEditor, logger, mergeConfig as core_mergeConfig, removeDir, rspack } from "@unpackjs/core";
|
|
6
6
|
import node_fs from "node:fs";
|
|
7
7
|
import node_http from "node:http";
|
|
8
|
-
var click_to_component_dirname =
|
|
8
|
+
var click_to_component_dirname = __rspack_dirname(__rspack_fileURLToPath(import.meta.url));
|
|
9
9
|
let applyClickToComponentConfig = async ({ config, unpackConfig })=>{
|
|
10
10
|
let { port } = await new Promise((resolve)=>{
|
|
11
11
|
let server = node_http.createServer((req, res)=>{
|
|
@@ -227,5 +227,5 @@ ${renderer}
|
|
|
227
227
|
}
|
|
228
228
|
};
|
|
229
229
|
};
|
|
230
|
-
import node_path, { dirname as
|
|
230
|
+
import node_path, { dirname as __rspack_dirname } from "node:path";
|
|
231
231
|
export { PLUGIN_NAME, pluginReact };
|
package/dist/injectScript.js
CHANGED
|
@@ -60,12 +60,10 @@
|
|
|
60
60
|
let el = (cover || ((cover = document.createElement('div')).id = '__click-to-component-cover__', applyStyles(cover, {
|
|
61
61
|
position: 'fixed',
|
|
62
62
|
zIndex: 2147483647,
|
|
63
|
-
background: 'rgba(111, 168, 220, 0.
|
|
63
|
+
background: 'rgba(111, 168, 220, 0.5)',
|
|
64
64
|
boxSizing: 'border-box',
|
|
65
65
|
display: 'none',
|
|
66
|
-
pointerEvents: 'none'
|
|
67
|
-
transition: 'all 0.2s cubic-bezier(0.25, 1, 0.5, 1)',
|
|
68
|
-
boxShadow: 'inset 0 0 0 1px #4a90e2, 0 0 4px rgba(74, 144, 226, 0.5)'
|
|
66
|
+
pointerEvents: 'none'
|
|
69
67
|
}), (nameTag = document.createElement('span')).id = '__click-to-component-name__', applyStyles(nameTag, {
|
|
70
68
|
position: 'absolute',
|
|
71
69
|
bottom: '0',
|
|
@@ -78,8 +76,7 @@
|
|
|
78
76
|
padding: '4px 8px',
|
|
79
77
|
pointerEvents: 'none',
|
|
80
78
|
whiteSpace: 'nowrap',
|
|
81
|
-
zIndex: 2147483648
|
|
82
|
-
boxShadow: '0 4px 6px rgba(0, 0, 0, 0.3)'
|
|
79
|
+
zIndex: 2147483648
|
|
83
80
|
}), cover.appendChild(nameTag), document.documentElement.appendChild(cover)), cover);
|
|
84
81
|
applyStyles(el, {
|
|
85
82
|
top: rect.top + 'px',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@unpackjs/plugin-react",
|
|
3
|
-
"version": "3.3.
|
|
3
|
+
"version": "3.3.1",
|
|
4
4
|
"description": "React plugin for Unpack",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"react-refresh": "0.18.0"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"@unpackjs/core": "3.
|
|
32
|
+
"@unpackjs/core": "3.7.0"
|
|
33
33
|
},
|
|
34
34
|
"peerDependencies": {
|
|
35
35
|
"@unpackjs/core": "3.x"
|