@spinnaker/core 2026.2.2 → 2026.3.0

package/src/projects/dashboard/regionFilter/regionFilter.component.html

@@ -1,17 +0,0 @@
-<span uib-dropdown class="pull-right clickable" on-toggle="toggled(open)" auto-close="outsideClick">
-  <h6 href uib-dropdown-toggle>
-    <span class="region-filter-button">Filter by region / namespace</span>
-    <span class="small glyphicon glyphicon-chevron-down"></span>
-  </h6>
-  <ul class="dropdown-menu" uib-dropdown-menu role="menu">
-    <li ng-repeat="region in $ctrl.regions">
-      <a ng-click="$ctrl.toggleRegion(region)">
-        <label>{{ region }}</label>
-        <input class="pull-right" type="checkbox" ng-model="$ctrl.sortFilter.region[region]" />
-      </a>
-    </li>
-    <li class="text-center">
-      <a ng-click="$ctrl.clearFilter()">Clear all</a>
-    </li>
-  </ul>
-</span>

package/src/projects/dashboard/regionFilter/regionFilter.component.js

@@ -1,28 +0,0 @@
-'use strict';
-
-import { module } from 'angular';
-
-import { CORE_PROJECTS_DASHBOARD_REGIONFILTER_REGIONFILTER_SERVICE } from './regionFilter.service';
-
-import './regionFilter.component.less';
-
-export const CORE_PROJECTS_DASHBOARD_REGIONFILTER_REGIONFILTER_COMPONENT =
-  'spinnaker.deck.projects.dashboard.regionFilter.component';
-export const name = CORE_PROJECTS_DASHBOARD_REGIONFILTER_REGIONFILTER_COMPONENT; // for backwards compatibility
-module(CORE_PROJECTS_DASHBOARD_REGIONFILTER_REGIONFILTER_COMPONENT, [
-  CORE_PROJECTS_DASHBOARD_REGIONFILTER_REGIONFILTER_SERVICE,
-]).component('regionFilter', {
-  bindings: {
-    regionFilter: '=',
-    regions: '=',
-  },
-  templateUrl: require('./regionFilter.component.html'),
-  controller: [
-    'regionFilterService',
-    function (regionFilterService) {
-      this.clearFilter = regionFilterService.clearFilter;
-      this.toggleRegion = regionFilterService.toggleRegion;
-      this.sortFilter = regionFilterService.sortFilter;
-    },
-  ],
-});

package/src/projects/dashboard/regionFilter/regionFilter.service.js

@@ -1,39 +0,0 @@
-'use strict';
-
-import { module } from 'angular';
-import _ from 'lodash';
-
-import { FilterModelService } from '../../../filterModel';
-
-export const CORE_PROJECTS_DASHBOARD_REGIONFILTER_REGIONFILTER_SERVICE =
-  'spinnaker.deck.projects.dashboard.regionFilter.service';
-export const name = CORE_PROJECTS_DASHBOARD_REGIONFILTER_REGIONFILTER_SERVICE; // for backwards compatibility
-module(CORE_PROJECTS_DASHBOARD_REGIONFILTER_REGIONFILTER_SERVICE, []).factory('regionFilterService', function () {
-  let callbacks = [];
-
-  const filterModelConfig = [{ model: 'region', param: 'reg', type: 'trueKeyObject' }];
-  FilterModelService.configureFilterModel(this, filterModelConfig);
-
-  this.registerCallback = (cb) => callbacks.push(cb);
-
-  this.deregisterCallback = (cb) => (callbacks = _.without(callbacks, cb));
-
-  this.runCallbacks = () => callbacks.forEach((cb) => cb(this.sortFilter.region));
-
-  this.toggleRegion = (region) => {
-    const path = `sortFilter.region[${region}]`;
-    _.set(this, path, !_.get(this, path));
-    this.applyParamsToUrl();
-    this.runCallbacks();
-  };
-
-  this.clearFilter = () => {
-    _.forEach(this.sortFilter.region, (val, key) => delete this.sortFilter.region[key]);
-    this.applyParamsToUrl();
-    this.runCallbacks();
-  };
-
-  this.activate();
-
-  return this;
-});

package/src/projects/projects.module.ts

