azure-pipelines-tui 0.5.0

package/dist/screens/PipelineRunScreen.js

@@ -0,0 +1,408 @@
+"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.PipelineRunScreen = void 0;
+const blessed = __importStar(require("blessed"));
+const api_js_1 = require("../lib/api.js");
+const format_js_1 = require("../lib/format.js");
+const signalr_js_1 = require("../signalr.js");
+class PipelineRunScreen {
+    screen;
+    ctx;
+    treeWidget;
+    logWidget;
+    // Build state
+    buildId = null;
+    build = null;
+    records = [];
+    logCache = new Map();
+    collapsed = new Set();
+    expandedGroups = new Set();
+    treeItems = [];
+    selectedLogId = null;
+    followLog = true;
+    keepTimestamps;
+    // Spinner
+    spinnerTimer = null;
+    spinnerFrame = 0;
+    SPINNER_FRAMES = "⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏";
+    // SignalR
+    signalRHandle = null;
+    signalRStarted = false;
+    signalRDelay = 3_000;
+    pendingLines = new Map();
+    // Polling
+    pollGen = 0;
+    get footerText() {
+        const live = this.followLog && this.selectedLogId ? "  {green-fg}● LIVE{/}" : "";
+        return (" {cyan-fg}↑↓{/} Navigate  {cyan-fg}Enter/→{/} Select  {cyan-fg}←/Esc{/} Back  " +
+            `{cyan-fg}Tab{/} Switch  {cyan-fg}f{/} Follow  {cyan-fg}r{/} Retry  {cyan-fg}q{/} Quit${live}`);
+    }
+    constructor(screen, ctx, opts = {}) {
+        this.screen = screen;
+        this.ctx = ctx;
+        this.keepTimestamps = opts.keepTimestamps ?? false;
+        this.treeWidget = blessed.list({
+            parent: screen, top: 1, left: 0, width: "34%", height: "100%-3",
+            border: { type: "line" }, label: " Pipeline ",
+            tags: true, keys: true, vi: true, scrollable: true,
+            scrollbar: { ch: "│", style: { fg: "blue" } },
+            style: {
+                border: { fg: "cyan" }, selected: { bg: "blue", fg: "white", bold: true },
+                item: { fg: "white" }, focus: { border: { fg: "white" } },
+            },
+            items: [], hidden: true,
+        });
+        this.logWidget = blessed.log({
+            parent: screen, top: 1, left: "34%", width: "66%", height: "100%-3",
+            border: { type: "line" }, label: " Logs — select a task in the tree ",
+            tags: true, keys: true, vi: true, scrollable: true, alwaysScroll: true,
+            scrollbar: { ch: "│", style: { fg: "blue" } },
+            style: { border: { fg: "gray" }, focus: { border: { fg: "white" } } },
+            hidden: true,
+        });
+        this.registerKeys();
+    }
+    show(buildId) {
+        this.buildId = buildId;
+        this.build = null;
+        this.records = [];
+        this.logCache.clear();
+        this.collapsed.clear();
+        this.expandedGroups.clear();
+        this.treeItems = [];
+        this.selectedLogId = null;
+        this.followLog = true;
+        this.pendingLines.clear();
+        this.treeWidget.show();
+        this.logWidget.show();
+        this.treeWidget.setItems([]);
+        this.logWidget.setContent("");
+        this.logWidget.setLabel(" Logs — select a task in the tree ");
+        this.treeWidget.focus();
+        this.screen.render();
+        const gen = ++this.pollGen;
+        this.poll(buildId, gen);
+    }
+    hide() {
+        this.pollGen++; // stop active poll loop
+        this.treeWidget.hide();
+        this.logWidget.hide();
+    }
+    getBuild() { return this.build; }
+    getBuildId() { return this.buildId; }
+    refreshTree() {
+        const sel = this.treeWidget.selected ?? 0;
+        const prevId = this.treeItems[sel]
+            ? (this.treeItems[sel].kind === "group" ? this.treeItems[sel].id : this.treeItems[sel].record.id)
+            : undefined;
+        this.treeItems = (0, format_js_1.buildFlatRunTree)(this.records, this.collapsed, this.expandedGroups);
+        this.treeWidget.setItems(this.treeItems.map(format_js_1.runItemLabel));
+        if (prevId) {
+            const idx = this.treeItems.findIndex(t => t.kind === "group" ? t.id === prevId : t.record.id === prevId);
+            if (idx >= 0)
+                this.treeWidget.select(idx);
+        }
+        this.screen.render();
+    }
+    startSpinner(label) {
+        if (this.spinnerTimer)
+            clearInterval(this.spinnerTimer);
+        this.spinnerFrame = 0;
+        this.spinnerTimer = setInterval(() => {
+            const ch = this.SPINNER_FRAMES[this.spinnerFrame++ % this.SPINNER_FRAMES.length];
+            this.logWidget.setLabel(` ${label}  {yellow-fg}${ch}{/} `);
+            this.screen.render();
+        }, 80);
+    }
+    stopSpinner(label) {
+        if (this.spinnerTimer) {
+            clearInterval(this.spinnerTimer);
+            this.spinnerTimer = null;
+        }
+        this.logWidget.setLabel(` ${label} `);
+        this.screen.render();
+    }
+    selectLog(id) {
+        this.selectedLogId = id;
+        const rec = this.records.find(r => r.id === id);
+        const name = rec?.name ?? "Logs";
+        this.logWidget.setContent("");
+        const srLines = this.pendingLines.get(id) ?? [];
+        const restLines = rec?.log?.id ? (this.logCache.get(rec.log.id) ?? []) : [];
+        const allLines = [...srLines, ...restLines];
+        if (allLines.length > 0) {
+            this.stopSpinner(name);
+            for (const l of allLines)
+                this.logWidget.log((0, format_js_1.formatLogLine)(l, this.keepTimestamps));
+            this.followLog = true;
+            this.logWidget.setScrollPerc(100);
+        }
+        else {
+            this.startSpinner(name);
+        }
+        this.screen.render();
+    }
+    appendLines(logId, lines, recordName) {
+        const existing = this.logCache.get(logId) ?? [];
+        this.logCache.set(logId, [...existing, ...lines]);
+        if (this.selectedLogId) {
+            const rec = this.records.find(r => r.id === this.selectedLogId);
+            if (rec?.log?.id === logId) {
+                if (this.spinnerTimer)
+                    this.stopSpinner(recordName);
+                for (const l of lines)
+                    this.logWidget.log((0, format_js_1.formatLogLine)(l, this.keepTimestamps));
+                if (this.followLog)
+                    this.logWidget.setScrollPerc(100);
+                this.screen.render();
+            }
+        }
+    }
+    handleSignalR(event) {
+        const { method, args } = event;
+        if (["BuildUpdated", "TimelineUpdated", "TimelineRecordsUpdated", "timelineRecordsUpdated",
+            "JobAssigned", "JobStarted", "JobCompleted"].includes(method)) {
+            if (this.buildId)
+                this.poll(this.buildId, this.pollGen);
+            return;
+        }
+        if (method === "logConsoleLines") {
+            const payload = args[0];
+            const lines = payload?.lines;
+            const recordId = payload?.stepRecordId;
+            if (!lines?.length || !recordId)
+                return;
+            const rec = this.records.find(r => r.id === recordId);
+            if (rec?.log?.id != null) {
+                this.appendLines(rec.log.id, lines, rec.name);
+            }
+            else {
+                const prev = this.pendingLines.get(recordId) ?? [];
+                this.pendingLines.set(recordId, [...prev, ...lines]);
+                if (this.selectedLogId === recordId) {
+                    const name = rec?.name ?? recordId;
+                    if (this.spinnerTimer)
+                        this.stopSpinner(name);
+                    for (const l of lines)
+                        this.logWidget.log((0, format_js_1.formatLogLine)(l, this.keepTimestamps));
+                    if (this.followLog)
+                        this.logWidget.setScrollPerc(100);
+                    this.screen.render();
+                }
+            }
+        }
+    }
+    async setupSignalR(buildId) {
+        if (this.signalRStarted) {
+            if (this.signalRHandle) {
+                try {
+                    const token = await this.ctx.getToken();
+                    const projectId = await (0, api_js_1.fetchProjectId)(this.ctx.org, this.ctx.project, token);
+                    this.signalRHandle.invoke("builddetailhub", "WatchBuild", projectId, Number(buildId));
+                }
+                catch { /* non-fatal */ }
+            }
+            return;
+        }
+        this.signalRStarted = true;
+        try {
+            const token = await this.ctx.getToken();
+            const projectId = await (0, api_js_1.fetchProjectId)(this.ctx.org, this.ctx.project, token);
+            this.signalRHandle = await (0, signalr_js_1.connectSignalR)(this.ctx.org, projectId, token, (e) => this.handleSignalR(e), (msg) => this.ctx.setStatus(msg, 5000), () => {
+                this.signalRHandle = null;
+                this.signalRStarted = false;
+                this.ctx.setStatus(`SignalR: reconnecting in ${this.signalRDelay / 1000}s…`, 0);
+                setTimeout(() => { if (this.buildId)
+                    this.setupSignalR(this.buildId); }, this.signalRDelay);
+                this.signalRDelay = Math.min(this.signalRDelay * 2, 30_000);
+            });
+            this.signalRDelay = 3_000;
+            this.signalRHandle.invoke("builddetailhub", "WatchBuild", projectId, Number(buildId));
+        }
+        catch (e) {
+            this.signalRStarted = false;
+            this.ctx.setStatus(`SignalR: ${e.message.slice(0, 50)} — retry in ${this.signalRDelay / 1000}s`, 0);
+            setTimeout(() => { if (this.buildId)
+                this.setupSignalR(this.buildId); }, this.signalRDelay);
+            this.signalRDelay = Math.min(this.signalRDelay * 2, 30_000);
+        }
+    }
+    async poll(buildId, gen) {
+        if (gen !== this.pollGen)
+            return;
+        try {
+            const token = await this.ctx.getToken();
+            const [newBuild, timeline] = await Promise.all([
+                (0, api_js_1.fetchBuild)(this.ctx.org, this.ctx.project, buildId, token),
+                (0, api_js_1.fetchTimeline)(this.ctx.org, this.ctx.project, buildId, token),
+            ]);
+            if (gen !== this.pollGen)
+                return;
+            this.build = newBuild;
+            if (timeline?.records) {
+                this.records = timeline.records;
+                this.refreshTree();
+                for (const [stepId, lines] of [...this.pendingLines.entries()]) {
+                    const rec = this.records.find(r => r.id === stepId);
+                    if (rec?.log?.id != null) {
+                        const existing = this.logCache.get(rec.log.id) ?? [];
+                        this.logCache.set(rec.log.id, [...existing, ...lines]);
+                        this.pendingLines.delete(stepId);
+                    }
+                }
+            }
+            if (!this.signalRStarted)
+                this.setupSignalR(buildId);
+            if (this.selectedLogId) {
+                const rec = this.records.find(r => r.id === this.selectedLogId);
+                if (rec?.log?.id) {
+                    const logId = rec.log.id;
+                    const seen = this.logCache.get(logId)?.length ?? 0;
+                    const data = await (0, api_js_1.fetchLogLines)(this.ctx.org, this.ctx.project, buildId, logId, seen + 1, token);
+                    if (data?.value?.length)
+                        this.appendLines(logId, data.value, rec.name);
+                }
+            }
+        }
+        catch (e) {
+            if (gen === this.pollGen)
+                this.ctx.setStatus(e.message.slice(0, 60), 5000);
+        }
+        if (gen === this.pollGen)
+            setTimeout(() => this.poll(buildId, gen), 1000);
+    }
+    selectedItem() {
+        const idx = this.treeWidget.selected ?? 0;
+        return this.treeItems[idx];
+    }
+    registerKeys() {
+        this.treeWidget.key(["enter", "right"], () => {
+            const item = this.selectedItem();
+            if (!item)
+                return;
+            if (item.kind === "group") {
+                if (this.expandedGroups.has(item.id))
+                    this.expandedGroups.delete(item.id);
+                else
+                    this.expandedGroups.add(item.id);
+                this.refreshTree();
+                return;
+            }
+            if (item.hasChildren) {
+                if (this.collapsed.has(item.record.id))
+                    this.collapsed.delete(item.record.id);
+                else
+                    this.collapsed.add(item.record.id);
+                this.refreshTree();
+            }
+            else {
+                this.selectLog(item.record.id);
+            }
+        });
+        this.treeWidget.key("left", () => {
+            const item = this.selectedItem();
+            if (!item)
+                return;
+            if (item.kind === "group") {
+                if (this.expandedGroups.has(item.id)) {
+                    this.expandedGroups.delete(item.id);
+                    this.refreshTree();
+                }
+                return;
+            }
+            if (item.hasChildren && !this.collapsed.has(item.record.id)) {
+                this.collapsed.add(item.record.id);
+                this.refreshTree();
+            }
+            else if (item.record.parentId) {
+                const pIdx = this.treeItems.findIndex(t => t.kind === "regular" && t.record.id === item.record.parentId);
+                if (pIdx >= 0) {
+                    this.treeWidget.select(pIdx);
+                    this.screen.render();
+                }
+            }
+        });
+        this.treeWidget.key("escape", () => this.ctx.goBack());
+        this.treeWidget.key("r", async () => {
+            const item = this.selectedItem();
+            if (!item || item.kind !== "regular" || item.record.type !== "Stage")
+                return;
+            if (item.record.state !== "completed") {
+                this.ctx.setStatus(`Stage "${item.record.name}" is not completed`, 3000);
+                return;
+            }
+            const stageRef = item.record.identifier ?? item.record.name;
+            const base = `https://dev.azure.com/${(0, api_js_1.enc)(this.ctx.org)}/${(0, api_js_1.enc)(this.ctx.project)}/_apis/build/builds/${this.buildId}`;
+            this.ctx.setStatus(`Restarting "${item.record.name}"…`, 0);
+            try {
+                const token = await this.ctx.getToken();
+                await (0, api_js_1.httpPatch)(`${base}/stages/${encodeURIComponent(stageRef)}?${api_js_1.API_VER}`, token, { forceRetryAllJobs: true, state: 1, retryDependencies: true });
+                this.ctx.setStatus(`Stage "${item.record.name}" restarted`, 3000);
+                if (this.buildId)
+                    this.poll(this.buildId, this.pollGen);
+            }
+            catch (e) {
+                const raw = e.message;
+                const match = raw.match(/^HTTP \d+: ([\s\S]+)/);
+                let msg = raw;
+                if (match) {
+                    try {
+                        msg = JSON.parse(match[1]).message ?? match[1];
+                    }
+                    catch {
+                        msg = match[1];
+                    }
+                }
+                this.ctx.setStatus(`Restart failed: ${msg}`, 8000);
+            }
+        });
+        this.logWidget.key(["escape", "backspace", "left"], () => {
+            this.treeWidget.focus();
+            this.screen.render();
+        });
+        this.logWidget.key(["f", "end"], () => {
+            this.followLog = true;
+            this.logWidget.setScrollPerc(100);
+            this.screen.render();
+        });
+        this.logWidget.on("scroll", () => {
+            const lb = this.logWidget;
+            if (lb.getScrollPerc() < 98)
+                this.followLog = false;
+        });
+    }
+}
+exports.PipelineRunScreen = PipelineRunScreen;

