@pinia/colada-devtools 0.4.1 → 0.4.3

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 (41) hide show
  1. package/dist/index.js +131 -131
  2. package/dist/index.js.map +1 -1
  3. package/dist-panel/{(unselected)-1XtzP47s.js → (unselected)-BQ3qDKQ9.js} +4 -4
  4. package/dist-panel/{(unselected)-1XtzP47s.js.map → (unselected)-BQ3qDKQ9.js.map} +1 -1
  5. package/dist-panel/(unselected)-DAm41Y3x.js +17 -0
  6. package/dist-panel/{(unselected)-CF4tcOEp.js.map → (unselected)-DAm41Y3x.js.map} +1 -1
  7. package/dist-panel/{_mutationId_-DmzWbpVT.js → _mutationId_int_-erdQKyLR.js} +39 -39
  8. package/dist-panel/_mutationId_int_-erdQKyLR.js.map +1 -0
  9. package/dist-panel/{_queryId_-5tGPPWCM.js → _queryId_-B4Df55YE.js} +51 -51
  10. package/dist-panel/{_queryId_-5tGPPWCM.js.map → _queryId_-B4Df55YE.js.map} +1 -1
  11. package/dist-panel/{circle-x-eNhJ6QJ3.js → circle-x-InxlHvaS.js} +35 -35
  12. package/dist-panel/{circle-x-eNhJ6QJ3.js.map → circle-x-InxlHvaS.js.map} +1 -1
  13. package/dist-panel/index-CYb5D1Be.js +6270 -0
  14. package/dist-panel/index-CYb5D1Be.js.map +1 -0
  15. package/dist-panel/index-DLKyTdsm.js +10 -0
  16. package/dist-panel/{index-C5FekW9K.js.map → index-DLKyTdsm.js.map} +1 -1
  17. package/dist-panel/index.js +1 -1
  18. package/dist-panel/{loader-DjhAUFXk.js → loader-Ca7c0zg-.js} +4 -4
  19. package/dist-panel/loader-Ca7c0zg-.js.map +1 -0
  20. package/dist-panel/{mouse-pointer-click-BwcHzNw_.js → mouse-pointer-click-ClYfwImy.js} +3 -3
  21. package/dist-panel/mouse-pointer-click-ClYfwImy.js.map +1 -0
  22. package/dist-panel/{mutations-Fiuj8fCV.js → mutations-pMmse5fr.js} +15 -15
  23. package/dist-panel/mutations-pMmse5fr.js.map +1 -0
  24. package/dist-panel/queries-BM6WYBXZ.js +312 -0
  25. package/dist-panel/queries-BM6WYBXZ.js.map +1 -0
  26. package/dist-panel/settings-C2hLj-3B.js +10 -0
  27. package/dist-panel/{settings-BHmLo73t.js.map → settings-C2hLj-3B.js.map} +1 -1
  28. package/dist-panel/{use-container-media-query-DHWhgIKV.js → use-container-media-query-CrxtYrv0.js} +43 -43
  29. package/dist-panel/{use-container-media-query-DHWhgIKV.js.map → use-container-media-query-CrxtYrv0.js.map} +1 -1
  30. package/package.json +11 -12
  31. package/dist-panel/(unselected)-CF4tcOEp.js +0 -17
  32. package/dist-panel/_mutationId_-DmzWbpVT.js.map +0 -1
  33. package/dist-panel/index-C5FekW9K.js +0 -10
  34. package/dist-panel/index-D0GQZaew.js +0 -6438
  35. package/dist-panel/index-D0GQZaew.js.map +0 -1
  36. package/dist-panel/loader-DjhAUFXk.js.map +0 -1
  37. package/dist-panel/mouse-pointer-click-BwcHzNw_.js.map +0 -1
  38. package/dist-panel/mutations-Fiuj8fCV.js.map +0 -1
  39. package/dist-panel/queries-Czfs9c3l.js +0 -286
  40. package/dist-panel/queries-Czfs9c3l.js.map +0 -1
  41. package/dist-panel/settings-BHmLo73t.js +0 -10