@@ -1,8 +0,0 @@
-import { module } from 'angular';
-
-import './projectSearchResultType';
-import { PROJECTS_STATES_CONFIG } from './projects.states';
-
-export const CORE_PROJECTS_PROJECTS_MODULE = 'spinnaker.projects';
-export const name = CORE_PROJECTS_PROJECTS_MODULE; // for backwards compatibility
-module(CORE_PROJECTS_PROJECTS_MODULE, [PROJECTS_STATES_CONFIG]);

package/src/reactShims/AngularJSAdapter.tsx

@@ -1,77 +0,0 @@
-import type { IScope } from 'angular';
-import { element } from 'angular';
-import { $compile, $controller, $templateRequest } from 'ngimport';
-import React from 'react';
-
-export interface IRenderAngularJSBaseProps extends React.HTMLProps<HTMLDivElement> {
-  controller?: string;
-  controllerAs?: string;
-  locals?: { [key: string]: any };
-}
-export type IRenderAngularJSTemplateProps = IRenderAngularJSBaseProps & { template: string };
-export type IRenderAngularJSTemplateUrlProps = IRenderAngularJSBaseProps & { templateUrl: string };
-export type IRenderAngularJSProps = IRenderAngularJSTemplateProps | IRenderAngularJSTemplateUrlProps;
-
-export class AngularJSAdapter extends React.Component<IRenderAngularJSProps> {
-  public static defaultProps: Partial<IRenderAngularJSProps> = { locals: {} };
-  private $scope: IScope;
-
-  constructor(props: any) {
-    super(props);
-  }
-
-  public componentWillReceiveProps(nextProps: IRenderAngularJSProps) {
-    if (this.$scope) {
-      this.$scope.props = nextProps;
-    }
-  }
-
-  private refCallback(ref: Element) {
-    if (!ref) {
-      return;
-    }
-
-    const { controller, controllerAs, locals } = this.props;
-    const template = (this.props as IRenderAngularJSTemplateProps).template;
-    const templateUrl = (this.props as IRenderAngularJSTemplateUrlProps).templateUrl;
-
-    const _locals = { ...this.props, ...locals };
-    if (templateUrl) {
-      $templateRequest(templateUrl).then((templateString) => {
-        this.renderAngularTemplateAndController(ref, templateString, controller, controllerAs, _locals);
-      });
-    } else {
-      this.renderAngularTemplateAndController(ref, template, controller, controllerAs, _locals);
-    }
-  }
-
-  private renderAngularTemplateAndController(
-    ref: Element,
-    templateString: string,
-    controller?: string,
-    controllerAs?: string,
-    locals?: object,
-  ) {
-    const $element = element(ref);
-    const parentScope = $element.scope();
-    const $scope = (this.$scope = parentScope.$new());
-    $scope.props = this.props;
-
-    $element.html(templateString);
-    $compile(ref)($scope);
-
-    if (controller) {
-      const controllerStr = controllerAs ? `${controller} as ${controllerAs}` : controller;
-      const controllerInstance = $controller(controllerStr, { $scope, $element, ...locals });
-      $element.data('$ngControllerController', controllerInstance);
-    }
-  }
-
-  public componentWillUnmount() {
-    this.$scope.$destroy();
-  }
-
-  public render() {
-    return <div className="AngularJSAdapter" ref={(ref) => this.refCallback(ref)} />;
-  }
-}

package/src/reactShims/modal.injector.ts

@@ -1,18 +0,0 @@
-import IInjectorService = angular.auto.IInjectorService;
-
-import type { IModalService, IModalStackService } from 'angular-ui-bootstrap';
-
-import { ReactInject } from './react.injector';
-
-// prettier-ignore
-export class CoreModalInject extends ReactInject {
-  // Services
-  public get modalService(): IModalService { return this.$injector.get('$uibModal') as IModalService; }
-  public get modalStackService(): IModalStackService { return this.$injector.get('$uibModalStack') as IModalStackService; }
-
-  public initialize($injector: IInjectorService) {
-    this.$injector = $injector;
-  }
-}
-
-export const ModalInjector: CoreModalInject = new CoreModalInject();

package/src/reactShims/ngReact.ts

