@samyx/preview-stacks-ui 0.15.0 → 0.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{ActionButton.vue_vue_type_script_setup_true_lang-Cd_ENfdu.js → ActionButton.vue_vue_type_script_setup_true_lang-DjO5RzbR.js} +2 -2
- package/dist/assets/{ActionButton.vue_vue_type_script_setup_true_lang-Cd_ENfdu.js.map → ActionButton.vue_vue_type_script_setup_true_lang-DjO5RzbR.js.map} +1 -1
- package/dist/assets/{AxesTab-PIPODUl8.js → AxesTab-BZZXKEC0.js} +2 -2
- package/dist/assets/{AxesTab-PIPODUl8.js.map → AxesTab-BZZXKEC0.js.map} +1 -1
- package/dist/assets/ConfigTab-CFbS48D0.js +2 -0
- package/dist/assets/ConfigTab-CFbS48D0.js.map +1 -0
- package/dist/assets/{DangerTab-DTiS6xB0.js → DangerTab-Nyebdr6k.js} +2 -2
- package/dist/assets/{DangerTab-DTiS6xB0.js.map → DangerTab-Nyebdr6k.js.map} +1 -1
- package/dist/assets/{DashboardView-Bss76wHt.js → DashboardView-CFwb63EX.js} +2 -2
- package/dist/assets/{DashboardView-Bss76wHt.js.map → DashboardView-CFwb63EX.js.map} +1 -1
- package/dist/assets/{DeploymentDetailView-kyClP0y4.js → DeploymentDetailView-DKCUbiGG.js} +2 -2
- package/dist/assets/{DeploymentDetailView-kyClP0y4.js.map → DeploymentDetailView-DKCUbiGG.js.map} +1 -1
- package/dist/assets/DeploymentsView-BX4GOb2A.js +2 -0
- package/dist/assets/DeploymentsView-BX4GOb2A.js.map +1 -0
- package/dist/assets/{EquivalentCommand-DRkXOe18.js → EquivalentCommand-w1nGowVi.js} +3 -3
- package/dist/assets/{EquivalentCommand-DRkXOe18.js.map → EquivalentCommand-w1nGowVi.js.map} +1 -1
- package/dist/assets/{ErrorNote.vue_vue_type_script_setup_true_lang-BZ9OIXGB.js → ErrorNote.vue_vue_type_script_setup_true_lang-D28UQmNR.js} +2 -2
- package/dist/assets/{ErrorNote.vue_vue_type_script_setup_true_lang-BZ9OIXGB.js.map → ErrorNote.vue_vue_type_script_setup_true_lang-D28UQmNR.js.map} +1 -1
- package/dist/assets/HelpModal.vue_vue_type_script_setup_true_lang-TcgJr2CB.js +2 -0
- package/dist/assets/HelpModal.vue_vue_type_script_setup_true_lang-TcgJr2CB.js.map +1 -0
- package/dist/assets/JobDetailView-ow1_d8lc.js +2 -0
- package/dist/assets/{JobDetailView-C8y-1Gk0.js.map → JobDetailView-ow1_d8lc.js.map} +1 -1
- package/dist/assets/JobsView-Boi9Cmdc.js +2 -0
- package/dist/assets/JobsView-Boi9Cmdc.js.map +1 -0
- package/dist/assets/{LoginView-w9pB4KOG.js → LoginView-1ZpxP8a9.js} +2 -2
- package/dist/assets/{LoginView-w9pB4KOG.js.map → LoginView-1ZpxP8a9.js.map} +1 -1
- package/dist/assets/LoginView-BFIG7vGw.css +1 -0
- package/dist/assets/LogsTab-Bgev0F7g.js +4 -0
- package/dist/assets/LogsTab-Bgev0F7g.js.map +1 -0
- package/dist/assets/{NotFoundView-B01q_-mC.js → NotFoundView-BhCKBrlY.js} +2 -2
- package/dist/assets/{NotFoundView-B01q_-mC.js.map → NotFoundView-BhCKBrlY.js.map} +1 -1
- package/dist/assets/NotifiersView-DN9UiqDs.js +2 -0
- package/dist/assets/NotifiersView-DN9UiqDs.js.map +1 -0
- package/dist/assets/{OverviewTab-Blf-Az3p.js → OverviewTab-DzZG0moV.js} +2 -2
- package/dist/assets/{OverviewTab-Blf-Az3p.js.map → OverviewTab-DzZG0moV.js.map} +1 -1
- package/dist/assets/RegistriesView-CPyfKKWJ.js +2 -0
- package/dist/assets/RegistriesView-CPyfKKWJ.js.map +1 -0
- package/dist/assets/RelativeTime.vue_vue_type_script_setup_true_lang-mzHGsi43.js +2 -0
- package/dist/assets/{RelativeTime.vue_vue_type_script_setup_true_lang-DHneomCg.js.map → RelativeTime.vue_vue_type_script_setup_true_lang-mzHGsi43.js.map} +1 -1
- package/dist/assets/{RequiresTab-DQg43NYf.js → RequiresTab-CjNRorI5.js} +2 -2
- package/dist/assets/{RequiresTab-DQg43NYf.js.map → RequiresTab-CjNRorI5.js.map} +1 -1
- package/dist/assets/RoutingView-Br16pPwF.js +9 -0
- package/dist/assets/RoutingView-Br16pPwF.js.map +1 -0
- package/dist/assets/RuntimeTab-BssqRUYz.js +2 -0
- package/dist/assets/{RuntimeTab-DDOtdkb1.js.map → RuntimeTab-BssqRUYz.js.map} +1 -1
- package/dist/assets/SelectMenu.vue_vue_type_script_setup_true_lang-CLqZAezG.js +2 -0
- package/dist/assets/SelectMenu.vue_vue_type_script_setup_true_lang-CLqZAezG.js.map +1 -0
- package/dist/assets/SettingsView-Cqsv0chw.js +2 -0
- package/dist/assets/SettingsView-Cqsv0chw.js.map +1 -0
- package/dist/assets/{SkeletonList.vue_vue_type_script_setup_true_lang-Bko4Bp5e.js → SkeletonList.vue_vue_type_script_setup_true_lang-CIiWzcE5.js} +2 -2
- package/dist/assets/{SkeletonList.vue_vue_type_script_setup_true_lang-Bko4Bp5e.js.map → SkeletonList.vue_vue_type_script_setup_true_lang-CIiWzcE5.js.map} +1 -1
- package/dist/assets/{SpecDetailView-DItY-dvv.js → SpecDetailView-P6Kk7cwx.js} +2 -2
- package/dist/assets/{SpecDetailView-DItY-dvv.js.map → SpecDetailView-P6Kk7cwx.js.map} +1 -1
- package/dist/assets/{SpecsView-BOyfeFiw.js → SpecsView-DogEWlyZ.js} +2 -2
- package/dist/assets/{SpecsView-BOyfeFiw.js.map → SpecsView-DogEWlyZ.js.map} +1 -1
- package/dist/assets/{StateBadge.vue_vue_type_script_setup_true_lang-C0jjaI2w.js → StateBadge.vue_vue_type_script_setup_true_lang-B5C48Wlo.js} +2 -2
- package/dist/assets/{StateBadge.vue_vue_type_script_setup_true_lang-C0jjaI2w.js.map → StateBadge.vue_vue_type_script_setup_true_lang-B5C48Wlo.js.map} +1 -1
- package/dist/assets/SubmitView-CufYXtWD.js +45 -0
- package/dist/assets/SubmitView-CufYXtWD.js.map +1 -0
- package/dist/assets/Teleport-0BmaJsBF.js +4 -0
- package/dist/assets/Teleport-0BmaJsBF.js.map +1 -0
- package/dist/assets/{TerminalTab-Bqulz6Eb.css → TerminalTab-4vbfGB2S.css} +1 -1
- package/dist/assets/TerminalTab-DndloIiD.js +3 -0
- package/dist/assets/TerminalTab-DndloIiD.js.map +1 -0
- package/dist/assets/{UsersView-DyqtgK5V.js → UsersView-KHRd16sV.js} +2 -2
- package/dist/assets/{UsersView-DyqtgK5V.js.map → UsersView-KHRd16sV.js.map} +1 -1
- package/dist/assets/{VarEditor.vue_vue_type_script_setup_true_lang-CDXij21z.js → VarEditor.vue_vue_type_script_setup_true_lang-FaBOeld_.js} +2 -2
- package/dist/assets/{VarEditor.vue_vue_type_script_setup_true_lang-CDXij21z.js.map → VarEditor.vue_vue_type_script_setup_true_lang-FaBOeld_.js.map} +1 -1
- package/dist/assets/index-BnwKLRM7.css +1 -0
- package/dist/assets/index-D8OAewba.js +134 -0
- package/dist/assets/index-D8OAewba.js.map +1 -0
- package/dist/assets/{useDeployment-Cm0bIOKD.js → useDeployment-DplTFu7s.js} +2 -2
- package/dist/assets/{useDeployment-Cm0bIOKD.js.map → useDeployment-DplTFu7s.js.map} +1 -1
- package/dist/index.html +2 -2
- package/package.json +2 -1
- package/dist/assets/ConfigTab-YvlHNuMd.js +0 -2
- package/dist/assets/ConfigTab-YvlHNuMd.js.map +0 -1
- package/dist/assets/DeploymentsView-C2H6D6of.js +0 -2
- package/dist/assets/DeploymentsView-C2H6D6of.js.map +0 -1
- package/dist/assets/JobDetailView-C8y-1Gk0.js +0 -2
- package/dist/assets/JobsView-Wa28PKmj.js +0 -2
- package/dist/assets/JobsView-Wa28PKmj.js.map +0 -1
- package/dist/assets/LoginView-DhMeluqJ.css +0 -1
- package/dist/assets/LogsTab-BA-imxfQ.js +0 -4
- package/dist/assets/LogsTab-BA-imxfQ.js.map +0 -1
- package/dist/assets/NotifiersView-DuvX0P6t.js +0 -2
- package/dist/assets/NotifiersView-DuvX0P6t.js.map +0 -1
- package/dist/assets/RegistriesView-Cnlw2YCk.js +0 -2
- package/dist/assets/RegistriesView-Cnlw2YCk.js.map +0 -1
- package/dist/assets/RelativeTime.vue_vue_type_script_setup_true_lang-DHneomCg.js +0 -2
- package/dist/assets/RoutingView-DSkMdPwp.js +0 -9
- package/dist/assets/RoutingView-DSkMdPwp.js.map +0 -1
- package/dist/assets/RuntimeTab-DDOtdkb1.js +0 -2
- package/dist/assets/SettingsView-DKeXVJ5c.js +0 -2
- package/dist/assets/SettingsView-DKeXVJ5c.js.map +0 -1
- package/dist/assets/SubmitView-DJHNoMy8.js +0 -45
- package/dist/assets/SubmitView-DJHNoMy8.js.map +0 -1
- package/dist/assets/TerminalTab-BAzAYOEa.js +0 -3
- package/dist/assets/TerminalTab-BAzAYOEa.js.map +0 -1
- package/dist/assets/index-I3zdQqtI.css +0 -1
- package/dist/assets/index-zMwxPFi6.js +0 -134
- package/dist/assets/index-zMwxPFi6.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
2
|
-
//# sourceMappingURL=useDeployment-
|
|
1
|
+
import{R as n,C as i,A as d,B as l,J as p,S as c}from"./index-D8OAewba.js";import{w as u,r as y}from"./useVars-VN9gYdR6.js";const e=n({id:"",detail:null,error:"",loading:!1,vars:[]}),f=i(()=>p(e.vars)),k=i(()=>c(e.id)),b=i(()=>{var a;return((a=e.detail)==null?void 0:a.kind)==="shared"}),h=i(()=>{var a;return(((a=e.detail)==null?void 0:a.axes)??[]).filter(s=>!s.verifiable).map(s=>s.name)});async function t(){const a=e.id;e.loading=!0;const s=await d.get(`/api/deployments/${encodeURIComponent(a)}${f.value}`);if(e.id!==a)return;if(e.loading=!1,!s.ok){e.detail=null,e.error=l(s,`GET /api/deployments/${a}`);return}e.error="";const r=s.body;e.detail={id:r.id??a,kind:r.kind==="shared"?"shared":"isolated",createdAt:r.createdAt,updatedAt:r.updatedAt,stack:typeof r.stack=="string"?r.stack:"",busy:r.busy??null,compose:r.compose?{file:r.compose.file??"?",profiles:r.compose.profiles??[],overlays:r.compose.overlays??[]}:null,requires:Array.isArray(r.requires)?r.requires:[],axes:(Array.isArray(r.axes)?r.axes:[]).map(o=>({name:o.name,hooks:Array.isArray(o.hooks)?o.hooks:[],verifiable:o.verifiable??(Array.isArray(o.hooks)&&o.hooks.includes("assert_gone"))})),env:Array.isArray(r.env)?r.env:[]}}function g(a){e.id===a&&(e.detail||e.error)||(e.id=a,e.detail=null,e.error="",e.vars=y(a),t())}function m(){u(e.id,e.vars)}function x(){m(),t()}export{x as a,e as d,b as i,g as o,m as p,k as r,h as u,f as v};
|
|
2
|
+
//# sourceMappingURL=useDeployment-DplTFu7s.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDeployment-
|
|
1
|
+
{"version":3,"file":"useDeployment-DplTFu7s.js","sources":["../../src/composables/useDeployment.ts"],"sourcesContent":["/**\n * The deployment currently open in the detail view.\n *\n * A module singleton rather than provide/inject, because the six tabs are CHILD ROUTES: they are\n * siblings of each other and are mounted and unmounted independently, so passing the loaded\n * deployment down as a prop would mean re-fetching it on every tab change. Switching tabs must not\n * re-fetch or blank the panel — only opening a DIFFERENT deployment does.\n *\n * `vars` here are REQUEST-TIME variables, sent as `?query` on every route that resolves this\n * deployment. See `useVars.ts` for why they matter and what they can get wrong.\n */\n\nimport { computed, reactive } from 'vue';\nimport { api, problem, query } from '../api/client';\nimport type { Deployment, VarPair } from '../api/types';\nimport { readVars, writeVars } from './useVars';\nimport { rowFor } from './useControlPlane';\n\nexport const dep = reactive({\n id: '',\n detail: null as Deployment | null,\n /** The resolve failure, verbatim. It is a 400 that NAMES the missing variable. */\n error: '',\n loading: false,\n vars: [] as VarPair[],\n});\n\nexport const varsQuery = computed(() => query(dep.vars));\n\n/** The list row, which is the only place the server exposes stored `vars` and `specName` today. */\nexport const row = computed(() => rowFor(dep.id));\n\nexport const isShared = computed(() => dep.detail?.kind === 'shared');\n\nexport const unverifiableAxes = computed(() =>\n (dep.detail?.axes ?? []).filter((a) => !a.verifiable).map((a) => a.name),\n);\n\nexport async function loadDetail(): Promise<void> {\n const id = dep.id;\n dep.loading = true;\n const r = await api.get<Deployment>(`/api/deployments/${encodeURIComponent(id)}${varsQuery.value}`);\n // Navigated to another deployment while this was in flight: drop the answer rather than render\n // one deployment's spec under another's id.\n if (dep.id !== id) return;\n dep.loading = false;\n\n if (!r.ok) {\n dep.detail = null;\n dep.error = problem(r, `GET /api/deployments/${id}`);\n return;\n }\n dep.error = '';\n const b = r.body;\n dep.detail = {\n id: b.id ?? id,\n kind: b.kind === 'shared' ? 'shared' : 'isolated',\n createdAt: b.createdAt,\n updatedAt: b.updatedAt,\n stack: typeof b.stack === 'string' ? b.stack : '',\n busy: b.busy ?? null,\n compose: b.compose\n ? {\n file: b.compose.file ?? '?',\n profiles: b.compose.profiles ?? [],\n overlays: b.compose.overlays ?? [],\n }\n : null,\n requires: Array.isArray(b.requires) ? b.requires : [],\n axes: (Array.isArray(b.axes) ? b.axes : []).map((a) => ({\n name: a.name,\n hooks: Array.isArray(a.hooks) ? a.hooks : [],\n // Derive it if an older build omits the field. Defaulting to `false` would claim an axis is\n // unverifiable when it may define a perfectly good `assert_gone`.\n verifiable: a.verifiable ?? (Array.isArray(a.hooks) && a.hooks.includes('assert_gone')),\n })),\n env: Array.isArray(b.env) ? b.env : [],\n };\n}\n\n/** Point the singleton at a deployment. Resets everything a stale id could leak into the new one. */\nexport function openDeployment(id: string): void {\n if (dep.id === id && (dep.detail || dep.error)) return; // a tab change, not a navigation\n dep.id = id;\n dep.detail = null;\n dep.error = '';\n dep.vars = readVars(id);\n void loadDetail();\n}\n\nexport function persistVars(): void {\n writeVars(dep.id, dep.vars);\n}\n\nexport function applyVars(): void {\n persistVars();\n void loadDetail();\n}\n"],"names":["dep","reactive","varsQuery","computed","query","row","rowFor","isShared","_a","unverifiableAxes","a","loadDetail","id","r","api","problem","b","openDeployment","readVars","persistVars","writeVars","applyVars"],"mappings":"4HAkBO,MAAMA,EAAMC,EAAS,CAC1B,GAAI,GACJ,OAAQ,KAER,MAAO,GACP,QAAS,GACT,KAAM,CAAA,CACR,CAAC,EAEYC,EAAYC,EAAS,IAAMC,EAAMJ,EAAI,IAAI,CAAC,EAG1CK,EAAMF,EAAS,IAAMG,EAAON,EAAI,EAAE,CAAC,EAEnCO,EAAWJ,EAAS,IAAA,OAAM,QAAAK,EAAAR,EAAI,SAAJ,YAAAQ,EAAY,QAAS,SAAQ,EAEvDC,EAAmBN,EAAS,IAAA,OACtC,SAAAK,EAAAR,EAAI,SAAJ,YAAAQ,EAAY,OAAQ,CAAA,GAAI,OAAQE,GAAM,CAACA,EAAE,UAAU,EAAE,IAAKA,GAAMA,EAAE,IAAI,EACzE,EAEA,eAAsBC,GAA4B,CAChD,MAAMC,EAAKZ,EAAI,GACfA,EAAI,QAAU,GACd,MAAMa,EAAI,MAAMC,EAAI,IAAgB,oBAAoB,mBAAmBF,CAAE,CAAC,GAAGV,EAAU,KAAK,EAAE,EAGlG,GAAIF,EAAI,KAAOY,EAAI,OAGnB,GAFAZ,EAAI,QAAU,GAEV,CAACa,EAAE,GAAI,CACTb,EAAI,OAAS,KACbA,EAAI,MAAQe,EAAQF,EAAG,wBAAwBD,CAAE,EAAE,EACnD,MACF,CACAZ,EAAI,MAAQ,GACZ,MAAMgB,EAAIH,EAAE,KACZb,EAAI,OAAS,CACX,GAAIgB,EAAE,IAAMJ,EACZ,KAAMI,EAAE,OAAS,SAAW,SAAW,WACvC,UAAWA,EAAE,UACb,UAAWA,EAAE,UACb,MAAO,OAAOA,EAAE,OAAU,SAAWA,EAAE,MAAQ,GAC/C,KAAMA,EAAE,MAAQ,KAChB,QAASA,EAAE,QACP,CACE,KAAMA,EAAE,QAAQ,MAAQ,IACxB,SAAUA,EAAE,QAAQ,UAAY,CAAA,EAChC,SAAUA,EAAE,QAAQ,UAAY,CAAA,CAAC,EAEnC,KACJ,SAAU,MAAM,QAAQA,EAAE,QAAQ,EAAIA,EAAE,SAAW,CAAA,EACnD,MAAO,MAAM,QAAQA,EAAE,IAAI,EAAIA,EAAE,KAAO,CAAA,GAAI,IAAKN,IAAO,CACtD,KAAMA,EAAE,KACR,MAAO,MAAM,QAAQA,EAAE,KAAK,EAAIA,EAAE,MAAQ,CAAA,EAG1C,WAAYA,EAAE,aAAe,MAAM,QAAQA,EAAE,KAAK,GAAKA,EAAE,MAAM,SAAS,aAAa,EAAA,EACrF,EACF,IAAK,MAAM,QAAQM,EAAE,GAAG,EAAIA,EAAE,IAAM,CAAA,CAAC,CAEzC,CAGO,SAASC,EAAeL,EAAkB,CAC3CZ,EAAI,KAAOY,IAAOZ,EAAI,QAAUA,EAAI,SACxCA,EAAI,GAAKY,EACTZ,EAAI,OAAS,KACbA,EAAI,MAAQ,GACZA,EAAI,KAAOkB,EAASN,CAAE,EACjBD,EAAA,EACP,CAEO,SAASQ,GAAoB,CAClCC,EAAUpB,EAAI,GAAIA,EAAI,IAAI,CAC5B,CAEO,SAASqB,GAAkB,CAChCF,EAAA,EACKR,EAAA,CACP"}
|
package/dist/index.html
CHANGED
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
/* private mode: fall through to the OS preference */
|
|
25
25
|
}
|
|
26
26
|
</script>
|
|
27
|
-
<script type="module" crossorigin src="/assets/index-
|
|
28
|
-
<link rel="stylesheet" crossorigin href="/assets/index-
|
|
27
|
+
<script type="module" crossorigin src="/assets/index-D8OAewba.js"></script>
|
|
28
|
+
<link rel="stylesheet" crossorigin href="/assets/index-BnwKLRM7.css">
|
|
29
29
|
</head>
|
|
30
30
|
<body>
|
|
31
31
|
<div id="app"></div>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@samyx/preview-stacks-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.16.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "The advanced web UI for preview-stacks — an opt-in SPA that talks to the pstack HTTP API.",
|
|
6
6
|
"type": "module",
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
"@xterm/addon-fit": "0.10.0",
|
|
22
22
|
"@xterm/xterm": "5.5.0",
|
|
23
23
|
"lucide-vue-next": "^0.577.0",
|
|
24
|
+
"reka-ui": "2.9.10",
|
|
24
25
|
"vue": "^3.5.13",
|
|
25
26
|
"vue-router": "^4.5.0"
|
|
26
27
|
},
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{p as V,d as r,a as c,r as T}from"./useDeployment-Cm0bIOKD.js";import{d as x,c as n,a as e,f as a,e as m,w as f,_ as w,u as o,t as i,F as p,s as k,g as d,C as u,o as l,E as _}from"./index-zMwxPFi6.js";import{c as A}from"./useVars-VN9gYdR6.js";import{_ as j}from"./VarEditor.vue_vue_type_script_setup_true_lang-CDXij21z.js";const B={class:"panel"},I={class:"banner warn"},N={class:"row",style:{"margin-top":"var(--s3)"}},$={class:"mute",style:{"font-size":"var(--t-xs)"}},z={class:"hint"},L={key:0,class:"panel"},q={class:"kvlist",style:{"margin-top":"var(--s3)"}},D={class:"k"},E={class:"v mono"},F={key:0,class:"banner warn"},O={class:"panel"},R={key:0,class:"mute"},S={class:"cards"},U={class:"name","data-label":"key"},K={"data-label":"visibility"},Y={class:"dim","data-label":"length"},G={key:0,class:"badge warn",style:{"margin-left":"6px"}},H={key:0},X=x({__name:"ConfigTab",setup(J){const h=u(()=>Object.keys(r.vars??{}).length),y=u(()=>{var v;return(v=T.value)==null?void 0:v.vars}),b=u(()=>Object.entries(y.value??{})),g=u(()=>A(r.vars,y.value));return(v,s)=>(l(),n("div",null,[e("section",B,[s[7]||(s[7]=e("h2",{class:"section",style:{"margin-bottom":"var(--s3)"}},"Request variables",-1)),e("div",I,[s[4]||(s[4]=e("b",null,"Tearing down needs the same variables as deploying.",-1)),e("p",null,[s[3]||(s[3]=a(" These are remembered in this browser. Another browser, a CI job, or the command line has to supply them itself. ",-1)),m(w,{label:"what happens if they differ"},{default:f(()=>[...s[2]||(s[2]=[a(" The variables are part of how the stack name is resolved, so deploying with one value and tearing down with another targets two different stacks — the teardown reports success having removed nothing. They are stored per deployment in this browser only. ",-1)])]),_:1})])]),m(j,{modelValue:o(r).vars,"onUpdate:modelValue":s[0]||(s[0]=t=>o(r).vars=t),onChange:o(V)},null,8,["modelValue","onChange"]),e("div",N,[e("button",{class:"primary",onClick:s[1]||(s[1]=(...t)=>o(c)&&o(c)(...t))},"Apply & reload"),e("span",$,i(h.value?`${h.value} variable${h.value===1?"":"s"}`:"no variables"),1)]),e("p",z,[s[6]||(s[6]=a(" Add any variable you need — the list below is what the spec declares, not everything it uses. ",-1)),m(w,{label:"why the two differ"},{default:f(()=>[...s[5]||(s[5]=[a(" A spec can consume a variable without declaring it, for instance by building its stack name out of one. If a variable is missing, the error you get when the spec fails to resolve names it exactly — that message is the authoritative list. ",-1)])]),_:1})])]),b.value.length?(l(),n("section",L,[s[11]||(s[11]=e("h2",{class:"section",style:{"margin-bottom":"var(--s3)"}},"Stored on the server",-1)),s[12]||(s[12]=e("p",{class:"dim",style:{"font-size":"var(--t-sm)"}}," Kept with the deployment on the server, so deploying and tearing down agree without anyone passing anything. Anything set above overrides these. ",-1)),e("ul",q,[(l(!0),n(p,null,k(b.value,([t,C])=>(l(),n("li",{key:t},[e("span",D,[e("b",null,i(t),1)]),e("span",E,i(C),1)]))),128))]),g.value.length?(l(),n("div",F,[s[8]||(s[8]=e("b",null,"Your request variables disagree with the stored ones:",-1)),e("b",null,i(g.value.join(", ")),1),s[9]||(s[9]=a(". ",-1)),s[10]||(s[10]=e("p",null,[a(" Both resolve, so nothing will error — they simply resolve to "),e("em",null,"different stacks"),a(". That is the dangerous shape: an action sent from this page would target one stack while the CLI, CI, or another browser targets the other. Clear the override above unless you mean it. ")],-1))])):d("",!0)])):d("",!0),e("section",O,[s[16]||(s[16]=e("h2",{class:"section",style:{"margin-bottom":"var(--s3)"}},[a(" Declared env "),e("span",{class:"mute"},"(after interpolation)")],-1)),o(r).detail?(l(),n(p,{key:1},[e("table",S,[s[14]||(s[14]=e("thead",null,[e("tr",null,[e("th",null,"key"),e("th",null,"value"),e("th",null,"visibility"),e("th",null,"length")])],-1)),e("tbody",null,[(l(!0),n(p,null,k(o(r).detail.env,t=>(l(),n("tr",{key:t.key},[e("td",U,i(t.key),1),e("td",{class:_(["name",{masked:t.visibility==="masked"}]),"data-label":"value"},i(t.value),3),e("td",K,[e("span",{class:_(["badge",t.visibility==="masked"?"warn":""])},i(t.visibility),3)]),e("td",Y,[a(i(t.length)+" chars ",1),t.length===0?(l(),n("span",G,"never set")):d("",!0)])]))),128)),o(r).detail.env.length?d("",!0):(l(),n("tr",H,[...s[13]||(s[13]=[e("td",{colspan:"4",class:"mute"},[a("This spec declares no "),e("code",null,"env:"),a(" block.")],-1)])]))])]),s[15]||(s[15]=e("p",{class:"hint"},[a(" A "),e("b",null,"masked"),a(" value was redacted on the host because its name reads as a secret. The real value was never sent to this page, so there is "),e("b",null,"nothing to reveal"),a(" — only its length is shown. Read it on the host if you need it. ")],-1))],64)):(l(),n("p",R,"Unavailable until the spec resolves."))])]))}});export{X as default};
|
|
2
|
-
//# sourceMappingURL=ConfigTab-YvlHNuMd.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ConfigTab-YvlHNuMd.js","sources":["../../src/views/tabs/ConfigTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Variables (what we SEND) and declared env (what the spec DECLARES). Two different things, on\n * purpose, and the tab explains the difference rather than merging them into one table.\n */\nimport { computed } from 'vue';\nimport { applyVars, dep, persistVars, row } from '../../composables/useDeployment';\nimport InfoHint from '../../components/InfoHint.vue';\n\nimport { conflictingVars } from '../../composables/useVars';\nimport VarEditor from '../../components/VarEditor.vue';\n\n/** A count, not the raw query string — `?PR=7®ION=eu` beside a button is machine talk. */\nconst varCount = computed(() => Object.keys(dep.vars ?? {}).length);\n\nconst storedVars = computed(() => row.value?.vars);\nconst storedList = computed(() => Object.entries(storedVars.value ?? {}));\nconst clashes = computed(() => conflictingVars(dep.vars, storedVars.value));\n</script>\n\n<template>\n <div>\n <section class=\"panel\">\n <h2 class=\"section\" style=\"margin-bottom: var(--s3)\">Request variables</h2>\n\n <!--\n THE safety rule on this page. A spec interpolates `${VAR}` exactly once, at resolve time,\n and every route that resolves a deployment layers the request's query parameters over the\n server's environment. So `up` sent with PR=7 and a later `down` sent without it resolve to\n two DIFFERENT stacks, and the teardown quietly misses everything the deploy created.\n\n Keeping the pairs in this browser is what holds them matched here. It is a convenience, not\n a guarantee — a different browser, a CI job or the CLI must pass the same ones itself —\n which is why this warning stays visible rather than being dismissible.\n -->\n <div class=\"banner warn\">\n <b>Tearing down needs the same variables as deploying.</b>\n <p>\n These are remembered in this browser. Another browser, a CI job, or the command line has\n to supply them itself.\n <InfoHint label=\"what happens if they differ\">\n The variables are part of how the stack name is resolved, so deploying with one value\n and tearing down with another targets two different stacks — the teardown reports\n success having removed nothing. They are stored per deployment in this browser only.\n </InfoHint>\n </p>\n </div>\n\n <VarEditor v-model=\"dep.vars\" @change=\"persistVars\" />\n\n <div class=\"row\" style=\"margin-top: var(--s3)\">\n <button class=\"primary\" @click=\"applyVars\">Apply & reload</button>\n <span class=\"mute\" style=\"font-size: var(--t-xs)\">\n {{ varCount ? `${varCount} variable${varCount === 1 ? '' : 's'}` : 'no variables' }}\n </span>\n </div>\n\n <p class=\"hint\">\n Add any variable you need — the list below is what the spec declares, not everything it\n uses.\n <InfoHint label=\"why the two differ\">\n A spec can consume a variable without declaring it, for instance by building its stack\n name out of one. If a variable is missing, the error you get when the spec fails to\n resolve names it exactly — that message is the authoritative list.\n </InfoHint>\n </p>\n </section>\n\n <!--\n Newer servers store variables WITH the deployment, which makes `down` self-describing — the\n strictly better arrangement. It does not make the warning above obsolete: a request variable\n still OVERRIDES a stored one, so a different value typed here retargets the stack.\n -->\n <section v-if=\"storedList.length\" class=\"panel\">\n <h2 class=\"section\" style=\"margin-bottom: var(--s3)\">Stored on the server</h2>\n <p class=\"dim\" style=\"font-size: var(--t-sm)\">\n Kept with the deployment on the server, so deploying and tearing down agree without anyone\n passing anything. Anything set above overrides these.\n </p>\n <ul class=\"kvlist\" style=\"margin-top: var(--s3)\">\n <li v-for=\"[k, v] in storedList\" :key=\"k\">\n <span class=\"k\"><b>{{ k }}</b></span>\n <span class=\"v mono\">{{ v }}</span>\n </li>\n </ul>\n\n <div v-if=\"clashes.length\" class=\"banner warn\">\n <b>Your request variables disagree with the stored ones:</b>\n <b>{{ clashes.join(', ') }}</b\n >.\n <p>\n Both resolve, so nothing will error — they simply resolve to <em>different stacks</em>.\n That is the dangerous shape: an action sent from this page would target one stack while\n the CLI, CI, or another browser targets the other. Clear the override above unless you\n mean it.\n </p>\n </div>\n </section>\n\n <section class=\"panel\">\n <h2 class=\"section\" style=\"margin-bottom: var(--s3)\">\n Declared env <span class=\"mute\">(after interpolation)</span>\n </h2>\n\n <p v-if=\"!dep.detail\" class=\"mute\">Unavailable until the spec resolves.</p>\n <template v-else>\n <table class=\"cards\">\n <thead>\n <tr>\n <th>key</th>\n <th>value</th>\n <th>visibility</th>\n <th>length</th>\n </tr>\n </thead>\n <tbody>\n <tr v-for=\"e in dep.detail.env\" :key=\"e.key\">\n <td class=\"name\" data-label=\"key\">{{ e.key }}</td>\n <td class=\"name\" :class=\"{ masked: e.visibility === 'masked' }\" data-label=\"value\">\n {{ e.value }}\n </td>\n <td data-label=\"visibility\">\n <span class=\"badge\" :class=\"e.visibility === 'masked' ? 'warn' : ''\">\n {{ e.visibility }}\n </span>\n </td>\n <!--\n `length` answers \"did it get set at all?\" without the value. length 0 on a masked\n var is the interesting case: declared, never set — usually a hook about to fail on\n an empty credential.\n -->\n <td class=\"dim\" data-label=\"length\">\n {{ e.length }} chars\n <span v-if=\"e.length === 0\" class=\"badge warn\" style=\"margin-left: 6px\">never set</span>\n </td>\n </tr>\n <tr v-if=\"!dep.detail.env.length\">\n <td colspan=\"4\" class=\"mute\">This spec declares no <code>env:</code> block.</td>\n </tr>\n </tbody>\n </table>\n\n <!--\n Masked is NOT \"hidden pending a click\". The plaintext was never in the response, so there\n is nothing here to reveal — a reveal control would be a lie, and building one would mean\n sending secrets into a browser tab, and from there into screenshots and support tickets.\n Deny-by-default by name, decided on the host.\n -->\n <p class=\"hint\">\n A <b>masked</b> value was redacted on the host because its name reads as a secret. The\n real value was never sent to this page, so there is <b>nothing to reveal</b> — only its\n length is shown. Read it on the host if you need it.\n </p>\n </template>\n </section>\n </div>\n</template>\n"],"names":["varCount","computed","dep","storedVars","_a","row","storedList","clashes","conflictingVars","_createElementBlock","_createElementVNode","_hoisted_1","_hoisted_2","_cache","_createVNode","InfoHint","VarEditor","_unref","$event","persistVars","_hoisted_3","applyVars","args","_hoisted_4","_toDisplayString","_hoisted_5","_openBlock","_hoisted_6","_hoisted_7","_Fragment","_renderList","k","v","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_13","e","_hoisted_14","_normalizeClass","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_12"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{d as $,o as l,c as n,a as t,f as o,t as a,u as d,z as g,e as u,w as k,i as h,v as S,g as f,G as V,H as B,y as p,x as R,F as b,s as C,r as w,C as x,j as D,D as U,E as z}from"./index-zMwxPFi6.js";import{_ as E}from"./SkeletonList.vue_vue_type_script_setup_true_lang-Bko4Bp5e.js";import{_ as M}from"./RelativeTime.vue_vue_type_script_setup_true_lang-DHneomCg.js";import"./useFormat-CKJxQp_i.js";const q={key:0,class:"badge busy"},A={key:1,class:"badge ok"},F={key:2,class:"badge unknown",title:"the server could not determine this — it is not the same as idle"},I={key:3,class:"badge"},T=$({__name:"RunStateBadge",props:{busy:{type:[Boolean,null]},running:{type:[Boolean,null]}},setup(m){return(y,i)=>m.busy===!0?(l(),n("span",q,[...i[0]||(i[0]=[t("span",{class:"dot pulse"},null,-1),o("busy",-1)])])):m.running===!0?(l(),n("span",A,[...i[1]||(i[1]=[t("span",{class:"dot"},null,-1),o("running",-1)])])):m.busy===null||m.running===null?(l(),n("span",F,"unknown")):(l(),n("span",I,"idle"))}}),j={class:"page-head"},G={class:"sub"},H={class:"panel"},J={class:"phead"},K={class:"searchbox"},O={key:0},P={class:"check"},Q={key:0,class:"s-failed"},W={class:"cards"},X={class:"stagger"},Y={"data-label":"id"},Z={key:0,class:"mute",style:{"font-size":"var(--t-xs)"}},ee={"data-label":"kind"},te={class:"name dim","data-label":"stack"},se={key:0},le={key:1,class:"badge warn",title:"the spec could not be resolved without variables"},ne={"data-label":"state"},oe={class:"dim nowrap","data-label":"updated"},ae={key:0},ie={colspan:"5",class:"mute"},re={class:"mono"},ye=$({__name:"DeploymentsView",setup(m){const y=w(""),i=w("all"),c=w(!1),_=x(()=>{const r=y.value.trim().toLowerCase();return p.deployments.filter(e=>i.value!=="all"&&e.kind!==i.value||c.value&&!(e.running===!0||e.busy===!0)?!1:r?e.id.toLowerCase().includes(r)||(e.stack??"").toLowerCase().includes(r)||(e.specName??"").toLowerCase().includes(r):!0)}),L=x(()=>p.deployments.filter(r=>r.unresolved));return(r,e)=>{const v=D("RouterLink");return l(),n("div",null,[t("div",j,[t("div",null,[e[3]||(e[3]=t("h1",null,"Deployments",-1)),t("div",G,a(d(g).total)+" submitted · "+a(d(g).running)+" running · "+a(d(g).busy)+" busy ",1)]),e[5]||(e[5]=t("span",{class:"grow"},null,-1)),u(v,{to:"/submit",class:"btn"},{default:k(()=>[...e[4]||(e[4]=[o("+ Submit",-1)])]),_:1})]),t("section",H,[t("div",J,[t("div",K,[e[6]||(e[6]=t("svg",{viewBox:"0 0 24 24",width:"15",height:"15","aria-hidden":"true"},[t("circle",{cx:"11",cy:"11",r:"7",fill:"none",stroke:"currentColor","stroke-width":"2"}),t("path",{d:"M16.5 16.5 21 21",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})],-1)),h(t("input",{id:"q","onUpdate:modelValue":e[0]||(e[0]=s=>y.value=s),"data-search":"",type:"search","aria-label":"Search deployments",placeholder:"Search by id, stack or spec",spellcheck:"false"},null,512),[[S,y.value]]),y.value?f("",!0):(l(),n("kbd",O,"/"))]),h(t("select",{"onUpdate:modelValue":e[1]||(e[1]=s=>i.value=s),"aria-label":"Filter by kind",class:"compact"},[...e[7]||(e[7]=[t("option",{value:"all"},"All kinds",-1),t("option",{value:"isolated"},"Isolated",-1),t("option",{value:"shared"},"Shared",-1)])],512),[[V,i.value]]),t("label",P,[h(t("input",{"onUpdate:modelValue":e[2]||(e[2]=s=>c.value=s),type:"checkbox"},null,512),[[B,c.value]]),e[8]||(e[8]=o(" Running or busy only ",-1))])]),d(p).deploymentsError?(l(),n("p",Q,a(d(p).deploymentsError),1)):d(p).deploymentsLoaded?(l(),n(b,{key:2},[t("table",W,[e[12]||(e[12]=t("thead",null,[t("tr",null,[t("th",null,"id"),t("th",null,"kind"),t("th",null,"stack"),t("th",null,"state"),t("th",null,"updated")])],-1)),t("tbody",X,[(l(!0),n(b,null,C(_.value,(s,N)=>(l(),n("tr",{key:s.id,style:U({"--i":N})},[t("td",Y,[u(v,{to:`/deployments/${encodeURIComponent(s.id)}`},{default:k(()=>[o(a(s.id),1)]),_:2},1032,["to"]),s.specName?(l(),n("div",Z," spec: "+a(s.specName),1)):f("",!0)]),t("td",ee,[t("span",{class:z(["badge",s.kind])},a(s.kind),3)]),t("td",te,[s.stack?(l(),n("span",se,a(s.stack),1)):(l(),n("span",le," needs variables "))]),t("td",ne,[u(T,{busy:s.busy,running:s.running},null,8,["busy","running"])]),t("td",oe,[u(M,{at:s.updatedAt},null,8,["at"])])],4))),128)),_.value.length?f("",!0):(l(),n("tr",ae,[t("td",ie,[d(p).deployments.length?(l(),n(b,{key:0},[o(" Nothing matches this filter. ")],64)):(l(),n(b,{key:1},[e[10]||(e[10]=o(" Nothing submitted yet — ",-1)),u(v,{to:"/submit"},{default:k(()=>[...e[9]||(e[9]=[o("submit a spec",-1)])]),_:1}),e[11]||(e[11]=o(" to put a deployment in the registry. ",-1))],64))])]))])]),(l(!0),n(b,null,C(L.value,s=>(l(),n("div",{key:`u-${s.id}`,class:"banner warn"},[t("b",null,a(s.id),1),e[20]||(e[20]=o(" could not be resolved: ",-1)),t("span",re,a(s.unresolved),1),t("p",null,[e[14]||(e[14]=o(" This listing resolves every spec with the ",-1)),e[15]||(e[15]=t("em",null,"same",-1)),e[16]||(e[16]=o(" (empty) request variables, so a spec with a ",-1)),e[17]||(e[17]=t("code",null,"${VAR}",-1)),e[18]||(e[18]=o(" the server does not already hold will always appear here. ",-1)),u(v,{to:`/deployments/${encodeURIComponent(s.id)}/config`},{default:k(()=>[...e[13]||(e[13]=[o(" Set its variables ",-1)])]),_:1},8,["to"]),e[19]||(e[19]=o(" and the detail view will resolve. ",-1))])]))),128))],64)):(l(),R(E,{key:1,rows:4,tall:""}))])])}}});export{ye as default};
|
|
2
|
-
//# sourceMappingURL=DeploymentsView-C2H6D6of.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DeploymentsView-C2H6D6of.js","sources":["../../src/components/RunStateBadge.vue","../../src/views/DeploymentsView.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * A deployment's live state, from the two TRI-STATE fields the server sends.\n *\n * `busy` and `running` are `boolean | null`, and `null` means \"the server could not determine\n * this\": an unresolved spec has no stack name to look up, and a docker that did not answer is not\n * the same fact as \"nothing is running\". Rendering either as \"idle\" would be a guess presented as\n * a fact — that is how a live stack gets reported as torn down and someone forgets it.\n *\n * So unknown says unknown, and it gets its own colour.\n */\ndefineProps<{ busy: boolean | null; running: boolean | null }>();\n</script>\n\n<template>\n <span v-if=\"busy === true\" class=\"badge busy\"><span class=\"dot pulse\" />busy</span>\n <span v-else-if=\"running === true\" class=\"badge ok\"><span class=\"dot\" />running</span>\n <span\n v-else-if=\"busy === null || running === null\"\n class=\"badge unknown\"\n title=\"the server could not determine this — it is not the same as idle\"\n >unknown</span\n >\n <span v-else class=\"badge\">idle</span>\n</template>\n","<script setup lang=\"ts\">\n/**\n * The deployment list: searchable, filterable, and honest about what could not be resolved.\n *\n * Filtering is client-side because the API has no query parameters for it and the list is one\n * host's worth of previews — a few dozen rows, already in memory from the shell's poll.\n */\nimport { computed, ref } from 'vue';\nimport { state, summary } from '../composables/useControlPlane';\n\nimport RunStateBadge from '../components/RunStateBadge.vue';\nimport SkeletonList from '../components/SkeletonList.vue';\nimport RelativeTime from '../components/RelativeTime.vue';\n\nconst q = ref('');\nconst kind = ref<'all' | 'isolated' | 'shared'>('all');\nconst onlyLive = ref(false);\n\nconst rows = computed(() => {\n const needle = q.value.trim().toLowerCase();\n return state.deployments.filter((d) => {\n if (kind.value !== 'all' && d.kind !== kind.value) return false;\n // \"Live\" means DEMONSTRABLY live. An unknown is not evidence of either state, so it is not\n // silently included here — the filter says what it filters.\n if (onlyLive.value && !(d.running === true || d.busy === true)) return false;\n if (!needle) return true;\n return (\n d.id.toLowerCase().includes(needle) ||\n (d.stack ?? '').toLowerCase().includes(needle) ||\n (d.specName ?? '').toLowerCase().includes(needle)\n );\n });\n});\n\nconst unresolvedRows = computed(() => state.deployments.filter((d) => d.unresolved));\n</script>\n\n<template>\n <div>\n <div class=\"page-head\">\n <div>\n <h1>Deployments</h1>\n <div class=\"sub\">\n {{ summary.total }} submitted · {{ summary.running }} running · {{ summary.busy }} busy\n </div>\n </div>\n <span class=\"grow\" />\n <RouterLink to=\"/submit\" class=\"btn\">+ Submit</RouterLink>\n </div>\n\n <section class=\"panel\">\n <div class=\"phead\">\n <!--\n One row of equal-height controls. Each used to sit under its own stacked label, which cost\n a line of vertical space per control, put \"Search — press /\" on screen as a permanent\n instruction, and left the two fields 8px out of vertical alignment because a `select` and\n an `input` do not have the same intrinsic height. A placeholder says the same thing in the\n place you are already looking, and the select's own options say what it filters.\n -->\n <div class=\"searchbox\">\n <svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" aria-hidden=\"true\">\n <circle cx=\"11\" cy=\"11\" r=\"7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" />\n <path d=\"M16.5 16.5 21 21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n </svg>\n <input\n id=\"q\"\n v-model=\"q\"\n data-search\n type=\"search\"\n aria-label=\"Search deployments\"\n placeholder=\"Search by id, stack or spec\"\n spellcheck=\"false\"\n />\n <kbd v-if=\"!q\">/</kbd>\n </div>\n <select v-model=\"kind\" aria-label=\"Filter by kind\" class=\"compact\">\n <option value=\"all\">All kinds</option>\n <option value=\"isolated\">Isolated</option>\n <option value=\"shared\">Shared</option>\n </select>\n <label class=\"check\">\n <input v-model=\"onlyLive\" type=\"checkbox\" />\n Running or busy only\n </label>\n </div>\n\n <p v-if=\"state.deploymentsError\" class=\"s-failed\">{{ state.deploymentsError }}</p>\n <SkeletonList v-else-if=\"!state.deploymentsLoaded\" :rows=\"4\" tall />\n\n <template v-else>\n <table class=\"cards\">\n <thead>\n <tr>\n <th>id</th>\n <th>kind</th>\n <th>stack</th>\n <th>state</th>\n <th>updated</th>\n </tr>\n </thead>\n <tbody class=\"stagger\">\n <tr v-for=\"(d, i) in rows\" :key=\"d.id\" :style=\"{ '--i': i }\">\n <td data-label=\"id\">\n <RouterLink :to=\"`/deployments/${encodeURIComponent(d.id)}`\">\n {{ d.id }}\n </RouterLink>\n <div v-if=\"d.specName\" class=\"mute\" style=\"font-size: var(--t-xs)\">\n spec: {{ d.specName }}\n </div>\n </td>\n <td data-label=\"kind\"><span class=\"badge\" :class=\"d.kind\">{{ d.kind }}</span></td>\n <td class=\"name dim\" data-label=\"stack\">\n <span v-if=\"d.stack\">{{ d.stack }}</span>\n <!--\n No stack name means the spec could not be resolved with the variables this\n listing had. It is not an error state for the deployment — it is a missing input.\n -->\n <span v-else class=\"badge warn\" title=\"the spec could not be resolved without variables\">\n needs variables\n </span>\n </td>\n <td data-label=\"state\"><RunStateBadge :busy=\"d.busy\" :running=\"d.running\" /></td>\n <td class=\"dim nowrap\" data-label=\"updated\"><RelativeTime :at=\"d.updatedAt\" /></td>\n </tr>\n <tr v-if=\"!rows.length\">\n <td colspan=\"5\" class=\"mute\">\n <template v-if=\"state.deployments.length\">\n Nothing matches this filter.\n </template>\n <template v-else>\n Nothing submitted yet — <RouterLink to=\"/submit\">submit a spec</RouterLink> to\n put a deployment in the registry.\n </template>\n </td>\n </tr>\n </tbody>\n </table>\n\n <!-- One message per unresolved row, verbatim: it names the missing variable. -->\n <div v-for=\"d in unresolvedRows\" :key=\"`u-${d.id}`\" class=\"banner warn\">\n <b>{{ d.id }}</b> could not be resolved:\n <span class=\"mono\">{{ d.unresolved }}</span>\n <p>\n This listing resolves every spec with the <em>same</em> (empty) request variables, so a\n spec with a <code>${VAR}</code> the server does not already hold will always appear\n here.\n <RouterLink :to=\"`/deployments/${encodeURIComponent(d.id)}/config`\">\n Set its variables\n </RouterLink>\n and the detail view will resolve.\n </p>\n </div>\n </template>\n </section>\n </div>\n</template>\n"],"names":["__props","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","q","ref","kind","onlyLive","rows","computed","needle","state","d","unresolvedRows","_toDisplayString","_unref","_createVNode","_component_RouterLink","_hoisted_5","$event","_hoisted_7","_hoisted_8","_Fragment","_hoisted_9","_hoisted_10","_renderList","i","_hoisted_11","_createTextVNode","_hoisted_12","_hoisted_13","_normalizeClass","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","RunStateBadge","_hoisted_18","RelativeTime","_hoisted_19","_hoisted_20","_hoisted_21","_createBlock","SkeletonList"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{d as D,c as r,a as e,F as g,s as z,W as J,o as n,D as M,E as _,u as p,t as u,I as q,L as H,e as V,w as W,f as d,g as c,x as B,i as O,H as G,r as f,C as E,A as R,j as K,B as P}from"./index-zMwxPFi6.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-C0jjaI2w.js";import{_ as Z}from"./ErrorNote.vue_vue_type_script_setup_true_lang-BZ9OIXGB.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,z(o.steps,(l,v)=>(n(),r("li",{key:`${l.phase}-${l.axis}-${v}`,class:"step",style:M({"--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]=J('<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"},Se=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):[]}),L=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 S(){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(F)},m.onerror=()=>{y(),j()}}function F(){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"&&S()},{immediate:!0}),H(y),(a,s)=>{var A,N,T;const I=K("RouterLink");return n(),r("div",null,[e("div",ue,[e("div",null,[e("h1",null,[V(I,{to:"/jobs",class:"mute"},{default:W(()=>[...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),(A=t.value)!=null&&A.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),[[G,x.value]]),s[6]||(s[6]=e("span",{class:"mute"},"Follow",-1))]),!h.value&&((N=t.value)==null?void 0:N.state)==="running"?(n(),r("button",{key:1,class:"btn",onClick:S}," 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,z(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)]),(T=t.value)!=null&&T.outcome?(n(),r("section",_e,[e("div",we,[s[10]||(s[10]=e("h2",{class:"phead-title"},"Steps",-1)),L.value?(n(),r("span",xe,[d(u(L.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)]),V(re,{steps:t.value.outcome.steps},null,8,["steps"])])):c("",!0)])}}});export{Se as default};
|
|
2
|
-
//# sourceMappingURL=JobDetailView-C8y-1Gk0.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{d as y,c as a,a as t,i as f,v as g,G as w,W as x,u as l,y as n,t as r,x as C,F as p,s as V,f as m,g as L,r as v,C as N,o,D as S,e as c,w as k,j as $}from"./index-zMwxPFi6.js";import{a as A,t as B}from"./useFormat-CKJxQp_i.js";import{_ as R}from"./StateBadge.vue_vue_type_script_setup_true_lang-C0jjaI2w.js";import{_ as U}from"./SkeletonList.vue_vue_type_script_setup_true_lang-Bko4Bp5e.js";import{_ as q}from"./RelativeTime.vue_vue_type_script_setup_true_lang-DHneomCg.js";const z={class:"panel"},D={class:"phead"},E={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"},I={"data-label":"state"},J={"data-label":"action"},G={class:"name","data-label":"stack"},H={class:"dim nowrap","data-label":"started"},W={class:"dim nowrap","data-label":"took"},K={class:"dim","data-label":"steps"},O={key:0},P={colspan:"6",class:"mute"},st=y({__name:"JobsView",setup(Q){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",z,[t("div",D,[t("div",E,[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",I,[c(_,{to:`/jobs/${encodeURIComponent(s.id)}`},{default:k(()=>[c(R,{state:s.state},null,8,["state"])]),_:2},1032,["to"])]),t("td",J,r(l(A)(s.action)),1),t("td",G,[c(_,{to:`/jobs/${encodeURIComponent(s.id)}`},{default:k(()=>[m(r(s.stack),1)]),_:2},1032,["to"])]),t("td",H,[c(q,{at:s.startedAt},null,8,["at"])]),t("td",W,r(l(B)(s.startedAt,s.endedAt)),1),t("td",K,r(s.outcome?s.outcome.steps.length:"—"),1)],4))),128)),h.value.length?L("",!0):(o(),a("tr",O,[t("td",P,[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(U,{key:1,rows:5}))])])}}});export{st as default};
|
|
2
|
-
//# sourceMappingURL=JobsView-Wa28PKmj.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JobsView-Wa28PKmj.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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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.login-wrap[data-v-b3b2d888]{min-height:70vh;display:grid;place-items:center}.login-card[data-v-b3b2d888]{width:min(420px,92vw)}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{d as S,I as _,c as l,a as s,i as b,G as w,F as x,s as F,g as d,u as k,f as r,t as v,v as z,e as B,w as I,_ as M,r as p,A as C,K as U,B as R,C as T,o as a}from"./index-zMwxPFi6.js";import{d as u}from"./useDeployment-Cm0bIOKD.js";import"./useVars-VN9gYdR6.js";const A={class:"panel"},j={class:"phead"},D={key:0,class:"field"},E=["value"],q={class:"field"},G=["disabled"],K={key:0,class:"progress","aria-hidden":"true"},O={key:0,class:"mute"},P={key:1,class:"mute"},H={key:0,class:"banner failed"},J={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 V(){const n=await C.get(`/api/deployments/${encodeURIComponent(u.id)}/runtime${U(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&&V()},{immediate:!0});async function $(){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${U(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=R(t,"load the logs");return}i.value={...t.body,ok:t.body.ok!==!1,text:t.body.text??""}}}const L=T(()=>{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",A,[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",D,[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:$},[r(v(m.value?"reading…":"Fetch")+" ",1),m.value?(a(),l("span",K)):d("",!0)],8,G)]),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",H,v(g.value),1)):i.value&&!i.value.ok?(a(),l("div",J,[...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(M,{label:"why narrowing helps"},{default:I(()=>[...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(L.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-BA-imxfQ.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LogsTab-BA-imxfQ.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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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{d as Y,I as J,c as o,a as t,f as n,e as m,w as g,_ as S,x as D,g as c,F as h,t as r,s as x,i as N,G as K,v as H,r as v,C as U,A as f,B as _,o as l,D as Q,E as I,u as Z,O as V}from"./index-zMwxPFi6.js";import{s as ee}from"./useFormat-CKJxQp_i.js";import{_ as M}from"./ActionButton.vue_vue_type_script_setup_true_lang-Cd_ENfdu.js";import{_ as X}from"./ErrorNote.vue_vue_type_script_setup_true_lang-BZ9OIXGB.js";import{_ as te}from"./SkeletonList.vue_vue_type_script_setup_true_lang-Bko4Bp5e.js";import{_ as se}from"./RelativeTime.vue_vue_type_script_setup_true_lang-DHneomCg.js";const ae={class:"page-head"},le={class:"sub"},oe={key:1,class:"panel"},ie={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"},ye={key:0,class:"badge"},me={key:1},fe={"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"],Te={colspan:"4"},Se={key:0,class:"kvlist"},Ae={class:"k"},Ee={class:"v"},De={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"},Re={key:2,class:"mute"},ze={class:"panel"},Be={key:0,class:"field",style:{"max-width":"320px"}},Pe=["value"],je={class:"field",style:{"max-width":"380px"}},He=["for"],Ue=["id","onUpdate:modelValue","placeholder"],Ie={class:"section",style:{margin:"var(--s5) 0 var(--s3)"}},Me={class:"row"},Xe={class:"check"},Fe=["checked"],Oe={key:1,class:"row",style:{"margin-top":"var(--s2)"}},We=["checked","onChange"],qe={class:"row",style:{"margin-top":"var(--s4)"}},Ge={class:"hint"},tt=Y({__name:"NotifiersView",setup(Le){const A=v([]),k=v(null),R=v(!1),p=v(""),z=v(!1),b=v(null),i=v({name:"",type:"webhook",events:[],config:{}}),w=v(!1),C=v(""),y=v(null),E=v([]),B=U(()=>{var a;return((a=k.value)==null?void 0:a.types.find(e=>e.kind===i.value.type))??null});J(()=>i.value.type,()=>{i.value.config={}});const F=U(()=>{var a;return!w.value&&!!i.value.name.trim()&&i.value.events.length>0&&(((a=B.value)==null?void 0:a.fields)??[]).every(e=>{var u;return!e.required||!!((u=i.value.config[e.key])!=null&&u.trim())})});async function $(){const[a,e]=await Promise.all([f.get("/api/notifiers"),f.get("/api/notifiers/meta")]);if(R.value=!0,a.status===404||e.status===404){z.value=!0;return}if(!a.ok){p.value=_(a,"load the notifiers");return}p.value="",A.value=a.body.notifiers??[],e.ok&&(k.value=e.body)}$();function P(a){const e=i.value.events.indexOf(a);e===-1?i.value.events.push(a):i.value.events.splice(e,1)}async function O(){w.value=!0,C.value="";const a=await f.post("/api/notifiers",{name:i.value.name.trim(),type:i.value.type,events:i.value.events,config:i.value.config});if(w.value=!1,!a.ok){C.value=_(a,"register this notifier");return}b.value=a.body.secret?{name:a.body.notifier.name,secret:a.body.secret}:null,i.value={name:"",type:i.value.type,events:[],config:{}},$()}async function W(a,e){const u=await f.patch(`/api/notifiers/${a.id}`,{enabled:e});u.ok||(p.value=_(u,"update this notifier")),$()}async function q(a){const e=await f.del(`/api/notifiers/${a.id}`);if(!e.ok){p.value=_(e,"delete this notifier");return}y.value===a.id&&(y.value=null),V("ok",`Removed ${a.name}.`),$()}async function G(a){const e=await f.post(`/api/notifiers/${a.id}/test`,{});if(!e.ok){p.value=_(e,"send a test delivery");return}const u=e.body.result;u.ok?V("ok",`${a.name} accepted the test delivery.`):V("error",`${a.name}: ${u.error??`HTTP ${u.status}`}`),$()}async function L(a){if(y.value===a.id){y.value=null;return}const e=await f.get(`/api/notifiers/${a.id}/deliveries`);if(!e.ok){p.value=_(e,"load the delivery log");return}E.value=e.body.deliveries??[],y.value=a.id}return(a,e)=>{var u,j;return l(),o("div",null,[t("div",ae,[t("div",null,[e[6]||(e[6]=t("h1",null,"Notifiers",-1)),t("div",le,[e[5]||(e[5]=n(" Where events on this host get sent ",-1)),m(S,{label:"what a notifier is"},{default:g(()=>[...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?(l(),D(X,{key:0,text:p.value,title:"Could not load the notifiers."},null,8,["text"])):c("",!0),z.value?(l(),o("section",oe,[...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)])])):(l(),o(h,{key:2},[b.value?(l(),o("div",ie,[t("b",null,"Signing secret for “"+r(b.value.name)+"” — copy it now.",1),t("p",null,[e[9]||(e[9]=n(" This is the only time it is shown — the server keeps no way to show it again. Your receiver uses it to check that a delivery really came from here. ",-1)),m(S,{label:"how a receiver checks it"},{default:g(()=>[...e[8]||(e[8]=[n(" Each delivery carries a signature header computed from this secret and the exact body sent. Recompute it on your side and compare; a mismatch means the delivery was not sent by this host, or was altered on the way. ",-1)])]),_:1})]),t("pre",ne,r(b.value.secret),1),t("div",re,[t("button",{class:"btn",onClick:e[0]||(e[0]=s=>b.value=null)},"I have stored it")])])):c("",!0),t("section",de,[e[12]||(e[12]=t("div",{class:"phead"},[t("h2",{class:"section"},"Registered")],-1)),R.value?A.value.length?(l(),o("table",ue,[e[11]||(e[11]=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,[(l(!0),o(h,null,x(A.value,(s,T)=>(l(),o(h,{key:s.id},[t("tr",{style:Q({"--i":T})},[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("*")?(l(),o("span",ye,"all events")):(l(),o("span",me,r(s.events.join(", ")),1))]),t("td",fe,[s.lastStatus?(l(),o("span",{key:1,class:I(s.lastStatus==="ok"?"s-ok":"s-failed")},r(s.lastStatus),3)):(l(),o("span",ke,"never")),s.lastAt?(l(),o("div",ge,[m(se,{at:s.lastAt},null,8,["at"])])):c("",!0)]),t("td",_e,[t("div",be,[s.enabled?c("",!0):(l(),o("span",we,"disabled")),t("button",{class:"ghost sm",onClick:d=>L(s)},r(y.value===s.id?"Hide":"Deliveries"),9,$e),t("button",{class:"ghost sm",onClick:d=>G(s)},"Test",8,xe),t("button",{class:"ghost sm",onClick:d=>W(s,!s.enabled)},r(s.enabled?"Disable":"Enable"),9,Ce),m(M,{variant:"danger",onClick:d=>q(s)},{default:g(()=>[...e[10]||(e[10]=[n("Remove",-1)])]),_:1},8,["onClick"])])])],4),y.value===s.id?(l(),o("tr",{key:`d${s.id}`},[t("td",Te,[E.value.length?(l(),o("ul",Se,[(l(!0),o(h,null,x(E.value,d=>(l(),o("li",{key:d.id},[t("span",Ae,[t("span",{class:I(d.status==="ok"?"s-ok":"s-failed")},r(d.status),3)]),t("span",Ee,[n(r(d.event)+" ",1),t("span",De,[n(" · "+r(Z(ee)(d.createdAt))+" · "+r(d.attempts)+" attempt(s)",1),d.responseCode?(l(),o(h,{key:0},[n(" · HTTP "+r(d.responseCode),1)],64)):c("",!0)]),d.error?(l(),o("div",Ne,r(d.error),1)):c("",!0)])]))),128))])):(l(),o("p",Ve,"Nothing delivered yet."))])])):c("",!0)],64))),128))])])):(l(),o("p",Re," Nothing registered. Events still happen — nobody is being told about them. ")):(l(),D(te,{key:0,rows:2}))]),t("section",ze,[e[20]||(e[20]=t("h2",{class:"section",style:{"margin-bottom":"var(--s3)"}},"Add a notifier",-1)),k.value&&k.value.types.length>1?(l(),o("div",Be,[e[13]||(e[13]=t("label",{for:"ty"},"Type",-1)),N(t("select",{id:"ty","onUpdate:modelValue":e[1]||(e[1]=s=>i.value.type=s)},[(l(!0),o(h,null,x(k.value.types,s=>(l(),o("option",{key:s.kind,value:s.kind},r(s.label),9,Pe))),128))],512),[[K,i.value.type]])])):c("",!0),t("div",je,[e[14]||(e[14]=t("label",{for:"nn"},"Name",-1)),N(t("input",{id:"nn","onUpdate:modelValue":e[2]||(e[2]=s=>i.value.name=s),type:"text",placeholder:"ops-slack-bridge",spellcheck:"false"},null,512),[[H,i.value.name,void 0,{trim:!0}]])]),(l(!0),o(h,null,x(((u=B.value)==null?void 0:u.fields)??[],s=>(l(),o("div",{key:s.key,class:"field",style:{"max-width":"380px"}},[t("label",{for:`cfg-${s.key}`},r(s.label),9,He),N(t("input",{id:`cfg-${s.key}`,"onUpdate:modelValue":T=>i.value.config[s.key]=T,type:"text",placeholder:s.placeholder,spellcheck:"false"},null,8,Ue),[[H,i.value.config[s.key],void 0,{trim:!0}]])]))),128)),t("h2",Ie,[e[16]||(e[16]=n(" Events ",-1)),m(S,{label:"which events to pick"},{default:g(()=>[...e[15]||(e[15]=[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",Xe,[t("input",{type:"checkbox",checked:i.value.events.includes("*"),onChange:e[3]||(e[3]=s=>P("*"))},null,40,Fe),e[17]||(e[17]=n(" All events ",-1))])]),i.value.events.includes("*")?c("",!0):(l(),o("div",Oe,[(l(!0),o(h,null,x(((j=k.value)==null?void 0:j.events)??[],s=>(l(),o("label",{key:s,class:"check"},[t("input",{type:"checkbox",checked:i.value.events.includes(s),onChange:T=>P(s)},null,40,We),n(" "+r(s),1)]))),128))])),C.value?(l(),D(X,{key:2,text:C.value,title:"Could not register this notifier."},null,8,["text"])):c("",!0),t("div",qe,[m(M,{variant:"primary",pending:w.value,disabled:!F.value,onClick:O},{default:g(()=>[n(r(w.value?"Registering…":"Register"),1)]),_:1},8,["pending","disabled"])]),t("p",Ge,[e[19]||(e[19]=n(" Deliveries from a signing type are signed with a secret shown once at registration, retried twice on failure, and logged here. ",-1)),m(S,{label:"how a receiver verifies a delivery"},{default:g(()=>[...e[18]||(e[18]=[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-DuvX0P6t.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NotifiersView-DuvX0P6t.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 — the server keeps no way to show it again. Your\n receiver uses it to check that a delivery really came from here.\n <InfoHint label=\"how a receiver checks it\">\n Each delivery carries a signature header computed from this secret and the exact body\n sent. Recompute it on your side and compare; a mismatch means the delivery was not sent\n by this host, or was altered on the way.\n </InfoHint>\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":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{d as j,c as i,a as t,f as o,e as h,w as y,_ as T,x,g as d,t as u,F as E,s as H,i as _,v as C,u as U,R as S,r as a,C as O,A as $,B as A,o as l,O as R}from"./index-zMwxPFi6.js";import{_ as B}from"./ActionButton.vue_vue_type_script_setup_true_lang-Cd_ENfdu.js";import{_ as F}from"./ErrorNote.vue_vue_type_script_setup_true_lang-BZ9OIXGB.js";import{_ as z}from"./SkeletonList.vue_vue_type_script_setup_true_lang-Bko4Bp5e.js";const L={class:"page-head"},M={class:"sub"},q={key:1,class:"banner failed"},G={key:2,class:"banner warn"},J={class:"mono"},K={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"}},ae={class:"field",style:{"max-width":"380px"}},ie={class:"row",style:{"margin-top":"var(--s4)"}},re={key:0,class:"mute"},de={class:"hint"},ue={class:"mono"},he=j({__name:"RegistriesView",setup(pe){const k=a([]),w=a([]),m=a(""),V=a(null),D=a(!1),p=a(""),r=a(""),v=a(""),c=a(""),f=a(!1),g=a(""),I=O(()=>!!S.token&&!f.value&&!!r.value&&!!v.value&&!!c.value);async function b(){const s=await $.get("/api/registries");if(D.value=!0,!s.ok){p.value=A(s,"load the registry credentials");return}p.value="",k.value=s.body.entries??[],w.value=s.body.helpers??[],m.value=s.body.dir??"",V.value=s.body.writable??!1}b();async function N(){f.value=!0,g.value="";const s=await $.put(`/api/registries/${encodeURIComponent(r.value)}`,{username:v.value,password:c.value});if(f.value=!1,!s.ok){g.value=A(s,"store this credential");return}c.value="";const e=s.body.registry;e&&e!==r.value?R("ok",`Stored for ${e} — Docker Hub's canonical key.`):R("ok",`Stored for ${e||r.value}. It applies to the next pull.`),r.value="",v.value="",b()}async function P(s){const e=await $.del(`/api/registries/${encodeURIComponent(s)}`);if(!e.ok){p.value=A(e,"forget this credential");return}R("ok",`Forgot ${s}.`),b()}return(s,e)=>(l(),i("div",null,[t("div",L,[t("div",null,[e[5]||(e[5]=t("h1",null,"Registries",-1)),t("div",M,[e[4]||(e[4]=o(" Credentials for pulling private images ",-1)),h(T,{label:"why a host login is not enough"},{default:y(()=>[...e[3]||(e[3]=[o(" A pull is authenticated by the docker ",-1),t("em",null,"client",-1),o(", not the daemon: it reads its own ",-1),t("code",null,"config.json",-1),o(" and hands the credential over. pstack's client runs inside the control container, so a ",-1),t("code",null,"docker login",-1),o(" 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(F,{key:0,text:p.value,title:"Could not load the registry credentials."},null,8,["text"])):d("",!0),V.value===!1?(l(),i("div",q,[...e[6]||(e[6]=[t("b",null,"Read-only: the API cannot write the credential file.",-1),t("p",null," The control stack gains a credentials directory from 0.7.0 onward. Re-run setup on the host — it is safe to repeat, and it recreates the control containers. ",-1)])])):d("",!0),w.value.length?(l(),i("div",G,[e[9]||(e[9]=t("b",null,"This file uses a credential helper, which will not work here.",-1)),t("p",null,[e[7]||(e[7]=o(" Found: ",-1)),t("span",J,u(w.value.join(", ")),1),e[8]||(e[8]=o(". 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 from private registries will fail. Add the credential below instead, which stores it in the file. ",-1))])])):d("",!0),t("section",K,[t("div",Q,[e[10]||(e[10]=t("h2",{class:"section"},"Stored",-1)),e[11]||(e[11]=t("span",{class:"grow"},null,-1)),m.value?(l(),i("span",W,[t("code",null,u(m.value),1)])):d("",!0)]),D.value?k.value.length?(l(),i("ul",X,[(l(!0),i(E,null,H(k.value,n=>(l(),i("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(),i("span",ee,"via helper")):d("",!0),e[13]||(e[13]=t("span",{class:"grow"},null,-1)),h(B,{disabled:!U(S).token,variant:"danger",onClick:ve=>P(n.registry)},{default:y(()=>[...e[12]||(e[12]=[o(" Forget ",-1)])]),_:1},8,["disabled","onClick"])])]))),128))])):(l(),i("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[24]||(e[24]=t("h2",{class:"section",style:{"margin-bottom":"var(--s3)"}},"Add a credential",-1)),t("p",oe,[e[15]||(e[15]=o(" Applies to the ",-1)),e[16]||(e[16]=t("b",null,"next pull",-1)),e[17]||(e[17]=o(" — nothing needs restarting. ",-1)),h(T,{label:"why no restart is needed"},{default:y(()=>[...e[14]||(e[14]=[o(" The docker client re-reads ",-1),t("code",null,"config.json",-1),o(" 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[18]||(e[18]=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[19]||(e[19]=t("div",{class:"mute hint"}," Docker Hub is stored under its canonical key. ",-1))]),t("div",ne,[e[20]||(e[20]=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",ae,[e[21]||(e[21]=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[22]||(e[22]=t("div",{class:"mute hint"}," Prefer a token scoped to reading packages. Stored on the host as reversible base64, exactly as Stored the same way a terminal login stores it — never sent back to this page. ",-1))]),g.value?(l(),x(F,{key:0,text:g.value,title:"Could not store this credential."},null,8,["text"])):d("",!0),t("div",ie,[h(B,{variant:"primary",pending:f.value,disabled:!I.value,onClick:N},{default:y(()=>[o(u(f.value?"Storing…":"Store"),1)]),_:1},8,["pending","disabled"]),U(S).token?d("",!0):(l(),i("span",re,"Storing needs an access token."))]),t("p",de,[e[23]||(e[23]=o(" 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-Cnlw2YCk.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RegistriesView-Cnlw2YCk.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 gains a credentials directory from 0.7.0 onward.\n Re-run setup on the host — it is safe to repeat, 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 from private registries will fail. 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 Docker Hub is stored under its 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 Stored the same way a terminal login 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,2 +0,0 @@
|
|
|
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,C as w}from"./index-zMwxPFi6.js";const D=["datetime","title"],I=15e3,C=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=w(()=>(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,D))}});export{C as _};
|
|
2
|
-
//# sourceMappingURL=RelativeTime.vue_vue_type_script_setup_true_lang-DHneomCg.js.map
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import{d as oe,c as o,a as t,f as a,e as m,w as f,_ as E,g as v,x as g,t as u,F as w,s as j,u as x,R as $,i as z,v as B,r,C as O,A as _,B as A,j as le,O as q,o as s,D as ne}from"./index-zMwxPFi6.js";import{s as ae}from"./useFormat-CKJxQp_i.js";import{_ as J}from"./ActionButton.vue_vue_type_script_setup_true_lang-Cd_ENfdu.js";import{_ as K}from"./ErrorNote.vue_vue_type_script_setup_true_lang-BZ9OIXGB.js";import{_ as Q}from"./SkeletonList.vue_vue_type_script_setup_true_lang-Bko4Bp5e.js";const ie={class:"page-head"},re={class:"sub"},ue={key:1,class:"banner info"},de={class:"panel"},ve={class:"phead"},pe={class:"mute",style:{"font-size":"var(--t-sm)"}},fe={key:0,class:"banner warn"},me={key:1,class:"cards"},ce={class:"stagger"},he={"data-label":"url"},ye=["href"],ke={key:1,class:"mono mute"},be={key:0,class:"mute"},ge={"data-label":"forwards to"},we={key:0,class:"mono"},_e={key:1,class:"s-failed"},Ce={"data-label":"deployment"},Re={key:1,class:"mute"},Te={class:"dim","data-label":"router"},xe={key:2,class:"mute"},$e={class:"panel"},Ae={class:"phead"},Ne={key:0,class:"mute",style:{"font-size":"var(--t-sm)"}},Le={class:"banner warn"},Se={key:0,class:"banner failed"},De={key:1,class:"banner info"},Ie={key:3,class:"kvlist"},Pe={class:"k"},Ue=["onClick"],Ve={class:"v mute",style:{"font-size":"var(--t-sm)"}},Ee={key:4,class:"mute"},je={key:2,class:"panel"},ze={class:"phead"},Be={class:"section"},Fe={key:0,class:"badge warn"},Me={key:0,class:"field",style:{"max-width":"340px"}},We={key:2,class:"banner plain"},Ge={class:"field"},He={class:"row",style:{"margin-top":"var(--s4)"}},Oe={key:0,class:"mute"},qe={class:"field",style:{"max-width":"340px"}},Je=["for"],Ke=["id","placeholder"],Qe={class:"row"},Xe=`http:
|
|
2
|
-
middlewares:
|
|
3
|
-
# An example — replace it. Middlewares go UNDER http; at the top level Traefik ignores them.
|
|
4
|
-
ip-allow:
|
|
5
|
-
ipAllowList:
|
|
6
|
-
sourceRange:
|
|
7
|
-
- 203.0.113.0/24
|
|
8
|
-
`,lt=oe({__name:"RoutingView",setup(Ye){const N=r([]),L=r(null),S=r([]),D=r(""),I=r(null),F=r(!1),C=r(""),i=r(null),d=r(""),c=r(""),R=r(!1),P=r(!1),k=r(!1),p=r(""),T=r(""),h=r(null),y=r(""),M=O(()=>i.value!==null&&d.value!==c.value),X=O(()=>!!$.token&&!k.value&&d.value.trim().length>0&&(M.value||i.value===""));async function U(){const l=await _.get("/api/routing");if(F.value=!0,!l.ok){C.value=A(l,"load the routing files");return}C.value="",S.value=l.body.files??[],D.value=l.body.dir??"",I.value=l.body.writable??!1}async function Y(){const l=await _.get("/api/routing/live");if(!l.ok){L.value=!1;return}L.value=l.body.reachable,N.value=l.body.routes??[]}U(),Y();async function Z(l){i.value=l,P.value=!0,p.value="",R.value=!1,y.value="";const e=await _.getAuthed(`/api/routing/${encodeURIComponent(l)}`);if(P.value=!1,!e.ok){p.value=A(e,"open this file");return}if(e.body.sourceWithheld){R.value=!0,d.value="",c.value="";return}d.value=e.body.content??"",c.value=d.value}function ee(){i.value="",T.value="",d.value=Xe,c.value="",R.value=!1,p.value=""}function W(){i.value=null,d.value="",c.value="",p.value=""}async function G(){const l=i.value===""?T.value.trim():i.value;if(!l){p.value="Give the file a name, ending in .yml";return}k.value=!0,p.value="";const e=await _.put(`/api/routing/${encodeURIComponent(l)}`,{content:d.value});if(k.value=!1,!e.ok){p.value=A(e,"save this file");return}e.body.previous&&(h.value={name:l,content:e.body.previous}),c.value=d.value,i.value=l,q("ok",`Saved ${l}. Traefik reloads within a second or two.`),U()}async function te(){const l=h.value;l&&(d.value=l.content,i.value=l.name,await G(),h.value=null)}async function se(){const l=i.value;if(!l||y.value!==l)return;const e=await _.del(`/api/routing/${encodeURIComponent(l)}`);if(!e.ok){p.value=A(e,"delete this file");return}e.body.previous&&(h.value={name:l,content:e.body.previous}),q("ok",`Deleted ${l}.`),W(),U()}return(l,e)=>{const V=le("RouterLink");return s(),o("div",null,[t("div",ie,[t("div",null,[e[5]||(e[5]=t("h1",null,"Routing",-1)),t("div",re,[e[4]||(e[4]=a(" Every route on this host, and the config files behind them ",-1)),m(E,{label:"what belongs in these files"},{default:f(()=>[...e[3]||(e[3]=[a(" Middleware (basic auth, rate limits, IP allow-lists), TLS options, the catch-all fallback router, and routes to anything running outside compose. Per-PR routers are not here — those are labels in each deployment's own compose file. ",-1)])]),_:1})])]),e[6]||(e[6]=t("span",{class:"grow"},null,-1)),I.value?(s(),o("button",{key:0,class:"btn primary",onClick:ee},"New file")):v("",!0)]),C.value?(s(),g(K,{key:0,text:C.value,title:"Could not load the routing files."},null,8,["text"])):v("",!0),h.value?(s(),o("div",ue,[t("b",null,"Replaced "+u(h.value.name)+".",1),t("p",null,[e[7]||(e[7]=a(" The previous contents are still here for this session. ",-1)),t("button",{class:"btn sm",onClick:te},"Put it back")])])):v("",!0),t("section",de,[t("div",ve,[e[10]||(e[10]=t("h2",{class:"section"},"Live routes",-1)),e[11]||(e[11]=t("span",{class:"grow"},null,-1)),t("span",pe,[e[9]||(e[9]=a(" from container labels ",-1)),m(E,{label:"why routes are not in the files below",align:"end"},{default:f(()=>[...e[8]||(e[8]=[a(" Traefik reads two providers. Per-PR routers are ",-1),t("b",null,"labels on containers",-1),a(", written by each deployment's own compose file — so deploying a stack changes this list and never the files. The files are the other provider: middleware, TLS options, the fallback router. ",-1)])]),_:1})])]),L.value===!1?(s(),o("div",fe,[...e[12]||(e[12]=[t("b",null,"Docker did not answer.",-1),t("p",null,"Routes could not be listed — which is not the same as there being none.",-1)])])):N.value.length?(s(),o("table",me,[e[13]||(e[13]=t("thead",null,[t("tr",null,[t("th",null,"url"),t("th",null,"forwards to"),t("th",null,"deployment"),t("th",null,"router")])],-1)),t("tbody",ce,[(s(!0),o(w,null,j(N.value,(n,H)=>(s(),o("tr",{key:`${n.container}-${n.router}`,style:ne({"--i":H})},[t("td",he,[(s(!0),o(w,null,j(n.hosts,b=>(s(),o("div",{key:b},[b.startsWith("(pattern)")?(s(),o("span",ke,u(b),1)):(s(),o("a",{key:0,href:`https://${b}`,target:"_blank",rel:"noreferrer"},u(b),9,ye))]))),128)),n.hosts.length?v("",!0):(s(),o("span",be,"no host in the rule"))]),t("td",ge,[n.target?(s(),o("span",we,u(n.target),1)):(s(),o("span",_e,u(n.port===null?"no port declared":"not on the ingress network"),1))]),t("td",Ce,[n.project?(s(),g(V,{key:0,to:`/deployments/${encodeURIComponent(n.project)}/runtime`},{default:f(()=>[a(u(n.project),1)]),_:2},1032,["to"])):(s(),o("span",Re,"—"))]),t("td",Te,u(n.router),1)],4))),128))])])):(s(),o("p",xe,[...e[14]||(e[14]=[a(" No container on this host declares a Traefik router. A deployment's routes come from labels in its own compose file — open a deployment's ",-1),t("b",null,"Containers & routes",-1),a(" tab to see what is missing. ",-1)])]))]),t("section",$e,[t("div",Ae,[e[15]||(e[15]=t("h2",{class:"section"},"Config files",-1)),e[16]||(e[16]=t("span",{class:"grow"},null,-1)),D.value?(s(),o("span",Ne,[t("code",null,u(D.value),1)])):v("",!0)]),t("div",Le,[e[21]||(e[21]=t("b",null,"A bad file here affects every preview on this host.",-1)),t("p",null,[e[18]||(e[18]=a(" Traefik reads this directory as a whole: one unparseable file and it logs a parse error for the ",-1)),e[19]||(e[19]=t("em",null,"directory",-1)),e[20]||(e[20]=a(", so the symptom is other routes disappearing. Saves are checked before they are written and land atomically, so a rejected file never reaches Traefik. ",-1)),m(E,{label:"what this page cannot break"},{default:f(()=>[...e[17]||(e[17]=[a(" This page and the API are routed by container labels, not by these files — so no save here can lock you out of the page you would use to undo it. ",-1)])]),_:1})])]),I.value===!1?(s(),o("div",Se,[...e[22]||(e[22]=[t("b",null,"Read-only: the API cannot write to this directory.",-1),t("p",null," The control stack mounts it into the API from 0.4.0 onward. Re-run setup again on the host to pick up the mount — it is safe to repeat, and it recreates the control containers. ",-1)])])):x($).token?v("",!0):(s(),o("div",De,[e[26]||(e[26]=t("b",null,"Viewing needs a token too.",-1)),t("p",null,[e[24]||(e[24]=a(" These files hold basic-auth hashes and forward-auth URLs, so their contents are not served unauthenticated. ",-1)),m(V,{to:"/settings"},{default:f(()=>[...e[23]||(e[23]=[a("Add your token",-1)])]),_:1}),e[25]||(e[25]=a(". ",-1))])])),F.value?S.value.length?(s(),o("ul",Ie,[(s(!0),o(w,null,j(S.value,n=>(s(),o("li",{key:n.name},[t("span",Pe,[t("button",{class:"ghost sm",onClick:H=>Z(n.name)},u(n.name),9,Ue)]),t("span",Ve,u(n.size)+" bytes · "+u(x(ae)(n.updatedAt)),1)]))),128))])):(s(),o("p",Ee," No files yet. Everything is routed by container labels, which is a perfectly good place to be. ")):(s(),g(Q,{key:2,rows:3}))]),i.value!==null?(s(),o("section",je,[t("div",ze,[t("h2",Be,u(i.value===""?"New file":i.value),1),M.value?(s(),o("span",Fe,"unsaved")):v("",!0),e[27]||(e[27]=t("span",{class:"grow"},null,-1)),t("button",{class:"ghost sm",onClick:W},"Close")]),i.value===""?(s(),o("div",Me,[e[28]||(e[28]=t("label",{for:"fname"},"File name",-1)),z(t("input",{id:"fname","onUpdate:modelValue":e[0]||(e[0]=n=>T.value=n),type:"text",placeholder:"middleware.yml",spellcheck:"false",autocomplete:"off"},null,512),[[B,T.value,void 0,{trim:!0}]]),e[29]||(e[29]=t("div",{class:"mute hint"},[a("Lower case, ending in "),t("code",null,".yml"),a(".")],-1))])):v("",!0),P.value?(s(),g(Q,{key:1,rows:4})):R.value?(s(),o("div",We,[e[32]||(e[32]=t("b",null,"Hidden without an access token.",-1)),t("p",null,[m(V,{to:"/settings"},{default:f(()=>[...e[30]||(e[30]=[a("Add your token",-1)])]),_:1}),e[31]||(e[31]=a(" to read and edit this file. ",-1))])])):(s(),o(w,{key:3},[t("div",Ge,[e[33]||(e[33]=t("label",{for:"content"},"Contents",-1)),z(t("textarea",{id:"content","onUpdate:modelValue":e[1]||(e[1]=n=>d.value=n),rows:"18",spellcheck:"false"},null,512),[[B,d.value]])]),p.value?(s(),g(K,{key:0,text:p.value,title:"Traefik would not accept this."},null,8,["text"])):v("",!0),t("div",He,[m(J,{variant:"primary",pending:k.value,disabled:!X.value,onClick:G},{default:f(()=>[a(u(k.value?"Saving…":"Save"),1)]),_:1},8,["pending","disabled"]),x($).token?v("",!0):(s(),o("span",Oe,"Saving needs a token."))]),i.value?(s(),o(w,{key:1},[e[37]||(e[37]=t("h2",{class:"section",style:{margin:"var(--s5) 0 var(--s3)"}},"Delete this file",-1)),e[38]||(e[38]=t("p",{class:"dim"}," Whatever it configures stops applying as soon as Traefik reloads. If it holds a router, those hostnames stop resolving to anything. ",-1)),t("div",qe,[t("label",{for:`confirm-${i.value}`},[e[34]||(e[34]=a(" Type ",-1)),t("b",null,u(i.value),1),e[35]||(e[35]=a(" to confirm ",-1))],8,Je),z(t("input",{id:`confirm-${i.value}`,"onUpdate:modelValue":e[2]||(e[2]=n=>y.value=n),type:"text",placeholder:i.value,spellcheck:"false",autocomplete:"off"},null,8,Ke),[[B,y.value,void 0,{trim:!0}]])]),t("div",Qe,[m(J,{variant:"danger",disabled:y.value!==i.value||!x($).token,title:y.value!==i.value?"Type the file name to confirm.":void 0,onClick:se},{default:f(()=>[...e[36]||(e[36]=[a(" Delete ",-1)])]),_:1},8,["disabled","title"])])],64)):v("",!0)],64))])):v("",!0)])}}});export{lt as default};
|
|
9
|
-
//# sourceMappingURL=RoutingView-DSkMdPwp.js.map
|