@nuxt/devtools 4.0.0-alpha.15 → 4.0.0-alpha.17

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 (80) hide show
  1. package/dist/_nuxt/AuthRequiredPanel-znjaI7oT.js.map.json +1 -0
  2. package/dist/_nuxt/CodeDiff-DgjeLx6z.js.map.json +1 -0
  3. package/dist/_nuxt/CodeSnippets-CgfcaS4Z.js.map.json +1 -0
  4. package/dist/_nuxt/ComposableItem-BWQR7_fI.js.map.json +1 -0
  5. package/dist/_nuxt/DataSchemaButton-CqEfc2TV.js.map.json +1 -0
  6. package/dist/_nuxt/DataSchemaDrawer-Xj8YzNJN.js.map.json +1 -0
  7. package/dist/_nuxt/DurationDisplay-Dzweg1by.js.map.json +1 -0
  8. package/dist/_nuxt/FilepathItem-D75bkTSa.js.map.json +1 -0
  9. package/dist/_nuxt/HelpFab-CH7NlsDf.js.map.json +1 -0
  10. package/dist/_nuxt/LaunchPage-ByG-3KVi.js.map.json +1 -0
  11. package/dist/_nuxt/NBadge-BNJzHbtD.js.map.json +1 -0
  12. package/dist/_nuxt/NCard-mHVN2GYZ.js.map.json +1 -0
  13. package/dist/_nuxt/NCheckbox-OMIu_LTG.js.map.json +1 -0
  14. package/dist/_nuxt/NCodeBlock-C2Ewa6VO.js.map.json +1 -0
  15. package/dist/_nuxt/NDrawer-C6Opm19C.js.map.json +1 -0
  16. package/dist/_nuxt/NDropdown-DseEG3tA.js.map.json +1 -0
  17. package/dist/_nuxt/NIcon-cjduOh_B.js.map.json +1 -0
  18. package/dist/_nuxt/NIconTitle-C75MU0px.js.map.json +1 -0
  19. package/dist/_nuxt/NLink-Rsxlt1NN.js.map.json +1 -0
  20. package/dist/_nuxt/NMarkdown-DFwJ-ppZ.js.map.json +1 -0
  21. package/dist/_nuxt/NNavbar-CS-Z1Cle.js.map.json +1 -0
  22. package/dist/_nuxt/NPanelGrids-CEorXUWJ.js.map.json +1 -0
  23. package/dist/_nuxt/NSectionBlock-C7kcMkbf.js.map.json +1 -0
  24. package/dist/_nuxt/NSelect-geGP1eOG.js.map.json +1 -0
  25. package/dist/_nuxt/NSelectTabs-nUMnNQy-.js.map.json +1 -0
  26. package/dist/_nuxt/NSplitPane-Bh0o_t5e.js.map.json +1 -0
  27. package/dist/_nuxt/NTip-DRnTpLjG.js.map.json +1 -0
  28. package/dist/_nuxt/ServerRouteInputs-BhIrPxPN.js.map.json +1 -0
  29. package/dist/_nuxt/StacktraceList-B-ehJIQ-.js.map.json +1 -0
  30. package/dist/_nuxt/StateEditor-Yqdbqk_c.js.map.json +1 -0
  31. package/dist/_nuxt/__blank-BM2yOFO6.js.map.json +1 -0
  32. package/dist/_nuxt/analyze-build-Cemp_oBq.js.map.json +1 -0
  33. package/dist/_nuxt/assets-rTFAaows.js.map.json +1 -0
  34. package/dist/_nuxt/client-r5qP-99Q.js.map.json +1 -0
  35. package/dist/_nuxt/color-BL_mIEWV.js.map.json +1 -0
  36. package/dist/_nuxt/components-BJnHweOE.js.map.json +1 -0
  37. package/dist/_nuxt/constants-D9kP6ji9.js.map.json +1 -0
  38. package/dist/_nuxt/custom-_name_-DI8dnRDD.js.map.json +1 -0
  39. package/dist/_nuxt/debug-BcJZ8M6i.js.map.json +1 -0
  40. package/dist/_nuxt/default-Bzh4dZQ5.js.map.json +1 -0
  41. package/dist/_nuxt/entry-DZwY6FLS.js.map.json +1 -0
  42. package/dist/_nuxt/error-404-dySA7T2P.js.map.json +1 -0
  43. package/dist/_nuxt/error-500-2Ody89Er.js.map.json +1 -0
  44. package/dist/_nuxt/error-hGc4cWUU.js.map.json +1 -0
  45. package/dist/_nuxt/full-CvSnaO29.js.map.json +1 -0
  46. package/dist/_nuxt/head-BTCtirw3.js.map.json +1 -0
  47. package/dist/_nuxt/hooks-BVzlIVXR.js.map.json +1 -0
  48. package/dist/_nuxt/imports-B3k4BZF7.js.map.json +1 -0
  49. package/dist/_nuxt/modules-Ck915TxZ.js.map.json +1 -0
  50. package/dist/_nuxt/none-Df66KJph.js.map.json +1 -0
  51. package/dist/_nuxt/nuxt-C5VITehY.js.map.json +1 -0
  52. package/dist/_nuxt/nuxt-link-C-BBeF5l.js.map.json +1 -0
  53. package/dist/_nuxt/open-graph-ll_bjX_m.js.map.json +1 -0
  54. package/dist/_nuxt/overview-CyqDmfdE.js.map.json +1 -0
  55. package/dist/_nuxt/pages-BddDWJsZ.js.map.json +1 -0
  56. package/dist/_nuxt/pages-CrUWMxGz.js.map.json +1 -0
  57. package/dist/_nuxt/pages-DWELoQlh.js.map.json +1 -0
  58. package/dist/_nuxt/payload-29bFuqLh.js.map.json +1 -0
  59. package/dist/_nuxt/plugins-fmmRaH-S.js.map.json +1 -0
  60. package/dist/_nuxt/ready-BQ1fhXgL.js.map.json +1 -0
  61. package/dist/_nuxt/runtime-configs-iL68LNkj.js.map.json +1 -0
  62. package/dist/_nuxt/server-routes-Dy5_Ljmu.js.map.json +1 -0
  63. package/dist/_nuxt/server-tasks-CD-7IPFD.js.map.json +1 -0
  64. package/dist/_nuxt/settings-Qa45tU8e.js.map.json +1 -0
  65. package/dist/_nuxt/state-components-CksF081b.js.map.json +1 -0
  66. package/dist/_nuxt/state-modules-CyH4hWeN.js.map.json +1 -0
  67. package/dist/_nuxt/state-tabs-m1o-BX5R.js.map.json +1 -0
  68. package/dist/_nuxt/storage-BylO3p9r.js.map.json +1 -0
  69. package/dist/_nuxt/timeline-Dukbqafi.js.map.json +1 -0
  70. package/dist/_nuxt/utils-BfB0tRbX.js.map.json +1 -0
  71. package/dist/_nuxt/virtual-files-BQJM45QE.js.map.json +1 -0
  72. package/dist/chunks/module-main.mjs +1 -1
  73. package/dist/dirs.d.cts +1 -0
  74. package/dist/index.mjs.map.json +1 -0
  75. package/dist/module.d.cts +2 -0
  76. package/dist/module.json +1 -1
  77. package/dist/server.mjs.map.json +1 -0
  78. package/dist/types.d.cts +2 -0
  79. package/dist/webcomponents/index.d.cts +1 -0
  80. package/package.json +30 -30
