@spinnaker/core 2026.0.2 → 2026.1.0

package/src/pipeline/config/stages/wercker/werckerStage.controller.spec.ts

@@ -1,152 +0,0 @@
-import Spy = jasmine.Spy;
-import type { IControllerService, IQService, IRootScopeService, IScope } from 'angular';
-import { mock } from 'angular';
-
-import { IgorService } from '../../../../ci/igor.service';
-import type { IJobConfig, IParameterDefinitionList } from '../../../../domain';
-import { WERCKER_STAGE, WerckerStage } from './werckerStage';
-
-describe('Wercker Stage Controller', () => {
-  let $scope: IScope, $q: IQService, $ctrl: IControllerService;
-
-  beforeEach(mock.module(WERCKER_STAGE, require('angular-ui-bootstrap')));
-
-  beforeEach(
-    mock.inject(($controller: IControllerService, $rootScope: IRootScopeService, _$q_: IQService) => {
-      $ctrl = $controller;
-      $scope = $rootScope.$new();
-      $q = _$q_;
-    }),
-  );
-
-  const initialize = (stage: any): WerckerStage => {
-    return $ctrl(WerckerStage, {
-      stage,
-      $scope,
-    });
-  };
-
-  describe('updateAppsList', () => {
-    beforeEach(() => {
-      spyOn(IgorService, 'listMasters').and.returnValue($q.when([]));
-    });
-
-    it('does nothing if master is parameterized', () => {
-      spyOn(IgorService, 'listJobsForMaster');
-      const stage = {
-        master: '${parameter.master}',
-      };
-      const controller = initialize(stage);
-      $scope.$digest();
-      expect(controller.jobs).toBeUndefined();
-      expect(controller.viewState.appsLoaded).toBe(true);
-      expect((IgorService.listJobsForMaster as Spy).calls.count()).toBe(0);
-    });
-
-    it('does nothing if job is parameterized', () => {
-      spyOn(IgorService, 'listJobsForMaster');
-      const stage = {
-        master: 'not-parameterized',
-        job: '${parameter.job}',
-      };
-      const controller = initialize(stage);
-      $scope.$digest();
-      expect(controller.jobs).toBeUndefined();
-      expect(controller.viewState.appsLoaded).toBe(true);
-      expect((IgorService.listJobsForMaster as Spy).calls.count()).toBe(0);
-    });
-
-    it('gets jobs from igor and adds them to scope', () => {
-      const jobs = ['type/org/app/p1', 'type/org/app/p2'];
-      spyOn(IgorService, 'listJobsForMaster').and.returnValue($q.when(jobs));
-      const stage = {
-        master: 'not-parameterized',
-      };
-      const controller = initialize(stage);
-      $scope.$digest();
-      expect(controller.jobs).toEqual(jobs);
-      expect(controller.viewState.appsLoaded).toBe(true);
-    });
-
-    it('clears job if no longer present when retrieving from igor', () => {
-      const jobs = ['type/org/app/a', 'type/org/app/b'];
-      spyOn(IgorService, 'listJobsForMaster').and.returnValue($q.when(jobs));
-      spyOn(IgorService, 'getJobConfig').and.returnValue($q.when(null));
-      const stage = {
-        master: 'not-parameterized',
-        job: 'type/org/app/c',
-      };
-      const controller = initialize(stage);
-      $scope.$digest();
-      expect(controller.jobs).toEqual(jobs);
-      expect(controller.viewState.appsLoaded).toBe(true);
-      expect(stage.job).toBe('');
-    });
-  });
-
-  describe('updateJobConfig', () => {
-    beforeEach(() => {
-      spyOn(IgorService, 'listMasters').and.returnValue($q.when([]));
-    });
-
-    it('does nothing if master is parameterized', () => {
-      spyOn(IgorService, 'listJobsForMaster');
-      spyOn(IgorService, 'getJobConfig');
-      const stage = {
-        master: '${parameter.master}',
-      };
-      const controller = initialize(stage);
-      $scope.$digest();
-      expect(controller.jobs).toBeUndefined();
-      expect(controller.viewState.appsLoaded).toBe(true);
-      expect((IgorService.listJobsForMaster as Spy).calls.count()).toBe(0);
-      expect((IgorService.getJobConfig as Spy).calls.count()).toBe(0);
-    });
-
-    it('does nothing if job is parameterized', () => {
-      spyOn(IgorService, 'listJobsForMaster');
-      spyOn(IgorService, 'getJobConfig');
-      const stage = {
-        master: 'not-parameterized',
-        job: '${parameter.job}',
-      };
-      const controller = initialize(stage);
-      $scope.$digest();
-      expect(controller.jobs).toBeUndefined();
-      expect(controller.viewState.appsLoaded).toBe(true);
-      expect((IgorService.listJobsForMaster as Spy).calls.count()).toBe(0);
-      expect((IgorService.getJobConfig as Spy).calls.count()).toBe(0);
-    });
-
-    it('gets job config and adds parameters to scope, setting defaults if present and not overridden', () => {
-      const jobs = ['type/org/app/x', 'type/org/app/y'];
-      const params: IParameterDefinitionList[] = [
-        { name: 'overridden', defaultValue: 'z' },
-        { name: 'notSet', defaultValue: 'a' },
-        { name: 'noDefault', defaultValue: null },
-      ];
-      const jobConfig = {
-        parameterDefinitionList: params,
-      } as IJobConfig;
-      spyOn(IgorService, 'listJobsForMaster').and.returnValue($q.when(jobs));
-      spyOn(IgorService, 'getJobConfig').and.returnValue($q.when(jobConfig));
-      const stage = {
-        master: 'not-parameterized',
-        app: 'org/app',
-        job: 'type/org/app/x',
-        parameters: {
-          overridden: 'f',
-        },
-      };
-      const controller = initialize(stage);
-      $scope.$digest();
-      expect(controller.jobs).toEqual(jobs);
-      expect(controller.viewState.appsLoaded).toBe(true);
-      expect(controller.stage.job).toBe('type/org/app/x');
-      expect(controller.jobParams).toBe(params);
-      expect(controller.useDefaultParameters.overridden).toBeUndefined();
-      expect(controller.useDefaultParameters.notSet).toBe(true);
-      expect(controller.useDefaultParameters.noDefault).toBeUndefined();
-    });
-  });
-});

