@spinnaker/kubernetes 0.6.2 → 2025.0.0

package/src/pipelines/stages/scaleManifest/ScaleManifestStageForm.tsx

@@ -0,0 +1,46 @@
+import React from 'react';
+
+import type { IFormikStageConfigInjectedProps } from '@spinnaker/core';
+
+import type { IScaleCommand } from '../../../manifest';
+import { ScaleSettingsForm } from '../../../manifest/scale/ScaleSettingsForm';
+import type { IManifestSelector } from '../../../manifest/selector/IManifestSelector';
+import { SelectorMode } from '../../../manifest/selector/IManifestSelector';
+import { ManifestSelector } from '../../../manifest/selector/ManifestSelector';
+
+interface IScaleManifestStageConfigFormProps {
+  stageFieldUpdated: () => void;
+}
+
+export function ScaleManifestStageForm({
+  application,
+  formik,
+  stageFieldUpdated,
+}: IScaleManifestStageConfigFormProps & IFormikStageConfigInjectedProps) {
+  const stage = formik.values;
+
+  const onManifestSelectorChange = () => {
+    stageFieldUpdated();
+  };
+
+  const onScaleSettingsFormChange = () => {
+    stageFieldUpdated();
+  };
+
+  return (
+    <div className="form-horizontal">
+      <h4>Manifest</h4>
+      <div className="horizontal-rule" />
+      <ManifestSelector
+        application={application}
+        selector={(stage as unknown) as IManifestSelector}
+        modes={[SelectorMode.Static, SelectorMode.Dynamic]}
+        onChange={onManifestSelectorChange}
+        includeSpinnakerKinds={null}
+      />
+      <h4>Settings</h4>
+      <div className="horizontal-rule" />
+      <ScaleSettingsForm options={(stage as unknown) as IScaleCommand} onChange={onScaleSettingsFormChange} />
+    </div>
+  );
+}

package/src/pipelines/stages/scaleManifest/scaleManifestStage.ts

@@ -1,33 +1,24 @@
-import { module } from 'angular';
-
 import type { IStage } from '@spinnaker/core';
 import { ExecutionDetailsTasks, Registry } from '@spinnaker/core';
 
 import { manifestExecutionDetails } from '../ManifestExecutionDetails';
-import { KUBERNETES_SCALE_MANIFEST_SETTINGS_FORM } from '../../../manifest/scale/scaleSettingsForm.component';
-import { KubernetesV2ScaleManifestConfigCtrl } from './scaleManifestConfig.controller';
+import { ScaleManifestStageConfig } from './ScaleManifestConfig';
+import { manifestSelectorValidators } from '../validators/manifestSelectorValidators';
 
-export const KUBERNETES_SCALE_MANIFEST_STAGE = 'spinnaker.kubernetes.v2.pipeline.stage.scaleManifestStage';
+const STAGE_NAME = 'Scale (Manifest)';
 const STAGE_KEY = 'scaleManifest';
 
-module(KUBERNETES_SCALE_MANIFEST_STAGE, [KUBERNETES_SCALE_MANIFEST_SETTINGS_FORM])
-  .config(() => {
-    Registry.pipeline.registerStage({
-      label: 'Scale (Manifest)',
-      description: 'Scale a Kubernetes object created from a manifest.',
-      key: STAGE_KEY,
-      cloudProvider: 'kubernetes',
-      templateUrl: require('./scaleManifestConfig.html'),
-      controller: 'KubernetesV2ScaleManifestConfigCtrl',
-      controllerAs: 'ctrl',
-      executionDetailsSections: [manifestExecutionDetails(STAGE_KEY), ExecutionDetailsTasks],
-      accountExtractor: (stage: IStage): string[] => (stage.account ? [stage.account] : []),
-      configAccountExtractor: (stage: any): string[] => (stage.account ? [stage.account] : []),
-      validators: [
-        { type: 'requiredField', fieldName: 'location', fieldLabel: 'Namespace' },
-        { type: 'requiredField', fieldName: 'account', fieldLabel: 'Account' },
-        { type: 'requiredField', fieldName: 'replicas', fieldLabel: 'Replicas' },
-      ],
-    });
-  })
-  .controller('KubernetesV2ScaleManifestConfigCtrl', KubernetesV2ScaleManifestConfigCtrl);
+Registry.pipeline.registerStage({
+  label: STAGE_NAME,
+  description: 'Scale a Kubernetes object created from a manifest.',
+  key: STAGE_KEY,
+  cloudProvider: 'kubernetes',
+  component: ScaleManifestStageConfig,
+  executionDetailsSections: [manifestExecutionDetails(STAGE_KEY), ExecutionDetailsTasks],
+  accountExtractor: (stage: IStage): string[] => (stage.context.account ? [stage.context.account] : []),
+  configAccountExtractor: (stage: any): string[] => (stage.account ? [stage.account] : []),
+  validators: [
+    ...manifestSelectorValidators(STAGE_NAME),
+    { type: 'requiredField', fieldName: 'replicas', fieldLabel: 'Replicas' },
+  ],
+});

