@nuxt/devtools 0.1.5 → 0.2.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.
Files changed (113) hide show
  1. package/README.md +2 -0
  2. package/dist/chunks/module-main.mjs +687 -672
  3. package/dist/chunks/vscode.mjs +35 -30
  4. package/dist/cli.mjs +21 -60
  5. package/dist/client/200.html +2 -2
  6. package/dist/client/404.html +2 -2
  7. package/dist/client/__inspecting/index.html +2 -2
  8. package/dist/client/_nuxt/{Badge.ec9e349b.js → Badge.4e9c300b.js} +1 -1
  9. package/dist/client/_nuxt/{FilepathItem.vue.29183a21.js → FilepathItem.vue.b36b22b8.js} +1 -1
  10. package/dist/client/_nuxt/LaunchPage.vue.c9d8bfbe.js +1 -0
  11. package/dist/client/_nuxt/NButton.a7fda268.css +1 -0
  12. package/dist/client/_nuxt/{NButton.vue.09cc4471.js → NButton.vue.b50294f1.js} +2 -2
  13. package/dist/client/_nuxt/NCheckbox.vue.69c13749.js +1 -0
  14. package/dist/client/_nuxt/NIcon.vue.656cdb1e.js +1 -0
  15. package/dist/client/_nuxt/NTextInput.vue.928c9e2a.js +1 -0
  16. package/dist/client/_nuxt/{NuxtLogo.9f2db884.js → NuxtLogo.f9908c64.js} +1 -1
  17. package/dist/client/_nuxt/SectionBlock.48da9d80.css +1 -0
  18. package/dist/client/_nuxt/SectionBlock.914c7802.js +1 -0
  19. package/dist/client/_nuxt/StateEditor.ce27b0a9.css +1 -0
  20. package/dist/client/_nuxt/StateEditor.vue.24b581fe.js +1 -0
  21. package/dist/client/_nuxt/{StateEditor.vue.ab9d7157.js → StateEditor.vue.99c457ec.js} +81 -79
  22. package/dist/client/_nuxt/{TabIcon.vue.6890c56a.js → TabIcon.vue.c3d4f8eb.js} +1 -1
  23. package/dist/client/_nuxt/__inspecting.f0beaf14.js +1 -0
  24. package/dist/client/_nuxt/{asyncData.c8345f31.js → asyncData.d4a4cc23.js} +1 -1
  25. package/dist/client/_nuxt/components.2f7ee4ee.js +1 -0
  26. package/dist/client/_nuxt/composables.a4d79ae5.js +1 -0
  27. package/dist/client/_nuxt/{context.d25709fd.js → context.f290c514.js} +1 -1
  28. package/dist/client/_nuxt/custom-_name_.6fcfe01b.js +1 -0
  29. package/dist/client/_nuxt/default.7c4cf2ae.js +1 -0
  30. package/dist/client/_nuxt/editor.cdd0d584.js +1 -0
  31. package/dist/client/_nuxt/entry.3f184dda.js +5 -0
  32. package/dist/client/_nuxt/entry.aace963d.css +1 -0
  33. package/dist/client/_nuxt/error-404.2618a69f.css +1 -0
  34. package/dist/client/_nuxt/error-404.42d6fea6.js +1 -0
  35. package/dist/client/_nuxt/error-500.12a2683b.css +1 -0
  36. package/dist/client/_nuxt/error-500.c25057d1.js +1 -0
  37. package/dist/client/_nuxt/{error-component.ae83d235.js → error-component.f5255ea4.js} +2 -2
  38. package/dist/client/_nuxt/hooks.f2f7f7c0.js +1 -0
  39. package/dist/client/_nuxt/imports.c6403530.js +1 -0
  40. package/dist/client/_nuxt/{index.fe0907d3.js → index.cb924a24.js} +1 -1
  41. package/dist/client/_nuxt/layouts.c6fb5d9f.js +1 -0
  42. package/dist/client/_nuxt/{middleware.5410fce5.js → middleware.986c1dcb.js} +1 -1
  43. package/dist/client/_nuxt/modules.67212f2b.js +1 -0
  44. package/dist/client/_nuxt/{none.76eeebc3.js → none.64c3c69e.js} +1 -1
  45. package/dist/client/_nuxt/{nuxt-link.3aeeed3f.js → nuxt-link.7c2ecc54.js} +1 -1
  46. package/dist/client/_nuxt/overview.39e81b24.js +1 -0
  47. package/dist/client/_nuxt/pages.28f6050f.js +1 -0
  48. package/dist/client/_nuxt/payload.482e4157.js +1 -0
  49. package/dist/client/_nuxt/plugins.dc220904.js +1 -0
  50. package/dist/client/_nuxt/{runtime-configs.7cc77728.js → runtime-configs.a7793337.js} +1 -1
  51. package/dist/client/_nuxt/{server-routes.ffdf17b0.js → server-routes.7dbce087.js} +1 -1
  52. package/dist/client/_nuxt/state.99106176.js +1 -0
  53. package/dist/client/_nuxt/unocss-runtime.bcfb14a2.js +2 -0
  54. package/dist/client/_nuxt/{virtual-files.a26c8c69.js → virtual-files.1c188f74.js} +1 -1
  55. package/dist/client/index.html +2 -2
  56. package/dist/client/modules/components/index.html +2 -2
  57. package/dist/client/modules/hooks/index.html +2 -2
  58. package/dist/client/modules/imports/index.html +2 -2
  59. package/dist/client/modules/layouts/index.html +2 -2
  60. package/dist/client/modules/middleware/index.html +2 -2
  61. package/dist/client/modules/modules/index.html +2 -2
  62. package/dist/client/modules/overview/index.html +2 -2
  63. package/dist/client/modules/pages/index.html +2 -2
  64. package/dist/client/modules/payload/index.html +2 -2
  65. package/dist/client/modules/plugins/index.html +2 -2
  66. package/dist/client/modules/runtime-configs/index.html +2 -2
  67. package/dist/client/modules/server-routes/index.html +2 -2
  68. package/dist/client/modules/virtual-files/index.html +2 -2
  69. package/dist/iframe-client.d.ts +1 -1
  70. package/dist/module.d.ts +3 -1
  71. package/dist/module.json +1 -1
  72. package/dist/module.mjs +3 -30
  73. package/dist/runtime/plugins/devtools.client.mjs +1 -1
  74. package/dist/runtime/plugins/view/Frame.vue +22 -5
  75. package/dist/runtime/plugins/view/state.d.ts +2 -1
  76. package/dist/runtime/plugins/view/state.mjs +1 -0
  77. package/dist/runtime/plugins/view/utils.d.ts +1 -1
  78. package/dist/runtime/plugins/view/utils.mjs +9 -7
  79. package/dist/shared/{devtools.28239661.mjs → devtools.894440bf.mjs} +1 -1
  80. package/dist/shared/devtools.edb7b427.mjs +35 -0
  81. package/dist/types.d.ts +3 -2
  82. package/package.json +34 -37
  83. package/dist/client/_nuxt/LaunchPage.vue.f4239533.js +0 -1
  84. package/dist/client/_nuxt/NButton.db724adb.css +0 -1
  85. package/dist/client/_nuxt/NIcon.vue.701f4547.js +0 -1
  86. package/dist/client/_nuxt/NTextInput.vue.276e32b3.js +0 -1
  87. package/dist/client/_nuxt/SectionBlock.082cb101.css +0 -1
  88. package/dist/client/_nuxt/SectionBlock.8ff5d737.js +0 -1
  89. package/dist/client/_nuxt/Settings.vue.b55fa306.js +0 -1
  90. package/dist/client/_nuxt/StateEditor.989cce56.css +0 -1
  91. package/dist/client/_nuxt/StateEditor.vue.d668b11c.js +0 -1
  92. package/dist/client/_nuxt/__inspecting.12d34e8c.js +0 -1
  93. package/dist/client/_nuxt/components.08e98322.js +0 -1
  94. package/dist/client/_nuxt/composables.8c342cc5.js +0 -1
  95. package/dist/client/_nuxt/custom-_name_.89baf527.js +0 -1
  96. package/dist/client/_nuxt/default.975e4e70.js +0 -1
  97. package/dist/client/_nuxt/editor.f74d7351.js +0 -1
  98. package/dist/client/_nuxt/entry.d28dd037.js +0 -5
  99. package/dist/client/_nuxt/entry.e7b3d8fd.css +0 -1
  100. package/dist/client/_nuxt/error-404.1469f10f.css +0 -1
  101. package/dist/client/_nuxt/error-404.bdee7391.js +0 -1
  102. package/dist/client/_nuxt/error-500.92b94fae.css +0 -1
  103. package/dist/client/_nuxt/error-500.c5180cef.js +0 -1
  104. package/dist/client/_nuxt/hooks.8f89faa2.js +0 -1
  105. package/dist/client/_nuxt/imports.f7970750.js +0 -1
  106. package/dist/client/_nuxt/layouts.d5a3dabe.js +0 -1
  107. package/dist/client/_nuxt/modules.6fc7bd71.js +0 -1
  108. package/dist/client/_nuxt/overview.e7e9880f.js +0 -1
  109. package/dist/client/_nuxt/pages.40900507.js +0 -1
  110. package/dist/client/_nuxt/payload.36dbfdde.js +0 -1
  111. package/dist/client/_nuxt/plugins.8195b406.js +0 -1
  112. package/dist/client/_nuxt/state.a5c5a841.js +0 -1
  113. package/dist/client/_nuxt/unocss-runtime.1fec3315.js +0 -2
