@nuxt/devtools 0.4.5 → 0.5.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 (143) hide show
  1. package/README.md +1 -1
  2. package/dist/chunks/analyze-build.mjs +25 -0
  3. package/dist/chunks/module-main.mjs +6172 -93
  4. package/dist/chunks/vite-inspect.mjs +7 -1
  5. package/dist/chunks/vscode.mjs +12 -5
  6. package/dist/chunks/vue-inspector.mjs +3 -2
  7. package/dist/client/200.html +2 -2
  8. package/dist/client/404.html +2 -2
  9. package/dist/client/__inspecting/index.html +2 -2
  10. package/dist/client/_nuxt/{Badge.49aad048.js → Badge.c6f0948b.js} +1 -1
  11. package/dist/client/_nuxt/CodeSnippets.vue.c8638278.js +1 -0
  12. package/dist/client/_nuxt/{DrawerRight.vue.606d00e1.js → DrawerRight.vue.f79970eb.js} +1 -1
  13. package/dist/client/_nuxt/{DurationDisplay.vue.3073b599.js → DurationDisplay.vue.d1c8be7a.js} +1 -1
  14. package/dist/client/_nuxt/FilepathItem.vue.22e62c13.js +1 -0
  15. package/dist/client/_nuxt/HelpFab.f179afc3.css +1 -0
  16. package/dist/client/_nuxt/HelpFab.vue.82dbe71b.js +1 -0
  17. package/dist/client/_nuxt/{LaunchPage.vue.8bbdc3aa.js → LaunchPage.vue.e9f10392.js} +1 -1
  18. package/dist/client/_nuxt/NCheckbox.vue.2dbb6d84.js +1 -0
  19. package/dist/client/_nuxt/NCodeBlock.cf3ce05b.css +1 -0
  20. package/dist/client/_nuxt/NCodeBlock.vue.7df96def.js +2 -0
  21. package/dist/client/_nuxt/{NIconButton.vue.43ec44ac.js → NIconButton.vue.61b6fdb9.js} +1 -1
  22. package/dist/client/_nuxt/NIconTitle.vue.db04ddec.js +1 -0
  23. package/dist/client/_nuxt/NLink.vue.cee1facb.js +1 -0
  24. package/dist/client/_nuxt/NMarkdown.vue.bfa53523.js +1 -0
  25. package/dist/client/_nuxt/{NPanelGrids.0426d51d.js → NPanelGrids.f0b55b40.js} +1 -1
  26. package/dist/client/_nuxt/NSectionBlock.63c19da9.css +1 -0
  27. package/dist/client/_nuxt/NSectionBlock.b03d4f1a.js +1 -0
  28. package/dist/client/_nuxt/NSelect.vue.04879311.js +1 -0
  29. package/dist/client/_nuxt/NSwitch.vue.6de70289.js +1 -0
  30. package/dist/client/_nuxt/NTextInput.vue.3d7af8ee.js +1 -0
  31. package/dist/client/_nuxt/NTip.vue.d3e88526.js +1 -0
  32. package/dist/client/_nuxt/Navbar.vue.1175e5b5.js +1 -0
  33. package/dist/client/_nuxt/NpmVersionCheck.vue.82d98ad9.js +1 -0
  34. package/dist/client/_nuxt/PanelLeftRight.vue.b6fba8cf.js +1 -0
  35. package/dist/client/_nuxt/StateEditor.vue.452c2a1e.js +1 -0
  36. package/dist/client/_nuxt/{__inspecting.84bde860.js → __inspecting.aa44686c.js} +1 -1
  37. package/dist/client/_nuxt/analyze-build.74e951ef.js +1 -0
  38. package/dist/client/_nuxt/assets.fbaf474a.js +16 -0
  39. package/dist/client/_nuxt/client.64d509dc.js +1 -0
  40. package/dist/client/_nuxt/components.6ce21080.js +99 -0
  41. package/dist/client/_nuxt/custom-_name_.1f84ba8c.js +1 -0
  42. package/dist/client/_nuxt/default.2d7cfbe4.js +1 -0
  43. package/dist/client/_nuxt/{editor.ff73b8b7.js → editor.e9488ebd.js} +1 -1
  44. package/dist/client/_nuxt/entry.8297d1ff.js +19 -0
  45. package/dist/client/_nuxt/entry.f90d2a3f.css +1 -0
  46. package/dist/client/_nuxt/error-404.6fbc16df.js +1 -0
  47. package/dist/client/_nuxt/{error-500.7154a75a.js → error-500.6f213eb2.js} +1 -1
  48. package/dist/client/_nuxt/error-component.b12ab471.js +3 -0
  49. package/dist/client/_nuxt/full.6c0706c9.js +1 -0
  50. package/dist/client/_nuxt/fuse.esm.88e2763d.js +1 -0
  51. package/dist/client/_nuxt/hooks.10fe847b.js +1 -0
  52. package/dist/client/_nuxt/imports.dccf485c.js +1 -0
  53. package/dist/client/_nuxt/index.bd18d84a.js +1 -0
  54. package/dist/client/_nuxt/index.e4ec7d02.js +17 -0
  55. package/dist/client/_nuxt/json-editor-vue.98769e76.js +137 -0
  56. package/dist/client/_nuxt/middleware.4d606e29.js +1 -0
  57. package/dist/client/_nuxt/modules.7f83fecd.js +4 -0
  58. package/dist/client/_nuxt/none.685e4f52.js +1 -0
  59. package/dist/client/_nuxt/open-graph.424b4348.js +3 -0
  60. package/dist/client/_nuxt/overview.13e4bf5e.js +1 -0
  61. package/dist/client/_nuxt/pages.5bc65ca2.js +1 -0
  62. package/dist/client/_nuxt/payload.ac68ce00.js +1 -0
  63. package/dist/client/_nuxt/plugins.dc27cda6.js +1 -0
  64. package/dist/client/_nuxt/runtime-configs.34323c66.js +1 -0
  65. package/dist/client/_nuxt/server-routes.669a8424.js +9 -0
  66. package/dist/client/_nuxt/settings.5a3586f3.js +1 -0
  67. package/dist/client/_nuxt/storage.edd17bdb.js +1 -0
  68. package/dist/client/_nuxt/terminals.20082284.js +9 -0
  69. package/dist/client/_nuxt/terminals.d1dcf297.css +32 -0
  70. package/dist/client/_nuxt/{unocss-runtime.a5456e46.js → unocss-runtime.f33e0ffe.js} +2 -2
  71. package/dist/client/_nuxt/virtual-files.16d4138c.js +1 -0
  72. package/dist/client/index.html +2 -2
  73. package/dist/client/modules/analyze-build/index.html +7 -0
  74. package/dist/client/modules/assets/index.html +2 -2
  75. package/dist/client/modules/components/index.html +2 -2
  76. package/dist/client/modules/hooks/index.html +2 -2
  77. package/dist/client/modules/imports/index.html +2 -2
  78. package/dist/client/modules/middleware/index.html +2 -2
  79. package/dist/client/modules/modules/index.html +2 -2
  80. package/dist/client/modules/open-graph/index.html +7 -0
  81. package/dist/client/modules/overview/index.html +2 -2
  82. package/dist/client/modules/pages/index.html +2 -2
  83. package/dist/client/modules/payload/index.html +2 -2
  84. package/dist/client/modules/plugins/index.html +2 -2
  85. package/dist/client/modules/runtime-configs/index.html +2 -2
  86. package/dist/client/modules/server-routes/index.html +2 -2
  87. package/dist/client/modules/storage/index.html +2 -2
  88. package/dist/client/modules/terminals/index.html +2 -2
  89. package/dist/client/modules/virtual-files/index.html +2 -2
  90. package/dist/client/settings/index.html +2 -2
  91. package/dist/module.json +1 -1
  92. package/dist/module.mjs +1 -1
  93. package/dist/runtime/plugins/devtools.client.mjs +1 -1
  94. package/dist/runtime/plugins/view/Container.vue +1 -1
  95. package/dist/runtime/plugins/view/Frame.vue +9 -4
  96. package/dist/runtime/plugins/view/state.d.ts +1 -2
  97. package/dist/runtime/plugins/view/state.mjs +2 -2
  98. package/dist/shared/{devtools.23768dcf.mjs → devtools.a2798b81.mjs} +2 -1
  99. package/dist/types.d.ts +26 -13
  100. package/package.json +37 -31
  101. package/dist/client/_nuxt/CodeSnippets.vue.473c040b.js +0 -1
  102. package/dist/client/_nuxt/FilepathItem.vue.b3314ab3.js +0 -1
  103. package/dist/client/_nuxt/HelpFab.vue.665e0424.js +0 -1
  104. package/dist/client/_nuxt/NCheckbox.vue.efe5a5b6.js +0 -1
  105. package/dist/client/_nuxt/NCodeBlock.vue.f20ad1f9.js +0 -2
  106. package/dist/client/_nuxt/NIconTitle.vue.2336a153.js +0 -1
  107. package/dist/client/_nuxt/NMarkdown.vue.8693e3ae.js +0 -1
  108. package/dist/client/_nuxt/NSectionBlock.bd642c42.js +0 -1
  109. package/dist/client/_nuxt/NSelect.vue.9f52b6f9.js +0 -1
  110. package/dist/client/_nuxt/NSwitch.vue.60cb8df3.js +0 -1
  111. package/dist/client/_nuxt/NTextInput.vue.361fd6cd.js +0 -1
  112. package/dist/client/_nuxt/NpmVersionCheck.vue.9f35f1dc.js +0 -1
  113. package/dist/client/_nuxt/NuxtLogo.ef2174f9.js +0 -1
  114. package/dist/client/_nuxt/PanelLeftRight.vue.583d184f.js +0 -1
  115. package/dist/client/_nuxt/StateEditor.vue.1d137e38.js +0 -1
  116. package/dist/client/_nuxt/assets.076b9c16.js +0 -16
  117. package/dist/client/_nuxt/components.02471781.js +0 -1
  118. package/dist/client/_nuxt/custom-_name_.5bebb320.js +0 -1
  119. package/dist/client/_nuxt/default.8e9da065.js +0 -1
  120. package/dist/client/_nuxt/entry.902f663c.js +0 -261
  121. package/dist/client/_nuxt/entry.cda5cdff.css +0 -32
  122. package/dist/client/_nuxt/error-404.4d9e4ae0.js +0 -1
  123. package/dist/client/_nuxt/error-component.23a1e788.js +0 -3
  124. package/dist/client/_nuxt/full.a10d4dcd.js +0 -1
  125. package/dist/client/_nuxt/fuse.esm.e5f0aacd.js +0 -1
  126. package/dist/client/_nuxt/hooks.80ca9780.js +0 -1
  127. package/dist/client/_nuxt/imports.1b2f6f12.js +0 -1
  128. package/dist/client/_nuxt/index.10027c98.js +0 -1
  129. package/dist/client/_nuxt/index.ce8efa93.js +0 -17
  130. package/dist/client/_nuxt/middleware.8af00f99.js +0 -1
  131. package/dist/client/_nuxt/modules.d83f8f78.js +0 -1
  132. package/dist/client/_nuxt/none.69d08df4.js +0 -1
  133. package/dist/client/_nuxt/overview.fc3bd21f.js +0 -1
  134. package/dist/client/_nuxt/pages.6ecfcd29.js +0 -1
  135. package/dist/client/_nuxt/payload.42332653.js +0 -1
  136. package/dist/client/_nuxt/plugins.2d433e66.js +0 -1
  137. package/dist/client/_nuxt/runtime-configs.1cc6d705.js +0 -1
  138. package/dist/client/_nuxt/server-routes.436b8d89.js +0 -9
  139. package/dist/client/_nuxt/settings.661215f6.js +0 -1
  140. package/dist/client/_nuxt/storage.50e9d190.js +0 -1
  141. package/dist/client/_nuxt/terminals.4329aeb9.css +0 -1
  142. package/dist/client/_nuxt/terminals.80be701c.js +0 -1
  143. package/dist/client/_nuxt/virtual-files.82f29e98.js +0 -1