package/src/pipeline/config/stages/wercker/werckerStage.html

@@ -1,150 +0,0 @@
-<div class="form-horizontal">
-  <div class="form-group">
-    <label class="col-md-2 col-md-offset-1 sm-label-right">Build Service</label>
-    <div class="col-md-6">
-      <p class="form-control-static" ng-if="$ctrl.viewState.masterIsParameterized">{{$ctrl.stage.master}}</p>
-      <ui-select
-        class="form-control input-sm"
-        ng-if="!$ctrl.viewState.masterIsParameterized"
-        ng-model="$ctrl.stage.master"
-      >
-        <ui-select-match placeholder="Select a Wercker build service...">{{$select.selected}}</ui-select-match>
-        <ui-select-choices repeat="master in $ctrl.masters | filter: $select.search">
-          <span ng-bind-html="master | highlight: $select.search"></span>
-        </ui-select-choices>
-      </ui-select>
-    </div>
-    <div class="col-md-1 text-center" ng-if="!$ctrl.viewState.masterIsParameterized">
-      <a
-        href
-        ng-click="$ctrl.refreshMasters()"
-        tooltip-placement="right"
-        uib-tooltip="{{$ctrl.viewState.mastersRefreshing ? 'Masters refreshing.' : 'Refresh masters list' }}"
-      >
-        <span ng-class="{'fa-spin':$ctrl.viewState.mastersRefreshing}" class="fa fa-sync-alt"></span>
-      </a>
-    </div>
-  </div>
-
-  <div class="form-group">
-    <label class="col-md-2 col-md-offset-1 sm-label-right">Application</label>
-    <div class="col-md-6">
-      <p class="form-control-static" ng-if="!$ctrl.stage.master">(Select a build service)</p>
-      <p
-        class="form-control-static"
-        ng-if="$ctrl.viewState.masterIsParameterized || $ctrl.viewState.appIsParameterized"
-      >
-        {{$ctrl.stage.app}}
-      </p>
-      <div ng-if="$ctrl.stage.master && $ctrl.viewState.appsLoaded">
-        <ui-select
-          class="form-control input-sm"
-          ng-if="!$ctrl.viewState.masterIsParameterized && !$ctrl.viewState.appIsParameterized"
-          ng-model="$ctrl.stage.app"
-        >
-          <ui-select-match placeholder="Select an Application...">{{$select.selected}}</ui-select-match>
-          <ui-select-choices repeat="app in $ctrl.apps | filter: $select.search"
-            ><span ng-bind-html="app | highlight: $select.search"></span
-          ></ui-select-choices>
-        </ui-select>
-      </div>
-      <div class="horizontal center" ng-if="$ctrl.stage.master && !$ctrl.viewState.appsLoaded">
-        <loading-spinner size="'small'"></loading-spinner>
-      </div>
-    </div>
-    <div
-      class="col-md-1 text-center"
-      ng-if="!$ctrl.viewState.masterIsParameterized && !$ctrl.viewState.appIsParameterized"
-    >
-      <a
-        href
-        ng-click="$ctrl.refreshApps()"
-        tooltip-placement="right"
-        uib-tooltip="{{$ctrl.viewState.appsRefreshing ? 'Applications refreshing.' : 'Refresh application list' }}"
-      >
-        <span ng-class="{'fa-spin':$ctrl.viewState.appsRefreshing}" class="fa fa-sync-alt"></span>
-      </a>
-    </div>
-  </div>
-
-  <div class="form-group">
-    <label class="col-md-2 col-md-offset-1 sm-label-right">Pipeline</label>
-    <div class="col-md-6">
-      <p class="form-control-static" ng-if="!$ctrl.stage.master">(Select an Application)</p>
-      <p
-        class="form-control-static"
-        ng-if="$ctrl.viewState.masterIsParameterized || $ctrl.viewState.jobIsParameterized"
-      >
-        {{stage.job}}
-      </p>
-      <div ng-if="$ctrl.stage.app && $ctrl.viewState.appsLoaded">
-        <ui-select
-          class="form-control input-sm"
-          ng-if="!$ctrl.viewState.masterIsParameterized && !$ctrl.viewState.jobIsParameterized"
-          ng-model="$ctrl.stage.pipeline"
-        >
-          <ui-select-match placeholder="Select a pipeline...">{{$select.selected}}</ui-select-match>
-          <ui-select-choices repeat="pipeline in $ctrl.pipelines | filter: $select.search"
-            ><span ng-bind-html="pipeline | highlight: $select.search"></span
-          ></ui-select-choices>
-        </ui-select>
-      </div>
-      <div class="horizontal center" ng-if="$ctrl.stage.app && !$ctrl.viewState.appsLoaded">
-        <loading-spinner size="'small'"></loading-spinner>
-      </div>
-    </div>
-    <div
-      class="col-md-1 text-center"
-      ng-if="!$ctrl.viewState.masterIsParameterized && !$ctrl.viewState.jobIsParameterized"
-    >
-      <a
-        href
-        ng-click="$ctrl.refreshJobs()"
-        tooltip-placement="right"
-        uib-tooltip="{{$ctrl.viewState.appsRefreshing ? 'Jobs refreshing.' : 'Refresh job list' }}"
-      >
-        <span ng-class="{'fa-spin':$ctrl.viewState.appsRefreshing}" class="fa fa-sync-alt"></span>
-      </a>
-    </div>
-  </div>
-
-  <stage-config-field label="Wait for results" help-key="wercker.waitForCompletion">
-    <input
-      type="checkbox"
-      class="input-sm"
-      name="waitForCompletion"
-      ng-model="$ctrl.viewState.waitForCompletion"
-      ng-change="$ctrl.waitForCompletionChanged()"
-    />
-  </stage-config-field>
-
-  <div class="form-group">
-    <label class="col-md-2 col-md-offset-1 sm-label-right">If build is unstable</label>
-    <div class="col-md-9">
-      <div class="radio">
-        <label>
-          <input
-            type="radio"
-            ng-model="$ctrl.viewState.markUnstableAsSuccessful"
-            ng-change="$ctrl.markUnstableChanged()"
-            ng-value="false"
-          />
-          fail the stage
-          <help-field key="pipeline.config.wercker.markUnstableAsSuccessful.false"></help-field>
-        </label>
-      </div>
-      <div class="radio">
-        <label>
-          <input
-            type="radio"
-            ng-model="$ctrl.viewState.markUnstableAsSuccessful"
-            ng-change="$ctrl.markUnstableChanged()"
-            ng-value="true"
-          />
-          consider stage successful
-          <help-field key="pipeline.config.wercker.markUnstableAsSuccessful.true"></help-field>
-        </label>
-      </div>
-    </div>
-  </div>
-</div>

