@tarojs/plugin-vue-devtools 3.5.0-beta.4 → 3.5.0-beta.7

package/dist/index.js

@@ -5,78 +5,78 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var helper = require('@tarojs/helper');
 var shared = require('@tarojs/shared');
 
-const spawn = require('cross-spawn');
-const detectPort = require('detect-port');
-function index (ctx, options) {
-    if (process.env.NODE_ENV === 'production' || options.enabled === false)
-        return;
-    const port = Number(options.port || '8098');
-    detectPort(port, (err, availablePort) => {
-        if (err) {
-            // eslint-disable-next-line no-console
-            console.log(`detectport 错误：${err}`);
-        }
-        if (availablePort === port) {
-            // eslint-disable-next-line no-console
-            console.log(helper.chalk.yellow('\n提示  ') + '正在启动 vue-devtools...\n');
-            spawn(require.resolve('@vue/devtools/bin'), { env: Object.assign(Object.assign({}, process.env), { PORT: port }) });
-        }
-    });
-    ctx.registerMethod({
-        name: 'onSetupClose',
-        fn(platform) {
-            injectRuntimePath(platform);
-        }
-    });
-    ctx.modifyWebpackChain(({ chain }) => {
-        chain
-            .plugin('definePlugin')
-            .tap(args => {
-            const config = args[0];
-            config.__VUE_DEVTOOLS_PORT__ = port;
-            config.ENABLE_SIZE_APIS = true;
-            config.ENABLE_CONTAINS = true;
-            return args;
-        });
-        chain
-            .plugin('providerPlugin')
-            .tap(args => {
-            const config = args[0];
-            config.globalThis = ['@tarojs/runtime', 'window'];
-            config.HTMLElement = ['@tarojs/runtime', 'TaroElement'];
-            return args;
-        });
-    });
-    ctx.modifyRunnerOpts(({ opts }) => {
-        var _a;
-        if (shared.isString(opts.compiler)) {
-            opts.compiler = {
-                type: opts.compiler
-            };
-        }
-        if (opts.compiler.type === 'webpack5') {
-            (_a = opts.compiler).prebundle || (_a.prebundle = {});
-            const prebundle = opts.compiler.prebundle;
-            if (prebundle.enable === false)
-                return;
-            prebundle.webpack || (prebundle.webpack = {});
-            const webpackConfig = prebundle.webpack;
-            webpackConfig.provide || (webpackConfig.provide = []);
-            webpackConfig.provide.push(function (obj, taroRuntimeBundlePath) {
-                obj.globalThis = [taroRuntimeBundlePath, 'window'];
-                obj.HTMLElement = [taroRuntimeBundlePath, 'TaroElement'];
-            });
-        }
-    });
-}
-function injectRuntimePath(platform) {
-    const injectedPath = 'post:@tarojs/plugin-vue-devtools/dist/runtime';
-    if (shared.isArray(platform.runtimePath)) {
-        platform.runtimePath.push(injectedPath);
-    }
-    else if (shared.isString(platform.runtimePath)) {
-        platform.runtimePath = [platform.runtimePath, injectedPath];
-    }
+const spawn = require('cross-spawn');
+const detectPort = require('detect-port');
+function index (ctx, options) {
+    if (process.env.NODE_ENV === 'production' || options.enabled === false)
+        return;
+    const port = Number(options.port || '8098');
+    detectPort(port, (err, availablePort) => {
+        if (err) {
+            // eslint-disable-next-line no-console
+            console.log(`detectport 错误：${err}`);
+        }
+        if (availablePort === port) {
+            // eslint-disable-next-line no-console
+            console.log(helper.chalk.yellow('\n提示  ') + '正在启动 vue-devtools...\n');
+            spawn(require.resolve('@vue/devtools/bin'), { env: Object.assign(Object.assign({}, process.env), { PORT: port }) });
+        }
+    });
+    ctx.registerMethod({
+        name: 'onSetupClose',
+        fn(platform) {
+            injectRuntimePath(platform);
+        }
+    });
+    ctx.modifyWebpackChain(({ chain }) => {
+        chain
+            .plugin('definePlugin')
+            .tap(args => {
+            const config = args[0];
+            config.__VUE_DEVTOOLS_PORT__ = port;
+            config.ENABLE_SIZE_APIS = true;
+            config.ENABLE_CONTAINS = true;
+            return args;
+        });
+        chain
+            .plugin('providerPlugin')
+            .tap(args => {
+            const config = args[0];
+            config.globalThis = ['@tarojs/runtime', 'window'];
+            config.HTMLElement = ['@tarojs/runtime', 'TaroElement'];
+            return args;
+        });
+    });
+    ctx.modifyRunnerOpts(({ opts }) => {
+        var _a;
+        if (shared.isString(opts.compiler)) {
+            opts.compiler = {
+                type: opts.compiler
+            };
+        }
+        if (opts.compiler.type === 'webpack5') {
+            (_a = opts.compiler).prebundle || (_a.prebundle = {});
+            const prebundle = opts.compiler.prebundle;
+            if (prebundle.enable === false)
+                return;
+            prebundle.webpack || (prebundle.webpack = {});
+            const webpackConfig = prebundle.webpack;
+            webpackConfig.provide || (webpackConfig.provide = []);
+            webpackConfig.provide.push(function (obj, taroRuntimeBundlePath) {
+                obj.globalThis = [taroRuntimeBundlePath, 'window'];
+                obj.HTMLElement = [taroRuntimeBundlePath, 'TaroElement'];
+            });
+        }
+    });
+}
+function injectRuntimePath(platform) {
+    const injectedPath = 'post:@tarojs/plugin-vue-devtools/dist/runtime';
+    if (shared.isArray(platform.runtimePath)) {
+        platform.runtimePath.push(injectedPath);
+    }
+    else if (shared.isString(platform.runtimePath)) {
+        platform.runtimePath = [platform.runtimePath, injectedPath];
+    }
 }
 
 exports["default"] = index;

package/dist/runtime.js

@@ -1,175 +1,175 @@
 import Taro from '@tarojs/taro';
 
-const ALIPAY = 'alipay';
-class WebSocket {
-    constructor(url) {
-        this.url = url;
-        this.readyState = this.CONNECTING;
-        Taro.connectSocket({
-            url
-        })
-            .then(ws => {
-            this._ws = ws;
-            ws.onClose(res => {
-                this.readyState = this.CLOSED;
-                this.onclose(res);
-            });
-            ws.onError(res => {
-                this.readyState = this.CLOSED;
-                this.onerror(res);
-            });
-            ws.onMessage(res => {
-                this.onmessage(res);
-            });
-            if (this.readyState !== this.OPEN) {
-                ws.onOpen(res => {
-                    this.readyState = this.OPEN;
-                    this.onopen(res);
-                });
-            }
-            else {
-                // 支付宝全局的 onSocketOpen 已触发过了，直接调用 onopen
-                this.onopen({});
-            }
-        });
-        // 支付宝只支持一个 socket 连接，且 onSocketOpen 的触发时机比 connectSocket 回调的时机早
-        if (process.env.TARO_ENV === ALIPAY) {
-            Taro.onSocketOpen(() => {
-                this.readyState = this.OPEN;
-            });
-        }
-    }
-    send(data) {
-        this._ws.send({
-            data
-        });
-    }
-    close(code, reason) {
-        this.readyState = this.CLOSING;
-        this._ws.close({
-            code: code || 1000,
-            reason: reason || ''
-        });
-    }
-    get CONNECTING() {
-        return 0;
-    }
-    get OPEN() {
-        return 1;
-    }
-    get CLOSING() {
-        return 2;
-    }
-    get CLOSED() {
-        return 3;
-    }
+const ALIPAY = 'alipay';
+class WebSocket {
+    constructor(url) {
+        this.url = url;
+        this.readyState = this.CONNECTING;
+        Taro.connectSocket({
+            url
+        })
+            .then(ws => {
+            this._ws = ws;
+            ws.onClose(res => {
+                this.readyState = this.CLOSED;
+                this.onclose(res);
+            });
+            ws.onError(res => {
+                this.readyState = this.CLOSED;
+                this.onerror(res);
+            });
+            ws.onMessage(res => {
+                this.onmessage(res);
+            });
+            if (this.readyState !== this.OPEN) {
+                ws.onOpen(res => {
+                    this.readyState = this.OPEN;
+                    this.onopen(res);
+                });
+            }
+            else {
+                // 支付宝全局的 onSocketOpen 已触发过了，直接调用 onopen
+                this.onopen({});
+            }
+        });
+        // 支付宝只支持一个 socket 连接，且 onSocketOpen 的触发时机比 connectSocket 回调的时机早
+        if (process.env.TARO_ENV === ALIPAY) {
+            Taro.onSocketOpen(() => {
+                this.readyState = this.OPEN;
+            });
+        }
+    }
+    send(data) {
+        this._ws.send({
+            data
+        });
+    }
+    close(code, reason) {
+        this.readyState = this.CLOSING;
+        this._ws.close({
+            code: code || 1000,
+            reason: reason || ''
+        });
+    }
+    get CONNECTING() {
+        return 0;
+    }
+    get OPEN() {
+        return 1;
+    }
+    get CLOSING() {
+        return 2;
+    }
+    get CLOSED() {
+        return 3;
+    }
 }
 
-function createSocket(host) {
-    class Socket {
-        constructor() {
-            this.isClosed = false;
-            this.connect();
-        }
-        connect() {
-            Taro.request({
-                url: `http://${host}/socket.io/?EIO=3&transport=polling`
-            })
-                .then(({ data }) => {
-                var _a;
-                const target = ((_a = /{.*}/.exec(data)) === null || _a === void 0 ? void 0 : _a[0]) || '';
-                try {
-                    const res = JSON.parse(target);
-                    this.sid = res.sid;
-                    this.ackTimeout = res.pingTimeout;
-                    this.initWS();
-                }
-                catch (error) {
-                    console.error('Vue DevTools 握手失败: ', error);
-                }
-            })
-                .catch(() => {
-                console.warn('请打开 Vue DevTools');
-            });
-        }
-        on(event, cb) {
-            this[`on-${event}`] = cb;
-        }
-        emit(event, data) {
-            if (this.isClosed)
-                return;
-            // heart break
-            clearTimeout(this.ack);
-            this.ack = setTimeout(() => this._ws.send('2'), 5000);
-            const msgList = data ? [event, data] : [event];
-            const msg = JSON.stringify(msgList);
-            // message: 4 + parser.EVENT: 2
-            this._ws.send('42' + msg);
-        }
-        initWS() {
-            const ws = new WebSocket(`ws://${host}/socket.io/?EIO=3&transport=websocket&sid=${this.sid}`);
-            ws.onopen = () => {
-                // close: 1
-                // message: 4
-                // noop: 6
-                // open: 0
-                // ping: 2
-                // pong: 3
-                // upgrade: 5
-                ws.send('2probe');
-            };
-            ws.onmessage = ({ data }) => {
-                if (data === '3probe') {
-                    // upgrade: 5
-                    ws.send('5');
-                    this['on-connect']();
-                }
-                else if (data === '3') {
-                    // pong
-                    this.ack = setTimeout(() => ws.send('2'), 5000);
-                }
-                else {
-                    const match = /\[.*\]/.exec(data);
-                    if (!match)
-                        return;
-                    try {
-                        const [event, args = []] = JSON.parse(match[0]);
-                        const cb = this[`on-${event}`];
-                        if (typeof cb === 'function') {
-                            // @TODO: 元素高亮暂时不实现，需要魔改 backend 的代码
-                            const _args = args.filter(arg => arg.event.indexOf(':mouse-over') === -1);
-                            cb(_args);
-                        }
-                    }
-                    catch (error) {
-                        console.error('Vue DevTools 解析 socket message 失败: ', error);
-                    }
-                }
-            };
-            ws.onclose = reason => {
-                this.isClosed = true;
-                this['on-disconnect'](reason);
-            };
-            ws.onerror = err => console.error('[Taro Socket]onerror', err);
-            this._ws = ws;
-        }
-        disconnect() {
-            this.clean();
-            if (!this.isClosed) {
-                // message: 4 + close: 1
-                this._ws.send('41');
-                this._ws.close();
-            }
-        }
-        clean() {
-            clearTimeout(this.ack);
-        }
-    }
-    return new Socket();
+function createSocket(host) {
+    class Socket {
+        constructor() {
+            this.isClosed = false;
+            this.connect();
+        }
+        connect() {
+            Taro.request({
+                url: `http://${host}/socket.io/?EIO=3&transport=polling`
+            })
+                .then(({ data }) => {
+                var _a;
+                const target = ((_a = /{.*}/.exec(data)) === null || _a === void 0 ? void 0 : _a[0]) || '';
+                try {
+                    const res = JSON.parse(target);
+                    this.sid = res.sid;
+                    this.ackTimeout = res.pingTimeout;
+                    this.initWS();
+                }
+                catch (error) {
+                    console.error('Vue DevTools 握手失败: ', error);
+                }
+            })
+                .catch(() => {
+                console.warn('请打开 Vue DevTools');
+            });
+        }
+        on(event, cb) {
+            this[`on-${event}`] = cb;
+        }
+        emit(event, data) {
+            if (this.isClosed)
+                return;
+            // heart break
+            clearTimeout(this.ack);
+            this.ack = setTimeout(() => this._ws.send('2'), 5000);
+            const msgList = data ? [event, data] : [event];
+            const msg = JSON.stringify(msgList);
+            // message: 4 + parser.EVENT: 2
+            this._ws.send('42' + msg);
+        }
+        initWS() {
+            const ws = new WebSocket(`ws://${host}/socket.io/?EIO=3&transport=websocket&sid=${this.sid}`);
+            ws.onopen = () => {
+                // close: 1
+                // message: 4
+                // noop: 6
+                // open: 0
+                // ping: 2
+                // pong: 3
+                // upgrade: 5
+                ws.send('2probe');
+            };
+            ws.onmessage = ({ data }) => {
+                if (data === '3probe') {
+                    // upgrade: 5
+                    ws.send('5');
+                    this['on-connect']();
+                }
+                else if (data === '3') {
+                    // pong
+                    this.ack = setTimeout(() => ws.send('2'), 5000);
+                }
+                else {
+                    const match = /\[.*\]/.exec(data);
+                    if (!match)
+                        return;
+                    try {
+                        const [event, args = []] = JSON.parse(match[0]);
+                        const cb = this[`on-${event}`];
+                        if (typeof cb === 'function') {
+                            // @TODO: 元素高亮暂时不实现，需要魔改 backend 的代码
+                            const _args = args.filter(arg => arg.event.indexOf(':mouse-over') === -1);
+                            cb(_args);
+                        }
+                    }
+                    catch (error) {
+                        console.error('Vue DevTools 解析 socket message 失败: ', error);
+                    }
+                }
+            };
+            ws.onclose = reason => {
+                this.isClosed = true;
+                this['on-disconnect'](reason);
+            };
+            ws.onerror = err => console.error('[Taro Socket]onerror', err);
+            this._ws = ws;
+        }
+        disconnect() {
+            this.clean();
+            if (!this.isClosed) {
+                // message: 4 + close: 1
+                this._ws.send('41');
+                this._ws.close();
+            }
+        }
+        clean() {
+            clearTimeout(this.ack);
+        }
+    }
+    return new Socket();
 }
 
-const { connect } = require('./backend');
-connect('localhost', __VUE_DEVTOOLS_PORT__, {
-    io: createSocket
+const { connect } = require('./backend');
+connect('localhost', __VUE_DEVTOOLS_PORT__, {
+    io: createSocket
 });
 //# sourceMappingURL=runtime.js.map

package/package.json

@@ -1,14 +1,8 @@
 {
   "name": "@tarojs/plugin-vue-devtools",
-  "version": "3.5.0-beta.4",
+  "version": "3.5.0-beta.7",
   "description": "Taro 小程序端支持使用 Vue DevTools 的插件",
   "main": "index.js",
-  "scripts": {
-    "dev": "rollup -c -w",
-    "build": "rollup -c",
-    "test": "jest",
-    "test:dev": "jest --watch"
-  },
   "files": [
     "dist",
     "index.js",
@@ -28,12 +22,18 @@
   },
   "homepage": "https://github.com/NervJS/taro#readme",
   "dependencies": {
-    "@tarojs/helper": "3.5.0-beta.4",
-    "@tarojs/shared": "3.5.0-beta.4",
-    "@tarojs/taro": "3.5.0-beta.4",
+    "@tarojs/helper": "3.5.0-beta.7",
+    "@tarojs/service": "3.5.0-beta.7",
+    "@tarojs/shared": "3.5.0-beta.7",
+    "@tarojs/taro": "3.5.0-beta.7",
     "@vue/devtools": "6.0.0-beta.15",
     "cross-spawn": "^7.0.3",
     "detect-port": "^1.3.0"
   },
-  "gitHead": "7aca7841ed7e2af1b182ff5d24e91f44730ce783"
-}
+  "scripts": {
+    "dev": "rollup -c -w",
+    "build": "rollup -c",
+    "test": "jest",
+    "test:dev": "jest --watch"
+  }
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2018 
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.