@vue/devtools-kit 8.0.6 → 8.1.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/dist/index.cjs +370 -447
- package/dist/index.d.cts +22692 -644
- package/dist/index.d.ts +22692 -644
- package/dist/index.js +249 -327
- package/package.json +4 -5
package/dist/index.cjs
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
+
//#region \0rolldown/runtime.js
|
|
2
3
|
var __create = Object.create;
|
|
3
4
|
var __defProp = Object.defineProperty;
|
|
4
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
7
|
var __getProtoOf = Object.getPrototypeOf;
|
|
7
8
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var
|
|
9
|
-
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
|
|
10
|
-
};
|
|
9
|
+
var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
|
|
11
10
|
var __copyProps = (to, from, except, desc) => {
|
|
12
11
|
if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
|
|
13
12
|
key = keys[i];
|
|
@@ -18,41 +17,39 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
17
|
}
|
|
19
18
|
return to;
|
|
20
19
|
};
|
|
21
|
-
var __toESM = (mod, isNodeMode, target
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
22
21
|
value: mod,
|
|
23
22
|
enumerable: true
|
|
24
|
-
}) : target
|
|
25
|
-
|
|
23
|
+
}) : target, mod));
|
|
26
24
|
//#endregion
|
|
27
|
-
let
|
|
25
|
+
let _vue_devtools_shared = require("@vue/devtools-shared");
|
|
28
26
|
let perfect_debounce = require("perfect-debounce");
|
|
29
27
|
let hookable = require("hookable");
|
|
30
28
|
let birpc = require("birpc");
|
|
31
|
-
|
|
32
29
|
//#region src/compat/index.ts
|
|
33
30
|
function onLegacyDevToolsPluginApiAvailable(cb) {
|
|
34
|
-
if (
|
|
31
|
+
if (_vue_devtools_shared.target.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__) {
|
|
35
32
|
cb();
|
|
36
33
|
return;
|
|
37
34
|
}
|
|
38
|
-
Object.defineProperty(
|
|
35
|
+
Object.defineProperty(_vue_devtools_shared.target, "__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__", {
|
|
39
36
|
set(value) {
|
|
40
37
|
if (value) cb();
|
|
41
38
|
},
|
|
42
39
|
configurable: true
|
|
43
40
|
});
|
|
44
41
|
}
|
|
45
|
-
|
|
46
42
|
//#endregion
|
|
47
43
|
//#region src/core/component/utils/index.ts
|
|
48
44
|
function getComponentTypeName(options) {
|
|
45
|
+
if (typeof options === "function") return options.displayName || options.name || options.__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__ || "";
|
|
49
46
|
const name = options.name || options._componentTag || options.__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__ || options.__name;
|
|
50
47
|
if (name === "index" && options.__file?.endsWith("index.vue")) return "";
|
|
51
48
|
return name;
|
|
52
49
|
}
|
|
53
50
|
function getComponentFileName(options) {
|
|
54
51
|
const file = options.__file;
|
|
55
|
-
if (file) return (0,
|
|
52
|
+
if (file) return (0, _vue_devtools_shared.classify)((0, _vue_devtools_shared.basename)(file, ".vue"));
|
|
56
53
|
}
|
|
57
54
|
function getComponentName(options) {
|
|
58
55
|
const name = options.displayName || options.name || options._componentTag;
|
|
@@ -130,7 +127,6 @@ function getComponentInstance(appRecord, instanceId) {
|
|
|
130
127
|
function ensurePropertyExists(obj, key, skipObjCheck = false) {
|
|
131
128
|
return skipObjCheck ? key in obj : typeof obj === "object" && obj !== null ? key in obj : false;
|
|
132
129
|
}
|
|
133
|
-
|
|
134
130
|
//#endregion
|
|
135
131
|
//#region src/core/component/state/bounding-rect.ts
|
|
136
132
|
function createRect() {
|
|
@@ -193,7 +189,6 @@ function getComponentBoundingRect(instance) {
|
|
|
193
189
|
else if (instance.subTree.component) return getComponentBoundingRect(instance.subTree.component);
|
|
194
190
|
else return DEFAULT_RECT;
|
|
195
191
|
}
|
|
196
|
-
|
|
197
192
|
//#endregion
|
|
198
193
|
//#region src/core/component/tree/el.ts
|
|
199
194
|
function getRootElementsFromComponentInstance(instance) {
|
|
@@ -210,7 +205,6 @@ function getFragmentRootElements(vnode) {
|
|
|
210
205
|
});
|
|
211
206
|
return list;
|
|
212
207
|
}
|
|
213
|
-
|
|
214
208
|
//#endregion
|
|
215
209
|
//#region src/core/component-highlighter/index.ts
|
|
216
210
|
const CONTAINER_ELEMENT_ID = "__vue-devtools-component-inspector__";
|
|
@@ -328,9 +322,9 @@ function unhighlight() {
|
|
|
328
322
|
}
|
|
329
323
|
let inspectInstance = null;
|
|
330
324
|
function inspectFn(e) {
|
|
331
|
-
const target
|
|
332
|
-
if (target
|
|
333
|
-
const instance = target
|
|
325
|
+
const target = e.target;
|
|
326
|
+
if (target) {
|
|
327
|
+
const instance = target.__vueParentComponent;
|
|
334
328
|
if (instance) {
|
|
335
329
|
inspectInstance = instance;
|
|
336
330
|
if (instance.vnode.el) {
|
|
@@ -401,8 +395,8 @@ function scrollToComponent(options) {
|
|
|
401
395
|
const bounds = getComponentBoundingRect(instance);
|
|
402
396
|
if (bounds.width || bounds.height) {
|
|
403
397
|
const name = getInstanceName(instance);
|
|
404
|
-
const el
|
|
405
|
-
el
|
|
398
|
+
const el = getContainerElement();
|
|
399
|
+
el ? update({
|
|
406
400
|
...options,
|
|
407
401
|
name,
|
|
408
402
|
bounds
|
|
@@ -412,23 +406,22 @@ function scrollToComponent(options) {
|
|
|
412
406
|
bounds
|
|
413
407
|
});
|
|
414
408
|
setTimeout(() => {
|
|
415
|
-
if (el
|
|
409
|
+
if (el) el.style.display = "none";
|
|
416
410
|
}, 1500);
|
|
417
411
|
}
|
|
418
412
|
}, 1200);
|
|
419
413
|
}
|
|
420
414
|
}
|
|
421
|
-
|
|
422
415
|
//#endregion
|
|
423
416
|
//#region src/core/component-inspector/index.ts
|
|
424
|
-
|
|
417
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__ ??= true;
|
|
425
418
|
function toggleComponentInspectorEnabled(enabled) {
|
|
426
|
-
|
|
419
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__ = enabled;
|
|
427
420
|
}
|
|
428
421
|
function waitForInspectorInit(cb) {
|
|
429
422
|
let total = 0;
|
|
430
423
|
const timer = setInterval(() => {
|
|
431
|
-
if (
|
|
424
|
+
if (_vue_devtools_shared.target.__VUE_INSPECTOR__) {
|
|
432
425
|
clearInterval(timer);
|
|
433
426
|
total += 30;
|
|
434
427
|
cb();
|
|
@@ -437,7 +430,7 @@ function waitForInspectorInit(cb) {
|
|
|
437
430
|
}, 30);
|
|
438
431
|
}
|
|
439
432
|
function setupInspector() {
|
|
440
|
-
const inspector =
|
|
433
|
+
const inspector = _vue_devtools_shared.target.__VUE_INSPECTOR__;
|
|
441
434
|
const _openInEditor = inspector.openInEditor;
|
|
442
435
|
inspector.openInEditor = async (...params) => {
|
|
443
436
|
inspector.disable();
|
|
@@ -448,15 +441,14 @@ function getComponentInspector() {
|
|
|
448
441
|
return new Promise((resolve) => {
|
|
449
442
|
function setup() {
|
|
450
443
|
setupInspector();
|
|
451
|
-
resolve(
|
|
444
|
+
resolve(_vue_devtools_shared.target.__VUE_INSPECTOR__);
|
|
452
445
|
}
|
|
453
|
-
if (!
|
|
446
|
+
if (!_vue_devtools_shared.target.__VUE_INSPECTOR__) waitForInspectorInit(() => {
|
|
454
447
|
setup();
|
|
455
448
|
});
|
|
456
449
|
else setup();
|
|
457
450
|
});
|
|
458
451
|
}
|
|
459
|
-
|
|
460
452
|
//#endregion
|
|
461
453
|
//#region src/shared/stub-vue.ts
|
|
462
454
|
/**
|
|
@@ -467,13 +459,13 @@ function getComponentInspector() {
|
|
|
467
459
|
/**
|
|
468
460
|
* @from [@vue/reactivity](https://github.com/vuejs/core/blob/1c3327a0fa5983aa9078e3f7bb2330f572435425/packages/reactivity/src/constants.ts#L17-L23)
|
|
469
461
|
*/
|
|
470
|
-
let ReactiveFlags = /* @__PURE__ */ function(ReactiveFlags
|
|
471
|
-
ReactiveFlags
|
|
472
|
-
ReactiveFlags
|
|
473
|
-
ReactiveFlags
|
|
474
|
-
ReactiveFlags
|
|
475
|
-
ReactiveFlags
|
|
476
|
-
return ReactiveFlags
|
|
462
|
+
let ReactiveFlags = /* @__PURE__ */ function(ReactiveFlags) {
|
|
463
|
+
ReactiveFlags["SKIP"] = "__v_skip";
|
|
464
|
+
ReactiveFlags["IS_REACTIVE"] = "__v_isReactive";
|
|
465
|
+
ReactiveFlags["IS_READONLY"] = "__v_isReadonly";
|
|
466
|
+
ReactiveFlags["IS_SHALLOW"] = "__v_isShallow";
|
|
467
|
+
ReactiveFlags["RAW"] = "__v_raw";
|
|
468
|
+
return ReactiveFlags;
|
|
477
469
|
}({});
|
|
478
470
|
/**
|
|
479
471
|
* @from [@vue/reactivity](https://github.com/vuejs/core/blob/1c3327a0fa5983aa9078e3f7bb2330f572435425/packages/reactivity/src/reactive.ts#L330-L332)
|
|
@@ -498,11 +490,6 @@ function toRaw$1(observed) {
|
|
|
498
490
|
const raw = observed && observed[ReactiveFlags.RAW];
|
|
499
491
|
return raw ? toRaw$1(raw) : observed;
|
|
500
492
|
}
|
|
501
|
-
/**
|
|
502
|
-
* @from [@vue/runtime-core](https://github.com/vuejs/core/blob/1c3327a0fa5983aa9078e3f7bb2330f572435425/packages/runtime-core/src/vnode.ts#L63-L68)
|
|
503
|
-
*/
|
|
504
|
-
const Fragment = Symbol.for("v-fgt");
|
|
505
|
-
|
|
506
493
|
//#endregion
|
|
507
494
|
//#region src/core/component/state/editor.ts
|
|
508
495
|
var StateEditor = class {
|
|
@@ -552,8 +539,8 @@ var StateEditor = class {
|
|
|
552
539
|
else if (toRaw$1(object) instanceof Set) object.delete(Array.from(object.values())[field]);
|
|
553
540
|
else Reflect.deleteProperty(object, field);
|
|
554
541
|
if (!state.remove) {
|
|
555
|
-
const target
|
|
556
|
-
if (this.refEditor.isRef(target
|
|
542
|
+
const target = object[state.newKey || field];
|
|
543
|
+
if (this.refEditor.isRef(target)) this.refEditor.set(target, value);
|
|
557
544
|
else if (toRaw$1(object) instanceof Map) object.set(state.newKey || field, value);
|
|
558
545
|
else if (toRaw$1(object) instanceof Set) object.add(value);
|
|
559
546
|
else object[state.newKey || field] = value;
|
|
@@ -572,12 +559,12 @@ var RefStateEditor = class {
|
|
|
572
559
|
}
|
|
573
560
|
const currentKeys = Object.keys(value);
|
|
574
561
|
if (ref instanceof Map) {
|
|
575
|
-
const previousKeysSet
|
|
562
|
+
const previousKeysSet = new Set(ref.keys());
|
|
576
563
|
currentKeys.forEach((key) => {
|
|
577
564
|
ref.set(key, Reflect.get(value, key));
|
|
578
|
-
previousKeysSet
|
|
565
|
+
previousKeysSet.delete(key);
|
|
579
566
|
});
|
|
580
|
-
previousKeysSet
|
|
567
|
+
previousKeysSet.forEach((key) => ref.delete(key));
|
|
581
568
|
return;
|
|
582
569
|
}
|
|
583
570
|
const previousKeysSet = new Set(Object.keys(ref));
|
|
@@ -595,35 +582,34 @@ var RefStateEditor = class {
|
|
|
595
582
|
return isRef$1(ref) || isReactive$1(ref);
|
|
596
583
|
}
|
|
597
584
|
};
|
|
598
|
-
async function editComponentState(payload, stateEditor
|
|
585
|
+
async function editComponentState(payload, stateEditor) {
|
|
599
586
|
const { path, nodeId, state, type } = payload;
|
|
600
587
|
const instance = getComponentInstance(activeAppRecord.value, nodeId);
|
|
601
588
|
if (!instance) return;
|
|
602
589
|
const targetPath = path.slice();
|
|
603
|
-
let target
|
|
604
|
-
if (Object.keys(instance.props).includes(path[0])) target
|
|
605
|
-
else if (instance.devtoolsRawSetupState && Object.keys(instance.devtoolsRawSetupState).includes(path[0])) target
|
|
606
|
-
else if (instance.data && Object.keys(instance.data).includes(path[0])) target
|
|
607
|
-
else target
|
|
608
|
-
if (target
|
|
590
|
+
let target;
|
|
591
|
+
if (Object.keys(instance.props).includes(path[0])) target = instance.props;
|
|
592
|
+
else if (instance.devtoolsRawSetupState && Object.keys(instance.devtoolsRawSetupState).includes(path[0])) target = instance.devtoolsRawSetupState;
|
|
593
|
+
else if (instance.data && Object.keys(instance.data).includes(path[0])) target = instance.data;
|
|
594
|
+
else target = instance.proxy;
|
|
595
|
+
if (target && targetPath) {
|
|
609
596
|
if (state.type === "object" && type === "reactive") {}
|
|
610
|
-
stateEditor
|
|
597
|
+
stateEditor.set(target, targetPath, state.value, stateEditor.createDefaultSetCallback(state));
|
|
611
598
|
}
|
|
612
599
|
}
|
|
613
600
|
const stateEditor = new StateEditor();
|
|
614
601
|
async function editState(payload) {
|
|
615
602
|
editComponentState(payload, stateEditor);
|
|
616
603
|
}
|
|
617
|
-
|
|
618
604
|
//#endregion
|
|
619
605
|
//#region src/core/timeline/storage.ts
|
|
620
606
|
const TIMELINE_LAYERS_STATE_STORAGE_ID = "__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS_STATE__";
|
|
621
607
|
function addTimelineLayersStateToStorage(state) {
|
|
622
|
-
if (!
|
|
608
|
+
if (!_vue_devtools_shared.isBrowser || typeof localStorage === "undefined" || localStorage === null) return;
|
|
623
609
|
localStorage.setItem(TIMELINE_LAYERS_STATE_STORAGE_ID, JSON.stringify(state));
|
|
624
610
|
}
|
|
625
611
|
function getTimelineLayersStateFromStorage() {
|
|
626
|
-
if (typeof window === "undefined" || !
|
|
612
|
+
if (typeof window === "undefined" || !_vue_devtools_shared.isBrowser || typeof localStorage === "undefined" || localStorage === null) return {
|
|
627
613
|
recordingState: false,
|
|
628
614
|
mouseEventEnabled: false,
|
|
629
615
|
keyboardEventEnabled: false,
|
|
@@ -641,12 +627,11 @@ function getTimelineLayersStateFromStorage() {
|
|
|
641
627
|
selected: ""
|
|
642
628
|
};
|
|
643
629
|
}
|
|
644
|
-
|
|
645
630
|
//#endregion
|
|
646
631
|
//#region src/ctx/timeline.ts
|
|
647
|
-
|
|
648
|
-
const devtoolsTimelineLayers = new Proxy(
|
|
649
|
-
return Reflect.get(target
|
|
632
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS ??= [];
|
|
633
|
+
const devtoolsTimelineLayers = new Proxy(_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS, { get(target, prop, receiver) {
|
|
634
|
+
return Reflect.get(target, prop, receiver);
|
|
650
635
|
} });
|
|
651
636
|
function addTimelineLayer(options, descriptor) {
|
|
652
637
|
devtoolsState.timelineLayersState[descriptor.id] = false;
|
|
@@ -664,12 +649,11 @@ function updateTimelineLayersState(state) {
|
|
|
664
649
|
addTimelineLayersStateToStorage(updatedState);
|
|
665
650
|
updateDevToolsState({ timelineLayersState: updatedState });
|
|
666
651
|
}
|
|
667
|
-
|
|
668
652
|
//#endregion
|
|
669
653
|
//#region src/ctx/inspector.ts
|
|
670
|
-
|
|
671
|
-
const devtoolsInspector = new Proxy(
|
|
672
|
-
return Reflect.get(target
|
|
654
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_INSPECTOR__ ??= [];
|
|
655
|
+
const devtoolsInspector = new Proxy(_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_INSPECTOR__, { get(target, prop, receiver) {
|
|
656
|
+
return Reflect.get(target, prop, receiver);
|
|
673
657
|
} });
|
|
674
658
|
const callInspectorUpdatedHook = (0, perfect_debounce.debounce)(() => {
|
|
675
659
|
devtoolsContext.hooks.callHook(DevToolsMessagingHookKeys.SEND_INSPECTOR_TO_CLIENT, getActiveInspectors());
|
|
@@ -731,49 +715,48 @@ function getInspectorActions(id) {
|
|
|
731
715
|
function getInspectorNodeActions(id) {
|
|
732
716
|
return getInspector(id)?.options.nodeActions;
|
|
733
717
|
}
|
|
734
|
-
|
|
735
718
|
//#endregion
|
|
736
719
|
//#region src/ctx/hook.ts
|
|
737
|
-
let DevToolsV6PluginAPIHookKeys = /* @__PURE__ */ function(DevToolsV6PluginAPIHookKeys
|
|
738
|
-
DevToolsV6PluginAPIHookKeys
|
|
739
|
-
DevToolsV6PluginAPIHookKeys
|
|
740
|
-
DevToolsV6PluginAPIHookKeys
|
|
741
|
-
DevToolsV6PluginAPIHookKeys
|
|
742
|
-
DevToolsV6PluginAPIHookKeys
|
|
743
|
-
DevToolsV6PluginAPIHookKeys
|
|
744
|
-
DevToolsV6PluginAPIHookKeys
|
|
745
|
-
DevToolsV6PluginAPIHookKeys
|
|
746
|
-
DevToolsV6PluginAPIHookKeys
|
|
747
|
-
return DevToolsV6PluginAPIHookKeys
|
|
720
|
+
let DevToolsV6PluginAPIHookKeys = /* @__PURE__ */ function(DevToolsV6PluginAPIHookKeys) {
|
|
721
|
+
DevToolsV6PluginAPIHookKeys["VISIT_COMPONENT_TREE"] = "visitComponentTree";
|
|
722
|
+
DevToolsV6PluginAPIHookKeys["INSPECT_COMPONENT"] = "inspectComponent";
|
|
723
|
+
DevToolsV6PluginAPIHookKeys["EDIT_COMPONENT_STATE"] = "editComponentState";
|
|
724
|
+
DevToolsV6PluginAPIHookKeys["GET_INSPECTOR_TREE"] = "getInspectorTree";
|
|
725
|
+
DevToolsV6PluginAPIHookKeys["GET_INSPECTOR_STATE"] = "getInspectorState";
|
|
726
|
+
DevToolsV6PluginAPIHookKeys["EDIT_INSPECTOR_STATE"] = "editInspectorState";
|
|
727
|
+
DevToolsV6PluginAPIHookKeys["INSPECT_TIMELINE_EVENT"] = "inspectTimelineEvent";
|
|
728
|
+
DevToolsV6PluginAPIHookKeys["TIMELINE_CLEARED"] = "timelineCleared";
|
|
729
|
+
DevToolsV6PluginAPIHookKeys["SET_PLUGIN_SETTINGS"] = "setPluginSettings";
|
|
730
|
+
return DevToolsV6PluginAPIHookKeys;
|
|
748
731
|
}({});
|
|
749
|
-
let DevToolsContextHookKeys = /* @__PURE__ */ function(DevToolsContextHookKeys
|
|
750
|
-
DevToolsContextHookKeys
|
|
751
|
-
DevToolsContextHookKeys
|
|
752
|
-
DevToolsContextHookKeys
|
|
753
|
-
DevToolsContextHookKeys
|
|
754
|
-
DevToolsContextHookKeys
|
|
755
|
-
DevToolsContextHookKeys
|
|
756
|
-
DevToolsContextHookKeys
|
|
757
|
-
DevToolsContextHookKeys
|
|
758
|
-
DevToolsContextHookKeys
|
|
759
|
-
DevToolsContextHookKeys
|
|
760
|
-
DevToolsContextHookKeys
|
|
761
|
-
return DevToolsContextHookKeys
|
|
732
|
+
let DevToolsContextHookKeys = /* @__PURE__ */ function(DevToolsContextHookKeys) {
|
|
733
|
+
DevToolsContextHookKeys["ADD_INSPECTOR"] = "addInspector";
|
|
734
|
+
DevToolsContextHookKeys["SEND_INSPECTOR_TREE"] = "sendInspectorTree";
|
|
735
|
+
DevToolsContextHookKeys["SEND_INSPECTOR_STATE"] = "sendInspectorState";
|
|
736
|
+
DevToolsContextHookKeys["CUSTOM_INSPECTOR_SELECT_NODE"] = "customInspectorSelectNode";
|
|
737
|
+
DevToolsContextHookKeys["TIMELINE_LAYER_ADDED"] = "timelineLayerAdded";
|
|
738
|
+
DevToolsContextHookKeys["TIMELINE_EVENT_ADDED"] = "timelineEventAdded";
|
|
739
|
+
DevToolsContextHookKeys["GET_COMPONENT_INSTANCES"] = "getComponentInstances";
|
|
740
|
+
DevToolsContextHookKeys["GET_COMPONENT_BOUNDS"] = "getComponentBounds";
|
|
741
|
+
DevToolsContextHookKeys["GET_COMPONENT_NAME"] = "getComponentName";
|
|
742
|
+
DevToolsContextHookKeys["COMPONENT_HIGHLIGHT"] = "componentHighlight";
|
|
743
|
+
DevToolsContextHookKeys["COMPONENT_UNHIGHLIGHT"] = "componentUnhighlight";
|
|
744
|
+
return DevToolsContextHookKeys;
|
|
762
745
|
}({});
|
|
763
|
-
let DevToolsMessagingHookKeys = /* @__PURE__ */ function(DevToolsMessagingHookKeys
|
|
764
|
-
DevToolsMessagingHookKeys
|
|
765
|
-
DevToolsMessagingHookKeys
|
|
766
|
-
DevToolsMessagingHookKeys
|
|
767
|
-
DevToolsMessagingHookKeys
|
|
768
|
-
DevToolsMessagingHookKeys
|
|
769
|
-
DevToolsMessagingHookKeys
|
|
770
|
-
DevToolsMessagingHookKeys
|
|
771
|
-
DevToolsMessagingHookKeys
|
|
772
|
-
return DevToolsMessagingHookKeys
|
|
746
|
+
let DevToolsMessagingHookKeys = /* @__PURE__ */ function(DevToolsMessagingHookKeys) {
|
|
747
|
+
DevToolsMessagingHookKeys["SEND_INSPECTOR_TREE_TO_CLIENT"] = "sendInspectorTreeToClient";
|
|
748
|
+
DevToolsMessagingHookKeys["SEND_INSPECTOR_STATE_TO_CLIENT"] = "sendInspectorStateToClient";
|
|
749
|
+
DevToolsMessagingHookKeys["SEND_TIMELINE_EVENT_TO_CLIENT"] = "sendTimelineEventToClient";
|
|
750
|
+
DevToolsMessagingHookKeys["SEND_INSPECTOR_TO_CLIENT"] = "sendInspectorToClient";
|
|
751
|
+
DevToolsMessagingHookKeys["SEND_ACTIVE_APP_UNMOUNTED_TO_CLIENT"] = "sendActiveAppUpdatedToClient";
|
|
752
|
+
DevToolsMessagingHookKeys["DEVTOOLS_STATE_UPDATED"] = "devtoolsStateUpdated";
|
|
753
|
+
DevToolsMessagingHookKeys["DEVTOOLS_CONNECTED_UPDATED"] = "devtoolsConnectedUpdated";
|
|
754
|
+
DevToolsMessagingHookKeys["ROUTER_INFO_UPDATED"] = "routerInfoUpdated";
|
|
755
|
+
return DevToolsMessagingHookKeys;
|
|
773
756
|
}({});
|
|
774
757
|
function createDevToolsCtxHooks() {
|
|
775
|
-
const hooks
|
|
776
|
-
hooks
|
|
758
|
+
const hooks = (0, hookable.createHooks)();
|
|
759
|
+
hooks.hook(DevToolsContextHookKeys.ADD_INSPECTOR, ({ inspector, plugin }) => {
|
|
777
760
|
addInspector(inspector, plugin.descriptor);
|
|
778
761
|
});
|
|
779
762
|
const debounceSendInspectorTree = (0, perfect_debounce.debounce)(async ({ inspectorId, plugin }) => {
|
|
@@ -786,19 +769,19 @@ function createDevToolsCtxHooks() {
|
|
|
786
769
|
rootNodes: []
|
|
787
770
|
};
|
|
788
771
|
await new Promise((resolve) => {
|
|
789
|
-
hooks
|
|
772
|
+
hooks.callHookWith(async (callbacks) => {
|
|
790
773
|
await Promise.all(callbacks.map((cb) => cb(_payload)));
|
|
791
774
|
resolve();
|
|
792
775
|
}, DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_TREE);
|
|
793
776
|
});
|
|
794
|
-
hooks
|
|
777
|
+
hooks.callHookWith(async (callbacks) => {
|
|
795
778
|
await Promise.all(callbacks.map((cb) => cb({
|
|
796
779
|
inspectorId,
|
|
797
780
|
rootNodes: _payload.rootNodes
|
|
798
781
|
})));
|
|
799
782
|
}, DevToolsMessagingHookKeys.SEND_INSPECTOR_TREE_TO_CLIENT);
|
|
800
783
|
}, 120);
|
|
801
|
-
hooks
|
|
784
|
+
hooks.hook(DevToolsContextHookKeys.SEND_INSPECTOR_TREE, debounceSendInspectorTree);
|
|
802
785
|
const debounceSendInspectorState = (0, perfect_debounce.debounce)(async ({ inspectorId, plugin }) => {
|
|
803
786
|
if (!inspectorId || !plugin?.descriptor?.app || devtoolsState.highPerfModeEnabled) return;
|
|
804
787
|
const inspector = getInspector(inspectorId, plugin.descriptor.app);
|
|
@@ -810,12 +793,12 @@ function createDevToolsCtxHooks() {
|
|
|
810
793
|
};
|
|
811
794
|
const ctx = { currentTab: `custom-inspector:${inspectorId}` };
|
|
812
795
|
if (_payload.nodeId) await new Promise((resolve) => {
|
|
813
|
-
hooks
|
|
796
|
+
hooks.callHookWith(async (callbacks) => {
|
|
814
797
|
await Promise.all(callbacks.map((cb) => cb(_payload, ctx)));
|
|
815
798
|
resolve();
|
|
816
799
|
}, DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_STATE);
|
|
817
800
|
});
|
|
818
|
-
hooks
|
|
801
|
+
hooks.callHookWith(async (callbacks) => {
|
|
819
802
|
await Promise.all(callbacks.map((cb) => cb({
|
|
820
803
|
inspectorId,
|
|
821
804
|
nodeId: _payload.nodeId,
|
|
@@ -823,55 +806,54 @@ function createDevToolsCtxHooks() {
|
|
|
823
806
|
})));
|
|
824
807
|
}, DevToolsMessagingHookKeys.SEND_INSPECTOR_STATE_TO_CLIENT);
|
|
825
808
|
}, 120);
|
|
826
|
-
hooks
|
|
827
|
-
hooks
|
|
809
|
+
hooks.hook(DevToolsContextHookKeys.SEND_INSPECTOR_STATE, debounceSendInspectorState);
|
|
810
|
+
hooks.hook(DevToolsContextHookKeys.CUSTOM_INSPECTOR_SELECT_NODE, ({ inspectorId, nodeId, plugin }) => {
|
|
828
811
|
const inspector = getInspector(inspectorId, plugin.descriptor.app);
|
|
829
812
|
if (!inspector) return;
|
|
830
813
|
inspector.selectedNodeId = nodeId;
|
|
831
814
|
});
|
|
832
|
-
hooks
|
|
815
|
+
hooks.hook(DevToolsContextHookKeys.TIMELINE_LAYER_ADDED, ({ options, plugin }) => {
|
|
833
816
|
addTimelineLayer(options, plugin.descriptor);
|
|
834
817
|
});
|
|
835
|
-
hooks
|
|
818
|
+
hooks.hook(DevToolsContextHookKeys.TIMELINE_EVENT_ADDED, ({ options, plugin }) => {
|
|
836
819
|
if (devtoolsState.highPerfModeEnabled || !devtoolsState.timelineLayersState?.[plugin.descriptor.id] && ![
|
|
837
820
|
"performance",
|
|
838
821
|
"component-event",
|
|
839
822
|
"keyboard",
|
|
840
823
|
"mouse"
|
|
841
824
|
].includes(options.layerId)) return;
|
|
842
|
-
hooks
|
|
825
|
+
hooks.callHookWith(async (callbacks) => {
|
|
843
826
|
await Promise.all(callbacks.map((cb) => cb(options)));
|
|
844
827
|
}, DevToolsMessagingHookKeys.SEND_TIMELINE_EVENT_TO_CLIENT);
|
|
845
828
|
});
|
|
846
|
-
hooks
|
|
829
|
+
hooks.hook(DevToolsContextHookKeys.GET_COMPONENT_INSTANCES, async ({ app }) => {
|
|
847
830
|
const appRecord = app.__VUE_DEVTOOLS_NEXT_APP_RECORD__;
|
|
848
831
|
if (!appRecord) return null;
|
|
849
832
|
const appId = appRecord.id.toString();
|
|
850
833
|
return [...appRecord.instanceMap].filter(([key]) => key.split(":")[0] === appId).map(([, instance]) => instance);
|
|
851
834
|
});
|
|
852
|
-
hooks
|
|
835
|
+
hooks.hook(DevToolsContextHookKeys.GET_COMPONENT_BOUNDS, async ({ instance }) => {
|
|
853
836
|
return getComponentBoundingRect(instance);
|
|
854
837
|
});
|
|
855
|
-
hooks
|
|
838
|
+
hooks.hook(DevToolsContextHookKeys.GET_COMPONENT_NAME, ({ instance }) => {
|
|
856
839
|
return getInstanceName(instance);
|
|
857
840
|
});
|
|
858
|
-
hooks
|
|
841
|
+
hooks.hook(DevToolsContextHookKeys.COMPONENT_HIGHLIGHT, ({ uid }) => {
|
|
859
842
|
const instance = activeAppRecord.value.instanceMap.get(uid);
|
|
860
843
|
if (instance) highlight(instance);
|
|
861
844
|
});
|
|
862
|
-
hooks
|
|
845
|
+
hooks.hook(DevToolsContextHookKeys.COMPONENT_UNHIGHLIGHT, () => {
|
|
863
846
|
unhighlight();
|
|
864
847
|
});
|
|
865
|
-
return hooks
|
|
848
|
+
return hooks;
|
|
866
849
|
}
|
|
867
|
-
|
|
868
850
|
//#endregion
|
|
869
851
|
//#region src/ctx/state.ts
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
852
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__ ??= [];
|
|
853
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__ ??= {};
|
|
854
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ ??= "";
|
|
855
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__ ??= [];
|
|
856
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__ ??= [];
|
|
875
857
|
const STATE_KEY = "__VUE_DEVTOOLS_KIT_GLOBAL_STATE__";
|
|
876
858
|
function initStateFactory() {
|
|
877
859
|
return {
|
|
@@ -888,7 +870,7 @@ function initStateFactory() {
|
|
|
888
870
|
timelineLayersState: getTimelineLayersStateFromStorage()
|
|
889
871
|
};
|
|
890
872
|
}
|
|
891
|
-
|
|
873
|
+
_vue_devtools_shared.target[STATE_KEY] ??= initStateFactory();
|
|
892
874
|
const callStateUpdatedHook = (0, perfect_debounce.debounce)((state) => {
|
|
893
875
|
devtoolsContext.hooks.callHook(DevToolsMessagingHookKeys.DEVTOOLS_STATE_UPDATED, { state });
|
|
894
876
|
});
|
|
@@ -898,68 +880,67 @@ const callConnectedUpdatedHook = (0, perfect_debounce.debounce)((state, oldState
|
|
|
898
880
|
oldState
|
|
899
881
|
});
|
|
900
882
|
});
|
|
901
|
-
const devtoolsAppRecords = new Proxy(
|
|
902
|
-
if (prop === "value") return
|
|
903
|
-
return
|
|
883
|
+
const devtoolsAppRecords = new Proxy(_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__, { get(_target, prop, receiver) {
|
|
884
|
+
if (prop === "value") return _vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__;
|
|
885
|
+
return _vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__[prop];
|
|
904
886
|
} });
|
|
905
887
|
const addDevToolsAppRecord = (app) => {
|
|
906
|
-
|
|
888
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__ = [..._vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__, app];
|
|
907
889
|
};
|
|
908
890
|
const removeDevToolsAppRecord = (app) => {
|
|
909
|
-
|
|
891
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__ = devtoolsAppRecords.value.filter((record) => record.app !== app);
|
|
910
892
|
};
|
|
911
|
-
const activeAppRecord = new Proxy(
|
|
912
|
-
if (prop === "value") return
|
|
913
|
-
else if (prop === "id") return
|
|
914
|
-
return
|
|
893
|
+
const activeAppRecord = new Proxy(_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__, { get(_target, prop, receiver) {
|
|
894
|
+
if (prop === "value") return _vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__;
|
|
895
|
+
else if (prop === "id") return _vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__;
|
|
896
|
+
return _vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__[prop];
|
|
915
897
|
} });
|
|
916
898
|
function updateAllStates() {
|
|
917
899
|
callStateUpdatedHook({
|
|
918
|
-
...
|
|
900
|
+
..._vue_devtools_shared.target[STATE_KEY],
|
|
919
901
|
appRecords: devtoolsAppRecords.value,
|
|
920
902
|
activeAppRecordId: activeAppRecord.id,
|
|
921
|
-
tabs:
|
|
922
|
-
commands:
|
|
903
|
+
tabs: _vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__,
|
|
904
|
+
commands: _vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__
|
|
923
905
|
});
|
|
924
906
|
}
|
|
925
907
|
function setActiveAppRecord(app) {
|
|
926
|
-
|
|
908
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__ = app;
|
|
927
909
|
updateAllStates();
|
|
928
910
|
}
|
|
929
911
|
function setActiveAppRecordId(id) {
|
|
930
|
-
|
|
912
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ = id;
|
|
931
913
|
updateAllStates();
|
|
932
914
|
}
|
|
933
|
-
const devtoolsState = new Proxy(
|
|
934
|
-
get(target
|
|
915
|
+
const devtoolsState = new Proxy(_vue_devtools_shared.target[STATE_KEY], {
|
|
916
|
+
get(target, property) {
|
|
935
917
|
if (property === "appRecords") return devtoolsAppRecords;
|
|
936
918
|
else if (property === "activeAppRecordId") return activeAppRecord.id;
|
|
937
|
-
else if (property === "tabs") return
|
|
938
|
-
else if (property === "commands") return
|
|
939
|
-
return
|
|
919
|
+
else if (property === "tabs") return _vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__;
|
|
920
|
+
else if (property === "commands") return _vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__;
|
|
921
|
+
return _vue_devtools_shared.target[STATE_KEY][property];
|
|
940
922
|
},
|
|
941
|
-
deleteProperty(target
|
|
942
|
-
delete target
|
|
923
|
+
deleteProperty(target, property) {
|
|
924
|
+
delete target[property];
|
|
943
925
|
return true;
|
|
944
926
|
},
|
|
945
|
-
set(target
|
|
946
|
-
|
|
947
|
-
target
|
|
948
|
-
__vue_devtools_shared.target[STATE_KEY][property] = value;
|
|
927
|
+
set(target, property, value) {
|
|
928
|
+
target[property] = value;
|
|
929
|
+
_vue_devtools_shared.target[STATE_KEY][property] = value;
|
|
949
930
|
return true;
|
|
950
931
|
}
|
|
951
932
|
});
|
|
952
933
|
function resetDevToolsState() {
|
|
953
|
-
Object.assign(
|
|
934
|
+
Object.assign(_vue_devtools_shared.target[STATE_KEY], initStateFactory());
|
|
954
935
|
}
|
|
955
936
|
function updateDevToolsState(state) {
|
|
956
937
|
const oldState = {
|
|
957
|
-
...
|
|
938
|
+
..._vue_devtools_shared.target[STATE_KEY],
|
|
958
939
|
appRecords: devtoolsAppRecords.value,
|
|
959
940
|
activeAppRecordId: activeAppRecord.id
|
|
960
941
|
};
|
|
961
|
-
if (oldState.connected !== state.connected && state.connected || oldState.clientConnected !== state.clientConnected && state.clientConnected) callConnectedUpdatedHook(
|
|
962
|
-
Object.assign(
|
|
942
|
+
if (oldState.connected !== state.connected && state.connected || oldState.clientConnected !== state.clientConnected && state.clientConnected) callConnectedUpdatedHook(_vue_devtools_shared.target[STATE_KEY], oldState);
|
|
943
|
+
Object.assign(_vue_devtools_shared.target[STATE_KEY], state);
|
|
963
944
|
updateAllStates();
|
|
964
945
|
}
|
|
965
946
|
function onDevToolsConnected(fn) {
|
|
@@ -979,11 +960,11 @@ function onDevToolsConnected(fn) {
|
|
|
979
960
|
const resolveIcon = (icon) => {
|
|
980
961
|
if (!icon) return;
|
|
981
962
|
if (icon.startsWith("baseline-")) return `custom-ic-${icon}`;
|
|
982
|
-
if (icon.startsWith("i-") || (0,
|
|
963
|
+
if (icon.startsWith("i-") || (0, _vue_devtools_shared.isUrlString)(icon)) return icon;
|
|
983
964
|
return `custom-ic-baseline-${icon}`;
|
|
984
965
|
};
|
|
985
966
|
function addCustomTab(tab) {
|
|
986
|
-
const tabs =
|
|
967
|
+
const tabs = _vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__;
|
|
987
968
|
if (tabs.some((t) => t.name === tab.name)) return;
|
|
988
969
|
tabs.push({
|
|
989
970
|
...tab,
|
|
@@ -992,7 +973,7 @@ function addCustomTab(tab) {
|
|
|
992
973
|
updateAllStates();
|
|
993
974
|
}
|
|
994
975
|
function addCustomCommand(action) {
|
|
995
|
-
const commands =
|
|
976
|
+
const commands = _vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__;
|
|
996
977
|
if (commands.some((t) => t.id === action.id)) return;
|
|
997
978
|
commands.push({
|
|
998
979
|
...action,
|
|
@@ -1005,7 +986,7 @@ function addCustomCommand(action) {
|
|
|
1005
986
|
updateAllStates();
|
|
1006
987
|
}
|
|
1007
988
|
function removeCustomCommand(actionId) {
|
|
1008
|
-
const commands =
|
|
989
|
+
const commands = _vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__;
|
|
1009
990
|
const index = commands.findIndex((t) => t.id === actionId);
|
|
1010
991
|
if (index === -1) return;
|
|
1011
992
|
commands.splice(index, 1);
|
|
@@ -1014,11 +995,10 @@ function removeCustomCommand(actionId) {
|
|
|
1014
995
|
function toggleClientConnected(state) {
|
|
1015
996
|
updateDevToolsState({ clientConnected: state });
|
|
1016
997
|
}
|
|
1017
|
-
|
|
1018
998
|
//#endregion
|
|
1019
999
|
//#region src/core/open-in-editor/index.ts
|
|
1020
1000
|
function setOpenInEditorBaseUrl(url) {
|
|
1021
|
-
|
|
1001
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__ = url;
|
|
1022
1002
|
}
|
|
1023
1003
|
function openInEditor(options = {}) {
|
|
1024
1004
|
const { file, host, baseUrl = window.location.origin, line = 0, column = 0 } = options;
|
|
@@ -1033,22 +1013,20 @@ function openInEditor(options = {}) {
|
|
|
1033
1013
|
}
|
|
1034
1014
|
});
|
|
1035
1015
|
} else if (devtoolsState.vitePluginDetected) {
|
|
1036
|
-
const _baseUrl =
|
|
1037
|
-
|
|
1016
|
+
const _baseUrl = _vue_devtools_shared.target.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__ ?? baseUrl;
|
|
1017
|
+
_vue_devtools_shared.target.__VUE_INSPECTOR__.openInEditor(_baseUrl, file, line, column);
|
|
1038
1018
|
}
|
|
1039
1019
|
}
|
|
1040
1020
|
}
|
|
1041
|
-
|
|
1042
1021
|
//#endregion
|
|
1043
1022
|
//#region src/ctx/plugin.ts
|
|
1044
|
-
|
|
1045
|
-
const devtoolsPluginBuffer = new Proxy(
|
|
1046
|
-
return Reflect.get(target
|
|
1023
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__ ??= [];
|
|
1024
|
+
const devtoolsPluginBuffer = new Proxy(_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__, { get(target, prop, receiver) {
|
|
1025
|
+
return Reflect.get(target, prop, receiver);
|
|
1047
1026
|
} });
|
|
1048
1027
|
function addDevToolsPluginToBuffer(pluginDescriptor, setupFn) {
|
|
1049
1028
|
devtoolsPluginBuffer.push([pluginDescriptor, setupFn]);
|
|
1050
1029
|
}
|
|
1051
|
-
|
|
1052
1030
|
//#endregion
|
|
1053
1031
|
//#region src/core/plugin/plugin-settings.ts
|
|
1054
1032
|
function _getSettings(settings) {
|
|
@@ -1096,30 +1074,28 @@ function setPluginSettings(pluginId, key, value) {
|
|
|
1096
1074
|
}));
|
|
1097
1075
|
}, DevToolsV6PluginAPIHookKeys.SET_PLUGIN_SETTINGS);
|
|
1098
1076
|
}
|
|
1099
|
-
|
|
1100
1077
|
//#endregion
|
|
1101
1078
|
//#region src/types/hook.ts
|
|
1102
|
-
let DevToolsHooks = /* @__PURE__ */ function(DevToolsHooks
|
|
1103
|
-
DevToolsHooks
|
|
1104
|
-
DevToolsHooks
|
|
1105
|
-
DevToolsHooks
|
|
1106
|
-
DevToolsHooks
|
|
1107
|
-
DevToolsHooks
|
|
1108
|
-
DevToolsHooks
|
|
1109
|
-
DevToolsHooks
|
|
1110
|
-
DevToolsHooks
|
|
1111
|
-
DevToolsHooks
|
|
1112
|
-
DevToolsHooks
|
|
1113
|
-
DevToolsHooks
|
|
1114
|
-
DevToolsHooks
|
|
1115
|
-
DevToolsHooks
|
|
1116
|
-
DevToolsHooks
|
|
1117
|
-
return DevToolsHooks
|
|
1079
|
+
let DevToolsHooks = /* @__PURE__ */ function(DevToolsHooks) {
|
|
1080
|
+
DevToolsHooks["APP_INIT"] = "app:init";
|
|
1081
|
+
DevToolsHooks["APP_UNMOUNT"] = "app:unmount";
|
|
1082
|
+
DevToolsHooks["COMPONENT_UPDATED"] = "component:updated";
|
|
1083
|
+
DevToolsHooks["COMPONENT_ADDED"] = "component:added";
|
|
1084
|
+
DevToolsHooks["COMPONENT_REMOVED"] = "component:removed";
|
|
1085
|
+
DevToolsHooks["COMPONENT_EMIT"] = "component:emit";
|
|
1086
|
+
DevToolsHooks["PERFORMANCE_START"] = "perf:start";
|
|
1087
|
+
DevToolsHooks["PERFORMANCE_END"] = "perf:end";
|
|
1088
|
+
DevToolsHooks["ADD_ROUTE"] = "router:add-route";
|
|
1089
|
+
DevToolsHooks["REMOVE_ROUTE"] = "router:remove-route";
|
|
1090
|
+
DevToolsHooks["RENDER_TRACKED"] = "render:tracked";
|
|
1091
|
+
DevToolsHooks["RENDER_TRIGGERED"] = "render:triggered";
|
|
1092
|
+
DevToolsHooks["APP_CONNECTED"] = "app:connected";
|
|
1093
|
+
DevToolsHooks["SETUP_DEVTOOLS_PLUGIN"] = "devtools-plugin:setup";
|
|
1094
|
+
return DevToolsHooks;
|
|
1118
1095
|
}({});
|
|
1119
|
-
|
|
1120
1096
|
//#endregion
|
|
1121
1097
|
//#region src/hook/index.ts
|
|
1122
|
-
const devtoolsHooks =
|
|
1098
|
+
const devtoolsHooks = _vue_devtools_shared.target.__VUE_DEVTOOLS_HOOK ??= (0, hookable.createHooks)();
|
|
1123
1099
|
const on = {
|
|
1124
1100
|
vueAppInit(fn) {
|
|
1125
1101
|
devtoolsHooks.hook(DevToolsHooks.APP_INIT, fn);
|
|
@@ -1185,40 +1161,40 @@ function createDevToolsHook() {
|
|
|
1185
1161
|
}
|
|
1186
1162
|
};
|
|
1187
1163
|
}
|
|
1188
|
-
function subscribeDevToolsHook(hook
|
|
1189
|
-
hook
|
|
1164
|
+
function subscribeDevToolsHook(hook) {
|
|
1165
|
+
hook.on(DevToolsHooks.APP_INIT, (app, version, types) => {
|
|
1190
1166
|
if (app?._instance?.type?.devtools?.hide) return;
|
|
1191
1167
|
devtoolsHooks.callHook(DevToolsHooks.APP_INIT, app, version, types);
|
|
1192
1168
|
});
|
|
1193
|
-
hook
|
|
1169
|
+
hook.on(DevToolsHooks.APP_UNMOUNT, (app) => {
|
|
1194
1170
|
devtoolsHooks.callHook(DevToolsHooks.APP_UNMOUNT, app);
|
|
1195
1171
|
});
|
|
1196
|
-
hook
|
|
1172
|
+
hook.on(DevToolsHooks.COMPONENT_ADDED, async (app, uid, parentUid, component) => {
|
|
1197
1173
|
if (app?._instance?.type?.devtools?.hide || devtoolsState.highPerfModeEnabled) return;
|
|
1198
1174
|
if (!app || typeof uid !== "number" && !uid || !component) return;
|
|
1199
1175
|
devtoolsHooks.callHook(DevToolsHooks.COMPONENT_ADDED, app, uid, parentUid, component);
|
|
1200
1176
|
});
|
|
1201
|
-
hook
|
|
1177
|
+
hook.on(DevToolsHooks.COMPONENT_UPDATED, (app, uid, parentUid, component) => {
|
|
1202
1178
|
if (!app || typeof uid !== "number" && !uid || !component || devtoolsState.highPerfModeEnabled) return;
|
|
1203
1179
|
devtoolsHooks.callHook(DevToolsHooks.COMPONENT_UPDATED, app, uid, parentUid, component);
|
|
1204
1180
|
});
|
|
1205
|
-
hook
|
|
1181
|
+
hook.on(DevToolsHooks.COMPONENT_REMOVED, async (app, uid, parentUid, component) => {
|
|
1206
1182
|
if (!app || typeof uid !== "number" && !uid || !component || devtoolsState.highPerfModeEnabled) return;
|
|
1207
1183
|
devtoolsHooks.callHook(DevToolsHooks.COMPONENT_REMOVED, app, uid, parentUid, component);
|
|
1208
1184
|
});
|
|
1209
|
-
hook
|
|
1185
|
+
hook.on(DevToolsHooks.COMPONENT_EMIT, async (app, instance, event, params) => {
|
|
1210
1186
|
if (!app || !instance || devtoolsState.highPerfModeEnabled) return;
|
|
1211
1187
|
devtoolsHooks.callHook(DevToolsHooks.COMPONENT_EMIT, app, instance, event, params);
|
|
1212
1188
|
});
|
|
1213
|
-
hook
|
|
1189
|
+
hook.on(DevToolsHooks.PERFORMANCE_START, (app, uid, vm, type, time) => {
|
|
1214
1190
|
if (!app || devtoolsState.highPerfModeEnabled) return;
|
|
1215
1191
|
devtoolsHooks.callHook(DevToolsHooks.PERFORMANCE_START, app, uid, vm, type, time);
|
|
1216
1192
|
});
|
|
1217
|
-
hook
|
|
1193
|
+
hook.on(DevToolsHooks.PERFORMANCE_END, (app, uid, vm, type, time) => {
|
|
1218
1194
|
if (!app || devtoolsState.highPerfModeEnabled) return;
|
|
1219
1195
|
devtoolsHooks.callHook(DevToolsHooks.PERFORMANCE_END, app, uid, vm, type, time);
|
|
1220
1196
|
});
|
|
1221
|
-
hook
|
|
1197
|
+
hook.on(DevToolsHooks.SETUP_DEVTOOLS_PLUGIN, (pluginDescriptor, setupFn, options) => {
|
|
1222
1198
|
if (options?.target === "legacy") return;
|
|
1223
1199
|
devtoolsHooks.callHook(DevToolsHooks.SETUP_DEVTOOLS_PLUGIN, pluginDescriptor, setupFn);
|
|
1224
1200
|
});
|
|
@@ -1229,7 +1205,6 @@ const hook = {
|
|
|
1229
1205
|
return devtoolsHooks.callHook(DevToolsHooks.SETUP_DEVTOOLS_PLUGIN, pluginDescriptor, setupFn);
|
|
1230
1206
|
}
|
|
1231
1207
|
};
|
|
1232
|
-
|
|
1233
1208
|
//#endregion
|
|
1234
1209
|
//#region src/api/v6/index.ts
|
|
1235
1210
|
var DevToolsV6PluginAPI = class {
|
|
@@ -1355,11 +1330,9 @@ var DevToolsV6PluginAPI = class {
|
|
|
1355
1330
|
return this.hooks.callHook(DevToolsContextHookKeys.COMPONENT_UNHIGHLIGHT);
|
|
1356
1331
|
}
|
|
1357
1332
|
};
|
|
1358
|
-
|
|
1359
1333
|
//#endregion
|
|
1360
1334
|
//#region src/api/index.ts
|
|
1361
1335
|
const DevToolsPluginAPI = DevToolsV6PluginAPI;
|
|
1362
|
-
|
|
1363
1336
|
//#endregion
|
|
1364
1337
|
//#region src/core/component/state/constants.ts
|
|
1365
1338
|
const vueBuiltins = new Set([
|
|
@@ -1431,7 +1404,6 @@ const ESC = {
|
|
|
1431
1404
|
"\"": """,
|
|
1432
1405
|
"&": "&"
|
|
1433
1406
|
};
|
|
1434
|
-
|
|
1435
1407
|
//#endregion
|
|
1436
1408
|
//#region src/core/component/state/is.ts
|
|
1437
1409
|
function isVueInstance(value) {
|
|
@@ -1459,7 +1431,6 @@ function isReactive(raw) {
|
|
|
1459
1431
|
function isReadOnly(raw) {
|
|
1460
1432
|
return !!raw.__v_isReadonly;
|
|
1461
1433
|
}
|
|
1462
|
-
|
|
1463
1434
|
//#endregion
|
|
1464
1435
|
//#region src/core/component/state/util.ts
|
|
1465
1436
|
const tokenMap = {
|
|
@@ -1526,11 +1497,10 @@ function toRaw(value) {
|
|
|
1526
1497
|
return value;
|
|
1527
1498
|
}
|
|
1528
1499
|
function escape(s) {
|
|
1529
|
-
return s.replace(/[<>"&]/g, (s
|
|
1530
|
-
return ESC[s
|
|
1500
|
+
return s.replace(/[<>"&]/g, (s) => {
|
|
1501
|
+
return ESC[s] || s;
|
|
1531
1502
|
});
|
|
1532
1503
|
}
|
|
1533
|
-
|
|
1534
1504
|
//#endregion
|
|
1535
1505
|
//#region src/core/component/state/process.ts
|
|
1536
1506
|
function mergeOptions(to, from, instance) {
|
|
@@ -1539,8 +1509,10 @@ function mergeOptions(to, from, instance) {
|
|
|
1539
1509
|
const { mixins, extends: extendsOptions } = from;
|
|
1540
1510
|
extendsOptions && mergeOptions(to, extendsOptions, instance);
|
|
1541
1511
|
mixins && mixins.forEach((m) => mergeOptions(to, m, instance));
|
|
1542
|
-
for (const key of ["computed", "inject"]) if (Object.prototype.hasOwnProperty.call(from, key))
|
|
1543
|
-
|
|
1512
|
+
for (const key of ["computed", "inject"]) if (Object.prototype.hasOwnProperty.call(from, key)) {
|
|
1513
|
+
to[key] ??= {};
|
|
1514
|
+
Object.assign(to[key], from[key]);
|
|
1515
|
+
}
|
|
1544
1516
|
return to;
|
|
1545
1517
|
}
|
|
1546
1518
|
function resolveMergedOptions(instance) {
|
|
@@ -1565,7 +1537,7 @@ function processProps(instance) {
|
|
|
1565
1537
|
const propDefinitions = instance?.type?.props;
|
|
1566
1538
|
for (const key in instance?.props) {
|
|
1567
1539
|
const propDefinition = propDefinitions ? propDefinitions[key] : null;
|
|
1568
|
-
const camelizeKey = (0,
|
|
1540
|
+
const camelizeKey = (0, _vue_devtools_shared.camelize)(key);
|
|
1569
1541
|
props.push({
|
|
1570
1542
|
type: "props",
|
|
1571
1543
|
key: camelizeKey,
|
|
@@ -1621,14 +1593,14 @@ function processSetupState(instance) {
|
|
|
1621
1593
|
const info = getSetupStateType(rawData);
|
|
1622
1594
|
const { stateType, stateTypeName } = getStateTypeAndName(info);
|
|
1623
1595
|
const isState = info.ref || info.computed || info.reactive;
|
|
1624
|
-
const raw
|
|
1596
|
+
const raw = ensurePropertyExists(rawData, "effect") ? rawData.effect?.raw?.toString() || rawData.effect?.fn?.toString() : null;
|
|
1625
1597
|
if (stateType) isOtherType = false;
|
|
1626
1598
|
result = {
|
|
1627
1599
|
...stateType ? {
|
|
1628
1600
|
stateType,
|
|
1629
1601
|
stateTypeName
|
|
1630
1602
|
} : {},
|
|
1631
|
-
...raw
|
|
1603
|
+
...raw ? { raw } : {},
|
|
1632
1604
|
editable: isState && !info.readonly
|
|
1633
1605
|
};
|
|
1634
1606
|
}
|
|
@@ -1649,9 +1621,9 @@ function processComputed(instance, mergedType) {
|
|
|
1649
1621
|
const defs = type.computed || {};
|
|
1650
1622
|
for (const key in defs) {
|
|
1651
1623
|
const def = defs[key];
|
|
1652
|
-
const type
|
|
1624
|
+
const type = typeof def === "function" && def.vuex ? "vuex bindings" : "computed";
|
|
1653
1625
|
computed.push({
|
|
1654
|
-
type
|
|
1626
|
+
type,
|
|
1655
1627
|
key,
|
|
1656
1628
|
value: returnError(() => instance?.proxy?.[key]),
|
|
1657
1629
|
editable: typeof def.set === "function"
|
|
@@ -1707,6 +1679,14 @@ function processRefs(instance) {
|
|
|
1707
1679
|
value: returnError(() => instance.refs[key])
|
|
1708
1680
|
}));
|
|
1709
1681
|
}
|
|
1682
|
+
const vnodeEvents = new Set([
|
|
1683
|
+
"vnode-before-mount",
|
|
1684
|
+
"vnode-mounted",
|
|
1685
|
+
"vnode-before-update",
|
|
1686
|
+
"vnode-updated",
|
|
1687
|
+
"vnode-before-unmount",
|
|
1688
|
+
"vnode-unmounted"
|
|
1689
|
+
]);
|
|
1710
1690
|
function processEventListeners(instance) {
|
|
1711
1691
|
const emitsDefinition = instance.type.emits;
|
|
1712
1692
|
const declaredEmits = Array.isArray(emitsDefinition) ? emitsDefinition : Object.keys(emitsDefinition ?? {});
|
|
@@ -1716,15 +1696,17 @@ function processEventListeners(instance) {
|
|
|
1716
1696
|
const [prefix, ...eventNameParts] = key.split(/(?=[A-Z])/);
|
|
1717
1697
|
if (prefix === "on") {
|
|
1718
1698
|
const eventName = eventNameParts.join("-").toLowerCase();
|
|
1719
|
-
const
|
|
1699
|
+
const isBuiltIn = vnodeEvents.has(eventName);
|
|
1700
|
+
const isDeclared = declaredEmits.includes(eventName) || declaredEmits.includes((0, _vue_devtools_shared.camelize)(eventName));
|
|
1701
|
+
const text = isBuiltIn ? "✅ Built-in" : isDeclared ? "✅ Declared" : "⚠️ Not declared";
|
|
1720
1702
|
result.push({
|
|
1721
1703
|
type: "event listeners",
|
|
1722
1704
|
key: eventName,
|
|
1723
1705
|
value: { _custom: {
|
|
1724
|
-
displayText:
|
|
1725
|
-
key:
|
|
1726
|
-
value:
|
|
1727
|
-
tooltipText: !isDeclared ? `The event <code>${eventName}</code> is not declared in the <code>emits</code> option. It will leak into the component's attributes (<code>$attrs</code>).` : null
|
|
1706
|
+
displayText: text,
|
|
1707
|
+
key: text,
|
|
1708
|
+
value: text,
|
|
1709
|
+
tooltipText: isBuiltIn ? `The event <code>${escape(eventName)}</code> is part of Vue and doesn't need to be declared by the component` : !isDeclared ? `The event <code>${escape(eventName)}</code> is not declared in the <code>emits</code> option. It will leak into the component's attributes (<code>$attrs</code>).` : null
|
|
1728
1710
|
} }
|
|
1729
1711
|
});
|
|
1730
1712
|
}
|
|
@@ -1735,7 +1717,6 @@ function processInstanceState(instance) {
|
|
|
1735
1717
|
const mergedType = resolveMergedOptions(instance);
|
|
1736
1718
|
return processProps(instance).concat(processState(instance), processSetupState(instance), processComputed(instance, mergedType), processAttrs(instance), processProvide(instance), processInject(instance, mergedType), processRefs(instance), processEventListeners(instance));
|
|
1737
1719
|
}
|
|
1738
|
-
|
|
1739
1720
|
//#endregion
|
|
1740
1721
|
//#region src/core/component/state/index.ts
|
|
1741
1722
|
function getInstanceState(params) {
|
|
@@ -1748,7 +1729,6 @@ function getInstanceState(params) {
|
|
|
1748
1729
|
instance
|
|
1749
1730
|
};
|
|
1750
1731
|
}
|
|
1751
|
-
|
|
1752
1732
|
//#endregion
|
|
1753
1733
|
//#region src/core/component/tree/filter.ts
|
|
1754
1734
|
var ComponentFilter = class {
|
|
@@ -1763,13 +1743,12 @@ var ComponentFilter = class {
|
|
|
1763
1743
|
*/
|
|
1764
1744
|
isQualified(instance) {
|
|
1765
1745
|
const name = getInstanceName(instance);
|
|
1766
|
-
return (0,
|
|
1746
|
+
return (0, _vue_devtools_shared.classify)(name).toLowerCase().includes(this.filter) || (0, _vue_devtools_shared.kebabize)(name).toLowerCase().includes(this.filter);
|
|
1767
1747
|
}
|
|
1768
1748
|
};
|
|
1769
1749
|
function createComponentFilter(filterText) {
|
|
1770
1750
|
return new ComponentFilter(filterText);
|
|
1771
1751
|
}
|
|
1772
|
-
|
|
1773
1752
|
//#endregion
|
|
1774
1753
|
//#region src/core/component/tree/walker.ts
|
|
1775
1754
|
var ComponentWalker = class {
|
|
@@ -1825,6 +1804,7 @@ var ComponentWalker = class {
|
|
|
1825
1804
|
renderKey: getRenderKey(instance.vnode ? instance.vnode.key : null),
|
|
1826
1805
|
inactive,
|
|
1827
1806
|
children: [],
|
|
1807
|
+
hasChildren: !!children.length,
|
|
1828
1808
|
isFragment: isFragment(instance),
|
|
1829
1809
|
tags: typeof instance.type !== "function" ? [] : [{
|
|
1830
1810
|
label: "functional",
|
|
@@ -1948,7 +1928,6 @@ var ComponentWalker = class {
|
|
|
1948
1928
|
return Array.from(instance.__v_cache.values()).map((vnode) => vnode.component).filter(Boolean);
|
|
1949
1929
|
}
|
|
1950
1930
|
};
|
|
1951
|
-
|
|
1952
1931
|
//#endregion
|
|
1953
1932
|
//#region src/core/timeline/perf.ts
|
|
1954
1933
|
const markEndQueue = /* @__PURE__ */ new Map();
|
|
@@ -1978,9 +1957,9 @@ async function performanceMarkStart(api, app, uid, vm, type, time) {
|
|
|
1978
1957
|
}
|
|
1979
1958
|
});
|
|
1980
1959
|
if (markEndQueue.has(groupKey)) {
|
|
1981
|
-
const { app
|
|
1960
|
+
const { app, uid, instance, type, time } = markEndQueue.get(groupKey);
|
|
1982
1961
|
markEndQueue.delete(groupKey);
|
|
1983
|
-
await performanceMarkEnd(api, app
|
|
1962
|
+
await performanceMarkEnd(api, app, uid, instance, type, time);
|
|
1984
1963
|
}
|
|
1985
1964
|
}
|
|
1986
1965
|
function performanceMarkEnd(api, app, uid, vm, type, time) {
|
|
@@ -2019,12 +1998,11 @@ function performanceMarkEnd(api, app, uid, vm, type, time) {
|
|
|
2019
1998
|
time
|
|
2020
1999
|
});
|
|
2021
2000
|
}
|
|
2022
|
-
|
|
2023
2001
|
//#endregion
|
|
2024
2002
|
//#region src/core/timeline/index.ts
|
|
2025
2003
|
const COMPONENT_EVENT_LAYER_ID = "component-event";
|
|
2026
2004
|
function setupBuiltinTimelineLayers(api) {
|
|
2027
|
-
if (!
|
|
2005
|
+
if (!_vue_devtools_shared.isBrowser) return;
|
|
2028
2006
|
api.addTimelineLayer({
|
|
2029
2007
|
id: "mouse",
|
|
2030
2008
|
label: "Mouse",
|
|
@@ -2130,7 +2108,6 @@ function setupBuiltinTimelineLayers(api) {
|
|
|
2130
2108
|
performanceMarkEnd(api, app, uid, vm, type, time);
|
|
2131
2109
|
});
|
|
2132
2110
|
}
|
|
2133
|
-
|
|
2134
2111
|
//#endregion
|
|
2135
2112
|
//#region src/core/vm/index.ts
|
|
2136
2113
|
const MAX_$VM = 10;
|
|
@@ -2146,7 +2123,6 @@ function exposeInstanceToWindow(componentInstance) {
|
|
|
2146
2123
|
win.$vm0 = $vmQueue[0] = componentInstance;
|
|
2147
2124
|
}
|
|
2148
2125
|
}
|
|
2149
|
-
|
|
2150
2126
|
//#endregion
|
|
2151
2127
|
//#region src/core/plugin/components.ts
|
|
2152
2128
|
const INSPECTOR_ID = "components";
|
|
@@ -2202,16 +2178,16 @@ function createComponentsDevToolsPlugin(app) {
|
|
|
2202
2178
|
const debounceSendInspectorState = (0, perfect_debounce.debounce)(() => {
|
|
2203
2179
|
api.sendInspectorState(INSPECTOR_ID);
|
|
2204
2180
|
}, 120);
|
|
2205
|
-
hook.on.componentAdded(async (app
|
|
2181
|
+
hook.on.componentAdded(async (app, uid, parentUid, component) => {
|
|
2206
2182
|
if (devtoolsState.highPerfModeEnabled) return;
|
|
2207
|
-
if (app
|
|
2208
|
-
if (!app
|
|
2183
|
+
if (app?._instance?.type?.devtools?.hide) return;
|
|
2184
|
+
if (!app || typeof uid !== "number" && !uid || !component) return;
|
|
2209
2185
|
const id = await getComponentId({
|
|
2210
|
-
app
|
|
2186
|
+
app,
|
|
2211
2187
|
uid,
|
|
2212
2188
|
instance: component
|
|
2213
2189
|
});
|
|
2214
|
-
const appRecord = await getAppRecord(app
|
|
2190
|
+
const appRecord = await getAppRecord(app);
|
|
2215
2191
|
if (component) {
|
|
2216
2192
|
if (component.__VUE_DEVTOOLS_NEXT_UID__ == null) component.__VUE_DEVTOOLS_NEXT_UID__ = id;
|
|
2217
2193
|
if (!appRecord?.instanceMap.has(id)) {
|
|
@@ -2222,16 +2198,16 @@ function createComponentsDevToolsPlugin(app) {
|
|
|
2222
2198
|
if (!appRecord) return;
|
|
2223
2199
|
debounceSendInspectorTree();
|
|
2224
2200
|
});
|
|
2225
|
-
hook.on.componentUpdated(async (app
|
|
2201
|
+
hook.on.componentUpdated(async (app, uid, parentUid, component) => {
|
|
2226
2202
|
if (devtoolsState.highPerfModeEnabled) return;
|
|
2227
|
-
if (app
|
|
2228
|
-
if (!app
|
|
2203
|
+
if (app?._instance?.type?.devtools?.hide) return;
|
|
2204
|
+
if (!app || typeof uid !== "number" && !uid || !component) return;
|
|
2229
2205
|
const id = await getComponentId({
|
|
2230
|
-
app
|
|
2206
|
+
app,
|
|
2231
2207
|
uid,
|
|
2232
2208
|
instance: component
|
|
2233
2209
|
});
|
|
2234
|
-
const appRecord = await getAppRecord(app
|
|
2210
|
+
const appRecord = await getAppRecord(app);
|
|
2235
2211
|
if (component) {
|
|
2236
2212
|
if (component.__VUE_DEVTOOLS_NEXT_UID__ == null) component.__VUE_DEVTOOLS_NEXT_UID__ = id;
|
|
2237
2213
|
if (!appRecord?.instanceMap.has(id)) {
|
|
@@ -2243,14 +2219,14 @@ function createComponentsDevToolsPlugin(app) {
|
|
|
2243
2219
|
debounceSendInspectorTree();
|
|
2244
2220
|
debounceSendInspectorState();
|
|
2245
2221
|
});
|
|
2246
|
-
hook.on.componentRemoved(async (app
|
|
2222
|
+
hook.on.componentRemoved(async (app, uid, parentUid, component) => {
|
|
2247
2223
|
if (devtoolsState.highPerfModeEnabled) return;
|
|
2248
|
-
if (app
|
|
2249
|
-
if (!app
|
|
2250
|
-
const appRecord = await getAppRecord(app
|
|
2224
|
+
if (app?._instance?.type?.devtools?.hide) return;
|
|
2225
|
+
if (!app || typeof uid !== "number" && !uid || !component) return;
|
|
2226
|
+
const appRecord = await getAppRecord(app);
|
|
2251
2227
|
if (!appRecord) return;
|
|
2252
2228
|
const id = await getComponentId({
|
|
2253
|
-
app
|
|
2229
|
+
app,
|
|
2254
2230
|
uid,
|
|
2255
2231
|
instance: component
|
|
2256
2232
|
});
|
|
@@ -2261,10 +2237,9 @@ function createComponentsDevToolsPlugin(app) {
|
|
|
2261
2237
|
};
|
|
2262
2238
|
return [descriptor, setupFn];
|
|
2263
2239
|
}
|
|
2264
|
-
|
|
2265
2240
|
//#endregion
|
|
2266
2241
|
//#region src/core/plugin/index.ts
|
|
2267
|
-
|
|
2242
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__ ??= /* @__PURE__ */ new Set();
|
|
2268
2243
|
function setupDevToolsPlugin(pluginDescriptor, setupFn) {
|
|
2269
2244
|
return hook.setupDevToolsPlugin(pluginDescriptor, setupFn);
|
|
2270
2245
|
}
|
|
@@ -2284,33 +2259,31 @@ function callDevToolsPluginSetupFn(plugin, app) {
|
|
|
2284
2259
|
setupFn(api);
|
|
2285
2260
|
}
|
|
2286
2261
|
function removeRegisteredPluginApp(app) {
|
|
2287
|
-
|
|
2262
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.delete(app);
|
|
2288
2263
|
}
|
|
2289
2264
|
function registerDevToolsPlugin(app, options) {
|
|
2290
|
-
if (
|
|
2265
|
+
if (_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(app)) return;
|
|
2291
2266
|
if (devtoolsState.highPerfModeEnabled && !options?.inspectingComponent) return;
|
|
2292
|
-
|
|
2267
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.add(app);
|
|
2293
2268
|
devtoolsPluginBuffer.forEach((plugin) => {
|
|
2294
2269
|
callDevToolsPluginSetupFn(plugin, app);
|
|
2295
2270
|
});
|
|
2296
2271
|
}
|
|
2297
|
-
|
|
2298
2272
|
//#endregion
|
|
2299
2273
|
//#region src/ctx/router.ts
|
|
2300
2274
|
const ROUTER_KEY = "__VUE_DEVTOOLS_ROUTER__";
|
|
2301
2275
|
const ROUTER_INFO_KEY = "__VUE_DEVTOOLS_ROUTER_INFO__";
|
|
2302
|
-
|
|
2276
|
+
_vue_devtools_shared.target[ROUTER_INFO_KEY] ??= {
|
|
2303
2277
|
currentRoute: null,
|
|
2304
2278
|
routes: []
|
|
2305
2279
|
};
|
|
2306
|
-
|
|
2307
|
-
const devtoolsRouterInfo = new Proxy(
|
|
2308
|
-
return
|
|
2280
|
+
_vue_devtools_shared.target[ROUTER_KEY] ??= {};
|
|
2281
|
+
const devtoolsRouterInfo = new Proxy(_vue_devtools_shared.target[ROUTER_INFO_KEY], { get(target, property) {
|
|
2282
|
+
return _vue_devtools_shared.target[ROUTER_INFO_KEY][property];
|
|
2309
2283
|
} });
|
|
2310
|
-
const devtoolsRouter = new Proxy(
|
|
2311
|
-
if (property === "value") return
|
|
2284
|
+
const devtoolsRouter = new Proxy(_vue_devtools_shared.target[ROUTER_KEY], { get(target, property) {
|
|
2285
|
+
if (property === "value") return _vue_devtools_shared.target[ROUTER_KEY];
|
|
2312
2286
|
} });
|
|
2313
|
-
|
|
2314
2287
|
//#endregion
|
|
2315
2288
|
//#region src/core/router/index.ts
|
|
2316
2289
|
function getRoutes(router) {
|
|
@@ -2345,32 +2318,31 @@ function filterCurrentRoute(route) {
|
|
|
2345
2318
|
}
|
|
2346
2319
|
return route;
|
|
2347
2320
|
}
|
|
2348
|
-
function normalizeRouterInfo(appRecord, activeAppRecord
|
|
2321
|
+
function normalizeRouterInfo(appRecord, activeAppRecord) {
|
|
2349
2322
|
function init() {
|
|
2350
2323
|
const router = appRecord.app?.config.globalProperties.$router;
|
|
2351
2324
|
const currentRoute = filterCurrentRoute(router?.currentRoute.value);
|
|
2352
2325
|
const routes = filterRoutes(getRoutes(router));
|
|
2353
2326
|
const c = console.warn;
|
|
2354
2327
|
console.warn = () => {};
|
|
2355
|
-
|
|
2356
|
-
currentRoute: currentRoute ? (0,
|
|
2357
|
-
routes: (0,
|
|
2328
|
+
_vue_devtools_shared.target[ROUTER_INFO_KEY] = {
|
|
2329
|
+
currentRoute: currentRoute ? (0, _vue_devtools_shared.deepClone)(currentRoute) : {},
|
|
2330
|
+
routes: (0, _vue_devtools_shared.deepClone)(routes)
|
|
2358
2331
|
};
|
|
2359
|
-
|
|
2332
|
+
_vue_devtools_shared.target[ROUTER_KEY] = router;
|
|
2360
2333
|
console.warn = c;
|
|
2361
2334
|
}
|
|
2362
2335
|
init();
|
|
2363
2336
|
hook.on.componentUpdated((0, perfect_debounce.debounce)(() => {
|
|
2364
|
-
if (activeAppRecord
|
|
2337
|
+
if (activeAppRecord.value?.app !== appRecord.app) return;
|
|
2365
2338
|
init();
|
|
2366
2339
|
if (devtoolsState.highPerfModeEnabled) return;
|
|
2367
|
-
devtoolsContext.hooks.callHook(DevToolsMessagingHookKeys.ROUTER_INFO_UPDATED, { state:
|
|
2340
|
+
devtoolsContext.hooks.callHook(DevToolsMessagingHookKeys.ROUTER_INFO_UPDATED, { state: _vue_devtools_shared.target[ROUTER_INFO_KEY] });
|
|
2368
2341
|
}, 200));
|
|
2369
2342
|
}
|
|
2370
|
-
|
|
2371
2343
|
//#endregion
|
|
2372
2344
|
//#region src/ctx/api.ts
|
|
2373
|
-
function createDevToolsApi(hooks
|
|
2345
|
+
function createDevToolsApi(hooks) {
|
|
2374
2346
|
return {
|
|
2375
2347
|
async getInspectorTree(payload) {
|
|
2376
2348
|
const _payload = {
|
|
@@ -2379,7 +2351,7 @@ function createDevToolsApi(hooks$1) {
|
|
|
2379
2351
|
rootNodes: []
|
|
2380
2352
|
};
|
|
2381
2353
|
await new Promise((resolve) => {
|
|
2382
|
-
hooks
|
|
2354
|
+
hooks.callHookWith(async (callbacks) => {
|
|
2383
2355
|
await Promise.all(callbacks.map((cb) => cb(_payload)));
|
|
2384
2356
|
resolve();
|
|
2385
2357
|
}, DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_TREE);
|
|
@@ -2394,7 +2366,7 @@ function createDevToolsApi(hooks$1) {
|
|
|
2394
2366
|
};
|
|
2395
2367
|
const ctx = { currentTab: `custom-inspector:${payload.inspectorId}` };
|
|
2396
2368
|
await new Promise((resolve) => {
|
|
2397
|
-
hooks
|
|
2369
|
+
hooks.callHookWith(async (callbacks) => {
|
|
2398
2370
|
await Promise.all(callbacks.map((cb) => cb(_payload, ctx)));
|
|
2399
2371
|
resolve();
|
|
2400
2372
|
}, DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_STATE);
|
|
@@ -2402,21 +2374,21 @@ function createDevToolsApi(hooks$1) {
|
|
|
2402
2374
|
return _payload.state;
|
|
2403
2375
|
},
|
|
2404
2376
|
editInspectorState(payload) {
|
|
2405
|
-
const stateEditor
|
|
2377
|
+
const stateEditor = new StateEditor();
|
|
2406
2378
|
const _payload = {
|
|
2407
2379
|
...payload,
|
|
2408
2380
|
app: activeAppRecord.value.app,
|
|
2409
2381
|
set: (obj, path = payload.path, value = payload.state.value, cb) => {
|
|
2410
|
-
stateEditor
|
|
2382
|
+
stateEditor.set(obj, path, value, cb || stateEditor.createDefaultSetCallback(payload.state));
|
|
2411
2383
|
}
|
|
2412
2384
|
};
|
|
2413
|
-
hooks
|
|
2385
|
+
hooks.callHookWith((callbacks) => {
|
|
2414
2386
|
callbacks.forEach((cb) => cb(_payload));
|
|
2415
2387
|
}, DevToolsV6PluginAPIHookKeys.EDIT_INSPECTOR_STATE);
|
|
2416
2388
|
},
|
|
2417
2389
|
sendInspectorState(inspectorId) {
|
|
2418
2390
|
const inspector = getInspector(inspectorId);
|
|
2419
|
-
hooks
|
|
2391
|
+
hooks.callHook(DevToolsContextHookKeys.SEND_INSPECTOR_STATE, {
|
|
2420
2392
|
inspectorId,
|
|
2421
2393
|
plugin: {
|
|
2422
2394
|
descriptor: inspector.descriptor,
|
|
@@ -2453,7 +2425,7 @@ function createDevToolsApi(hooks$1) {
|
|
|
2453
2425
|
const instance = getComponentInstance(activeAppRecord.value, instanceId);
|
|
2454
2426
|
if (instance) {
|
|
2455
2427
|
const [el] = getRootElementsFromComponentInstance(instance);
|
|
2456
|
-
if (el)
|
|
2428
|
+
if (el) _vue_devtools_shared.target.__VUE_DEVTOOLS_INSPECT_DOM_TARGET__ = el;
|
|
2457
2429
|
}
|
|
2458
2430
|
},
|
|
2459
2431
|
updatePluginSettings(pluginId, key, value) {
|
|
@@ -2467,24 +2439,22 @@ function createDevToolsApi(hooks$1) {
|
|
|
2467
2439
|
}
|
|
2468
2440
|
};
|
|
2469
2441
|
}
|
|
2470
|
-
|
|
2471
2442
|
//#endregion
|
|
2472
2443
|
//#region src/ctx/env.ts
|
|
2473
|
-
|
|
2444
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_ENV__ ??= { vitePluginDetected: false };
|
|
2474
2445
|
function getDevToolsEnv() {
|
|
2475
|
-
return
|
|
2446
|
+
return _vue_devtools_shared.target.__VUE_DEVTOOLS_ENV__;
|
|
2476
2447
|
}
|
|
2477
2448
|
function setDevToolsEnv(env) {
|
|
2478
|
-
|
|
2479
|
-
...
|
|
2449
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_ENV__ = {
|
|
2450
|
+
..._vue_devtools_shared.target.__VUE_DEVTOOLS_ENV__,
|
|
2480
2451
|
...env
|
|
2481
2452
|
};
|
|
2482
2453
|
}
|
|
2483
|
-
|
|
2484
2454
|
//#endregion
|
|
2485
2455
|
//#region src/ctx/index.ts
|
|
2486
2456
|
const hooks = createDevToolsCtxHooks();
|
|
2487
|
-
|
|
2457
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_CONTEXT__ ??= {
|
|
2488
2458
|
hooks,
|
|
2489
2459
|
get state() {
|
|
2490
2460
|
return {
|
|
@@ -2496,12 +2466,12 @@ __vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_CONTEXT__ ??= {
|
|
|
2496
2466
|
},
|
|
2497
2467
|
api: createDevToolsApi(hooks)
|
|
2498
2468
|
};
|
|
2499
|
-
const devtoolsContext =
|
|
2500
|
-
|
|
2469
|
+
const devtoolsContext = _vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_CONTEXT__;
|
|
2501
2470
|
//#endregion
|
|
2502
2471
|
//#region ../../node_modules/.pnpm/speakingurl@14.0.1/node_modules/speakingurl/lib/speakingurl.js
|
|
2503
|
-
var require_speakingurl$1 = /* @__PURE__ */
|
|
2472
|
+
var require_speakingurl$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
|
|
2504
2473
|
(function(root) {
|
|
2474
|
+
"use strict";
|
|
2505
2475
|
/**
|
|
2506
2476
|
* charMap
|
|
2507
2477
|
* @type {Object}
|
|
@@ -3809,7 +3779,7 @@ var require_speakingurl$1 = /* @__PURE__ */ __commonJS({ "../../node_modules/.pn
|
|
|
3809
3779
|
* @api public
|
|
3810
3780
|
* @return {string} sluggified string
|
|
3811
3781
|
*/
|
|
3812
|
-
var getSlug = function getSlug
|
|
3782
|
+
var getSlug = function getSlug(input, opts) {
|
|
3813
3783
|
var separator = "-";
|
|
3814
3784
|
var result = "";
|
|
3815
3785
|
var diatricString = "";
|
|
@@ -3905,8 +3875,8 @@ var require_speakingurl$1 = /* @__PURE__ */ __commonJS({ "../../node_modules/.pn
|
|
|
3905
3875
|
}
|
|
3906
3876
|
result += ch.replace(new RegExp("[^\\w\\s" + allowedChars + "_-]", "g"), separator);
|
|
3907
3877
|
}
|
|
3908
|
-
if (titleCase) result = result.replace(/(\w)(\S*)/g, function(_, i
|
|
3909
|
-
var j = i
|
|
3878
|
+
if (titleCase) result = result.replace(/(\w)(\S*)/g, function(_, i, r) {
|
|
3879
|
+
var j = i.toUpperCase() + (r !== null ? r : "");
|
|
3910
3880
|
return Object.keys(customReplacements).indexOf(j.toLowerCase()) < 0 ? j : j.toLowerCase();
|
|
3911
3881
|
});
|
|
3912
3882
|
result = result.replace(/\s+/g, separator).replace(new RegExp("\\" + separator + "+", "g"), separator).replace(new RegExp("(^\\" + separator + "+|\\" + separator + "+$)", "g"), "");
|
|
@@ -3923,7 +3893,7 @@ var require_speakingurl$1 = /* @__PURE__ */ __commonJS({ "../../node_modules/.pn
|
|
|
3923
3893
|
* @param {object|string} opts config object or input string
|
|
3924
3894
|
* @return {Function} function getSlugWithConfig()
|
|
3925
3895
|
**/
|
|
3926
|
-
var createSlug = function createSlug
|
|
3896
|
+
var createSlug = function createSlug(opts) {
|
|
3927
3897
|
/**
|
|
3928
3898
|
* getSlugWithConfig
|
|
3929
3899
|
* @param {string} input string
|
|
@@ -3937,7 +3907,7 @@ var require_speakingurl$1 = /* @__PURE__ */ __commonJS({ "../../node_modules/.pn
|
|
|
3937
3907
|
* escape Chars
|
|
3938
3908
|
* @param {string} input string
|
|
3939
3909
|
*/
|
|
3940
|
-
var escapeChars = function escapeChars
|
|
3910
|
+
var escapeChars = function escapeChars(input) {
|
|
3941
3911
|
return input.replace(/[-\\^$*+?.()|[\]{}\/]/g, "\\$&");
|
|
3942
3912
|
};
|
|
3943
3913
|
/**
|
|
@@ -3962,18 +3932,13 @@ var require_speakingurl$1 = /* @__PURE__ */ __commonJS({ "../../node_modules/.pn
|
|
|
3962
3932
|
}
|
|
3963
3933
|
} catch (e) {}
|
|
3964
3934
|
})(exports);
|
|
3965
|
-
})
|
|
3966
|
-
|
|
3967
|
-
//#endregion
|
|
3968
|
-
//#region ../../node_modules/.pnpm/speakingurl@14.0.1/node_modules/speakingurl/index.js
|
|
3969
|
-
var require_speakingurl = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/speakingurl@14.0.1/node_modules/speakingurl/index.js": ((exports, module) => {
|
|
3970
|
-
module.exports = require_speakingurl$1();
|
|
3971
|
-
}) });
|
|
3972
|
-
|
|
3935
|
+
}));
|
|
3973
3936
|
//#endregion
|
|
3974
3937
|
//#region src/core/app/index.ts
|
|
3975
|
-
var import_speakingurl = /* @__PURE__ */ __toESM(
|
|
3976
|
-
|
|
3938
|
+
var import_speakingurl = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports, module) => {
|
|
3939
|
+
module.exports = require_speakingurl$1();
|
|
3940
|
+
})))(), 1);
|
|
3941
|
+
const appRecordInfo = _vue_devtools_shared.target.__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__ ??= {
|
|
3977
3942
|
id: 0,
|
|
3978
3943
|
appIds: /* @__PURE__ */ new Set()
|
|
3979
3944
|
};
|
|
@@ -4017,7 +3982,7 @@ function createAppRecord(app, types) {
|
|
|
4017
3982
|
instanceMap: /* @__PURE__ */ new Map(),
|
|
4018
3983
|
perfGroupIds: /* @__PURE__ */ new Map(),
|
|
4019
3984
|
rootInstance,
|
|
4020
|
-
iframe:
|
|
3985
|
+
iframe: _vue_devtools_shared.isBrowser && document !== el?.ownerDocument ? el?.ownerDocument?.location?.pathname : void 0
|
|
4021
3986
|
};
|
|
4022
3987
|
app.__VUE_DEVTOOLS_NEXT_APP_RECORD__ = record;
|
|
4023
3988
|
const rootId = `${record.id}:root`;
|
|
@@ -4026,44 +3991,43 @@ function createAppRecord(app, types) {
|
|
|
4026
3991
|
return record;
|
|
4027
3992
|
} else return {};
|
|
4028
3993
|
}
|
|
4029
|
-
|
|
4030
3994
|
//#endregion
|
|
4031
3995
|
//#region src/core/iframe/index.ts
|
|
4032
|
-
function detectIframeApp(target
|
|
3996
|
+
function detectIframeApp(target, inIframe = false) {
|
|
4033
3997
|
if (inIframe) {
|
|
4034
3998
|
function sendEventToParent(cb) {
|
|
4035
3999
|
try {
|
|
4036
|
-
const hook
|
|
4037
|
-
if (hook
|
|
4000
|
+
const hook = window.parent.__VUE_DEVTOOLS_GLOBAL_HOOK__;
|
|
4001
|
+
if (hook) cb(hook);
|
|
4038
4002
|
} catch (e) {}
|
|
4039
4003
|
}
|
|
4040
|
-
const hook
|
|
4004
|
+
const hook = {
|
|
4041
4005
|
id: "vue-devtools-next",
|
|
4042
4006
|
devtoolsVersion: "7.0",
|
|
4043
4007
|
on: (event, cb) => {
|
|
4044
|
-
sendEventToParent((hook
|
|
4045
|
-
hook
|
|
4008
|
+
sendEventToParent((hook) => {
|
|
4009
|
+
hook.on(event, cb);
|
|
4046
4010
|
});
|
|
4047
4011
|
},
|
|
4048
4012
|
once: (event, cb) => {
|
|
4049
|
-
sendEventToParent((hook
|
|
4050
|
-
hook
|
|
4013
|
+
sendEventToParent((hook) => {
|
|
4014
|
+
hook.once(event, cb);
|
|
4051
4015
|
});
|
|
4052
4016
|
},
|
|
4053
4017
|
off: (event, cb) => {
|
|
4054
|
-
sendEventToParent((hook
|
|
4055
|
-
hook
|
|
4018
|
+
sendEventToParent((hook) => {
|
|
4019
|
+
hook.off(event, cb);
|
|
4056
4020
|
});
|
|
4057
4021
|
},
|
|
4058
4022
|
emit: (event, ...payload) => {
|
|
4059
|
-
sendEventToParent((hook
|
|
4060
|
-
hook
|
|
4023
|
+
sendEventToParent((hook) => {
|
|
4024
|
+
hook.emit(event, ...payload);
|
|
4061
4025
|
});
|
|
4062
4026
|
}
|
|
4063
4027
|
};
|
|
4064
|
-
Object.defineProperty(target
|
|
4028
|
+
Object.defineProperty(target, "__VUE_DEVTOOLS_GLOBAL_HOOK__", {
|
|
4065
4029
|
get() {
|
|
4066
|
-
return hook
|
|
4030
|
+
return hook;
|
|
4067
4031
|
},
|
|
4068
4032
|
configurable: true
|
|
4069
4033
|
});
|
|
@@ -4098,23 +4062,22 @@ function detectIframeApp(target$21, inIframe = false) {
|
|
|
4098
4062
|
if (iframeAppChecks >= 5) clearInterval(iframeAppCheckTimer);
|
|
4099
4063
|
}, 1e3);
|
|
4100
4064
|
}
|
|
4101
|
-
|
|
4102
4065
|
//#endregion
|
|
4103
4066
|
//#region src/core/index.ts
|
|
4104
4067
|
function initDevTools() {
|
|
4105
|
-
detectIframeApp(
|
|
4068
|
+
detectIframeApp(_vue_devtools_shared.target);
|
|
4106
4069
|
updateDevToolsState({ vitePluginDetected: getDevToolsEnv().vitePluginDetected });
|
|
4107
|
-
const isDevToolsNext =
|
|
4108
|
-
if (
|
|
4070
|
+
const isDevToolsNext = _vue_devtools_shared.target.__VUE_DEVTOOLS_GLOBAL_HOOK__?.id === "vue-devtools-next";
|
|
4071
|
+
if (_vue_devtools_shared.target.__VUE_DEVTOOLS_GLOBAL_HOOK__ && isDevToolsNext) return;
|
|
4109
4072
|
const _devtoolsHook = createDevToolsHook();
|
|
4110
|
-
if (
|
|
4111
|
-
|
|
4112
|
-
|
|
4073
|
+
if (_vue_devtools_shared.target.__VUE_DEVTOOLS_HOOK_REPLAY__) try {
|
|
4074
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_HOOK_REPLAY__.forEach((cb) => cb(_devtoolsHook));
|
|
4075
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_HOOK_REPLAY__ = [];
|
|
4113
4076
|
} catch (e) {
|
|
4114
4077
|
console.error("[vue-devtools] Error during hook replay", e);
|
|
4115
4078
|
}
|
|
4116
4079
|
_devtoolsHook.once("init", (Vue) => {
|
|
4117
|
-
|
|
4080
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_VUE2_APP_DETECTED__ = true;
|
|
4118
4081
|
console.log("%c[_____Vue DevTools v7 log_____]", "color: red; font-bold: 600; font-size: 16px;");
|
|
4119
4082
|
console.log("%cVue DevTools v7 detected in your Vue2 project. v7 only supports Vue3 and will not work.", "font-bold: 500; font-size: 14px;");
|
|
4120
4083
|
const legacyChromeUrl = "https://chromewebstore.google.com/detail/vuejs-devtools/iaajmlceplecbljialhhkmedjlpdblhp";
|
|
@@ -4162,17 +4125,17 @@ function initDevTools() {
|
|
|
4162
4125
|
setActiveAppRecord(activeRecords[0]);
|
|
4163
4126
|
devtoolsContext.hooks.callHook(DevToolsMessagingHookKeys.SEND_ACTIVE_APP_UNMOUNTED_TO_CLIENT);
|
|
4164
4127
|
}
|
|
4165
|
-
|
|
4128
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.splice(_vue_devtools_shared.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.indexOf(app), 1);
|
|
4166
4129
|
removeRegisteredPluginApp(app);
|
|
4167
4130
|
});
|
|
4168
4131
|
subscribeDevToolsHook(_devtoolsHook);
|
|
4169
|
-
if (!
|
|
4132
|
+
if (!_vue_devtools_shared.target.__VUE_DEVTOOLS_GLOBAL_HOOK__) Object.defineProperty(_vue_devtools_shared.target, "__VUE_DEVTOOLS_GLOBAL_HOOK__", {
|
|
4170
4133
|
get() {
|
|
4171
4134
|
return _devtoolsHook;
|
|
4172
4135
|
},
|
|
4173
4136
|
configurable: true
|
|
4174
4137
|
});
|
|
4175
|
-
else if (!
|
|
4138
|
+
else if (!_vue_devtools_shared.isNuxtApp) Object.assign(__VUE_DEVTOOLS_GLOBAL_HOOK__, _devtoolsHook);
|
|
4176
4139
|
}
|
|
4177
4140
|
function onDevToolsClientConnected(fn) {
|
|
4178
4141
|
return new Promise((resolve) => {
|
|
@@ -4189,14 +4152,12 @@ function onDevToolsClientConnected(fn) {
|
|
|
4189
4152
|
});
|
|
4190
4153
|
});
|
|
4191
4154
|
}
|
|
4192
|
-
|
|
4193
4155
|
//#endregion
|
|
4194
4156
|
//#region src/core/high-perf-mode/index.ts
|
|
4195
4157
|
function toggleHighPerfMode(state) {
|
|
4196
4158
|
devtoolsState.highPerfModeEnabled = state ?? !devtoolsState.highPerfModeEnabled;
|
|
4197
4159
|
if (!state && activeAppRecord.value) registerDevToolsPlugin(activeAppRecord.value.app);
|
|
4198
4160
|
}
|
|
4199
|
-
|
|
4200
4161
|
//#endregion
|
|
4201
4162
|
//#region src/core/component/state/reviver.ts
|
|
4202
4163
|
function reviveSet(val) {
|
|
@@ -4218,10 +4179,10 @@ function reviveMap(val) {
|
|
|
4218
4179
|
return result;
|
|
4219
4180
|
}
|
|
4220
4181
|
function revive(val) {
|
|
4221
|
-
if (val ===
|
|
4222
|
-
else if (val ===
|
|
4223
|
-
else if (val ===
|
|
4224
|
-
else if (val ===
|
|
4182
|
+
if (val === "__vue_devtool_undefined__") return;
|
|
4183
|
+
else if (val === "__vue_devtool_infinity__") return Number.POSITIVE_INFINITY;
|
|
4184
|
+
else if (val === "__vue_devtool_negative_infinity__") return Number.NEGATIVE_INFINITY;
|
|
4185
|
+
else if (val === "__vue_devtool_nan__") return NaN;
|
|
4225
4186
|
else if (val && val._custom) {
|
|
4226
4187
|
const { _custom: custom } = val;
|
|
4227
4188
|
if (custom.type === "component") return activeAppRecord.value.instanceMap.get(custom.id);
|
|
@@ -4234,7 +4195,7 @@ function revive(val) {
|
|
|
4234
4195
|
return Symbol.for(string);
|
|
4235
4196
|
} else if (specialTypeRE.test(val)) {
|
|
4236
4197
|
const [, type, string, , details] = specialTypeRE.exec(val);
|
|
4237
|
-
const result = new
|
|
4198
|
+
const result = new _vue_devtools_shared.target[type](string);
|
|
4238
4199
|
if (type === "Error" && details) result.stack = details;
|
|
4239
4200
|
return result;
|
|
4240
4201
|
} else return val;
|
|
@@ -4242,20 +4203,19 @@ function revive(val) {
|
|
|
4242
4203
|
function reviver(key, value) {
|
|
4243
4204
|
return revive(value);
|
|
4244
4205
|
}
|
|
4245
|
-
|
|
4246
4206
|
//#endregion
|
|
4247
4207
|
//#region src/core/component/state/format.ts
|
|
4248
4208
|
function getInspectorStateValueType(value, raw = true) {
|
|
4249
4209
|
const type = typeof value;
|
|
4250
|
-
if (value == null || value ===
|
|
4251
|
-
else if (type === "boolean" || type === "number" || value ===
|
|
4210
|
+
if (value == null || value === "__vue_devtool_undefined__" || value === "undefined") return "null";
|
|
4211
|
+
else if (type === "boolean" || type === "number" || value === "__vue_devtool_infinity__" || value === "__vue_devtool_negative_infinity__" || value === "__vue_devtool_nan__") return "literal";
|
|
4252
4212
|
else if (value?._custom) if (raw || value._custom.display != null || value._custom.displayText != null) return "custom";
|
|
4253
4213
|
else return getInspectorStateValueType(value._custom.value);
|
|
4254
4214
|
else if (typeof value === "string") {
|
|
4255
4215
|
const typeMatch = specialTypeRE.exec(value);
|
|
4256
4216
|
if (typeMatch) {
|
|
4257
|
-
const [, type
|
|
4258
|
-
return `native ${type
|
|
4217
|
+
const [, type] = typeMatch;
|
|
4218
|
+
return `native ${type}`;
|
|
4259
4219
|
} else return "string";
|
|
4260
4220
|
} else if (Array.isArray(value) || value?._isArray) return "array";
|
|
4261
4221
|
else if (isPlainObject(value)) return "plain-object";
|
|
@@ -4316,7 +4276,6 @@ function toSubmit(value, customType) {
|
|
|
4316
4276
|
if (customType === "date") return new Date(value);
|
|
4317
4277
|
return JSON.parse(replaceStringToToken(value), reviver);
|
|
4318
4278
|
}
|
|
4319
|
-
|
|
4320
4279
|
//#endregion
|
|
4321
4280
|
//#region src/core/devtools-client/detected.ts
|
|
4322
4281
|
function updateDevToolsClientDetected(params) {
|
|
@@ -4326,8 +4285,7 @@ function updateDevToolsClientDetected(params) {
|
|
|
4326
4285
|
};
|
|
4327
4286
|
toggleHighPerfMode(!Object.values(devtoolsState.devtoolsClientDetected).some(Boolean));
|
|
4328
4287
|
}
|
|
4329
|
-
|
|
4330
|
-
|
|
4288
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__ ??= updateDevToolsClientDetected;
|
|
4331
4289
|
//#endregion
|
|
4332
4290
|
//#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/double-indexed-kv.js
|
|
4333
4291
|
var DoubleIndexedKV = class {
|
|
@@ -4350,7 +4308,6 @@ var DoubleIndexedKV = class {
|
|
|
4350
4308
|
this.valueToKey.clear();
|
|
4351
4309
|
}
|
|
4352
4310
|
};
|
|
4353
|
-
|
|
4354
4311
|
//#endregion
|
|
4355
4312
|
//#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/registry.js
|
|
4356
4313
|
var Registry = class {
|
|
@@ -4373,7 +4330,6 @@ var Registry = class {
|
|
|
4373
4330
|
return this.kv.getByKey(identifier);
|
|
4374
4331
|
}
|
|
4375
4332
|
};
|
|
4376
|
-
|
|
4377
4333
|
//#endregion
|
|
4378
4334
|
//#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/class-registry.js
|
|
4379
4335
|
var ClassRegistry = class extends Registry {
|
|
@@ -4391,7 +4347,6 @@ var ClassRegistry = class extends Registry {
|
|
|
4391
4347
|
return this.classToAllowedProps.get(value);
|
|
4392
4348
|
}
|
|
4393
4349
|
};
|
|
4394
|
-
|
|
4395
4350
|
//#endregion
|
|
4396
4351
|
//#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/util.js
|
|
4397
4352
|
function valuesOfObj(record) {
|
|
@@ -4421,7 +4376,6 @@ function findArr(record, predicate) {
|
|
|
4421
4376
|
if (predicate(value)) return value;
|
|
4422
4377
|
}
|
|
4423
4378
|
}
|
|
4424
|
-
|
|
4425
4379
|
//#endregion
|
|
4426
4380
|
//#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/custom-transformer-registry.js
|
|
4427
4381
|
var CustomTransformerRegistry = class {
|
|
@@ -4438,7 +4392,6 @@ var CustomTransformerRegistry = class {
|
|
|
4438
4392
|
return this.transfomers[name];
|
|
4439
4393
|
}
|
|
4440
4394
|
};
|
|
4441
|
-
|
|
4442
4395
|
//#endregion
|
|
4443
4396
|
//#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/is.js
|
|
4444
4397
|
const getType$1 = (payload) => Object.prototype.toString.call(payload).slice(8, -1);
|
|
@@ -4467,7 +4420,6 @@ const isBigint = (payload) => typeof payload === "bigint";
|
|
|
4467
4420
|
const isInfinite = (payload) => payload === Infinity || payload === -Infinity;
|
|
4468
4421
|
const isTypedArray = (payload) => ArrayBuffer.isView(payload) && !(payload instanceof DataView);
|
|
4469
4422
|
const isURL = (payload) => payload instanceof URL;
|
|
4470
|
-
|
|
4471
4423
|
//#endregion
|
|
4472
4424
|
//#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/pathstringifier.js
|
|
4473
4425
|
const escapeKey = (key) => key.replace(/\./g, "\\.");
|
|
@@ -4493,7 +4445,6 @@ const parsePath = (string) => {
|
|
|
4493
4445
|
result.push(lastSegment);
|
|
4494
4446
|
return result;
|
|
4495
4447
|
};
|
|
4496
|
-
|
|
4497
4448
|
//#endregion
|
|
4498
4449
|
//#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/transformer.js
|
|
4499
4450
|
function simpleTransformation(isApplicable, annotation, transform, untransform) {
|
|
@@ -4650,7 +4601,6 @@ const untransformValue = (json, type, superJson) => {
|
|
|
4650
4601
|
return transformation.untransform(json, superJson);
|
|
4651
4602
|
}
|
|
4652
4603
|
};
|
|
4653
|
-
|
|
4654
4604
|
//#endregion
|
|
4655
4605
|
//#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/accessDeep.js
|
|
4656
4606
|
const getNthKey = (value, n) => {
|
|
@@ -4744,20 +4694,19 @@ const setDeep = (object, path, mapper) => {
|
|
|
4744
4694
|
}
|
|
4745
4695
|
return object;
|
|
4746
4696
|
};
|
|
4747
|
-
|
|
4748
4697
|
//#endregion
|
|
4749
4698
|
//#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/plainer.js
|
|
4750
|
-
function traverse(tree, walker
|
|
4699
|
+
function traverse(tree, walker, origin = []) {
|
|
4751
4700
|
if (!tree) return;
|
|
4752
4701
|
if (!isArray$2(tree)) {
|
|
4753
|
-
forEach(tree, (subtree, key) => traverse(subtree, walker
|
|
4702
|
+
forEach(tree, (subtree, key) => traverse(subtree, walker, [...origin, ...parsePath(key)]));
|
|
4754
4703
|
return;
|
|
4755
4704
|
}
|
|
4756
4705
|
const [nodeValue, children] = tree;
|
|
4757
4706
|
if (children) forEach(children, (child, key) => {
|
|
4758
|
-
traverse(child, walker
|
|
4707
|
+
traverse(child, walker, [...origin, ...parsePath(key)]);
|
|
4759
4708
|
});
|
|
4760
|
-
walker
|
|
4709
|
+
walker(nodeValue, origin);
|
|
4761
4710
|
}
|
|
4762
4711
|
function applyValueAnnotations(plain, annotations, superJson) {
|
|
4763
4712
|
traverse(annotations, (type, path) => {
|
|
@@ -4809,13 +4758,13 @@ const walker = (object, identities, superJson, dedupe, path = [], objectsInThisP
|
|
|
4809
4758
|
if (seen) return dedupe ? { transformedValue: null } : seen;
|
|
4810
4759
|
}
|
|
4811
4760
|
if (!isDeep(object, superJson)) {
|
|
4812
|
-
const transformed
|
|
4813
|
-
const result
|
|
4814
|
-
transformedValue: transformed
|
|
4815
|
-
annotations: [transformed
|
|
4761
|
+
const transformed = transformValue(object, superJson);
|
|
4762
|
+
const result = transformed ? {
|
|
4763
|
+
transformedValue: transformed.value,
|
|
4764
|
+
annotations: [transformed.type]
|
|
4816
4765
|
} : { transformedValue: object };
|
|
4817
|
-
if (!primitive) seenObjects.set(object, result
|
|
4818
|
-
return result
|
|
4766
|
+
if (!primitive) seenObjects.set(object, result);
|
|
4767
|
+
return result;
|
|
4819
4768
|
}
|
|
4820
4769
|
if (includes(objectsInThisPath, object)) return { transformedValue: null };
|
|
4821
4770
|
const transformationResult = transformValue(object, superJson);
|
|
@@ -4841,7 +4790,6 @@ const walker = (object, identities, superJson, dedupe, path = [], objectsInThisP
|
|
|
4841
4790
|
if (!primitive) seenObjects.set(object, result);
|
|
4842
4791
|
return result;
|
|
4843
4792
|
};
|
|
4844
|
-
|
|
4845
4793
|
//#endregion
|
|
4846
4794
|
//#region ../../node_modules/.pnpm/is-what@4.1.16/node_modules/is-what/dist/index.js
|
|
4847
4795
|
function getType(payload) {
|
|
@@ -4864,8 +4812,7 @@ function isOneOf(a, b, c, d, e) {
|
|
|
4864
4812
|
function isUndefined(payload) {
|
|
4865
4813
|
return getType(payload) === "Undefined";
|
|
4866
4814
|
}
|
|
4867
|
-
|
|
4868
|
-
|
|
4815
|
+
isOneOf(isNull, isUndefined);
|
|
4869
4816
|
//#endregion
|
|
4870
4817
|
//#region ../../node_modules/.pnpm/copy-anything@3.0.5/node_modules/copy-anything/dist/index.js
|
|
4871
4818
|
function assignProp(carry, key, newVal, originalObject, includeNonenumerable) {
|
|
@@ -4878,19 +4825,18 @@ function assignProp(carry, key, newVal, originalObject, includeNonenumerable) {
|
|
|
4878
4825
|
configurable: true
|
|
4879
4826
|
});
|
|
4880
4827
|
}
|
|
4881
|
-
function copy(target
|
|
4882
|
-
if (isArray$1(target
|
|
4883
|
-
if (!isPlainObject$1(target
|
|
4884
|
-
const props = Object.getOwnPropertyNames(target
|
|
4885
|
-
const symbols = Object.getOwnPropertySymbols(target
|
|
4828
|
+
function copy(target, options = {}) {
|
|
4829
|
+
if (isArray$1(target)) return target.map((item) => copy(item, options));
|
|
4830
|
+
if (!isPlainObject$1(target)) return target;
|
|
4831
|
+
const props = Object.getOwnPropertyNames(target);
|
|
4832
|
+
const symbols = Object.getOwnPropertySymbols(target);
|
|
4886
4833
|
return [...props, ...symbols].reduce((carry, key) => {
|
|
4887
4834
|
if (isArray$1(options.props) && !options.props.includes(key)) return carry;
|
|
4888
|
-
const val = target
|
|
4889
|
-
assignProp(carry, key, copy(val, options), target
|
|
4835
|
+
const val = target[key];
|
|
4836
|
+
assignProp(carry, key, copy(val, options), target, options.nonenumerable);
|
|
4890
4837
|
return carry;
|
|
4891
4838
|
}, {});
|
|
4892
4839
|
}
|
|
4893
|
-
|
|
4894
4840
|
//#endregion
|
|
4895
4841
|
//#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.js
|
|
4896
4842
|
var SuperJSON = class {
|
|
@@ -4957,19 +4903,17 @@ SuperJSON.registerClass = SuperJSON.defaultInstance.registerClass.bind(SuperJSON
|
|
|
4957
4903
|
SuperJSON.registerSymbol = SuperJSON.defaultInstance.registerSymbol.bind(SuperJSON.defaultInstance);
|
|
4958
4904
|
SuperJSON.registerCustom = SuperJSON.defaultInstance.registerCustom.bind(SuperJSON.defaultInstance);
|
|
4959
4905
|
SuperJSON.allowErrorProps = SuperJSON.defaultInstance.allowErrorProps.bind(SuperJSON.defaultInstance);
|
|
4960
|
-
|
|
4961
|
-
|
|
4962
|
-
|
|
4963
|
-
|
|
4964
|
-
|
|
4965
|
-
|
|
4966
|
-
|
|
4967
|
-
|
|
4968
|
-
|
|
4906
|
+
SuperJSON.serialize;
|
|
4907
|
+
SuperJSON.deserialize;
|
|
4908
|
+
SuperJSON.stringify;
|
|
4909
|
+
SuperJSON.parse;
|
|
4910
|
+
SuperJSON.registerClass;
|
|
4911
|
+
SuperJSON.registerCustom;
|
|
4912
|
+
SuperJSON.registerSymbol;
|
|
4913
|
+
SuperJSON.allowErrorProps;
|
|
4969
4914
|
//#endregion
|
|
4970
4915
|
//#region src/messaging/presets/broadcast-channel/context.ts
|
|
4971
4916
|
const __DEVTOOLS_KIT_BROADCAST_MESSAGING_EVENT_KEY = "__devtools-kit-broadcast-messaging-event-key__";
|
|
4972
|
-
|
|
4973
4917
|
//#endregion
|
|
4974
4918
|
//#region src/messaging/presets/broadcast-channel/index.ts
|
|
4975
4919
|
const BROADCAST_CHANNEL_NAME = "__devtools-kit:broadcast-channel__";
|
|
@@ -4985,12 +4929,11 @@ function createBroadcastChannel() {
|
|
|
4985
4929
|
on: (handler) => {
|
|
4986
4930
|
channel.onmessage = (event) => {
|
|
4987
4931
|
const parsed = SuperJSON.parse(event.data);
|
|
4988
|
-
if (parsed.event ===
|
|
4932
|
+
if (parsed.event === "__devtools-kit-broadcast-messaging-event-key__") handler(parsed.data);
|
|
4989
4933
|
};
|
|
4990
4934
|
}
|
|
4991
4935
|
};
|
|
4992
4936
|
}
|
|
4993
|
-
|
|
4994
4937
|
//#endregion
|
|
4995
4938
|
//#region src/messaging/presets/electron/context.ts
|
|
4996
4939
|
const __ELECTRON_CLIENT_CONTEXT__ = "electron:client-context";
|
|
@@ -5003,24 +4946,23 @@ const __DEVTOOLS_KIT_ELECTRON_MESSAGING_EVENT_KEY__ = {
|
|
|
5003
4946
|
SERVER_TO_PROXY: "server->proxy"
|
|
5004
4947
|
};
|
|
5005
4948
|
function getElectronClientContext() {
|
|
5006
|
-
return
|
|
4949
|
+
return _vue_devtools_shared.target[__ELECTRON_CLIENT_CONTEXT__];
|
|
5007
4950
|
}
|
|
5008
4951
|
function setElectronClientContext(context) {
|
|
5009
|
-
|
|
4952
|
+
_vue_devtools_shared.target[__ELECTRON_CLIENT_CONTEXT__] = context;
|
|
5010
4953
|
}
|
|
5011
4954
|
function getElectronProxyContext() {
|
|
5012
|
-
return
|
|
4955
|
+
return _vue_devtools_shared.target[__ELECTRON_RPOXY_CONTEXT__];
|
|
5013
4956
|
}
|
|
5014
4957
|
function setElectronProxyContext(context) {
|
|
5015
|
-
|
|
4958
|
+
_vue_devtools_shared.target[__ELECTRON_RPOXY_CONTEXT__] = context;
|
|
5016
4959
|
}
|
|
5017
4960
|
function getElectronServerContext() {
|
|
5018
|
-
return
|
|
4961
|
+
return _vue_devtools_shared.target[__ELECTRON_SERVER_CONTEXT__];
|
|
5019
4962
|
}
|
|
5020
4963
|
function setElectronServerContext(context) {
|
|
5021
|
-
|
|
4964
|
+
_vue_devtools_shared.target[__ELECTRON_SERVER_CONTEXT__] = context;
|
|
5022
4965
|
}
|
|
5023
|
-
|
|
5024
4966
|
//#endregion
|
|
5025
4967
|
//#region src/messaging/presets/electron/client.ts
|
|
5026
4968
|
function createElectronClientChannel() {
|
|
@@ -5036,7 +4978,6 @@ function createElectronClientChannel() {
|
|
|
5036
4978
|
}
|
|
5037
4979
|
};
|
|
5038
4980
|
}
|
|
5039
|
-
|
|
5040
4981
|
//#endregion
|
|
5041
4982
|
//#region src/messaging/presets/electron/proxy.ts
|
|
5042
4983
|
function createElectronProxyChannel() {
|
|
@@ -5053,7 +4994,6 @@ function createElectronProxyChannel() {
|
|
|
5053
4994
|
}
|
|
5054
4995
|
};
|
|
5055
4996
|
}
|
|
5056
|
-
|
|
5057
4997
|
//#endregion
|
|
5058
4998
|
//#region src/messaging/presets/electron/server.ts
|
|
5059
4999
|
function createElectronServerChannel() {
|
|
@@ -5069,7 +5009,6 @@ function createElectronServerChannel() {
|
|
|
5069
5009
|
}
|
|
5070
5010
|
};
|
|
5071
5011
|
}
|
|
5072
|
-
|
|
5073
5012
|
//#endregion
|
|
5074
5013
|
//#region src/messaging/presets/extension/context.ts
|
|
5075
5014
|
const __EXTENSION_CLIENT_CONTEXT__ = "electron:client-context";
|
|
@@ -5080,12 +5019,11 @@ const __DEVTOOLS_KIT_EXTENSION_MESSAGING_EVENT_KEY__ = {
|
|
|
5080
5019
|
SERVER_TO_PROXY: "server->proxy"
|
|
5081
5020
|
};
|
|
5082
5021
|
function getExtensionClientContext() {
|
|
5083
|
-
return
|
|
5022
|
+
return _vue_devtools_shared.target[__EXTENSION_CLIENT_CONTEXT__];
|
|
5084
5023
|
}
|
|
5085
5024
|
function setExtensionClientContext(context) {
|
|
5086
|
-
|
|
5025
|
+
_vue_devtools_shared.target[__EXTENSION_CLIENT_CONTEXT__] = context;
|
|
5087
5026
|
}
|
|
5088
|
-
|
|
5089
5027
|
//#endregion
|
|
5090
5028
|
//#region src/messaging/presets/extension/client.ts
|
|
5091
5029
|
function createExtensionClientChannel() {
|
|
@@ -5124,7 +5062,6 @@ function createExtensionClientChannel() {
|
|
|
5124
5062
|
}
|
|
5125
5063
|
};
|
|
5126
5064
|
}
|
|
5127
|
-
|
|
5128
5065
|
//#endregion
|
|
5129
5066
|
//#region src/messaging/presets/extension/proxy.ts
|
|
5130
5067
|
function createExtensionProxyChannel() {
|
|
@@ -5138,7 +5075,7 @@ function createExtensionProxyChannel() {
|
|
|
5138
5075
|
function sendMessageToDevToolsClient(e) {
|
|
5139
5076
|
if (e.data && e.data.source === __DEVTOOLS_KIT_EXTENSION_MESSAGING_EVENT_KEY__.SERVER_TO_PROXY) try {
|
|
5140
5077
|
port.postMessage(e.data.payload);
|
|
5141
|
-
} catch (e
|
|
5078
|
+
} catch (e) {}
|
|
5142
5079
|
}
|
|
5143
5080
|
port.onMessage.addListener(sendMessageToUserApp);
|
|
5144
5081
|
window.addEventListener("message", sendMessageToDevToolsClient);
|
|
@@ -5152,7 +5089,6 @@ function createExtensionProxyChannel() {
|
|
|
5152
5089
|
on: (handler) => {}
|
|
5153
5090
|
};
|
|
5154
5091
|
}
|
|
5155
|
-
|
|
5156
5092
|
//#endregion
|
|
5157
5093
|
//#region src/messaging/presets/extension/server.ts
|
|
5158
5094
|
function createExtensionServerChannel() {
|
|
@@ -5174,22 +5110,20 @@ function createExtensionServerChannel() {
|
|
|
5174
5110
|
}
|
|
5175
5111
|
};
|
|
5176
5112
|
}
|
|
5177
|
-
|
|
5178
5113
|
//#endregion
|
|
5179
5114
|
//#region src/messaging/presets/iframe/context.ts
|
|
5180
5115
|
const __DEVTOOLS_KIT_IFRAME_MESSAGING_EVENT_KEY = "__devtools-kit-iframe-messaging-event-key__";
|
|
5181
5116
|
const __IFRAME_SERVER_CONTEXT__ = "iframe:server-context";
|
|
5182
5117
|
function getIframeServerContext() {
|
|
5183
|
-
return
|
|
5118
|
+
return _vue_devtools_shared.target[__IFRAME_SERVER_CONTEXT__];
|
|
5184
5119
|
}
|
|
5185
5120
|
function setIframeServerContext(context) {
|
|
5186
|
-
|
|
5121
|
+
_vue_devtools_shared.target[__IFRAME_SERVER_CONTEXT__] = context;
|
|
5187
5122
|
}
|
|
5188
|
-
|
|
5189
5123
|
//#endregion
|
|
5190
5124
|
//#region src/messaging/presets/iframe/client.ts
|
|
5191
5125
|
function createIframeClientChannel() {
|
|
5192
|
-
if (!
|
|
5126
|
+
if (!_vue_devtools_shared.isBrowser) return {
|
|
5193
5127
|
post: (data) => {},
|
|
5194
5128
|
on: (handler) => {}
|
|
5195
5129
|
};
|
|
@@ -5201,16 +5135,15 @@ function createIframeClientChannel() {
|
|
|
5201
5135
|
on: (handler) => window.addEventListener("message", (event) => {
|
|
5202
5136
|
try {
|
|
5203
5137
|
const parsed = SuperJSON.parse(event.data);
|
|
5204
|
-
if (event.source === window.parent && parsed.event ===
|
|
5138
|
+
if (event.source === window.parent && parsed.event === "__devtools-kit-iframe-messaging-event-key__") handler(parsed.data);
|
|
5205
5139
|
} catch (e) {}
|
|
5206
5140
|
})
|
|
5207
5141
|
};
|
|
5208
5142
|
}
|
|
5209
|
-
|
|
5210
5143
|
//#endregion
|
|
5211
5144
|
//#region src/messaging/presets/iframe/server.ts
|
|
5212
5145
|
function createIframeServerChannel() {
|
|
5213
|
-
if (!
|
|
5146
|
+
if (!_vue_devtools_shared.isBrowser) return {
|
|
5214
5147
|
post: (data) => {},
|
|
5215
5148
|
on: (handler) => {}
|
|
5216
5149
|
};
|
|
@@ -5226,31 +5159,29 @@ function createIframeServerChannel() {
|
|
|
5226
5159
|
const iframe = getIframeServerContext();
|
|
5227
5160
|
try {
|
|
5228
5161
|
const parsed = SuperJSON.parse(event.data);
|
|
5229
|
-
if (event.source === iframe?.contentWindow && parsed.event ===
|
|
5162
|
+
if (event.source === iframe?.contentWindow && parsed.event === "__devtools-kit-iframe-messaging-event-key__") handler(parsed.data);
|
|
5230
5163
|
} catch (e) {}
|
|
5231
5164
|
});
|
|
5232
5165
|
}
|
|
5233
5166
|
};
|
|
5234
5167
|
}
|
|
5235
|
-
|
|
5236
5168
|
//#endregion
|
|
5237
5169
|
//#region src/messaging/presets/vite/context.ts
|
|
5238
5170
|
const __DEVTOOLS_KIT_VITE_MESSAGING_EVENT_KEY = "__devtools-kit-vite-messaging-event-key__";
|
|
5239
5171
|
const __VITE_CLIENT_CONTEXT__ = "vite:client-context";
|
|
5240
5172
|
const __VITE_SERVER_CONTEXT__ = "vite:server-context";
|
|
5241
5173
|
function getViteClientContext() {
|
|
5242
|
-
return
|
|
5174
|
+
return _vue_devtools_shared.target[__VITE_CLIENT_CONTEXT__];
|
|
5243
5175
|
}
|
|
5244
5176
|
function setViteClientContext(context) {
|
|
5245
|
-
|
|
5177
|
+
_vue_devtools_shared.target[__VITE_CLIENT_CONTEXT__] = context;
|
|
5246
5178
|
}
|
|
5247
5179
|
function getViteServerContext() {
|
|
5248
|
-
return
|
|
5180
|
+
return _vue_devtools_shared.target[__VITE_SERVER_CONTEXT__];
|
|
5249
5181
|
}
|
|
5250
5182
|
function setViteServerContext(context) {
|
|
5251
|
-
|
|
5183
|
+
_vue_devtools_shared.target[__VITE_SERVER_CONTEXT__] = context;
|
|
5252
5184
|
}
|
|
5253
|
-
|
|
5254
5185
|
//#endregion
|
|
5255
5186
|
//#region src/messaging/presets/vite/client.ts
|
|
5256
5187
|
function createViteClientChannel() {
|
|
@@ -5266,7 +5197,6 @@ function createViteClientChannel() {
|
|
|
5266
5197
|
}
|
|
5267
5198
|
};
|
|
5268
5199
|
}
|
|
5269
|
-
|
|
5270
5200
|
//#endregion
|
|
5271
5201
|
//#region src/messaging/presets/vite/server.ts
|
|
5272
5202
|
function createViteServerChannel() {
|
|
@@ -5279,38 +5209,37 @@ function createViteServerChannel() {
|
|
|
5279
5209
|
})
|
|
5280
5210
|
};
|
|
5281
5211
|
}
|
|
5282
|
-
|
|
5283
5212
|
//#endregion
|
|
5284
5213
|
//#region src/messaging/index.ts
|
|
5285
|
-
|
|
5286
|
-
|
|
5287
|
-
|
|
5288
|
-
|
|
5289
|
-
|
|
5290
|
-
|
|
5214
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__ ??= [];
|
|
5215
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ ??= null;
|
|
5216
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_RPC_SERVER__ ??= null;
|
|
5217
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ ??= null;
|
|
5218
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ ??= null;
|
|
5219
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__ ??= null;
|
|
5291
5220
|
function setRpcClientToGlobal(rpc) {
|
|
5292
|
-
|
|
5221
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = rpc;
|
|
5293
5222
|
}
|
|
5294
5223
|
function setRpcServerToGlobal(rpc) {
|
|
5295
|
-
|
|
5224
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = rpc;
|
|
5296
5225
|
}
|
|
5297
5226
|
function getRpcClient() {
|
|
5298
|
-
return
|
|
5227
|
+
return _vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_RPC_CLIENT__;
|
|
5299
5228
|
}
|
|
5300
5229
|
function getRpcServer() {
|
|
5301
|
-
return
|
|
5230
|
+
return _vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_RPC_SERVER__;
|
|
5302
5231
|
}
|
|
5303
5232
|
function setViteRpcClientToGlobal(rpc) {
|
|
5304
|
-
|
|
5233
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = rpc;
|
|
5305
5234
|
}
|
|
5306
5235
|
function setViteRpcServerToGlobal(rpc) {
|
|
5307
|
-
|
|
5236
|
+
_vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = rpc;
|
|
5308
5237
|
}
|
|
5309
5238
|
function getViteRpcClient() {
|
|
5310
|
-
return
|
|
5239
|
+
return _vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__;
|
|
5311
5240
|
}
|
|
5312
5241
|
function getViteRpcServer() {
|
|
5313
|
-
return
|
|
5242
|
+
return _vue_devtools_shared.target.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__;
|
|
5314
5243
|
}
|
|
5315
5244
|
function getChannel(preset, host = "client") {
|
|
5316
5245
|
const channel = {
|
|
@@ -5381,7 +5310,6 @@ function createRpcProxy(options = {}) {
|
|
|
5381
5310
|
timeout: -1
|
|
5382
5311
|
});
|
|
5383
5312
|
}
|
|
5384
|
-
|
|
5385
5313
|
//#endregion
|
|
5386
5314
|
//#region src/core/component/state/custom.ts
|
|
5387
5315
|
function getFunctionDetails(func) {
|
|
@@ -5396,7 +5324,7 @@ function getFunctionDetails(func) {
|
|
|
5396
5324
|
return { _custom: {
|
|
5397
5325
|
type: "function",
|
|
5398
5326
|
displayText: `<span style="opacity:.8;margin-right:5px;">function</span> <span style="white-space:nowrap;">${escape(typeof func.name === "string" ? func.name : "")}${args}</span>`,
|
|
5399
|
-
tooltipText: string.trim() ? `<pre>${string}</pre>` : null
|
|
5327
|
+
tooltipText: string.trim() ? `<pre>${escape(string)}</pre>` : null
|
|
5400
5328
|
} };
|
|
5401
5329
|
}
|
|
5402
5330
|
function getBigIntDetails(val) {
|
|
@@ -5550,7 +5478,7 @@ function getObjectDetails(object) {
|
|
|
5550
5478
|
type: stateTypeName?.toLowerCase(),
|
|
5551
5479
|
stateTypeName,
|
|
5552
5480
|
value,
|
|
5553
|
-
...raw ? { tooltipText: `<
|
|
5481
|
+
...raw ? { tooltipText: `<pre>${escape(raw)}</pre>` } : {}
|
|
5554
5482
|
} };
|
|
5555
5483
|
}
|
|
5556
5484
|
if (ensurePropertyExists(object, "__asyncLoader") && typeof object.__asyncLoader === "function") return { _custom: {
|
|
@@ -5558,7 +5486,6 @@ function getObjectDetails(object) {
|
|
|
5558
5486
|
display: "Async component definition"
|
|
5559
5487
|
} };
|
|
5560
5488
|
}
|
|
5561
|
-
|
|
5562
5489
|
//#endregion
|
|
5563
5490
|
//#region src/core/component/state/replacer.ts
|
|
5564
5491
|
function stringifyReplacer(key, _value, depth, seenInstance) {
|
|
@@ -5567,13 +5494,13 @@ function stringifyReplacer(key, _value, depth, seenInstance) {
|
|
|
5567
5494
|
const type = typeof val;
|
|
5568
5495
|
if (Array.isArray(val)) {
|
|
5569
5496
|
const l = val.length;
|
|
5570
|
-
if (l >
|
|
5497
|
+
if (l > 5e3) return {
|
|
5571
5498
|
_isArray: true,
|
|
5572
5499
|
length: l,
|
|
5573
5500
|
items: val.slice(0, MAX_ARRAY_SIZE)
|
|
5574
5501
|
};
|
|
5575
5502
|
return val;
|
|
5576
|
-
} else if (typeof val === "string") if (val.length >
|
|
5503
|
+
} else if (typeof val === "string") if (val.length > 1e4) return `${val.substring(0, MAX_STRING_SIZE)}... (${val.length} total length)`;
|
|
5577
5504
|
else return val;
|
|
5578
5505
|
else if (type === "undefined") return UNDEFINED;
|
|
5579
5506
|
else if (val === Number.POSITIVE_INFINITY) return INFINITY;
|
|
@@ -5606,7 +5533,6 @@ function stringifyReplacer(key, _value, depth, seenInstance) {
|
|
|
5606
5533
|
} else if (Number.isNaN(val)) return NAN;
|
|
5607
5534
|
return sanitize(val);
|
|
5608
5535
|
}
|
|
5609
|
-
|
|
5610
5536
|
//#endregion
|
|
5611
5537
|
//#region src/shared/transfer.ts
|
|
5612
5538
|
const MAX_SERIALIZED_SIZE = 2 * 1024 * 1024;
|
|
@@ -5681,7 +5607,7 @@ function encode(data, replacer, list, seen, depth = 0, seenVueInstance = /* @__P
|
|
|
5681
5607
|
} else list.push(data);
|
|
5682
5608
|
return index;
|
|
5683
5609
|
}
|
|
5684
|
-
function decode(list, reviver
|
|
5610
|
+
function decode(list, reviver = null) {
|
|
5685
5611
|
let i = list.length;
|
|
5686
5612
|
let j, k, data, key, value, proto;
|
|
5687
5613
|
while (i--) {
|
|
@@ -5692,12 +5618,12 @@ function decode(list, reviver$1 = null) {
|
|
|
5692
5618
|
for (j = 0, k = keys.length; j < k; j++) {
|
|
5693
5619
|
key = keys[j];
|
|
5694
5620
|
value = list[data[key]];
|
|
5695
|
-
if (reviver
|
|
5621
|
+
if (reviver) value = reviver.call(data, key, value);
|
|
5696
5622
|
data[key] = value;
|
|
5697
5623
|
}
|
|
5698
5624
|
} else if (proto === "[object Array]") for (j = 0, k = data.length; j < k; j++) {
|
|
5699
5625
|
value = list[data[j]];
|
|
5700
|
-
if (reviver
|
|
5626
|
+
if (reviver) value = reviver.call(data, j, value);
|
|
5701
5627
|
data[j] = value;
|
|
5702
5628
|
}
|
|
5703
5629
|
}
|
|
@@ -5722,26 +5648,24 @@ function stringifyStrictCircularAutoChunks(data, replacer = null, space = null)
|
|
|
5722
5648
|
encode(data, replacer, list, /* @__PURE__ */ new Map());
|
|
5723
5649
|
return space ? ` ${JSON.stringify(list, null, space)}` : ` ${JSON.stringify(list)}`;
|
|
5724
5650
|
}
|
|
5725
|
-
function parseCircularAutoChunks(data, reviver
|
|
5651
|
+
function parseCircularAutoChunks(data, reviver = null) {
|
|
5726
5652
|
if (Array.isArray(data)) data = data.join("");
|
|
5727
|
-
if (!/^\s/.test(data)) return arguments.length === 1 ? JSON.parse(data) : JSON.parse(data, reviver
|
|
5653
|
+
if (!/^\s/.test(data)) return arguments.length === 1 ? JSON.parse(data) : JSON.parse(data, reviver);
|
|
5728
5654
|
else {
|
|
5729
5655
|
const list = JSON.parse(data);
|
|
5730
|
-
decode(list, reviver
|
|
5656
|
+
decode(list, reviver);
|
|
5731
5657
|
return list[0];
|
|
5732
5658
|
}
|
|
5733
5659
|
}
|
|
5734
|
-
|
|
5735
5660
|
//#endregion
|
|
5736
5661
|
//#region src/shared/util.ts
|
|
5737
5662
|
function stringify(data) {
|
|
5738
5663
|
return stringifyCircularAutoChunks(data, stringifyReplacer);
|
|
5739
5664
|
}
|
|
5740
|
-
function parse(data, revive
|
|
5665
|
+
function parse(data, revive = false) {
|
|
5741
5666
|
if (data == void 0) return {};
|
|
5742
|
-
return revive
|
|
5667
|
+
return revive ? parseCircularAutoChunks(data, reviver) : parseCircularAutoChunks(data);
|
|
5743
5668
|
}
|
|
5744
|
-
|
|
5745
5669
|
//#endregion
|
|
5746
5670
|
//#region src/index.ts
|
|
5747
5671
|
const devtools = {
|
|
@@ -5756,7 +5680,6 @@ const devtools = {
|
|
|
5756
5680
|
return devtoolsContext.api;
|
|
5757
5681
|
}
|
|
5758
5682
|
};
|
|
5759
|
-
|
|
5760
5683
|
//#endregion
|
|
5761
5684
|
exports.DevToolsContextHookKeys = DevToolsContextHookKeys;
|
|
5762
5685
|
exports.DevToolsMessagingHookKeys = DevToolsMessagingHookKeys;
|
|
@@ -5839,4 +5762,4 @@ exports.toggleComponentInspectorEnabled = toggleComponentInspectorEnabled;
|
|
|
5839
5762
|
exports.toggleHighPerfMode = toggleHighPerfMode;
|
|
5840
5763
|
exports.updateDevToolsClientDetected = updateDevToolsClientDetected;
|
|
5841
5764
|
exports.updateDevToolsState = updateDevToolsState;
|
|
5842
|
-
exports.updateTimelineLayersState = updateTimelineLayersState;
|
|
5765
|
+
exports.updateTimelineLayersState = updateTimelineLayersState;
|