package/src/pipeline/config/stages/wercker/werckerStage.module.ts

@@ -1,18 +0,0 @@
-import { module } from 'angular';
-
-import { STAGE_COMMON_MODULE } from '../common/stage.common.module';
-import { WERCKER_STAGE_ADD_PARAMETER_MODAL_CONTROLLER } from './modal/addParameter.controller.modal';
-import { CORE_PIPELINE_CONFIG_STAGES_STAGE_MODULE } from '../stage.module';
-import { TIME_FORMATTERS } from '../../../../utils/timeFormatters';
-import { WERCKER_EXECUTION_DETAILS_CONTROLLER } from './werckerExecutionDetails.controller';
-import { WERCKER_STAGE } from './werckerStage';
-
-export const WERCKER_STAGE_MODULE = 'spinnaker.core.pipeline.stage.wercker';
-module(WERCKER_STAGE_MODULE, [
-  WERCKER_STAGE,
-  CORE_PIPELINE_CONFIG_STAGES_STAGE_MODULE,
-  STAGE_COMMON_MODULE,
-  TIME_FORMATTERS,
-  WERCKER_EXECUTION_DETAILS_CONTROLLER,
-  WERCKER_STAGE_ADD_PARAMETER_MODAL_CONTROLLER,
-]);

package/src/pipeline/config/stages/wercker/werckerStage.ts

