@samyx/preview-stacks-ui 0.7.0 → 0.14.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/README.md +29 -0
- package/dist/assets/{ActionButton.vue_vue_type_script_setup_true_lang-DUQBVs8T.js → ActionButton.vue_vue_type_script_setup_true_lang-DxV7T6dV.js} +2 -2
- package/dist/assets/{ActionButton.vue_vue_type_script_setup_true_lang-DUQBVs8T.js.map → ActionButton.vue_vue_type_script_setup_true_lang-DxV7T6dV.js.map} +1 -1
- package/dist/assets/{AxesTab-DU92FPX2.js → AxesTab-DkF15gUV.js} +2 -2
- package/dist/assets/{AxesTab-DU92FPX2.js.map → AxesTab-DkF15gUV.js.map} +1 -1
- package/dist/assets/{ConfigTab-CR9C6wOR.js → ConfigTab-DIfAtFKC.js} +2 -2
- package/dist/assets/{ConfigTab-CR9C6wOR.js.map → ConfigTab-DIfAtFKC.js.map} +1 -1
- package/dist/assets/DangerTab-BOrQMzL3.js +2 -0
- package/dist/assets/{DangerTab-BUfuJ0MC.js.map → DangerTab-BOrQMzL3.js.map} +1 -1
- package/dist/assets/DashboardView-Cr6Nnj3O.js +2 -0
- package/dist/assets/DashboardView-Cr6Nnj3O.js.map +1 -0
- package/dist/assets/DeploymentDetailView-D23-qn3Z.js +2 -0
- package/dist/assets/DeploymentDetailView-D23-qn3Z.js.map +1 -0
- package/dist/assets/DeploymentsView-BMD-3aeS.js +2 -0
- package/dist/assets/DeploymentsView-BMD-3aeS.js.map +1 -0
- package/dist/assets/{ErrorNote.vue_vue_type_script_setup_true_lang-BmqVrFXt.js → ErrorNote.vue_vue_type_script_setup_true_lang-BlepSrj0.js} +2 -2
- package/dist/assets/{ErrorNote.vue_vue_type_script_setup_true_lang-BmqVrFXt.js.map → ErrorNote.vue_vue_type_script_setup_true_lang-BlepSrj0.js.map} +1 -1
- package/dist/assets/{JobDetailView-UehfrAMm.js → JobDetailView-ByaH2ylY.js} +2 -2
- package/dist/assets/{JobDetailView-UehfrAMm.js.map → JobDetailView-ByaH2ylY.js.map} +1 -1
- package/dist/assets/JobsView-h_BUWgIG.js +2 -0
- package/dist/assets/JobsView-h_BUWgIG.js.map +1 -0
- package/dist/assets/LoginView-BstzTLQc.js +5 -0
- package/dist/assets/LoginView-BstzTLQc.js.map +1 -0
- package/dist/assets/LoginView-CAyD1E0h.css +1 -0
- package/dist/assets/LogsTab-B_NVnnVo.js +4 -0
- package/dist/assets/LogsTab-B_NVnnVo.js.map +1 -0
- package/dist/assets/NotFoundView-BN-7ZNip.js +2 -0
- package/dist/assets/{NotFoundView-D4P7ej9y.js.map → NotFoundView-BN-7ZNip.js.map} +1 -1
- package/dist/assets/NotifiersView-CsAmv8wB.js +2 -0
- package/dist/assets/NotifiersView-CsAmv8wB.js.map +1 -0
- package/dist/assets/OverviewTab-BI1DZZxS.js +2 -0
- package/dist/assets/OverviewTab-BI1DZZxS.js.map +1 -0
- package/dist/assets/RegistriesView-CEE730kV.js +2 -0
- package/dist/assets/{RegistriesView-r-FHyu2l.js.map → RegistriesView-CEE730kV.js.map} +1 -1
- package/dist/assets/RelativeTime.vue_vue_type_script_setup_true_lang-lQaz4t05.js +2 -0
- package/dist/assets/RelativeTime.vue_vue_type_script_setup_true_lang-lQaz4t05.js.map +1 -0
- package/dist/assets/{RequiresTab-Ca5DAPqS.js → RequiresTab-B9YauFIz.js} +2 -2
- package/dist/assets/{RequiresTab-Ca5DAPqS.js.map → RequiresTab-B9YauFIz.js.map} +1 -1
- package/dist/assets/{RoutingView-6KgROiI7.js → RoutingView-DXCaRJek.js} +3 -3
- package/dist/assets/{RoutingView-6KgROiI7.js.map → RoutingView-DXCaRJek.js.map} +1 -1
- package/dist/assets/RuntimeTab-DvrQFekD.js +2 -0
- package/dist/assets/RuntimeTab-DvrQFekD.js.map +1 -0
- package/dist/assets/SettingsView-B7_zHjVP.js +2 -0
- package/dist/assets/SettingsView-B7_zHjVP.js.map +1 -0
- package/dist/assets/SkeletonList.vue_vue_type_script_setup_true_lang-SxitAmDb.js +2 -0
- package/dist/assets/{SkeletonList.vue_vue_type_script_setup_true_lang-CrqRcqcf.js.map → SkeletonList.vue_vue_type_script_setup_true_lang-SxitAmDb.js.map} +1 -1
- package/dist/assets/SpecDetailView-CViJ8WG_.js +2 -0
- package/dist/assets/{SpecDetailView-QKk7yCjK.js.map → SpecDetailView-CViJ8WG_.js.map} +1 -1
- package/dist/assets/SpecsView-BpG2OWMm.js +2 -0
- package/dist/assets/SpecsView-BpG2OWMm.js.map +1 -0
- package/dist/assets/StateBadge.vue_vue_type_script_setup_true_lang-CgDXVhMF.js +2 -0
- package/dist/assets/{StateBadge.vue_vue_type_script_setup_true_lang-DGyF-Maq.js.map → StateBadge.vue_vue_type_script_setup_true_lang-CgDXVhMF.js.map} +1 -1
- package/dist/assets/SubmitView-CwdWrsVS.js +45 -0
- package/dist/assets/SubmitView-CwdWrsVS.js.map +1 -0
- package/dist/assets/TerminalTab-Bqulz6Eb.css +1 -0
- package/dist/assets/TerminalTab-C6gRXura.js +3 -0
- package/dist/assets/TerminalTab-C6gRXura.js.map +1 -0
- package/dist/assets/{VarEditor.vue_vue_type_script_setup_true_lang-D3_cdVoO.js → VarEditor.vue_vue_type_script_setup_true_lang-CZcKBdbw.js} +2 -2
- package/dist/assets/{VarEditor.vue_vue_type_script_setup_true_lang-D3_cdVoO.js.map → VarEditor.vue_vue_type_script_setup_true_lang-CZcKBdbw.js.map} +1 -1
- package/dist/assets/_commonjsHelpers-CqkleIqs.js +2 -0
- package/dist/assets/_commonjsHelpers-CqkleIqs.js.map +1 -0
- package/dist/assets/_plugin-vue_export-helper-DlAUqK2U.js +2 -0
- package/dist/assets/_plugin-vue_export-helper-DlAUqK2U.js.map +1 -0
- package/dist/assets/addon-fit-CevVMrUA.js +2 -0
- package/dist/assets/addon-fit-CevVMrUA.js.map +1 -0
- package/dist/assets/index-Bygbts8t.js +129 -0
- package/dist/assets/index-Bygbts8t.js.map +1 -0
- package/dist/assets/index-DOv3m8-x.css +1 -0
- package/dist/assets/{useDeployment-B6jhAMSe.js → useDeployment-C4MdUG63.js} +2 -2
- package/dist/assets/{useDeployment-B6jhAMSe.js.map → useDeployment-C4MdUG63.js.map} +1 -1
- package/dist/assets/xterm-D6Mng-DB.js +10 -0
- package/dist/assets/xterm-D6Mng-DB.js.map +1 -0
- package/dist/assets/xterm-DYP7pi_n.css +32 -0
- package/dist/index.html +2 -2
- package/nginx.conf +17 -1
- package/package.json +3 -1
- package/dist/assets/DangerTab-BUfuJ0MC.js +0 -2
- package/dist/assets/DashboardView-DHYQn3Mi.js +0 -2
- package/dist/assets/DashboardView-DHYQn3Mi.js.map +0 -1
- package/dist/assets/DeploymentDetailView-DXvZu_pa.js +0 -2
- package/dist/assets/DeploymentDetailView-DXvZu_pa.js.map +0 -1
- package/dist/assets/DeploymentsView-C0Z2RIx1.js +0 -2
- package/dist/assets/DeploymentsView-C0Z2RIx1.js.map +0 -1
- package/dist/assets/JobsView-Dlv1T547.js +0 -2
- package/dist/assets/JobsView-Dlv1T547.js.map +0 -1
- package/dist/assets/LogsTab-CECPXx_O.js +0 -4
- package/dist/assets/LogsTab-CECPXx_O.js.map +0 -1
- package/dist/assets/NotFoundView-D4P7ej9y.js +0 -2
- package/dist/assets/OverviewTab-k0B5wCfH.js +0 -2
- package/dist/assets/OverviewTab-k0B5wCfH.js.map +0 -1
- package/dist/assets/RegistriesView-r-FHyu2l.js +0 -2
- package/dist/assets/RuntimeTab-z5tBtP5a.js +0 -2
- package/dist/assets/RuntimeTab-z5tBtP5a.js.map +0 -1
- package/dist/assets/SettingsView-DF18WFzT.js +0 -2
- package/dist/assets/SettingsView-DF18WFzT.js.map +0 -1
- package/dist/assets/SkeletonList.vue_vue_type_script_setup_true_lang-CrqRcqcf.js +0 -2
- package/dist/assets/SpecDetailView-QKk7yCjK.js +0 -2
- package/dist/assets/SpecsView-BIQkHWcI.js +0 -2
- package/dist/assets/SpecsView-BIQkHWcI.js.map +0 -1
- package/dist/assets/StateBadge.vue_vue_type_script_setup_true_lang-DGyF-Maq.js +0 -2
- package/dist/assets/SubmitView-Cv_QCAe0.js +0 -45
- package/dist/assets/SubmitView-Cv_QCAe0.js.map +0 -1
- package/dist/assets/index-Ca3L5StC.css +0 -1
- package/dist/assets/index-DXW03q8i.js +0 -124
- package/dist/assets/index-DXW03q8i.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{d as
|
|
2
|
-
//# sourceMappingURL=JobDetailView-
|
|
1
|
+
import{d as D,c as r,a as e,F as g,x as J,e as z,o as n,E as F,G as _,u as p,t as u,J as q,M as G,h as A,i as H,m as d,f as c,y as B,g as O,I as W,r as f,D as E,B as R,j as K,C as P}from"./index-Bygbts8t.js";import{a as Q,s as U,t as X}from"./useFormat-CKJxQp_i.js";import{_ as Y}from"./StateBadge.vue_vue_type_script_setup_true_lang-CgDXVhMF.js";import{_ as Z}from"./ErrorNote.vue_vue_type_script_setup_true_lang-BlepSrj0.js";function k(o){var i;return(i=o.message)!=null&&i.startsWith("unverifiable")?"unverifiable":o.ok?"ok":o.phase==="assert_gone"?"leaked":"failed"}function ee(o){return{ok:"✓",unverifiable:"?",leaked:"!",failed:"✗"}[k(o)]}function se(o){return o.message?o.message:o.skipped?"skipped":k(o)==="ok"?"ok":`exit ${o.code}`}function te(o){return o.filter(i=>i.phase==="assert_gone"&&!i.ok).map(i=>i.axis)}function ae(o){return o.filter(i=>k(i)==="unverifiable").length}const oe={class:"steps stagger"},ne={class:"who"},le={class:"dim",style:{"font-size":"var(--t-sm)"}},re=D({__name:"StepList",props:{steps:{}},setup(o){return(i,t)=>(n(),r("div",null,[e("ul",oe,[(n(!0),r(g,null,J(o.steps,(l,v)=>(n(),r("li",{key:`${l.phase}-${l.axis}-${v}`,class:"step",style:F({"--i":v})},[e("span",{class:_(["mark",`s-${p(k)(l)}`]),"aria-hidden":"true"},u(p(ee)(l)),3),e("span",null,[e("span",ne,u(l.axis),1),e("span",le," · "+u(l.phase),1),e("span",{class:_(["badge",p(k)(l)]),style:{"margin-left":"var(--s2)"}},u(p(k)(l)),3),e("div",{class:_(["msg",`s-${p(k)(l)}`])},u(p(se)(l)),3)])],4))),128))]),t[0]||(t[0]=z('<p class="hint"><span class="s-ok">✓ ok</span> · <span class="s-failed">✗ failed</span> · <span class="s-leaked">! leaked — survived teardown</span> · <span class="s-unverifiable">? unverifiable — nothing to check, not a pass</span>. A <code>down</code> step marked ok may still carry a <code>non-fatal:</code> note: teardown is best-effort by design, so aborting halfway would leave more behind than continuing. </p>',1))]))}}),ue={class:"page-head"},ie={class:"sub"},de={key:1,class:"panel leaked-banner"},ce={key:2,class:"panel"},pe={class:"pre"},ve={class:"panel"},me={class:"phead"},fe={class:"row",style:{gap:"8px"}},ke={key:0,class:"mute pulse"},be={class:"row",style:{gap:"6px"}},ge={key:0,class:"mute"},he={key:1,class:"mute"},ye={class:"mute"},_e={key:3,class:"panel"},we={class:"phead"},xe={key:0,class:"mute"},Ie=D({__name:"JobDetailView",props:{jobId:{}},setup(o){const i=o,t=f(null),l=f([]),v=f(""),w=f(!0),h=f(!1),x=f(!0),$=f(null);let m=null;const C=E(()=>{var a;return(a=t.value)!=null&&a.outcome?te(t.value.outcome.steps):[]}),S=E(()=>{var a;return(a=t.value)!=null&&a.outcome?ae(t.value.outcome.steps):0});async function j(){var s;const a=await R.get(`/api/jobs/${encodeURIComponent(i.jobId)}`);return w.value=!1,a.ok?(v.value="",t.value=a.body.job,(s=a.body.job.log)!=null&&s.length&&l.value.length===0&&(l.value=[...a.body.job.log]),a.body.job):(v.value=P(a,"load job"),null)}function y(){m==null||m.close(),m=null,h.value=!1}function I(){y(),m=new EventSource(R.url(`/api/jobs/${encodeURIComponent(i.jobId)}/stream`)),h.value=!0,m.onmessage=a=>{let s;try{s=JSON.parse(a.data)}catch{return}if(s.done){y(),j();return}l.value.push(s),x.value&&queueMicrotask(M)},m.onerror=()=>{y(),j()}}function M(){const a=$.value;a&&(a.scrollTop=a.scrollHeight)}return q(()=>i.jobId,async()=>{l.value=[],t.value=null,w.value=!0;const a=await j();a&&a.state==="running"&&I()},{immediate:!0}),G(y),(a,s)=>{var N,T,V;const L=K("RouterLink");return n(),r("div",null,[e("div",ue,[e("div",null,[e("h1",null,[A(L,{to:"/jobs",class:"mute"},{default:H(()=>[...s[1]||(s[1]=[d("Jobs",-1)])]),_:1}),s[2]||(s[2]=e("span",{class:"mute"}," / ",-1)),d(u(t.value?p(Q)(t.value.action):"…"),1)]),e("div",ie,[t.value?(n(),r(g,{key:0},[e("code",null,u(t.value.stack),1),d(" · started "+u(p(U)(t.value.startedAt))+" ",1),t.value.endedAt?(n(),r(g,{key:0},[d(" · took "+u(p(X)(t.value.startedAt,t.value.endedAt)),1)],64)):c("",!0)],64)):(n(),r(g,{key:1},[d(u(o.jobId),1)],64))])]),t.value?(n(),B(Y,{key:0,state:t.value.state},null,8,["state"])):c("",!0)]),v.value?(n(),B(Z,{key:0,text:v.value},null,8,["text"])):c("",!0),C.value.length?(n(),r("section",de,[s[3]||(s[3]=e("strong",null,"Leaked:",-1)),d(" "+u(C.value.join(", "))+" ",1),s[4]||(s[4]=e("div",{class:"mute"},[d(" These axes' "),e("code",null,"assert_gone"),d(" failed, so the resources are still present. They will not be retried — tear them down by hand, then re-run "),e("code",null,"verify"),d(". ")],-1))])):c("",!0),(N=t.value)!=null&&N.error?(n(),r("section",ce,[s[5]||(s[5]=e("strong",{class:"bad"},"The job crashed",-1)),e("pre",pe,u(t.value.error),1)])):c("",!0),e("section",ve,[e("div",me,[s[7]||(s[7]=e("h2",{class:"phead-title"},"Log",-1)),e("div",fe,[h.value?(n(),r("span",ke,"streaming…")):c("",!0),e("label",be,[O(e("input",{"onUpdate:modelValue":s[0]||(s[0]=b=>x.value=b),type:"checkbox"},null,512),[[W,x.value]]),s[6]||(s[6]=e("span",{class:"mute"},"Follow",-1))]),!h.value&&((T=t.value)==null?void 0:T.state)==="running"?(n(),r("button",{key:1,class:"btn",onClick:I}," Reconnect ")):c("",!0)])]),e("div",{ref_key:"logEl",ref:$,class:"logbox",role:"log","aria-live":"polite"},[w.value?(n(),r("div",ge,"Loading…")):l.value.length?c("",!0):(n(),r("div",he,"No output.")),(n(!0),r(g,null,J(l.value,b=>(n(),r("div",{key:b.seq,class:_(["logline",b.level])},[e("span",ye,u(p(U)(b.at)),1),d(" "+u(b.message),1)],2))),128))],512)]),(V=t.value)!=null&&V.outcome?(n(),r("section",_e,[e("div",we,[s[10]||(s[10]=e("h2",{class:"phead-title"},"Steps",-1)),S.value?(n(),r("span",xe,[d(u(S.value)+" unverifiable — no ",1),s[8]||(s[8]=e("code",null,"assert_gone",-1)),s[9]||(s[9]=d(", so nothing was checked ",-1))])):c("",!0)]),A(re,{steps:t.value.outcome.steps},null,8,["steps"])])):c("",!0)])}}});export{Ie as default};
|
|
2
|
+
//# sourceMappingURL=JobDetailView-ByaH2ylY.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JobDetailView-UehfrAMm.js","sources":["../../src/composables/useSteps.ts","../../src/components/StepList.vue","../../src/views/JobDetailView.vue"],"sourcesContent":["/**\n * Step classification — the single most important logic in this app.\n *\n * A job's outcome has four states that MUST NOT blur into one another. The whole product is the\n * distinction between the middle two:\n *\n * ok passed. A `down` step is ALWAYS ok and may still carry a \"non-fatal:\" note —\n * teardown is best-effort by design, so the step really did pass.\n * unverifiable the axis defines no `assert_gone`, so `verify` had nothing to check. NOT a pass.\n * A green here would be exactly the false confidence this tool exists to remove.\n * leaked `assert_gone` FAILED — the resource survived teardown. Nothing else will clean\n * it up. This is the signal the whole tool exists for, and the CLI's exit code 2.\n * failed any other non-zero step.\n *\n * Order matters: `unverifiable` is matched on the message FIRST, exactly as the CLI's own report\n * does. `skipped` alone is not enough — a dry run also skips.\n */\n\nimport type { StepResult } from '../api/types';\n\nexport type StepState = 'ok' | 'unverifiable' | 'leaked' | 'failed';\n\nexport function stepState(s: StepResult): StepState {\n if (s.message?.startsWith('unverifiable')) return 'unverifiable';\n if (!s.ok) return s.phase === 'assert_gone' ? 'leaked' : 'failed';\n return 'ok';\n}\n\nexport function stepMark(s: StepResult): string {\n return { ok: '✓', unverifiable: '?', leaked: '!', failed: '✗' }[stepState(s)];\n}\n\nexport function stepText(s: StepResult): string {\n if (s.message) return s.message;\n if (s.skipped) return 'skipped';\n return stepState(s) === 'ok' ? 'ok' : `exit ${s.code}`;\n}\n\n/** Only a failed `assert_gone` is a leak. Every other non-zero step is a plain failure. */\nexport function leakedAxes(steps: StepResult[]): string[] {\n return steps.filter((s) => s.phase === 'assert_gone' && !s.ok).map((s) => s.axis);\n}\n\nexport function countUnverifiable(steps: StepResult[]): number {\n return steps.filter((s) => stepState(s) === 'unverifiable').length;\n}\n","<script setup lang=\"ts\">\n/**\n * A job's step results.\n *\n * The legend is part of the component because the four states only mean anything together:\n * `unverifiable` is not a pass, and `leaked` is not the same problem as `failed`.\n */\nimport type { StepResult } from '../api/types';\nimport { stepMark, stepState, stepText } from '../composables/useSteps';\n\ndefineProps<{ steps: StepResult[] }>();\n</script>\n\n<template>\n <div>\n <ul class=\"steps stagger\">\n <li\n v-for=\"(s, i) in steps\"\n :key=\"`${s.phase}-${s.axis}-${i}`\"\n class=\"step\"\n :style=\"{ '--i': i }\"\n >\n <span class=\"mark\" :class=\"`s-${stepState(s)}`\" aria-hidden=\"true\">{{ stepMark(s) }}</span>\n <span>\n <span class=\"who\">{{ s.axis }}</span>\n <span class=\"dim\" style=\"font-size: var(--t-sm)\"> · {{ s.phase }}</span>\n <span class=\"badge\" :class=\"stepState(s)\" style=\"margin-left: var(--s2)\">\n {{ stepState(s) }}\n </span>\n <div class=\"msg\" :class=\"`s-${stepState(s)}`\">{{ stepText(s) }}</div>\n </span>\n </li>\n </ul>\n\n <p class=\"hint\">\n <span class=\"s-ok\">✓ ok</span> ·\n <span class=\"s-failed\">✗ failed</span> ·\n <span class=\"s-leaked\">! leaked — survived teardown</span> ·\n <span class=\"s-unverifiable\">? unverifiable — nothing to check, not a pass</span>.\n A <code>down</code> step marked ok may still carry a <code>non-fatal:</code> note: teardown is\n best-effort by design, so aborting halfway would leave more behind than continuing.\n </p>\n </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * One job: its live log while it runs, then the step table that says what actually happened.\n *\n * The log streams over `EventSource`. The server replays the whole buffered history first and then\n * sends live events, so attaching late still shows the beginning — no polling, no gap to reconcile.\n * A final `{done:true,state}` ends the stream; we close the source then and fetch the job once more\n * to pick up `outcome`, which only exists after the job finishes.\n */\nimport { computed, onBeforeUnmount, ref, watch } from 'vue';\nimport { api, problem } from '../api/client';\nimport type { Job, LogEvent } from '../api/types';\nimport { leakedAxes, countUnverifiable } from '../composables/useSteps';\nimport { actionLabel, stamp, took } from '../composables/useFormat';\nimport StepList from '../components/StepList.vue';\nimport StateBadge from '../components/StateBadge.vue';\nimport ErrorNote from '../components/ErrorNote.vue';\n\nconst props = defineProps<{ jobId: string }>();\n\nconst job = ref<Job | null>(null);\nconst lines = ref<LogEvent[]>([]);\nconst error = ref('');\nconst loading = ref(true);\nconst streaming = ref(false);\nconst follow = ref(true);\nconst logEl = ref<HTMLElement | null>(null);\n\nlet source: EventSource | null = null;\n\nconst leaks = computed(() => (job.value?.outcome ? leakedAxes(job.value.outcome.steps) : []));\nconst unverifiable = computed(() =>\n job.value?.outcome ? countUnverifiable(job.value.outcome.steps) : 0,\n);\n\n/** Returns the job it loaded, so callers need not re-read the ref — see the note at the watcher. */\nasync function load(): Promise<Job | null> {\n const r = await api.get<{ job: Job }>(`/api/jobs/${encodeURIComponent(props.jobId)}`);\n loading.value = false;\n if (!r.ok) {\n error.value = problem(r, 'load job');\n return null;\n }\n error.value = '';\n job.value = r.body.job;\n // The job carries its buffered log too. Seed from it so a finished job renders instantly without\n // opening a stream that would only replay and close.\n if (r.body.job.log?.length && lines.value.length === 0) lines.value = [...r.body.job.log];\n return r.body.job;\n}\n\nfunction closeStream(): void {\n source?.close();\n source = null;\n streaming.value = false;\n}\n\nfunction stream(): void {\n closeStream();\n // No auth header: EventSource cannot send one. Reads are unauthenticated by design, which is\n // exactly why the log is a GET.\n source = new EventSource(api.url(`/api/jobs/${encodeURIComponent(props.jobId)}/stream`));\n streaming.value = true;\n\n source.onmessage = (ev) => {\n let payload: unknown;\n try {\n payload = JSON.parse(ev.data as string);\n } catch {\n return; // a frame we cannot parse is not worth tearing the stream down for\n }\n const done = payload as { done?: boolean };\n if (done.done) {\n closeStream();\n void load(); // `outcome` only exists once the job has ended\n return;\n }\n lines.value.push(payload as LogEvent);\n if (follow.value) queueMicrotask(scrollToEnd);\n };\n\n // An error here is usually the job having ended between the fetch and the connect, or the API\n // becoming unreachable. Either way stop rather than let the browser reconnect forever.\n source.onerror = () => {\n closeStream();\n void load();\n };\n}\n\nfunction scrollToEnd(): void {\n const el = logEl.value;\n if (el) el.scrollTop = el.scrollHeight;\n}\n\nwatch(\n () => props.jobId,\n async () => {\n lines.value = [];\n job.value = null;\n loading.value = true;\n // Use what `load` returned rather than re-reading the ref: control-flow analysis still has\n // `job.value` narrowed to the `null` assigned above, because it cannot see that an awaited\n // call reassigned it.\n const loaded = await load();\n if (loaded && loaded.state === 'running') stream();\n },\n { immediate: true },\n);\n\nonBeforeUnmount(closeStream);\n</script>\n\n<template>\n <div>\n <div class=\"page-head\">\n <div>\n <h1>\n <RouterLink to=\"/jobs\" class=\"mute\">Jobs</RouterLink>\n <span class=\"mute\"> / </span>{{ job ? actionLabel(job.action) : '…' }}\n </h1>\n <div class=\"sub\">\n <template v-if=\"job\">\n <code>{{ job.stack }}</code> · started {{ stamp(job.startedAt) }}\n <template v-if=\"job.endedAt\"> · took {{ took(job.startedAt, job.endedAt) }}</template>\n </template>\n <template v-else>{{ jobId }}</template>\n </div>\n </div>\n <StateBadge v-if=\"job\" :state=\"job.state\" />\n </div>\n\n <ErrorNote v-if=\"error\" :text=\"error\" />\n\n <!--\n Leaked is called out above everything else. It means a resource survived teardown and nothing\n else is going to clean it up — the one outcome that needs a human.\n -->\n <section v-if=\"leaks.length\" class=\"panel leaked-banner\">\n <strong>Leaked:</strong> {{ leaks.join(', ') }}\n <div class=\"mute\">\n These axes' <code>assert_gone</code> failed, so the resources are still present. They will\n not be retried — tear them down by hand, then re-run <code>verify</code>.\n </div>\n </section>\n\n <section v-if=\"job?.error\" class=\"panel\">\n <strong class=\"bad\">The job crashed</strong>\n <pre class=\"pre\">{{ job.error }}</pre>\n </section>\n\n <section class=\"panel\">\n <div class=\"phead\">\n <h2 class=\"phead-title\">Log</h2>\n <div class=\"row\" style=\"gap: 8px\">\n <span v-if=\"streaming\" class=\"mute pulse\">streaming…</span>\n <label class=\"row\" style=\"gap: 6px\">\n <input v-model=\"follow\" type=\"checkbox\" />\n <span class=\"mute\">Follow</span>\n </label>\n <button\n v-if=\"!streaming && job?.state === 'running'\"\n class=\"btn\"\n @click=\"stream\"\n >\n Reconnect\n </button>\n </div>\n </div>\n\n <div ref=\"logEl\" class=\"logbox\" role=\"log\" aria-live=\"polite\">\n <div v-if=\"loading\" class=\"mute\">Loading…</div>\n <div v-else-if=\"!lines.length\" class=\"mute\">No output.</div>\n <div v-for=\"l in lines\" :key=\"l.seq\" class=\"logline\" :class=\"l.level\">\n <span class=\"mute\">{{ stamp(l.at) }}</span> {{ l.message }}\n </div>\n </div>\n </section>\n\n <section v-if=\"job?.outcome\" class=\"panel\">\n <div class=\"phead\">\n <h2 class=\"phead-title\">Steps</h2>\n <span v-if=\"unverifiable\" class=\"mute\">\n {{ unverifiable }} unverifiable — no <code>assert_gone</code>, so nothing was checked\n </span>\n </div>\n <StepList :steps=\"job.outcome.steps\" />\n </section>\n </div>\n</template>\n"],"names":["stepState","s","_a","stepMark","stepText","leakedAxes","steps","countUnverifiable","_createElementBlock","_createElementVNode","_hoisted_1","_openBlock","_Fragment","_renderList","__props","i","_normalizeClass","_unref","_toDisplayString","_hoisted_2","_hoisted_3","props","job","ref","lines","error","loading","streaming","follow","logEl","source","leaks","computed","unverifiable","load","r","api","problem","closeStream","stream","ev","payload","scrollToEnd","el","watch","loaded","onBeforeUnmount","_createVNode","_component_RouterLink","_cache","_createTextVNode","actionLabel","stamp","_createBlock","StateBadge","ErrorNote","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","$event","_b","_hoisted_11","_hoisted_12","l","_hoisted_13","_c","_hoisted_14","_hoisted_15","_hoisted_16","StepList"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"JobDetailView-ByaH2ylY.js","sources":["../../src/composables/useSteps.ts","../../src/components/StepList.vue","../../src/views/JobDetailView.vue"],"sourcesContent":["/**\n * Step classification — the single most important logic in this app.\n *\n * A job's outcome has four states that MUST NOT blur into one another. The whole product is the\n * distinction between the middle two:\n *\n * ok passed. A `down` step is ALWAYS ok and may still carry a \"non-fatal:\" note —\n * teardown is best-effort by design, so the step really did pass.\n * unverifiable the axis defines no `assert_gone`, so `verify` had nothing to check. NOT a pass.\n * A green here would be exactly the false confidence this tool exists to remove.\n * leaked `assert_gone` FAILED — the resource survived teardown. Nothing else will clean\n * it up. This is the signal the whole tool exists for, and the CLI's exit code 2.\n * failed any other non-zero step.\n *\n * Order matters: `unverifiable` is matched on the message FIRST, exactly as the CLI's own report\n * does. `skipped` alone is not enough — a dry run also skips.\n */\n\nimport type { StepResult } from '../api/types';\n\nexport type StepState = 'ok' | 'unverifiable' | 'leaked' | 'failed';\n\nexport function stepState(s: StepResult): StepState {\n if (s.message?.startsWith('unverifiable')) return 'unverifiable';\n if (!s.ok) return s.phase === 'assert_gone' ? 'leaked' : 'failed';\n return 'ok';\n}\n\nexport function stepMark(s: StepResult): string {\n return { ok: '✓', unverifiable: '?', leaked: '!', failed: '✗' }[stepState(s)];\n}\n\nexport function stepText(s: StepResult): string {\n if (s.message) return s.message;\n if (s.skipped) return 'skipped';\n return stepState(s) === 'ok' ? 'ok' : `exit ${s.code}`;\n}\n\n/** Only a failed `assert_gone` is a leak. Every other non-zero step is a plain failure. */\nexport function leakedAxes(steps: StepResult[]): string[] {\n return steps.filter((s) => s.phase === 'assert_gone' && !s.ok).map((s) => s.axis);\n}\n\nexport function countUnverifiable(steps: StepResult[]): number {\n return steps.filter((s) => stepState(s) === 'unverifiable').length;\n}\n","<script setup lang=\"ts\">\n/**\n * A job's step results.\n *\n * The legend is part of the component because the four states only mean anything together:\n * `unverifiable` is not a pass, and `leaked` is not the same problem as `failed`.\n */\nimport type { StepResult } from '../api/types';\nimport { stepMark, stepState, stepText } from '../composables/useSteps';\n\ndefineProps<{ steps: StepResult[] }>();\n</script>\n\n<template>\n <div>\n <ul class=\"steps stagger\">\n <li\n v-for=\"(s, i) in steps\"\n :key=\"`${s.phase}-${s.axis}-${i}`\"\n class=\"step\"\n :style=\"{ '--i': i }\"\n >\n <span class=\"mark\" :class=\"`s-${stepState(s)}`\" aria-hidden=\"true\">{{ stepMark(s) }}</span>\n <span>\n <span class=\"who\">{{ s.axis }}</span>\n <span class=\"dim\" style=\"font-size: var(--t-sm)\"> · {{ s.phase }}</span>\n <span class=\"badge\" :class=\"stepState(s)\" style=\"margin-left: var(--s2)\">\n {{ stepState(s) }}\n </span>\n <div class=\"msg\" :class=\"`s-${stepState(s)}`\">{{ stepText(s) }}</div>\n </span>\n </li>\n </ul>\n\n <p class=\"hint\">\n <span class=\"s-ok\">✓ ok</span> ·\n <span class=\"s-failed\">✗ failed</span> ·\n <span class=\"s-leaked\">! leaked — survived teardown</span> ·\n <span class=\"s-unverifiable\">? unverifiable — nothing to check, not a pass</span>.\n A <code>down</code> step marked ok may still carry a <code>non-fatal:</code> note: teardown is\n best-effort by design, so aborting halfway would leave more behind than continuing.\n </p>\n </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * One job: its live log while it runs, then the step table that says what actually happened.\n *\n * The log streams over `EventSource`. The server replays the whole buffered history first and then\n * sends live events, so attaching late still shows the beginning — no polling, no gap to reconcile.\n * A final `{done:true,state}` ends the stream; we close the source then and fetch the job once more\n * to pick up `outcome`, which only exists after the job finishes.\n */\nimport { computed, onBeforeUnmount, ref, watch } from 'vue';\nimport { api, problem } from '../api/client';\nimport type { Job, LogEvent } from '../api/types';\nimport { leakedAxes, countUnverifiable } from '../composables/useSteps';\nimport { actionLabel, stamp, took } from '../composables/useFormat';\nimport StepList from '../components/StepList.vue';\nimport StateBadge from '../components/StateBadge.vue';\nimport ErrorNote from '../components/ErrorNote.vue';\n\nconst props = defineProps<{ jobId: string }>();\n\nconst job = ref<Job | null>(null);\nconst lines = ref<LogEvent[]>([]);\nconst error = ref('');\nconst loading = ref(true);\nconst streaming = ref(false);\nconst follow = ref(true);\nconst logEl = ref<HTMLElement | null>(null);\n\nlet source: EventSource | null = null;\n\nconst leaks = computed(() => (job.value?.outcome ? leakedAxes(job.value.outcome.steps) : []));\nconst unverifiable = computed(() =>\n job.value?.outcome ? countUnverifiable(job.value.outcome.steps) : 0,\n);\n\n/** Returns the job it loaded, so callers need not re-read the ref — see the note at the watcher. */\nasync function load(): Promise<Job | null> {\n const r = await api.get<{ job: Job }>(`/api/jobs/${encodeURIComponent(props.jobId)}`);\n loading.value = false;\n if (!r.ok) {\n error.value = problem(r, 'load job');\n return null;\n }\n error.value = '';\n job.value = r.body.job;\n // The job carries its buffered log too. Seed from it so a finished job renders instantly without\n // opening a stream that would only replay and close.\n if (r.body.job.log?.length && lines.value.length === 0) lines.value = [...r.body.job.log];\n return r.body.job;\n}\n\nfunction closeStream(): void {\n source?.close();\n source = null;\n streaming.value = false;\n}\n\nfunction stream(): void {\n closeStream();\n // No auth header: EventSource cannot send one. Reads are unauthenticated by design, which is\n // exactly why the log is a GET.\n source = new EventSource(api.url(`/api/jobs/${encodeURIComponent(props.jobId)}/stream`));\n streaming.value = true;\n\n source.onmessage = (ev) => {\n let payload: unknown;\n try {\n payload = JSON.parse(ev.data as string);\n } catch {\n return; // a frame we cannot parse is not worth tearing the stream down for\n }\n const done = payload as { done?: boolean };\n if (done.done) {\n closeStream();\n void load(); // `outcome` only exists once the job has ended\n return;\n }\n lines.value.push(payload as LogEvent);\n if (follow.value) queueMicrotask(scrollToEnd);\n };\n\n // An error here is usually the job having ended between the fetch and the connect, or the API\n // becoming unreachable. Either way stop rather than let the browser reconnect forever.\n source.onerror = () => {\n closeStream();\n void load();\n };\n}\n\nfunction scrollToEnd(): void {\n const el = logEl.value;\n if (el) el.scrollTop = el.scrollHeight;\n}\n\nwatch(\n () => props.jobId,\n async () => {\n lines.value = [];\n job.value = null;\n loading.value = true;\n // Use what `load` returned rather than re-reading the ref: control-flow analysis still has\n // `job.value` narrowed to the `null` assigned above, because it cannot see that an awaited\n // call reassigned it.\n const loaded = await load();\n if (loaded && loaded.state === 'running') stream();\n },\n { immediate: true },\n);\n\nonBeforeUnmount(closeStream);\n</script>\n\n<template>\n <div>\n <div class=\"page-head\">\n <div>\n <h1>\n <RouterLink to=\"/jobs\" class=\"mute\">Jobs</RouterLink>\n <span class=\"mute\"> / </span>{{ job ? actionLabel(job.action) : '…' }}\n </h1>\n <div class=\"sub\">\n <template v-if=\"job\">\n <code>{{ job.stack }}</code> · started {{ stamp(job.startedAt) }}\n <template v-if=\"job.endedAt\"> · took {{ took(job.startedAt, job.endedAt) }}</template>\n </template>\n <template v-else>{{ jobId }}</template>\n </div>\n </div>\n <StateBadge v-if=\"job\" :state=\"job.state\" />\n </div>\n\n <ErrorNote v-if=\"error\" :text=\"error\" />\n\n <!--\n Leaked is called out above everything else. It means a resource survived teardown and nothing\n else is going to clean it up — the one outcome that needs a human.\n -->\n <section v-if=\"leaks.length\" class=\"panel leaked-banner\">\n <strong>Leaked:</strong> {{ leaks.join(', ') }}\n <div class=\"mute\">\n These axes' <code>assert_gone</code> failed, so the resources are still present. They will\n not be retried — tear them down by hand, then re-run <code>verify</code>.\n </div>\n </section>\n\n <section v-if=\"job?.error\" class=\"panel\">\n <strong class=\"bad\">The job crashed</strong>\n <pre class=\"pre\">{{ job.error }}</pre>\n </section>\n\n <section class=\"panel\">\n <div class=\"phead\">\n <h2 class=\"phead-title\">Log</h2>\n <div class=\"row\" style=\"gap: 8px\">\n <span v-if=\"streaming\" class=\"mute pulse\">streaming…</span>\n <label class=\"row\" style=\"gap: 6px\">\n <input v-model=\"follow\" type=\"checkbox\" />\n <span class=\"mute\">Follow</span>\n </label>\n <button\n v-if=\"!streaming && job?.state === 'running'\"\n class=\"btn\"\n @click=\"stream\"\n >\n Reconnect\n </button>\n </div>\n </div>\n\n <div ref=\"logEl\" class=\"logbox\" role=\"log\" aria-live=\"polite\">\n <div v-if=\"loading\" class=\"mute\">Loading…</div>\n <div v-else-if=\"!lines.length\" class=\"mute\">No output.</div>\n <div v-for=\"l in lines\" :key=\"l.seq\" class=\"logline\" :class=\"l.level\">\n <span class=\"mute\">{{ stamp(l.at) }}</span> {{ l.message }}\n </div>\n </div>\n </section>\n\n <section v-if=\"job?.outcome\" class=\"panel\">\n <div class=\"phead\">\n <h2 class=\"phead-title\">Steps</h2>\n <span v-if=\"unverifiable\" class=\"mute\">\n {{ unverifiable }} unverifiable — no <code>assert_gone</code>, so nothing was checked\n </span>\n </div>\n <StepList :steps=\"job.outcome.steps\" />\n </section>\n </div>\n</template>\n"],"names":["stepState","s","_a","stepMark","stepText","leakedAxes","steps","countUnverifiable","_createElementBlock","_createElementVNode","_hoisted_1","_openBlock","_Fragment","_renderList","__props","i","_normalizeClass","_unref","_toDisplayString","_hoisted_2","_hoisted_3","props","job","ref","lines","error","loading","streaming","follow","logEl","source","leaks","computed","unverifiable","load","r","api","problem","closeStream","stream","ev","payload","scrollToEnd","el","watch","loaded","onBeforeUnmount","_createVNode","_component_RouterLink","_cache","_createTextVNode","actionLabel","stamp","_createBlock","StateBadge","ErrorNote","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","$event","_b","_hoisted_11","_hoisted_12","l","_hoisted_13","_c","_hoisted_14","_hoisted_15","_hoisted_16","StepList"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{d as y,c as a,a as t,g as f,v as g,H as w,e as x,u as l,z as n,t as r,y as C,F as p,x as V,m,f as L,r as v,D as N,o,E as S,h as c,i as k,j as $}from"./index-Bygbts8t.js";import{a as z,t as A}from"./useFormat-CKJxQp_i.js";import{_ as B}from"./StateBadge.vue_vue_type_script_setup_true_lang-CgDXVhMF.js";import{_ as E}from"./SkeletonList.vue_vue_type_script_setup_true_lang-SxitAmDb.js";import{_ as R}from"./RelativeTime.vue_vue_type_script_setup_true_lang-lQaz4t05.js";const U={class:"panel"},q={class:"phead"},D={class:"field",style:{flex:"1","min-width":"180px"}},M={class:"field"},T={key:0,class:"s-failed"},j={key:2,class:"cards"},F={class:"stagger"},H={"data-label":"state"},I={"data-label":"action"},J={class:"name","data-label":"stack"},G={class:"dim nowrap","data-label":"started"},K={class:"dim nowrap","data-label":"took"},O={class:"dim","data-label":"steps"},P={key:0},Q={colspan:"6",class:"mute"},st=y({__name:"JobsView",setup(W){const u=v(""),i=v("all"),h=N(()=>{const d=u.value.trim().toLowerCase();return n.jobs.filter(e=>i.value!=="all"&&e.state!==i.value?!1:d?e.stack.toLowerCase().includes(d)||e.action.includes(d):!0)});return(d,e)=>{const _=$("RouterLink");return o(),a("div",null,[e[7]||(e[7]=t("div",{class:"page-head"},[t("div",null,[t("h1",null,"Jobs"),t("div",{class:"sub"},"Most recent first, capped at the last 50.")])],-1)),t("section",U,[t("div",q,[t("div",D,[e[2]||(e[2]=t("label",{for:"jq",class:"mute",style:{"font-size":"var(--t-xs)"}},"Search — press /",-1)),f(t("input",{id:"jq","onUpdate:modelValue":e[0]||(e[0]=s=>u.value=s),"data-search":"",type:"search",placeholder:"stack or action",spellcheck:"false"},null,512),[[g,u.value]])]),t("div",M,[e[4]||(e[4]=t("label",{for:"js",class:"mute",style:{"font-size":"var(--t-xs)"}},"State",-1)),f(t("select",{id:"js","onUpdate:modelValue":e[1]||(e[1]=s=>i.value=s)},[...e[3]||(e[3]=[x('<option value="all">all</option><option value="running">running</option><option value="ok">ok</option><option value="leaked">leaked</option><option value="failed">failed</option>',5)])],512),[[w,i.value]])])]),e[6]||(e[6]=t("p",{class:"hint",style:{margin:"0 0 var(--s3)"}}," Held in memory. A server restart clears the history — a job record is the transcript of an attempt, not the truth about what exists. That truth lives in docker and in each axis's own probe. ",-1)),l(n).jobsError?(o(),a("p",T,r(l(n).jobsError),1)):l(n).jobsLoaded?(o(),a("table",j,[e[5]||(e[5]=t("thead",null,[t("tr",null,[t("th",null,"state"),t("th",null,"action"),t("th",null,"stack"),t("th",null,"started"),t("th",null,"took"),t("th",null,"steps")])],-1)),t("tbody",F,[(o(!0),a(p,null,V(h.value,(s,b)=>(o(),a("tr",{key:s.id,style:S({"--i":b})},[t("td",H,[c(_,{to:`/jobs/${encodeURIComponent(s.id)}`},{default:k(()=>[c(B,{state:s.state},null,8,["state"])]),_:2},1032,["to"])]),t("td",I,r(l(z)(s.action)),1),t("td",J,[c(_,{to:`/jobs/${encodeURIComponent(s.id)}`},{default:k(()=>[m(r(s.stack),1)]),_:2},1032,["to"])]),t("td",G,[c(R,{at:s.startedAt},null,8,["at"])]),t("td",K,r(l(A)(s.startedAt,s.endedAt)),1),t("td",O,r(s.outcome?s.outcome.steps.length:"—"),1)],4))),128)),h.value.length?L("",!0):(o(),a("tr",P,[t("td",Q,[l(n).jobs.length?(o(),a(p,{key:0},[m("Nothing matches this filter.")],64)):(o(),a(p,{key:1},[m("No jobs recorded.")],64))])]))])])):(o(),C(E,{key:1,rows:5}))])])}}});export{st as default};
|
|
2
|
+
//# sourceMappingURL=JobsView-h_BUWgIG.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"JobsView-h_BUWgIG.js","sources":["../../src/views/JobsView.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/** Job history. Polled by the shell already, so this view only filters what is in memory. */\nimport { computed, ref } from 'vue';\nimport { state } from '../composables/useControlPlane';\nimport { actionLabel, took } from '../composables/useFormat';\nimport StateBadge from '../components/StateBadge.vue';\nimport SkeletonList from '../components/SkeletonList.vue';\nimport RelativeTime from '../components/RelativeTime.vue';\nimport type { JobState } from '../api/types';\n\nconst q = ref('');\nconst only = ref<'all' | JobState>('all');\n\nconst rows = computed(() => {\n const needle = q.value.trim().toLowerCase();\n return state.jobs.filter((j) => {\n if (only.value !== 'all' && j.state !== only.value) return false;\n if (!needle) return true;\n return j.stack.toLowerCase().includes(needle) || j.action.includes(needle);\n });\n});\n</script>\n\n<template>\n <div>\n <div class=\"page-head\">\n <div>\n <h1>Jobs</h1>\n <div class=\"sub\">Most recent first, capped at the last 50.</div>\n </div>\n </div>\n\n <section class=\"panel\">\n <div class=\"phead\">\n <div class=\"field\" style=\"flex: 1; min-width: 180px\">\n <label for=\"jq\" class=\"mute\" style=\"font-size: var(--t-xs)\">Search — press /</label>\n <input id=\"jq\" v-model=\"q\" data-search type=\"search\" placeholder=\"stack or action\" spellcheck=\"false\" />\n </div>\n <div class=\"field\">\n <label for=\"js\" class=\"mute\" style=\"font-size: var(--t-xs)\">State</label>\n <select id=\"js\" v-model=\"only\">\n <option value=\"all\">all</option>\n <option value=\"running\">running</option>\n <option value=\"ok\">ok</option>\n <option value=\"leaked\">leaked</option>\n <option value=\"failed\">failed</option>\n </select>\n </div>\n </div>\n\n <p class=\"hint\" style=\"margin: 0 0 var(--s3)\">\n Held in memory. A server restart clears the history — a job record is the transcript of an\n attempt, not the truth about what exists. That truth lives in docker and in each axis's own\n probe.\n </p>\n\n <p v-if=\"state.jobsError\" class=\"s-failed\">{{ state.jobsError }}</p>\n <SkeletonList v-else-if=\"!state.jobsLoaded\" :rows=\"5\" />\n\n <table v-else class=\"cards\">\n <thead>\n <tr>\n <th>state</th>\n <th>action</th>\n <th>stack</th>\n <th>started</th>\n <th>took</th>\n <th>steps</th>\n </tr>\n </thead>\n <tbody class=\"stagger\">\n <tr v-for=\"(j, i) in rows\" :key=\"j.id\" :style=\"{ '--i': i }\">\n <td data-label=\"state\">\n <RouterLink :to=\"`/jobs/${encodeURIComponent(j.id)}`\">\n <StateBadge :state=\"j.state\" />\n </RouterLink>\n </td>\n <td data-label=\"action\">{{ actionLabel(j.action) }}</td>\n <td class=\"name\" data-label=\"stack\">\n <RouterLink :to=\"`/jobs/${encodeURIComponent(j.id)}`\">{{ j.stack }}</RouterLink>\n </td>\n <td class=\"dim nowrap\" data-label=\"started\"><RelativeTime :at=\"j.startedAt\" /></td>\n <td class=\"dim nowrap\" data-label=\"took\">{{ took(j.startedAt, j.endedAt) }}</td>\n <td class=\"dim\" data-label=\"steps\">{{ j.outcome ? j.outcome.steps.length : '—' }}</td>\n </tr>\n <tr v-if=\"!rows.length\">\n <td colspan=\"6\" class=\"mute\">\n <template v-if=\"state.jobs.length\">Nothing matches this filter.</template>\n <template v-else>No jobs recorded.</template>\n </td>\n </tr>\n </tbody>\n </table>\n </section>\n </div>\n</template>\n"],"names":["q","ref","only","rows","computed","needle","state","j","_createElementBlock","_createElementVNode","_hoisted_1","_hoisted_2","_hoisted_3","$event","_hoisted_4","_unref","_openBlock","_hoisted_5","_toDisplayString","_hoisted_6","_hoisted_7","_Fragment","_renderList","i","_hoisted_8","_createVNode","_component_RouterLink","StateBadge","_hoisted_9","_hoisted_10","_createTextVNode","_hoisted_11","RelativeTime","_hoisted_12","took","_hoisted_13","_hoisted_14","_hoisted_15","_createBlock","SkeletonList"],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import{d as b,c,a as t,u as S,b as q,F as x,e as A,f as g,w as C,g as y,v as _,t as k,h as p,i as v,r as i,j as N,k as V,l as T,o as m,m as r,_ as P,n as R,p as U}from"./index-Bygbts8t.js";import{_ as D}from"./ActionButton.vue_vue_type_script_setup_true_lang-DxV7T6dV.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";const K={class:"login-wrap"},L={class:"login-card panel"},M={class:"field",style:{"margin-top":"var(--s4)"}},O={class:"field"},E={key:0,class:"banner failed",style:{"margin-top":"var(--s3)"}},I={class:"row",style:{"margin-top":"var(--s4)"}},W=b({__name:"LoginView",setup($){const h=V(),l=T(),o=i(""),a=i(""),s=i(!1),n=i("");async function f(){s.value=!0,n.value="";const d=await R(o.value.trim(),a.value);if(s.value=!1,d){n.value=d,a.value="";return}await U();const e=typeof l.query.next=="string"&&l.query.next.startsWith("/")?l.query.next:"/";h.replace(e)}return(d,e)=>{const w=N("RouterLink");return m(),c("div",K,[t("div",L,[e[8]||(e[8]=t("h1",{style:{"font-size":"var(--t-xl)","margin-bottom":"var(--s2)"}},"Sign in",-1)),S(q).hasUsers===!1?(m(),c(x,{key:0},[e[2]||(e[2]=A(`<p class="dim" data-v-7d4c7c8c> No accounts exist on this server yet — create the first one, then sign in. </p><div class="banner plain" style="margin-top:var(--s3);" data-v-7d4c7c8c><b data-v-7d4c7c8c>Create the first account</b><p data-v-7d4c7c8c> With the machine token from <code data-v-7d4c7c8c>pstack init</code>: </p><pre class="code" style="max-height:none;" data-v-7d4c7c8c>curl -X POST https://api.<domain>/api/auth/bootstrap \\
|
|
2
|
+
-H "Authorization: Bearer $PSTACK_TOKEN" \\
|
|
3
|
+
-H 'content-type: application/json' \\
|
|
4
|
+
-d '{"username":"you","password":"…"}'</pre><p class="mute" data-v-7d4c7c8c> Or set <code data-v-7d4c7c8c>PSTACK_ADMIN_USER</code> / <code data-v-7d4c7c8c>PSTACK_ADMIN_PASSWORD</code> before <code data-v-7d4c7c8c>pstack init</code> — honoured only while no account exists. </p></div>`,2))],64)):g("",!0),t("form",{onSubmit:C(f,["prevent"])},[t("div",M,[e[3]||(e[3]=t("label",{for:"u"},"Username",-1)),y(t("input",{id:"u","onUpdate:modelValue":e[0]||(e[0]=u=>o.value=u),type:"text",autocomplete:"username",spellcheck:"false"},null,512),[[_,o.value]])]),t("div",O,[e[4]||(e[4]=t("label",{for:"p"},"Password",-1)),y(t("input",{id:"p","onUpdate:modelValue":e[1]||(e[1]=u=>a.value=u),type:"password",autocomplete:"current-password"},null,512),[[_,a.value]])]),n.value?(m(),c("div",E,[t("p",null,k(n.value),1)])):g("",!0),t("div",I,[p(D,{variant:"primary",pending:s.value,disabled:s.value||!o.value.trim()||!a.value,onClick:f},{default:v(()=>[r(k(s.value?"Signing in…":"Sign in"),1)]),_:1},8,["pending","disabled"]),e[7]||(e[7]=t("span",{class:"grow"},null,-1)),p(w,{to:"/settings",class:"mute"},{default:v(()=>[e[6]||(e[6]=r(" Use a token instead ",-1)),p(P,{label:"token access",align:"end"},{default:v(()=>[...e[5]||(e[5]=[r(" A bearer token in Settings — the machine token from ",-1),t("code",null,"pstack init",-1),r(", or a personal token from your account — authenticates every request without a session. ",-1)])]),_:1})]),_:1})])],32)])])}}}),H=B(W,[["__scopeId","data-v-7d4c7c8c"]]);export{H as default};
|
|
5
|
+
//# sourceMappingURL=LoginView-BstzTLQc.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoginView-BstzTLQc.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 { ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { authState, checkAuth, login } from '../composables/useAuth';\nimport ActionButton from '../components/ActionButton.vue';\nimport InfoHint from '../components/InfoHint.vue';\n\nconst router = useRouter();\nconst route = useRoute();\n\nconst username = ref('');\nconst password = ref('');\nconst pending = ref(false);\nconst error = ref('');\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.\n const dest = typeof route.query.next === 'string' && route.query.next.startsWith('/')\n ? route.query.next\n : '/';\n void router.replace(dest);\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 <p class=\"dim\">\n No accounts exist on this server yet — create the first one, then sign in.\n </p>\n <div class=\"banner plain\" style=\"margin-top: var(--s3)\">\n <b>Create the first account</b>\n <p>\n With the machine token from <code>pstack init</code>:\n </p>\n <pre class=\"code\" style=\"max-height: none\">curl -X POST https://api.<domain>/api/auth/bootstrap \\\n -H \"Authorization: Bearer $PSTACK_TOKEN\" \\\n -H 'content-type: application/json' \\\n -d '{\"username\":\"you\",\"password\":\"…\"}'</pre>\n <p class=\"mute\">\n Or set <code>PSTACK_ADMIN_USER</code> / <code>PSTACK_ADMIN_PASSWORD</code> before\n <code>pstack init</code> — honoured only while no account exists.\n </p>\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\" 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\">\n Use a token instead\n <InfoHint label=\"token access\" align=\"end\">\n A bearer token in Settings — the machine token from <code>pstack init</code>, or a\n personal token from your account — authenticates every request without a session.\n </InfoHint>\n </RouterLink>\n </div>\n </form>\n </div>\n </div>\n</template>\n\n<style scoped>\n.login-wrap {\n min-height: 70vh;\n display: grid;\n place-items: center;\n}\n.login-card {\n width: min(420px, 92vw);\n}\n</style>\n"],"names":["router","useRouter","route","useRoute","username","ref","password","pending","error","submit","failure","login","checkAuth","dest","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_cache","_unref","authState","_Fragment","_hoisted_3","$event","_hoisted_4","_hoisted_5","_hoisted_6","_createVNode","ActionButton","_component_RouterLink","InfoHint"],"mappings":"8lBAkBA,MAAMA,EAASC,EAAA,EACTC,EAAQC,EAAA,EAERC,EAAWC,EAAI,EAAE,EACjBC,EAAWD,EAAI,EAAE,EACjBE,EAAUF,EAAI,EAAK,EACnBG,EAAQH,EAAI,EAAE,EAEpB,eAAeI,GAAwB,CACrCF,EAAQ,MAAQ,GAChBC,EAAM,MAAQ,GACd,MAAME,EAAU,MAAMC,EAAMP,EAAS,MAAM,KAAA,EAAQE,EAAS,KAAK,EAEjE,GADAC,EAAQ,MAAQ,GACZG,EAAS,CACXF,EAAM,MAAQE,EACdJ,EAAS,MAAQ,GACjB,MACF,CACA,MAAMM,EAAA,EAEN,MAAMC,EAAO,OAAOX,EAAM,MAAM,MAAS,UAAYA,EAAM,MAAM,KAAK,WAAW,GAAG,EAChFA,EAAM,MAAM,KACZ,IACCF,EAAO,QAAQa,CAAI,CAC1B,uCAIE,OAAAC,EAAA,EAAAC,EA0DM,MA1DNC,EA0DM,CAzDJC,EAwDM,MAxDNC,EAwDM,CAvDJC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAF,EAAyE,KAAA,CAArE,MAAA,CAAA,YAAA,cAAA,gBAAA,YAAA,EAAyD,UAAO,EAAA,GAEpDG,EAAAC,CAAA,EAAU,WAAQ,QAAlCN,EAkBWO,EAAA,CAAA,IAAA,CAAA,EAAA;;;kWAEXL,EAgCO,OAAA,CAhCA,WAAgBR,EAAM,CAAA,SAAA,CAAA,CAAA,GAC3BQ,EAGM,MAHNM,EAGM,CAFJJ,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAF,EAA+B,QAAA,CAAxB,IAAI,GAAA,EAAI,WAAQ,EAAA,KACvBA,EAA0F,QAAA,CAAnF,GAAG,yCAAab,EAAQ,MAAAoB,GAAE,KAAK,OAAO,aAAa,WAAW,WAAW,OAAA,gBAAzDpB,EAAA,KAAQ,CAAA,KAEjCa,EAGM,MAHNQ,EAGM,CAFJN,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAF,EAA+B,QAAA,CAAxB,IAAI,GAAA,EAAI,WAAQ,EAAA,KACvBA,EAAmF,QAAA,CAA5E,GAAG,yCAAaX,EAAQ,MAAAkB,GAAE,KAAK,WAAW,aAAa,kBAAA,gBAAvClB,EAAA,KAAQ,CAAA,KAGtBE,EAAA,OAAXM,EAAA,EAAAC,EAEM,MAFNW,EAEM,CADJT,EAAkB,WAAZT,EAAA,KAAK,EAAA,CAAA,CAAA,aAGbS,EAiBM,MAjBNU,EAiBM,CAhBJC,EAOeC,EAAA,CANb,QAAQ,UACP,QAAStB,EAAA,MACT,SAAUA,EAAA,OAAO,CAAKH,QAAS,KAAA,IAAWE,EAAA,MAC1C,QAAOG,CAAA,aAER,IAAyC,KAAtCF,EAAA,MAAO,cAAA,SAAA,EAAA,CAAA,CAAA,8CAEZU,EAAqB,OAAA,CAAf,MAAM,MAAA,EAAM,KAAA,EAAA,GAClBW,EAMaE,EAAA,CAND,GAAG,YAAY,MAAM,MAAA,aAAO,IAEtC,eAFsC,wBAEtC,EAAA,GAAAF,EAGWG,EAAA,CAHD,MAAM,eAAe,MAAM,KAAA,aAAM,IACW,CAAA,GAAAZ,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,GADX,wDACW,EAAA,EAAAF,EAAwB,YAAlB,cAAW,EAAA,IAAO,4FAE9E,EAAA,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.login-wrap[data-v-7d4c7c8c]{min-height:70vh;display:grid;place-items:center}.login-card[data-v-7d4c7c8c]{width:min(420px,92vw)}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import{d as S,J as _,c as l,a as s,g as b,H as w,F as x,x as F,f as d,u as k,m as r,t as v,v as z,h as B,i as M,_ as R,r as p,B as C,L,C as T,D,o as a}from"./index-Bygbts8t.js";import{d as u}from"./useDeployment-C4MdUG63.js";import"./useVars-VN9gYdR6.js";const I={class:"panel"},j={class:"phead"},A={key:0,class:"field"},E=["value"],q={class:"field"},H=["disabled"],J={key:0,class:"progress","aria-hidden":"true"},O={key:0,class:"mute"},P={key:1,class:"mute"},G={key:0,class:"banner failed"},K={key:1,class:"banner warn"},Q={key:2,class:"field",style:{"margin-top":"var(--s3)"}},W={key:3,class:"hint",style:{"margin-top":"var(--s3)"}},X={key:4,class:"log"},Y={key:5,class:"mute",style:{"margin-top":"var(--s3)"}},Z={key:6,class:"hint"},le=S({__name:"LogsTab",setup(ee){const y=p(200),c=p(""),f=p([]);async function U(){const n=await C.get(`/api/deployments/${encodeURIComponent(u.id)}/runtime${L(u.vars)}`);n.ok&&(f.value=[...new Set(n.body.containers.map(e=>e.service).filter(e=>!!e))].sort())}const h=p(""),i=p(null),g=p(""),m=p(!1);_(()=>{var n;return[u.id,!!((n=u.detail)!=null&&n.compose)]},([n,e],t)=>{(!t||t[0]!==n)&&(f.value=[],c.value="",i.value=null),e&&f.value.length===0&&U()},{immediate:!0});async function V(){var o;if(!((o=u.detail)!=null&&o.compose))return;const n=u.id;m.value=!0,g.value="";const e=c.value,t=await C.get(`/api/deployments/${encodeURIComponent(n)}/logs${L(u.vars,{tail:y.value,...e?{service:e}:{}})}`);if(m.value=!1,u.id===n&&!(t.ok&&(t.body.service??"")!==e)){if(!t.ok){i.value=null,g.value=T(t,"load the logs");return}i.value={...t.body,ok:t.body.ok!==!1,text:t.body.text??""}}}const $=D(()=>{var o;const n=((o=i.value)==null?void 0:o.text)??"",e=h.value.trim().toLowerCase();if(!e)return n;const t=n.split(`
|
|
2
|
+
`).filter(N=>N.toLowerCase().includes(e));return t.length?t.join(`
|
|
3
|
+
`):`(no line matches "${h.value}")`});return(n,e)=>{var t;return a(),l("section",I,[s("div",j,[e[7]||(e[7]=s("h2",{class:"section"},"Compose logs",-1)),e[8]||(e[8]=s("span",{class:"grow"},null,-1)),f.value.length>1?(a(),l("div",A,[e[4]||(e[4]=s("label",{for:"svc",class:"mute",style:{"font-size":"var(--t-xs)"}},"service",-1)),b(s("select",{id:"svc","onUpdate:modelValue":e[0]||(e[0]=o=>c.value=o)},[e[3]||(e[3]=s("option",{value:""},"all services",-1)),(a(!0),l(x,null,F(f.value,o=>(a(),l("option",{key:o,value:o},v(o),9,E))),128))],512),[[w,c.value]])])):d("",!0),s("div",q,[e[6]||(e[6]=s("label",{for:"tail",class:"mute",style:{"font-size":"var(--t-xs)"}},"tail",-1)),b(s("select",{id:"tail","onUpdate:modelValue":e[1]||(e[1]=o=>y.value=o)},[...e[5]||(e[5]=[s("option",{value:50},"50",-1),s("option",{value:200},"200",-1),s("option",{value:500},"500",-1),s("option",{value:1e3},"1000",-1),s("option",{value:2e3},"2000",-1)])],512),[[w,y.value,void 0,{number:!0}]])]),s("button",{class:"primary",style:{"align-self":"end"},disabled:m.value||!((t=k(u).detail)!=null&&t.compose),onClick:V},[r(v(m.value?"reading…":"Fetch")+" ",1),m.value?(a(),l("span",J)):d("",!0)],8,H)]),k(u).detail?k(u).detail.compose?(a(),l(x,{key:2},[e[18]||(e[18]=s("p",{class:"hint",style:{margin:"0 0 var(--s3)"}},[r(" Fetched on demand, never polled: an auto-refresh against a chatty stack would hammer the host. "),s("code",null,"tail"),r(" is clamped to 1–2000 by the server. ")],-1)),g.value?(a(),l("div",G,v(g.value),1)):i.value&&!i.value.ok?(a(),l("div",K,[...e[10]||(e[10]=[s("b",null,"compose exited non-zero.",-1),s("p",null," Most often the project does not exist yet (nothing has been brought up), or a profile is missing. Any output it did produce is below. ",-1)])])):d("",!0),i.value?(a(),l("div",Q,[e[11]||(e[11]=s("label",{for:"lf",class:"mute",style:{"font-size":"var(--t-xs)"}},"Search in these lines",-1)),b(s("input",{id:"lf","onUpdate:modelValue":e[2]||(e[2]=o=>h.value=o),"data-search":"",type:"search",placeholder:"substring",spellcheck:"false"},null,512),[[z,h.value]])])):d("",!0),i.value&&i.value.service?(a(),l("div",W,[e[13]||(e[13]=r(" Showing ",-1)),s("b",null,v(i.value.service),1),e[14]||(e[14]=r(" only. ",-1)),B(R,{label:"why narrowing helps"},{default:M(()=>[...e[12]||(e[12]=[r(" On a stack with a chatty sidecar the interleaved output is unreadable, and the lines you want are often already past the tail. Narrowing spends the whole tail on one service. ",-1)])]),_:1})])):d("",!0),i.value?(a(),l("pre",X,v($.value||"(no output)"),1)):m.value?d("",!0):(a(),l("p",Y,[e[15]||(e[15]=r(" Press ",-1)),e[16]||(e[16]=s("b",null,"Fetch",-1)),r(" to read the last "+v(y.value)+" lines"+v(c.value?` of ${c.value}`:"")+". ",1)])),i.value?(a(),l("p",Z,[...e[17]||(e[17]=[r(" Redacted on the host before sending: credentials inside URLs, ",-1),s("code",null,"NAME=value",-1),r(" pairs whose name reads as a secret, and this server's own token. ",-1)])])):d("",!0)],64)):(a(),l("p",P,[...e[9]||(e[9]=[r(" This spec has no ",-1),s("code",null,"compose:",-1),r(" section, so there are no compose logs to read. Its axes may still have created resources — check those at their own source. ",-1)])])):(a(),l("p",O,"Unavailable until the spec resolves."))])}}});export{le as default};
|
|
4
|
+
//# sourceMappingURL=LogsTab-B_NVnnVo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LogsTab-B_NVnnVo.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 */\nimport { computed, ref, watch } from 'vue';\nimport { api, problem, query } from '../../api/client';\nimport type { LogsResponse, RuntimeResponse } from '../../api/types';\nimport { dep } from '../../composables/useDeployment';\nimport InfoHint from '../../components/InfoHint.vue';\n\nconst tail = ref(200);\n/** '' means the whole stack. */\nconst service = ref('');\n/**\n * The services to choose from, taken from what is actually RUNNING rather than from the compose file.\n * A service the spec declares but never started has no logs, and offering it would produce an\n * empty pane that reads like a bug.\n */\nconst services = ref<string[]>([]);\n\nasync function loadServices(): 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 picker is a convenience; without it the whole-stack read still works\n services.value = [\n ...new Set(r.body.containers.map((c) => c.service).filter((s): s is string => !!s)),\n ].sort();\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 services.value = [];\n service.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 service\n // picker never appeared.\n if (hasCompose && services.value.length === 0) void loadServices();\n },\n { immediate: true },\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 })}`,\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/** Search-in-logs: filter to matching lines rather than highlighting inside a wall of text. */\nconst shown = computed(() => {\n const text = 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</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 v-if=\"services.length > 1\" class=\"field\">\n <label for=\"svc\" class=\"mute\" style=\"font-size: var(--t-xs)\">service</label>\n <select id=\"svc\" v-model=\"service\">\n <option value=\"\">all services</option>\n <option v-for=\"s in services\" :key=\"s\" :value=\"s\">{{ s }}</option>\n </select>\n </div>\n <div class=\"field\">\n <label for=\"tail\" class=\"mute\" style=\"font-size: var(--t-xs)\">tail</label>\n <select id=\"tail\" v-model.number=\"tail\">\n <option :value=\"50\">50</option>\n <option :value=\"200\">200</option>\n <option :value=\"500\">500</option>\n <option :value=\"1000\">1000</option>\n <option :value=\"2000\">2000</option>\n </select>\n </div>\n <button\n class=\"primary\"\n style=\"align-self: end\"\n :disabled=\"loading || !dep.detail?.compose\"\n @click=\"fetchLogs\"\n >\n {{ loading ? 'reading…' : '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\">\n This spec has no <code>compose:</code> section, so there are no compose logs to read. Its axes\n may still have created resources — check those at their own source.\n </p>\n\n <template v-else>\n <p class=\"hint\" style=\"margin: 0 0 var(--s3)\">\n Fetched on demand, never polled: an auto-refresh against a chatty stack would hammer the\n host. <code>tail</code> is clamped to 1–2000 by the server.\n </p>\n\n <div v-if=\"error\" 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>compose exited non-zero.</b>\n <p>\n Most often the project does not exist yet (nothing has been brought up), or a profile is\n missing. Any output it did produce is below.\n </p>\n </div>\n\n <div v-if=\"logs\" class=\"field\" style=\"margin-top: var(--s3)\">\n <label for=\"lf\" class=\"mute\" style=\"font-size: var(--t-xs)\">Search in these lines</label>\n <input id=\"lf\" v-model=\"filter\" data-search type=\"search\" placeholder=\"substring\" spellcheck=\"false\" />\n </div>\n\n <div v-if=\"logs && logs.service\" class=\"hint\" style=\"margin-top: var(--s3)\">\n Showing <b>{{ logs.service }}</b> only.\n <InfoHint label=\"why narrowing helps\">\n On a stack with a chatty sidecar the interleaved output is unreadable, and the lines you want\n are often already past the tail. Narrowing spends the whole tail on one service.\n </InfoHint>\n </div>\n\n <pre v-if=\"logs\" class=\"log\">{{ shown || '(no output)' }}</pre>\n <p v-else-if=\"!loading\" class=\"mute\" style=\"margin-top: var(--s3)\">\n Press <b>Fetch</b> to read the last {{ tail }} lines{{ service ? ` of ${service}` : '' }}.\n </p>\n\n <p v-if=\"logs\" class=\"hint\">\n Redacted on the host before sending: credentials inside URLs, <code>NAME=value</code> pairs\n whose name reads as a secret, and this server's own token.\n </p>\n </template>\n </section>\n</template>\n"],"names":["tail","ref","service","services","loadServices","r","api","dep","query","c","s","filter","logs","error","loading","watch","_a","id","hasCompose","prev","fetchLogs","chosen","problem","shown","computed","text","needle","lines","l","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_cache","_hoisted_3","$event","_Fragment","_renderList","_hoisted_4","_hoisted_5","_unref","_createTextVNode","_toDisplayString","_hoisted_7","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_createVNode","InfoHint","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_9","_hoisted_8"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{d as i,c as d,a as o,m as s,t as r,u,h as n,i as l,l as p,j as m,o as f}from"./index-Bygbts8t.js";const y={class:"page-head"},b={class:"sub"},g={class:"panel"},v={class:"row",style:{"margin-top":"12px",gap:"8px"}},x=i({__name:"NotFoundView",setup(_){const a=p();return(k,t)=>{const e=m("RouterLink");return f(),d("div",null,[o("div",y,[o("div",null,[t[2]||(t[2]=o("h1",null,"Not found",-1)),o("div",b,[t[0]||(t[0]=s("Nothing is routed at ",-1)),o("code",null,r(u(a).fullPath),1),t[1]||(t[1]=s(".",-1))])])]),o("section",g,[t[6]||(t[6]=o("p",{class:"mute"}," If you followed a link to a deployment that has since been forgotten, it will not resolve — the control plane only knows deployments that are still in its registry. ",-1)),o("div",v,[n(e,{class:"btn",to:"/"},{default:l(()=>[...t[3]||(t[3]=[s("Dashboard",-1)])]),_:1}),n(e,{class:"btn",to:"/deployments"},{default:l(()=>[...t[4]||(t[4]=[s("Deployments",-1)])]),_:1}),n(e,{class:"btn",to:"/jobs"},{default:l(()=>[...t[5]||(t[5]=[s("Jobs",-1)])]),_:1})])])])}}});export{x as default};
|
|
2
|
+
//# sourceMappingURL=NotFoundView-BN-7ZNip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotFoundView-
|
|
1
|
+
{"version":3,"file":"NotFoundView-BN-7ZNip.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 <p class=\"mute\">\n If you followed a link to a deployment that has since been forgotten, it will not resolve —\n the control plane only knows deployments that are still in its registry.\n </p>\n <div class=\"row\" style=\"margin-top: 12px; gap: 8px\">\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":"iQASA,MAAMA,EAAQC,EAAA,mDAIZC,EAmBM,MAAA,KAAA,CAlBJC,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,EAUU,UAVVM,EAUU,CATRJ,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAF,EAGI,IAAA,CAHD,MAAM,MAAA,EAAO,yKAGhB,EAAA,GACAA,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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{d as O,J as Y,c as i,a as t,m as n,h as k,i as $,_ as D,y as E,f as c,F as h,t as r,x,g as N,H as K,v as j,r as v,D as U,B as y,C as g,o as a,E as Q,G as X,u as Z,P as V}from"./index-Bygbts8t.js";import{s as ee}from"./useFormat-CKJxQp_i.js";import{_ as M}from"./ActionButton.vue_vue_type_script_setup_true_lang-DxV7T6dV.js";import{_ as F}from"./ErrorNote.vue_vue_type_script_setup_true_lang-BlepSrj0.js";import{_ as te}from"./SkeletonList.vue_vue_type_script_setup_true_lang-SxitAmDb.js";import{_ as se}from"./RelativeTime.vue_vue_type_script_setup_true_lang-lQaz4t05.js";const le={class:"page-head"},ae={class:"sub"},ie={key:1,class:"panel"},oe={key:0,class:"banner ok"},ne={class:"code"},re={class:"row"},de={class:"panel"},ue={key:1,class:"cards"},ve={class:"stagger"},ce={class:"name","data-label":"name"},pe={class:"mute",style:{"font-size":"var(--t-sm)"}},he={"data-label":"events"},fe={key:0,class:"badge"},ye={key:1},me={"data-label":"last delivery"},ke={key:0,class:"mute"},ge={key:2,class:"mute",style:{"font-size":"var(--t-sm)"}},_e={"data-label":""},be={class:"row",style:{"justify-content":"flex-end"}},we={key:0,class:"badge off"},$e=["onClick"],xe=["onClick"],Ce=["onClick"],Se={colspan:"4"},Te={key:0,class:"kvlist"},Ae={class:"k"},De={class:"v"},Ee={class:"mute",style:{"font-size":"var(--t-sm)"}},Ne={key:0,class:"s-failed",style:{"font-size":"var(--t-sm)"}},Ve={key:1,class:"mute"},Pe={key:2,class:"mute"},Re={class:"panel"},ze={key:0,class:"field",style:{"max-width":"320px"}},Be=["value"],He={class:"field",style:{"max-width":"380px"}},je=["for"],Ue=["id","onUpdate:modelValue","placeholder"],Xe={class:"section",style:{margin:"var(--s5) 0 var(--s3)"}},Me={class:"row"},Fe={class:"check"},Ie=["checked"],We={key:1,class:"row",style:{"margin-top":"var(--s2)"}},qe=["checked","onChange"],Ge={class:"row",style:{"margin-top":"var(--s4)"}},Je={class:"hint"},tt=O({__name:"NotifiersView",setup(Le){const T=v([]),m=v(null),P=v(!1),p=v(""),R=v(!1),_=v(null),o=v({name:"",type:"webhook",events:[],config:{}}),b=v(!1),C=v(""),f=v(null),A=v([]),z=U(()=>{var l;return((l=m.value)==null?void 0:l.types.find(e=>e.kind===o.value.type))??null});Y(()=>o.value.type,()=>{o.value.config={}});const I=U(()=>{var l;return!b.value&&!!o.value.name.trim()&&o.value.events.length>0&&(((l=z.value)==null?void 0:l.fields)??[]).every(e=>{var u;return!e.required||!!((u=o.value.config[e.key])!=null&&u.trim())})});async function w(){const[l,e]=await Promise.all([y.get("/api/notifiers"),y.get("/api/notifiers/meta")]);if(P.value=!0,l.status===404||e.status===404){R.value=!0;return}if(!l.ok){p.value=g(l,"load the notifiers");return}p.value="",T.value=l.body.notifiers??[],e.ok&&(m.value=e.body)}w();function B(l){const e=o.value.events.indexOf(l);e===-1?o.value.events.push(l):o.value.events.splice(e,1)}async function W(){b.value=!0,C.value="";const l=await y.post("/api/notifiers",{name:o.value.name.trim(),type:o.value.type,events:o.value.events,config:o.value.config});if(b.value=!1,!l.ok){C.value=g(l,"register this notifier");return}_.value=l.body.secret?{name:l.body.notifier.name,secret:l.body.secret}:null,o.value={name:"",type:o.value.type,events:[],config:{}},w()}async function q(l,e){const u=await y.patch(`/api/notifiers/${l.id}`,{enabled:e});u.ok||(p.value=g(u,"update this notifier")),w()}async function G(l){const e=await y.del(`/api/notifiers/${l.id}`);if(!e.ok){p.value=g(e,"delete this notifier");return}f.value===l.id&&(f.value=null),V("ok",`Removed ${l.name}.`),w()}async function J(l){const e=await y.post(`/api/notifiers/${l.id}/test`,{});if(!e.ok){p.value=g(e,"send a test delivery");return}const u=e.body.result;u.ok?V("ok",`${l.name} accepted the test delivery.`):V("error",`${l.name}: ${u.error??`HTTP ${u.status}`}`),w()}async function L(l){if(f.value===l.id){f.value=null;return}const e=await y.get(`/api/notifiers/${l.id}/deliveries`);if(!e.ok){p.value=g(e,"load the delivery log");return}A.value=e.body.deliveries??[],f.value=l.id}return(l,e)=>{var u,H;return a(),i("div",null,[t("div",le,[t("div",null,[e[6]||(e[6]=t("h1",null,"Notifiers",-1)),t("div",ae,[e[5]||(e[5]=n(" Where events on this host get sent ",-1)),k(D,{label:"what a notifier is"},{default:$(()=>[...e[4]||(e[4]=[n(" A registration that receives events — a teardown that leaked, a deployment created, a job that failed. Webhooks today; the server decides what other kinds exist, and this page renders whatever it offers. ",-1)])]),_:1})])])]),p.value?(a(),E(F,{key:0,text:p.value,title:"Could not load the notifiers."},null,8,["text"])):c("",!0),R.value?(a(),i("section",ie,[...e[7]||(e[7]=[t("div",{class:"banner plain"},[t("b",null,"This server has no notifiers."),t("p",null,"It is an older build of pstack. Upgrade the host to register webhooks.")],-1)])])):(a(),i(h,{key:2},[_.value?(a(),i("div",oe,[t("b",null,"Signing secret for “"+r(_.value.name)+"” — copy it now.",1),e[8]||(e[8]=t("p",null,[n(" This is the only time it is shown. Your receiver needs it to verify the "),t("code",null,"X-Pstack-Signature"),n(" header; the server keeps no way to show it again. ")],-1)),t("pre",ne,r(_.value.secret),1),t("div",re,[t("button",{class:"btn",onClick:e[0]||(e[0]=s=>_.value=null)},"I have stored it")])])):c("",!0),t("section",de,[e[11]||(e[11]=t("div",{class:"phead"},[t("h2",{class:"section"},"Registered")],-1)),P.value?T.value.length?(a(),i("table",ue,[e[10]||(e[10]=t("thead",null,[t("tr",null,[t("th",null,"name"),t("th",null,"events"),t("th",null,"last delivery"),t("th")])],-1)),t("tbody",ve,[(a(!0),i(h,null,x(T.value,(s,S)=>(a(),i(h,{key:s.id},[t("tr",{style:Q({"--i":S})},[t("td",ce,[n(r(s.name)+" ",1),t("div",pe,r(s.type)+" · "+r(String(s.config.url??"")),1)]),t("td",he,[s.events.includes("*")?(a(),i("span",fe,"all events")):(a(),i("span",ye,r(s.events.join(", ")),1))]),t("td",me,[s.lastStatus?(a(),i("span",{key:1,class:X(s.lastStatus==="ok"?"s-ok":"s-failed")},r(s.lastStatus),3)):(a(),i("span",ke,"never")),s.lastAt?(a(),i("div",ge,[k(se,{at:s.lastAt},null,8,["at"])])):c("",!0)]),t("td",_e,[t("div",be,[s.enabled?c("",!0):(a(),i("span",we,"disabled")),t("button",{class:"ghost sm",onClick:d=>L(s)},r(f.value===s.id?"Hide":"Deliveries"),9,$e),t("button",{class:"ghost sm",onClick:d=>J(s)},"Test",8,xe),t("button",{class:"ghost sm",onClick:d=>q(s,!s.enabled)},r(s.enabled?"Disable":"Enable"),9,Ce),k(M,{variant:"danger",onClick:d=>G(s)},{default:$(()=>[...e[9]||(e[9]=[n("Remove",-1)])]),_:1},8,["onClick"])])])],4),f.value===s.id?(a(),i("tr",{key:`d${s.id}`},[t("td",Se,[A.value.length?(a(),i("ul",Te,[(a(!0),i(h,null,x(A.value,d=>(a(),i("li",{key:d.id},[t("span",Ae,[t("span",{class:X(d.status==="ok"?"s-ok":"s-failed")},r(d.status),3)]),t("span",De,[n(r(d.event)+" ",1),t("span",Ee,[n(" · "+r(Z(ee)(d.createdAt))+" · "+r(d.attempts)+" attempt(s)",1),d.responseCode?(a(),i(h,{key:0},[n(" · HTTP "+r(d.responseCode),1)],64)):c("",!0)]),d.error?(a(),i("div",Ne,r(d.error),1)):c("",!0)])]))),128))])):(a(),i("p",Ve,"Nothing delivered yet."))])])):c("",!0)],64))),128))])])):(a(),i("p",Pe," Nothing registered. Events still happen — nobody is being told about them. ")):(a(),E(te,{key:0,rows:2}))]),t("section",Re,[e[19]||(e[19]=t("h2",{class:"section",style:{"margin-bottom":"var(--s3)"}},"Add a notifier",-1)),m.value&&m.value.types.length>1?(a(),i("div",ze,[e[12]||(e[12]=t("label",{for:"ty"},"Type",-1)),N(t("select",{id:"ty","onUpdate:modelValue":e[1]||(e[1]=s=>o.value.type=s)},[(a(!0),i(h,null,x(m.value.types,s=>(a(),i("option",{key:s.kind,value:s.kind},r(s.label),9,Be))),128))],512),[[K,o.value.type]])])):c("",!0),t("div",He,[e[13]||(e[13]=t("label",{for:"nn"},"Name",-1)),N(t("input",{id:"nn","onUpdate:modelValue":e[2]||(e[2]=s=>o.value.name=s),type:"text",placeholder:"ops-slack-bridge",spellcheck:"false"},null,512),[[j,o.value.name,void 0,{trim:!0}]])]),(a(!0),i(h,null,x(((u=z.value)==null?void 0:u.fields)??[],s=>(a(),i("div",{key:s.key,class:"field",style:{"max-width":"380px"}},[t("label",{for:`cfg-${s.key}`},r(s.label),9,je),N(t("input",{id:`cfg-${s.key}`,"onUpdate:modelValue":S=>o.value.config[s.key]=S,type:"text",placeholder:s.placeholder,spellcheck:"false"},null,8,Ue),[[j,o.value.config[s.key],void 0,{trim:!0}]])]))),128)),t("h2",Xe,[e[15]||(e[15]=n(" Events ",-1)),k(D,{label:"which events to pick"},{default:$(()=>[...e[14]||(e[14]=[t("b",null,"All events",-1),n(" also covers events added in later versions — a specific list does not, and the failure mode of that is silence nobody can explain. ",-1),t("code",null,"job.leaked",-1),n(" is the one worth alerting on: a teardown ran and something survived it. ",-1)])]),_:1})]),t("div",Me,[t("label",Fe,[t("input",{type:"checkbox",checked:o.value.events.includes("*"),onChange:e[3]||(e[3]=s=>B("*"))},null,40,Ie),e[16]||(e[16]=n(" All events ",-1))])]),o.value.events.includes("*")?c("",!0):(a(),i("div",We,[(a(!0),i(h,null,x(((H=m.value)==null?void 0:H.events)??[],s=>(a(),i("label",{key:s,class:"check"},[t("input",{type:"checkbox",checked:o.value.events.includes(s),onChange:S=>B(s)},null,40,qe),n(" "+r(s),1)]))),128))])),C.value?(a(),E(F,{key:2,text:C.value,title:"Could not register this notifier."},null,8,["text"])):c("",!0),t("div",Ge,[k(M,{variant:"primary",pending:b.value,disabled:!I.value,onClick:W},{default:$(()=>[n(r(b.value?"Registering…":"Register"),1)]),_:1},8,["pending","disabled"])]),t("p",Je,[e[18]||(e[18]=n(" Deliveries from a signing type are signed with a secret shown once at registration, retried twice on failure, and logged here. ",-1)),k(D,{label:"how a receiver verifies a delivery"},{default:$(()=>[...e[17]||(e[17]=[n(" Recompute ",-1),t("code",null,"HMAC-SHA256(secret, `${timestamp}.${rawBody}`)",-1),n(" and compare against ",-1),t("code",null,"X-Pstack-Signature",-1),n(", using the ",-1),t("em",null,"raw",-1),n(" body — re-serialising it changes the bytes. Reject anything whose ",-1),t("code",null,"X-Pstack-Timestamp",-1),n(" is more than five minutes old, and dedupe on ",-1),t("code",null,"X-Pstack-Delivery",-1),n(": delivery is at-least-once, and that id is stable across retries. ",-1)])]),_:1})])])],64))])}}});export{tt as default};
|
|
2
|
+
//# sourceMappingURL=NotifiersView-CsAmv8wB.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NotifiersView-CsAmv8wB.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 { stamp } from '../composables/useFormat';\nimport { toast } from '../composables/useToasts';\nimport ActionButton from '../components/ActionButton.vue';\nimport ErrorNote from '../components/ErrorNote.vue';\nimport InfoHint from '../components/InfoHint.vue';\nimport SkeletonList from '../components/SkeletonList.vue';\nimport RelativeTime from '../components/RelativeTime.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\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, 'delete 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', `${n.name} accepted the test delivery.`);\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[] }>(`/api/notifiers/${n.id}/deliveries`);\n if (!r.ok) {\n listError.value = problem(r, 'load the delivery log');\n return;\n }\n deliveries.value = r.body.deliveries ?? [];\n openDeliveries.value = n.id;\n}\n</script>\n\n<template>\n <div>\n <div class=\"page-head\">\n <div>\n <h1>Notifiers</h1>\n <div class=\"sub\">\n Where events on this host get sent\n <InfoHint label=\"what a notifier is\">\n A registration that receives events — a teardown that leaked, a deployment created, a job\n that failed. Webhooks today; the server decides what other kinds exist, and this page\n renders whatever it offers.\n </InfoHint>\n </div>\n </div>\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.</b>\n <p>It is an older build of pstack. Upgrade the host to register webhooks.</p>\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 }}” — copy it now.</b>\n <p>\n This is the only time it is shown. Your receiver needs it to verify the\n <code>X-Pstack-Signature</code> header; the server keeps no way to show it again.\n </p>\n <pre class=\"code\">{{ revealed.secret }}</pre>\n <div class=\"row\">\n <button class=\"btn\" @click=\"revealed = null\">I have stored it</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\" />\n <table v-else-if=\"notifiers.length\" class=\"cards\">\n <thead>\n <tr>\n <th>name</th>\n <th>events</th>\n <th>last delivery</th>\n <th></th>\n </tr>\n </thead>\n <tbody class=\"stagger\">\n <template v-for=\"(n, i) in notifiers\" :key=\"n.id\">\n <tr :style=\"{ '--i': i }\">\n <td class=\"name\" data-label=\"name\">\n {{ n.name }}\n <div class=\"mute\" style=\"font-size: var(--t-sm)\">\n {{ n.type }} · {{ String(n.config.url ?? '') }}\n </div>\n </td>\n <td 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 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 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\" @click=\"remove(n)\">Remove</ActionButton>\n </div>\n </td>\n </tr>\n <tr v-if=\"openDeliveries === n.id\" :key=\"`d${n.id}`\">\n <td colspan=\"4\">\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'\">{{ 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 </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\">\n Nothing registered. Events still happen — nobody is being told about them.\n </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 <select id=\"ty\" v-model=\"form.type\">\n <option v-for=\"t in meta.types\" :key=\"t.kind\" :value=\"t.kind\">{{ t.label }}</option>\n </select>\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)\">\n Events\n <InfoHint label=\"which events to pick\">\n <b>All events</b> also covers events added in later versions — a specific list does not,\n and the failure mode of that is silence nobody can explain. <code>job.leaked</code> is the\n one worth alerting on: a teardown ran and something survived it.\n </InfoHint>\n </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 <div v-if=\"!form.events.includes('*')\" class=\"row\" style=\"margin-top: var(--s2)\">\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 register this notifier.\" />\n\n <div class=\"row\" style=\"margin-top: var(--s4)\">\n <ActionButton variant=\"primary\" :pending=\"saving\" :disabled=\"!canSave\" @click=\"create\">\n {{ saving ? 'Registering…' : 'Register' }}\n </ActionButton>\n </div>\n\n <p class=\"hint\">\n Deliveries from a signing type are signed with a secret shown once at registration, retried twice on failure,\n and logged here.\n <InfoHint label=\"how a receiver verifies a delivery\">\n Recompute <code>HMAC-SHA256(secret, `${timestamp}.${rawBody}`)</code> and compare against\n <code>X-Pstack-Signature</code>, using the <em>raw</em> body — re-serialising it changes\n the bytes. Reject anything whose <code>X-Pstack-Timestamp</code> is more than five minutes\n old, and dedupe on <code>X-Pstack-Delivery</code>: delivery is at-least-once, and that id\n is stable across retries.\n </InfoHint>\n </p>\n </section>\n </template>\n </div>\n</template>\n"],"names":["notifiers","ref","meta","loaded","listError","unsupported","revealed","form","saving","formError","openDeliveries","deliveries","chosenType","computed","_a","t","watch","canSave","f","load","list","m","api","problem","toggleEvent","name","at","create","r","setEnabled","n","enabled","remove","toast","test","res","showDeliveries","_createElementBlock","_createElementVNode","_hoisted_1","_cache","_hoisted_2","_createVNode","InfoHint","_createBlock","ErrorNote","_openBlock","_hoisted_3","_Fragment","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_renderList","i","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_normalizeClass","_hoisted_16","_hoisted_17","RelativeTime","_hoisted_18","_hoisted_19","_hoisted_20","$event","_hoisted_21","_hoisted_22","_hoisted_23","ActionButton","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_createTextVNode","_unref","stamp","_hoisted_29","_hoisted_30","_hoisted_31","SkeletonList","_hoisted_32","_hoisted_33","_hoisted_34","_vModelSelect","_hoisted_35","_hoisted_36","_hoisted_38","_hoisted_39","_hoisted_40","_hoisted_42","_b","e","_hoisted_44","_hoisted_45"],"mappings":"i4DAwBA,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,EAAaC,EAAS,IAAA,OAAM,QAAAC,EAAAZ,EAAK,QAAL,YAAAY,EAAY,MAAM,KAAMC,GAAMA,EAAE,OAASR,EAAK,MAAM,QAAS,KAAI,EAUnGS,EACE,IAAMT,EAAK,MAAM,KACjB,IAAM,CACJA,EAAK,MAAM,OAAS,CAAA,CACtB,CAAA,EAEF,MAAMU,EAAUJ,EACd,IAAA,OACE,OAACL,EAAO,OACR,CAAC,CAACD,EAAK,MAAM,KAAK,KAAA,GAClBA,EAAK,MAAM,OAAO,OAAS,MAC1BO,EAAAF,EAAW,QAAX,YAAAE,EAAkB,SAAU,CAAA,GAAI,MAAOI,GAAA,OAAM,OAACA,EAAE,UAAY,CAAC,GAACJ,EAAAP,EAAK,MAAM,OAAOW,EAAE,GAAG,IAAvB,MAAAJ,EAA0B,QAAM,EAAA,EAGnG,eAAeK,GAAsB,CACnC,KAAM,CAACC,EAAMC,CAAC,EAAI,MAAM,QAAQ,IAAI,CAClCC,EAAI,IAAkC,gBAAgB,EACtDA,EAAI,IAAkB,qBAAqB,CAAA,CAC5C,EAGD,GAFAnB,EAAO,MAAQ,GAEXiB,EAAK,SAAW,KAAOC,EAAE,SAAW,IAAK,CAC3ChB,EAAY,MAAQ,GACpB,MACF,CACA,GAAI,CAACe,EAAK,GAAI,CACZhB,EAAU,MAAQmB,EAAQH,EAAM,oBAAoB,EACpD,MACF,CACAhB,EAAU,MAAQ,GAClBJ,EAAU,MAAQoB,EAAK,KAAK,WAAa,CAAA,EACrCC,EAAE,KAAInB,EAAK,MAAQmB,EAAE,KAC3B,CAEKF,EAAA,EAEL,SAASK,EAAYC,EAAoB,CACvC,MAAMC,EAAKnB,EAAK,MAAM,OAAO,QAAQkB,CAAI,EACrCC,IAAO,GAAInB,EAAK,MAAM,OAAO,KAAKkB,CAAI,EACrClB,EAAK,MAAM,OAAO,OAAOmB,EAAI,CAAC,CACrC,CAEA,eAAeC,GAAwB,CACrCnB,EAAO,MAAQ,GACfC,EAAU,MAAQ,GAClB,MAAMmB,EAAI,MAAMN,EAAI,KAAuD,iBAAkB,CAC3F,KAAMf,EAAK,MAAM,KAAK,KAAA,EACtB,KAAMA,EAAK,MAAM,KACjB,OAAQA,EAAK,MAAM,OACnB,OAAQA,EAAK,MAAM,MAAA,CACpB,EAED,GADAC,EAAO,MAAQ,GACX,CAACoB,EAAE,GAAI,CACTnB,EAAU,MAAQc,EAAQK,EAAG,wBAAwB,EACrD,MACF,CAGAtB,EAAS,MAAQsB,EAAE,KAAK,OAAS,CAAE,KAAMA,EAAE,KAAK,SAAS,KAAM,OAAQA,EAAE,KAAK,QAAW,KACzFrB,EAAK,MAAQ,CAAE,KAAM,GAAI,KAAMA,EAAK,MAAM,KAAM,OAAQ,GAAI,OAAQ,CAAA,CAAC,EAChEY,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,CACTxB,EAAU,MAAQmB,EAAQK,EAAG,sBAAsB,EACnD,MACF,CACIlB,EAAe,QAAUoB,EAAE,OAAmB,MAAQ,MAC1DG,EAAM,KAAM,WAAWH,EAAE,IAAI,GAAG,EAC3BX,EAAA,CACP,CAEA,eAAee,EAAKJ,EAA+B,CACjD,MAAMF,EAAI,MAAMN,EAAI,KAClB,kBAAkBQ,EAAE,EAAE,QACtB,CAAA,CAAC,EAEH,GAAI,CAACF,EAAE,GAAI,CACTxB,EAAU,MAAQmB,EAAQK,EAAG,sBAAsB,EACnD,MACF,CACA,MAAMO,EAAMP,EAAE,KAAK,OAGfO,EAAI,GAAIF,EAAM,KAAM,GAAGH,EAAE,IAAI,8BAA8B,EAC1DG,EAAM,QAAS,GAAGH,EAAE,IAAI,KAAKK,EAAI,OAAS,QAAQA,EAAI,MAAM,EAAE,EAAE,EAChEhB,EAAA,CACP,CAEA,eAAeiB,EAAeN,EAA+B,CAC3D,GAAIpB,EAAe,QAAUoB,EAAE,GAAI,CACjCpB,EAAe,MAAQ,KACvB,MACF,CACA,MAAMkB,EAAI,MAAMN,EAAI,IAAmC,kBAAkBQ,EAAE,EAAE,aAAa,EAC1F,GAAI,CAACF,EAAE,GAAI,CACTxB,EAAU,MAAQmB,EAAQK,EAAG,uBAAuB,EACpD,MACF,CACAjB,EAAW,MAAQiB,EAAE,KAAK,YAAc,CAAA,EACxClB,EAAe,MAAQoB,EAAE,EAC3B,kCAIEO,EAwMM,MAAA,KAAA,CAvMJC,EAYM,MAZNC,GAYM,CAXJD,EAUM,MAAA,KAAA,CATJE,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAF,EAAkB,UAAd,YAAS,EAAA,GACbA,EAOM,MAPNG,GAOM,eAPW,uCAEf,EAAA,GAAAC,EAIWC,EAAA,CAJD,MAAM,sBAAoB,WAAC,IAIrC,CAAA,GAAAH,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,GAJqC,gNAIrC,EAAA,CAAA,iBAKWpC,EAAA,WAAjBwC,EAAsFC,EAAA,OAAzD,KAAMzC,EAAA,MAAW,MAAM,+BAAA,6BAErCC,EAAA,OAAfyC,IAAAT,EAKU,UALVU,GAKU,CAAA,GAAAP,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CAJRF,EAGM,MAAA,CAHD,MAAM,gBAAc,CACvBA,EAAoC,SAAjC,+BAA6B,EAChCA,EAA6E,SAA1E,wEAAsE,CAAA,gBAI7ED,EA+KWW,EAAA,CAAA,IAAA,GAAA,CAxKE1C,EAAA,OAAXwC,EAAA,EAAAT,EAUM,MAVNY,GAUM,CATJX,EAA8D,SAA3D,uBAAoBY,EAAG5C,QAAS,IAAI,EAAG,mBAAgB,CAAA,cAC1DgC,EAGI,IAAA,KAAA,GAHD,2EAED,EAAAA,EAA+B,YAAzB,oBAAkB,IAAO,qDACjC,CAAA,OACAA,EAA6C,MAA7Ca,GAA6CD,EAAxB5C,EAAA,MAAS,MAAM,EAAA,CAAA,EACpCgC,EAEM,MAFNc,GAEM,CADJd,EAAsE,SAAA,CAA9D,MAAM,MAAO,uBAAOhC,EAAA,MAAQ,KAAA,EAAS,kBAAgB,CAAA,eAIjEgC,EAkFU,UAlFVe,GAkFU,eAjFRf,EAEM,MAAA,CAFD,MAAM,SAAO,CAChBA,EAAmC,KAAA,CAA/B,MAAM,SAAA,EAAU,YAAU,CAAA,OAGXnC,EAAA,MACHH,EAAA,MAAU,QAA5B8C,EAAA,EAAAT,EAwEQ,QAxERiB,GAwEQ,eAvENhB,EAOQ,QAAA,KAAA,CANNA,EAKK,KAAA,KAAA,CAJHA,EAAa,UAAT,MAAI,EACRA,EAAe,UAAX,QAAM,EACVA,EAAsB,UAAlB,eAAa,EACjBA,EAAS,IAAA,CAAA,SAGbA,EA8DQ,QA9DRiB,GA8DQ,EA7DNT,EAAA,EAAA,EAAAT,EA4DWW,EAAA,KAAAQ,EA5DgBxD,EAAA,MAAS,CAAlB8B,EAAG2B,cAAuB,IAAA3B,EAAE,EAAA,GAC5CQ,EAiCK,KAAA,CAjCA,eAAgBmB,EAAC,CAAA,GACpBnB,EAKK,KALLoB,GAKK,KAJA5B,EAAE,IAAI,EAAG,IACZ,CAAA,EAAAQ,EAEM,MAFNqB,GAEMT,EADDpB,EAAE,IAAI,EAAG,MAAGoB,EAAG,OAAOpB,EAAE,OAAO,KAAG,EAAA,CAAA,EAAA,CAAA,CAAA,GAGzCQ,EAGK,KAHLsB,GAGK,CAFS9B,EAAE,OAAO,SAAQ,GAAA,OAA7BO,EAAmE,OAAnEwB,GAAkD,YAAU,IAC5Df,IAAAT,EAA6C,OAAAyB,GAAAZ,EAA7BpB,EAAE,OAAO,KAAI,IAAA,CAAA,EAAA,CAAA,EAAA,GAE/BQ,EAQK,KARLyB,GAQK,CAPUjC,EAAE,gBACfO,EAEO,OAAA,OAFO,MAAK2B,EAAElC,EAAE,aAAU,KAAA,OAAA,UAAA,CAAA,EAC5BoB,EAAApB,EAAE,UAAU,EAAA,CAAA,QAFjBO,EAAoD,OAApD4B,GAAwC,OAAK,GAIlCnC,EAAE,QAAbgB,EAAA,EAAAT,EAEM,MAFN6B,GAEM,CADJxB,EAA+ByB,GAAA,CAAhB,GAAIrC,EAAE,MAAA,+BAGzBQ,EAYK,KAZL8B,GAYK,CAXH9B,EAUM,MAVN+B,GAUM,CATSvC,EAAE,sBAAfO,EAAyD,OAAzDiC,GAA0C,UAAQ,GAClDhC,EAES,SAAA,CAFD,MAAM,WAAY,QAAKiC,GAAEnC,EAAeN,CAAC,CAAA,IAC5CpB,EAAA,QAAmBoB,EAAE,GAAE,OAAA,YAAA,EAAA,EAAA0C,EAAA,EAE5BlC,EAAuD,SAAA,CAA/C,MAAM,WAAY,QAAKiC,GAAErC,EAAKJ,CAAC,CAAA,EAAG,OAAI,EAAA2C,EAAA,EAC9CnC,EAES,SAAA,CAFD,MAAM,WAAY,WAAOT,EAAWC,EAAC,CAAGA,EAAE,OAAO,CAAA,EACpDoB,EAAApB,EAAE,QAAO,UAAA,QAAA,EAAA,EAAA4C,EAAA,EAEdhC,EAAuEiC,EAAA,CAAzD,QAAQ,SAAU,QAAKJ,GAAEvC,EAAOF,CAAC,CAAA,aAAG,IAAM,CAAA,GAAAU,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,GAAN,SAAM,EAAA,CAAA,iCAIpD9B,EAAA,QAAmBoB,EAAE,QAA/BO,EAwBK,KAAA,CAxB+B,IAAG,IAAMP,EAAE,EAAE,EAAA,GAC/CQ,EAsBK,KAtBLsC,GAsBK,CArBOjE,EAAA,MAAW,QAArBmC,IAAAT,EAmBK,KAnBLwC,GAmBK,QAlBHxC,EAiBKW,EAAA,KAAAQ,EAjBW7C,EAAA,MAAL,QAAX0B,EAiBK,KAAA,CAjBwB,IAAK,EAAE,EAAA,GAClCC,EAEO,OAFPwC,GAEO,CADLxC,EAA4E,OAAA,CAArE,MAAK0B,EAAE,EAAE,SAAM,KAAA,OAAA,UAAA,CAAA,EAAoCd,EAAA,EAAE,MAAM,EAAA,CAAA,CAAA,GAEpEZ,EAYO,OAZPyC,GAYO,KAXF,EAAE,KAAK,EAAG,IACb,CAAA,EAAAzC,EAMO,OANP0C,GAMO,CAN2CC,EAAA,MAC9C/B,EAAGgC,EAAAC,EAAA,EAAM,EAAE,SAAS,CAAA,EAAI,MAAGjC,EAAG,EAAE,QAAQ,EAAG,cAAW,CAAA,EAChD,EAAE,kBAD8Cb,EAIvDW,EAAA,CAAA,IAAA,GAAA,GAFA,WACQE,EAAG,EAAE,YAAY,EAAA,CAAA,CAAA,kBAGjB,EAAE,OAAbJ,EAAA,EAAAT,EAEM,MAFN+C,GAEMlC,EADD,EAAE,KAAK,EAAA,CAAA,gCAKlBb,EAAiD,IAAjDgD,GAAuB,wBAAsB,EAAA,sCAMvDhD,EAEI,IAFJiD,GAAuB,8EAEvB,QA5EA1C,EAAyC2C,GAAA,OAAX,KAAM,CAAA,GA4EpC,GAGFjD,EAuEU,UAvEVkD,GAuEU,eAtERlD,EAAwE,KAAA,CAApE,MAAM,UAAU,MAAA,CAAA,gBAAA,WAAA,CAAA,EAAiC,iBAAc,EAAA,GAExDpC,EAAA,OAAQA,EAAA,MAAK,MAAM,OAAM,GAApC4C,EAAA,EAAAT,EAKM,MALNoD,GAKM,CAJJjD,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAF,EAA4B,QAAA,CAArB,IAAI,IAAA,EAAK,OAAI,EAAA,KACpBA,EAES,SAAA,CAFD,GAAG,KAAc,sBAAAE,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA+B,GAAAhE,EAAA,MAAK,KAAIgE,EAAA,IAChCzB,EAAA,EAAA,EAAAT,EAAoFW,EAAA,KAAAQ,EAAhEtD,EAAA,MAAK,MAAVa,QAAfsB,EAAoF,SAAA,CAAnD,IAAKtB,EAAE,KAAO,MAAOA,EAAE,IAAA,EAASmC,EAAAnC,EAAE,KAAK,EAAA,EAAA2E,EAAA,iBADjD,CAAAC,EAAApF,EAAA,MAAK,IAAI,CAAA,eAKpC+B,EAGM,MAHNsD,GAGM,CAFJpD,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAF,EAA4B,QAAA,CAArB,IAAI,IAAA,EAAK,OAAI,EAAA,KACpBA,EAAwG,QAAA,CAAjG,GAAG,KAAmB,sBAAAE,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA+B,GAAAhE,EAAA,MAAK,KAAIgE,GAAE,KAAK,OAAO,YAAY,mBAAmB,WAAW,OAAA,gBAAjEhE,EAAA,MAAK,YAAX,CAAA,KAAR,EAAA,CAAwB,OAIzCuC,EAAA,EAAA,EAAAT,EASMW,EAAA,KAAAQ,IATW1C,EAAAF,EAAA,QAAA,YAAAE,EAAY,YAAjBI,QAAZmB,EASM,MAAA,CATsC,IAAKnB,EAAE,IAAK,MAAM,QAAQ,MAAA,CAAA,YAAA,OAAA,CAAA,GACpEoB,EAAkD,QAAA,CAA1C,IAAG,OAASpB,EAAE,GAAG,EAAA,EAAOgC,EAAAhC,EAAE,KAAK,EAAA,EAAA2E,EAAA,IACvCvD,EAME,QAAA,CALC,GAAE,OAASpB,EAAE,GAAG,GACH,sBAAAqD,GAAAhE,EAAA,MAAK,OAAOW,EAAE,GAAG,EAAAqD,EAC/B,KAAK,OACJ,YAAarD,EAAE,YAChB,WAAW,OAAA,iBAHGX,EAAA,MAAK,OAAOW,EAAE,GAAG,SAAvB,CAAA,KAAR,EAAA,CAAiC,cAOrCoB,EAOK,KAPLwD,GAOK,iBAPqD,WAExD,EAAA,GAAApD,EAIWC,EAAA,CAJD,MAAM,wBAAsB,WACpC,IAAiB,CAAA,GAAAH,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAA,CAAjBF,EAAiB,SAAd,aAAU,EAAA,IAAI,uIAC2C,EAAA,EAAAA,EAAuB,YAAjB,aAAU,EAAA,IAAO,4EAErF,EAAA,CAAA,aAEFA,EASM,MATNyD,GASM,CARJzD,EAOQ,QAPR0D,GAOQ,CANN1D,EAIE,QAAA,CAHA,KAAK,WACJ,QAAS/B,EAAA,MAAK,OAAO,SAAQ,GAAA,EAC7B,wBAAQiB,EAAW,GAAA,EAAA,8BACpB,eAEJ,EAAA,EAAA,KAEUjB,EAAA,MAAK,OAAO,SAAQ,GAAA,YAAhCuC,IAAAT,EAKM,MALN4D,GAKM,EAJJnD,EAAA,EAAA,EAAAT,EAGQW,EAAA,KAAAQ,IAHW0C,EAAAhG,EAAA,QAAA,YAAAgG,EAAM,YAAXC,QAAd9D,EAGQ,QAAA,CAHgC,IAAK8D,EAAG,MAAM,OAAA,GACpD7D,EAAqF,QAAA,CAA9E,KAAK,WAAY,QAAS/B,EAAA,MAAK,OAAO,SAAS4F,CAAC,EAAI,SAAM5B,GAAE/C,EAAY2E,CAAC,CAAA,cAAKlB,EAAA,MAClFkB,CAAC,EAAA,CAAA,CAAA,cAIS1F,EAAA,WAAjBmC,EAA0FC,EAAA,OAA7D,KAAMpC,EAAA,MAAW,MAAM,mCAAA,6BAEpD6B,EAIM,MAJN8D,GAIM,CAHJ1D,EAEeiC,EAAA,CAFD,QAAQ,UAAW,QAASnE,EAAA,MAAS,UAAWS,EAAA,MAAU,QAAOU,CAAA,aAC7E,IAA0C,KAAvCnB,EAAA,MAAM,eAAA,UAAA,EAAA,CAAA,CAAA,oCAIb8B,EAUI,IAVJ+D,GAUI,iBAVY,mIAGd,EAAA,GAAA3D,EAMWC,EAAA,CAND,MAAM,sCAAoC,WAAC,IACzC,CAAA,GAAAH,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAA,GADyC,cACzC,EAAA,EAAAF,EAA2D,YAArD,iDAA8C,EAAA,IAAO,wBACrE,EAAA,EAAAA,EAA+B,YAAzB,qBAAkB,EAAA,IAAO,eAAY,EAAA,EAAAA,EAAY,UAAR,MAAG,EAAA,IAAK,sEACtB,EAAA,EAAAA,EAA+B,YAAzB,qBAAkB,EAAA,IAAO,iDAC7C,EAAA,EAAAA,EAA8B,YAAxB,oBAAiB,EAAA,IAAO,sEAEnD,EAAA,CAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{d as o,r as h,i as x}from"./useDeployment-C4MdUG63.js";import{s as _}from"./useFormat-CKJxQp_i.js";import{_ as T}from"./SkeletonList.vue_vue_type_script_setup_true_lang-SxitAmDb.js";import{d as C,c as a,a as e,u as t,y as m,i as p,f as r,m as l,h as b,_ as g,t as i,G as A,F as u,x as k,D as N,j as R,o as n}from"./index-Bygbts8t.js";import"./useVars-VN9gYdR6.js";const $={class:"panel"},B={class:"phead"},z={key:1,class:"mute"},L={key:1,class:"mute"},S={key:2,class:"kvlist"},U={class:"k"},V={class:"v mono"},D={class:"v"},I={class:"mute",style:{"margin-left":"8px","font-size":"var(--t-sm)"}},j={key:0},q={class:"v"},E={class:"v mono"},F={key:1},H={class:"v"},P={key:0,class:"mute"},G={key:2},K={class:"k"},O={class:"v"},J={class:"mono"},M={class:"mute",style:{"font-size":"var(--t-sm)"}},Q={key:3},W={class:"v"},X={key:0,class:"mute"},Y={class:"v"},Z={class:"v"},ss={class:"v"},es={class:"v"},rs=C({__name:"OverviewTab",setup(ts){const w=N(()=>x.value?"a host singleton previews borrow — no axes, and down is guarded":"one tenant, created and destroyed constantly, expected to leave nothing behind");return(os,s)=>{var y,v,f;const c=R("RouterLink");return n(),a("section",$,[e("div",B,[s[2]||(s[2]=e("h2",{class:"section"},"Resolved spec",-1)),s[3]||(s[3]=e("span",{class:"grow"},null,-1)),t(o).detail?(n(),m(c,{key:0,to:`/submit?from=${encodeURIComponent(t(o).id)}`},{default:p(()=>[...s[0]||(s[0]=[l(" Duplicate ",-1)])]),_:1},8,["to"])):r("",!0),t(o).detail?(n(),a("span",z,"·")):r("",!0),t(o).detail?(n(),m(c,{key:2,to:`/submit/${encodeURIComponent(t(o).id)}`},{default:p(()=>[...s[1]||(s[1]=[l(" Edit spec & compose → ",-1)])]),_:1},8,["to"])):r("",!0)]),!t(o).detail&&!t(o).error?(n(),m(T,{key:0,rows:5})):t(o).detail?(n(),a("ul",S,[e("li",null,[e("span",U,[s[5]||(s[5]=l(" stack ",-1)),b(g,{label:"the difference between id and stack"},{default:p(()=>[...s[4]||(s[4]=[l(" The ",-1),e("b",null,"id",-1),l(" is what you named this deployment. The ",-1),e("b",null,"stack",-1),l(" is what its spec resolved to once the variables were filled in — the compose project name, the hostname label, and ",-1),e("code",null,"$STACK",-1),l(" inside every hook. ",-1)])]),_:1})]),e("span",V,i(t(o).detail.stack||"—"),1)]),e("li",null,[s[6]||(s[6]=e("span",{class:"k"},"kind",-1)),e("span",D,[e("span",{class:A(["badge",t(o).detail.kind])},i(t(o).detail.kind),3),e("span",I,i(w.value),1)])]),(y=t(h))!=null&&y.specName?(n(),a("li",j,[s[8]||(s[8]=e("span",{class:"k"},"spec",-1)),e("span",q,[e("b",null,i(t(h).specName),1),s[7]||(s[7]=e("span",{class:"mute",style:{"font-size":"var(--t-sm)"}}," — stored, and shared with any other deployment using it ",-1))])])):r("",!0),e("li",null,[s[9]||(s[9]=e("span",{class:"k"},"compose file",-1)),e("span",E,i(t(o).detail.compose?t(o).detail.compose.file:"— (no compose section)"),1)]),t(o).detail.compose?(n(),a("li",F,[s[10]||(s[10]=e("span",{class:"k"},"profiles",-1)),e("span",H,[(n(!0),a(u,null,k(t(o).detail.compose.profiles,d=>(n(),a("span",{key:d,class:"badge",style:{"margin-right":"4px"}},i(d),1))),128)),t(o).detail.compose.profiles.length?r("",!0):(n(),a("span",P," none — a bare up starts every service "))])])):r("",!0),(f=(v=t(o).detail.compose)==null?void 0:v.subdomains)!=null&&f.length?(n(),a("li",G,[e("span",K,[s[15]||(s[15]=l(" subdomains ",-1)),b(g,{label:"how wildcard subdomains work"},{default:p(()=>[s[14]||(s[14]=l(" Anything one label under these hosts reaches the same service the bare host does. An exact hostname you route yourself always wins over the wildcard. ",-1)),t(o).detail.compose.subdomains.some(d=>d.depth==="any")?(n(),a(u,{key:0},[s[11]||(s[11]=l(" A route marked ",-1)),s[12]||(s[12]=e("b",null,"any depth",-1)),s[13]||(s[13]=l(" works over HTTP only — no TLS certificate can cover more than one label. ",-1))],64)):r("",!0)]),_:1})]),e("span",O,[(n(!0),a(u,null,k(t(o).detail.compose.subdomains,d=>(n(),a("div",{key:d.profile},[e("span",J,"*."+i(d.host),1),e("span",M,[l(" → "+i(d.profile),1),d.depth==="any"?(n(),a(u,{key:0},[l(" · any depth, HTTP only")],64)):r("",!0)])]))),128))])])):r("",!0),t(o).detail.compose?(n(),a("li",Q,[s[16]||(s[16]=e("span",{class:"k"},"overlays",-1)),e("span",W,[(n(!0),a(u,null,k(t(o).detail.compose.overlays,d=>(n(),a("span",{key:d,class:"mono",style:{"margin-right":"8px"}},i(d),1))),128)),t(o).detail.compose.overlays.length?r("",!0):(n(),a("span",X,"none"))])])):r("",!0),e("li",null,[s[18]||(s[18]=e("span",{class:"k"},"axes",-1)),e("span",Y,[l(i(t(o).detail.axes.length)+" ",1),t(o).detail.axes.length?(n(),m(c,{key:0,to:`/deployments/${encodeURIComponent(t(o).id)}/axes`},{default:p(()=>[...s[17]||(s[17]=[l(" view → ",-1)])]),_:1},8,["to"])):r("",!0)])]),e("li",null,[s[19]||(s[19]=e("span",{class:"k"},"requires",-1)),e("span",Z,i(t(o).detail.requires.length),1)]),e("li",null,[s[20]||(s[20]=e("span",{class:"k"},"created",-1)),e("span",ss,i(t(_)(t(o).detail.createdAt)),1)]),e("li",null,[s[21]||(s[21]=e("span",{class:"k"},"updated",-1)),e("span",es,i(t(_)(t(o).detail.updatedAt)),1)])])):(n(),a("p",L,"Unavailable until the spec resolves."))])}}});export{rs as default};
|
|
2
|
+
//# sourceMappingURL=OverviewTab-BI1DZZxS.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OverviewTab-BI1DZZxS.js","sources":["../../src/views/tabs/OverviewTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/** The resolved spec, summarised. Read-only — everything that acts lives on Danger. */\nimport { computed } from 'vue';\nimport { dep, isShared, row } from '../../composables/useDeployment';\nimport { stamp } from '../../composables/useFormat';\nimport SkeletonList from '../../components/SkeletonList.vue';\nimport InfoHint from '../../components/InfoHint.vue';\n\nconst kindBlurb = computed(() =>\n isShared.value\n ? 'a host singleton previews borrow — no axes, and down is guarded'\n : 'one tenant, created and destroyed constantly, expected to leave nothing behind',\n);\n</script>\n\n<template>\n <section class=\"panel\">\n <div class=\"phead\">\n <h2 class=\"section\">Resolved spec</h2>\n <span class=\"grow\" />\n <RouterLink v-if=\"dep.detail\" :to=\"`/submit?from=${encodeURIComponent(dep.id)}`\">\n Duplicate\n </RouterLink>\n <span v-if=\"dep.detail\" class=\"mute\">·</span>\n <RouterLink v-if=\"dep.detail\" :to=\"`/submit/${encodeURIComponent(dep.id)}`\">\n Edit spec & compose →\n </RouterLink>\n </div>\n\n <SkeletonList v-if=\"!dep.detail && !dep.error\" :rows=\"5\" />\n <p v-else-if=\"!dep.detail\" class=\"mute\">Unavailable until the spec resolves.</p>\n\n <template v-else>\n <ul class=\"kvlist\">\n <li>\n <span class=\"k\">\n stack\n <InfoHint label=\"the difference between id and stack\">\n The <b>id</b> is what you named this deployment. The <b>stack</b> is what its spec\n resolved to once the variables were filled in — the compose project name, the hostname\n label, and <code>$STACK</code> inside every hook.\n </InfoHint>\n </span>\n <span class=\"v mono\">{{ dep.detail.stack || '—' }}</span>\n </li>\n <li>\n <span class=\"k\">kind</span>\n <span class=\"v\">\n <span class=\"badge\" :class=\"dep.detail.kind\">{{ dep.detail.kind }}</span>\n <span class=\"mute\" style=\"margin-left: 8px; font-size: var(--t-sm)\">{{ kindBlurb }}</span>\n </span>\n </li>\n <li v-if=\"row?.specName\">\n <span class=\"k\">spec</span>\n <span class=\"v\">\n <b>{{ row.specName }}</b>\n <span class=\"mute\" style=\"font-size: var(--t-sm)\">\n — stored, and shared with any other deployment using it\n </span>\n </span>\n </li>\n <li>\n <span class=\"k\">compose file</span>\n <span class=\"v mono\">\n {{ dep.detail.compose ? dep.detail.compose.file : '— (no compose section)' }}\n </span>\n </li>\n <li v-if=\"dep.detail.compose\">\n <span class=\"k\">profiles</span>\n <span class=\"v\">\n <span v-for=\"p in dep.detail.compose.profiles\" :key=\"p\" class=\"badge\" style=\"margin-right: 4px\">\n {{ p }}\n </span>\n <span v-if=\"!dep.detail.compose.profiles.length\" class=\"mute\">\n none — a bare up starts every service\n </span>\n </span>\n </li>\n <li v-if=\"dep.detail.compose?.subdomains?.length\">\n <span class=\"k\">\n subdomains\n <InfoHint label=\"how wildcard subdomains work\">\n Anything one label under these hosts reaches the same service the bare host does.\n An exact hostname you route yourself always wins over the wildcard.\n <template v-if=\"dep.detail.compose.subdomains.some((s) => s.depth === 'any')\">\n A route marked <b>any depth</b> works over HTTP only — no TLS certificate can cover\n more than one label.\n </template>\n </InfoHint>\n </span>\n <span class=\"v\">\n <div v-for=\"s in dep.detail.compose.subdomains\" :key=\"s.profile\">\n <span class=\"mono\">*.{{ s.host }}</span>\n <span class=\"mute\" style=\"font-size: var(--t-sm)\">\n → {{ s.profile }}<template v-if=\"s.depth === 'any'\"> · any depth, HTTP only</template>\n </span>\n </div>\n </span>\n </li>\n <li v-if=\"dep.detail.compose\">\n <span class=\"k\">overlays</span>\n <span class=\"v\">\n <span v-for=\"o in dep.detail.compose.overlays\" :key=\"o\" class=\"mono\" style=\"margin-right: 8px\">{{ o }}</span>\n <span v-if=\"!dep.detail.compose.overlays.length\" class=\"mute\">none</span>\n </span>\n </li>\n <li>\n <span class=\"k\">axes</span>\n <span class=\"v\">\n {{ dep.detail.axes.length }}\n <RouterLink v-if=\"dep.detail.axes.length\" :to=\"`/deployments/${encodeURIComponent(dep.id)}/axes`\">\n view →\n </RouterLink>\n </span>\n </li>\n <li>\n <span class=\"k\">requires</span>\n <span class=\"v\">{{ dep.detail.requires.length }}</span>\n </li>\n <li><span class=\"k\">created</span><span class=\"v\">{{ stamp(dep.detail.createdAt) }}</span></li>\n <li><span class=\"k\">updated</span><span class=\"v\">{{ stamp(dep.detail.updatedAt) }}</span></li>\n </ul>\n </template>\n </section>\n</template>\n"],"names":["kindBlurb","computed","isShared","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_cache","_unref","dep","_createBlock","_component_RouterLink","_hoisted_3","SkeletonList","_hoisted_5","_hoisted_6","_createVNode","InfoHint","_hoisted_7","_toDisplayString","_hoisted_8","_hoisted_9","row","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_Fragment","_renderList","p","_hoisted_15","_hoisted_16","_hoisted_17","s","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","o","_hoisted_23","_hoisted_24","_createTextVNode","_hoisted_25","_hoisted_26","stamp","_hoisted_27","_hoisted_4"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{d as E,c as a,a as t,m as s,h,i as k,_ as I,y as x,f as d,t as u,F as H,x as O,g as _,v as C,u as U,S,r as i,D as j,B as $,C as A,o as l,P as D}from"./index-Bygbts8t.js";import{_ as F}from"./ActionButton.vue_vue_type_script_setup_true_lang-DxV7T6dV.js";import{_ as N}from"./ErrorNote.vue_vue_type_script_setup_true_lang-BlepSrj0.js";import{_ as z}from"./SkeletonList.vue_vue_type_script_setup_true_lang-SxitAmDb.js";const G={class:"page-head"},K={class:"sub"},L={key:1,class:"banner failed"},M={key:2,class:"banner warn"},q={class:"mono"},J={class:"panel"},Q={class:"phead"},W={key:0,class:"mute break",style:{"font-size":"var(--t-sm)"}},X={key:1,class:"kvlist"},Y={class:"k break",style:{width:"220px"}},Z={class:"v row"},ee={key:0,class:"badge warn"},te={key:2,class:"mute"},se={class:"panel"},oe={class:"dim"},le={class:"field",style:{"max-width":"380px"}},ne={class:"field",style:{"max-width":"380px"}},ie={class:"field",style:{"max-width":"380px"}},ae={class:"row",style:{"margin-top":"var(--s4)"}},re={key:0,class:"mute"},de={class:"hint"},ue={class:"mono"},he=E({__name:"RegistriesView",setup(pe){const y=i([]),b=i([]),m=i(""),R=i(null),V=i(!1),p=i(""),r=i(""),v=i(""),c=i(""),f=i(!1),g=i(""),P=j(()=>!!S.token&&!f.value&&!!r.value&&!!v.value&&!!c.value);async function w(){const o=await $.get("/api/registries");if(V.value=!0,!o.ok){p.value=A(o,"load the registry credentials");return}p.value="",y.value=o.body.entries??[],b.value=o.body.helpers??[],m.value=o.body.dir??"",R.value=o.body.writable??!1}w();async function T(){f.value=!0,g.value="";const o=await $.put(`/api/registries/${encodeURIComponent(r.value)}`,{username:v.value,password:c.value});if(f.value=!1,!o.ok){g.value=A(o,"store this credential");return}c.value="";const e=o.body.registry;e&&e!==r.value?D("ok",`Stored for ${e} — Docker Hub's canonical key.`):D("ok",`Stored for ${e||r.value}. It applies to the next pull.`),r.value="",v.value="",w()}async function B(o){const e=await $.del(`/api/registries/${encodeURIComponent(o)}`);if(!e.ok){p.value=A(e,"forget this credential");return}D("ok",`Forgot ${o}.`),w()}return(o,e)=>(l(),a("div",null,[t("div",G,[t("div",null,[e[5]||(e[5]=t("h1",null,"Registries",-1)),t("div",K,[e[4]||(e[4]=s(" Credentials for pulling private images ",-1)),h(I,{label:"why a host login is not enough"},{default:k(()=>[...e[3]||(e[3]=[s(" A pull is authenticated by the docker ",-1),t("em",null,"client",-1),s(", not the daemon: it reads its own ",-1),t("code",null,"config.json",-1),s(" and hands the credential over. pstack's client runs inside the control container, so a ",-1),t("code",null,"docker login",-1),s(" on the host writes a file it cannot see — and the pull fails on a host that is logged in. ",-1)])]),_:1})])])]),p.value?(l(),x(N,{key:0,text:p.value,title:"Could not load the registry credentials."},null,8,["text"])):d("",!0),R.value===!1?(l(),a("div",L,[...e[6]||(e[6]=[t("b",null,"Read-only: the API cannot write the credential file.",-1),t("p",null,[s(" The control stack mounts a "),t("code",null,"DOCKER_CONFIG"),s(" directory into the API from 0.7.0 onward. Re-run "),t("code",null,"pstack init"),s(" on the host — it is idempotent, and it recreates the control containers. ")],-1)])])):d("",!0),b.value.length?(l(),a("div",M,[e[11]||(e[11]=t("b",null,"This file uses a credential helper, which will not work here.",-1)),t("p",null,[e[7]||(e[7]=s(" Found: ",-1)),t("span",q,u(b.value.join(", ")),1),e[8]||(e[8]=s(". A helper keeps the secret outside the file — in an OS keychain, usually — and the helper binary does not exist in this container, so pulls fail with ",-1)),e[9]||(e[9]=t("code",null,"error getting credentials",-1)),e[10]||(e[10]=s(". Add the credential below instead, which stores it in the file. ",-1))])])):d("",!0),t("section",J,[t("div",Q,[e[12]||(e[12]=t("h2",{class:"section"},"Stored",-1)),e[13]||(e[13]=t("span",{class:"grow"},null,-1)),m.value?(l(),a("span",W,[t("code",null,u(m.value),1)])):d("",!0)]),V.value?y.value.length?(l(),a("ul",X,[(l(!0),a(H,null,O(y.value,n=>(l(),a("li",{key:n.registry},[t("span",Y,[t("b",null,u(n.registry),1)]),t("span",Z,[t("span",null,u(n.username??"unknown user"),1),n.viaHelper?(l(),a("span",ee,"via helper")):d("",!0),e[15]||(e[15]=t("span",{class:"grow"},null,-1)),h(F,{disabled:!U(S).token,variant:"danger",onClick:ve=>B(n.registry)},{default:k(()=>[...e[14]||(e[14]=[s(" Forget ",-1)])]),_:1},8,["disabled","onClick"])])]))),128))])):(l(),a("p",te," Nothing stored. Public images need no credential — this is only for a private registry. ")):(l(),x(z,{key:0,rows:2}))]),t("section",se,[e[26]||(e[26]=t("h2",{class:"section",style:{"margin-bottom":"var(--s3)"}},"Add a credential",-1)),t("p",oe,[e[17]||(e[17]=s(" Applies to the ",-1)),e[18]||(e[18]=t("b",null,"next pull",-1)),e[19]||(e[19]=s(" — nothing needs restarting. ",-1)),h(I,{label:"why no restart is needed"},{default:k(()=>[...e[16]||(e[16]=[s(" The docker client re-reads ",-1),t("code",null,"config.json",-1),s(" on every invocation, so there is no cache to bust. Storing one now is enough for a deploy started a second later. ",-1)])]),_:1})]),t("div",le,[e[20]||(e[20]=t("label",{for:"host"},"Registry",-1)),_(t("input",{id:"host","onUpdate:modelValue":e[0]||(e[0]=n=>r.value=n),type:"text",placeholder:"ghcr.io",spellcheck:"false",autocomplete:"off"},null,512),[[C,r.value,void 0,{trim:!0}]]),e[21]||(e[21]=t("div",{class:"mute hint"},[s(" Use "),t("code",null,"docker.io"),s(" for Docker Hub — it is stored under Docker Hub's canonical key. ")],-1))]),t("div",ne,[e[22]||(e[22]=t("label",{for:"user"},"Username",-1)),_(t("input",{id:"user","onUpdate:modelValue":e[1]||(e[1]=n=>v.value=n),type:"text",spellcheck:"false",autocomplete:"off"},null,512),[[C,v.value,void 0,{trim:!0}]])]),t("div",ie,[e[23]||(e[23]=t("label",{for:"pass"},"Password or token",-1)),_(t("input",{id:"pass","onUpdate:modelValue":e[2]||(e[2]=n=>c.value=n),type:"password",autocomplete:"off",spellcheck:"false"},null,512),[[C,c.value]]),e[24]||(e[24]=t("div",{class:"mute hint"},[s(" Prefer a token scoped to reading packages. Stored on the host as reversible base64, exactly as "),t("code",null,"docker login"),s(" stores it — never sent back to this page. ")],-1))]),g.value?(l(),x(N,{key:0,text:g.value,title:"Could not store this credential."},null,8,["text"])):d("",!0),t("div",ae,[h(F,{variant:"primary",pending:f.value,disabled:!P.value,onClick:T},{default:k(()=>[s(u(f.value?"Storing…":"Store"),1)]),_:1},8,["pending","disabled"]),U(S).token?d("",!0):(l(),a("span",re,"Storing needs an access token."))]),t("p",de,[e[25]||(e[25]=s(" Or from the host, which writes the same file: ",-1)),t("span",ue,"docker login --config "+u(m.value||"<DATA_DIR>/control/docker")+" <registry>",1)])])]))}});export{he as default};
|
|
2
|
+
//# sourceMappingURL=RegistriesView-CEE730kV.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RegistriesView-r-FHyu2l.js","sources":["../../src/views/RegistriesView.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Private registry credentials.\n *\n * WHY THIS PAGE EXISTS. An image pull is authenticated by the **client**, not the daemon: `docker pull`\n * reads its own `config.json` and hands the credential to the daemon. pstack shells out to compose from\n * inside the control container, so a `docker login` on the host writes a file that client cannot see —\n * and a private image fails with `pull access denied` on a host that is demonstrably logged in.\n *\n * WRITE-ONLY, DELIBERATELY. A `config.json` entry is `base64(\"user:password\")` — reversible, not\n * encrypted. So there is no read path for it anywhere in the API, and this page shows hostnames and\n * usernames only. No reveal control, because the plaintext was never sent here; the same reasoning as\n * the masked variables. Re-entering a credential replaces it.\n *\n * The credential applies to the **next pull** — the CLI re-reads the file on every invocation, so\n * nothing needs restarting and there is no cache to bust. That is the property that makes \"add creds on\n * demand\" work at all, and it is stated on the page because otherwise the natural assumption is that a\n * redeploy is needed.\n */\nimport { computed, ref } from 'vue';\nimport { api, problem } from '../api/client';\nimport type { RegistriesResponse, RegistryEntry } from '../api/types';\nimport { settings } from '../composables/useSettings';\nimport { toast } from '../composables/useToasts';\nimport ActionButton from '../components/ActionButton.vue';\nimport ErrorNote from '../components/ErrorNote.vue';\nimport InfoHint from '../components/InfoHint.vue';\nimport SkeletonList from '../components/SkeletonList.vue';\n\nconst entries = ref<RegistryEntry[]>([]);\nconst helpers = ref<string[]>([]);\nconst dir = ref('');\nconst writable = ref<boolean | null>(null);\nconst loaded = ref(false);\nconst listError = ref('');\n\nconst host = ref('');\nconst username = ref('');\nconst password = ref('');\nconst saving = ref(false);\nconst formError = ref('');\n\nconst canSave = computed(\n () => !!settings.token && !saving.value && !!host.value && !!username.value && !!password.value,\n);\n\nasync function load(): Promise<void> {\n const r = await api.get<RegistriesResponse>('/api/registries');\n loaded.value = true;\n if (!r.ok) {\n listError.value = problem(r, 'load the registry credentials');\n return;\n }\n listError.value = '';\n entries.value = r.body.entries ?? [];\n helpers.value = r.body.helpers ?? [];\n dir.value = r.body.dir ?? '';\n writable.value = r.body.writable ?? false;\n}\n\nvoid load();\n\nasync function save(): Promise<void> {\n saving.value = true;\n formError.value = '';\n const r = await api.put<{ registry: string }>(\n `/api/registries/${encodeURIComponent(host.value)}`,\n { username: username.value, password: password.value },\n );\n saving.value = false;\n if (!r.ok) {\n formError.value = problem(r, 'store this credential');\n return;\n }\n // Cleared immediately: there is no reason for a password to stay in a form field after it is stored,\n // and the page cannot read it back to re-populate one.\n password.value = '';\n const stored = r.body.registry;\n if (stored && stored !== host.value) {\n // Docker Hub's canonical key differs from what anyone types; saying so avoids \"I stored it and it\n // still is not used\".\n toast('ok', `Stored for ${stored} — Docker Hub's canonical key.`);\n } else {\n toast('ok', `Stored for ${stored || host.value}. It applies to the next pull.`);\n }\n host.value = '';\n username.value = '';\n void load();\n}\n\nasync function forget(registry: string): Promise<void> {\n const r = await api.del(`/api/registries/${encodeURIComponent(registry)}`);\n if (!r.ok) {\n listError.value = problem(r, 'forget this credential');\n return;\n }\n toast('ok', `Forgot ${registry}.`);\n void load();\n}\n</script>\n\n<template>\n <div>\n <div class=\"page-head\">\n <div>\n <h1>Registries</h1>\n <div class=\"sub\">\n Credentials for pulling private images\n <InfoHint label=\"why a host login is not enough\">\n A pull is authenticated by the docker <em>client</em>, not the daemon: it reads its own\n <code>config.json</code> and hands the credential over. pstack's client runs inside the\n control container, so a <code>docker login</code> on the host writes a file it cannot see —\n and the pull fails on a host that is logged in.\n </InfoHint>\n </div>\n </div>\n </div>\n\n <ErrorNote v-if=\"listError\" :text=\"listError\" title=\"Could not load the registry credentials.\" />\n\n <div v-if=\"writable === false\" class=\"banner failed\">\n <b>Read-only: the API cannot write the credential file.</b>\n <p>\n The control stack mounts a <code>DOCKER_CONFIG</code> directory into the API from 0.7.0 onward.\n Re-run <code>pstack init</code> on the host — it is idempotent, and it recreates the control\n containers.\n </p>\n </div>\n\n <!--\n The trap worth naming: a config.json copied from a laptop usually has credsStore and NO auths,\n because the secrets are in the OS keychain. Inside the container that helper does not exist, so\n every pull fails and an empty list looks like the reason.\n -->\n <div v-if=\"helpers.length\" class=\"banner warn\">\n <b>This file uses a credential helper, which will not work here.</b>\n <p>\n Found: <span class=\"mono\">{{ helpers.join(', ') }}</span>. A helper keeps the secret outside the\n file — in an OS keychain, usually — and the helper binary does not exist in this container, so\n pulls fail with <code>error getting credentials</code>. Add the credential below instead, which\n stores it in the file.\n </p>\n </div>\n\n <section class=\"panel\">\n <div class=\"phead\">\n <h2 class=\"section\">Stored</h2>\n <span class=\"grow\" />\n <span v-if=\"dir\" class=\"mute break\" style=\"font-size: var(--t-sm)\"><code>{{ dir }}</code></span>\n </div>\n\n <SkeletonList v-if=\"!loaded\" :rows=\"2\" />\n <ul v-else-if=\"entries.length\" class=\"kvlist\">\n <li v-for=\"e in entries\" :key=\"e.registry\">\n <span class=\"k break\" style=\"width: 220px\"><b>{{ e.registry }}</b></span>\n <span class=\"v row\">\n <span>{{ e.username ?? 'unknown user' }}</span>\n <span v-if=\"e.viaHelper\" class=\"badge warn\">via helper</span>\n <span class=\"grow\" />\n <ActionButton :disabled=\"!settings.token\" variant=\"danger\" @click=\"forget(e.registry)\">\n Forget\n </ActionButton>\n </span>\n </li>\n </ul>\n <p v-else class=\"mute\">\n Nothing stored. Public images need no credential — this is only for a private registry.\n </p>\n </section>\n\n <section class=\"panel\">\n <h2 class=\"section\" style=\"margin-bottom: var(--s3)\">Add a credential</h2>\n\n <p class=\"dim\">\n Applies to the <b>next pull</b> — nothing needs restarting.\n <InfoHint label=\"why no restart is needed\">\n The docker client re-reads <code>config.json</code> on every invocation, so there is no cache\n to bust. Storing one now is enough for a deploy started a second later.\n </InfoHint>\n </p>\n\n <div class=\"field\" style=\"max-width: 380px\">\n <label for=\"host\">Registry</label>\n <input\n id=\"host\"\n v-model.trim=\"host\"\n type=\"text\"\n placeholder=\"ghcr.io\"\n spellcheck=\"false\"\n autocomplete=\"off\"\n />\n <div class=\"mute hint\">\n Use <code>docker.io</code> for Docker Hub — it is stored under Docker Hub's canonical key.\n </div>\n </div>\n\n <div class=\"field\" style=\"max-width: 380px\">\n <label for=\"user\">Username</label>\n <input id=\"user\" v-model.trim=\"username\" type=\"text\" spellcheck=\"false\" autocomplete=\"off\" />\n </div>\n\n <div class=\"field\" style=\"max-width: 380px\">\n <label for=\"pass\">Password or token</label>\n <input id=\"pass\" v-model=\"password\" type=\"password\" autocomplete=\"off\" spellcheck=\"false\" />\n <div class=\"mute hint\">\n Prefer a token scoped to reading packages. Stored on the host as reversible base64, exactly as\n <code>docker login</code> stores it — never sent back to this page.\n </div>\n </div>\n\n <ErrorNote v-if=\"formError\" :text=\"formError\" title=\"Could not store this credential.\" />\n\n <div class=\"row\" style=\"margin-top: var(--s4)\">\n <ActionButton variant=\"primary\" :pending=\"saving\" :disabled=\"!canSave\" @click=\"save\">\n {{ saving ? 'Storing…' : 'Store' }}\n </ActionButton>\n <span v-if=\"!settings.token\" class=\"mute\">Storing needs an access token.</span>\n </div>\n\n <p class=\"hint\">\n Or from the host, which writes the same file:\n <span class=\"mono\">docker login --config {{ dir || '<DATA_DIR>/control/docker' }} <registry></span>\n </p>\n </section>\n </div>\n</template>\n"],"names":["entries","ref","helpers","dir","writable","loaded","listError","host","username","password","saving","formError","canSave","computed","settings","load","r","api","problem","save","stored","toast","forget","registry","_createElementBlock","_createElementVNode","_hoisted_1","_cache","_hoisted_2","_createVNode","InfoHint","_createBlock","ErrorNote","_openBlock","_hoisted_3","_hoisted_4","_hoisted_5","_toDisplayString","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_Fragment","_renderList","e","_hoisted_10","_hoisted_11","_hoisted_12","ActionButton","_unref","$event","_hoisted_13","SkeletonList","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"RegistriesView-CEE730kV.js","sources":["../../src/views/RegistriesView.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Private registry credentials.\n *\n * WHY THIS PAGE EXISTS. An image pull is authenticated by the **client**, not the daemon: `docker pull`\n * reads its own `config.json` and hands the credential to the daemon. pstack shells out to compose from\n * inside the control container, so a `docker login` on the host writes a file that client cannot see —\n * and a private image fails with `pull access denied` on a host that is demonstrably logged in.\n *\n * WRITE-ONLY, DELIBERATELY. A `config.json` entry is `base64(\"user:password\")` — reversible, not\n * encrypted. So there is no read path for it anywhere in the API, and this page shows hostnames and\n * usernames only. No reveal control, because the plaintext was never sent here; the same reasoning as\n * the masked variables. Re-entering a credential replaces it.\n *\n * The credential applies to the **next pull** — the CLI re-reads the file on every invocation, so\n * nothing needs restarting and there is no cache to bust. That is the property that makes \"add creds on\n * demand\" work at all, and it is stated on the page because otherwise the natural assumption is that a\n * redeploy is needed.\n */\nimport { computed, ref } from 'vue';\nimport { api, problem } from '../api/client';\nimport type { RegistriesResponse, RegistryEntry } from '../api/types';\nimport { settings } from '../composables/useSettings';\nimport { toast } from '../composables/useToasts';\nimport ActionButton from '../components/ActionButton.vue';\nimport ErrorNote from '../components/ErrorNote.vue';\nimport InfoHint from '../components/InfoHint.vue';\nimport SkeletonList from '../components/SkeletonList.vue';\n\nconst entries = ref<RegistryEntry[]>([]);\nconst helpers = ref<string[]>([]);\nconst dir = ref('');\nconst writable = ref<boolean | null>(null);\nconst loaded = ref(false);\nconst listError = ref('');\n\nconst host = ref('');\nconst username = ref('');\nconst password = ref('');\nconst saving = ref(false);\nconst formError = ref('');\n\nconst canSave = computed(\n () => !!settings.token && !saving.value && !!host.value && !!username.value && !!password.value,\n);\n\nasync function load(): Promise<void> {\n const r = await api.get<RegistriesResponse>('/api/registries');\n loaded.value = true;\n if (!r.ok) {\n listError.value = problem(r, 'load the registry credentials');\n return;\n }\n listError.value = '';\n entries.value = r.body.entries ?? [];\n helpers.value = r.body.helpers ?? [];\n dir.value = r.body.dir ?? '';\n writable.value = r.body.writable ?? false;\n}\n\nvoid load();\n\nasync function save(): Promise<void> {\n saving.value = true;\n formError.value = '';\n const r = await api.put<{ registry: string }>(\n `/api/registries/${encodeURIComponent(host.value)}`,\n { username: username.value, password: password.value },\n );\n saving.value = false;\n if (!r.ok) {\n formError.value = problem(r, 'store this credential');\n return;\n }\n // Cleared immediately: there is no reason for a password to stay in a form field after it is stored,\n // and the page cannot read it back to re-populate one.\n password.value = '';\n const stored = r.body.registry;\n if (stored && stored !== host.value) {\n // Docker Hub's canonical key differs from what anyone types; saying so avoids \"I stored it and it\n // still is not used\".\n toast('ok', `Stored for ${stored} — Docker Hub's canonical key.`);\n } else {\n toast('ok', `Stored for ${stored || host.value}. It applies to the next pull.`);\n }\n host.value = '';\n username.value = '';\n void load();\n}\n\nasync function forget(registry: string): Promise<void> {\n const r = await api.del(`/api/registries/${encodeURIComponent(registry)}`);\n if (!r.ok) {\n listError.value = problem(r, 'forget this credential');\n return;\n }\n toast('ok', `Forgot ${registry}.`);\n void load();\n}\n</script>\n\n<template>\n <div>\n <div class=\"page-head\">\n <div>\n <h1>Registries</h1>\n <div class=\"sub\">\n Credentials for pulling private images\n <InfoHint label=\"why a host login is not enough\">\n A pull is authenticated by the docker <em>client</em>, not the daemon: it reads its own\n <code>config.json</code> and hands the credential over. pstack's client runs inside the\n control container, so a <code>docker login</code> on the host writes a file it cannot see —\n and the pull fails on a host that is logged in.\n </InfoHint>\n </div>\n </div>\n </div>\n\n <ErrorNote v-if=\"listError\" :text=\"listError\" title=\"Could not load the registry credentials.\" />\n\n <div v-if=\"writable === false\" class=\"banner failed\">\n <b>Read-only: the API cannot write the credential file.</b>\n <p>\n The control stack mounts a <code>DOCKER_CONFIG</code> directory into the API from 0.7.0 onward.\n Re-run <code>pstack init</code> on the host — it is idempotent, and it recreates the control\n containers.\n </p>\n </div>\n\n <!--\n The trap worth naming: a config.json copied from a laptop usually has credsStore and NO auths,\n because the secrets are in the OS keychain. Inside the container that helper does not exist, so\n every pull fails and an empty list looks like the reason.\n -->\n <div v-if=\"helpers.length\" class=\"banner warn\">\n <b>This file uses a credential helper, which will not work here.</b>\n <p>\n Found: <span class=\"mono\">{{ helpers.join(', ') }}</span>. A helper keeps the secret outside the\n file — in an OS keychain, usually — and the helper binary does not exist in this container, so\n pulls fail with <code>error getting credentials</code>. Add the credential below instead, which\n stores it in the file.\n </p>\n </div>\n\n <section class=\"panel\">\n <div class=\"phead\">\n <h2 class=\"section\">Stored</h2>\n <span class=\"grow\" />\n <span v-if=\"dir\" class=\"mute break\" style=\"font-size: var(--t-sm)\"><code>{{ dir }}</code></span>\n </div>\n\n <SkeletonList v-if=\"!loaded\" :rows=\"2\" />\n <ul v-else-if=\"entries.length\" class=\"kvlist\">\n <li v-for=\"e in entries\" :key=\"e.registry\">\n <span class=\"k break\" style=\"width: 220px\"><b>{{ e.registry }}</b></span>\n <span class=\"v row\">\n <span>{{ e.username ?? 'unknown user' }}</span>\n <span v-if=\"e.viaHelper\" class=\"badge warn\">via helper</span>\n <span class=\"grow\" />\n <ActionButton :disabled=\"!settings.token\" variant=\"danger\" @click=\"forget(e.registry)\">\n Forget\n </ActionButton>\n </span>\n </li>\n </ul>\n <p v-else class=\"mute\">\n Nothing stored. Public images need no credential — this is only for a private registry.\n </p>\n </section>\n\n <section class=\"panel\">\n <h2 class=\"section\" style=\"margin-bottom: var(--s3)\">Add a credential</h2>\n\n <p class=\"dim\">\n Applies to the <b>next pull</b> — nothing needs restarting.\n <InfoHint label=\"why no restart is needed\">\n The docker client re-reads <code>config.json</code> on every invocation, so there is no cache\n to bust. Storing one now is enough for a deploy started a second later.\n </InfoHint>\n </p>\n\n <div class=\"field\" style=\"max-width: 380px\">\n <label for=\"host\">Registry</label>\n <input\n id=\"host\"\n v-model.trim=\"host\"\n type=\"text\"\n placeholder=\"ghcr.io\"\n spellcheck=\"false\"\n autocomplete=\"off\"\n />\n <div class=\"mute hint\">\n Use <code>docker.io</code> for Docker Hub — it is stored under Docker Hub's canonical key.\n </div>\n </div>\n\n <div class=\"field\" style=\"max-width: 380px\">\n <label for=\"user\">Username</label>\n <input id=\"user\" v-model.trim=\"username\" type=\"text\" spellcheck=\"false\" autocomplete=\"off\" />\n </div>\n\n <div class=\"field\" style=\"max-width: 380px\">\n <label for=\"pass\">Password or token</label>\n <input id=\"pass\" v-model=\"password\" type=\"password\" autocomplete=\"off\" spellcheck=\"false\" />\n <div class=\"mute hint\">\n Prefer a token scoped to reading packages. Stored on the host as reversible base64, exactly as\n <code>docker login</code> stores it — never sent back to this page.\n </div>\n </div>\n\n <ErrorNote v-if=\"formError\" :text=\"formError\" title=\"Could not store this credential.\" />\n\n <div class=\"row\" style=\"margin-top: var(--s4)\">\n <ActionButton variant=\"primary\" :pending=\"saving\" :disabled=\"!canSave\" @click=\"save\">\n {{ saving ? 'Storing…' : 'Store' }}\n </ActionButton>\n <span v-if=\"!settings.token\" class=\"mute\">Storing needs an access token.</span>\n </div>\n\n <p class=\"hint\">\n Or from the host, which writes the same file:\n <span class=\"mono\">docker login --config {{ dir || '<DATA_DIR>/control/docker' }} <registry></span>\n </p>\n </section>\n </div>\n</template>\n"],"names":["entries","ref","helpers","dir","writable","loaded","listError","host","username","password","saving","formError","canSave","computed","settings","load","r","api","problem","save","stored","toast","forget","registry","_createElementBlock","_createElementVNode","_hoisted_1","_cache","_hoisted_2","_createVNode","InfoHint","_createBlock","ErrorNote","_openBlock","_hoisted_3","_hoisted_4","_hoisted_5","_toDisplayString","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_Fragment","_renderList","e","_hoisted_10","_hoisted_11","_hoisted_12","ActionButton","_unref","$event","_hoisted_13","SkeletonList","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{s as i,b as l}from"./useFormat-CKJxQp_i.js";import{d as r,Y as m,Z as c,o as u,c as d,u as f,t as p,r as v,D}from"./index-Bygbts8t.js";const w=["datetime","title"],I=15e3,h=r({__name:"RelativeTime",props:{at:{}},setup(e){const o=e,n=v(Date.now());let t=null,a=0;m(()=>{a++,t||(t=setInterval(()=>n.value=Date.now(),I))}),c(()=>{a--,a===0&&t&&(clearInterval(t),t=null)});const s=D(()=>(n.value,l(o.at)));return(S,_)=>(u(),d("time",{datetime:e.at?new Date(e.at).toISOString():void 0,title:f(i)(e.at)},p(s.value),9,w))}});export{h as _};
|
|
2
|
+
//# sourceMappingURL=RelativeTime.vue_vue_type_script_setup_true_lang-lQaz4t05.js.map
|