@spinnaker/google 2026.2.2 → 2026.3.0

package/src/securityGroup/details/securityGroupDetail.html

@@ -1,171 +0,0 @@
-<div class="details-panel">
-  <div class="header">
-    <div class="close-button" ng-if="!state.standalone">
-      <a class="btn btn-link" ui-sref="^">
-        <span class="glyphicon glyphicon-remove"></span>
-      </a>
-    </div>
-    <div ng-if="state.loading" class="horizontal center middle">
-      <loading-spinner size="'small'"></loading-spinner>
-    </div>
-    <div class="header-text horizontal middle" ng-if="!state.loading">
-      <span class="glyphicon glyphicon-transfer"></span>
-      <h3 class="horizontal middle space-between flex-1" select-on-dbl-click>
-        {{securityGroup.name || '(not found)'}}
-        <render-if-feature feature="entityTags">
-          <entity-notifications
-            ng-if="!state.loading"
-            entity="securityGroup"
-            application="ctrl.application"
-            placement="bottom"
-            h-offset-percent="90%"
-            entity-type="securityGroup"
-            page-location="details"
-            on-update="ctrl.application.securityGroups.refresh()"
-          ></entity-notifications>
-        </render-if-feature>
-      </h3>
-    </div>
-    <div class="actions">
-      <div ng-if="!securityGroup.id.includes('/')" class="dropdown" uib-dropdown dropdown-append-to-body>
-        <button type="button" class="btn btn-sm btn-primary dropdown-toggle" uib-dropdown-toggle>
-          <firewall-label label="Firewall"></firewall-label> Actions <span class="caret"></span>
-        </button>
-        <ul class="dropdown-menu" uib-dropdown-menu role="menu">
-          <li><a href ng-click="ctrl.editInboundRules()">Edit Inbound Rules</a></li>
-          <li>
-            <a href ng-click="ctrl.deleteSecurityGroup()">Delete <firewall-label label="Firewall"></firewall-label></a>
-          </li>
-          <li>
-            <a href ng-click="ctrl.cloneSecurityGroup()">Clone <firewall-label label="Firewall"></firewall-label></a>
-          </li>
-          <render-if-feature feature="entityTags">
-            <add-entity-tag-links
-              component="securityGroup"
-              application="ctrl.application"
-              entity-type="securityGroup"
-              on-update="ctrl.application.securityGroups.refresh"
-            ></add-entity-tag-links>
-          </render-if-feature>
-        </ul>
-      </div>
-      <div ng-if="securityGroup.id.includes('/')" class="dropdown" uib-dropdown dropdown-append-to-body>
-        <button type="button" class="btn btn-sm btn-primary dropdown-toggle" uib-dropdown-toggle>
-          <firewall-label label="Firewall"></firewall-label> Actions <span class="caret"></span>
-        </button>
-        <ul
-          uib-tooltip="You cannot modify shared VPC host project firewall rules."
-          class="dropdown-menu"
-          uib-dropdown-menu
-          role="menu"
-        >
-          <li class="disabled"><a>Edit Inbound Rules</a></li>
-          <li class="disabled">
-            <a>Delete <firewall-label label="Firewall"></firewall-label></a>
-          </li>
-          <li class="disabled">
-            <a>Clone <firewall-label label="Firewall"></firewall-label></a>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="content" ng-if="!state.loading">
-    <collapsible-section heading="{{firewallLabel}} Details" expanded="true">
-      <dl class="dl-horizontal dl-medium">
-        <dt>ID</dt>
-        <dd>{{securityGroup.id}}</dd>
-        <dt>Account</dt>
-        <dd><account-tag account="securityGroup.accountName"></account-tag></dd>
-        <dt>Region</dt>
-        <dd>{{securityGroup.region}}</dd>
-        <dt>Network</dt>
-        <dd>{{securityGroup.network}}</dd>
-        <dt>Description</dt>
-        <dd>{{securityGroup.description}}</dd>
-      </dl>
-    </collapsible-section>
-    <collapsible-section
-      heading="IP Range Rules ({{securityGroup.sourceRanges.length || 0}})"
-      expanded="{{!!(securityGroup.sourceRanges && securityGroup.sourceRanges.length)}}"
-    >
-      <div ng-if="!securityGroup.sourceRanges.length">None</div>
-
-      <dl
-        ng-class="insightCtrl.vm.filtersExpanded ? '' : 'dl-horizontal dl-medium'"
-        ng-repeat="sourceRange in securityGroup.sourceRanges"
-      >
-        <dt>IP Range</dt>
-        <dd>{{sourceRange}}</dd>
-      </dl>
-    </collapsible-section>
-    <collapsible-section
-      heading="Protocol/Port Ranges ({{securityGroup.protocolPortRangeCount || 0}})"
-      expanded="{{!!(securityGroup.protocolPortRangeCount)}}"
-    >
-      <div ng-if="!securityGroup.ipIngressRules.length">None</div>
-
-      <dl
-        ng-class="insightCtrl.vm.filtersExpanded ? '' : 'dl-horizontal dl-medium'"
-        ng-repeat="ipIngressRule in securityGroup.ipIngressRules"
-      >
-        <dt ng-if="ipIngressRule.portRanges.length === 0">Protocol</dt>
-        <dd ng-if="ipIngressRule.portRanges.length === 0">{{ipIngressRule.protocol}}</dd>
-        <dt
-          ng-if="ipIngressRule.portRanges && ipIngressRule.portRanges.length === 1 && ipIngressRule.portRanges[0].startPort"
-        >
-          Port Range
-        </dt>
-        <dt
-          ng-if="ipIngressRule.portRanges && ipIngressRule.portRanges.length > 1 && ipIngressRule.portRanges[0].startPort"
-        >
-          Port Ranges
-        </dt>
-        <dd ng-repeat="portRange in ipIngressRule.portRanges" ng-if="portRange.startPort && portRange.endPort">
-          {{ipIngressRule.protocol}}: {{portRange.startPort}} &rarr; {{portRange.endPort}}
-        </dd>
-      </dl>
-    </collapsible-section>
-    <collapsible-section heading="Target Tags ({{securityGroup.targetTags.length || 0}})">
-      <ul ng-if="securityGroup.targetTags.length">
-        <li ng-repeat="tag in securityGroup.targetTags">
-          {{tag}} <help-field content="{{ctrl.getTagHelpText(tag, 'target')}}"></help-field>
-        </li>
-      </ul>
-      <div ng-if="!securityGroup.targetTags.length">None</div>
-    </collapsible-section>
-    <collapsible-section heading="Source Tags ({{securityGroup.sourceTags.length || 0}})">
-      <ul ng-if="securityGroup.sourceTags.length">
-        <li ng-repeat="tag in securityGroup.sourceTags">
-          {{tag}} <help-field content="{{ctrl.getTagHelpText(tag, 'source')}}"></help-field>
-        </li>
-      </ul>
-      <div ng-if="!securityGroup.sourceTags.length">None</div>
-    </collapsible-section>
-    <collapsible-section heading="Target Service Accounts ({{securityGroup.targetServiceAccounts.length || 0}})">
-      <ul ng-if="securityGroup.targetServiceAccounts.length">
-        <li ng-repeat="serviceAccount in securityGroup.targetServiceAccounts">{{serviceAccount}}</li>
-      </ul>
-      <div ng-if="!securityGroup.targetServiceAccounts.length">None</div>
-    </collapsible-section>
-    <collapsible-section heading="Source Service Accounts ({{securityGroup.sourceServiceAccounts.length || 0}})">
-      <ul ng-if="securityGroup.sourceServiceAccounts.length">
-        <li ng-repeat="serviceAccount in securityGroup.sourceServiceAccounts">{{serviceAccount}}</li>
-      </ul>
-      <div ng-if="!securityGroup.sourceServiceAccounts.length">None</div>
-    </collapsible-section>
-    <collapsible-section heading="Logs">
-      <ul>
-        <li ng-if="securityGroup.logsLink">
-          <a href="{{securityGroup.logsLink}}" target="_blank">Cloud Console Logs</a>
-          <copy-to-clipboard
-            class="copy-to-clipboard copy-to-clipboard-sm"
-            text="securityGroup.logsLink"
-            tool-tip="'Copy to clipboard'"
-          >
-          </copy-to-clipboard>
-        </li>
-      </ul>
-    </collapsible-section>
-  </div>
-</div>