@@ -1,42 +0,0 @@
-import { angular2react } from 'angular2react';
-import type React from 'react';
-
-import type { ITargetSelectProps } from '../pipeline/config/targetSelect.component';
-import { targetSelectComponent } from '../pipeline/config/targetSelect.component';
-import type { IStageSummaryWrapperProps } from '../pipeline/details/StageSummaryWrapper';
-import type { IStepExecutionDetailsWrapperProps } from '../pipeline/details/StepExecutionDetailsWrapper';
-import { stageSummaryComponent } from '../pipeline/details/stageSummary.component';
-import { stepExecutionDetailsComponent } from '../pipeline/details/stepExecutionDetails.component';
-import { ReactInject } from './react.injector';
-import type { IInstanceArchetypeSelectorProps } from '../serverGroup/configure/common/InstanceArchetypeSelector';
-import type { IInstanceTypeSelectorProps } from '../serverGroup/configure/common/InstanceTypeSelector';
-import { v2InstanceTypeSelector } from '../serverGroup/configure/common/v2InstanceTypeSelector.component';
-import { v2InstanceArchetypeSelector } from '../serverGroup/configure/common/v2instanceArchetypeSelector.component';
-import type { IAccountRegionClusterSelectorProps } from '../widgets/AccountRegionClusterSelector';
-import { accountRegionClusterSelectorWrapperComponent } from '../widgets/accountRegionClusterSelectorWrapper.component';
-
-import IInjectorService = angular.auto.IInjectorService;
-
-// prettier-ignore
-export class NgReactInjector extends ReactInject {
-  public $injectorProxy = {} as IInjectorService;
-
-  // Reactified components
-  public AccountRegionClusterSelector: React.ComponentClass<IAccountRegionClusterSelectorProps> = angular2react('accountRegionClusterSelectorWrapper', accountRegionClusterSelectorWrapperComponent, this.$injectorProxy) as any;
-  public InstanceArchetypeSelector: React.ComponentClass<IInstanceArchetypeSelectorProps>       = angular2react('v2InstanceArchetypeSelector', v2InstanceArchetypeSelector, this.$injectorProxy) as any;
-  public InstanceTypeSelector: React.ComponentClass<IInstanceTypeSelectorProps>                 = angular2react('v2InstanceTypeSelector', v2InstanceTypeSelector, this.$injectorProxy);
-  public StageSummaryWrapper: React.ComponentClass<IStageSummaryWrapperProps>                   = angular2react('stageSummary', stageSummaryComponent, this.$injectorProxy) as any;
-  public StepExecutionDetailsWrapper: React.ComponentClass<IStepExecutionDetailsWrapperProps>   = angular2react('stepExecutionDetails', stepExecutionDetailsComponent, this.$injectorProxy) as any;
-  public TargetSelect: React.ComponentClass<ITargetSelectProps>                                 = angular2react('targetSelect', targetSelectComponent, this.$injectorProxy) as any;
-
-  public initialize($injector: IInjectorService) {
-    const realInjector: { [key: string]: Function } = $injector as any;
-    const proxyInjector: { [key: string]: Function } = this.$injectorProxy as any;
-
-    Object.keys($injector)
-      .filter(key => typeof realInjector[key] === 'function')
-      .forEach(key => (proxyInjector[key] = realInjector[key].bind(realInjector)));
-  }
-}
-
-export const NgReact = new NgReactInjector();

package/src/reactShims/react.ga.ts

@@ -1,15 +0,0 @@
-import ReactGA from 'react-ga';
-
-import { SETTINGS } from '../config/settings';
-import { logger } from '../utils';
-
-export const initGoogleAnalytics = () => {
-  if (!SETTINGS.analytics.ga) return;
-  ReactGA.initialize(SETTINGS.analytics.ga, {}); // We're loading GA twice - here and in angular - but it shouldn't cause any problems
-  logger.subscribe({
-    key: 'googleAnalytics',
-    onEvent: (event) => {
-      ReactGA.event({ category: event.category, action: event.action, label: event.data?.label });
-    },
-  });
-};

package/src/reactShims/react.injector.ts

