@tarojs/plugin-react-devtools 3.5.0-theta.0 → 3.5.1-aplha.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/LICENSE ADDED
@@ -0,0 +1,21 @@
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.
package/dist/index.js CHANGED
@@ -52,6 +52,8 @@ function index (ctx, options) {
52
52
  });
53
53
  ctx.modifyRunnerOpts(({ opts }) => {
54
54
  var _a;
55
+ if (!(opts === null || opts === void 0 ? void 0 : opts.compiler))
56
+ return;
55
57
  if (shared.isString(opts.compiler)) {
56
58
  opts.compiler = {
57
59
  type: opts.compiler
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(`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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"}
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 (!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 // 代替 ./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/runtime.js CHANGED
@@ -70,7 +70,7 @@ class WebSocket {
70
70
  }
71
71
 
72
72
  const { connectToDevTools } = require('./backend');
73
- const ws = new WebSocket(`ws://127.0.0.1:${__REACT_DEVTOOLS_PORT__}`);
73
+ const ws = new WebSocket(`ws://localhost:${__REACT_DEVTOOLS_PORT__}`);
74
74
  connectToDevTools({
75
75
  // host: string (defaults to "localhost") - Websocket will connect to this host.
76
76
  port: __REACT_DEVTOOLS_PORT__,
@@ -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'\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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"}
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://localhost:${__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/package.json CHANGED
@@ -1,14 +1,8 @@
1
1
  {
2
2
  "name": "@tarojs/plugin-react-devtools",
3
- "version": "3.5.0-theta.0",
3
+ "version": "3.5.1-aplha.0",
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": "workspace:*",
32
- "@tarojs/service": "workspace:*",
33
- "@tarojs/shared": "workspace:*",
34
- "@tarojs/taro": "workspace:*",
25
+ "@tarojs/helper": "3.5.1-aplha.0",
26
+ "@tarojs/service": "3.5.1-aplha.0",
27
+ "@tarojs/shared": "3.5.1-aplha.0",
28
+ "@tarojs/taro": "3.5.1-aplha.0",
35
29
  "cross-spawn": "^7.0.3",
36
30
  "detect-port": "^1.3.0",
37
31
  "react-devtools": "4.14.0"
32
+ },
33
+ "scripts": {
34
+ "dev": "rollup -c -w",
35
+ "build": "rollup -c",
36
+ "test": "jest",
37
+ "test:dev": "jest --watch"
38
38
  }
39
- }
39
+ }