@shijiu/jsview 2.1.435 → 2.1.476-test.0

package/tools/jsview-vue-devtools.mjs

@@ -0,0 +1,97 @@
+#!/usr/bin/env node
+'use strict';
+
+import fs from 'node:fs';
+import path from 'node:path';
+import {
+    askAndAnswer,
+    checkNodeVersion,
+    execCommand,
+    getNetworkIpv4Addresses,
+    getOptions,
+    parseArguments,
+    Logger,
+} from './jsview-common.mjs';
+
+function getDefaultPort() {
+    return 8098;
+}
+
+async function getExtraOptions(argv)
+{
+    const options = getOptions(argv.framework);
+
+    options.hostIp = 'your-pc-ip';
+    const addresses = getNetworkIpv4Addresses();
+    if(addresses.length > 0) {
+        options.hostIp = addresses[0];
+    }
+    options.hostPort = argv.port ?? getDefaultPort();
+
+    if(process.platform == 'win32' && options.hostPort != getDefaultPort()) {
+        Logger.ErrorAndExit("Windows can't support to set custom port to Vue DevTools standalone application. please use default value.")
+    }
+
+    return options;
+}
+
+async function runVueDevtoolsStandalone(options)
+{
+    const vuedtFilePath = options.modulesDir + '/.bin/vue-devtools';
+
+    var exportPrefix = 'export';
+    if(process.platform == 'win32') {
+        exportPrefix = 'set'
+    }
+
+    if (fs.existsSync(vuedtFilePath) == false
+    || fs.existsSync(options.modulesDir + '/electron') == false) {
+        Logger.ErrorNoException('Vue DevTools standalone application is not found.')
+        Logger.Info(' Do you want to install it thought "@vue/vue-devtools@6.5.1"?');
+        const answer = askAndAnswer('(y/N) ');
+        if (answer.substring(0, 1) != 'y' && answer.substring(0, 3) != 'yes') {
+            Logger.ErrorAndExitNoSilent('User cancelled.')
+        }
+
+        const exportElectronMirror = exportPrefix + ' ELECTRON_MIRROR=http://cdn.release.qcast.cn/RN_devtools/electron-env/'
+        let cmdline = exportElectronMirror + ' && npm install --package-lock-only --save-exact --save-dev electron@21.4.4 @vue/devtools@6.5.1'
+        execCommand(cmdline);
+        cmdline = exportElectronMirror + ' && npm ci'
+        execCommand(cmdline);
+        
+        console.log()
+        console.log()
+        Logger.Tip(" *** NOTICE ***:")
+        Logger.Tip(" Don't forget to add the following code at the beginning of your source entry ['main.ts' or 'main.tsx']:")
+        console.log("    if (process.env.NODE_ENV === 'development') {")
+        console.log("      window.requestAnimationFrame = (callback) => setTimeout(callback, 0)")
+        console.log("      const devtools = await import('@vue/devtools')")
+        console.log("      devtools.connect('" + options.hostIp + "', " + options.hostPort + ")")
+        console.log("      console.warn('@vue/devtools has been ready.')")
+        console.log("    }")
+        console.log()
+    }
+
+    var cmdline = /* 不要添加 `node `，windows cmd执行出错 */ path.relative(options.projectDir, vuedtFilePath)
+    if(process.platform != 'win32') { // 在Window系统上设置port 会导致WebSocket连接失败。
+        cmdline = (exportPrefix + ' PORT=' + options.hostPort + ' && ' + cmdline);
+    }
+    execCommand(cmdline);
+}
+
+async function main(argv)
+{
+    checkNodeVersion();
+
+    const options = await getExtraOptions(argv);
+
+    runVueDevtoolsStandalone(options);
+}
+
+const requiredUsages = {
+};
+const optionalUsages = {
+  '--port': 'Set vue devtools standalone server port. default is: ' + getDefaultPort(),
+};
+const argv = parseArguments(requiredUsages, optionalUsages, false);
+main(argv)