@@ -1,91 +0,0 @@
-import type { StateParams, StateService, UIRouter } from '@uirouter/core';
-import type { IQService, IRootScopeService, IScope } from 'angular';
-
-import type { CacheInitializerService } from '../cache/cacheInitializer.service';
-import type { ProviderServiceDelegate } from '../cloudProvider/providerService.delegate';
-import type { ClusterService } from '../cluster/cluster.service';
-import type { ImageReader } from '../image/image.reader';
-import type { InsightFilterStateModel } from '../insight/insightFilterState.model';
-import type { InstanceTypeService, InstanceWriter } from '../instance';
-import type { OverrideRegistry } from '../overrideRegistry/override.registry';
-import type { PageTitleService } from '../pageTitle';
-import type { ManualJudgmentService } from '../pipeline/config/stages/manualJudgment/manualJudgment.service';
-import type { ExecutionDetailsSectionService } from '../pipeline/details/executionDetailsSection.service';
-import type { ExecutionService } from '../pipeline/service/execution.service';
-import type { InfrastructureSearchService } from '../search/infrastructure/infrastructureSearch.service';
-import type { SecurityGroupReader } from '../securityGroup/securityGroupReader.service';
-import type { ServerGroupWriter } from '../serverGroup/serverGroupWriter.service';
-import type { StateEvents } from './state.events';
-
-import IInjectorService = angular.auto.IInjectorService;
-
-export abstract class ReactInject {
-  protected $injector: IInjectorService;
-
-  public abstract initialize($injector: IInjectorService): void;
-}
-
-// prettier-ignore
-export class CoreReactInject extends ReactInject {
-  // weird service because we wrap it
-  private wrappedState: StateService;
-
-  public get $state() {
-    if (!this.wrappedState) {
-      this.wrappedState = this.createStateService();
-    }
-    return this.wrappedState;
-  }
-
-  // Services
-  public get $q() { return this.$injector.get('$q') as IQService; }
-  public get $rootScope() { return this.$injector.get('$rootScope') as IScope; }
-  public get $stateParams() { return this.$injector.get('$stateParams') as StateParams; }
-  public get $uiRouter() { return this.$injector.get('$uiRouter') as UIRouter; }
-  public get cacheInitializer() { return this.$injector.get('cacheInitializer') as CacheInitializerService; }
-  public get clusterService() { return this.$injector.get('clusterService') as ClusterService; }
-  public get executionDetailsSectionService() { return this.$injector.get('executionDetailsSectionService') as ExecutionDetailsSectionService; }
-  public get executionService() { return this.$injector.get('executionService') as ExecutionService; }
-  public get imageReader() { return this.$injector.get('imageReader') as ImageReader; }
-  public get infrastructureSearchService() { return this.$injector.get('infrastructureSearchService') as InfrastructureSearchService; }
-  public get insightFilterStateModel() { return this.$injector.get('insightFilterStateModel') as InsightFilterStateModel; }
-  public get instanceTypeService() { return this.$injector.get('instanceTypeService') as InstanceTypeService; }
-  public get instanceWriter() { return this.$injector.get('instanceWriter') as InstanceWriter; }
-  public get manualJudgmentService() { return this.$injector.get('manualJudgmentService') as ManualJudgmentService; }
-  public get overrideRegistry() { return this.$injector.get('overrideRegistry') as OverrideRegistry; }
-  public get pageTitleService() { return this.$injector.get('pageTitleService') as PageTitleService; }
-  public get providerServiceDelegate() { return this.$injector.get('providerServiceDelegate') as ProviderServiceDelegate; }
-  public get securityGroupReader() { return this.$injector.get('securityGroupReader') as SecurityGroupReader; }
-  public get serverGroupWriter() { return this.$injector.get('serverGroupWriter') as ServerGroupWriter; }
-  public get stateEvents() { return this.$injector.get('stateEvents') as StateEvents; }
-
-  private createStateService(): StateService {
-    const wrappedState = Object.create(this.$injector.get('$state')) as StateService;
-    const $rootScope = this.$injector.get('$rootScope') as IRootScopeService;
-    const $q = this.$injector.get('$q') as IQService;
-    const originalGo = wrappedState.go;
-
-    // Calls $state.go() inside the angularjs digest
-    // I forget exactly what this does, but it fixes some angularjs-y digest cycle problem we had once
-    wrappedState.go = function () {
-      const args = arguments;
-      const deferred = Object.create($q.defer());
-      const { promise } = deferred;
-      promise.transition = null;
-      promise.catch(() => {});
-      $rootScope.$applyAsync(() => {
-        const originalPromise = originalGo.apply(this, args);
-        promise.transition = originalPromise.transition;
-        originalPromise.then(deferred.resolve, deferred.reject);
-      });
-      return promise;
-    };
-    return wrappedState;
-  }
-
-  public initialize($injector: IInjectorService) {
-    this.$injector = $injector;
-  }
-}
-
-export const ReactInjector: CoreReactInject = new CoreReactInject();