@@ -0,0 +1 @@
1
+ import{a as e,h as a,o as n}from"./entry.8297d1ff.js";const s=e({__name:"middleware",setup(o){return(t,r)=>(n(),a("div",null," WIP "))}});export{s as default};
@@ -0,0 +1,4 @@
1
+ import{_ as Le}from"./FilepathItem.vue.22e62c13.js";import{a as P,p as A,o as f,c as C,w,f as m,u as c,l as T,t as L,h as x,V as D,s as j,v as k,i as $,F as R,q as X,H as $e,a3 as we,an as Ee,r as Z,aa as Ae,k as le,ao as ke,ap as De,aq as pe,ar as Be,as as Re,af as Ie,at as Pe,au as Fe,av as He,a4 as Ue,aw as je,z as qe,a8 as he,ac as We,ax as Ke,P as Ye,ay as Ge,G as Je,a0 as Xe,az as Ze,R as Qe,aA as et,I as tt,ab as ve,a2 as nt}from"./entry.8297d1ff.js";import{_ as it}from"./NpmVersionCheck.vue.82d98ad9.js";import{u as ze}from"./editor.e9488ebd.js";import{_ as ot}from"./NSectionBlock.b03d4f1a.js";import{_ as Se}from"./NIconButton.vue.61b6fdb9.js";import{_ as st}from"./NIconTitle.vue.db04ddec.js";import{_ as rt}from"./NTextInput.vue.3d7af8ee.js";import{_ as lt}from"./Badge.c6f0948b.js";import{F as at}from"./fuse.esm.88e2763d.js";import{_ as Ce}from"./NCodeBlock.vue.7df96def.js";import{_ as ut}from"./NLink.vue.cee1facb.js";import{_ as ct}from"./NTip.vue.d3e88526.js";import{_ as dt}from"./HelpFab.vue.82dbe71b.js";import"./NCheckbox.vue.2dbb6d84.js";import"./client.64d509dc.js";const ft={flex:"~ col gap2","flex-auto":"","of-hidden":"",px1:""},mt={"gap-1t":"",flex:"","items-center":"","text-ellipsis":"","ws-nowrap":"","text-lg":""},pt={key:2},ht=m("div",{"flex-auto":""},null,-1),vt={key:1,flex:"~ gap-2",title:"Documentation"},_t=m("span",{"i-carbon-link":"","text-lg":"",op50:""},null,-1),yt={key:2,flex:"~ gap-2"},gt=m("span",{"i-carbon-logo-github":"","text-lg":"",op50:""},null,-1),bt={flex:"~ col","items-end":""},xt={key:0,"h-20":"","w-20":"",flex:"","flex-none":"",rounded:"","bg-gray:3":"",p4:""},$t=["src","alt"],wt=m("div",{"i-carbon-circle-dash":"",ma:"","text-4xl":"",op50:""},null,-1),kt={key:1,flex:"~",mt2:"","flex-auto":"","items-end":"","justify-end":""},It=["src"],zt=m("div",{"flex-auto":""},null,-1),St={flex:"","justify-end":""},Ct="https://api.nuxtjs.org/api/ipx/s_80,f_webp/gh/nuxt/modules/main/icons/",Mt="https://api.nuxtjs.org/api/ipx/s_44,f_webp/gh_avatar/",Tt="https://github.com/",Ot="https://www.npmjs.com/package/",ae=P({__name:"ModuleItemBase",props:{mod:null,info:null,compact:{type:Boolean}},setup(e){const t=e,n=A(()=>({...t.mod?.meta,...t.mod,...t.info})),i=ze();return(o,r)=>{const l=$e,a=we;return f(),C(a,{p4:"",flex:"~ gap2"},{default:w(()=>[m("div",ft,[m("div",mt,[e.mod.isPackageModule?(f(),C(l,{key:0,to:Ot+(c(n).npm||c(n).name),target:"_blank",hover:"underline text-primary"},{default:w(()=>[T(L(c(n).name),1)]),_:1},8,["to"])):e.mod.entryPath?(f(),x("button",{key:1,role:"button",hover:"underline text-primary",onClick:r[0]||(r[0]=s=>c(i)(e.mod.entryPath))},L(c(n).name),1)):(f(),x("span",pt,L(c(n).name),1)),D(o.$slots,"badge")]),c(n).description?(f(),x("div",{key:0,class:j(e.compact?"ws-nowrap of-hidden truncate":"line-clamp-2"),"mt--1":"","text-sm":"",op50:""},L(c(n).description),3)):k("",!0),ht,c(n).website?(f(),x("div",vt,[_t,$(l,{to:c(n).website,target:"_blank","of-hidden":"",truncate:"","ws-nowrap":"","text-sm":"",op50:"",hover:"op100 underline text-primary"},{default:w(()=>[T(L(c(n).website.replace(/^https?:\/\//,"")),1)]),_:1},8,["to"])])):k("",!0),c(n).github?(f(),x("div",yt,[gt,$(l,{to:c(n).github,target:"_blank","of-hidden":"",truncate:"","ws-nowrap":"","text-sm":"",op50:"",hover:"op100 underline text-primary"},{default:w(()=>[T(L(c(n).github.replace(/^https?:\/\/github.com\//,"")),1)]),_:1},8,["to"])])):k("",!0),D(o.$slots,"items")]),m("div",bt,[c(n).icon||e.mod.isPackageModule?(f(),x("div",xt,[c(n).icon?(f(),x("img",{key:0,src:Ct+c(n).icon,alt:e.mod.name,ma:""},null,8,$t)):k("",!0),wt])):k("",!0),c(n).maintainers?.length?(f(),x("div",kt,[(f(!0),x(R,null,X(c(n).maintainers,s=>(f(),C(l,{key:s.name,target:"_blank",to:Tt+s.github,title:s.name},{default:w(()=>[m("img",{src:Mt+s.github,"h-6":"","w-6":"","rounded-full":""},null,8,It)]),_:2},1032,["to","title"]))),128))])):k("",!0),o.$slots.actions?(f(),x(R,{key:2},[zt,m("div",St,[D(o.$slots,"actions")])],64)):k("",!0)])]),_:3})}}}),Vt={key:0,flex:"~ gap-2",title:"Open on filesystem"},Nt=m("span",{"i-carbon-folder-move-to":"","text-lg":"",op50:""},null,-1),Lt=m("span",{"i-carbon-circle-dash":"","animate-spin":"","text-lg":"",op50:""},null,-1),Et=m("code",{"text-sm":"",op50:""},"Upgrading...",-1),At={key:1,"mx--2":""},Dt=["onClick"],Bt=m("span",{"i-carbon-intent-request-active":"","text-lg":"","text-primary":""},null,-1),Rt=m("code",{"text-xs":""},"Update installed, click to restart",-1),Pt=[Bt,Rt],Ft={key:2,"mx--2":""},Ht=["onClick"],Ut=m("span",{"i-carbon-intent-request-upgrade":"","text-lg":"",op50:""},null,-1),jt={op50:""},qt=m("div",{"i-carbon-arrow-right":"",op50:""},null,-1),Wt={"text-green":""},Kt={key:3,flex:"~ gap-2","items-center":"",title:"NPM"},Yt=m("span",{"i-carbon-cube":"","text-lg":"",op50:""},null,-1),Gt={"text-sm":"",op50:""},Jt=P({__name:"ModuleItem",props:{mod:null},setup(e){const t=e,n=A(()=>t.mod.info),i=A(()=>({...t.mod?.meta,...t.mod,...n.value}));return(o,r)=>{const l=Le,a=$e,s=it,u=ae;return f(),C(u,{mod:e.mod,info:c(n)},{items:w(()=>[e.mod.entryPath?(f(),x("div",Vt,[Nt,$(l,{filepath:e.mod.entryPath,"text-sm":"",op50:"",hover:"text-primary op100"},null,8,["filepath"])])):k("",!0),c(i).npm?(f(),C(s,{key:c(i).npm,"package-name":c(i).npm,options:{dev:!0}},{default:w(({info:d,update:b,state:_,id:y,restart:I})=>[_==="running"?(f(),C(a,{key:0,flex:"~ gap-2","animate-pulse":"","items-center":"",to:y?`/modules/terminals?id=${encodeURIComponent(y)}`:void 0},{default:w(()=>[Lt,Et]),_:2},1032,["to"])):_==="updated"?(f(),x("div",At,[m("button",{flex:"~ gap-2",hover:"bg-primary/20","items-center":"",rounded:"","bg-primary:10":"",px2:"","text-sm":"","text-primary":"",onClick:I},Pt,8,Dt)])):d?.needsUpdate?(f(),x("div",Ft,[m("button",{flex:"~ gap-2",title:"Click to upgrade","items-center":"",rounded:"",px2:"","text-sm":"",hover:"bg-active",onClick:h=>b()},[Ut,m("code",jt,"v"+L(d.current),1),qt,m("code",Wt,"v"+L(d.latest),1)],8,Ht)])):d?.latest?(f(),x("div",Kt,[Yt,m("code",Gt,"v"+L(d.current),1)])):k("",!0)]),_:1},8,["package-name"])):k("",!0)]),_:1},8,["mod","info"])}}}),Xt=P({__name:"NDropdown",props:{modelValue:{type:Boolean}},emits:[],setup(e,{emit:t}){const i=Ee(e,"modelValue",t,{passive:!0}),o=Z();return Ae(o,()=>{i.value=!1}),(r,l)=>{const a=le;return f(),x("div",{ref_key:"el",ref:o,class:"relative"},[D(r.$slots,"trigger",{enabled:c(i),click:()=>i.value=!c(i)},()=>[$(a,{onClick:l[0]||(l[0]=s=>i.value=!c(i))},{default:w(()=>[T(" Dropdown ")]),_:1})]),m("div",{class:j(["absolute z-10 border n-border-base rounded shadow n-transition n-bg-base",[c(i)?"op-100":"op0 pointer-events-none -translate-y-1"]])},[D(r.$slots,"default")],2)],512)}}}),Zt=P({__name:"ModuleItemInstall",props:{item:null},setup(e){const t=e,n=ke(),i=A(()=>n.value.find(l=>l.name===t.item.npm)),o=A(()=>i.value&&i.value.isPackageModule),r=A(()=>i.value&&i.value.isPackageModule&&i.value.isUninstallable);return(l,a)=>{const s=lt,u=Se,d=le,b=Xt,_=ae;return f(),C(_,{mod:{},role:c(o)?"":"button",info:e.item,mb2:"","h-full":"",class:j(c(o)?"border-dashed op75":"hover:bg-active!"),compact:!0,onClick:a[1]||(a[1]=y=>c(o)?null:("useModuleAction"in l?l.useModuleAction:c(pe))(e.item,"install"))},De({_:2},[c(o)?{name:"badge",fn:w(()=>[$(s,{"bg-green-400:10":"","text-green-400":""},{default:w(()=>[T(" Installed ")]),_:1}),c(r)?(f(),C(b,{key:0,n:"sm green"},{trigger:w(({click:y})=>[$(u,{icon:"carbon-overflow-menu-vertical",onClick:I=>y()},null,8,["onClick"])]),default:w(()=>[$(d,{icon:"carbon-trash-can",n:"red",onClick:a[0]||(a[0]=y=>("useModuleAction"in l?l.useModuleAction:c(pe))(e.item,"uninstall"))},{default:w(()=>[T(" Uninstall ")]),_:1})]),_:1})):k("",!0)]),key:"0"}:void 0]),1032,["role","info","class"])}}});function Qt(){var e=window.navigator.userAgent,t=e.indexOf("MSIE ");if(t>0)return parseInt(e.substring(t+5,e.indexOf(".",t)),10);var n=e.indexOf("Trident/");if(n>0){var i=e.indexOf("rv:");return parseInt(e.substring(i+3,e.indexOf(".",i)),10)}var o=e.indexOf("Edge/");return o>0?parseInt(e.substring(o+5,e.indexOf(".",o)),10):-1}let Y;function te(){te.init||(te.init=!0,Y=Qt()!==-1)}var Q={name:"ResizeObserver",props:{emitOnMount:{type:Boolean,default:!1},ignoreWidth:{type:Boolean,default:!1},ignoreHeight:{type:Boolean,default:!1}},emits:["notify"],mounted(){te(),Ie(()=>{this._w=this.$el.offsetWidth,this._h=this.$el.offsetHeight,this.emitOnMount&&this.emitSize()});const e=document.createElement("object");this._resizeObject=e,e.setAttribute("aria-hidden","true"),e.setAttribute("tabindex",-1),e.onload=this.addResizeHandlers,e.type="text/html",Y&&this.$el.appendChild(e),e.data="about:blank",Y||this.$el.appendChild(e)},beforeUnmount(){this.removeResizeHandlers()},methods:{compareAndNotify(){(!this.ignoreWidth&&this._w!==this.$el.offsetWidth||!this.ignoreHeight&&this._h!==this.$el.offsetHeight)&&(this._w=this.$el.offsetWidth,this._h=this.$el.offsetHeight,this.emitSize())},emitSize(){this.$emit("notify",{width:this._w,height:this._h})},addResizeHandlers(){this._resizeObject.contentDocument.defaultView.addEventListener("resize",this.compareAndNotify),this.compareAndNotify()},removeResizeHandlers(){this._resizeObject&&this._resizeObject.onload&&(!Y&&this._resizeObject.contentDocument&&this._resizeObject.contentDocument.defaultView.removeEventListener("resize",this.compareAndNotify),this.$el.removeChild(this._resizeObject),this._resizeObject.onload=null,this._resizeObject=null)}}};const en=Pe();Be("data-v-b329ee4c");const tn={class:"resize-observer",tabindex:"-1"};Re();const nn=en((e,t,n,i,o,r)=>(f(),C("div",tn)));Q.render=nn;Q.__scopeId="data-v-b329ee4c";Q.__file="src/components/ResizeObserver.vue";function G(e){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?G=function(t){return typeof t}:G=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},G(e)}function on(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function sn(e,t,n){return t&&_e(e.prototype,t),n&&_e(e,n),e}function ye(e){return rn(e)||ln(e)||an(e)||un()}function rn(e){if(Array.isArray(e))return ne(e)}function ln(e){if(typeof Symbol<"u"&&Symbol.iterator in Object(e))return Array.from(e)}function an(e,t){if(e){if(typeof e=="string")return ne(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n==="Object"&&e.constructor&&(n=e.constructor.name),n==="Map"||n==="Set")return Array.from(e);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ne(e,t)}}function ne(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function un(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
2
+ In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function cn(e){var t;return typeof e=="function"?t={callback:e}:t=e,t}function dn(e,t){var n=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},i,o,r,l=function(s){for(var u=arguments.length,d=new Array(u>1?u-1:0),b=1;b<u;b++)d[b-1]=arguments[b];if(r=d,!(i&&s===o)){var _=n.leading;typeof _=="function"&&(_=_(s,o)),(!i||s!==o)&&_&&e.apply(void 0,[s].concat(ye(r))),o=s,clearTimeout(i),i=setTimeout(function(){e.apply(void 0,[s].concat(ye(r))),i=0},t)}};return l._clear=function(){clearTimeout(i),i=null},l}function Me(e,t){if(e===t)return!0;if(G(e)==="object"){for(var n in e)if(!Me(e[n],t[n]))return!1;return!0}return!1}var fn=function(){function e(t,n,i){on(this,e),this.el=t,this.observer=null,this.frozen=!1,this.createObserver(n,i)}return sn(e,[{key:"createObserver",value:function(n,i){var o=this;if(this.observer&&this.destroyObserver(),!this.frozen){if(this.options=cn(n),this.callback=function(a,s){o.options.callback(a,s),a&&o.options.once&&(o.frozen=!0,o.destroyObserver())},this.callback&&this.options.throttle){var r=this.options.throttleOptions||{},l=r.leading;this.callback=dn(this.callback,this.options.throttle,{leading:function(s){return l==="both"||l==="visible"&&s||l==="hidden"&&!s}})}this.oldResult=void 0,this.observer=new IntersectionObserver(function(a){var s=a[0];if(a.length>1){var u=a.find(function(b){return b.isIntersecting});u&&(s=u)}if(o.callback){var d=s.isIntersecting&&s.intersectionRatio>=o.threshold;if(d===o.oldResult)return;o.oldResult=d,o.callback(d,s)}},this.options.intersection),Ie(function(){o.observer&&o.observer.observe(o.el)})}}},{key:"destroyObserver",value:function(){this.observer&&(this.observer.disconnect(),this.observer=null),this.callback&&this.callback._clear&&(this.callback._clear(),this.callback=null)}},{key:"threshold",get:function(){return this.options.intersection&&typeof this.options.intersection.threshold=="number"?this.options.intersection.threshold:0}}]),e}();function Te(e,t,n){var i=t.value;if(i)if(typeof IntersectionObserver>"u")console.warn("[vue-observe-visibility] IntersectionObserver API is not available in your browser. Please install this polyfill: https://github.com/w3c/IntersectionObserver/tree/master/polyfill");else{var o=new fn(e,i,n);e._vue_visibilityState=o}}function mn(e,t,n){var i=t.value,o=t.oldValue;if(!Me(i,o)){var r=e._vue_visibilityState;if(!i){Oe(e);return}r?r.createObserver(i,n):Te(e,{value:i},n)}}function Oe(e){var t=e._vue_visibilityState;t&&(t.destroyObserver(),delete e._vue_visibilityState)}var pn={beforeMount:Te,updated:mn,unmounted:Oe},hn={itemsLimit:1e3},vn=/(auto|scroll)/;function Ve(e,t){return e.parentNode===null?t:Ve(e.parentNode,t.concat([e]))}var ee=function(t,n){return getComputedStyle(t,null).getPropertyValue(n)},_n=function(t){return ee(t,"overflow")+ee(t,"overflow-y")+ee(t,"overflow-x")},yn=function(t){return vn.test(_n(t))};function ge(e){if(e instanceof HTMLElement||e instanceof SVGElement){for(var t=Ve(e.parentNode,[]),n=0;n<t.length;n+=1)if(yn(t[n]))return t[n];return document.scrollingElement||document.documentElement}}function ie(e){"@babel/helpers - typeof";return ie=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ie(e)}var gn={items:{type:Array,required:!0},keyField:{type:String,default:"id"},direction:{type:String,default:"vertical",validator:function(t){return["vertical","horizontal"].includes(t)}},listTag:{type:String,default:"div"},itemTag:{type:String,default:"div"}};function bn(){return this.items.length&&ie(this.items[0])!=="object"}var oe=!1;if(typeof window<"u"){oe=!1;try{var xn=Object.defineProperty({},"passive",{get:function(){oe=!0}});window.addEventListener("test",null,xn)}catch{}}let $n=0;var ue={name:"RecycleScroller",components:{ResizeObserver:Q},directives:{ObserveVisibility:pn},props:{...gn,itemSize:{type:Number,default:null},gridItems:{type:Number,default:void 0},itemSecondarySize:{type:Number,default:void 0},minItemSize:{type:[Number,String],default:null},sizeField:{type:String,default:"size"},typeField:{type:String,default:"type"},buffer:{type:Number,default:200},pageMode:{type:Boolean,default:!1},prerender:{type:Number,default:0},emitUpdate:{type:Boolean,default:!1},updateInterval:{type:Number,default:0},skipHover:{type:Boolean,default:!1},listTag:{type:String,default:"div"},itemTag:{type:String,default:"div"},listClass:{type:[String,Object,Array],default:""},itemClass:{type:[String,Object,Array],default:""}},emits:["resize","visible","hidden","update","scroll-start","scroll-end"],data(){return{pool:[],totalSize:0,ready:!1,hoverKey:null}},computed:{sizes(){if(this.itemSize===null){const e={"-1":{accumulator:0}},t=this.items,n=this.sizeField,i=this.minItemSize;let o=1e4,r=0,l;for(let a=0,s=t.length;a<s;a++)l=t[a][n]||i,l<o&&(o=l),r+=l,e[a]={accumulator:r,size:l};return this.$_computedMinItemSize=o,e}return[]},simpleArray:bn,itemIndexByKey(){const{keyField:e,items:t}=this,n={};for(let i=0,o=t.length;i<o;i++)n[t[i][e]]=i;return n}},watch:{items(){this.updateVisibleItems(!0)},pageMode(){this.applyPageMode(),this.updateVisibleItems(!1)},sizes:{handler(){this.updateVisibleItems(!1)},deep:!0},gridItems(){this.updateVisibleItems(!0)},itemSecondarySize(){this.updateVisibleItems(!0)}},created(){this.$_startIndex=0,this.$_endIndex=0,this.$_views=new Map,this.$_unusedViews=new Map,this.$_scrollDirty=!1,this.$_lastUpdateScrollPosition=0,this.prerender&&(this.$_prerender=!0,this.updateVisibleItems(!1)),this.gridItems&&!this.itemSize&&console.error("[vue-recycle-scroller] You must provide an itemSize when using gridItems")},mounted(){this.applyPageMode(),this.$nextTick(()=>{this.$_prerender=!1,this.updateVisibleItems(!0),this.ready=!0})},activated(){const e=this.$_lastUpdateScrollPosition;typeof e=="number"&&this.$nextTick(()=>{this.scrollToPosition(e)})},beforeUnmount(){this.removeListeners()},methods:{addView(e,t,n,i,o){const r=Fe({id:$n++,index:t,used:!0,key:i,type:o}),l=He({item:n,position:0,nr:r});return e.push(l),l},unuseView(e,t=!1){const n=this.$_unusedViews,i=e.nr.type;let o=n.get(i);o||(o=[],n.set(i,o)),o.push(e),t||(e.nr.used=!1,e.position=-9999)},handleResize(){this.$emit("resize"),this.ready&&this.updateVisibleItems(!1)},handleScroll(e){if(!this.$_scrollDirty){if(this.$_scrollDirty=!0,this.$_updateTimeout)return;const t=()=>requestAnimationFrame(()=>{this.$_scrollDirty=!1;const{continuous:n}=this.updateVisibleItems(!1,!0);n||(clearTimeout(this.$_refreshTimout),this.$_refreshTimout=setTimeout(this.handleScroll,this.updateInterval+100))});t(),this.updateInterval&&(this.$_updateTimeout=setTimeout(()=>{this.$_updateTimeout=0,this.$_scrollDirty&&t()},this.updateInterval))}},handleVisibilityChange(e,t){this.ready&&(e||t.boundingClientRect.width!==0||t.boundingClientRect.height!==0?(this.$emit("visible"),requestAnimationFrame(()=>{this.updateVisibleItems(!1)})):this.$emit("hidden"))},updateVisibleItems(e,t=!1){const n=this.itemSize,i=this.gridItems||1,o=this.itemSecondarySize||n,r=this.$_computedMinItemSize,l=this.typeField,a=this.simpleArray?null:this.keyField,s=this.items,u=s.length,d=this.sizes,b=this.$_views,_=this.$_unusedViews,y=this.pool,I=this.itemIndexByKey;let h,p,E,z,O;if(!u)h=p=z=O=E=0;else if(this.$_prerender)h=z=0,p=O=Math.min(this.prerender,s.length),E=null;else{const g=this.getScroll();if(t){let M=g.start-this.$_lastUpdateScrollPosition;if(M<0&&(M=-M),n===null&&M<r||M<n)return{continuous:!0}}this.$_lastUpdateScrollPosition=g.start;const V=this.buffer;g.start-=V,g.end+=V;let S=0;if(this.$refs.before&&(S=this.$refs.before.scrollHeight,g.start-=S),this.$refs.after){const M=this.$refs.after.scrollHeight;g.end+=M}if(n===null){let M,q=0,fe=u-1,N=~~(u/2),me;do me=N,M=d[N].accumulator,M<g.start?q=N:N<u-1&&d[N+1].accumulator>g.start&&(fe=N),N=~~((q+fe)/2);while(N!==me);for(N<0&&(N=0),h=N,E=d[u-1].accumulator,p=N;p<u&&d[p].accumulator<g.end;p++);for(p===-1?p=s.length-1:(p++,p>u&&(p=u)),z=h;z<u&&S+d[z].accumulator<g.start;z++);for(O=z;O<u&&S+d[O].accumulator<g.end;O++);}else{h=~~(g.start/n*i);const M=h%i;h-=M,p=Math.ceil(g.end/n*i),z=Math.max(0,Math.floor((g.start-S)/n*i)),O=Math.floor((g.end-S)/n*i),h<0&&(h=0),p>u&&(p=u),z<0&&(z=0),O>u&&(O=u),E=Math.ceil(u/i)*n}}p-h>hn.itemsLimit&&this.itemsLimitError(),this.totalSize=E;let v;const H=h<=this.$_endIndex&&p>=this.$_startIndex;if(H)for(let g=0,V=y.length;g<V;g++)v=y[g],v.nr.used&&(e&&(v.nr.index=I[v.item[a]]),(v.nr.index==null||v.nr.index<h||v.nr.index>=p)&&this.unuseView(v));const de=H?null:new Map;let U,B,K;for(let g=h;g<p;g++){U=s[g];const V=a?U[a]:U;if(V==null)throw new Error(`Key is ${V} on item (keyField is '${a}')`);if(v=b.get(V),!n&&!d[g].size){v&&this.unuseView(v);continue}B=U[l];let S=_.get(B),M=!1;if(!v)H?S&&S.length?v=S.pop():v=this.addView(y,g,U,V,B):(K=de.get(B)||0,(!S||K>=S.length)&&(v=this.addView(y,g,U,V,B),this.unuseView(v,!0),S=_.get(B)),v=S[K],de.set(B,K+1)),b.delete(v.nr.key),v.nr.used=!0,v.nr.index=g,v.nr.key=V,v.nr.type=B,b.set(V,v),M=!0;else if(!v.nr.used&&(v.nr.used=!0,M=!0,S)){const q=S.indexOf(v);q!==-1&&S.splice(q,1)}v.item=U,M&&(g===s.length-1&&this.$emit("scroll-end"),g===0&&this.$emit("scroll-start")),n===null?(v.position=d[g-1].accumulator,v.offset=0):(v.position=Math.floor(g/i)*n,v.offset=g%i*o)}return this.$_startIndex=h,this.$_endIndex=p,this.emitUpdate&&this.$emit("update",h,p,z,O),clearTimeout(this.$_sortTimer),this.$_sortTimer=setTimeout(this.sortViews,this.updateInterval+300),{continuous:H}},getListenerTarget(){let e=ge(this.$el);return window.document&&(e===window.document.documentElement||e===window.document.body)&&(e=window),e},getScroll(){const{$el:e,direction:t}=this,n=t==="vertical";let i;if(this.pageMode){const o=e.getBoundingClientRect(),r=n?o.height:o.width;let l=-(n?o.top:o.left),a=n?window.innerHeight:window.innerWidth;l<0&&(a+=l,l=0),l+a>r&&(a=r-l),i={start:l,end:l+a}}else n?i={start:e.scrollTop,end:e.scrollTop+e.clientHeight}:i={start:e.scrollLeft,end:e.scrollLeft+e.clientWidth};return i},applyPageMode(){this.pageMode?this.addListeners():this.removeListeners()},addListeners(){this.listenerTarget=this.getListenerTarget(),this.listenerTarget.addEventListener("scroll",this.handleScroll,oe?{passive:!0}:!1),this.listenerTarget.addEventListener("resize",this.handleResize)},removeListeners(){this.listenerTarget&&(this.listenerTarget.removeEventListener("scroll",this.handleScroll),this.listenerTarget.removeEventListener("resize",this.handleResize),this.listenerTarget=null)},scrollToItem(e){let t;const n=this.gridItems||1;this.itemSize===null?t=e>0?this.sizes[e-1].accumulator:0:t=Math.floor(e/n)*this.itemSize,this.scrollToPosition(t)},scrollToPosition(e){const t=this.direction==="vertical"?{scroll:"scrollTop",start:"top"}:{scroll:"scrollLeft",start:"left"};let n,i,o;if(this.pageMode){const r=ge(this.$el),l=r.tagName==="HTML"?0:r[t.scroll],a=r.getBoundingClientRect(),u=this.$el.getBoundingClientRect()[t.start]-a[t.start];n=r,i=t.scroll,o=e+l+u}else n=this.$el,i=t.scroll,o=e;n[i]=o},itemsLimitError(){throw setTimeout(()=>{console.log("It seems the scroller element isn't scrolling, so it tries to render all the items at once.","Scroller:",this.$el),console.log("Make sure the scroller has a fixed height (or width) and 'overflow-y' (or 'overflow-x') set to 'auto' so it can scroll correctly and only render the items visible in the scroll viewport.")}),new Error("Rendered items limit reached")},sortViews(){this.pool.sort((e,t)=>e.nr.index-t.nr.index)}}};const wn={key:0,ref:"before",class:"vue-recycle-scroller__slot"},kn={key:1,ref:"after",class:"vue-recycle-scroller__slot"};function In(e,t,n,i,o,r){const l=Ue("ResizeObserver"),a=je("observe-visibility");return qe((f(),x("div",{class:j(["vue-recycle-scroller",{ready:o.ready,"page-mode":n.pageMode,[`direction-${e.direction}`]:!0}]),onScrollPassive:t[0]||(t[0]=(...s)=>r.handleScroll&&r.handleScroll(...s))},[e.$slots.before?(f(),x("div",wn,[D(e.$slots,"before")],512)):k("v-if",!0),(f(),C(he(n.listTag),{ref:"wrapper",style:Ye({[e.direction==="vertical"?"minHeight":"minWidth"]:o.totalSize+"px"}),class:j(["vue-recycle-scroller__item-wrapper",n.listClass])},{default:w(()=>[(f(!0),x(R,null,X(o.pool,s=>(f(),C(he(n.itemTag),We({key:s.nr.id,style:o.ready?{transform:`translate${e.direction==="vertical"?"Y":"X"}(${s.position}px) translate${e.direction==="vertical"?"X":"Y"}(${s.offset}px)`,width:n.gridItems?`${e.direction==="vertical"&&n.itemSecondarySize||n.itemSize}px`:void 0,height:n.gridItems?`${e.direction==="horizontal"&&n.itemSecondarySize||n.itemSize}px`:void 0}:null,class:["vue-recycle-scroller__item-view",[n.itemClass,{hover:!n.skipHover&&o.hoverKey===s.nr.key}]]},Ke(n.skipHover?{}:{mouseenter:()=>{o.hoverKey=s.nr.key},mouseleave:()=>{o.hoverKey=null}})),{default:w(()=>[D(e.$slots,"default",{item:s.item,index:s.nr.index,active:s.nr.used})]),_:2},1040,["style","class"]))),128)),D(e.$slots,"empty")]),_:3},8,["style","class"])),e.$slots.after?(f(),x("div",kn,[D(e.$slots,"after")],512)):k("v-if",!0),$(l,{onNotify:r.handleResize},null,8,["onNotify"])],34)),[[a,r.handleVisibilityChange]])}ue.render=In;ue.__file="src/components/RecycleScroller.vue";const zn={"h-full":"",flex:"~ col gap-4"},Sn={"flex-auto":"","of-auto":"",flex:"~ col gap-2",pl6:"",pr4:""},Cn=P({__name:"ModuleInstallList",setup(e){const t=Ge(),n=Z(""),i=A(()=>new at(t.value||[],{keys:["name","description","npm","category"]})),o=A(()=>n.value?i.value.search(n.value).map(r=>r.item):t.value);return(r,l)=>{const a=st,s=rt,u=Zt;return f(),x("div",zn,[$(a,{mx6:"",mt6:"","text-xl":"",op75:"",icon:"i-carbon-intent-request-create",text:"Install Module"}),$(s,{modelValue:c(n),"onUpdate:modelValue":l[0]||(l[0]=d=>Je(n)?n.value=d:null),placeholder:"Search...",icon:"carbon-search",n:"primary",mx6:"","px-5":"","py-2":""},null,8,["modelValue"]),m("div",Sn,[$(c(ue),{class:"scroller",items:c(o),"item-size":160,"key-field":"name"},{default:w(({item:d})=>[$(u,{item:d},null,8,["item"])]),_:1},8,["items"])])])}}});function F(){}F.prototype={diff:function(t,n){var i=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},o=i.callback;typeof i=="function"&&(o=i,i={}),this.options=i;var r=this;function l(h){return o?(setTimeout(function(){o(void 0,h)},0),!0):h}t=this.castInput(t),n=this.castInput(n),t=this.removeEmpty(this.tokenize(t)),n=this.removeEmpty(this.tokenize(n));var a=n.length,s=t.length,u=1,d=a+s;i.maxEditLength&&(d=Math.min(d,i.maxEditLength));var b=[{newPos:-1,components:[]}],_=this.extractCommon(b[0],n,t,0);if(b[0].newPos+1>=a&&_+1>=s)return l([{value:this.join(n),count:n.length}]);function y(){for(var h=-1*u;h<=u;h+=2){var p=void 0,E=b[h-1],z=b[h+1],O=(z?z.newPos:0)-h;E&&(b[h-1]=void 0);var v=E&&E.newPos+1<a,H=z&&0<=O&&O<s;if(!v&&!H){b[h]=void 0;continue}if(!v||H&&E.newPos<z.newPos?(p=Tn(z),r.pushComponent(p.components,void 0,!0)):(p=E,p.newPos++,r.pushComponent(p.components,!0,void 0)),O=r.extractCommon(p,n,t,h),p.newPos+1>=a&&O+1>=s)return l(Mn(r,p.components,n,t,r.useLongestToken));b[h]=p}u++}if(o)(function h(){setTimeout(function(){if(u>d)return o();y()||h()},0)})();else for(;u<=d;){var I=y();if(I)return I}},pushComponent:function(t,n,i){var o=t[t.length-1];o&&o.added===n&&o.removed===i?t[t.length-1]={count:o.count+1,added:n,removed:i}:t.push({count:1,added:n,removed:i})},extractCommon:function(t,n,i,o){for(var r=n.length,l=i.length,a=t.newPos,s=a-o,u=0;a+1<r&&s+1<l&&this.equals(n[a+1],i[s+1]);)a++,s++,u++;return u&&t.components.push({count:u}),t.newPos=a,s},equals:function(t,n){return this.options.comparator?this.options.comparator(t,n):t===n||this.options.ignoreCase&&t.toLowerCase()===n.toLowerCase()},removeEmpty:function(t){for(var n=[],i=0;i<t.length;i++)t[i]&&n.push(t[i]);return n},castInput:function(t){return t},tokenize:function(t){return t.split("")},join:function(t){return t.join("")}};function Mn(e,t,n,i,o){for(var r=0,l=t.length,a=0,s=0;r<l;r++){var u=t[r];if(u.removed){if(u.value=e.join(i.slice(s,s+u.count)),s+=u.count,r&&t[r-1].added){var b=t[r-1];t[r-1]=t[r],t[r]=b}}else{if(!u.added&&o){var d=n.slice(a,a+u.count);d=d.map(function(y,I){var h=i[s+I];return h.length>y.length?h:y}),u.value=e.join(d)}else u.value=e.join(n.slice(a,a+u.count));a+=u.count,u.added||(s+=u.count)}}var _=t[l-1];return l>1&&typeof _.value=="string"&&(_.added||_.removed)&&e.equals("",_.value)&&(t[l-2].value+=_.value,t.pop()),t}function Tn(e){return{newPos:e.newPos,components:e.components.slice(0)}}var be=/^[A-Za-z\xC0-\u02C6\u02C8-\u02D7\u02DE-\u02FF\u1E00-\u1EFF]+$/,xe=/\S/,Ne=new F;Ne.equals=function(e,t){return this.options.ignoreCase&&(e=e.toLowerCase(),t=t.toLowerCase()),e===t||this.options.ignoreWhitespace&&!xe.test(e)&&!xe.test(t)};Ne.tokenize=function(e){for(var t=e.split(/([^\S\r\n]+|[()[\]{}'"\r\n]|\b)/),n=0;n<t.length-1;n++)!t[n+1]&&t[n+2]&&be.test(t[n])&&be.test(t[n+2])&&(t[n]+=t[n+2],t.splice(n+1,2),n--);return t};var ce=new F;ce.tokenize=function(e){var t=[],n=e.split(/(\n|\r\n)/);n[n.length-1]||n.pop();for(var i=0;i<n.length;i++){var o=n[i];i%2&&!this.options.newlineIsToken?t[t.length-1]+=o:(this.options.ignoreWhitespace&&(o=o.trim()),t.push(o))}return t};function On(e,t,n){return ce.diff(e,t,n)}var Vn=new F;Vn.tokenize=function(e){return e.split(/(\S.+?[.!?])(?=\s+|$)/)};var Nn=new F;Nn.tokenize=function(e){return e.split(/([{}:;,]|\s+)/)};function J(e){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?J=function(t){return typeof t}:J=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},J(e)}var Ln=Object.prototype.toString,W=new F;W.useLongestToken=!0;W.tokenize=ce.tokenize;W.castInput=function(e){var t=this.options,n=t.undefinedReplacement,i=t.stringifyReplacer,o=i===void 0?function(r,l){return typeof l>"u"?n:l}:i;return typeof e=="string"?e:JSON.stringify(se(e,null,null,o),o," ")};W.equals=function(e,t){return F.prototype.equals.call(W,e.replace(/,([\r\n])/g,"$1"),t.replace(/,([\r\n])/g,"$1"))};function se(e,t,n,i,o){t=t||[],n=n||[],i&&(e=i(o,e));var r;for(r=0;r<t.length;r+=1)if(t[r]===e)return n[r];var l;if(Ln.call(e)==="[object Array]"){for(t.push(e),l=new Array(e.length),n.push(l),r=0;r<e.length;r+=1)l[r]=se(e[r],t,n,i,o);return t.pop(),n.pop(),l}if(e&&e.toJSON&&(e=e.toJSON()),J(e)==="object"&&e!==null){t.push(e),l={},n.push(l);var a=[],s;for(s in e)e.hasOwnProperty(s)&&a.push(s);for(a.sort(),r=0;r<a.length;r+=1)s=a[r],l[s]=se(e[s],t,n,i,s);t.pop(),n.pop()}else l=e;return l}var re=new F;re.tokenize=function(e){return e.slice()};re.join=re.removeEmpty=function(e){return e};const En=P({__name:"CodeDiff",props:{from:null,to:null,lang:null},setup(e){const t=e;function n(a,s){const u=On(a.trim(),s.trim()),d=[],b=[],_=[];for(const y of u){const I=y.value.trimEnd().split(`
3
+ `);for(const h of I)y.added?(d.push(_.length),_.push(h)):(y.removed&&b.push(_.length),_.push(h))}return{added:d,removed:b,result:_.join(`
4
+ `)}}const i=A(()=>n(t.from,t.to));function o(a){let s=0;return a.replace(/class="shiki/,'class="shiki diff').replace(/class="line"/g,u=>(s++,i.value.added.includes(s-1)?'class="line line-added"':i.value.removed.includes(s-1)?'class="line line-removed"':u))}const r=Z();Xe(l);function l(){const a=Ze(r);a&&a.querySelector(".line-added,.line-removed")?.scrollIntoView()}return(a,s)=>{const u=Ce;return f(),C(u,{ref_key:"elRef",ref:r,code:c(i).result,lang:e.lang,"transform-rendered":o,onLoaded:l},null,8,["code","lang"])}}}),An={flex:"~ col gap-2","w-150":"",p4:"",border:"t base"},Dn={capitalize:""},Bn=m("p",{op50:""}," Following command will be executed in your terminal: ",-1),Rn={op50:""},Pn=m("p",null,[m("span",{op50:""},"After that, Nuxt will "),m("span",{"text-orange":""},"restart automatically"),T(". ")],-1),Fn={flex:"~ gap-3",mt2:"","justify-end":""},Hn=P({__name:"ModuleActionDialog",setup(e){const t=Qe(),n=ze();return(i,o)=>{const r=ae,l=Ce,a=ut,s=En,u=ct,d=le,b=tt;return f(),C(c(et),null,{default:w(({resolve:_,args:y})=>[$(b,{"model-value":!0,onClose:I=>_(!1)},{default:w(()=>[$(r,{mod:{},info:y[0],border:"none","w-150":"","n-panel-grids":""},null,8,["info"]),m("div",An,[m("h2",{"text-xl":"",class:j(y[2]==="install"?"text-primary":"text-red")},[m("span",Dn,L(y[2]),1),T(),m("code",null,L(y[0].name),1),T("? ")],2),Bn,$(l,{code:y[1].commands.join(" "),lang:"bash",px4:"",py2:"",border:"~ base rounded",lines:!1},null,8,["code"]),m("p",Rn,[T(" Then your "),$(a,{role:"button",n:"primary",onClick:o[0]||(o[0]=I=>c(n)(c(t)?._nuxtConfigFile)),textContent:"Nuxt config"}),T(" will be updated as: ")]),$(s,{from:y[1].configOriginal,to:y[1].configGenerated,"max-h-80":"","of-auto":"",py2:"",border:"~ base rounded",lang:"ts"},null,8,["from","to"]),Pn,m("div",Fn,[$(u,{n:"sm purple","flex-auto":"",icon:"carbon-chemistry"},{default:w(()=>[T(" Experimental. Backup your project first. ")]),_:1}),$(d,{onClick:I=>_(!1)},{default:w(()=>[T(" Cancel ")]),_:2},1032,["onClick"]),$(d,{n:"solid",capitalize:"",class:j(y[2]==="install"?"n-primary":"n-red"),onClick:I=>_(!0)},{default:w(()=>[T(L(y[2]),1)]),_:2},1032,["class","onClick"])])])]),_:2},1032,["onClose"])]),_:1})}}}),Un={class:"markdown-body"},jn=m("h1",null,"Modules",-1),qn=m("p",null,[T("Nuxt provides a module system to extend the framework core and simplify integrations. You don’t need to develop everything from scratch or maintain boilerplate if there is already a Nuxt module for it. Adding Nuxt modules is possible using "),m("code",null,"nuxt.config"),T(".")],-1),Wn=m("p",null,[m("a",{href:"https://nuxt.com/docs/guide/concepts/modules",target:"_blank",rel:"noopener"},"Learn more on the documentation")],-1),Kn=[jn,qn,Wn],Yn={__name:"modules",setup(e,{expose:t}){return t({frontmatter:{}}),(i,o)=>(f(),x("div",Un,Kn))}},Gn={"h-full":"","w-full":"","of-auto":""},Jn=m("div",{"i-carbon-intent-request-create":"","text-4xl":"",op40:"","group-hover":"op75 text-primary",transition:""},null,-1),Xn=m("div",{"text-lg":"",op40:"","group-hover":"op75 text-primary",transition:""}," Install New Module ",-1),Zn={key:0,border:"l base",pos:"fixed bottom-0 right-0 top-0","z-200":"","w-150":"","bg-base":""},hi=P({__name:"modules",setup(e){const t=Z(!1),{showExperimentalFeatures:n}=nt(),i=ke(),o=A(()=>i.value.filter(l=>l.isPackageModule)),r=A(()=>i.value.filter(l=>!l.isPackageModule));return(l,a)=>{const s=Jt,u=we,d=ot,b=Se,_=Cn,y=Hn,I=Yn,h=dt;return f(),x(R,null,[m("div",Gn,[$(d,{icon:"carbon-3d-mpr-toggle",text:"Installed Modules","container-class":"grid grid-cols-minmax-400px gap3 px4",padding:!1,description:`Total modules: ${c(o).length}`},{default:w(()=>[(f(!0),x(R,null,X(c(o),p=>(f(),C(s,{key:p.name,mod:p},null,8,["mod"]))),128)),c(n)?(f(),C(u,{key:0,border:"1.5 dashed","min-h-30":"",p4:"",transition:"",hover:"border-primary",flex:"~ col gap-2 items-center justify-center",role:"button",class:"group",onClick:a[0]||(a[0]=p=>t.value=!0)},{default:w(()=>[Jn,Xn]),_:1})):k("",!0)]),_:1},8,["description"]),c(r).length?(f(),C(d,{key:0,icon:"carbon-3d-mpr-toggle",text:"User Modules","container-class":"grid grid-cols-minmax-400px gap3 px4",padding:!1,description:`Total modules: ${c(r).length}`},{default:w(()=>[(f(!0),x(R,null,X(c(r),p=>(f(),x(R,{key:p.meta?.name||p.entryPath},[p.meta?.name||p.entryPath?(f(),C(s,{key:0,mod:p},null,8,["mod"])):k("",!0)],64))),128))]),_:1},8,["description"])):k("",!0),c(n)?(f(),x(R,{key:1},[$(ve,{name:"fade-in"},{default:w(()=>[c(t)?(f(),x("div",{key:0,class:"fixed bottom-0 left-0 right-0 top-0 z-100","bg-black:20":"","backdrop-blur-2":"",onClick:a[1]||(a[1]=p=>t.value=!1)})):k("",!0)]),_:1}),$(ve,{name:"slide-in"},{default:w(()=>[c(t)?(f(),x("div",Zn,[$(b,{icon:"carbon-close",pos:"absolute top-3 right-3","rounded-full":"","text-xl":"",onClick:a[2]||(a[2]=p=>t.value=!1)}),$(_)])):k("",!0)]),_:1}),$(y)],64)):k("",!0)]),$(h,null,{default:w(()=>[$(I)]),_:1})],64)}}});export{hi as default};
@@ -0,0 +1 @@
1
+ import{aU as r,V as n}from"./entry.8297d1ff.js";const t={};function o(e,s){return n(e.$slots,"default")}const c=r(t,[["render",o]]);export{c as default};
@@ -0,0 +1,3 @@
1
+ import{_ as Z}from"./NTextInput.vue.3d7af8ee.js";import{_ as ee}from"./NIconButton.vue.61b6fdb9.js";import{_ as te}from"./Navbar.vue.1175e5b5.js";import{_ as oe}from"./NLink.vue.cee1facb.js";import{a as C,o,c as N,w as g,V as ne,h as a,v as x,n as ae,g as se,a8 as re,p as T,aB as ie,r as I,u as e,f as t,q as R,s as M,t as _,F as $,i as d,l as k,a3 as V,k as ce,P as B,aC as j,aD as le,aE as de,Q as pe,aF as me,aG as ue,aH as ge,aI as P,af as he,G as _e,aJ as fe}from"./entry.8297d1ff.js";import{_ as z}from"./NSectionBlock.b03d4f1a.js";import{_ as ve}from"./NCodeBlock.vue.7df96def.js";import{a as be,u as D}from"./editor.e9488ebd.js";import{_ as we}from"./HelpFab.vue.82dbe71b.js";import"./NIconTitle.vue.db04ddec.js";import"./client.64d509dc.js";const xe={key:0,"i-carbon:arrow-up-right":"","translate-y--1":"","text-xs":"",op50:""},J=C({__name:"NTextExternalLink",props:{link:null},setup(n){return(m,i)=>(o(),N(re(n.link?oe:"div"),ae(se(n.link?{href:n.link,target:"_blank",rel:"noopener noreferrer"}:{})),{default:g(()=>[ne(m.$slots,"default"),n.link?(o(),a("div",xe)):x("",!0)]),_:3},16))}}),H=[{name:"title",suggestion:"required",head:{title:"[title]"},seoMeta:{title:"[title]"},docs:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title",description:"A concise and descriptive title for the browser that accurately summarizes the content of the page."},{name:"description",suggestion:"required",head:{meta:[{name:"description",content:"[description]"}]},seoMeta:{description:"[description]"},description:"A one to two sentence summary for search engines that includes relevant keywords to improve visibility in search results."},{name:"icon",suggestion:"recommended",head:{link:[{rel:"icon",type:"image/png",href:"/favicon.png"}]},description:"A small image that appears in the browser tab and bookmark menu to help users easily identify the page."},{name:"lang",suggestion:"recommended",head:{htmlAttrs:{lang:"en"}},description:"The primary language of the page to help search engines and browsers understand the content."},{name:"og:title",suggestion:"recommended",head:{meta:[{property:"og:title",content:"[og:title]"}]},seoMeta:{ogTitle:"[og:title]"},docs:"https://ogp.me/#metadata",description:"A title for the link preview used by social media platforms."},{name:"og:description",suggestion:"recommended",head:{meta:[{property:"og:description",content:"[og:description]"}]},seoMeta:{ogDescription:"[og:description]"},docs:"https://ogp.me/#metadata",description:"A description for the link preview used by social media platforms."},{name:"og:image",suggestion:"recommended",head:{meta:[{property:"og:image",content:"[og:image]"}]},seoMeta:{ogImage:"[og:image]"},docs:"https://ogp.me/#metadata",description:"An image for the link preview used by social media platforms."},{name:"og:url",suggestion:"recommended",head:{meta:[{property:"og:url",content:"[og:url]"}]},seoMeta:{ogUrl:"[og:url]"},docs:"https://ogp.me/#metadata",description:"A canonical URL for the link preview used to specify the preferred URL to display in search engine results and social media previews when multiple URLs may point to the same page."},{name:"twitter:title",suggestion:"recommended",head:{meta:[{name:"twitter:title",content:"[twitter:title]"}]},seoMeta:{twitterTitle:"[twitter:title]"},docs:"https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards",description:"A title for the Twitter card used to provide a preview of the content shared on the page."},{name:"twitter:description",suggestion:"recommended",head:{meta:[{name:"twitter:description",content:"[twitter:description]"}]},seoMeta:{twitterDescription:"[twitter:description]"},docs:"https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards",description:"A description for the Twitter card used to provide a preview of the content shared on the page."},{name:"twitter:image",suggestion:"recommended",head:{meta:[{name:"twitter:image",content:"[twitter:image]"}]},seoMeta:{twitterImage:"[twitter:image]"},docs:"https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards",description:"An image for the Twitter card used to provide a preview of the content shared on the page."},{name:"twitter:card",suggestion:"recommended",head:{meta:[{name:"twitter:card",content:"summary"}]},seoMeta:{twitterCard:"summary"},docs:"https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards",description:"The type of Twitter card to use, which determines the type of card to display in link previews on Twitter."}],ye={flex:"~ wrap","mt--2":"","w-full":"","flex-none":""},ke=["onClick"],$e=t("div",{border:"b base","flex-auto":""},null,-1),Te={key:0,"x-divider":""},Ce={key:1,"x-divider":""},Se={flex:"~ gap-1 items-center",px4:"",py2:""},Ne=t("div",{"i-carbon-warning":"","text-orange":""},null,-1),Me={"w-full":"",p2:"",op75:""},Oe={key:1,m4:"",flex:"~ col gap-2"},Ae={flex:"~ gap-1 wrap items-center"},Ie={key:1},Re={flex:"~ gap-2",n:"sm primary",absolute:"","right-2":"","top-2":""},Be=C({__name:"OpenGraphMissingTabs",props:{tags:null,matchedRouteFilepath:null},setup(n){const m=n,i=T(()=>H.filter(c=>!m.tags?.some(p=>p.name===c.name))),l=T(()=>{let c={};const p={};i.value.forEach(h=>{h.seoMeta?Object.assign(p,h.seoMeta):c=ie(c,h.head)});const b=[];if(Object.keys(p).length){const h=JSON.stringify(p,null,2).replace(/"([^"]+)":/g,"$1:").replace(/"/g,"'");b.push(`useSeoMeta(${h})`)}if(Object.keys(c).length){const h=JSON.stringify(c,null,2).replace(/"([^"]+)":/g,"$1:").replace(/"/g,"'");b.push(`useHead(${h})`)}return b.join(`
2
+
3
+ `)}),u=be(),O=D(),y=["Missing Tags","Code Snippet"],f=I(y[0]);return(c,p)=>{const b=J,h=V,S=ce,A=ve,E=z;return e(i).length?(o(),N(E,{key:0,text:"Missing Tags",description:`${e(i).length} missing tags`,icon:"carbon:warning-other","header-class":"text-orange op100! [[open]_&]:text-inherit",padding:!1},{default:g(()=>[t("div",ye,[(o(),a($,null,R(y,(s,r)=>t("button",{key:r,px4:"",py2:"",border:"r t base",hover:"bg-active",class:M(s===e(f)?"":"border-b"),onClick:v=>f.value=s},[t("div",{class:M(s===e(f)?"":"op30"),capitalize:""},_(s),3)],10,ke)),64)),$e]),e(f)===y[0]?(o(),N(h,{key:0,grid:"~ cols-[max-content_1fr]",m4:"","items-center":"","justify-between":"","of-hidden":""},{default:g(()=>[(o(!0),a($,null,R(e(i),(s,r)=>(o(),a($,{key:r},[r?(o(),a("div",Te)):x("",!0),r?(o(),a("div",Ce)):x("",!0),t("div",Se,[Ne,d(b,{op50:"",link:s.docs,n:"orange"},{default:g(()=>[k(_(s.name),1)]),_:2},1032,["link"])]),t("div",Me,_(s.description),1)],64))),128))]),_:1})):(o(),a("div",Oe,[t("p",Ae,[d(S,{icon:"carbon-copy",n:"xs","px-2":"",onClick:p[0]||(p[0]=s=>e(u)(e(l)))},{default:g(()=>[k(" Copy ")]),_:1}),k(" the following code snippet and paste it into your "),n.matchedRouteFilepath?(o(),N(S,{key:0,icon:"carbon-launch",n:"xs","px-2":"",onClick:p[1]||(p[1]=s=>e(O)(n.matchedRouteFilepath))},{default:g(()=>[k(" page component ")]),_:1})):(o(),a("span",Ie,"page component")),k(" to full fill the missing tags. ")]),d(h,{relative:"","n-code-block":""},{default:g(()=>[d(A,{code:e(l),lang:"ts",lines:!1,"w-full":"","of-auto":"",p3:""},null,8,["code"]),t("div",Re,[d(S,{icon:"carbon-copy",onClick:p[2]||(p[2]=s=>e(u)(e(l)))},{default:g(()=>[k(" Copy ")]),_:1})])]),_:1})]))]),_:1},8,["description"])):x("",!0)}}}),Ee={class:"max-w-[524px] min-w-[524px] cursor-pointer bg-base"},Le={class:"break-words border border-base px-[12px] py-[10px] antialiased"},Fe={class:"overflow-hidden truncate whitespace-nowrap text-[12px] leading-[11px] uppercase op50"},Ge={class:"block h-[46px] max-h-[46px] border-separate select-none overflow-hidden break-words text-left",style:{"border-spacing":"0px"}},Pe={class:"mt-[3px] truncate pt-[2px] text-[16px] font-semibold leading-[20px]"},Ve={class:"mt-[3px] block h-[18px] max-h-[80px] border-separate select-none overflow-hidden truncate whitespace-nowrap break-words text-left text-[14px] leading-[20px] op50",style:{"-webkit-line-clamp":"1","border-spacing":"0px","-webkit-box-orient":"vertical"}},je=C({__name:"SocialFacebook",props:{card:null},setup(n){return(m,i)=>(o(),a("div",Ee,[t("div",{class:"h-[274px] border border-b-0 border-base bg-cover bg-center bg-no-repeat",style:B({backgroundImage:`url(${JSON.stringify(n.card.image)})`})},null,4),t("div",Le,[t("div",Fe,_(n.card.url),1),t("div",Ge,[t("div",Pe,_(n.card.title),1),t("div",Ve,_(n.card.description),1)])])]))}}),ze={class:"max-w-[438px] min-w-[438px] border border-base rounded-[0.85714em] bg-base -outline-offset-1"},De={class:"break-words border-base p-[0.75em] antialiased",flex:"~ col justify-center gap-1"},Je={class:"mt-[0.32333em] overflow-hidden truncate whitespace-nowrap text-[14px] leading-[18px] lowercase op50"},He={class:"m-0 truncate text-[14px] font-semibold leading-[19px]"},Ue={class:"line-clamp-2 block select-none overflow-hidden break-words text-left text-[14px] leading-[18px] op50"},qe=C({__name:"SocialTwitter",props:{tags:null},setup(n){const m=n,i=T(()=>j(m.tags,{title:[{tag:"title"}],image:[{tag:"meta",name:"twitter:image"},{tag:"meta",name:"og:image"}],imageAlt:[{tag:"meta",name:"twitter:image:alt"}],description:[{tag:"meta",name:"twitter:description"},{tag:"meta",name:"description"}],favicon:[{tag:"link",name:"icon"}]})),l=T(()=>i.value.image?m.tags.find(u=>u.tag==="meta"&&u.name==="twitter:card")?.value||"summary_large_image":"summary");return(u,O)=>(o(),a("div",ze,[t("div",{class:M(["cursor-pointer overflow-hidden leading-[1.3em]",e(l)==="summary_large_image"?"":"flex"]),hover:"bg-[#88888805]"},[e(l)==="summary_large_image"?(o(),a("div",{key:0,class:"h-[220px] border-b border-base bg-cover bg-center bg-no-repeat",style:B({backgroundImage:`url(${JSON.stringify(e(i).image)})`})},null,4)):(o(),a("div",{key:1,class:"h-[122px] w-[122px] flex-none border-r border-base bg-cover bg-center bg-no-repeat",style:B({backgroundImage:`url(${JSON.stringify(e(i).image)})`})},null,4)),t("div",De,[t("div",Je,_(e(i).url),1),t("div",He,_(e(i).title),1),t("div",Ue,_(e(i).description),1)])],2)]))}}),Ke={class:"max-w-[520px] min-w-[520px] cursor-pointer overflow-hidden border border-base rounded-[2px] shadow-md bg-base"},Qe={class:"break-words p-[10px] antialiased"},We={class:"block h-auto max-h-[50px] border-separate select-none break-words text-left",style:{"border-spacing":"0px"}},Ye={class:"pb-[2px] text-[16px] font-semibold leading-[24px]"},Xe={class:"overflow-hidden truncate whitespace-nowrap text-xs font-normal uppercase op85"},Ze=C({__name:"SocialLinkedin",props:{card:null},setup(n){return(m,i)=>(o(),a("div",Ke,[t("div",{class:"h-[270px] border-b border-base bg-cover bg-center bg-no-repeat",style:B({backgroundImage:`url(${JSON.stringify(n.card.image)})`})},null,4),t("div",Qe,[t("div",We,[t("div",Ye,_(n.card.title),1),t("div",Xe,_(n.card.url),1)])])]))}}),et={"h-full":"","w-520":"",flex:"~ col"},tt={flex:"~ wrap","w-full":"","flex-none":""},ot=["onClick"],nt=t("div",{border:"b base","flex-auto":""},null,-1),at={flex:"~ items-center justify-center","flex-auto":"",p4:"","n-panel-grids":""},st={key:0},rt={key:1},it={key:2},ct=C({__name:"SocialPreviewGroup",props:{tags:null},setup(n){const m=n,i=["twitter","facebook","linkedin"],l=I(i[0]),u=T(()=>j(m.tags,{title:[{tag:"title"}],image:[{tag:"meta",name:"og:image"}],imageAlt:[{tag:"meta",name:"og:image:alt"}],description:[{tag:"meta",name:"og:description"},{tag:"meta",name:"description"}],favicon:[{tag:"link",name:"icon"}]}));return(O,y)=>{const f=je,c=qe,p=Ze;return o(),a("div",et,[t("div",tt,[(o(),a($,null,R(i,(b,h)=>t("button",{key:h,px4:"",py2:"",border:"r base",hover:"bg-active",class:M(b===e(l)?"":"border-b"),onClick:S=>l.value=b},[t("div",{class:M(b===e(l)?"":"op30"),capitalize:""},_(b),3)],10,ot)),64)),nt]),t("div",at,[e(l)==="facebook"?(o(),a("div",st,[d(f,{card:e(u)},null,8,["card"])])):e(l)==="twitter"?(o(),a("div",rt,[d(c,{tags:n.tags},null,8,["tags"])])):e(l)==="linkedin"?(o(),a("div",it,[d(p,{card:e(u)},null,8,["card"])])):x("",!0)])])}}}),lt={class:"markdown-body"},dt=le('<h1>Open Graph</h1><p>Nuxt provides several different ways to manage your meta tags using <a href="https://unhead.harlanzw.com/" target="_blank" rel="noopener"><code>unhead</code></a>. Improve your Nuxt app’s SEO with powerful head config, composables and components.</p><p><a href="https://nuxt.com/docs/getting-started/seo-meta" target="_blank" rel="noopener">Learn more on the documentation</a></p><hr><p>You can also find how open graph specs are defined in:</p><ul><li><a href="https://ogp.me/" target="_blank" rel="noopener">The Open Graph protocol</a></li><li><a href="https://developer.twitter.com/en/docs/twitter-for-websites/cards/guides/getting-started" target="_blank" rel="noopener">Twitter Cards</a></li></ul>',6),pt=[dt],mt={__name:"open-graph",setup(n,{expose:m}){return m({frontmatter:{}}),(l,u)=>(o(),a("div",lt,pt))}},ut={flex:"~","h-full":"","w-full":"","of-hidden":""},gt={"h-full":"","flex-auto":"","of-auto":""},ht={"flex-none":"",flex:"~ gap2 items-center"},_t={flex:"~ col"},ft={key:0,"x-divider":""},vt={key:1,"x-divider":""},bt={mr2:"",px4:"",py2:""},At=C({__name:"open-graph",setup(n){const m=I(0),i=de(),l=pe(async()=>(m.value,(await i.value?.resolveTags()).map(r=>{const v=r.props||{};return r.tag==="htmlAttrs"&&v.lang?{tag:"html",name:"lang",value:v.lang}:v.charset?{tag:"meta",name:"charset",value:v.charset}:{tag:r.tag,name:v.property??v.name??v.rel??r.tag,value:v.content??v.href??r.textContent??JSON.stringify(v)}})),[]),u=I(!0);function O(){m.value+=1}const y=me(),f=ue(),c=I(""),p=ge(),b=D();async function h(){c.value!==f.value.path&&y.value.push(c.value||"/")}const S=T(()=>c.value===f.value.path?[]:y.value.resolve(c.value||"/").matched),A=T(()=>{const s=p.value.find(r=>r.path===f.value?.matched?.[0]?.path);return s?.file||s?.meta?.file});function E(s){return H.find(r=>r.name===s.name)?.docs}return P(f).toBeTruthy().then(s=>{c.value=s.path}),P(y).toBeTruthy().then(s=>{s.afterEach(()=>{he(()=>{c.value=f.value.path})})}),(s,r)=>{const v=Z,L=ee,U=te,G=J,q=V,K=z,Q=Be,W=ct,Y=mt,X=we;return o(),a($,null,[t("div",ut,[t("div",gt,[d(U,null,{search:g(()=>[d(v,{modelValue:e(c),"onUpdate:modelValue":r[0]||(r[0]=w=>_e(c)?c.value=w:null),placeholder:"Route",icon:"carbon-direction-right-01 scale-y--100",n:"primary","flex-auto":"","font-mono":"",class:M(["px-5 py-2",e(f).path===e(c)?"":e(S).length?"text-green":"text-orange"]),onKeydown:fe(h,["enter"])},null,8,["modelValue","class","onKeydown"])]),actions:g(()=>[t("div",ht,[e(A)?(o(),N(L,{key:0,"text-lg":"",icon:"carbon:launch",title:"Open file in editor",onClick:r[1]||(r[1]=w=>e(b)(e(A)))})):x("",!0),d(L,{"text-lg":"",icon:"carbon:reset",title:"Refresh Data",onClick:O}),d(L,{"text-lg":"",icon:e(u)?"carbon:side-panel-open":"carbon:open-panel-right",title:"Toggle Preview",onClick:r[2]||(r[2]=w=>u.value=!e(u))},null,8,["icon"])])]),_:1}),t("div",_t,[d(K,{text:"Tags",icon:"carbon:tag-group"},{default:g(()=>[d(q,{grid:"~ cols-[max-content_1fr]","items-center":"","justify-between":"","of-hidden":""},{default:g(()=>[(o(!0),a($,null,R(e(l),(w,F)=>(o(),a($,{key:F},[F?(o(),a("div",ft)):x("",!0),F?(o(),a("div",vt)):x("",!0),t("div",bt,[d(G,{op50:"",link:E(w),n:"primary"},{default:g(()=>[k(_(w.name),1)]),_:2},1032,["link"])]),d(G,{link:w.value.match(/^https?:\/\//)?w.value:void 0,"w-full":"",p2:"","font-mono":"",n:"primary"},{default:g(()=>[k(_(w.value),1)]),_:2},1032,["link"])],64))),128))]),_:1})]),_:1}),d(Q,{tags:e(l),"matched-route-filepath":e(A)},null,8,["tags","matched-route-filepath"])])]),e(u)&&e(l)?.length?(o(),N(W,{key:0,tags:e(l),border:"l base","w-540px":"","flex-none":""},null,8,["tags"])):x("",!0)]),d(X,null,{default:g(()=>[d(Y)]),_:1})],64)}}});export{At as default};
@@ -0,0 +1 @@
1
+ import{a as V,b as j,R as D,a7 as I,al as R,aK as A,aL as L,D as M,p as T,c,w as o,o as s,u as e,h as d,f as t,i as l,t as r,v as a,F as p,aM as $,l as n,j as F,m as O,H as P,k as W}from"./entry.8297d1ff.js";import{_ as G}from"./Badge.c6f0948b.js";import{_ as H}from"./NpmVersionCheck.vue.82d98ad9.js";import{_ as E}from"./NTip.vue.d3e88526.js";import{_ as K}from"./NPanelGrids.f0b55b40.js";import"./NCodeBlock.vue.7df96def.js";import"./client.64d509dc.js";import"./NCheckbox.vue.2dbb6d84.js";const U="0.5.0",q={key:0},z={key:1,flex:"~ col gap2",ma:"","h-full":"","max-w-300":"","w-full":"",p8:"",px20:""},J=t("div",{"flex-auto":""},null,-1),Q={flex:"~ col","mt-20":"","items-center":""},X={flex:"~","mt--10":"","items-center":"","justify-center":""},Y={mb6:"","mt--1":"","text-center":"","text-sm":"",flex:"~ gap-1"},Z=t("span",{op40:""}," Nuxt DevTools ",-1),tt={op40:""},et={flex:"~ gap2 wrap"},ot={p4:"","theme-card-green":"",flex:"~ col auto"},nt=t("div",{"logos-nuxt-icon":"","text-3xl":""},null,-1),st={key:0,p4:"","theme-card-green":"",flex:"~ col auto"},lt=t("div",{"logos-vue":"","text-3xl":""},null,-1),it=t("div",{"carbon-tree-view-alt":"","text-3xl":""},null,-1),at=t("div",{"i-carbon-assembly-cluster":"","text-3xl":""},null,-1),ct=t("div",{"carbon-function":"","text-3xl":""},null,-1),rt=t("div",{"carbon-3d-mpr-toggle":"","text-3xl":""},null,-1),ut=t("div",{"carbon-plug":"","text-3xl":""},null,-1),_t={flex:"~ col gap2"},dt={flex:"~ gap-6 wrap","mt-5":"","items-center":"","justify-center":""},pt=t("a",{href:"https://github.com/nuxt/devtools",target:"_blank",flex:"~ gap1","items-center":"",op50:"",hover:"op100 text-blue",transition:""},[t("div",{"i-carbon-star":""}),n(" Star on GitHub ")],-1),mt=t("a",{href:"https://github.com/nuxt/devtools/discussions/29",target:"_blank",flex:"~ gap1","items-center":"",op50:"",hover:"op100 text-yellow",transition:""},[t("div",{"i-carbon-data-enrichment":""}),n(" Ideas & Suggestions ")],-1),ht=t("a",{href:"https://github.com/nuxt/devtools/discussions/31",target:"_blank",flex:"~ gap1","items-center":"",op50:"",hover:"op100 text-lime",transition:""},[t("div",{"i-carbon-plan":""}),n(" Project Roadmap ")],-1),xt=t("a",{href:"https://github.com/nuxt/devtools/issues",target:"_blank",flex:"~ gap1","items-center":"",op50:"",hover:"op100 text-rose",transition:""},[t("div",{"i-carbon-debug":""}),n(" Bug Reports ")],-1),ft=t("div",{"i-carbon-settings":""},null,-1),gt=t("div",{"flex-auto":""},null,-1),vt={flex:"~ gap-1","items-center":"","justify-center":"","text-sm":"",op40:""},bt=t("span",null,"+",-1),kt=t("span",null,"+",-1),wt=t("span",null,"+",-1),yt=t("span",null,"+",-1),Lt=V({__name:"overview",setup(Ct){const m=j(),i=D(),v=I(),h=R(),b=A(),k=L(),w=M();function y(){F.value=!0,w.push("/")}const x=T(()=>m.value?.nuxt.vueApp.version);return(f,Nt)=>{const C=O,N=G,g=H,u=P,S=E,_=W,B=K;return s(),c(B,{"h-screen":"","w-full":"",flex:""},{default:o(()=>[e(i)?(s(),d("div",z,[J,t("div",Q,[t("div",X,[l(C,{"h-18":""}),t("button",{"mr--16":"","mt--6":"",onClick:y},[l(N,{"bg-green-400:10":"","text-green-400":"",title:"preview",textContent:"preview"})])]),t("div",Y,[Z,t("code",tt,"v"+r(e(U)),1),l(g,{"package-name":"@nuxt/devtools",options:{dev:!0},"show-version":!1})])]),t("div",et,[t("div",ot,[nt,l(g,{"package-name":"nuxt",options:{dev:!0}})]),e(x)?(s(),d("div",st,[lt,t("code",null,"v"+r(e(x)),1)])):a("",!0),e(i)?(s(),d(p,{key:1},[e(i)&&e(i).pages&&e(m)?(s(),c(u,{key:0,"min-w-40":"",p4:"","theme-card-lime":"",flex:"~ col auto",to:"/modules/pages"},{default:o(()=>[it,t("div",null,r(e(b).length)+" pages",1)]),_:1})):a("",!0),e(i)?(s(),c(u,{key:1,"min-w-40":"",p4:"","theme-card-lime":"",flex:"~ col auto",to:"/modules/components"},{default:o(()=>[at,t("div",null,r(e(v).length)+" components",1)]),_:1})):a("",!0),e(i)&&e(h)?(s(),c(u,{key:2,"min-w-40":"",p4:"","theme-card-yellow":"",flex:"~ col auto",to:"/modules/imports"},{default:o(()=>[ct,t("div",null,r(e(h).imports.length)+" imports",1)]),_:1})):a("",!0),e(i)?(s(),c(u,{key:3,"min-w-40":"",p4:"","theme-card-purple":"",flex:"~ col auto",to:"/modules/modules"},{default:o(()=>[rt,t("div",null,r(e(i)._installedModules.length)+" modules",1)]),_:1})):a("",!0),e(i)?(s(),c(u,{key:4,"min-w-40":"",p4:"","theme-card-teal":"",flex:"~ col auto",to:"/modules/plugins"},{default:o(()=>[ut,t("div",null,r(e(i).plugins.length)+" plugins",1)]),_:1})):a("",!0)],64)):a("",!0)]),t("div",_t,[("showConnectionWarning"in f?f.showConnectionWarning:e($))?(s(),c(S,{key:0,n:"yellow5",icon:"carbon-unlink","justify-center":""},{default:o(()=>[n(" Not connected to the client app, showing server-side data only. Use the embedded mode for full features. ")]),_:1})):a("",!0)]),t("div",dt,[pt,mt,ht,xt,l(u,{to:"/settings",flex:"~ gap1","inline-block":"","items-center":"",op50:"","hover:op80":""},{default:o(()=>[ft,n(" Settings ")]),_:1})]),gt,t("div",vt,[n(" Press "),e(k)?(s(),d(p,{key:0},[l(_,{n:"xs",class:"px2"},{default:o(()=>[n(" ⇧ Shift ")]),_:1}),bt,l(_,{n:"xs",class:"px2"},{default:o(()=>[n(" ⌥ Option ")]),_:1}),kt,l(_,{n:"xs",class:"px2"},{default:o(()=>[n(" D ")]),_:1})],64)):(s(),d(p,{key:1},[l(_,{n:"xs",class:"px2"},{default:o(()=>[n(" Shift ")]),_:1}),wt,l(_,{n:"xs",class:"px2"},{default:o(()=>[n(" Alt ")]),_:1}),yt,l(_,{n:"xs",class:"px2"},{default:o(()=>[n(" D ")]),_:1})],64)),n(" to toggle DevTools ")])])):(s(),d("div",q," Loading... "))]),_:1})}}});export{Lt as default};
@@ -0,0 +1 @@
1
+ import{_ as T}from"./NTextInput.vue.3d7af8ee.js";import{_ as M}from"./Badge.c6f0948b.js";import{a as B,r as F,p as R,aP as j,a4 as q,u as t,o,h as s,f as e,t as $,c as g,w as k,aQ as G,F as h,q as I,v,i as p,l as V,s as L,k as H,aR as S,aF as J,aG as W,R as Q,Y,aH as X,aI as E,af as Z,G as ee,aJ as te,y as oe}from"./entry.8297d1ff.js";import{_ as A}from"./FilepathItem.vue.22e62c13.js";import{u as ne}from"./editor.e9488ebd.js";import{_ as ae}from"./NSectionBlock.b03d4f1a.js";import{_ as se}from"./LaunchPage.vue.e9f10392.js";import{_ as re}from"./HelpFab.vue.82dbe71b.js";import"./NIconTitle.vue.db04ddec.js";import"./NMarkdown.vue.bfa53523.js";import"./client.64d509dc.js";import"./NPanelGrids.f0b55b40.js";import"./NIconButton.vue.61b6fdb9.js";const le={block:"","cursor-pointer":""},ie={p2:""},ue=["onSubmit"],ce=e("div",{px2:"","text-sm":"",op50:""}," Fill params and navigate: ",-1),de={flex:"~","items-center":"",p2:"","font-mono":"","text-sm":""},pe={key:1},_e=B({__name:"RoutePathItem",props:{route:null},emits:["navigate"],setup(c,{emit:u}){const l=c,_=F([]),f=R(()=>{const n=j(l.route.path);return _.value=Array.from({length:n.length},()=>""),n}),y=R(()=>f.value.map((n,m)=>n[0]===":"?_.value[m]:n).join("").replace(/\/+/g,"/")),x=R(()=>l.route.path.includes(":"));function i(){u("navigate",y.value)}return(n,m)=>{const d=T,w=H,a=q("VDropdown");return t(x)?(o(),g(a,{key:1},{popper:k(({hide:r})=>[e("div",ie,[e("form",{flex:"~ col",onSubmit:G(()=>{i(),r()},["prevent"])},[t(x)?(o(),s(h,{key:0},[ce,e("div",de,[(o(!0),s(h,null,I(t(f),(b,C)=>(o(),s(h,{key:C},[b[0]===":"?(o(),g(d,{key:0,modelValue:t(_)[C],"onUpdate:modelValue":P=>t(_)[C]=P,"w-20":"","n-sm":"",placeholder:b.slice(1)},null,8,["modelValue","onUpdate:modelValue","placeholder"])):(o(),s("span",pe,$(b),1))],64))),128))])],64)):v("",!0),p(w,{block:"",n:"primary"},{default:k(()=>[V(" Navigate ")]),_:1})],40,ue)])]),default:k(()=>[e("code",le,[(o(!0),s(h,null,I(t(f),(r,b)=>(o(),s("span",{key:b,class:L(r[0]===":"?"text-gray border border-dashed rounded border-gray:50 px1":"")},$(r[0]===":"?r.slice(1):r),3))),128))])]),_:1})):(o(),s("button",{key:0,onClick:i},[e("code",null,$(c.route.path),1)]))}}}),me={"w-full":""},he=e("thead",{border:"b base"},[e("tr",null,[e("th",{"text-left":""}),e("th",{"text-left":""}," Route Path "),e("th",{"text-left":""}," Name "),e("th",{"text-left":""}," Middleware "),e("th",null," Layout ")])],-1),fe={"w-20":"","pr-1":""},ge={flex:"","items-center":"","justify-end":""},ve={"text-sm":""},ye={flex:"inline gap3","items-center":""},xe={op0:"","group-hover:op100":"",flex:"~ gap1"},be=["onClick"],ke=e("div",{"i-carbon-script-reference":""},null,-1),$e=[ke],we={"w-0":"","ws-nowrap":"","pr-1":"","text-left":"","font-mono":"","text-sm":"",op50:""},Ce={"w-0":"","ws-nowrap":"","pr-1":"","text-center":"","font-mono":"","text-sm":"",op50:""},Ne={"w-0":"","ws-nowrap":"","text-center":"","font-mono":"","text-sm":""},Re={key:0},Pe=["onClick"],Ve=B({__name:"RoutesTable",props:{pages:null,layouts:null,matched:null,matchedPending:null},emits:["navigate"],setup(c){const u=c,l=ne(),_=S(),f=R(()=>[...u.pages].sort((i,n)=>i.path.localeCompare(n.path)));function y(i){const n=u.layouts.find(m=>m.name===i);n&&l(n.file)}function x(i){if(typeof i=="string")return _.value?.middleware.find(n=>n.name===i)?.path}return(i,n)=>{const m=M,d=_e,w=A;return o(),s("div",null,[e("table",me,[he,e("tbody",null,[(o(!0),s(h,null,I(t(f),a=>(o(),s("tr",{key:a.name,class:"group","h-7":"",border:"b dashed transparent hover:base"},[e("td",fe,[e("div",ge,[c.matched.find(r=>r.name===a.name)?(o(),g(m,{key:0,"bg-green-400:10":"","text-green-400":"",title:"active",textContent:"active"})):v("",!0),c.matchedPending.find(r=>r.name===a.name)?(o(),g(m,{key:1,"bg-teal-400:10":"","text-teal-400":"",title:"next",textContent:"next"})):v("",!0)])]),e("td",ve,[e("div",ye,[p(d,{route:a,class:L(c.matched.find(r=>r.name===a.name)?"text-primary":c.matchedPending.find(r=>r.name===a.name)?"text-teal":""),onNavigate:n[0]||(n[0]=r=>i.$emit("navigate",r))},null,8,["route","class"]),e("div",xe,[a.file||a.meta?.file?(o(),s("button",{key:0,"text-sm":"",op40:"",hover:"op100 text-primary",title:"Open in editor",onClick:r=>t(l)(a.file||a.meta?.file)},$e,8,be)):v("",!0)])])]),e("td",we,$(a.name),1),e("td",Ce,[p(w,{filepath:x(a.meta.middleware),override:`${a.meta.middleware||"-"}`},null,8,["filepath","override"])]),e("td",Ne,[a.meta.layout===!1?(o(),s("span",Re,"-")):a.meta.layout?(o(),s("button",{key:1,onClick:r=>y(a.meta.layout)},$(a.meta.layout),9,Pe)):(o(),s("button",{key:2,"text-sm":"",op15:"",onClick:n[1]||(n[1]=r=>y("default"))}," (default) "))])]))),128))])])])}}}),Ie={class:"markdown-body"},Be=e("h1",null,"Pages",-1),Le=e("p",null,[V("One core feature of Nuxt is the file system router. Every Vue file inside the "),e("code",null,"pages/"),V(" directory creates a corresponding URL (or route) that displays the contents of the file. By using dynamic imports for each page, Nuxt leverages code-splitting to ship the minimum amount of JavaScript for the requested route.")],-1),Ee=e("p",null,[e("a",{href:"https://nuxt.com/docs/getting-started/routing",target:"_blank",rel:"noopener"},"Learn more on the documentation")],-1),Te=e("hr",null,null,-1),Me=e("h1",null,"Middlewares",-1),Fe=e("p",null,"Nuxt provides a customizable route middleware framework you can use throughout your application, ideal for extracting code that you want to run before navigating to a particular route.",-1),Se=e("p",null,[e("a",{href:"https://nuxt.com/docs/guide/directory-structure/middleware",target:"_blank",rel:"noopener"},"Learn more on the documentation")],-1),Ae=[Be,Le,Ee,Te,Me,Fe,Se],De={__name:"pages",setup(c,{expose:u}){return u({frontmatter:{}}),(_,f)=>(o(),s("div",Ie,Ae))}},Ue={key:0,"h-full":"","of-auto":""},ze={border:"b base",flex:"~ col gap1",px4:"",py3:"","navbar-glass":""},Ke=e("span",{op50:""},"Navigate from ",-1),Oe={"font-mono":""},je=e("span",{op50:""}," to ",-1),qe={key:1,op50:""},Ge=e("span",null,[V("Press "),e("b",{"font-bold":""},"Enter"),V(" to navigate")],-1),He={key:0,"text-orange":"",op75:""},Je={key:1,op50:""},We={"w-full":""},Qe=e("thead",{border:"b base","h-7":""},[e("tr",null,[e("th",{"text-left":""}," Name "),e("th",{"text-left":""}," Path ")])],-1),Ye={mr1:""},dt=B({__name:"pages",setup(c){const u=J(),l=W(),_=Q(),f=S(),y=Y(),x=X(),i=R(()=>f.value?.middleware||[]),n=F("");E(l).toBeTruthy().then(a=>{n.value=a.path}),E(u).toBeTruthy().then(a=>{a.afterEach(()=>{Z(()=>{n.value=l.value.path})})});async function m(){n.value!==l.value.path&&u.value.push(n.value||"/")}const d=R(()=>n.value===l.value.path?[]:u.value.resolve(n.value||"/").matched);function w(a){u.value.push(a)}return(a,r)=>{const b=T,C=Ve,P=ae,D=M,U=A,z=se,K=De,O=re;return o(),s(h,null,[t(_)?.pages&&t(u)?(o(),s("div",Ue,[e("div",ze,[e("div",null,[t(l).path!==t(n)?(o(),s(h,{key:0},[Ke,e("span",Oe,$(t(l).path),1),je],64)):(o(),s("span",qe,"Current route"))]),p(b,{modelValue:t(n),"onUpdate:modelValue":r[0]||(r[0]=N=>ee(n)?n.value=N:null),"font-mono":"",icon:"carbon-direction-right-01 scale-y--100",class:L(t(l).path===t(n)?"":t(d).length?"text-green":"text-orange"),onKeydown:te(m,["enter"])},null,8,["modelValue","class","onKeydown"]),e("div",null,[t(l).path!==t(n)?(o(),s(h,{key:0},[Ge,t(d).length?v("",!0):(o(),s("span",He," (no match)"))],64)):(o(),s("span",Je,"Edit path above to navigate"))])]),t(d).length?(o(),g(P,{key:0,icon:"carbon-tree-view",text:"Matched Routes",padding:!1},{default:k(()=>[p(C,{pages:t(d),layouts:t(y)||[],matched:[],"matched-pending":t(d),onNavigate:w},null,8,["pages","layouts","matched-pending"])]),_:1})):v("",!0),p(P,{icon:"carbon-tree-view-alt",text:"All Routes",description:`${t(x).length} routes registered in your application`,padding:"pr5"},{default:k(()=>[p(C,{pages:t(x),layouts:t(y)||[],matched:t(l).matched,"matched-pending":t(d),onNavigate:w},null,8,["pages","layouts","matched","matched-pending"])]),_:1},8,["description"]),t(i).length?(o(),g(P,{key:1,icon:"carbon:ibm-watson-studio",text:"Middleware",description:`${t(i).length} middleware registered in your application`,padding:"px13"},{default:k(()=>[e("table",We,[Qe,(o(!0),s(h,null,I(t(i),N=>(o(),s("tr",{key:N.path,"h-7":""},[e("td",null,[e("span",Ye,$(N.name),1),N.global?(o(),g(D,{key:0,"bg-green-400:10":"","text-green-400":"",title:"Registered at runtime as a global component",textContent:"global"})):v("",!0)]),e("td",null,[p(U,{filepath:N.path},null,8,["filepath"])])]))),128))])]),_:1},8,["description"])):v("",!0)])):(o(),g(z,{key:1,icon:"carbon-tree-view-alt",title:"Nuxt Routing",description:"Create `./pages/index.vue` to enable routing",actions:[{label:"Learn more",src:"https://nuxt.com/docs/getting-started/routing",attrs:{n:"primary"}},{label:"Enable Routing",handle(){return("rpc"in a?a.rpc:t(oe)).runWizard("enablePages")}}]},null,8,["actions"])),p(O,null,{default:k(()=>[p(K)]),_:1})],64)}}});export{dt as default};
@@ -0,0 +1 @@
1
+ import{_ as x}from"./StateEditor.vue.452c2a1e.js";import{a as y,o as t,h as r,F as k,q as B,c as f,w as a,V as C,n as D,g as V,f as $,b as w,p as F,u as i,i as e,v as m,l as O,k as P}from"./entry.8297d1ff.js";import{_ as E}from"./NSectionBlock.b03d4f1a.js";import{_ as R}from"./NIconButton.vue.61b6fdb9.js";import{_ as j}from"./HelpFab.vue.82dbe71b.js";import"./json-editor-vue.98769e76.js";import"./NIconTitle.vue.db04ddec.js";const A={key:0,flex:"~ col gap-1"},G={key:1,mt2:"",px4:"",italic:"",op35:""},H=y({__name:"StateGroup",props:{state:null,prefix:{default:""}},setup(n){return(o,s)=>{const l=x;return t(),r("div",null,[n.state&&Object.keys(n.state).length>0?(t(),r("div",A,[(t(!0),r(k,null,B(n.state,(_,c)=>(t(),f(l,{key:c,state:_,name:c.startsWith(n.prefix)?c.slice(n.prefix.length):c},{actions:a(u=>[C(o.$slots,"actions",D(V(u)))]),_:2},1032,["state","name"]))),128))])):(t(),r("div",G," No data "))])}}}),K={class:"markdown-body"},T=$("h1",null,"State & Async Data",-1),q=$("p",null,"// TODO",-1),z=[T,q],I={__name:"payload",setup(n,{expose:o}){return o({frontmatter:{}}),(l,_)=>(t(),r("div",K,z))}},L={key:0},tt=y({__name:"payload",setup(n){const o=w(),s=F(()=>o.value?.nuxt.payload);async function l(_){await o.value?.nuxt.hooks.callHookParallel("app:data:refresh",_)}return(_,c)=>{const u=H,d=E,b=P,v=R,S=x,g=I,N=j;return t(),r(k,null,[i(o)?(t(),r("div",L,[e(d,{icon:"carbon-data-set",text:"State",description:"Keyed state from `useState`",padding:!1},{default:a(()=>[e(u,{state:i(s).state,prefix:"$s"},null,8,["state"])]),_:1}),e(d,{icon:"carbon-data-blob",text:"Data",description:"Keyed state from `useAsyncData`",padding:!1},{actions:a(()=>[e(b,{n:"xs primary","self-start":"",icon:"i-carbon-recycle",onClick:c[0]||(c[0]=h=>l())},{default:a(()=>[O(" Re-fetch all data ")]),_:1})]),default:a(()=>[e(u,{state:i(s).data},{actions:a(({isOpen:h,name:p})=>[h&&p?(t(),f(v,{key:0,title:`Re-fetch '${p}'`,icon:"carbon-recycle",onClick:W=>l([p])},null,8,["title","onClick"])):m("",!0)]),_:1},8,["state"])]),_:1}),i(s).functions&&Object.keys(i(s).functions).length?(t(),f(d,{key:0,icon:"carbon-function",text:"Functions",description:"State for functions (experimental)"},{default:a(()=>[e(S,{"ml--6":"",state:i(s).functions},null,8,["state"])]),_:1})):m("",!0)])):m("",!0),e(N,null,{default:a(()=>[e(g)]),_:1})],64)}}});export{tt as default};
@@ -0,0 +1 @@
1
+ import{_ as S}from"./FilepathItem.vue.22e62c13.js";import{_ as D}from"./Badge.c6f0948b.js";import{_ as k}from"./DurationDisplay.vue.d1c8be7a.js";import{a as v,R as B,p as x,aT as V,o as n,h as _,f as e,t as P,i as l,u as f,c as u,v as d,a4 as M,V as T,M as F,aU as H,w as h,l as y,aR as I,b as E,F as C,q as R,s as W}from"./entry.8297d1ff.js";import{_ as L}from"./NSectionBlock.b03d4f1a.js";import{_ as j}from"./HelpFab.vue.82dbe71b.js";import"./editor.e9488ebd.js";import"./NIconTitle.vue.db04ddec.js";import"./NIconButton.vue.61b6fdb9.js";const q={flex:"~ gap2","items-center":""},z={w8:"","text-right":"","text-sm":"",op25:""},A={key:0,"flex-auto":"","text-right":""},U=v({__name:"PluginItem",props:{plugin:null,index:null},setup(t){const i=t,a=B(),r=x(()=>V(i.plugin.src,a.value?.rootDir||"").path);return(m,c)=>{const p=S,o=D,s=k;return n(),_("div",q,[e("div",z,P(t.index),1),l(p,{filepath:i.plugin.src,subpath:!0},null,8,["filepath"]),e("div",null,[f(r).startsWith("#")?(n(),u(o,{key:0,"bg-rose-400:10":"","text-rose":"",textContent:"virtual"})):f(r).startsWith(".")?d("",!0):(n(),u(o,{key:1,"bg-gray-400:10":"","text-gray":"",textContent:"module"})),t.plugin.mode==="server"?(n(),u(o,{key:2,"bg-teal-400:10":"","text-teal-400":"",textContent:"server"})):d("",!0),t.plugin.mode==="client"?(n(),u(o,{key:3,"bg-orange-400:10":"","text-orange-400":"",textContent:"client"})):d("",!0)]),t.plugin.metric?.duration!=null?(n(),_("div",A,[l(s,{duration:t.plugin.metric?.duration,factor:10},null,8,["duration"])])):d("",!0)])}}}),Y={class:"n-tip n-tip-base",flex:"~ col items-start","mx--4":"",px4:"",py4:""},G={flex:"~ items-center gap-1","font-bold":""},J=v({__name:"HelpTip",props:{title:null,icon:null},setup(t){return(i,a)=>{const r=F,m=M("ContentSlot");return n(),_("div",Y,[e("div",G,[t.icon?(n(),u(r,{key:0,icon:t.icon,class:"n-tip-icon"},null,8,["icon"])):d("",!0),e("div",null,P(t.title),1)]),e("div",null,[T(i.$slots,"default",{},()=>[l(m,{use:i.$slots.default,unwrap:"p"},null,8,["use"])])])])}}}),K={};function O(t,i){const a=J;return n(),u(a,{title:"Performance Tip",icon:"carbon-meter",n:"lime6 dark:lime5"},{default:h(()=>[T(t.$slots,"default")]),_:3})}const Q=H(K,[["render",O]]),X={class:"markdown-body"},Z=e("h1",null,"Plugins",-1),tt=e("p",null,[y("Nuxt plugins allows you to extend the functionality of Nuxt runtime and the Vue instance. You can add plugins to the "),e("code",null,"plugins/"),y(" directory and they will be automatically imported and registered.")],-1),et=e("p",null,[e("a",{href:"https://nuxt.com/docs/guide/directory-structure/plugins",target:"_blank",rel:"noopener"},"Learn more on the documentation")],-1),nt={__name:"plugins",setup(t,{expose:i}){return i({frontmatter:{}}),(r,m)=>{const c=Q;return n(),_("div",X,[Z,tt,l(c,null,{default:h(()=>[y(" Plugins runs before your application at runtime, the time each plugin cost will directly affect your application's initial loading time. ")]),_:1}),et])}}},ot={pt4:""},st={class:"text-sm",flex:"~ gap-1 items-center justify-end","mt-3":""},it=e("div",{"i-carbon-timer":"","text-lg":"",op75:""},null,-1),at=e("span",{op50:""},"Total execution time:",-1),gt=v({__name:"plugins",setup(t){const i=I(),a=E(),r=x(()=>{const c=i.value?.plugins||[],p=a.value?.getClientPluginMetrics()||[];return c.map(o=>{const s=typeof o=="string"?{src:o}:o;return{...s,metric:p.find(g=>g.src===s.src||g.src.startsWith(s.src))}})}),m=x(()=>{const c=a.value?.getClientPluginMetrics()||[],p=Math.min(...c.map(s=>s.start));return Math.max(...c.map(s=>s.end))-p});return(c,p)=>{const o=U,s=k,g=L,w=nt,N=j;return n(),_(C,null,[l(g,{icon:"carbon-plug",text:"Plugins",description:`Total plugins: ${f(r).length}`},{default:h(()=>[e("div",ot,[(n(!0),_(C,null,R(f(r),($,b)=>(n(),u(o,{key:$.src,plugin:$,index:b+1,"ml--4":"","border-base":"",py2:"",class:W(b?"border-t":"")},null,8,["plugin","index","class"]))),128)),e("div",st,[it,at,l(s,{duration:f(m),factor:10},null,8,["duration"])])])]),_:1},8,["description"]),l(N,null,{default:h(()=>[l(w)]),_:1})],64)}}});export{gt as default};
@@ -0,0 +1 @@
1
+ import{_ as C}from"./StateEditor.vue.452c2a1e.js";import{_ as h}from"./NSectionBlock.b03d4f1a.js";import{o as c,h as r,f as m,a as v,b as x,R as b,p as u,u as o,i as e,w as s,v as y,F as R}from"./entry.8297d1ff.js";import{_ as k}from"./HelpFab.vue.82dbe71b.js";import"./NIconButton.vue.61b6fdb9.js";import"./json-editor-vue.98769e76.js";import"./NIconTitle.vue.db04ddec.js";const B={class:"markdown-body"},N=m("h1",null,"Runtime Configs",-1),$=m("p",null,"// TODO:",-1),w=[N,$],D={__name:"runtime-configs",setup(d,{expose:t}){return t({frontmatter:{}}),(l,p)=>(c(),r("div",B,w))}},F={key:0},j=v({__name:"runtime-configs",setup(d){const t=x(),_=b(),l=u(()=>t.value?.nuxt.payload),p=u(()=>{const n={..._.value?.runtimeConfig};return delete n.public,delete n.app,n});return(n,S)=>{const a=C,i=h,f=D,g=k;return c(),r(R,null,[o(t)?(c(),r("div",F,[e(i,{icon:"carbon-settings-services",text:"App Config",padding:!1},{default:s(()=>[e(a,{state:o(t).appConfig},null,8,["state"])]),_:1}),e(i,{icon:"carbon-settings",text:"Public Runtime Config",padding:!1},{default:s(()=>[e(a,{state:o(l).config?.public},null,8,["state"])]),_:1}),e(i,{icon:"i-carbon-code-signing-service",text:"Private Runtime Config",open:!1,padding:!1,description:"These values are not exposed to the client. Readonly in the DevTools."},{default:s(()=>[e(a,{state:o(p),readonly:""},null,8,["state"])]),_:1})])):y("",!0),e(g,null,{default:s(()=>[e(f)]),_:1})],64)}}});export{j as default};
@@ -0,0 +1,9 @@
1
+ import{_ as ie}from"./Navbar.vue.1175e5b5.js";import{_ as Y}from"./Badge.c6f0948b.js";import{a as Z,R as ce,ad as de,p,r as k,o as a,h as m,f as i,c as x,w as l,l as h,t as y,u as e,s as b,aW as G,F as j,q as W,G as ee,i as s,v as $,k as pe,M as me,aX as fe,E as _e,aY as ve,aZ as he,H as ye,a3 as ge}from"./entry.8297d1ff.js";import{_ as xe}from"./NSelect.vue.04879311.js";import{_ as be}from"./NTextInput.vue.3d7af8ee.js";import{_ as Ce}from"./CodeSnippets.vue.c8638278.js";import{_ as te}from"./NPanelGrids.f0b55b40.js";import{_ as ke}from"./NCodeBlock.vue.7df96def.js";import{u as $e}from"./editor.e9488ebd.js";import{C as X}from"./constants.d7bcda3c.js";import{_ as Re}from"./PanelLeftRight.vue.b6fba8cf.js";import{F as Te}from"./fuse.esm.88e2763d.js";import"./client.64d509dc.js";const qe={"h-full":"","w-full":"",flex:"~ col"},je={flex:"~ col gap-2","flex-none":"",p4:"","navbar-glass":""},Se={flex:"~ gap2"},Ve={flex:"~ gap2","w-full":"","items-center":"",px4:"",pb2:"","text-center":"","text-sm":"",border:"b base"},we=i("div",{"flex-auto":""},null,-1),Ee={key:0,border:"b base","items-center":"",px4:"",py2:"",grid:"~ cols-[max-content_1fr] gap-2"},Ne={"text-right":"","font-mono":""},Ue={key:1,relative:""},Pe={key:2,px4:"",py2:"",flex:"~ col gap-2",border:"b base"},Be={border:"b base",flex:"~ gap2","items-center":"",px4:"",py2:""},Me=i("div",null,"Response",-1),Oe={key:1,"text-xs":"",op50:""},Le=i("div",{"flex-auto":""},null,-1),De=i("div",{op50:""}," Request finished in ",-1),Fe=Z({__name:"ServerRouteDetails",props:{route:{type:Object,required:!0}},setup(P){const B=P,R=ce(),u=de({contentType:"text/plain",data:"",statusCode:200,error:void 0}),T=p(()=>u.contentType.includes("application/json")?"json":u.contentType.includes("text/html")?"html":u.contentType.includes("text/css")?"css":u.contentType.includes("text/javascript")?"javascript":u.contentType.includes("text/xml")||u.contentType.includes("application/xml")?"xml":"text"),q=p(()=>T.value==="json"?JSON.stringify(u.data,null,2):u.data),w=k(0),C=k(!1),E=k(!1),A=$e(),M=p(()=>B.route.route?.split(/((?:\*\*)?:[\w_]+)/g)),S=p(()=>M.value?.filter(o=>o.startsWith(":")||o.startsWith("**:"))||[]),g=k(B.route.method||"GET"),N=k({}),U=k([{key:"",value:""}]),V=k([{key:"",value:""}]),f=k([{key:"Content-Type",value:"application/json"}]),z=p(()=>V.value.filter(({key:o})=>o).length),J=p(()=>f.value.filter(({key:o})=>o).length),H=p(()=>{const o={};for(let t=0;t<U.value.length;t++){const{key:n,value:c}=U.value[t];o[n]=c}return Object.keys(o)[0]?o:null}),oe=p(()=>{let o=R.value?.devServer.url||"http://localhost";o.charAt(o.length-1)==="/"&&(o=o.slice(0,-1));const t=R.value?.devServer.port||3e3;return o.includes(`:${t}`)?o:`${o}:${t}`}),O=p(()=>{let o=new URLSearchParams(Object.fromEntries(V.value.filter(({key:c})=>c).map(({key:c,value:_})=>[c,_]))).toString();o&&(o=`?${o}`);const t=(M.value?.map(c=>(c.startsWith(":")||c.startsWith("**:"))&&N.value[c]||c).join("")||"")+o;let n=R.value?.app.baseURL||"";return(n==="./"||n===".")&&(n=""),n.endsWith("/")&&(n=n.slice(0,-1)),n+t}),ne=p(()=>oe.value+O.value);async function K(){E.value=!0,C.value=!0,Object.assign(u,{lang:"text",contentType:"",data:"",content:"",error:void 0});const o=Date.now();try{u.data=await $fetch(ne.value,{method:g.value.toUpperCase(),headers:Object.fromEntries(f.value.filter(({key:t,value:n})=>t&&n).map(({key:t,value:n})=>[t,n])),query:Object.fromEntries(V.value.filter(({key:t,value:n})=>t&&n).map(({key:t,value:n})=>[t,n])),body:H.value,onResponse({response:t}){u.contentType=(t.headers.get("content-type")||"").toString().toLowerCase().trim(),u.statusCode=t.status},onResponseError(t){u.error=t.response._data,u.data=t.response._data}})}catch{}C.value=!1,w.value=Date.now()-o}const Q=p(()=>{const o=[],t=[],n=f.value.filter(({key:_,value:v})=>_&&v&&!(_==="Content-Type"&&v==="application/json")).map(({key:_,value:v})=>` '${_}': '${v}'`).join(`,
2
+ `);g.value.toUpperCase()!=="GET"&&t.push(`method: '${g.value.toUpperCase()}'`),n&&t.push(`headers: {
3
+ ${n}
4
+ }`),H.value&&t.push(`body: ${JSON.stringify(H.value,null,2)}`);const c=t.length?`, {
5
+ ${t.join(`,
6
+ `).split(`
7
+ `).map(_=>` ${_}`).join(`
8
+ `)}
9
+ }`:"";return o.push({name:"useFetch",lang:"javascript",docs:X.nuxt.useFetch,code:`const { data, pending, error, refresh } = useFetch('${O.value}'${c})`}),o.push({name:"$fetch",lang:"javascript",docs:X.nuxt.$fetch,code:`await $fetch('${O.value}'${c})`}),o}),d=k(S.value.length?"params":"query"),L=p(()=>{if(d.value==="query")return V.value;if(d.value==="body")return U.value;if(d.value==="headers")return f.value}),se=["GET","POST","PUT","PATCH","DELETE","HEAD"];return(o,t)=>{const n=pe,c=xe,_=be,v=me,ae=Ce,re=te,le=fe,I=Y,ue=ke;return a(),m("div",qe,[i("div",je,[i("div",Se,[P.route.method?(a(),x(n,{key:0,class:b(("getRequestMethodClass"in o?o.getRequestMethodClass:e(G))(e(g))),"pointer-events-none":"",tabindex:"-1"},{default:l(()=>[h(y(e(g).toUpperCase()),1)]),_:1},8,["class"])):(a(),x(c,{key:1,modelValue:e(g),"onUpdate:modelValue":t[0]||(t[0]=r=>ee(g)?g.value=r:null),class:b(("getRequestMethodClass"in o?o.getRequestMethodClass:e(G))(e(g)))},{default:l(()=>[(a(),m(j,null,W(se,r=>i("option",{key:r,class:b(("getRequestMethodClass"in o?o.getRequestMethodClass:e(G))(r))},y(r.toUpperCase()),3)),64))]),_:1},8,["modelValue","class"])),s(_,{"model-value":e(O),disabled:"","flex-auto":"","font-mono":"",p:"x5 y2",n:"primary xs"},null,8,["model-value"]),s(n,{n:"primary solid",onClick:K},{default:l(()=>[s(v,{icon:"carbon:send"})]),_:1})])]),i("div",Ve,[e(S).length?(a(),x(n,{key:0,class:b(e(d)==="params"?"text-primary n-primary":"border-transparent! shadow-none!"),onClick:t[1]||(t[1]=r=>d.value="params")},{default:l(()=>[s(v,{icon:"i-carbon-text-selection"}),h(" Params ("+y(e(S).length)+") ",1)]),_:1},8,["class"])):$("",!0),s(n,{class:b(e(d)==="query"?"text-primary n-primary":"border-transparent! shadow-none!"),onClick:t[2]||(t[2]=r=>d.value="query")},{default:l(()=>[s(v,{icon:"i-carbon-help"}),h(" Query "+y(e(z)?`(${e(z)})`:""),1)]),_:1},8,["class"]),e(g)!=="GET"?(a(),x(n,{key:1,class:b(e(d)==="body"?"text-primary n-primary":"border-transparent! shadow-none!"),onClick:t[3]||(t[3]=r=>d.value="body")},{default:l(()=>[s(v,{icon:"i-carbon-document"}),h(" Body ")]),_:1},8,["class"])):$("",!0),s(n,{class:b(e(d)==="headers"?"text-primary n-primary":"border-transparent! shadow-none!"),onClick:t[4]||(t[4]=r=>d.value="headers")},{default:l(()=>[s(v,{icon:"i-carbon-html-reference"}),h(" Headers "+y(e(J)?`(${e(J)})`:""),1)]),_:1},8,["class"]),s(n,{class:b(e(d)==="snippet"?"text-primary n-primary":"border-transparent! shadow-none!"),onClick:t[5]||(t[5]=r=>d.value="snippet")},{default:l(()=>[s(v,{icon:"carbon:code"}),h(" Snippets ")]),_:1},8,["class"]),we,s(n,{icon:"carbon-launch",onClick:t[6]||(t[6]=r=>e(A)(P.route.filepath))},{default:l(()=>[h(" Open in Editor ")]),_:1})]),e(d)==="params"?(a(),m("div",Ee,[(a(!0),m(j,null,W(e(S),r=>(a(),m(j,{key:r},[i("div",Ne,y(r),1),s(_,{modelValue:e(N)[r],"onUpdate:modelValue":D=>e(N)[r]=D,placeholder:r,"flex-1":""},null,8,["modelValue","onUpdate:modelValue","placeholder"])],64))),128))])):$("",!0),e(d)==="snippet"?(a(),m("div",Ue,[e(Q).length?(a(),x(ae,{key:0,border:"b base","code-snippets":e(Q)},null,8,["code-snippets"])):$("",!0)])):e(L)?(a(),m("div",Pe,[(a(!0),m(j,null,W(e(L),(r,D)=>(a(),m("div",{key:D,flex:"~ gap-2","justify-around":""},[s(_,{modelValue:r.key,"onUpdate:modelValue":F=>r.key=F,placeholder:"Key","flex-1":"","font-mono":"",n:"sm"},null,8,["modelValue","onUpdate:modelValue"]),s(_,{modelValue:r.value,"onUpdate:modelValue":F=>r.value=F,placeholder:"Value","flex-1":"","font-mono":"",n:"sm"},null,8,["modelValue","onUpdate:modelValue"]),s(n,{n:"red",onClick:F=>e(L).splice(D,1)},{default:l(()=>[s(v,{icon:"carbon:delete"})]),_:2},1032,["onClick"])]))),128)),i("div",null,[s(n,{icon:"carbon-add",n:"sm primary",my1:"","px-3":"",onClick:t[7]||(t[7]=r=>e(L).push({key:"",value:""}))},{default:l(()=>[h(" Add ")]),_:1})])])):$("",!0),e(E)?e(C)?(a(),x(le,{key:4,"z-10":"","flex-auto":"","backdrop-blur":""},{default:l(()=>[h(" Fetching... ")]),_:1})):(a(),m(j,{key:5},[i("div",Be,[Me,e(u).error?(a(),x(I,{key:0,"bg-red-400:10":"","text-red-400":""},{default:l(()=>[h(" Error ")]),_:1})):$("",!0),s(I,{class:b({"bg-orange-400:10 text-orange-400":e(u).error,"bg-green-400:10 text-green-400":!e(u).error})},{default:l(()=>[h(y(e(u).statusCode),1)]),_:1},8,["class"]),e(u).contentType?(a(),m("code",Oe,y(e(u).contentType),1)):$("",!0),Le,De,s(I,{"bg-green-400:10":"","text-green-400":""},{default:l(()=>[h(y(e(w))+" ms ",1)]),_:1})]),s(ue,{"flex-auto":"","overflow-auto":"","py-2":"",code:e(q),lang:e(T)},null,8,["code","lang"])],64)):(a(),x(re,{key:3},{default:l(()=>[s(n,{n:"primary",onClick:K},{default:l(()=>[s(v,{icon:"carbon:send"}),h(" Send request ")]),_:1})]),_:1}))])}}}),Ge={flex:"~ gap1","text-sm":"",op50:""},We={key:0},Ae={"w-12":"","flex-none":"","text-right":""},He={"font-mono":"","text-sm":""},Ie=i("div",{"x-divider":""},null,-1),ze=i("span",{op75:""},"Select a route to start",-1),lt=Z({__name:"server-routes",setup(P){const B=_e(),R=ve(),u=p(()=>new Te(R.value||[],{keys:["method","route"],shouldSort:!0})),T=p(()=>R.value?.find(C=>C.path===B.query?.path)),q=k(""),w=p(()=>R.value?q.value?u.value.search(q.value).map(C=>C.item):R.value:[]);return(C,E)=>{const A=ie,M=Y,S=ye,g=Fe,N=ge,U=te,V=Re;return a(),x(V,null,{left:l(()=>[s(A,{search:e(q),"onUpdate:search":E[0]||(E[0]=f=>ee(q)?q.value=f:null),pb2:""},{default:l(()=>[i("div",Ge,[e(q)?(a(),m("span",We,y(e(w).length)+" matched · ",1)):$("",!0),i("span",null,y(e(R)?.length)+" routes in total",1)])]),_:1},8,["search"]),(a(!0),m(j,null,W(e(w),f=>(a(),m(j,{key:f.id},[s(S,{flex:"~ gap-2","items-center":"","hover-bg-active":"",px2:"",py1:"",class:b([{"bg-active":e(T)?.path===f.path}]),to:{query:{path:f.path}}},{default:l(()=>[i("div",Ae,[s(M,{class:b(("getRequestMethodClass"in C?C.getRequestMethodClass:e(G))(f.method||"*")),title:"updates available",textContent:y((f.method||"*").toUpperCase())},null,8,["class","textContent"])]),i("span",He,y(f.route),1)]),_:2},1032,["class","to"]),Ie],64))),128))]),right:l(()=>[(a(),x(he,{max:10},[e(T)?(a(),x(g,{key:e(T).path,route:e(T)},null,8,["route"])):$("",!0)],1024)),e(T)?$("",!0):(a(),x(U,{key:0},{default:l(()=>[s(N,{px6:"",py2:""},{default:l(()=>[ze]),_:1})]),_:1}))]),_:1})}}});export{lt as default};
@@ -0,0 +1 @@
1
+ import{_ as O}from"./NIconTitle.vue.db04ddec.js";import{_ as j}from"./NSwitch.vue.6de70289.js";import{a as z,bb as I,h as d,i as s,f as e,F as m,q as V,u as a,w as n,G as f,a2 as L,bc as E,o as i,s as T,t as g,c as H,v as q,l as A,aS as G,k as R}from"./entry.8297d1ff.js";import{_ as J}from"./NSelect.vue.04879311.js";import{_ as K}from"./NCheckbox.vue.2dbb6d84.js";const M={px6:"",py6:""},P={grid:"~ md:cols-2 gap-x-10 gap-y-3","max-w-300":""},Q={flex:"~ col gap-1",py3:""},W=e("h3",{mb1:"","text-lg":""}," Tabs ",-1),X={flex:"~ gap-2","flex-auto":"","items-center":"","justify-start":""},Y={capitalize:"",op75:""},Z={flex:"~ col gap-1",border:"~ base rounded",py3:"",pl4:"",pr2:""},ee={py3:"",flex:"~ col gap-1",border:"b base"},oe=e("h3",{mb1:"","text-lg":""}," Appearance ",-1),te=e("div",{"carbon-sun":"","dark:carbon-moon":"","translate-y--1px":""},null,-1),le={py3:"",flex:"~ col gap-1",border:"b base"},se=e("h3",{mb1:"","text-lg":""}," UI Scale ",-1),ae=["value"],ne={py3:"",flex:"~ col gap-1"},ie=e("h3",{mb1:"","text-lg":""}," Features ",-1),ue=e("span",null,"Close DevTools when clicking outside",-1),de=e("span",null,"Show experimental features",-1),re=e("span",null,"Show help buttons",-1),ve=z({__name:"settings",setup(ce){const{interactionCloseOnOutsideClick:v,showExperimentalFeatures:x,showHelpButtons:h,scale:y,hiddenTabs:r,hiddenTabCategories:c}=L(),C=[["Tiny",12/15],["Small",14/15],["Normal",1],["Large",16/15],["Huge",18/15]],w=I(!1);function N(u,t){t?r.value=r.value.filter(p=>p!==u):r.value.push(u)}function S(u,t){t?c.value=c.value.filter(p=>p!==u):c.value.push(u)}return(u,t)=>{const p=O,k=j,U=G,$=R,B=E,D=J,b=K;return i(),d("div",M,[s(p,{class:"mb-5 text-xl op75",icon:"i-carbon-settings-adjust",text:"DevTools Settings"}),e("div",P,[e("div",Q,[W,(i(!0),d(m,null,V(a(w),([o,_])=>(i(),d(m,{key:o},[_.length?(i(),d("div",{key:0,flex:"~ col gap-1","mx--1":"",class:T(a(c).includes(o)?"op50 grayscale":""),"pt-2":""},[s(k,{flex:"~ row-reverse",px2:"",py1:"","n-lime":"","model-value":!a(c).includes(o),"onUpdate:modelValue":l=>S(o,l)},{default:n(()=>[e("div",X,[e("span",Y,g(o),1)])]),_:2},1032,["model-value","onUpdate:modelValue"]),e("div",Z,[(i(!0),d(m,null,V(_,l=>(i(),H(k,{key:l.name,flex:"~ row-reverse",py1:"",pl2:"",pr1:"","n-primary":"","model-value":!a(r).includes(l.name),"onUpdate:modelValue":F=>N(l.name,F)},{default:n(()=>[e("div",{flex:"~ gap-2","flex-auto":"","items-center":"","justify-start":"",class:T(a(r).includes(l.name)?"op25":"")},[s(U,{"text-xl":"",icon:l.icon,title:l.title},null,8,["icon","title"]),e("span",null,g(l.title),1)],2)]),_:2},1032,["model-value","onUpdate:modelValue"]))),128))])],2)):q("",!0)],64))),128))]),e("div",null,[e("div",ee,[oe,e("div",null,[s(B,null,{default:n(({toggle:o,isDark:_})=>[s($,{n:"primary",onClick:o},{default:n(()=>[te,A(" "+g(_.value?"Dark":"Light"),1)]),_:2},1032,["onClick"])]),_:1})])]),e("div",le,[se,s(D,{modelValue:a(y),"onUpdate:modelValue":t[0]||(t[0]=o=>f(y)?y.value=o:null),n:"primary"},{default:n(()=>[(i(),d(m,null,V(C,o=>e("option",{key:o[0],value:o[1]},g(o[0]),9,ae)),64))]),_:1},8,["modelValue"])]),e("div",ne,[ie,s(b,{modelValue:a(v),"onUpdate:modelValue":t[1]||(t[1]=o=>f(v)?v.value=o:null),"n-primary":""},{default:n(()=>[ue]),_:1},8,["modelValue"]),s(b,{modelValue:a(x),"onUpdate:modelValue":t[2]||(t[2]=o=>f(x)?x.value=o:null),"n-primary":""},{default:n(()=>[de]),_:1},8,["modelValue"]),s(b,{modelValue:a(h),"onUpdate:modelValue":t[3]||(t[3]=o=>f(h)?h.value=o:null),"n-primary":""},{default:n(()=>[re]),_:1},8,["modelValue"])])])])])}}});export{ve as default};
@@ -0,0 +1 @@
1
+ import{_ as ne}from"./NIconButton.vue.61b6fdb9.js";import{_ as oe}from"./NSelect.vue.04879311.js";import{_ as ae}from"./NTextInput.vue.3d7af8ee.js";import{a as se,a$ as re,D as le,r as I,p as S,E,b0 as R,ah as ue,a1 as ie,ag as de,e as ce,y as p,u as n,c as _,w as u,b1 as z,o as r,f as l,i as d,h as c,q as U,t as v,F as x,G as j,l as i,s as F,aJ as q,v as P,ac as me,z as pe,b2 as _e,aQ as fe,H as ye,M as ve,k as ge,a3 as he}from"./entry.8297d1ff.js";import{_ as ke}from"./NLink.vue.cee1facb.js";import{_ as be}from"./NPanelGrids.f0b55b40.js";import{_ as xe}from"./PanelLeftRight.vue.b6fba8cf.js";import{_ as we}from"./FilepathItem.vue.22e62c13.js";import{U as Ke}from"./json-editor-vue.98769e76.js";import"./editor.e9488ebd.js";const Ce={class:"h-[48px] flex items-center justify-between gap1 px-3"},Ve={class:"w-full text-sm"},Ne=["value"],$e=l("div",{"x-divider":""},null,-1),Ie={key:0,"h-full":"","of-hidden":"",flex:"~ col"},Se={border:"b base",class:"h-[49px] flex flex-none items-center justify-between px-4 text-sm"},Ue={class:"flex items-center gap-4"},je={key:1},qe=["onKeyup"],Le=l("br",null,null,-1),Me={key:0,op50:""},Be={key:1},De=l("code",null,"nitro.storage",-1),Ae=l("br",null,null,-1),Ee={"font-bold":""},Re=l("br",null,null,-1),ze={"text-sm":""},Fe=l("br",null,null,-1),tt=se({__name:"storage",async setup(Pe){let m,g;const T=re(),h=le(),k=I(""),y=I(""),a=S({get(){return E().query?.storage},set(t){h.replace({query:{storage:t}})}}),e=I(),b=S(()=>E().query?.key),{data:w}=([m,g]=R(()=>z("storageMounts",()=>p.getStorageMounts())),m=await m,g(),m),{data:K,refresh:L}=([m,g]=R(async()=>z("storageKeys",async()=>a.value?await p.getStorageKeys(a.value):[])),m=await m,g(),m),G=T.hook("storage:key:update",async(t,s)=>{if(!(!a.value||t.split(":")[0]!==a.value)&&(await L(),b.value===t)){if(s==="remove")return h.replace({query:{storage:a.value}});await V(b.value)}});ue(G),ie(a,L),de(async()=>{if(!b.value){e.value=null;return}V(b.value)}),ce("keydown",t=>{t.key==="s"&&(t.ctrlKey||t.metaKey)&&(N(),t.preventDefault())});function C(t){return t.replace(`${a.value}:`,"")}const H=S(()=>K.value?K.value.filter(t=>t.includes(k.value)):[]);async function V(t){const s=await p.getStorageItem(t);e.value={key:t,updatedKey:C(t),editingKey:!1,content:s,updatedContent:s}}async function J(){if(!y.value||!a.value)return;const t=`${a.value}:${y.value}`;K.value?.includes(t)||await p.setStorageItem(t,""),h.replace({query:{storage:a.value,key:t}}),y.value=""}async function N(){e.value&&(await p.setStorageItem(e.value.key,e.value.updatedContent),await V(e.value.key))}async function O(){!e.value||!a.value||(await p.removeStorageItem(e.value.key),e.value=null)}async function Q(){if(!e.value||!a.value)return;const t=`${a.value}:${e.value.updatedKey}`;await p.setStorageItem(t,e.value.updatedContent),await p.removeStorageItem(e.value.key),h.replace({query:{storage:a.value,key:t}})}return(t,s)=>{const W=ne,X=oe,$=ae,Y=ye,Z=ve,M=ge,B=ke,D=he,A=be,ee=xe,te=we;return n(a)?(r(),_(ee,{key:0,"storage-key":"tab-storage"},{left:u(()=>[l("div",Ce,[d(W,{icon:"carbon-chevron-left","ml--1":"",onClick:s[0]||(s[0]=o=>a.value="")}),l("div",Ve,[d(X,{modelValue:n(a),"onUpdate:modelValue":s[1]||(s[1]=o=>j(a)?a.value=o:null),n:"primary",icon:"carbon-data-base"},{default:u(()=>[(r(!0),c(x,null,U(n(w),(o,f)=>(r(),c("option",{key:f,value:f},v(f),9,Ne))),128))]),_:1},8,["modelValue"])])]),d($,{modelValue:n(k),"onUpdate:modelValue":s[2]||(s[2]=o=>j(k)?k.value=o:null),icon:"carbon-search",placeholder:"Search...",n:"primary sm",border:"y x-none base! rounded-0",class:"w-full py2 ring-0!"},null,8,["modelValue"]),(r(!0),c(x,null,U(n(H),o=>(r(),c(x,{key:o},[d(Y,{block:"",truncate:"",px2:"",py1:"","font-mono":"","text-sm":"",to:{query:{key:o,storage:n(a)}},class:F(o===n(e)?.key?"text-primary n-bg-active":"text-secondary hover:n-bg-hover")},{default:u(()=>[i(v(C(o)),1)]),_:2},1032,["to","class"]),$e],64))),128)),d($,{modelValue:n(y),"onUpdate:modelValue":s[3]||(s[3]=o=>j(y)?y.value=o:null),icon:"carbon-add",placeholder:"key",n:"sm",border:"t-none x-none base! rounded-0",class:"w-full py2 font-mono ring-0!",onKeyup:q(J,["enter"])},null,8,["modelValue","onKeyup"])]),right:u(()=>[n(e)?.key?(r(),c("div",Ie,[l("div",Se,[l("div",Ue,[n(e).editingKey?(r(),_($,{key:0,modelValue:n(e).updatedKey,"onUpdate:modelValue":s[4]||(s[4]=o=>n(e).updatedKey=o),onKeyup:q(Q,["enter"])},null,8,["modelValue","onKeyup"])):(r(),c("code",je,[i(v(C(n(e).key))+" ",1),d(Z,{icon:"carbon-edit",class:"cursor-pointer op50 hover:op100",onClick:s[5]||(s[5]=o=>n(e).editingKey=!0)})])),n(e).editingKey?P("",!0):(r(),_(M,{key:2,n:"green xs",disabled:n(e).content===n(e).updatedContent,class:F({"border-green":n(e).content!==n(e).updatedContent}),onClick:N},{default:u(()=>[i(" Save ")]),_:1},8,["disabled","class"]))]),l("div",null,[d(M,{n:"red xs",onClick:O},{default:u(()=>[i(" Delete ")]),_:1})])]),typeof n(e).content=="object"?(r(),_(n(Ke),me({key:0,modelValue:n(e).updatedContent,"onUpdate:modelValue":s[6]||(s[6]=o=>n(e).updatedContent=o),class:[[t.$colorMode.value==="dark"?"jse-theme-dark":"light"],"json-editor-vue h-full of-auto text-sm outline-none"]},t.$attrs,{mode:"text","navigation-bar":!1,indentation:2,"tab-size":2}),null,16,["modelValue","class"])):pe((r(),c("textarea",{key:1,"onUpdate:modelValue":s[7]||(s[7]=o=>n(e).updatedContent=o),placeholder:"Item value...",class:"h-full of-auto p-4 font-mono text-sm outline-none",onKeyup:q(fe(N,["ctrl"]),["enter"])},null,40,qe)),[[_e,n(e).updatedContent]])])):(r(),_(A,{key:1},{default:u(()=>[d(D,{px6:"",py4:""},{default:u(()=>[i(" Select one key to start."),Le,i("Learn more about "),d(B,{href:"https://nitro.unjs.io/guide/storage",n:"orange",target:"_blank"},{default:u(()=>[i(" Nitro storage ")]),_:1})]),_:1})]),_:1}))]),_:1})):(r(),_(A,{key:1},{default:u(()=>[Object.keys(n(w)).length?(r(),c("p",Me," Select one storage to start: ")):(r(),c("p",Be,[i(" No custom storage defined in "),De,i("."),Ae,i(" Learn more about "),d(B,{href:"https://nitro.unjs.io/guide/storage",n:"orange",target:"_blank"},{default:u(()=>[i(" Nitro storage ")]),_:1})])),(r(!0),c(x,null,U(n(w),(o,f)=>(r(),_(D,{key:f,"min-w-80":"","cursor-pointer":"","p-4":"","text-left":"",hover:"border-green",onClick:Te=>a.value=f},{default:u(()=>[l("span",Ee,v(f),1),Re,l("span",ze,v(o.driver)+" driver",1),Fe,o.base?(r(),_(te,{key:0,"text-xs":"",filepath:o.base},null,8,["filepath"])):P("",!0)]),_:2},1032,["onClick"]))),128))]),_:1}))}}});export{tt as default};