@@ -1,232 +0,0 @@
-import type { IController, IScope } from 'angular';
-import { module } from 'angular';
-import type { IModalService } from 'angular-ui-bootstrap';
-
-import { WerckerExecutionLabel } from './WerckerExecutionLabel';
-import { BuildServiceType, IgorService } from '../../../../ci/igor.service';
-import type { IJobConfig, IParameterDefinitionList, IStage } from '../../../../domain';
-import { Registry } from '../../../../registry';
-
-export interface IWerckerStageViewState {
-  mastersLoaded: boolean;
-  mastersRefreshing: boolean;
-  appsLoaded: boolean;
-  appsRefreshing: boolean;
-  failureOption?: string;
-  markUnstableAsSuccessful?: boolean;
-  waitForCompletion?: boolean;
-  masterIsParameterized?: boolean;
-  jobIsParameterized?: boolean;
-}
-
-export interface IParameter {
-  key: string;
-  value: string;
-}
-
-export class WerckerStage implements IController {
-  public viewState: IWerckerStageViewState;
-  public useDefaultParameters: any;
-  public userSuppliedParameters: any;
-  public masters: string[];
-  public jobs: string[];
-  public jobParams: IParameterDefinitionList[];
-  public apps: string[];
-  public pipelines: string[];
-  public filterLimit = 100;
-  private filterThreshold = 500;
-  public app: string;
-  public pipeline: string;
-  public job: string;
-
-  public static $inject = ['stage', '$scope', '$uibModal'];
-  constructor(public stage: any, $scope: IScope, private $uibModal: IModalService) {
-    this.stage.failPipeline = this.stage.failPipeline === undefined ? true : this.stage.failPipeline;
-    this.stage.continuePipeline = this.stage.continuePipeline === undefined ? false : this.stage.continuePipeline;
-    this.viewState = {
-      mastersLoaded: false,
-      mastersRefreshing: false,
-      appsLoaded: false,
-      appsRefreshing: false,
-      failureOption: 'fail',
-      markUnstableAsSuccessful: !!this.stage.markUnstableAsSuccessful,
-      waitForCompletion: this.stage.waitForCompletion || this.stage.waitForCompletion === undefined,
-    };
-    this.useDefaultParameters = {};
-    this.userSuppliedParameters = {};
-
-    this.initializeMasters();
-
-    $scope.$watch('stage.master', () => this.updateAppsList());
-    $scope.$watch('stage.app', () => this.updateJobsList());
-    $scope.$watch('stage.pipeline', () => this.updateJob());
-    $scope.$watch('stage.job', () => this.updateJobConfig());
-  }
-
-  // Using viewState to avoid marking pipeline as dirty if field is not set
-  public markUnstableChanged(): void {
-    this.stage.markUnstableAsSuccessful = this.viewState.markUnstableAsSuccessful;
-  }
-
-  public waitForCompletionChanged(): void {
-    this.stage.waitForCompletion = this.viewState.waitForCompletion;
-  }
-
-  public refreshMasters(): void {
-    this.viewState.mastersRefreshing = true;
-    this.initializeMasters();
-  }
-
-  private initializeMasters(): void {
-    IgorService.listMasters(BuildServiceType.Wercker).then((masters: string[]) => {
-      this.masters = masters;
-      this.viewState.mastersLoaded = true;
-      this.viewState.mastersRefreshing = false;
-    });
-  }
-
-  public refreshApps(): void {
-    this.viewState.appsRefreshing = true;
-    this.updateAppsList();
-  }
-
-  private updateAppsList(): void {
-    const master = this.stage.master;
-    const job: string = this.stage.job || '';
-    const viewState = this.viewState;
-    viewState.masterIsParameterized = master.includes('${');
-    viewState.jobIsParameterized = job.includes('${');
-    if (viewState.masterIsParameterized || viewState.jobIsParameterized) {
-      viewState.appsLoaded = true;
-      return;
-    }
-    if (this.stage && this.stage.master) {
-      this.viewState.appsLoaded = false;
-      this.apps = [];
-      IgorService.listJobsForMaster(this.stage.master).then((jobs) => {
-        this.viewState.appsLoaded = true;
-        this.viewState.appsRefreshing = false;
-        const apps = Object.create({});
-        jobs.forEach(function (app) {
-          const orgApp = app.substring(app.indexOf('/') + 1, app.lastIndexOf('/'));
-          apps[orgApp] = orgApp;
-        });
-        this.apps = Object.keys(apps);
-        this.jobs = jobs;
-        if (this.apps.length && !this.apps.includes(this.stage.app)) {
-          this.stage.app = '';
-          this.stage.pipeline = '';
-          this.stage.job = '';
-        }
-      });
-    }
-  }
-
-  public refreshJobs(): void {
-    this.viewState.appsRefreshing = true;
-    this.updateJobsList();
-  }
-
-  private updateJobsList(): void {
-    if (this.stage && this.stage.app) {
-      this.pipelines = [];
-      this.viewState.appsLoaded = true;
-      this.viewState.appsRefreshing = false;
-      if (this.jobs) {
-        const pipelines = Object.create({});
-        const appSelected = this.stage.app;
-        this.jobs.forEach(function (app) {
-          if (
-            !app.startsWith('pipeline') &&
-            appSelected === app.substring(app.indexOf('/') + 1, app.lastIndexOf('/'))
-          ) {
-            const pl = app.substring(app.lastIndexOf('/') + 1);
-            pipelines[pl] = pl;
-          }
-        });
-        this.pipelines = Object.keys(pipelines);
-      }
-      if (this.pipelines.length && !this.pipelines.includes(this.stage.pipeline)) {
-        this.stage.pipeline = '';
-        this.stage.job = '';
-      }
-    }
-  }
-
-  private updateJob(): void {
-    if (this.stage && this.stage.app && this.stage.pipeline) {
-      this.stage.job = this.stage.app + '/' + this.stage.pipeline;
-    }
-  }
-
-  private updateJobConfig(): void {
-    const stage = this.stage;
-    const view = this.viewState;
-    if (stage && stage.job && stage.master && !view.masterIsParameterized && !view.jobIsParameterized) {
-      IgorService.getJobConfig(stage.master, stage.job).then((config: IJobConfig) => {
-        config = config || ({} as IJobConfig);
-        if (!stage.parameters) {
-          stage.parameters = {};
-        }
-        this.jobParams = config.parameterDefinitionList;
-        this.userSuppliedParameters = stage.parameters;
-        this.useDefaultParameters = {};
-        const params = this.jobParams || ([] as IParameterDefinitionList[]);
-        params.forEach((property: any) => {
-          if (!(property.name in stage.parameters) && property.defaultValue !== null) {
-            this.useDefaultParameters[property.name] = true;
-          }
-        });
-      });
-    }
-  }
-
-  public addParameter(): void {
-    this.$uibModal
-      .open({
-        templateUrl: require('./modal/addParameter.html'),
-        controller: 'WerckerStageAddParameterCtrl',
-        controllerAs: 'ctrl',
-      })
-      .result.then((parameter: IParameter) => {
-        this.stage.parameters[parameter.key] = parameter.value;
-      })
-      .catch(() => {});
-  }
-
-  public removeParameter(key: string): void {
-    delete this.stage.parameters[key];
-  }
-
-  public shouldFilter(): boolean {
-    return this.jobs && this.jobs.length >= this.filterThreshold;
-  }
-}
-
-export const WERCKER_STAGE = 'spinnaker.core.pipeline.stage.werckerStage';
-
-module(WERCKER_STAGE, [])
-  .config(() => {
-    Registry.pipeline.registerStage({
-      label: 'Wercker',
-      description: 'Runs a Wercker build pipeline',
-      key: 'wercker',
-      restartable: true,
-      controller: 'WerckerStageCtrl',
-      controllerAs: '$ctrl',
-      templateUrl: require('./werckerStage.html'),
-      executionDetailsUrl: require('./werckerExecutionDetails.html'),
-      executionLabelComponent: WerckerExecutionLabel,
-      extraLabelLines: (stage: IStage) => {
-        if (!stage.masterStage.context || !stage.masterStage.context.buildInfo) {
-          return 0;
-        }
-        const lines = stage.masterStage.context.buildInfo.number ? 1 : 0;
-        return lines + (stage.masterStage.context.buildInfo.testResults || []).length;
-      },
-      supportsCustomTimeout: true,
-      validators: [{ type: 'requiredField', fieldName: 'job' }],
-      strategy: true,
-    });
-  })
-  .controller('WerckerStageCtrl', WerckerStage);