package/src/reactShims/react.module.ts

@@ -1,20 +0,0 @@
-import { module } from 'angular';
-import 'ngimport';
-
-import { ModalInjector } from './modal.injector';
-import { NgReact } from './ngReact';
-import { ReactInjector } from './react.injector';
-import { STATE_EVENTS } from './state.events';
-
-import './react.uirouter.css';
-
-export const REACT_MODULE = 'spinnaker.core.react';
-module(REACT_MODULE, ['bcherny/ngimport', 'ui.router', STATE_EVENTS]).run([
-  '$injector',
-  function ($injector: any) {
-    // Make angular services importable and Convert angular components to react
-    ReactInjector.initialize($injector);
-    ModalInjector.initialize($injector);
-    NgReact.initialize($injector);
-  },
-]);

package/src/reactShims/react.uirouter.css

@@ -1,5 +0,0 @@
-react-ui-view-adapter {
-  flex: 1 1 auto;
-  display: flex;
-  height: 100%;
-}

package/src/reactShims/state.events.ts

@@ -1,37 +0,0 @@
-import type { StateDeclaration } from '@uirouter/angularjs';
-import type { IAngularEvent, IRootScopeService } from 'angular';
-import { module } from 'angular';
-import { Subject } from 'rxjs';
-
-export interface IStateChange {
-  to: StateDeclaration;
-  from: StateDeclaration;
-  toParams: object;
-  fromParams: object;
-}
-
-export class StateEvents {
-  public stateChangeSuccess: Subject<IStateChange> = new Subject<IStateChange>();
-  public locationChangeSuccess: Subject<string> = new Subject<string>();
-
-  public static $inject = ['$rootScope'];
-  constructor(private $rootScope: IRootScopeService) {
-    const onChangeSuccess = (
-      _event: IAngularEvent,
-      to: StateDeclaration,
-      toParams: object,
-      from: StateDeclaration,
-      fromParams: object,
-    ) => {
-      this.stateChangeSuccess.next({ to, toParams, from, fromParams });
-    };
-    const onLocationChangeSuccess = (_event: IAngularEvent, newUrl: string) => this.locationChangeSuccess.next(newUrl);
-
-    this.$rootScope.$on('$stateChangeSuccess', onChangeSuccess);
-    this.$rootScope.$on('$locationChangeSuccess', onLocationChangeSuccess);
-  }
-}
-
-export const STATE_EVENTS = 'spinnaker.core.state.events';
-
-module(STATE_EVENTS, []).service('stateEvents', StateEvents);

package/src/region/region.module.ts

@@ -1,5 +0,0 @@
-import { module } from 'angular';
-import { CORE_REGION_REGIONSELECTFIELD_DIRECTIVE } from './regionSelectField.directive';
-
-export const REGION_MODULE = 'spinnaker.core.region.module';
-module(REGION_MODULE, [CORE_REGION_REGIONSELECTFIELD_DIRECTIVE]);

package/src/region/regionSelectField.directive.js

