| /** |
| * @license |
| * Copyright (C) 2016 The Android Open Source Project |
| * |
| * Licensed under the Apache License, Version 2.0 (the "License"); |
| * you may not use this file except in compliance with the License. |
| * You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| import { |
| ActionInfo, |
| ChangeInfo, |
| } from '@gerritcodereview/typescript-api/rest-api'; |
| import {RestPluginApi} from '@gerritcodereview/typescript-api/rest'; |
| import {ChangeActionsPluginApi} from '@gerritcodereview/typescript-api/change-actions'; |
| import {PopupPluginApi} from '@gerritcodereview/typescript-api/popup'; |
| import {PluginApi} from '@gerritcodereview/typescript-api/plugin'; |
| import {RequestPayload} from '@gerritcodereview/typescript-api/rest'; |
| |
| // export for testing only |
| export type ConfigMap = {[branch: string]: boolean}; |
| |
| export declare interface UIActionInfo extends ActionInfo { |
| __key: string; |
| __url?: string; |
| } |
| |
| export interface PopupPluginApiExtended extends PopupPluginApi { |
| // TODO: Remove this reference to a private method. This can break any time. |
| _getElement: () => HTMLElement; |
| } |
| |
| export class Automerger { |
| private change?: ChangeInfo; |
| |
| private action?: UIActionInfo; |
| |
| private downstreamConfigMap: ConfigMap = {}; |
| |
| readonly restApi: RestPluginApi; |
| |
| readonly actionsApi: ChangeActionsPluginApi; |
| |
| constructor(readonly plugin: PluginApi) { |
| this.restApi = plugin.restApi(); |
| this.actionsApi = plugin.changeActions(); |
| } |
| |
| private callAction(payload: RequestPayload, onSuccess: () => void) { |
| if (!this.action?.method) return; |
| if (!this.action?.__url) return; |
| this.plugin |
| .restApi() |
| .send(this.action.method, this.action.__url, payload) |
| .then(onSuccess) |
| .catch((error: unknown) => { |
| document.dispatchEvent( |
| new CustomEvent('show-alert', { |
| detail: {message: `Plugin network error: ${error}`}, |
| }) |
| ); |
| }); |
| } |
| |
| private onAutomergeChange() { |
| // Create checkboxes for each downstream branch. |
| const branchToCheckbox: {[branch: string]: HTMLElement} = {}; |
| const downstreamConfigBranches = Object.keys(this.downstreamConfigMap); |
| downstreamConfigBranches.forEach(branch => { |
| const checkbox = document.createElement('input'); |
| checkbox.type = 'checkbox'; |
| if (this.downstreamConfigMap[branch]) checkbox.checked = true; |
| const label = document.createElement('gr-label'); |
| label.appendChild(document.createTextNode(branch)); |
| const div = document.createElement('div'); |
| div.appendChild(checkbox); |
| div.appendChild(label); |
| branchToCheckbox[branch] = div; |
| }); |
| |
| // Create popup content. |
| const popupContent = document.createElement('div'); |
| for (const branch of Object.keys(branchToCheckbox)) { |
| popupContent.appendChild(branchToCheckbox[branch]); |
| popupContent.appendChild(document.createElement('br')); |
| } |
| popupContent.appendChild(this.createMergeButton(branchToCheckbox)); |
| |
| this.plugin.popup().then((popApi: PopupPluginApi) => { |
| const popupEl = (popApi as PopupPluginApiExtended)._getElement(); |
| if (!popupEl) throw new Error('Popup element not found'); |
| popupEl.appendChild(popupContent); |
| }); |
| } |
| |
| private createMergeButton(branchToCheckbox: {[branch: string]: HTMLElement}) { |
| const onClick = (e: Event) => { |
| const branchMap: {[branch: string]: boolean} = {}; |
| for (const branch of Object.keys(branchToCheckbox)) { |
| branchMap[branch] = |
| (branchToCheckbox[branch].firstChild as HTMLInputElement | undefined) |
| ?.checked ?? false; |
| } |
| this.callAction({branch_map: branchMap}, () => { |
| this.windowReload(); |
| }); |
| const target = e.currentTarget; |
| if (target && target instanceof Element) { |
| target.setAttribute('disabled', 'true'); |
| } |
| }; |
| const button = document.createElement('gr-button'); |
| button.appendChild(document.createTextNode('Merge')); |
| button.addEventListener('click', onClick); |
| return button; |
| } |
| |
| // public for testing only |
| windowReload() { |
| window.location.reload(); |
| } |
| |
| private styleRelatedChanges() { |
| document.querySelectorAll('[data-branch]').forEach(relChange => { |
| if (!(relChange instanceof HTMLElement)) return; |
| if (!this.change) return; |
| const relatedBranch = relChange.dataset['branch']; |
| if (relatedBranch === this.change.branch) { |
| relChange.style.fontWeight = 'bold'; |
| } else { |
| relChange.style.fontWeight = ''; |
| } |
| if (relChange.innerText.includes('[skipped')) { |
| const parent = relChange.parentNode; |
| if (parent && parent instanceof HTMLElement) { |
| parent.style.backgroundColor = 'lightGray'; |
| } |
| } |
| }); |
| } |
| |
| private getDownstreamConfigMap() { |
| const change = this.change; |
| if (!change) return; |
| const changeId = change._number; |
| const revisionId = change.current_revision; |
| const url = |
| `/changes/${changeId}/revisions/${revisionId}` + |
| '/automerger~config-downstream'; |
| this.restApi.post<ConfigMap>(url, {subject: change.subject}).then(resp => { |
| this.downstreamConfigMap = resp; |
| this.styleRelatedChanges(); |
| }); |
| } |
| |
| onShowChange(change: ChangeInfo) { |
| this.change = change; |
| this.action = this.actionsApi.getActionDetails( |
| 'automerge-change' |
| ) as UIActionInfo; |
| this.downstreamConfigMap = {}; |
| this.getDownstreamConfigMap(); |
| if (this.action) { |
| this.actionsApi.addTapListener(this.action.__key, () => { |
| this.onAutomergeChange(); |
| }); |
| } |
| } |
| } |