@tarojs/plugin-react-devtools 3.5.0-beta.2 → 3.5.0-beta.5
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 +84 -84
- package/dist/index.js.map +1 -1
- package/dist/loader.js +3 -3
- package/dist/loader.js.map +1 -1
- package/dist/runtime.js +74 -74
- package/dist/runtime.js.map +1 -1
- package/index.js +1 -0
- package/package.json +12 -12
package/dist/index.js
CHANGED
|
@@ -5,90 +5,90 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var helper = require('@tarojs/helper');
|
|
6
6
|
var shared = require('@tarojs/shared');
|
|
7
7
|
|
|
8
|
-
const spawn = require('cross-spawn');
|
|
9
|
-
const detectPort = require('detect-port');
|
|
10
|
-
function index (ctx, options) {
|
|
11
|
-
if (process.env.NODE_ENV === 'production' || options.enabled === false)
|
|
12
|
-
return;
|
|
13
|
-
const port = Number(options.port || '8097');
|
|
14
|
-
detectPort(port, (err, availablePort) => {
|
|
15
|
-
if (err) {
|
|
16
|
-
// eslint-disable-next-line no-console
|
|
17
|
-
console.log(`
|
|
18
|
-
}
|
|
19
|
-
if (availablePort === port) {
|
|
20
|
-
// eslint-disable-next-line no-console
|
|
21
|
-
console.log(helper.chalk.yellow('\n提示 ') + '正在启动 react-devtools...\n');
|
|
22
|
-
spawn(require.resolve('react-devtools/bin'), { env: Object.assign(Object.assign({}, process.env), { PORT: port }) });
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
ctx.registerMethod({
|
|
26
|
-
name: 'onSetupClose',
|
|
27
|
-
fn(platform) {
|
|
28
|
-
injectRuntimePath(platform);
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
ctx.modifyWebpackChain(({ chain }) => {
|
|
32
|
-
chain
|
|
33
|
-
.plugin('definePlugin')
|
|
34
|
-
.tap(args => {
|
|
35
|
-
const config = args[0];
|
|
36
|
-
config.__REACT_DEVTOOLS_PORT__ = port;
|
|
37
|
-
return args;
|
|
38
|
-
});
|
|
39
|
-
// 最理想是可以使用 definePlugin 设置 __REACT_DEVTOOLS_GLOBAL_HOOK__: window.__REACT_DEVTOOLS_GLOBAL_HOOK__
|
|
40
|
-
// 但是 providerPlugin 不会识别 definePlugin 改写的 window 从而注入 window，可能是两个插件的调用时机问题
|
|
41
|
-
// 因此使用 loader 魔改 react-reconciler，代替 definePlugin
|
|
42
|
-
chain.merge({
|
|
43
|
-
module: {
|
|
44
|
-
rule: {
|
|
45
|
-
'plugin-react-devtools': {
|
|
46
|
-
test: /react-reconciler\.(production|development)/,
|
|
47
|
-
loader: require.resolve('./loader')
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
});
|
|
52
|
-
});
|
|
53
|
-
ctx.modifyRunnerOpts(({ opts }) => {
|
|
54
|
-
var _a;
|
|
55
|
-
if (shared.isString(opts.compiler)) {
|
|
56
|
-
opts.compiler = {
|
|
57
|
-
type: opts.compiler
|
|
58
|
-
};
|
|
59
|
-
}
|
|
60
|
-
if (opts.compiler.type === 'webpack5') {
|
|
61
|
-
(_a = opts.compiler).prebundle || (_a.prebundle = {});
|
|
62
|
-
const prebundle = opts.compiler.prebundle;
|
|
63
|
-
if (prebundle.enable === false)
|
|
64
|
-
return;
|
|
65
|
-
// 代替 ./loader 里的功能
|
|
66
|
-
const taroReactDevtoolsPlugin = {
|
|
67
|
-
name: 'taroReactDevtoolsPlugin',
|
|
68
|
-
setup(build) {
|
|
69
|
-
build.onLoad({ filter: /react-reconciler\.(production|development)/ }, ({ path }) => {
|
|
70
|
-
const content = helper.fs.readFileSync(path).toString();
|
|
71
|
-
return {
|
|
72
|
-
contents: content.replace(/__REACT_DEVTOOLS_GLOBAL_HOOK__/g, 'window.__REACT_DEVTOOLS_GLOBAL_HOOK__')
|
|
73
|
-
};
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
};
|
|
77
|
-
prebundle.esbuild || (prebundle.esbuild = {});
|
|
78
|
-
const esbuildConfig = prebundle.esbuild;
|
|
79
|
-
esbuildConfig.plugins || (esbuildConfig.plugins = []);
|
|
80
|
-
esbuildConfig.plugins.push(taroReactDevtoolsPlugin);
|
|
81
|
-
}
|
|
82
|
-
});
|
|
83
|
-
}
|
|
84
|
-
function injectRuntimePath(platform) {
|
|
85
|
-
const injectedPath = 'post:@tarojs/plugin-react-devtools/dist/runtime';
|
|
86
|
-
if (shared.isArray(platform.runtimePath)) {
|
|
87
|
-
platform.runtimePath.push(injectedPath);
|
|
88
|
-
}
|
|
89
|
-
else if (shared.isString(platform.runtimePath)) {
|
|
90
|
-
platform.runtimePath = [platform.runtimePath, injectedPath];
|
|
91
|
-
}
|
|
8
|
+
const spawn = require('cross-spawn');
|
|
9
|
+
const detectPort = require('detect-port');
|
|
10
|
+
function index (ctx, options) {
|
|
11
|
+
if (process.env.NODE_ENV === 'production' || options.enabled === false)
|
|
12
|
+
return;
|
|
13
|
+
const port = Number(options.port || '8097');
|
|
14
|
+
detectPort(port, (err, availablePort) => {
|
|
15
|
+
if (err) {
|
|
16
|
+
// eslint-disable-next-line no-console
|
|
17
|
+
console.log(`detectPort 错误：${err}`);
|
|
18
|
+
}
|
|
19
|
+
if (availablePort === port) {
|
|
20
|
+
// eslint-disable-next-line no-console
|
|
21
|
+
console.log(helper.chalk.yellow('\n提示 ') + '正在启动 react-devtools...\n');
|
|
22
|
+
spawn(require.resolve('react-devtools/bin'), { env: Object.assign(Object.assign({}, process.env), { PORT: port }) });
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
ctx.registerMethod({
|
|
26
|
+
name: 'onSetupClose',
|
|
27
|
+
fn(platform) {
|
|
28
|
+
injectRuntimePath(platform);
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
ctx.modifyWebpackChain(({ chain }) => {
|
|
32
|
+
chain
|
|
33
|
+
.plugin('definePlugin')
|
|
34
|
+
.tap(args => {
|
|
35
|
+
const config = args[0];
|
|
36
|
+
config.__REACT_DEVTOOLS_PORT__ = port;
|
|
37
|
+
return args;
|
|
38
|
+
});
|
|
39
|
+
// 最理想是可以使用 definePlugin 设置 __REACT_DEVTOOLS_GLOBAL_HOOK__: window.__REACT_DEVTOOLS_GLOBAL_HOOK__
|
|
40
|
+
// 但是 providerPlugin 不会识别 definePlugin 改写的 window 从而注入 window，可能是两个插件的调用时机问题
|
|
41
|
+
// 因此使用 loader 魔改 react-reconciler，代替 definePlugin
|
|
42
|
+
chain.merge({
|
|
43
|
+
module: {
|
|
44
|
+
rule: {
|
|
45
|
+
'plugin-react-devtools': {
|
|
46
|
+
test: /react-reconciler\.(production|development)/,
|
|
47
|
+
loader: require.resolve('./loader')
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
});
|
|
53
|
+
ctx.modifyRunnerOpts(({ opts }) => {
|
|
54
|
+
var _a;
|
|
55
|
+
if (shared.isString(opts.compiler)) {
|
|
56
|
+
opts.compiler = {
|
|
57
|
+
type: opts.compiler
|
|
58
|
+
};
|
|
59
|
+
}
|
|
60
|
+
if (opts.compiler.type === 'webpack5') {
|
|
61
|
+
(_a = opts.compiler).prebundle || (_a.prebundle = {});
|
|
62
|
+
const prebundle = opts.compiler.prebundle;
|
|
63
|
+
if (prebundle.enable === false)
|
|
64
|
+
return;
|
|
65
|
+
// 代替 ./loader 里的功能
|
|
66
|
+
const taroReactDevtoolsPlugin = {
|
|
67
|
+
name: 'taroReactDevtoolsPlugin',
|
|
68
|
+
setup(build) {
|
|
69
|
+
build.onLoad({ filter: /react-reconciler\.(production|development)/ }, ({ path }) => {
|
|
70
|
+
const content = helper.fs.readFileSync(path).toString();
|
|
71
|
+
return {
|
|
72
|
+
contents: content.replace(/__REACT_DEVTOOLS_GLOBAL_HOOK__/g, 'window.__REACT_DEVTOOLS_GLOBAL_HOOK__')
|
|
73
|
+
};
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
prebundle.esbuild || (prebundle.esbuild = {});
|
|
78
|
+
const esbuildConfig = prebundle.esbuild;
|
|
79
|
+
esbuildConfig.plugins || (esbuildConfig.plugins = []);
|
|
80
|
+
esbuildConfig.plugins.push(taroReactDevtoolsPlugin);
|
|
81
|
+
}
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
function injectRuntimePath(platform) {
|
|
85
|
+
const injectedPath = 'post:@tarojs/plugin-react-devtools/dist/runtime';
|
|
86
|
+
if (shared.isArray(platform.runtimePath)) {
|
|
87
|
+
platform.runtimePath.push(injectedPath);
|
|
88
|
+
}
|
|
89
|
+
else if (shared.isString(platform.runtimePath)) {
|
|
90
|
+
platform.runtimePath = [platform.runtimePath, injectedPath];
|
|
91
|
+
}
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
exports["default"] = index;
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { chalk, fs } from '@tarojs/helper'\nimport type { IPluginContext, TaroPlatformBase } from '@tarojs/service'\nimport { isArray, isString } from '@tarojs/shared'\n\nconst spawn = require('cross-spawn')\nconst detectPort = require('detect-port')\n\ninterface IOptions {\n enabled?: boolean\n port?: string\n}\n\nexport default function (ctx: IPluginContext, options: IOptions) {\n if (process.env.NODE_ENV === 'production' || options.enabled === false) return\n\n const port = Number(options.port || '8097')\n\n detectPort(port, (err, availablePort) => {\n if (err) {\n // eslint-disable-next-line no-console\n console.log(`
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { chalk, fs } from '@tarojs/helper'\nimport type { IPluginContext, TaroPlatformBase } from '@tarojs/service'\nimport { isArray, isString } from '@tarojs/shared'\n\nconst spawn = require('cross-spawn')\nconst detectPort = require('detect-port')\n\ninterface IOptions {\n enabled?: boolean\n port?: string\n}\n\nexport default function (ctx: IPluginContext, options: IOptions) {\n if (process.env.NODE_ENV === 'production' || options.enabled === false) return\n\n const port = Number(options.port || '8097')\n\n detectPort(port, (err, availablePort) => {\n if (err) {\n // eslint-disable-next-line no-console\n console.log(`detectPort 错误：${err}`)\n }\n\n if (availablePort === port) {\n // eslint-disable-next-line no-console\n console.log(chalk.yellow('\\n提示 ') + '正在启动 react-devtools...\\n')\n spawn(require.resolve('react-devtools/bin'), { env: { ...process.env, PORT: port } })\n }\n })\n\n ctx.registerMethod({\n name: 'onSetupClose',\n fn (platform: TaroPlatformBase) {\n injectRuntimePath(platform)\n }\n })\n\n ctx.modifyWebpackChain(({ chain }) => {\n chain\n .plugin('definePlugin')\n .tap(args => {\n const config = args[0]\n config.__REACT_DEVTOOLS_PORT__ = port\n return args\n })\n\n // 最理想是可以使用 definePlugin 设置 __REACT_DEVTOOLS_GLOBAL_HOOK__: window.__REACT_DEVTOOLS_GLOBAL_HOOK__\n // 但是 providerPlugin 不会识别 definePlugin 改写的 window 从而注入 window，可能是两个插件的调用时机问题\n // 因此使用 loader 魔改 react-reconciler，代替 definePlugin\n chain.merge({\n module: {\n rule: {\n 'plugin-react-devtools': {\n test: /react-reconciler\\.(production|development)/,\n loader: require.resolve('./loader')\n }\n }\n }\n })\n })\n\n ctx.modifyRunnerOpts(({ opts }) => {\n if (isString(opts.compiler)) {\n opts.compiler = {\n type: opts.compiler\n }\n }\n if (opts.compiler.type === 'webpack5') {\n opts.compiler.prebundle ||= {}\n const prebundle = opts.compiler.prebundle\n if (prebundle.enable === false) return\n\n // 代替 ./loader 里的功能\n const taroReactDevtoolsPlugin = {\n name: 'taroReactDevtoolsPlugin',\n setup (build) {\n build.onLoad({ filter: /react-reconciler\\.(production|development)/ }, ({ path }) => {\n const content = fs.readFileSync(path).toString()\n return {\n contents: content.replace(/__REACT_DEVTOOLS_GLOBAL_HOOK__/g, 'window.__REACT_DEVTOOLS_GLOBAL_HOOK__')\n }\n })\n }\n }\n\n prebundle.esbuild ||= {}\n const esbuildConfig = prebundle.esbuild\n esbuildConfig.plugins ||= []\n esbuildConfig.plugins.push(taroReactDevtoolsPlugin)\n }\n })\n}\n\nfunction injectRuntimePath (platform: TaroPlatformBase) {\n const injectedPath = 'post:@tarojs/plugin-react-devtools/dist/runtime'\n if (isArray(platform.runtimePath)) {\n platform.runtimePath.push(injectedPath)\n } else if (isString(platform.runtimePath)) {\n platform.runtimePath = [platform.runtimePath, injectedPath]\n }\n}\n"],"names":["chalk","isString","fs","isArray"],"mappings":"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"}
|
package/dist/loader.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
function loader (str) {
|
|
4
|
-
str = str.replace(/__REACT_DEVTOOLS_GLOBAL_HOOK__/g, 'window.__REACT_DEVTOOLS_GLOBAL_HOOK__');
|
|
5
|
-
return str;
|
|
3
|
+
function loader (str) {
|
|
4
|
+
str = str.replace(/__REACT_DEVTOOLS_GLOBAL_HOOK__/g, 'window.__REACT_DEVTOOLS_GLOBAL_HOOK__');
|
|
5
|
+
return str;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
module.exports = loader;
|
package/dist/loader.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader.js","sources":["../src/loader.ts"],"sourcesContent":["export default function (str) {\n str = str.replace(/__REACT_DEVTOOLS_GLOBAL_HOOK__/g, 'window.__REACT_DEVTOOLS_GLOBAL_HOOK__')\n return str\n}\n"],"names":[],"mappings":";;AAAc,eAAA,EAAW,GAAG,EAAA;
|
|
1
|
+
{"version":3,"file":"loader.js","sources":["../src/loader.ts"],"sourcesContent":["export default function (str) {\n str = str.replace(/__REACT_DEVTOOLS_GLOBAL_HOOK__/g, 'window.__REACT_DEVTOOLS_GLOBAL_HOOK__')\n return str\n}\n"],"names":[],"mappings":";;AAAc,eAAA,EAAW,GAAG,EAAA;IACxB,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,iCAAiC,EAAE,uCAAuC,CAAC,CAAC;AAC9F,IAAA,OAAO,GAAG,CAAC;AACf;;;;"}
|
package/dist/runtime.js
CHANGED
|
@@ -1,80 +1,80 @@
|
|
|
1
1
|
import Taro from '@tarojs/taro';
|
|
2
2
|
|
|
3
|
-
const ALIPAY = 'alipay';
|
|
4
|
-
class WebSocket {
|
|
5
|
-
constructor(url) {
|
|
6
|
-
this.url = url;
|
|
7
|
-
this.readyState = this.CONNECTING;
|
|
8
|
-
Taro.connectSocket({
|
|
9
|
-
url
|
|
10
|
-
})
|
|
11
|
-
.then(ws => {
|
|
12
|
-
this._ws = ws;
|
|
13
|
-
ws.onClose(res => {
|
|
14
|
-
this.readyState = this.CLOSED;
|
|
15
|
-
this.onclose(res);
|
|
16
|
-
});
|
|
17
|
-
ws.onError(res => {
|
|
18
|
-
this.readyState = this.CLOSED;
|
|
19
|
-
this.onerror(res);
|
|
20
|
-
});
|
|
21
|
-
ws.onMessage(res => {
|
|
22
|
-
if (res.data.includes('"event":"highlightNativeElement"')) {
|
|
23
|
-
// 元素高亮暂时不实现，需要魔改 backend 的代码
|
|
24
|
-
return;
|
|
25
|
-
}
|
|
26
|
-
this.onmessage(res);
|
|
27
|
-
});
|
|
28
|
-
if (this.readyState !== this.OPEN) {
|
|
29
|
-
ws.onOpen(res => {
|
|
30
|
-
this.readyState = this.OPEN;
|
|
31
|
-
this.onopen(res);
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
else {
|
|
35
|
-
// 支付宝全局的 onSocketOpen 已触发过了，直接调用 onopen
|
|
36
|
-
this.onopen({});
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
// 支付宝只支持一个 socket 连接，且 onSocketOpen 的触发时机比 connectSocket 回调的时机早
|
|
40
|
-
if (process.env.TARO_ENV === ALIPAY) {
|
|
41
|
-
Taro.onSocketOpen(() => {
|
|
42
|
-
this.readyState = this.OPEN;
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
send(data) {
|
|
47
|
-
this._ws.send({
|
|
48
|
-
data
|
|
49
|
-
});
|
|
50
|
-
}
|
|
51
|
-
close(code, reason) {
|
|
52
|
-
this.readyState = this.CLOSING;
|
|
53
|
-
this._ws.close({
|
|
54
|
-
code: code || 1000,
|
|
55
|
-
reason: reason || ''
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
get CONNECTING() {
|
|
59
|
-
return 0;
|
|
60
|
-
}
|
|
61
|
-
get OPEN() {
|
|
62
|
-
return 1;
|
|
63
|
-
}
|
|
64
|
-
get CLOSING() {
|
|
65
|
-
return 2;
|
|
66
|
-
}
|
|
67
|
-
get CLOSED() {
|
|
68
|
-
return 3;
|
|
69
|
-
}
|
|
3
|
+
const ALIPAY = 'alipay';
|
|
4
|
+
class WebSocket {
|
|
5
|
+
constructor(url) {
|
|
6
|
+
this.url = url;
|
|
7
|
+
this.readyState = this.CONNECTING;
|
|
8
|
+
Taro.connectSocket({
|
|
9
|
+
url
|
|
10
|
+
})
|
|
11
|
+
.then(ws => {
|
|
12
|
+
this._ws = ws;
|
|
13
|
+
ws.onClose(res => {
|
|
14
|
+
this.readyState = this.CLOSED;
|
|
15
|
+
this.onclose(res);
|
|
16
|
+
});
|
|
17
|
+
ws.onError(res => {
|
|
18
|
+
this.readyState = this.CLOSED;
|
|
19
|
+
this.onerror(res);
|
|
20
|
+
});
|
|
21
|
+
ws.onMessage(res => {
|
|
22
|
+
if (res.data.includes('"event":"highlightNativeElement"')) {
|
|
23
|
+
// 元素高亮暂时不实现，需要魔改 backend 的代码
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
26
|
+
this.onmessage(res);
|
|
27
|
+
});
|
|
28
|
+
if (this.readyState !== this.OPEN) {
|
|
29
|
+
ws.onOpen(res => {
|
|
30
|
+
this.readyState = this.OPEN;
|
|
31
|
+
this.onopen(res);
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
// 支付宝全局的 onSocketOpen 已触发过了，直接调用 onopen
|
|
36
|
+
this.onopen({});
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
// 支付宝只支持一个 socket 连接，且 onSocketOpen 的触发时机比 connectSocket 回调的时机早
|
|
40
|
+
if (process.env.TARO_ENV === ALIPAY) {
|
|
41
|
+
Taro.onSocketOpen(() => {
|
|
42
|
+
this.readyState = this.OPEN;
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
send(data) {
|
|
47
|
+
this._ws.send({
|
|
48
|
+
data
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
close(code, reason) {
|
|
52
|
+
this.readyState = this.CLOSING;
|
|
53
|
+
this._ws.close({
|
|
54
|
+
code: code || 1000,
|
|
55
|
+
reason: reason || ''
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
get CONNECTING() {
|
|
59
|
+
return 0;
|
|
60
|
+
}
|
|
61
|
+
get OPEN() {
|
|
62
|
+
return 1;
|
|
63
|
+
}
|
|
64
|
+
get CLOSING() {
|
|
65
|
+
return 2;
|
|
66
|
+
}
|
|
67
|
+
get CLOSED() {
|
|
68
|
+
return 3;
|
|
69
|
+
}
|
|
70
70
|
}
|
|
71
71
|
|
|
72
|
-
const { connectToDevTools } = require('./backend');
|
|
73
|
-
const ws = new WebSocket(`ws://127.0.0.1:${__REACT_DEVTOOLS_PORT__}`);
|
|
74
|
-
connectToDevTools({
|
|
75
|
-
// host: string (defaults to "localhost") - Websocket will connect to this host.
|
|
76
|
-
port: __REACT_DEVTOOLS_PORT__,
|
|
77
|
-
// useHttps: boolean (defaults to false) - Websocket should use a secure protocol (wss).
|
|
78
|
-
websocket: ws // Custom websocket to use. Overrides host and port settings if provided.
|
|
72
|
+
const { connectToDevTools } = require('./backend');
|
|
73
|
+
const ws = new WebSocket(`ws://127.0.0.1:${__REACT_DEVTOOLS_PORT__}`);
|
|
74
|
+
connectToDevTools({
|
|
75
|
+
// host: string (defaults to "localhost") - Websocket will connect to this host.
|
|
76
|
+
port: __REACT_DEVTOOLS_PORT__,
|
|
77
|
+
// useHttps: boolean (defaults to false) - Websocket should use a secure protocol (wss).
|
|
78
|
+
websocket: ws // Custom websocket to use. Overrides host and port settings if provided.
|
|
79
79
|
});
|
|
80
80
|
//# sourceMappingURL=runtime.js.map
|
package/dist/runtime.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"runtime.js","sources":["../src/websocket.ts","../src/runtime.ts"],"sourcesContent":["import Taro from '@tarojs/taro'\n\nconst ALIPAY = 'alipay'\n\nexport default class WebSocket {\n url: string\n readyState: number\n onclose: (res: any) => void\n onerror: (res: any) => void\n onmessage: (res: any) => void\n onopen: (res: any) => void\n\n private _ws: any\n\n constructor (url: string) {\n this.url = url\n this.readyState = this.CONNECTING\n\n Taro.connectSocket({\n url\n })\n .then(ws => {\n this._ws = ws\n\n ws.onClose(res => {\n this.readyState = this.CLOSED\n this.onclose(res)\n })\n\n ws.onError(res => {\n this.readyState = this.CLOSED\n this.onerror(res)\n })\n\n ws.onMessage(res => {\n if (res.data.includes('\"event\":\"highlightNativeElement\"')) {\n // 元素高亮暂时不实现，需要魔改 backend 的代码\n return\n }\n this.onmessage(res)\n })\n\n if (this.readyState !== this.OPEN) {\n ws.onOpen(res => {\n this.readyState = this.OPEN\n this.onopen(res)\n })\n } else {\n // 支付宝全局的 onSocketOpen 已触发过了，直接调用 onopen\n this.onopen({})\n }\n })\n\n // 支付宝只支持一个 socket 连接，且 onSocketOpen 的触发时机比 connectSocket 回调的时机早\n if (process.env.TARO_ENV === ALIPAY) {\n Taro.onSocketOpen(() => {\n this.readyState = this.OPEN\n })\n }\n }\n\n public send (data) {\n this._ws.send({\n data\n })\n }\n\n public close (code, reason) {\n this.readyState = this.CLOSING\n this._ws.close({\n code: code || 1000,\n reason: reason || ''\n })\n }\n\n get CONNECTING () {\n return 0\n }\n\n get OPEN () {\n return 1\n }\n\n get CLOSING () {\n return 2\n }\n\n get CLOSED () {\n return 3\n }\n}\n","import WebSocket from './websocket'\nconst { connectToDevTools } = require('./backend')\n\ndeclare const __REACT_DEVTOOLS_PORT__: number\n\nconst ws = new WebSocket(`ws://127.0.0.1:${__REACT_DEVTOOLS_PORT__}`)\n\nconnectToDevTools({\n // host: string (defaults to \"localhost\") - Websocket will connect to this host.\n port: __REACT_DEVTOOLS_PORT__, // number (defaults to 8097) - Websocket will connect to this port.\n // useHttps: boolean (defaults to false) - Websocket should use a secure protocol (wss).\n websocket: ws // Custom websocket to use. Overrides host and port settings if provided.\n})\n"],"names":[],"mappings":";;AAEA,MAAM,MAAM,GAAG,QAAQ,CAAA;AAET,MAAO,SAAS,CAAA;AAU5B,IAAA,WAAA,CAAa,GAAW,EAAA;AACtB,QAAA,IAAI,CAAC,GAAG,GAAG,GAAG,CAAA;AACd,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAA;QAEjC,IAAI,CAAC,aAAa,CAAC;YACjB,GAAG;SACJ,CAAC;aACC,IAAI,CAAC,EAAE,IAAG;AACT,YAAA,IAAI,CAAC,GAAG,GAAG,EAAE,CAAA;AAEb,YAAA,EAAE,CAAC,OAAO,CAAC,GAAG,IAAG;AACf,gBAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,MAAM,CAAA;AAC7B,gBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;AACnB,aAAC,CAAC,CAAA;AAEF,YAAA,EAAE,CAAC,OAAO,CAAC,GAAG,IAAG;AACf,gBAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,MAAM,CAAA;AAC7B,gBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;AACnB,aAAC,CAAC,CAAA;AAEF,YAAA,EAAE,CAAC,SAAS,CAAC,GAAG,IAAG;gBACjB,IAAI,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,kCAAkC,CAAC,EAAE;;oBAEzD,OAAM;AACP,iBAAA;AACD,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;AACrB,aAAC,CAAC,CAAA;AAEF,YAAA,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,IAAI,EAAE;AACjC,gBAAA,EAAE,CAAC,MAAM,CAAC,GAAG,IAAG;AACd,oBAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAA;AAC3B,oBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;AAClB,iBAAC,CAAC,CAAA;AACH,aAAA;AAAM,iBAAA;;AAEL,gBAAA,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;AAChB,aAAA;AACH,SAAC,CAAC,CAAA;;AAGJ,QAAA,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,EAAE;AACnC,YAAA,IAAI,CAAC,YAAY,CAAC,MAAK;AACrB,gBAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAA;AAC7B,aAAC,CAAC,CAAA;AACH,SAAA;KACF;AAEM,IAAA,IAAI,CAAE,IAAI,EAAA;AACf,QAAA,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;YACZ,IAAI;AACL,SAAA,CAAC,CAAA;KACH;IAEM,KAAK,CAAE,IAAI,EAAE,MAAM,EAAA;AACxB,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAA;AAC9B,QAAA,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;YACb,IAAI,EAAE,IAAI,IAAI,IAAI;YAClB,MAAM,EAAE,MAAM,IAAI,EAAE;AACrB,SAAA,CAAC,CAAA;KACH;AAED,IAAA,IAAI,UAAU,GAAA;AACZ,QAAA,OAAO,CAAC,CAAA;KACT;AAED,IAAA,IAAI,IAAI,GAAA;AACN,QAAA,OAAO,CAAC,CAAA;KACT;AAED,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,CAAC,CAAA;KACT;AAED,IAAA,IAAI,MAAM,GAAA;AACR,QAAA,OAAO,CAAC,CAAA;KACT;AACF;;
|
|
1
|
+
{"version":3,"file":"runtime.js","sources":["../src/websocket.ts","../src/runtime.ts"],"sourcesContent":["import Taro from '@tarojs/taro'\n\nconst ALIPAY = 'alipay'\n\nexport default class WebSocket {\n url: string\n readyState: number\n onclose: (res: any) => void\n onerror: (res: any) => void\n onmessage: (res: any) => void\n onopen: (res: any) => void\n\n private _ws: any\n\n constructor (url: string) {\n this.url = url\n this.readyState = this.CONNECTING\n\n Taro.connectSocket({\n url\n })\n .then(ws => {\n this._ws = ws\n\n ws.onClose(res => {\n this.readyState = this.CLOSED\n this.onclose(res)\n })\n\n ws.onError(res => {\n this.readyState = this.CLOSED\n this.onerror(res)\n })\n\n ws.onMessage(res => {\n if (res.data.includes('\"event\":\"highlightNativeElement\"')) {\n // 元素高亮暂时不实现，需要魔改 backend 的代码\n return\n }\n this.onmessage(res)\n })\n\n if (this.readyState !== this.OPEN) {\n ws.onOpen(res => {\n this.readyState = this.OPEN\n this.onopen(res)\n })\n } else {\n // 支付宝全局的 onSocketOpen 已触发过了，直接调用 onopen\n this.onopen({})\n }\n })\n\n // 支付宝只支持一个 socket 连接，且 onSocketOpen 的触发时机比 connectSocket 回调的时机早\n if (process.env.TARO_ENV === ALIPAY) {\n Taro.onSocketOpen(() => {\n this.readyState = this.OPEN\n })\n }\n }\n\n public send (data) {\n this._ws.send({\n data\n })\n }\n\n public close (code, reason) {\n this.readyState = this.CLOSING\n this._ws.close({\n code: code || 1000,\n reason: reason || ''\n })\n }\n\n get CONNECTING () {\n return 0\n }\n\n get OPEN () {\n return 1\n }\n\n get CLOSING () {\n return 2\n }\n\n get CLOSED () {\n return 3\n }\n}\n","import WebSocket from './websocket'\n\nconst { connectToDevTools } = require('./backend')\n\ndeclare const __REACT_DEVTOOLS_PORT__: number\n\nconst ws = new WebSocket(`ws://127.0.0.1:${__REACT_DEVTOOLS_PORT__}`)\n\nconnectToDevTools({\n // host: string (defaults to \"localhost\") - Websocket will connect to this host.\n port: __REACT_DEVTOOLS_PORT__, // number (defaults to 8097) - Websocket will connect to this port.\n // useHttps: boolean (defaults to false) - Websocket should use a secure protocol (wss).\n websocket: ws // Custom websocket to use. Overrides host and port settings if provided.\n})\n"],"names":[],"mappings":"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"}
|
package/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,14 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tarojs/plugin-react-devtools",
|
|
3
|
-
"version": "3.5.0-beta.
|
|
3
|
+
"version": "3.5.0-beta.5",
|
|
4
4
|
"description": "Taro 小程序端支持使用 React DevTools 的插件",
|
|
5
5
|
"main": "index.js",
|
|
6
|
-
"scripts": {
|
|
7
|
-
"dev": "rollup -c -w",
|
|
8
|
-
"build": "rollup -c",
|
|
9
|
-
"test": "jest",
|
|
10
|
-
"test:dev": "jest --watch"
|
|
11
|
-
},
|
|
12
6
|
"files": [
|
|
13
7
|
"dist",
|
|
14
8
|
"index.js",
|
|
@@ -28,12 +22,18 @@
|
|
|
28
22
|
},
|
|
29
23
|
"homepage": "https://github.com/NervJS/taro#readme",
|
|
30
24
|
"dependencies": {
|
|
31
|
-
"@tarojs/helper": "3.5.0-beta.
|
|
32
|
-
"@tarojs/
|
|
33
|
-
"@tarojs/
|
|
25
|
+
"@tarojs/helper": "3.5.0-beta.5",
|
|
26
|
+
"@tarojs/service": "3.5.0-beta.5",
|
|
27
|
+
"@tarojs/shared": "3.5.0-beta.5",
|
|
28
|
+
"@tarojs/taro": "3.5.0-beta.5",
|
|
34
29
|
"cross-spawn": "^7.0.3",
|
|
35
30
|
"detect-port": "^1.3.0",
|
|
36
31
|
"react-devtools": "4.14.0"
|
|
37
32
|
},
|
|
38
|
-
"
|
|
39
|
-
|
|
33
|
+
"scripts": {
|
|
34
|
+
"dev": "rollup -c -w",
|
|
35
|
+
"build": "rollup -c",
|
|
36
|
+
"test": "jest",
|
|
37
|
+
"test:dev": "jest --watch"
|
|
38
|
+
}
|
|
39
|
+
}
|