azure-pipelines-tui 0.5.0

package/dist/screens/PipelinesScreen.js

@@ -0,0 +1,184 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PipelinesScreen = void 0;
+const child_process_1 = require("child_process");
+const blessed = __importStar(require("blessed"));
+const api_js_1 = require("../lib/api.js");
+const format_js_1 = require("../lib/format.js");
+const cache_js_1 = require("../cache.js");
+class PipelinesScreen {
+    screen;
+    ctx;
+    widget;
+    flatItems = [];
+    collapsed = new Set();
+    get footerText() {
+        return (" {cyan-fg}↑↓{/} Navigate  {cyan-fg}Enter{/} Stages  {cyan-fg}v{/} Runs  {cyan-fg}o{/} Open  " +
+            "{cyan-fg}e{/} Envs  {cyan-fg}b{/} Browser  {cyan-fg}r{/} Refresh  {cyan-fg}q{/} Quit");
+    }
+    constructor(screen, ctx) {
+        this.screen = screen;
+        this.ctx = ctx;
+        this.widget = blessed.list({
+            parent: screen, top: 1, left: 0, width: "100%", height: "100%-3",
+            border: { type: "line" }, label: " Pipeline Definitions ",
+            tags: true, keys: true, vi: true, scrollable: true,
+            scrollbar: { ch: "│", style: { fg: "blue" } },
+            style: {
+                border: { fg: "cyan" }, selected: { bg: "blue", fg: "white" },
+                focus: { border: { fg: "white" } },
+            },
+            items: [], hidden: true,
+        });
+        this.registerKeys();
+    }
+    show() {
+        this.widget.show();
+        this.widget.focus();
+        if (this.ctx.state.pipelines.length === 0) {
+            this.ctx.loadPipelineDefinitions().then(() => this.refresh());
+        }
+        else {
+            this.refresh();
+        }
+    }
+    hide() { this.widget.hide(); }
+    refresh(scrollTo) {
+        const tree = (0, format_js_1.buildPipeTree)(this.ctx.state.pipelines);
+        this.flatItems = [];
+        (0, format_js_1.flattenPipeTree)(tree, this.collapsed, 0, this.flatItems);
+        this.widget.setItems(this.flatItems.map(format_js_1.formatPipeItem));
+        if (scrollTo) {
+            const idx = this.flatItems.findIndex(i => i.kind === "pipeline" && i.pipeline.id === scrollTo.id);
+            if (idx >= 0) {
+                this.widget.select(idx);
+                const vis = this.widget.height - 2;
+                this.widget.scrollTo(Math.max(0, idx - Math.floor(vis / 2)));
+            }
+        }
+        this.screen.render();
+    }
+    scrollTo(pipeline) { this.refresh(pipeline); }
+    selected() {
+        const idx = this.widget.selected ?? 0;
+        return this.flatItems[idx];
+    }
+    registerKeys() {
+        this.widget.key("e", () => this.ctx.navigate({ view: "environments" }));
+        this.widget.key("r", () => {
+            const { org, project } = this.ctx;
+            (0, cache_js_1.clearByPrefix)(`pipelines_${org}_${project}`);
+            this.ctx.state.pipelines = [];
+            this.ctx.setStatus("Refreshing…", 0);
+            this.ctx.loadPipelineDefinitions().then(() => this.refresh());
+        });
+        this.widget.key("b", () => {
+            const item = this.selected();
+            if (!item || item.kind !== "pipeline")
+                return;
+            const { org, project } = this.ctx;
+            const url = `https://dev.azure.com/${org}/${project}/_build?definitionId=${item.pipeline.id}&_a=summary`;
+            try {
+                (0, child_process_1.spawn)("cmd", ["/c", "start", "", url], { detached: true, stdio: "ignore" }).unref();
+            }
+            catch { }
+        });
+        this.widget.key("enter", () => {
+            const item = this.selected();
+            if (!item)
+                return;
+            if (item.kind === "folder") {
+                if (this.collapsed.has(item.key))
+                    this.collapsed.delete(item.key);
+                else
+                    this.collapsed.add(item.key);
+                this.refresh();
+            }
+            else {
+                this.ctx.navigate({ view: "stages", pipeline: item.pipeline });
+            }
+        });
+        this.widget.key("v", () => {
+            const item = this.selected();
+            if (!item || item.kind !== "pipeline")
+                return;
+            this.ctx.navigate({ view: "runs", pipeline: item.pipeline });
+        });
+        this.widget.key("o", async () => {
+            const item = this.selected();
+            if (!item || item.kind !== "pipeline")
+                return;
+            this.ctx.setStatus("Loading latest run…", 0);
+            try {
+                const token = await this.ctx.getToken();
+                const runs = await (0, api_js_1.fetchPipelineRuns)(this.ctx.org, this.ctx.project, item.pipeline.id, token, 1);
+                if (runs.length === 0) {
+                    this.ctx.setStatus("No runs found for this pipeline");
+                    return;
+                }
+                this.ctx.navigate({ view: "pipelineRun", buildId: String(runs[0].id) });
+            }
+            catch (e) {
+                this.ctx.setStatus(`Error: ${e.message.slice(0, 80)}`, 5000);
+            }
+        });
+        this.widget.key("right", () => {
+            const item = this.selected();
+            if (!item || item.kind !== "folder" || item.isExpanded)
+                return;
+            this.collapsed.delete(item.key);
+            this.refresh();
+        });
+        this.widget.key("left", () => {
+            const item = this.selected();
+            if (!item)
+                return;
+            if (item.kind === "folder" && item.isExpanded) {
+                this.collapsed.add(item.key);
+                this.refresh();
+            }
+            else {
+                const parentKey = item.key.slice(0, item.key.lastIndexOf("\\")) || "\\";
+                const idx = this.flatItems.findIndex(i => i.kind === "folder" && i.key === parentKey);
+                if (idx >= 0) {
+                    this.widget.select(idx);
+                    this.screen.render();
+                }
+            }
+        });
+    }
+}
+exports.PipelinesScreen = PipelinesScreen;

