@spinnaker/google 2026.2.2 → 2026.3.0

package/src/pipeline/stages/destroyAsg/gceDestroyAsgStage.js

@@ -1,62 +1,24 @@
-'use strict';
-
-import { module } from 'angular';
-
-import { AccountService, Registry, StageConstants } from '@spinnaker/core';
-
-export const GOOGLE_PIPELINE_STAGES_DESTROYASG_GCEDESTROYASGSTAGE = 'spinnaker.gce.pipeline.stage..destroyAsgStage';
-export const name = GOOGLE_PIPELINE_STAGES_DESTROYASG_GCEDESTROYASGSTAGE; // for backwards compatibility
-module(GOOGLE_PIPELINE_STAGES_DESTROYASG_GCEDESTROYASGSTAGE, [])
-  .config(function () {
-    Registry.pipeline.registerStage({
-      provides: 'destroyServerGroup',
-      cloudProvider: 'gce',
-      templateUrl: require('./destroyAsgStage.html'),
-      executionStepLabelUrl: require('./destroyAsgStepLabel.html'),
-      accountExtractor: (stage) => [stage.context.credentials],
-      configAccountExtractor: (stage) => [stage.credentials],
-      validators: [
-        {
-          type: 'targetImpedance',
-          message:
-            'This pipeline will attempt to destroy a server group without deploying a new version into the same cluster.',
-        },
-        { type: 'requiredField', fieldName: 'cluster' },
-        { type: 'requiredField', fieldName: 'target' },
-        { type: 'requiredField', fieldName: 'regions' },
-        { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
-      ],
-    });
-  })
-  .controller('gceDestroyAsgStageCtrl', [
-    '$scope',
-    function ($scope) {
-      const stage = $scope.stage;
-
-      $scope.state = {
-        accounts: false,
-        regionsLoaded: false,
-      };
-
-      AccountService.listAccounts('gce').then(function (accounts) {
-        $scope.accounts = accounts;
-        $scope.state.accounts = true;
-      });
-
-      $scope.targets = StageConstants.TARGET_LIST;
-
-      stage.regions = stage.regions || [];
-      stage.cloudProvider = 'gce';
-
-      if (!stage.credentials && $scope.application.defaultCredentials.gce) {
-        stage.credentials = $scope.application.defaultCredentials.gce;
-      }
-      if (!stage.regions.length && $scope.application.defaultRegions.gce) {
-        stage.regions.push($scope.application.defaultRegions.gce);
-      }
-
-      if (!stage.target) {
-        stage.target = $scope.targets[0].val;
-      }
-    },
-  ]);
+import { Registry } from '@spinnaker/core';
+
+import { GceTargetServerGroupStageConfig } from '../googleStageConfig';
+
+export function registerGceDestroyAsgStage() {
+  Registry.pipeline.registerStage({
+    provides: 'destroyServerGroup',
+    cloudProvider: 'gce',
+    component: GceTargetServerGroupStageConfig,
+    accountExtractor: (stage) => [stage.context.credentials],
+    configAccountExtractor: (stage) => [stage.credentials],
+    validators: [
+      {
+        type: 'targetImpedance',
+        message:
+          'This pipeline will attempt to destroy a server group without deploying a new version into the same cluster.',
+      },
+      { type: 'requiredField', fieldName: 'cluster' },
+      { type: 'requiredField', fieldName: 'target' },
+      { type: 'requiredField', fieldName: 'regions' },
+      { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+    ],
+  });
+}

package/src/pipeline/stages/disableAsg/gceDisableAsgStage.js

@@ -1,68 +1,22 @@
-'use strict';
-
-import { module } from 'angular';
-
-import { AccountService, Registry, StageConstants } from '@spinnaker/core';
-
-export const GOOGLE_PIPELINE_STAGES_DISABLEASG_GCEDISABLEASGSTAGE = 'spinnaker.gce.pipeline.stage..disableAsgStage';
-export const name = GOOGLE_PIPELINE_STAGES_DISABLEASG_GCEDISABLEASGSTAGE; // for backwards compatibility
-module(GOOGLE_PIPELINE_STAGES_DISABLEASG_GCEDISABLEASGSTAGE, [])
-  .config(function () {
-    Registry.pipeline.registerStage({
-      provides: 'disableServerGroup',
-      cloudProvider: 'gce',
-      templateUrl: require('./disableAsgStage.html'),
-      executionStepLabelUrl: require('./disableAsgStepLabel.html'),
-      validators: [
-        {
-          type: 'targetImpedance',
-          message:
-            'This pipeline will attempt to disable a server group without deploying a new version into the same cluster.',
-        },
-        { type: 'requiredField', fieldName: 'cluster' },
-        { type: 'requiredField', fieldName: 'target' },
-        { type: 'requiredField', fieldName: 'regions' },
-        { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
-      ],
-    });
-  })
-  .controller('gceDisableAsgStageCtrl', [
-    '$scope',
-    function ($scope) {
-      const stage = $scope.stage;
-
-      $scope.state = {
-        accounts: false,
-        regionsLoaded: false,
-      };
-
-      AccountService.listAccounts('gce').then(function (accounts) {
-        $scope.accounts = accounts;
-        $scope.state.accounts = true;
-      });
-
-      $scope.targets = StageConstants.TARGET_LIST;
-
-      stage.regions = stage.regions || [];
-      stage.cloudProvider = 'gce';
-
-      if (
-        stage.isNew &&
-        $scope.application.attributes.platformHealthOnlyShowOverride &&
-        $scope.application.attributes.platformHealthOnly
-      ) {
-        stage.interestingHealthProviderNames = ['Google'];
-      }
-
-      if (!stage.credentials && $scope.application.defaultCredentials.gce) {
-        stage.credentials = $scope.application.defaultCredentials.gce;
-      }
-      if (!stage.regions.length && $scope.application.defaultRegions.gce) {
-        stage.regions.push($scope.application.defaultRegions.gce);
-      }
-
-      if (!stage.target) {
-        stage.target = $scope.targets[0].val;
-      }
-    },
-  ]);
+import { Registry } from '@spinnaker/core';
+
+import { GceDisableAsgStageConfig } from '../googleStageConfig';
+
+export function registerGceDisableAsgStage() {
+  Registry.pipeline.registerStage({
+    provides: 'disableServerGroup',
+    cloudProvider: 'gce',
+    component: GceDisableAsgStageConfig,
+    validators: [
+      {
+        type: 'targetImpedance',
+        message:
+          'This pipeline will attempt to disable a server group without deploying a new version into the same cluster.',
+      },
+      { type: 'requiredField', fieldName: 'cluster' },
+      { type: 'requiredField', fieldName: 'target' },
+      { type: 'requiredField', fieldName: 'regions' },
+      { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+    ],
+  });
+}

package/src/pipeline/stages/disableCluster/gceDisableClusterStage.js

@@ -1,79 +1,21 @@
-'use strict';
-
-import { module } from 'angular';
-
-import { AccountService, Registry } from '@spinnaker/core';
-
-export const GOOGLE_PIPELINE_STAGES_DISABLECLUSTER_GCEDISABLECLUSTERSTAGE =
-  'spinnaker.gce.pipeline.stage..disableClusterStage';
-export const name = GOOGLE_PIPELINE_STAGES_DISABLECLUSTER_GCEDISABLECLUSTERSTAGE; // for backwards compatibility
-module(GOOGLE_PIPELINE_STAGES_DISABLECLUSTER_GCEDISABLECLUSTERSTAGE, [])
-  .config(function () {
-    Registry.pipeline.registerStage({
-      provides: 'disableCluster',
-      cloudProvider: 'gce',
-      templateUrl: require('./disableClusterStage.html'),
-      validators: [
-        { type: 'requiredField', fieldName: 'cluster' },
-        {
-          type: 'requiredField',
-          fieldName: 'remainingEnabledServerGroups',
-          fieldLabel: 'Keep [X] enabled Server Groups',
-        },
-        { type: 'requiredField', fieldName: 'regions' },
-        { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
-      ],
-    });
-  })
-  .controller('gceDisableClusterStageCtrl', [
-    '$scope',
-    function ($scope) {
-      const ctrl = this;
-
-      const stage = $scope.stage;
-
-      $scope.state = {
-        accounts: false,
-        regionsLoaded: false,
-      };
-
-      AccountService.listAccounts('gce').then(function (accounts) {
-        $scope.accounts = accounts;
-        $scope.state.accounts = true;
-      });
-
-      stage.regions = stage.regions || [];
-      stage.cloudProvider = 'gce';
-
-      if (
-        stage.isNew &&
-        $scope.application.attributes.platformHealthOnlyShowOverride &&
-        $scope.application.attributes.platformHealthOnly
-      ) {
-        stage.interestingHealthProviderNames = ['Google'];
-      }
-
-      if (!stage.credentials && $scope.application.defaultCredentials.gce) {
-        stage.credentials = $scope.application.defaultCredentials.gce;
-      }
-      if (!stage.regions.length && $scope.application.defaultRegions.gce) {
-        stage.regions.push($scope.application.defaultRegions.gce);
-      }
-
-      if (stage.remainingEnabledServerGroups === undefined) {
-        stage.remainingEnabledServerGroups = 1;
-      }
-
-      ctrl.pluralize = function (str, val) {
-        if (val === 1) {
-          return str;
-        }
-        return str + 's';
-      };
-
-      if (stage.preferLargerOverNewer === undefined) {
-        stage.preferLargerOverNewer = 'false';
-      }
-      stage.preferLargerOverNewer = stage.preferLargerOverNewer.toString();
-    },
-  ]);
+import { Registry } from '@spinnaker/core';
+
+import { GceDisableClusterStageConfig } from '../googleStageConfig';
+
+export function registerGceDisableClusterStage() {
+  Registry.pipeline.registerStage({
+    provides: 'disableCluster',
+    cloudProvider: 'gce',
+    component: GceDisableClusterStageConfig,
+    validators: [
+      { type: 'requiredField', fieldName: 'cluster' },
+      {
+        type: 'requiredField',
+        fieldName: 'remainingEnabledServerGroups',
+        fieldLabel: 'Keep [X] enabled Server Groups',
+      },
+      { type: 'requiredField', fieldName: 'regions' },
+      { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+    ],
+  });
+}

package/src/pipeline/stages/enableAsg/gceEnableAsgStage.js

@@ -1,65 +1,17 @@
-'use strict';
-
-import { module } from 'angular';
-
-import { AccountService, Registry, StageConstants } from '@spinnaker/core';
-
-export const GOOGLE_PIPELINE_STAGES_ENABLEASG_GCEENABLEASGSTAGE = 'spinnaker.gce.pipeline.stage..enableAsgStage';
-export const name = GOOGLE_PIPELINE_STAGES_ENABLEASG_GCEENABLEASGSTAGE; // for backwards compatibility
-module(GOOGLE_PIPELINE_STAGES_ENABLEASG_GCEENABLEASGSTAGE, [])
-  .config(function () {
-    Registry.pipeline.registerStage({
-      provides: 'enableServerGroup',
-      cloudProvider: 'gce',
-      templateUrl: require('./enableAsgStage.html'),
-      executionStepLabelUrl: require('./enableAsgStepLabel.html'),
-      validators: [
-        { type: 'requiredField', fieldName: 'cluster' },
-        { type: 'requiredField', fieldName: 'target' },
-        { type: 'requiredField', fieldName: 'regions' },
-        { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
-      ],
-    });
-  })
-  .controller('gceEnableAsgStageCtrl', [
-    '$scope',
-    function ($scope) {
-      const stage = $scope.stage;
-
-      $scope.state = {
-        accounts: false,
-        regionsLoaded: false,
-      };
-
-      AccountService.listAccounts('gce').then(function (accounts) {
-        $scope.accounts = accounts;
-        $scope.state.accounts = true;
-      });
-
-      $scope.targets = StageConstants.TARGET_LIST;
-
-      stage.regions = stage.regions || [];
-      stage.cloudProvider = 'gce';
-
-      if (
-        stage.isNew &&
-        $scope.application.attributes.platformHealthOnlyShowOverride &&
-        $scope.application.attributes.platformHealthOnly
-      ) {
-        stage.interestingHealthProviderNames = ['Google'];
-      }
-
-      if (!stage.credentials && $scope.application.defaultCredentials.gce) {
-        stage.credentials = $scope.application.defaultCredentials.gce;
-      }
-      if (!stage.regions.length && $scope.application.defaultRegions.gce) {
-        stage.regions.push($scope.application.defaultRegions.gce);
-      }
-
-      if (!stage.target) {
-        stage.target = $scope.targets[0].val;
-      }
-
-      $scope.$watch('stage.credentials', $scope.accountUpdated);
-    },
-  ]);
+import { Registry } from '@spinnaker/core';
+
+import { GceEnableAsgStageConfig } from '../googleStageConfig';
+
+export function registerGceEnableAsgStage() {
+  Registry.pipeline.registerStage({
+    provides: 'enableServerGroup',
+    cloudProvider: 'gce',
+    component: GceEnableAsgStageConfig,
+    validators: [
+      { type: 'requiredField', fieldName: 'cluster' },
+      { type: 'requiredField', fieldName: 'target' },
+      { type: 'requiredField', fieldName: 'regions' },
+      { type: 'requiredField', fieldName: 'credentials', fieldLabel: 'account' },
+    ],
+  });
+}

package/src/pipeline/stages/findAmi/gceFindAmiStage.js

@@ -1,79 +1,17 @@
-'use strict';
-
-import * as angular from 'angular';
-
-import { AccountService, Registry } from '@spinnaker/core';
-
-export const GOOGLE_PIPELINE_STAGES_FINDAMI_GCEFINDAMISTAGE = 'spinnaker.gce.pipeline.stage..findAmiStage';
-export const name = GOOGLE_PIPELINE_STAGES_FINDAMI_GCEFINDAMISTAGE; // for backwards compatibility
-angular
-  .module(GOOGLE_PIPELINE_STAGES_FINDAMI_GCEFINDAMISTAGE, [])
-  .config(function () {
-    Registry.pipeline.registerStage({
-      provides: 'findImage',
-      cloudProvider: 'gce',
-      templateUrl: require('./findAmiStage.html'),
-      validators: [
-        { type: 'requiredField', fieldName: 'cluster' },
-        { type: 'requiredField', fieldName: 'selectionStrategy', fieldLabel: 'Server Group Selection' },
-        { type: 'requiredField', fieldName: 'regions' },
-        { type: 'requiredField', fieldName: 'credentials' },
-      ],
-    });
-  })
-  .controller('gceFindAmiStageCtrl', [
-    '$scope',
-    function ($scope) {
-      const stage = $scope.stage;
-
-      $scope.state = {
-        accounts: false,
-        regionsLoaded: false,
-      };
-
-      AccountService.listAccounts('gce').then(function (accounts) {
-        $scope.accounts = accounts;
-        $scope.state.accounts = true;
-      });
-
-      $scope.selectionStrategies = [
-        {
-          label: 'Largest',
-          val: 'LARGEST',
-          description: 'When multiple server groups exist, prefer the server group with the most instances',
-        },
-        {
-          label: 'Newest',
-          val: 'NEWEST',
-          description: 'When multiple server groups exist, prefer the newest',
-        },
-        {
-          label: 'Oldest',
-          val: 'OLDEST',
-          description: 'When multiple server groups exist, prefer the oldest',
-        },
-        {
-          label: 'Fail',
-          val: 'FAIL',
-          description: 'When multiple server groups exist, fail',
-        },
-      ];
-
-      stage.regions = stage.regions || [];
-      stage.cloudProvider = 'gce';
-      stage.selectionStrategy = stage.selectionStrategy || $scope.selectionStrategies[0].val;
-
-      if (angular.isUndefined(stage.onlyEnabled)) {
-        stage.onlyEnabled = true;
-      }
-
-      if (!stage.credentials && $scope.application.defaultCredentials.gce) {
-        stage.credentials = $scope.application.defaultCredentials.gce;
-      }
-      if (!stage.regions.length && $scope.application.defaultRegions.gce) {
-        stage.regions.push($scope.application.defaultRegions.gce);
-      }
-
-      $scope.$watch('stage.credentials', $scope.accountUpdated);
-    },
-  ]);
+import { Registry } from '@spinnaker/core';
+
+import { GceFindImageStageConfig } from '../googleStageConfig';
+
+export function registerGceFindAmiStage() {
+  Registry.pipeline.registerStage({
+    provides: 'findImage',
+    cloudProvider: 'gce',
+    component: GceFindImageStageConfig,
+    validators: [
+      { type: 'requiredField', fieldName: 'cluster' },
+      { type: 'requiredField', fieldName: 'selectionStrategy', fieldLabel: 'Server Group Selection' },
+      { type: 'requiredField', fieldName: 'regions' },
+      { type: 'requiredField', fieldName: 'credentials' },
+    ],
+  });
+}

package/src/pipeline/stages/findImageFromTags/gceFindImageFromTagsStage.js

@@ -1,35 +1,121 @@
-'use strict';
-
-import { module } from 'angular';
-
-import { BakeryReader, Registry } from '@spinnaker/core';
-
-export const GOOGLE_PIPELINE_STAGES_FINDIMAGEFROMTAGS_GCEFINDIMAGEFROMTAGSSTAGE =
-  'spinnaker.gce.pipeline.stage..findImageFromTagsStage';
-export const name = GOOGLE_PIPELINE_STAGES_FINDIMAGEFROMTAGS_GCEFINDIMAGEFROMTAGSSTAGE; // for backwards compatibility
-module(GOOGLE_PIPELINE_STAGES_FINDIMAGEFROMTAGS_GCEFINDIMAGEFROMTAGSSTAGE, [])
-  .config(function () {
-    Registry.pipeline.registerStage({
-      provides: 'findImageFromTags',
-      cloudProvider: 'gce',
-      templateUrl: require('./findImageFromTagsStage.html'),
-      executionDetailsUrl: require('./findImageFromTagsExecutionDetails.html'),
-      executionConfigSections: ['findImageConfig', 'taskStatus'],
-      validators: [
-        { type: 'requiredField', fieldName: 'packageName' },
-        { type: 'requiredField', fieldName: 'tags' },
-      ],
-    });
-  })
-  .controller('gceFindImageFromTagsStageCtrl', [
-    '$scope',
-    function ($scope) {
-      $scope.stage.tags = $scope.stage.tags || {};
-      $scope.stage.regions = $scope.stage.regions || [];
-      $scope.stage.cloudProvider = $scope.stage.cloudProvider || 'gce';
-
-      BakeryReader.getRegions('gce').then(function (regions) {
-        $scope.regions = regions;
-      });
-    },
-  ]);
+import React from 'react';
+
+import {
+  ExecutionDetailsSection,
+  ExecutionDetailsTasks,
+  MapEditor,
+  Registry,
+  StageConfigField,
+  StageFailureMessage,
+} from '@spinnaker/core';
+
+const h = React.createElement;
+
+function GceFindImageFromTagsStageConfig({ stage, updateStage }) {
+  stage.tags = stage.tags || {};
+  stage.regions = stage.regions || [];
+  stage.cloudProvider = stage.cloudProvider || 'gce';
+  return h(
+    'div',
+    { className: 'form-horizontal' },
+    h(
+      StageConfigField,
+      { label: 'Package' },
+      h('input', {
+        className: 'form-control input-sm',
+        value: stage.packageName || '',
+        onChange: (e) => updateStage({ ...stage, packageName: e.target.value }),
+      }),
+    ),
+    h(
+      StageConfigField,
+      { label: 'Tags' },
+      h(MapEditor, {
+        allowEmpty: true,
+        model: stage.tags,
+        onChange: (tags) => updateStage({ ...stage, tags }),
+      }),
+    ),
+  );
+}
+
+function Tags({ tags, separator = ':' }) {
+  const entries = Object.entries(tags || {});
+  if (!entries.length) {
+    return null;
+  }
+
+  return h(
+    React.Fragment,
+    null,
+    entries.map(([key, value], index) =>
+      h('span', { key }, `${key}${separator}${value}${index === entries.length - 1 ? '' : ', '}`),
+    ),
+  );
+}
+
+function GceFindImageFromTagsExecutionDetails(props) {
+  const { current, stage } = props;
+  const context = stage.context || {};
+  const images = context.amiDetails || [];
+
+  return h(
+    ExecutionDetailsSection,
+    { name: props.name, current },
+    h(
+      'div',
+      { className: 'row' },
+      h(
+        'div',
+        { className: 'col-md-12' },
+        h(
+          'dl',
+          { className: 'dl-narrow dl-horizontal' },
+          h('dt', null, 'Package'),
+          h('dd', null, context.packageName),
+          h('dt', null, 'Tags'),
+          h('dd', null, h(Tags, { tags: context.tags })),
+        ),
+      ),
+    ),
+    h(StageFailureMessage, { stage, message: stage.failureMessage }),
+    !!images.length &&
+      h(
+        'div',
+        { className: 'row' },
+        h(
+          'div',
+          { className: 'col-md-12' },
+          h(
+            'div',
+            { className: 'well alert alert-info' },
+            h('h4', null, 'Results'),
+            images.map((image) =>
+              h(
+                'dl',
+                { className: 'dl-narrow dl-horizontal', key: `${image.region}:${image.imageName}` },
+                h('dt', null, 'Region'),
+                h('dd', null, image.region),
+                h('dt', null, 'Image'),
+                h('dd', null, image.imageName),
+              ),
+            ),
+          ),
+        ),
+      ),
+  );
+}
+GceFindImageFromTagsExecutionDetails.title = 'findImageConfig';
+
+export function registerGceFindImageFromTagsStage() {
+  Registry.pipeline.registerStage({
+    provides: 'findImageFromTags',
+    cloudProvider: 'gce',
+    component: GceFindImageFromTagsStageConfig,
+    executionDetailsSections: [GceFindImageFromTagsExecutionDetails, ExecutionDetailsTasks],
+    validators: [
+      { type: 'requiredField', fieldName: 'packageName' },
+      { type: 'requiredField', fieldName: 'tags' },
+    ],
+  });
+}