@@ -1 +1 @@
1
- {"version":3,"file":"_queryId_-5tGPPWCM.js","sources":["../src/panel/utils/time.ts","../src/panel/pages/queries/[queryId].vue"],"sourcesContent":["export function formatDuration(timeInMs: number): string {\n if (timeInMs < 1000) {\n return `${Math.round(timeInMs)} ms`\n }\n\n const seconds = timeInMs / 1000\n if (timeInMs < 10_000) {\n return `${seconds.toFixed(3)} seconds`\n }\n\n if (timeInMs < 60_000) {\n return `${Math.floor(seconds)} seconds`\n }\n\n const minutes = Math.floor(seconds / 60)\n\n if (timeInMs < 3_600_000) {\n return `${minutes} minute${minutes > 1 ? 's' : ''}`\n }\n\n const hours = Math.floor(minutes / 60)\n\n return `${hours}h${minutes % 60}m${seconds % 60}s`\n}\n","<script setup lang=\"ts\">\nimport type { UseQueryEntryPayload } from '@pinia/colada-devtools/shared'\nimport { computed, watch } from 'vue'\nimport { useDuplexChannel, useQueryEntries } from '../../composables/duplex-channel'\nimport { formatDuration } from '../../utils/time'\nimport { useRoute } from 'vue-router'\nimport type { DataStateStatus } from '@pinia/colada'\n\nimport IWrench from '~icons/lucide/wrench'\nimport IInfoCircle from '~icons/lucide/info'\nimport IFileText from '~icons/lucide/file-text'\nimport ICircleX from '~icons/lucide/circle-x'\nimport IBraces from '~icons/lucide/braces'\nimport IHistory from '~icons/lucide/history'\nimport ISigmaSquare from '~icons/lucide/sigma-square'\nimport { useTimeAgo, formatTimeAgo, useLocalStorage } from '@vueuse/core'\nimport type { FormatTimeAgoOptions } from '@vueuse/core'\n\nconst route = useRoute()\nconst queries = useQueryEntries()\n\nconst selectedQuery = computed<UseQueryEntryPayload | null>(() => {\n return queries.value.find((entry) => entry.keyHash === route.params.queryId) ?? null\n})\n\nconst TIME_AGO_OPTIONS: FormatTimeAgoOptions = {\n showSecond: true,\n rounding: 'floor',\n max: 1000 * 60 * 60 * 24, // 1 day\n}\n\nconst lastUpdate = useTimeAgo(() => selectedQuery.value?.devtools.updatedAt ?? 0, {\n ...TIME_AGO_OPTIONS,\n updateInterval: 3000,\n})\n\n// TODO: we should be able to highlight components using this query\n// const el = useTemplateRef('me')\n// TODO: add ref=\"me\" to the div\n// watch(\n// // also trigger if the selectedQuery changes\n// () => [el.value, selectedQuery.value?.id] as const,\n// ([el]) => {\n// if (!el || !selectedQuery.value) return\n//\n// const observingComponents = findVueComponents(\n// el,\n// selectedQuery.value.deps.filter((c) => c.type === 'component').map((c) => c.uid) ?? [],\n// )\n//\n// console.log('elements', observingComponents)\n// },\n// )\n\nconst channel = useDuplexChannel()\n\nconst isDataOpen = useLocalStorage<boolean>('pc:query:details:data:open', false, {})\nlet wasDataOpen = isDataOpen.value\nlet lastStatus: DataStateStatus | null = null\nconst isErrorOpen = useLocalStorage<boolean>('pc:query:details:error:open', false, {})\nwatch(\n () => selectedQuery.value?.state,\n (state) => {\n if (!state || lastStatus === state.status) return\n lastStatus = state.status\n if (state.status === 'error') {\n isErrorOpen.value = true\n // preserve it for later\n wasDataOpen = isDataOpen.value\n isDataOpen.value = false\n } else if (state.status === 'success') {\n isDataOpen.value = wasDataOpen\n isErrorOpen.value = false\n }\n },\n)\n\n// Helper function to set nested value\nfunction setNestedValue(obj: any, path: Array<string | number>, value: unknown): boolean {\n if (path.length === 0) {\n console.error('Cannot set value with empty path')\n return false\n }\n\n let current = obj\n // Navigate to parent of target value\n for (let i = 0; i < path.length - 1; i++) {\n if (current == null || typeof current !== 'object') {\n console.error('Invalid path:', path, 'at index', i, 'Current value:', current)\n return false\n }\n current = current[path[i]!]\n }\n\n // Validate the final parent exists\n if (current == null || typeof current !== 'object') {\n console.error('Invalid final parent in path:', path)\n return false\n }\n\n // Set the final value\n current[path.at(-1)!] = value\n return true\n}\n\n// Handle value updates from JsonViewer\nconst handleValueUpdate = (path: Array<string | number>, value: unknown) => {\n if (!selectedQuery.value) return\n\n // Update the value at the path\n const success = setNestedValue(selectedQuery.value.state.data, path, value)\n\n if (!success) {\n console.error('Failed to update value at path:', path)\n return\n }\n\n // Send to app via RPC\n channel.emit('queries:set:state', selectedQuery.value.key, selectedQuery.value.state)\n}\n</script>\n\n<template>\n <div class=\"flex flex-col divide-y dark:divide-(--ui-border) divide-(--ui-border-accented)\">\n <template v-if=\"selectedQuery\">\n <UCollapse title=\"Details\" :icon=\"IInfoCircle\">\n <div class=\"py-1 text-sm\">\n <p class=\"grid grid-cols-[auto_1fr] gap-1\">\n <span>key:</span>\n <span>\n <code class=\"rounded bg-neutral-500/20 p-0.5\">{{ selectedQuery.key }}</code>\n </span>\n </p>\n\n <p\n class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n title=\"When was the query entry last updated\"\n >\n <span>Last update:</span>\n <span class=\"font-bold\">{{ lastUpdate }}</span>\n </p>\n\n <p\n v-if=\"selectedQuery.devtools.history.at(0)?.fetchTime\"\n class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n title=\"When was the last time the query was fetched\"\n >\n <span>Last fetch:</span>\n <span class=\"font-bold\">{{\n formatTimeAgo(new Date(selectedQuery.devtools.history.at(0)!.fetchTime!.start), {\n ...TIME_AGO_OPTIONS,\n max: undefined,\n })\n }}</span>\n </p>\n\n <p\n v-if=\"selectedQuery.devtools.history.at(0)?.fetchTime?.end\"\n class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n title=\"How long did the last query take to fetch\"\n >\n <span>Fetch duration:</span>\n <span class=\"font-bold\">{{\n formatDuration(\n selectedQuery.devtools.history.at(0)!.fetchTime!.end! -\n selectedQuery.devtools.history.at(0)!.fetchTime!.start,\n )\n }}</span>\n </p>\n\n <p\n class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n title=\"How many components and effects are using this query\"\n >\n <span\n >Observers: <span class=\"font-bold\">{{ selectedQuery.deps.length }}</span></span\n >\n </p>\n\n <p\n v-if=\"!selectedQuery.active && selectedQuery.options\"\n class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n title=\"When is this query entry garbace collected\"\n >\n <template\n v-if=\"\n typeof selectedQuery.options.gcTime === 'number' &&\n Number.isFinite(selectedQuery.options.gcTime)\n \"\n >\n <span>Will be <i>gced</i></span>\n <span class=\"font-bold\">{{\n formatTimeAgo(\n new Date(selectedQuery.devtools.inactiveAt + selectedQuery.options.gcTime),\n {\n ...TIME_AGO_OPTIONS,\n max: undefined,\n },\n )\n }}</span>\n </template>\n </p>\n </div>\n </UCollapse>\n\n <UCollapse title=\"Actions\" :icon=\"IWrench\">\n <div class=\"py-2 gap-2 flex flex-wrap items-center justify-items-start\">\n <UButton\n class=\"theme-info\"\n size=\"sm\"\n title=\"Refetch this query\"\n :disabled=\"selectedQuery.options?.enabled === false\"\n @click=\"channel.emit('queries:refetch', selectedQuery.key)\"\n >\n <i-lucide-refresh-cw class=\"size-3.5\" /> Refetch\n </UButton>\n\n <UButton\n class=\"theme-neutral\"\n size=\"sm\"\n title=\"Invalidate this query\"\n @click=\"channel.emit('queries:invalidate', selectedQuery.key)\"\n >\n <i-lucide-timer-reset /> Invalidate\n </UButton>\n\n <UButton\n v-if=\"selectedQuery.devtools.simulate !== 'loading'\"\n class=\"theme-purple\"\n size=\"sm\"\n title=\"Restore the previous state\"\n @click=\"channel.emit('queries:simulate:loading', selectedQuery.key)\"\n >\n <i-lucide-loader />\n Simulate loading\n </UButton>\n <UButton\n v-else\n class=\"theme-purple\"\n size=\"sm\"\n title=\"Simulate a loading state\"\n @click=\"channel.emit('queries:simulate:loading:stop', selectedQuery.key)\"\n >\n <i-lucide-loader class=\"animate-spin\" />\n Stop loading\n </UButton>\n\n <UButton\n v-if=\"selectedQuery.devtools.simulate !== 'error'\"\n class=\"theme-error\"\n size=\"sm\"\n title=\"Simulate an Error state\"\n @click=\"channel.emit('queries:simulate:error', selectedQuery.key)\"\n >\n <i-lucide-x-octagon /> Simulate error\n </UButton>\n <UButton\n v-else\n class=\"theme-error\"\n size=\"sm\"\n title=\"Restore the previous state\"\n @click=\"channel.emit('queries:simulate:error:stop', selectedQuery.key)\"\n >\n <i-lucide-rotate-ccw /> Remove error\n </UButton>\n\n <UButton\n class=\"theme-warning\"\n size=\"sm\"\n title=\"Reset this query to its initial (pending) state\"\n @click=\"channel.emit('queries:reset', selectedQuery.key)\"\n >\n <i-lucide-trash /> Reset\n </UButton>\n </div>\n </UCollapse>\n\n <UCollapse\n v-model:open=\"isDataOpen\"\n :title=\"`Data${selectedQuery.state.data === undefined ? ' (empty)' : ''}`\"\n :icon=\"IFileText\"\n :class=\"[selectedQuery.state.data === undefined && 'text-(--ui-text-muted)']\"\n no-padding\n >\n <JsonViewer :data=\"selectedQuery.state.data\" @update:value=\"handleValueUpdate\" />\n </UCollapse>\n\n <UCollapse\n v-model:open=\"isErrorOpen\"\n :title=\"`Error${selectedQuery.state.status === 'error' ? ' (!)' : '(empty)'}`\"\n :icon=\"ICircleX\"\n :class=\"[selectedQuery.state.status !== 'error' && 'text-(--ui-text-muted)']\"\n disabled\n >\n <div class=\"py-1\">\n <pre v-if=\"selectedQuery.state.error\" class=\"rounded p-1 overflow-auto max-h-[1200px]\">{{\n selectedQuery.state.error\n }}</pre>\n <p v-else class=\"text-(--ui-text-muted)/50\">No error</p>\n </div>\n </UCollapse>\n\n <UCollapse title=\"Call count\" :icon=\"ISigmaSquare\" :open=\"false\">\n <div class=\"py-1\">\n <p class=\"grid grid-cols-[auto_1fr] gap-1\">\n <span>Calls:</span>\n <span>\n <code class=\"font-bold\">{{ selectedQuery.devtools.count.total }}</code>\n </span>\n <span>Success:</span>\n <span>\n <code class=\"font-bold\">{{ selectedQuery.devtools.count.succeed }}</code>\n </span>\n <span>Errors:</span>\n <span>\n <code class=\"font-bold\">{{ selectedQuery.devtools.count.errored }}</code>\n </span>\n <span>Cancelled:</span>\n <span>\n <code class=\"font-bold\">{{ selectedQuery.devtools.count.cancelled }}</code>\n </span>\n </p>\n </div>\n </UCollapse>\n\n <UCollapse\n :title=\"`History (${selectedQuery.devtools.history.length})`\"\n :icon=\"IHistory\"\n :open=\"false\"\n >\n <div class=\"py-1\">\n <UCollapse\n v-for=\"entry of selectedQuery.devtools.history\"\n :key=\"entry.updatedAt\"\n :title=\"`Entry nº${entry.id} (${formatTimeAgo(new Date(entry.updatedAt), TIME_AGO_OPTIONS)})`\"\n :open=\"false\"\n class=\"border border-neutral-200 dark:border-neutral-800\"\n >\n <JsonViewer :data=\"entry\" readonly />\n </UCollapse>\n </div>\n </UCollapse>\n\n <UCollapse title=\"Options\" :open=\"false\" :icon=\"IBraces\" no-padding>\n <JsonViewer v-if=\"selectedQuery.options\" :data=\"selectedQuery.options\" readonly />\n <p v-else>\n This Query entry has no options. It might have been created from the server or manually\n set with\n <code>queryCache.setQueryData()</code> for prefetching.\n </p>\n </UCollapse>\n </template>\n\n <template v-else>\n <div class=\"py-6 mx-auto\">\n <p class=\"flex flex-col text-center items-center gap-2 text-lg px-2\">\n Select a Query to inspect\n <i-lucide-mouse-pointer-click />\n </p>\n <p class=\"text-center text-sm text-neutral-500 mt-4\">\n No query with key {{ route.params.queryId }} was found in the cache\n </p>\n </div>\n </template>\n </div>\n</template>\n"],"names":["formatDuration","timeInMs","seconds","minutes","route","useRoute","queries","useQueryEntries","selectedQuery","computed","entry","TIME_AGO_OPTIONS","lastUpdate","useTimeAgo","channel","useDuplexChannel","isDataOpen","useLocalStorage","wasDataOpen","lastStatus","isErrorOpen","watch","state","setNestedValue","obj","path","value","current","i","handleValueUpdate","_openBlock","_createElementBlock","_hoisted_1","_Fragment","_createVNode","_component_UCollapse","_unref","IInfoCircle","_createElementVNode","_hoisted_2","_hoisted_3","_cache","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","formatTimeAgo","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","IWrench","_hoisted_15","_component_UButton","_component_i_lucide_refresh_cw","_component_i_lucide_timer_reset","_createBlock","_component_i_lucide_loader","_component_i_lucide_x_octagon","_component_i_lucide_rotate_ccw","_component_i_lucide_trash","$event","IFileText","_component_JsonViewer","ICircleX","_normalizeClass","_hoisted_16","_hoisted_17","_hoisted_18","ISigmaSquare","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","IHistory","_hoisted_25","IBraces","_hoisted_26","_hoisted_27","_hoisted_28","_component_i_lucide_mouse_pointer_click","_hoisted_29"],"mappings":"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"}
1
+ {"version":3,"file":"_queryId_-B4Df55YE.js","sources":["../src/panel/utils/time.ts","../src/panel/pages/queries/[queryId].vue"],"sourcesContent":["export function formatDuration(timeInMs: number): string {\n if (timeInMs < 1000) {\n return `${Math.round(timeInMs)} ms`\n }\n\n const seconds = timeInMs / 1000\n if (timeInMs < 10_000) {\n return `${seconds.toFixed(3)} seconds`\n }\n\n if (timeInMs < 60_000) {\n return `${Math.floor(seconds)} seconds`\n }\n\n const minutes = Math.floor(seconds / 60)\n\n if (timeInMs < 3_600_000) {\n return `${minutes} minute${minutes > 1 ? 's' : ''}`\n }\n\n const hours = Math.floor(minutes / 60)\n\n return `${hours}h${minutes % 60}m${seconds % 60}s`\n}\n","<script setup lang=\"ts\">\nimport type { UseQueryEntryPayload } from '@pinia/colada-devtools/shared'\nimport { computed, watch } from 'vue'\nimport { useDuplexChannel, useQueryEntries } from '../../composables/duplex-channel'\nimport { formatDuration } from '../../utils/time'\nimport { useRoute } from 'vue-router'\nimport type { DataStateStatus } from '@pinia/colada'\n\nimport IWrench from '~icons/lucide/wrench'\nimport IInfoCircle from '~icons/lucide/info'\nimport IFileText from '~icons/lucide/file-text'\nimport ICircleX from '~icons/lucide/circle-x'\nimport IBraces from '~icons/lucide/braces'\nimport IHistory from '~icons/lucide/history'\nimport ISigmaSquare from '~icons/lucide/sigma-square'\nimport { useTimeAgo, formatTimeAgo, useLocalStorage } from '@vueuse/core'\nimport type { FormatTimeAgoOptions } from '@vueuse/core'\n\nconst route = useRoute()\nconst queries = useQueryEntries()\n\nconst selectedQuery = computed<UseQueryEntryPayload | null>(() => {\n return queries.value.find((entry) => entry.keyHash === route.params.queryId) ?? null\n})\n\nconst TIME_AGO_OPTIONS: FormatTimeAgoOptions = {\n showSecond: true,\n rounding: 'floor',\n max: 1000 * 60 * 60 * 24, // 1 day\n}\n\nconst lastUpdate = useTimeAgo(() => selectedQuery.value?.devtools.updatedAt ?? 0, {\n ...TIME_AGO_OPTIONS,\n updateInterval: 3000,\n})\n\n// TODO: we should be able to highlight components using this query\n// const el = useTemplateRef('me')\n// TODO: add ref=\"me\" to the div\n// watch(\n// // also trigger if the selectedQuery changes\n// () => [el.value, selectedQuery.value?.id] as const,\n// ([el]) => {\n// if (!el || !selectedQuery.value) return\n//\n// const observingComponents = findVueComponents(\n// el,\n// selectedQuery.value.deps.filter((c) => c.type === 'component').map((c) => c.uid) ?? [],\n// )\n//\n// console.log('elements', observingComponents)\n// },\n// )\n\nconst channel = useDuplexChannel()\n\nconst isDataOpen = useLocalStorage<boolean>('pc:query:details:data:open', false, {})\nlet wasDataOpen = isDataOpen.value\nlet lastStatus: DataStateStatus | null = null\nconst isErrorOpen = useLocalStorage<boolean>('pc:query:details:error:open', false, {})\nwatch(\n () => selectedQuery.value?.state,\n (state) => {\n if (!state || lastStatus === state.status) return\n lastStatus = state.status\n if (state.status === 'error') {\n isErrorOpen.value = true\n // preserve it for later\n wasDataOpen = isDataOpen.value\n isDataOpen.value = false\n } else if (state.status === 'success') {\n isDataOpen.value = wasDataOpen\n isErrorOpen.value = false\n }\n },\n)\n\n// Helper function to set nested value\nfunction setNestedValue(obj: any, path: Array<string | number>, value: unknown): boolean {\n if (path.length === 0) {\n console.error('Cannot set value with empty path')\n return false\n }\n\n let current = obj\n // Navigate to parent of target value\n for (let i = 0; i < path.length - 1; i++) {\n if (current == null || typeof current !== 'object') {\n console.error('Invalid path:', path, 'at index', i, 'Current value:', current)\n return false\n }\n current = current[path[i]!]\n }\n\n // Validate the final parent exists\n if (current == null || typeof current !== 'object') {\n console.error('Invalid final parent in path:', path)\n return false\n }\n\n // Set the final value\n current[path.at(-1)!] = value\n return true\n}\n\n// Handle value updates from JsonViewer\nconst handleValueUpdate = (path: Array<string | number>, value: unknown) => {\n if (!selectedQuery.value) return\n\n // Update the value at the path\n const success = setNestedValue(selectedQuery.value.state.data, path, value)\n\n if (!success) {\n console.error('Failed to update value at path:', path)\n return\n }\n\n // Send to app via RPC\n channel.emit('queries:set:state', selectedQuery.value.key, selectedQuery.value.state)\n}\n</script>\n\n<template>\n <div class=\"flex flex-col divide-y dark:divide-(--ui-border) divide-(--ui-border-accented)\">\n <template v-if=\"selectedQuery\">\n <UCollapse title=\"Details\" :icon=\"IInfoCircle\">\n <div class=\"py-1 text-sm\">\n <p class=\"grid grid-cols-[auto_1fr] gap-1\">\n <span>key:</span>\n <span>\n <code class=\"rounded bg-neutral-500/20 p-0.5\">{{ selectedQuery.key }}</code>\n </span>\n </p>\n\n <p\n class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n title=\"When was the query entry last updated\"\n >\n <span>Last update:</span>\n <span class=\"font-bold\">{{ lastUpdate }}</span>\n </p>\n\n <p\n v-if=\"selectedQuery.devtools.history.at(0)?.fetchTime\"\n class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n title=\"When was the last time the query was fetched\"\n >\n <span>Last fetch:</span>\n <span class=\"font-bold\">{{\n formatTimeAgo(new Date(selectedQuery.devtools.history.at(0)!.fetchTime!.start), {\n ...TIME_AGO_OPTIONS,\n max: undefined,\n })\n }}</span>\n </p>\n\n <p\n v-if=\"selectedQuery.devtools.history.at(0)?.fetchTime?.end\"\n class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n title=\"How long did the last query take to fetch\"\n >\n <span>Fetch duration:</span>\n <span class=\"font-bold\">{{\n formatDuration(\n selectedQuery.devtools.history.at(0)!.fetchTime!.end! -\n selectedQuery.devtools.history.at(0)!.fetchTime!.start,\n )\n }}</span>\n </p>\n\n <p\n class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n title=\"How many components and effects are using this query\"\n >\n <span\n >Observers: <span class=\"font-bold\">{{ selectedQuery.deps.length }}</span></span\n >\n </p>\n\n <p\n v-if=\"!selectedQuery.active && selectedQuery.options\"\n class=\"grid grid-cols-[auto_1fr] gap-x-2\"\n title=\"When is this query entry garbace collected\"\n >\n <template\n v-if=\"\n typeof selectedQuery.options.gcTime === 'number' &&\n Number.isFinite(selectedQuery.options.gcTime)\n \"\n >\n <span>Will be <i>gced</i></span>\n <span class=\"font-bold\">{{\n formatTimeAgo(\n new Date(selectedQuery.devtools.inactiveAt + selectedQuery.options.gcTime),\n {\n ...TIME_AGO_OPTIONS,\n max: undefined,\n },\n )\n }}</span>\n </template>\n </p>\n </div>\n </UCollapse>\n\n <UCollapse title=\"Actions\" :icon=\"IWrench\">\n <div class=\"py-2 gap-2 flex flex-wrap items-center justify-items-start\">\n <UButton\n class=\"theme-info\"\n size=\"sm\"\n title=\"Refetch this query\"\n :disabled=\"selectedQuery.options?.enabled === false\"\n @click=\"channel.emit('queries:refetch', selectedQuery.key)\"\n >\n <i-lucide-refresh-cw class=\"size-3.5\" /> Refetch\n </UButton>\n\n <UButton\n class=\"theme-neutral\"\n size=\"sm\"\n title=\"Invalidate this query\"\n @click=\"channel.emit('queries:invalidate', selectedQuery.key)\"\n >\n <i-lucide-timer-reset /> Invalidate\n </UButton>\n\n <UButton\n v-if=\"selectedQuery.devtools.simulate !== 'loading'\"\n class=\"theme-purple\"\n size=\"sm\"\n title=\"Restore the previous state\"\n @click=\"channel.emit('queries:simulate:loading', selectedQuery.key)\"\n >\n <i-lucide-loader />\n Simulate loading\n </UButton>\n <UButton\n v-else\n class=\"theme-purple\"\n size=\"sm\"\n title=\"Simulate a loading state\"\n @click=\"channel.emit('queries:simulate:loading:stop', selectedQuery.key)\"\n >\n <i-lucide-loader class=\"animate-spin\" />\n Stop loading\n </UButton>\n\n <UButton\n v-if=\"selectedQuery.devtools.simulate !== 'error'\"\n class=\"theme-error\"\n size=\"sm\"\n title=\"Simulate an Error state\"\n @click=\"channel.emit('queries:simulate:error', selectedQuery.key)\"\n >\n <i-lucide-x-octagon /> Simulate error\n </UButton>\n <UButton\n v-else\n class=\"theme-error\"\n size=\"sm\"\n title=\"Restore the previous state\"\n @click=\"channel.emit('queries:simulate:error:stop', selectedQuery.key)\"\n >\n <i-lucide-rotate-ccw /> Remove error\n </UButton>\n\n <UButton\n class=\"theme-warning\"\n size=\"sm\"\n title=\"Reset this query to its initial (pending) state\"\n @click=\"channel.emit('queries:reset', selectedQuery.key)\"\n >\n <i-lucide-trash /> Reset\n </UButton>\n </div>\n </UCollapse>\n\n <UCollapse\n v-model:open=\"isDataOpen\"\n :title=\"`Data${selectedQuery.state.data === undefined ? ' (empty)' : ''}`\"\n :icon=\"IFileText\"\n :class=\"[selectedQuery.state.data === undefined && 'text-(--ui-text-muted)']\"\n no-padding\n >\n <JsonViewer :data=\"selectedQuery.state.data\" @update:value=\"handleValueUpdate\" />\n </UCollapse>\n\n <UCollapse\n v-model:open=\"isErrorOpen\"\n :title=\"`Error${selectedQuery.state.status === 'error' ? ' (!)' : '(empty)'}`\"\n :icon=\"ICircleX\"\n :class=\"[selectedQuery.state.status !== 'error' && 'text-(--ui-text-muted)']\"\n disabled\n >\n <div class=\"py-1\">\n <pre v-if=\"selectedQuery.state.error\" class=\"rounded p-1 overflow-auto max-h-[1200px]\">{{\n selectedQuery.state.error\n }}</pre>\n <p v-else class=\"text-(--ui-text-muted)/50\">No error</p>\n </div>\n </UCollapse>\n\n <UCollapse title=\"Call count\" :icon=\"ISigmaSquare\" :open=\"false\">\n <div class=\"py-1\">\n <p class=\"grid grid-cols-[auto_1fr] gap-1\">\n <span>Calls:</span>\n <span>\n <code class=\"font-bold\">{{ selectedQuery.devtools.count.total }}</code>\n </span>\n <span>Success:</span>\n <span>\n <code class=\"font-bold\">{{ selectedQuery.devtools.count.succeed }}</code>\n </span>\n <span>Errors:</span>\n <span>\n <code class=\"font-bold\">{{ selectedQuery.devtools.count.errored }}</code>\n </span>\n <span>Cancelled:</span>\n <span>\n <code class=\"font-bold\">{{ selectedQuery.devtools.count.cancelled }}</code>\n </span>\n </p>\n </div>\n </UCollapse>\n\n <UCollapse\n :title=\"`History (${selectedQuery.devtools.history.length})`\"\n :icon=\"IHistory\"\n :open=\"false\"\n >\n <div class=\"py-1\">\n <UCollapse\n v-for=\"entry of selectedQuery.devtools.history\"\n :key=\"entry.updatedAt\"\n :title=\"`Entry nº${entry.id} (${formatTimeAgo(new Date(entry.updatedAt), TIME_AGO_OPTIONS)})`\"\n :open=\"false\"\n class=\"border border-neutral-200 dark:border-neutral-800\"\n >\n <JsonViewer :data=\"entry\" readonly />\n </UCollapse>\n </div>\n </UCollapse>\n\n <UCollapse title=\"Options\" :open=\"!selectedQuery.options\" :icon=\"IBraces\" no-padding>\n <JsonViewer v-if=\"selectedQuery.options\" :data=\"selectedQuery.options\" readonly />\n <p v-else>\n This Query entry has no options. It might have been created from the server or manually\n set with\n <code>queryCache.setQueryData()</code> for prefetching.\n </p>\n </UCollapse>\n </template>\n\n <template v-else>\n <div class=\"py-6 mx-auto\">\n <p class=\"flex flex-col text-center items-center gap-2 text-lg px-2\">\n Select a Query to inspect\n <i-lucide-mouse-pointer-click />\n </p>\n <p class=\"text-center text-sm text-neutral-500 mt-4\">\n No query with key {{ route.params.queryId }} was found in the cache\n </p>\n </div>\n </template>\n </div>\n</template>\n"],"names":["formatDuration","timeInMs","seconds","minutes","route","useRoute","queries","useQueryEntries","selectedQuery","computed","entry","TIME_AGO_OPTIONS","lastUpdate","useTimeAgo","channel","useDuplexChannel","isDataOpen","useLocalStorage","wasDataOpen","lastStatus","isErrorOpen","watch","state","setNestedValue","obj","path","value","current","i","handleValueUpdate","_openBlock","_createElementBlock","_hoisted_1","_Fragment","_createVNode","_component_UCollapse","_unref","IInfoCircle","_createElementVNode","_hoisted_2","_hoisted_3","_cache","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","formatTimeAgo","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","IWrench","_hoisted_15","_component_UButton","_component_i_lucide_refresh_cw","_component_i_lucide_timer_reset","_createBlock","_component_i_lucide_loader","_component_i_lucide_x_octagon","_component_i_lucide_rotate_ccw","_component_i_lucide_trash","$event","IFileText","_component_JsonViewer","ICircleX","_normalizeClass","_hoisted_16","_hoisted_17","_hoisted_18","ISigmaSquare","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","IHistory","_hoisted_25","IBraces","_hoisted_26","_hoisted_27","_hoisted_28","_component_i_lucide_mouse_pointer_click","_hoisted_29"],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  import { getValueTypeClass as $, formatValue as I, getValueType as ie, isNonSerializableValue as se, isPlainObject as A } from "@pinia/colada-devtools/shared";
2
- import { m as c, c as o, o as a, a as n, d as P, j as O, l as re, b as f, n as h, T as ue, f as b, e as w, g as s, t as C, J as H, i as d, K as q, X as L, B as y, w as x, F as J, Y as K, Z as G, h as Q, r as ce, Q as de, $ as ve, I as he, a0 as me, P as T, q as fe, _ as pe } from "./index-D0GQZaew.js";
2
+ import { m as c, o as a, c as o, a as n, d as P, k as re, r as ue, n as h, Q as ce, b as w, e as s, f as b, t as C, J as H, K as q, X as L, h as d, z as y, w as x, F as J, Y as K, Z as G, g as Q, p as O, i as f, S as de, I as ve, $ as he, P as T, q as me, a0 as fe, _ as pe } from "./index-CYb5D1Be.js";
3
3
  const ke = {
4
4
  viewBox: "0 0 24 24",
5
5
  width: "1.2em",
@@ -55,13 +55,13 @@ function Ce(e, t) {
55
55
  }, null, -1)
56
56
  ])]);
