@vue/devtools-core - npm Package Compare versions

Comparing version 7.0.17 to 7.0.18

dist/index.d.ts

@@ -161,2 +161,3 @@ import * as mitt from 'mitt';
 } | undefined>;
+declare const toggleHighPerfMode: (...args: any[]) => Promise<void | undefined>;
 
@@ -180,2 +181,8 @@ declare const onDevToolsStateUpdated: (listener: (payload: DevToolsState & {
 
-export { type AssetEntry, type AssetInfo, type AssetType, Bridge, type BridgeAdapterOptions, type BridgeInstanceType, type CodeSnippet, type DevToolsPluginOptions, type DevtoolsBridgeAppRecord, HandShakeClient, HandShakeEvents, HandShakeServer, type ImageMeta, type ModuleInfo, callViteClientListener, callViteServerAction, checkVueInspectorDetected, createDevToolsVuePlugin, defineDevToolsAction, defineDevToolsListener, defineViteClientListener, defineViteServerAction, editInspectorState, enableVueInspector, getComponentBoundingRect, getDevToolsClientUrl, getDevToolsState, getInspectorState, getInspectorTree, getMatchedRoutes, getRouterInfo, getTimelineLayer, initViteClientHotContext, initViteServerContext, inspectComponentInspector, navigateAction, onAddTimelineEvent, onCustomCommandsUpdated, onCustomTabsUpdated, onDevToolsStateUpdated, onInspectorStateUpdated, onInspectorTreeUpdated, onRouterInfoUpdated, openInEditor, prepareInjection, scrollToComponent, setDevToolsClientUrl, setupAppBridge, setupDevToolsBridge, toggleApp, toggleComponentInspector, unhighlightElement, updateInspectorTreeId, useDevToolsBridge, useDevToolsState };
+declare function initAppSeparateWindow(): void;
+declare function initDevToolsSeparateWindowBridge(channel: BroadcastChannel): Bridge<Record<mitt.EventType, any>, mitt.EventType>;
+declare function initDevToolsSeparateWindow(options?: {
+    onConnected?: (channel: BroadcastChannel) => void;
+}): void;
+
+export { type AssetEntry, type AssetInfo, type AssetType, Bridge, type BridgeAdapterOptions, type BridgeInstanceType, type CodeSnippet, type DevToolsPluginOptions, type DevtoolsBridgeAppRecord, HandShakeClient, HandShakeEvents, HandShakeServer, type ImageMeta, type ModuleInfo, callViteClientListener, callViteServerAction, checkVueInspectorDetected, createDevToolsVuePlugin, defineDevToolsAction, defineDevToolsListener, defineViteClientListener, defineViteServerAction, editInspectorState, enableVueInspector, getComponentBoundingRect, getDevToolsClientUrl, getDevToolsState, getInspectorState, getInspectorTree, getMatchedRoutes, getRouterInfo, getTimelineLayer, initAppSeparateWindow, initDevToolsSeparateWindow, initDevToolsSeparateWindowBridge, initViteClientHotContext, initViteServerContext, inspectComponentInspector, navigateAction, onAddTimelineEvent, onCustomCommandsUpdated, onCustomTabsUpdated, onDevToolsStateUpdated, onInspectorStateUpdated, onInspectorTreeUpdated, onRouterInfoUpdated, openInEditor, prepareInjection, scrollToComponent, setDevToolsClientUrl, setupAppBridge, setupDevToolsBridge, toggleApp, toggleComponentInspector, toggleHighPerfMode, unhighlightElement, updateInspectorTreeId, useDevToolsBridge, useDevToolsState };

dist/index.js

@@ -44,6 +44,7 @@ var __defProp = Object.defineProperty;
   toggleComponentInspector: () => toggleComponentInspector,
+  toggleHighPerfMode: () => toggleHighPerfMode,
   unhighlightElement: () => unhighlightElement,
   updateInspectorTreeId: () => updateInspectorTreeId
 });
-import { stringify } from "@vue/devtools-kit";
+import { toggleHighPerfMode as _toggleHighPerfMode, stringify } from "@vue/devtools-kit";
 var checkVueInspectorDetected = defineDevToolsAction("devtools:check-vue-inspector-detected", async (devtools4) => {
@@ -65,4 +66,4 @@ var _a, _b;
 });
-var openInEditor = defineDevToolsAction("devtools:open-in-editor", (devtools4, file) => {
-  devtools4.api.openInEditor({ file });
+var openInEditor = defineDevToolsAction("devtools:open-in-editor", (devtools4, file, baseUrl) => {
+  devtools4.api.openInEditor({ file, baseUrl });
 });
@@ -92,3 +93,3 @@ var getInspectorTree = defineDevToolsAction("devtools:inspector-tree", async (devtools4, payload) => {
 });
-var unhighlightElement = defineDevToolsAction("devtools:unhighlight-element", (devtools4, payload) => {
+var unhighlightElement = defineDevToolsAction("devtools:unhighlight-element", (devtools4) => {
   return devtools4.api.unhighlightElement();
@@ -136,2 +137,5 @@ });
 });
+var toggleHighPerfMode = defineDevToolsAction("devtools:toggle-high-perf-mode", (_, payload) => {
+  _toggleHighPerfMode(payload);
+});
 
@@ -539,3 +543,3 @@ // src/bridge-events/index.ts
 
-// ../../node_modules/.pnpm/vite-hot-client@0.2.3_vite@5.1.5/node_modules/vite-hot-client/dist/index.mjs
+// ../../node_modules/.pnpm/vite-hot-client@0.2.3_vite@5.1.6/node_modules/vite-hot-client/dist/index.mjs
 async function getViteClient(base = "/", warning = true) {
@@ -641,2 +645,77 @@ var _a;
 }
+
+// src/separate-window/index.ts
+var BROADCAST_CHANNEL_NAME = "__vue-devtools-broadcast-channel__";
+var MESSAGING_APP_TARGET = "__VUE_DEVTOOLS_USER_APP__";
+var MESSAGING_DEVTOOLS_TARGET = "__VUE_DEVTOOLS_CLIENT__";
+var CHECK_CONNECTION_EVENT = "__VUE_DEVTOOLS_CHECK_CONNECTION__";
+var CONNECTED_EVENT = "__VUE_DEVTOOLS_CONNECTED__";
+function initAppSeparateWindow() {
+  const channel = new BroadcastChannel(BROADCAST_CHANNEL_NAME);
+  const bridge = new Bridge({
+    tracker(fn) {
+      channel.onmessage = (event) => {
+        if (event.data.target === MESSAGING_DEVTOOLS_TARGET)
+          fn(event.data.data);
+      };
+    },
+    trigger(data) {
+      channel.postMessage({
+        target: MESSAGING_APP_TARGET,
+        data
+      });
+    }
+  });
+  prepareInjection(bridge);
+  bridge.on(CHECK_CONNECTION_EVENT, () => {
+    bridge.emit(CONNECTED_EVENT);
+    setTimeout(() => {
+      bridge.emit("syn");
+    }, 200);
+    window.addEventListener("beforeunload", () => {
+      bridge.emit("disconnect");
+    });
+  });
+}
+function initDevToolsSeparateWindowBridge(channel) {
+  const bridge = new Bridge({
+    tracker(fn) {
+      channel.onmessage = (event) => {
+        if (event.data.target === MESSAGING_APP_TARGET)
+          fn(event.data.data);
+      };
+    },
+    trigger(data) {
+      channel.postMessage({
+        target: MESSAGING_DEVTOOLS_TARGET,
+        data
+      });
+    }
+  });
+  return bridge;
+}
+function initDevToolsSeparateWindow(options = {}) {
+  const { onConnected = () => {
+  } } = options;
+  let connectionTimer = null;
+  const channel = new BroadcastChannel(BROADCAST_CHANNEL_NAME);
+  function connect() {
+    connectionTimer = setInterval(() => {
+      channel.postMessage({
+        target: MESSAGING_DEVTOOLS_TARGET,
+        data: {
+          event: CHECK_CONNECTION_EVENT
+        }
+      });
+    }, 2e3);
+  }
+  channel.onmessage = (event) => {
+    var _a, _b;
+    if (((_b = (_a = event.data) == null ? void 0 : _a.data) == null ? void 0 : _b.event) === CONNECTED_EVENT) {
+      clearInterval(connectionTimer);
+      onConnected(channel);
+    }
+  };
+  connect();
+}
 export {
@@ -665,2 +744,5 @@ Bridge,
   getTimelineLayer,
+  initAppSeparateWindow,
+  initDevToolsSeparateWindow,
+  initDevToolsSeparateWindowBridge,
   initViteClientHotContext,
@@ -685,2 +767,3 @@ initViteServerContext,
   toggleComponentInspector,
+  toggleHighPerfMode,
   unhighlightElement,
@@ -687,0 +770,0 @@ updateInspectorTreeId,

package.json

 {
   "name": "@vue/devtools-core",
   "type": "module",
-  "version": "7.0.17",
+  "version": "7.0.18",
   "author": "webfansplz",
@@ -24,4 +24,4 @@ "license": "MIT",
     "vite-hot-client": "^0.2.3",
-    "@vue/devtools-kit": "^7.0.17",
-    "@vue/devtools-shared": "^7.0.17"
+    "@vue/devtools-kit": "^7.0.18",
+    "@vue/devtools-shared": "^7.0.18"
   },
@@ -28,0 +28,0 @@ "devDependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

72696

increased by9.1%

Lines of code

1741

increased by11.1%

Dependency changes

• Updated@vue/devtools-kit@^7.0.18

• Updated@vue/devtools-shared@^7.0.18