package/src/pipeline/config/triggers/wercker/WerckerTrigger.tsx

@@ -1,122 +0,0 @@
-import type { FormikProps } from 'formik';
-import { uniq } from 'lodash';
-import React from 'react';
-
-import { RefreshableReactSelectInput } from '../RefreshableReactSelectInput';
-import type { Application } from '../../../../application';
-import type { IBaseBuildTriggerConfigProps } from '../baseBuild/BaseBuildTrigger';
-import { BuildServiceType, IgorService } from '../../../../ci/igor.service';
-import type { IWerckerTrigger } from '../../../../domain';
-import { FormikFormField, ReactSelectInput, useLatestPromise } from '../../../../presentation';
-
-export interface IWerckerTriggerConfigProps extends IBaseBuildTriggerConfigProps {
-  formik: FormikProps<IWerckerTrigger>;
-  trigger: IWerckerTrigger;
-  application: Application;
-  pipelineId: string;
-  triggerUpdated: (trigger: IWerckerTrigger) => void;
-}
-
-// given a job name i.e., "git/organization/repo/job" or "pipeline/organization/repo/jobname"
-// returns { app: 'organization/repo', pipeline: 'job' } or { app: 'organization/repo', pipeline: 'jobname' }
-function getJobParts(job: string) {
-  const firstSlash = job.indexOf('/');
-  const lastSlash = job.lastIndexOf('/');
-
-  const app = job.substring(firstSlash + 1, lastSlash);
-  const pipeline = job.substring(lastSlash + 1);
-  return { app, pipeline };
-}
-
-export function WerckerTrigger(werckerTriggerProps: IWerckerTriggerConfigProps) {
-  const { formik } = werckerTriggerProps;
-  const { app, master, pipeline } = formik.values;
-
-  const fetchMasters = useLatestPromise(() => IgorService.listMasters(BuildServiceType.Wercker), []);
-
-  const mastersLoading = fetchMasters.status === 'PENDING';
-  const mastersLoaded = fetchMasters.status === 'RESOLVED';
-
-  const fetchJobs = useLatestPromise(() => {
-    return master && IgorService.listJobsForMaster(master).then((x) => x.map(getJobParts));
-  }, [master]);
-
-  const jobs = fetchJobs.result;
-  const jobsLoading = fetchJobs.status === 'PENDING';
-  const jobsLoaded = fetchJobs.status === 'RESOLVED';
-
-  const apps = React.useMemo(() => {
-    return jobsLoaded ? uniq(jobs.map((job) => job.app)) : [];
-  }, [jobsLoaded, jobs]);
-
-  const pipelines = React.useMemo(() => {
-    return jobsLoaded ? jobs.filter((parts) => parts.app === app).map((parts) => parts.pipeline) : [];
-  }, [jobsLoaded, app, jobs]);
-
-  // Clear out app or pipeline if they aren't in the fetched jobs data
-  React.useEffect(() => {
-    if (jobsLoaded && !!app && !apps.includes(app)) {
-      formik.setFieldValue('app', null);
-    }
-    if (jobsLoaded && !!pipeline && !pipelines.includes(pipeline)) {
-      formik.setFieldValue('pipeline', null);
-    }
-  }, [jobsLoaded, apps, app, pipelines, pipeline]);
-
-  // Update 'job' field when pipeline or app changes
-  React.useEffect(() => {
-    const hasJob = !!app && !!pipeline;
-    const job = hasJob ? `${app}/${pipeline}` : null;
-    formik.setFieldValue('job', job);
-  }, [pipeline, app]);
-
-  return (
-    <>
-      <FormikFormField
-        name="master"
-        label="Build Service"
-        input={(props) => (
-          <RefreshableReactSelectInput
-            {...props}
-            stringOptions={fetchMasters.result}
-            placeholder={'Select a build service...'}
-            disabled={!mastersLoaded}
-            isLoading={mastersLoading}
-            onRefreshClicked={() => fetchMasters.refresh()}
-            refreshButtonTooltipText={mastersLoading ? 'Masters refreshing' : 'Refresh masters list'}
-          />
-        )}
-      />
-
-      <FormikFormField
-        name="app"
-        label="Application"
-        input={(props) => (
-          <RefreshableReactSelectInput
-            {...props}
-            stringOptions={apps}
-            placeholder={'Select an application...'}
-            disabled={!master || !jobsLoaded}
-            isLoading={jobsLoading}
-            onRefreshClicked={() => fetchJobs.refresh()}
-            refreshButtonTooltipText={jobsLoading ? 'Apps refreshing' : 'Refresh app list'}
-          />
-        )}
-      />
-
-      <FormikFormField
-        name="pipeline"
-        label="Pipeline"
-        input={(props) => (
-          <ReactSelectInput
-            {...props}
-            disabled={!master || !jobsLoaded}
-            isLoading={jobsLoading}
-            stringOptions={pipelines}
-            placeholder="Select a pipeline"
-          />
-        )}
-      />
-    </>
-  );
-}

package/src/pipeline/config/triggers/wercker/WerckerTriggerTemplate.tsx

@@ -1,13 +0,0 @@
-import React from 'react';
-
-import { BaseBuildTriggerTemplate } from '../baseBuild/BaseBuildTriggerTemplate';
-import { BuildServiceType } from '../../../../ci';
-import type { ITriggerTemplateComponentProps } from '../../../manualExecution/TriggerTemplate';
-
-export class WerckerTriggerTemplate extends React.Component<ITriggerTemplateComponentProps> {
-  public static formatLabel = BaseBuildTriggerTemplate.formatLabel;
-
-  public render() {
-    return <BaseBuildTriggerTemplate {...this.props} buildTriggerType={BuildServiceType.Wercker} />;
-  }
-}