57
57
  }
58
- const Me = c({ name: "lucide-square", render: Ce }), ze = {
58
+ const ze = c({ name: "lucide-square", render: Ce }), Me = {
59
59
  viewBox: "0 0 24 24",
60
60
  width: "1.2em",
61
61
  height: "1.2em"
62
62
  };
63
63
  function Be(e, t) {
64
- return a(), o("svg", ze, [...t[0] || (t[0] = [
64
+ return a(), o("svg", Me, [...t[0] || (t[0] = [
65
65
  n("g", {
66
66
  fill: "none",
67
67
  stroke: "currentColor",
@@ -79,7 +79,7 @@ const Ve = c({ name: "lucide-check-square", render: Be }), Ie = {
79
79
  width: "1.2em",
80
80
  height: "1.2em"
81
81
  };
82
- function je(e, t) {
82
+ function Se(e, t) {
83
83
  return a(), o("svg", Ie, [...t[0] || (t[0] = [
84
84
  n("path", {
85
85
  fill: "none",
@@ -91,13 +91,13 @@ function je(e, t) {
91
91
  }, null, -1)
92
92
  ])]);
93
93
  }
94
- const Y = c({ name: "lucide-braces", render: je }), Se = {
94
+ const Y = c({ name: "lucide-braces", render: Se }), je = {
95
95
  viewBox: "0 0 24 24",
96
96
  width: "1.2em",
97
97
  height: "1.2em"
98
98
  };
99
99
  function Ee(e, t) {
100
- return a(), o("svg", Se, [...t[0] || (t[0] = [
100
+ return a(), o("svg", je, [...t[0] || (t[0] = [
101
101
  n("g", {
102
102
  fill: "none",
103
103
  stroke: "currentColor",
@@ -195,11 +195,11 @@ const Pe = c({ name: "lucide-plus", render: He }), Re = {
195
195
  },
196
196
  emits: ["update:value"],
197
197
  setup(e, { emit: t }) {
198
- const p = O(null), r = O(""), m = re("inputRef"), v = f(() => ie(e.value)), M = f(() => v.value === "number"), j = f(() => v.value === "bigint"), R = f(() => v.value === "string"), W = f(() => v.value === "boolean"), z = f(() => se(e.value)), Z = f(
199
- () => !z.value && (M.value || R.value)
198
+ const p = O(null), r = O(""), m = re("inputRef"), v = f(() => ie(e.value)), z = f(() => v.value === "number"), S = f(() => v.value === "bigint"), R = f(() => v.value === "string"), W = f(() => v.value === "boolean"), M = f(() => se(e.value)), Z = f(
199
+ () => !M.value && (z.value || R.value)
200
200
  ), _ = f(
201
- () => !z.value && (M.value || R.value)
202
- ), ee = f(() => !z.value && !e.readonly), S = O(!1), k = f(() => Array.isArray(e.value) && e.value.length > 0 || A(e.value) && Object.keys(e.value).length > 0 || e.value instanceof Map && e.value.size > 0 || e.value instanceof Set && e.value.size > 0), te = f(() => {
201
+ () => !M.value && (z.value || R.value)
202
+ ), ee = f(() => !M.value && !e.readonly), j = O(!1), k = f(() => Array.isArray(e.value) && e.value.length > 0 || A(e.value) && Object.keys(e.value).length > 0 || e.value instanceof Map && e.value.size > 0 || e.value instanceof Set && e.value.size > 0), te = f(() => {
203
203
  const i = e.value;
204
204
  return Array.isArray(i) ? i.map((l, g) => [g, l]) : A(i) ? Object.entries(i) : i instanceof Map ? i.entries() : i instanceof Set ? Array.from(i).map((l, g) => [g, l]) : [];
205
205
  }), B = t;
@@ -254,12 +254,12 @@ const Pe = c({ name: "lucide-plus", render: He }), Re = {
254
254
  B("update:value", e.path, !e.value);
255
255
  }
256
256
  function D() {
257
- k.value && (S.value = !S.value);
257
+ k.value && (j.value = !j.value);
258
258
  }
259
259
  return (i, l) => {
260
- const g = ce("JsonItem", !0);
260
+ const g = ue("JsonItem", !0);
261
261
  return a(), o("div", {
262
- style: ue({ paddingLeft: `${e.depth * 0.35}em` }),
262
+ style: ce({ paddingLeft: `${e.depth * 0.35}em` }),
263
263
  class: h(["ring-(--ui-bg-muted)", {
264
264
  "hover:ring": k.value,
265
265
  "rounded-tl": e.depth > 0
@@ -270,7 +270,7 @@ const Pe = c({ name: "lucide-plus", render: He }), Re = {
270
270
  }, [
271
271
  k.value ? (a(), w(s(ye), {
272
272
  key: 0,
273
- class: h(["size-3 text-(--ui-text-dimmed) transition-transform duration-200 cursor-pointer", { "rotate-90": S.value }]),
273
+ class: h(["size-3 text-(--ui-text-dimmed) transition-transform duration-200 cursor-pointer", { "rotate-90": j.value }]),
274
274
  onClick: D
275
275
  }, null, 8, ["class"])) : b("", !0),
276
276
  n("span", {
@@ -324,7 +324,7 @@ const Pe = c({ name: "lucide-plus", render: He }), Re = {
324
324
  onDblclick: l[1] || (l[1] = K((u) => !e.readonly && V("simple"), ["stop"]))
325
325
  }, C(s(I)(e.value)), 35),
326
326
  e.readonly ? b("", !0) : (a(), o("span", De, [
327
- M.value || j.value ? (a(), w(y, {
327
+ z.value || S.value ? (a(), w(y, {
328
328
  key: 0,
329
329
  size: "xs",
330
330
  variant: "outline",
@@ -336,7 +336,7 @@ const Pe = c({ name: "lucide-plus", render: He }), Re = {
336
336
  ]),
337
337
  _: 1
338
338
  })) : b("", !0),
339
- M.value || j.value ? (a(), w(y, {
339
+ z.value || S.value ? (a(), w(y, {
340
340
  key: 1,
341
341
  size: "xs",
342
342
  variant: "outline",
@@ -374,8 +374,8 @@ const Pe = c({ name: "lucide-plus", render: He }), Re = {
374
374
  })) : b("", !0)
375
375
  ]))
376
376
  ], 64))
377
- ])) : !k.value && W.value && !z.value ? (a(), o("span", qe, [
378
- (a(), w(G(e.value ? s(Ve) : s(Me)), {
377
+ ])) : !k.value && W.value && !M.value ? (a(), o("span", qe, [
378
+ (a(), w(G(e.value ? s(Ve) : s(ze)), {
379
379
  class: h(["size-3 text-(--ui-text-muted)", !e.readonly && "cursor-pointer hover:text-(--ui-text)"]),
380
380
  title: e.readonly ? void 0 : `Click to toggle (current: ${e.value})`,
381
381
  onClick: l[4] || (l[4] = (u) => !e.readonly && U())
@@ -384,7 +384,7 @@ const Pe = c({ name: "lucide-plus", render: He }), Re = {
384
384
  class: h([s($)(e.value), !e.readonly && "cursor-pointer"]),
385
385
  onClick: l[5] || (l[5] = (u) => !e.readonly && U())
386
386
  }, C(s(I)(e.value)), 3)
387
- ])) : !k.value && (v.value === "null" || v.value === "undefined") && !z.value ? (a(), o("span", Ke, [
387
+ ])) : !k.value && (v.value === "null" || v.value === "undefined") && !M.value ? (a(), o("span", Ke, [
388
388
  !e.readonly && p.value ? (a(), o("span", Ye, [
389
389
  H(n("input", {
390
390
  ref_key: "inputRef",
@@ -452,7 +452,7 @@ const Pe = c({ name: "lucide-plus", render: He }), Re = {
452
452
  onClick: D
453
453
  }, C(s(I)(e.value)), 11, Xe))
454
454
  ], 2),
455
- k.value && S.value ? (a(!0), o(J, { key: 0 }, Q(te.value, ([u, le]) => (a(), w(g, {
455
+ k.value && j.value ? (a(!0), o(J, { key: 0 }, Q(te.value, ([u, le]) => (a(), w(g, {
456
456
  key: u,
457
457
  "item-key": String(u),
458
458
  value: le,
@@ -477,15 +477,15 @@ const pt = /* @__PURE__ */ P({
477
477
  emits: ["update:value"],
478
478
  setup(e, { emit: t }) {
479
479
  const p = t;
480
- return (r, m) => Qe(e.data) ? (a(!0), o(J, { key: 0 }, Q(Object.entries(e.data), ([v, M]) => (a(), w(Ge, {
480
+ return (r, m) => Qe(e.data) ? (a(!0), o(J, { key: 0 }, Q(Object.entries(e.data), ([v, z]) => (a(), w(Ge, {
481
481
  class: "font-mono",
482
482
  key: v,
483
483
  "item-key": v,
484
- value: M,
484
+ value: z,
485
485
  depth: 0,
486
486
  path: [v],
487
487
  readonly: e.readonly,
488
- "onUpdate:value": m[0] || (m[0] = (...j) => p("update:value", ...j))
488
+ "onUpdate:value": m[0] || (m[0] = (...S) => p("update:value", ...S))
489
489
  }, null, 8, ["item-key", "value", "path", "readonly"]))), 128)) : (a(), o("span", {
490
490
  key: 1,
491
491
  class: h(["font-mono", s($)(e.data)])
@@ -529,7 +529,7 @@ function et(e, t) {
529
529
  }
530
530
  const gt = c({ name: "lucide-rotate-ccw", render: et }), tt = { class: "collapse collapse-arrow" }, nt = { class: "collapse-title px-2 py-0.5 bg-neutral-200 dark:bg-neutral-800 theme-neutral" }, at = { class: "font-semibold text-sm flex gap-x-1 items-center" }, lt = /* @__PURE__ */ P({
531
531
  __name: "UCollapse.ce",
532
- props: /* @__PURE__ */ ve({
532
+ props: /* @__PURE__ */ fe({
533
533
  title: { type: String },
534
534
  icon: { type: null },
535
535
  noPadding: { type: Boolean }
@@ -539,7 +539,7 @@ const gt = c({ name: "lucide-rotate-ccw", render: et }), tt = { class: "collapse
539
539
  }),
540
540
  emits: ["update:open"],
541
541
  setup(e) {
542
- const t = he(e, "open");
542
+ const t = ve(e, "open");
543
543
  function p(r) {
544
544
  if (r.target instanceof HTMLElement) {
545
545
  const m = {
@@ -555,7 +555,7 @@ const gt = c({ name: "lucide-rotate-ccw", render: et }), tt = { class: "collapse
555
555
  "onUpdate:modelValue": m[0] || (m[0] = (v) => t.value = v),
556
556
  type: "checkbox"
557
557
  }, null, 512), [
558
- [me, t.value]
558
+ [he, t.value]
559
559
  ]),
560
560
  n("div", nt, [
561
561
  T(r.$slots, "title", {
@@ -569,7 +569,7 @@ const gt = c({ name: "lucide-rotate-ccw", render: et }), tt = { class: "collapse
569
569
  class: "size-4"
570
570
  })) : b("", !0)
571
571
  ], !0),
572
- fe(" " + C(e.title ?? "Group"), 1)
572
+ me(" " + C(e.title ?? "Group"), 1)
573
573
  ])
574
574
  ], !0)
575
575
  ]),
@@ -667,12 +667,12 @@ const $t = c({ name: "lucide-circle-x", render: ht });
667
667
  export {
668
668
  bt as I,
669
669
  yt as _,
670
- xt as a,
671
- wt as b,
672
- $t as c,
673
- Y as d,
674
- gt as e,
675
- kt as f,
676
- pt as g
670
+ gt as a,
671
+ kt as b,
672
+ xt as c,
673
+ pt as d,
674
+ wt as e,
675
+ $t as f,
676
+ Y as g
677
677
  };
678
- //# sourceMappingURL=circle-x-eNhJ6QJ3.js.map
678
+ //# sourceMappingURL=circle-x-InxlHvaS.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"circle-x-eNhJ6QJ3.js","sources":["../src/panel/components/editable-json/JsonItem.vue","../src/panel/components/editable-json/JsonViewer.vue","../src/panel/components/UCollapse.ce.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, nextTick, useTemplateRef } from 'vue'\nimport type { JSONValue } from '@pinia/colada-devtools/shared'\nimport {\n formatValue,\n getValueTypeClass,\n isPlainObject,\n getValueType,\n isNonSerializableValue,\n} from '@pinia/colada-devtools/shared'\nimport UButton from '../UButton.ce.vue'\nimport ILucideChevronRight from '~icons/lucide/chevron-right'\nimport ILucidePencil from '~icons/lucide/pencil'\nimport ILucideSquare from '~icons/lucide/square'\nimport ILucideCheckSquare from '~icons/lucide/check-square'\nimport ILucideBraces from '~icons/lucide/braces'\nimport ILucideSave from '~icons/lucide/save'\nimport ILucideUndo from '~icons/lucide/undo'\nimport ILucideMinus from '~icons/lucide/minus'\nimport ILucidePlus from '~icons/lucide/plus'\n\nconst {\n itemKey,\n value,\n depth,\n path = [],\n readonly,\n} = defineProps<{\n itemKey: string\n value: JSONValue | Map<PropertyKey, any> | Set<unknown>\n depth: number\n path?: Array<string | number>\n readonly?: boolean\n}>()\n\n// Editing state\nconst editMode = ref<'simple' | 'json' | null>(null)\nconst editValue = ref<string>('')\nconst inputRef = useTemplateRef('inputRef')\n\n// Value type helpers\nconst valueType = computed(() => getValueType(value))\nconst isNumber = computed(() => valueType.value === 'number')\nconst isBigInt = computed(() => valueType.value === 'bigint')\nconst isString = computed(() => valueType.value === 'string')\nconst isBoolean = computed(() => valueType.value === 'boolean')\n\nconst isCustomValue = computed(() => isNonSerializableValue(value))\n\nconst isEditablePrimitive = computed(\n () => !isCustomValue.value && (isNumber.value || isString.value),\n)\n\nconst isEditableViaSimple = computed(\n () => !isCustomValue.value && (isNumber.value || isString.value),\n)\n\n// TODO: only readonly are non-editable via JSON\n// that includes readonly prop and custom values\nconst isEditableViaJson = computed(() => !isCustomValue.value && !readonly)\n\nconst isExpanded = ref(false)\n\nconst isExpandable = computed(() => {\n return (\n (Array.isArray(value) && value.length > 0) ||\n (isPlainObject(value) && Object.keys(value).length > 0) ||\n (value instanceof Map && value.size > 0) ||\n (value instanceof Set && value.size > 0)\n )\n})\n\nconst keyValuePairs = computed<Iterable<[PropertyKey, any]>>(() => {\n // for perf to avoid reading props.value multiple times\n const readValue = value\n if (Array.isArray(readValue)) {\n return readValue.map((v, i) => [i, v] as const)\n } else if (isPlainObject(readValue)) {\n return Object.entries(readValue)\n } else if (readValue instanceof Map) {\n return readValue.entries()\n } else if (readValue instanceof Set) {\n return Array.from(readValue).map((v, i) => [i, v] as const)\n }\n return []\n})\n\nconst emit = defineEmits<{\n 'update:value': [path: Array<string | number>, value: unknown]\n}>()\n\n// Editing methods\nfunction enterEditMode(mode: 'simple' | 'json' = 'simple') {\n editMode.value = mode\n\n if (mode === 'json') {\n // JSON mode: use JSON.stringify representation\n if (value === undefined) {\n editValue.value = 'undefined'\n } else {\n editValue.value = JSON.stringify(value)\n }\n } else if (mode === 'simple') {\n // most editable values work like this\n editValue.value = String(value)\n }\n\n // Auto-focus the input\n nextTick(() => {\n inputRef.value?.focus()\n })\n}\n\nfunction saveEdit() {\n let newValue: unknown\n\n if (editMode.value === 'json') {\n try {\n // cannot use JSON.parse for undefined\n if (editValue.value === 'undefined') {\n newValue = undefined\n } else {\n newValue = JSON.parse(editValue.value)\n }\n } catch (error) {\n // TODO: display a warning and stay in edit mode\n console.error('Invalid JSON:', error)\n // cancelEdit()\n return\n }\n } else {\n switch (valueType.value) {\n case 'bigint':\n try {\n newValue = BigInt(editValue.value)\n } catch (error) {\n console.error('Invalid BigInt:', error)\n // TODO: display a warning\n return\n }\n break\n case 'number':\n newValue = Number(editValue.value)\n if (Number.isNaN(newValue)) {\n console.error('Invalid number')\n // TODO: display a warning\n return\n }\n break\n default:\n newValue = editValue.value\n break\n }\n }\n\n emit('update:value', path, newValue)\n editMode.value = null\n}\n\nfunction cancelEdit() {\n editMode.value = null\n editValue.value = ''\n}\n\nfunction increment(event: MouseEvent) {\n const step = event.shiftKey ? 10 : 1\n const newValue = (value as number) + step\n emit('update:value', path, newValue)\n}\n\nfunction decrement(event: MouseEvent) {\n const step = event.shiftKey ? 10 : 1\n const newValue = (value as number) - step\n emit('update:value', path, newValue)\n}\n\nfunction toggleBoolean() {\n emit('update:value', path, !value)\n}\n\nfunction toggleExpansion() {\n if (!isExpandable.value) return\n isExpanded.value = !isExpanded.value\n}\n\n// TODO: rework the indentation of nested items, it's currently bugged: it increases too much and is too small at the beginning\n</script>\n\n<template>\n <div\n :style=\"{ paddingLeft: `${depth * 0.35}em` }\"\n class=\"ring-(--ui-bg-muted)\"\n :class=\"{\n 'hover:ring': isExpandable,\n 'rounded-tl': depth > 0,\n }\"\n >\n <div\n class=\"group flex items-center gap-2 py-0.5 bg-transparent hover:bg-(--ui-bg-muted) duration-200 transition-colors\"\n :class=\"depth > 0 && 'rounded-l'\"\n >\n <ILucideChevronRight\n v-if=\"isExpandable\"\n class=\"size-3 text-(--ui-text-dimmed) transition-transform duration-200 cursor-pointer\"\n :class=\"{ 'rotate-90': isExpanded }\"\n @click=\"toggleExpansion\"\n />\n\n <!-- Maintain alignment by adding left margin when chevron is absent -->\n <span class=\"text-(--devtools-syntax-gray)\" :class=\"!isExpandable && 'ml-5'\">\n {{ itemKey }}:\n </span>\n\n <!-- Editable primitive value -->\n <span v-if=\"!isExpandable && isEditablePrimitive\" class=\"flex\">\n <!-- Editing mode -->\n <span v-if=\"!readonly && editMode\" class=\"inline-flex items-center gap-1\">\n <input\n ref=\"inputRef\"\n v-model=\"editValue\"\n class=\"px-1\"\n :class=\"getValueTypeClass(value)\"\n autocomplete=\"off\"\n spellcheck=\"false\"\n autocorrect=\"off\"\n autocapitalize=\"off\"\n data-1p-ignore\n data-lpignore=\"true\"\n @keydown.enter=\"saveEdit\"\n @keydown.escape=\"cancelEdit\"\n />\n <UButton size=\"xs\" variant=\"outline\" title=\"Cancel changes (Esc)\" @click=\"cancelEdit\">\n <ILucideUndo class=\"size-3\" />\n </UButton>\n <UButton size=\"xs\" variant=\"outline\" title=\"Save changes (Enter)\" @click=\"saveEdit\">\n <ILucideSave class=\"size-3\" />\n </UButton>\n </span>\n\n <!-- Display mode -->\n <template v-else>\n <span\n :class=\"getValueTypeClass(value)\"\n @dblclick.stop=\"!readonly && enterEditMode('simple')\"\n >\n {{ formatValue(value) }}\n </span>\n\n <!-- Edit controls (shown on hover via Tailwind group) -->\n <span v-if=\"!readonly\" class=\"hidden group-hover:flex gap-0.5 ml-1 align-middle\">\n <UButton\n v-if=\"isNumber || isBigInt\"\n size=\"xs\"\n variant=\"outline\"\n title=\"Decrement value (Shift for -10)\"\n @click=\"decrement\"\n >\n <ILucideMinus class=\"size-3\" />\n </UButton>\n <UButton\n v-if=\"isNumber || isBigInt\"\n size=\"xs\"\n variant=\"outline\"\n title=\"Increment value (Shift for +10)\"\n @click=\"increment\"\n >\n <ILucidePlus class=\"size-3\" />\n </UButton>\n\n <!-- Simple edit button - only for strings and numbers -->\n <UButton\n v-if=\"isEditableViaSimple\"\n size=\"xs\"\n variant=\"outline\"\n title=\"Edit value\"\n @click=\"enterEditMode('simple')\"\n >\n <ILucidePencil class=\"size-3\" />\n </UButton>\n\n <!-- JSON edit button - for all editable values -->\n <UButton\n v-if=\"isEditableViaJson\"\n size=\"xs\"\n variant=\"outline\"\n title=\"Edit as JSON\"\n @click=\"enterEditMode('json')\"\n >\n <ILucideBraces class=\"size-3\" />\n </UButton>\n </span>\n </template>\n </span>\n\n <!-- Boolean value with checkbox -->\n <span\n v-else-if=\"!isExpandable && isBoolean && !isCustomValue\"\n class=\"inline-flex items-center gap-1\"\n >\n <component\n :is=\"value ? ILucideCheckSquare : ILucideSquare\"\n class=\"size-3 text-(--ui-text-muted)\"\n :class=\"!readonly && 'cursor-pointer hover:text-(--ui-text)'\"\n :title=\"readonly ? undefined : `Click to toggle (current: ${value})`\"\n @click=\"!readonly && toggleBoolean()\"\n />\n <span\n :class=\"[getValueTypeClass(value), !readonly && 'cursor-pointer']\"\n @click=\"!readonly && toggleBoolean()\"\n >\n {{ formatValue(value) }}\n </span>\n </span>\n\n <!-- Editable null/undefined with JSON mode only -->\n <span\n v-else-if=\"\n !isExpandable && (valueType === 'null' || valueType === 'undefined') && !isCustomValue\n \"\n class=\"inline\"\n >\n <!-- Editing mode -->\n <span v-if=\"!readonly && editMode\" class=\"inline-flex items-center gap-1\">\n <input\n ref=\"inputRef\"\n v-model=\"editValue\"\n class=\"px-1\"\n :class=\"getValueTypeClass(value)\"\n autocomplete=\"off\"\n spellcheck=\"false\"\n autocorrect=\"off\"\n autocapitalize=\"off\"\n data-1p-ignore\n data-lpignore=\"true\"\n @keydown.enter=\"saveEdit\"\n @keydown.escape=\"cancelEdit\"\n />\n <UButton size=\"xs\" variant=\"outline\" title=\"Cancel changes (Esc)\" @click=\"cancelEdit\">\n <ILucideUndo class=\"size-3\" />\n </UButton>\n <UButton size=\"xs\" variant=\"outline\" title=\"Save changes (Enter)\" @click=\"saveEdit\">\n <ILucideSave class=\"size-3\" />\n </UButton>\n </span>\n\n <!-- Display mode -->\n <template v-else>\n <span\n :class=\"getValueTypeClass(value)\"\n @dblclick.stop=\"!readonly && enterEditMode('json')\"\n >\n {{ formatValue(value) }}\n </span>\n\n <!-- Edit controls (JSON mode only) -->\n <span v-if=\"!readonly\" class=\"hidden group-hover:inline-flex gap-0.5 ml-1 align-middle\">\n <UButton\n size=\"xs\"\n variant=\"outline\"\n title=\"Edit as JSON\"\n @click=\"enterEditMode('json')\"\n >\n <ILucideBraces class=\"size-3\" />\n </UButton>\n </span>\n </template>\n </span>\n\n <!-- Non-editable value (expandable or non-primitive) -->\n <span\n v-else\n :class=\"[getValueTypeClass(value), isExpandable && 'cursor-pointer']\"\n :title=\"isExpandable ? 'Click to expand' : undefined\"\n @click=\"toggleExpansion\"\n >\n {{ formatValue(value) }}\n </span>\n </div>\n\n <!-- Expanded children -->\n <template v-if=\"isExpandable && isExpanded\">\n <JsonItem\n v-for=\"[childKey, childValue] of keyValuePairs\"\n :key=\"childKey\"\n :item-key=\"String(childKey)\"\n :value=\"childValue\"\n :depth=\"depth + 1\"\n :path=\"typeof childKey === 'symbol' ? undefined : [...path, childKey]\"\n :readonly=\"readonly\"\n @update:value=\"(...args) => emit('update:value', ...args)\"\n />\n </template>\n </div>\n</template>\n","<script lang=\"ts\">\nfunction isExpandable(\n value: unknown,\n): value is unknown[] | Record<string, unknown> | Map<unknown, unknown> | Set<unknown> {\n return (\n !!value &&\n (Array.isArray(value) || isPlainObject(value) || value instanceof Map || value instanceof Set)\n )\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { formatValue, getValueTypeClass, isPlainObject } from '@pinia/colada-devtools/shared'\nimport JsonItem from './JsonItem.vue'\n\ndefineProps<{\n data: unknown\n readonly?: boolean\n}>()\n\nconst emit = defineEmits<{\n 'update:value': [path: Array<string | number>, value: unknown]\n}>()\n</script>\n\n<template>\n <!-- Handle expandable items -->\n <template v-if=\"isExpandable(data)\">\n <JsonItem\n class=\"font-mono\"\n v-for=\"[key, value] in Object.entries(data)\"\n :key=\"key\"\n :item-key=\"key\"\n :value=\"value\"\n :depth=\"0\"\n :path=\"[key]\"\n :readonly\n @update:value=\"(...args) => emit('update:value', ...args)\"\n />\n </template>\n <!-- Handle primitive root values -->\n <template v-else>\n <span class=\"font-mono\" :class=\"getValueTypeClass(data)\">{{ formatValue(data) }}</span>\n </template>\n</template>\n","<script setup lang=\"ts\">\nimport type { Component } from 'vue'\n\ndefineProps<{\n title?: string\n icon?: Component\n noPadding?: boolean\n}>()\n\nconst open = defineModel<boolean>('open', {\n default: true,\n})\n\nfunction scrollIfNeeded(event: TransitionEvent) {\n if (event.target instanceof HTMLElement) {\n const scrollOptions: ScrollIntoViewOptions = {\n block: 'nearest',\n inline: 'nearest',\n behavior: 'smooth',\n }\n event.target.scrollIntoView(scrollOptions)\n }\n}\n</script>\n\n<template>\n <div class=\"collapse collapse-arrow\">\n <input v-model=\"open\" type=\"checkbox\" />\n <div class=\"collapse-title px-2 py-0.5 bg-neutral-200 dark:bg-neutral-800 theme-neutral\">\n <slot name=\"title\" :open :title>\n <h3 class=\"font-semibold text-sm flex gap-x-1 items-center\">\n <slot name=\"icon\">\n <component :is=\"icon\" v-if=\"icon\" class=\"size-4\" />\n </slot>\n {{ title ?? 'Group' }}\n </h3>\n </slot>\n </div>\n <div\n :class=\"!noPadding && 'px-2'\"\n class=\"collapse-content text-sm overflow-hidden\"\n @transitionend=\"scrollIfNeeded\"\n >\n <slot :open />\n </div>\n </div>\n</template>\n\n<style scoped>\n.collapse:not(td, tr, colgroup) {\n visibility: visible;\n}\n\n.collapse {\n position: relative;\n display: grid;\n overflow: hidden;\n width: 100%;\n grid-template-rows: max-content 0fr;\n transition: grid-template-rows 0.2s;\n isolation: isolate;\n\n > input:is([type='checkbox'], [type='radio']) {\n grid-column-start: 1;\n grid-row-start: 1;\n appearance: none;\n opacity: 0;\n }\n\n &:is([open], :focus),\n &:has(> input:is([type='checkbox'], [type='radio']):checked) {\n grid-template-rows: max-content 1fr;\n }\n\n &:is([open], :focus) > .collapse-content,\n &:not(.collapse-close)\n > :where(input:is([type='checkbox'], [type='radio']):checked ~ .collapse-content) {\n visibility: visible;\n min-height: fit-content;\n }\n &:focus-visible,\n &:has(> input:is([type='checkbox'], [type='radio']):focus-visible) {\n outline-color: var(--ui-text);\n outline-style: solid;\n outline-width: 2px;\n outline-offset: 2px;\n }\n\n &:not(.collapse-close) {\n > input[type='checkbox'],\n > input[type='radio']:not(:checked),\n > .collapse-title {\n cursor: pointer;\n }\n }\n\n &:focus:not(.collapse-close, .collapse[open]) > .collapse-title {\n cursor: unset;\n }\n\n &:is([open]) {\n &.collapse-arrow {\n > .collapse-title:after {\n transform: translateY(-50%) rotate(225deg);\n }\n }\n }\n\n &.collapse-arrow:focus {\n > .collapse-title:after {\n transform: translateY(-50%) rotate(225deg);\n }\n }\n\n &.collapse-arrow {\n > input:is([type='checkbox'], [type='radio']):checked ~ .collapse-title:after {\n transform: translateY(-50%) rotate(225deg);\n }\n }\n\n > input:is([type='checkbox'], [type='radio']) {\n z-index: 1;\n width: 100%;\n }\n}\n\n.collapse-title,\n.collapse-content {\n grid-column-start: 1;\n grid-row-start: 1;\n}\n\n.collapse-content {\n visibility: hidden;\n grid-column-start: 1;\n grid-row-start: 2;\n min-height: 0;\n cursor: unset;\n transition: visibility 0.2s;\n}\n\n.collapse-arrow {\n > .collapse-title:after {\n position: absolute;\n display: block;\n height: 0.5rem;\n width: 0.5rem;\n transform: translateY(-100%) rotate(45deg);\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 0.2s;\n top: 50%;\n right: 0.8em;\n inset-inline-end: 0.75rem;\n content: '';\n transform-origin: 75% 75%;\n box-shadow: 2px 2px;\n pointer-events: none;\n }\n}\n\n.collapse-title {\n position: relative;\n width: 100%;\n transition: background-color 0.2s ease-out;\n}\n</style>\n"],"names":["editMode","ref","editValue","inputRef","useTemplateRef","valueType","computed","getValueType","__props","isNumber","isBigInt","isString","isBoolean","isCustomValue","isNonSerializableValue","isEditablePrimitive","isEditableViaSimple","isEditableViaJson","isExpanded","isExpandable","isPlainObject","keyValuePairs","readValue","v","i","emit","__emit","enterEditMode","mode","nextTick","saveEdit","newValue","error","cancelEdit","increment","event","step","decrement","toggleBoolean","toggleExpansion","_createElementBlock","_createElementVNode","_normalizeClass","_createBlock","_unref","ILucideChevronRight","_toDisplayString","_openBlock","_hoisted_1","_hoisted_2","$event","getValueTypeClass","_createVNode","UButton","ILucideUndo","ILucideSave","_Fragment","_cache","_withModifiers","formatValue","_hoisted_3","ILucideMinus","ILucidePlus","ILucidePencil","ILucideBraces","_hoisted_4","_resolveDynamicComponent","ILucideCheckSquare","ILucideSquare","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_renderList","childKey","childValue","_component_JsonItem","args","value","key","JsonItem","open","_useModel","scrollIfNeeded","scrollOptions","_renderSlot","_ctx","_createTextVNode"],"mappings":"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"}
1
+ {"version":3,"file":"circle-x-InxlHvaS.js","sources":["../src/panel/components/editable-json/JsonItem.vue","../src/panel/components/editable-json/JsonViewer.vue","../src/panel/components/UCollapse.ce.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, nextTick, useTemplateRef } from 'vue'\nimport type { JSONValue } from '@pinia/colada-devtools/shared'\nimport {\n formatValue,\n getValueTypeClass,\n isPlainObject,\n getValueType,\n isNonSerializableValue,\n} from '@pinia/colada-devtools/shared'\nimport UButton from '../UButton.ce.vue'\nimport ILucideChevronRight from '~icons/lucide/chevron-right'\nimport ILucidePencil from '~icons/lucide/pencil'\nimport ILucideSquare from '~icons/lucide/square'\nimport ILucideCheckSquare from '~icons/lucide/check-square'\nimport ILucideBraces from '~icons/lucide/braces'\nimport ILucideSave from '~icons/lucide/save'\nimport ILucideUndo from '~icons/lucide/undo'\nimport ILucideMinus from '~icons/lucide/minus'\nimport ILucidePlus from '~icons/lucide/plus'\n\nconst {\n itemKey,\n value,\n depth,\n path = [],\n readonly,\n} = defineProps<{\n itemKey: string\n value: JSONValue | Map<PropertyKey, any> | Set<unknown>\n depth: number\n path?: Array<string | number>\n readonly?: boolean\n}>()\n\n// Editing state\nconst editMode = ref<'simple' | 'json' | null>(null)\nconst editValue = ref<string>('')\nconst inputRef = useTemplateRef('inputRef')\n\n// Value type helpers\nconst valueType = computed(() => getValueType(value))\nconst isNumber = computed(() => valueType.value === 'number')\nconst isBigInt = computed(() => valueType.value === 'bigint')\nconst isString = computed(() => valueType.value === 'string')\nconst isBoolean = computed(() => valueType.value === 'boolean')\n\nconst isCustomValue = computed(() => isNonSerializableValue(value))\n\nconst isEditablePrimitive = computed(\n () => !isCustomValue.value && (isNumber.value || isString.value),\n)\n\nconst isEditableViaSimple = computed(\n () => !isCustomValue.value && (isNumber.value || isString.value),\n)\n\n// TODO: only readonly are non-editable via JSON\n// that includes readonly prop and custom values\nconst isEditableViaJson = computed(() => !isCustomValue.value && !readonly)\n\nconst isExpanded = ref(false)\n\nconst isExpandable = computed(() => {\n return (\n (Array.isArray(value) && value.length > 0) ||\n (isPlainObject(value) && Object.keys(value).length > 0) ||\n (value instanceof Map && value.size > 0) ||\n (value instanceof Set && value.size > 0)\n )\n})\n\nconst keyValuePairs = computed<Iterable<[PropertyKey, any]>>(() => {\n // for perf to avoid reading props.value multiple times\n const readValue = value\n if (Array.isArray(readValue)) {\n return readValue.map((v, i) => [i, v] as const)\n } else if (isPlainObject(readValue)) {\n return Object.entries(readValue)\n } else if (readValue instanceof Map) {\n return readValue.entries()\n } else if (readValue instanceof Set) {\n return Array.from(readValue).map((v, i) => [i, v] as const)\n }\n return []\n})\n\nconst emit = defineEmits<{\n 'update:value': [path: Array<string | number>, value: unknown]\n}>()\n\n// Editing methods\nfunction enterEditMode(mode: 'simple' | 'json' = 'simple') {\n editMode.value = mode\n\n if (mode === 'json') {\n // JSON mode: use JSON.stringify representation\n if (value === undefined) {\n editValue.value = 'undefined'\n } else {\n editValue.value = JSON.stringify(value)\n }\n } else if (mode === 'simple') {\n // most editable values work like this\n editValue.value = String(value)\n }\n\n // Auto-focus the input\n nextTick(() => {\n inputRef.value?.focus()\n })\n}\n\nfunction saveEdit() {\n let newValue: unknown\n\n if (editMode.value === 'json') {\n try {\n // cannot use JSON.parse for undefined\n if (editValue.value === 'undefined') {\n newValue = undefined\n } else {\n newValue = JSON.parse(editValue.value)\n }\n } catch (error) {\n // TODO: display a warning and stay in edit mode\n console.error('Invalid JSON:', error)\n // cancelEdit()\n return\n }\n } else {\n switch (valueType.value) {\n case 'bigint':\n try {\n newValue = BigInt(editValue.value)\n } catch (error) {\n console.error('Invalid BigInt:', error)\n // TODO: display a warning\n return\n }\n break\n case 'number':\n newValue = Number(editValue.value)\n if (Number.isNaN(newValue)) {\n console.error('Invalid number')\n // TODO: display a warning\n return\n }\n break\n default:\n newValue = editValue.value\n break\n }\n }\n\n emit('update:value', path, newValue)\n editMode.value = null\n}\n\nfunction cancelEdit() {\n editMode.value = null\n editValue.value = ''\n}\n\nfunction increment(event: MouseEvent) {\n const step = event.shiftKey ? 10 : 1\n const newValue = (value as number) + step\n emit('update:value', path, newValue)\n}\n\nfunction decrement(event: MouseEvent) {\n const step = event.shiftKey ? 10 : 1\n const newValue = (value as number) - step\n emit('update:value', path, newValue)\n}\n\nfunction toggleBoolean() {\n emit('update:value', path, !value)\n}\n\nfunction toggleExpansion() {\n if (!isExpandable.value) return\n isExpanded.value = !isExpanded.value\n}\n\n// TODO: rework the indentation of nested items, it's currently bugged: it increases too much and is too small at the beginning\n</script>\n\n<template>\n <div\n :style=\"{ paddingLeft: `${depth * 0.35}em` }\"\n class=\"ring-(--ui-bg-muted)\"\n :class=\"{\n 'hover:ring': isExpandable,\n 'rounded-tl': depth > 0,\n }\"\n >\n <div\n class=\"group flex items-center gap-2 py-0.5 bg-transparent hover:bg-(--ui-bg-muted) duration-200 transition-colors\"\n :class=\"depth > 0 && 'rounded-l'\"\n >\n <ILucideChevronRight\n v-if=\"isExpandable\"\n class=\"size-3 text-(--ui-text-dimmed) transition-transform duration-200 cursor-pointer\"\n :class=\"{ 'rotate-90': isExpanded }\"\n @click=\"toggleExpansion\"\n />\n\n <!-- Maintain alignment by adding left margin when chevron is absent -->\n <span class=\"text-(--devtools-syntax-gray)\" :class=\"!isExpandable && 'ml-5'\">\n {{ itemKey }}:\n </span>\n\n <!-- Editable primitive value -->\n <span v-if=\"!isExpandable && isEditablePrimitive\" class=\"flex\">\n <!-- Editing mode -->\n <span v-if=\"!readonly && editMode\" class=\"inline-flex items-center gap-1\">\n <input\n ref=\"inputRef\"\n v-model=\"editValue\"\n class=\"px-1\"\n :class=\"getValueTypeClass(value)\"\n autocomplete=\"off\"\n spellcheck=\"false\"\n autocorrect=\"off\"\n autocapitalize=\"off\"\n data-1p-ignore\n data-lpignore=\"true\"\n @keydown.enter=\"saveEdit\"\n @keydown.escape=\"cancelEdit\"\n />\n <UButton size=\"xs\" variant=\"outline\" title=\"Cancel changes (Esc)\" @click=\"cancelEdit\">\n <ILucideUndo class=\"size-3\" />\n </UButton>\n <UButton size=\"xs\" variant=\"outline\" title=\"Save changes (Enter)\" @click=\"saveEdit\">\n <ILucideSave class=\"size-3\" />\n </UButton>\n </span>\n\n <!-- Display mode -->\n <template v-else>\n <span\n :class=\"getValueTypeClass(value)\"\n @dblclick.stop=\"!readonly && enterEditMode('simple')\"\n >\n {{ formatValue(value) }}\n </span>\n\n <!-- Edit controls (shown on hover via Tailwind group) -->\n <span v-if=\"!readonly\" class=\"hidden group-hover:flex gap-0.5 ml-1 align-middle\">\n <UButton\n v-if=\"isNumber || isBigInt\"\n size=\"xs\"\n variant=\"outline\"\n title=\"Decrement value (Shift for -10)\"\n @click=\"decrement\"\n >\n <ILucideMinus class=\"size-3\" />\n </UButton>\n <UButton\n v-if=\"isNumber || isBigInt\"\n size=\"xs\"\n variant=\"outline\"\n title=\"Increment value (Shift for +10)\"\n @click=\"increment\"\n >\n <ILucidePlus class=\"size-3\" />\n </UButton>\n\n <!-- Simple edit button - only for strings and numbers -->\n <UButton\n v-if=\"isEditableViaSimple\"\n size=\"xs\"\n variant=\"outline\"\n title=\"Edit value\"\n @click=\"enterEditMode('simple')\"\n >\n <ILucidePencil class=\"size-3\" />\n </UButton>\n\n <!-- JSON edit button - for all editable values -->\n <UButton\n v-if=\"isEditableViaJson\"\n size=\"xs\"\n variant=\"outline\"\n title=\"Edit as JSON\"\n @click=\"enterEditMode('json')\"\n >\n <ILucideBraces class=\"size-3\" />\n </UButton>\n </span>\n </template>\n </span>\n\n <!-- Boolean value with checkbox -->\n <span\n v-else-if=\"!isExpandable && isBoolean && !isCustomValue\"\n class=\"inline-flex items-center gap-1\"\n >\n <component\n :is=\"value ? ILucideCheckSquare : ILucideSquare\"\n class=\"size-3 text-(--ui-text-muted)\"\n :class=\"!readonly && 'cursor-pointer hover:text-(--ui-text)'\"\n :title=\"readonly ? undefined : `Click to toggle (current: ${value})`\"\n @click=\"!readonly && toggleBoolean()\"\n />\n <span\n :class=\"[getValueTypeClass(value), !readonly && 'cursor-pointer']\"\n @click=\"!readonly && toggleBoolean()\"\n >\n {{ formatValue(value) }}\n </span>\n </span>\n\n <!-- Editable null/undefined with JSON mode only -->\n <span\n v-else-if=\"\n !isExpandable && (valueType === 'null' || valueType === 'undefined') && !isCustomValue\n \"\n class=\"inline\"\n >\n <!-- Editing mode -->\n <span v-if=\"!readonly && editMode\" class=\"inline-flex items-center gap-1\">\n <input\n ref=\"inputRef\"\n v-model=\"editValue\"\n class=\"px-1\"\n :class=\"getValueTypeClass(value)\"\n autocomplete=\"off\"\n spellcheck=\"false\"\n autocorrect=\"off\"\n autocapitalize=\"off\"\n data-1p-ignore\n data-lpignore=\"true\"\n @keydown.enter=\"saveEdit\"\n @keydown.escape=\"cancelEdit\"\n />\n <UButton size=\"xs\" variant=\"outline\" title=\"Cancel changes (Esc)\" @click=\"cancelEdit\">\n <ILucideUndo class=\"size-3\" />\n </UButton>\n <UButton size=\"xs\" variant=\"outline\" title=\"Save changes (Enter)\" @click=\"saveEdit\">\n <ILucideSave class=\"size-3\" />\n </UButton>\n </span>\n\n <!-- Display mode -->\n <template v-else>\n <span\n :class=\"getValueTypeClass(value)\"\n @dblclick.stop=\"!readonly && enterEditMode('json')\"\n >\n {{ formatValue(value) }}\n </span>\n\n <!-- Edit controls (JSON mode only) -->\n <span v-if=\"!readonly\" class=\"hidden group-hover:inline-flex gap-0.5 ml-1 align-middle\">\n <UButton\n size=\"xs\"\n variant=\"outline\"\n title=\"Edit as JSON\"\n @click=\"enterEditMode('json')\"\n >\n <ILucideBraces class=\"size-3\" />\n </UButton>\n </span>\n </template>\n </span>\n\n <!-- Non-editable value (expandable or non-primitive) -->\n <span\n v-else\n :class=\"[getValueTypeClass(value), isExpandable && 'cursor-pointer']\"\n :title=\"isExpandable ? 'Click to expand' : undefined\"\n @click=\"toggleExpansion\"\n >\n {{ formatValue(value) }}\n </span>\n </div>\n\n <!-- Expanded children -->\n <template v-if=\"isExpandable && isExpanded\">\n <JsonItem\n v-for=\"[childKey, childValue] of keyValuePairs\"\n :key=\"childKey\"\n :item-key=\"String(childKey)\"\n :value=\"childValue\"\n :depth=\"depth + 1\"\n :path=\"typeof childKey === 'symbol' ? undefined : [...path, childKey]\"\n :readonly=\"readonly\"\n @update:value=\"(...args) => emit('update:value', ...args)\"\n />\n </template>\n </div>\n</template>\n","<script lang=\"ts\">\nfunction isExpandable(\n value: unknown,\n): value is unknown[] | Record<string, unknown> | Map<unknown, unknown> | Set<unknown> {\n return (\n !!value &&\n (Array.isArray(value) || isPlainObject(value) || value instanceof Map || value instanceof Set)\n )\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { formatValue, getValueTypeClass, isPlainObject } from '@pinia/colada-devtools/shared'\nimport JsonItem from './JsonItem.vue'\n\ndefineProps<{\n data: unknown\n readonly?: boolean\n}>()\n\nconst emit = defineEmits<{\n 'update:value': [path: Array<string | number>, value: unknown]\n}>()\n</script>\n\n<template>\n <!-- Handle expandable items -->\n <template v-if=\"isExpandable(data)\">\n <JsonItem\n class=\"font-mono\"\n v-for=\"[key, value] in Object.entries(data)\"\n :key=\"key\"\n :item-key=\"key\"\n :value=\"value\"\n :depth=\"0\"\n :path=\"[key]\"\n :readonly\n @update:value=\"(...args) => emit('update:value', ...args)\"\n />\n </template>\n <!-- Handle primitive root values -->\n <template v-else>\n <span class=\"font-mono\" :class=\"getValueTypeClass(data)\">{{ formatValue(data) }}</span>\n </template>\n</template>\n","<script setup lang=\"ts\">\nimport type { Component } from 'vue'\n\ndefineProps<{\n title?: string\n icon?: Component\n noPadding?: boolean\n}>()\n\nconst open = defineModel<boolean>('open', {\n default: true,\n})\n\nfunction scrollIfNeeded(event: TransitionEvent) {\n if (event.target instanceof HTMLElement) {\n const scrollOptions: ScrollIntoViewOptions = {\n block: 'nearest',\n inline: 'nearest',\n behavior: 'smooth',\n }\n event.target.scrollIntoView(scrollOptions)\n }\n}\n</script>\n\n<template>\n <div class=\"collapse collapse-arrow\">\n <input v-model=\"open\" type=\"checkbox\" />\n <div class=\"collapse-title px-2 py-0.5 bg-neutral-200 dark:bg-neutral-800 theme-neutral\">\n <slot name=\"title\" :open :title>\n <h3 class=\"font-semibold text-sm flex gap-x-1 items-center\">\n <slot name=\"icon\">\n <component :is=\"icon\" v-if=\"icon\" class=\"size-4\" />\n </slot>\n {{ title ?? 'Group' }}\n </h3>\n </slot>\n </div>\n <div\n :class=\"!noPadding && 'px-2'\"\n class=\"collapse-content text-sm overflow-hidden\"\n @transitionend=\"scrollIfNeeded\"\n >\n <slot :open />\n </div>\n </div>\n</template>\n\n<style scoped>\n.collapse:not(td, tr, colgroup) {\n visibility: visible;\n}\n\n.collapse {\n position: relative;\n display: grid;\n overflow: hidden;\n width: 100%;\n grid-template-rows: max-content 0fr;\n transition: grid-template-rows 0.2s;\n isolation: isolate;\n\n > input:is([type='checkbox'], [type='radio']) {\n grid-column-start: 1;\n grid-row-start: 1;\n appearance: none;\n opacity: 0;\n }\n\n &:is([open], :focus),\n &:has(> input:is([type='checkbox'], [type='radio']):checked) {\n grid-template-rows: max-content 1fr;\n }\n\n &:is([open], :focus) > .collapse-content,\n &:not(.collapse-close)\n > :where(input:is([type='checkbox'], [type='radio']):checked ~ .collapse-content) {\n visibility: visible;\n min-height: fit-content;\n }\n &:focus-visible,\n &:has(> input:is([type='checkbox'], [type='radio']):focus-visible) {\n outline-color: var(--ui-text);\n outline-style: solid;\n outline-width: 2px;\n outline-offset: 2px;\n }\n\n &:not(.collapse-close) {\n > input[type='checkbox'],\n > input[type='radio']:not(:checked),\n > .collapse-title {\n cursor: pointer;\n }\n }\n\n &:focus:not(.collapse-close, .collapse[open]) > .collapse-title {\n cursor: unset;\n }\n\n &:is([open]) {\n &.collapse-arrow {\n > .collapse-title:after {\n transform: translateY(-50%) rotate(225deg);\n }\n }\n }\n\n &.collapse-arrow:focus {\n > .collapse-title:after {\n transform: translateY(-50%) rotate(225deg);\n }\n }\n\n &.collapse-arrow {\n > input:is([type='checkbox'], [type='radio']):checked ~ .collapse-title:after {\n transform: translateY(-50%) rotate(225deg);\n }\n }\n\n > input:is([type='checkbox'], [type='radio']) {\n z-index: 1;\n width: 100%;\n }\n}\n\n.collapse-title,\n.collapse-content {\n grid-column-start: 1;\n grid-row-start: 1;\n}\n\n.collapse-content {\n visibility: hidden;\n grid-column-start: 1;\n grid-row-start: 2;\n min-height: 0;\n cursor: unset;\n transition: visibility 0.2s;\n}\n\n.collapse-arrow {\n > .collapse-title:after {\n position: absolute;\n display: block;\n height: 0.5rem;\n width: 0.5rem;\n transform: translateY(-100%) rotate(45deg);\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 0.2s;\n top: 50%;\n right: 0.8em;\n inset-inline-end: 0.75rem;\n content: '';\n transform-origin: 75% 75%;\n box-shadow: 2px 2px;\n pointer-events: none;\n }\n}\n\n.collapse-title {\n position: relative;\n width: 100%;\n transition: background-color 0.2s ease-out;\n}\n</style>\n"],"names":["editMode","ref","editValue","inputRef","useTemplateRef","valueType","computed","getValueType","__props","isNumber","isBigInt","isString","isBoolean","isCustomValue","isNonSerializableValue","isEditablePrimitive","isEditableViaSimple","isEditableViaJson","isExpanded","isExpandable","isPlainObject","keyValuePairs","readValue","v","i","emit","__emit","enterEditMode","mode","nextTick","saveEdit","newValue","error","cancelEdit","increment","event","step","decrement","toggleBoolean","toggleExpansion","_createElementBlock","_createElementVNode","_normalizeClass","_createBlock","_unref","ILucideChevronRight","_toDisplayString","_openBlock","_hoisted_1","_hoisted_2","$event","getValueTypeClass","_createVNode","UButton","ILucideUndo","ILucideSave","_Fragment","_cache","_withModifiers","formatValue","_hoisted_3","ILucideMinus","ILucidePlus","ILucidePencil","ILucideBraces","_hoisted_4","_resolveDynamicComponent","ILucideCheckSquare","ILucideSquare","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_renderList","childKey","childValue","_component_JsonItem","args","value","key","JsonItem","open","_useModel","scrollIfNeeded","scrollOptions","_renderSlot","_ctx","_createTextVNode"],"mappings":"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"}