@tarojs/plugin-vue-devtools 3.5.0-canary.1 → 3.5.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 +75 -52
- package/dist/index.js.map +1 -1
- package/dist/runtime.js +167 -167
- package/dist/runtime.js.map +1 -1
- package/index.js +1 -0
- package/package.json +12 -13
- package/LICENSE +0 -21
package/dist/index.js
CHANGED
|
@@ -5,58 +5,81 @@ 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 || '8098');
|
|
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提示 ') + '正在启动 vue-devtools...\n');
|
|
22
|
-
spawn(require.resolve('@vue/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.__VUE_DEVTOOLS_PORT__ = port;
|
|
37
|
-
config.ENABLE_SIZE_APIS = true;
|
|
38
|
-
config.ENABLE_CONTAINS = true;
|
|
39
|
-
return args;
|
|
40
|
-
});
|
|
41
|
-
chain
|
|
42
|
-
.plugin('providerPlugin')
|
|
43
|
-
.tap(args => {
|
|
44
|
-
const config = args[0];
|
|
45
|
-
config.globalThis = ['@tarojs/runtime', 'window'];
|
|
46
|
-
config.HTMLElement = ['@tarojs/runtime', 'TaroElement'];
|
|
47
|
-
return args;
|
|
48
|
-
});
|
|
49
|
-
});
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
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 || '8098');
|
|
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提示 ') + '正在启动 vue-devtools...\n');
|
|
22
|
+
spawn(require.resolve('@vue/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.__VUE_DEVTOOLS_PORT__ = port;
|
|
37
|
+
config.ENABLE_SIZE_APIS = true;
|
|
38
|
+
config.ENABLE_CONTAINS = true;
|
|
39
|
+
return args;
|
|
40
|
+
});
|
|
41
|
+
chain
|
|
42
|
+
.plugin('providerPlugin')
|
|
43
|
+
.tap(args => {
|
|
44
|
+
const config = args[0];
|
|
45
|
+
config.globalThis = ['@tarojs/runtime', 'window'];
|
|
46
|
+
config.HTMLElement = ['@tarojs/runtime', 'TaroElement'];
|
|
47
|
+
return args;
|
|
48
|
+
});
|
|
49
|
+
});
|
|
50
|
+
ctx.modifyRunnerOpts(({ opts }) => {
|
|
51
|
+
var _a;
|
|
52
|
+
if (!(opts === null || opts === void 0 ? void 0 : opts.compiler))
|
|
53
|
+
return;
|
|
54
|
+
if (shared.isString(opts.compiler)) {
|
|
55
|
+
opts.compiler = {
|
|
56
|
+
type: opts.compiler
|
|
57
|
+
};
|
|
58
|
+
}
|
|
59
|
+
if (opts.compiler.type === 'webpack5') {
|
|
60
|
+
(_a = opts.compiler).prebundle || (_a.prebundle = {});
|
|
61
|
+
const prebundle = opts.compiler.prebundle;
|
|
62
|
+
if (prebundle.enable === false)
|
|
63
|
+
return;
|
|
64
|
+
prebundle.webpack || (prebundle.webpack = {});
|
|
65
|
+
const webpackConfig = prebundle.webpack;
|
|
66
|
+
webpackConfig.provide || (webpackConfig.provide = []);
|
|
67
|
+
webpackConfig.provide.push(function (obj, taroRuntimeBundlePath) {
|
|
68
|
+
obj.globalThis = [taroRuntimeBundlePath, 'window'];
|
|
69
|
+
obj.HTMLElement = [taroRuntimeBundlePath, 'TaroElement'];
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
}
|
|
74
|
+
function injectRuntimePath(platform) {
|
|
75
|
+
const injectedPath = 'post:@tarojs/plugin-vue-devtools/dist/runtime';
|
|
76
|
+
if (shared.isArray(platform.runtimePath)) {
|
|
77
|
+
platform.runtimePath.push(injectedPath);
|
|
78
|
+
}
|
|
79
|
+
else if (shared.isString(platform.runtimePath)) {
|
|
80
|
+
platform.runtimePath = [platform.runtimePath, injectedPath];
|
|
81
|
+
}
|
|
59
82
|
}
|
|
60
83
|
|
|
61
|
-
exports[
|
|
84
|
+
exports["default"] = index;
|
|
62
85
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { chalk } from '@tarojs/helper'\nimport {
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { chalk } 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 || '8098')\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提示 ') + '正在启动 vue-devtools...\\n')\n spawn(require.resolve('@vue/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.__VUE_DEVTOOLS_PORT__ = port\n config.ENABLE_SIZE_APIS = true\n config.ENABLE_CONTAINS = true\n return args\n })\n\n chain\n .plugin('providerPlugin')\n .tap(args => {\n const config = args[0]\n config.globalThis = ['@tarojs/runtime', 'window']\n config.HTMLElement = ['@tarojs/runtime', 'TaroElement']\n return args\n })\n })\n\n ctx.modifyRunnerOpts(({ opts }) => {\n if (!opts?.compiler) return\n\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 prebundle.webpack ||= {}\n const webpackConfig = prebundle.webpack\n webpackConfig.provide ||= []\n webpackConfig.provide.push(function (obj, taroRuntimeBundlePath) {\n obj.globalThis = [taroRuntimeBundlePath, 'window']\n obj.HTMLElement = [taroRuntimeBundlePath, 'TaroElement']\n })\n }\n })\n}\n\nfunction injectRuntimePath (platform: TaroPlatformBase) {\n const injectedPath = 'post:@tarojs/plugin-vue-devtools/dist/runtime'\n\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","isArray"],"mappings":"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"}
|
package/dist/runtime.js
CHANGED
|
@@ -1,175 +1,175 @@
|
|
|
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
|
-
this.onmessage(res);
|
|
23
|
-
});
|
|
24
|
-
if (this.readyState !== this.OPEN) {
|
|
25
|
-
ws.onOpen(res => {
|
|
26
|
-
this.readyState = this.OPEN;
|
|
27
|
-
this.onopen(res);
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
else {
|
|
31
|
-
// 支付宝全局的 onSocketOpen 已触发过了,直接调用 onopen
|
|
32
|
-
this.onopen({});
|
|
33
|
-
}
|
|
34
|
-
});
|
|
35
|
-
// 支付宝只支持一个 socket 连接,且 onSocketOpen 的触发时机比 connectSocket 回调的时机早
|
|
36
|
-
if (process.env.TARO_ENV === ALIPAY) {
|
|
37
|
-
Taro.onSocketOpen(() => {
|
|
38
|
-
this.readyState = this.OPEN;
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
send(data) {
|
|
43
|
-
this._ws.send({
|
|
44
|
-
data
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
close(code, reason) {
|
|
48
|
-
this.readyState = this.CLOSING;
|
|
49
|
-
this._ws.close({
|
|
50
|
-
code: code || 1000,
|
|
51
|
-
reason: reason || ''
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
get CONNECTING() {
|
|
55
|
-
return 0;
|
|
56
|
-
}
|
|
57
|
-
get OPEN() {
|
|
58
|
-
return 1;
|
|
59
|
-
}
|
|
60
|
-
get CLOSING() {
|
|
61
|
-
return 2;
|
|
62
|
-
}
|
|
63
|
-
get CLOSED() {
|
|
64
|
-
return 3;
|
|
65
|
-
}
|
|
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
|
+
this.onmessage(res);
|
|
23
|
+
});
|
|
24
|
+
if (this.readyState !== this.OPEN) {
|
|
25
|
+
ws.onOpen(res => {
|
|
26
|
+
this.readyState = this.OPEN;
|
|
27
|
+
this.onopen(res);
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
// 支付宝全局的 onSocketOpen 已触发过了,直接调用 onopen
|
|
32
|
+
this.onopen({});
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
// 支付宝只支持一个 socket 连接,且 onSocketOpen 的触发时机比 connectSocket 回调的时机早
|
|
36
|
+
if (process.env.TARO_ENV === ALIPAY) {
|
|
37
|
+
Taro.onSocketOpen(() => {
|
|
38
|
+
this.readyState = this.OPEN;
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
send(data) {
|
|
43
|
+
this._ws.send({
|
|
44
|
+
data
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
close(code, reason) {
|
|
48
|
+
this.readyState = this.CLOSING;
|
|
49
|
+
this._ws.close({
|
|
50
|
+
code: code || 1000,
|
|
51
|
+
reason: reason || ''
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
get CONNECTING() {
|
|
55
|
+
return 0;
|
|
56
|
+
}
|
|
57
|
+
get OPEN() {
|
|
58
|
+
return 1;
|
|
59
|
+
}
|
|
60
|
+
get CLOSING() {
|
|
61
|
+
return 2;
|
|
62
|
+
}
|
|
63
|
+
get CLOSED() {
|
|
64
|
+
return 3;
|
|
65
|
+
}
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
function createSocket(host) {
|
|
69
|
-
class Socket {
|
|
70
|
-
constructor() {
|
|
71
|
-
this.isClosed = false;
|
|
72
|
-
this.connect();
|
|
73
|
-
}
|
|
74
|
-
connect() {
|
|
75
|
-
Taro.request({
|
|
76
|
-
url: `http://${host}/socket.io/?EIO=3&transport=polling`
|
|
77
|
-
})
|
|
78
|
-
.then(({ data }) => {
|
|
79
|
-
var _a;
|
|
80
|
-
const target = ((_a = /{.*}/.exec(data)) === null || _a === void 0 ? void 0 : _a[0]) || '';
|
|
81
|
-
try {
|
|
82
|
-
const res = JSON.parse(target);
|
|
83
|
-
this.sid = res.sid;
|
|
84
|
-
this.ackTimeout = res.pingTimeout;
|
|
85
|
-
this.initWS();
|
|
86
|
-
}
|
|
87
|
-
catch (error) {
|
|
88
|
-
console.error('Vue DevTools 握手失败: ', error);
|
|
89
|
-
}
|
|
90
|
-
})
|
|
91
|
-
.catch(() => {
|
|
92
|
-
console.warn('请打开 Vue DevTools');
|
|
93
|
-
});
|
|
94
|
-
}
|
|
95
|
-
on(event, cb) {
|
|
96
|
-
this[`on-${event}`] = cb;
|
|
97
|
-
}
|
|
98
|
-
emit(event, data) {
|
|
99
|
-
if (this.isClosed)
|
|
100
|
-
return;
|
|
101
|
-
// heart break
|
|
102
|
-
clearTimeout(this.ack);
|
|
103
|
-
this.ack = setTimeout(() => this._ws.send('2'), 5000);
|
|
104
|
-
const msgList = data ? [event, data] : [event];
|
|
105
|
-
const msg = JSON.stringify(msgList);
|
|
106
|
-
// message: 4 + parser.EVENT: 2
|
|
107
|
-
this._ws.send('42' + msg);
|
|
108
|
-
}
|
|
109
|
-
initWS() {
|
|
110
|
-
const ws = new WebSocket(`ws://${host}/socket.io/?EIO=3&transport=websocket&sid=${this.sid}`);
|
|
111
|
-
ws.onopen = () => {
|
|
112
|
-
// close: 1
|
|
113
|
-
// message: 4
|
|
114
|
-
// noop: 6
|
|
115
|
-
// open: 0
|
|
116
|
-
// ping: 2
|
|
117
|
-
// pong: 3
|
|
118
|
-
// upgrade: 5
|
|
119
|
-
ws.send('2probe');
|
|
120
|
-
};
|
|
121
|
-
ws.onmessage = ({ data }) => {
|
|
122
|
-
if (data === '3probe') {
|
|
123
|
-
// upgrade: 5
|
|
124
|
-
ws.send('5');
|
|
125
|
-
this['on-connect']();
|
|
126
|
-
}
|
|
127
|
-
else if (data === '3') {
|
|
128
|
-
// pong
|
|
129
|
-
this.ack = setTimeout(() => ws.send('2'), 5000);
|
|
130
|
-
}
|
|
131
|
-
else {
|
|
132
|
-
const match = /\[.*\]/.exec(data);
|
|
133
|
-
if (!match)
|
|
134
|
-
return;
|
|
135
|
-
try {
|
|
136
|
-
const [event, args = []] = JSON.parse(match[0]);
|
|
137
|
-
const cb = this[`on-${event}`];
|
|
138
|
-
if (typeof cb === 'function') {
|
|
139
|
-
// @TODO: 元素高亮暂时不实现,需要魔改 backend 的代码
|
|
140
|
-
const _args = args.filter(arg => arg.event.indexOf(':mouse-over') === -1);
|
|
141
|
-
cb(_args);
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
catch (error) {
|
|
145
|
-
console.error('Vue DevTools 解析 socket message 失败: ', error);
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
};
|
|
149
|
-
ws.onclose = reason => {
|
|
150
|
-
this.isClosed = true;
|
|
151
|
-
this['on-disconnect'](reason);
|
|
152
|
-
};
|
|
153
|
-
ws.onerror = err => console.error('[Taro Socket]onerror', err);
|
|
154
|
-
this._ws = ws;
|
|
155
|
-
}
|
|
156
|
-
disconnect() {
|
|
157
|
-
this.clean();
|
|
158
|
-
if (!this.isClosed) {
|
|
159
|
-
// message: 4 + close: 1
|
|
160
|
-
this._ws.send('41');
|
|
161
|
-
this._ws.close();
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
clean() {
|
|
165
|
-
clearTimeout(this.ack);
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
return new Socket();
|
|
68
|
+
function createSocket(host) {
|
|
69
|
+
class Socket {
|
|
70
|
+
constructor() {
|
|
71
|
+
this.isClosed = false;
|
|
72
|
+
this.connect();
|
|
73
|
+
}
|
|
74
|
+
connect() {
|
|
75
|
+
Taro.request({
|
|
76
|
+
url: `http://${host}/socket.io/?EIO=3&transport=polling`
|
|
77
|
+
})
|
|
78
|
+
.then(({ data }) => {
|
|
79
|
+
var _a;
|
|
80
|
+
const target = ((_a = /{.*}/.exec(data)) === null || _a === void 0 ? void 0 : _a[0]) || '';
|
|
81
|
+
try {
|
|
82
|
+
const res = JSON.parse(target);
|
|
83
|
+
this.sid = res.sid;
|
|
84
|
+
this.ackTimeout = res.pingTimeout;
|
|
85
|
+
this.initWS();
|
|
86
|
+
}
|
|
87
|
+
catch (error) {
|
|
88
|
+
console.error('Vue DevTools 握手失败: ', error);
|
|
89
|
+
}
|
|
90
|
+
})
|
|
91
|
+
.catch(() => {
|
|
92
|
+
console.warn('请打开 Vue DevTools');
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
on(event, cb) {
|
|
96
|
+
this[`on-${event}`] = cb;
|
|
97
|
+
}
|
|
98
|
+
emit(event, data) {
|
|
99
|
+
if (this.isClosed)
|
|
100
|
+
return;
|
|
101
|
+
// heart break
|
|
102
|
+
clearTimeout(this.ack);
|
|
103
|
+
this.ack = setTimeout(() => this._ws.send('2'), 5000);
|
|
104
|
+
const msgList = data ? [event, data] : [event];
|
|
105
|
+
const msg = JSON.stringify(msgList);
|
|
106
|
+
// message: 4 + parser.EVENT: 2
|
|
107
|
+
this._ws.send('42' + msg);
|
|
108
|
+
}
|
|
109
|
+
initWS() {
|
|
110
|
+
const ws = new WebSocket(`ws://${host}/socket.io/?EIO=3&transport=websocket&sid=${this.sid}`);
|
|
111
|
+
ws.onopen = () => {
|
|
112
|
+
// close: 1
|
|
113
|
+
// message: 4
|
|
114
|
+
// noop: 6
|
|
115
|
+
// open: 0
|
|
116
|
+
// ping: 2
|
|
117
|
+
// pong: 3
|
|
118
|
+
// upgrade: 5
|
|
119
|
+
ws.send('2probe');
|
|
120
|
+
};
|
|
121
|
+
ws.onmessage = ({ data }) => {
|
|
122
|
+
if (data === '3probe') {
|
|
123
|
+
// upgrade: 5
|
|
124
|
+
ws.send('5');
|
|
125
|
+
this['on-connect']();
|
|
126
|
+
}
|
|
127
|
+
else if (data === '3') {
|
|
128
|
+
// pong
|
|
129
|
+
this.ack = setTimeout(() => ws.send('2'), 5000);
|
|
130
|
+
}
|
|
131
|
+
else {
|
|
132
|
+
const match = /\[.*\]/.exec(data);
|
|
133
|
+
if (!match)
|
|
134
|
+
return;
|
|
135
|
+
try {
|
|
136
|
+
const [event, args = []] = JSON.parse(match[0]);
|
|
137
|
+
const cb = this[`on-${event}`];
|
|
138
|
+
if (typeof cb === 'function') {
|
|
139
|
+
// @TODO: 元素高亮暂时不实现,需要魔改 backend 的代码
|
|
140
|
+
const _args = args.filter(arg => arg.event.indexOf(':mouse-over') === -1);
|
|
141
|
+
cb(_args);
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
catch (error) {
|
|
145
|
+
console.error('Vue DevTools 解析 socket message 失败: ', error);
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
};
|
|
149
|
+
ws.onclose = reason => {
|
|
150
|
+
this.isClosed = true;
|
|
151
|
+
this['on-disconnect'](reason);
|
|
152
|
+
};
|
|
153
|
+
ws.onerror = err => console.error('[Taro Socket]onerror', err);
|
|
154
|
+
this._ws = ws;
|
|
155
|
+
}
|
|
156
|
+
disconnect() {
|
|
157
|
+
this.clean();
|
|
158
|
+
if (!this.isClosed) {
|
|
159
|
+
// message: 4 + close: 1
|
|
160
|
+
this._ws.send('41');
|
|
161
|
+
this._ws.close();
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
clean() {
|
|
165
|
+
clearTimeout(this.ack);
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
return new Socket();
|
|
169
169
|
}
|
|
170
170
|
|
|
171
|
-
const { connect } = require('./backend');
|
|
172
|
-
connect('localhost', __VUE_DEVTOOLS_PORT__, {
|
|
173
|
-
io: createSocket
|
|
171
|
+
const { connect } = require('./backend');
|
|
172
|
+
connect('localhost', __VUE_DEVTOOLS_PORT__, {
|
|
173
|
+
io: createSocket
|
|
174
174
|
});
|
|
175
175
|
//# sourceMappingURL=runtime.js.map
|
package/dist/runtime.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"runtime.js","sources":["../src/websocket.ts","../src/socket-io.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 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 Taro from '@tarojs/taro'\nimport WebSocket from './websocket'\n\nexport default function createSocket (host) {\n class Socket {\n _ws: WebSocket\n sid: string\n ack: any\n ackTimeout: number\n isClosed = false\n\n constructor () {\n this.connect()\n }\n\n connect () {\n Taro.request({\n url: `http://${host}/socket.io/?EIO=3&transport=polling`\n })\n .then(({ data }) => {\n const target = /{.*}/.exec(data)?.[0] || ''\n try {\n const res = JSON.parse(target)\n this.sid = res.sid\n this.ackTimeout = res.pingTimeout\n this.initWS()\n } catch (error) {\n console.error('Vue DevTools 握手失败: ', error)\n }\n })\n .catch(() => {\n console.warn('请打开 Vue DevTools')\n })\n }\n\n on (event, cb) {\n this[`on-${event}`] = cb\n }\n\n emit (event, data) {\n if (this.isClosed) return\n\n // heart break\n clearTimeout(this.ack)\n this.ack = setTimeout(() => this._ws.send('2'), 5000)\n\n const msgList = data ? [event, data] : [event]\n const msg = JSON.stringify(msgList)\n // message: 4 + parser.EVENT: 2\n this._ws.send('42' + msg)\n }\n\n initWS () {\n const ws = new WebSocket(`ws://${host}/socket.io/?EIO=3&transport=websocket&sid=${this.sid}`)\n ws.onopen = () => {\n // close: 1\n // message: 4\n // noop: 6\n // open: 0\n // ping: 2\n // pong: 3\n // upgrade: 5\n ws.send('2probe')\n }\n ws.onmessage = ({ data }) => {\n if (data === '3probe') {\n // upgrade: 5\n ws.send('5')\n this['on-connect']()\n } else if (data === '3') {\n // pong\n this.ack = setTimeout(() => ws.send('2'), 5000)\n } else {\n const match = /\\[.*\\]/.exec(data)\n if (!match) return\n\n try {\n const [event, args = []] = JSON.parse(match[0])\n const cb = this[`on-${event}`]\n if (typeof cb === 'function') {\n // @TODO: 元素高亮暂时不实现,需要魔改 backend 的代码\n const _args = args.filter(arg => arg.event.indexOf(':mouse-over') === -1)\n cb(_args)\n }\n } catch (error) {\n console.error('Vue DevTools 解析 socket message 失败: ', error)\n }\n }\n }\n ws.onclose = reason => {\n this.isClosed = true\n this['on-disconnect'](reason)\n }\n ws.onerror = err => console.error('[Taro Socket]onerror', err)\n this._ws = ws\n }\n\n disconnect () {\n this.clean()\n if (!this.isClosed) {\n // message: 4 + close: 1\n this._ws.send('41')\n this._ws.close()\n }\n }\n\n clean () {\n clearTimeout(this.ack)\n }\n }\n\n return new Socket()\n}\n","import createSocket from './socket-io'\n\nconst { connect } = require('./backend')\n\ndeclare const __VUE_DEVTOOLS_PORT__: number\n\nconnect('localhost', __VUE_DEVTOOLS_PORT__, {\n io: createSocket\n})\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"runtime.js","sources":["../src/websocket.ts","../src/socket-io.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 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 Taro from '@tarojs/taro'\n\nimport WebSocket from './websocket'\n\nexport default function createSocket (host) {\n class Socket {\n _ws: WebSocket\n sid: string\n ack: any\n ackTimeout: number\n isClosed = false\n\n constructor () {\n this.connect()\n }\n\n connect () {\n Taro.request({\n url: `http://${host}/socket.io/?EIO=3&transport=polling`\n })\n .then(({ data }) => {\n const target = /{.*}/.exec(data)?.[0] || ''\n try {\n const res = JSON.parse(target)\n this.sid = res.sid\n this.ackTimeout = res.pingTimeout\n this.initWS()\n } catch (error) {\n console.error('Vue DevTools 握手失败: ', error)\n }\n })\n .catch(() => {\n console.warn('请打开 Vue DevTools')\n })\n }\n\n on (event, cb) {\n this[`on-${event}`] = cb\n }\n\n emit (event, data) {\n if (this.isClosed) return\n\n // heart break\n clearTimeout(this.ack)\n this.ack = setTimeout(() => this._ws.send('2'), 5000)\n\n const msgList = data ? [event, data] : [event]\n const msg = JSON.stringify(msgList)\n // message: 4 + parser.EVENT: 2\n this._ws.send('42' + msg)\n }\n\n initWS () {\n const ws = new WebSocket(`ws://${host}/socket.io/?EIO=3&transport=websocket&sid=${this.sid}`)\n ws.onopen = () => {\n // close: 1\n // message: 4\n // noop: 6\n // open: 0\n // ping: 2\n // pong: 3\n // upgrade: 5\n ws.send('2probe')\n }\n ws.onmessage = ({ data }) => {\n if (data === '3probe') {\n // upgrade: 5\n ws.send('5')\n this['on-connect']()\n } else if (data === '3') {\n // pong\n this.ack = setTimeout(() => ws.send('2'), 5000)\n } else {\n const match = /\\[.*\\]/.exec(data)\n if (!match) return\n\n try {\n const [event, args = []] = JSON.parse(match[0])\n const cb = this[`on-${event}`]\n if (typeof cb === 'function') {\n // @TODO: 元素高亮暂时不实现,需要魔改 backend 的代码\n const _args = args.filter(arg => arg.event.indexOf(':mouse-over') === -1)\n cb(_args)\n }\n } catch (error) {\n console.error('Vue DevTools 解析 socket message 失败: ', error)\n }\n }\n }\n ws.onclose = reason => {\n this.isClosed = true\n this['on-disconnect'](reason)\n }\n ws.onerror = err => console.error('[Taro Socket]onerror', err)\n this._ws = ws\n }\n\n disconnect () {\n this.clean()\n if (!this.isClosed) {\n // message: 4 + close: 1\n this._ws.send('41')\n this._ws.close()\n }\n }\n\n clean () {\n clearTimeout(this.ack)\n }\n }\n\n return new Socket()\n}\n","import createSocket from './socket-io'\n\nconst { connect } = require('./backend')\n\ndeclare const __VUE_DEVTOOLS_PORT__: number\n\nconnect('localhost', __VUE_DEVTOOLS_PORT__, {\n io: createSocket\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-vue-devtools",
|
|
3
|
-
"version": "3.5.0
|
|
3
|
+
"version": "3.5.0",
|
|
4
4
|
"description": "Taro 小程序端支持使用 Vue 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,13 +22,18 @@
|
|
|
28
22
|
},
|
|
29
23
|
"homepage": "https://github.com/NervJS/taro#readme",
|
|
30
24
|
"dependencies": {
|
|
31
|
-
"@tarojs/helper": "3.5.0
|
|
32
|
-
"@tarojs/service": "3.5.0
|
|
33
|
-
"@tarojs/shared": "3.5.0
|
|
34
|
-
"@tarojs/taro": "3.5.0
|
|
25
|
+
"@tarojs/helper": "3.5.0",
|
|
26
|
+
"@tarojs/service": "3.5.0",
|
|
27
|
+
"@tarojs/shared": "3.5.0",
|
|
28
|
+
"@tarojs/taro": "3.5.0",
|
|
35
29
|
"@vue/devtools": "6.0.0-beta.15",
|
|
36
30
|
"cross-spawn": "^7.0.3",
|
|
37
31
|
"detect-port": "^1.3.0"
|
|
38
32
|
},
|
|
39
|
-
"
|
|
40
|
-
|
|
33
|
+
"scripts": {
|
|
34
|
+
"dev": "rollup -c -w",
|
|
35
|
+
"build": "rollup -c",
|
|
36
|
+
"test": "jest",
|
|
37
|
+
"test:dev": "jest --watch"
|
|
38
|
+
}
|
|
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.
|