@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.
@@ -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;AAUnC,MAAM,WAAW,qBAAqB;IACpC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAqBD;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,OAAO,GAAE,qBAA0B,GAAG,MAAM,CA0G1E"}
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
- const overlayPath = resolve(__dirname, 'overlay.js');
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":"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"}
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,4DAA4D;AAC5D,4FAA4F;AAC5F,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;IAC9D,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,YAAY,CAAC;IAClC,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;AAEpE,MAAM,UAAU,GAAW,yBAAyB,CAAC;AACrD,MAAM,WAAW,GAAU,2BAA2B,CAAC;AACvD,MAAM,kBAAkB,GAAG,iCAAiC,CAAC;AAC7D,MAAM,gBAAgB,GAAK,mCAAmC,CAAC;AAM/D,SAAS,aAAa,CAAC,IAAwB;IAC7C,OAAO,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AAClD,CAAC;AAED,SAAS,aAAa,CAAC,IAAwB,EAAE,YAAkC;IACjF,IAAI,CAAC,YAAY,EAAE,MAAM;QAAE,OAAO,IAAI,CAAC;IACvC,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,YAAY,GAAG,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;IAE/C,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE;QACvC,MAAM,OAAO,GAAG,WAAW,CAAC,WAAW,EAAE,CAAC;QAC1C,OAAO,OAAO,KAAK,GAAG,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,YAAY,CAAC;IAC7E,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,wBAAwB,CAAC,GAAuB;IACvD,OAAO,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,QAAQ,UAAU,EAAE,CAAC,CAAC,CAAC;AACtD,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,cAAc,CAAC,UAAiC,EAAE;IAChE,IAAI,WAAW,GAAG,KAAK,CAAC;IACxB,IAAI,IAAI,GAAG,GAAG,CAAC;IACf,IAAI,6BAA6B,GAAG,IAAI,CAAC;IAEzC,OAAO;QACL,IAAI,EAAE,8BAA8B;QACpC,KAAK,EAAE,OAAO;QAEd,cAAc,CAAC,MAAM;YACnB,IAAI,GAAG,MAAM,CAAC,IAAI,IAAI,GAAG,CAAC;YAC1B,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAC/B,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAClE,CAAC;QACJ,CAAC;QAED,eAAe,CAAC,MAAM;YACpB,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE;gBACxC,MAAM,OAAO,GAAG,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;gBACtE,6BAA6B,GAAG,OAAO,CAAC;gBAExC,IAAI,CAAC,OAAO,IAAI,wBAAwB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;oBAClD,GAAG,CAAC,UAAU,GAAG,GAAG,CAAC;oBACrB,GAAG,CAAC,GAAG,CAAC,uCAAuC,CAAC,CAAC;oBACjD,OAAO;gBACT,CAAC;gBAED,IAAI,EAAE,CAAC;YACT,CAAC,CAAC,CAAC;YAEH,MAAM,WAAW,GAAG,WAAW,CAAC;YAChC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;YAChC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;gBACnC,IAAI,IAAI,KAAK,WAAW;oBAAE,OAAO;gBACjC,MAAM,GAAG,GAAG,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;gBAC/D,IAAI,GAAG;oBAAE,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;gBAClD,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC;YAC1C,CAAC,CAAC,CAAC;QACL,CAAC;QAED,SAAS,CAAC,EAAE;YACV,IAAI,EAAE,KAAK,UAAU;gBAAU,OAAO,WAAW,CAAC;YAClD,IAAI,EAAE,KAAK,kBAAkB;gBAAE,OAAO,gBAAgB,CAAC;QACzD,CAAC;QAED,IAAI,CAAC,EAAE,EAAE,IAAI;YACX,IAAI,IAAI,EAAE,GAAG;gBAAE,OAAO;YAEtB,yEAAyE;YACzE,IAAI,EAAE,KAAK,gBAAgB,EAAE,CAAC;gBAC5B,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC;oBAC7B,OAAO,mFAAmF,CAAC;gBAC7F,CAAC;gBACD,OAAO,YAAY,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;YAC5C,CAAC;YAED,wEAAwE;YACxE,sEAAsE;YACtE,8DAA8D;YAC9D,IAAI,EAAE,KAAK,WAAW,EAAE,CAAC;gBACvB,MAAM,OAAO,GAAG,WAAW;oBACzB,CAAC,CAAC;;;;;;;;;;;WAWD;oBACD,CAAC,CAAC,EAAE,CAAC;gBAEP,OAAO;oBACK,kBAAkB;;;;;;;;YAQ1B,OAAO;SACV,CAAC;YACJ,CAAC;QACH,CAAC;QAED,8DAA8D;QAC9D,qEAAqE;QACrE,kBAAkB,EAAE;YAClB,KAAK,EAAE,MAAM;YACb,OAAO;gBACL,IAAI,WAAW;oBAAE,OAAO,EAAE,CAAC,CAAC,gCAAgC;gBAC5D,IAAI,CAAC,6BAA6B;oBAAE,OAAO,EAAE,CAAC;gBAC9C,OAAO;oBACL;wBACE,GAAG,EAAE,QAAQ;wBACb,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,OAAO,UAAU,EAAE,EAAE;wBAC1D,QAAQ,EAAE,cAAuB;qBAClC;iBACF,CAAC;YACJ,CAAC;SACF;KACF,CAAC;AACJ,CAAC"}
package/dist/overlay.js CHANGED
@@ -4245,16 +4245,19 @@ const CSS = `
4245
4245
  .sdt-toggle {
4246
4246
  position: absolute;
4247
4247
  bottom: 20px;
4248
- right: 20px;
4249
- width: 46px;
4250
- height: 46px;
4251
- border-radius: 50%;
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
- justify-content: center;
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.08);
4270
- box-shadow: 0 6px 24px rgba(0 0 0 / 0.45);
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.96); }
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$4 = /* @__PURE__ */ from_html(`<div class="sdt-nav-indicator"><span class="sdt-spinner"></span> Navigating to <span class="sdt-mono" style="color:inherit"> </span></div>`);
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$4 = /* @__PURE__ */ from_html(`<div class="sdt-section"><div class="sdt-section-title">Route Params</div> <div class="sdt-kv"></div></div>`);
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$4();
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$4();
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$3 = /* @__PURE__ */ from_html(`<button class="sdt-dom-node-toggle"> </button>`);
4883
- var root_3$3 = /* @__PURE__ */ from_html(`<span class="sdt-dom-node-toggle"></span>`);
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
- if (depth < 8) {
4942
- for (const child2 of el.children) {
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$3();
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$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$2 = /* @__PURE__ */ from_html(`<span class="sdt-json-toggle"></span>`);
5124
- var root_3$2 = /* @__PURE__ */ from_html(`<span class="sdt-json-key"> </span> <span class="sdt-json-colon">:</span>`, 1);
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$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$2();
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$1 = /* @__PURE__ */ from_html(`<div class="sdt-state-section-label">Page Store</div> <!>`, 1);
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$1();
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$1 = /* @__PURE__ */ from_html(`<button role="tab"><span class="sdt-tab-icon"> </span> <!></button>`);
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 (⌘⇧D)">✕</button></div> <div class="sdt-content" role="tabpanel"><!></div></div>`);
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$1();
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__ */ from_svg(`<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><path d="M3 3l10 10M13 3L3 13" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" fill="none"></path></svg>`);
5633
- var root_2 = /* @__PURE__ */ from_svg(`<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" 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>`);
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 ((e.metaKey || e.ctrlKey) && e.shiftKey && e.key === "D") {
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 = child(button);
5699
+ var node = sibling(button, 2);
5696
5700
  {
5697
5701
  var consequent = ($$anchor2) => {
5698
- var svg = root_1();
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 node_2 = child(div);
5716
- Panel(node_2, {
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(node_1, ($$render) => {
5737
- if (get(isOpen)) $$render(consequent_1);
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 (⌘⇧D)" : "Open Svelte DevTools (⌘⇧D)");
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.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": ["svelte", "svelte5", "sveltekit", "devtools", "vite", "vite-plugin", "debug", "inspector"],
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": ["dist"],
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"