package/dist/screens/StagesScreen.js

@@ -0,0 +1,194 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StagesScreen = void 0;
+const child_process_1 = require("child_process");
+const blessed = __importStar(require("blessed"));
+const api_js_1 = require("../lib/api.js");
+const format_js_1 = require("../lib/format.js");
+const cache_js_1 = require("../cache.js");
+class StagesScreen {
+    screen;
+    ctx;
+    colHeader;
+    widget;
+    pipeline = null;
+    runs = [];
+    stagesMap = new Map();
+    meta = [];
+    get footerText() {
+        return (" {cyan-fg}↑↓{/} Navigate  {cyan-fg}Enter{/} Open run  {cyan-fg}r{/} Refresh  " +
+            "{cyan-fg}b{/} Browser  {cyan-fg}p{/} Pipelines  {cyan-fg}e{/} Envs  {cyan-fg}q{/} Quit");
+    }
+    constructor(screen, ctx) {
+        this.screen = screen;
+        this.ctx = ctx;
+        this.colHeader = blessed.box({
+            parent: screen, top: 1, left: 0, width: "100%", height: 1,
+            style: { bg: "black", fg: "cyan", bold: true },
+            hidden: true,
+        });
+        this.widget = blessed.list({
+            parent: screen, top: 2, left: 0, width: "100%", height: "100%-4",
+            border: { type: "line" }, label: " Stages ",
+            tags: true, keys: true, vi: true, scrollable: true,
+            scrollbar: { ch: "│", style: { fg: "blue" } },
+            style: {
+                border: { fg: "magenta" }, selected: { bg: "blue", fg: "white", bold: true },
+                item: { fg: "white" }, focus: { border: { fg: "white" } },
+            },
+            items: [], hidden: true,
+        });
+        this.registerKeys();
+    }
+    show(pipeline) {
+        this.pipeline = pipeline;
+        this.runs = [];
+        this.stagesMap = new Map();
+        this.meta = [];
+        this.colHeader.show();
+        this.widget.show();
+        this.widget.setItems([]);
+        this.widget.setLabel(` Stages: ${pipeline.name} `);
+        this.widget.focus();
+        this.screen.render();
+        this.loadData();
+    }
+    hide() { this.colHeader.hide(); this.widget.hide(); }
+    getPipeline() { return this.pipeline; }
+    refresh() {
+        if (!this.pipeline)
+            return;
+        const baseGroups = (0, format_js_1.buildStageBranchSummaries)(this.runs, this.stagesMap);
+        this.colHeader.setContent((0, format_js_1.padEnd)("  Stage / Branch", format_js_1.BRANCH_COL + 2) + (0, format_js_1.padEnd)("Plan", format_js_1.PLAN_COL) + "Apply");
+        const items = [];
+        const meta = [];
+        for (let gi = 0; gi < baseGroups.length; gi++) {
+            const { displayName, branches } = baseGroups[gi];
+            items.push(`{bold} ${(0, format_js_1.padEnd)(displayName, format_js_1.BRANCH_COL)}{/}`);
+            meta.push({ kind: "base", displayName });
+            let mostRecentBranch;
+            let mostRecentTime = "";
+            for (const [branch, summary] of branches) {
+                if (!(0, format_js_1.branchHasRun)(summary))
+                    continue;
+                const t = summary.applyLatest?.finishTime ?? summary.planLatest?.finishTime ??
+                    summary.applyPrevOk?.finishTime ?? summary.planPrevOk?.finishTime ?? "";
+                if (!mostRecentBranch || t > mostRecentTime) {
+                    mostRecentTime = t;
+                    mostRecentBranch = branch;
+                }
+            }
+            for (const [branch, summary] of branches) {
+                if (!(0, format_js_1.branchHasRun)(summary))
+                    continue;
+                const dim = branch !== mostRecentBranch;
+                const branchText = (0, format_js_1.padEnd)("   " + branch, format_js_1.BRANCH_COL);
+                const branchPart = dim ? `{#3a3a3a-fg}${branchText}{/}` : `{bold}${branchText}{/bold}`;
+                const planPart = (0, format_js_1.statusCell)(summary.planLatest, summary.planPrevOk, format_js_1.PLAN_COL, false, summary.planPrevActive);
+                const applyPart = (0, format_js_1.statusCell)(summary.applyLatest, summary.applyPrevOk, format_js_1.APPLY_COL, false, summary.applyPrevActive);
+                const latestRunId = summary.applyLatest?.runId ?? summary.planLatest?.runId;
+                items.push(` ${branchPart} ${planPart}${applyPart}`);
+                meta.push({ kind: "branch", branch, latestRunId });
+            }
+            if (gi < baseGroups.length - 1) {
+                items.push("");
+                meta.push({ kind: "separator" });
+            }
+        }
+        this.meta = meta;
+        this.widget.setItems(items);
+        this.widget.setLabel(` Stages: ${this.pipeline.name}  (${this.runs.length} runs) `);
+        this.screen.render();
+    }
+    async loadData() {
+        if (!this.pipeline)
+            return;
+        this.ctx.setStatus("Loading pipeline runs…", 0);
+        try {
+            const token = await this.ctx.getToken();
+            this.runs = await (0, api_js_1.fetchPipelineRuns)(this.ctx.org, this.ctx.project, this.pipeline.id, token);
+            this.ctx.setStatus(`${this.runs.length} runs — loading timelines…`, 0);
+            this.refresh();
+            const BATCH = 10;
+            for (let i = 0; i < this.runs.length; i += BATCH) {
+                await Promise.all(this.runs.slice(i, i + BATCH).map(async (run) => {
+                    const stages = await (0, api_js_1.fetchRunStages)(this.ctx.org, this.ctx.project, run.id, token);
+                    this.stagesMap.set(run.id, stages);
+                }));
+                this.refresh();
+                this.ctx.setStatus(`Timelines ${Math.min(i + BATCH, this.runs.length)}/${this.runs.length}…`, 0);
+            }
+            this.ctx.setStatus("", 0);
+        }
+        catch (e) {
+            this.ctx.setStatus(`Error: ${e.message.slice(0, 80)}`, 10_000);
+        }
+    }
+    registerKeys() {
+        this.widget.key("p", () => this.ctx.navigate({ view: "pipelines" }));
+        this.widget.key("e", () => this.ctx.navigate({ view: "environments" }));
+        this.widget.key("escape", () => this.ctx.goBack());
+        this.widget.key("r", () => {
+            if (!this.pipeline)
+                return;
+            const { org, project } = this.ctx;
+            (0, cache_js_1.clearByPrefix)(`runs_${org}_${project}_${this.pipeline.id}`);
+            (0, cache_js_1.clearByPrefix)(`stages_${org}_${project}`);
+            this.runs = [];
+            this.stagesMap = new Map();
+            this.ctx.setStatus("Refreshing…", 0);
+            this.loadData();
+        });
+        this.widget.key("b", () => {
+            if (!this.pipeline)
+                return;
+            const { org, project } = this.ctx;
+            const url = `https://dev.azure.com/${org}/${project}/_build?definitionId=${this.pipeline.id}&_a=summary`;
+            try {
+                (0, child_process_1.spawn)("cmd", ["/c", "start", "", url], { detached: true, stdio: "ignore" }).unref();
+            }
+            catch { }
+        });
+        this.widget.key("enter", () => {
+            const sel = this.widget.selected ?? 0;
+            const m = this.meta[sel];
+            if (!m || m.kind !== "branch" || !m.latestRunId)
+                return;
+            this.ctx.navigate({ view: "pipelineRun", buildId: String(m.latestRunId) });
+        });
+    }
+}
+exports.StagesScreen = StagesScreen;