@@ -1,7 +1,7 @@
1
1
  <!DOCTYPE html>
2
2
  <html >
3
3
  <head><meta charset="utf-8">
4
- <meta name="viewport" content="width=device-width, initial-scale=1"><link rel="modulepreload" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/entry.d28dd037.js"><link rel="preload" as="style" href="/__nuxt_devtools__/client/_nuxt/entry.e7b3d8fd.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/default.975e4e70.js"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/SectionBlock.082cb101.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/NButton.db724adb.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/StateEditor.989cce56.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/context.d25709fd.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NuxtLogo.9f2db884.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/_plugin-vue_export-helper.c27b6911.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/Settings.vue.b55fa306.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NButton.vue.09cc4471.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NIcon.vue.701f4547.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/nuxt-link.3aeeed3f.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/StateEditor.vue.ab9d7157.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/composables.8c342cc5.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/TabIcon.vue.6890c56a.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/state.a5c5a841.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/asyncData.c8345f31.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/none.76eeebc3.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/unocss-runtime.1fec3315.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/error-component.ae83d235.js"><link rel="stylesheet" href="/__nuxt_devtools__/client/_nuxt/entry.e7b3d8fd.css"><script>"use strict";const w=window,de=document.documentElement,knownColorSchemes=["dark","light"],preference=window.localStorage.getItem("nuxt-color-mode")||"system";let value=preference==="system"?getColorScheme():preference;const forcedColorMode=de.getAttribute("data-color-mode-forced");forcedColorMode&&(value=forcedColorMode),addColorScheme(value),w["__NUXT_COLOR_MODE__"]={preference,value,getColorScheme,addColorScheme,removeColorScheme};function addColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.add(o):de.className+=" "+o,t&&de.setAttribute("data-"+t,e)}function removeColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.remove(o):de.className=de.className.replace(new RegExp(o,"g"),""),t&&de.removeAttribute("data-"+t)}function prefersColorScheme(e){return w.matchMedia("(prefers-color-scheme"+e+")")}function getColorScheme(){if(w.matchMedia&&prefersColorScheme("").media!=="not all"){for(const e of knownColorSchemes)if(prefersColorScheme(":"+e).matches)return e}return"light"}
4
+ <meta name="viewport" content="width=device-width, initial-scale=1"><link rel="modulepreload" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/entry.3f184dda.js"><link rel="preload" as="style" href="/__nuxt_devtools__/client/_nuxt/entry.aace963d.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/default.7c4cf2ae.js"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/SectionBlock.48da9d80.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/NButton.a7fda268.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/StateEditor.ce27b0a9.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/context.f290c514.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NuxtLogo.f9908c64.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/_plugin-vue_export-helper.c27b6911.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NButton.vue.b50294f1.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NIcon.vue.656cdb1e.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/nuxt-link.7c2ecc54.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/StateEditor.vue.99c457ec.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/composables.a4d79ae5.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/TabIcon.vue.c3d4f8eb.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/state.99106176.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/asyncData.d4a4cc23.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/none.64c3c69e.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/unocss-runtime.bcfb14a2.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/error-component.f5255ea4.js"><link rel="stylesheet" href="/__nuxt_devtools__/client/_nuxt/entry.aace963d.css"><script>"use strict";const w=window,de=document.documentElement,knownColorSchemes=["dark","light"],preference=window.localStorage.getItem("nuxt-color-mode")||"system";let value=preference==="system"?getColorScheme():preference;const forcedColorMode=de.getAttribute("data-color-mode-forced");forcedColorMode&&(value=forcedColorMode),addColorScheme(value),w["__NUXT_COLOR_MODE__"]={preference,value,getColorScheme,addColorScheme,removeColorScheme};function addColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.add(o):de.className+=" "+o,t&&de.setAttribute("data-"+t,e)}function removeColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.remove(o):de.className=de.className.replace(new RegExp(o,"g"),""),t&&de.removeAttribute("data-"+t)}function prefersColorScheme(e){return w.matchMedia("(prefers-color-scheme"+e+")")}function getColorScheme(){if(w.matchMedia&&prefersColorScheme("").media!=="not all"){for(const e of knownColorSchemes)if(prefersColorScheme(":"+e).matches)return e}return"light"}
5
5
  </script></head>
6
- <body ><div id="__nuxt"></div><script>window.__NUXT__={serverRendered:false,config:{public:{fixture4:"public runtime config from nuxt.config.ts"},app:{baseURL:"\u002F__nuxt_devtools__\u002Fclient",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:""}},data:{},state:{}}</script><script type="module" src="/__nuxt_devtools__/client/_nuxt/entry.d28dd037.js" crossorigin></script></body>
6
+ <body ><div id="__nuxt"></div><script>window.__NUXT__={serverRendered:false,config:{public:{fixture4:"public runtime config from nuxt.config.ts"},app:{baseURL:"\u002F__nuxt_devtools__\u002Fclient",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:""}},data:{},state:{}}</script><script type="module" src="/__nuxt_devtools__/client/_nuxt/entry.3f184dda.js" crossorigin></script></body>
7
7
  </html>
@@ -1,7 +1,7 @@
1
1
  <!DOCTYPE html>
2
2
  <html >
3
3
  <head><meta charset="utf-8">
4
- <meta name="viewport" content="width=device-width, initial-scale=1"><link rel="modulepreload" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/entry.d28dd037.js"><link rel="preload" as="style" href="/__nuxt_devtools__/client/_nuxt/entry.e7b3d8fd.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/default.975e4e70.js"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/SectionBlock.082cb101.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/NButton.db724adb.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/StateEditor.989cce56.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/context.d25709fd.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NuxtLogo.9f2db884.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/_plugin-vue_export-helper.c27b6911.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/Settings.vue.b55fa306.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NButton.vue.09cc4471.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NIcon.vue.701f4547.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/nuxt-link.3aeeed3f.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/StateEditor.vue.ab9d7157.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/composables.8c342cc5.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/TabIcon.vue.6890c56a.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/state.a5c5a841.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/asyncData.c8345f31.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/none.76eeebc3.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/unocss-runtime.1fec3315.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/error-component.ae83d235.js"><link rel="stylesheet" href="/__nuxt_devtools__/client/_nuxt/entry.e7b3d8fd.css"><script>"use strict";const w=window,de=document.documentElement,knownColorSchemes=["dark","light"],preference=window.localStorage.getItem("nuxt-color-mode")||"system";let value=preference==="system"?getColorScheme():preference;const forcedColorMode=de.getAttribute("data-color-mode-forced");forcedColorMode&&(value=forcedColorMode),addColorScheme(value),w["__NUXT_COLOR_MODE__"]={preference,value,getColorScheme,addColorScheme,removeColorScheme};function addColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.add(o):de.className+=" "+o,t&&de.setAttribute("data-"+t,e)}function removeColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.remove(o):de.className=de.className.replace(new RegExp(o,"g"),""),t&&de.removeAttribute("data-"+t)}function prefersColorScheme(e){return w.matchMedia("(prefers-color-scheme"+e+")")}function getColorScheme(){if(w.matchMedia&&prefersColorScheme("").media!=="not all"){for(const e of knownColorSchemes)if(prefersColorScheme(":"+e).matches)return e}return"light"}
4
+ <meta name="viewport" content="width=device-width, initial-scale=1"><link rel="modulepreload" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/entry.3f184dda.js"><link rel="preload" as="style" href="/__nuxt_devtools__/client/_nuxt/entry.aace963d.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/default.7c4cf2ae.js"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/SectionBlock.48da9d80.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/NButton.a7fda268.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/StateEditor.ce27b0a9.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/context.f290c514.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NuxtLogo.f9908c64.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/_plugin-vue_export-helper.c27b6911.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NButton.vue.b50294f1.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NIcon.vue.656cdb1e.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/nuxt-link.7c2ecc54.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/StateEditor.vue.99c457ec.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/composables.a4d79ae5.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/TabIcon.vue.c3d4f8eb.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/state.99106176.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/asyncData.d4a4cc23.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/none.64c3c69e.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/unocss-runtime.bcfb14a2.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/error-component.f5255ea4.js"><link rel="stylesheet" href="/__nuxt_devtools__/client/_nuxt/entry.aace963d.css"><script>"use strict";const w=window,de=document.documentElement,knownColorSchemes=["dark","light"],preference=window.localStorage.getItem("nuxt-color-mode")||"system";let value=preference==="system"?getColorScheme():preference;const forcedColorMode=de.getAttribute("data-color-mode-forced");forcedColorMode&&(value=forcedColorMode),addColorScheme(value),w["__NUXT_COLOR_MODE__"]={preference,value,getColorScheme,addColorScheme,removeColorScheme};function addColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.add(o):de.className+=" "+o,t&&de.setAttribute("data-"+t,e)}function removeColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.remove(o):de.className=de.className.replace(new RegExp(o,"g"),""),t&&de.removeAttribute("data-"+t)}function prefersColorScheme(e){return w.matchMedia("(prefers-color-scheme"+e+")")}function getColorScheme(){if(w.matchMedia&&prefersColorScheme("").media!=="not all"){for(const e of knownColorSchemes)if(prefersColorScheme(":"+e).matches)return e}return"light"}
5
5
  </script></head>