package/src/securityGroup/securityGroupHelpText.service.spec.ts

@@ -1,102 +0,0 @@
-import { mock } from 'angular';
-import type { GceSecurityGroupHelpTextService } from './securityGroupHelpText.service';
-import { GCE_SECURITY_GROUP_HELP_TEXT_SERVICE } from './securityGroupHelpText.service';
-
-describe('Service: gceSecurityGroupHelpTextService', () => {
-  let $q: ng.IQService;
-  let gceSecurityGroupHelpTextService: GceSecurityGroupHelpTextService;
-  let application: any;
-
-  beforeEach(mock.module(GCE_SECURITY_GROUP_HELP_TEXT_SERVICE));
-
-  beforeEach(
-    mock.inject(
-      (
-        _gceSecurityGroupHelpTextService_: GceSecurityGroupHelpTextService,
-        _$q_: ng.IQService,
-        _$timeout_: ng.ITimeoutService,
-      ) => {
-        gceSecurityGroupHelpTextService = _gceSecurityGroupHelpTextService_;
-        $q = _$q_;
-        const $timeout = _$timeout_;
-
-        application = {
-          ready: () => $q.resolve(),
-          getDataSource: () => {
-            return {
-              data: [
-                {
-                  name: 'match-v000',
-                  account: 'my-google-account',
-                  providerMetadata: {
-                    networkName: 'default',
-                    tags: ['tag-a', 'tag-b'],
-                  },
-                },
-                {
-                  name: 'match-v001',
-                  account: 'my-google-account',
-                  providerMetadata: {
-                    networkName: 'default',
-                    tags: ['tag-a'],
-                  },
-                },
-                {
-                  name: 'other-account-v000',
-                  account: 'my-other-google-account',
-                  providerMetadata: {
-                    networkName: 'default',
-                    tags: ['tag-a', 'tag-b'],
-                  },
-                },
-                {
-                  name: 'other-network-v000',
-                  account: 'my-google-account',
-                  providerMetadata: {
-                    networkName: 'other-network',
-                    tags: ['tag-a', 'tag-b'],
-                  },
-                },
-              ],
-            };
-          },
-        };
-
-        gceSecurityGroupHelpTextService.register(application, 'my-google-account', 'default');
-        $timeout.flush();
-      },
-    ),
-  );
-
-  it("should list server groups that match the rule's account and network and have a matching tag", () => {
-    let helpText = gceSecurityGroupHelpTextService.getHelpTextForTag('tag-a', 'source');
-    expect(helpText).toContain('match-v000');
-    expect(helpText).toContain('match-v001');
-    expect(helpText).not.toContain('other-account-v000');
-    expect(helpText).not.toContain('other-network-v000');
-
-    helpText = gceSecurityGroupHelpTextService.getHelpTextForTag('tag-b', 'target');
-    expect(helpText).toContain('match-v000');
-    expect(helpText).not.toContain('match-v001');
-    expect(helpText).not.toContain('other-account-v000');
-    expect(helpText).not.toContain('other-network-v000');
-  });
-
-  it('should be ok if no server groups match the given tag', () => {
-    const helpText = gceSecurityGroupHelpTextService.getHelpTextForTag('no-matches-tag', 'source');
-    expect(() => gceSecurityGroupHelpTextService.getHelpTextForTag('no-matches-tag', 'source')).not.toThrow();
-    expect(helpText).not.toContain('match-v000');
-    expect(helpText).not.toContain('match-v001');
-    expect(helpText).not.toContain('other-account-v000');
-    expect(helpText).not.toContain('other-network-v000');
-  });
-
-  it('should have no matches after a reset', () => {
-    gceSecurityGroupHelpTextService.reset();
-    const helpText = gceSecurityGroupHelpTextService.getHelpTextForTag('tag-a', 'source');
-    expect(helpText).not.toContain('match-v000');
-    expect(helpText).not.toContain('match-v001');
-    expect(helpText).not.toContain('other-account-v000');
-    expect(helpText).not.toContain('other-network-v000');
-  });
-});

