@samyx/preview-stacks-ui 0.39.1 → 0.40.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.
- package/dist/assets/{ActionButton-OewKsFrK.js → ActionButton-BaGfzZKv.js} +2 -2
- package/dist/assets/{ActionButton-OewKsFrK.js.map → ActionButton-BaGfzZKv.js.map} +1 -1
- package/dist/assets/{AxesTab-DSzgRhgG.js → AxesTab-8px21p5I.js} +2 -2
- package/dist/assets/{AxesTab-DSzgRhgG.js.map → AxesTab-8px21p5I.js.map} +1 -1
- package/dist/assets/{ConfigTab-DhtUF0Dh.js → ConfigTab-XMpNHvgd.js} +2 -2
- package/dist/assets/{ConfigTab-DhtUF0Dh.js.map → ConfigTab-XMpNHvgd.js.map} +1 -1
- package/dist/assets/{ConfigView-wXO4j8H7.js → ConfigView-Ed9sCukp.js} +2 -2
- package/dist/assets/{ConfigView-wXO4j8H7.js.map → ConfigView-Ed9sCukp.js.map} +1 -1
- package/dist/assets/{ConflictNote.vue_vue_type_script_setup_true_lang-B2fgJAmK.js → ConflictNote.vue_vue_type_script_setup_true_lang-B4a9DxS8.js} +2 -2
- package/dist/assets/{ConflictNote.vue_vue_type_script_setup_true_lang-B2fgJAmK.js.map → ConflictNote.vue_vue_type_script_setup_true_lang-B4a9DxS8.js.map} +1 -1
- package/dist/assets/ControlView-B-gr_xQ3.css +1 -0
- package/dist/assets/ControlView-C4R1joVF.js +2 -0
- package/dist/assets/ControlView-C4R1joVF.js.map +1 -0
- package/dist/assets/{DangerTab-D2dFrj4t.js → DangerTab-CMIMyWEv.js} +2 -2
- package/dist/assets/{DangerTab-D2dFrj4t.js.map → DangerTab-CMIMyWEv.js.map} +1 -1
- package/dist/assets/{DashboardView-FpEFhaCl.js → DashboardView-gTjtsiF-.js} +2 -2
- package/dist/assets/{DashboardView-FpEFhaCl.js.map → DashboardView-gTjtsiF-.js.map} +1 -1
- package/dist/assets/{DeploymentDetailView-B1dKUzvp.js → DeploymentDetailView-Dg-9p6_v.js} +2 -2
- package/dist/assets/{DeploymentDetailView-B1dKUzvp.js.map → DeploymentDetailView-Dg-9p6_v.js.map} +1 -1
- package/dist/assets/{DeploymentsView-_V93UC6F.js → DeploymentsView-CNzMaxE7.js} +2 -2
- package/dist/assets/{DeploymentsView-_V93UC6F.js.map → DeploymentsView-CNzMaxE7.js.map} +1 -1
- package/dist/assets/{EquivalentCommand-D-mkbReY.js → EquivalentCommand-CAhOGrAR.js} +2 -2
- package/dist/assets/{EquivalentCommand-D-mkbReY.js.map → EquivalentCommand-CAhOGrAR.js.map} +1 -1
- package/dist/assets/{ErrorNote.vue_vue_type_script_setup_true_lang-FEOV8vdM.js → ErrorNote.vue_vue_type_script_setup_true_lang-DU01Dqor.js} +2 -2
- package/dist/assets/{ErrorNote.vue_vue_type_script_setup_true_lang-FEOV8vdM.js.map → ErrorNote.vue_vue_type_script_setup_true_lang-DU01Dqor.js.map} +1 -1
- package/dist/assets/{JobDetailView-RD5MxdA7.js → JobDetailView-ChKP7xeI.js} +2 -2
- package/dist/assets/{JobDetailView-RD5MxdA7.js.map → JobDetailView-ChKP7xeI.js.map} +1 -1
- package/dist/assets/{JobsView-BJrH9ViP.js → JobsView-DndjCwKL.js} +2 -2
- package/dist/assets/{JobsView-BJrH9ViP.js.map → JobsView-DndjCwKL.js.map} +1 -1
- package/dist/assets/{LogViewer.vue_vue_type_script_setup_true_lang-BRSt9Exf.js → LogViewer.vue_vue_type_script_setup_true_lang-D2yEiI2n.js} +2 -2
- package/dist/assets/{LogViewer.vue_vue_type_script_setup_true_lang-BRSt9Exf.js.map → LogViewer.vue_vue_type_script_setup_true_lang-D2yEiI2n.js.map} +1 -1
- package/dist/assets/LoginView-B9aLjuvQ.css +1 -0
- package/dist/assets/LoginView-C2Yny6iz.js +2 -0
- package/dist/assets/LoginView-C2Yny6iz.js.map +1 -0
- package/dist/assets/{LogsTab--Q-KHeWj.js → LogsTab-B6R6j6Uv.js} +2 -2
- package/dist/assets/{LogsTab--Q-KHeWj.js.map → LogsTab-B6R6j6Uv.js.map} +1 -1
- package/dist/assets/{NotFoundView-1lI66Xt-.js → NotFoundView-CvHMcInC.js} +2 -2
- package/dist/assets/{NotFoundView-1lI66Xt-.js.map → NotFoundView-CvHMcInC.js.map} +1 -1
- package/dist/assets/{NotifiersView-BfWfRzg4.js → NotifiersView-9rwo6wXV.js} +2 -2
- package/dist/assets/{NotifiersView-BfWfRzg4.js.map → NotifiersView-9rwo6wXV.js.map} +1 -1
- package/dist/assets/{OverviewTab-P3htOnPs.js → OverviewTab-BO8-8pTB.js} +2 -2
- package/dist/assets/{OverviewTab-P3htOnPs.js.map → OverviewTab-BO8-8pTB.js.map} +1 -1
- package/dist/assets/{PublicLogsView-DcDQMivg.js → PublicLogsView-BA7ao_jC.js} +2 -2
- package/dist/assets/{PublicLogsView-DcDQMivg.js.map → PublicLogsView-BA7ao_jC.js.map} +1 -1
- package/dist/assets/{RefreshButton.vue_vue_type_script_setup_true_lang-CQvD4Out.js → RefreshButton.vue_vue_type_script_setup_true_lang-Dk-lSii3.js} +2 -2
- package/dist/assets/{RefreshButton.vue_vue_type_script_setup_true_lang-CQvD4Out.js.map → RefreshButton.vue_vue_type_script_setup_true_lang-Dk-lSii3.js.map} +1 -1
- package/dist/assets/{RegistriesView-9hPjVsOW.js → RegistriesView-y9nKbmQz.js} +2 -2
- package/dist/assets/{RegistriesView-9hPjVsOW.js.map → RegistriesView-y9nKbmQz.js.map} +1 -1
- package/dist/assets/{RelativeTime.vue_vue_type_script_setup_true_lang-BxIqRu_b.js → RelativeTime.vue_vue_type_script_setup_true_lang-B1_l0Vtf.js} +2 -2
- package/dist/assets/{RelativeTime.vue_vue_type_script_setup_true_lang-BxIqRu_b.js.map → RelativeTime.vue_vue_type_script_setup_true_lang-B1_l0Vtf.js.map} +1 -1
- package/dist/assets/{RequiresTab--C-3QPQB.js → RequiresTab-DJZagYBh.js} +2 -2
- package/dist/assets/{RequiresTab--C-3QPQB.js.map → RequiresTab-DJZagYBh.js.map} +1 -1
- package/dist/assets/{RouteTarget.vue_vue_type_script_setup_true_lang-D3FLq6Mt.js → RouteTarget.vue_vue_type_script_setup_true_lang-Ct40NR9a.js} +2 -2
- package/dist/assets/{RouteTarget.vue_vue_type_script_setup_true_lang-D3FLq6Mt.js.map → RouteTarget.vue_vue_type_script_setup_true_lang-Ct40NR9a.js.map} +1 -1
- package/dist/assets/{RoutingView-CC8xPrcT.js → RoutingView-DzE98-qV.js} +2 -2
- package/dist/assets/{RoutingView-CC8xPrcT.js.map → RoutingView-DzE98-qV.js.map} +1 -1
- package/dist/assets/{RuntimeTab-Do1xfTp8.js → RuntimeTab-Cp6CxBJG.js} +2 -2
- package/dist/assets/{RuntimeTab-Do1xfTp8.js.map → RuntimeTab-Cp6CxBJG.js.map} +1 -1
- package/dist/assets/{SelectMenu.vue_vue_type_script_setup_true_lang-CMLYr7A7.js → SelectMenu.vue_vue_type_script_setup_true_lang-PIaLSNsk.js} +2 -2
- package/dist/assets/{SelectMenu.vue_vue_type_script_setup_true_lang-CMLYr7A7.js.map → SelectMenu.vue_vue_type_script_setup_true_lang-PIaLSNsk.js.map} +1 -1
- package/dist/assets/{SettingsView-Dxbl6HZA.js → SettingsView-iWRluEj5.js} +2 -2
- package/dist/assets/{SettingsView-Dxbl6HZA.js.map → SettingsView-iWRluEj5.js.map} +1 -1
- package/dist/assets/{SkeletonList.vue_vue_type_script_setup_true_lang-D4pkKZAr.js → SkeletonList.vue_vue_type_script_setup_true_lang-7pKEuaEM.js} +2 -2
- package/dist/assets/{SkeletonList.vue_vue_type_script_setup_true_lang-D4pkKZAr.js.map → SkeletonList.vue_vue_type_script_setup_true_lang-7pKEuaEM.js.map} +1 -1
- package/dist/assets/{SpecDetailView-DyFAAMfr.js → SpecDetailView-Ca4WXLH1.js} +2 -2
- package/dist/assets/{SpecDetailView-DyFAAMfr.js.map → SpecDetailView-Ca4WXLH1.js.map} +1 -1
- package/dist/assets/{SpecsView-CfV1_GDx.js → SpecsView-DN6EIbcC.js} +2 -2
- package/dist/assets/{SpecsView-CfV1_GDx.js.map → SpecsView-DN6EIbcC.js.map} +1 -1
- package/dist/assets/{SsoMark.vue_vue_type_script_setup_true_lang-BU6ThRhq.js → SsoMark.vue_vue_type_script_setup_true_lang-rMP20d_u.js} +2 -2
- package/dist/assets/{SsoMark.vue_vue_type_script_setup_true_lang-BU6ThRhq.js.map → SsoMark.vue_vue_type_script_setup_true_lang-rMP20d_u.js.map} +1 -1
- package/dist/assets/{SsoView-CxFylJ9d.js → SsoView-wGpab5Q8.js} +2 -2
- package/dist/assets/{SsoView-CxFylJ9d.js.map → SsoView-wGpab5Q8.js.map} +1 -1
- package/dist/assets/{StateBadge.vue_vue_type_script_setup_true_lang-CfjzlWSc.js → StateBadge.vue_vue_type_script_setup_true_lang-aK93ZMhG.js} +2 -2
- package/dist/assets/{StateBadge.vue_vue_type_script_setup_true_lang-CfjzlWSc.js.map → StateBadge.vue_vue_type_script_setup_true_lang-aK93ZMhG.js.map} +1 -1
- package/dist/assets/{SubmitView-BcAcTlwC.js → SubmitView-BTK9zNDd.js} +2 -2
- package/dist/assets/{SubmitView-BcAcTlwC.js.map → SubmitView-BTK9zNDd.js.map} +1 -1
- package/dist/assets/SwarmView-DXLQlbD0.css +1 -0
- package/dist/assets/SwarmView-m2XvvAfR.js +2 -0
- package/dist/assets/SwarmView-m2XvvAfR.js.map +1 -0
- package/dist/assets/{TerminalTab-DF8cSjcg.js → TerminalTab-CFKfVx8D.js} +2 -2
- package/dist/assets/{TerminalTab-DF8cSjcg.js.map → TerminalTab-CFKfVx8D.js.map} +1 -1
- package/dist/assets/{UsersView-CbPtmnP6.js → UsersView-BnN_hvh2.js} +2 -2
- package/dist/assets/{UsersView-CbPtmnP6.js.map → UsersView-BnN_hvh2.js.map} +1 -1
- package/dist/assets/{VarEditor.vue_vue_type_script_setup_true_lang-BNQTEru_.js → VarEditor.vue_vue_type_script_setup_true_lang-Dg_ORvZN.js} +2 -2
- package/dist/assets/{VarEditor.vue_vue_type_script_setup_true_lang-BNQTEru_.js.map → VarEditor.vue_vue_type_script_setup_true_lang-Dg_ORvZN.js.map} +1 -1
- package/dist/assets/{VarIO-BFBaI8oU.js → VarIO-CNugbzeb.js} +2 -2
- package/dist/assets/{VarIO-BFBaI8oU.js.map → VarIO-CNugbzeb.js.map} +1 -1
- package/dist/assets/{VariablesView-BEcI8Bi0.js → VariablesView-qrqDNseI.js} +2 -2
- package/dist/assets/{VariablesView-BEcI8Bi0.js.map → VariablesView-qrqDNseI.js.map} +1 -1
- package/dist/assets/{index-D_Ks6aQi.js → index-DlhYSSKq.js} +25 -20
- package/dist/assets/index-DlhYSSKq.js.map +1 -0
- package/dist/assets/{useDeployment-DFuBcVnK.js → useDeployment-BJuUhf9K.js} +2 -2
- package/dist/assets/{useDeployment-DFuBcVnK.js.map → useDeployment-BJuUhf9K.js.map} +1 -1
- package/dist/index.html +1 -1
- package/package.json +1 -1
- package/dist/assets/ControlView-ninZ6BIV.js +0 -2
- package/dist/assets/ControlView-ninZ6BIV.js.map +0 -1
- package/dist/assets/LoginView-wAfA0Ozk.css +0 -1
- package/dist/assets/LoginView-zWd9FvKS.js +0 -2
- package/dist/assets/LoginView-zWd9FvKS.js.map +0 -1
- package/dist/assets/SwarmView-BHtmW4QF.js +0 -2
- package/dist/assets/SwarmView-BHtmW4QF.js.map +0 -1
- package/dist/assets/index-D_Ks6aQi.js.map +0 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{d as w,N as b,O as _,Q as T,c as s,a,t as n,n as C,f as c,Y as B,F as m,r as N,i as y,aj as j,a6 as g,j as S,o as l,E as V}from"./index-
|
|
1
|
+
import{d as w,N as b,O as _,Q as T,c as s,a,t as n,n as C,f as c,Y as B,F as m,r as N,i as y,aj as j,a6 as g,j as S,o as l,E as V}from"./index-DlhYSSKq.js";const F={class:"lv"},H={class:"lv-bar"},L={class:"lv-count"},E={key:0,class:"badge running"},z=["disabled"],D={key:0,class:"lv-empty"},M={key:0,class:"lv-sep"},O=["title"],P=["title"],Q={class:"lv-msg"},Y=w({__name:"LogViewer",props:{rows:{},live:{type:Boolean},copyText:{},emptyText:{}},setup(i){const r=i,d=y(null),u=y(!0);function f(){const t=d.value;return!!t&&t.scrollHeight-t.scrollTop-t.clientHeight<24}function h(){u.value=f()}async function v(){await j();const t=d.value;t&&u.value&&(t.scrollTop=t.scrollHeight)}b(()=>r.rows.length,v),_(v);function k(){u.value=!0,v()}async function x(){const t=r.copyText??r.rows.filter(o=>!o.separator).map(o=>[o.time,o.gutter,o.text].filter(Boolean).join(" ")).join(`
|
|
2
2
|
`);try{await navigator.clipboard.writeText(t),g("ok","Copied.")}catch{g("error","Copy failed — select it and copy by hand.")}}const p=S(()=>r.rows.filter(t=>!t.separator).length);return T(()=>{}),(t,o)=>(l(),s("div",F,[a("div",H,[a("span",L,n(p.value)+" line"+n(p.value===1?"":"s"),1),i.live?(l(),s("span",E,[...o[0]||(o[0]=[a("span",{class:"dot pulse"},null,-1),C("live",-1)])])):c("",!0),o[1]||(o[1]=a("span",{class:"grow"},null,-1)),i.live&&!u.value?(l(),s("button",{key:1,class:"ghost sm",onClick:k},"↓ Follow")):c("",!0),a("button",{class:"ghost sm",disabled:!p.value,onClick:x},"Copy",8,z),B(t.$slots,"actions")]),a("div",{ref_key:"box",ref:d,class:"lv-box",role:"log","aria-label":"Log output","aria-live":"polite",tabindex:"0",onScrollPassive:h},[i.rows.length?c("",!0):(l(),s("p",D,n(i.emptyText??"No output."),1)),(l(!0),s(m,null,N(i.rows,e=>(l(),s(m,{key:e.key},[e.separator?(l(),s("div",M,[a("span",null,n(e.text),1)])):(l(),s("div",{key:1,class:V(["lv-row",e.tone])},[e.time!==void 0?(l(),s("span",{key:0,class:"lv-time",title:e.timeTitle},n(e.time),9,O)):c("",!0),e.gutter!==void 0?(l(),s("span",{key:1,class:"lv-gutter",title:e.gutterTitle},n(e.gutter),9,P)):c("",!0),a("span",Q,n(e.text),1)],2))],64))),128))],544)]))}});export{Y as _};
|
|
3
|
-
//# sourceMappingURL=LogViewer.vue_vue_type_script_setup_true_lang-
|
|
3
|
+
//# sourceMappingURL=LogViewer.vue_vue_type_script_setup_true_lang-D2yEiI2n.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LogViewer.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
{"version":3,"file":"LogViewer.vue_vue_type_script_setup_true_lang-D2yEiI2n.js","sources":["../../src/components/LogViewer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * The log surface — used by the job page (structured events) and the container-logs tab (raw text\n * that the parent parses into rows).\n *\n * WHY NOT A LIBRARY. There is no widely-adopted Vue log viewer to reach for (the React ones —\n * react-lazylog and friends — have no Vue counterpart with real adoption), and xterm — already a\n * dependency for the terminal — renders to canvas, so log text would stop being selectable,\n * copyable and findable with ⌘F. For LOGS those are the whole point. What a log view actually\n * needs is small: a gutter that never wraps, a message that wraps with a hanging indent, stickiness\n * at the bottom, and cheap rendering for thousands of rows (`content-visibility: auto` — the\n * browser skips layout for off-screen rows, no virtualisation library required).\n *\n * THE GUTTER IS TIME-OF-DAY, NOT A FULL TIMESTAMP. `2026-08-04 03:47:45` per line is 19 characters\n * of the same date repeated hundreds of times — on a narrow panel it wrapped every entry onto five\n * or six lines. Within one log the date almost never changes, so each row carries `03:47:45` and a\n * date SEPARATOR row appears only when the day actually flips. The full stamp survives in the\n * row's tooltip.\n *\n * FOLLOW IS A STATE THE USER CONTROLS BY SCROLLING. Pinned to the bottom, new lines keep it there;\n * one scroll up releases it (reading must never be yanked away); the \"Follow\" chip puts it back.\n */\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';\nimport { toast } from '../composables/useToasts';\nimport type { LogRow } from './log-viewer-types';\n\nconst props = defineProps<{\n rows: LogRow[];\n /** Renders the live pulse and keeps follow meaningful; a finished log needs neither. */\n live?: boolean;\n /** What Copy puts on the clipboard — the parent knows the faithful raw form, this view does not. */\n copyText?: string;\n emptyText?: string;\n}>();\n\nconst box = ref<HTMLElement | null>(null);\nconst follow = ref(true);\n\nfunction atBottom(): boolean {\n const el = box.value;\n return !!el && el.scrollHeight - el.scrollTop - el.clientHeight < 24;\n}\n\nfunction onScroll(): void {\n // The USER moved — follow reflects where they left the viewport, with no flag juggling for\n // programmatic scrolls: after scrollTo(bottom), atBottom() is simply true.\n follow.value = atBottom();\n}\n\nasync function stick(): Promise<void> {\n await nextTick();\n const el = box.value;\n if (el && follow.value) el.scrollTop = el.scrollHeight;\n}\n\nwatch(() => props.rows.length, stick);\nonMounted(stick);\n\nfunction resume(): void {\n follow.value = true;\n void stick();\n}\n\nasync function copy(): Promise<void> {\n const text =\n props.copyText ??\n props.rows\n .filter((r) => !r.separator)\n .map((r) => [r.time, r.gutter, r.text].filter(Boolean).join(' '))\n .join('\\n');\n try {\n await navigator.clipboard.writeText(text);\n toast('ok', 'Copied.');\n } catch {\n toast('error', 'Copy failed — select it and copy by hand.');\n }\n}\n\nconst count = computed(() => props.rows.filter((r) => !r.separator).length);\n\n// A page-level listener would steal browser find; scoping ⌘F to the box when it has focus would be\n// surprising. The box is plain DOM precisely so the browser's own find works — nothing to do here.\nonBeforeUnmount(() => {});\n</script>\n\n<template>\n <div class=\"lv\">\n <div class=\"lv-bar\">\n <span class=\"lv-count\">{{ count }} line{{ count === 1 ? '' : 's' }}</span>\n <span v-if=\"live\" class=\"badge running\"><span class=\"dot pulse\" />live</span>\n <span class=\"grow\" />\n <button v-if=\"live && !follow\" class=\"ghost sm\" @click=\"resume\">↓ Follow</button>\n <button class=\"ghost sm\" :disabled=\"!count\" @click=\"copy\">Copy</button>\n <slot name=\"actions\" />\n </div>\n\n <!-- `tabindex=\"0\"`: Safari does not make an overflow scroller focusable on its own, so without\n it the log is unscrollable without a mouse. A focusable region needs a name. -->\n <div\n ref=\"box\"\n class=\"lv-box\"\n role=\"log\"\n aria-label=\"Log output\"\n aria-live=\"polite\"\n tabindex=\"0\"\n @scroll.passive=\"onScroll\"\n >\n <p v-if=\"!rows.length\" class=\"lv-empty\">{{ emptyText ?? 'No output.' }}</p>\n <template v-for=\"r in rows\" :key=\"r.key\">\n <div v-if=\"r.separator\" class=\"lv-sep\"><span>{{ r.text }}</span></div>\n <div v-else class=\"lv-row\" :class=\"r.tone\">\n <span v-if=\"r.time !== undefined\" class=\"lv-time\" :title=\"r.timeTitle\">{{ r.time }}</span>\n <span v-if=\"r.gutter !== undefined\" class=\"lv-gutter\" :title=\"r.gutterTitle\">{{ r.gutter }}</span>\n <span class=\"lv-msg\">{{ r.text }}</span>\n </div>\n </template>\n </div>\n </div>\n</template>\n"],"names":["props","__props","box","ref","follow","atBottom","el","onScroll","stick","nextTick","watch","onMounted","resume","copy","text","r","toast","count","computed","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4","_cache","_hoisted_5","_renderSlot","_ctx","_hoisted_6","_Fragment","_renderList","_hoisted_7","_normalizeClass","_hoisted_8","_hoisted_9","_hoisted_10"],"mappings":"qcA0BA,MAAMA,EAAQC,EASRC,EAAMC,EAAwB,IAAI,EAClCC,EAASD,EAAI,EAAI,EAEvB,SAASE,GAAoB,CAC3B,MAAMC,EAAKJ,EAAI,MACf,MAAO,CAAC,CAACI,GAAMA,EAAG,aAAeA,EAAG,UAAYA,EAAG,aAAe,EACpE,CAEA,SAASC,GAAiB,CAGxBH,EAAO,MAAQC,EAAA,CACjB,CAEA,eAAeG,GAAuB,CACpC,MAAMC,EAAA,EACN,MAAMH,EAAKJ,EAAI,MACXI,GAAMF,EAAO,QAAOE,EAAG,UAAYA,EAAG,aAC5C,CAEAI,EAAM,IAAMV,EAAM,KAAK,OAAQQ,CAAK,EACpCG,EAAUH,CAAK,EAEf,SAASI,GAAe,CACtBR,EAAO,MAAQ,GACVI,EAAA,CACP,CAEA,eAAeK,GAAsB,CACnC,MAAMC,EACJd,EAAM,UACNA,EAAM,KACH,OAAQe,GAAM,CAACA,EAAE,SAAS,EAC1B,IAAKA,GAAM,CAACA,EAAE,KAAMA,EAAE,OAAQA,EAAE,IAAI,EAAE,OAAO,OAAO,EAAE,KAAK,IAAI,CAAC,EAChE,KAAK;AAAA,CAAI,EACd,GAAI,CACF,MAAM,UAAU,UAAU,UAAUD,CAAI,EACxCE,EAAM,KAAM,SAAS,CACvB,MAAQ,CACNA,EAAM,QAAS,2CAA2C,CAC5D,CACF,CAEA,MAAMC,EAAQC,EAAS,IAAMlB,EAAM,KAAK,OAAQe,GAAM,CAACA,EAAE,SAAS,EAAE,MAAM,EAI1E,OAAAI,EAAgB,IAAM,CAAC,CAAC,UAItBC,EAAA,EAAAC,EA+BM,MA/BNC,EA+BM,CA9BJC,EAOM,MAPNC,EAOM,CANJD,EAA0E,OAA1EE,EAA0EC,EAAhDT,OAAK,EAAG,UAAQA,EAAA,QAAK,EAAA,GAAA,GAAA,EAAA,CAAA,EACnChB,EAAA,MAAZmB,IAAAC,EAA6E,OAA7EM,EAA6E,CAAA,GAAAC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CAArCL,EAA0B,OAAA,CAApB,MAAM,WAAA,EAAW,KAAA,EAAA,IAAG,OAAI,EAAA,CAAA,2BACtEA,EAAqB,OAAA,CAAf,MAAM,MAAA,EAAM,KAAA,EAAA,GACJtB,EAAA,OAASG,EAAA,WAAvBiB,EAAiF,SAAA,OAAlD,MAAM,WAAY,QAAOT,CAAA,EAAQ,UAAQ,YACxEW,EAAuE,SAAA,CAA/D,MAAM,WAAY,UAAWN,EAAA,MAAQ,QAAOJ,CAAA,EAAM,OAAI,EAAAgB,CAAA,EAC9DC,EAAuBC,EAAA,OAAA,SAAA,CAAA,GAKzBR,EAkBM,MAAA,SAjBA,MAAJ,IAAIrB,EACJ,MAAM,SACN,KAAK,MACL,aAAW,aACX,YAAU,SACV,SAAS,oBACQK,CAAA,GAEPN,EAAA,KAAK,qBAAfoB,EAA2E,IAA3EW,EAA2EN,EAAhCzB,EAAA,WAAS,YAAA,EAAA,CAAA,UACpDoB,EAOWY,EAAA,KAAAC,EAPWjC,EAAA,KAALc,aAAiB,IAAAA,EAAE,GAAA,GACvBA,EAAE,WAAbK,EAAA,EAAAC,EAAsE,MAAtEc,EAAsE,CAA/BZ,EAAyB,OAAA,KAAAG,EAAhBX,EAAE,IAAI,EAAA,CAAA,CAAA,SACtDM,EAIM,MAAA,OAJM,MAAKe,EAAA,CAAC,SAAiBrB,EAAE,IAAI,CAAA,CAAA,GAC3BA,EAAE,OAAS,YAAvBM,EAA0F,OAAA,OAAxD,MAAM,UAAW,MAAON,EAAE,SAAA,EAAcW,EAAAX,EAAE,IAAI,EAAA,EAAAsB,CAAA,YACpEtB,EAAE,SAAW,YAAzBM,EAAkG,OAAA,OAA9D,MAAM,YAAa,MAAON,EAAE,WAAA,EAAgBW,EAAAX,EAAE,MAAM,EAAA,EAAAuB,CAAA,YACxFf,EAAwC,OAAxCgB,EAAwCb,EAAhBX,EAAE,IAAI,EAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.login-wrap[data-v-b7480d71]{width:min(420px,100%)}.login-card[data-v-b7480d71]{width:100%}.sso-list[data-v-b7480d71]{display:flex;flex-direction:column;gap:var(--s2)}.sso-btn[data-v-b7480d71]{width:100%;justify-content:center}.sso-btn svg[data-v-b7480d71]{flex:none}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{d as E,c as n,a as e,u as L,b as _,e as c,f,w as $,g as k,v as h,t as u,h as x,F as C,r as B,i as g,j as y,k as I,l as P,m as T,o as a,n as S,p as V,q as A,s as W}from"./index-DlhYSSKq.js";import{A as z}from"./ActionButton-BaGfzZKv.js";import{E as D}from"./EquivalentCommand-CAhOGrAR.js";import{_ as F}from"./SsoMark.vue_vue_type_script_setup_true_lang-rMP20d_u.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";const j={class:"login-wrap"},O={class:"login-card panel"},G={key:0,class:"banner plain",style:{"margin-top":"var(--s3)"}},H={class:"field",style:{"margin-top":"var(--s4)"}},J={class:"field"},K={key:0,role:"alert",class:"banner failed",style:{"margin-top":"var(--s3)"}},Q={class:"row",style:{"margin-top":"var(--s4)"}},X={key:0,class:"banner failed",style:{"margin-bottom":"var(--s3)"}},Y={class:"sso-list"},Z=["onClick"],ee=E({__name:"LoginView",setup(te){const q=P(),r=T(),d=g(""),i=g(""),l=g(!1),p=g(""),v=y(()=>typeof r.query.next=="string"&&r.query.next.startsWith("/")?r.query.next:"/"),w=y(()=>typeof r.query.sso_error=="string"?r.query.sso_error:""),m=y(()=>{var s;return((s=_.sso)==null?void 0:s.providers)??[]}),U=y(()=>{const s=m.value.length===1?m.value[0]:void 0;return s?`Signing in with ${s.label} did not work.`:"Signing in did not work."});function N(s){window.location.assign(V.url(`/api/auth/sso/start?provider=${encodeURIComponent(s)}&next=${encodeURIComponent(v.value)}`))}async function b(){l.value=!0,p.value="";const s=await A(d.value.trim(),i.value);if(l.value=!1,s){p.value=s,i.value="";return}await W(),v.value.startsWith("/api/")?window.location.assign(V.url(v.value)):q.replace(v.value)}return(s,t)=>{const R=I("RouterLink");return a(),n("div",j,[e("div",O,[t[9]||(t[9]=e("h1",{style:{"font-size":"var(--t-xl)","margin-bottom":"var(--s2)"}},"Sign in",-1)),L(_).hasUsers===!1?(a(),n("div",G,[t[2]||(t[2]=e("b",null,"No accounts yet — create the first one.",-1)),t[3]||(t[3]=e("p",{class:"mute"},"Needs the host token.",-1)),c(D,{what:"creating the first account",method:"POST",path:"/api/auth/bootstrap",body:{username:"you",password:"…"}})])):f("",!0),e("form",{onSubmit:$(b,["prevent"])},[e("div",H,[t[4]||(t[4]=e("label",{for:"u"},"Username",-1)),k(e("input",{id:"u","onUpdate:modelValue":t[0]||(t[0]=o=>d.value=o),type:"text",autocomplete:"username",spellcheck:"false"},null,512),[[h,d.value]])]),e("div",J,[t[5]||(t[5]=e("label",{for:"p"},"Password",-1)),k(e("input",{id:"p","onUpdate:modelValue":t[1]||(t[1]=o=>i.value=o),type:"password",autocomplete:"current-password"},null,512),[[h,i.value]])]),p.value?(a(),n("div",K,[e("p",null,u(p.value),1)])):f("",!0),e("div",Q,[c(z,{variant:"primary",pending:l.value,disabled:l.value||!d.value.trim()||!i.value,onClick:b},{default:x(()=>[S(u(l.value?"Signing in…":"Sign in"),1)]),_:1},8,["pending","disabled"]),t[7]||(t[7]=e("span",{class:"grow"},null,-1)),c(R,{to:"/settings",class:"mute"},{default:x(()=>[...t[6]||(t[6]=[S("Use a token instead",-1)])]),_:1})])],32),m.value.length?(a(),n(C,{key:1},[t[8]||(t[8]=e("div",{class:"row",style:{margin:"var(--s4) 0","align-items":"center",gap:"var(--s3)"}},[e("hr",{style:{flex:"1",border:"0","border-top":"1px solid var(--line)"}}),e("span",{class:"mute",style:{"font-size":"var(--t-sm)"}},"or"),e("hr",{style:{flex:"1",border:"0","border-top":"1px solid var(--line)"}})],-1)),w.value?(a(),n("div",X,[e("b",null,u(U.value),1),e("p",null,u(w.value),1)])):f("",!0),e("div",Y,[(a(!0),n(C,null,B(m.value,o=>(a(),n("button",{key:o.key,class:"sso-btn",onClick:se=>N(o.key)},[c(F,{preset:o.preset},null,8,["preset"]),e("span",null,"Continue with "+u(o.label),1)],8,Z))),128))])],64)):f("",!0)])])}}}),le=M(ee,[["__scopeId","data-v-b7480d71"]]);export{le as default};
|
|
2
|
+
//# sourceMappingURL=LoginView-C2Yny6iz.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoginView-C2Yny6iz.js","sources":["../../src/views/LoginView.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Sign in — the one page reachable without a session.\n *\n * Two states it must distinguish, because they need opposite instructions:\n * - accounts exist → the form\n * - no accounts yet → bootstrap guidance. A dead login form with no way to create the\n * account it asks for is the worst version of this page.\n *\n * A bearer token in Settings also authenticates (CI-style access); the link stays visible for\n * operators who have the machine token and no account yet.\n */\nimport { computed, ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { authState, checkAuth, login } from '../composables/useAuth';\nimport { api } from '../api/client';\nimport ActionButton from '../components/ActionButton.vue';\nimport EquivalentCommand from '../components/EquivalentCommand.vue';\nimport SsoMark from '../components/SsoMark.vue';\n\nconst router = useRouter();\nconst route = useRoute();\n\nconst username = ref('');\nconst password = ref('');\nconst pending = ref(false);\nconst error = ref('');\n\n/** Where the guard wanted to go. Also what the SSO round trip carries and comes back to. */\nconst next = computed(() =>\n typeof route.query.next === 'string' && route.query.next.startsWith('/') ? route.query.next : '/',\n);\n\n/**\n * The provider failed or refused. It arrives in the query string because the callback is a REDIRECT\n * — there is no fetch to read a body from — and it is the provider's own words, so it renders as\n * text and never as markup.\n */\nconst ssoError = computed(() => (typeof route.query.sso_error === 'string' ? route.query.sso_error : ''));\n\n/** The enabled providers, one button each. Empty until /api/health has answered. */\nconst ssoProviders = computed(() => authState.sso?.providers ?? []);\n\n/**\n * The banner must name the provider that failed. With one provider that is known locally; with\n * several, the server prefixes its label onto the message itself, so the generic title is enough.\n */\nconst ssoErrorTitle = computed(() => {\n const only = ssoProviders.value.length === 1 ? ssoProviders.value[0] : undefined;\n return only ? `Signing in with ${only.label} did not work.` : 'Signing in did not work.';\n});\n\n/**\n * A full navigation, not a fetch: the whole point is to leave this origin for the provider's\n * consent screen. `api.url` so a dev session pointed at a tunnelled host still reaches its API.\n */\nfunction signInWithProvider(key: string): void {\n window.location.assign(\n api.url(`/api/auth/sso/start?provider=${encodeURIComponent(key)}&next=${encodeURIComponent(next.value)}`),\n );\n}\n\nasync function submit(): Promise<void> {\n pending.value = true;\n error.value = '';\n const failure = await login(username.value.trim(), password.value);\n pending.value = false;\n if (failure) {\n error.value = failure;\n password.value = '';\n return;\n }\n await checkAuth();\n // Back to wherever the guard bounced them from, or home. An /api/ next (Grafana's sign-in) is a\n // server route the router would render as NotFound: a full navigation.\n if (next.value.startsWith('/api/')) window.location.assign(api.url(next.value));\n else void router.replace(next.value);\n}\n</script>\n\n<template>\n <div class=\"login-wrap\">\n <div class=\"login-card panel\">\n <h1 style=\"font-size: var(--t-xl); margin-bottom: var(--s2)\">Sign in</h1>\n\n <template v-if=\"authState.hasUsers === false\">\n <!--\n A curl block used to sit here permanently, on the FIRST screen anyone sees. It is needed\n exactly once per host and by one person; behind the button it costs a click then and\n nothing on every later visit — and it is generated, so it cannot drift from the route.\n -->\n <div class=\"banner plain\" style=\"margin-top: var(--s3)\">\n <b>No accounts yet — create the first one.</b>\n <p class=\"mute\">Needs the host token.</p>\n <EquivalentCommand\n what=\"creating the first account\"\n method=\"POST\"\n path=\"/api/auth/bootstrap\"\n :body=\"{ username: 'you', password: '…' }\"\n />\n </div>\n </template>\n\n <form @submit.prevent=\"submit\">\n <div class=\"field\" style=\"margin-top: var(--s4)\">\n <label for=\"u\">Username</label>\n <input id=\"u\" v-model=\"username\" type=\"text\" autocomplete=\"username\" spellcheck=\"false\" />\n </div>\n <div class=\"field\">\n <label for=\"p\">Password</label>\n <input id=\"p\" v-model=\"password\" type=\"password\" autocomplete=\"current-password\" />\n </div>\n\n <div v-if=\"error\" role=\"alert\" class=\"banner failed\" style=\"margin-top: var(--s3)\">\n <p>{{ error }}</p>\n </div>\n\n <div class=\"row\" style=\"margin-top: var(--s4)\">\n <ActionButton\n variant=\"primary\"\n :pending=\"pending\"\n :disabled=\"pending || !username.trim() || !password\"\n @click=\"submit\"\n >\n {{ pending ? 'Signing in…' : 'Sign in' }}\n </ActionButton>\n <span class=\"grow\" />\n <RouterLink to=\"/settings\" class=\"mute\">Use a token instead</RouterLink>\n </div>\n </form>\n\n <!-- ── the providers, below the form: one full-width button each, so one configured\n provider and five lay out the same way. Below rather than above because the health\n probe answers after first paint — buttons appearing UNDER the form do not shove the\n username field out from beneath the pointer. -->\n <template v-if=\"ssoProviders.length\">\n <div class=\"row\" style=\"margin: var(--s4) 0; align-items: center; gap: var(--s3)\">\n <hr style=\"flex: 1; border: 0; border-top: 1px solid var(--line)\" />\n <span class=\"mute\" style=\"font-size: var(--t-sm)\">or</span>\n <hr style=\"flex: 1; border: 0; border-top: 1px solid var(--line)\" />\n </div>\n <div v-if=\"ssoError\" class=\"banner failed\" style=\"margin-bottom: var(--s3)\">\n <b>{{ ssoErrorTitle }}</b>\n <!-- The provider's (or server's) own words — arrives via redirect query, rendered as\n text and never as markup. -->\n <p>{{ ssoError }}</p>\n </div>\n <div class=\"sso-list\">\n <button v-for=\"p in ssoProviders\" :key=\"p.key\" class=\"sso-btn\" @click=\"signInWithProvider(p.key)\">\n <SsoMark :preset=\"p.preset\" />\n <span>Continue with {{ p.label }}</span>\n </button>\n </div>\n </template>\n </div>\n </div>\n</template>\n\n<style scoped>\n/* The shell centres this now — see `.shell.no-rail .view`. A second centring context here would\n * fight it, and `min-height: 70vh` was what pinned the card toward the top of the window. */\n/* `100%`, not `92vw`: the shell already insets this by its own padding, so a viewport-relative\n * width added on top overflowed the right edge on a phone (measured 32px/0px at 390). */\n.login-wrap {\n width: min(420px, 100%);\n}\n.login-card {\n width: 100%;\n}\n\n/* One neutral button per provider: the brand mark carries the identity, the button stays the\n * app's own control — a row of provider-branded buttons is a ransom note. */\n.sso-list {\n display: flex;\n flex-direction: column;\n gap: var(--s2);\n}\n.sso-btn {\n width: 100%;\n justify-content: center;\n}\n.sso-btn svg {\n flex: none;\n}\n</style>\n"],"names":["router","useRouter","route","useRoute","username","ref","password","pending","error","next","computed","ssoError","ssoProviders","_a","authState","ssoErrorTitle","only","signInWithProvider","key","api","submit","failure","login","checkAuth","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_cache","_unref","_hoisted_3","_createVNode","EquivalentCommand","_hoisted_4","$event","_hoisted_5","_hoisted_6","_hoisted_7","ActionButton","_component_RouterLink","_Fragment","_hoisted_8","_hoisted_9","_renderList","p","SsoMark","_toDisplayString"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{d as ie,N as j,Q as ue,c as n,a as s,e as Z,g as D,L as G,n as c,u as k,t as i,f as _,F as y,E as O,r as re,v as ve,z as de,i as m,j as q,p as W,a7 as H,C as ce,m as me,l as pe,o,M as fe}from"./index-
|
|
1
|
+
import{d as ie,N as j,Q as ue,c as n,a as s,e as Z,g as D,L as G,n as c,u as k,t as i,f as _,F as y,E as O,r as re,v as ve,z as de,i as m,j as q,p as W,a7 as H,C as ce,m as me,l as pe,o,M as fe}from"./index-DlhYSSKq.js";import{d as u}from"./useDeployment-BJuUhf9K.js";import{_ as K}from"./SelectMenu.vue_vue_type_script_setup_true_lang-PIaLSNsk.js";import{_ as he}from"./LogViewer.vue_vue_type_script_setup_true_lang-D2yEiI2n.js";import"./useVars-VN9gYdR6.js";const ye={class:"panel"},ge={class:"phead"},be={class:"field inline"},ke={class:"field inline"},_e={class:"check"},we=["disabled","title"],xe=["disabled","title"],Ce={key:0,class:"progress","aria-hidden":"true"},Le={key:0,class:"mute"},Se={key:1,class:"mute"},$e={key:0,role:"alert",class:"banner failed"},Fe={key:1,class:"banner warn"},Ue={class:"logs-split"},Ve={class:"clist","aria-label":"Containers"},Ne={class:"clist-sub"},Re=["onClick"],Te={class:"clist-name"},Ee={key:0,class:"badge warn"},qe=["title"],Ae={key:0,class:"hint"},Be={class:"logs-main"},Ie={class:"row",style:{"margin-bottom":"var(--s3)"}},Me={class:"field grow"},ze={class:"check"},je={key:0,class:"log"},De={key:2,class:"hint"},Oe={key:3,class:"hint"},We={key:1,class:"mute"},X=5e3,Ge=ie({__name:"LogsTab",setup(He){const J=me(),Y=pe(),S=m(200),U=m(""),$=m(!1),f=m(""),p=m([]),w=q(()=>p.value.find(t=>t.name===f.value)??null),A=q(()=>{var t;return((t=w.value)==null?void 0:t.service)??""});async function ee(){const t=await W.get(`/api/deployments/${encodeURIComponent(u.id)}/runtime${H(u.vars)}`);t.ok&&(p.value=[...t.body.containers].sort((e,l)=>(e.service??e.name).localeCompare(l.service??l.name)))}const V=m(""),r=m(null),N=m(""),x=m(!1);j(()=>{var t;return[u.id,!!((t=u.detail)!=null&&t.compose)]},([t,e],l)=>{(!l||l[0]!==t)&&(p.value=[],f.value="",r.value=null),e&&p.value.length===0&&ee()},{immediate:!0}),j([p,()=>J.query.container],([t,e])=>{const l=typeof e=="string"?e:"";!l||!t.length||f.value===l||t.some(v=>v.name===l)&&(f.value=l,B())},{immediate:!0});function P(t){f.value!==t&&(f.value=t,Y.replace({query:{...J.query,container:t||void 0}}),B())}async function B(){var v;if(!((v=u.detail)!=null&&v.compose))return;const t=u.id;x.value=!0,N.value="";const e=A.value,l=await W.get(`/api/deployments/${encodeURIComponent(t)}/logs${H(u.vars,{tail:S.value,...e?{service:e}:{},...U.value?{since:U.value}:{},...$.value?{timestamps:1}:{}})}`);if(x.value=!1,u.id===t&&!(l.ok&&(l.body.service??"")!==e)){if(!l.ok){r.value=null,N.value=ce(l,"load the logs");return}r.value={...l.body,ok:l.body.ok!==!1,text:l.body.text??""}}}const d=m(!1),h=m([]);let g=null;function F(){g==null||g.close(),g=null,d.value=!1}function Q(){F(),h.value=[];const t=H(u.vars,{tail:S.value,...A.value?{service:A.value}:{},...$.value?{timestamps:1}:{}});g=new EventSource(W.url(`/api/deployments/${encodeURIComponent(u.id)}/logs/stream${t}`)),d.value=!0,g.onmessage=e=>{const l=JSON.parse(e.data);if(l.done){h.value.push(`— ${l.reason??"stream ended"} —`),F();return}l.line!==void 0&&(h.value.push(l.line),h.value.length>X&&h.value.splice(0,h.value.length-X))},g.onerror=()=>F()}function te(){d.value?F():Q()}j([f,$,S],()=>{d.value&&Q()}),ue(F);const I=q(()=>{var v;const t=d.value||h.value.length?h.value.join(`
|
|
2
2
|
`):((v=r.value)==null?void 0:v.text)??"",e=V.value.trim().toLowerCase();if(!e)return t;const l=t.split(`
|
|
3
3
|
`).filter(b=>b.toLowerCase().includes(e));return l.length?l.join(`
|
|
4
4
|
`):`(no line matches "${V.value}")`}),M=m(!1),le=/^(\S+)\s+\| /,se=/^(\d{4}-\d{2}-\d{2}T[\d:.]+Z?)\s/,ae=q(()=>{var b;const t=I.value;if(!t||t.startsWith("(no line matches"))return[];const e=new Map,l=((b=w.value)==null?void 0:b.name)??"",v=[];return t.split(`
|
|
5
5
|
`).forEach((C,a)=>{const R=le.exec(C);if(!R){v.push({key:a,text:C});return}const L=R[1];if(l&&L!==l&&p.value.some(ne=>ne.name===L))return;let T=C.slice(R[0].length),E;const z=se.exec(T);z&&(E=z[1],T=T.slice(z[0].length)),e.has(L)||e.set(L,e.size%6),v.push({key:a,gutter:L,text:T,tone:`svc-${e.get(L)}`,...E?{time:new Date(E).toTimeString().slice(0,8),timeTitle:E}:{}})}),v}),oe=t=>t.state==="running"&&t.health!=="unhealthy"?"s-ok":t.state==="exited"&&t.exitCode===0?"mute":"s-failed";return(t,e)=>{var l,v,b,C;return o(),n("section",ye,[s("div",ge,[e[9]||(e[9]=s("h2",{class:"section"},"Compose logs",-1)),e[10]||(e[10]=s("span",{class:"grow"},null,-1)),s("div",be,[e[6]||(e[6]=s("label",{for:"tail"},"Lines",-1)),Z(K,{id:"tail","model-value":String(S.value),label:"How many lines",options:[{value:"50",label:"50"},{value:"200",label:"200"},{value:"500",label:"500"},{value:"1000",label:"1000"},{value:"2000",label:"2000"}],"onUpdate:modelValue":e[0]||(e[0]=a=>S.value=Number(a))},null,8,["model-value"])]),s("div",ke,[e[7]||(e[7]=s("label",{for:"since"},"Since",-1)),Z(K,{id:"since",modelValue:U.value,"onUpdate:modelValue":e[1]||(e[1]=a=>U.value=a),label:"How far back",options:[{value:"",label:"Anything kept"},{value:"5m",label:"Last 5 minutes"},{value:"30m",label:"Last 30 minutes"},{value:"1h",label:"Last hour"},{value:"24h",label:"Last day"}]},null,8,["modelValue"])]),s("label",_e,[D(s("input",{"onUpdate:modelValue":e[2]||(e[2]=a=>$.value=a),type:"checkbox"},null,512),[[G,$.value]]),e[8]||(e[8]=c(" Timestamps ",-1))]),s("button",{disabled:!((l=k(u).detail)!=null&&l.compose),title:d.value?"Stop streaming":"Stream new lines as they arrive",onClick:te},i(d.value?"Stop following":"Follow"),9,we),s("button",{class:"primary",disabled:x.value||d.value||!((v=k(u).detail)!=null&&v.compose),title:d.value?"Already streaming.":void 0,onClick:B},[c(i(x.value?"Reading…":r.value?"Refresh":"Fetch")+" ",1),x.value?(o(),n("span",Ce)):_("",!0)],8,xe)]),k(u).detail?k(u).detail.compose?(o(),n(y,{key:2},[N.value?(o(),n("div",$e,i(N.value),1)):r.value&&!r.value.ok?(o(),n("div",Fe,[s("b",null,i(((b=k(u).detail)==null?void 0:b.orchestrator)==="swarm"?"docker service logs":"Compose")+" exited non-zero.",1),s("p",null,[(C=k(u).detail)!=null&&C.asleep?(o(),n(y,{key:0},[c("Asleep — no containers to read.")],64)):(o(),n(y,{key:1},[c("Usually nothing brought up yet; any output it produced is below.")],64))])])):_("",!0),s("div",Ue,[s("aside",Ve,[s("button",{class:O(["clist-item",{on:f.value===""}]),onClick:e[3]||(e[3]=a=>P(""))},[e[12]||(e[12]=s("span",{class:"clist-name"},"All services",-1)),s("span",Ne,i(p.value.length)+" container"+i(p.value.length===1?"":"s"),1)],2),(o(!0),n(y,null,re(p.value,a=>(o(),n("button",{key:a.id,class:O(["clist-item",{on:f.value===a.name}]),onClick:R=>P(a.name)},[s("span",Te,[c(i(a.service??a.name)+" ",1),a.restartCount>0?(o(),n("span",Ee,i(a.restartCount)+"×",1)):_("",!0)]),s("span",{class:"clist-sub mono",title:a.name},i(a.name),9,qe),s("span",{class:O(["clist-state",oe(a)])},i(k(fe)(a.health??a.state)),3)],10,Re))),128)),p.value.length?_("",!0):(o(),n("p",Ae,"No containers."))]),s("div",Be,[s("div",Ie,[s("div",Me,[e[13]||(e[13]=s("label",{for:"lf"},"Search",-1)),D(s("input",{id:"lf","onUpdate:modelValue":e[4]||(e[4]=a=>V.value=a),"data-search":"",type:"search",placeholder:"Substring",spellcheck:"false"},null,512),[[ve,V.value]])]),s("label",ze,[D(s("input",{"onUpdate:modelValue":e[5]||(e[5]=a=>M.value=a),type:"checkbox"},null,512),[[G,M.value]]),e[14]||(e[14]=c(" Raw output ",-1))])]),r.value||d.value||h.value.length?(o(),n(y,{key:0},[M.value?(o(),n("pre",je,i(I.value||"(no output)"),1)):(o(),de(he,{key:1,rows:ae.value,live:d.value,"copy-text":I.value,"empty-text":d.value?"Waiting for output…":"(no output)"},null,8,["rows","live","copy-text","empty-text"])),d.value?(o(),n("p",De," Following "+i(w.value?w.value.name:"the whole stack")+" · last "+i(X.toLocaleString())+" lines ",1)):r.value?(o(),n("p",Oe,[c(i(r.value.lines??0)+" line"+i((r.value.lines??0)===1?"":"s")+" ",1),w.value?(o(),n(y,{key:0},[e[15]||(e[15]=c("from ",-1)),s("b",null,i(w.value.name),1)],64)):(o(),n(y,{key:1},[c("across the stack")],64)),r.value.since?(o(),n(y,{key:2},[c(", last "+i(r.value.since),1)],64)):_("",!0),c(", tail "+i(r.value.tail)+" · secrets redacted on the host. ",1)])):_("",!0)],64)):x.value?_("",!0):(o(),n("p",We,"Fetch the last lines, or follow live."))])])],64)):(o(),n("p",Se,[...e[11]||(e[11]=[c("No ",-1),s("code",null,"compose:",-1),c(" section.",-1)])])):(o(),n("p",Le,"Unavailable until the spec resolves."))])}}});export{Ge as default};
|
|
6
|
-
//# sourceMappingURL=LogsTab
|
|
6
|
+
//# sourceMappingURL=LogsTab-B6R6j6Uv.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LogsTab--Q-KHeWj.js","sources":["../../src/views/tabs/LogsTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Compose logs, fetched ON DEMAND.\n *\n * Never polled: an auto-refresh against a chatty stack would hammer the host through\n * `docker compose logs` — the same host that is running everyone else's previews. The tail is\n * clamped to 1–2000 by the server for the same reason.\n *\n * ── THE CONTAINER LIST IS A PANEL, NOT A DROPDOWN ────────────────────────────────────────────────\n *\n * A picker hides the fleet behind a click and shows one name at a time. Reading logs is a hunt —\n * \"which of these is the one that's broken\" — so the containers are a standing list beside the\n * output, each with its state, and one click switches the pane. It scrolls, because a stack with\n * twenty containers must not push the log off the screen.\n *\n * Selecting a CONTAINER narrows two ways at once: the server is asked for that container's service\n * (so the whole tail is spent on it), and rows whose prefix names a different replica are dropped\n * client-side. Selecting \"All services\" restores the interleaved view.\n *\n * ── WHY THE OPTIONS EXIST ────────────────────────────────────────────────────────────────────────\n *\n * `--timestamps` is what makes a line comparable to anything else — a deploy, a healthcheck flap,\n * another service. `--since` is what makes a long-lived container readable: a tail of 2000 on a\n * service that logs every request is 2000 lines of the last four minutes.\n */\nimport { computed, onBeforeUnmount, ref, watch } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { api, problem, query } from '../../api/client';\nimport type { LogsResponse, RuntimeContainer, RuntimeResponse } from '../../api/types';\nimport { dep } from '../../composables/useDeployment';\nimport { sentence } from '../../composables/useFormat';\nimport SelectMenu from '../../components/SelectMenu.vue';\nimport LogViewer from '../../components/LogViewer.vue';\nimport type { LogRow } from '../../components/log-viewer-types';\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst tail = ref(200);\nconst since = ref('');\nconst timestamps = ref(false);\n/** '' means the whole stack; otherwise a CONTAINER name (its service is what the server is asked for). */\nconst selected = ref('');\nconst containers = ref<RuntimeContainer[]>([]);\n\nconst current = computed(() => containers.value.find((c) => c.name === selected.value) ?? null);\n/** What the server is asked to narrow to — compose narrows by service, not by container. */\nconst service = computed(() => current.value?.service ?? '');\n\nasync function loadContainers(): Promise<void> {\n const r = await api.get<RuntimeResponse>(\n `/api/deployments/${encodeURIComponent(dep.id)}/runtime${query(dep.vars)}`,\n );\n if (!r.ok) return; // the panel is a convenience; the whole-stack read still works without it\n containers.value = [...r.body.containers].sort((a, b) =>\n (a.service ?? a.name).localeCompare(b.service ?? b.name),\n );\n}\n\nconst filter = ref('');\nconst logs = ref<LogsResponse | null>(null);\nconst error = ref('');\nconst loading = ref(false);\n\nwatch(\n () => [dep.id, !!dep.detail?.compose] as const,\n ([id, hasCompose], prev) => {\n if (!prev || prev[0] !== id) {\n containers.value = [];\n selected.value = '';\n logs.value = null;\n }\n // Gated on the RESOLVED spec, not just the id: this component mounts before the parent has\n // resolved the deployment, so an id-only watcher saw `dep.detail === undefined` and the\n // container panel never appeared.\n if (hasCompose && containers.value.length === 0) void loadContainers();\n },\n { immediate: true },\n);\n\n/**\n * `?container=` deep link — how the Containers table jumps straight here.\n *\n * Applied once the container list has arrived, because the name has to resolve to a real container\n * to pick its service; and it fetches immediately, since arriving from \"show me this container's\n * logs\" and then being asked to press Fetch is a wasted click.\n */\nwatch(\n [containers, () => route.query.container],\n ([list, wanted]) => {\n const name = typeof wanted === 'string' ? wanted : '';\n if (!name || !list.length || selected.value === name) return;\n if (!list.some((c) => c.name === name)) return;\n selected.value = name;\n void fetchLogs();\n },\n { immediate: true },\n);\n\nfunction select(name: string): void {\n if (selected.value === name) return;\n selected.value = name;\n // Keep the URL honest so the pane can be linked to and survives a reload.\n void router.replace({ query: { ...route.query, container: name || undefined } });\n void fetchLogs();\n}\n\nasync function fetchLogs(): Promise<void> {\n if (!dep.detail?.compose) return;\n const id = dep.id;\n loading.value = true;\n error.value = '';\n const chosen = service.value;\n const r = await api.get<LogsResponse>(\n `/api/deployments/${encodeURIComponent(id)}/logs${query(dep.vars, {\n tail: tail.value,\n ...(chosen ? { service: chosen } : {}),\n ...(since.value ? { since: since.value } : {}),\n ...(timestamps.value ? { timestamps: 1 } : {}),\n })}`,\n );\n loading.value = false;\n if (dep.id !== id) return; // navigated away mid-flight\n // A slow response for the previously-selected service must not land in a pane now labelled with a\n // different one.\n if (r.ok && (r.body.service ?? '') !== chosen) return;\n if (!r.ok) {\n logs.value = null;\n error.value = problem(r, 'load the logs');\n return;\n }\n logs.value = { ...r.body, ok: r.body.ok !== false, text: r.body.text ?? '' };\n}\n\n/**\n * FOLLOW — one `compose logs --follow` on the server, streamed here over SSE.\n *\n * Not a poll. Re-fetching a full tail every few seconds would re-send everything each time and hit\n * the host that is running everyone else's previews; a followed process sends each line once and\n * costs nothing in between. That is why the \"never polled\" rule in this file survives a live tail.\n *\n * The buffer is CAPPED. A chatty service can emit thousands of lines a minute, and an unbounded\n * array behind a DOM list is how a tab left open overnight ends up unresponsive.\n */\nconst MAX_FOLLOW_LINES = 5_000;\nconst following = ref(false);\nconst liveLines = ref<string[]>([]);\nlet source: EventSource | null = null;\n\nfunction stopFollow(): void {\n source?.close();\n source = null;\n following.value = false;\n}\n\nfunction startFollow(): void {\n stopFollow();\n liveLines.value = [];\n const q = query(dep.vars, {\n tail: tail.value,\n ...(service.value ? { service: service.value } : {}),\n ...(timestamps.value ? { timestamps: 1 } : {}),\n });\n // EventSource cannot set headers, which is exactly why sessions are cookies — the request is\n // same-origin and carries the session automatically. A token-only browser session is the one case\n // this cannot serve, and the server answers 401 rather than streaming nothing.\n source = new EventSource(\n api.url(`/api/deployments/${encodeURIComponent(dep.id)}/logs/stream${q}`),\n );\n following.value = true;\n source.onmessage = (ev) => {\n const payload = JSON.parse(ev.data) as { line?: string; done?: boolean; reason?: string };\n if (payload.done) {\n // The stack stopped, or the follow hit its cap. Say which, rather than leaving a live-looking\n // pane that will never produce another line.\n liveLines.value.push(`— ${payload.reason ?? 'stream ended'} —`);\n stopFollow();\n return;\n }\n if (payload.line === undefined) return;\n liveLines.value.push(payload.line);\n if (liveLines.value.length > MAX_FOLLOW_LINES) {\n liveLines.value.splice(0, liveLines.value.length - MAX_FOLLOW_LINES);\n }\n };\n source.onerror = () => stopFollow();\n}\n\nfunction toggleFollow(): void {\n if (following.value) stopFollow();\n else startFollow();\n}\n\n// Switching container/options mid-follow must re-open the stream, or the pane keeps showing the\n// previous selection's lines under the new label.\nwatch([selected, timestamps, tail], () => {\n if (following.value) startFollow();\n});\nonBeforeUnmount(stopFollow);\n\n/** Search-in-logs: filter to matching lines rather than highlighting inside a wall of text. */\nconst shown = computed(() => {\n // While following, the live buffer IS the log — one source of truth for the pane, so the pretty\n // view, raw view, search and copy all agree about what is on screen.\n const text = following.value || liveLines.value.length ? liveLines.value.join('\\n') : (logs.value?.text ?? '');\n const needle = filter.value.trim().toLowerCase();\n if (!needle) return text;\n const lines = text.split('\\n').filter((l) => l.toLowerCase().includes(needle));\n return lines.length ? lines.join('\\n') : `(no line matches \"${filter.value}\")`;\n});\n\n/**\n * Raw is ALWAYS available, one click away. The pretty view re-arranges compose's output, and a\n * re-arranged log is the wrong thing to paste into a bug report or diff against a colleague's —\n * raw shows the exact bytes the server sent, filter and all.\n */\nconst raw = ref(false);\n\n/**\n * Compose prefixes every line with `container-name | `, and with `--timestamps` the timestamp\n * follows it. The pretty view lifts the prefix into a non-wrapping gutter with a stable per-service\n * colour and the timestamp into the viewer's own time column, so interleaved services stop reading\n * as one grey wall. A line with no prefix (a compose warning, a continuation) gets an empty gutter\n * rather than being guessed at.\n */\nconst PREFIX = /^(\\S+)\\s+\\| /;\n/** Docker's own stamp: RFC3339 with nanoseconds, always first after the prefix. */\nconst TS = /^(\\d{4}-\\d{2}-\\d{2}T[\\d:.]+Z?)\\s/;\n\nconst logRows = computed<LogRow[]>(() => {\n const text = shown.value;\n if (!text || text.startsWith('(no line matches')) return [];\n const hues = new Map<string, number>();\n const only = current.value?.name ?? '';\n const rows: LogRow[] = [];\n text.split('\\n').forEach((line, i) => {\n const m = PREFIX.exec(line);\n if (!m) {\n rows.push({ key: i, text: line });\n return;\n }\n const from = m[1]!;\n // A service with several replicas answers as one stream; keep only the chosen replica's lines.\n if (only && from !== only && containers.value.some((c) => c.name === from)) return;\n let rest = line.slice(m[0].length);\n let when: string | undefined;\n const t = TS.exec(rest);\n if (t) {\n when = t[1]!;\n rest = rest.slice(t[0].length);\n }\n if (!hues.has(from)) hues.set(from, hues.size % 6);\n rows.push({\n key: i,\n gutter: from,\n text: rest,\n tone: `svc-${hues.get(from)}`,\n ...(when ? { time: new Date(when).toTimeString().slice(0, 8), timeTitle: when } : {}),\n });\n });\n return rows;\n});\n\nconst stateTone = (c: RuntimeContainer): string =>\n c.state === 'running' && c.health !== 'unhealthy' ? 's-ok' : c.state === 'exited' && c.exitCode === 0 ? 'mute' : 's-failed';\n</script>\n\n<template>\n <section class=\"panel\">\n <div class=\"phead\">\n <h2 class=\"section\">Compose logs</h2>\n <span class=\"grow\" />\n <div class=\"field inline\">\n <label for=\"tail\">Lines</label>\n <SelectMenu\n id=\"tail\"\n :model-value=\"String(tail)\"\n label=\"How many lines\"\n :options=\"[\n { value: '50', label: '50' },\n { value: '200', label: '200' },\n { value: '500', label: '500' },\n { value: '1000', label: '1000' },\n { value: '2000', label: '2000' },\n ]\"\n @update:model-value=\"(v) => (tail = Number(v))\"\n />\n </div>\n <div class=\"field inline\">\n <label for=\"since\">Since</label>\n <SelectMenu\n id=\"since\"\n v-model=\"since\"\n label=\"How far back\"\n :options=\"[\n { value: '', label: 'Anything kept' },\n { value: '5m', label: 'Last 5 minutes' },\n { value: '30m', label: 'Last 30 minutes' },\n { value: '1h', label: 'Last hour' },\n { value: '24h', label: 'Last day' },\n ]\"\n />\n </div>\n <label class=\"check\">\n <input v-model=\"timestamps\" type=\"checkbox\" />\n Timestamps\n </label>\n <button\n :disabled=\"!dep.detail?.compose\"\n :title=\"following ? 'Stop streaming' : 'Stream new lines as they arrive'\"\n @click=\"toggleFollow\"\n >\n {{ following ? 'Stop following' : 'Follow' }}\n </button>\n <button\n class=\"primary\"\n :disabled=\"loading || following || !dep.detail?.compose\"\n :title=\"following ? 'Already streaming.' : undefined\"\n @click=\"fetchLogs\"\n >\n {{ loading ? 'Reading…' : logs ? 'Refresh' : 'Fetch' }}\n <span v-if=\"loading\" class=\"progress\" aria-hidden=\"true\" />\n </button>\n </div>\n\n <p v-if=\"!dep.detail\" class=\"mute\">Unavailable until the spec resolves.</p>\n <!-- Guard on the field rather than calling and interpreting the failure after the fact. -->\n <p v-else-if=\"!dep.detail.compose\" class=\"mute\">No <code>compose:</code> section.</p>\n\n <template v-else>\n <div v-if=\"error\" role=\"alert\" class=\"banner failed\">{{ error }}</div>\n\n <!--\n `ok: false` means compose exited non-zero. Usually \"no such project\" because the stack was\n never brought up — not a server fault, so it is a note rather than an error.\n -->\n <div v-else-if=\"logs && !logs.ok\" class=\"banner warn\">\n <b>{{ dep.detail?.orchestrator === 'swarm' ? 'docker service logs' : 'Compose' }} exited non-zero.</b>\n <p>\n <!-- Asleep and never-brought-up look identical from here; say which. -->\n <template v-if=\"dep.detail?.asleep\">Asleep — no containers to read.</template>\n <template v-else>Usually nothing brought up yet; any output it produced is below.</template>\n </p>\n </div>\n\n <div class=\"logs-split\">\n <!-- ============================ the container panel ============================ -->\n <aside class=\"clist\" aria-label=\"Containers\">\n <button class=\"clist-item\" :class=\"{ on: selected === '' }\" @click=\"select('')\">\n <span class=\"clist-name\">All services</span>\n <span class=\"clist-sub\">{{ containers.length }} container{{ containers.length === 1 ? '' : 's' }}</span>\n </button>\n <button\n v-for=\"c in containers\"\n :key=\"c.id\"\n class=\"clist-item\"\n :class=\"{ on: selected === c.name }\"\n @click=\"select(c.name)\"\n >\n <span class=\"clist-name\">\n {{ c.service ?? c.name }}\n <span v-if=\"c.restartCount > 0\" class=\"badge warn\">{{ c.restartCount }}×</span>\n </span>\n <span class=\"clist-sub mono\" :title=\"c.name\">{{ c.name }}</span>\n <span class=\"clist-state\" :class=\"stateTone(c)\">\n {{ sentence(c.health ?? c.state) }}\n </span>\n </button>\n <p v-if=\"!containers.length\" class=\"hint\">No containers.</p>\n </aside>\n\n <!-- ============================ the output ============================ -->\n <div class=\"logs-main\">\n <div class=\"row\" style=\"margin-bottom: var(--s3)\">\n <div class=\"field grow\">\n <label for=\"lf\">Search</label>\n <input\n id=\"lf\"\n v-model=\"filter\"\n data-search\n type=\"search\"\n placeholder=\"Substring\"\n spellcheck=\"false\"\n />\n </div>\n <label class=\"check\">\n <input v-model=\"raw\" type=\"checkbox\" />\n Raw output\n </label>\n </div>\n\n <template v-if=\"logs || following || liveLines.length\">\n <pre v-if=\"raw\" class=\"log\">{{ shown || '(no output)' }}</pre>\n <LogViewer\n v-else\n :rows=\"logRows\"\n :live=\"following\"\n :copy-text=\"shown\"\n :empty-text=\"following ? 'Waiting for output…' : '(no output)'\"\n />\n <p v-if=\"following\" class=\"hint\">\n Following {{ current ? current.name : 'the whole stack' }} · last\n {{ MAX_FOLLOW_LINES.toLocaleString() }} lines\n </p>\n <!-- The redaction note stays: what is on screen is not the raw bytes on the host. -->\n <p v-else-if=\"logs\" class=\"hint\">\n {{ logs.lines ?? 0 }} line{{ (logs.lines ?? 0) === 1 ? '' : 's' }}\n <template v-if=\"current\">from <b>{{ current.name }}</b></template>\n <template v-else>across the stack</template>\n <template v-if=\"logs.since\">, last {{ logs.since }}</template>, tail\n {{ logs.tail }} · secrets redacted on the host.\n </p>\n </template>\n <p v-else-if=\"!loading\" class=\"mute\">Fetch the last lines, or follow live.</p>\n </div>\n </div>\n </template>\n </section>\n</template>\n"],"names":["MAX_FOLLOW_LINES","route","useRoute","router","useRouter","tail","ref","since","timestamps","selected","containers","current","computed","c","service","_a","loadContainers","r","api","dep","query","a","b","filter","logs","error","loading","watch","id","hasCompose","prev","list","wanted","name","fetchLogs","select","chosen","problem","following","liveLines","source","stopFollow","startFollow","q","ev","payload","toggleFollow","onBeforeUnmount","shown","text","needle","lines","l","raw","PREFIX","TS","logRows","hues","only","rows","line","i","m","from","rest","when","t","stateTone","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_cache","_hoisted_3","_createVNode","SelectMenu","v","_hoisted_4","$event","_hoisted_5","_unref","_hoisted_6","_hoisted_8","_Fragment","_hoisted_11","_toDisplayString","_hoisted_12","_hoisted_13","_hoisted_14","_normalizeClass","_hoisted_15","_renderList","_hoisted_17","_createTextVNode","_hoisted_18","_hoisted_19","sentence","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_createBlock","LogViewer","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_10","_hoisted_9"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"LogsTab-B6R6j6Uv.js","sources":["../../src/views/tabs/LogsTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Compose logs, fetched ON DEMAND.\n *\n * Never polled: an auto-refresh against a chatty stack would hammer the host through\n * `docker compose logs` — the same host that is running everyone else's previews. The tail is\n * clamped to 1–2000 by the server for the same reason.\n *\n * ── THE CONTAINER LIST IS A PANEL, NOT A DROPDOWN ────────────────────────────────────────────────\n *\n * A picker hides the fleet behind a click and shows one name at a time. Reading logs is a hunt —\n * \"which of these is the one that's broken\" — so the containers are a standing list beside the\n * output, each with its state, and one click switches the pane. It scrolls, because a stack with\n * twenty containers must not push the log off the screen.\n *\n * Selecting a CONTAINER narrows two ways at once: the server is asked for that container's service\n * (so the whole tail is spent on it), and rows whose prefix names a different replica are dropped\n * client-side. Selecting \"All services\" restores the interleaved view.\n *\n * ── WHY THE OPTIONS EXIST ────────────────────────────────────────────────────────────────────────\n *\n * `--timestamps` is what makes a line comparable to anything else — a deploy, a healthcheck flap,\n * another service. `--since` is what makes a long-lived container readable: a tail of 2000 on a\n * service that logs every request is 2000 lines of the last four minutes.\n */\nimport { computed, onBeforeUnmount, ref, watch } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { api, problem, query } from '../../api/client';\nimport type { LogsResponse, RuntimeContainer, RuntimeResponse } from '../../api/types';\nimport { dep } from '../../composables/useDeployment';\nimport { sentence } from '../../composables/useFormat';\nimport SelectMenu from '../../components/SelectMenu.vue';\nimport LogViewer from '../../components/LogViewer.vue';\nimport type { LogRow } from '../../components/log-viewer-types';\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst tail = ref(200);\nconst since = ref('');\nconst timestamps = ref(false);\n/** '' means the whole stack; otherwise a CONTAINER name (its service is what the server is asked for). */\nconst selected = ref('');\nconst containers = ref<RuntimeContainer[]>([]);\n\nconst current = computed(() => containers.value.find((c) => c.name === selected.value) ?? null);\n/** What the server is asked to narrow to — compose narrows by service, not by container. */\nconst service = computed(() => current.value?.service ?? '');\n\nasync function loadContainers(): Promise<void> {\n const r = await api.get<RuntimeResponse>(\n `/api/deployments/${encodeURIComponent(dep.id)}/runtime${query(dep.vars)}`,\n );\n if (!r.ok) return; // the panel is a convenience; the whole-stack read still works without it\n containers.value = [...r.body.containers].sort((a, b) =>\n (a.service ?? a.name).localeCompare(b.service ?? b.name),\n );\n}\n\nconst filter = ref('');\nconst logs = ref<LogsResponse | null>(null);\nconst error = ref('');\nconst loading = ref(false);\n\nwatch(\n () => [dep.id, !!dep.detail?.compose] as const,\n ([id, hasCompose], prev) => {\n if (!prev || prev[0] !== id) {\n containers.value = [];\n selected.value = '';\n logs.value = null;\n }\n // Gated on the RESOLVED spec, not just the id: this component mounts before the parent has\n // resolved the deployment, so an id-only watcher saw `dep.detail === undefined` and the\n // container panel never appeared.\n if (hasCompose && containers.value.length === 0) void loadContainers();\n },\n { immediate: true },\n);\n\n/**\n * `?container=` deep link — how the Containers table jumps straight here.\n *\n * Applied once the container list has arrived, because the name has to resolve to a real container\n * to pick its service; and it fetches immediately, since arriving from \"show me this container's\n * logs\" and then being asked to press Fetch is a wasted click.\n */\nwatch(\n [containers, () => route.query.container],\n ([list, wanted]) => {\n const name = typeof wanted === 'string' ? wanted : '';\n if (!name || !list.length || selected.value === name) return;\n if (!list.some((c) => c.name === name)) return;\n selected.value = name;\n void fetchLogs();\n },\n { immediate: true },\n);\n\nfunction select(name: string): void {\n if (selected.value === name) return;\n selected.value = name;\n // Keep the URL honest so the pane can be linked to and survives a reload.\n void router.replace({ query: { ...route.query, container: name || undefined } });\n void fetchLogs();\n}\n\nasync function fetchLogs(): Promise<void> {\n if (!dep.detail?.compose) return;\n const id = dep.id;\n loading.value = true;\n error.value = '';\n const chosen = service.value;\n const r = await api.get<LogsResponse>(\n `/api/deployments/${encodeURIComponent(id)}/logs${query(dep.vars, {\n tail: tail.value,\n ...(chosen ? { service: chosen } : {}),\n ...(since.value ? { since: since.value } : {}),\n ...(timestamps.value ? { timestamps: 1 } : {}),\n })}`,\n );\n loading.value = false;\n if (dep.id !== id) return; // navigated away mid-flight\n // A slow response for the previously-selected service must not land in a pane now labelled with a\n // different one.\n if (r.ok && (r.body.service ?? '') !== chosen) return;\n if (!r.ok) {\n logs.value = null;\n error.value = problem(r, 'load the logs');\n return;\n }\n logs.value = { ...r.body, ok: r.body.ok !== false, text: r.body.text ?? '' };\n}\n\n/**\n * FOLLOW — one `compose logs --follow` on the server, streamed here over SSE.\n *\n * Not a poll. Re-fetching a full tail every few seconds would re-send everything each time and hit\n * the host that is running everyone else's previews; a followed process sends each line once and\n * costs nothing in between. That is why the \"never polled\" rule in this file survives a live tail.\n *\n * The buffer is CAPPED. A chatty service can emit thousands of lines a minute, and an unbounded\n * array behind a DOM list is how a tab left open overnight ends up unresponsive.\n */\nconst MAX_FOLLOW_LINES = 5_000;\nconst following = ref(false);\nconst liveLines = ref<string[]>([]);\nlet source: EventSource | null = null;\n\nfunction stopFollow(): void {\n source?.close();\n source = null;\n following.value = false;\n}\n\nfunction startFollow(): void {\n stopFollow();\n liveLines.value = [];\n const q = query(dep.vars, {\n tail: tail.value,\n ...(service.value ? { service: service.value } : {}),\n ...(timestamps.value ? { timestamps: 1 } : {}),\n });\n // EventSource cannot set headers, which is exactly why sessions are cookies — the request is\n // same-origin and carries the session automatically. A token-only browser session is the one case\n // this cannot serve, and the server answers 401 rather than streaming nothing.\n source = new EventSource(\n api.url(`/api/deployments/${encodeURIComponent(dep.id)}/logs/stream${q}`),\n );\n following.value = true;\n source.onmessage = (ev) => {\n const payload = JSON.parse(ev.data) as { line?: string; done?: boolean; reason?: string };\n if (payload.done) {\n // The stack stopped, or the follow hit its cap. Say which, rather than leaving a live-looking\n // pane that will never produce another line.\n liveLines.value.push(`— ${payload.reason ?? 'stream ended'} —`);\n stopFollow();\n return;\n }\n if (payload.line === undefined) return;\n liveLines.value.push(payload.line);\n if (liveLines.value.length > MAX_FOLLOW_LINES) {\n liveLines.value.splice(0, liveLines.value.length - MAX_FOLLOW_LINES);\n }\n };\n source.onerror = () => stopFollow();\n}\n\nfunction toggleFollow(): void {\n if (following.value) stopFollow();\n else startFollow();\n}\n\n// Switching container/options mid-follow must re-open the stream, or the pane keeps showing the\n// previous selection's lines under the new label.\nwatch([selected, timestamps, tail], () => {\n if (following.value) startFollow();\n});\nonBeforeUnmount(stopFollow);\n\n/** Search-in-logs: filter to matching lines rather than highlighting inside a wall of text. */\nconst shown = computed(() => {\n // While following, the live buffer IS the log — one source of truth for the pane, so the pretty\n // view, raw view, search and copy all agree about what is on screen.\n const text = following.value || liveLines.value.length ? liveLines.value.join('\\n') : (logs.value?.text ?? '');\n const needle = filter.value.trim().toLowerCase();\n if (!needle) return text;\n const lines = text.split('\\n').filter((l) => l.toLowerCase().includes(needle));\n return lines.length ? lines.join('\\n') : `(no line matches \"${filter.value}\")`;\n});\n\n/**\n * Raw is ALWAYS available, one click away. The pretty view re-arranges compose's output, and a\n * re-arranged log is the wrong thing to paste into a bug report or diff against a colleague's —\n * raw shows the exact bytes the server sent, filter and all.\n */\nconst raw = ref(false);\n\n/**\n * Compose prefixes every line with `container-name | `, and with `--timestamps` the timestamp\n * follows it. The pretty view lifts the prefix into a non-wrapping gutter with a stable per-service\n * colour and the timestamp into the viewer's own time column, so interleaved services stop reading\n * as one grey wall. A line with no prefix (a compose warning, a continuation) gets an empty gutter\n * rather than being guessed at.\n */\nconst PREFIX = /^(\\S+)\\s+\\| /;\n/** Docker's own stamp: RFC3339 with nanoseconds, always first after the prefix. */\nconst TS = /^(\\d{4}-\\d{2}-\\d{2}T[\\d:.]+Z?)\\s/;\n\nconst logRows = computed<LogRow[]>(() => {\n const text = shown.value;\n if (!text || text.startsWith('(no line matches')) return [];\n const hues = new Map<string, number>();\n const only = current.value?.name ?? '';\n const rows: LogRow[] = [];\n text.split('\\n').forEach((line, i) => {\n const m = PREFIX.exec(line);\n if (!m) {\n rows.push({ key: i, text: line });\n return;\n }\n const from = m[1]!;\n // A service with several replicas answers as one stream; keep only the chosen replica's lines.\n if (only && from !== only && containers.value.some((c) => c.name === from)) return;\n let rest = line.slice(m[0].length);\n let when: string | undefined;\n const t = TS.exec(rest);\n if (t) {\n when = t[1]!;\n rest = rest.slice(t[0].length);\n }\n if (!hues.has(from)) hues.set(from, hues.size % 6);\n rows.push({\n key: i,\n gutter: from,\n text: rest,\n tone: `svc-${hues.get(from)}`,\n ...(when ? { time: new Date(when).toTimeString().slice(0, 8), timeTitle: when } : {}),\n });\n });\n return rows;\n});\n\nconst stateTone = (c: RuntimeContainer): string =>\n c.state === 'running' && c.health !== 'unhealthy' ? 's-ok' : c.state === 'exited' && c.exitCode === 0 ? 'mute' : 's-failed';\n</script>\n\n<template>\n <section class=\"panel\">\n <div class=\"phead\">\n <h2 class=\"section\">Compose logs</h2>\n <span class=\"grow\" />\n <div class=\"field inline\">\n <label for=\"tail\">Lines</label>\n <SelectMenu\n id=\"tail\"\n :model-value=\"String(tail)\"\n label=\"How many lines\"\n :options=\"[\n { value: '50', label: '50' },\n { value: '200', label: '200' },\n { value: '500', label: '500' },\n { value: '1000', label: '1000' },\n { value: '2000', label: '2000' },\n ]\"\n @update:model-value=\"(v) => (tail = Number(v))\"\n />\n </div>\n <div class=\"field inline\">\n <label for=\"since\">Since</label>\n <SelectMenu\n id=\"since\"\n v-model=\"since\"\n label=\"How far back\"\n :options=\"[\n { value: '', label: 'Anything kept' },\n { value: '5m', label: 'Last 5 minutes' },\n { value: '30m', label: 'Last 30 minutes' },\n { value: '1h', label: 'Last hour' },\n { value: '24h', label: 'Last day' },\n ]\"\n />\n </div>\n <label class=\"check\">\n <input v-model=\"timestamps\" type=\"checkbox\" />\n Timestamps\n </label>\n <button\n :disabled=\"!dep.detail?.compose\"\n :title=\"following ? 'Stop streaming' : 'Stream new lines as they arrive'\"\n @click=\"toggleFollow\"\n >\n {{ following ? 'Stop following' : 'Follow' }}\n </button>\n <button\n class=\"primary\"\n :disabled=\"loading || following || !dep.detail?.compose\"\n :title=\"following ? 'Already streaming.' : undefined\"\n @click=\"fetchLogs\"\n >\n {{ loading ? 'Reading…' : logs ? 'Refresh' : 'Fetch' }}\n <span v-if=\"loading\" class=\"progress\" aria-hidden=\"true\" />\n </button>\n </div>\n\n <p v-if=\"!dep.detail\" class=\"mute\">Unavailable until the spec resolves.</p>\n <!-- Guard on the field rather than calling and interpreting the failure after the fact. -->\n <p v-else-if=\"!dep.detail.compose\" class=\"mute\">No <code>compose:</code> section.</p>\n\n <template v-else>\n <div v-if=\"error\" role=\"alert\" class=\"banner failed\">{{ error }}</div>\n\n <!--\n `ok: false` means compose exited non-zero. Usually \"no such project\" because the stack was\n never brought up — not a server fault, so it is a note rather than an error.\n -->\n <div v-else-if=\"logs && !logs.ok\" class=\"banner warn\">\n <b>{{ dep.detail?.orchestrator === 'swarm' ? 'docker service logs' : 'Compose' }} exited non-zero.</b>\n <p>\n <!-- Asleep and never-brought-up look identical from here; say which. -->\n <template v-if=\"dep.detail?.asleep\">Asleep — no containers to read.</template>\n <template v-else>Usually nothing brought up yet; any output it produced is below.</template>\n </p>\n </div>\n\n <div class=\"logs-split\">\n <!-- ============================ the container panel ============================ -->\n <aside class=\"clist\" aria-label=\"Containers\">\n <button class=\"clist-item\" :class=\"{ on: selected === '' }\" @click=\"select('')\">\n <span class=\"clist-name\">All services</span>\n <span class=\"clist-sub\">{{ containers.length }} container{{ containers.length === 1 ? '' : 's' }}</span>\n </button>\n <button\n v-for=\"c in containers\"\n :key=\"c.id\"\n class=\"clist-item\"\n :class=\"{ on: selected === c.name }\"\n @click=\"select(c.name)\"\n >\n <span class=\"clist-name\">\n {{ c.service ?? c.name }}\n <span v-if=\"c.restartCount > 0\" class=\"badge warn\">{{ c.restartCount }}×</span>\n </span>\n <span class=\"clist-sub mono\" :title=\"c.name\">{{ c.name }}</span>\n <span class=\"clist-state\" :class=\"stateTone(c)\">\n {{ sentence(c.health ?? c.state) }}\n </span>\n </button>\n <p v-if=\"!containers.length\" class=\"hint\">No containers.</p>\n </aside>\n\n <!-- ============================ the output ============================ -->\n <div class=\"logs-main\">\n <div class=\"row\" style=\"margin-bottom: var(--s3)\">\n <div class=\"field grow\">\n <label for=\"lf\">Search</label>\n <input\n id=\"lf\"\n v-model=\"filter\"\n data-search\n type=\"search\"\n placeholder=\"Substring\"\n spellcheck=\"false\"\n />\n </div>\n <label class=\"check\">\n <input v-model=\"raw\" type=\"checkbox\" />\n Raw output\n </label>\n </div>\n\n <template v-if=\"logs || following || liveLines.length\">\n <pre v-if=\"raw\" class=\"log\">{{ shown || '(no output)' }}</pre>\n <LogViewer\n v-else\n :rows=\"logRows\"\n :live=\"following\"\n :copy-text=\"shown\"\n :empty-text=\"following ? 'Waiting for output…' : '(no output)'\"\n />\n <p v-if=\"following\" class=\"hint\">\n Following {{ current ? current.name : 'the whole stack' }} · last\n {{ MAX_FOLLOW_LINES.toLocaleString() }} lines\n </p>\n <!-- The redaction note stays: what is on screen is not the raw bytes on the host. -->\n <p v-else-if=\"logs\" class=\"hint\">\n {{ logs.lines ?? 0 }} line{{ (logs.lines ?? 0) === 1 ? '' : 's' }}\n <template v-if=\"current\">from <b>{{ current.name }}</b></template>\n <template v-else>across the stack</template>\n <template v-if=\"logs.since\">, last {{ logs.since }}</template>, tail\n {{ logs.tail }} · secrets redacted on the host.\n </p>\n </template>\n <p v-else-if=\"!loading\" class=\"mute\">Fetch the last lines, or follow live.</p>\n </div>\n </div>\n </template>\n </section>\n</template>\n"],"names":["MAX_FOLLOW_LINES","route","useRoute","router","useRouter","tail","ref","since","timestamps","selected","containers","current","computed","c","service","_a","loadContainers","r","api","dep","query","a","b","filter","logs","error","loading","watch","id","hasCompose","prev","list","wanted","name","fetchLogs","select","chosen","problem","following","liveLines","source","stopFollow","startFollow","q","ev","payload","toggleFollow","onBeforeUnmount","shown","text","needle","lines","l","raw","PREFIX","TS","logRows","hues","only","rows","line","i","m","from","rest","when","t","stateTone","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_cache","_hoisted_3","_createVNode","SelectMenu","v","_hoisted_4","$event","_hoisted_5","_unref","_hoisted_6","_hoisted_8","_Fragment","_hoisted_11","_toDisplayString","_hoisted_12","_hoisted_13","_hoisted_14","_normalizeClass","_hoisted_15","_renderList","_hoisted_17","_createTextVNode","_hoisted_18","_hoisted_19","sentence","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_createBlock","LogViewer","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_10","_hoisted_9"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{d,c as u,a as s,n as o,t as i,u as r,e as n,h as l,m as p,k as m,o as f}from"./index-
|
|
2
|
-
//# sourceMappingURL=NotFoundView-
|
|
1
|
+
import{d,c as u,a as s,n as o,t as i,u as r,e as n,h as l,m as p,k as m,o as f}from"./index-DlhYSSKq.js";const _={class:"page-head"},b={class:"sub"},v={class:"panel"},N={class:"row"},V=d({__name:"NotFoundView",setup(k){const a=p();return(c,t)=>{const e=m("RouterLink");return f(),u("div",null,[s("div",_,[s("div",null,[t[2]||(t[2]=s("h1",null,"Not found",-1)),s("div",b,[t[0]||(t[0]=o("Nothing is routed at ",-1)),s("code",null,i(r(a).fullPath),1),t[1]||(t[1]=o(".",-1))])])]),s("section",v,[s("div",N,[n(e,{class:"btn",to:"/"},{default:l(()=>[...t[3]||(t[3]=[o("Dashboard",-1)])]),_:1}),n(e,{class:"btn",to:"/deployments"},{default:l(()=>[...t[4]||(t[4]=[o("Deployments",-1)])]),_:1}),n(e,{class:"btn",to:"/jobs"},{default:l(()=>[...t[5]||(t[5]=[o("Jobs",-1)])]),_:1})])])])}}});export{V as default};
|
|
2
|
+
//# sourceMappingURL=NotFoundView-CvHMcInC.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotFoundView-
|
|
1
|
+
{"version":3,"file":"NotFoundView-CvHMcInC.js","sources":["../../src/views/NotFoundView.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Catch-all route.\n *\n * Exists so a mistyped or stale deep link renders something with a way out, rather than the blank\n * screen a SPA gives you by default when no route matches.\n */\nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\n</script>\n\n<template>\n <div>\n <div class=\"page-head\">\n <div>\n <h1>Not found</h1>\n <div class=\"sub\">Nothing is routed at <code>{{ route.fullPath }}</code>.</div>\n </div>\n </div>\n\n <section class=\"panel\">\n <div class=\"row\">\n <RouterLink class=\"btn\" to=\"/\">Dashboard</RouterLink>\n <RouterLink class=\"btn\" to=\"/deployments\">Deployments</RouterLink>\n <RouterLink class=\"btn\" to=\"/jobs\">Jobs</RouterLink>\n </div>\n </section>\n </div>\n</template>\n"],"names":["route","useRoute","_createElementBlock","_createElementVNode","_hoisted_1","_cache","_hoisted_2","_toDisplayString","_unref","_hoisted_3","_hoisted_4","_createVNode","_component_RouterLink"],"mappings":"2NASA,MAAMA,EAAQC,EAAA,mDAIZC,EAeM,MAAA,KAAA,CAdJC,EAKM,MALNC,EAKM,CAJJD,EAGM,MAAA,KAAA,CAFJE,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAF,EAAkB,UAAd,YAAS,EAAA,GACbA,EAA8E,MAA9EG,EAA8E,eAA7D,wBAAqB,EAAA,GAAAH,EAAiC,OAAA,KAAAI,EAAxBC,EAAAR,CAAA,EAAM,QAAQ,EAAA,CAAA,gBAAU,IAAC,EAAA,EAAA,OAI5EG,EAMU,UANVM,EAMU,CALRN,EAIM,MAJNO,EAIM,CAHJC,EAAqDC,EAAA,CAAzC,MAAM,MAAM,GAAG,GAAA,aAAI,IAAS,CAAA,GAAAP,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,GAAT,YAAS,EAAA,CAAA,WACxCM,EAAkEC,EAAA,CAAtD,MAAM,MAAM,GAAG,cAAA,aAAe,IAAW,CAAA,GAAAP,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,GAAX,cAAW,EAAA,CAAA,WACrDM,EAAoDC,EAAA,CAAxC,MAAM,MAAM,GAAG,OAAA,aAAQ,IAAI,CAAA,GAAAP,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,GAAJ,OAAI,EAAA,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{d as le,N as oe,c as a,a as t,e as g,z as A,f as v,F as m,t as i,r as R,g as M,v as O,n as p,h as E,i as d,j as z,p as f,C as h,o,D as ae,u as U,M as Q,E as W,R as ne,a6 as $}from"./index-D_Ks6aQi.js";import{A as q}from"./ActionButton-OewKsFrK.js";import{_ as G}from"./ErrorNote.vue_vue_type_script_setup_true_lang-FEOV8vdM.js";import{_ as ie}from"./SkeletonList.vue_vue_type_script_setup_true_lang-D4pkKZAr.js";import{_ as re}from"./RelativeTime.vue_vue_type_script_setup_true_lang-BxIqRu_b.js";import{_ as de}from"./SelectMenu.vue_vue_type_script_setup_true_lang-CMLYr7A7.js";import{_ as I}from"./RefreshButton.vue_vue_type_script_setup_true_lang-CQvD4Out.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const ue={class:"page-head"},ve={key:1,class:"panel"},ce={key:0,class:"banner ok"},pe={class:"code"},fe={class:"row"},ye={class:"panel"},me={key:1,role:"table",class:"cards"},he={role:"rowgroup",class:"stagger"},ke={role:"cell",class:"name","data-label":"name"},_e={class:"mute",style:{"font-size":"var(--t-sm)"}},ge={role:"cell","data-label":"events"},be={key:0,class:"badge"},we={key:1},$e={role:"cell","data-label":"last delivery"},Ce={key:0,class:"mute"},xe={key:2,class:"mute",style:{"font-size":"var(--t-sm)"}},Ne={role:"cell","data-label":""},Te={class:"row",style:{"justify-content":"flex-end"}},Ae={key:0,class:"badge off"},Re=["onClick"],Se=["onClick"],Ve=["onClick"],De={role:"cell",colspan:"4"},Ee={class:"row",style:{"margin-bottom":"var(--s2)"}},ze={key:0,class:"badge busy"},Ue={key:0,class:"kvlist"},qe={class:"k"},Be={class:"v"},je={class:"mute",style:{"font-size":"var(--t-sm)"}},He={key:0,class:"s-failed",style:{"font-size":"var(--t-sm)"}},Le={key:1,class:"mute"},Pe={key:2,class:"mute"},Fe={class:"panel"},Me={key:0,class:"field",style:{"max-width":"320px"}},Oe={class:"field",style:{"max-width":"380px"}},Qe=["for"],We=["id","onUpdate:modelValue","placeholder"],Ge={class:"row"},Ie={class:"check"},Je=["checked"],Ke={key:1,class:"check-grid"},Xe=["checked","onChange"],Ye={class:"row",style:{"margin-top":"var(--s4)"}},Ze={key:3,class:"hint"},et={key:4,class:"hint"},vt=le({__name:"NotifiersView",setup(tt){const S=d([]),k=d(null),B=d(!1),y=d(""),j=d(!1),b=d(null),n=d({name:"",type:"webhook",events:[],config:{}}),w=d(!1),C=d(""),c=d(null),x=d([]),N=d(0),V=d(0),J=z(()=>{var s;return(((s=k.value)==null?void 0:s.types)??[]).map(e=>({value:e.kind,label:e.label}))}),D=z(()=>{var s;return((s=k.value)==null?void 0:s.types.find(e=>e.kind===n.value.type))??null});oe(()=>n.value.type,()=>{n.value.config={}});const K=z(()=>{var s;return!w.value&&!!n.value.name.trim()&&n.value.events.length>0&&(((s=D.value)==null?void 0:s.fields)??[]).every(e=>{var u;return!e.required||!!((u=n.value.config[e.key])!=null&&u.trim())})});async function _(){const[s,e]=await Promise.all([f.get("/api/notifiers"),f.get("/api/notifiers/meta")]);if(B.value=!0,s.status===404||e.status===404){j.value=!0;return}if(!s.ok){y.value=h(s,"load the notifiers");return}y.value="",S.value=s.body.notifiers??[],e.ok&&(k.value=e.body)}_();function H(s){const e=n.value.events.indexOf(s);e===-1?n.value.events.push(s):n.value.events.splice(e,1)}async function X(){w.value=!0,C.value="";const s=await f.post("/api/notifiers",{name:n.value.name.trim(),type:n.value.type,events:n.value.events,config:n.value.config});if(w.value=!1,!s.ok){C.value=h(s,"register this notifier");return}b.value=s.body.secret?{name:s.body.notifier.name,secret:s.body.secret}:null,n.value={name:"",type:n.value.type,events:[],config:{}},_()}async function Y(s,e){const u=await f.patch(`/api/notifiers/${s.id}`,{enabled:e});u.ok||(y.value=h(u,"update this notifier")),_()}async function Z(s){const e=await f.del(`/api/notifiers/${s.id}`);if(!e.ok){y.value=h(e,"remove this notifier");return}c.value===s.id&&(c.value=null),$("ok",`Removed ${s.name}.`),_()}async function ee(s){const e=await f.post(`/api/notifiers/${s.id}/test`,{});if(!e.ok){y.value=h(e,"send a test delivery");return}const u=e.body.result;u.ok?$("ok","Test delivered."):$("error",`${s.name}: ${u.error??`HTTP ${u.status}`}`),_()}async function te(s){if(c.value===s.id){c.value=null;return}const e=await f.get(`/api/notifiers/${s.id}/deliveries`);if(!e.ok){y.value=h(e,"load the delivery log");return}x.value=e.body.deliveries??[],N.value=e.body.queued??0,c.value=s.id}async function L(){const s=c.value;if(s===null)return;const e=await f.get(`/api/notifiers/${s}/deliveries`);e.ok&&(x.value=e.body.deliveries??[],N.value=e.body.queued??0)}async function se(s){if(c.value===null)return;V.value=s.id;const e=await f.post(`/api/notifiers/${c.value}/deliveries/${s.id}/redeliver`);if(V.value=0,!e.ok){$("error",h(e,"redeliver this event"));return}$("ok",e.body.note??"Queued for redelivery."),await L()}return(s,e)=>{var u,P,F;return o(),a("div",null,[t("div",ue,[e[4]||(e[4]=t("div",null,[t("h1",null,"Notifiers"),t("div",{class:"sub"},"Where events on this host get sent")],-1)),e[5]||(e[5]=t("span",{class:"grow"},null,-1)),g(I,{run:_})]),y.value?(o(),A(G,{key:0,text:y.value,title:"Could not load the notifiers."},null,8,["text"])):v("",!0),j.value?(o(),a("section",ve,[...e[6]||(e[6]=[t("div",{class:"banner plain"},[t("b",null,"This server has no notifiers. Upgrade the host.")],-1)])])):(o(),a(m,{key:2},[b.value?(o(),a("div",ce,[t("b",null,"Signing secret for “"+i(b.value.name)+"” — shown once. Copy it now.",1),t("pre",pe,i(b.value.secret),1),t("div",fe,[t("button",{class:"btn",onClick:e[0]||(e[0]=l=>b.value=null)},"Dismiss")])])):v("",!0),t("section",ye,[e[12]||(e[12]=t("div",{class:"phead"},[t("h2",{class:"section"},"Registered")],-1)),B.value?S.value.length?(o(),a("table",me,[e[11]||(e[11]=t("thead",{role:"rowgroup"},[t("tr",{role:"row"},[t("th",{role:"columnheader"},"Name"),t("th",{role:"columnheader"},"Events"),t("th",{role:"columnheader"},"Last delivery"),t("th",{role:"columnheader"})])],-1)),t("tbody",he,[(o(!0),a(m,null,R(S.value,(l,T)=>(o(),a(m,{key:l.id},[t("tr",{role:"row",style:ae({"--i":T})},[t("td",ke,[p(i(l.name)+" ",1),t("div",_e,i(U(Q)(l.type))+" · "+i(String(l.config.url??l.config.webhookUrl??"")),1)]),t("td",ge,[l.events.includes("*")?(o(),a("span",be,"All events")):(o(),a("span",we,i(l.events.join(", ")),1))]),t("td",$e,[l.lastStatus?(o(),a("span",{key:1,class:W(l.lastStatus==="ok"?"s-ok":"s-failed")},i(l.lastStatus),3)):(o(),a("span",Ce,"never")),l.lastAt?(o(),a("div",xe,[g(re,{at:l.lastAt},null,8,["at"])])):v("",!0)]),t("td",Ne,[t("div",Te,[l.enabled?v("",!0):(o(),a("span",Ae,"Disabled")),t("button",{class:"ghost sm",onClick:r=>te(l)},i(c.value===l.id?"Hide":"Deliveries"),9,Re),t("button",{class:"ghost sm",onClick:r=>ee(l)},"Test",8,Se),t("button",{class:"ghost sm",onClick:r=>Y(l,!l.enabled)},i(l.enabled?"Disable":"Enable"),9,Ve),g(q,{variant:"danger",confirm:`Remove ${l.name}?`,onRun:r=>Z(l)},{default:E(()=>[...e[7]||(e[7]=[p("Remove",-1)])]),_:1},8,["confirm","onRun"])])])],4),c.value===l.id?(o(),a("tr",{key:`d${l.id}`,role:"row"},[t("td",De,[t("div",Ee,[N.value>0?(o(),a("span",ze,[e[8]||(e[8]=t("span",{class:"dot pulse"},null,-1)),p(i(N.value)+" queued ",1)])):v("",!0),e[9]||(e[9]=t("span",{class:"grow"},null,-1)),g(I,{run:L})]),x.value.length?(o(),a("ul",Ue,[(o(!0),a(m,null,R(x.value,r=>(o(),a("li",{key:r.id},[t("span",qe,[t("span",{class:W(r.status==="ok"?"s-ok":"s-failed")},i(U(Q)(r.status)),3)]),t("span",Be,[p(i(r.event)+" ",1),t("span",je,[p(" · "+i(U(ne)(r.createdAt))+" · "+i(r.attempts)+" attempt(s)",1),r.responseCode?(o(),a(m,{key:0},[p(" · HTTP "+i(r.responseCode),1)],64)):v("",!0)]),r.error?(o(),a("div",He,i(r.error),1)):v("",!0)]),r.replayable?(o(),A(q,{key:0,class:"sm",variant:"ghost",pending:V.value===r.id,confirm:"Send it again?",title:"Sends this event again with its original id, so a receiver can dedupe.",onRun:st=>se(r)},{default:E(()=>[...e[10]||(e[10]=[p(" Redeliver ",-1)])]),_:1},8,["pending","onRun"])):v("",!0)]))),128))])):(o(),a("p",Le,"Nothing delivered yet."))])])):v("",!0)],64))),128))])])):(o(),a("p",Pe,"No notifiers yet. Add one below.")):(o(),A(ie,{key:0,rows:2,tall:""}))]),t("section",Fe,[e[16]||(e[16]=t("h2",{class:"section",style:{"margin-bottom":"var(--s3)"}},"Add a notifier",-1)),k.value&&k.value.types.length>1?(o(),a("div",Me,[e[13]||(e[13]=t("label",{for:"ty"},"Type",-1)),g(de,{modelValue:n.value.type,"onUpdate:modelValue":e[1]||(e[1]=l=>n.value.type=l),id:"ty",label:"Notifier type",options:J.value},null,8,["modelValue","options"])])):v("",!0),t("div",Oe,[e[14]||(e[14]=t("label",{for:"nn"},"Name",-1)),M(t("input",{id:"nn","onUpdate:modelValue":e[2]||(e[2]=l=>n.value.name=l),type:"text",placeholder:"ops-slack-bridge",spellcheck:"false"},null,512),[[O,n.value.name,void 0,{trim:!0}]])]),(o(!0),a(m,null,R(((u=D.value)==null?void 0:u.fields)??[],l=>(o(),a("div",{key:l.key,class:"field",style:{"max-width":"380px"}},[t("label",{for:`cfg-${l.key}`},i(l.label),9,Qe),M(t("input",{id:`cfg-${l.key}`,"onUpdate:modelValue":T=>n.value.config[l.key]=T,type:"text",placeholder:l.placeholder,spellcheck:"false"},null,8,We),[[O,n.value.config[l.key],void 0,{trim:!0}]])]))),128)),e[17]||(e[17]=t("h2",{class:"section",style:{margin:"var(--s5) 0 var(--s3)"}},"Events",-1)),t("div",Ge,[t("label",Ie,[t("input",{type:"checkbox",checked:n.value.events.includes("*"),onChange:e[3]||(e[3]=l=>H("*"))},null,40,Je),e[15]||(e[15]=p(" All events ",-1))])]),n.value.events.includes("*")?v("",!0):(o(),a("div",Ke,[(o(!0),a(m,null,R(((P=k.value)==null?void 0:P.events)??[],l=>(o(),a("label",{key:l,class:"check"},[t("input",{type:"checkbox",checked:n.value.events.includes(l),onChange:T=>H(l)},null,40,Xe),p(" "+i(l),1)]))),128))])),C.value?(o(),A(G,{key:2,text:C.value,title:"Could not add this notifier."},null,8,["text"])):v("",!0),t("div",Ye,[g(q,{variant:"primary",pending:w.value,disabled:!K.value,onClick:X},{default:E(()=>[p(i(w.value?"Adding…":"Add notifier"),1)]),_:1},8,["pending","disabled"])]),((F=D.value)==null?void 0:F.signs)!==!1?(o(),a("p",Ze," Signed with a secret shown once, at registration. ")):(o(),a("p",et,"The webhook URL is the credential — stored write-only."))])],64))])}}});export{vt as default};
|
|
2
|
-
//# sourceMappingURL=NotifiersView-
|
|
1
|
+
import{d as le,N as oe,c as a,a as t,e as g,z as A,f as v,F as m,t as i,r as R,g as M,v as O,n as p,h as E,i as d,j as z,p as f,C as h,o,D as ae,u as U,M as Q,E as W,R as ne,a6 as $}from"./index-DlhYSSKq.js";import{A as q}from"./ActionButton-BaGfzZKv.js";import{_ as G}from"./ErrorNote.vue_vue_type_script_setup_true_lang-DU01Dqor.js";import{_ as ie}from"./SkeletonList.vue_vue_type_script_setup_true_lang-7pKEuaEM.js";import{_ as re}from"./RelativeTime.vue_vue_type_script_setup_true_lang-B1_l0Vtf.js";import{_ as de}from"./SelectMenu.vue_vue_type_script_setup_true_lang-PIaLSNsk.js";import{_ as I}from"./RefreshButton.vue_vue_type_script_setup_true_lang-Dk-lSii3.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const ue={class:"page-head"},ve={key:1,class:"panel"},ce={key:0,class:"banner ok"},pe={class:"code"},fe={class:"row"},ye={class:"panel"},me={key:1,role:"table",class:"cards"},he={role:"rowgroup",class:"stagger"},ke={role:"cell",class:"name","data-label":"name"},_e={class:"mute",style:{"font-size":"var(--t-sm)"}},ge={role:"cell","data-label":"events"},be={key:0,class:"badge"},we={key:1},$e={role:"cell","data-label":"last delivery"},Ce={key:0,class:"mute"},xe={key:2,class:"mute",style:{"font-size":"var(--t-sm)"}},Ne={role:"cell","data-label":""},Te={class:"row",style:{"justify-content":"flex-end"}},Ae={key:0,class:"badge off"},Re=["onClick"],Se=["onClick"],Ve=["onClick"],De={role:"cell",colspan:"4"},Ee={class:"row",style:{"margin-bottom":"var(--s2)"}},ze={key:0,class:"badge busy"},Ue={key:0,class:"kvlist"},qe={class:"k"},Be={class:"v"},je={class:"mute",style:{"font-size":"var(--t-sm)"}},He={key:0,class:"s-failed",style:{"font-size":"var(--t-sm)"}},Le={key:1,class:"mute"},Pe={key:2,class:"mute"},Fe={class:"panel"},Me={key:0,class:"field",style:{"max-width":"320px"}},Oe={class:"field",style:{"max-width":"380px"}},Qe=["for"],We=["id","onUpdate:modelValue","placeholder"],Ge={class:"row"},Ie={class:"check"},Je=["checked"],Ke={key:1,class:"check-grid"},Xe=["checked","onChange"],Ye={class:"row",style:{"margin-top":"var(--s4)"}},Ze={key:3,class:"hint"},et={key:4,class:"hint"},vt=le({__name:"NotifiersView",setup(tt){const S=d([]),k=d(null),B=d(!1),y=d(""),j=d(!1),b=d(null),n=d({name:"",type:"webhook",events:[],config:{}}),w=d(!1),C=d(""),c=d(null),x=d([]),N=d(0),V=d(0),J=z(()=>{var s;return(((s=k.value)==null?void 0:s.types)??[]).map(e=>({value:e.kind,label:e.label}))}),D=z(()=>{var s;return((s=k.value)==null?void 0:s.types.find(e=>e.kind===n.value.type))??null});oe(()=>n.value.type,()=>{n.value.config={}});const K=z(()=>{var s;return!w.value&&!!n.value.name.trim()&&n.value.events.length>0&&(((s=D.value)==null?void 0:s.fields)??[]).every(e=>{var u;return!e.required||!!((u=n.value.config[e.key])!=null&&u.trim())})});async function _(){const[s,e]=await Promise.all([f.get("/api/notifiers"),f.get("/api/notifiers/meta")]);if(B.value=!0,s.status===404||e.status===404){j.value=!0;return}if(!s.ok){y.value=h(s,"load the notifiers");return}y.value="",S.value=s.body.notifiers??[],e.ok&&(k.value=e.body)}_();function H(s){const e=n.value.events.indexOf(s);e===-1?n.value.events.push(s):n.value.events.splice(e,1)}async function X(){w.value=!0,C.value="";const s=await f.post("/api/notifiers",{name:n.value.name.trim(),type:n.value.type,events:n.value.events,config:n.value.config});if(w.value=!1,!s.ok){C.value=h(s,"register this notifier");return}b.value=s.body.secret?{name:s.body.notifier.name,secret:s.body.secret}:null,n.value={name:"",type:n.value.type,events:[],config:{}},_()}async function Y(s,e){const u=await f.patch(`/api/notifiers/${s.id}`,{enabled:e});u.ok||(y.value=h(u,"update this notifier")),_()}async function Z(s){const e=await f.del(`/api/notifiers/${s.id}`);if(!e.ok){y.value=h(e,"remove this notifier");return}c.value===s.id&&(c.value=null),$("ok",`Removed ${s.name}.`),_()}async function ee(s){const e=await f.post(`/api/notifiers/${s.id}/test`,{});if(!e.ok){y.value=h(e,"send a test delivery");return}const u=e.body.result;u.ok?$("ok","Test delivered."):$("error",`${s.name}: ${u.error??`HTTP ${u.status}`}`),_()}async function te(s){if(c.value===s.id){c.value=null;return}const e=await f.get(`/api/notifiers/${s.id}/deliveries`);if(!e.ok){y.value=h(e,"load the delivery log");return}x.value=e.body.deliveries??[],N.value=e.body.queued??0,c.value=s.id}async function L(){const s=c.value;if(s===null)return;const e=await f.get(`/api/notifiers/${s}/deliveries`);e.ok&&(x.value=e.body.deliveries??[],N.value=e.body.queued??0)}async function se(s){if(c.value===null)return;V.value=s.id;const e=await f.post(`/api/notifiers/${c.value}/deliveries/${s.id}/redeliver`);if(V.value=0,!e.ok){$("error",h(e,"redeliver this event"));return}$("ok",e.body.note??"Queued for redelivery."),await L()}return(s,e)=>{var u,P,F;return o(),a("div",null,[t("div",ue,[e[4]||(e[4]=t("div",null,[t("h1",null,"Notifiers"),t("div",{class:"sub"},"Where events on this host get sent")],-1)),e[5]||(e[5]=t("span",{class:"grow"},null,-1)),g(I,{run:_})]),y.value?(o(),A(G,{key:0,text:y.value,title:"Could not load the notifiers."},null,8,["text"])):v("",!0),j.value?(o(),a("section",ve,[...e[6]||(e[6]=[t("div",{class:"banner plain"},[t("b",null,"This server has no notifiers. Upgrade the host.")],-1)])])):(o(),a(m,{key:2},[b.value?(o(),a("div",ce,[t("b",null,"Signing secret for “"+i(b.value.name)+"” — shown once. Copy it now.",1),t("pre",pe,i(b.value.secret),1),t("div",fe,[t("button",{class:"btn",onClick:e[0]||(e[0]=l=>b.value=null)},"Dismiss")])])):v("",!0),t("section",ye,[e[12]||(e[12]=t("div",{class:"phead"},[t("h2",{class:"section"},"Registered")],-1)),B.value?S.value.length?(o(),a("table",me,[e[11]||(e[11]=t("thead",{role:"rowgroup"},[t("tr",{role:"row"},[t("th",{role:"columnheader"},"Name"),t("th",{role:"columnheader"},"Events"),t("th",{role:"columnheader"},"Last delivery"),t("th",{role:"columnheader"})])],-1)),t("tbody",he,[(o(!0),a(m,null,R(S.value,(l,T)=>(o(),a(m,{key:l.id},[t("tr",{role:"row",style:ae({"--i":T})},[t("td",ke,[p(i(l.name)+" ",1),t("div",_e,i(U(Q)(l.type))+" · "+i(String(l.config.url??l.config.webhookUrl??"")),1)]),t("td",ge,[l.events.includes("*")?(o(),a("span",be,"All events")):(o(),a("span",we,i(l.events.join(", ")),1))]),t("td",$e,[l.lastStatus?(o(),a("span",{key:1,class:W(l.lastStatus==="ok"?"s-ok":"s-failed")},i(l.lastStatus),3)):(o(),a("span",Ce,"never")),l.lastAt?(o(),a("div",xe,[g(re,{at:l.lastAt},null,8,["at"])])):v("",!0)]),t("td",Ne,[t("div",Te,[l.enabled?v("",!0):(o(),a("span",Ae,"Disabled")),t("button",{class:"ghost sm",onClick:r=>te(l)},i(c.value===l.id?"Hide":"Deliveries"),9,Re),t("button",{class:"ghost sm",onClick:r=>ee(l)},"Test",8,Se),t("button",{class:"ghost sm",onClick:r=>Y(l,!l.enabled)},i(l.enabled?"Disable":"Enable"),9,Ve),g(q,{variant:"danger",confirm:`Remove ${l.name}?`,onRun:r=>Z(l)},{default:E(()=>[...e[7]||(e[7]=[p("Remove",-1)])]),_:1},8,["confirm","onRun"])])])],4),c.value===l.id?(o(),a("tr",{key:`d${l.id}`,role:"row"},[t("td",De,[t("div",Ee,[N.value>0?(o(),a("span",ze,[e[8]||(e[8]=t("span",{class:"dot pulse"},null,-1)),p(i(N.value)+" queued ",1)])):v("",!0),e[9]||(e[9]=t("span",{class:"grow"},null,-1)),g(I,{run:L})]),x.value.length?(o(),a("ul",Ue,[(o(!0),a(m,null,R(x.value,r=>(o(),a("li",{key:r.id},[t("span",qe,[t("span",{class:W(r.status==="ok"?"s-ok":"s-failed")},i(U(Q)(r.status)),3)]),t("span",Be,[p(i(r.event)+" ",1),t("span",je,[p(" · "+i(U(ne)(r.createdAt))+" · "+i(r.attempts)+" attempt(s)",1),r.responseCode?(o(),a(m,{key:0},[p(" · HTTP "+i(r.responseCode),1)],64)):v("",!0)]),r.error?(o(),a("div",He,i(r.error),1)):v("",!0)]),r.replayable?(o(),A(q,{key:0,class:"sm",variant:"ghost",pending:V.value===r.id,confirm:"Send it again?",title:"Sends this event again with its original id, so a receiver can dedupe.",onRun:st=>se(r)},{default:E(()=>[...e[10]||(e[10]=[p(" Redeliver ",-1)])]),_:1},8,["pending","onRun"])):v("",!0)]))),128))])):(o(),a("p",Le,"Nothing delivered yet."))])])):v("",!0)],64))),128))])])):(o(),a("p",Pe,"No notifiers yet. Add one below.")):(o(),A(ie,{key:0,rows:2,tall:""}))]),t("section",Fe,[e[16]||(e[16]=t("h2",{class:"section",style:{"margin-bottom":"var(--s3)"}},"Add a notifier",-1)),k.value&&k.value.types.length>1?(o(),a("div",Me,[e[13]||(e[13]=t("label",{for:"ty"},"Type",-1)),g(de,{modelValue:n.value.type,"onUpdate:modelValue":e[1]||(e[1]=l=>n.value.type=l),id:"ty",label:"Notifier type",options:J.value},null,8,["modelValue","options"])])):v("",!0),t("div",Oe,[e[14]||(e[14]=t("label",{for:"nn"},"Name",-1)),M(t("input",{id:"nn","onUpdate:modelValue":e[2]||(e[2]=l=>n.value.name=l),type:"text",placeholder:"ops-slack-bridge",spellcheck:"false"},null,512),[[O,n.value.name,void 0,{trim:!0}]])]),(o(!0),a(m,null,R(((u=D.value)==null?void 0:u.fields)??[],l=>(o(),a("div",{key:l.key,class:"field",style:{"max-width":"380px"}},[t("label",{for:`cfg-${l.key}`},i(l.label),9,Qe),M(t("input",{id:`cfg-${l.key}`,"onUpdate:modelValue":T=>n.value.config[l.key]=T,type:"text",placeholder:l.placeholder,spellcheck:"false"},null,8,We),[[O,n.value.config[l.key],void 0,{trim:!0}]])]))),128)),e[17]||(e[17]=t("h2",{class:"section",style:{margin:"var(--s5) 0 var(--s3)"}},"Events",-1)),t("div",Ge,[t("label",Ie,[t("input",{type:"checkbox",checked:n.value.events.includes("*"),onChange:e[3]||(e[3]=l=>H("*"))},null,40,Je),e[15]||(e[15]=p(" All events ",-1))])]),n.value.events.includes("*")?v("",!0):(o(),a("div",Ke,[(o(!0),a(m,null,R(((P=k.value)==null?void 0:P.events)??[],l=>(o(),a("label",{key:l,class:"check"},[t("input",{type:"checkbox",checked:n.value.events.includes(l),onChange:T=>H(l)},null,40,Xe),p(" "+i(l),1)]))),128))])),C.value?(o(),A(G,{key:2,text:C.value,title:"Could not add this notifier."},null,8,["text"])):v("",!0),t("div",Ye,[g(q,{variant:"primary",pending:w.value,disabled:!K.value,onClick:X},{default:E(()=>[p(i(w.value?"Adding…":"Add notifier"),1)]),_:1},8,["pending","disabled"])]),((F=D.value)==null?void 0:F.signs)!==!1?(o(),a("p",Ze," Signed with a secret shown once, at registration. ")):(o(),a("p",et,"The webhook URL is the credential — stored write-only."))])],64))])}}});export{vt as default};
|
|
2
|
+
//# sourceMappingURL=NotifiersView-9rwo6wXV.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotifiersView-BfWfRzg4.js","sources":["../../src/views/NotifiersView.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Notifiers — where events on this host get sent.\n *\n * THE FORM IS SERVER-DRIVEN. The event list and the per-type fields come from `/api/notifiers/meta`,\n * so adding a Slack or Discord type on the server puts it in this picker with its own form and no\n * change here. That is the composability seam reaching the UI; hard-coding the fields would have\n * quietly made the seam a lie.\n *\n * THE SIGNING SECRET IS SHOWN ONCE. Same discipline as a personal token and a registry credential:\n * there is no read path on the server, so this page cannot offer a reveal — it can only show the\n * value at the moment of creation and say plainly that this is the only time.\n */\nimport { computed, ref, watch } from 'vue';\nimport { api, problem } from '../api/client';\nimport type { DeliveryRow, NotifierMeta, NotifierRow } from '../api/types';\nimport { sentence, stamp } from '../composables/useFormat';\nimport { toast } from '../composables/useToasts';\nimport ActionButton from '../components/ActionButton.vue';\nimport ErrorNote from '../components/ErrorNote.vue';\nimport SkeletonList from '../components/SkeletonList.vue';\nimport RelativeTime from '../components/RelativeTime.vue';\nimport SelectMenu from '../components/SelectMenu.vue';\nimport RefreshButton from '../components/RefreshButton.vue';\n\nconst notifiers = ref<NotifierRow[]>([]);\nconst meta = ref<NotifierMeta | null>(null);\nconst loaded = ref(false);\nconst listError = ref('');\nconst unsupported = ref(false);\n\n/** The freshly-minted secret, held only until the operator dismisses it. */\nconst revealed = ref<{ name: string; secret: string } | null>(null);\n\nconst form = ref({ name: '', type: 'webhook', events: [] as string[], config: {} as Record<string, string> });\nconst saving = ref(false);\nconst formError = ref('');\n\nconst openDeliveries = ref<number | null>(null);\nconst deliveries = ref<DeliveryRow[]>([]);\n/** How many events are waiting for the open notifier — a quiet one and a backed-up one look alike. */\nconst queued = ref(0);\nconst redelivering = ref(0);\n\n/** Server-driven, so a new notifier type appears here with no change to this file. */\nconst typeOptions = computed(() => (meta.value?.types ?? []).map((x) => ({ value: x.kind, label: x.label })));\n\nconst chosenType = computed(() => meta.value?.types.find((t) => t.kind === form.value.type) ?? null);\n\n/**\n * `config` is one bag shared by every type, so switching the picker leaves the previous type's\n * fields behind — fill a webhook URL, switch to Slack, and the POST carries a stray `url` alongside\n * `webhookUrl`. Nothing downstream rejects it: `config` is stored whole and each type validates only\n * its OWN fields, so the dead value is persisted forever and shows up in the detail view. Clearing on\n * change costs one line; unknown-key rejection on the server would cost a migration path for every\n * future type.\n */\nwatch(\n () => form.value.type,\n () => {\n form.value.config = {};\n },\n);\nconst canSave = computed(\n () =>\n !saving.value &&\n !!form.value.name.trim() &&\n form.value.events.length > 0 &&\n (chosenType.value?.fields ?? []).every((f) => !f.required || !!form.value.config[f.key]?.trim()),\n);\n\nasync function load(): Promise<void> {\n const [list, m] = await Promise.all([\n api.get<{ notifiers: NotifierRow[] }>('/api/notifiers'),\n api.get<NotifierMeta>('/api/notifiers/meta'),\n ]);\n loaded.value = true;\n // A server built before this feature answers 404 — a capability difference, not an error.\n if (list.status === 404 || m.status === 404) {\n unsupported.value = true;\n return;\n }\n if (!list.ok) {\n listError.value = problem(list, 'load the notifiers');\n return;\n }\n listError.value = '';\n notifiers.value = list.body.notifiers ?? [];\n if (m.ok) meta.value = m.body;\n}\n\nvoid load();\n\nfunction toggleEvent(name: string): void {\n const at = form.value.events.indexOf(name);\n if (at === -1) form.value.events.push(name);\n else form.value.events.splice(at, 1);\n}\n\nasync function create(): Promise<void> {\n saving.value = true;\n formError.value = '';\n const r = await api.post<{ notifier: NotifierRow; secret: string | null }>('/api/notifiers', {\n name: form.value.name.trim(),\n type: form.value.type,\n events: form.value.events,\n config: form.value.config,\n });\n saving.value = false;\n if (!r.ok) {\n formError.value = problem(r, 'register this notifier');\n return;\n }\n // `null` for a type whose config already carries its credential — a Slack notifier must not be\n // handed 48 hex characters and told its receiver needs them.\n revealed.value = r.body.secret ? { name: r.body.notifier.name, secret: r.body.secret } : null;\n form.value = { name: '', type: form.value.type, events: [], config: {} };\n void load();\n}\n\nasync function setEnabled(n: NotifierRow, enabled: boolean): Promise<void> {\n const r = await api.patch<{ notifier: NotifierRow }>(`/api/notifiers/${n.id}`, { enabled });\n if (!r.ok) listError.value = problem(r, 'update this notifier');\n void load();\n}\n\nasync function remove(n: NotifierRow): Promise<void> {\n const r = await api.del(`/api/notifiers/${n.id}`);\n if (!r.ok) {\n listError.value = problem(r, 'remove this notifier');\n return;\n }\n if (openDeliveries.value === n.id) openDeliveries.value = null;\n toast('ok', `Removed ${n.name}.`);\n void load();\n}\n\nasync function test(n: NotifierRow): Promise<void> {\n const r = await api.post<{ result: { ok: boolean; status?: number; error?: string } }>(\n `/api/notifiers/${n.id}/test`,\n {},\n );\n if (!r.ok) {\n listError.value = problem(r, 'send a test delivery');\n return;\n }\n const res = r.body.result;\n // The endpoint's own answer, verbatim — \"it failed\" without the reason is the thing this page\n // exists to avoid.\n if (res.ok) toast('ok', 'Test delivered.');\n else toast('error', `${n.name}: ${res.error ?? `HTTP ${res.status}`}`);\n void load();\n}\n\nasync function showDeliveries(n: NotifierRow): Promise<void> {\n if (openDeliveries.value === n.id) {\n openDeliveries.value = null;\n return;\n }\n const r = await api.get<{ deliveries: DeliveryRow[]; queued?: number }>(\n `/api/notifiers/${n.id}/deliveries`,\n );\n if (!r.ok) {\n listError.value = problem(r, 'load the delivery log');\n return;\n }\n deliveries.value = r.body.deliveries ?? [];\n queued.value = r.body.queued ?? 0;\n openDeliveries.value = n.id;\n}\n\n/** Re-read the open delivery log — it changes on its own as queued events go out. */\nasync function reloadDeliveries(): Promise<void> {\n const id = openDeliveries.value;\n if (id === null) return;\n const r = await api.get<{ deliveries: DeliveryRow[]; queued?: number }>(\n `/api/notifiers/${id}/deliveries`,\n );\n if (!r.ok) return;\n deliveries.value = r.body.deliveries ?? [];\n queued.value = r.body.queued ?? 0;\n}\n\n/**\n * Send this event again.\n *\n * The recovery path for a receiver that was down or deployed broken. It replays the stored envelope\n * with the ORIGINAL event id, so a receiver that already processed it dedupes — which is why the\n * toast says \"queued\" rather than \"delivered\": whether it lands is the receiver's business, and the\n * log below is where the answer shows up.\n */\nasync function redeliver(d: DeliveryRow): Promise<void> {\n if (openDeliveries.value === null) return;\n redelivering.value = d.id;\n const r = await api.post<{ note?: string }>(\n `/api/notifiers/${openDeliveries.value}/deliveries/${d.id}/redeliver`,\n );\n redelivering.value = 0;\n if (!r.ok) {\n toast('error', problem(r, 'redeliver this event'));\n return;\n }\n toast('ok', r.body.note ?? 'Queued for redelivery.');\n await reloadDeliveries();\n}\n</script>\n\n<template>\n <div>\n <div class=\"page-head\">\n <div>\n <h1>Notifiers</h1>\n <div class=\"sub\">Where events on this host get sent</div>\n </div>\n <span class=\"grow\" />\n <RefreshButton :run=\"load\" />\n </div>\n\n <ErrorNote v-if=\"listError\" :text=\"listError\" title=\"Could not load the notifiers.\" />\n\n <section v-if=\"unsupported\" class=\"panel\">\n <div class=\"banner plain\">\n <b>This server has no notifiers. Upgrade the host.</b>\n </div>\n </section>\n\n <template v-else>\n <!--\n Shown once, and the page says so. There is no read path on the server, so this is not a\n design choice that could be softened later — the value genuinely does not exist anywhere\n retrievable after this moment.\n -->\n <!-- Only a signing type ever produces one; see `signs` in notify.ts. -->\n <div v-if=\"revealed\" class=\"banner ok\">\n <b>Signing secret for “{{ revealed.name }}” — shown once. Copy it now.</b>\n <pre class=\"code\">{{ revealed.secret }}</pre>\n <div class=\"row\">\n <button class=\"btn\" @click=\"revealed = null\">Dismiss</button>\n </div>\n </div>\n\n <section class=\"panel\">\n <div class=\"phead\">\n <h2 class=\"section\">Registered</h2>\n </div>\n\n <SkeletonList v-if=\"!loaded\" :rows=\"2\" tall />\n <table v-else-if=\"notifiers.length\" role=\"table\" class=\"cards\">\n <thead role=\"rowgroup\">\n <tr role=\"row\">\n <th role=\"columnheader\">Name</th>\n <th role=\"columnheader\">Events</th>\n <th role=\"columnheader\">Last delivery</th>\n <th role=\"columnheader\"></th>\n </tr>\n </thead>\n <tbody role=\"rowgroup\" class=\"stagger\">\n <template v-for=\"(n, i) in notifiers\" :key=\"n.id\">\n <tr role=\"row\" :style=\"{ '--i': i }\">\n <td role=\"cell\" class=\"name\" data-label=\"name\">\n {{ n.name }}\n <div class=\"mute\" style=\"font-size: var(--t-sm)\">\n <!-- Chat types keep the URL under `webhookUrl`, and the server masks it (it is\n the credential) — so this shows dots for those rows, which is correct. -->\n {{ sentence(n.type) }} · {{ String(n.config.url ?? n.config.webhookUrl ?? '') }}\n </div>\n </td>\n <td role=\"cell\" data-label=\"events\">\n <span v-if=\"n.events.includes('*')\" class=\"badge\">All events</span>\n <span v-else>{{ n.events.join(', ') }}</span>\n </td>\n <td role=\"cell\" data-label=\"last delivery\">\n <span v-if=\"!n.lastStatus\" class=\"mute\">never</span>\n <span v-else :class=\"n.lastStatus === 'ok' ? 's-ok' : 's-failed'\">\n {{ n.lastStatus }}\n </span>\n <div v-if=\"n.lastAt\" class=\"mute\" style=\"font-size: var(--t-sm)\">\n <RelativeTime :at=\"n.lastAt\" />\n </div>\n </td>\n <td role=\"cell\" data-label=\"\">\n <div class=\"row\" style=\"justify-content: flex-end\">\n <span v-if=\"!n.enabled\" class=\"badge off\">Disabled</span>\n <button class=\"ghost sm\" @click=\"showDeliveries(n)\">\n {{ openDeliveries === n.id ? 'Hide' : 'Deliveries' }}\n </button>\n <button class=\"ghost sm\" @click=\"test(n)\">Test</button>\n <button class=\"ghost sm\" @click=\"setEnabled(n, !n.enabled)\">\n {{ n.enabled ? 'Disable' : 'Enable' }}\n </button>\n <ActionButton variant=\"danger\" :confirm=\"`Remove ${n.name}?`\" @run=\"remove(n)\">Remove</ActionButton>\n </div>\n </td>\n </tr>\n <tr v-if=\"openDeliveries === n.id\" :key=\"`d${n.id}`\" role=\"row\">\n <td role=\"cell\" colspan=\"4\">\n <div class=\"row\" style=\"margin-bottom: var(--s2)\">\n <span v-if=\"queued > 0\" class=\"badge busy\">\n <span class=\"dot pulse\" />{{ queued }} queued\n </span>\n <span class=\"grow\" />\n <RefreshButton :run=\"reloadDeliveries\" />\n </div>\n <ul v-if=\"deliveries.length\" class=\"kvlist\">\n <li v-for=\"d in deliveries\" :key=\"d.id\">\n <span class=\"k\">\n <span :class=\"d.status === 'ok' ? 's-ok' : 's-failed'\">{{ sentence(d.status) }}</span>\n </span>\n <span class=\"v\">\n {{ d.event }}\n <span class=\"mute\" style=\"font-size: var(--t-sm)\">\n · {{ stamp(d.createdAt) }} · {{ d.attempts }} attempt(s)<template\n v-if=\"d.responseCode\"\n >\n · HTTP {{ d.responseCode }}</template\n >\n </span>\n <div v-if=\"d.error\" class=\"s-failed\" style=\"font-size: var(--t-sm)\">\n {{ d.error }}\n </div>\n </span>\n <!--\n Only when the envelope was actually stored. A row from before payloads were\n captured has nothing to replay, and a button that explains itself after the\n click is worse than one that is not offered.\n -->\n <ActionButton\n v-if=\"d.replayable\"\n class=\"sm\"\n variant=\"ghost\"\n :pending=\"redelivering === d.id\"\n confirm=\"Send it again?\"\n title=\"Sends this event again with its original id, so a receiver can dedupe.\"\n @run=\"redeliver(d)\"\n >\n Redeliver\n </ActionButton>\n </li>\n </ul>\n <p v-else class=\"mute\">Nothing delivered yet.</p>\n </td>\n </tr>\n </template>\n </tbody>\n </table>\n <p v-else class=\"mute\">No notifiers yet. Add one below.</p>\n </section>\n\n <section class=\"panel\">\n <h2 class=\"section\" style=\"margin-bottom: var(--s3)\">Add a notifier</h2>\n\n <div v-if=\"meta && meta.types.length > 1\" class=\"field\" style=\"max-width: 320px\">\n <label for=\"ty\">Type</label>\n <SelectMenu v-model=\"form.type\" id=\"ty\" label=\"Notifier type\" :options=\"typeOptions\" />\n </div>\n\n <div class=\"field\" style=\"max-width: 380px\">\n <label for=\"nn\">Name</label>\n <input id=\"nn\" v-model.trim=\"form.name\" type=\"text\" placeholder=\"ops-slack-bridge\" spellcheck=\"false\" />\n </div>\n\n <!-- Rendered from the server's field list — see the header. -->\n <div v-for=\"f in chosenType?.fields ?? []\" :key=\"f.key\" class=\"field\" style=\"max-width: 380px\">\n <label :for=\"`cfg-${f.key}`\">{{ f.label }}</label>\n <input\n :id=\"`cfg-${f.key}`\"\n v-model.trim=\"form.config[f.key]\"\n type=\"text\"\n :placeholder=\"f.placeholder\"\n spellcheck=\"false\"\n />\n </div>\n\n <h2 class=\"section\" style=\"margin: var(--s5) 0 var(--s3)\">Events</h2>\n <div class=\"row\">\n <label class=\"check\">\n <input\n type=\"checkbox\"\n :checked=\"form.events.includes('*')\"\n @change=\"toggleEvent('*')\"\n />\n All events\n </label>\n </div>\n <!-- A grid, not a wrapping row: eleven items of differing width wrapped into ragged lines\n with one stranded on its own, which reads as a layout accident. -->\n <div v-if=\"!form.events.includes('*')\" class=\"check-grid\">\n <label v-for=\"e in meta?.events ?? []\" :key=\"e\" class=\"check\">\n <input type=\"checkbox\" :checked=\"form.events.includes(e)\" @change=\"toggleEvent(e)\" />\n {{ e }}\n </label>\n </div>\n\n <ErrorNote v-if=\"formError\" :text=\"formError\" title=\"Could not add this notifier.\" />\n\n <div class=\"row\" style=\"margin-top: var(--s4)\">\n <ActionButton variant=\"primary\" :pending=\"saving\" :disabled=\"!canSave\" @click=\"create\">\n {{ saving ? 'Adding…' : 'Add notifier' }}\n </ActionButton>\n </div>\n\n <!-- The signing/URL split is the secret interlock: one type hands out a secret once, the\n other's URL *is* the credential. One line each, so the difference stays visible. -->\n <p v-if=\"chosenType?.signs !== false\" class=\"hint\">\n Signed with a secret shown once, at registration.\n </p>\n <p v-else class=\"hint\">The webhook URL is the credential — stored write-only.</p>\n </section>\n </template>\n </div>\n</template>\n"],"names":["notifiers","ref","meta","loaded","listError","unsupported","revealed","form","saving","formError","openDeliveries","deliveries","queued","redelivering","typeOptions","computed","_a","x","chosenType","t","watch","canSave","f","load","list","m","api","problem","toggleEvent","name","at","create","r","setEnabled","n","enabled","remove","toast","test","res","showDeliveries","reloadDeliveries","id","redeliver","d","_createElementBlock","_createElementVNode","_hoisted_1","_createVNode","RefreshButton","_createBlock","ErrorNote","_openBlock","_hoisted_2","_cache","_Fragment","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_renderList","i","_hoisted_9","_hoisted_10","_unref","sentence","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_normalizeClass","_hoisted_15","_hoisted_16","RelativeTime","_hoisted_17","_hoisted_18","_hoisted_19","$event","_hoisted_20","_hoisted_21","_hoisted_22","ActionButton","_hoisted_23","_hoisted_24","_hoisted_25","_createTextVNode","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","stamp","_hoisted_30","_hoisted_31","_hoisted_32","SkeletonList","_hoisted_33","_hoisted_34","SelectMenu","_hoisted_35","_hoisted_36","_hoisted_38","_hoisted_39","_hoisted_41","_b","e","_hoisted_43","_c","_hoisted_44","_hoisted_45"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"NotifiersView-9rwo6wXV.js","sources":["../../src/views/NotifiersView.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Notifiers — where events on this host get sent.\n *\n * THE FORM IS SERVER-DRIVEN. The event list and the per-type fields come from `/api/notifiers/meta`,\n * so adding a Slack or Discord type on the server puts it in this picker with its own form and no\n * change here. That is the composability seam reaching the UI; hard-coding the fields would have\n * quietly made the seam a lie.\n *\n * THE SIGNING SECRET IS SHOWN ONCE. Same discipline as a personal token and a registry credential:\n * there is no read path on the server, so this page cannot offer a reveal — it can only show the\n * value at the moment of creation and say plainly that this is the only time.\n */\nimport { computed, ref, watch } from 'vue';\nimport { api, problem } from '../api/client';\nimport type { DeliveryRow, NotifierMeta, NotifierRow } from '../api/types';\nimport { sentence, stamp } from '../composables/useFormat';\nimport { toast } from '../composables/useToasts';\nimport ActionButton from '../components/ActionButton.vue';\nimport ErrorNote from '../components/ErrorNote.vue';\nimport SkeletonList from '../components/SkeletonList.vue';\nimport RelativeTime from '../components/RelativeTime.vue';\nimport SelectMenu from '../components/SelectMenu.vue';\nimport RefreshButton from '../components/RefreshButton.vue';\n\nconst notifiers = ref<NotifierRow[]>([]);\nconst meta = ref<NotifierMeta | null>(null);\nconst loaded = ref(false);\nconst listError = ref('');\nconst unsupported = ref(false);\n\n/** The freshly-minted secret, held only until the operator dismisses it. */\nconst revealed = ref<{ name: string; secret: string } | null>(null);\n\nconst form = ref({ name: '', type: 'webhook', events: [] as string[], config: {} as Record<string, string> });\nconst saving = ref(false);\nconst formError = ref('');\n\nconst openDeliveries = ref<number | null>(null);\nconst deliveries = ref<DeliveryRow[]>([]);\n/** How many events are waiting for the open notifier — a quiet one and a backed-up one look alike. */\nconst queued = ref(0);\nconst redelivering = ref(0);\n\n/** Server-driven, so a new notifier type appears here with no change to this file. */\nconst typeOptions = computed(() => (meta.value?.types ?? []).map((x) => ({ value: x.kind, label: x.label })));\n\nconst chosenType = computed(() => meta.value?.types.find((t) => t.kind === form.value.type) ?? null);\n\n/**\n * `config` is one bag shared by every type, so switching the picker leaves the previous type's\n * fields behind — fill a webhook URL, switch to Slack, and the POST carries a stray `url` alongside\n * `webhookUrl`. Nothing downstream rejects it: `config` is stored whole and each type validates only\n * its OWN fields, so the dead value is persisted forever and shows up in the detail view. Clearing on\n * change costs one line; unknown-key rejection on the server would cost a migration path for every\n * future type.\n */\nwatch(\n () => form.value.type,\n () => {\n form.value.config = {};\n },\n);\nconst canSave = computed(\n () =>\n !saving.value &&\n !!form.value.name.trim() &&\n form.value.events.length > 0 &&\n (chosenType.value?.fields ?? []).every((f) => !f.required || !!form.value.config[f.key]?.trim()),\n);\n\nasync function load(): Promise<void> {\n const [list, m] = await Promise.all([\n api.get<{ notifiers: NotifierRow[] }>('/api/notifiers'),\n api.get<NotifierMeta>('/api/notifiers/meta'),\n ]);\n loaded.value = true;\n // A server built before this feature answers 404 — a capability difference, not an error.\n if (list.status === 404 || m.status === 404) {\n unsupported.value = true;\n return;\n }\n if (!list.ok) {\n listError.value = problem(list, 'load the notifiers');\n return;\n }\n listError.value = '';\n notifiers.value = list.body.notifiers ?? [];\n if (m.ok) meta.value = m.body;\n}\n\nvoid load();\n\nfunction toggleEvent(name: string): void {\n const at = form.value.events.indexOf(name);\n if (at === -1) form.value.events.push(name);\n else form.value.events.splice(at, 1);\n}\n\nasync function create(): Promise<void> {\n saving.value = true;\n formError.value = '';\n const r = await api.post<{ notifier: NotifierRow; secret: string | null }>('/api/notifiers', {\n name: form.value.name.trim(),\n type: form.value.type,\n events: form.value.events,\n config: form.value.config,\n });\n saving.value = false;\n if (!r.ok) {\n formError.value = problem(r, 'register this notifier');\n return;\n }\n // `null` for a type whose config already carries its credential — a Slack notifier must not be\n // handed 48 hex characters and told its receiver needs them.\n revealed.value = r.body.secret ? { name: r.body.notifier.name, secret: r.body.secret } : null;\n form.value = { name: '', type: form.value.type, events: [], config: {} };\n void load();\n}\n\nasync function setEnabled(n: NotifierRow, enabled: boolean): Promise<void> {\n const r = await api.patch<{ notifier: NotifierRow }>(`/api/notifiers/${n.id}`, { enabled });\n if (!r.ok) listError.value = problem(r, 'update this notifier');\n void load();\n}\n\nasync function remove(n: NotifierRow): Promise<void> {\n const r = await api.del(`/api/notifiers/${n.id}`);\n if (!r.ok) {\n listError.value = problem(r, 'remove this notifier');\n return;\n }\n if (openDeliveries.value === n.id) openDeliveries.value = null;\n toast('ok', `Removed ${n.name}.`);\n void load();\n}\n\nasync function test(n: NotifierRow): Promise<void> {\n const r = await api.post<{ result: { ok: boolean; status?: number; error?: string } }>(\n `/api/notifiers/${n.id}/test`,\n {},\n );\n if (!r.ok) {\n listError.value = problem(r, 'send a test delivery');\n return;\n }\n const res = r.body.result;\n // The endpoint's own answer, verbatim — \"it failed\" without the reason is the thing this page\n // exists to avoid.\n if (res.ok) toast('ok', 'Test delivered.');\n else toast('error', `${n.name}: ${res.error ?? `HTTP ${res.status}`}`);\n void load();\n}\n\nasync function showDeliveries(n: NotifierRow): Promise<void> {\n if (openDeliveries.value === n.id) {\n openDeliveries.value = null;\n return;\n }\n const r = await api.get<{ deliveries: DeliveryRow[]; queued?: number }>(\n `/api/notifiers/${n.id}/deliveries`,\n );\n if (!r.ok) {\n listError.value = problem(r, 'load the delivery log');\n return;\n }\n deliveries.value = r.body.deliveries ?? [];\n queued.value = r.body.queued ?? 0;\n openDeliveries.value = n.id;\n}\n\n/** Re-read the open delivery log — it changes on its own as queued events go out. */\nasync function reloadDeliveries(): Promise<void> {\n const id = openDeliveries.value;\n if (id === null) return;\n const r = await api.get<{ deliveries: DeliveryRow[]; queued?: number }>(\n `/api/notifiers/${id}/deliveries`,\n );\n if (!r.ok) return;\n deliveries.value = r.body.deliveries ?? [];\n queued.value = r.body.queued ?? 0;\n}\n\n/**\n * Send this event again.\n *\n * The recovery path for a receiver that was down or deployed broken. It replays the stored envelope\n * with the ORIGINAL event id, so a receiver that already processed it dedupes — which is why the\n * toast says \"queued\" rather than \"delivered\": whether it lands is the receiver's business, and the\n * log below is where the answer shows up.\n */\nasync function redeliver(d: DeliveryRow): Promise<void> {\n if (openDeliveries.value === null) return;\n redelivering.value = d.id;\n const r = await api.post<{ note?: string }>(\n `/api/notifiers/${openDeliveries.value}/deliveries/${d.id}/redeliver`,\n );\n redelivering.value = 0;\n if (!r.ok) {\n toast('error', problem(r, 'redeliver this event'));\n return;\n }\n toast('ok', r.body.note ?? 'Queued for redelivery.');\n await reloadDeliveries();\n}\n</script>\n\n<template>\n <div>\n <div class=\"page-head\">\n <div>\n <h1>Notifiers</h1>\n <div class=\"sub\">Where events on this host get sent</div>\n </div>\n <span class=\"grow\" />\n <RefreshButton :run=\"load\" />\n </div>\n\n <ErrorNote v-if=\"listError\" :text=\"listError\" title=\"Could not load the notifiers.\" />\n\n <section v-if=\"unsupported\" class=\"panel\">\n <div class=\"banner plain\">\n <b>This server has no notifiers. Upgrade the host.</b>\n </div>\n </section>\n\n <template v-else>\n <!--\n Shown once, and the page says so. There is no read path on the server, so this is not a\n design choice that could be softened later — the value genuinely does not exist anywhere\n retrievable after this moment.\n -->\n <!-- Only a signing type ever produces one; see `signs` in notify.ts. -->\n <div v-if=\"revealed\" class=\"banner ok\">\n <b>Signing secret for “{{ revealed.name }}” — shown once. Copy it now.</b>\n <pre class=\"code\">{{ revealed.secret }}</pre>\n <div class=\"row\">\n <button class=\"btn\" @click=\"revealed = null\">Dismiss</button>\n </div>\n </div>\n\n <section class=\"panel\">\n <div class=\"phead\">\n <h2 class=\"section\">Registered</h2>\n </div>\n\n <SkeletonList v-if=\"!loaded\" :rows=\"2\" tall />\n <table v-else-if=\"notifiers.length\" role=\"table\" class=\"cards\">\n <thead role=\"rowgroup\">\n <tr role=\"row\">\n <th role=\"columnheader\">Name</th>\n <th role=\"columnheader\">Events</th>\n <th role=\"columnheader\">Last delivery</th>\n <th role=\"columnheader\"></th>\n </tr>\n </thead>\n <tbody role=\"rowgroup\" class=\"stagger\">\n <template v-for=\"(n, i) in notifiers\" :key=\"n.id\">\n <tr role=\"row\" :style=\"{ '--i': i }\">\n <td role=\"cell\" class=\"name\" data-label=\"name\">\n {{ n.name }}\n <div class=\"mute\" style=\"font-size: var(--t-sm)\">\n <!-- Chat types keep the URL under `webhookUrl`, and the server masks it (it is\n the credential) — so this shows dots for those rows, which is correct. -->\n {{ sentence(n.type) }} · {{ String(n.config.url ?? n.config.webhookUrl ?? '') }}\n </div>\n </td>\n <td role=\"cell\" data-label=\"events\">\n <span v-if=\"n.events.includes('*')\" class=\"badge\">All events</span>\n <span v-else>{{ n.events.join(', ') }}</span>\n </td>\n <td role=\"cell\" data-label=\"last delivery\">\n <span v-if=\"!n.lastStatus\" class=\"mute\">never</span>\n <span v-else :class=\"n.lastStatus === 'ok' ? 's-ok' : 's-failed'\">\n {{ n.lastStatus }}\n </span>\n <div v-if=\"n.lastAt\" class=\"mute\" style=\"font-size: var(--t-sm)\">\n <RelativeTime :at=\"n.lastAt\" />\n </div>\n </td>\n <td role=\"cell\" data-label=\"\">\n <div class=\"row\" style=\"justify-content: flex-end\">\n <span v-if=\"!n.enabled\" class=\"badge off\">Disabled</span>\n <button class=\"ghost sm\" @click=\"showDeliveries(n)\">\n {{ openDeliveries === n.id ? 'Hide' : 'Deliveries' }}\n </button>\n <button class=\"ghost sm\" @click=\"test(n)\">Test</button>\n <button class=\"ghost sm\" @click=\"setEnabled(n, !n.enabled)\">\n {{ n.enabled ? 'Disable' : 'Enable' }}\n </button>\n <ActionButton variant=\"danger\" :confirm=\"`Remove ${n.name}?`\" @run=\"remove(n)\">Remove</ActionButton>\n </div>\n </td>\n </tr>\n <tr v-if=\"openDeliveries === n.id\" :key=\"`d${n.id}`\" role=\"row\">\n <td role=\"cell\" colspan=\"4\">\n <div class=\"row\" style=\"margin-bottom: var(--s2)\">\n <span v-if=\"queued > 0\" class=\"badge busy\">\n <span class=\"dot pulse\" />{{ queued }} queued\n </span>\n <span class=\"grow\" />\n <RefreshButton :run=\"reloadDeliveries\" />\n </div>\n <ul v-if=\"deliveries.length\" class=\"kvlist\">\n <li v-for=\"d in deliveries\" :key=\"d.id\">\n <span class=\"k\">\n <span :class=\"d.status === 'ok' ? 's-ok' : 's-failed'\">{{ sentence(d.status) }}</span>\n </span>\n <span class=\"v\">\n {{ d.event }}\n <span class=\"mute\" style=\"font-size: var(--t-sm)\">\n · {{ stamp(d.createdAt) }} · {{ d.attempts }} attempt(s)<template\n v-if=\"d.responseCode\"\n >\n · HTTP {{ d.responseCode }}</template\n >\n </span>\n <div v-if=\"d.error\" class=\"s-failed\" style=\"font-size: var(--t-sm)\">\n {{ d.error }}\n </div>\n </span>\n <!--\n Only when the envelope was actually stored. A row from before payloads were\n captured has nothing to replay, and a button that explains itself after the\n click is worse than one that is not offered.\n -->\n <ActionButton\n v-if=\"d.replayable\"\n class=\"sm\"\n variant=\"ghost\"\n :pending=\"redelivering === d.id\"\n confirm=\"Send it again?\"\n title=\"Sends this event again with its original id, so a receiver can dedupe.\"\n @run=\"redeliver(d)\"\n >\n Redeliver\n </ActionButton>\n </li>\n </ul>\n <p v-else class=\"mute\">Nothing delivered yet.</p>\n </td>\n </tr>\n </template>\n </tbody>\n </table>\n <p v-else class=\"mute\">No notifiers yet. Add one below.</p>\n </section>\n\n <section class=\"panel\">\n <h2 class=\"section\" style=\"margin-bottom: var(--s3)\">Add a notifier</h2>\n\n <div v-if=\"meta && meta.types.length > 1\" class=\"field\" style=\"max-width: 320px\">\n <label for=\"ty\">Type</label>\n <SelectMenu v-model=\"form.type\" id=\"ty\" label=\"Notifier type\" :options=\"typeOptions\" />\n </div>\n\n <div class=\"field\" style=\"max-width: 380px\">\n <label for=\"nn\">Name</label>\n <input id=\"nn\" v-model.trim=\"form.name\" type=\"text\" placeholder=\"ops-slack-bridge\" spellcheck=\"false\" />\n </div>\n\n <!-- Rendered from the server's field list — see the header. -->\n <div v-for=\"f in chosenType?.fields ?? []\" :key=\"f.key\" class=\"field\" style=\"max-width: 380px\">\n <label :for=\"`cfg-${f.key}`\">{{ f.label }}</label>\n <input\n :id=\"`cfg-${f.key}`\"\n v-model.trim=\"form.config[f.key]\"\n type=\"text\"\n :placeholder=\"f.placeholder\"\n spellcheck=\"false\"\n />\n </div>\n\n <h2 class=\"section\" style=\"margin: var(--s5) 0 var(--s3)\">Events</h2>\n <div class=\"row\">\n <label class=\"check\">\n <input\n type=\"checkbox\"\n :checked=\"form.events.includes('*')\"\n @change=\"toggleEvent('*')\"\n />\n All events\n </label>\n </div>\n <!-- A grid, not a wrapping row: eleven items of differing width wrapped into ragged lines\n with one stranded on its own, which reads as a layout accident. -->\n <div v-if=\"!form.events.includes('*')\" class=\"check-grid\">\n <label v-for=\"e in meta?.events ?? []\" :key=\"e\" class=\"check\">\n <input type=\"checkbox\" :checked=\"form.events.includes(e)\" @change=\"toggleEvent(e)\" />\n {{ e }}\n </label>\n </div>\n\n <ErrorNote v-if=\"formError\" :text=\"formError\" title=\"Could not add this notifier.\" />\n\n <div class=\"row\" style=\"margin-top: var(--s4)\">\n <ActionButton variant=\"primary\" :pending=\"saving\" :disabled=\"!canSave\" @click=\"create\">\n {{ saving ? 'Adding…' : 'Add notifier' }}\n </ActionButton>\n </div>\n\n <!-- The signing/URL split is the secret interlock: one type hands out a secret once, the\n other's URL *is* the credential. One line each, so the difference stays visible. -->\n <p v-if=\"chosenType?.signs !== false\" class=\"hint\">\n Signed with a secret shown once, at registration.\n </p>\n <p v-else class=\"hint\">The webhook URL is the credential — stored write-only.</p>\n </section>\n </template>\n </div>\n</template>\n"],"names":["notifiers","ref","meta","loaded","listError","unsupported","revealed","form","saving","formError","openDeliveries","deliveries","queued","redelivering","typeOptions","computed","_a","x","chosenType","t","watch","canSave","f","load","list","m","api","problem","toggleEvent","name","at","create","r","setEnabled","n","enabled","remove","toast","test","res","showDeliveries","reloadDeliveries","id","redeliver","d","_createElementBlock","_createElementVNode","_hoisted_1","_createVNode","RefreshButton","_createBlock","ErrorNote","_openBlock","_hoisted_2","_cache","_Fragment","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_renderList","i","_hoisted_9","_hoisted_10","_unref","sentence","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_normalizeClass","_hoisted_15","_hoisted_16","RelativeTime","_hoisted_17","_hoisted_18","_hoisted_19","$event","_hoisted_20","_hoisted_21","_hoisted_22","ActionButton","_hoisted_23","_hoisted_24","_hoisted_25","_createTextVNode","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","stamp","_hoisted_30","_hoisted_31","_hoisted_32","SkeletonList","_hoisted_33","_hoisted_34","SelectMenu","_hoisted_35","_hoisted_36","_hoisted_38","_hoisted_39","_hoisted_41","_b","e","_hoisted_43","_c","_hoisted_44","_hoisted_45"],"mappings":"kmEAyBA,MAAMA,EAAYC,EAAmB,EAAE,EACjCC,EAAOD,EAAyB,IAAI,EACpCE,EAASF,EAAI,EAAK,EAClBG,EAAYH,EAAI,EAAE,EAClBI,EAAcJ,EAAI,EAAK,EAGvBK,EAAWL,EAA6C,IAAI,EAE5DM,EAAON,EAAI,CAAE,KAAM,GAAI,KAAM,UAAW,OAAQ,CAAA,EAAgB,OAAQ,CAAA,EAA8B,EACtGO,EAASP,EAAI,EAAK,EAClBQ,EAAYR,EAAI,EAAE,EAElBS,EAAiBT,EAAmB,IAAI,EACxCU,EAAaV,EAAmB,EAAE,EAElCW,EAASX,EAAI,CAAC,EACdY,EAAeZ,EAAI,CAAC,EAGpBa,EAAcC,EAAS,IAAA,OAAO,SAAAC,EAAAd,EAAK,QAAL,YAAAc,EAAY,QAAS,CAAA,GAAI,IAAKC,IAAO,CAAE,MAAOA,EAAE,KAAM,MAAOA,EAAE,KAAA,EAAQ,EAAC,EAEtGC,EAAaH,EAAS,IAAA,OAAM,QAAAC,EAAAd,EAAK,QAAL,YAAAc,EAAY,MAAM,KAAMG,GAAMA,EAAE,OAASZ,EAAK,MAAM,QAAS,KAAI,EAUnGa,GACE,IAAMb,EAAK,MAAM,KACjB,IAAM,CACJA,EAAK,MAAM,OAAS,CAAA,CACtB,CAAA,EAEF,MAAMc,EAAUN,EACd,IAAA,OACE,OAACP,EAAO,OACR,CAAC,CAACD,EAAK,MAAM,KAAK,KAAA,GAClBA,EAAK,MAAM,OAAO,OAAS,MAC1BS,EAAAE,EAAW,QAAX,YAAAF,EAAkB,SAAU,CAAA,GAAI,MAAOM,GAAA,OAAM,OAACA,EAAE,UAAY,CAAC,GAACN,EAAAT,EAAK,MAAM,OAAOe,EAAE,GAAG,IAAvB,MAAAN,EAA0B,QAAM,EAAA,EAGnG,eAAeO,GAAsB,CACnC,KAAM,CAACC,EAAMC,CAAC,EAAI,MAAM,QAAQ,IAAI,CAClCC,EAAI,IAAkC,gBAAgB,EACtDA,EAAI,IAAkB,qBAAqB,CAAA,CAC5C,EAGD,GAFAvB,EAAO,MAAQ,GAEXqB,EAAK,SAAW,KAAOC,EAAE,SAAW,IAAK,CAC3CpB,EAAY,MAAQ,GACpB,MACF,CACA,GAAI,CAACmB,EAAK,GAAI,CACZpB,EAAU,MAAQuB,EAAQH,EAAM,oBAAoB,EACpD,MACF,CACApB,EAAU,MAAQ,GAClBJ,EAAU,MAAQwB,EAAK,KAAK,WAAa,CAAA,EACrCC,EAAE,KAAIvB,EAAK,MAAQuB,EAAE,KAC3B,CAEKF,EAAA,EAEL,SAASK,EAAYC,EAAoB,CACvC,MAAMC,EAAKvB,EAAK,MAAM,OAAO,QAAQsB,CAAI,EACrCC,IAAO,GAAIvB,EAAK,MAAM,OAAO,KAAKsB,CAAI,EACrCtB,EAAK,MAAM,OAAO,OAAOuB,EAAI,CAAC,CACrC,CAEA,eAAeC,GAAwB,CACrCvB,EAAO,MAAQ,GACfC,EAAU,MAAQ,GAClB,MAAMuB,EAAI,MAAMN,EAAI,KAAuD,iBAAkB,CAC3F,KAAMnB,EAAK,MAAM,KAAK,KAAA,EACtB,KAAMA,EAAK,MAAM,KACjB,OAAQA,EAAK,MAAM,OACnB,OAAQA,EAAK,MAAM,MAAA,CACpB,EAED,GADAC,EAAO,MAAQ,GACX,CAACwB,EAAE,GAAI,CACTvB,EAAU,MAAQkB,EAAQK,EAAG,wBAAwB,EACrD,MACF,CAGA1B,EAAS,MAAQ0B,EAAE,KAAK,OAAS,CAAE,KAAMA,EAAE,KAAK,SAAS,KAAM,OAAQA,EAAE,KAAK,QAAW,KACzFzB,EAAK,MAAQ,CAAE,KAAM,GAAI,KAAMA,EAAK,MAAM,KAAM,OAAQ,GAAI,OAAQ,CAAA,CAAC,EAChEgB,EAAA,CACP,CAEA,eAAeU,EAAWC,EAAgBC,EAAiC,CACzE,MAAMH,EAAI,MAAMN,EAAI,MAAiC,kBAAkBQ,EAAE,EAAE,GAAI,CAAE,QAAAC,EAAS,EACrFH,EAAE,OAAc,MAAQL,EAAQK,EAAG,sBAAsB,GACzDT,EAAA,CACP,CAEA,eAAea,EAAOF,EAA+B,CACnD,MAAMF,EAAI,MAAMN,EAAI,IAAI,kBAAkBQ,EAAE,EAAE,EAAE,EAChD,GAAI,CAACF,EAAE,GAAI,CACT5B,EAAU,MAAQuB,EAAQK,EAAG,sBAAsB,EACnD,MACF,CACItB,EAAe,QAAUwB,EAAE,OAAmB,MAAQ,MAC1DG,EAAM,KAAM,WAAWH,EAAE,IAAI,GAAG,EAC3BX,EAAA,CACP,CAEA,eAAee,GAAKJ,EAA+B,CACjD,MAAMF,EAAI,MAAMN,EAAI,KAClB,kBAAkBQ,EAAE,EAAE,QACtB,CAAA,CAAC,EAEH,GAAI,CAACF,EAAE,GAAI,CACT5B,EAAU,MAAQuB,EAAQK,EAAG,sBAAsB,EACnD,MACF,CACA,MAAMO,EAAMP,EAAE,KAAK,OAGfO,EAAI,GAAIF,EAAM,KAAM,iBAAiB,EACpCA,EAAM,QAAS,GAAGH,EAAE,IAAI,KAAKK,EAAI,OAAS,QAAQA,EAAI,MAAM,EAAE,EAAE,EAChEhB,EAAA,CACP,CAEA,eAAeiB,GAAeN,EAA+B,CAC3D,GAAIxB,EAAe,QAAUwB,EAAE,GAAI,CACjCxB,EAAe,MAAQ,KACvB,MACF,CACA,MAAMsB,EAAI,MAAMN,EAAI,IAClB,kBAAkBQ,EAAE,EAAE,aAAA,EAExB,GAAI,CAACF,EAAE,GAAI,CACT5B,EAAU,MAAQuB,EAAQK,EAAG,uBAAuB,EACpD,MACF,CACArB,EAAW,MAAQqB,EAAE,KAAK,YAAc,CAAA,EACxCpB,EAAO,MAAQoB,EAAE,KAAK,QAAU,EAChCtB,EAAe,MAAQwB,EAAE,EAC3B,CAGA,eAAeO,GAAkC,CAC/C,MAAMC,EAAKhC,EAAe,MAC1B,GAAIgC,IAAO,KAAM,OACjB,MAAMV,EAAI,MAAMN,EAAI,IAClB,kBAAkBgB,CAAE,aAAA,EAEjBV,EAAE,KACPrB,EAAW,MAAQqB,EAAE,KAAK,YAAc,CAAA,EACxCpB,EAAO,MAAQoB,EAAE,KAAK,QAAU,EAClC,CAUA,eAAeW,GAAUC,EAA+B,CACtD,GAAIlC,EAAe,QAAU,KAAM,OACnCG,EAAa,MAAQ+B,EAAE,GACvB,MAAMZ,EAAI,MAAMN,EAAI,KAClB,kBAAkBhB,EAAe,KAAK,eAAekC,EAAE,EAAE,YAAA,EAG3D,GADA/B,EAAa,MAAQ,EACjB,CAACmB,EAAE,GAAI,CACTK,EAAM,QAASV,EAAQK,EAAG,sBAAsB,CAAC,EACjD,MACF,CACAK,EAAM,KAAML,EAAE,KAAK,MAAQ,wBAAwB,EACnD,MAAMS,EAAA,CACR,oCAIEI,EAyMM,MAAA,KAAA,CAxMJC,EAOM,MAPNC,GAOM,aANJD,EAGM,MAAA,KAAA,CAFJA,EAAkB,UAAd,WAAS,EACbA,EAAyD,MAAA,CAApD,MAAM,KAAA,EAAM,oCAAkC,CAAA,mBAErDA,EAAqB,OAAA,CAAf,MAAM,MAAA,EAAM,KAAA,EAAA,GAClBE,EAA6BC,EAAA,CAAb,IAAK1B,EAAI,CAAA,GAGVnB,EAAA,WAAjB8C,EAAsFC,EAAA,OAAzD,KAAM/C,EAAA,MAAW,MAAM,+BAAA,6BAErCC,EAAA,OAAf+C,IAAAP,EAIU,UAJVQ,GAIU,CAAA,GAAAC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CAHRR,EAEM,MAAA,CAFD,MAAM,gBAAc,CACvBA,EAAsD,SAAnD,iDAA+C,CAAA,gBAItDD,EAsLWU,EAAA,CAAA,IAAA,GAAA,CA/KEjD,EAAA,OAAX8C,EAAA,EAAAP,EAMM,MANNW,GAMM,CALJV,EAA0E,SAAvE,uBAAoBW,EAAGnD,QAAS,IAAI,EAAG,+BAA4B,CAAA,EACtEwC,EAA6C,MAA7CY,GAA6CD,EAAxBnD,EAAA,MAAS,MAAM,EAAA,CAAA,EACpCwC,EAEM,MAFNa,GAEM,CADJb,EAA6D,SAAA,CAArD,MAAM,MAAO,uBAAOxC,EAAA,MAAQ,KAAA,EAAS,SAAO,CAAA,eAIxDwC,EAyGU,UAzGVc,GAyGU,eAxGRd,EAEM,MAAA,CAFD,MAAM,SAAO,CAChBA,EAAmC,KAAA,CAA/B,MAAM,SAAA,EAAU,YAAU,CAAA,OAGX3C,EAAA,MACHH,EAAA,MAAU,QAA5BoD,EAAA,EAAAP,EAiGQ,QAjGRgB,GAiGQ,eAhGNf,EAOQ,QAAA,CAPD,KAAK,YAAU,CACpBA,EAKK,KAAA,CALD,KAAK,OAAK,CACZA,EAAiC,KAAA,CAA7B,KAAK,cAAA,EAAe,MAAI,EAC5BA,EAAmC,KAAA,CAA/B,KAAK,cAAA,EAAe,QAAM,EAC9BA,EAA0C,KAAA,CAAtC,KAAK,cAAA,EAAe,eAAa,EACrCA,EAA6B,KAAA,CAAzB,KAAK,eAAc,CAAA,SAG3BA,EAuFQ,QAvFRgB,GAuFQ,EAtFNV,EAAA,EAAA,EAAAP,EAqFWU,EAAA,KAAAQ,EArFgB/D,EAAA,MAAS,CAAlBkC,EAAG8B,cAAuB,IAAA9B,EAAE,EAAA,GAC5CY,EAmCK,KAAA,CAnCD,KAAK,MAAO,gBAAgBkB,EAAC,CAAA,GAC/BlB,EAOK,KAPLmB,GAOK,KANA/B,EAAE,IAAI,EAAG,IACZ,CAAA,EAAAY,EAIM,MAJNoB,GAIMT,EADDU,EAAAC,CAAA,EAASlC,EAAE,IAAI,CAAA,EAAI,MAAGuB,EAAG,OAAOvB,EAAE,OAAO,KAAOA,EAAE,OAAO,YAAU,EAAA,CAAA,EAAA,CAAA,CAAA,GAG1EY,EAGK,KAHLuB,GAGK,CAFSnC,EAAE,OAAO,SAAQ,GAAA,OAA7BW,EAAmE,OAAnEyB,GAAkD,YAAU,IAC5DlB,IAAAP,EAA6C,OAAA0B,GAAAd,EAA7BvB,EAAE,OAAO,KAAI,IAAA,CAAA,EAAA,CAAA,EAAA,GAE/BY,EAQK,KARL0B,GAQK,CAPUtC,EAAE,gBACfW,EAEO,OAAA,OAFO,MAAK4B,EAAEvC,EAAE,aAAU,KAAA,OAAA,UAAA,CAAA,EAC5BuB,EAAAvB,EAAE,UAAU,EAAA,CAAA,QAFjBW,EAAoD,OAApD6B,GAAwC,OAAK,GAIlCxC,EAAE,QAAbkB,EAAA,EAAAP,EAEM,MAFN8B,GAEM,CADJ3B,EAA+B4B,GAAA,CAAhB,GAAI1C,EAAE,MAAA,+BAGzBY,EAYK,KAZL+B,GAYK,CAXH/B,EAUM,MAVNgC,GAUM,CATS5C,EAAE,sBAAfW,EAAyD,OAAzDkC,GAA0C,UAAQ,GAClDjC,EAES,SAAA,CAFD,MAAM,WAAY,QAAKkC,GAAExC,GAAeN,CAAC,CAAA,IAC5CxB,EAAA,QAAmBwB,EAAE,GAAE,OAAA,YAAA,EAAA,EAAA+C,EAAA,EAE5BnC,EAAuD,SAAA,CAA/C,MAAM,WAAY,QAAKkC,GAAE1C,GAAKJ,CAAC,CAAA,EAAG,OAAI,EAAAgD,EAAA,EAC9CpC,EAES,SAAA,CAFD,MAAM,WAAY,WAAOb,EAAWC,EAAC,CAAGA,EAAE,OAAO,CAAA,EACpDuB,EAAAvB,EAAE,QAAO,UAAA,QAAA,EAAA,EAAAiD,EAAA,EAEdnC,EAAoGoC,EAAA,CAAtF,QAAQ,SAAU,QAAO,UAAYlD,EAAE,IAAI,IAAM,MAAG8C,GAAE5C,EAAOF,CAAC,CAAA,aAAG,IAAM,CAAA,GAAAoB,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,GAAN,SAAM,EAAA,CAAA,yCAIjF5C,EAAA,QAAmBwB,EAAE,QAA/BW,EA+CK,KAAA,CA/C+B,IAAG,IAAMX,EAAE,EAAE,GAAI,KAAK,KAAA,GACxDY,EA6CK,KA7CLuC,GA6CK,CA5CHvC,EAMM,MANNwC,GAMM,CALQ1E,EAAA,MAAM,GAAlBwC,IAAAP,EAEO,OAFP0C,GAEO,aADLzC,EAA0B,OAAA,CAApB,MAAM,WAAA,EAAW,KAAA,EAAA,GAAM0C,EAAA/B,EAAA7C,EAAA,KAAM,EAAG,WACxC,CAAA,CAAA,yBACAkC,EAAqB,OAAA,CAAf,MAAM,MAAA,EAAM,KAAA,EAAA,GAClBE,EAAyCC,EAAA,CAAzB,IAAKR,EAAgB,CAAA,GAE7B9B,EAAA,MAAW,QAArByC,IAAAP,EAmCK,KAnCL4C,GAmCK,QAlCH5C,EAiCKU,EAAA,KAAAQ,EAjCWpD,EAAA,MAALiC,QAAXC,EAiCK,KAAA,CAjCwB,IAAKD,EAAE,EAAA,GAClCE,EAEO,OAFP4C,GAEO,CADL5C,EAAsF,OAAA,CAA/E,MAAK2B,EAAE7B,EAAE,SAAM,KAAA,OAAA,UAAA,CAAA,IAAoCuB,EAAAC,CAAA,EAASxB,EAAE,MAAM,CAAA,EAAA,CAAA,CAAA,GAE7EE,EAYO,OAZP6C,GAYO,KAXF/C,EAAE,KAAK,EAAG,IACb,CAAA,EAAAE,EAMO,OANP8C,GAMO,CAN2CJ,EAAA,MAC9C/B,EAAGU,EAAA0B,EAAA,EAAMjD,EAAE,SAAS,CAAA,EAAI,MAAGa,EAAGb,EAAE,QAAQ,EAAG,cAAW,CAAA,EAChDA,EAAE,kBAD8CC,EAIvDU,EAAA,CAAA,IAAA,GAAA,GAFA,WACQE,EAAGb,EAAE,YAAY,EAAA,CAAA,CAAA,kBAGjBA,EAAE,OAAbQ,EAAA,EAAAP,EAEM,MAFNiD,GAEMrC,EADDb,EAAE,KAAK,EAAA,CAAA,cASNA,EAAE,gBADVM,EAUekC,EAAA,OARb,MAAM,KACN,QAAQ,QACP,QAASvE,EAAA,QAAiB+B,EAAE,GAC7B,QAAQ,iBACR,MAAM,yEACL,MAAGoC,IAAErC,GAAUC,CAAC,CAAA,aAClB,IAED,CAAA,GAAAU,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAA,GAFC,cAED,EAAA,CAAA,6DAGJT,EAAiD,IAAjDkD,GAAuB,wBAAsB,EAAA,sCAMvDlD,EAA2D,IAA3DmD,GAAuB,kCAAgC,QAnGvD9C,EAA8C+C,GAAA,OAAhB,KAAM,EAAG,KAAA,EAAA,GAmGgB,GAGzDnD,EA2DU,UA3DVoD,GA2DU,eA1DRpD,EAAwE,KAAA,CAApE,MAAM,UAAU,MAAA,CAAA,gBAAA,WAAA,CAAA,EAAiC,iBAAc,EAAA,GAExD5C,EAAA,OAAQA,EAAA,MAAK,MAAM,OAAM,GAApCkD,EAAA,EAAAP,EAGM,MAHNsD,GAGM,CAFJ7C,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAR,EAA4B,QAAA,CAArB,IAAI,IAAA,EAAK,OAAI,EAAA,GACpBE,EAAuFoD,GAAA,CAAlE,WAAA7F,EAAA,MAAK,KAAL,sBAAA+C,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA0B,GAAAzE,EAAA,MAAK,KAAIyE,GAAE,GAAG,KAAK,MAAM,gBAAiB,QAASlE,EAAA,KAAA,+CAG1EgC,EAGM,MAHNuD,GAGM,CAFJ/C,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAR,EAA4B,QAAA,CAArB,IAAI,IAAA,EAAK,OAAI,EAAA,KACpBA,EAAwG,QAAA,CAAjG,GAAG,KAAmB,sBAAAQ,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA0B,GAAAzE,EAAA,MAAK,KAAIyE,GAAE,KAAK,OAAO,YAAY,mBAAmB,WAAW,OAAA,gBAAjEzE,EAAA,MAAK,YAAX,CAAA,KAAR,EAAA,CAAwB,OAIzC6C,EAAA,EAAA,EAAAP,EASMU,EAAA,KAAAQ,IATW/C,EAAAE,EAAA,QAAA,YAAAF,EAAY,YAAjBM,QAAZuB,EASM,MAAA,CATsC,IAAKvB,EAAE,IAAK,MAAM,QAAQ,MAAA,CAAA,YAAA,OAAA,CAAA,GACpEwB,EAAkD,QAAA,CAA1C,IAAG,OAASxB,EAAE,GAAG,EAAA,EAAOmC,EAAAnC,EAAE,KAAK,EAAA,EAAAgF,EAAA,IACvCxD,EAME,QAAA,CALC,GAAE,OAASxB,EAAE,GAAG,GACH,sBAAA0D,GAAAzE,EAAA,MAAK,OAAOe,EAAE,GAAG,EAAA0D,EAC/B,KAAK,OACJ,YAAa1D,EAAE,YAChB,WAAW,OAAA,iBAHGf,EAAA,MAAK,OAAOe,EAAE,GAAG,SAAvB,CAAA,KAAR,EAAA,CAAiC,4BAOrCwB,EAAqE,KAAA,CAAjE,MAAM,UAAU,MAAA,CAAA,OAAA,uBAAA,CAAA,EAAsC,SAAM,EAAA,GAChEA,EASM,MATNyD,GASM,CARJzD,EAOQ,QAPR0D,GAOQ,CANN1D,EAIE,QAAA,CAHA,KAAK,WACJ,QAASvC,EAAA,MAAK,OAAO,SAAQ,GAAA,EAC7B,wBAAQqB,EAAW,GAAA,EAAA,8BACpB,eAEJ,EAAA,EAAA,KAIUrB,EAAA,MAAK,OAAO,SAAQ,GAAA,YAAhC6C,IAAAP,EAKM,MALN4D,GAKM,EAJJrD,EAAA,EAAA,EAAAP,EAGQU,EAAA,KAAAQ,IAHW2C,EAAAxG,EAAA,QAAA,YAAAwG,EAAM,YAAXC,QAAd9D,EAGQ,QAAA,CAHgC,IAAK8D,EAAG,MAAM,OAAA,GACpD7D,EAAqF,QAAA,CAA9E,KAAK,WAAY,QAASvC,EAAA,MAAK,OAAO,SAASoG,CAAC,EAAI,SAAM3B,GAAEpD,EAAY+E,CAAC,CAAA,cAAKnB,EAAA,MAClFmB,CAAC,EAAA,CAAA,CAAA,cAISlG,EAAA,WAAjByC,EAAqFC,EAAA,OAAxD,KAAM1C,EAAA,MAAW,MAAM,8BAAA,6BAEpDqC,EAIM,MAJN8D,GAIM,CAHJ5D,EAEeoC,EAAA,CAFD,QAAQ,UAAW,QAAS5E,EAAA,MAAS,UAAWa,EAAA,MAAU,QAAOU,CAAA,aAC7E,IAAyC,KAAtCvB,EAAA,MAAM,UAAA,cAAA,EAAA,CAAA,CAAA,sCAMJqG,EAAA3F,EAAA,QAAA,YAAA2F,EAAY,SAAK,QAA1BhE,EAEI,IAFJiE,GAAmD,qDAEnD,QACAjE,EAAiF,IAAjFkE,GAAuB,wDAAsD,EAAA"}
|