6
- <body ><div id="__nuxt"></div><script>window.__NUXT__={serverRendered:false,config:{public:{fixture4:"public runtime config from nuxt.config.ts"},app:{baseURL:"\u002F__nuxt_devtools__\u002Fclient",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:""}},data:{},state:{}}</script><script type="module" src="/__nuxt_devtools__/client/_nuxt/entry.d28dd037.js" crossorigin></script></body>
6
+ <body ><div id="__nuxt"></div><script>window.__NUXT__={serverRendered:false,config:{public:{fixture4:"public runtime config from nuxt.config.ts"},app:{baseURL:"\u002F__nuxt_devtools__\u002Fclient",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:""}},data:{},state:{}}</script><script type="module" src="/__nuxt_devtools__/client/_nuxt/entry.3f184dda.js" crossorigin></script></body>
7
7
  </html>
@@ -1,7 +1,7 @@
1
1
  <!DOCTYPE html>
2
2
  <html >
3
3
  <head><meta charset="utf-8">
4
- <meta name="viewport" content="width=device-width, initial-scale=1"><link rel="modulepreload" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/entry.d28dd037.js"><link rel="preload" as="style" href="/__nuxt_devtools__/client/_nuxt/entry.e7b3d8fd.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/default.975e4e70.js"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/SectionBlock.082cb101.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/NButton.db724adb.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/StateEditor.989cce56.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/context.d25709fd.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NuxtLogo.9f2db884.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/_plugin-vue_export-helper.c27b6911.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/Settings.vue.b55fa306.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NButton.vue.09cc4471.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NIcon.vue.701f4547.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/nuxt-link.3aeeed3f.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/StateEditor.vue.ab9d7157.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/composables.8c342cc5.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/TabIcon.vue.6890c56a.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/state.a5c5a841.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/asyncData.c8345f31.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/none.76eeebc3.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/unocss-runtime.1fec3315.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/error-component.ae83d235.js"><link rel="stylesheet" href="/__nuxt_devtools__/client/_nuxt/entry.e7b3d8fd.css"><script>"use strict";const w=window,de=document.documentElement,knownColorSchemes=["dark","light"],preference=window.localStorage.getItem("nuxt-color-mode")||"system";let value=preference==="system"?getColorScheme():preference;const forcedColorMode=de.getAttribute("data-color-mode-forced");forcedColorMode&&(value=forcedColorMode),addColorScheme(value),w["__NUXT_COLOR_MODE__"]={preference,value,getColorScheme,addColorScheme,removeColorScheme};function addColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.add(o):de.className+=" "+o,t&&de.setAttribute("data-"+t,e)}function removeColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.remove(o):de.className=de.className.replace(new RegExp(o,"g"),""),t&&de.removeAttribute("data-"+t)}function prefersColorScheme(e){return w.matchMedia("(prefers-color-scheme"+e+")")}function getColorScheme(){if(w.matchMedia&&prefersColorScheme("").media!=="not all"){for(const e of knownColorSchemes)if(prefersColorScheme(":"+e).matches)return e}return"light"}
4
+ <meta name="viewport" content="width=device-width, initial-scale=1"><link rel="modulepreload" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/entry.3f184dda.js"><link rel="preload" as="style" href="/__nuxt_devtools__/client/_nuxt/entry.aace963d.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/default.7c4cf2ae.js"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/SectionBlock.48da9d80.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/NButton.a7fda268.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/StateEditor.ce27b0a9.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/context.f290c514.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NuxtLogo.f9908c64.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/_plugin-vue_export-helper.c27b6911.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NButton.vue.b50294f1.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NIcon.vue.656cdb1e.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/nuxt-link.7c2ecc54.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/StateEditor.vue.99c457ec.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/composables.a4d79ae5.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/TabIcon.vue.c3d4f8eb.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/state.99106176.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/asyncData.d4a4cc23.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/none.64c3c69e.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/unocss-runtime.bcfb14a2.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/error-component.f5255ea4.js"><link rel="stylesheet" href="/__nuxt_devtools__/client/_nuxt/entry.aace963d.css"><script>"use strict";const w=window,de=document.documentElement,knownColorSchemes=["dark","light"],preference=window.localStorage.getItem("nuxt-color-mode")||"system";let value=preference==="system"?getColorScheme():preference;const forcedColorMode=de.getAttribute("data-color-mode-forced");forcedColorMode&&(value=forcedColorMode),addColorScheme(value),w["__NUXT_COLOR_MODE__"]={preference,value,getColorScheme,addColorScheme,removeColorScheme};function addColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.add(o):de.className+=" "+o,t&&de.setAttribute("data-"+t,e)}function removeColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.remove(o):de.className=de.className.replace(new RegExp(o,"g"),""),t&&de.removeAttribute("data-"+t)}function prefersColorScheme(e){return w.matchMedia("(prefers-color-scheme"+e+")")}function getColorScheme(){if(w.matchMedia&&prefersColorScheme("").media!=="not all"){for(const e of knownColorSchemes)if(prefersColorScheme(":"+e).matches)return e}return"light"}
5
5
  </script></head>
6
- <body ><div id="__nuxt"></div><script>window.__NUXT__={serverRendered:false,config:{public:{fixture4:"public runtime config from nuxt.config.ts"},app:{baseURL:"\u002F__nuxt_devtools__\u002Fclient",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:""}},data:{},state:{}}</script><script type="module" src="/__nuxt_devtools__/client/_nuxt/entry.d28dd037.js" crossorigin></script></body>
6
+ <body ><div id="__nuxt"></div><script>window.__NUXT__={serverRendered:false,config:{public:{fixture4:"public runtime config from nuxt.config.ts"},app:{baseURL:"\u002F__nuxt_devtools__\u002Fclient",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:""}},data:{},state:{}}</script><script type="module" src="/__nuxt_devtools__/client/_nuxt/entry.3f184dda.js" crossorigin></script></body>
7
7
  </html>
@@ -1,7 +1,7 @@
1
1
  <!DOCTYPE html>
2
2
  <html >
3
3
  <head><meta charset="utf-8">
4
- <meta name="viewport" content="width=device-width, initial-scale=1"><link rel="modulepreload" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/entry.d28dd037.js"><link rel="preload" as="style" href="/__nuxt_devtools__/client/_nuxt/entry.e7b3d8fd.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/default.975e4e70.js"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/SectionBlock.082cb101.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/NButton.db724adb.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/StateEditor.989cce56.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/context.d25709fd.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NuxtLogo.9f2db884.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/_plugin-vue_export-helper.c27b6911.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/Settings.vue.b55fa306.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NButton.vue.09cc4471.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NIcon.vue.701f4547.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/nuxt-link.3aeeed3f.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/StateEditor.vue.ab9d7157.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/composables.8c342cc5.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/TabIcon.vue.6890c56a.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/state.a5c5a841.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/asyncData.c8345f31.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/none.76eeebc3.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/unocss-runtime.1fec3315.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/error-component.ae83d235.js"><link rel="stylesheet" href="/__nuxt_devtools__/client/_nuxt/entry.e7b3d8fd.css"><script>"use strict";const w=window,de=document.documentElement,knownColorSchemes=["dark","light"],preference=window.localStorage.getItem("nuxt-color-mode")||"system";let value=preference==="system"?getColorScheme():preference;const forcedColorMode=de.getAttribute("data-color-mode-forced");forcedColorMode&&(value=forcedColorMode),addColorScheme(value),w["__NUXT_COLOR_MODE__"]={preference,value,getColorScheme,addColorScheme,removeColorScheme};function addColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.add(o):de.className+=" "+o,t&&de.setAttribute("data-"+t,e)}function removeColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.remove(o):de.className=de.className.replace(new RegExp(o,"g"),""),t&&de.removeAttribute("data-"+t)}function prefersColorScheme(e){return w.matchMedia("(prefers-color-scheme"+e+")")}function getColorScheme(){if(w.matchMedia&&prefersColorScheme("").media!=="not all"){for(const e of knownColorSchemes)if(prefersColorScheme(":"+e).matches)return e}return"light"}
4
+ <meta name="viewport" content="width=device-width, initial-scale=1"><link rel="modulepreload" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/entry.3f184dda.js"><link rel="preload" as="style" href="/__nuxt_devtools__/client/_nuxt/entry.aace963d.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/default.7c4cf2ae.js"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/SectionBlock.48da9d80.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/NButton.a7fda268.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/StateEditor.ce27b0a9.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/context.f290c514.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NuxtLogo.f9908c64.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/_plugin-vue_export-helper.c27b6911.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NButton.vue.b50294f1.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NIcon.vue.656cdb1e.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/nuxt-link.7c2ecc54.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/StateEditor.vue.99c457ec.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/composables.a4d79ae5.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/TabIcon.vue.c3d4f8eb.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/state.99106176.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/asyncData.d4a4cc23.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/none.64c3c69e.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/unocss-runtime.bcfb14a2.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/error-component.f5255ea4.js"><link rel="stylesheet" href="/__nuxt_devtools__/client/_nuxt/entry.aace963d.css"><script>"use strict";const w=window,de=document.documentElement,knownColorSchemes=["dark","light"],preference=window.localStorage.getItem("nuxt-color-mode")||"system";let value=preference==="system"?getColorScheme():preference;const forcedColorMode=de.getAttribute("data-color-mode-forced");forcedColorMode&&(value=forcedColorMode),addColorScheme(value),w["__NUXT_COLOR_MODE__"]={preference,value,getColorScheme,addColorScheme,removeColorScheme};function addColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.add(o):de.className+=" "+o,t&&de.setAttribute("data-"+t,e)}function removeColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.remove(o):de.className=de.className.replace(new RegExp(o,"g"),""),t&&de.removeAttribute("data-"+t)}function prefersColorScheme(e){return w.matchMedia("(prefers-color-scheme"+e+")")}function getColorScheme(){if(w.matchMedia&&prefersColorScheme("").media!=="not all"){for(const e of knownColorSchemes)if(prefersColorScheme(":"+e).matches)return e}return"light"}
5
5
  </script></head>
