npm - @pinia/colada-devtools - Versions diffs - 0.2.1 → 0.4.0 - Mend

@pinia/colada-devtools 0.2.1 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (39) hide show

package/dist-panel/_queryId_-OYxjQ3wF.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"_queryId_-OYxjQ3wF.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAO,SAASA,GAAeC,GAA0B;AACvD,MAAIA,IAAW;AACb,WAAO,GAAG,KAAK,MAAMA,CAAQ,CAAC;AAGhC,QAAMC,IAAUD,IAAW;AAC3B,MAAIA,IAAW;AACb,WAAO,GAAGC,EAAQ,QAAQ,CAAC,CAAC;AAG9B,MAAID,IAAW;AACb,WAAO,GAAG,KAAK,MAAMC,CAAO,CAAC;AAG/B,QAAMC,IAAU,KAAK,MAAMD,IAAU,EAAE;AAEvC,SAAID,IAAW,OACN,GAAGE,CAAO,UAAUA,IAAU,IAAI,MAAM,EAAE,KAK5C,GAFO,KAAK,MAAMA,IAAU,EAAE,CAEtB,IAAIA,IAAU,EAAE,IAAID,IAAU,EAAE;AACjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACLA,UAAME,IAAQC,GAAA,GACRC,IAAUC,GAAA,GAEVC,IAAgBC,GAAsC,MACnDH,EAAQ,MAAM,KAAK,CAACI,MAAUA,EAAM,YAAYN,EAAM,OAAO,OAAO,KAAK,IACjF,GAEKO,IAAyC;AAAA,MAC7C,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,KAAK,MAAO,KAAK,KAAK;AAAA;AAAA,IAAA,GAGlBC,IAAaC,GAAW,MAAML,EAAc,OAAO,SAAS,aAAa,GAAG;AAAA,MAChF,GAAGG;AAAA,MACH,gBAAgB;AAAA,IAAA,CACjB,GAoBKG,IAAUC,GAAA,GAEVC,IAAaC,EAAyB,8BAA8B,IAAO,CAAA,CAAE;AACnF,QAAIC,IAAcF,EAAW,OACzBG,IAAqC;AACzC,UAAMC,IAAcH,EAAyB,+BAA+B,IAAO,CAAA,CAAE;AACrF,IAAAI;AAAA,MACE,MAAMb,EAAc,OAAO;AAAA,MAC3B,CAACc,MAAU;AACT,QAAI,CAACA,KAASH,MAAeG,EAAM,WACnCH,IAAaG,EAAM,QACfA,EAAM,WAAW,WACnBF,EAAY,QAAQ,IAEpBF,IAAcF,EAAW,OACzBA,EAAW,QAAQ,MACVM,EAAM,WAAW,cAC1BN,EAAW,QAAQE,GACnBE,EAAY,QAAQ;AAAA,MAExB;AAAA,IAAA;AAIF,aAASG,EAAeC,GAAUC,GAA8BC,GAAyB;AACvF,UAAID,EAAK,WAAW;AAClB,uBAAQ,MAAM,kCAAkC,GACzC;AAGT,UAAIE,IAAUH;AAEd,eAASI,IAAI,GAAGA,IAAIH,EAAK,SAAS,GAAGG,KAAK;AACxC,YAAID,KAAW,QAAQ,OAAOA,KAAY;AACxC,yBAAQ,MAAM,iBAAiBF,GAAM,YAAYG,GAAG,kBAAkBD,CAAO,GACtE;AAET,QAAAA,IAAUA,EAAQF,EAAKG,CAAC,CAAE;AAAA,MAC5B;AAGA,aAAID,KAAW,QAAQ,OAAOA,KAAY,YACxC,QAAQ,MAAM,iCAAiCF,CAAI,GAC5C,OAITE,EAAQF,EAAK,GAAG,EAAE,CAAE,IAAIC,GACjB;AAAA,IACT;AAGA,UAAMG,IAAoB,CAACJ,GAA8BC,MAAmB;AAC1E,UAAI,CAAClB,EAAc,MAAO;AAK1B,UAAI,CAFYe,EAAef,EAAc,MAAM,MAAM,MAAMiB,GAAMC,CAAK,GAE5D;AACZ,gBAAQ,MAAM,mCAAmCD,CAAI;AACrD;AAAA,MACF;AAGA,MAAAX,EAAQ,KAAK,qBAAqBN,EAAc,MAAM,KAAKA,EAAc,MAAM,KAAK;AAAA,IACtF;;;AAIE,aAAAsB,EAAA,GAAAC,EAiPM,OAjPNC,IAiPM;AAAA,QAhPYxB,EAAA,cAAhBuB,EAmOWE,GAAA,EAAA,KAAA,KAAA;AAAA,UAlOTC,EA8EYC,GAAA;AAAA,YA9ED,OAAM;AAAA,YAAW,MAAMC,EAAAC,CAAA;AAAA,UAAA;uBAChC,MA4EM;AAAA,cA5ENC,EA4EM,OA5ENC,IA4EM;AAAA,gBA3EJD,EAKI,KALJE,IAKI;AAAA,kBAJFC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAH,EAAiB,cAAX,QAAI,EAAA;AAAA,kBACVA,EAEO,QAAA,MAAA;AAAA,oBADLA,EAA4E,QAA5EI,IAA4EC,EAA3BnC,EAAA,MAAc,GAAG,GAAA,CAAA;AAAA,kBAAA;;gBAItE8B,EAMI,KANJM,IAMI;AAAA,kBAFFH,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAH,EAAyB,cAAnB,gBAAY,EAAA;AAAA,kBAClBA,EAA+C,QAA/CO,IAA+CF,EAApBP,EAAAxB,CAAA,CAAU,GAAA,CAAA;AAAA,gBAAA;gBAI/BJ,EAAA,MAAc,SAAS,QAAQ,OAAO,aAD9CsB,EAAA,GAAAC,EAYI,KAZJe,IAYI;AAAA,kBAPFL,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAH,EAAwB,cAAlB,eAAW,EAAA;AAAA,kBACjBA,EAKS,QALTS,IAKSJ,EAJPP,EAAAY,CAAA,EAAa,IAAK,KAAKxC,EAAA,MAAc,SAAS,QAAQ,GAAE,CAAA,EAAK,UAAW,KAAK,GAAA;AAAA,uBAAwBG;AAAA,yBAAuC;AAAA,kBAAA;;gBAQxIH,EAAA,MAAc,SAAS,QAAQ,GAAE,CAAA,GAAK,WAAW,OADzDsB,EAAA,GAAAC,EAYI,KAZJkB,IAYI;AAAA,kBAPFR,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAH,EAA4B,cAAtB,mBAAe,EAAA;AAAA,kBACrBA,EAKS,QALTY,IAKSP,EAJPP,EAAApC,EAAA;AAAA,oBAAgCQ,EAAA,MAAc,SAAS,QAAQ,GAAE,CAAA,EAAK,UAAW,MAAyBA,EAAA,MAAc,SAAS,QAAQ,GAAE,CAAA,EAAK,UAAW;AAAA,kBAAA;;gBAO/J8B,EAOI,KAPJa,IAOI;AAAA,kBAHFb,EAEC,QAAA,MAAA;AAAA,wCADE,eAAW,EAAA;AAAA,oBAAAA,EAA8D,QAA9Dc,IAA8DT,EAAnCnC,QAAc,KAAK,MAAM,GAAA,CAAA;AAAA,kBAAA;;gBAK3D,CAAAA,EAAA,MAAc,UAAUA,EAAA,MAAc,WAD/CsB,EAAA,GAAAC,EAsBI,KAtBJsB,IAsBI;AAAA,yBAhB8B7C,EAAA,MAAc,QAAQ,UAAM,YAAiC,OAAO,SAASA,QAAc,QAAQ,MAAM,UADzIuB,EAgBWE,GAAA,EAAA,KAAA,KAAA;AAAA,sCAVTK,EAAgC,QAAA,MAAA;AAAA,wBAA1B,UAAQ;AAAA,sBAAAA,EAAW,WAAR,MAAI;AAAA,oBAAA;oBACrBA,EAQS,QARTgB,IAQSX,EAPPP,EAAAY,CAAA;AAAA,0BAAqC,KAAKxC,EAAA,MAAc,SAAS,aAAaA,EAAA,MAAc,QAAQ,MAAM;AAAA;2BAA8CG;AAAA,6BAA2C;AAAA,sBAAA;AAAA;;;;;;;UAa7MuB,EAsEYC,GAAA;AAAA,YAtED,OAAM;AAAA,YAAW,MAAMC,EAAAmB,CAAA;AAAA,UAAA;uBAChC,MAoEM;AAAA,cApENjB,EAoEM,OApENkB,IAoEM;AAAA,gBAnEJtB,EAQUuB,GAAA;AAAA,kBAPR,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,OAAM;AAAA,kBACL,UAAUjD,EAAA,MAAc,SAAS,YAAO;AAAA,kBACxC,gCAAO4B,EAAAtB,CAAA,EAAQ,KAAI,mBAAoBN,EAAA,MAAc,GAAG;AAAA,gBAAA;6BAEzD,MAAwC;AAAA,oBAAxC0B,EAAwCwB,GAAA,EAAnB,OAAM,YAAU;AAAA,wCAAG,aAC1C,EAAA;AAAA,kBAAA;;;gBAEAxB,EAOUuB,GAAA;AAAA,kBANR,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,OAAM;AAAA,kBACL,gCAAOrB,EAAAtB,CAAA,EAAQ,KAAI,sBAAuBN,EAAA,MAAc,GAAG;AAAA,gBAAA;6BAE5D,MAAwB;AAAA,oBAAxB0B,EAAwByB,CAAA;AAAA,wCAAA,gBAC1B,EAAA;AAAA,kBAAA;;;gBAGQnD,EAAA,MAAc,SAAS,aAAQ,kBADvCoD,EASUH,GAAA;AAAA;kBAPR,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,OAAM;AAAA,kBACL,gCAAOrB,EAAAtB,CAAA,EAAQ,KAAI,4BAA6BN,EAAA,MAAc,GAAG;AAAA,gBAAA;6BAElE,MAAmB;AAAA,oBAAnB0B,EAAmB2B,CAAA;AAAA,wCAAA,sBAErB,EAAA;AAAA,kBAAA;;4BACAD,EASUH,GAAA;AAAA;kBAPR,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,OAAM;AAAA,kBACL,gCAAOrB,EAAAtB,CAAA,EAAQ,KAAI,iCAAkCN,EAAA,MAAc,GAAG;AAAA,gBAAA;6BAEvE,MAAwC;AAAA,oBAAxC0B,EAAwC2B,GAAA,EAAvB,OAAM,gBAAc;AAAA,wCAAG,kBAE1C,EAAA;AAAA,kBAAA;;;gBAGQrD,EAAA,MAAc,SAAS,aAAQ,gBADvCoD,EAQUH,GAAA;AAAA;kBANR,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,OAAM;AAAA,kBACL,gCAAOrB,EAAAtB,CAAA,EAAQ,KAAI,0BAA2BN,EAAA,MAAc,GAAG;AAAA,gBAAA;6BAEhE,MAAsB;AAAA,oBAAtB0B,EAAsB4B,CAAA;AAAA,wCAAA,oBACxB,EAAA;AAAA,kBAAA;;4BACAF,EAQUH,GAAA;AAAA;kBANR,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,OAAM;AAAA,kBACL,gCAAOrB,EAAAtB,CAAA,EAAQ,KAAI,+BAAgCN,EAAA,MAAc,GAAG;AAAA,gBAAA;6BAErE,MAAuB;AAAA,oBAAvB0B,EAAuB6B,CAAA;AAAA,wCAAA,kBACzB,EAAA;AAAA,kBAAA;;;gBAEA7B,EAOUuB,GAAA;AAAA,kBANR,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,OAAM;AAAA,kBACL,gCAAOrB,EAAAtB,CAAA,EAAQ,KAAI,iBAAkBN,EAAA,MAAc,GAAG;AAAA,gBAAA;6BAEvD,MAAkB;AAAA,oBAAlB0B,EAAkB8B,CAAA;AAAA,wCAAA,WACpB,EAAA;AAAA,kBAAA;;;;;;;UAIJ9B,EAQYC,GAAA;AAAA,YAPF,MAAMC,EAAApB,CAAA;AAAA,2DAAAA,EAAU,QAAAiD,IAAA;AAAA,YACvB,cAAczD,EAAA,MAAc,MAAM,SAAS,SAAS,aAAA,EAAA;AAAA,YACpD,MAAM4B,EAAA8B,CAAA;AAAA,YACN,UAAQ1D,EAAA,MAAc,MAAM,SAAS,UAAS,wBAAA,CAAA;AAAA,YAC/C,cAAA;AAAA,UAAA;uBAEA,MAAiF;AAAA,cAAjF0B,EAAiFiC,GAAA;AAAA,gBAApE,MAAM3D,EAAA,MAAc,MAAM;AAAA,gBAAO,kBAAcqB;AAAA,cAAA;;;;UAG9DK,EAaYC,GAAA;AAAA,YAZF,MAAMC,EAAAhB,CAAA;AAAA,2DAAAA,EAAW,QAAA6C,IAAA;AAAA,YACxB,OAAK,QAAUzD,EAAA,MAAc,MAAM,WAAM,UAAA,SAAA,SAAA;AAAA,YACzC,MAAM4B,EAAAgC,CAAA;AAAA,YACN,OAAKC,EAAA,CAAG7D,EAAA,MAAc,MAAM,WAAM,WAAA,wBAAA,CAAA;AAAA,YACnC,UAAA;AAAA,UAAA;uBAEA,MAKM;AAAA,cALN8B,EAKM,OALNgC,IAKM;AAAA,gBAJO9D,EAAA,MAAc,MAAM,SAA/BsB,KAAAC,EAEQ,OAFRwC,IAEQ5B,EADNnC,QAAc,MAAM,KAAK,GAAA,CAAA,WAE3BuB,EAAwD,KAAxDyC,IAA4C,UAAQ;AAAA,cAAA;;;;UAIxDtC,EAqBYC,GAAA;AAAA,YArBD,OAAM;AAAA,YAAc,MAAMC,EAAAqC,EAAA;AAAA,YAAe,MAAM;AAAA,UAAA;uBACxD,MAmBM;AAAA,cAnBNnC,EAmBM,OAnBNoC,IAmBM;AAAA,gBAlBJpC,EAiBI,KAjBJqC,IAiBI;AAAA,kBAhBFlC,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAH,EAAmB,cAAb,UAAM,EAAA;AAAA,kBACZA,EAEO,QAAA,MAAA;AAAA,oBADLA,EAAuE,QAAvEsC,IAAuEjC,EAA5CnC,EAAA,MAAc,SAAS,MAAM,KAAK,GAAA,CAAA;AAAA,kBAAA;kBAE/DiC,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAH,EAAqB,cAAf,YAAQ,EAAA;AAAA,kBACdA,EAEO,QAAA,MAAA;AAAA,oBADLA,EAAyE,QAAzEuC,IAAyElC,EAA9CnC,EAAA,MAAc,SAAS,MAAM,OAAO,GAAA,CAAA;AAAA,kBAAA;kBAEjEiC,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAH,EAAoB,cAAd,WAAO,EAAA;AAAA,kBACbA,EAEO,QAAA,MAAA;AAAA,oBADLA,EAAyE,QAAzEwC,IAAyEnC,EAA9CnC,EAAA,MAAc,SAAS,MAAM,OAAO,GAAA,CAAA;AAAA,kBAAA;kBAEjEiC,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAAH,EAAuB,cAAjB,cAAU,EAAA;AAAA,kBAChBA,EAEO,QAAA,MAAA;AAAA,oBADLA,EAA2E,QAA3EyC,IAA2EpC,EAAhDnC,EAAA,MAAc,SAAS,MAAM,SAAS,GAAA,CAAA;AAAA,kBAAA;;;;;;UAMzE0B,EAgBYC,GAAA;AAAA,YAfT,mBAAmB3B,EAAA,MAAc,SAAS,QAAQ,MAAM;AAAA,YACxD,MAAM4B,EAAA4C,EAAA;AAAA,YACN,MAAM;AAAA,UAAA;uBAEP,MAUM;AAAA,cAVN1C,EAUM,OAVN2C,IAUM;AAAA,iBATJnD,EAAA,EAAA,GAAAC,EAQYE,YAPMzB,EAAA,MAAc,SAAS,UAAhCE,YADTkD,EAQYzB,GAAA;AAAA,kBANT,KAAKzB,EAAM;AAAA,kBACX,OAAK,WAAaA,EAAM,EAAE,KAAK0B,EAAAY,CAAA,EAAa,IAAK,KAAKtC,EAAM,SAAS,GAAGC,CAAgB,CAAA;AAAA,kBACxF,MAAM;AAAA,kBACP,OAAM;AAAA,gBAAA;6BAEN,MAAqC;AAAA,oBAArCuB,EAAqCiC,GAAA;AAAA,sBAAxB,MAAMzD;AAAA,sBAAO,UAAA;AAAA,oBAAA;;;;;;;;UAKhCwB,EAOYC,GAAA;AAAA,YAPD,OAAM;AAAA,YAAW,MAAM;AAAA,YAAQ,MAAMC,EAAA8C,CAAA;AAAA,YAAS,cAAA;AAAA,UAAA;uBACvD,MAAkF;AAAA,cAAhE1E,EAAA,MAAc,gBAAhCoD,EAAkFO,GAAA;AAAA;gBAAxC,MAAM3D,EAAA,MAAc;AAAA,gBAAS,UAAA;AAAA,cAAA,+BACvEuB,EAII,KAAAoD,IAAA,CAAA,GAAA1C,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,kBAJM,sGAGR,EAAA;AAAA,gBAAAH,EAAsC,cAAhC,6BAAyB,EAAA;AAAA,kBAAO,sBACxC,EAAA;AAAA,cAAA;;;;mBAKFR,KAAAC,EAQM,OARNqD,IAQM;AAAA,UAPJ9C,EAGI,KAHJ+C,IAGI;AAAA,gCAHiE,+BAEnE,EAAA;AAAA,YAAAnD,EAAgCoD,CAAA;AAAA,UAAA;UAElChD,EAEI,KAFJiD,IAAqD,wBACjC5C,EAAGP,EAAAhC,CAAA,EAAM,OAAO,OAAO,IAAG,4BAC9C,CAAA;AAAA,QAAA;;;;;"}