@@ -1,59 +0,0 @@
-import { module } from 'angular';
-import { react2angular } from 'react2angular';
-
-import { RegionSelectField } from './RegionSelectField';
-import { withErrorBoundary } from '../presentation/SpinErrorBoundary';
-
-('use strict');
-
-export const CORE_REGION_REGIONSELECTFIELD_DIRECTIVE = 'spinnaker.core.region.regionSelectField.directive';
-export const name = CORE_REGION_REGIONSELECTFIELD_DIRECTIVE; // for backwards compatibility
-module(CORE_REGION_REGIONSELECTFIELD_DIRECTIVE, [])
-  .component(
-    'regionSelectFieldWrapper',
-    react2angular(withErrorBoundary(RegionSelectField, 'regionSelectFieldWrapper'), [
-      'regions',
-      'component',
-      'field',
-      'account',
-      'provider',
-      'onChange',
-      'labelColumns',
-      'fieldColumns',
-      'readOnly',
-    ]),
-  )
-  .component('regionSelectField', {
-    controllerAs: 'vm',
-    template: `
-      <region-select-field-wrapper regions="vm.regions"
-                                   component="vm.component"
-                                   field="vm.field"
-                                   account="vm.account"
-                                   provider="vm.provider"
-                                   on-change="vm.propagate"
-                                   label-columns="vm.labelColumns"
-                                   field-columns="vm.fieldColumns"
-                                   read-only="vm.readOnly"></react-region-select-field>
-    `,
-    bindings: {
-      regions: '=',
-      component: '=',
-      field: '@',
-      account: '=',
-      provider: '=',
-      onChange: '&',
-      labelColumns: '<',
-      fieldColumns: '<',
-      readOnly: '=',
-    },
-    controller: function () {
-      this.$onInit = () => {
-        const vm = this;
-        vm.propagate = function (data) {
-          vm.component[vm.field] = data;
-          vm.onChange();
-        };
-      };
-    },
-  });

package/src/region/regionSelectField.directive.spec.js

@@ -1,67 +0,0 @@
-'use strict';
-
-import * as angular from 'angular';
-import { CACHE_INITIALIZER_SERVICE } from '../cache/cacheInitializer.service';
-
-describe('Directives: regionSelectField', function () {
-  beforeEach(function () {
-    window.module(require('./regionSelectField.directive').name, CACHE_INITIALIZER_SERVICE, function ($provide) {
-      $provide.decorator('cacheInitializer', function () {
-        return {
-          initialize: angular.noop,
-        };
-      });
-    });
-  });
-
-  beforeEach(
-    window.inject(function ($rootScope, $compile) {
-      this.scope = $rootScope.$new();
-      this.compile = $compile;
-    }),
-  );
-
-  it('updates values when regions change', function () {
-    var scope = this.scope;
-
-    scope.regions = [{ name: 'us-east-1' }];
-
-    scope.model = { regionField: 'us-east-1', accountField: 'a' };
-
-    var html =
-      '<region-select-field regions="regions" component="model" field="regionField" account="model.accountField" provider="\'aws\'" label-columns="2"></region-select-field>';
-
-    var elem = this.compile(html)(scope);
-    scope.$digest();
-
-    expect(elem.find('option').length).toBe(2);
-
-    scope.regions = [{ name: 'us-east-1' }, { name: 'us-west-1' }];
-    scope.$digest();
-
-    var options = elem.find('option');
-    var expected = ['', 'us-east-1', 'us-west-1'];
-
-    expect(options.length).toBe(3);
-    options.each(function (idx, option) {
-      expect(option.value).toBe(expected[idx]);
-    });
-  });
-
-  it('selects correct initial value', function () {
-    var scope = this.scope;
-
-    scope.regions = [{ name: 'us-east-1' }, { name: 'us-west-1' }];
-
-    scope.model = { regionField: 'us-west-1', accountField: 'a' };
-
-    var html =
-      '<region-select-field regions="regions" component="model" field="regionField" account="model.accountField" provider="\'aws\'" label-columns="2"></region-select-field>';
-
-    var elem = this.compile(html)(scope);
-    scope.$digest();
-
-    var options = elem.find('option');
-    expect(options[2].selected).toBe(true);
-  });
-});

package/src/search/global/globalSearch.module.ts

@@ -1,8 +0,0 @@
-import { module } from 'angular';
-
-import { GLOBAL_SEARCH_COMPONENT } from './globalsearch.component';
-
-import './globalSearch.less';
-
-export const GLOBAL_SEARCH = 'spinnaker.core.search.global';
-module(GLOBAL_SEARCH, [GLOBAL_SEARCH_COMPONENT]);

package/src/search/global/globalsearch.component.ts

@@ -1,11 +0,0 @@
-import { module } from 'angular';
-import { react2angular } from 'react2angular';
-
-import { GlobalSearch } from './GlobalSearch';
-import { withErrorBoundary } from '../../presentation/SpinErrorBoundary';
-
-export const GLOBAL_SEARCH_COMPONENT = 'spinnaker.core.search.global.component';
-module(GLOBAL_SEARCH_COMPONENT, []).component(
-  'globalSearch',
-  react2angular(withErrorBoundary(GlobalSearch, 'globalSearch')),
-);