android-midscene-automation 0.1.4 → 0.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "android-midscene-automation",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "type": "module",
   "bin": {
     "android-midscene-automation": "./bin/android-midscene-automation.js"

package/server/http-api.ts

@@ -94,6 +94,10 @@ function writeNdjson(res: ServerResponse, event: RunGeneratedScriptEvent | { typ
   res.write(`${JSON.stringify(event)}\n`);
 }
 
+function npxCommand() {
+  return process.platform === 'win32' ? 'npx.cmd' : 'npx';
+}
+
 type AndroidDevice = {
   id: string;
   status: string;
@@ -506,7 +510,7 @@ export function createApiMiddleware() {
       };
     }
 
-    playgroundProcess = spawn('npx', ['--yes', '@midscene/android-playground'], {
+    playgroundProcess = spawn(npxCommand(), ['--yes', '@midscene/android-playground'], {
       cwd: appPath(),
       env: {
         ...process.env,
@@ -515,6 +519,10 @@ export function createApiMiddleware() {
       stdio: 'ignore',
       detached: false,
     });
+    playgroundProcess.once('error', (error) => {
+      console.warn(`Android Playground 启动失败：${error.message}`);
+      playgroundProcess = null;
+    });
     playgroundProcess.once('exit', () => {
       playgroundProcess = null;
     });

package/src/App.vue

@@ -72,6 +72,7 @@ const playgroundFrameUrl = ref('');
 const playgroundFrameSignature = ref('');
 const devicePreviewUrl = ref('');
 const devicePreviewMode = ref<'stream' | 'screenshot' | ''>('');
+const backendOffline = shallowRef(false);
 const androidDevices = ref<AndroidDevice[]>([]);
 const deviceInterfaceSize = reactive({ width: 0, height: 0 });
 const deviceDebug = reactive({
@@ -116,6 +117,17 @@ let appiumPreviewTimer: number | null = null;
 let executionProgressTimer: number | null = null;
 let scriptRunAbortController: AbortController | null = null;
 
+const isBackendFetchError = (error: unknown) => {
+  const message = error instanceof Error ? error.message : String(error || '');
+  return error instanceof TypeError || /Failed to fetch|NetworkError|Load failed/i.test(message);
+};
+
+const stopPlaygroundPollTimer = () => {
+  if (!playgroundPollTimer) return;
+  window.clearInterval(playgroundPollTimer);
+  playgroundPollTimer = null;
+};
+
 const form = reactive({
   promptTitle: '',
   testName: '',
@@ -739,10 +751,20 @@ const testModel = async (key: 'midscene' | 'scriptOptimizer') => {
 };
 
 const loadAndroidDevices = async () => {
-  const payload = await api.getAndroidDevices();
-  androidDevices.value = payload.devices || [];
-  playgroundDeviceId.value = payload.currentDeviceId || '';
-  playgroundAvailable.value = androidDevices.value.some((item) => item.status === 'device');
+  if (backendOffline.value) return;
+  try {
+    const payload = await api.getAndroidDevices();
+    backendOffline.value = false;
+    androidDevices.value = payload.devices || [];
+    playgroundDeviceId.value = payload.currentDeviceId || '';
+    playgroundAvailable.value = androidDevices.value.some((item) => item.status === 'device');
+  } catch (error) {
+    if (isBackendFetchError(error)) {
+      markBackendOffline();
+      return;
+    }
+    throw error;
+  }
 };
 
 const loadDeviceInterface = async () => {
@@ -757,6 +779,7 @@ const loadDeviceInterface = async () => {
 };
 
 const loadAdbPreview = () => {
+  if (backendOffline.value) return;
   if (!playgroundDeviceId.value) {
     devicePreviewUrl.value = '';
     devicePreviewMode.value = '';
@@ -786,6 +809,7 @@ const refreshDevicePreview = () => {
 };
 
 const startAppiumPreviewTimer = () => {
+  if (backendOffline.value) return;
   if (appiumPreviewTimer) return;
   loadAdbPreview();
   appiumPreviewTimer = window.setInterval(loadAdbPreview, 1000);
@@ -797,7 +821,22 @@ const stopAppiumPreviewTimer = () => {
   appiumPreviewTimer = null;
 };
 
+const markBackendOffline = () => {
+  if (backendOffline.value) return;
+  backendOffline.value = true;
+  playgroundAvailable.value = false;
+  playgroundFrameUrl.value = '';
+  playgroundFrameSignature.value = '';
+  devicePreviewUrl.value = '';
+  devicePreviewMode.value = '';
+  playgroundPreviewError.value = '本地服务已断开，请重新运行启动命令后刷新页面。';
+  errorMessage.value = playgroundPreviewError.value;
+  stopPlaygroundPollTimer();
+  stopAppiumPreviewTimer();
+};
+
 const loadPlaygroundStatus = async () => {
+  if (backendOffline.value) return;
   if (!playgroundDeviceId.value) {
     playgroundAvailable.value = false;
     playgroundPreviewError.value = '';
@@ -844,6 +883,10 @@ const loadPlaygroundStatus = async () => {
       loadAdbPreview();
     }
   } catch (error) {
+    if (isBackendFetchError(error)) {
+      markBackendOffline();
+      return;
+    }
     playgroundAvailable.value = false;
     playgroundFrameUrl.value = '';
     playgroundFrameSignature.value = '';
@@ -1207,15 +1250,17 @@ onMounted(async () => {
   await Promise.allSettled([loadConfig(), loadAppPresets(), loadAndroidDevices(), loadSavedScripts(), loadModelUsageRecords()]);
   await loadPlaygroundStatus();
   playgroundPollTimer = window.setInterval(() => {
+    if (backendOffline.value) {
+      stopPlaygroundPollTimer();
+      return;
+    }
     void loadAndroidDevices();
     void loadPlaygroundStatus();
   }, 2500);
 });
 
 onUnmounted(() => {
-  if (playgroundPollTimer) {
-    window.clearInterval(playgroundPollTimer);
-  }
+  stopPlaygroundPollTimer();
   stopAppiumPreviewTimer();
   stopExecutionProgressTimer();
   scriptRunAbortController?.abort();