@dimina-kit/devtools 0.4.0-dev.20260907055341 → 0.5.0-dev.20260908120530

package/README.md

@@ -6,7 +6,7 @@ Dimina DevTools 是调试 [Dimina](https://github.com/didi/dimina) 小程序的
 
 ## 获取和运行
 
-直接使用桌面应用，可以从项目的 [Releases](https://github.com/EchoTechFE/dimina-kit/releases) 下载已发布的桌面构建。要从源码运行，请先按[仓库根 README](../../README.md#快速开始)准备仓库，然后执行：
+直接使用桌面应用，可以从项目的 [Releases](https://github.com/EchoTechFE/dimina-kit/releases) 下载已发布的桌面构建。要从源码运行，请先按[仓库根 README](../../README.md#从源码启动)准备仓库，然后执行：
 
 ```bash
 pnpm --filter @dimina-kit/devtools build

package/dist/main/app/window-runtime-services.d.ts

@@ -1,14 +1,14 @@
-import type { BrowserWindow } from 'electron';
-import type { ConnectionRegistry, DisposableRegistry } from '@dimina-kit/electron-deck/main';
-import type { SyncStorageChange } from '../../shared/ipc-channels.js';
-import type { SenderPolicy } from '../utils/ipc-registry.js';
-import type { BridgeRouterHandle } from '../ipc/bridge-router.js';
-import type { CdpSessionBroker } from '../services/cdp-session/index.js';
-import type { InternalDevtoolsWindow } from '../windows/internal-devtools-window/index.js';
-import type { NetworkForwarder } from '../services/network-forward/index.js';
-import type { AppDataTap } from '../services/simulator-appdata/index.js';
-import type { StorageApi } from '../services/simulator-storage/index.js';
-import type { WorkspaceService } from '../services/workspace/workspace-service.js';
+import type { BrowserWindow } from "electron";
+import type { ConnectionRegistry, DisposableRegistry } from "@dimina-kit/electron-deck/main";
+import type { SyncStorageChange } from "../../shared/ipc-channels.js";
+import type { SenderPolicy } from "../utils/ipc-registry.js";
+import type { BridgeRouterHandle } from "../ipc/bridge-router.js";
+import type { CdpSessionBroker } from "../services/cdp-session/index.js";
+import type { InternalDevtoolsWindow } from "../windows/internal-devtools-window/index.js";
+import type { NetworkForwarder } from "../services/network-forward/index.js";
+import type { AppDataTap } from "../services/simulator-appdata/index.js";
+import type { StorageApi } from "../services/simulator-storage/index.js";
+import type { WorkspaceService } from "../services/workspace/workspace-service.js";
 /**
  * Narrow view of the context fields these services read, plus the four fields
  * they publish back onto it for bridge-router to consume.
@@ -31,7 +31,7 @@ export interface WindowRuntimeContext {
  * native-host WXML/element-inspect services (which scope the active render
  * guest by appId) and the editor's per-project workspace identity.
  */
-export declare function createActiveAppIdResolver(context: Pick<WindowRuntimeContext, 'workspace'>): () => string | null;
+export declare function createActiveAppIdResolver(context: Pick<WindowRuntimeContext, "workspace">): () => string | null;
 /**
  * Panel-backing services that push into one window's renderer: storage, and
  * under native-host the MCP target tracking plus the WXML / AppData /

package/dist/main/app/window-runtime-services.js

@@ -1,12 +1,12 @@
-import { resolveNativeAppDataKeys, resolveNativeStorageOverview } from './native-overview.js';
-import { registerMcpWindow, noteActiveBridgeId } from '../services/mcp/index.js';
-import { createRenderInspector } from '../services/render-inspect/index.js';
-import { setupSimulatorStorage } from '../services/simulator-storage/index.js';
-import { createNetworkForwarder } from '../services/network-forward/index.js';
-import { setupSimulatorWxml } from '../services/simulator-wxml/index.js';
-import { setupSimulatorAppData } from '../services/simulator-appdata/index.js';
-import { setupSimulatorCurrentPage } from '../services/simulator-current-page/index.js';
-import { toDisposable } from '@dimina-kit/electron-deck/main';
+import { resolveNativeAppDataKeys, resolveNativeStorageOverview, } from "./native-overview.js";
+import { registerMcpWindow, noteActiveBridgeId, } from "../services/mcp/index.js";
+import { createRenderInspector } from "../services/render-inspect/index.js";
+import { setupSimulatorStorage } from "../services/simulator-storage/index.js";
+import { createNetworkForwarder } from "../services/network-forward/index.js";
+import { setupSimulatorWxml } from "../services/simulator-wxml/index.js";
+import { setupSimulatorAppData } from "../services/simulator-appdata/index.js";
+import { setupSimulatorCurrentPage } from "../services/simulator-current-page/index.js";
+import { toDisposable } from "@dimina-kit/electron-deck/main";
 /**
  * Resolve the active project's appId. Shared by the storage panel filter, the
  * native-host WXML/element-inspect services (which scope the active render
@@ -70,7 +70,10 @@ export function setupWindowRuntimeServices(context, mainWindow, getActiveAppId,
     // Native-host inspector: injects the render-guest IIFE and drives WXML /
     // element-highlight against the active render-host <webview>. Reused by
     // the storage panel (element inspect) and the WXML panel service.
-    const renderInspector = createRenderInspector({ connections: context.connections, broker: context.cdpSessionBroker });
+    const renderInspector = createRenderInspector({
+        connections: context.connections,
+        broker: context.cdpSessionBroker,
+    });
     const storage = setupSimulatorStorage(mainWindow.webContents, {
         senderPolicy: context.senderPolicy,
         connections: context.connections,
@@ -96,12 +99,16 @@ export function setupWindowRuntimeServices(context, mainWindow, getActiveAppId,
     // routes async wx.setStorage/etc. to the unified service-host store.
     if (storage.storageApi) {
         context.storageApi = storage.storageApi;
-        context.registry.add(() => { context.storageApi = undefined; });
+        context.registry.add(() => {
+            context.storageApi = undefined;
+        });
         // SYNC wx storage writes bypass main (they hit the service-host localStorage
         // directly); the service-host posts `storageChanged` and bridge-router routes
         // it here so the Storage panel stays live without a manual reload.
         context.onServiceStorageChanged = storage.onSyncStorageChange;
-        context.registry.add(() => { context.onServiceStorageChanged = undefined; });
+        context.registry.add(() => {
+            context.onServiceStorageChanged = undefined;
+        });
     }
     // Native-host WXML + AppData panels: main sources the data (WXML pulled
     // from the active render guest; AppData tapped from the service→render
@@ -127,14 +134,16 @@ export function setupWindowRuntimeServices(context, mainWindow, getActiveAppId,
             // project is open.
             getSimulatorServerBaseUrl: () => {
                 const port = context.workspace?.getSession()?.port;
-                return typeof port === 'number' ? `http://localhost:${port}/` : null;
+                return typeof port === "number" ? `http://localhost:${port}/` : null;
             },
             connections: context.connections,
             broker: context.cdpSessionBroker,
         });
         context.networkForward = networkForward;
         context.registry.add(networkForward);