package/src/pipelines/stages/undoRolloutManifest/UndoRolloutManifestConfig.tsx

@@ -0,0 +1,37 @@
+import { defaults } from 'lodash';
+import React, { useEffect } from 'react';
+
+import type { IFormikStageConfigInjectedProps, IStageConfigProps } from '@spinnaker/core';
+import { FormikStageConfig } from '@spinnaker/core';
+
+import { UndoRolloutManifestStageForm } from './UndoRolloutManifestStageForm';
+
+export function UndoRolloutManifestConfig({
+  application,
+  pipeline,
+  stage,
+  updateStage,
+  stageFieldUpdated,
+}: IStageConfigProps) {
+  useEffect(() => {
+    defaults(stage, {
+      cloudProvider: 'kubernetes',
+    });
+
+    if (stage.isNew) {
+      stage.numRevisionsBack = 1;
+    }
+  }, []);
+
+  return (
+    <FormikStageConfig
+      application={application}
+      pipeline={pipeline}
+      stage={stage}
+      onChange={updateStage}
+      render={(props: IFormikStageConfigInjectedProps) => (
+        <UndoRolloutManifestStageForm {...props} stageFieldUpdated={stageFieldUpdated} />
+      )}
+    />
+  );
+}

package/src/pipelines/stages/undoRolloutManifest/UndoRolloutManifestStageForm.tsx

@@ -0,0 +1,60 @@
+import React from 'react';
+
+import type { IFormikStageConfigInjectedProps } from '@spinnaker/core';
+import { NumberInput, StageConfigField } from '@spinnaker/core';
+
+import type { IManifestSelector } from '../../../manifest/selector/IManifestSelector';
+import { SelectorMode } from '../../../manifest/selector/IManifestSelector';
+import { ManifestSelector } from '../../../manifest/selector/ManifestSelector';
+
+interface IUndoRolloutManifestStageConfigFormProps {
+  stageFieldUpdated: () => void;
+}
+
+export function UndoRolloutManifestStageForm({
+  application,
+  formik,
+  stageFieldUpdated,
+}: IUndoRolloutManifestStageConfigFormProps & IFormikStageConfigInjectedProps) {
+  const stage = formik.values;
+
+  const onManifestSelectorChange = () => {
+    stageFieldUpdated();
+  };
+
+  const onRevisionsChange = (e: React.ChangeEvent<any>) => {
+    formik.setFieldValue('numRevisionsBack', e.target.value);
+  };
+
+  return (
+    <div className="form-horizontal">
+      <h4>Manifest</h4>
+      <div className="horizontal-rule" />
+      <ManifestSelector
+        application={application}
+        selector={(stage as unknown) as IManifestSelector}
+        modes={[SelectorMode.Static, SelectorMode.Dynamic]}
+        onChange={onManifestSelectorChange}
+        includeSpinnakerKinds={null}
+      />
+      <h4>Settings</h4>
+      <div className="horizontal-rule" />
+      <StageConfigField
+        label="Revisions Back"
+        helpKey="kubernetes.manifest.undoRollout.revisionsBack"
+        fieldColumns={4}
+        groupClassName="form-group form-inline"
+      >
+        <div className="input-group">
+          <NumberInput
+            inputClassName="input-sm highlight-pristine"
+            onChange={onRevisionsChange}
+            value={stage.numRevisionsBack}
+            min={1}
+          />
+          <span className="input-group-addon">{stage.numRevisionsBack === '1' ? 'revision' : 'revisions'}</span>
+        </div>
+      </StageConfigField>
+    </div>
+  );
+}

package/src/pipelines/stages/undoRolloutManifest/undoRolloutManifestStage.ts

@@ -1,30 +1,21 @@
-import { module } from 'angular';
+import { ExecutionDetailsTasks, Registry } from '@spinnaker/core';
 
-import type { IStage } from '@spinnaker/core';
-import { Registry } from '@spinnaker/core';
+import { manifestExecutionDetails } from '../ManifestExecutionDetails';
+import { UndoRolloutManifestConfig } from './UndoRolloutManifestConfig';
+import { manifestSelectorValidators } from '../validators/manifestSelectorValidators';
 
