@svelte-devtools/vite-plugin 0.1.1 → 0.1.2
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.d.ts.map +1 -1
- package/dist/index.js +5 -1
- package/dist/index.js.map +1 -1
- package/dist/overlay.js +45 -56
- package/package.json +14 -3
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAcnC,MAAM,WAAW,qBAAqB;IACpC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAqBD;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,OAAO,GAAE,qBAA0B,GAAG,MAAM,CA0G1E"}
|
package/dist/index.js
CHANGED
|
@@ -2,7 +2,11 @@ import { existsSync, readFileSync } from 'fs';
|
|
|
2
2
|
import { resolve } from 'path';
|
|
3
3
|
import { fileURLToPath } from 'url';
|
|
4
4
|
const __dirname = fileURLToPath(new URL('.', import.meta.url));
|
|
5
|
-
|
|
5
|
+
// npm install: overlay.js is copied alongside dist/index.js
|
|
6
|
+
// monorepo dev: TypeScript source is loaded from src/, overlay lives in ../../overlay/dist/
|
|
7
|
+
const overlayPath = existsSync(resolve(__dirname, 'overlay.js'))
|
|
8
|
+
? resolve(__dirname, 'overlay.js')
|
|
9
|
+
: resolve(__dirname, '..', '..', 'overlay', 'dist', 'overlay.js');
|
|
6
10
|
const VIRTUAL_ID = 'virtual:svelte-devtools';
|
|
7
11
|
const RESOLVED_ID = '\0virtual:svelte-devtools';
|
|
8
12
|
const OVERLAY_VIRTUAL_ID = 'virtual:svelte-devtools-overlay';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,IAAI,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AAC/D,MAAM,WAAW,GAAG,OAAO,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/overlay.js
CHANGED
|
@@ -4245,16 +4245,19 @@ const CSS = `
|
|
|
4245
4245
|
.sdt-toggle {
|
|
4246
4246
|
position: absolute;
|
|
4247
4247
|
bottom: 20px;
|
|
4248
|
-
|
|
4249
|
-
|
|
4250
|
-
|
|
4251
|
-
|
|
4248
|
+
left: 0;
|
|
4249
|
+
right: 0;
|
|
4250
|
+
margin: 0 auto;
|
|
4251
|
+
width: fit-content;
|
|
4252
|
+
height: 36px;
|
|
4253
|
+
padding: 0 16px 0 10px;
|
|
4254
|
+
border-radius: 999px;
|
|
4252
4255
|
background: white;
|
|
4253
4256
|
border: none;
|
|
4254
4257
|
cursor: pointer;
|
|
4255
4258
|
display: flex;
|
|
4256
4259
|
align-items: center;
|
|
4257
|
-
|
|
4260
|
+
gap: 8px;
|
|
4258
4261
|
pointer-events: auto;
|
|
4259
4262
|
box-shadow:
|
|
4260
4263
|
0 0 0 1px rgba(0 0 0 / 0.08),
|
|
@@ -4263,14 +4266,19 @@ const CSS = `
|
|
|
4263
4266
|
transition: transform 0.15s ease, box-shadow 0.15s ease;
|
|
4264
4267
|
outline: none;
|
|
4265
4268
|
color: #1e1e2e;
|
|
4269
|
+
font-family: system-ui, -apple-system, sans-serif;
|
|
4270
|
+
font-size: 13px;
|
|
4271
|
+
font-weight: 600;
|
|
4272
|
+
white-space: nowrap;
|
|
4273
|
+
letter-spacing: 0.01em;
|
|
4266
4274
|
}
|
|
4267
4275
|
|
|
4268
4276
|
.sdt-toggle:hover {
|
|
4269
|
-
transform: scale(1.
|
|
4270
|
-
box-shadow: 0 6px 24px rgba(0 0 0 / 0.
|
|
4277
|
+
transform: scale(1.05);
|
|
4278
|
+
box-shadow: 0 6px 24px rgba(0 0 0 / 0.35);
|
|
4271
4279
|
}
|
|
4272
4280
|
|
|
4273
|
-
.sdt-toggle:active { transform: scale(0.
|
|
4281
|
+
.sdt-toggle:active { transform: scale(0.97); }
|
|
4274
4282
|
|
|
4275
4283
|
.sdt-toggle.sdt-toggle--open {
|
|
4276
4284
|
background: #1e1e2e;
|
|
@@ -4691,9 +4699,9 @@ const PUBLIC_VERSION = "5";
|
|
|
4691
4699
|
if (typeof window !== "undefined") {
|
|
4692
4700
|
((_b = window.__svelte ?? (window.__svelte = {})).v ?? (_b.v = /* @__PURE__ */ new Set())).add(PUBLIC_VERSION);
|
|
4693
4701
|
}
|
|
4694
|
-
var root_2$
|
|
4702
|
+
var root_2$3 = /* @__PURE__ */ from_html(`<div class="sdt-nav-indicator"><span class="sdt-spinner"></span> Navigating to <span class="sdt-mono" style="color:inherit"> </span></div>`);
|
|
4695
4703
|
var root_4$3 = /* @__PURE__ */ from_html(`<span class="sdt-key"> </span> <code class="sdt-val sdt-val-str"> </code>`, 1);
|
|
4696
|
-
var root_3$
|
|
4704
|
+
var root_3$3 = /* @__PURE__ */ from_html(`<div class="sdt-section"><div class="sdt-section-title">Route Params</div> <div class="sdt-kv"></div></div>`);
|
|
4697
4705
|
var root_6$2 = /* @__PURE__ */ from_html(`<span class="sdt-key"> </span> <code> </code>`, 1);
|
|
4698
4706
|
var root_5$3 = /* @__PURE__ */ from_html(`<div class="sdt-section"><div class="sdt-section-title">Page Data</div> <div class="sdt-kv"></div></div>`);
|
|
4699
4707
|
var root_7$2 = /* @__PURE__ */ from_html(`<div class="sdt-section"><div class="sdt-section-title">Page Data</div> <span style="color:#6c7086;font-size:12px">No data returned from load()</span></div>`);
|
|
@@ -4743,7 +4751,7 @@ function RoutesTab($$anchor, $$props) {
|
|
|
4743
4751
|
var node_1 = first_child(fragment);
|
|
4744
4752
|
{
|
|
4745
4753
|
var consequent = ($$anchor3) => {
|
|
4746
|
-
var div_1 = root_2$
|
|
4754
|
+
var div_1 = root_2$3();
|
|
4747
4755
|
var span = sibling(child(div_1), 2);
|
|
4748
4756
|
var text2 = child(span);
|
|
4749
4757
|
template_effect(() => {
|
|
@@ -4769,7 +4777,7 @@ function RoutesTab($$anchor, $$props) {
|
|
|
4769
4777
|
var node_2 = sibling(div_2, 2);
|
|
4770
4778
|
{
|
|
4771
4779
|
var consequent_1 = ($$anchor3) => {
|
|
4772
|
-
var div_6 = root_3$
|
|
4780
|
+
var div_6 = root_3$3();
|
|
4773
4781
|
var div_7 = sibling(child(div_6), 2);
|
|
4774
4782
|
each(div_7, 21, () => Object.entries(get(page).params), index, ($$anchor4, $$item) => {
|
|
4775
4783
|
var $$array = /* @__PURE__ */ user_derived(() => to_array(get($$item), 2));
|
|
@@ -4879,8 +4887,8 @@ function RoutesTab($$anchor, $$props) {
|
|
|
4879
4887
|
append($$anchor, div);
|
|
4880
4888
|
pop();
|
|
4881
4889
|
}
|
|
4882
|
-
var root_2$
|
|
4883
|
-
var root_3$
|
|
4890
|
+
var root_2$2 = /* @__PURE__ */ from_html(`<button class="sdt-dom-node-toggle"> </button>`);
|
|
4891
|
+
var root_3$2 = /* @__PURE__ */ from_html(`<span class="sdt-dom-node-toggle"></span>`);
|
|
4884
4892
|
var root_4$2 = /* @__PURE__ */ from_html(`<span class="sdt-component-name"> </span> <span class="sdt-dom-tag-hint"> </span>`, 1);
|
|
4885
4893
|
var root_5$2 = /* @__PURE__ */ from_html(`<span class="sdt-tag-name"> </span>`);
|
|
4886
4894
|
var root_6$1 = /* @__PURE__ */ from_html(`<span class="sdt-attr-id"> </span>`);
|
|
@@ -4938,10 +4946,8 @@ function ComponentsTab($$anchor, $$props) {
|
|
|
4938
4946
|
childCount: el.children.length,
|
|
4939
4947
|
key: `node-${keyCounter++}`
|
|
4940
4948
|
});
|
|
4941
|
-
|
|
4942
|
-
|
|
4943
|
-
walk(child2, depth + 1);
|
|
4944
|
-
}
|
|
4949
|
+
for (const child2 of el.children) {
|
|
4950
|
+
walk(child2, depth + 1);
|
|
4945
4951
|
}
|
|
4946
4952
|
}
|
|
4947
4953
|
walk(document.body, 0);
|
|
@@ -4997,7 +5003,7 @@ function ComponentsTab($$anchor, $$props) {
|
|
|
4997
5003
|
var node_2 = child(div_1);
|
|
4998
5004
|
{
|
|
4999
5005
|
var consequent = ($$anchor3) => {
|
|
5000
|
-
var button = root_2$
|
|
5006
|
+
var button = root_2$2();
|
|
5001
5007
|
var text2 = child(button);
|
|
5002
5008
|
template_effect(() => {
|
|
5003
5009
|
set_attribute(button, "aria-label", get(isCollapsed) ? "Expand" : "Collapse");
|
|
@@ -5007,7 +5013,7 @@ function ComponentsTab($$anchor, $$props) {
|
|
|
5007
5013
|
append($$anchor3, button);
|
|
5008
5014
|
};
|
|
5009
5015
|
var alternate = ($$anchor3) => {
|
|
5010
|
-
var span = root_3$
|
|
5016
|
+
var span = root_3$2();
|
|
5011
5017
|
append($$anchor3, span);
|
|
5012
5018
|
};
|
|
5013
5019
|
if_block(node_2, ($$render) => {
|
|
@@ -5120,8 +5126,8 @@ function ComponentsTab($$anchor, $$props) {
|
|
|
5120
5126
|
}
|
|
5121
5127
|
delegate(["keydown", "click"]);
|
|
5122
5128
|
var root_1$2 = /* @__PURE__ */ from_html(`<button class="sdt-json-toggle"> </button>`);
|
|
5123
|
-
var root_2$
|
|
5124
|
-
var root_3$
|
|
5129
|
+
var root_2$1 = /* @__PURE__ */ from_html(`<span class="sdt-json-toggle"></span>`);
|
|
5130
|
+
var root_3$1 = /* @__PURE__ */ from_html(`<span class="sdt-json-key"> </span> <span class="sdt-json-colon">:</span>`, 1);
|
|
5125
5131
|
var root_4$1 = /* @__PURE__ */ from_html(`<span> </span>`);
|
|
5126
5132
|
var root_6 = /* @__PURE__ */ from_html(`<span class="sdt-json-brace"> </span>`);
|
|
5127
5133
|
var root_7 = /* @__PURE__ */ from_html(`<span class="sdt-json-brace"> </span>`);
|
|
@@ -5238,7 +5244,7 @@ function JsonNode_1($$anchor, $$props) {
|
|
|
5238
5244
|
append($$anchor2, button);
|
|
5239
5245
|
};
|
|
5240
5246
|
var alternate = ($$anchor2) => {
|
|
5241
|
-
var span = root_2$
|
|
5247
|
+
var span = root_2$1();
|
|
5242
5248
|
append($$anchor2, span);
|
|
5243
5249
|
};
|
|
5244
5250
|
if_block(node, ($$render) => {
|
|
@@ -5249,7 +5255,7 @@ function JsonNode_1($$anchor, $$props) {
|
|
|
5249
5255
|
var node_1 = sibling(node, 2);
|
|
5250
5256
|
{
|
|
5251
5257
|
var consequent_1 = ($$anchor2) => {
|
|
5252
|
-
var fragment_1 = root_3$
|
|
5258
|
+
var fragment_1 = root_3$1();
|
|
5253
5259
|
var span_1 = first_child(fragment_1);
|
|
5254
5260
|
var text_1 = child(span_1);
|
|
5255
5261
|
template_effect(() => set_text(text_1, `"${keyName() ?? ""}"`));
|
|
@@ -5378,7 +5384,7 @@ function JsonNode_1($$anchor, $$props) {
|
|
|
5378
5384
|
}
|
|
5379
5385
|
delegate(["click"]);
|
|
5380
5386
|
var root_1$1 = /* @__PURE__ */ from_html(`<div class="sdt-state-section-label">Component State</div> <!>`, 1);
|
|
5381
|
-
var root_3
|
|
5387
|
+
var root_3 = /* @__PURE__ */ from_html(`<div class="sdt-state-section-label">Page Store</div> <!>`, 1);
|
|
5382
5388
|
var root_5$1 = /* @__PURE__ */ from_html(`<div class="sdt-empty"><span class="sdt-empty-icon"></span> <span>No state data available.</span> <span style="color:#45475a;font-size:11px">SvelteKit page store not detected.</span></div>`);
|
|
5383
5389
|
var root$2 = /* @__PURE__ */ from_html(`<div class="sdt-state"><!> <!> <!></div>`);
|
|
5384
5390
|
function StateTab($$anchor, $$props) {
|
|
@@ -5438,7 +5444,7 @@ function StateTab($$anchor, $$props) {
|
|
|
5438
5444
|
var node_2 = sibling(node, 2);
|
|
5439
5445
|
{
|
|
5440
5446
|
var consequent_1 = ($$anchor2) => {
|
|
5441
|
-
var fragment_2 = root_3
|
|
5447
|
+
var fragment_2 = root_3();
|
|
5442
5448
|
var div_1 = first_child(fragment_2);
|
|
5443
5449
|
var node_3 = sibling(div_1, 2);
|
|
5444
5450
|
each(node_3, 17, () => get(pageSections), index, ($$anchor3, section) => {
|
|
@@ -5474,10 +5480,10 @@ function StateTab($$anchor, $$props) {
|
|
|
5474
5480
|
append($$anchor, div);
|
|
5475
5481
|
pop();
|
|
5476
5482
|
}
|
|
5477
|
-
var root_2
|
|
5483
|
+
var root_2 = /* @__PURE__ */ from_html(`<button role="tab"><span class="sdt-tab-icon"> </span> <!></button>`);
|
|
5478
5484
|
var root_4 = /* @__PURE__ */ from_svg(`<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="1.5" y="1.5" width="11" height="11" rx="1.5" stroke="currentColor" stroke-width="1.2"></rect><rect x="8" y="1.5" width="4.5" height="11" rx="0.5" fill="currentColor"></rect></svg>`);
|
|
5479
5485
|
var root_5 = /* @__PURE__ */ from_svg(`<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="1.5" y="1.5" width="11" height="11" rx="1.5" stroke="currentColor" stroke-width="1.2"></rect><rect x="1.5" y="8" width="11" height="4.5" rx="0.5" fill="currentColor"></rect></svg>`);
|
|
5480
|
-
var root$1 = /* @__PURE__ */ from_html(`<div><button aria-label="Resize panel" title="Drag to resize"></button> <div class="sdt-header"><div class="sdt-logo" title="Svelte DevTools"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 512 512"><path d="M416.9 93.1c-41.1-58.9-122.4-76.3-181.2-38.9L132.5 120c-28.2 17.7-47.6 46.5-53.5 79.3-4.9 27.3-.6 55.5 12.3 80-8.8 13.4-14.9 28.5-17.7 44.2-5.9 33.4 1.8 67.8 21.6 95.4 41.2 58.9 122.4 76.3 181.2 38.9L379.6 392c28.2-17.7 47.6-46.5 53.5-79.3 4.9-27.3.6-55.5-12.3-80 8.8-13.4 14.9-28.4 17.7-44.2 5.8-33.4-1.9-67.8-21.6-95.4" style="fill:#ff3e00"></path><path d="M225.6 424.5c-33.3 8.6-68.4-4.4-88-32.6-11.9-16.6-16.5-37.3-13-57.4.6-3.3 1.4-6.5 2.5-9.6l1.9-5.9 5.3 3.9c12.2 9 25.9 15.8 40.4 20.2l3.8 1.2-.4 3.8c-.5 5.4 1 10.9 4.2 15.3 5.9 8.5 16.5 12.4 26.5 9.8 2.2-.6 4.4-1.5 6.3-2.8l103.2-65.8c5.1-3.2 8.6-8.4 9.7-14.4 1.1-6.1-.3-12.3-3.9-17.3-5.9-8.5-16.5-12.4-26.5-9.8-2.2.6-4.4 1.5-6.3 2.8L252 291c-6.5 4.1-13.5 7.2-21 9.2-33.3 8.6-68.4-4.4-88-32.6-11.9-16.6-16.5-37.3-13-57.4 3.5-19.7 15.2-37 32.2-47.7l103.2-65.8c6.5-4.1 13.5-7.2 21-9.2 33.3-8.6 68.4 4.4 88 32.6 11.9 16.6 16.5 37.3 13 57.4-.6 3.3-1.4 6.5-2.5 9.6L383 193l-5.3-3.9c-12.2-9-25.9-15.8-40.4-20.2l-3.8-1.2.4-3.8c.5-5.4-1-10.9-4.2-15.3-5.9-8.5-16.5-12.4-26.5-9.8-2.2.6-4.4 1.5-6.3 2.8l-103.2 65.8c-5.1 3.2-8.6 8.4-9.7 14.4-1.1 6.1.3 12.3 3.9 17.3 5.9 8.5 16.5 12.4 26.5 9.8 2.2-.6 4.4-1.5 6.3-2.8L260 221c6.5-4.1 13.5-7.2 21-9.2 33.3-8.6 68.4 4.4 88 32.6 11.9 16.6 16.5 37.3 13 57.4-3.5 19.7-15.2 37-32.2 47.7l-103.2 65.8c-6.5 4.1-13.6 7.2-21 9.2" style="fill:#fff"></path></svg> <!></div> <div class="sdt-tabs" role="tablist"></div> <button class="sdt-position-toggle"><!></button> <button class="sdt-close" title="Close (
|
|
5486
|
+
var root$1 = /* @__PURE__ */ from_html(`<div><button aria-label="Resize panel" title="Drag to resize"></button> <div class="sdt-header"><div class="sdt-logo" title="Svelte DevTools"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 512 512"><path d="M416.9 93.1c-41.1-58.9-122.4-76.3-181.2-38.9L132.5 120c-28.2 17.7-47.6 46.5-53.5 79.3-4.9 27.3-.6 55.5 12.3 80-8.8 13.4-14.9 28.5-17.7 44.2-5.9 33.4 1.8 67.8 21.6 95.4 41.2 58.9 122.4 76.3 181.2 38.9L379.6 392c28.2-17.7 47.6-46.5 53.5-79.3 4.9-27.3.6-55.5-12.3-80 8.8-13.4 14.9-28.4 17.7-44.2 5.8-33.4-1.9-67.8-21.6-95.4" style="fill:#ff3e00"></path><path d="M225.6 424.5c-33.3 8.6-68.4-4.4-88-32.6-11.9-16.6-16.5-37.3-13-57.4.6-3.3 1.4-6.5 2.5-9.6l1.9-5.9 5.3 3.9c12.2 9 25.9 15.8 40.4 20.2l3.8 1.2-.4 3.8c-.5 5.4 1 10.9 4.2 15.3 5.9 8.5 16.5 12.4 26.5 9.8 2.2-.6 4.4-1.5 6.3-2.8l103.2-65.8c5.1-3.2 8.6-8.4 9.7-14.4 1.1-6.1-.3-12.3-3.9-17.3-5.9-8.5-16.5-12.4-26.5-9.8-2.2.6-4.4 1.5-6.3 2.8L252 291c-6.5 4.1-13.5 7.2-21 9.2-33.3 8.6-68.4-4.4-88-32.6-11.9-16.6-16.5-37.3-13-57.4 3.5-19.7 15.2-37 32.2-47.7l103.2-65.8c6.5-4.1 13.5-7.2 21-9.2 33.3-8.6 68.4 4.4 88 32.6 11.9 16.6 16.5 37.3 13 57.4-.6 3.3-1.4 6.5-2.5 9.6L383 193l-5.3-3.9c-12.2-9-25.9-15.8-40.4-20.2l-3.8-1.2.4-3.8c.5-5.4-1-10.9-4.2-15.3-5.9-8.5-16.5-12.4-26.5-9.8-2.2.6-4.4 1.5-6.3 2.8l-103.2 65.8c-5.1 3.2-8.6 8.4-9.7 14.4-1.1 6.1.3 12.3 3.9 17.3 5.9 8.5 16.5 12.4 26.5 9.8 2.2-.6 4.4-1.5 6.3-2.8L260 221c6.5-4.1 13.5-7.2 21-9.2 33.3-8.6 68.4 4.4 88 32.6 11.9 16.6 16.5 37.3 13 57.4-3.5 19.7-15.2 37-32.2 47.7l-103.2 65.8c-6.5 4.1-13.6 7.2-21 9.2" style="fill:#fff"></path></svg> <!></div> <div class="sdt-tabs" role="tablist"></div> <button class="sdt-position-toggle"><!></button> <button class="sdt-close" title="Close (⇧⌥D)">✕</button></div> <div class="sdt-content" role="tabpanel"><!></div></div>`);
|
|
5481
5487
|
function Panel($$anchor, $$props) {
|
|
5482
5488
|
push($$props, true);
|
|
5483
5489
|
function storageGet(key) {
|
|
@@ -5544,7 +5550,7 @@ function Panel($$anchor, $$props) {
|
|
|
5544
5550
|
}
|
|
5545
5551
|
var div_3 = sibling(div_2, 2);
|
|
5546
5552
|
each(div_3, 21, () => tabs, index, ($$anchor2, tab) => {
|
|
5547
|
-
var button_1 = root_2
|
|
5553
|
+
var button_1 = root_2();
|
|
5548
5554
|
let classes_2;
|
|
5549
5555
|
var span = child(button_1);
|
|
5550
5556
|
var text_1 = child(span);
|
|
@@ -5629,10 +5635,8 @@ function Panel($$anchor, $$props) {
|
|
|
5629
5635
|
pop();
|
|
5630
5636
|
}
|
|
5631
5637
|
delegate(["mousedown", "keydown", "click"]);
|
|
5632
|
-
var root_1 = /* @__PURE__ */
|
|
5633
|
-
var
|
|
5634
|
-
var root_3 = /* @__PURE__ */ from_html(`<div><!></div>`);
|
|
5635
|
-
var root = /* @__PURE__ */ from_html(`<button aria-label="Toggle Svelte DevTools"><!></button> <!>`, 1);
|
|
5638
|
+
var root_1 = /* @__PURE__ */ from_html(`<div><!></div>`);
|
|
5639
|
+
var root = /* @__PURE__ */ from_html(`<button aria-label="Toggle Svelte DevTools"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 512 512"><path d="M416.9 93.1c-41.1-58.9-122.4-76.3-181.2-38.9L132.5 120c-28.2 17.7-47.6 46.5-53.5 79.3-4.9 27.3-.6 55.5 12.3 80-8.8 13.4-14.9 28.5-17.7 44.2-5.9 33.4 1.8 67.8 21.6 95.4 41.2 58.9 122.4 76.3 181.2 38.9L379.6 392c28.2-17.7 47.6-46.5 53.5-79.3 4.9-27.3.6-55.5-12.3-80 8.8-13.4 14.9-28.4 17.7-44.2 5.8-33.4-1.9-67.8-21.6-95.4" style="fill:#ff3e00"></path><path d="M225.6 424.5c-33.3 8.6-68.4-4.4-88-32.6-11.9-16.6-16.5-37.3-13-57.4.6-3.3 1.4-6.5 2.5-9.6l1.9-5.9 5.3 3.9c12.2 9 25.9 15.8 40.4 20.2l3.8 1.2-.4 3.8c-.5 5.4 1 10.9 4.2 15.3 5.9 8.5 16.5 12.4 26.5 9.8 2.2-.6 4.4-1.5 6.3-2.8l103.2-65.8c5.1-3.2 8.6-8.4 9.7-14.4 1.1-6.1-.3-12.3-3.9-17.3-5.9-8.5-16.5-12.4-26.5-9.8-2.2.6-4.4 1.5-6.3 2.8L252 291c-6.5 4.1-13.5 7.2-21 9.2-33.3 8.6-68.4-4.4-88-32.6-11.9-16.6-16.5-37.3-13-57.4 3.5-19.7 15.2-37 32.2-47.7l103.2-65.8c6.5-4.1 13.5-7.2 21-9.2 33.3-8.6 68.4 4.4 88 32.6 11.9 16.6 16.5 37.3 13 57.4-.6 3.3-1.4 6.5-2.5 9.6L383 193l-5.3-3.9c-12.2-9-25.9-15.8-40.4-20.2l-3.8-1.2.4-3.8c.5-5.4-1-10.9-4.2-15.3-5.9-8.5-16.5-12.4-26.5-9.8-2.2.6-4.4 1.5-6.3 2.8l-103.2 65.8c-5.1 3.2-8.6 8.4-9.7 14.4-1.1 6.1.3 12.3 3.9 17.3 5.9 8.5 16.5 12.4 26.5 9.8 2.2-.6 4.4-1.5 6.3-2.8L260 221c6.5-4.1 13.5-7.2 21-9.2 33.3-8.6 68.4 4.4 88 32.6 11.9 16.6 16.5 37.3 13 57.4-3.5 19.7-15.2 37-32.2 47.7l-103.2 65.8c-6.5 4.1-13.6 7.2-21 9.2" style="fill:#fff"></path></svg> <span>Svelte DevTools</span></button> <!>`, 1);
|
|
5636
5640
|
function Overlay($$anchor, $$props) {
|
|
5637
5641
|
push($$props, true);
|
|
5638
5642
|
const MIN_SIZE = 180;
|
|
@@ -5668,7 +5672,7 @@ function Overlay($$anchor, $$props) {
|
|
|
5668
5672
|
});
|
|
5669
5673
|
user_effect(() => {
|
|
5670
5674
|
const handler = (e) => {
|
|
5671
|
-
if (
|
|
5675
|
+
if (e.shiftKey && e.altKey && e.code === "KeyD") {
|
|
5672
5676
|
e.preventDefault();
|
|
5673
5677
|
set(isOpen, !get(isOpen));
|
|
5674
5678
|
}
|
|
@@ -5692,28 +5696,13 @@ function Overlay($$anchor, $$props) {
|
|
|
5692
5696
|
var fragment = root();
|
|
5693
5697
|
var button = first_child(fragment);
|
|
5694
5698
|
let classes;
|
|
5695
|
-
var node =
|
|
5699
|
+
var node = sibling(button, 2);
|
|
5696
5700
|
{
|
|
5697
5701
|
var consequent = ($$anchor2) => {
|
|
5698
|
-
var
|
|
5699
|
-
append($$anchor2, svg);
|
|
5700
|
-
};
|
|
5701
|
-
var alternate = ($$anchor2) => {
|
|
5702
|
-
var svg_1 = root_2();
|
|
5703
|
-
append($$anchor2, svg_1);
|
|
5704
|
-
};
|
|
5705
|
-
if_block(node, ($$render) => {
|
|
5706
|
-
if (get(isOpen)) $$render(consequent);
|
|
5707
|
-
else $$render(alternate, -1);
|
|
5708
|
-
});
|
|
5709
|
-
}
|
|
5710
|
-
var node_1 = sibling(button, 2);
|
|
5711
|
-
{
|
|
5712
|
-
var consequent_1 = ($$anchor2) => {
|
|
5713
|
-
var div = root_3();
|
|
5702
|
+
var div = root_1();
|
|
5714
5703
|
let classes_1;
|
|
5715
|
-
var
|
|
5716
|
-
Panel(
|
|
5704
|
+
var node_1 = child(div);
|
|
5705
|
+
Panel(node_1, {
|
|
5717
5706
|
get height() {
|
|
5718
5707
|
return get(height);
|
|
5719
5708
|
},
|
|
@@ -5733,13 +5722,13 @@ function Overlay($$anchor, $$props) {
|
|
|
5733
5722
|
});
|
|
5734
5723
|
append($$anchor2, div);
|
|
5735
5724
|
};
|
|
5736
|
-
if_block(
|
|
5737
|
-
if (get(isOpen)) $$render(
|
|
5725
|
+
if_block(node, ($$render) => {
|
|
5726
|
+
if (get(isOpen)) $$render(consequent);
|
|
5738
5727
|
});
|
|
5739
5728
|
}
|
|
5740
5729
|
template_effect(() => {
|
|
5741
5730
|
classes = set_class(button, 1, "sdt-toggle", null, classes, { "sdt-toggle--open": get(isOpen) });
|
|
5742
|
-
set_attribute(button, "title", get(isOpen) ? "Close Svelte DevTools (
|
|
5731
|
+
set_attribute(button, "title", get(isOpen) ? "Close Svelte DevTools (⇧⌥D)" : "Open Svelte DevTools (⇧⌥D)");
|
|
5743
5732
|
});
|
|
5744
5733
|
delegated("click", button, () => set(isOpen, !get(isOpen)));
|
|
5745
5734
|
append($$anchor, fragment);
|
package/package.json
CHANGED
|
@@ -1,9 +1,18 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@svelte-devtools/vite-plugin",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "Vite plugin that adds a development overlay for inspecting Svelte 5 and SvelteKit apps",
|
|
5
5
|
"type": "module",
|
|
6
|
-
"keywords": [
|
|
6
|
+
"keywords": [
|
|
7
|
+
"svelte",
|
|
8
|
+
"svelte5",
|
|
9
|
+
"sveltekit",
|
|
10
|
+
"devtools",
|
|
11
|
+
"vite",
|
|
12
|
+
"vite-plugin",
|
|
13
|
+
"debug",
|
|
14
|
+
"inspector"
|
|
15
|
+
],
|
|
7
16
|
"author": "Chris Lentz",
|
|
8
17
|
"license": "MIT",
|
|
9
18
|
"repository": {
|
|
@@ -19,7 +28,9 @@
|
|
|
19
28
|
"import": "./dist/index.js"
|
|
20
29
|
}
|
|
21
30
|
},
|
|
22
|
-
"files": [
|
|
31
|
+
"files": [
|
|
32
|
+
"dist"
|
|
33
|
+
],
|
|
23
34
|
"scripts": {
|
|
24
35
|
"build": "tsc --project tsconfig.build.json && cp ../overlay/dist/overlay.js dist/overlay.js",
|
|
25
36
|
"prepublishOnly": "npm run build"
|