package/src/securityGroup/securityGroupHelpText.service.ts

@@ -1,83 +0,0 @@
-import { module } from 'angular';
-import { has } from 'lodash';
-
-import type { Application, IServerGroup } from '@spinnaker/core';
-import { FirewallLabels } from '@spinnaker/core';
-
-export class GceSecurityGroupHelpTextService {
-  private serverGroupsIndexedByTag: Map<string, Set<string>>;
-  private application: Application;
-  private account: string;
-  private network: string;
-
-  public register(application: Application, account: string, network: string): PromiseLike<void> {
-    this.reset();
-    this.application = application;
-    this.account = account;
-    this.network = network;
-    return this.indexServerGroupsByTag();
-  }
-
-  public getHelpTextForTag(tag: string, tagType: 'source' | 'target'): string {
-    const serverGroups = this.getServerGroupsWithTag(tag);
-    let text: string;
-    switch (serverGroups.length) {
-      case 0:
-        text = null;
-        break;
-      case 1:
-        text = `This ${tagType} tag associates this ${FirewallLabels.get('firewall')} with the server group <em>${
-          serverGroups[0]
-        }</em>.`;
-        break;
-      default:
-        text = `This ${tagType} tag associates this ${FirewallLabels.get('firewall')} with the server groups
-                ${serverGroups.map((serverGroup) => `<em>${serverGroup}</em>`).join(', ')}.`;
-        break;
-    }
-    return text;
-  }
-
-  public getServerGroupsWithTag(tag: string): string[] {
-    if (this.serverGroupsIndexedByTag.get(tag)) {
-      return Array.from(this.serverGroupsIndexedByTag.get(tag)).sort();
-    } else {
-      return [];
-    }
-  }
-
-  public reset(): void {
-    this.application = null;
-    this.account = null;
-    this.serverGroupsIndexedByTag = new Map<string, Set<string>>();
-  }
-
-  private indexServerGroupsByTag(): PromiseLike<void> {
-    return this.application.ready().then(() => {
-      this.application.getDataSource('serverGroups').data.forEach((serverGroup: IServerGroup) => {
-        if (
-          has(serverGroup, 'providerMetadata.tags.length') &&
-          serverGroup.account === this.account &&
-          serverGroup.providerMetadata?.networkName === this.network
-        ) {
-          serverGroup.providerMetadata.tags.forEach((tag: string) => {
-            if (!this.serverGroupsIndexedByTag.get(tag)) {
-              this.serverGroupsIndexedByTag.set(
-                tag,
-                new Set<string>([serverGroup.name]),
-              );
-            } else {
-              this.serverGroupsIndexedByTag.get(tag).add(serverGroup.name);
-            }
-          });
-        }
-      });
-    });
-  }
-}
-
-export const GCE_SECURITY_GROUP_HELP_TEXT_SERVICE = 'spinnaker.gce.securityGroupHelpText.service';
-module(GCE_SECURITY_GROUP_HELP_TEXT_SERVICE, []).service(
-  'gceSecurityGroupHelpTextService',
-  GceSecurityGroupHelpTextService,
-);