-import { KubernetesV2UndoRolloutManifestConfigCtrl } from './undoRolloutManifestConfig.controller';
+const STAGE_NAME = 'Undo Rollout (Manifest)';
+const STAGE_KEY = 'undoRolloutManifest';
 
-export const KUBERNETES_UNDO_ROLLOUT_MANIFEST_STAGE = 'spinnaker.kubernetes.v2.pipeline.stage.undoRolloutManifestStage';
-
-module(KUBERNETES_UNDO_ROLLOUT_MANIFEST_STAGE, [])
-  .config(() => {
-    Registry.pipeline.registerStage({
-      label: 'Undo Rollout (Manifest)',
-      description: 'Rollback a manifest a target number of revisions.',
-      key: 'undoRolloutManifest',
-      cloudProvider: 'kubernetes',
-      templateUrl: require('./undoRolloutManifestConfig.html'),
-      controller: 'KubernetesV2UndoRolloutManifestConfigCtrl',
-      controllerAs: 'ctrl',
-      accountExtractor: (stage: IStage): string[] => (stage.account ? [stage.account] : []),
-      configAccountExtractor: (stage: any): string[] => (stage.account ? [stage.account] : []),
-      validators: [
-        { type: 'requiredField', fieldName: 'location', fieldLabel: 'Namespace' },
-        { type: 'requiredField', fieldName: 'account', fieldLabel: 'Account' },
-        { type: 'requiredField', fieldName: 'numRevisionsBack', fieldLabel: 'Number of Revisions' },
-        { type: 'manifestSelector' },
-      ],
-    });
-  })
-  .controller('KubernetesV2UndoRolloutManifestConfigCtrl', KubernetesV2UndoRolloutManifestConfigCtrl);
+Registry.pipeline.registerStage({
+  label: STAGE_NAME,
+  description: 'Rollback a manifest a target number of revisions.',
+  key: STAGE_KEY,
+  cloudProvider: 'kubernetes',
+  component: UndoRolloutManifestConfig,
+  executionDetailsSections: [manifestExecutionDetails(STAGE_KEY), ExecutionDetailsTasks],
+  validators: [
+    ...manifestSelectorValidators(STAGE_NAME),
+    { type: 'requiredField', fieldName: 'numRevisionsBack', fieldLabel: 'Number of Revisions' },
+  ],
+});

package/dist/pipelines/stages/findArtifactsFromResource/findArtifactsFromResourceConfig.controller.d.ts

@@ -1,9 +0,0 @@
-import type { IController, IScope } from 'angular';
-import type { Application } from '@spinnaker/core';
-export declare class KubernetesV2FindArtifactsFromResourceConfigCtrl implements IController {
-    private $scope;
-    application: Application;
-    static $inject: string[];
-    constructor($scope: IScope);
-    handleManifestSelectorChange: () => void;
-}

package/dist/pipelines/stages/scaleManifest/scaleManifestConfig.controller.d.ts

@@ -1,9 +0,0 @@
-import type { IController, IScope } from 'angular';
-import type { Application } from '@spinnaker/core';
-export declare class KubernetesV2ScaleManifestConfigCtrl implements IController {
-    private $scope;
-    application: Application;
-    static $inject: string[];
-    constructor($scope: IScope);
-    handleManifestSelectorChange: () => void;
-}

package/dist/pipelines/stages/undoRolloutManifest/undoRolloutManifestConfig.controller.d.ts

@@ -1,7 +0,0 @@
-import type { IController, IScope } from 'angular';
-export declare class KubernetesV2UndoRolloutManifestConfigCtrl implements IController {
-    private $scope;
-    static $inject: string[];
-    constructor($scope: IScope);
-    handleManifestSelectorChange: () => void;
-}

package/src/pipelines/stages/findArtifactsFromResource/findArtifactsFromResourceConfig.controller.ts

@@ -1,28 +0,0 @@
-import type { IController, IScope } from 'angular';
-
-import type { Application } from '@spinnaker/core';
-
-import type { IManifestSelector } from '../../../manifest/selector/IManifestSelector';
-
-export class KubernetesV2FindArtifactsFromResourceConfigCtrl implements IController {
-  public application: Application;
-
-  public static $inject = ['$scope'];
-  constructor(private $scope: IScope) {
-    this.application = this.$scope.$parent.application;
-    if (this.$scope.stage.isNew) {
-      const defaultSelection: IManifestSelector = {
-        location: '',
-        account: '',
-        manifestName: '',
-        app: this.application.name,
-      };
-      Object.assign(this.$scope.stage, defaultSelection);
-      this.$scope.stage.cloudProvider = 'kubernetes';
-    }
-  }
-
-  public handleManifestSelectorChange = (): void => {
-    this.$scope.$applyAsync();
-  };
-}