package/dist-panel/{circle-x-CRJfYoJo.js → circle-x-CKUVRuJV.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { getValueTypeClass as $, formatValue as I, getValueType as ie, isNonSerializableValue as se, isPlainObject as A } from "@pinia/colada-devtools/shared";
-import { m as c, c as o, o as a, a as n, d as P, j as O, l as re, b as p, 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 pe, _ as fe } from "./index-CEuAAFs8.js";
+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-BDRe8hqi.js";
 const ke = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -195,22 +195,22 @@ const Pe = c({ name: "lucide-plus", render: He }), Re = {
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const f = O(null), r = O(""), m = re("inputRef"), v = p(() => ie(e.value)), M = p(() => v.value === "number"), j = p(() => v.value === "bigint"), R = p(() => v.value === "string"), W = p(() => v.value === "boolean"), z = p(() => se(e.value)), Z = p(
+    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(
       () => !z.value && (M.value || R.value)
-    ), _ = p(
+    ), _ = f(
       () => !z.value && (M.value || R.value)
-    ), ee = p(() => !z.value && !e.readonly), S = O(!1), k = p(() => 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 = p(() => {
+    ), 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(() => {
       const i = e.value;
       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]) : [];
     }), B = t;
     function V(i = "simple") {
-      f.value = i, i === "json" ? e.value === void 0 ? r.value = "undefined" : r.value = JSON.stringify(e.value) : i === "simple" && (r.value = String(e.value)), de(() => {
+      p.value = i, i === "json" ? e.value === void 0 ? r.value = "undefined" : r.value = JSON.stringify(e.value) : i === "simple" && (r.value = String(e.value)), de(() => {
         m.value?.focus();
       });
     }
     function E() {
       let i;
-      if (f.value === "json")
+      if (p.value === "json")
         try {
           r.value === "undefined" ? i = void 0 : i = JSON.parse(r.value);
         } catch (l) {
@@ -237,10 +237,10 @@ const Pe = c({ name: "lucide-plus", render: He }), Re = {
             i = r.value;
             break;
         }
-      B("update:value", e.path, i), f.value = null;
+      B("update:value", e.path, i), p.value = null;
     }
     function N() {
-      f.value = null, r.value = "";
+      p.value = null, r.value = "";
     }
     function ne(i) {
       const l = i.shiftKey ? 10 : 1, g = e.value + l;
@@ -277,7 +277,7 @@ const Pe = c({ name: "lucide-plus", render: He }), Re = {
             class: h(["text-(--devtools-syntax-gray)", !k.value && "ml-5"])
           }, C(e.itemKey) + ": ", 3),
           !k.value && Z.value ? (a(), o("span", Re, [
-            !e.readonly && f.value ? (a(), o("span", Ue, [
+            !e.readonly && p.value ? (a(), o("span", Ue, [
               H(n("input", {
                 ref_key: "inputRef",
                 ref: m,
@@ -385,7 +385,7 @@ const Pe = c({ name: "lucide-plus", render: He }), Re = {
               onClick: l[5] || (l[5] = (u) => !e.readonly && U())
             }, C(s(I)(e.value)), 3)
           ])) : !k.value && (v.value === "null" || v.value === "undefined") && !z.value ? (a(), o("span", Ke, [
-            !e.readonly && f.value ? (a(), o("span", Ye, [
+            !e.readonly && p.value ? (a(), o("span", Ye, [
               H(n("input", {
                 ref_key: "inputRef",
                 ref: m,
@@ -468,7 +468,7 @@ const Pe = c({ name: "lucide-plus", render: He }), Re = {
 function Qe(e) {
   return !!e && (Array.isArray(e) || A(e) || e instanceof Map || e instanceof Set);
 }
-const ft = /* @__PURE__ */ P({
+const pt = /* @__PURE__ */ P({
   __name: "JsonViewer",
   props: {
     data: {},
@@ -476,18 +476,19 @@ const ft = /* @__PURE__ */ P({
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const f = t;
+    const p = t;
     return (r, m) => Qe(e.data) ? (a(!0), o(J, { key: 0 }, Q(Object.entries(e.data), ([v, M]) => (a(), w(Ge, {
+      class: "font-mono",
       key: v,
       "item-key": v,
       value: M,
       depth: 0,
       path: [v],
       readonly: e.readonly,
-      "onUpdate:value": m[0] || (m[0] = (...j) => f("update:value", ...j))
+      "onUpdate:value": m[0] || (m[0] = (...j) => p("update:value", ...j))
     }, null, 8, ["item-key", "value", "path", "readonly"]))), 128)) : (a(), o("span", {
       key: 1,
-      class: h(s($)(e.data))
+      class: h(["font-mono", s($)(e.data)])
     }, C(s(I)(e.data)), 3));
   }
 }), We = {
@@ -539,7 +540,7 @@ const gt = c({ name: "lucide-rotate-ccw", render: et }), tt = { class: "collapse
   emits: ["update:open"],
   setup(e) {
     const t = he(e, "open");
-    function f(r) {
+    function p(r) {
       if (r.target instanceof HTMLElement) {
         const m = {
           block: "nearest",
@@ -568,19 +569,19 @@ const gt = c({ name: "lucide-rotate-ccw", render: et }), tt = { class: "collapse
                 class: "size-4"
               })) : b("", !0)
             ], !0),
-            pe(" " + C(e.title ?? "Group"), 1)
+            fe(" " + C(e.title ?? "Group"), 1)
           ])
         ], !0)
       ]),
       n("div", {
         class: h([!e.noPadding && "px-2", "collapse-content text-sm overflow-hidden"]),
-        onTransitionend: f
+        onTransitionend: p
       }, [
         T(r.$slots, "default", { open: t.value }, void 0, !0)
       ], 34)
     ]));
   }
-}), ot = '.collapse[data-v-46c2be51]:not(td,tr,colgroup){visibility:visible}.collapse[data-v-46c2be51]{position:relative;display:grid;overflow:hidden;width:100%;grid-template-rows:max-content 0fr;transition:grid-template-rows .2s;isolation:isolate}.collapse>input[data-v-46c2be51]:is([type=checkbox],[type=radio]){grid-column-start:1;grid-row-start:1;appearance:none;opacity:0}.collapse[data-v-46c2be51]:is([open],:focus),.collapse[data-v-46c2be51]:has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:max-content 1fr}.collapse:is([open],:focus)>.collapse-content[data-v-46c2be51],.collapse[data-v-46c2be51]:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}.collapse[data-v-46c2be51]:focus-visible,.collapse[data-v-46c2be51]:has(>input:is([type=checkbox],[type=radio]):focus-visible){outline-color:var(--ui-text);outline-style:solid;outline-width:2px;outline-offset:2px}.collapse:not(.collapse-close)>input[type=checkbox][data-v-46c2be51],.collapse:not(.collapse-close)>input[type=radio][data-v-46c2be51]:not(:checked),.collapse:not(.collapse-close)>.collapse-title[data-v-46c2be51]{cursor:pointer}.collapse:focus:not(.collapse-close,.collapse[open])>.collapse-title[data-v-46c2be51]{cursor:unset}.collapse:is([open]).collapse-arrow>.collapse-title[data-v-46c2be51]:after{transform:translateY(-50%) rotate(225deg)}.collapse.collapse-arrow:focus>.collapse-title[data-v-46c2be51]:after{transform:translateY(-50%) rotate(225deg)}.collapse.collapse-arrow>input:is([type=checkbox],[type=radio]):checked~.collapse-title[data-v-46c2be51]:after{transform:translateY(-50%) rotate(225deg)}.collapse>input[data-v-46c2be51]:is([type=checkbox],[type=radio]){z-index:1;width:100%}.collapse-title[data-v-46c2be51],.collapse-content[data-v-46c2be51]{grid-column-start:1;grid-row-start:1}.collapse-content[data-v-46c2be51]{visibility:hidden;grid-column-start:1;grid-row-start:2;min-height:0;cursor:unset;transition:visibility .2s}.collapse-arrow>.collapse-title[data-v-46c2be51]:after{position:absolute;display:block;height:.5rem;width:.5rem;transform:translateY(-100%) rotate(45deg);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;top:50%;right:.8em;inset-inline-end:.75rem;content:"";transform-origin:75% 75%;box-shadow:2px 2px;pointer-events:none}.collapse-title[data-v-46c2be51]{position:relative;width:100%;transition:background-color .2s ease-out}', yt = /* @__PURE__ */ fe(lt, [["styles", [ot]], ["__scopeId", "data-v-46c2be51"]]), it = {
+}), ot = '.collapse[data-v-46c2be51]:not(td,tr,colgroup){visibility:visible}.collapse[data-v-46c2be51]{position:relative;display:grid;overflow:hidden;width:100%;grid-template-rows:max-content 0fr;transition:grid-template-rows .2s;isolation:isolate}.collapse>input[data-v-46c2be51]:is([type=checkbox],[type=radio]){grid-column-start:1;grid-row-start:1;appearance:none;opacity:0}.collapse[data-v-46c2be51]:is([open],:focus),.collapse[data-v-46c2be51]:has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:max-content 1fr}.collapse:is([open],:focus)>.collapse-content[data-v-46c2be51],.collapse[data-v-46c2be51]:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}.collapse[data-v-46c2be51]:focus-visible,.collapse[data-v-46c2be51]:has(>input:is([type=checkbox],[type=radio]):focus-visible){outline-color:var(--ui-text);outline-style:solid;outline-width:2px;outline-offset:2px}.collapse:not(.collapse-close)>input[type=checkbox][data-v-46c2be51],.collapse:not(.collapse-close)>input[type=radio][data-v-46c2be51]:not(:checked),.collapse:not(.collapse-close)>.collapse-title[data-v-46c2be51]{cursor:pointer}.collapse:focus:not(.collapse-close,.collapse[open])>.collapse-title[data-v-46c2be51]{cursor:unset}.collapse:is([open]).collapse-arrow>.collapse-title[data-v-46c2be51]:after{transform:translateY(-50%) rotate(225deg)}.collapse.collapse-arrow:focus>.collapse-title[data-v-46c2be51]:after{transform:translateY(-50%) rotate(225deg)}.collapse.collapse-arrow>input:is([type=checkbox],[type=radio]):checked~.collapse-title[data-v-46c2be51]:after{transform:translateY(-50%) rotate(225deg)}.collapse>input[data-v-46c2be51]:is([type=checkbox],[type=radio]){z-index:1;width:100%}.collapse-title[data-v-46c2be51],.collapse-content[data-v-46c2be51]{grid-column-start:1;grid-row-start:1}.collapse-content[data-v-46c2be51]{visibility:hidden;grid-column-start:1;grid-row-start:2;min-height:0;cursor:unset;transition:visibility .2s}.collapse-arrow>.collapse-title[data-v-46c2be51]:after{position:absolute;display:block;height:.5rem;width:.5rem;transform:translateY(-100%) rotate(45deg);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;top:50%;right:.8em;inset-inline-end:.75rem;content:"";transform-origin:75% 75%;box-shadow:2px 2px;pointer-events:none}.collapse-title[data-v-46c2be51]{position:relative;width:100%;transition:background-color .2s ease-out}', yt = /* @__PURE__ */ pe(lt, [["styles", [ot]], ["__scopeId", "data-v-46c2be51"]]), it = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
@@ -672,6 +673,6 @@ export {
   Y as d,
   gt as e,
   kt as f,
-  ft as g
+  pt as g
 };
-//# sourceMappingURL=circle-x-CRJfYoJo.js.map
+//# sourceMappingURL=circle-x-CKUVRuJV.js.map

package/dist-panel/circle-x-CKUVRuJV.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"circle-x-CKUVRuJV.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 \n <span class=\"text-(--devtools-syntax-gray)\" :class=\"!isExpandable && 'ml-5'\">\n {{ itemKey }}:\n </span>\n\n \n <span v-if=\"!isExpandable && isEditablePrimitive\" class=\"flex\">\n \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 \n <template v-else>\n <span\n :class=\"getValueTypeClass(value)\"\n @dblclick.stop=\"!readonly && enterEditMode('simple')\"\n >\n {{ formatValue(value) }}\n </span>\n\n \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 \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 \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 \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 \n <span\n v-else-if=\"\n !isExpandable && (valueType === 'null' || valueType === 'undefined') && !isCustomValue\n \"\n class=\"inline\"\n >\n \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 \n <template v-else>\n <span\n :class=\"getValueTypeClass(value)\"\n @dblclick.stop=\"!readonly && enterEditMode('json')\"\n >\n {{ formatValue(value) }}\n </span>\n\n \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 \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 \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 \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 \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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"}