vite-plugin-vue-devtools 0.5.1 → 1.0.0-alpha.1
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/client.d.ts +55 -0
- package/dist/client/assets/{VIcon.vue_vue_type_script_setup_true_lang-3e22beca.js → Icon.vue_vue_type_script_setup_true_lang-f867c918.js} +2 -2
- package/dist/client/assets/{VIconButton.vue_vue_type_script_setup_true_lang-ff741416.js → IconButton.vue_vue_type_script_setup_true_lang-74db1ae6.js} +4 -5
- package/dist/client/assets/{VIconTitle.vue_vue_type_script_setup_true_lang-02e99d8a.js → IconTitle.vue_vue_type_script_setup_true_lang-d82eff77.js} +2 -2
- package/dist/client/assets/{IframeView.vue_vue_type_script_setup_true_lang-8e5b8335.js → IframeView.vue_vue_type_script_setup_true_lang-778923b2.js} +1 -1
- package/dist/client/assets/{VPanelGrids-885eb297.js → PanelGrids-93648569.js} +1 -1
- package/dist/client/assets/SectionBlock-0024395a.css +18 -0
- package/dist/client/assets/{VSectionBlock-2f35c742.js → SectionBlock-a8928e3c.js} +11 -11
- package/dist/client/assets/{StateFields.vue_vue_type_script_setup_true_lang-fe7c7e4d.js → StateFields.vue_vue_type_script_setup_true_lang-019c8d08.js} +13 -13
- package/dist/client/assets/{VSwitch.vue_vue_type_script_setup_true_lang-a0d66c22.js → Switch.vue_vue_type_script_setup_true_lang-3e126052.js} +6 -6
- package/dist/client/assets/{VTextInput.vue_vue_type_script_setup_true_lang-ae0954a4.js → TextInput.vue_vue_type_script_setup_true_lang-13bb76a1.js} +5 -5
- package/dist/client/assets/{__eyedropper-4021b943.js → __eyedropper-44f84f34.js} +9 -5
- package/dist/client/assets/{assets-02a93a40.js → assets-114c5f0e.js} +26 -27
- package/dist/client/assets/{component-docs-add44d87.js → component-docs-6d7e057c.js} +9 -10
- package/dist/client/assets/{components-c141317d.js → components-fc711123.js} +16 -16
- package/dist/client/assets/{documentations-30350ca6.js → documentations-4d7aa8fe.js} +4 -5
- package/dist/client/assets/{graph-ca7151be.js → graph-0860970b.js} +7 -8
- package/dist/client/assets/{index-133eebe9.js → index-95398468.js} +1 -1
- package/dist/client/assets/{index-14f26dd8.js → index-9f1190d8.js} +446 -107
- package/dist/client/assets/{inspect-5ed32f17.js → inspect-6bd0f86e.js} +2 -3
- package/dist/client/assets/{npm-804ed8d6.js → npm-ee43d18c.js} +17 -18
- package/dist/client/assets/{overview-84e0d21c.js → overview-8e63c4fa.js} +15 -16
- package/dist/client/assets/{pages-6df9c706.js → pages-323386ca.js} +16 -16
- package/dist/client/assets/{pinia-760b2ad2.js → pinia-58865e70.js} +6 -6
- package/dist/client/assets/{routes-6636ff43.js → routes-cd907bae.js} +13 -13
- package/dist/client/assets/{settings-3815e37a.css → settings-7bce89ae.css} +3 -3
- package/dist/client/assets/{settings-85b594bd.js → settings-b93aee1f.js} +36 -38
- package/dist/client/assets/{splitpanes.es-34ce2868.js → splitpanes.es-36fe45c8.js} +1 -1
- package/dist/client/assets/{timeline-34b2c182.js → timeline-8ce18510.js} +11 -11
- package/dist/client/index.html +1 -1
- package/dist/{index.cjs → vite.cjs} +9 -40
- package/dist/{index.mjs → vite.mjs} +7 -38
- package/package.json +25 -88
- package/src/app.js +4 -0
- package/src/{node/views → views}/Main.vue +14 -23
- package/README.md +0 -166
- package/dist/client/assets/VSectionBlock-52804693.css +0 -18
- package/dist/client/assets/rpc-acb85b35.js +0 -145
- package/src/node/app.js +0 -31
- /package/dist/{index.d.ts → vite.d.ts} +0 -0
- /package/src/{node/views → views}/ComponentInspector.vue +0 -0
- /package/src/{node/views → views}/FrameBox.vue +0 -0
- /package/src/{node/views → views}/composables.ts +0 -0
- /package/src/{node/views → views}/utils.ts +0 -0
|
@@ -1,145 +0,0 @@
|
|
|
1
|
-
import { cy as __vitePreload, cc as hookApi } from './index-14f26dd8.js';
|
|
2
|
-
|
|
3
|
-
async function getViteClient(base = "/", warning = true) {
|
|
4
|
-
try {
|
|
5
|
-
return await __vitePreload(() => import(
|
|
6
|
-
/* @vite-ignore */
|
|
7
|
-
`${base}@vite/client`
|
|
8
|
-
),true?[]:void 0,import.meta.url);
|
|
9
|
-
} catch {
|
|
10
|
-
if (warning)
|
|
11
|
-
console.error(`[vite-plugin-hot] Failed to import "${base}@vite/client"`);
|
|
12
|
-
}
|
|
13
|
-
return void 0;
|
|
14
|
-
}
|
|
15
|
-
async function createHotContext(path = "/____", base = "/") {
|
|
16
|
-
const viteClient = await getViteClient(base);
|
|
17
|
-
return viteClient?.createHotContext(path);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
/* Injected with object hook! */
|
|
21
|
-
|
|
22
|
-
const DEFAULT_TIMEOUT = 6e4;
|
|
23
|
-
function defaultSerialize(i) {
|
|
24
|
-
return i;
|
|
25
|
-
}
|
|
26
|
-
const defaultDeserialize = defaultSerialize;
|
|
27
|
-
const { setTimeout } = globalThis;
|
|
28
|
-
const random = Math.random.bind(Math);
|
|
29
|
-
function createBirpc(functions, options) {
|
|
30
|
-
const {
|
|
31
|
-
post,
|
|
32
|
-
on,
|
|
33
|
-
eventNames = [],
|
|
34
|
-
serialize = defaultSerialize,
|
|
35
|
-
deserialize = defaultDeserialize,
|
|
36
|
-
resolver,
|
|
37
|
-
timeout = DEFAULT_TIMEOUT
|
|
38
|
-
} = options;
|
|
39
|
-
const rpcPromiseMap = /* @__PURE__ */ new Map();
|
|
40
|
-
let _promise;
|
|
41
|
-
const rpc = new Proxy({}, {
|
|
42
|
-
get(_, method) {
|
|
43
|
-
if (method === "$functions")
|
|
44
|
-
return functions;
|
|
45
|
-
const sendEvent = (...args) => {
|
|
46
|
-
post(serialize({ m: method, a: args, t: "q" }));
|
|
47
|
-
};
|
|
48
|
-
if (eventNames.includes(method)) {
|
|
49
|
-
sendEvent.asEvent = sendEvent;
|
|
50
|
-
return sendEvent;
|
|
51
|
-
}
|
|
52
|
-
const sendCall = async (...args) => {
|
|
53
|
-
await _promise;
|
|
54
|
-
return new Promise((resolve, reject) => {
|
|
55
|
-
const id = nanoid();
|
|
56
|
-
rpcPromiseMap.set(id, { resolve, reject });
|
|
57
|
-
post(serialize({ m: method, a: args, i: id, t: "q" }));
|
|
58
|
-
if (timeout >= 0) {
|
|
59
|
-
setTimeout(() => {
|
|
60
|
-
reject(new Error(`[birpc] timeout on calling "${method}"`));
|
|
61
|
-
rpcPromiseMap.delete(id);
|
|
62
|
-
}, timeout);
|
|
63
|
-
}
|
|
64
|
-
});
|
|
65
|
-
};
|
|
66
|
-
sendCall.asEvent = sendEvent;
|
|
67
|
-
return sendCall;
|
|
68
|
-
}
|
|
69
|
-
});
|
|
70
|
-
_promise = on(async (data, ...extra) => {
|
|
71
|
-
const msg = deserialize(data);
|
|
72
|
-
if (msg.t === "q") {
|
|
73
|
-
const { m: method, a: args } = msg;
|
|
74
|
-
let result, error;
|
|
75
|
-
const fn = resolver ? resolver(method, functions[method]) : functions[method];
|
|
76
|
-
if (!fn) {
|
|
77
|
-
error = new Error(`[birpc] function "${method}" not found`);
|
|
78
|
-
} else {
|
|
79
|
-
try {
|
|
80
|
-
result = await fn.apply(rpc, args);
|
|
81
|
-
} catch (e) {
|
|
82
|
-
error = e;
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
if (msg.i) {
|
|
86
|
-
if (error && options.onError)
|
|
87
|
-
options.onError(error, method, args);
|
|
88
|
-
post(serialize({ t: "s", i: msg.i, r: result, e: error }), ...extra);
|
|
89
|
-
}
|
|
90
|
-
} else {
|
|
91
|
-
const { i: ack, r: result, e: error } = msg;
|
|
92
|
-
const promise = rpcPromiseMap.get(ack);
|
|
93
|
-
if (promise) {
|
|
94
|
-
if (error)
|
|
95
|
-
promise.reject(error);
|
|
96
|
-
else
|
|
97
|
-
promise.resolve(result);
|
|
98
|
-
}
|
|
99
|
-
rpcPromiseMap.delete(ack);
|
|
100
|
-
}
|
|
101
|
-
});
|
|
102
|
-
return rpc;
|
|
103
|
-
}
|
|
104
|
-
const urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
|
|
105
|
-
function nanoid(size = 21) {
|
|
106
|
-
let id = "";
|
|
107
|
-
let i = size;
|
|
108
|
-
while (i--)
|
|
109
|
-
id += urlAlphabet[random() * 64 | 0];
|
|
110
|
-
return id;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
/* Injected with object hook! */
|
|
114
|
-
|
|
115
|
-
function createRPCClient(name, hot, functions = {}) {
|
|
116
|
-
const event = `${name}:rpc`;
|
|
117
|
-
return createBirpc(
|
|
118
|
-
functions,
|
|
119
|
-
{
|
|
120
|
-
on: async (fn) => {
|
|
121
|
-
(await hot).on(event, fn);
|
|
122
|
-
},
|
|
123
|
-
post: async (data) => {
|
|
124
|
-
(await hot).send(event, data);
|
|
125
|
-
},
|
|
126
|
-
timeout: -1
|
|
127
|
-
}
|
|
128
|
-
);
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
/* Injected with object hook! */
|
|
132
|
-
|
|
133
|
-
const rpc = createRPCClient("vite-plugin-vue-devtools", await createHotContext("/___", `${location.pathname.split("/__devtools__")[0] || ""}/`.replace(/\/\//g, "/")), {
|
|
134
|
-
onTerminalData({ data }) {
|
|
135
|
-
hookApi.hook.emit("__vue-devtools:terminal:data__", data);
|
|
136
|
-
},
|
|
137
|
-
onTerminalExit({ data }) {
|
|
138
|
-
hookApi.hook.emit("__vue-devtools:terminal:exit__", data);
|
|
139
|
-
}
|
|
140
|
-
});
|
|
141
|
-
const inspectClientUrl = await rpc.inspectClientUrl();
|
|
142
|
-
|
|
143
|
-
/* Injected with object hook! */
|
|
144
|
-
|
|
145
|
-
export { inspectClientUrl as i, rpc as r };
|
package/src/node/app.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { createApp, h } from 'vue'
|
|
2
|
-
import App from 'virtual:vue-devtools-path:views/Main.vue'
|
|
3
|
-
|
|
4
|
-
const hook = window.__VUE_DEVTOOLS_GLOBAL_HOOK__ ??= {
|
|
5
|
-
events: new Map(),
|
|
6
|
-
on(event, fn) {
|
|
7
|
-
if (!this.events.has(event))
|
|
8
|
-
this.events.set(event, [])
|
|
9
|
-
|
|
10
|
-
this.events.get(event).push(fn)
|
|
11
|
-
},
|
|
12
|
-
emit(event, ...payload) {
|
|
13
|
-
if (this.events.has(event))
|
|
14
|
-
this.events.get(event).forEach(fn => fn(...payload))
|
|
15
|
-
},
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
function load() {
|
|
19
|
-
const CONTAINER_ID = '__vue-devtools-container__'
|
|
20
|
-
const el = document.createElement('div')
|
|
21
|
-
el.setAttribute('id', CONTAINER_ID)
|
|
22
|
-
el.setAttribute('data-v-inspector-ignore', 'true')
|
|
23
|
-
document.getElementsByTagName('body')[0].appendChild(el)
|
|
24
|
-
createApp({
|
|
25
|
-
render: () => h(App, { hook }),
|
|
26
|
-
devtools: {
|
|
27
|
-
hide: true,
|
|
28
|
-
},
|
|
29
|
-
}).mount(el)
|
|
30
|
-
}
|
|
31
|
-
load()
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|