package/dist/screens/context.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/signalr.js

@@ -0,0 +1,117 @@
+"use strict";
+// Azure DevOps SignalR client (ASP.NET SignalR 1.x over WebSocket)
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.connectSignalR = connectSignalR;
+const https_1 = __importDefault(require("https"));
+const ws_1 = __importDefault(require("ws"));
+const url_1 = require("url");
+const fs_1 = __importDefault(require("fs"));
+// ── HTTP helper (standalone, no shared state with index.ts) ──────────────────
+function getJson(url, token, redirectsLeft = 5) {
+    return new Promise((resolve, reject) => {
+        const u = new url_1.URL(url);
+        https_1.default
+            .get({ hostname: u.hostname, path: u.pathname + u.search,
+            headers: { Authorization: `Bearer ${token}`, Accept: "application/json" } }, (res) => {
+            const status = res.statusCode ?? 0;
+            if (status >= 300 && status < 400) {
+                const loc = res.headers["location"];
+                res.resume();
+                if (!loc || redirectsLeft <= 0)
+                    return reject(new Error(`HTTP ${status}: redirect limit reached (Location: ${loc ?? "none"})`));
+                const next = loc.startsWith("http") ? loc : `https://${u.hostname}${loc}`;
+                return resolve(getJson(next, token, redirectsLeft - 1));
+            }
+            let data = "";
+            res.on("data", (c) => (data += c));
+            res.on("end", () => {
+                if (status >= 400)
+                    return reject(new Error(`HTTP ${status}: ${data.slice(0, 200)}`));
+                try {
+                    resolve(JSON.parse(data));
+                }
+                catch (e) {
+                    reject(new Error(`JSON: ${e.message}`));
+                }
+            });
+        })
+            .on("error", reject);
+    });
+}
+// ── Main export ───────────────────────────────────────────────────────────────
+// projectId: the project GUID (e.g. from `az devops project show --query id`)
+async function connectSignalR(org, projectId, token, onEvent, onStatus, onClose) {
+    const CONNECTION_DATA = JSON.stringify([
+        { name: "builddetailhub" },
+        { name: "taskagentpoolhub" },
+    ]);
+    const encodedData = encodeURIComponent(CONNECTION_DATA);
+    const orgEncoded = encodeURIComponent(org);
+    // ── 1. Instance ID (org-level, used for negotiate + start) ────────────────
+    onStatus("SignalR: fetching instance id…");
+    const { instanceId } = await getJson(`https://dev.azure.com/${orgEncoded}/_apis/connectionData` +
+        `?connectOptions=0&lastChangeId=-1&lastChangeId64=-1`, token);
+    // ── 2. Negotiate (uses instanceId → returns contextToken) ─────────────────
+    onStatus("SignalR: negotiating…");
+    const negotiated = await getJson(`https://dev.azure.com/_signalr/${orgEncoded}/_apis/${instanceId}/signalr/negotiate` +
+        `?transport=webSockets&clientProtocol=1.5&connectionData=${encodedData}&_=${Date.now()}`, token);
+    fs_1.default.writeFileSync("signalr-negotiate.json", JSON.stringify(negotiated, null, 2));
+    // contextToken comes from the negotiate Url field: /_signalr/_apis/{guid}/signalr
+    const contextToken = negotiated.ContextToken ??
+        negotiated.Url?.match(/\/_apis\/([0-9a-f-]{36})\//i)?.[1];
+    // ── 3. Connect WebSocket (uses projectId in path, contextToken as param) ──
+    onStatus("SignalR: connecting…");
+    const wsUrl = `wss://dev.azure.com/_signalr/${orgEncoded}/_apis/${projectId}/signalr/connect` +
+        `?transport=webSockets&clientProtocol=1.5` +
+        `&connectionToken=${encodeURIComponent(negotiated.ConnectionToken)}` +
+        `&connectionData=${encodedData}` +
+        (contextToken ? `&contextToken=${encodeURIComponent(contextToken)}` : "") +
+        `&tid=${Math.floor(Math.random() * 20)}`;
+    const ws = new ws_1.default(wsUrl, {
+        headers: {
+            Authorization: `Bearer ${token}`,
+            "Sec-WebSocket-Protocol": `Bearer, ${token}`,
+        },
+    });
+    await new Promise((resolve, reject) => {
+        ws.once("open", resolve);
+        ws.once("error", reject);
+    });
+    // ── 4. Start (uses instanceId) ────────────────────────────────────────────
+    try {
+        await getJson(`https://dev.azure.com/_signalr/${orgEncoded}/_apis/${instanceId}/signalr/start` +
+            `?transport=webSockets&clientProtocol=1.5` +
+            `&connectionToken=${encodeURIComponent(negotiated.ConnectionToken)}` +
+            `&connectionData=${encodedData}&_=${Date.now()}`, token);
+    }
+    catch { /* start returns empty body, not JSON */ }
+    onStatus("SignalR: connected ●");
+    // ── Message handler ────────────────────────────────────────────────────────
+    ws.on("message", (raw) => {
+        const text = raw.toString();
+        fs_1.default.appendFileSync("signalr-messages.jsonl", text + "\n");
+        if (text === "{}")
+            return;
+        try {
+            const frame = JSON.parse(text);
+            for (const msg of frame.M ?? [])
+                onEvent({ hub: msg.H ?? "", method: msg.M ?? "", args: msg.A ?? [] });
+        }
+        catch { /* malformed frame */ }
+    });
+    ws.on("close", () => { onStatus("SignalR: disconnected"); onClose?.(); });
+    ws.on("error", (e) => onStatus(`SignalR error: ${e.message}`));
+    // ── Handle ─────────────────────────────────────────────────────────────────
+    let invId = 0;
+    return {
+        invoke(hub, method, ...args) {
+            if (ws.readyState !== ws_1.default.OPEN)
+                return;
+            ws.send(JSON.stringify({ H: hub, M: method, A: args, I: String(invId++) }));
+        },
+        close() { ws.close(); },
+    };
+}