package/src/serverGroup/configure/serverGroup.configure.gce.module.js

@@ -1,59 +0,0 @@
-'use strict';
-
-import { module } from 'angular';
-
-import { GOOGLE_AUTOSCALINGPOLICY_COMPONENTS_BASICSETTINGS_BASICSETTINGS_COMPONENT } from '../../autoscalingPolicy/components/basicSettings/basicSettings.component';
-import { GOOGLE_AUTOSCALINGPOLICY_COMPONENTS_METRICSETTINGS_METRICSETTINGS_COMPONENT } from '../../autoscalingPolicy/components/metricSettings/metricSettings.component';
-import { GOOGLE_AUTOSCALINGPOLICY_COMPONENTS_SCALINGSCHEDULES_SCALINGSCHEDULES_COMPONENT } from '../../autoscalingPolicy/components/scalingSchedules/scalingSchedules.component';
-import { GCE_TIMEZONE_SELECT } from '../../autoscalingPolicy/components/scalingSchedules/timeZoneSelect';
-import { GCE_CACHE_REFRESH } from '../../cache/cacheRefresh.component';
-import { GCE_IMAGE_SELECT } from '../../image/ImageSelect';
-import { GOOGLE_INSTANCE_CUSTOM_CUSTOMINSTANCEBUILDER_GCE_SERVICE } from './../../instance/custom/customInstanceBuilder.gce.service';
-import { GOOGLE_SERVERGROUP_SERVERGROUP_TRANSFORMER } from '../serverGroup.transformer';
-import { GOOGLE_SERVERGROUP_CONFIGURE_SERVERGROUPCONFIGURATION_SERVICE } from './serverGroupConfiguration.service';
-import { GCE_ACCELERATOR_CONFIGURER } from './wizard/advancedSettings/GceAcceleratorConfigurer';
-import { GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_ADVANCEDSETTINGS_ADVANCEDSETTINGSSELECTOR_DIRECTIVE } from './wizard/advancedSettings/advancedSettingsSelector.directive';
-import { GCE_DISK_CONFIGURER } from './wizard/advancedSettings/diskConfigurer.component';
-import { GCE_AUTOHEALING_POLICY_SELECTOR } from './wizard/autoHealingPolicy/autoHealingPolicySelector.component';
-import { GCE_AUTOSCALING_POLICY_SELECTOR_COMPONENT } from './wizard/autoScalingPolicy/autoScalingPolicySelector.component';
-import { GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_CAPACITY_ADVANCEDCAPACITYSELECTOR_COMPONENT } from './wizard/capacity/advancedCapacitySelector.component';
-import { GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_CAPACITY_SIMPLECAPACITYSELECTOR_COMPONENT } from './wizard/capacity/simpleCapacitySelector.component';
-import { GCE_CUSTOM_INSTANCE_CONFIGURER } from './wizard/customInstance/customInstanceConfigurer.component';
-import { GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_LOADBALANCERS_LOADBALANCERSELECTOR_DIRECTIVE } from './wizard/loadBalancers/loadBalancerSelector.directive';
-import { GCE_LOAD_BALANCING_POLICY_SELECTOR } from './wizard/loadBalancingPolicy/loadBalancingPolicySelector.component';
-import { GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_LOCATION_BASICSETTINGS_CONTROLLER } from './wizard/location/basicSettings.controller';
-import { GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_SECURITYGROUPSELECTOR_DIRECTIVE } from './wizard/securityGroups/securityGroupSelector.directive';
-import { GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_SECURITYGROUPSREMOVED_DIRECTIVE } from './wizard/securityGroups/securityGroupsRemoved.directive';
-import { GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_ZONES_REGIONALSELECTOR_DIRECTIVE } from './wizard/zones/regionalSelector.directive';
-import { GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_ZONES_TARGETSHAPESELECTOR_DIRECTIVE } from './wizard/zones/targetShapeSelector.directive';
-import { GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_ZONES_ZONESELECTOR_DIRECTIVE } from './wizard/zones/zoneSelector.directive';
-
-export const GOOGLE_SERVERGROUP_CONFIGURE_SERVERGROUP_CONFIGURE_GCE_MODULE = 'spinnaker.serverGroup.configure.gce';
-export const name = GOOGLE_SERVERGROUP_CONFIGURE_SERVERGROUP_CONFIGURE_GCE_MODULE; // for backwards compatibility
-module(GOOGLE_SERVERGROUP_CONFIGURE_SERVERGROUP_CONFIGURE_GCE_MODULE, [
-  GOOGLE_AUTOSCALINGPOLICY_COMPONENTS_BASICSETTINGS_BASICSETTINGS_COMPONENT,
-  GOOGLE_AUTOSCALINGPOLICY_COMPONENTS_METRICSETTINGS_METRICSETTINGS_COMPONENT,
-  GOOGLE_AUTOSCALINGPOLICY_COMPONENTS_SCALINGSCHEDULES_SCALINGSCHEDULES_COMPONENT,
-  GCE_LOAD_BALANCING_POLICY_SELECTOR,
-  GCE_AUTOSCALING_POLICY_SELECTOR_COMPONENT,
-  GCE_AUTOHEALING_POLICY_SELECTOR,
-  GOOGLE_INSTANCE_CUSTOM_CUSTOMINSTANCEBUILDER_GCE_SERVICE,
-  GCE_CACHE_REFRESH,
-  GCE_CUSTOM_INSTANCE_CONFIGURER,
-  GCE_DISK_CONFIGURER,
-  GCE_ACCELERATOR_CONFIGURER,
-  GCE_IMAGE_SELECT,
-  GCE_TIMEZONE_SELECT,
-  GOOGLE_SERVERGROUP_SERVERGROUP_TRANSFORMER,
-  GOOGLE_SERVERGROUP_CONFIGURE_SERVERGROUPCONFIGURATION_SERVICE,
-  GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_ADVANCEDSETTINGS_ADVANCEDSETTINGSSELECTOR_DIRECTIVE,
-  GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_CAPACITY_ADVANCEDCAPACITYSELECTOR_COMPONENT,
-  GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_CAPACITY_SIMPLECAPACITYSELECTOR_COMPONENT,
-  GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_LOADBALANCERS_LOADBALANCERSELECTOR_DIRECTIVE,
-  GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_LOCATION_BASICSETTINGS_CONTROLLER,
-  GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_SECURITYGROUPSREMOVED_DIRECTIVE,
-  GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_SECURITYGROUPS_SECURITYGROUPSELECTOR_DIRECTIVE,
-  GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_ZONES_REGIONALSELECTOR_DIRECTIVE,
-  GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_ZONES_TARGETSHAPESELECTOR_DIRECTIVE,
-  GOOGLE_SERVERGROUP_CONFIGURE_WIZARD_ZONES_ZONESELECTOR_DIRECTIVE,
-]);

