@tarojs/plugin-react-devtools 3.5.0-beta.4 → 3.5.0-theta.0
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/package.json +6 -6
- package/LICENSE +0 -21
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tarojs/plugin-react-devtools",
|
|
3
|
-
"version": "3.5.0-
|
|
3
|
+
"version": "3.5.0-theta.0",
|
|
4
4
|
"description": "Taro 小程序端支持使用 React DevTools 的插件",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -28,12 +28,12 @@
|
|
|
28
28
|
},
|
|
29
29
|
"homepage": "https://github.com/NervJS/taro#readme",
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@tarojs/helper": "
|
|
32
|
-
"@tarojs/
|
|
33
|
-
"@tarojs/
|
|
31
|
+
"@tarojs/helper": "workspace:*",
|
|
32
|
+
"@tarojs/service": "workspace:*",
|
|
33
|
+
"@tarojs/shared": "workspace:*",
|
|
34
|
+
"@tarojs/taro": "workspace:*",
|
|
34
35
|
"cross-spawn": "^7.0.3",
|
|
35
36
|
"detect-port": "^1.3.0",
|
|
36
37
|
"react-devtools": "4.14.0"
|
|
37
|
-
}
|
|
38
|
-
"gitHead": "7aca7841ed7e2af1b182ff5d24e91f44730ce783"
|
|
38
|
+
}
|
|
39
39
|
}
|
package/LICENSE
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2018
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
-
SOFTWARE.
|