package/dist/screens/PipelineRunsScreen.js

@@ -0,0 +1,135 @@
+"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.PipelineRunsScreen = 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 PipelineRunsScreen {
+    screen;
+    ctx;
+    widget;
+    pipeline = null;
+    runs = [];
+    get footerText() {
+        return (" {cyan-fg}↑↓{/} Navigate  {cyan-fg}Enter{/} Open run  {cyan-fg}b{/} Browser  " +
+            "{cyan-fg}r{/} Refresh  {cyan-fg}Esc{/} Back  {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 Runs ",
+            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(pipeline) {
+        this.pipeline = pipeline;
+        this.runs = [];
+        this.widget.show();
+        this.widget.setLabel(` Runs: ${pipeline.name} `);
+        this.widget.setItems([]);
+        this.widget.focus();
+        this.screen.render();
+        this.loadData();
+    }
+    hide() { this.widget.hide(); }
+    getPipeline() { return this.pipeline; }
+    refresh() {
+        if (!this.pipeline)
+            return;
+        this.widget.setItems(this.runs.map(format_js_1.formatRunItem));
+        this.widget.setLabel(` Runs: ${this.pipeline.name}  (${this.runs.length}) `);
+        this.screen.render();
+    }
+    selected() {
+        const idx = this.widget.selected ?? 0;
+        return this.runs[idx];
+    }
+    async loadData() {
+        if (!this.pipeline)
+            return;
+        this.ctx.setStatus("Loading 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.refresh();
+            this.ctx.setStatus("", 0);
+        }
+        catch (e) {
+            this.ctx.setStatus(`Error: ${e.message.slice(0, 80)}`, 10_000);
+        }
+    }
+    registerKeys() {
+        this.widget.key("enter", () => {
+            const run = this.selected();
+            if (!run)
+                return;
+            this.ctx.navigate({ view: "pipelineRun", buildId: String(run.id) });
+        });
+        this.widget.key("b", () => {
+            const run = this.selected();
+            if (!run)
+                return;
+            const { org, project } = this.ctx;
+            const url = `https://dev.azure.com/${org}/${project}/_build/results?buildId=${run.id}`;
+            try {
+                (0, child_process_1.spawn)("cmd", ["/c", "start", "", url], { detached: true, stdio: "ignore" }).unref();
+            }
+            catch { }
+        });
+        this.widget.key("r", () => {
+            if (!this.pipeline)
+                return;
+            const { org, project } = this.ctx;
+            (0, cache_js_1.clearByPrefix)(`runs_${org}_${project}_${this.pipeline.id}`);
+            this.runs = [];
+            this.ctx.setStatus("Refreshing…", 0);
+            this.loadData();
+        });
+        this.widget.key("escape", () => this.ctx.goBack());
+    }
+}
+exports.PipelineRunsScreen = PipelineRunsScreen;