azure-pipelines-tui 0.5.0

package/dist/screens/EnvironmentsScreen.js

@@ -0,0 +1,220 @@
+"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.EnvironmentsScreen = 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 EnvironmentsScreen {
+    screen;
+    ctx;
+    colHeader;
+    widget;
+    rows = [];
+    flatItems = [];
+    collapsed = new Set();
+    get footerText() {
+        return (" {cyan-fg}↑↓{/} Navigate  {cyan-fg}Enter{/} Expand/Stages  {cyan-fg}←{/} Collapse  " +
+            "{cyan-fg}p{/} Pipelines  {cyan-fg}m{/} Mapping  {cyan-fg}r{/} Refresh  {cyan-fg}c{/} Clear  {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 },
+            content: (0, format_js_1.envColHeaderStr)(), hidden: true,
+        });
+        this.widget = blessed.list({
+            parent: screen, top: 2, left: 0, width: "100%", height: "100%-4",
+            border: { type: "line" }, label: " Environments ",
+            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.registerKeys();
+    }
+    show() {
+        this.colHeader.show();
+        this.widget.show();
+        this.widget.focus();
+        if (this.rows.length === 0)
+            this.loadData();
+    }
+    hide() { this.colHeader.hide(); this.widget.hide(); }
+    getRows() { return this.rows; }
+    refresh() {
+        const prevKey = this.flatItems[this.widget.selected]?.key;
+        const tree = (0, format_js_1.buildEnvTree)(this.rows);
+        this.flatItems = [];
+        (0, format_js_1.flattenEnvTree)(tree, this.collapsed, 0, this.flatItems);
+        this.widget.setItems(this.flatItems.map(format_js_1.formatEnvItem));
+        if (prevKey) {
+            const idx = this.flatItems.findIndex(i => i.key === prevKey);
+            if (idx >= 0)
+                this.widget.select(idx);
+        }
+        this.screen.render();
+    }
+    selected() {
+        const idx = this.widget.selected ?? 0;
+        return this.flatItems[idx];
+    }
+    async openStagesForRow(row) {
+        if (!row.mapping) {
+            const bid = row.deploy?.owner?.id ? Number(row.deploy.owner.id) : 0;
+            if (!bid)
+                return;
+            const url = `https://dev.azure.com/${this.ctx.org}/${this.ctx.project}/_build/results?buildId=${bid}`;
+            try {
+                (0, child_process_1.spawn)("cmd", ["/c", "start", "", url], { detached: true, stdio: "ignore" }).unref();
+            }
+            catch { }
+            return;
+        }
+        let pip = this.ctx.state.pipelines.find(p => p.id === row.mapping.pipelineId);
+        if (!pip) {
+            this.ctx.setStatus("Loading pipeline definitions…", 0);
+            try {
+                await this.ctx.loadPipelineDefinitions();
+                pip = this.ctx.state.pipelines.find(p => p.id === row.mapping.pipelineId);
+            }
+            catch (e) {
+                this.ctx.setStatus(`Error: ${e.message.slice(0, 80)}`, 5000);
+                return;
+            }
+        }
+        if (pip)
+            this.ctx.navigate({ view: "stages", pipeline: pip });
+        else
+            this.ctx.setStatus(`Pipeline ${row.mapping.pipelineId} not found`);
+    }
+    async loadData() {
+        this.ctx.setStatus("Loading environments…", 0);
+        try {
+            const token = await this.ctx.getToken();
+            const envs = await (0, api_js_1.fetchAllEnvironments)(this.ctx.org, this.ctx.project, token);
+            this.rows = envs.map(env => ({
+                env, mapping: this.ctx.config.mappings.find(m => m.environmentId === env.id), loading: true,
+            }));
+            this.refresh();
+            this.ctx.setStatus(`${envs.length} environments — loading deployments…`, 0);
+            if (this.ctx.state.pipelines.length === 0) {
+                (0, api_js_1.fetchPipelineDefinitions)(this.ctx.org, this.ctx.project, token)
+                    .then(defs => { this.ctx.state.pipelines = defs; })
+                    .catch(() => { });
+            }
+            const BATCH = 10;
+            for (let i = 0; i < this.rows.length; i += BATCH) {
+                const batch = this.rows.slice(i, i + BATCH);
+                await Promise.all(batch.map(async (row) => {
+                    row.deploy = (await (0, api_js_1.fetchLatestDeployment)(this.ctx.org, this.ctx.project, row.env.id, token)) ?? undefined;
+                    row.loading = false;
+                }));
+                this.refresh();
+                this.ctx.setStatus(`Deployments ${Math.min(i + BATCH, this.rows.length)}/${this.rows.length}…`, 0);
+            }
+            const withDeploy = this.rows.filter(r => r.deploy?.owner?.id);
+            let done = 0;
+            for (let i = 0; i < withDeploy.length; i += BATCH) {
+                const batch = withDeploy.slice(i, i + BATCH);
+                await Promise.all(batch.map(async (row) => {
+                    row.build = (await (0, api_js_1.fetchBuildInfo)(this.ctx.org, this.ctx.project, row.deploy.owner.id, token)) ?? undefined;
+                    done++;
+                }));
+                this.refresh();
+                this.ctx.setStatus(`Build info ${done}/${withDeploy.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("m", () => this.ctx.navigate({ view: "mapping" }));
+        this.widget.key("r", () => {
+            const { org, project } = this.ctx;
+            (0, cache_js_1.clearByPrefix)(`envs_${org}_${project}`);
+            (0, cache_js_1.clearByPrefix)(`deploy_${org}_${project}`);
+            this.rows = [];
+            this.ctx.setStatus("Refreshing…", 0);
+            this.loadData();
+        });
+        this.widget.key("c", () => { (0, cache_js_1.clearAllCache)(); this.ctx.setStatus("All caches cleared"); });
+        this.widget.key("enter", () => {
+            const item = this.selected();
+            if (!item)
+                return;
+            if (item.kind === "group") {
+                if (this.collapsed.has(item.key))
+                    this.collapsed.delete(item.key);
+                else
+                    this.collapsed.add(item.key);
+                this.refresh();
+            }
+            else {
+                this.openStagesForRow(item.row);
+            }
+        });
+        this.widget.key("left", () => {
+            const item = this.selected();
+            if (!item)
+                return;
+            if (item.kind === "group" && item.isExpanded) {
+                this.collapsed.add(item.key);
+                this.refresh();
+            }
+            else {
+                const parentKey = item.key.split("-").slice(0, -1).join("-");
+                if (parentKey) {
+                    const idx = this.flatItems.findIndex(i => i.kind === "group" && i.key === parentKey);
+                    if (idx >= 0) {
+                        this.widget.select(idx);
+                        this.screen.render();
+                    }
+                }
+            }
+        });
+    }
+}
+exports.EnvironmentsScreen = EnvironmentsScreen;

package/dist/screens/MappingScreen.js

@@ -0,0 +1,165 @@
+"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.MappingScreen = void 0;
+const blessed = __importStar(require("blessed"));
+const api_js_1 = require("../lib/api.js");
+const format_js_1 = require("../lib/format.js");
+class MappingScreen {
+    screen;
+    ctx;
+    envScreen;
+    leftWidget;
+    rightWidget;
+    configFile;
+    snapshot = [];
+    get footerText() {
+        return (" {cyan-fg}Tab{/} Switch panels  {cyan-fg}Space{/} Link env→pipeline  " +
+            "{cyan-fg}d{/} Delete  {cyan-fg}s{/} Save  {cyan-fg}Esc{/} Discard");
+    }
+    constructor(screen, ctx, envScreen, configFile) {
+        this.screen = screen;
+        this.ctx = ctx;
+        this.envScreen = envScreen;
+        this.configFile = configFile;
+        this.leftWidget = blessed.list({
+            parent: screen, top: 1, left: 0, width: "50%", height: "100%-3",
+            border: { type: "line" }, label: " Environments ",
+            tags: true, keys: true, vi: true, scrollable: true,
+            scrollbar: { ch: "│", style: { fg: "blue" } },
+            style: { border: { fg: "gray" }, selected: { bg: "blue", fg: "white" }, focus: { border: { fg: "white" } } },
+            items: [], hidden: true,
+        });
+        this.rightWidget = blessed.list({
+            parent: screen, top: 1, left: "50%", width: "50%", 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: "gray" }, selected: { bg: "blue", fg: "white" }, focus: { border: { fg: "white" } } },
+            items: [], hidden: true,
+        });
+        this.registerKeys();
+    }
+    show() {
+        if (this.ctx.state.pipelines.length === 0) {
+            this.ctx.setStatus("Pipeline definitions still loading…");
+            this.ctx.navigate({ view: "environments" });
+            return;
+        }
+        this.snapshot = this.ctx.config.mappings.map(m => ({ ...m }));
+        this.populateLeft();
+        this.rightWidget.setItems(this.ctx.state.pipelines.map(p => {
+            const nm = (0, format_js_1.padEnd)(p.name, 50);
+            const pt = p.path !== "\\" ? `  {gray-fg}${p.path}{/}` : "";
+            return ` ${(0, format_js_1.padEnd)(String(p.id), 6)} ${nm}${pt}`;
+        }));
+        this.leftWidget.show();
+        this.rightWidget.show();
+        this.leftWidget.focus();
+        this.screen.render();
+    }
+    hide() { this.leftWidget.hide(); this.rightWidget.hide(); }
+    populateLeft() {
+        const rows = this.envScreen.getRows();
+        this.leftWidget.setItems(rows.map(row => {
+            const name = (0, format_js_1.padEnd)(row.env.name, 32);
+            let tag;
+            if (row.mapping) {
+                tag = `{cyan-fg}[${(0, format_js_1.padEnd)(row.mapping.pipelineName, 30)}]{/}`;
+            }
+            else if (row.deploy) {
+                tag = `{gray-fg}[auto: ${(0, format_js_1.padEnd)(row.deploy.definition.name, 25)}]{/}`;
+            }
+            else {
+                tag = "{gray-fg}[-]{/}";
+            }
+            return `${name} ${tag}`;
+        }));
+    }
+    link() {
+        const rows = this.envScreen.getRows();
+        const envSel = this.leftWidget.selected ?? 0;
+        const pipSel = this.rightWidget.selected ?? 0;
+        const row = rows[envSel];
+        const pip = this.ctx.state.pipelines[pipSel];
+        if (!row || !pip)
+            return;
+        const m = {
+            environmentId: row.env.id, environmentName: row.env.name,
+            pipelineId: pip.id, pipelineName: pip.name,
+        };
+        this.ctx.config.mappings = this.ctx.config.mappings.filter(x => x.environmentId !== row.env.id);
+        this.ctx.config.mappings.push(m);
+        row.mapping = m;
+        this.populateLeft();
+        this.ctx.setStatus(`Linked "${row.env.name}" → "${pip.name}"`, 0);
+        this.screen.render();
+    }
+    discard() {
+        this.ctx.config.mappings = this.snapshot;
+        const rows = this.envScreen.getRows();
+        rows.forEach(row => {
+            row.mapping = this.ctx.config.mappings.find(m => m.environmentId === row.env.id);
+        });
+    }
+    save() {
+        (0, api_js_1.saveConfig)(this.configFile, this.ctx.config);
+        this.ctx.navigate({ view: "environments" });
+        this.ctx.setStatus("Config saved");
+    }
+    registerKeys() {
+        this.leftWidget.key("tab", () => { this.rightWidget.focus(); this.screen.render(); });
+        this.rightWidget.key("tab", () => { this.leftWidget.focus(); this.screen.render(); });
+        this.leftWidget.key(["space", "enter"], () => this.link());
+        this.rightWidget.key(["space", "enter"], () => this.link());
+        this.leftWidget.key("d", () => {
+            const rows = this.envScreen.getRows();
+            const sel = this.leftWidget.selected ?? 0;
+            const row = rows[sel];
+            if (!row)
+                return;
+            this.ctx.config.mappings = this.ctx.config.mappings.filter(x => x.environmentId !== row.env.id);
+            row.mapping = undefined;
+            this.populateLeft();
+            this.ctx.setStatus(`Deleted mapping for "${row.env.name}"`, 0);
+            this.screen.render();
+        });
+        this.leftWidget.key("s", () => this.save());
+        this.rightWidget.key("s", () => this.save());
+        this.leftWidget.key("escape", () => { this.discard(); this.ctx.navigate({ view: "environments" }); });
+        this.rightWidget.key("escape", () => { this.discard(); this.ctx.navigate({ view: "environments" }); });
+    }
+}
+exports.MappingScreen = MappingScreen;