package/src/pipelines/stages/findArtifactsFromResource/findArtifactsFromResourceConfig.html

@@ -1,10 +0,0 @@
-<div class="form-horizontal">
-  <h4>Manifest</h4>
-  <div class="horizontal-rule"></div>
-  <kubernetes-manifest-selector
-    modes="['static', 'dynamic']"
-    application="ctrl.application"
-    on-change="ctrl.handleManifestSelectorChange"
-    selector="ctrl.$scope.stage"
-  ></kubernetes-manifest-selector>
-</div>

package/src/pipelines/stages/scaleManifest/scaleManifestConfig.controller.ts

@@ -1,32 +0,0 @@
-import type { IController, IScope } from 'angular';
-import { defaults } from 'lodash';
-
-import type { Application } from '@spinnaker/core';
-
-import type { IManifestSelector } from '../../../manifest/selector/IManifestSelector';
-
-export class KubernetesV2ScaleManifestConfigCtrl implements IController {
-  public application: Application;
-
-  public static $inject = ['$scope'];
-  constructor(private $scope: IScope) {
-    if (this.$scope.stage.isNew) {
-      this.application = this.$scope.$parent.application;
-      const defaultSelection: IManifestSelector = {
-        location: '',
-        account: '',
-      };
-      defaults(this.$scope.stage, defaultSelection);
-      const defaultOptions: any = {
-        replicas: null,
-        app: this.application.name,
-      };
-      defaults(this.$scope.stage, defaultOptions);
-      this.$scope.stage.cloudProvider = 'kubernetes';
-    }
-  }
-
-  public handleManifestSelectorChange = (): void => {
-    this.$scope.$applyAsync();
-  };
-}

package/src/pipelines/stages/scaleManifest/scaleManifestConfig.html

@@ -1,13 +0,0 @@
-<div class="form-horizontal">
-  <h4>Manifest</h4>
-  <div class="horizontal-rule"></div>
-  <kubernetes-manifest-selector
-    modes='["static", "dynamic"]'
-    application="ctrl.application"
-    on-change="ctrl.handleManifestSelectorChange"
-    selector="ctrl.$scope.stage"
-  ></kubernetes-manifest-selector>
-  <h4>Settings</h4>
-  <div class="horizontal-rule"></div>
-  <kubernetes-scale-manifest-settings-form settings="ctrl.$scope.stage"></kubernetes-scale-manifest-settings-form>
-</div>

package/src/pipelines/stages/undoRolloutManifest/undoRolloutManifestConfig.controller.ts

@@ -1,19 +0,0 @@
-import type { IController, IScope } from 'angular';
-
-export class KubernetesV2UndoRolloutManifestConfigCtrl implements IController {
-  public static $inject = ['$scope'];
-  constructor(private $scope: IScope) {
-    if (this.$scope.stage.isNew) {
-      Object.assign(this.$scope.stage, {
-        location: '',
-        account: '',
-        cloudProvider: 'kubernetes',
-        numRevisionsBack: 1,
-      });
-    }
-  }
-
-  public handleManifestSelectorChange = (): void => {
-    this.$scope.$applyAsync();
-  };
-}

package/src/pipelines/stages/undoRolloutManifest/undoRolloutManifestConfig.html

@@ -1,28 +0,0 @@
-<div class="form-horizontal">
-  <h4>Manifest</h4>
-  <div class="horizontal-rule"></div>
-  <kubernetes-manifest-selector
-    on-change="ctrl.handleManifestSelectorChange"
-    selector="stage"
-  ></kubernetes-manifest-selector>
-  <h4>Settings</h4>
-  <div class="form-horizontal">
-    <div class="form-group form-inline">
-      <div class="col-md-3 sm-label-right">
-        Revisions Back
-        <help-field key="kubernetes.manifest.undoRollout.revisionsBack"></help-field>
-      </div>
-      <div class="col-md-4">
-        <div class="input-group">
-          <input
-            type="number"
-            class="form-control input-sm highlight-pristine"
-            ng-model="stage.numRevisionsBack"
-            min="1"
-          />
-          <span class="input-group-addon">revision<span ng-if="ctrl.$scope.stage.numRevisionsBack !== 1">s</span></span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>