-        context.registry.add(() => { context.networkForward = undefined; });
+        context.registry.add(() => {
+            context.networkForward = undefined;
+        });
         // Global mirror: once the standalone internal
         // DevTools window builds its own front-end host, mirror the full
         // unfiltered Network stream into it. Attached AFTER context.networkForward
@@ -150,6 +159,14 @@ export function setupWindowRuntimeServices(context, mainWindow, getActiveAppId,
         context.registry.add(toDisposable(context.bridge?.onNativeWebSocketTrace?.((ownerId, event) => {
             context.networkForward?.reportWebSocketTrace(ownerId, event);
         }) ?? (() => { })));
+        // Main-process HTTP traffic (wx.request runs on Node http/https,
+        // invisible to any webContents debugger — that's the whole point of the
+        // migration off renderer `fetch()`, since Chromium's Fetch/CORS algorithm
+        // was attaching a spurious OPTIONS preflight to it): same trace-stream
+        // fan-out as the WebSocket case above.
+        context.registry.add(toDisposable(context.bridge?.onNativeRequestTrace?.((ownerId, event) => {
+            context.networkForward?.reportNativeRequestTrace(ownerId, event);
+        }) ?? (() => { })));
         context.registry.add(setupSimulatorWxml(mainWindow.webContents, {
             senderPolicy: context.senderPolicy,
             bridge: context.bridge,
@@ -166,7 +183,9 @@ export function setupWindowRuntimeServices(context, mainWindow, getActiveAppId,
         // bridge-router feeds this via ctx.appData (service→render tap + evict).
         context.appData = appDataService;
         context.registry.add(appDataService);
-        context.registry.add(() => { context.appData = undefined; });
+        context.registry.add(() => {
+            context.appData = undefined;
+        });
         // Push the visible page route to the toolbar on every navigation (the
         // page stack lives in the DeviceShell WCV, invisible to renderer
         // <webview> nav events).