package/src/serverGroup/configure/wizard/advancedSettings/GceAcceleratorConfigurer.tsx

@@ -1,222 +0,0 @@
-import { module } from 'angular';
-
-import { get, isEmpty } from 'lodash';
-import React from 'react';
-import type { Option } from 'react-select';
-import Select from 'react-select';
-import { react2angular } from 'react2angular';
-
-import { HelpField, withErrorBoundary } from '@spinnaker/core';
-
-import type { IGceAcceleratorType } from './gceAccelerator.service';
-
-interface IGceAcceleratorConfig {
-  acceleratorType: string;
-  acceleratorCount: number;
-}
-
-export interface IGceAcceleratorConfigurerProps {
-  acceleratorConfigs: IGceAcceleratorConfig[];
-  availableAccelerators: IGceAcceleratorType[];
-  regional: boolean;
-  setAcceleratorConfigs: (configs: IGceAcceleratorConfig[]) => void;
-  zone: string;
-}
-
-export function GceAcceleratorConfigurer({
-  acceleratorConfigs = [],
-  availableAccelerators = [],
-  regional,
-  setAcceleratorConfigs,
-  zone,
-}: IGceAcceleratorConfigurerProps) {
-  const addAccelerator = (): void => {
-    if (isEmpty(availableAccelerators)) {
-      return;
-    }
-    setAcceleratorConfigs(
-      acceleratorConfigs.concat([
-        {
-          acceleratorType: availableAccelerators[0].name,
-          acceleratorCount: 1,
-        },
-      ]),
-    );
-  };
-
-  const removeAccelerator = (indexToRemove: number): void => {
-    setAcceleratorConfigs(
-      acceleratorConfigs.filter((_config, index) => {
-        return indexToRemove !== index;
-      }),
-    );
-  };
-
-  const getTypeOptions = (): Array<Option<string>> => {
-    return availableAccelerators.map(({ description, name }) => {
-      return {
-        label: description,
-        value: name,
-      };
-    });
-  };
-
-  const getAvailableCardCounts = (acceleratorType: string): number[] => {
-    const acceleratorConfig = availableAccelerators.find(({ name }) => name === acceleratorType);
-    return get(acceleratorConfig, 'availableCardCounts', []);
-  };
-
-  const getCountOptions = (acceleratorType: string): Array<Option<number>> => {
-    return getAvailableCardCounts(acceleratorType).map((count) => ({
-      label: count.toString(),
-      value: count,
-    }));
-  };
-
-  const getNearestCount = (type: string, currentCount: number): number => {
-    const availableCounts = getAvailableCardCounts(type);
-    if (availableCounts.includes(currentCount)) {
-      return currentCount;
-    }
-    return availableCounts.reduce((nearest, count) => {
-      if (count > currentCount) {
-        return nearest;
-      }
-      return count;
-    }, 1);
-  };
-
-  const onTypeChange = (indexToUpdate: number, type: string): void => {
-    setAcceleratorConfigs(
-      acceleratorConfigs.map((config, index) => {
-        if (indexToUpdate !== index) {
-          return config;
-        }
-        return {
-          acceleratorType: type,
-          acceleratorCount: getNearestCount(type, config.acceleratorCount),
-        };
-      }),
-    );
-  };
-
-  const onCountChange = (indexToUpdate: number, count: number) => {
-    setAcceleratorConfigs(
-      acceleratorConfigs.map((config, index) => {
-        if (indexToUpdate !== index) {
-          return config;
-        }
-        return {
-          ...config,
-          acceleratorCount: count,
-        };
-      }),
-    );
-  };
-
-  return (
-    <div className="form-group">
-      <div className="sm-label-left">
-        Accelerators <HelpField id="gce.serverGroup.accelerator" />
-      </div>
-      <table className="table table-condensed packed tags">
-        <thead>
-          <tr>
-            <th style={{ width: '75%' }}>Type</th>
-            <th style={{ width: '15%' }}>Count</th>
-            <th />
-          </tr>
-        </thead>
-        <tbody>
-          {acceleratorConfigs.map(({ acceleratorType, acceleratorCount }, i) => (
-            <tr key={i}>
-              <td>
-                <Select
-                  clearable={false}
-                  onChange={(option: Option<string>) => onTypeChange(i, option.value)}
-                  options={getTypeOptions()}
-                  value={acceleratorType}
-                />
-              </td>
-              <td>
-                <Select
-                  clearable={false}
-                  onChange={(option: Option<number>) => onCountChange(i, option.value)}
-                  options={getCountOptions(acceleratorType)}
-                  value={acceleratorCount}
-                />
-              </td>
-              <td>
-                <button className="btn btn-link" onClick={() => removeAccelerator(i)}>
-                  <span className="glyphicon glyphicon-trash" />
-                </button>
-              </td>
-            </tr>
-          ))}
-          {!isEmpty(acceleratorConfigs) && (
-            <tr>
-              <td colSpan={3}>
-                Adding Accelerators places constraints on the instances that you can deploy. See
-                <a href="https://cloud.google.com/compute/docs/gpus/#restrictions" target="_blank">
-                  {' '}
-                  the complete list of these restrictions
-                </a>{' '}
-                for more information.
-              </td>
-            </tr>
-          )}
-          {!isEmpty(availableAccelerators) && (
-            <tr>
-              <td colSpan={3}>
-                <button className="btn btn-block btn-sm add-new" onClick={addAccelerator}>
-                  <span className="glyphicon glyphicon-plus-sign" /> Add Accelerator
-                </button>
-              </td>
-            </tr>
-          )}
-          {isEmpty(availableAccelerators) && !regional && !zone && (
-            <tr>
-              <td colSpan={3}>
-                A zone must be selected to configure accelerators. Please note: the set of available accelerator types
-                are limited by zone. See{' '}
-                <a href="https://cloud.google.com/compute/docs/gpus/#gpus-list" target="_blank">
-                  the complete list of types in each zone
-                </a>{' '}
-                for more information.
-              </td>
-            </tr>
-          )}
-          {isEmpty(availableAccelerators) && !regional && zone && (
-            <tr>
-              <td colSpan={3}>There are no accelerators available in the currently selected zone.</td>
-            </tr>
-          )}
-          {isEmpty(availableAccelerators) && regional && (
-            <tr>
-              <td colSpan={3}>
-                There are no accelerators available in all of the currently selected zone(s). Please explicitly select
-                only zones that each support the accelerators you would like to configure. See{' '}
-                <a href="https://cloud.google.com/compute/docs/gpus/#gpus-list" target="_blank">
-                  the complete list of types in each zone
-                </a>{' '}
-                for more information.
-              </td>
-            </tr>
-          )}
-        </tbody>
-      </table>
-    </div>
-  );
-}
-
-export const GCE_ACCELERATOR_CONFIGURER = 'spinnaker.gce.accelerator.component';
-module(GCE_ACCELERATOR_CONFIGURER, []).component(
-  'gceAcceleratorConfigurer',
-  react2angular(withErrorBoundary(GceAcceleratorConfigurer, 'gceAcceleratorConfigurer'), [
-    'acceleratorConfigs',
-    'availableAccelerators',
-    'regional',
-    'setAcceleratorConfigs',
-    'zone',
-  ]),
-);