6
- <body ><div id="__nuxt"></div><script>window.__NUXT__={serverRendered:false,config:{public:{fixture4:"public runtime config from nuxt.config.ts"},app:{baseURL:"\u002F__nuxt_devtools__\u002Fclient",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:""}},data:{},state:{}}</script><script type="module" src="/__nuxt_devtools__/client/_nuxt/entry.d28dd037.js" crossorigin></script></body>
6
+ <body ><div id="__nuxt"></div><script>window.__NUXT__={serverRendered:false,config:{public:{fixture4:"public runtime config from nuxt.config.ts"},app:{baseURL:"\u002F__nuxt_devtools__\u002Fclient",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:""}},data:{},state:{}}</script><script type="module" src="/__nuxt_devtools__/client/_nuxt/entry.3f184dda.js" crossorigin></script></body>
7
7
  </html>
@@ -1,6 +1,6 @@
1
1
  import { Ref } from 'vue';
2
2
  import { NuxtDevtoolsIframeClient } from './types.js';
3
- import '@nuxt/schema';
3
+ import 'nuxt/schema';
4
4
  import 'unimport';
5
5
  import 'nuxt/dist/app/nuxt';
6
6
  import 'vue-router';
package/dist/module.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import * as _nuxt_schema from '@nuxt/schema';
2
2
  import { ModuleCustomTab, ModuleOptions } from './types.js';
3
+ import 'nuxt/schema';
3
4
  import 'unimport';
4
5
  import 'nuxt/dist/app/nuxt';
5
6
  import 'vue-router';
@@ -8,7 +9,7 @@ import 'hookable';
8
9
  import 'birpc';
9
10
  import 'vue';
10
11
 