package/dist/_nuxt/assets-rTFAaows.js.map.json ADDED
@@ -0,0 +1 @@
1
+ {"file":"assets-rTFAaows.js","mappings":"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","names":[],"sources":["../../../../../../../../components/AssetDropZone.vue?vue&type=script&setup=true&lang.ts","../../../../../../../../components/AssetDropZone.vue","../../../../../../../../components/AssetFontPreview.vue?vue&type=script&setup=true&lang.ts","../../../../../../../../components/AssetFontPreview.vue","../../../../../../../../components/AssetPreview.vue?vue&type=script&setup=true&lang.ts","../../../../../../../../components/AssetPreview.vue","../../../../../../../../components/AssetGridItem.vue?vue&type=script&setup=true&lang.ts","../../../../../../../../components/AssetGridItem.vue","../../../../../../../../components/AssetListItem.vue?vue&type=script&setup=true&lang.ts","../../../../../../../../components/AssetListItem.vue","../../../../../../../../components/AssetDetails.vue?vue&type=script&setup=true&lang.ts","../../../../../../../../components/AssetDetails.vue","../../../../../../../../pages/modules/assets.vue?vue&type=script&setup=true&lang.ts","../../../../../../../../pages/modules/assets.vue"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, resolveComponent as _resolveComponent, resolveDirective as _resolveDirective, mergeProps as _mergeProps, withCtx as _withCtx, createVNode as _createVNode, createTextVNode as _createTextVNode } from \"vue\"\nimport { ssrGetDirectiveProps as _ssrGetDirectiveProps, ssrRenderComponent as _ssrRenderComponent, ssrRenderAttr as _ssrRenderAttr, ssrRenderAttrs as _ssrRenderAttrs, ssrRenderList as _ssrRenderList } from \"vue/server-renderer\"\n\nimport type { AssetEntry } from '~/../src/types'\nimport { useEventListener, useVModel } from '@vueuse/core'\nimport { ref } from 'vue'\nimport { devtoolsUiShowNotification } from '#imports'\nimport { rpc, wsConnecting, wsError } from '~/composables/rpc'\nimport { telemetry } from '~/composables/telemetry'\n\n\nexport default /*@__PURE__*/_defineComponent({\n __name: 'AssetDropZone',\n __ssrInlineRender: true,\n props: {\n modelValue: {\n type: Boolean,\n required: true,\n },\n folder: {\n type: String,\n required: true,\n },\n},\n setup(__props) {\n\nconst props = __props\n\nconst FILE_EXT_RE = /\\.\\w+$/\n\nconst visible = useVModel(props, 'modelValue')\nconst lastTarget = ref()\n\nconst files = ref<File[]>([])\n\nfunction onDragEnter(e: DragEvent) {\n lastTarget.value = e.target\n visible.value = true\n}\nfunction onDragLeave(e: DragEvent) {\n if (e.target === lastTarget.value)\n visible.value = false\n}\nfunction onDragOver(e: DragEvent) {\n e.preventDefault()\n}\n\nfunction onDrop(e: DragEvent) {\n e.preventDefault()\n setFiles(e.dataTransfer!.files)\n}\n\nfunction setFiles(data: FileList | null) {\n const inputFiles = [...data || []]\n if (inputFiles.length) {\n const newFiles: File[] = []\n const existingFileNames: string[] = files.value.map(file => file.name)\n for (const file of inputFiles) {\n if (existingFileNames.includes(file.name)) {\n let i = 1\n const [name, ext] = file.name.split('.')\n while (existingFileNames.includes(`${name} (${i}).${ext}`))\n i++\n const newFilename = `${name}-${i}.${ext}`\n const blob = new Blob([file], { type: file.type })\n const newFile = new File([blob], newFilename, { lastModified: Date.now() })\n newFiles.push(newFile)\n existingFileNames.push(newFilename)\n }\n else {\n if (file.type === '') {\n devtoolsUiShowNotification({\n message: 'Folders are not supported yet',\n icon: 'carbon:face-dissatisfied',\n classes: 'text-orange',\n })\n }\n newFiles.push(file)\n }\n }\n files.value = [...files.value, ...newFiles]\n }\n}\n\nasync function uploadFiles() {\n if (wsConnecting.value || wsError.value)\n return\n\n telemetry('assets:upload')\n\n const uploadFiles: AssetEntry[] = []\n for (const file of files.value) {\n const reader = new FileReader()\n reader.readAsDataURL(file)\n const result = await new Promise((resolve) => {\n reader.onload = () => resolve(reader.result as string)\n }) as string\n // TODO: add validation\n const content = result.split(';base64,').pop() as string\n uploadFiles.push({\n path: file.name,\n encoding: 'base64',\n content,\n })\n }\n await rpc.writeStaticAssets([...uploadFiles], props.folder).then(() => {\n close()\n devtoolsUiShowNotification({\n message: 'Files uploaded successfully!',\n icon: 'i-carbon:checkmark',\n })\n }).catch((error) => {\n close()\n devtoolsUiShowNotification({\n message: `Error uploading files: ${error?.message ?? 'unknown'}`,\n icon: 'i-carbon-warning',\n classes: 'text-red',\n })\n })\n visible.value = false\n}\n\nfunction removeFile(index: number) {\n files.value?.splice(index, 1)\n}\n\nfunction blobIt(file: File) {\n return URL.createObjectURL(file)\n}\n\nfunction changeName(file: File, newName: string) {\n const [name, ext] = file.name.split('.')\n const baseName = newName.replace(FILE_EXT_RE, '')\n const newFileName = `${baseName}.${ext}`\n if (baseName.length === 0) {\n // TODO: with proper dialog\n // eslint-disable-next-line no-alert\n alert('File name must be at least 1 characters long')\n return name\n }\n Object.defineProperty(file, 'name', { value: newFileName, writable: false })\n files.value.splice(files.value.indexOf(file), 1, file)\n return file\n}\n\nfunction clearFiles() {\n files.value = []\n}\n\nfunction close() {\n visible.value = false\n clearFiles()\n}\n\nuseEventListener('dragenter', onDragEnter)\nuseEventListener('dragleave', onDragLeave)\nuseEventListener('dragover', onDragOver)\nuseEventListener('drop', onDrop)\n\nreturn (_ctx: any,_push: any,_parent: any,_attrs: any) => {\n const _component_NButton = _resolveComponent(\"NButton\")!\n const _component_NIcon = _resolveComponent(\"NIcon\")!\n const _component_NTextInput = _resolveComponent(\"NTextInput\")!\n const _directive_tooltip = _resolveDirective(\"tooltip\")!\n\n _push(`<div${_ssrRenderAttrs(_mergeProps({\n fixed: \"\",\n \"bottom-0\": \"\",\n \"left-13\": \"\",\n \"right-0\": \"\",\n \"top-0\": \"\",\n \"z-10\": \"\",\n \"backdrop-blur-20\": \"\",\n \"transition-all\": \"\",\n class: _unref(visible) ? 'opacity-100 visible' : 'opacity-0 invisible'\n }, _attrs))}>`)\n _push(_ssrRenderComponent(_component_NButton, _mergeProps({\n icon: \"carbon-close\",\n title: \"Close\",\n absolute: \"\",\n \"right-5\": \"\",\n \"top-5\": \"\",\n \"z-20\": \"\",\n \"text-xl\": \"\",\n border: false,\n onClick: close\n }, _ssrGetDirectiveProps(_ctx, _directive_tooltip, 'Close', void 0, { \"bottom-end\": true })), null, _parent))\n if (!files.value?.length) {\n _push(`<div h-full w-full flex items-center justify-center><label for=\"drop-zone-input\" text-3xl hover=\"text-green cursor-pointer\" transition-all>`)\n _push(_ssrRenderComponent(_component_NIcon, {\n icon: \"carbon-cloud-upload\",\n \"mr-2\": \"\"\n }, null, _parent))\n _push(` Drop files here or click to select </label><input id=\"drop-zone-input\" type=\"file\" multiple hidden></div>`)\n } else {\n _push(`<div relative h-full w-full grid=\"~ rows-[max-content_1fr_max-content]\"><div px6 py6><h1 text-2xl> Upload </h1><p text-sm op50> Drag and drop files to upload </p></div><div grid=\"~ cols-minmax-8rem gap-8\" overflow-auto p6><!--[-->`)\n _ssrRenderList(files.value, (file, index) => {\n _push(`<div flex=\"~ col gap-2\" relative h-50 w-40 items-center><div flex items-center justify-center of-hidden rounded rounded-t-lg bg-active object-cover class=\"aspect-1/1\" border=\"~ base\"><img h-full w-full rounded-t-lg object-cover${_ssrRenderAttr(\"src\", blobIt(file))}></div><div flex=\"~ gap1\" items-center>`)\n _push(_ssrRenderComponent(_component_NTextInput, {\n n: \"xs\",\n \"h-full\": \"\",\n \"flex-auto\": \"\",\n \"model-value\": file.name,\n \"onUpdate:modelValue\": ($event: any) => (changeName(file, (($event as any).target as HTMLInputElement).value))\n }, null, _parent))\n _push(_ssrRenderComponent(_component_NButton, {\n n: \"red\",\n icon: \"carbon-trash-can\",\n \"h-full\": \"\",\n \"flex-none\": \"\",\n title: \"Remove file\",\n onClick: ($event: any) => (removeFile(index))\n }, null, _parent))\n _push(`</div></div>`)\n })\n _push(`<!--]--></div><div flex=\"~ gap-2\" items-center justify-center p8>`)\n if (files.value.length) {\n _push(_ssrRenderComponent(_component_NButton, {\n n: \"red\",\n onClick: clearFiles\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(_ssrRenderComponent(_component_NIcon, { icon: \"carbon-clean\" }, null, _parent, _scopeId))\n _push(` Clear `)\n } else {\n return [\n _createVNode(_component_NIcon, { icon: \"carbon-clean\" }),\n _createTextVNode(\" Clear \")\n ]\n }\n }),\n _: 1\n }, _parent))\n } else {\n _push(`<!---->`)\n }\n _push(_ssrRenderComponent(_component_NButton, {\n disabled: !files.value.length,\n n: \"primary solid\",\n onClick: uploadFiles\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(_ssrRenderComponent(_component_NIcon, { icon: \"carbon-cloud-upload\" }, null, _parent, _scopeId))\n _push(` Upload `)\n } else {\n return [\n _createVNode(_component_NIcon, { icon: \"carbon-cloud-upload\" }),\n _createTextVNode(\" Upload \")\n ]\n }\n }),\n _: 1\n }, _parent))\n _push(`</div></div>`)\n }\n _push(`</div>`)\n}\n}\n\n})","<script lang=\"ts\" setup>\nimport type { AssetEntry } from '~/../src/types'\nimport { useEventListener, useVModel } from '@vueuse/core'\nimport { ref } from 'vue'\nimport { devtoolsUiShowNotification } from '#imports'\nimport { rpc, wsConnecting, wsError } from '~/composables/rpc'\nimport { telemetry } from '~/composables/telemetry'\n\nconst props = defineProps({\n modelValue: {\n type: Boolean,\n required: true,\n },\n folder: {\n type: String,\n required: true,\n },\n})\n\nconst FILE_EXT_RE = /\\.\\w+$/\n\nconst visible = useVModel(props, 'modelValue')\nconst lastTarget = ref()\n\nconst files = ref<File[]>([])\n\nfunction onDragEnter(e: DragEvent) {\n lastTarget.value = e.target\n visible.value = true\n}\nfunction onDragLeave(e: DragEvent) {\n if (e.target === lastTarget.value)\n visible.value = false\n}\nfunction onDragOver(e: DragEvent) {\n e.preventDefault()\n}\n\nfunction onDrop(e: DragEvent) {\n e.preventDefault()\n setFiles(e.dataTransfer!.files)\n}\n\nfunction setFiles(data: FileList | null) {\n const inputFiles = [...data || []]\n if (inputFiles.length) {\n const newFiles: File[] = []\n const existingFileNames: string[] = files.value.map(file => file.name)\n for (const file of inputFiles) {\n if (existingFileNames.includes(file.name)) {\n let i = 1\n const [name, ext] = file.name.split('.')\n while (existingFileNames.includes(`${name} (${i}).${ext}`))\n i++\n const newFilename = `${name}-${i}.${ext}`\n const blob = new Blob([file], { type: file.type })\n const newFile = new File([blob], newFilename, { lastModified: Date.now() })\n newFiles.push(newFile)\n existingFileNames.push(newFilename)\n }\n else {\n if (file.type === '') {\n devtoolsUiShowNotification({\n message: 'Folders are not supported yet',\n icon: 'carbon:face-dissatisfied',\n classes: 'text-orange',\n })\n }\n newFiles.push(file)\n }\n }\n files.value = [...files.value, ...newFiles]\n }\n}\n\nasync function uploadFiles() {\n if (wsConnecting.value || wsError.value)\n return\n\n telemetry('assets:upload')\n\n const uploadFiles: AssetEntry[] = []\n for (const file of files.value) {\n const reader = new FileReader()\n reader.readAsDataURL(file)\n const result = await new Promise((resolve) => {\n reader.onload = () => resolve(reader.result as string)\n }) as string\n // TODO: add validation\n const content = result.split(';base64,').pop() as string\n uploadFiles.push({\n path: file.name,\n encoding: 'base64',\n content,\n })\n }\n await rpc.writeStaticAssets([...uploadFiles], props.folder).then(() => {\n close()\n devtoolsUiShowNotification({\n message: 'Files uploaded successfully!',\n icon: 'i-carbon:checkmark',\n })\n }).catch((error) => {\n close()\n devtoolsUiShowNotification({\n message: `Error uploading files: ${error?.message ?? 'unknown'}`,\n icon: 'i-carbon-warning',\n classes: 'text-red',\n })\n })\n visible.value = false\n}\n\nfunction removeFile(index: number) {\n files.value?.splice(index, 1)\n}\n\nfunction blobIt(file: File) {\n return URL.createObjectURL(file)\n}\n\nfunction changeName(file: File, newName: string) {\n const [name, ext] = file.name.split('.')\n const baseName = newName.replace(FILE_EXT_RE, '')\n const newFileName = `${baseName}.${ext}`\n if (baseName.length === 0) {\n // TODO: with proper dialog\n // eslint-disable-next-line no-alert\n alert('File name must be at least 1 characters long')\n return name\n }\n Object.defineProperty(file, 'name', { value: newFileName, writable: false })\n files.value.splice(files.value.indexOf(file), 1, file)\n return file\n}\n\nfunction clearFiles() {\n files.value = []\n}\n\nfunction close() {\n visible.value = false\n clearFiles()\n}\n\nuseEventListener('dragenter', onDragEnter)\nuseEventListener('dragleave', onDragLeave)\nuseEventListener('dragover', onDragOver)\nuseEventListener('drop', onDrop)\n</script>\n\n<template>\n <div\n fixed bottom-0 left-13 right-0 top-0 z-10 backdrop-blur-20 transition-all\n :class=\"visible ? 'opacity-100 visible' : 'opacity-0 invisible'\"\n >\n <NButton\n v-tooltip.bottom-end=\"'Close'\"\n icon=\"carbon-close\"\n title=\"Close\"\n absolute right-5 top-5 z-20 text-xl\n :border=\"false\"\n @click=\"close\"\n />\n <div v-if=\"!files?.length\" h-full w-full flex items-center justify-center>\n <label for=\"drop-zone-input\" text-3xl hover=\"text-green cursor-pointer\" transition-all>\n <NIcon icon=\"carbon-cloud-upload\" mr-2 /> Drop files here or click to select\n </label>\n <input\n id=\"drop-zone-input\" type=\"file\" multiple hidden\n @change=\"setFiles(($event.target as HTMLInputElement).files)\"\n >\n </div>\n <div v-else relative h-full w-full grid=\"~ rows-[max-content_1fr_max-content]\">\n <div px6 py6>\n <h1 text-2xl>\n Upload\n </h1>\n <p text-sm op50>\n Drag and drop files to upload\n </p>\n </div>\n <div grid=\"~ cols-minmax-8rem gap-8\" overflow-auto p6>\n <div\n v-for=\"file, index of files\" :key=\"file.name\"\n flex=\"~ col gap-2\" relative h-50 w-40 items-center\n >\n <div\n flex items-center justify-center of-hidden rounded rounded-t-lg bg-active object-cover\n class=\"aspect-1/1\" border=\"~ base\"\n >\n <img h-full w-full rounded-t-lg object-cover :src=\"blobIt(file)\">\n </div>\n <div flex=\"~ gap1\" items-center>\n <NTextInput\n n=\"xs\"\n h-full flex-auto\n :model-value=\"file.name\"\n @update:model-value=\"changeName(file, (($event as any).target as HTMLInputElement).value)\"\n />\n <NButton\n n=\"red\"\n icon=\"carbon-trash-can\"\n h-full flex-none\n title=\"Remove file\"\n @click=\"removeFile(index)\"\n />\n </div>\n </div>\n </div>\n <div flex=\"~ gap-2\" items-center justify-center p8>\n <NButton v-if=\"files.length\" n=\"red\" @click=\"clearFiles\">\n <NIcon icon=\"carbon-clean\" /> Clear\n </NButton>\n <NButton :disabled=\"!files.length\" n=\"primary solid\" @click=\"uploadFiles\">\n <NIcon icon=\"carbon-cloud-upload\" /> Upload\n </NButton>\n </div>\n </div>\n </div>\n</template>\n","import { defineComponent as _defineComponent } from 'vue'\nimport { mergeProps as _mergeProps } from \"vue\"\nimport { ssrRenderAttrs as _ssrRenderAttrs } from \"vue/server-renderer\"\n\nimport type { AssetInfo } from '~/../src/types'\nimport { useStyleTag } from '@vueuse/core'\nimport { hash } from 'devframe/utils/hash'\nimport { computed } from 'vue'\n\n\nexport default /*@__PURE__*/_defineComponent({\n __name: 'AssetFontPreview',\n __ssrInlineRender: true,\n props: {\n asset: {}\n },\n setup(__props: any) {\n\nconst props = __props\n\nconst id = computed(() => `devtools-assets-${hash(props.asset)}`)\n\nuseStyleTag(computed(() => `\n @font-face {\n font-family: '${id.value}';\n src: url('${props.asset.publicPath}');\n }\n`))\n\nreturn (_ctx: any,_push: any,_parent: any,_attrs: any) => {\n _push(`<div${_ssrRenderAttrs(_mergeProps({\n \"of-hidden\": \"\",\n style: { fontFamily: `'${id.value}'` }\n }, _attrs))}> Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz </div>`)\n}\n}\n\n})","<script setup lang=\"ts\">\nimport type { AssetInfo } from '~/../src/types'\nimport { useStyleTag } from '@vueuse/core'\nimport { hash } from 'devframe/utils/hash'\nimport { computed } from 'vue'\n\nconst props = defineProps<{\n asset: AssetInfo\n}>()\n\nconst id = computed(() => `devtools-assets-${hash(props.asset)}`)\n\nuseStyleTag(computed(() => `\n @font-face {\n font-family: '${id.value}';\n src: url('${props.asset.publicPath}');\n }\n`))\n</script>\n\n<template>\n <div of-hidden :style=\"{ fontFamily: `'${id}'` }\">\n Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz\n </div>\n</template>\n","import { defineComponent as _defineComponent } from 'vue'\nimport { resolveComponent as _resolveComponent, mergeProps as _mergeProps } from \"vue\"\nimport { ssrRenderAttr as _ssrRenderAttr, ssrRenderComponent as _ssrRenderComponent, ssrIncludeBooleanAttr as _ssrIncludeBooleanAttr, ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate } from \"vue/server-renderer\"\n\nimport type { AssetInfo } from '~/../src/types'\n\n\nexport default /*@__PURE__*/_defineComponent({\n __name: 'AssetPreview',\n __ssrInlineRender: true,\n props: {\n asset: {},\n textContent: {},\n detail: { type: Boolean }\n },\n setup(__props: any) {\n\n\n\nreturn (_ctx: any,_push: any,_parent: any,_attrs: any) => {\n const _component_AssetFontPreview = _resolveComponent(\"AssetFontPreview\")!\n\n _push(`<div${_ssrRenderAttrs(_mergeProps({\n flex: \"\",\n \"items-center\": \"\",\n \"justify-center\": \"\",\n \"of-hidden\": \"\",\n \"bg-active\": \"\",\n \"object-cover\": \"\",\n p1: \"\"\n }, _attrs))}>`)\n if (__props.asset.type === 'image') {\n _push(`<img${_ssrRenderAttr(\"src\", __props.asset.publicPath)}>`)\n } else if (__props.asset.type === 'font') {\n _push(_ssrRenderComponent(_component_AssetFontPreview, {\n key: __props.asset.publicPath,\n asset: __props.asset,\n \"self-stretch\": \"\",\n p2: \"\",\n \"text-2xl\": \"\"\n }, null, _parent))\n } else if (__props.asset.type === 'text' && !__props.textContent) {\n _push(`<div i-carbon-document text-3xl op20></div>`)\n } else if (__props.asset.type === 'text' && __props.textContent) {\n _push(`<div w-full self-start p4><pre max-h-10rem of-hidden text-xs font-mono>${_ssrInterpolate(__props.textContent)}</pre></div>`)\n } else if (__props.asset.type === 'video') {\n _push(`<div><video${\n _ssrRenderAttr(\"src\", __props.asset.publicPath)\n }${\n (_ssrIncludeBooleanAttr(__props.detail)) ? \" autoplay\" : \"\"\n }${\n (_ssrIncludeBooleanAttr(__props.detail)) ? \" controls\" : \"\"\n }></video></div>`)\n } else if (__props.asset.type === 'audio') {\n _push(`<div>`)\n if (!__props.detail) {\n _push(`<div i-carbon-volume-up text-3xl op20></div>`)\n } else {\n _push(`<audio${_ssrRenderAttr(\"src\", __props.asset.publicPath)} controls></audio>`)\n }\n _push(`</div>`)\n } else {\n _push(`<div i-carbon-help text-3xl op20></div>`)\n }\n _push(`</div>`)\n}\n}\n\n})","<script setup lang=\"ts\">\nimport type { AssetInfo } from '~/../src/types'\n\ndefineProps<{\n asset: AssetInfo\n textContent?: string\n detail?: boolean\n}>()\n</script>\n\n<template>\n <div flex items-center justify-center of-hidden bg-active object-cover p1>\n <template v-if=\"asset.type === 'image'\">\n <img :src=\"asset.publicPath\">\n </template>\n <AssetFontPreview\n v-else-if=\"asset.type === 'font'\"\n :key=\"asset.publicPath\"\n :asset=\"asset\" self-stretch p2 text-2xl\n />\n <div v-else-if=\"asset.type === 'text' && !textContent\" i-carbon-document text-3xl op20 />\n <div v-else-if=\"asset.type === 'text' && textContent\" w-full self-start p4>\n <pre max-h-10rem of-hidden text-xs font-mono v-text=\"textContent\" />\n </div>\n <div v-else-if=\"asset.type === 'video'\">\n <video :src=\"asset.publicPath\" :autoplay=\"detail\" :controls=\"detail\" />\n </div>\n <div v-else-if=\"asset.type === 'audio'\">\n <div v-if=\"!detail\" i-carbon-volume-up text-3xl op20 />\n <audio v-else :src=\"asset.publicPath\" controls />\n </div>\n <div v-else i-carbon-help text-3xl op20 />\n </div>\n</template>\n","import { defineComponent as _defineComponent } from 'vue'\nimport { resolveComponent as _resolveComponent, mergeProps as _mergeProps } from \"vue\"\nimport { ssrRenderComponent as _ssrRenderComponent, ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate } from \"vue/server-renderer\"\n\nimport type { AssetInfo } from '~/../src/types'\nimport { computed } from 'vue'\n\n\nexport default /*@__PURE__*/_defineComponent({\n __name: 'AssetGridItem',\n __ssrInlineRender: true,\n props: {\n asset: {},\n folder: {}\n },\n setup(__props: any) {\n\nconst props = __props\n\nconst path = computed(() => {\n if (props.folder && props.asset.path.startsWith(props.folder))\n return props.asset.path.slice(props.folder.length)\n return props.asset.path\n})\n\nreturn (_ctx: any,_push: any,_parent: any,_attrs: any) => {\n const _component_NIcon = _resolveComponent(\"NIcon\")!\n const _component_AssetPreview = _resolveComponent(\"AssetPreview\")!\n\n _push(`<button${_ssrRenderAttrs(_mergeProps({\n relative: \"\",\n flex: \"~ col gap-1\",\n hover: \"bg-active\",\n \"items-center\": \"\",\n \"of-hidden\": \"\",\n rounded: \"\",\n p2: \"\"\n }, _attrs))}>`)\n if (__props.asset.layer) {\n _push(_ssrRenderComponent(_component_NIcon, {\n icon: \"i-carbon-layers\",\n absolute: \"\",\n \"right-4\": \"\",\n \"top-4\": \"\",\n \"bg-primary\": \"\"\n }, null, _parent))\n } else {\n _push(`<!---->`)\n }\n _push(_ssrRenderComponent(_component_AssetPreview, {\n \"h-30\": \"\",\n \"w-30\": \"\",\n rounded: \"\",\n border: \"~ base\",\n asset: __props.asset\n }, null, _parent))\n _push(`<div w-full of-hidden truncate ws-nowrap text-center text-xs>${_ssrInterpolate(path.value)}</div></button>`)\n}\n}\n\n})","<script setup lang=\"ts\">\nimport type { AssetInfo } from '~/../src/types'\nimport { computed } from 'vue'\n\nconst props = defineProps<{\n asset: AssetInfo\n folder?: string\n}>()\n\nconst path = computed(() => {\n if (props.folder && props.asset.path.startsWith(props.folder))\n return props.asset.path.slice(props.folder.length)\n return props.asset.path\n})\n</script>\n\n<template>\n <button relative flex=\"~ col gap-1\" hover=\"bg-active\" items-center of-hidden rounded p2>\n <NIcon v-if=\"asset.layer\" icon=\"i-carbon-layers\" absolute right-4 top-4 bg-primary />\n <AssetPreview h-30 w-30 rounded border=\"~ base\" :asset=\"asset\" />\n <div w-full of-hidden truncate ws-nowrap text-center text-xs>\n {{ path }}\n </div>\n </button>\n</template>\n","import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, resolveComponent as _resolveComponent, isRef as _isRef } from \"vue\"\nimport { ssrRenderClass as _ssrRenderClass, ssrRenderComponent as _ssrRenderComponent, ssrRenderStyle as _ssrRenderStyle, ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate, ssrRenderList as _ssrRenderList } from \"vue/server-renderer\"\n\nimport type { AssetInfo } from '~/../src/types'\nimport { useVModel } from '@vueuse/core'\nimport { computed, ref } from 'vue'\n\n\nexport default /*@__PURE__*/_defineComponent({\n __name: 'AssetListItem',\n __ssrInlineRender: true,\n props: {\n item: {},\n index: { default: 0 },\n modelValue: {}\n },\n setup(__props: any, { emit: __emit }) {\n\nconst props = __props\n\nconst emit = __emit\nconst model = useVModel(props, 'modelValue', emit, { passive: true })\n\nconst isCollection = computed(() => props.item?.children?.length)\n\nconst open = ref(true)\n\nconst icon = computed(() => {\n if (isCollection.value)\n return 'i-carbon-folder'\n if (props.item.type === 'image')\n return 'i-carbon-image'\n if (props.item.type === 'video')\n return 'i-carbon-video'\n if (props.item.type === 'audio')\n return 'i-carbon-volume-up'\n if (props.item.type === 'font')\n return 'i-carbon-text-small-caps'\n if (props.item.type === 'text')\n return 'i-carbon-document'\n if (props.item.type === 'json')\n return 'i-carbon-json'\n return 'i-carbon-document-blank'\n})\n\nreturn (_ctx: any,_push: any,_parent: any,_attrs: any) => {\n const _component_NIcon = _resolveComponent(\"NIcon\")!\n const _component_AssetListItem = _resolveComponent(\"AssetListItem\", true)!\n\n _push(`<div${\n _ssrRenderAttrs(_attrs)\n }><button flex=\"~ gap-2\" w-full items-center hover=\"bg-active\" px4 py1 style=\"${\n _ssrRenderStyle({ paddingLeft: `calc(1rem + ${__props.index * 1.5}em)` })\n }\" class=\"${\n _ssrRenderClass({ 'bg-active': !isCollection.value && _unref(model)?.filePath === __props.item?.filePath })\n }\" border=\"b base\"><div class=\"${\n _ssrRenderClass(icon.value)\n }\"></div><span class=\"${\n _ssrRenderClass({ 'flex items-center': isCollection.value })\n }\" flex-auto text-start text-sm font-mono>${\n _ssrInterpolate(__props.item.path)\n } `)\n if (__props.item.layer) {\n _push(_ssrRenderComponent(_component_NIcon, {\n icon: \"i-carbon-layers\",\n \"bg-primary\": \"\"\n }, null, _parent))\n } else {\n _push(`<!---->`)\n }\n _push(`</span>`)\n if (isCollection.value) {\n _push(_ssrRenderComponent(_component_NIcon, {\n icon: \"carbon:chevron-right\",\n \"transform-rotate\": open.value ? 90 : 0,\n transition: \"\"\n }, null, _parent))\n } else {\n _push(`<!---->`)\n }\n _push(`</button>`)\n if (open.value) {\n _ssrRenderSlot(_ctx.$slots, \"default\", {}, () => {\n _push(`<!--[-->`)\n _ssrRenderList(__props.item?.children, (subItem) => {\n _push(_ssrRenderComponent(_component_AssetListItem, {\n key: subItem.filepath,\n modelValue: _unref(model),\n \"onUpdate:modelValue\": ($event: any) => (_isRef(model) ? (model).value = $event : null),\n item: subItem,\n index: __props.index + 1\n }, null, _parent))\n })\n _push(`<!--]-->`)\n }, _push, _parent)\n } else {\n _push(`<!---->`)\n }\n _push(`</div>`)\n}\n}\n\n})","<script setup lang=\"ts\">\nimport type { AssetInfo } from '~/../src/types'\nimport { useVModel } from '@vueuse/core'\nimport { computed, ref } from 'vue'\n\nconst props = withDefaults(defineProps<{\n item: any\n index?: number\n modelValue: AssetInfo | undefined\n}>(), {\n index: 0,\n})\n\nconst emit = defineEmits<{ (...args: any): void }>()\nconst model = useVModel(props, 'modelValue', emit, { passive: true })\n\nconst isCollection = computed(() => props.item?.children?.length)\n\nconst open = ref(true)\n\nconst icon = computed(() => {\n if (isCollection.value)\n return 'i-carbon-folder'\n if (props.item.type === 'image')\n return 'i-carbon-image'\n if (props.item.type === 'video')\n return 'i-carbon-video'\n if (props.item.type === 'audio')\n return 'i-carbon-volume-up'\n if (props.item.type === 'font')\n return 'i-carbon-text-small-caps'\n if (props.item.type === 'text')\n return 'i-carbon-document'\n if (props.item.type === 'json')\n return 'i-carbon-json'\n return 'i-carbon-document-blank'\n})\n</script>\n\n<template>\n <div>\n <button\n flex=\"~ gap-2\" w-full items-center hover=\"bg-active\" px4 py1\n :style=\"{ paddingLeft: `calc(1rem + ${index * 1.5}em)` }\"\n :class=\"{ 'bg-active': !isCollection && model?.filePath === item?.filePath }\"\n border=\"b base\"\n @click=\"isCollection ? open = !open : model = item\"\n >\n <div :class=\"icon\" />\n <span :class=\"{ 'flex items-center': isCollection }\" flex-auto text-start text-sm font-mono>\n {{ item.path }}\n <NIcon v-if=\"item.layer\" icon=\"i-carbon-layers\" bg-primary />\n </span>\n <NIcon v-if=\"isCollection\" icon=\"carbon:chevron-right\" :transform-rotate=\"open ? 90 : 0\" transition />\n </button>\n <slot v-if=\"open\">\n <AssetListItem\n v-for=\"subItem in item?.children\"\n :key=\"subItem.filepath\"\n v-model=\"model\"\n :item=\"subItem\"\n :index=\"index + 1\"\n />\n </slot>\n </div>\n</template>\n","import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, resolveComponent as _resolveComponent, resolveDirective as _resolveDirective, mergeProps as _mergeProps, withCtx as _withCtx, createTextVNode as _createTextVNode, createVNode as _createVNode, vModelText as _vModelText, withKeys as _withKeys, withDirectives as _withDirectives } from \"vue\"\nimport { ssrRenderComponent as _ssrRenderComponent, ssrGetDirectiveProps as _ssrGetDirectiveProps, ssrInterpolate as _ssrInterpolate } from \"vue/server-renderer\"\n\nimport type { AssetInfo, CodeSnippet } from '~/../src/types'\nimport { computedAsync, useTimeAgo, useVModel } from '@vueuse/core'\nimport { computed, ref } from 'vue'\nimport { devtoolsUiShowNotification } from '#imports'\nimport { useCopy, useOpenInEditor } from '~/composables/editor'\nimport { rpc } from '~/composables/rpc'\nimport { useServerConfig } from '~/composables/state'\n\n\nexport default /*@__PURE__*/_defineComponent({\n __name: 'AssetDetails',\n __ssrInlineRender: true,\n props: {\n modelValue: {}\n },\n setup(__props: any, { emit: __emit }) {\n\nconst props = __props\n\nconst emit = __emit\nconst asset = useVModel(props, 'modelValue', emit, { passive: true })\n\nconst imageMeta = computedAsync(async () => {\n if (asset.value.type !== 'image')\n return undefined\n return rpc.getImageMeta(asset.value.filePath)\n})\n\nconst editDialog = ref(false)\nconst newTextContent = ref()\nconst textContentCounter = ref(0)\nconst textContent = computedAsync(async () => {\n if (asset.value.type !== 'text')\n return undefined\n\n // eslint-disable-next-line ts/no-unused-expressions\n textContentCounter.value\n\n const content = await rpc.getTextAssetContent(asset.value.filePath)\n newTextContent.value = content\n return content\n})\n\nasync function saveTextContent() {\n if (textContent.value !== newTextContent.value) {\n try {\n await rpc.writeStaticAssets([{\n path: asset.value.path,\n content: newTextContent.value,\n override: true,\n }], '')\n editDialog.value = false\n textContentCounter.value++\n devtoolsUiShowNotification({\n message: 'Updated',\n icon: 'i-carbon-checkmark',\n classes: 'text-green',\n })\n }\n catch (error) {\n console.error(error)\n devtoolsUiShowNotification({\n message: 'Something went wrong!',\n icon: 'i-carbon-warning',\n classes: 'text-red',\n })\n }\n }\n}\n\nconst config = useServerConfig()\nconst hasNuxtImage = computed(() => {\n const modules = config.value?._installedModules || []\n return modules.some(m => m.meta?.name === '@nuxt/image' || m.meta?.name === '@nuxt/image-edge' || m.meta?.name === '@nuxt/image-nightly')\n})\n\nconst codeSnippets = computed(() => {\n const items: CodeSnippet[] = []\n if (asset.value.type === 'image') {\n const attrs = imageMeta.value?.width\n ? `\\n width=\"${imageMeta.value.width}\"\\n height=\"${imageMeta.value.height}\" `\n : ' '\n items.push(\n { lang: 'vue-html', code: `<img${attrs}\\n src=\"${asset.value.publicPath}\"\\n/>`, name: 'Plain Image' },\n )\n if (hasNuxtImage.value) {\n items.push(\n { lang: 'vue-html', code: `<NuxtImg${attrs}\\n src=\"${asset.value.publicPath}\"\\n/>`, name: 'Nuxt Img', docs: 'https://image.nuxt.com/usage/nuxt-img' },\n { lang: 'vue-html', code: `<NuxtPicture${attrs}\\n src=\"${asset.value.publicPath}\"\\n/>`, name: 'Nuxt Picture', docs: 'https://image.nuxt.com/usage/nuxt-picture' },\n )\n }\n return items\n }\n\n items.push({\n lang: 'html',\n code: `<a download href=\"${asset.value.publicPath}\">\\n Download ${asset.value.path.split('/').slice(-1)[0]}\\n</a>`,\n name: 'Download link',\n })\n return items\n})\n\nconst copy = useCopy()\nconst openInEditor = useOpenInEditor()\nconst timeAgo = useTimeAgo(() => asset.value.mtime)\nconst fileSize = computed(() => {\n const size = asset.value.size\n if (size < 1024)\n return `${size} B`\n if (size < 1024 * 1024)\n return `${(size / 1024).toFixed(2)} KB`\n return `${(size / 1024 / 1024).toFixed(2)} MB`\n})\n\nconst aspectRatio = computed(() => {\n if (!imageMeta.value?.width || !imageMeta.value?.height)\n return ''\n const gcd = (a: number, b: number): number => {\n if (!b)\n return a\n return gcd(b, a % b)\n }\n const ratio = gcd(imageMeta.value.width, imageMeta.value.height)\n if (ratio > 3)\n return `${imageMeta.value.width / ratio}:${imageMeta.value.height / ratio}`\n return ''\n})\n\nconst supportsPreview = computed(() => {\n return [\n 'image',\n 'text',\n 'video',\n 'audio',\n 'font',\n ].includes(asset.value.type)\n})\n\nconst deleteDialog = ref(false)\nasync function deleteAsset() {\n try {\n await rpc.deleteStaticAsset(asset.value.filePath)\n asset.value = undefined as any\n deleteDialog.value = false\n devtoolsUiShowNotification({\n message: 'Asset deleted',\n icon: 'i-carbon-checkmark',\n classes: 'text-green',\n })\n }\n catch (error) {\n console.error(error)\n devtoolsUiShowNotification({\n message: 'Something went wrong!',\n icon: 'i-carbon-warning',\n classes: 'text-red',\n })\n }\n}\n\nconst renameDialog = ref(false)\nconst newName = ref('')\nasync function renameAsset() {\n const parts = asset.value.filePath.split('/')\n const oldName = parts.slice(-1)[0]?.split('.').slice(0, -1).join('.')\n\n if (!newName.value || newName.value === oldName) {\n return devtoolsUiShowNotification({\n message: 'Please enter a new name',\n icon: 'i-carbon-warning',\n classes: 'text-orange',\n })\n }\n\n try {\n const extension = parts.slice(-1)[0]?.split('.').slice(-1)[0]\n const fullPath = `${parts.slice(0, -1).join('/')}/${newName.value}.${extension}`\n await rpc.renameStaticAsset(asset.value.filePath, fullPath)\n asset.value = undefined as any\n renameDialog.value = false\n devtoolsUiShowNotification({\n message: 'Asset renamed',\n icon: 'i-carbon-checkmark',\n classes: 'text-green',\n })\n }\n catch (error) {\n console.error(error)\n devtoolsUiShowNotification({\n message: 'Something went wrong!',\n icon: 'i-carbon-warning',\n classes: 'text-red',\n })\n }\n}\n\nreturn (_ctx: any,_push: any,_parent: any,_attrs: any) => {\n const _component_AssetPreview = _resolveComponent(\"AssetPreview\")!\n const _component_FilepathItem = _resolveComponent(\"FilepathItem\")!\n const _component_NButton = _resolveComponent(\"NButton\")!\n const _component_CodeSnippets = _resolveComponent(\"CodeSnippets\")!\n const _component_NDialog = _resolveComponent(\"NDialog\")!\n const _component_NTextInput = _resolveComponent(\"NTextInput\")!\n const _directive_tooltip = _resolveDirective(\"tooltip\")!\n\n _push(`<!--[--><div flex=\"~ col gap-4\" min-h-full w-full of-hidden p4>`)\n if (supportsPreview.value) {\n _push(`<!--[--><div flex=\"~ gap2\" mb--2 items-center op50><div x-divider></div><div flex-none> Preview </div><div x-divider></div></div><div flex=\"~\" items-center justify-center>`)\n _push(_ssrRenderComponent(_component_AssetPreview, {\n detail: \"\",\n \"max-h-80\": \"\",\n \"min-h-20\": \"\",\n \"min-w-20\": \"\",\n \"w-auto\": \"\",\n rounded: \"\",\n border: \"~ base\",\n asset: _unref(asset),\n \"text-content\": _unref(textContent)\n }, null, _parent))\n _push(`</div><!--]-->`)\n } else {\n _push(`<!---->`)\n }\n _push(`<div flex=\"~ gap2\" mb--2 items-center op50><div x-divider></div><div flex-none> Details </div><div x-divider></div></div><table max-w-full w-full table-fixed><tbody><tr><td w-30 ws-nowrap pr5 text-right op50> Filepath </td><td><div flex=\"~ gap-1\" w-full items-center>`)\n _push(_ssrRenderComponent(_component_FilepathItem, {\n filepath: _unref(asset).filePath,\n \"text-left\": \"\"\n }, null, _parent))\n _push(_ssrRenderComponent(_component_NButton, _mergeProps({\n \"flex-none\": \"\",\n title: \"Open in Editor\",\n icon: \"carbon-launch\",\n border: false,\n onClick: ($event: any) => (_unref(openInEditor)(_unref(asset).filePath))\n }, _ssrGetDirectiveProps(_ctx, _directive_tooltip, 'Open in Editor')), null, _parent))\n _push(`</div></td></tr><tr><td w-30 ws-nowrap pr5 text-right op50> Public Path </td><td><div flex=\"~ gap-1\" w-full items-center of-hidden><div flex-auto of-hidden truncate ws-pre font-mono>${_ssrInterpolate(_unref(asset).publicPath)}</div>`)\n _push(_ssrRenderComponent(_component_NButton, _mergeProps({\n \"flex-none\": \"\",\n title: \"Copy public path\",\n icon: \"carbon-copy\",\n border: false,\n onClick: ($event: any) => (_unref(copy)(_unref(asset).publicPath, 'assets-public-path'))\n }, _ssrGetDirectiveProps(_ctx, _directive_tooltip, 'Copy public path')), null, _parent))\n _push(_ssrRenderComponent(_component_NButton, _mergeProps({\n \"flex-none\": \"\",\n to: _unref(asset).publicPath,\n icon: \"carbon-launch\",\n target: \"_blank\",\n border: false,\n title: \"Open in browser\"\n }, _ssrGetDirectiveProps(_ctx, _directive_tooltip, 'Open in browser')), null, _parent))\n _push(`</div></td></tr><tr><td w-30 ws-nowrap pr5 text-right op50> Type </td><td capitalize>${_ssrInterpolate(_unref(asset).type)}</td></tr>`)\n if (_unref(imageMeta)?.width) {\n _push(`<!--[--><tr><td w-30 ws-nowrap pr5 text-right op50> Image Size </td><td>${\n _ssrInterpolate(_unref(imageMeta).width)\n } x ${\n _ssrInterpolate(_unref(imageMeta).height)\n }</td></tr>`)\n if (aspectRatio.value) {\n _push(`<tr><td w-30 ws-nowrap pr5 text-right op50> Aspect Ratio </td><td>${_ssrInterpolate(aspectRatio.value)}</td></tr>`)\n } else {\n _push(`<!---->`)\n }\n _push(`<!--]-->`)\n } else {\n _push(`<!---->`)\n }\n _push(`<tr><td w-30 ws-nowrap pr5 text-right op50> File size </td><td>${\n _ssrInterpolate(fileSize.value)\n }</td></tr><tr><td w-30 ws-nowrap pr5 text-right op50> Last modified </td><td>${\n _ssrInterpolate(new Date((_unref(asset)).mtime).toLocaleString())\n } <span op70>(${\n _ssrInterpolate(_unref(timeAgo))\n })</span></td></tr></tbody></table><div flex=\"~ gap2\" mb--2 items-center op50><div x-divider></div><div flex-none> Actions </div><div x-divider></div></div><div flex=\"~ gap2 wrap\">`)\n _push(_ssrRenderComponent(_component_NButton, {\n to: _unref(asset).publicPath,\n download: \"\",\n target: \"_blank\",\n icon: \"carbon-download\",\n n: \"green\"\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(` Download `)\n } else {\n return [\n _createTextVNode(\" Download \")\n ]\n }\n }),\n _: 1\n }, _parent))\n if (_unref(asset).type === 'text') {\n _push(_ssrRenderComponent(_component_NButton, {\n icon: \"carbon-edit\",\n n: \"cyan\",\n onClick: ($event: any) => (editDialog.value = !editDialog.value)\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(` Edit `)\n } else {\n return [\n _createTextVNode(\" Edit \")\n ]\n }\n }),\n _: 1\n }, _parent))\n } else {\n _push(`<!---->`)\n }\n _push(_ssrRenderComponent(_component_NButton, {\n icon: \"carbon-text-annotation-toggle\",\n n: \"blue\",\n onClick: ($event: any) => (renameDialog.value = !renameDialog.value)\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(` Rename `)\n } else {\n return [\n _createTextVNode(\" Rename \")\n ]\n }\n }),\n _: 1\n }, _parent))\n _push(_ssrRenderComponent(_component_NButton, {\n icon: \"carbon-delete\",\n n: \"red\",\n onClick: ($event: any) => (deleteDialog.value = !deleteDialog.value)\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(` Delete `)\n } else {\n return [\n _createTextVNode(\" Delete \")\n ]\n }\n }),\n _: 1\n }, _parent))\n _push(`</div><div flex-auto></div>`)\n if (codeSnippets.value.length) {\n _push(_ssrRenderComponent(_component_CodeSnippets, {\n border: \"t base\",\n \"mx--4\": \"\",\n \"mb--4\": \"\",\n \"code-snippets\": codeSnippets.value\n }, null, _parent))\n } else {\n _push(`<!---->`)\n }\n _push(`</div>`)\n _push(_ssrRenderComponent(_component_NDialog, {\n modelValue: deleteDialog.value,\n \"onUpdate:modelValue\": ($event: any) => ((deleteDialog).value = $event)\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<div flex=\"~ col gap-4\" min-h-full w-full of-hidden p8${\n _scopeId\n }><span${\n _scopeId\n }> Are you sure you want to delete this asset? </span><div flex=\"~ gap2 wrap justify-center\"${\n _scopeId\n }>`)\n _push(_ssrRenderComponent(_component_NButton, {\n icon: \"carbon-close\",\n onClick: ($event: any) => (deleteDialog.value = false)\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(` Cancel `)\n } else {\n return [\n _createTextVNode(\" Cancel \")\n ]\n }\n }),\n _: 1\n }, _parent, _scopeId))\n _push(_ssrRenderComponent(_component_NButton, {\n icon: \"carbon-delete\",\n n: \"red\",\n onClick: deleteAsset\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(` Delete `)\n } else {\n return [\n _createTextVNode(\" Delete \")\n ]\n }\n }),\n _: 1\n }, _parent, _scopeId))\n _push(`</div></div>`)\n } else {\n return [\n _createVNode(\"div\", {\n flex: \"~ col gap-4\",\n \"min-h-full\": \"\",\n \"w-full\": \"\",\n \"of-hidden\": \"\",\n p8: \"\"\n }, [\n _createVNode(\"span\", null, \" Are you sure you want to delete this asset? \"),\n _createVNode(\"div\", { flex: \"~ gap2 wrap justify-center\" }, [\n _createVNode(_component_NButton, {\n icon: \"carbon-close\",\n onClick: ($event: any) => (deleteDialog.value = false)\n }, {\n default: _withCtx(() => [\n _createTextVNode(\" Cancel \")\n ]),\n _: 1\n }, 8, [\"onClick\"]),\n _createVNode(_component_NButton, {\n icon: \"carbon-delete\",\n n: \"red\",\n onClick: deleteAsset\n }, {\n default: _withCtx(() => [\n _createTextVNode(\" Delete \")\n ]),\n _: 1\n })\n ])\n ])\n ]\n }\n }),\n _: 1\n }, _parent))\n _push(_ssrRenderComponent(_component_NDialog, {\n modelValue: renameDialog.value,\n \"onUpdate:modelValue\": ($event: any) => ((renameDialog).value = $event)\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<div flex=\"~ col gap-4\" min-h-full w-full of-hidden p8${_scopeId}>`)\n _push(_ssrRenderComponent(_component_NTextInput, {\n modelValue: newName.value,\n \"onUpdate:modelValue\": ($event: any) => ((newName).value = $event),\n placeholder: \"New name\",\n n: \"blue\"\n }, null, _parent, _scopeId))\n _push(`<div flex=\"~ gap2 wrap justify-center\"${_scopeId}>`)\n _push(_ssrRenderComponent(_component_NButton, {\n icon: \"carbon-close\",\n onClick: ($event: any) => (renameDialog.value = false)\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(` Cancel `)\n } else {\n return [\n _createTextVNode(\" Cancel \")\n ]\n }\n }),\n _: 1\n }, _parent, _scopeId))\n _push(_ssrRenderComponent(_component_NButton, {\n icon: \"carbon-text-annotation-toggle\",\n n: \"blue\",\n onClick: renameAsset\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(` Rename `)\n } else {\n return [\n _createTextVNode(\" Rename \")\n ]\n }\n }),\n _: 1\n }, _parent, _scopeId))\n _push(`</div></div>`)\n } else {\n return [\n _createVNode(\"div\", {\n flex: \"~ col gap-4\",\n \"min-h-full\": \"\",\n \"w-full\": \"\",\n \"of-hidden\": \"\",\n p8: \"\"\n }, [\n _createVNode(_component_NTextInput, {\n modelValue: newName.value,\n \"onUpdate:modelValue\": ($event: any) => ((newName).value = $event),\n placeholder: \"New name\",\n n: \"blue\"\n }, null, 8, [\"modelValue\", \"onUpdate:modelValue\"]),\n _createVNode(\"div\", { flex: \"~ gap2 wrap justify-center\" }, [\n _createVNode(_component_NButton, {\n icon: \"carbon-close\",\n onClick: ($event: any) => (renameDialog.value = false)\n }, {\n default: _withCtx(() => [\n _createTextVNode(\" Cancel \")\n ]),\n _: 1\n }, 8, [\"onClick\"]),\n _createVNode(_component_NButton, {\n icon: \"carbon-text-annotation-toggle\",\n n: \"blue\",\n onClick: renameAsset\n }, {\n default: _withCtx(() => [\n _createTextVNode(\" Rename \")\n ]),\n _: 1\n })\n ])\n ])\n ]\n }\n }),\n _: 1\n }, _parent))\n if (_unref(asset).type === 'text') {\n _push(_ssrRenderComponent(_component_NDialog, {\n modelValue: editDialog.value,\n \"onUpdate:modelValue\": ($event: any) => ((editDialog).value = $event)\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<div flex=\"~ col gap-4\" min-h-full w-full of-hidden p4${\n _scopeId\n }><textarea placeholder=\"Item value...\" class=\"h-lg w-xl of-auto rounded-lg p-4 text-sm font-mono outline-none\"${\n _scopeId\n }>${\n _ssrInterpolate(newTextContent.value)\n }</textarea><div flex justify-end gap-4${\n _scopeId\n }>`)\n _push(_ssrRenderComponent(_component_NButton, {\n icon: \"carbon-close\",\n onClick: ($event: any) => (editDialog.value = false)\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(` Cancel `)\n } else {\n return [\n _createTextVNode(\" Cancel \")\n ]\n }\n }),\n _: 1\n }, _parent, _scopeId))\n _push(_ssrRenderComponent(_component_NButton, {\n icon: \"carbon:save\",\n n: \"primary\",\n onClick: saveTextContent\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(` save `)\n } else {\n return [\n _createTextVNode(\" save \")\n ]\n }\n }),\n _: 1\n }, _parent, _scopeId))\n _push(`</div></div>`)\n } else {\n return [\n _createVNode(\"div\", {\n flex: \"~ col gap-4\",\n \"min-h-full\": \"\",\n \"w-full\": \"\",\n \"of-hidden\": \"\",\n p4: \"\"\n }, [\n _withDirectives(_createVNode(\"textarea\", {\n \"onUpdate:modelValue\": ($event: any) => ((newTextContent).value = $event),\n placeholder: \"Item value...\",\n class: \"h-lg w-xl of-auto rounded-lg p-4 text-sm font-mono outline-none\",\n onKeydown: _withKeys(saveTextContent, [\"enter\"])\n }, null, 40, [\"onUpdate:modelValue\"]), [\n [_vModelText, newTextContent.value]\n ]),\n _createVNode(\"div\", {\n flex: \"\",\n \"justify-end\": \"\",\n \"gap-4\": \"\"\n }, [\n _createVNode(_component_NButton, {\n icon: \"carbon-close\",\n onClick: ($event: any) => (editDialog.value = false)\n }, {\n default: _withCtx(() => [\n _createTextVNode(\" Cancel \")\n ]),\n _: 1\n }, 8, [\"onClick\"]),\n _createVNode(_component_NButton, {\n icon: \"carbon:save\",\n n: \"primary\",\n onClick: saveTextContent\n }, {\n default: _withCtx(() => [\n _createTextVNode(\" save \")\n ]),\n _: 1\n })\n ])\n ])\n ]\n }\n }),\n _: 1\n }, _parent))\n } else {\n _push(`<!---->`)\n }\n _push(`<!--]-->`)\n}\n}\n\n})","<script setup lang=\"ts\">\nimport type { AssetInfo, CodeSnippet } from '~/../src/types'\nimport { computedAsync, useTimeAgo, useVModel } from '@vueuse/core'\nimport { computed, ref } from 'vue'\nimport { devtoolsUiShowNotification } from '#imports'\nimport { useCopy, useOpenInEditor } from '~/composables/editor'\nimport { rpc } from '~/composables/rpc'\nimport { useServerConfig } from '~/composables/state'\n\nconst props = defineProps<{\n modelValue: AssetInfo\n}>()\n\nconst emit = defineEmits<{ (...args: any): void }>()\nconst asset = useVModel(props, 'modelValue', emit, { passive: true })\n\nconst imageMeta = computedAsync(async () => {\n if (asset.value.type !== 'image')\n return undefined\n return rpc.getImageMeta(asset.value.filePath)\n})\n\nconst editDialog = ref(false)\nconst newTextContent = ref()\nconst textContentCounter = ref(0)\nconst textContent = computedAsync(async () => {\n if (asset.value.type !== 'text')\n return undefined\n\n // eslint-disable-next-line ts/no-unused-expressions\n textContentCounter.value\n\n const content = await rpc.getTextAssetContent(asset.value.filePath)\n newTextContent.value = content\n return content\n})\n\nasync function saveTextContent() {\n if (textContent.value !== newTextContent.value) {\n try {\n await rpc.writeStaticAssets([{\n path: asset.value.path,\n content: newTextContent.value,\n override: true,\n }], '')\n editDialog.value = false\n textContentCounter.value++\n devtoolsUiShowNotification({\n message: 'Updated',\n icon: 'i-carbon-checkmark',\n classes: 'text-green',\n })\n }\n catch (error) {\n console.error(error)\n devtoolsUiShowNotification({\n message: 'Something went wrong!',\n icon: 'i-carbon-warning',\n classes: 'text-red',\n })\n }\n }\n}\n\nconst config = useServerConfig()\nconst hasNuxtImage = computed(() => {\n const modules = config.value?._installedModules || []\n return modules.some(m => m.meta?.name === '@nuxt/image' || m.meta?.name === '@nuxt/image-edge' || m.meta?.name === '@nuxt/image-nightly')\n})\n\nconst codeSnippets = computed(() => {\n const items: CodeSnippet[] = []\n if (asset.value.type === 'image') {\n const attrs = imageMeta.value?.width\n ? `\\n width=\"${imageMeta.value.width}\"\\n height=\"${imageMeta.value.height}\" `\n : ' '\n items.push(\n { lang: 'vue-html', code: `<img${attrs}\\n src=\"${asset.value.publicPath}\"\\n/>`, name: 'Plain Image' },\n )\n if (hasNuxtImage.value) {\n items.push(\n { lang: 'vue-html', code: `<NuxtImg${attrs}\\n src=\"${asset.value.publicPath}\"\\n/>`, name: 'Nuxt Img', docs: 'https://image.nuxt.com/usage/nuxt-img' },\n { lang: 'vue-html', code: `<NuxtPicture${attrs}\\n src=\"${asset.value.publicPath}\"\\n/>`, name: 'Nuxt Picture', docs: 'https://image.nuxt.com/usage/nuxt-picture' },\n )\n }\n return items\n }\n\n items.push({\n lang: 'html',\n code: `<a download href=\"${asset.value.publicPath}\">\\n Download ${asset.value.path.split('/').slice(-1)[0]}\\n</a>`,\n name: 'Download link',\n })\n return items\n})\n\nconst copy = useCopy()\nconst openInEditor = useOpenInEditor()\nconst timeAgo = useTimeAgo(() => asset.value.mtime)\nconst fileSize = computed(() => {\n const size = asset.value.size\n if (size < 1024)\n return `${size} B`\n if (size < 1024 * 1024)\n return `${(size / 1024).toFixed(2)} KB`\n return `${(size / 1024 / 1024).toFixed(2)} MB`\n})\n\nconst aspectRatio = computed(() => {\n if (!imageMeta.value?.width || !imageMeta.value?.height)\n return ''\n const gcd = (a: number, b: number): number => {\n if (!b)\n return a\n return gcd(b, a % b)\n }\n const ratio = gcd(imageMeta.value.width, imageMeta.value.height)\n if (ratio > 3)\n return `${imageMeta.value.width / ratio}:${imageMeta.value.height / ratio}`\n return ''\n})\n\nconst supportsPreview = computed(() => {\n return [\n 'image',\n 'text',\n 'video',\n 'audio',\n 'font',\n ].includes(asset.value.type)\n})\n\nconst deleteDialog = ref(false)\nasync function deleteAsset() {\n try {\n await rpc.deleteStaticAsset(asset.value.filePath)\n asset.value = undefined as any\n deleteDialog.value = false\n devtoolsUiShowNotification({\n message: 'Asset deleted',\n icon: 'i-carbon-checkmark',\n classes: 'text-green',\n })\n }\n catch (error) {\n console.error(error)\n devtoolsUiShowNotification({\n message: 'Something went wrong!',\n icon: 'i-carbon-warning',\n classes: 'text-red',\n })\n }\n}\n\nconst renameDialog = ref(false)\nconst newName = ref('')\nasync function renameAsset() {\n const parts = asset.value.filePath.split('/')\n const oldName = parts.slice(-1)[0]?.split('.').slice(0, -1).join('.')\n\n if (!newName.value || newName.value === oldName) {\n return devtoolsUiShowNotification({\n message: 'Please enter a new name',\n icon: 'i-carbon-warning',\n classes: 'text-orange',\n })\n }\n\n try {\n const extension = parts.slice(-1)[0]?.split('.').slice(-1)[0]\n const fullPath = `${parts.slice(0, -1).join('/')}/${newName.value}.${extension}`\n await rpc.renameStaticAsset(asset.value.filePath, fullPath)\n asset.value = undefined as any\n renameDialog.value = false\n devtoolsUiShowNotification({\n message: 'Asset renamed',\n icon: 'i-carbon-checkmark',\n classes: 'text-green',\n })\n }\n catch (error) {\n console.error(error)\n devtoolsUiShowNotification({\n message: 'Something went wrong!',\n icon: 'i-carbon-warning',\n classes: 'text-red',\n })\n }\n}\n</script>\n\n<template>\n <div flex=\"~ col gap-4\" min-h-full w-full of-hidden p4>\n <template v-if=\"supportsPreview\">\n <div flex=\"~ gap2\" mb--2 items-center op50>\n <div x-divider />\n <div flex-none>\n Preview\n </div>\n <div x-divider />\n </div>\n\n <div flex=\"~\" items-center justify-center>\n <AssetPreview\n detail\n max-h-80 min-h-20 min-w-20 w-auto rounded border=\"~ base\"\n :asset=\"asset\"\n :text-content=\"textContent\"\n />\n </div>\n </template>\n\n <div flex=\"~ gap2\" mb--2 items-center op50>\n <div x-divider />\n <div flex-none>\n Details\n </div>\n <div x-divider />\n </div>\n\n <table max-w-full w-full table-fixed>\n <tbody>\n <tr>\n <td w-30 ws-nowrap pr5 text-right op50>\n Filepath\n </td>\n <td>\n <div flex=\"~ gap-1\" w-full items-center>\n <FilepathItem :filepath=\"asset.filePath\" text-left />\n <NButton\n v-tooltip=\"'Open in Editor'\"\n flex-none\n title=\"Open in Editor\"\n icon=\"carbon-launch\"\n :border=\"false\"\n @click=\"openInEditor(asset.filePath)\"\n />\n </div>\n </td>\n </tr>\n <tr>\n <td w-30 ws-nowrap pr5 text-right op50>\n Public Path\n </td>\n <td>\n <div flex=\"~ gap-1\" w-full items-center of-hidden>\n <div flex-auto of-hidden truncate ws-pre font-mono>\n {{ asset.publicPath }}\n </div>\n <NButton\n v-tooltip=\"'Copy public path'\"\n flex-none\n title=\"Copy public path\"\n icon=\"carbon-copy\"\n :border=\"false\"\n @click=\"copy(asset.publicPath, 'assets-public-path')\"\n />\n <NButton\n v-tooltip=\"'Open in browser'\"\n flex-none\n :to=\"asset.publicPath\"\n icon=\"carbon-launch\"\n target=\"_blank\"\n :border=\"false\"\n title=\"Open in browser\"\n />\n </div>\n </td>\n </tr>\n <tr>\n <td w-30 ws-nowrap pr5 text-right op50>\n Type\n </td>\n <td capitalize>\n {{ asset.type }}\n </td>\n </tr>\n <template v-if=\"imageMeta?.width\">\n <tr>\n <td w-30 ws-nowrap pr5 text-right op50>\n Image Size\n </td>\n <td>{{ imageMeta.width }} x {{ imageMeta.height }}</td>\n </tr>\n <tr v-if=\"aspectRatio\">\n <td w-30 ws-nowrap pr5 text-right op50>\n Aspect Ratio\n </td>\n <td>{{ aspectRatio }}</td>\n </tr>\n </template>\n <tr>\n <td w-30 ws-nowrap pr5 text-right op50>\n File size\n </td>\n <td>{{ fileSize }}</td>\n </tr>\n <tr>\n <td w-30 ws-nowrap pr5 text-right op50>\n Last modified\n </td>\n <td>{{ new Date(asset.mtime).toLocaleString() }} <span op70>({{ timeAgo }})</span></td>\n </tr>\n </tbody>\n </table>\n\n <div flex=\"~ gap2\" mb--2 items-center op50>\n <div x-divider />\n <div flex-none>\n Actions\n </div>\n <div x-divider />\n </div>\n <div flex=\"~ gap2 wrap\">\n <NButton :to=\"asset.publicPath\" download target=\"_blank\" icon=\"carbon-download\" n=\"green\">\n Download\n </NButton>\n <NButton v-if=\"asset.type === 'text'\" icon=\"carbon-edit\" n=\"cyan\" @click=\"editDialog = !editDialog\">\n Edit\n </NButton>\n <NButton icon=\"carbon-text-annotation-toggle\" n=\"blue\" @click=\"renameDialog = !renameDialog\">\n Rename\n </NButton>\n <NButton icon=\"carbon-delete\" n=\"red\" @click=\"deleteDialog = !deleteDialog\">\n Delete\n </NButton>\n <!-- TODO: integrate with Nuxt Image -->\n <!-- <NButton v-if=\"asset.type === 'image'\" disabled icon=\"carbon-image-service\">\n Optimize image (Coming soon)\n </NButton> -->\n </div>\n\n <div flex-auto />\n\n <CodeSnippets\n v-if=\"codeSnippets.length\"\n border=\"t base\"\n mx--4 mb--4\n :code-snippets=\"codeSnippets\"\n />\n </div>\n <NDialog v-model=\"deleteDialog\">\n <div flex=\"~ col gap-4\" min-h-full w-full of-hidden p8>\n <span>\n Are you sure you want to delete this asset?\n </span>\n <div flex=\"~ gap2 wrap justify-center\">\n <NButton icon=\"carbon-close\" @click=\"deleteDialog = false\">\n Cancel\n </NButton>\n <NButton icon=\"carbon-delete\" n=\"red\" @click=\"deleteAsset\">\n Delete\n </NButton>\n </div>\n </div>\n </NDialog>\n <NDialog v-model=\"renameDialog\">\n <div flex=\"~ col gap-4\" min-h-full w-full of-hidden p8>\n <NTextInput v-model=\"newName\" placeholder=\"New name\" n=\"blue\" />\n <div flex=\"~ gap2 wrap justify-center\">\n <NButton icon=\"carbon-close\" @click=\"renameDialog = false\">\n Cancel\n </NButton>\n <NButton icon=\"carbon-text-annotation-toggle\" n=\"blue\" @click=\"renameAsset\">\n Rename\n </NButton>\n </div>\n </div>\n </NDialog>\n <NDialog v-if=\"asset.type === 'text'\" v-model=\"editDialog\">\n <div flex=\"~ col gap-4\" min-h-full w-full of-hidden p4>\n <textarea\n v-model=\"newTextContent\"\n placeholder=\"Item value...\"\n class=\"h-lg w-xl of-auto rounded-lg p-4 text-sm font-mono outline-none\"\n @keydown.enter=\"saveTextContent\"\n />\n <div flex justify-end gap-4>\n <NButton icon=\"carbon-close\" @click=\"editDialog = false\">\n Cancel\n </NButton>\n <NButton icon=\"carbon:save\" n=\"primary\" @click=\"saveTextContent\">\n save\n </NButton>\n </div>\n </div>\n </NDialog>\n</template>\n","import { defineComponent as _defineComponent } from 'vue'\nimport { resolveComponent as _resolveComponent, resolveDirective as _resolveDirective, mergeProps as _mergeProps, unref as _unref, withCtx as _withCtx, toDisplayString as _toDisplayString, createVNode as _createVNode, withDirectives as _withDirectives, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from \"vue\"\nimport { ssrGetDirectiveProps as _ssrGetDirectiveProps, ssrRenderComponent as _ssrRenderComponent, ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate, ssrRenderList as _ssrRenderList } from \"vue/server-renderer\"\n\nimport type { AssetInfo } from '~/../src/types'\nimport { onKeyDown, reactiveComputed } from '@vueuse/core'\nimport Fuse from 'fuse.js'\nimport { computed, ref } from 'vue'\nimport { definePageMeta } from '#imports'\nimport { DETAILS_MAX_ITEMS } from '~/composables/constants'\nimport { useStaticAssets } from '~/composables/state'\nimport { useDevToolsOptions } from '~/composables/storage-options'\n\n\nexport default /*@__PURE__*/_defineComponent({\n __name: 'assets',\n __ssrInlineRender: true,\n setup(__props) {\n\ndefinePageMeta({\n icon: 'carbon-image-copy',\n title: 'Assets',\n layout: 'full',\n})\n\nconst assets = useStaticAssets()\nconst dropzone = ref(false)\nconst search = ref('')\n\nconst fuse = computed(() => new Fuse(assets.value || [], {\n keys: [\n 'path',\n ],\n}))\n\nconst extensions = reactiveComputed(() => {\n const results: { name: string, value: boolean }[] = []\n for (const asset of assets.value || []) {\n const ext = asset.path.split('.').pop()\n if (ext && !results.some(e => e.name === ext))\n results.push({ name: ext, value: true })\n }\n return results\n})\n\nconst filtered = computed(() => {\n const result = search.value\n ? fuse.value.search(search.value).map(i => i.item)\n : (assets.value || [])\n return result.filter((asset) => {\n const ext = asset.path.split('.').pop()\n return !ext || extensions.some(e => e.name === ext && e.value)\n })\n})\n\nconst byFolders = computed(() => {\n const result: Record<string, AssetInfo[]> = {}\n for (const asset of filtered.value) {\n const folder = `${asset.path.split('/').slice(0, -1).join('/')}/`\n if (!result[folder])\n result[folder] = []\n result[folder].push(asset)\n }\n return Object.entries(result).sort(([a], [b]) => a.localeCompare(b))\n})\n\nconst byTree = computed(() => {\n const root = { path: 'public', children: [] }\n\n const addToTree = (node: any, pathParts: any, file: AssetInfo) => {\n const [currentPart, ...remainingParts] = pathParts\n\n let child = node.children.find((child: any) => child.path === currentPart)\n if (!child) {\n child = { ...file, path: currentPart, children: [] }\n node.children.push(child)\n }\n\n if (remainingParts.length > 1)\n addToTree(child, remainingParts, file)\n else if (remainingParts.length === 1)\n child.children.push({ ...file, path: remainingParts[0] })\n }\n\n filtered.value.forEach((file) => {\n const pathParts = file.path.split('/').filter(part => part !== '')\n addToTree(root, pathParts, file)\n })\n\n return root.children\n})\n\nconst selected = ref<AssetInfo>()\n\nconst { view } = useDevToolsOptions('assets')\n\nfunction toggleView() {\n view.value = view.value === 'list' ? 'grid' : 'list'\n}\n\nonKeyDown('Escape', () => {\n selected.value = undefined\n})\n\nconst navbar = ref<HTMLElement>()\n\nreturn (_ctx: any,_push: any,_parent: any,_attrs: any) => {\n const _component_NNavbar = _resolveComponent(\"NNavbar\")!\n const _component_NButton = _resolveComponent(\"NButton\")!\n const _component_NDropdown = _resolveComponent(\"NDropdown\")!\n const _component_NCheckbox = _resolveComponent(\"NCheckbox\")!\n const _component_AssetDropZone = _resolveComponent(\"AssetDropZone\")!\n const _component_NSectionBlock = _resolveComponent(\"NSectionBlock\")!\n const _component_AssetGridItem = _resolveComponent(\"AssetGridItem\")!\n const _component_AssetListItem = _resolveComponent(\"AssetListItem\")!\n const _component_NDrawer = _resolveComponent(\"NDrawer\")!\n const _component_AssetDetails = _resolveComponent(\"AssetDetails\")!\n const _directive_tooltip = _resolveDirective(\"tooltip\")!\n\n _push(`<div${_ssrRenderAttrs(_mergeProps({\n \"h-full\": \"\",\n \"of-auto\": \"\"\n }, _attrs))}>`)\n _push(_ssrRenderComponent(_component_NNavbar, {\n ref_key: \"navbar\",\n ref: navbar,\n search: search.value,\n \"onUpdate:search\": ($event: any) => ((search).value = $event),\n pb2: \"\"\n }, {\n actions: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<div flex-none flex=\"~ gap2 items-center\" text-lg${_scopeId}>`)\n _push(_ssrRenderComponent(_component_NButton, _mergeProps({\n icon: \"carbon:cloud-upload\",\n title: \"File Upload\",\n border: false,\n onClick: ($event: any) => (dropzone.value = !dropzone.value)\n }, _ssrGetDirectiveProps(_ctx, _directive_tooltip, 'File Upload', void 0, { \"bottom-end\": true })), null, _parent, _scopeId))\n if (_unref(extensions).length) {\n _push(_ssrRenderComponent(_component_NDropdown, {\n direction: \"end\",\n n: \"sm primary\"\n }, {\n trigger: _withCtx(({ click }, _push, _parent, _scopeId) => {\n if (_push) {\n _push(_ssrRenderComponent(_component_NButton, _mergeProps({\n icon: \"carbon-filter\",\n border: false,\n title: \"Filter\",\n p3: \"\",\n \"text-lg\": \"\",\n onClick: ($event: any) => (click())\n }, _ssrGetDirectiveProps(_ctx, _directive_tooltip, 'Filter', void 0, { \"bottom-end\": true })), null, _parent, _scopeId))\n _push(`<span flex=\"~ items-center justify-center\" absolute bottom--1 right--1 h-4 w-4 rounded-full bg-primary:30 text-8px${\n _scopeId\n }>${\n _ssrInterpolate(_unref(extensions).length)\n }</span>`)\n } else {\n return [\n _withDirectives(_createVNode(_component_NButton, {\n icon: \"carbon-filter\",\n border: false,\n title: \"Filter\",\n p3: \"\",\n \"text-lg\": \"\",\n onClick: ($event: any) => (click())\n }, null, 8, [\"onClick\"]), [\n [\n _directive_tooltip,\n 'Filter',\n void 0,\n { \"bottom-end\": true }\n ]\n ]),\n _createVNode(\"span\", {\n flex: \"~ items-center justify-center\",\n absolute: \"\",\n \"bottom--1\": \"\",\n \"right--1\": \"\",\n \"h-4\": \"\",\n \"w-4\": \"\",\n \"rounded-full\": \"\",\n \"bg-primary:30\": \"\",\n \"text-8px\": \"\"\n }, _toDisplayString(_unref(extensions).length), 1)\n ]\n }\n }),\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<div flex=\"~ col\" w-30 of-auto${_scopeId}><!--[-->`)\n _ssrRenderList(_unref(extensions), (item) => {\n _push(_ssrRenderComponent(_component_NCheckbox, {\n key: item.name,\n modelValue: item.value,\n \"onUpdate:modelValue\": ($event: any) => ((item.value) = $event),\n flex: \"~ gap-2\",\n rounded: \"\",\n px2: \"\",\n py2: \"\"\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<span text-xs op75${\n _scopeId\n }>${\n _ssrInterpolate(item.name)\n }</span>`)\n } else {\n return [\n _createVNode(\"span\", {\n \"text-xs\": \"\",\n op75: \"\"\n }, _toDisplayString(item.name), 1)\n ]\n }\n }),\n _: 2\n }, _parent, _scopeId))\n })\n _push(`<!--]--></div>`)\n } else {\n return [\n _createVNode(\"div\", {\n flex: \"~ col\",\n \"w-30\": \"\",\n \"of-auto\": \"\"\n }, [\n (_openBlock(true), _createBlock(_Fragment, null, _renderList(_unref(extensions), (item) => {\n return (_openBlock(), _createBlock(_component_NCheckbox, {\n key: item.name,\n modelValue: item.value,\n \"onUpdate:modelValue\": ($event: any) => ((item.value) = $event),\n flex: \"~ gap-2\",\n rounded: \"\",\n px2: \"\",\n py2: \"\"\n }, {\n default: _withCtx(() => [\n _createVNode(\"span\", {\n \"text-xs\": \"\",\n op75: \"\"\n }, _toDisplayString(item.name), 1)\n ]),\n _: 2\n }, 1032, [\"modelValue\", \"onUpdate:modelValue\"]))\n }), 128))\n ])\n ]\n }\n }),\n _: 1\n }, _parent, _scopeId))\n } else {\n _push(`<!---->`)\n }\n _push(_ssrRenderComponent(_component_NButton, _mergeProps({\n \"text-lg\": \"\",\n border: false,\n icon: _unref(view) === 'grid' ? 'i-carbon-list' : 'i-carbon-grid',\n title: \"Toggle view\",\n onClick: toggleView\n }, _ssrGetDirectiveProps(_ctx, _directive_tooltip, 'Toggle View', void 0, { \"bottom-end\": true })), null, _parent, _scopeId))\n _push(`</div>`)\n } else {\n return [\n _createVNode(\"div\", {\n \"flex-none\": \"\",\n flex: \"~ gap2 items-center\",\n \"text-lg\": \"\"\n }, [\n _withDirectives(_createVNode(_component_NButton, {\n icon: \"carbon:cloud-upload\",\n title: \"File Upload\",\n border: false,\n onClick: ($event: any) => (dropzone.value = !dropzone.value)\n }, null, 8, [\"onClick\"]), [\n [\n _directive_tooltip,\n 'File Upload',\n void 0,\n { \"bottom-end\": true }\n ]\n ]),\n (_unref(extensions).length)\n ? (_openBlock(), _createBlock(_component_NDropdown, {\n key: 0,\n direction: \"end\",\n n: \"sm primary\"\n }, {\n trigger: _withCtx(({ click }) => [\n _withDirectives(_createVNode(_component_NButton, {\n icon: \"carbon-filter\",\n border: false,\n title: \"Filter\",\n p3: \"\",\n \"text-lg\": \"\",\n onClick: ($event: any) => (click())\n }, null, 8, [\"onClick\"]), [\n [\n _directive_tooltip,\n 'Filter',\n void 0,\n { \"bottom-end\": true }\n ]\n ]),\n _createVNode(\"span\", {\n flex: \"~ items-center justify-center\",\n absolute: \"\",\n \"bottom--1\": \"\",\n \"right--1\": \"\",\n \"h-4\": \"\",\n \"w-4\": \"\",\n \"rounded-full\": \"\",\n \"bg-primary:30\": \"\",\n \"text-8px\": \"\"\n }, _toDisplayString(_unref(extensions).length), 1)\n ]),\n default: _withCtx(() => [\n _createVNode(\"div\", {\n flex: \"~ col\",\n \"w-30\": \"\",\n \"of-auto\": \"\"\n }, [\n (_openBlock(true), _createBlock(_Fragment, null, _renderList(_unref(extensions), (item) => {\n return (_openBlock(), _createBlock(_component_NCheckbox, {\n key: item.name,\n modelValue: item.value,\n \"onUpdate:modelValue\": ($event: any) => ((item.value) = $event),\n flex: \"~ gap-2\",\n rounded: \"\",\n px2: \"\",\n py2: \"\"\n }, {\n default: _withCtx(() => [\n _createVNode(\"span\", {\n \"text-xs\": \"\",\n op75: \"\"\n }, _toDisplayString(item.name), 1)\n ]),\n _: 2\n }, 1032, [\"modelValue\", \"onUpdate:modelValue\"]))\n }), 128))\n ])\n ]),\n _: 1\n }))\n : _createCommentVNode(\"\", true),\n _withDirectives(_createVNode(_component_NButton, {\n \"text-lg\": \"\",\n border: false,\n icon: _unref(view) === 'grid' ? 'i-carbon-list' : 'i-carbon-grid',\n title: \"Toggle view\",\n onClick: toggleView\n }, null, 8, [\"icon\"]), [\n [\n _directive_tooltip,\n 'Toggle View',\n void 0,\n { \"bottom-end\": true }\n ]\n ])\n ])\n ]\n }\n }),\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<div op50${_scopeId}>`)\n if (search.value) {\n _push(`<span${\n _scopeId\n }>${\n _ssrInterpolate(filtered.value.length)\n } matched · </span>`)\n } else {\n _push(`<!---->`)\n }\n _push(`<span${\n _scopeId\n }>${\n _ssrInterpolate(_unref(assets)?.length)\n } assets in total</span></div>`)\n } else {\n return [\n _createVNode(\"div\", { op50: \"\" }, [\n (search.value)\n ? (_openBlock(), _createBlock(\"span\", { key: 0 }, _toDisplayString(filtered.value.length) + \" matched · \", 1))\n : _createCommentVNode(\"\", true),\n _createVNode(\"span\", null, _toDisplayString(_unref(assets)?.length) + \" assets in total\", 1)\n ])\n ]\n }\n }),\n _: 1\n }, _parent))\n _push(_ssrRenderComponent(_component_AssetDropZone, {\n modelValue: dropzone.value,\n \"onUpdate:modelValue\": ($event: any) => ((dropzone).value = $event),\n folder: \"/\"\n }, null, _parent))\n if (_unref(view) === 'grid') {\n _push(`<!--[-->`)\n if (byFolders.value.length > 1) {\n _push(`<!--[-->`)\n _ssrRenderList(byFolders.value, ([folder, items]) => {\n _push(_ssrRenderComponent(_component_NSectionBlock, {\n key: folder,\n text: folder,\n description: `${items.length} items`,\n open: items.length <= _unref(DETAILS_MAX_ITEMS),\n padding: false\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<div mt--4 px2 grid=\"~ cols-minmax-8rem\"${_scopeId}><!--[-->`)\n _ssrRenderList(items, (a) => {\n _push(_ssrRenderComponent(_component_AssetGridItem, {\n key: a.path,\n asset: a,\n folder: folder,\n onClick: ($event: any) => (selected.value = a)\n }, null, _parent, _scopeId))\n })\n _push(`<!--]--></div>`)\n } else {\n return [\n _createVNode(\"div\", {\n \"mt--4\": \"\",\n px2: \"\",\n grid: \"~ cols-minmax-8rem\"\n }, [\n (_openBlock(true), _createBlock(_Fragment, null, _renderList(items, (a) => {\n return (_openBlock(), _createBlock(_component_AssetGridItem, {\n key: a.path,\n asset: a,\n folder: folder,\n onClick: ($event: any) => (selected.value = a)\n }, null, 8, [\"asset\", \"folder\", \"onClick\"]))\n }), 128))\n ])\n ]\n }\n }),\n _: 2\n }, _parent))\n })\n _push(`<!--]-->`)\n } else {\n _push(`<div p2 grid=\"~ cols-minmax-8rem\"><!--[-->`)\n _ssrRenderList(filtered.value, (a) => {\n _push(_ssrRenderComponent(_component_AssetGridItem, {\n key: a.path,\n asset: a,\n onClick: ($event: any) => (selected.value = a)\n }, null, _parent))\n })\n _push(`<!--]--></div>`)\n }\n _push(`<!--]-->`)\n } else {\n _push(`<div><!--[-->`)\n _ssrRenderList(byTree.value, (item, key) => {\n _push(_ssrRenderComponent(_component_AssetListItem, {\n key: key,\n modelValue: selected.value,\n \"onUpdate:modelValue\": ($event: any) => ((selected).value = $event),\n item: item\n }, null, _parent))\n })\n _push(`<!--]--></div>`)\n }\n _push(_ssrRenderComponent(_component_NDrawer, {\n \"model-value\": !!selected.value,\n \"auto-close\": \"\",\n \"w-120\": \"\",\n top: navbar.value,\n onClose: ($event: any) => (selected.value = undefined)\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n if (selected.value) {\n _push(_ssrRenderComponent(_component_AssetDetails, {\n modelValue: selected.value,\n \"onUpdate:modelValue\": ($event: any) => ((selected).value = $event)\n }, null, _parent, _scopeId))\n } else {\n _push(`<!---->`)\n }\n } else {\n return [\n (selected.value)\n ? (_openBlock(), _createBlock(_component_AssetDetails, {\n key: 0,\n modelValue: selected.value,\n \"onUpdate:modelValue\": ($event: any) => ((selected).value = $event)\n }, null, 8, [\"modelValue\", \"onUpdate:modelValue\"]))\n : _createCommentVNode(\"\", true)\n ]\n }\n }),\n _: 1\n }, _parent))\n _push(`</div>`)\n}\n}\n\n})","<script setup lang=\"ts\">\nimport type { AssetInfo } from '~/../src/types'\nimport { onKeyDown, reactiveComputed } from '@vueuse/core'\nimport Fuse from 'fuse.js'\nimport { computed, ref } from 'vue'\nimport { definePageMeta } from '#imports'\nimport { DETAILS_MAX_ITEMS } from '~/composables/constants'\nimport { useStaticAssets } from '~/composables/state'\nimport { useDevToolsOptions } from '~/composables/storage-options'\n\ndefinePageMeta({\n icon: 'carbon-image-copy',\n title: 'Assets',\n layout: 'full',\n})\n\nconst assets = useStaticAssets()\nconst dropzone = ref(false)\nconst search = ref('')\n\nconst fuse = computed(() => new Fuse(assets.value || [], {\n keys: [\n 'path',\n ],\n}))\n\nconst extensions = reactiveComputed(() => {\n const results: { name: string, value: boolean }[] = []\n for (const asset of assets.value || []) {\n const ext = asset.path.split('.').pop()\n if (ext && !results.some(e => e.name === ext))\n results.push({ name: ext, value: true })\n }\n return results\n})\n\nconst filtered = computed(() => {\n const result = search.value\n ? fuse.value.search(search.value).map(i => i.item)\n : (assets.value || [])\n return result.filter((asset) => {\n const ext = asset.path.split('.').pop()\n return !ext || extensions.some(e => e.name === ext && e.value)\n })\n})\n\nconst byFolders = computed(() => {\n const result: Record<string, AssetInfo[]> = {}\n for (const asset of filtered.value) {\n const folder = `${asset.path.split('/').slice(0, -1).join('/')}/`\n if (!result[folder])\n result[folder] = []\n result[folder].push(asset)\n }\n return Object.entries(result).sort(([a], [b]) => a.localeCompare(b))\n})\n\nconst byTree = computed(() => {\n const root = { path: 'public', children: [] }\n\n const addToTree = (node: any, pathParts: any, file: AssetInfo) => {\n const [currentPart, ...remainingParts] = pathParts\n\n let child = node.children.find((child: any) => child.path === currentPart)\n if (!child) {\n child = { ...file, path: currentPart, children: [] }\n node.children.push(child)\n }\n\n if (remainingParts.length > 1)\n addToTree(child, remainingParts, file)\n else if (remainingParts.length === 1)\n child.children.push({ ...file, path: remainingParts[0] })\n }\n\n filtered.value.forEach((file) => {\n const pathParts = file.path.split('/').filter(part => part !== '')\n addToTree(root, pathParts, file)\n })\n\n return root.children\n})\n\nconst selected = ref<AssetInfo>()\n\nconst { view } = useDevToolsOptions('assets')\n\nfunction toggleView() {\n view.value = view.value === 'list' ? 'grid' : 'list'\n}\n\nonKeyDown('Escape', () => {\n selected.value = undefined\n})\n\nconst navbar = ref<HTMLElement>()\n</script>\n\n<template>\n <div h-full of-auto>\n <NNavbar ref=\"navbar\" v-model:search=\"search\" pb2>\n <template #actions>\n <div flex-none flex=\"~ gap2 items-center\" text-lg>\n <NButton\n v-tooltip.bottom-end=\"'File Upload'\"\n icon=\"carbon:cloud-upload\"\n title=\"File Upload\" :border=\"false\"\n @click=\"dropzone = !dropzone\"\n />\n <NDropdown v-if=\"extensions.length\" direction=\"end\" n=\"sm primary\">\n <template #trigger=\"{ click }\">\n <NButton\n v-tooltip.bottom-end=\"'Filter'\"\n icon=\"carbon-filter\" :border=\"false\"\n title=\"Filter\" p3 text-lg\n @click=\"click()\"\n />\n <span flex=\"~ items-center justify-center\" absolute bottom--1 right--1 h-4 w-4 rounded-full bg-primary:30 text-8px>\n {{ extensions.length }}\n </span>\n </template>\n <div flex=\"~ col\" w-30 of-auto>\n <NCheckbox\n v-for=\"item of extensions\"\n :key=\"item.name\"\n v-model=\"item.value\"\n flex=\"~ gap-2\"\n rounded\n px2 py2\n >\n <span text-xs op75>\n {{ item.name }}\n </span>\n </NCheckbox>\n </div>\n </NDropdown>\n <NButton\n v-tooltip.bottom-end=\"'Toggle View'\"\n text-lg :border=\"false\"\n :icon=\"view === 'grid' ? 'i-carbon-list' : 'i-carbon-grid'\"\n title=\"Toggle view\"\n @click=\"toggleView\"\n />\n </div>\n </template>\n <div op50>\n <span v-if=\"search\">{{ filtered.length }} matched · </span>\n <span>{{ assets?.length }} assets in total</span>\n </div>\n </NNavbar>\n\n <AssetDropZone v-model=\"dropzone\" folder=\"/\" />\n\n <template v-if=\"view === 'grid'\">\n <template v-if=\"byFolders.length > 1\">\n <NSectionBlock\n v-for=\"[folder, items] of byFolders\"\n :key=\"folder\"\n :text=\"folder\"\n :description=\"`${items.length} items`\"\n :open=\"items.length <= DETAILS_MAX_ITEMS\"\n :padding=\"false\"\n >\n <div mt--4 px2 grid=\"~ cols-minmax-8rem\">\n <AssetGridItem v-for=\"a of items\" :key=\"a.path\" :asset=\"a\" :folder=\"folder\" @click=\"selected = a\" />\n </div>\n </NSectionBlock>\n </template>\n <div v-else p2 grid=\"~ cols-minmax-8rem\">\n <AssetGridItem v-for=\"a of filtered\" :key=\"a.path\" :asset=\"a\" @click=\"selected = a\" />\n </div>\n </template>\n <div v-else>\n <AssetListItem\n v-for=\"item, key of byTree\" :key=\"key\"\n v-model=\"selected\"\n :item=\"item\"\n />\n </div>\n <NDrawer\n :model-value=\"!!selected\"\n auto-close w-120\n :top=\"navbar\"\n @close=\"selected = undefined\"\n >\n <AssetDetails v-if=\"selected\" v-model=\"selected\" />\n </NDrawer>\n </div>\n</template>\n\n<style>\nimg {\n -webkit-user-drag: none;\n -khtml-user-drag: none;\n -moz-user-drag: none;\n -o-user-drag: none;\n user-drag: none;\n}\n</style>\n"],"version":3}
package/dist/_nuxt/client-r5qP-99Q.js.map.json ADDED
@@ -0,0 +1 @@
1
+ {"file":"client-r5qP-99Q.js","mappings":";;AAKA,IAAI;AAEJ,IAAM,MAAM,CAAC;AAEb,SAAgB,0BAA0B,IAAgD;CACxF,IAAI,KAAK,EAAE;AA8Bb;AA0BA,SAAgB,oBAAoB;CAClC,IAAI,CAAC,WAAW;EACd,YAAY,WAAiD;EAE7D,0BAA0B,KAAK;CACjC;CAEA,SAAS,qBAAqB;EAC5B,IAAI,WACF,WAAW,SAAS;CAExB;CAEA,SAAS,MAAM,QAAkC;EAC/C,UAAW,QAAQ;EACnB,IAAI,OAAO,MACT,OAAO,KAAK,MAAM,KAAK,0BAA0B,kBAAkB;CACvE;CAEA,OAAO;AACT;;;AClFA,IAAa,iBAA4D,kBAAkB","names":[],"sources":["../../../../../../../../../../devtools-kit/src/runtime/iframe-client.ts","../../../../../../../../../../devtools-ui-kit/src/runtime/client.ts"],"sourcesContent":["import type { DevToolsRpcClient } from '@vitejs/devtools-kit/client'\nimport type { Ref } from 'vue'\nimport type { NuxtDevtoolsIframeClient } from '../types'\nimport { shallowRef, triggerRef } from 'vue'\n\nlet clientRef: Ref<NuxtDevtoolsIframeClient | undefined> | undefined\nconst hasSetup = false\nconst fns = [] as ((client: NuxtDevtoolsIframeClient) => void)[]\n\nexport function onDevtoolsClientConnected(fn: (client: NuxtDevtoolsIframeClient) => void) {\n fns.push(fn)\n\n if (hasSetup)\n return\n\n if (typeof window === 'undefined')\n return\n\n // eslint-disable-next-line ts/ban-ts-comment\n // @ts-ignore injection\n if (window.__NUXT_DEVTOOLS__) {\n // eslint-disable-next-line ts/ban-ts-comment\n // @ts-ignore injection\n fns.forEach(fn => fn(window.__NUXT_DEVTOOLS__))\n }\n\n Object.defineProperty(window, '__NUXT_DEVTOOLS__', {\n set(value) {\n if (value)\n fns.forEach(fn => fn(value))\n },\n get() {\n return clientRef!.value\n },\n configurable: true,\n })\n\n return () => {\n fns.splice(fns.indexOf(fn), 1)\n }\n}\n\n/**\n * Run a callback once the Vite DevTools client is ready, receiving the connected\n * `DevToolsRpcClient` — the client-side mirror of the server's\n * `onDevtoolsReady((ctx) => …)`.\n *\n * This is the recommended way to do client-side DevTools integration (register\n * client RPC functions, call server functions, shared state, streaming, …):\n *\n * ```ts\n * import { onDevtoolsReady } from '@nuxt/devtools-kit/iframe-client'\n *\n * onDevtoolsReady((kit) => {\n * kit.client.register({ name: 'my-module:on-update', type: 'event', handler })\n * })\n * ```\n */\nexport function onDevtoolsReady(fn: (kit: DevToolsRpcClient) => void) {\n return onDevtoolsClientConnected((client) => {\n const kit = client.devtools.devtoolsKit\n if (kit)\n fn(kit)\n })\n}\n\nexport function useDevtoolsClient() {\n if (!clientRef) {\n clientRef = shallowRef<NuxtDevtoolsIframeClient | undefined>()\n\n onDevtoolsClientConnected(setup)\n }\n\n function onUpdateReactivity() {\n if (clientRef) {\n triggerRef(clientRef)\n }\n }\n\n function setup(client: NuxtDevtoolsIframeClient) {\n clientRef!.value = client\n if (client.host)\n client.host.hooks.hook('host:update:reactivity', onUpdateReactivity)\n }\n\n return clientRef\n}\n","import type { NuxtDevtoolsIframeClient } from '@nuxt/devtools-kit/types'\nimport type { Ref } from 'vue'\nimport { useDevtoolsClient } from '@nuxt/devtools-kit/iframe-client'\n\nexport const devToolsClient: Ref<NuxtDevtoolsIframeClient | undefined> = useDevtoolsClient()\n"],"version":3}
package/dist/_nuxt/color-BL_mIEWV.js.map.json ADDED
@@ -0,0 +1 @@
1
+ {"file":"color-BL_mIEWV.js","mappings":";AAAA,SAAgB,0BAA0B,MAAc,aAAa,IAAI,YAAY,IAAI,UAA2B,GAAG;CACrH,IAAI,OAAO;CACX,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,KAC/B,OAAO,KAAK,WAAW,CAAC,MAAM,QAAQ,KAAK;CAE7C,OAAO,QADG,OAAO,IACA,IAAI,WAAW,KAAK,UAAU,KAAK,QAAQ;AAC9D","names":[],"sources":["../../../../../../../../../../devtools-ui-kit/src/composables/color.ts"],"sourcesContent":["export function getHslColorFromStringHash(name: string, saturation = 65, lightness = 50, opacity: number | string = 1) {\n let hash = 0\n for (let i = 0; i < name.length; i++)\n hash = name.charCodeAt(i) + ((hash << 5) - hash)\n const h = hash % 360\n return `hsla(${h}, ${saturation}%, ${lightness}%, ${opacity})`\n}\n"],"version":3}
package/dist/_nuxt/components-BJnHweOE.js.map.json ADDED
@@ -0,0 +1 @@
1
+ {"file":"components-BJnHweOE.js","mappings":"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","names":[],"sources":["../../../../../../../../components/docs/components.md","../../../../../../../../components/ComponentName.vue?vue&type=script&setup=true&lang.ts","../../../../../../../../components/ComponentName.vue","../../../../../../../../components/ComponentDetails.vue?vue&type=script&setup=true&lang.ts","../../../../../../../../components/ComponentDetails.vue","../../../../../../../../components/ComponentsGraph.vue?vue&type=script&setup=true&lang.ts","../../../../../../../../components/ComponentsGraph.vue","../../../../../../../../components/ComponentItem.vue?vue&type=script&setup=true&lang.ts","../../../../../../../../components/ComponentItem.vue","../../../../../../../../components/ComponentsList.vue?vue&type=script&setup=true&lang.ts","../../../../../../../../components/ComponentsList.vue","../../../../../../../../pages/modules/components.vue?vue&type=script&setup=true&lang.ts","../../../../../../../../pages/modules/components.vue"],"sourcesContent":["# Components\n\nVue Components allow us to split the UI into independent and reusable pieces, and think about each piece in isolation. This is very similar to how we nest native HTML elements, but Vue implements its own component model that allow us to encapsulate custom content and logic in each component.\n\nComponents placed in the components/ directory are automatically registered by Nuxt. They can be used in your templates without importing them.\n\n[Learn more in the documentation](https://nuxt.com/docs/guide/directory-structure/components)\n","import { defineComponent as _defineComponent } from 'vue'\nimport { mergeProps as _mergeProps } from \"vue\"\nimport { ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate } from \"vue/server-renderer\"\n\nimport type { Component } from 'nuxt/schema'\nimport { pascalCase } from 'scule'\nimport { computed } from 'vue'\n\n\nexport default /*@__PURE__*/_defineComponent({\n __name: 'ComponentName',\n __ssrInlineRender: true,\n props: {\n component: {}\n },\n setup(__props: any) {\n\nconst props = __props\n\n// @ts-expect-error types\nconst name = computed(() => props.component.pascalName || pascalCase(props.component.name || props.component.__name || props.component.kebabName || ''))\n\nreturn (_ctx: any,_push: any,_parent: any,_attrs: any) => {\n _push(`<code${\n _ssrRenderAttrs(_mergeProps({\n \"text-sm\": \"\",\n \"font-mono\": \"\"\n }, _attrs))\n }><span mr1 op20>&lt;</span>${\n _ssrInterpolate(name.value)\n }<span ml1 op20>/&gt;</span></code>`)\n}\n}\n\n})","<script setup lang=\"ts\">\nimport type { Component } from 'nuxt/schema'\nimport { pascalCase } from 'scule'\nimport { computed } from 'vue'\n\nconst props = defineProps<{\n component: Component\n}>()\n\n// @ts-expect-error types\nconst name = computed(() => props.component.pascalName || pascalCase(props.component.name || props.component.__name || props.component.kebabName || ''))\n</script>\n\n<template>\n <code text-sm font-mono><span mr1 op20>&lt;</span>{{ name }}<span ml1 op20>/&gt;</span></code>\n</template>\n","import { defineComponent as _defineComponent } from 'vue'\nimport { resolveComponent as _resolveComponent, withCtx as _withCtx, createTextVNode as _createTextVNode, unref as _unref, mergeProps as _mergeProps } from \"vue\"\nimport { ssrRenderComponent as _ssrRenderComponent, ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate, ssrRenderList as _ssrRenderList } from \"vue/server-renderer\"\n\nimport type { Component } from 'nuxt/schema'\nimport { pascalCase } from 'scule'\nimport { computed } from 'vue'\nimport { useCopy } from '~/composables/editor'\n\n\nexport default /*@__PURE__*/_defineComponent({\n __name: 'ComponentDetails',\n __ssrInlineRender: true,\n props: {\n component: {},\n dependencies: {},\n dependents: {}\n },\n setup(__props: any) {\n\nconst props = __props\n\n// @ts-expect-error types\nconst name = computed(() => props.component.pascalName || pascalCase(props.component.name || props.component.__name || props.component.kebabName || ''))\n// @ts-expect-error types\nconst filePath = computed(() => props.component.filePath || props.component.file || props.component.__file || '')\nconst copy = useCopy()\n\nreturn (_ctx: any,_push: any,_parent: any,_attrs: any) => {\n const _component_ComponentName = _resolveComponent(\"ComponentName\")!\n const _component_NButton = _resolveComponent(\"NButton\")!\n const _component_NBadge = _resolveComponent(\"NBadge\")!\n const _component_FilepathItem = _resolveComponent(\"FilepathItem\")!\n\n _push(`<div${_ssrRenderAttrs(_mergeProps({\n flex: \"~ col gap1\",\n \"items-start\": \"\",\n \"of-hidden\": \"\"\n }, _attrs))}><div flex=\"~ gap2 items-center\" px3>`)\n _push(_ssrRenderComponent(_component_ComponentName, { component: __props.component }, null, _parent))\n if (__props.component.meta?.docs && typeof __props.component.meta.docs === 'string') {\n _push(_ssrRenderComponent(_component_NButton, {\n title: \"Open docs\",\n \"flex-none\": \"\",\n n: \"xs\",\n to: __props.component.meta.docs,\n target: \"_blank\",\n icon: \"carbon-catalog\"\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(` Docs `)\n } else {\n return [\n _createTextVNode(\" Docs \")\n ]\n }\n }),\n _: 1\n }, _parent))\n } else {\n _push(`<!---->`)\n }\n _push(_ssrRenderComponent(_component_NButton, {\n title: \"Copy name\",\n \"flex-none\": \"\",\n n: \"xs\",\n icon: \"carbon-copy\",\n onClick: ($event: any) => (_unref(copy)(`<${name.value}></${name.value}>`, 'component-name'))\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(` Copy `)\n } else {\n return [\n _createTextVNode(\" Copy \")\n ]\n }\n }),\n _: 1\n }, _parent))\n if (__props.component.global) {\n _push(_ssrRenderComponent(_component_NBadge, {\n n: \"green\",\n title: \"Registered at runtime as a global component\"\n }, null, _parent))\n } else {\n _push(`<!---->`)\n }\n _push(`</div><div px3 pb2>`)\n if (filePath.value) {\n _push(_ssrRenderComponent(_component_FilepathItem, {\n filepath: filePath.value,\n \"w-full\": \"\",\n \"text-sm\": \"\",\n op40: \"\",\n \"group-hover:op75\": \"\"\n }, null, _parent))\n } else {\n _push(`<!---->`)\n }\n _push(`</div>`)\n if (__props.dependents) {\n _push(`<div border=\"t base\" max-h-60 w-full of-auto px3 py3><div text-sm><strong text-primary>${_ssrInterpolate(__props.dependents.length)}</strong><span op50> references</span></div>`)\n if (__props.dependents.length) {\n _push(`<div flex=\"~ col gap-2\" items-start pt3 text-sm op75><!--[-->`)\n _ssrRenderList(__props.dependents, (id) => {\n _push(_ssrRenderComponent(_component_FilepathItem, {\n key: id,\n filepath: id\n }, null, _parent))\n })\n _push(`<!--]--></div>`)\n } else {\n _push(`<!---->`)\n }\n _push(`</div>`)\n } else {\n _push(`<!---->`)\n }\n if (__props.dependencies) {\n _push(`<div border=\"t base\" max-h-60 w-full of-auto px3 py3><div text-sm><strong text-primary>${_ssrInterpolate(__props.dependencies.length)}</strong><span op50> dependencies</span></div>`)\n if (__props.dependencies.length) {\n _push(`<div flex=\"~ col gap-2\" items-start pt3 text-sm op75><!--[-->`)\n _ssrRenderList(__props.dependencies, (id) => {\n _push(_ssrRenderComponent(_component_FilepathItem, {\n key: id,\n filepath: id\n }, null, _parent))\n })\n _push(`<!--]--></div>`)\n } else {\n _push(`<!---->`)\n }\n _push(`</div>`)\n } else {\n _push(`<!---->`)\n }\n _ssrRenderSlot(_ctx.$slots, \"default\", {}, null, _push, _parent)\n _push(`</div>`)\n}\n}\n\n})","<script setup lang=\"ts\">\nimport type { Component } from 'nuxt/schema'\nimport { pascalCase } from 'scule'\nimport { computed } from 'vue'\nimport { useCopy } from '~/composables/editor'\n\nconst props = defineProps<{\n component: Component\n dependencies?: string[]\n dependents?: string[]\n}>()\n\n// @ts-expect-error types\nconst name = computed(() => props.component.pascalName || pascalCase(props.component.name || props.component.__name || props.component.kebabName || ''))\n// @ts-expect-error types\nconst filePath = computed(() => props.component.filePath || props.component.file || props.component.__file || '')\nconst copy = useCopy()\n</script>\n\n<template>\n <div flex=\"~ col gap1\" items-start of-hidden>\n <div flex=\"~ gap2 items-center\" px3>\n <ComponentName :component=\"component\" />\n <NButton\n v-if=\"component.meta?.docs && typeof component.meta.docs === 'string'\"\n title=\"Open docs\" flex-none n=\"xs\"\n :to=\"component.meta.docs\" target=\"_blank\"\n icon=\"carbon-catalog\"\n >\n Docs\n </NButton>\n <NButton\n title=\"Copy name\" flex-none n=\"xs\"\n icon=\"carbon-copy\"\n @click=\"copy(`<${name}></${name}>`, 'component-name')\"\n >\n Copy\n </NButton>\n <NBadge\n v-if=\"component.global\"\n n=\"green\"\n title=\"Registered at runtime as a global component\"\n v-text=\"'runtime'\"\n />\n </div>\n <div px3 pb2>\n <FilepathItem\n v-if=\"filePath\"\n :filepath=\"filePath\"\n w-full text-sm op40 group-hover:op75\n />\n </div>\n\n <div v-if=\"dependents\" border=\"t base\" max-h-60 w-full of-auto px3 py3>\n <div text-sm>\n <strong text-primary>{{ dependents.length }}</strong><span op50> references</span>\n </div>\n <div v-if=\"dependents.length\" flex=\"~ col gap-2\" items-start pt3 text-sm op75>\n <FilepathItem\n v-for=\"id of dependents\" :key=\"id\"\n :filepath=\"id\"\n />\n </div>\n </div>\n\n <div v-if=\"dependencies\" border=\"t base\" max-h-60 w-full of-auto px3 py3>\n <div text-sm>\n <strong text-primary>{{ dependencies.length }}</strong><span op50> dependencies</span>\n </div>\n <div v-if=\"dependencies.length\" flex=\"~ col gap-2\" items-start pt3 text-sm op75>\n <FilepathItem\n v-for=\"id of dependencies\" :key=\"id\"\n :filepath=\"id\"\n />\n </div>\n </div>\n\n <slot />\n </div>\n</template>\n","import { defineComponent as _defineComponent } from 'vue'\nimport { resolveComponent as _resolveComponent, unref as _unref, withCtx as _withCtx, createVNode as _createVNode, isRef as _isRef, createTextVNode as _createTextVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot } from \"vue\"\nimport { ssrRenderComponent as _ssrRenderComponent, ssrRenderSlot as _ssrRenderSlot } from \"vue/server-renderer\"\n\nimport type { Component, NuxtLayout, NuxtPage } from 'nuxt/schema'\nimport type { Data, DataSetNodes, Node, Options } from 'vis-network'\nimport type { ComponentRelationship } from '~/../src/types'\nimport { useDebounce } from '@vueuse/core'\nimport { DataSet } from 'vis-data'\nimport { Network } from 'vis-network'\nimport { computed, onMounted, ref, shallowRef, watch } from 'vue'\nimport { getColorMode } from '~/composables/client'\nimport { useLayouts, useServerConfig, useServerPages } from '~/composables/state'\nimport { useDevToolsOptions } from '../composables/storage-options'\n\n\nexport default /*@__PURE__*/_defineComponent({\n __name: 'ComponentsGraph',\n __ssrInlineRender: true,\n props: {\n components: {},\n relationships: {}\n },\n setup(__props: any) {\n\nconst props = __props\n\nconst container = ref<HTMLElement>()\nconst navbar = ref<HTMLElement>()\nconst colorMode = getColorMode()\n\nconst selected = shallowRef<{\n id: string\n component?: Component\n page?: NuxtPage\n layout?: NuxtLayout\n relationship?: ComponentRelationship\n}>()\n\nconst pages = useServerPages()\nconst config = useServerConfig()\nconst layouts = useLayouts()\n\nconst {\n componentsGraphShowNodeModules: showNodeModules,\n componentsGraphShowGlobalComponents: showGlobalComponents,\n componentsGraphShowPages: showPages,\n componentsGraphShowLayouts: showLayouts,\n componentsGraphShowWorkspace: showWorkspace,\n} = useDevToolsOptions('ui')\n\nconst selectedFilter = ref<ComponentRelationship>()\n\nconst search = ref('')\nconst searchDebounced = useDebounce(search, 300)\n\nconst entries = computed(() => {\n const relations = (props.relationships || [])\n if (selectedFilter.value) {\n const set = new Set<ComponentRelationship>()\n function addToSet(rel?: ComponentRelationship) {\n if (!rel || set.has(rel))\n return\n set.add(rel)\n rel.deps.forEach((dep) => {\n addToSet(relations.find(i => i.id === dep))\n })\n }\n addToSet(selectedFilter.value)\n return [...set]\n }\n return relations\n})\n\nconst data = computed<Data>(() => {\n const nodes: Data['nodes'] = entries.value.map((rel): Node | null => {\n const component = props.components.find(i => i.filePath === rel.id)\n const page = pages.value?.find(i => i.file === rel.id)\n const layout = layouts.value?.find(i => i.file === rel.id)\n\n const group = rel.id.includes('/node_modules/')\n ? 'lib'\n : component\n ? component.global\n ? 'global'\n : 'user'\n : layout\n ? 'layout'\n : page\n ? 'page'\n : 'unknown'\n\n if (!showNodeModules.value && group === 'lib')\n return null\n if (!showPages.value && group === 'page')\n return null\n if (!showLayouts.value && group === 'layout')\n return null\n if (!showWorkspace.value && group === 'user' && config.value && !rel.id.startsWith(config.value.rootDir))\n return null\n if (!showGlobalComponents.value && group === 'global')\n return null\n\n const shape = group === 'layout'\n ? 'hexagon'\n : group === 'page'\n ? 'square'\n : 'dot'\n\n const isGrayedOut = searchDebounced.value && !rel.id.toLowerCase().includes(searchDebounced.value.toLowerCase())\n\n return {\n id: rel.id,\n label: getComponentName(rel.id),\n group,\n shape,\n size: 15 + Math.min(rel.deps.length / 2, 8),\n font: {\n color: isGrayedOut ? '#8885' : (colorMode.value === 'dark' ? 'white' : 'black'),\n },\n color: isGrayedOut ? '#8885' : selectedFilter.value?.id === rel.id ? '#82c742' : undefined,\n // @ts-expect-error additional data\n extra: {\n id: rel.id,\n component,\n page,\n layout,\n relationship: rel,\n },\n }\n }).filter((x): x is Node => !!x)\n\n const edges: Data['edges'] = entries.value.flatMap(rel => rel.deps.map(dep => ({\n from: rel.id,\n to: dep,\n arrows: {\n to: {\n enabled: true,\n scaleFactor: 0.8,\n },\n },\n })))\n\n return {\n nodes: new DataSet(nodes),\n edges,\n }\n})\n\nconst selectedDependencies = computed(() => {\n if (!selected.value?.component)\n return []\n const deps = props.relationships?.find(i => i.id === selected.value?.component?.filePath)?.deps\n return deps?.map(i => props.relationships?.find(j => j.id === i)?.id).filter(Boolean) as string[]\n})\n\nconst selectedDependents = computed(() => {\n if (!selected.value?.component)\n return []\n const deps = props.relationships?.filter(i => i.deps.includes(selected.value!.component!.filePath!))\n return deps?.map(i => props.relationships?.find(j => j.id === i.id)?.id).filter(Boolean) as string[]\n})\n\nonMounted(() => {\n const options: Options = {\n nodes: {\n shape: 'dot',\n size: 16,\n },\n physics: {\n repulsion: {\n centralGravity: 0.7,\n springLength: 100,\n springConstant: 0.01,\n },\n maxVelocity: 146,\n solver: 'forceAtlas2Based',\n timestep: 0.35,\n stabilization: {\n enabled: true,\n iterations: 200,\n },\n },\n groups: {\n user: {\n color: '#42b883',\n },\n unknown: {\n color: '#b86542',\n },\n lib: {\n color: '#b4b842',\n },\n page: {\n color: '#42b2b8',\n },\n layout: {\n color: '#4256b8',\n },\n },\n }\n const network = new Network(container.value!, data.value, options)\n\n network.on('click', (e) => {\n const id = e.nodes?.[0]\n const node = ((data.value.nodes as DataSetNodes).get(id) as any).extra\n selected.value = node\n })\n\n watch(data, () => {\n network.setData(data.value)\n })\n})\n\nfunction onCloseDrawer() {\n selected.value = undefined\n}\n\nconst COMPONENTS_PATH_RE = /.*\\/components\\//\nconst VUE_EXT_RE = /\\.vue$/\nconst INDEX_SUFFIX_RE = /\\/index$/\n\nfunction getComponentName(path: string) {\n const component = props.components.find(i => i.filePath === path)\n if (component)\n return component.pascalName\n return path\n .replace(COMPONENTS_PATH_RE, '')\n .replace(VUE_EXT_RE, '')\n .replace(INDEX_SUFFIX_RE, '')\n .split('/')\n .map(part => part.charAt(0).toUpperCase() + part.slice(1))\n .join('')\n}\n\nfunction setFilter() {\n selectedFilter.value = selected.value?.relationship\n selected.value = undefined\n}\n\nreturn (_ctx: any,_push: any,_parent: any,_attrs: any) => {\n const _component_NNavbar = _resolveComponent(\"NNavbar\")!\n const _component_NCheckbox = _resolveComponent(\"NCheckbox\")!\n const _component_NCard = _resolveComponent(\"NCard\")!\n const _component_NDrawer = _resolveComponent(\"NDrawer\")!\n const _component_ComponentDetails = _resolveComponent(\"ComponentDetails\")!\n const _component_NButton = _resolveComponent(\"NButton\")!\n\n _push(`<!--[-->`)\n _push(_ssrRenderComponent(_component_NNavbar, {\n ref_key: \"navbar\",\n ref: navbar,\n search: search.value,\n \"onUpdate:search\": ($event: any) => ((search).value = $event),\n absolute: \"\",\n \"left-0\": \"\",\n \"right-0\": \"\",\n \"top-0\": \"\"\n }, {\n actions: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<div flex=\"~ gap-x-3 gap-y-1 wrap\" w-full${_scopeId}>`)\n _push(_ssrRenderComponent(_component_NCheckbox, {\n modelValue: _unref(showPages),\n \"onUpdate:modelValue\": ($event: any) => (_isRef(showPages) ? (showPages).value = $event : null),\n n: \"primary sm\"\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<span op75${_scopeId}>Show pages</span>`)\n } else {\n return [\n _createVNode(\"span\", { op75: \"\" }, \"Show pages\")\n ]\n }\n }),\n _: 1\n }, _parent, _scopeId))\n _push(_ssrRenderComponent(_component_NCheckbox, {\n modelValue: _unref(showLayouts),\n \"onUpdate:modelValue\": ($event: any) => (_isRef(showLayouts) ? (showLayouts).value = $event : null),\n n: \"primary sm\"\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<span op75${_scopeId}>Show layouts</span>`)\n } else {\n return [\n _createVNode(\"span\", { op75: \"\" }, \"Show layouts\")\n ]\n }\n }),\n _: 1\n }, _parent, _scopeId))\n _push(_ssrRenderComponent(_component_NCheckbox, {\n modelValue: _unref(showWorkspace),\n \"onUpdate:modelValue\": ($event: any) => (_isRef(showWorkspace) ? (showWorkspace).value = $event : null),\n n: \"primary sm\"\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<span op75${_scopeId}>Show workspace</span>`)\n } else {\n return [\n _createVNode(\"span\", { op75: \"\" }, \"Show workspace\")\n ]\n }\n }),\n _: 1\n }, _parent, _scopeId))\n _push(_ssrRenderComponent(_component_NCheckbox, {\n modelValue: _unref(showNodeModules),\n \"onUpdate:modelValue\": ($event: any) => (_isRef(showNodeModules) ? (showNodeModules).value = $event : null),\n n: \"primary sm\"\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<span op75${_scopeId}>Show node_modules</span>`)\n } else {\n return [\n _createVNode(\"span\", { op75: \"\" }, \"Show node_modules\")\n ]\n }\n }),\n _: 1\n }, _parent, _scopeId))\n _push(_ssrRenderComponent(_component_NCheckbox, {\n modelValue: _unref(showGlobalComponents),\n \"onUpdate:modelValue\": ($event: any) => (_isRef(showGlobalComponents) ? (showGlobalComponents).value = $event : null),\n n: \"primary sm\"\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<span op75${_scopeId}>Show global components</span>`)\n } else {\n return [\n _createVNode(\"span\", { op75: \"\" }, \"Show global components\")\n ]\n }\n }),\n _: 1\n }, _parent, _scopeId))\n _push(`</div>`)\n if (selectedFilter.value) {\n _push(`<button flex=\"~ gap-1\" flex-none items-center rounded-full bg-gray:20 py1 pl3 pr2 text-xs op50 hover:op100${\n _scopeId\n }> Clear filter <div i-carbon-close${\n _scopeId\n }></div></button>`)\n } else {\n _push(`<!---->`)\n }\n _push(`<div flex-auto${_scopeId}></div>`)\n _ssrRenderSlot(_ctx.$slots, \"default\", {}, null, _push, _parent, _scopeId)\n } else {\n return [\n _createVNode(\"div\", {\n flex: \"~ gap-x-3 gap-y-1 wrap\",\n \"w-full\": \"\"\n }, [\n _createVNode(_component_NCheckbox, {\n modelValue: _unref(showPages),\n \"onUpdate:modelValue\": ($event: any) => (_isRef(showPages) ? (showPages).value = $event : null),\n n: \"primary sm\"\n }, {\n default: _withCtx(() => [\n _createVNode(\"span\", { op75: \"\" }, \"Show pages\")\n ]),\n _: 1\n }, 8, [\"modelValue\", \"onUpdate:modelValue\"]),\n _createVNode(_component_NCheckbox, {\n modelValue: _unref(showLayouts),\n \"onUpdate:modelValue\": ($event: any) => (_isRef(showLayouts) ? (showLayouts).value = $event : null),\n n: \"primary sm\"\n }, {\n default: _withCtx(() => [\n _createVNode(\"span\", { op75: \"\" }, \"Show layouts\")\n ]),\n _: 1\n }, 8, [\"modelValue\", \"onUpdate:modelValue\"]),\n _createVNode(_component_NCheckbox, {\n modelValue: _unref(showWorkspace),\n \"onUpdate:modelValue\": ($event: any) => (_isRef(showWorkspace) ? (showWorkspace).value = $event : null),\n n: \"primary sm\"\n }, {\n default: _withCtx(() => [\n _createVNode(\"span\", { op75: \"\" }, \"Show workspace\")\n ]),\n _: 1\n }, 8, [\"modelValue\", \"onUpdate:modelValue\"]),\n _createVNode(_component_NCheckbox, {\n modelValue: _unref(showNodeModules),\n \"onUpdate:modelValue\": ($event: any) => (_isRef(showNodeModules) ? (showNodeModules).value = $event : null),\n n: \"primary sm\"\n }, {\n default: _withCtx(() => [\n _createVNode(\"span\", { op75: \"\" }, \"Show node_modules\")\n ]),\n _: 1\n }, 8, [\"modelValue\", \"onUpdate:modelValue\"]),\n _createVNode(_component_NCheckbox, {\n modelValue: _unref(showGlobalComponents),\n \"onUpdate:modelValue\": ($event: any) => (_isRef(showGlobalComponents) ? (showGlobalComponents).value = $event : null),\n n: \"primary sm\"\n }, {\n default: _withCtx(() => [\n _createVNode(\"span\", { op75: \"\" }, \"Show global components\")\n ]),\n _: 1\n }, 8, [\"modelValue\", \"onUpdate:modelValue\"])\n ]),\n (selectedFilter.value)\n ? (_openBlock(), _createBlock(\"button\", {\n key: 0,\n flex: \"~ gap-1\",\n \"flex-none\": \"\",\n \"items-center\": \"\",\n \"rounded-full\": \"\",\n \"bg-gray:20\": \"\",\n py1: \"\",\n pl3: \"\",\n pr2: \"\",\n \"text-xs\": \"\",\n op50: \"\",\n \"hover:op100\": \"\",\n onClick: ($event: any) => (selectedFilter.value = undefined)\n }, [\n _createTextVNode(\" Clear filter \"),\n _createVNode(\"div\", { \"i-carbon-close\": \"\" })\n ], 8, [\"onClick\"]))\n : _createCommentVNode(\"\", true),\n _createVNode(\"div\", { \"flex-auto\": \"\" }),\n _renderSlot(_ctx.$slots, \"default\")\n ]\n }\n }),\n _: 3\n }, _parent))\n _push(`<div relative h-full w-full><div h-full w-full></div>`)\n _push(_ssrRenderComponent(_component_NCard, {\n absolute: \"\",\n \"bottom-3\": \"\",\n \"left-3\": \"\",\n \"border-0\": \"\",\n \"n-glass-effect\": \"\",\n p2: \"\",\n px3: \"\",\n \"text-sm\": \"\"\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<div grid=\"~ cols-[20px_1fr] items-center gap-y-1\"${\n _scopeId\n }><div h-3 w-3 rounded-full bg-hex-42b883${\n _scopeId\n }></div><div op50${\n _scopeId\n }> Component </div><div h-3 w-3 rounded-full bg-hex-97c2fc${\n _scopeId\n }></div><div op50${\n _scopeId\n }> Global Component </div><div h-3 w-3 bg-hex-42b2b8${\n _scopeId\n }></div><div op50${\n _scopeId\n }> Page </div><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 726 628\" ml--1px h-3${\n _scopeId\n }><path fill=\"#4256b8\" stroke-width=\"4\" d=\"M723 314 543 625.8H183L3 314 183 2.2h360L723 314z\"${\n _scopeId\n }></path></svg><div op50${\n _scopeId\n }> Layout </div><div h-3 w-3 rounded-full bg-hex-b4b842${\n _scopeId\n }></div><div op50${\n _scopeId\n }> Library Component </div><div h-3 w-3 rounded-full bg-hex-b86542${\n _scopeId\n }></div><div op50${\n _scopeId\n }> Unknown </div></div>`)\n } else {\n return [\n _createVNode(\"div\", { grid: \"~ cols-[20px_1fr] items-center gap-y-1\" }, [\n _createVNode(\"div\", {\n \"h-3\": \"\",\n \"w-3\": \"\",\n \"rounded-full\": \"\",\n \"bg-hex-42b883\": \"\"\n }),\n _createVNode(\"div\", { op50: \"\" }, \" Component \"),\n _createVNode(\"div\", {\n \"h-3\": \"\",\n \"w-3\": \"\",\n \"rounded-full\": \"\",\n \"bg-hex-97c2fc\": \"\"\n }),\n _createVNode(\"div\", { op50: \"\" }, \" Global Component \"),\n _createVNode(\"div\", {\n \"h-3\": \"\",\n \"w-3\": \"\",\n \"bg-hex-42b2b8\": \"\"\n }),\n _createVNode(\"div\", { op50: \"\" }, \" Page \"),\n (_openBlock(), _createBlock(\"svg\", {\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 726 628\",\n \"ml--1px\": \"\",\n \"h-3\": \"\"\n }, [\n _createVNode(\"path\", {\n fill: \"#4256b8\",\n \"stroke-width\": \"4\",\n d: \"M723 314 543 625.8H183L3 314 183 2.2h360L723 314z\"\n })\n ])),\n _createVNode(\"div\", { op50: \"\" }, \" Layout \"),\n _createVNode(\"div\", {\n \"h-3\": \"\",\n \"w-3\": \"\",\n \"rounded-full\": \"\",\n \"bg-hex-b4b842\": \"\"\n }),\n _createVNode(\"div\", { op50: \"\" }, \" Library Component \"),\n _createVNode(\"div\", {\n \"h-3\": \"\",\n \"w-3\": \"\",\n \"rounded-full\": \"\",\n \"bg-hex-b86542\": \"\"\n }),\n _createVNode(\"div\", { op50: \"\" }, \" Unknown \")\n ])\n ]\n }\n }),\n _: 1\n }, _parent))\n _push(_ssrRenderComponent(_component_NDrawer, {\n \"model-value\": !!(selected.value && selected.value.component),\n top: navbar.value,\n border: \"t l base\",\n \"w-80\": \"\",\n onClose: onCloseDrawer\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n if (selected.value && selected.value.component) {\n _push(`<div py4 pt3 flex=\"~ col\"${_scopeId}>`)\n _push(_ssrRenderComponent(_component_ComponentDetails, {\n component: selected.value.component,\n dependencies: selectedDependencies.value,\n dependents: selectedDependents.value\n }, null, _parent, _scopeId))\n _push(`<div border=\"t base\" p4${_scopeId}>`)\n _push(_ssrRenderComponent(_component_NButton, {\n n: \"primary solid\",\n onClick: ($event: any) => (setFilter())\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(` Filter to this component `)\n } else {\n return [\n _createTextVNode(\" Filter to this component \")\n ]\n }\n }),\n _: 1\n }, _parent, _scopeId))\n _push(`</div></div>`)\n } else {\n _push(`<!---->`)\n }\n } else {\n return [\n (selected.value && selected.value.component)\n ? (_openBlock(), _createBlock(\"div\", {\n key: 0,\n py4: \"\",\n pt3: \"\",\n flex: \"~ col\"\n }, [\n _createVNode(_component_ComponentDetails, {\n component: selected.value.component,\n dependencies: selectedDependencies.value,\n dependents: selectedDependents.value\n }, null, 8, [\"component\", \"dependencies\", \"dependents\"]),\n _createVNode(\"div\", {\n border: \"t base\",\n p4: \"\"\n }, [\n _createVNode(_component_NButton, {\n n: \"primary solid\",\n onClick: ($event: any) => (setFilter())\n }, {\n default: _withCtx(() => [\n _createTextVNode(\" Filter to this component \")\n ]),\n _: 1\n }, 8, [\"onClick\"])\n ])\n ]))\n : _createCommentVNode(\"\", true)\n ]\n }\n }),\n _: 1\n }, _parent))\n _push(`</div><!--]-->`)\n}\n}\n\n})","<script setup lang=\"ts\">\nimport type { Component, NuxtLayout, NuxtPage } from 'nuxt/schema'\nimport type { Data, DataSetNodes, Node, Options } from 'vis-network'\nimport type { ComponentRelationship } from '~/../src/types'\nimport { useDebounce } from '@vueuse/core'\nimport { DataSet } from 'vis-data'\nimport { Network } from 'vis-network'\nimport { computed, onMounted, ref, shallowRef, watch } from 'vue'\nimport { getColorMode } from '~/composables/client'\nimport { useLayouts, useServerConfig, useServerPages } from '~/composables/state'\nimport { useDevToolsOptions } from '../composables/storage-options'\n\nconst props = defineProps<{\n components: Component[]\n relationships?: ComponentRelationship[] | null\n}>()\n\nconst container = ref<HTMLElement>()\nconst navbar = ref<HTMLElement>()\nconst colorMode = getColorMode()\n\nconst selected = shallowRef<{\n id: string\n component?: Component\n page?: NuxtPage\n layout?: NuxtLayout\n relationship?: ComponentRelationship\n}>()\n\nconst pages = useServerPages()\nconst config = useServerConfig()\nconst layouts = useLayouts()\n\nconst {\n componentsGraphShowNodeModules: showNodeModules,\n componentsGraphShowGlobalComponents: showGlobalComponents,\n componentsGraphShowPages: showPages,\n componentsGraphShowLayouts: showLayouts,\n componentsGraphShowWorkspace: showWorkspace,\n} = useDevToolsOptions('ui')\n\nconst selectedFilter = ref<ComponentRelationship>()\n\nconst search = ref('')\nconst searchDebounced = useDebounce(search, 300)\n\nconst entries = computed(() => {\n const relations = (props.relationships || [])\n if (selectedFilter.value) {\n const set = new Set<ComponentRelationship>()\n function addToSet(rel?: ComponentRelationship) {\n if (!rel || set.has(rel))\n return\n set.add(rel)\n rel.deps.forEach((dep) => {\n addToSet(relations.find(i => i.id === dep))\n })\n }\n addToSet(selectedFilter.value)\n return [...set]\n }\n return relations\n})\n\nconst data = computed<Data>(() => {\n const nodes: Data['nodes'] = entries.value.map((rel): Node | null => {\n const component = props.components.find(i => i.filePath === rel.id)\n const page = pages.value?.find(i => i.file === rel.id)\n const layout = layouts.value?.find(i => i.file === rel.id)\n\n const group = rel.id.includes('/node_modules/')\n ? 'lib'\n : component\n ? component.global\n ? 'global'\n : 'user'\n : layout\n ? 'layout'\n : page\n ? 'page'\n : 'unknown'\n\n if (!showNodeModules.value && group === 'lib')\n return null\n if (!showPages.value && group === 'page')\n return null\n if (!showLayouts.value && group === 'layout')\n return null\n if (!showWorkspace.value && group === 'user' && config.value && !rel.id.startsWith(config.value.rootDir))\n return null\n if (!showGlobalComponents.value && group === 'global')\n return null\n\n const shape = group === 'layout'\n ? 'hexagon'\n : group === 'page'\n ? 'square'\n : 'dot'\n\n const isGrayedOut = searchDebounced.value && !rel.id.toLowerCase().includes(searchDebounced.value.toLowerCase())\n\n return {\n id: rel.id,\n label: getComponentName(rel.id),\n group,\n shape,\n size: 15 + Math.min(rel.deps.length / 2, 8),\n font: {\n color: isGrayedOut ? '#8885' : (colorMode.value === 'dark' ? 'white' : 'black'),\n },\n color: isGrayedOut ? '#8885' : selectedFilter.value?.id === rel.id ? '#82c742' : undefined,\n // @ts-expect-error additional data\n extra: {\n id: rel.id,\n component,\n page,\n layout,\n relationship: rel,\n },\n }\n }).filter((x): x is Node => !!x)\n\n const edges: Data['edges'] = entries.value.flatMap(rel => rel.deps.map(dep => ({\n from: rel.id,\n to: dep,\n arrows: {\n to: {\n enabled: true,\n scaleFactor: 0.8,\n },\n },\n })))\n\n return {\n nodes: new DataSet(nodes),\n edges,\n }\n})\n\nconst selectedDependencies = computed(() => {\n if (!selected.value?.component)\n return []\n const deps = props.relationships?.find(i => i.id === selected.value?.component?.filePath)?.deps\n return deps?.map(i => props.relationships?.find(j => j.id === i)?.id).filter(Boolean) as string[]\n})\n\nconst selectedDependents = computed(() => {\n if (!selected.value?.component)\n return []\n const deps = props.relationships?.filter(i => i.deps.includes(selected.value!.component!.filePath!))\n return deps?.map(i => props.relationships?.find(j => j.id === i.id)?.id).filter(Boolean) as string[]\n})\n\nonMounted(() => {\n const options: Options = {\n nodes: {\n shape: 'dot',\n size: 16,\n },\n physics: {\n repulsion: {\n centralGravity: 0.7,\n springLength: 100,\n springConstant: 0.01,\n },\n maxVelocity: 146,\n solver: 'forceAtlas2Based',\n timestep: 0.35,\n stabilization: {\n enabled: true,\n iterations: 200,\n },\n },\n groups: {\n user: {\n color: '#42b883',\n },\n unknown: {\n color: '#b86542',\n },\n lib: {\n color: '#b4b842',\n },\n page: {\n color: '#42b2b8',\n },\n layout: {\n color: '#4256b8',\n },\n },\n }\n const network = new Network(container.value!, data.value, options)\n\n network.on('click', (e) => {\n const id = e.nodes?.[0]\n const node = ((data.value.nodes as DataSetNodes).get(id) as any).extra\n selected.value = node\n })\n\n watch(data, () => {\n network.setData(data.value)\n })\n})\n\nfunction onCloseDrawer() {\n selected.value = undefined\n}\n\nconst COMPONENTS_PATH_RE = /.*\\/components\\//\nconst VUE_EXT_RE = /\\.vue$/\nconst INDEX_SUFFIX_RE = /\\/index$/\n\nfunction getComponentName(path: string) {\n const component = props.components.find(i => i.filePath === path)\n if (component)\n return component.pascalName\n return path\n .replace(COMPONENTS_PATH_RE, '')\n .replace(VUE_EXT_RE, '')\n .replace(INDEX_SUFFIX_RE, '')\n .split('/')\n .map(part => part.charAt(0).toUpperCase() + part.slice(1))\n .join('')\n}\n\nfunction setFilter() {\n selectedFilter.value = selected.value?.relationship\n selected.value = undefined\n}\n</script>\n\n<template>\n <NNavbar ref=\"navbar\" v-model:search=\"search\" absolute left-0 right-0 top-0>\n <template #actions>\n <div flex=\"~ gap-x-3 gap-y-1 wrap\" w-full>\n <NCheckbox v-model=\"showPages\" n=\"primary sm\">\n <span op75>Show pages</span>\n </NCheckbox>\n <NCheckbox v-model=\"showLayouts\" n=\"primary sm\">\n <span op75>Show layouts</span>\n </NCheckbox>\n <NCheckbox v-model=\"showWorkspace\" n=\"primary sm\">\n <span op75>Show workspace</span>\n </NCheckbox>\n <NCheckbox v-model=\"showNodeModules\" n=\"primary sm\">\n <span op75>Show node_modules</span>\n </NCheckbox>\n <NCheckbox v-model=\"showGlobalComponents\" n=\"primary sm\">\n <span op75>Show global components</span>\n </NCheckbox>\n </div>\n <button v-if=\"selectedFilter\" flex=\"~ gap-1\" flex-none items-center rounded-full bg-gray:20 py1 pl3 pr2 text-xs op50 hover:op100 @click=\"selectedFilter = undefined\">\n Clear filter <div i-carbon-close />\n </button>\n <div flex-auto />\n <slot />\n </template>\n </NNavbar>\n\n <div relative h-full w-full>\n <div ref=\"container\" h-full w-full />\n <NCard absolute bottom-3 left-3 border-0 n-glass-effect p2 px3 text-sm>\n <div grid=\"~ cols-[20px_1fr] items-center gap-y-1\">\n <div h-3 w-3 rounded-full bg-hex-42b883 />\n <div op50>\n Component\n </div>\n <div h-3 w-3 rounded-full bg-hex-97c2fc />\n <div op50>\n Global Component\n </div>\n <div h-3 w-3 bg-hex-42b2b8 />\n <div op50>\n Page\n </div>\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 726 628\" ml--1px h-3>\n <path fill=\"#4256b8\" stroke-width=\"4\" d=\"M723 314 543 625.8H183L3 314 183 2.2h360L723 314z\" />\n </svg>\n <div op50>\n Layout\n </div>\n <div h-3 w-3 rounded-full bg-hex-b4b842 />\n <div op50>\n Library Component\n </div>\n <div h-3 w-3 rounded-full bg-hex-b86542 />\n <div op50>\n Unknown\n </div>\n </div>\n </NCard>\n <NDrawer\n :model-value=\"!!(selected && selected.component)\"\n :top=\"navbar\"\n border=\"t l base\" w-80\n @close=\"onCloseDrawer\"\n >\n <div v-if=\"selected && selected.component\" py4 pt3 flex=\"~ col\">\n <ComponentDetails\n :component=\"selected.component\"\n :dependencies=\"selectedDependencies\"\n :dependents=\"selectedDependents\"\n />\n <div border=\"t base\" p4>\n <NButton n=\"primary solid\" @click=\"setFilter()\">\n Filter to this component\n </NButton>\n </div>\n </div>\n </NDrawer>\n </div>\n</template>\n","import { defineComponent as _defineComponent } from 'vue'\nimport { resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, mergeProps as _mergeProps } from \"vue\"\nimport { ssrRenderComponent as _ssrRenderComponent, ssrRenderClass as _ssrRenderClass, ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate } from \"vue/server-renderer\"\n\nimport type { Component } from 'nuxt/schema'\nimport { computed } from 'vue'\n\n\nexport default /*@__PURE__*/_defineComponent({\n __name: 'ComponentItem',\n __ssrInlineRender: true,\n props: {\n component: {},\n dependencies: {},\n dependents: {}\n },\n setup(__props: any) {\n\nconst props = __props\n\n// @ts-expect-error types\nconst filePath = computed(() => props.component.filePath || props.component.file || props.component.__file || '')\n\nreturn (_ctx: any,_push: any,_parent: any,_attrs: any) => {\n const _component_VDropdown = _resolveComponent(\"VDropdown\")!\n const _component_ComponentName = _resolveComponent(\"ComponentName\")!\n const _component_ComponentDetails = _resolveComponent(\"ComponentDetails\")!\n const _component_NBadge = _resolveComponent(\"NBadge\")!\n const _component_FilepathItem = _resolveComponent(\"FilepathItem\")!\n\n _push(`<div${_ssrRenderAttrs(_mergeProps({\n hover: \"bg-active\",\n class: \"group\",\n flex: \"~ gap2\",\n \"w-full\": \"\",\n \"items-center\": \"\",\n rounded: \"\",\n px2: \"\",\n py1: \"\"\n }, _attrs))}>`)\n _push(_ssrRenderComponent(_component_VDropdown, null, {\n popper: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(_ssrRenderComponent(_component_ComponentDetails, {\n component: __props.component,\n dependencies: __props.dependencies,\n dependents: __props.dependents,\n \"w-100\": \"\",\n pt3: \"\"\n }, null, _parent, _scopeId))\n } else {\n return [\n _createVNode(_component_ComponentDetails, {\n component: __props.component,\n dependencies: __props.dependencies,\n dependents: __props.dependents,\n \"w-100\": \"\",\n pt3: \"\"\n }, null, 8, [\"component\", \"dependencies\", \"dependents\"])\n ]\n }\n }),\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<button hover:text-primary class=\"${\n _ssrRenderClass(__props.dependents && __props.dependents.length === 0 ? 'op50' : '')\n }\"${\n _scopeId\n }>`)\n _push(_ssrRenderComponent(_component_ComponentName, { component: __props.component }, null, _parent, _scopeId))\n _push(`</button>`)\n } else {\n return [\n _createVNode(\"button\", {\n \"hover:text-primary\": \"\",\n class: __props.dependents && __props.dependents.length === 0 ? 'op50' : ''\n }, [\n _createVNode(_component_ComponentName, { component: __props.component }, null, 8, [\"component\"])\n ], 2)\n ]\n }\n }),\n _: 1\n }, _parent))\n if (__props.dependents?.length) {\n _push(`<sup ml--1 text-primary> x${_ssrInterpolate(__props.dependents?.length)}</sup>`)\n } else {\n _push(`<!---->`)\n }\n if (__props.component.global) {\n _push(_ssrRenderComponent(_component_NBadge, {\n n: \"green\",\n title: \"Registered at runtime as a global component\"\n }, null, _parent))\n } else {\n _push(`<!---->`)\n }\n _ssrRenderSlot(_ctx.$slots, \"default\", {}, null, _push, _parent)\n if (filePath.value) {\n _push(_ssrRenderComponent(_component_FilepathItem, {\n filepath: filePath.value,\n \"text-sm\": \"\",\n op25: \"\",\n \"group-hover:op75\": \"\"\n }, null, _parent))\n } else {\n _push(`<!---->`)\n }\n _push(`</div>`)\n}\n}\n\n})","<script setup lang=\"ts\">\nimport type { Component } from 'nuxt/schema'\nimport { computed } from 'vue'\n\nconst props = defineProps<{\n component: Component\n dependencies?: string[]\n dependents?: string[]\n}>()\n\n// @ts-expect-error types\nconst filePath = computed(() => props.component.filePath || props.component.file || props.component.__file || '')\n</script>\n\n<template>\n <div\n hover=\"bg-active\"\n class=\"group\"\n flex=\"~ gap2\"\n w-full items-center rounded px2 py1\n >\n <VDropdown>\n <button hover:text-primary :class=\"dependents && dependents.length === 0 ? 'op50' : ''\">\n <ComponentName :component=\"component\" />\n </button>\n <template #popper>\n <ComponentDetails\n :component=\"component\"\n :dependencies=\"dependencies\"\n :dependents=\"dependents\"\n w-100 pt3\n />\n </template>\n </VDropdown>\n <sup v-if=\"dependents?.length\" ml--1 text-primary>\n x{{ dependents?.length }}\n </sup>\n <NBadge\n v-if=\"component.global\"\n n=\"green\"\n title=\"Registered at runtime as a global component\"\n v-text=\"'runtime'\"\n />\n <slot />\n <FilepathItem\n v-if=\"filePath\"\n :filepath=\"filePath\"\n text-sm op25 group-hover:op75\n />\n </div>\n</template>\n","import { defineComponent as _defineComponent } from 'vue'\nimport { resolveComponent as _resolveComponent, withCtx as _withCtx, renderSlot as _renderSlot, createVNode as _createVNode, unref as _unref, mergeProps as _mergeProps, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\nimport { ssrRenderSlot as _ssrRenderSlot, ssrRenderComponent as _ssrRenderComponent, ssrRenderList as _ssrRenderList } from \"vue/server-renderer\"\n\nimport type { Component } from 'nuxt/schema'\nimport type { ComponentRelationship, ComponentWithRelationships } from '../../types'\nimport Fuse from 'fuse.js'\nimport { computed, ref } from 'vue'\nimport { DETAILS_MAX_ITEMS } from '~/composables/constants'\nimport { getComponentRelationships, getModuleNameFromPath, isNodeModulePath, isNuxtPackageName } from '~/composables/utils'\n\n\nexport default /*@__PURE__*/_defineComponent({\n __name: 'ComponentsList',\n __ssrInlineRender: true,\n props: {\n components: {},\n relationships: {}\n },\n setup(__props: any) {\n\nconst props = __props\n\nconst search = ref('')\nconst filterMode = ref<'all' | 'using' | 'not-used'>('all')\n\nconst componentWithRelationships = computed(() => {\n const components = props.components\n .map(c => getComponentRelationships(c, props.relationships))\n if (filterMode.value === 'using')\n return components.filter(c => c.dependents?.length)\n else if (filterMode.value === 'not-used')\n return components.filter(c => !c.dependents?.length)\n return components\n})\n\nconst builtinComponentDocs = {\n ClientOnly: 'https://nuxt.com/docs/api/components/client-only',\n DevOnly: 'https://nuxt.com/docs/api/components/dev-only',\n NuxtClientFallback: 'https://nuxt.com/docs/api/components/nuxt-client-fallback',\n NuxtPicture: 'https://nuxt.com/docs/api/components/nuxt-picture',\n NuxtRouteAnnouncer: 'https://nuxt.com/docs/api/components/nuxt-route-announcer',\n NuxtTime: 'https://nuxt.com/docs/api/components/nuxt-time',\n NuxtPage: 'https://nuxt.com/docs/api/components/nuxt-page',\n NuxtLayout: 'https://nuxt.com/docs/api/components/nuxt-layout',\n NuxtLink: 'https://nuxt.com/docs/api/components/nuxt-link',\n NuxtLoadingIndicator: 'https://nuxt.com/docs/api/components/nuxt-loading-indicator',\n NuxtErrorBoundary: 'https://nuxt.com/docs/api/components/nuxt-error-boundary',\n NuxtWelcome: 'https://nuxt.com/docs/api/components/nuxt-welcome',\n NuxtIsland: 'https://nuxt.com/docs/api/components/nuxt-island',\n NuxtImg: 'https://nuxt.com/docs/api/components/nuxt-img',\n}\n\nconst fuse = computed(() => new Fuse(componentWithRelationships.value, {\n keys: [\n 'component.pascalName',\n 'component.filePath',\n 'component.kebabName',\n ],\n}))\n\nconst filtered = computed(() => {\n const user: ComponentWithRelationships[] = []\n const lib = new Map<string, ComponentWithRelationships[]>()\n const builtin: ComponentWithRelationships[] = []\n const runtime: ComponentWithRelationships[] = []\n\n const count = {\n user: 0,\n lib: 0,\n builtin: 0,\n runtime: 0,\n }\n\n const result = search.value\n ? fuse.value.search(search.value).map(i => i.item)\n : componentWithRelationships.value\n\n result\n .forEach((component) => {\n const c = component.component\n if (c.filePath && isNodeModulePath(c.filePath)) {\n const name = getModuleNameFromPath(c.filePath)\n if (!name)\n return\n if (isNuxtPackageName(name)) {\n c.meta ??= {}\n c.meta.docs ??= builtinComponentDocs?.[c.pascalName as keyof typeof builtinComponentDocs]\n builtin.push(component)\n count.builtin++\n }\n else {\n if (!lib.has(name))\n lib.set(name, [])\n lib.get(name)!.push(component)\n count.lib++\n }\n }\n else if (c.global && !c.filePath) {\n runtime.push(component)\n count.runtime++\n }\n else {\n user.push(component)\n count.user++\n }\n })\n\n return {\n count,\n user,\n builtin,\n lib,\n runtime,\n }\n})\n\nreturn (_ctx: any,_push: any,_parent: any,_attrs: any) => {\n const _component_NNavbar = _resolveComponent(\"NNavbar\")!\n const _component_NIcon = _resolveComponent(\"NIcon\")!\n const _component_NSelectTabs = _resolveComponent(\"NSelectTabs\")!\n const _component_NSectionBlock = _resolveComponent(\"NSectionBlock\")!\n const _component_ComponentItem = _resolveComponent(\"ComponentItem\")!\n const _component_NIconTitle = _resolveComponent(\"NIconTitle\")!\n\n _push(`<!--[-->`)\n _push(_ssrRenderComponent(_component_NNavbar, {\n search: search.value,\n \"onUpdate:search\": ($event: any) => ((search).value = $event),\n pb3: \"\"\n }, {\n actions: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _ssrRenderSlot(_ctx.$slots, \"default\", {}, null, _push, _parent, _scopeId)\n } else {\n return [\n _renderSlot(_ctx.$slots, \"default\")\n ]\n }\n }),\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<div flex=\"~ gap-2 items-center\"${_scopeId}>`)\n _push(_ssrRenderComponent(_component_NIcon, {\n icon: \"carbon-filter\",\n op50: \"\"\n }, null, _parent, _scopeId))\n _push(_ssrRenderComponent(_component_NSelectTabs, {\n modelValue: filterMode.value,\n \"onUpdate:modelValue\": ($event: any) => ((filterMode).value = $event),\n n: \"primary sm\",\n options: [\n { label: 'All', value: 'all' },\n { label: 'Using', value: 'using' },\n { label: 'Not used', value: 'not-used' },\n ]\n }, null, _parent, _scopeId))\n _push(`</div>`)\n } else {\n return [\n _createVNode(\"div\", { flex: \"~ gap-2 items-center\" }, [\n _createVNode(_component_NIcon, {\n icon: \"carbon-filter\",\n op50: \"\"\n }),\n _createVNode(_component_NSelectTabs, {\n modelValue: filterMode.value,\n \"onUpdate:modelValue\": ($event: any) => ((filterMode).value = $event),\n n: \"primary sm\",\n options: [\n { label: 'All', value: 'all' },\n { label: 'Using', value: 'using' },\n { label: 'Not used', value: 'not-used' },\n ]\n }, null, 8, [\"modelValue\", \"onUpdate:modelValue\"])\n ])\n ]\n }\n }),\n _: 3\n }, _parent))\n if (filtered.value.user.length) {\n _push(_ssrRenderComponent(_component_NSectionBlock, {\n icon: \"carbon-nominal\",\n text: \"User components\",\n open: filtered.value.user.length <= _unref(DETAILS_MAX_ITEMS),\n description: `Total components: ${filtered.value.count.user}`\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<!--[-->`)\n _ssrRenderList(filtered.value.user, (c) => {\n _push(_ssrRenderComponent(_component_ComponentItem, _mergeProps({\n key: c.component.filePath\n }, { ref_for: true }, c), null, _parent, _scopeId))\n })\n _push(`<!--]-->`)\n } else {\n return [\n (_openBlock(true), _createBlock(_Fragment, null, _renderList(filtered.value.user, (c) => {\n return (_openBlock(), _createBlock(_component_ComponentItem, _mergeProps({\n key: c.component.filePath\n }, { ref_for: true }, c), null, 16))\n }), 128))\n ]\n }\n }),\n _: 1\n }, _parent))\n } else {\n _push(`<!---->`)\n }\n if (filtered.value.runtime.length) {\n _push(_ssrRenderComponent(_component_NSectionBlock, {\n icon: \"carbon-load-balancer-global\",\n open: filtered.value.runtime.length <= _unref(DETAILS_MAX_ITEMS),\n text: \"Runtime components\",\n description: `Total components: ${filtered.value.count.runtime}`\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<!--[-->`)\n _ssrRenderList(filtered.value.runtime, (c) => {\n _push(_ssrRenderComponent(_component_ComponentItem, _mergeProps({\n key: c.component.filePath\n }, { ref_for: true }, c), null, _parent, _scopeId))\n })\n _push(`<!--]-->`)\n } else {\n return [\n (_openBlock(true), _createBlock(_Fragment, null, _renderList(filtered.value.runtime, (c) => {\n return (_openBlock(), _createBlock(_component_ComponentItem, _mergeProps({\n key: c.component.filePath\n }, { ref_for: true }, c), null, 16))\n }), 128))\n ]\n }\n }),\n _: 1\n }, _parent))\n } else {\n _push(`<!---->`)\n }\n if (filtered.value.builtin.length) {\n _push(_ssrRenderComponent(_component_NSectionBlock, {\n icon: \"simple-icons-nuxtdotjs\",\n text: \"Built-in components\",\n description: `Total components: ${filtered.value.count.builtin}`\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<!--[-->`)\n _ssrRenderList(filtered.value.builtin, (c) => {\n _push(_ssrRenderComponent(_component_ComponentItem, _mergeProps({\n key: c.component.filePath\n }, { ref_for: true }, c), null, _parent, _scopeId))\n })\n _push(`<!--]-->`)\n } else {\n return [\n (_openBlock(true), _createBlock(_Fragment, null, _renderList(filtered.value.builtin, (c) => {\n return (_openBlock(), _createBlock(_component_ComponentItem, _mergeProps({\n key: c.component.filePath\n }, { ref_for: true }, c), null, 16))\n }), 128))\n ]\n }\n }),\n _: 1\n }, _parent))\n } else {\n _push(`<!---->`)\n }\n if (filtered.value.lib.size) {\n _push(_ssrRenderComponent(_component_NSectionBlock, {\n open: filtered.value.count.lib <= _unref(DETAILS_MAX_ITEMS),\n icon: \"carbon-3d-mpr-toggle\",\n text: \"Components from libraries\",\n description: `${filtered.value.count.lib} components from ${filtered.value.lib.size} packages`\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<!--[-->`)\n _ssrRenderList(filtered.value.lib.entries(), ([key, value]) => {\n _push(`<div ml-2${_scopeId}>`)\n _push(_ssrRenderComponent(_component_NIconTitle, {\n text: `${key} (${value.length})`,\n py1: \"\",\n op50: \"\"\n }, null, _parent, _scopeId))\n _push(`<div pl4${_scopeId}><!--[-->`)\n _ssrRenderList(value, (c) => {\n _push(_ssrRenderComponent(_component_ComponentItem, _mergeProps({\n key: c.component.filePath\n }, { ref_for: true }, c), null, _parent, _scopeId))\n })\n _push(`<!--]--></div></div>`)\n })\n _push(`<!--]-->`)\n } else {\n return [\n (_openBlock(true), _createBlock(_Fragment, null, _renderList(filtered.value.lib.entries(), ([key, value]) => {\n return (_openBlock(), _createBlock(\"div\", {\n key: key,\n \"ml-2\": \"\"\n }, [\n _createVNode(_component_NIconTitle, {\n text: `${key} (${value.length})`,\n py1: \"\",\n op50: \"\"\n }, null, 8, [\"text\"]),\n _createVNode(\"div\", { pl4: \"\" }, [\n (_openBlock(true), _createBlock(_Fragment, null, _renderList(value, (c) => {\n return (_openBlock(), _createBlock(_component_ComponentItem, _mergeProps({\n key: c.component.filePath\n }, { ref_for: true }, c), null, 16))\n }), 128))\n ])\n ]))\n }), 128))\n ]\n }\n }),\n _: 1\n }, _parent))\n } else {\n _push(`<!---->`)\n }\n _push(`<!--]-->`)\n}\n}\n\n})","<script setup lang=\"ts\">\nimport type { Component } from 'nuxt/schema'\nimport type { ComponentRelationship, ComponentWithRelationships } from '../../types'\nimport Fuse from 'fuse.js'\nimport { computed, ref } from 'vue'\nimport { DETAILS_MAX_ITEMS } from '~/composables/constants'\nimport { getComponentRelationships, getModuleNameFromPath, isNodeModulePath, isNuxtPackageName } from '~/composables/utils'\n\nconst props = defineProps<{\n components: Component[]\n relationships?: ComponentRelationship[] | null\n}>()\n\nconst search = ref('')\nconst filterMode = ref<'all' | 'using' | 'not-used'>('all')\n\nconst componentWithRelationships = computed(() => {\n const components = props.components\n .map(c => getComponentRelationships(c, props.relationships))\n if (filterMode.value === 'using')\n return components.filter(c => c.dependents?.length)\n else if (filterMode.value === 'not-used')\n return components.filter(c => !c.dependents?.length)\n return components\n})\n\nconst builtinComponentDocs = {\n ClientOnly: 'https://nuxt.com/docs/api/components/client-only',\n DevOnly: 'https://nuxt.com/docs/api/components/dev-only',\n NuxtClientFallback: 'https://nuxt.com/docs/api/components/nuxt-client-fallback',\n NuxtPicture: 'https://nuxt.com/docs/api/components/nuxt-picture',\n NuxtRouteAnnouncer: 'https://nuxt.com/docs/api/components/nuxt-route-announcer',\n NuxtTime: 'https://nuxt.com/docs/api/components/nuxt-time',\n NuxtPage: 'https://nuxt.com/docs/api/components/nuxt-page',\n NuxtLayout: 'https://nuxt.com/docs/api/components/nuxt-layout',\n NuxtLink: 'https://nuxt.com/docs/api/components/nuxt-link',\n NuxtLoadingIndicator: 'https://nuxt.com/docs/api/components/nuxt-loading-indicator',\n NuxtErrorBoundary: 'https://nuxt.com/docs/api/components/nuxt-error-boundary',\n NuxtWelcome: 'https://nuxt.com/docs/api/components/nuxt-welcome',\n NuxtIsland: 'https://nuxt.com/docs/api/components/nuxt-island',\n NuxtImg: 'https://nuxt.com/docs/api/components/nuxt-img',\n}\n\nconst fuse = computed(() => new Fuse(componentWithRelationships.value, {\n keys: [\n 'component.pascalName',\n 'component.filePath',\n 'component.kebabName',\n ],\n}))\n\nconst filtered = computed(() => {\n const user: ComponentWithRelationships[] = []\n const lib = new Map<string, ComponentWithRelationships[]>()\n const builtin: ComponentWithRelationships[] = []\n const runtime: ComponentWithRelationships[] = []\n\n const count = {\n user: 0,\n lib: 0,\n builtin: 0,\n runtime: 0,\n }\n\n const result = search.value\n ? fuse.value.search(search.value).map(i => i.item)\n : componentWithRelationships.value\n\n result\n .forEach((component) => {\n const c = component.component\n if (c.filePath && isNodeModulePath(c.filePath)) {\n const name = getModuleNameFromPath(c.filePath)\n if (!name)\n return\n if (isNuxtPackageName(name)) {\n c.meta ??= {}\n c.meta.docs ??= builtinComponentDocs?.[c.pascalName as keyof typeof builtinComponentDocs]\n builtin.push(component)\n count.builtin++\n }\n else {\n if (!lib.has(name))\n lib.set(name, [])\n lib.get(name)!.push(component)\n count.lib++\n }\n }\n else if (c.global && !c.filePath) {\n runtime.push(component)\n count.runtime++\n }\n else {\n user.push(component)\n count.user++\n }\n })\n\n return {\n count,\n user,\n builtin,\n lib,\n runtime,\n }\n})\n</script>\n\n<template>\n <NNavbar v-model:search=\"search\" pb3>\n <template #actions>\n <slot />\n </template>\n <div flex=\"~ gap-2 items-center\">\n <NIcon icon=\"carbon-filter\" op50 />\n <NSelectTabs\n v-model=\"filterMode\"\n n=\"primary sm\"\n :options=\"[\n { label: 'All', value: 'all' },\n { label: 'Using', value: 'using' },\n { label: 'Not used', value: 'not-used' },\n ]\"\n />\n </div>\n </NNavbar>\n <NSectionBlock\n v-if=\"filtered.user.length\"\n icon=\"carbon-nominal\"\n text=\"User components\"\n :open=\"filtered.user.length <= DETAILS_MAX_ITEMS\"\n :description=\"`Total components: ${filtered.count.user}`\"\n >\n <ComponentItem\n v-for=\"c of filtered.user\"\n :key=\"c.component.filePath\"\n v-bind=\"c\"\n />\n </NSectionBlock>\n <NSectionBlock\n v-if=\"filtered.runtime.length\"\n icon=\"carbon-load-balancer-global\"\n :open=\"filtered.runtime.length <= DETAILS_MAX_ITEMS\"\n text=\"Runtime components\"\n :description=\"`Total components: ${filtered.count.runtime}`\"\n >\n <ComponentItem\n v-for=\"c of filtered.runtime\"\n :key=\"c.component.filePath\"\n v-bind=\"c\"\n />\n </NSectionBlock>\n <NSectionBlock\n v-if=\"filtered.builtin.length\"\n icon=\"simple-icons-nuxtdotjs\"\n text=\"Built-in components\"\n :description=\"`Total components: ${filtered.count.builtin}`\"\n >\n <ComponentItem\n v-for=\"c of filtered.builtin\"\n :key=\"c.component.filePath\"\n v-bind=\"c\"\n />\n </NSectionBlock>\n <NSectionBlock\n v-if=\"filtered.lib.size\"\n :open=\"filtered.count.lib <= DETAILS_MAX_ITEMS\"\n icon=\"carbon-3d-mpr-toggle\"\n text=\"Components from libraries\"\n :description=\"`${filtered.count.lib} components from ${filtered.lib.size} packages`\"\n >\n <div v-for=\"[key, value] of filtered.lib.entries()\" :key=\"key\" ml-2>\n <NIconTitle :text=\"`${key} (${value.length})`\" py1 op50 />\n <div pl4>\n <ComponentItem\n v-for=\"c of value\"\n :key=\"c.component.filePath\"\n v-bind=\"c\"\n />\n </div>\n </div>\n </NSectionBlock>\n</template>\n","import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, resolveDynamicComponent as _resolveDynamicComponent, resolveComponent as _resolveComponent, resolveDirective as _resolveDirective, mergeProps as _mergeProps, withCtx as _withCtx, createVNode as _createVNode, withDirectives as _withDirectives, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from \"vue\"\nimport { ssrGetDirectiveProps as _ssrGetDirectiveProps, ssrRenderComponent as _ssrRenderComponent, ssrRenderVNode as _ssrRenderVNode } from \"vue/server-renderer\"\n\nimport { definePageMeta } from '#imports'\nimport ComponentsGraph from '~/components/ComponentsGraph.vue'\nimport ComponentsList from '~/components/ComponentsList.vue'\nimport { useClient } from '~/composables/client'\nimport { useComponents, useComponentsRelationships } from '~/composables/state-components'\nimport { useDevToolsOptions } from '../../composables/storage-options'\n\n\nexport default /*@__PURE__*/_defineComponent({\n __name: 'components',\n __ssrInlineRender: true,\n setup(__props) {\n\ndefinePageMeta({\n icon: 'i-carbon-assembly-cluster',\n title: 'Components',\n order: 2,\n})\n\nconst client = useClient()\nconst components = useComponents()\nconst relationships = useComponentsRelationships()\n\nconst { componentsView: view } = useDevToolsOptions('ui')\n\nfunction openComponentInspector() {\n client.value?.inspector?.enable()\n}\n\nfunction toggleView() {\n view.value = view.value === 'list' ? 'graph' : 'list'\n}\n\nreturn (_ctx: any,_push: any,_parent: any,_attrs: any) => {\n const _component_NButton = _resolveComponent(\"NButton\")!\n const _component_HelpFab = _resolveComponent(\"HelpFab\")!\n const _component_DocsComponents = _resolveComponent(\"DocsComponents\")!\n const _directive_tooltip = _resolveDirective(\"tooltip\")!\n\n _push(`<!--[--><div relative h-full of-auto>`)\n _ssrRenderVNode(_push, _createVNode(_resolveDynamicComponent(_unref(view) === 'list' ? ComponentsList : ComponentsGraph), {\n components: _unref(components),\n relationships: _unref(relationships)\n }, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(`<div flex-none flex=\"~ gap3\"${_scopeId}>`)\n _push(_ssrRenderComponent(_component_NButton, _mergeProps({\n \"text-lg\": \"\",\n border: false,\n icon: _unref(view) === 'graph' ? 'i-carbon-list' : 'i-carbon-network-4',\n title: \"Toggle view\",\n onClick: toggleView\n }, _ssrGetDirectiveProps(_ctx, _directive_tooltip, 'Toggle View', void 0, { \"bottom-end\": true })), null, _parent, _scopeId))\n if (_unref(client)?.inspector?.isAvailable) {\n _push(_ssrRenderComponent(_component_NButton, _mergeProps({\n \"text-lg\": \"\",\n border: false,\n icon: \"i-tabler-focus-2\",\n title: \"Inspect Vue components\",\n onClick: openComponentInspector\n }, _ssrGetDirectiveProps(_ctx, _directive_tooltip, 'Inspect Vue components', void 0, { \"bottom-end\": true })), null, _parent, _scopeId))\n } else {\n _push(`<!---->`)\n }\n _push(`</div>`)\n } else {\n return [\n _createVNode(\"div\", {\n \"flex-none\": \"\",\n flex: \"~ gap3\"\n }, [\n _withDirectives(_createVNode(_component_NButton, {\n \"text-lg\": \"\",\n border: false,\n icon: _unref(view) === 'graph' ? 'i-carbon-list' : 'i-carbon-network-4',\n title: \"Toggle view\",\n onClick: toggleView\n }, null, 8, [\"icon\"]), [\n [\n _directive_tooltip,\n 'Toggle View',\n void 0,\n { \"bottom-end\": true }\n ]\n ]),\n (_unref(client)?.inspector?.isAvailable)\n ? _withDirectives((_openBlock(), _createBlock(_component_NButton, {\n key: 0,\n \"text-lg\": \"\",\n border: false,\n icon: \"i-tabler-focus-2\",\n title: \"Inspect Vue components\",\n onClick: openComponentInspector\n }, null, 512)), [\n [\n _directive_tooltip,\n 'Inspect Vue components',\n void 0,\n { \"bottom-end\": true }\n ]\n ])\n : _createCommentVNode(\"\", true)\n ])\n ]\n }\n }),\n _: 1\n }), _parent)\n _push(`</div>`)\n _push(_ssrRenderComponent(_component_HelpFab, null, {\n default: _withCtx((_, _push, _parent, _scopeId) => {\n if (_push) {\n _push(_ssrRenderComponent(_component_DocsComponents, null, null, _parent, _scopeId))\n } else {\n return [\n _createVNode(_component_DocsComponents)\n ]\n }\n }),\n _: 1\n }, _parent))\n _push(`<!--]-->`)\n}\n}\n\n})","<script setup lang=\"ts\">\nimport { definePageMeta } from '#imports'\nimport ComponentsGraph from '~/components/ComponentsGraph.vue'\nimport ComponentsList from '~/components/ComponentsList.vue'\nimport { useClient } from '~/composables/client'\nimport { useComponents, useComponentsRelationships } from '~/composables/state-components'\nimport { useDevToolsOptions } from '../../composables/storage-options'\n\ndefinePageMeta({\n icon: 'i-carbon-assembly-cluster',\n title: 'Components',\n order: 2,\n})\n\nconst client = useClient()\nconst components = useComponents()\nconst relationships = useComponentsRelationships()\n\nconst { componentsView: view } = useDevToolsOptions('ui')\n\nfunction openComponentInspector() {\n client.value?.inspector?.enable()\n}\n\nfunction toggleView() {\n view.value = view.value === 'list' ? 'graph' : 'list'\n}\n</script>\n\n<template>\n <div relative h-full of-auto>\n <component\n :is=\"view === 'list' ? ComponentsList : ComponentsGraph\"\n :components=\"components\"\n :relationships=\"relationships\"\n >\n <div flex-none flex=\"~ gap3\">\n <NButton\n v-tooltip.bottom-end=\"'Toggle View'\"\n text-lg :border=\"false\"\n :icon=\"view === 'graph' ? 'i-carbon-list' : 'i-carbon-network-4'\"\n title=\"Toggle view\"\n @click=\"toggleView\"\n />\n <NButton\n v-if=\"client?.inspector?.isAvailable\"\n v-tooltip.bottom-end=\"'Inspect Vue components'\"\n text-lg :border=\"false\"\n icon=\"i-tabler-focus-2\"\n title=\"Inspect Vue components\"\n @click=\"openComponentInspector\"\n />\n </div>\n </component>\n </div>\n\n <HelpFab>\n <DocsComponents />\n </HelpFab>\n</template>\n"],"version":3}
package/dist/_nuxt/constants-D9kP6ji9.js.map.json ADDED
@@ -0,0 +1 @@
1
+ {"file":"constants-D9kP6ji9.js","mappings":";AAEA,IAAa,kBAAkB;CAC7B,MAAM;EAEJ,cAAc;EACd,cAAc;EACd,WAAW;EACX,UAAU;EACV,UAAU;EACV,SAAS;EACT,aAAa;EACb,kBAAkB;EAClB,cAAc;EACd,YAAY;EACZ,UAAU;EACV,WAAW;EACX,kBAAkB;EAClB,UAAU;EAGV,QAAQ;EACR,iBAAiB;EACjB,aAAa;EACb,qBAAqB;EACrB,gBAAgB;EAChB,YAAY;EACZ,oBAAoB;EACpB,qBAAqB;EACrB,iBAAiB;CACnB;CACA,KAAK;EAEH,KAAK;EACL,UAAU;EACV,UAAU;EACV,OAAO;EACP,aAAa;EACb,iBAAiB;EACjB,iBAAiB;EAGjB,WAAW;EACX,aAAa;EACb,aAAa;EACb,eAAe;EACf,eAAe;EACf,iBAAiB;EACjB,WAAW;EACX,gBAAgB;EAEhB,UAAU;CACZ;AACF;AAEA,IAAa,sBAA8C;CACzD,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,OAAO;CACP,MAAM;AACR","names":[],"sources":["../../../../../../../../composables/constants.ts"],"sourcesContent":["export const DETAILS_MAX_ITEMS = 50\n\nexport const ComposablesDocs = {\n nuxt: {\n // composables\n useAppConfig: 'https://nuxt.com/docs/api/composables/use-app-config',\n useAsyncData: 'https://nuxt.com/docs/api/composables/use-async-data',\n useCookie: 'https://nuxt.com/docs/api/composables/use-cookie',\n useError: 'https://nuxt.com/docs/api/composables/use-error',\n useFetch: 'https://nuxt.com/docs/api/composables/use-fetch',\n useHead: 'https://nuxt.com/docs/api/composables/use-head',\n useHeadSafe: 'https://nuxt.com/docs/api/composables/use-head-safe',\n useLazyAsyncData: 'https://nuxt.com/docs/api/composables/use-lazy-async-data',\n useLazyFetch: 'https://nuxt.com/docs/api/composables/use-lazy-fetch',\n useNuxtApp: 'https://nuxt.com/docs/api/composables/use-nuxt-app',\n useRoute: 'https://nuxt.com/docs/api/composables/use-route',\n useRouter: 'https://nuxt.com/docs/api/composables/use-router',\n useRuntimeConfig: 'https://nuxt.com/docs/api/composables/use-runtime-config',\n useState: 'https://nuxt.com/docs/api/composables/use-state',\n\n // utils\n $fetch: 'https://nuxt.com/docs/api/utils/dollarfetch',\n abortNavigation: 'https://nuxt.com/docs/api/utils/abort-navigation',\n createError: 'https://nuxt.com/docs/api/utils/create-error',\n defineNuxtComponent: 'https://nuxt.com/docs/api/utils/define-nuxt-component',\n definePageMeta: 'https://nuxt.com/docs/api/utils/define-page-meta',\n navigateTo: 'https://nuxt.com/docs/api/utils/navigate-to#navigateto',\n onBeforeRouteLeave: 'https://nuxt.com/docs/api/utils/on-before-route-leave',\n onBeforeRouteUpdate: 'https://nuxt.com/docs/api/utils/on-before-route-update',\n updateAppConfig: 'https://nuxt.com/docs/api/utils/update-app-config',\n },\n vue: {\n // reactivity\n ref: 'https://vuejs.org/api/reactivity-core.html#ref',\n computed: 'https://vuejs.org/api/reactivity-core.html#computed',\n reactive: 'https://vuejs.org/api/reactivity-core.html#reactive',\n watch: 'https://vuejs.org/api/reactivity-core.html#watch',\n watchEffect: 'https://vuejs.org/api/reactivity-core.html#watcheffect',\n watchPostEffect: 'https://vuejs.org/api/reactivity-core.html#watchposteffect',\n watchSyncEffect: 'https://vuejs.org/api/reactivity-core.html#watchsynceffect',\n\n // lifecycle\n onMounted: 'https://vuejs.org/api/composition-api-lifecycle.html#onmounted',\n onUnmounted: 'https://vuejs.org/api/composition-api-lifecycle.html#onunmounted',\n onActivated: 'https://vuejs.org/api/composition-api-lifecycle.html#onactivated',\n onDeactivated: 'https://vuejs.org/api/composition-api-lifecycle.html#ondeactivated',\n onBeforeMount: 'https://vuejs.org/api/composition-api-lifecycle.html#onbeforemount',\n onBeforeUnmount: 'https://vuejs.org/api/composition-api-lifecycle.html#onbeforeunmount',\n onUpdated: 'https://vuejs.org/api/composition-api-lifecycle.html#onupdated',\n onBeforeUpdate: 'https://vuejs.org/api/composition-api-lifecycle.html#onbeforeupdate',\n\n nextTick: 'https://vuejs.org/api/general.html#nexttick',\n },\n}\n\nexport const ServerRouteTabIcons: Record<string, string> = {\n snippet: 'i-carbon-code',\n headers: 'i-carbon-html-reference',\n cookies: 'i-carbon-cookie',\n params: 'i-carbon-text-selection',\n query: 'i-carbon-help',\n body: 'i-carbon-document',\n}\n"],"version":3}