11
- declare module '@nuxt/schema' {
12
+ declare module 'nuxt/schema' {
12
13
  interface NuxtHooks {
13
14
  /**
14
15
  * Called before devtools starts. Useful to detect if devtools is enabled.
@@ -28,6 +29,7 @@ declare module '@nuxt/schema' {
28
29
  'devtools:customTabs:refresh': () => void;
29
30
  }
30
31
  }
32
+
31
33
  declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
32
34
 
33
35
  export { ModuleOptions, _default as default };
package/dist/module.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@nuxt/devtools",
3
3
  "configKey": "devtools",
4
- "version": "0.1.5"
4
+ "version": "0.2.0"
5
5
  }
package/dist/module.mjs CHANGED
@@ -1,30 +1,3 @@
1
- import { defineNuxtModule } from '@nuxt/kit';
2
- import isInstalledGlobally from 'is-installed-globally';
3
-
4
- const module = defineNuxtModule({
5
- meta: {
6
- name: "@nuxt/devtools",
7
- configKey: "devtools"
8
- },
9
- defaults: {
10
- enabled: void 0,
11
- vscode: {
12
- enabled: true,
13
- startOnBoot: false,
14
- port: 3080,
15
- reuseExistingServer: true
16
- }
17
- },
18
- setup(options, nuxt) {
19
- if (options.enabled === false)
20
- return;
21
- if (isInstalledGlobally) {
22
- const globalOptions = nuxt.options.devtoolsGlobal || {};
23
- if (options.enabled !== true && !globalOptions.projects?.includes(nuxt.options.rootDir))
24
- return;
25
- }
26
- return import('./chunks/module-main.mjs').then(function (n) { return n.m; }).then(({ enableModule }) => enableModule(options, nuxt));
27
- }
28
- });
29
-
30
- export { module as default };
1
+ import '@nuxt/kit';
2
+ import 'is-installed-globally';
3
+ export { m as default } from './shared/devtools.edb7b427.mjs';
@@ -19,8 +19,8 @@ export default defineNuxtPlugin((nuxt) => {
19
19
  const client = markRaw({
20
20
  nuxt: markRaw(nuxt),
21
21
  appConfig: useAppConfig(),
22
- getHooksMetrics: () => Object.values(clientHooks),
23
22
  hooks: createHooks(),
23
+ getClientHooksMetrics: () => Object.values(clientHooks),
24
24
  closeDevTools: closePanel
25
25
  });
26
26
  const holder = document.createElement("div");
@@ -3,7 +3,7 @@ import type { VueInspectorClient } from 'vite-plugin-vue-inspector'
3
3
  import type { PropType } from 'vue'
4
4
  import { computed, ref, watch, watchEffect } from 'vue'
5
5
  import type { NuxtDevtoolsHostClient, NuxtDevtoolsIframeClient, NuxtDevtoolsGlobal as NuxtDevtoolsViewGlobal } from '../../../types'
6
- import { PANEL_MAX, PANEL_MIN, PANEL_PADDING, closePanel, state, viewMode } from './state'
6
+ import { PANEL_MAX, PANEL_MIN, PANEL_PADDING, closePanel, settings, state, viewMode } from './state'
7
7
  import { useEventListener } from './utils'
8
8
 
9
9
  // Can't use reactivity transform here because this file is shipped as-is,
@@ -183,10 +183,27 @@ useEventListener(window, 'mouseleave', () => {
183
183
  })
184
184
 
185
185
  useEventListener(window, 'keydown', (e: KeyboardEvent) => {
186
- if (e.key === 'Escape')
186
+ if (viewMode.value === 'component-inspector' && e.key === 'Escape')
187
187
  closePanel()
188
188
  })
189
189
 
190
+ // Close panel on outside click (when enabled)
191
+ useEventListener(window, 'mousedown', (e: MouseEvent) => {
192
+ if (!settings.value.interactionCloseOnOutsideClick)
193
+ return
194
+ if (!state.value.open || isDragging.value || viewMode.value !== 'default')
195
+ return
196
+
197
+ const matched = e.composedPath().find((_el) => {
198
+ const el = _el as HTMLElement
199
+ return Array.from(el.classList || []).some(c => c.startsWith('nuxt-devtools-'))
200
+ || el.tagName?.toLowerCase() === 'iframe'
201
+ })
202
+
203
+ if (!matched)
204
+ state.value.open = false
205
+ })
206
+
190
207
  watch(viewMode, (mode) => {
191
208
  if (mode === 'component-inspector')
192
209
  enableComponentInspector()
@@ -213,7 +230,7 @@ declare global {
213
230
  </script>
214
231
 
215
232
  <template>
216
- <div v-show="state.open" class="frame" :style="frameStyle">
233
+ <div v-show="state.open" class="nuxt-devtools-frame" :style="frameStyle">
217
234
  <iframe
218
235
  ref="iframe"
219
236
  :src="initialUrl"
@@ -236,12 +253,12 @@ declare global {
236
253
  </template>
237
254
 
238
255
  <style scoped>
239
- .frame {
256
+ .nuxt-devtools-frame {
240
257
  position: fixed;
241
258
  z-index: 2147483646;
242
259
  }
243
260
 
244
- .frame iframe {
261
+ .nuxt-devtools-frame iframe {
245
262
  width: 100%;
246
263
  height: 100%;
247
264
  outline: none;
@@ -1,10 +1,11 @@
1
- import type { DevToolsFrameState } from '../../../types';
1
+ import type { DevToolsFrameState, DevToolsUISettings } from '../../../types';
2
2
  export declare const PANEL_PADDING = 10;
3
3
  export declare const PANEL_MIN = 15;
4
4
  export declare const PANEL_MAX = 100;
5
5
  export type ViewMode = 'default' | 'component-inspector';
6
6
  export declare const viewMode: import("vue").Ref<ViewMode>;
7
7
  export declare const state: import("vue").Ref<DevToolsFrameState>;
8
+ export declare const settings: import("vue").Ref<DevToolsUISettings>;
8
9
  export declare function togglePanel(): void;
9
10
  export declare function closePanel(): void;
10
11
  export declare function openPanel(): void;
@@ -13,6 +13,7 @@ export const state = useObjectStorage("nuxt-devtools-frame-state", {
13
13
  route: "/",
14
14
  position: "bottom"
15
15
  });
16
+ export const settings = useObjectStorage("nuxt-devtools-settings", {}, true);
16
17
  export function togglePanel() {
17
18
  if (state.value.open)
18
19
  closePanel();
@@ -1,4 +1,4 @@
1
1
  import type { Ref } from 'vue';
2
- export declare function useObjectStorage<T>(key: string, initial: T): Ref<T>;
2
+ export declare function useObjectStorage<T>(key: string, initial: T, readonly?: boolean): Ref<T>;
3
3
  export declare function useTransform<F, T>(data: Ref<F>, to: (data: F) => T, from: (data: T) => F): Ref<T>;
4
4
  export declare function useEventListener(target: EventTarget, type: string, listener: any, options?: boolean | AddEventListenerOptions): void;
@@ -1,5 +1,5 @@
1
1
  import { computed, getCurrentScope, onScopeDispose, ref, watch } from "vue";
2
- export function useObjectStorage(key, initial) {
2
+ export function useObjectStorage(key, initial, readonly = false) {
3
3
  const raw = localStorage.getItem(key);
4
4
  const data = ref(raw ? JSON.parse(raw) : initial);
5
5
  for (const key2 in initial) {
@@ -8,12 +8,14 @@ export function useObjectStorage(key, initial) {
8
8
  }
9
9
  let updating = false;
10
10
  let wrote = "";
11
- watch(data, (value) => {
12
- if (updating)
13
- return;
14
- wrote = JSON.stringify(value);
15
- localStorage.setItem(key, wrote);
16
- }, { deep: true, flush: "sync" });
11
+ if (!readonly) {
12
+ watch(data, (value) => {
13
+ if (updating)
14
+ return;
15
+ wrote = JSON.stringify(value);
16
+ localStorage.setItem(key, wrote);
17
+ }, { deep: true, flush: "sync" });
18
+ }
17
19
  useEventListener(window, "storage", (e) => {
18
20
  if (e.key === key && e.newValue && e.newValue !== wrote) {
19
21
  updating = true;
@@ -1,4 +1,4 @@
1
1
  const name = "@nuxt/devtools";
2
- const version = "0.1.5";
2
+ const version = "0.2.0";
3
3
 
4
4
  export { name as n, version as v };
@@ -0,0 +1,35 @@
1
+ import { defineNuxtModule } from '@nuxt/kit';
2
+ import isInstalledGlobally from 'is-installed-globally';
3
+
4
+ const ROUTE_PATH = "/__nuxt_devtools__";
5
+ const ROUTE_ENTRY = `${ROUTE_PATH}/entry`;
6
+ const ROUTE_CLIENT = `${ROUTE_PATH}/client`;
7
+ const defaultOptions = {
8
+ enabled: void 0,
9
+ vscode: {
10
+ enabled: true,
11
+ startOnBoot: false,
12
+ port: 3080,
13
+ reuseExistingServer: true
14
+ }
15
+ };
16
+
17
+ const module = defineNuxtModule({
18
+ meta: {
19
+ name: "@nuxt/devtools",
20
+ configKey: "devtools"
21
+ },
22
+ defaults: defaultOptions,
23
+ setup(options, nuxt) {
24
+ if (options.enabled === false)
25
+ return;
26
+ if (isInstalledGlobally) {
27
+ const globalOptions = nuxt.options.devtoolsGlobal || {};
28
+ if (options.enabled !== true && !globalOptions.projects?.includes(nuxt.options.rootDir))
29
+ return;
30
+ }
31
+ return import('../chunks/module-main.mjs').then(function (n) { return n.m; }).then(({ enableModule }) => enableModule(options, nuxt));
32
+ }
33
+ });
34
+
35
+ export { ROUTE_ENTRY as R, ROUTE_CLIENT as a, module as m };
package/dist/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Nuxt, NuxtOptions, Component, NuxtPage, NuxtLayout, AppConfig } from '@nuxt/schema';
1
+ import { Nuxt, NuxtOptions, Component, NuxtPage, NuxtLayout, AppConfig } from 'nuxt/schema';
2
2
  import { Import, UnimportMeta } from 'unimport';
3
3
  import { NuxtApp } from 'nuxt/dist/app/nuxt';
4
4
  import { RouteRecordNormalized } from 'vue-router';
@@ -249,13 +249,13 @@ interface NuxtDevtoolsClientHooks {
249
249
  interface NuxtDevtoolsHostClient {
250
250
  nuxt: NuxtApp;
251
251
  appConfig: AppConfig;
252
- getHooksMetrics(): HookInfo[];
253
252
  hooks: Hookable<NuxtDevtoolsClientHooks>;
254
253
  inspector?: {
255
254
  instance?: VueInspectorClient;
256
255
  enable: () => void;
257
256
  disable: () => void;
258
257
  };
258
+ getClientHooksMetrics(): HookInfo[];
259
259
  closeDevTools(): void;
260
260
  }
261
261
  interface NuxtDevtoolsClient {
@@ -282,6 +282,7 @@ interface DevToolsUISettings {
282
282
  componentsGraphShowNodeModules: boolean;
283
283
  componentsGraphShowPages: boolean;
284
284
  componentsGraphShowLayouts: boolean;
285
+ interactionCloseOnOutsideClick: boolean;
285
286
  }
286
287
  interface ComponentRelationship {
287
288
  id: string;
package/package.json CHANGED
@@ -1,8 +1,7 @@
1
1
  {
2
2
  "name": "@nuxt/devtools",
3
3
  "type": "module",
4
- "version": "0.1.5",
5
- "packageManager": "pnpm@7.27.0",
4
+ "version": "0.2.0",
6
5
  "license": "MIT",
7
6
  "repository": "nuxt/devtools",
8
7
  "exports": {
@@ -33,21 +32,8 @@
33
32
  "workspaces": [
34
33
  "client"
35
34
  ],
36
- "scripts": {
37
- "build": "pnpm dev:prepare && pnpm build:module && pnpm build:client",
38
- "build:client": "nuxi generate client",
39
- "build:module": "nuxt-build-module",
40
- "dev": "nuxi dev client",
41
- "dev:playground": "pnpm build && nuxi dev playground",
42
- "dev:prepare": "nuxi prepare client",
43
- "lint": "eslint .",
44
- "prepublishOnly": "pnpm build",
45
- "typecheck": "nuxi typecheck",
46
- "release": "pnpm test && standard-version && git push --follow-tags && npm publish",
47
- "test": "pnpm lint"
48
- },
49
35
  "peerDependencies": {
50
- "nuxt": "^3.2.0"
36
+ "nuxt": "^3.2.2"
51
37
  },
52
38
  "dependencies": {
53
39
  "@antfu/install-pkg": "^0.1.1",
@@ -68,42 +54,53 @@
68
54
  "vite-plugin-vue-inspector": "^3.3.2"
69
55
  },
70
56
  "devDependencies": {
71
- "@antfu/eslint-config": "^0.35.2",
72
- "@antfu/ni": "^0.20.0",
73
57
  "@antfu/utils": "^0.7.2",
74
- "@nuxt/devtools": "workspace:*",
75
- "@nuxt/module-builder": "^0.2.1",
76
- "@types/fs-extra": "^11.0.1",
77
- "@types/markdown-it": "^12.2.3",
78
- "@types/node": "^18.14.0",
79
- "@types/pacote": "^11.1.5",
80
- "@types/wait-on": "^5.3.1",
81
- "@types/which": "^2.0.2",
82
- "@types/ws": "^8.5.4",
83
- "@unocss/eslint-config": "^0.49.7",
84
- "@unocss/nuxt": "^0.49.7",
85
- "bumpp": "^8.2.1",
86
- "eslint": "^8.34.0",
58
+ "@iconify-json/carbon": "^1.1.15",
59
+ "@iconify-json/logos": "^1.1.23",
60
+ "@iconify-json/mdi": "^1.1.47",
61
+ "@iconify-json/ri": "^1.1.5",
62
+ "@iconify-json/tabler": "^1.1.61",
63
+ "@nuxtjs/color-mode": "^3.2.0",
64
+ "@unocss/nuxt": "^0.50.0",
65
+ "@unocss/preset-icons": "^0.50.0",
66
+ "@unocss/preset-uno": "^0.50.0",
67
+ "@unocss/runtime": "^0.50.0",
68
+ "@vueuse/nuxt": "^9.13.0",
69
+ "esno": "^0.16.3",
87
70
  "flatted": "^3.2.7",
88
71
  "floating-vue": "2.0.0-beta.20",
72
+ "fuse.js": "^6.6.2",
89
73
  "get-port-please": "^3.0.1",
90
74
  "global-dirs": "^3.0.1",
91
75
  "json-editor-vue": "^0.10.5",
92
76
  "markdown-it": "^13.0.1",
93
77
  "nuxt": "^3.2.2",
78
+ "nuxt-vitest": "^0.6.6",
94
79
  "ofetch": "^1.0.1",
95
80
  "picocolors": "^1.0.0",
96
81
  "semver": "^7.3.8",
82
+ "shiki": "^0.14.1",
83
+ "shiki-es": "^0.2.0",
97
84
  "sirv": "^2.0.2",
98
- "standard-version": "^9.5.0",
85
+ "theme-vitesse": "^0.6.2",
99
86
  "tinyws": "^0.1.0",
100
- "typescript": "^4.9.5",
101
- "vanilla-jsoneditor": "^0.14.5",
87
+ "unocss": "^0.50.0",
88
+ "vanilla-jsoneditor": "^0.14.9",
102
89
  "vis-data": "^7.1.4",
103
90
  "vis-network": "^9.1.2",
104
- "vue-tsc": "^1.1.6",
91
+ "vue-tsc": "^1.1.7",
105
92
  "wait-on": "^7.0.1",
106
93
  "which": "^3.0.0",
107
- "ws": "^8.12.1"
94
+ "ws": "^8.12.1",
95
+ "@nuxt/devtools-ui-kit": "0.2.0",
96
+ "@nuxt/devtools": "0.2.0"
97
+ },
98
+ "scripts": {
99
+ "build": "pnpm dev:prepare && pnpm build:module && pnpm build:client && cp ../../README.md .",
100
+ "build:client": "nuxi generate client",
101
+ "build:module": "nuxt-build-module",
102
+ "dev": "nuxi dev client",
103
+ "dev:playground": "pnpm build && nuxi dev playground",
104
+ "dev:prepare": "nuxi prepare client"
108
105
  }
109
- }
106
+ }
@@ -1 +0,0 @@
1
- import{_}from"./TabIcon.vue.6890c56a.js";import{_ as f}from"./NIcon.vue.701f4547.js";import{r as p,_ as k}from"./NButton.vue.09cc4471.js";import{a as h,e as a,h as b,f as s,t as i,u as g,l as c,F as x,B as w,o as n,c as l,w as y,j as B,V as N}from"./entry.d28dd037.js";const C={flex:"~ col gap2","h-full":"","items-center":"","justify-center":""},M={"text-xl":""},V=["innerHTML"],v={flex:"~ gap2 wrap"},H=h({__name:"LaunchPage",props:{icon:null,title:null,description:null,actions:null},emits:["action"],setup(e){return(o,L)=>{const d=_,m=f,u=k;return n(),a("div",C,[b(d,{"text-5xl":"",mb4:"",icon:e.icon||e.icon,title:e.title},null,8,["icon","title"]),s("h1",M,i(e.title),1),e.description?(n(),a("div",{key:0,op50:"","text-center":"","text-base":"","mt--1":"",mb2:"",class:"markdown-body",innerHTML:("renderMarkdown"in o?o.renderMarkdown:g(p))(e.description)},null,8,V)):c("",!0),s("div",v,[(n(!0),a(x,null,w(e.actions,(t,r)=>(n(),l(u,N({key:r,n:"solid primary",disabled:t.pending,to:t.src,target:t.src?"_blank":void 0},t.attrs,{onClick:()=>{t.handle?.(),o.$emit("action",r)}}),{default:y(()=>[t.pending?(n(),l(m,{key:0,icon:"carbon-circle-dash","animate-spin":""})):c("",!0),B(" "+i(t.label),1)]),_:2},1040,["disabled","to","target","onClick"]))),128))])])}}});export{H as _};
@@ -1 +0,0 @@
1
- @media (prefers-color-scheme:light){.get-started-gradient-border[data-v-c886fa13]{background:linear-gradient(90deg,#fff,#fff),linear-gradient(90deg,#00dc82,#1de0b1,#36e4da)}.gradient-border-modules[data-v-c886fa13]{background:linear-gradient(var(--gradient-angle),#f7d14c,rgba(247,209,76,.6),hsla(0,0%,100%,.8),#f7d14c)}.gradient-border-examples[data-v-c886fa13]{background:linear-gradient(var(--gradient-angle),#8deaff,rgba(141,234,255,.6),hsla(0,0%,100%,.8),#8deaff)}.gradient-border-documentation[data-v-c886fa13]{background:linear-gradient(var(--gradient-angle),#00dc82,rgba(0,220,130,.6),hsla(0,0%,100%,.8),#00dc82)}}@media (prefers-color-scheme:dark){.get-started-gradient-border[data-v-c886fa13]{background:linear-gradient(90deg,#18181b,#18181b),linear-gradient(90deg,#00dc82,#1de0b1,#36e4da)}.gradient-border-modules[data-v-c886fa13]{background:linear-gradient(var(--gradient-angle),#f7d14c,#a38108,hsla(0,0%,100%,.3),#a38108)}.gradient-border-examples[data-v-c886fa13]{background:linear-gradient(var(--gradient-angle),#8deaff,#008aa9,hsla(0,0%,100%,.3),#008aa9)}.gradient-border-documentation[data-v-c886fa13]{background:linear-gradient(var(--gradient-angle),#00dc82,#003f25,hsla(0,0%,100%,.2),#003f25)}}.get-started-gradient-border[data-v-c886fa13]{background-clip:padding-box,border-box;background-origin:padding-box,border-box;border-color:transparent;border-radius:12px;border-width:1px}.get-started-gradient-border[data-v-c886fa13]:hover>:is(.get-started-gradient-left,.get-started-gradient-right){opacity:.2}.get-started-gradient-left[data-v-c886fa13],.get-started-gradient-right[data-v-c886fa13]{opacity:0}.gradient-border[data-v-c886fa13]{border-radius:12px;left:0;opacity:0;position:absolute;top:0;transform:translate(-1px,-1px);width:calc(100% + 2px);z-index:-1}.gradient-border-rect[data-v-c886fa13]{height:calc(100% + 2px)}@media (min-width:1024px){.gradient-border-rect[data-v-c886fa13]{height:calc(100% + 1px)}}.gradient-border-square[data-v-c886fa13]{height:calc(100% + 2px)}.modules-gradient-right[data-v-c886fa13]{opacity:0}.documentation-container:hover>.gradient-border[data-v-c886fa13],.examples-container:hover>.gradient-border[data-v-c886fa13],.modules-container:hover>.gradient-border[data-v-c886fa13]{animation:gradient-rotate 5s linear 0s infinite reverse;opacity:1;transition:all .3s linear}.modules-container:hover>.modules-gradient-right[data-v-c886fa13]{opacity:.2}.examples-container:hover>.examples-gradient-right[data-v-c886fa13]{opacity:.2}.examples-gradient-right[data-v-c886fa13]{opacity:0}.documentation-image-color-dark[data-v-c886fa13],.documentation-image-color-light[data-v-c886fa13],.modules-image-color-dark[data-v-c886fa13],.modules-image-color-light[data-v-c886fa13],.examples-image-color-dark[data-v-c886fa13],.examples-image-color-light[data-v-c886fa13]{display:none}@media (prefers-color-scheme:light){.modules-image-light[data-v-c886fa13]{display:block}.modules-image-dark[data-v-c886fa13]{display:none}.modules-container:hover>a>.modules-image-light[data-v-c886fa13]{display:none}.modules-container:hover>a>.modules-image-color-light[data-v-c886fa13]{display:block}.examples-image-light[data-v-c886fa13]{display:block}.examples-image-dark[data-v-c886fa13]{display:none}.examples-container:hover>a>.examples-image-light[data-v-c886fa13]{display:none}.examples-container:hover>a>.examples-image-color-light[data-v-c886fa13]{display:block}.documentation-image-light[data-v-c886fa13]{display:block}.documentation-image-dark[data-v-c886fa13]{display:none}.documentation-container:hover>a>div>.documentation-image-light[data-v-c886fa13]{display:none}.documentation-container:hover>a>div>.documentation-image-color-light[data-v-c886fa13]{display:block}}@media (prefers-color-scheme:dark){.modules-image-dark[data-v-c886fa13]{display:block}.modules-image-light[data-v-c886fa13]{display:none}.modules-container:hover>a>.modules-image-color-dark[data-v-c886fa13]{display:block}.modules-container:hover>a>.modules-image-dark[data-v-c886fa13]{display:none}.examples-image-dark[data-v-c886fa13]{display:block}.examples-image-light[data-v-c886fa13]{display:none}.examples-container:hover>a>.examples-image-color-dark[data-v-c886fa13]{display:block}.examples-container:hover>a>.examples-image-dark[data-v-c886fa13]{display:none}.documentation-image-dark[data-v-c886fa13]{display:block}.documentation-image-light[data-v-c886fa13]{display:none}.documentation-container:hover>a>div>.documentation-image-color-dark[data-v-c886fa13]{display:block}.documentation-container:hover>a>div>.documentation-image-dark[data-v-c886fa13]{display:none}}.bg-white[data-v-c886fa13]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-gray-100[data-v-c886fa13]{--tw-bg-opacity:1;background-color:rgba(238,238,238,var(--tw-bg-opacity))}.bg-gradient-to-r[data-v-c886fa13]{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-l[data-v-c886fa13]{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.from-green-400[data-v-c886fa13]{--tw-gradient-from:rgba(55,233,144,var(--tw-from-opacity,1));--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,0%,100%,0))}.from-blue-400[data-v-c886fa13]{--tw-gradient-from:rgba(56,189,248,var(--tw-from-opacity,1));--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,0%,100%,0))}.from-yellow-400[data-v-c886fa13]{--tw-gradient-from:rgba(251,191,36,var(--tw-from-opacity,1));--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,0%,100%,0))}.to-transparent[data-v-c886fa13]{--tw-gradient-to:transparent}.border-gray-200[data-v-c886fa13]{--tw-border-opacity:1;border-color:rgba(224,224,224,var(--tw-border-opacity))}.hover\:border-transparent[data-v-c886fa13]:hover{border-color:transparent}.rounded-xl[data-v-c886fa13]{border-radius:.75rem}.rounded[data-v-c886fa13]{border-radius:.25rem}.border[data-v-c886fa13]{border-width:1px}.border-t[data-v-c886fa13]{border-top-width:1px}.flex[data-v-c886fa13]{display:flex}.grid[data-v-c886fa13]{display:grid}.hidden[data-v-c886fa13]{display:none}.flex-col[data-v-c886fa13]{flex-direction:column}.flex-col-reverse[data-v-c886fa13]{flex-direction:column-reverse}.place-content-center[data-v-c886fa13]{place-content:center}.items-center[data-v-c886fa13]{align-items:center}.justify-end[data-v-c886fa13]{justify-content:flex-end}.justify-center[data-v-c886fa13]{justify-content:center}.flex-1[data-v-c886fa13]{flex:1 1 0%}.order-last[data-v-c886fa13]{order:9999}.font-mono[data-v-c886fa13]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-semibold[data-v-c886fa13]{font-weight:600}.font-bold[data-v-c886fa13]{font-weight:700}.h-32[data-v-c886fa13]{height:8rem}.h-\[70px\][data-v-c886fa13]{height:70px}.text-4xl[data-v-c886fa13]{font-size:2.25rem;line-height:2.5rem}.text-xl[data-v-c886fa13]{font-size:1.25rem;line-height:1.75rem}.text-sm[data-v-c886fa13]{font-size:.875rem;line-height:1.25rem}.text-2xl[data-v-c886fa13]{font-size:1.5rem;line-height:2rem}.mx-auto[data-v-c886fa13]{margin-left:auto;margin-right:auto}.mb-2[data-v-c886fa13]{margin-bottom:.5rem}.max-w-\[960px\][data-v-c886fa13]{max-width:960px}.min-h-screen[data-v-c886fa13]{min-height:100vh}.p-1[data-v-c886fa13]{padding:.25rem}.px-4[data-v-c886fa13]{padding-left:1rem;padding-right:1rem}.py-14[data-v-c886fa13]{padding-bottom:3.5rem;padding-top:3.5rem}.py-6[data-v-c886fa13]{padding-bottom:1.5rem;padding-top:1.5rem}.px-5[data-v-c886fa13]{padding-left:1.25rem;padding-right:1.25rem}.pt-\[58px\][data-v-c886fa13]{padding-top:58px}.pb-6[data-v-c886fa13]{padding-bottom:1.5rem}.absolute[data-v-c886fa13]{position:absolute}.relative[data-v-c886fa13]{position:relative}.inset-y-0[data-v-c886fa13]{bottom:0;top:0}.inset-x-0[data-v-c886fa13]{left:0;right:0}.left-0[data-v-c886fa13]{left:0}.right-0[data-v-c886fa13]{right:0}.-top-\[58px\][data-v-c886fa13]{top:-58px}.-top-3[data-v-c886fa13]{top:-.75rem}.focus-visible\:ring-2[data-v-c886fa13]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.text-center[data-v-c886fa13]{text-align:center}.text-black[data-v-c886fa13]{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-gray-700[data-v-c886fa13]{--tw-text-opacity:1;color:rgba(66,66,66,var(--tw-text-opacity))}.hover\:text-black[data-v-c886fa13]:hover{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.antialiased[data-v-c886fa13]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-full[data-v-c886fa13]{width:100%}.w-\[20\%\][data-v-c886fa13]{width:20%}.z-10[data-v-c886fa13]{z-index:10}.z-1[data-v-c886fa13]{z-index:1}.gap-6[data-v-c886fa13]{grid-gap:1.5rem;gap:1.5rem}.gap-3[data-v-c886fa13]{grid-gap:.75rem;gap:.75rem}.gap-x-4[data-v-c886fa13]{grid-column-gap:1rem;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.gap-y-16[data-v-c886fa13]{grid-row-gap:4rem;-webkit-row-gap:4rem;-moz-row-gap:4rem;row-gap:4rem}.gap-y-4[data-v-c886fa13]{grid-row-gap:1rem;-webkit-row-gap:1rem;-moz-row-gap:1rem;row-gap:1rem}.gap-y-2[data-v-c886fa13]{grid-row-gap:.5rem;-webkit-row-gap:.5rem;-moz-row-gap:.5rem;row-gap:.5rem}.grid-cols-2[data-v-c886fa13]{grid-template-columns:repeat(2,minmax(0,1fr))}.col-span-2[data-v-c886fa13]{-ms-grid-column-span:span 2/span 2;grid-column:span 2/span 2}.row-span-2[data-v-c886fa13]{-ms-grid-row-span:span 2/span 2;grid-row:span 2/span 2}.transition-opacity[data-v-c886fa13]{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300[data-v-c886fa13]{transition-duration:.3s}@media (min-width:640px){.sm\:flex-row[data-v-c886fa13]{flex-direction:row}.sm\:justify-between[data-v-c886fa13]{justify-content:space-between}.sm\:h-34[data-v-c886fa13]{height:8.5rem}.sm\:text-base[data-v-c886fa13]{font-size:1rem;line-height:1.5rem}.sm\:text-5xl[data-v-c886fa13]{font-size:3rem;line-height:1}.sm\:min-h-\[220px\][data-v-c886fa13]{min-height:220px}.sm\:px-6[data-v-c886fa13]{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-28[data-v-c886fa13]{padding-left:7rem;padding-right:7rem}.sm\:col-span-1[data-v-c886fa13]{-ms-grid-column-span:span 1/span 1;grid-column:span 1/span 1}}@media (min-width:768px){.md\:min-h-\[180px\][data-v-c886fa13]{min-height:180px}}@media (min-width:1024px){.lg\:flex-col[data-v-c886fa13]{flex-direction:column}.lg\:order-none[data-v-c886fa13]{order:0}.lg\:min-h-min[data-v-c886fa13]{min-height:-moz-min-content;min-height:min-content}.lg\:py-7[data-v-c886fa13]{padding-bottom:1.75rem;padding-top:1.75rem}.lg\:px-8[data-v-c886fa13]{padding-left:2rem;padding-right:2rem}.lg\:grid-cols-10[data-v-c886fa13]{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:col-span-10[data-v-c886fa13]{-ms-grid-column-span:span 10/span 10;grid-column:span 10/span 10}.lg\:col-span-6[data-v-c886fa13]{-ms-grid-column-span:span 6/span 6;grid-column:span 6/span 6}.lg\:col-span-4[data-v-c886fa13]{-ms-grid-column-span:span 4/span 4;grid-column:span 4/span 4}}@media (prefers-color-scheme:dark){.dark\:bg-black[data-v-c886fa13]{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.dark\:bg-white\/10[data-v-c886fa13]{--tw-bg-opacity:.1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.dark\:bg-gray-900[data-v-c886fa13]{--tw-bg-opacity:1;background-color:rgba(24,24,27,var(--tw-bg-opacity))}.dark\:border-transparent[data-v-c886fa13]{border-color:transparent}.dark\:border-gray-900[data-v-c886fa13]{--tw-border-opacity:1;border-color:rgba(24,24,27,var(--tw-border-opacity))}.dark\:border-none[data-v-c886fa13]{border-style:none}.dark\:block[data-v-c886fa13]{display:block}.dark\:hidden[data-v-c886fa13]{display:none}.dark\:text-white[data-v-c886fa13]{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.dark\:text-gray-300[data-v-c886fa13]{--tw-text-opacity:1;color:rgba(189,189,189,var(--tw-text-opacity))}.dark\:hover\:text-white[data-v-c886fa13]:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}}
@@ -1 +0,0 @@
1
- import{a as e,o,e as a,M as c}from"./entry.d28dd037.js";const t=e({__name:"NIcon",props:{icon:null},setup(n){return(s,l)=>(o(),a("div",{class:c(["n-icon",n.icon])},null,2))}});export{t as _};
@@ -1 +0,0 @@
1
- import{_ as r}from"./NIcon.vue.701f4547.js";import{a as u,m as i,e as d,r as p,p as m,Z as f,u as b,f as x,q as h,o as n,c as y,l as V}from"./entry.d28dd037.js";const v={class:"n-text-input n-bg-base focus-within:n-focus-base focus-within:border-context rounded px-2 py-1 border n-border-base flex items-center flex"},B=["type","placeholder"],N=u({__name:"NTextInput",props:{modelValue:{default:""},placeholder:null,icon:null,disabled:{type:Boolean,default:!1},type:{default:"text"}},setup(e,{emit:l}){const o=i(e,"modelValue",l,{passive:!0});return(s,t)=>{const a=r;return n(),d("div",v,[p(s.$slots,"icon",{},()=>[e.icon?(n(),y(a,{key:0,icon:e.icon,class:"mr-0.4em text-1.1em op50"},null,8,["icon"])):V("",!0)]),m(x("input",{"onUpdate:modelValue":t[0]||(t[0]=c=>h(o)?o.value=c:null),class:"!outline-none flex-auto n-bg-base w-full",type:e.type,placeholder:e.placeholder},null,8,B),[[f,b(o)]])])}}});export{N as _};
@@ -1 +0,0 @@
1
- details[data-v-3f616fd2]{border-style:none}summary[data-v-3f616fd2]{border-style:none;list-style:none}details[open] summary[data-v-3f616fd2]{border-style:none}details summary[data-v-3f616fd2]::-webkit-details-marker{display:none}details[open] .chevron[data-v-3f616fd2]{opacity:.75;transform:rotate(180deg)}
@@ -1 +0,0 @@
1
- import{_ as f}from"./NIcon.vue.701f4547.js";import{a as d,o as n,e as l,M as a,l as c,r as s,f as t,t as i,h as v,w as x,F as _,j as h,c as y,X as B,Y as k}from"./entry.d28dd037.js";/* empty css */import{_ as I}from"./_plugin-vue_export-helper.c27b6911.js";const $={flex:"~ gap2","items-center":""},g=d({__name:"IconTitle",props:{icon:null,text:null},setup(e){return(o,u)=>(n(),l("div",$,[e.icon?(n(),l("div",{key:0,class:a(e.icon)},null,2)):c("",!0),s(o.$slots,"default",{},()=>[t("div",null,i(e.text),1)])]))}}),r=e=>(B("data-v-3f616fd2"),e=e(),k(),e),C=["open"],S={key:0,op50:"","text-sm":""},N=r(()=>t("div",{"flex-auto":""},null,-1)),w=r(()=>t("div",{"x-divider":""},null,-1)),V=d({__name:"SectionBlock",props:{icon:null,text:null,description:null,containerClass:{default:""},collapse:{type:Boolean,default:!0},open:{type:Boolean,default:!0},padding:{type:Boolean,default:!0}},setup(e){return(o,u)=>{const p=f,m=g;return n(),l(_,null,[t("details",{p4:"",open:e.open},[t("summary",{"select-none":"",class:a(e.collapse?"":"pointer-events-none")},[v(m,{icon:e.icon,text:e.text,"text-xl":"",op75:""},{default:x(()=>[t("div",null,[h(i(e.text)+" ",1),e.description?(n(),l("div",S,i(e.description),1)):c("",!0)]),N,e.collapse?(n(),y(p,{key:0,icon:"carbon-chevron-down","text-base":"",op50:"","cursor-pointer":"",transition:"","duration-500":"","place-self-start":"",class:"chevron"})):c("",!0)]),_:1},8,["icon","text"])],2),t("div",{flex:"~ col gap2",py2:"",class:a(e.padding?"pl8":"")},[s(o.$slots,"details",{},void 0,!0),t("div",{class:a(e.containerClass),mt1:""},[s(o.$slots,"default",{},void 0,!0)],2),s(o.$slots,"footer",{},void 0,!0)],2)],8,C),w],64)}}}),z=I(V,[["__scopeId","data-v-3f616fd2"]]);export{z as _,g as a};
@@ -1 +0,0 @@
1
- import{_ as u}from"./NButton.vue.09cc4471.js";import{a as m,b as f,a2 as x,o as p,e as r,u as t,f as n,M as l,l as b,h as _,w as v,j as k,a3 as y}from"./entry.d28dd037.js";const C={key:0,px4:"",py2:"",border:"b base",flex:"~ col gap-1"},g=n("div",{"text-sm":"",op50:""}," Dock devtools to ",-1),h={flex:"~ gap-1","text-lg":""},N={px4:"",py2:""},S=m({__name:"Settings",setup($){const o=y,s=f(),i=x();function d(){i.hooks.callHookParallel("app:data:refresh",Object.keys(i.payload.data)),s.value&&(s.value={...s.value})}return(B,e)=>{const c=u;return p(),r("div",null,[t(s)?(p(),r("div",C,[g,n("div",h,[n("button",{"i-carbon-open-panel-filled-bottom":"",class:l(t(o).position==="bottom"?"text-primary":"op50"),onClick:e[0]||(e[0]=a=>t(o).position="bottom")},null,2),n("button",{"i-carbon-open-panel-filled-right":"",class:l(t(o).position==="right"?"text-primary":"op50"),onClick:e[1]||(e[1]=a=>t(o).position="right")},null,2),n("button",{"i-carbon-open-panel-filled-left":"",class:l(t(o).position==="left"?"text-primary":"op50"),onClick:e[2]||(e[2]=a=>t(o).position="left")},null,2),n("button",{"i-carbon-open-panel-filled-top":"",class:l(t(o).position==="top"?"text-primary":"op50"),onClick:e[3]||(e[3]=a=>t(o).position="top")},null,2)])])):b("",!0),n("div",N,[_(c,{n:"solid primary xs",onClick:d},{default:v(()=>[k(" Refresh All ")]),_:1})])])}}});export{S as _};
@@ -1 +0,0 @@
1
- .jse-theme-dark{--jse-theme-color:#2f6dd0;--jse-theme-color-highlight:#467cd2;--jse-background-color:#1e1e1e;--jse-text-color:#d4d4d4;--jse-main-border:1px solid #4f4f4f;--jse-menu-color:#fff;--jse-modal-background:#2f2f2f;--jse-modal-overlay-background:rgba(0,0,0,.5);--jse-modal-code-background:#2f2f2f;--jse-tooltip-color:var(--jse-text-color);--jse-tooltip-background:#4b4b4b;--jse-tooltip-border:1px solid #737373;--jse-tooltip-action-button-color:inherit;--jse-tooltip-action-button-background:#737373;--jse-panel-background:#333;--jse-panel-background-border:1px solid #464646;--jse-panel-color:var(--jse-text-color);--jse-panel-color-readonly:#737373;--jse-panel-border:1px solid #3c3c3c;--jse-panel-button-color-highlight:#e5e5e5;--jse-panel-button-background-highlight:#464646;--jse-navigation-bar-background:#656565;--jse-navigation-bar-background-highlight:#7e7e7e;--jse-navigation-bar-dropdown-color:var(--jse-text-color);--jse-context-menu-background:#4b4b4b;--jse-context-menu-background-highlight:#595959;--jse-context-menu-separator-color:#595959;--jse-context-menu-color:var(--jse-text-color);--jse-context-menu-pointer-background:#737373;--jse-context-menu-pointer-background-highlight:#818181;--jse-context-menu-pointer-color:var(--jse-context-menu-color);--jse-key-color:#9cdcfe;--jse-value-color:var(--jse-text-color);--jse-value-color-number:#b5cea8;--jse-value-color-boolean:#569cd6;--jse-value-color-null:#569cd6;--jse-value-color-string:#ce9178;--jse-value-color-url:#ce9178;--jse-delimiter-color:#949494;--jse-edit-outline:2px solid var(--jse-text-color);--jse-selection-background-color:#464646;--jse-selection-background-inactive-color:#333;--jse-hover-background-color:#343434;--jse-active-line-background-color:hsla(0,0%,100%,.06);--jse-search-match-background-color:#343434;--jse-collapsed-items-background-color:#333;--jse-collapsed-items-selected-background-color:#565656;--jse-collapsed-items-link-color:#b2b2b2;--jse-collapsed-items-link-color-highlight:#ec8477;--jse-search-match-color:#724c27;--jse-search-match-outline:1px solid #966535;--jse-search-match-active-color:#9f6c39;--jse-search-match-active-outline:1px solid #bb7f43;--jse-tag-background:#444;--jse-tag-color:#bdbdbd;--jse-table-header-background:#333;--jse-table-header-background-highlight:#424242;--jse-table-row-odd-background:hsla(0,0%,100%,.1);--jse-input-background:#3d3d3d;--jse-input-border:var(--jse-main-border);--jse-button-background:grey;--jse-button-background-highlight:#7a7a7a;--jse-button-color:#e0e0e0;--jse-button-secondary-background:#494949;--jse-button-secondary-background-highlight:#5d5d5d;--jse-button-secondary-background-disabled:#9d9d9d;--jse-button-secondary-color:var(--jse-text-color);--jse-a-color:#55abff;--jse-a-color-highlight:#4387c9;--background:#3d3d3d;--border:1px solid #4f4f4f;--list-background:#3d3d3d;--item-hover-bg:#505050;--multi-item-bg:#5b5b5b;--input-color:#d4d4d4;--multi-clear-bg:#8a8a8a;--multi-item-clear-icon-color:#d4d4d4;--multi-item-outline:1px solid #696969;--list-shadow:0 2px 8px 0 rgba(0,0,0,.4);--jse-color-picker-background:#656565;--jse-color-picker-border-box-shadow:#8c8c8c 0 0 0 1px}.json-editor-vue{--jse-theme-color:#383e42!important;--jse-theme-color-highlight:#687177!important}.json-editor-vue .no-main-menu{border:none!important}.json-editor-vue .jse-main{min-height:1em!important}.json-editor-vue .jse-contents{border-radius:5px!important;border-width:0!important}
@@ -1 +0,0 @@
1
- import{u as c}from"./composables.8c342cc5.js";import{_ as d}from"./StateEditor.vue.ab9d7157.js";import{a as y,x as p,z as f,o as i,c as m,V as k,u as n,q as b,e as v}from"./entry.d28dd037.js";const g={key:1,mt2:"",italic:"",op35:""},V=y({__name:"StateEditor",props:{state:null,readonly:{type:Boolean}},setup(l){const o=l,u=c(),s=p();s.value=JSON.parse(JSON.stringify(o.state)),f(s,a=>{r(a,o.state)},{deep:!0});function r(a,t){for(const e in a)a[e]===null?t[e]=null:Array.isArray(a[e])?t[e]=a[e].slice():typeof a[e]=="object"?r(a[e],t[e]):t[e]=a[e]}return(a,t)=>l.state&&Object.keys(l.state).length>0?(i(),m(n(d),k({key:0,modelValue:n(s),"onUpdate:modelValue":t[0]||(t[0]=e=>b(s)?s.value=e:null)},a.$attrs,{class:["json-editor-vue",n(u).value==="dark"?"jse-theme-dark":""],"main-menu-bar":!1,"navigation-bar":!1,"status-bar":!1,"read-only":l.readonly,indentation:2,"tab-size":2}),null,16,["modelValue","class","read-only"])):(i(),v("div",g," No data "))}});export{V as _};
@@ -1 +0,0 @@
1
- import{a as i,b as c,e as a,f as e,u as s,o as r}from"./entry.d28dd037.js";const p={flex:"~","items-center":"","justify-center":"","bg-base":"","h-screen":"",px5:""},l={absolute:"","right-0":"","top-0":"",p2:""},_=e("div",null," Inspecting Vue components ",-1),b=i({__name:"__inspecting",setup(u){const t=c();return(d,n)=>(r(),a("div",p,[e("div",l,[e("button",{"carbon-close":"","text-xl":"",op50:"","hover:op100":"",ma:"",onClick:n[0]||(n[0]=(...o)=>s(t)?.inspector?.instance?.disable&&s(t)?.inspector?.instance?.disable(...o))})]),_]))}});export{b as default};