@spinnaker/kubernetes 0.6.1 → 2025.0.0

package/dist/manifest/scale/ScaleSettingsForm.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { IScaleCommand } from './scale.controller';
+export interface IScaleSettingsFormProps {
+    options: IScaleCommand;
+    onChange(options: IScaleCommand): void;
+}
+export interface IScaleSettingsFormState {
+    options: IScaleCommand;
+}
+export declare function ScaleSettingsForm({ options, onChange }: IScaleSettingsFormProps): JSX.Element;

package/dist/manifest/scale/scale.controller.d.ts

@@ -1 +1,8 @@
+export interface IScaleCommand {
+    manifestName: string;
+    location: string;
+    account: string;
+    reason: string;
+    replicas: number;
+}
 export declare const KUBERNETES_MANIFEST_SCALE_CTRL = "spinnaker.kubernetes.v2.manifest.scale.controller";

package/dist/pipelines/stages/deployManifest/DeployManifestStageForm.d.ts

@@ -1,11 +1,18 @@
 import React from 'react';
 import type { IAccountDetails, IFormikStageConfigInjectedProps } from '@spinnaker/core';
+import type { IManifestLabelSelector } from '../../../manifest/selector/IManifestLabelSelector';
+import type { IManifestSelector } from '../../../manifest/selector/IManifestSelector';
+import { SelectorMode } from '../../../manifest/selector/IManifestSelector';
 interface IDeployManifestStageConfigFormProps {
     accounts: IAccountDetails[];
+    selector?: IManifestSelector;
+    modes?: SelectorMode.Label;
 }
 interface IDeployManifestStageConfigFormState {
     rawManifest: string;
     overrideNamespace: boolean;
+    selector: IManifestSelector;
+    labelSelectors: IManifestLabelSelector[];
 }
 export declare class DeployManifestStageForm extends React.Component<IDeployManifestStageConfigFormProps & IFormikStageConfigInjectedProps, IDeployManifestStageConfigFormState> {
     private readonly excludedManifestArtifactTypes;
@@ -19,5 +26,6 @@ export declare class DeployManifestStageForm extends React.Component<IDeployMani
     private onRequiredArtifactsChanged;
     private overrideNamespaceChange;
     render(): JSX.Element;
+    private handleLabelSelectorsChange;
 }
 export {};

package/dist/pipelines/stages/findArtifactsFromResource/FindArtifactsFromResourceConfig.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IStageConfigProps } from '@spinnaker/core';
+export declare function FindArtifactsFromResourceConfig({ application, pipeline, stage, updateStage, stageFieldUpdated, }: IStageConfigProps): JSX.Element;

package/dist/pipelines/stages/findArtifactsFromResource/FindArtifactsFromResourceStageForm.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { IFormikStageConfigInjectedProps } from '@spinnaker/core';
+interface IFindArtifactsFromResourceStageConfigFormProps {
+    stageFieldUpdated: () => void;
+}
+export declare function FindArtifactsFromResourceStageForm({ application, formik, stageFieldUpdated, }: IFindArtifactsFromResourceStageConfigFormProps & IFormikStageConfigInjectedProps): JSX.Element;
+export {};

package/dist/pipelines/stages/findArtifactsFromResource/findArtifactsFromResourceStage.d.ts

@@ -1 +1 @@
-export declare const KUBERNETES_FIND_ARTIFACTS_FROM_RESOURCE_STAGE = "spinnaker.kubernetes.v2.pipeline.stage.findArtifactsFromResource";
+export {};

package/dist/pipelines/stages/index.d.ts

@@ -1,5 +1,8 @@
 export * from './deleteManifest/deleteManifestStage';
 export * from './deployManifest/deployManifestStage';
+export * from './findArtifactsFromResource/findArtifactsFromResourceStage';
 export * from './patchManifest/patchManifestStage';
 export * from './rolloutRestartManifest/rolloutRestartManifestStage';
 export * from './runJob/runJobStage';
+export * from './undoRolloutManifest/undoRolloutManifestStage';
+export * from './scaleManifest/scaleManifestStage';

package/dist/pipelines/stages/scaleManifest/ScaleManifestConfig.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IStageConfigProps } from '@spinnaker/core';
+export declare function ScaleManifestStageConfig({ application, pipeline, stage, updateStage, stageFieldUpdated, }: IStageConfigProps): JSX.Element;

package/dist/pipelines/stages/scaleManifest/ScaleManifestStageForm.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { IFormikStageConfigInjectedProps } from '@spinnaker/core';
+interface IScaleManifestStageConfigFormProps {
+    stageFieldUpdated: () => void;
+}
+export declare function ScaleManifestStageForm({ application, formik, stageFieldUpdated, }: IScaleManifestStageConfigFormProps & IFormikStageConfigInjectedProps): JSX.Element;
+export {};

package/dist/pipelines/stages/scaleManifest/scaleManifestStage.d.ts

@@ -1 +1 @@
-export declare const KUBERNETES_SCALE_MANIFEST_STAGE = "spinnaker.kubernetes.v2.pipeline.stage.scaleManifestStage";
+export {};

package/dist/pipelines/stages/undoRolloutManifest/UndoRolloutManifestConfig.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IStageConfigProps } from '@spinnaker/core';
+export declare function UndoRolloutManifestConfig({ application, pipeline, stage, updateStage, stageFieldUpdated, }: IStageConfigProps): JSX.Element;

package/dist/pipelines/stages/undoRolloutManifest/UndoRolloutManifestStageForm.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { IFormikStageConfigInjectedProps } from '@spinnaker/core';
+interface IUndoRolloutManifestStageConfigFormProps {
+    stageFieldUpdated: () => void;
+}
+export declare function UndoRolloutManifestStageForm({ application, formik, stageFieldUpdated, }: IUndoRolloutManifestStageConfigFormProps & IFormikStageConfigInjectedProps): JSX.Element;
+export {};

package/dist/pipelines/stages/undoRolloutManifest/undoRolloutManifestStage.d.ts

@@ -1 +1 @@
-export declare const KUBERNETES_UNDO_ROLLOUT_MANIFEST_STAGE = "spinnaker.kubernetes.v2.pipeline.stage.undoRolloutManifestStage";
+export {};

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@spinnaker/kubernetes",
   "license": "Apache-2.0",
-  "version": "0.6.1",
+  "version": "2025.0.0",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
   },
   "scripts": {
     "clean": "shx rm -rf dist",
@@ -16,7 +17,7 @@
     "lib": "npm run build"
   },
   "dependencies": {
-    "@spinnaker/core": "^0.29.0",
+    "@spinnaker/core": "^0.29.1",
     "@uirouter/angularjs": "1.0.26",
     "@uirouter/react": "1.0.7",
     "angular": "1.6.10",
@@ -53,5 +54,5 @@
     "shx": "0.3.3",
     "typescript": "4.3.5"
   },
-  "gitHead": "082a084908e13888d640e88a5bd6e1571479de14"
+  "gitHead": "5b197da8614979a51dc24b0a6f92e19c3162e874"
 }

package/src/help/kubernetes.help.ts

@@ -211,6 +211,12 @@ const helpContents: { [key: string]: string } = {
     'These artifacts must be present in the context for this stage to successfully complete. Artifacts specified will be <a href="https://www.spinnaker.io/reference/artifacts/in-kubernetes-v2/#binding-artifacts-in-manifests" target="_blank">bound to the deployed manifest.</a>',
   'kubernetes.manifest.skipExpressionEvaluation':
     '<p>Skip SpEL expression evaluation of the manifest artifact in this stage. Can be paired with the "Evaluate SpEL expressions in overrides at bake time" option in the Bake Manifest stage when baking a third-party manifest artifact with expressions not meant for Spinnaker to evaluate as SpEL.</p>',
+  'kubernetes.manifest.skipSpecTemplateLabels': `
+      <p>Skip applying the <a href="https://spinnaker.io/docs/reference/providers/kubernetes-v2/#reserved-labels" target="_blank">Reserved labels</a> to the manifest's <b><i>.spec.template.metadata.labels.</i></b></p>`,
+  'kubernetes.manifest.deployLabelSelectors': `
+      <p>Via Label Selectors, Spinnaker can deploy a subset of manifests satisfying the Label Selectors. See <a href="https://kubernetes.io/docs/concepts/overview/working-with-objects/labels/#label-selectors" target="_blank">Kubernetes Label Selectors</a> for more details. Multiple selectors combine with AND (All must be satisfied).</p>`,
+  'kubernetes.manifest.deployLabelSelectors.allowNothingSelected': `
+      <p>When unchecked an error is thrown if none of the provided manifests satisfy the Label Selectors</p>`,
   'kubernetes.manifest.undoRollout.revisionsBack': `
       <p>How many revisions to rollback from the current active revision. This is not a hard-coded revision to rollout.</p>
       <p>For example: If you specify "1", and this stage executes, the prior revision will be active upon success.</p>

package/src/kubernetes.module.ts

@@ -31,11 +31,8 @@ import { KUBERNETES_MANIFEST_CONDITION } from './manifest/status/condition.compo
 import { KUBERNETES_MANIFEST_STATUS } from './manifest/status/status.component';
 import { ManifestWizard } from './manifest/wizard/ManifestWizard';
 import './pipelines/stages';
-import { KUBERNETES_FIND_ARTIFACTS_FROM_RESOURCE_STAGE } from './pipelines/stages/findArtifactsFromResource/findArtifactsFromResourceStage';
-import { KUBERNETES_SCALE_MANIFEST_STAGE } from './pipelines/stages/scaleManifest/scaleManifestStage';
 import { KUBERNETES_DISABLE_MANIFEST_STAGE } from './pipelines/stages/traffic/disableManifest.stage';
 import { KUBERNETES_ENABLE_MANIFEST_STAGE } from './pipelines/stages/traffic/enableManifest.stage';
-import { KUBERNETES_UNDO_ROLLOUT_MANIFEST_STAGE } from './pipelines/stages/undoRolloutManifest/undoRolloutManifestStage';
 import './pipelines/validation/manifestSelector.validator';
 import { KUBERNETS_RAW_RESOURCE_MODULE } from './rawResource';
 import { KUBERNETES_RESOURCE_STATES } from './resources/resources.state';
@@ -73,9 +70,6 @@ const requires = [
   KUBERNETES_MANIFEST_ARTIFACT,
   KUBERNETES_LOAD_BALANCER_TRANSFORMER,
   KUBERNETES_SECURITY_GROUP_TRANSFORMER,
-  KUBERNETES_SCALE_MANIFEST_STAGE,
-  KUBERNETES_UNDO_ROLLOUT_MANIFEST_STAGE,
-  KUBERNETES_FIND_ARTIFACTS_FROM_RESOURCE_STAGE,
   KUBERNETES_MANIFEST_SELECTOR,
   KUBERNETES_MANIFEST_LABELS,
   KUBERNETES_MANIFEST_EVENTS,

package/src/manifest/scale/ScaleSettingsForm.tsx

@@ -0,0 +1,43 @@
+import React, { useState } from 'react';
+import { NumberInput, StageConfigField } from '@spinnaker/core';
+import type { IScaleCommand } from './scale.controller';
+
+export interface IScaleSettingsFormProps {
+  options: IScaleCommand;
+  onChange(options: IScaleCommand): void;
+}
+
+export interface IScaleSettingsFormState {
+  options: IScaleCommand;
+}
+
+export function ScaleSettingsForm({ options, onChange }: IScaleSettingsFormProps) {
+  const [state, setState] = useState<IScaleSettingsFormState>({
+    options: options,
+  });
+
+  const updateReplicas = (newReplicas: number) => {
+    state.options.replicas = newReplicas;
+    if (onChange) {
+      onChange(state.options);
+    }
+    setState({ options: state.options });
+  };
+
+  return (
+    <div className="form-horizontal">
+      <StageConfigField label="Replicas" fieldColumns={4} groupClassName="form-group form-inline">
+        <div className="input-group">
+          <NumberInput
+            inputClassName="input-sm highlight-pristine"
+            onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
+              updateReplicas(e.target.valueAsNumber);
+            }}
+            value={options.replicas}
+            min={0}
+          />
+        </div>
+      </StageConfigField>
+    </div>
+  );
+}

package/src/manifest/scale/scale.controller.ts

@@ -1,4 +1,4 @@
-import type { IController } from 'angular';
+import type { IController, IScope } from 'angular';
 import { copy, module } from 'angular';
 import type { IModalServiceInstance } from 'angular-ui-bootstrap';
 
@@ -7,7 +7,7 @@ import { ManifestWriter, TaskMonitor } from '@spinnaker/core';
 import type { IManifestCoordinates } from '../IManifestCoordinates';
 import { KUBERNETES_SCALE_MANIFEST_SETTINGS_FORM } from './scaleSettingsForm.component';
 
-interface IScaleCommand {
+export interface IScaleCommand {
   manifestName: string;
   location: string;
   account: string;
@@ -17,13 +17,13 @@ interface IScaleCommand {
 
 class KubernetesManifestScaleController implements IController {
   public taskMonitor: TaskMonitor;
-  public command: IScaleCommand;
   public verification = {
     verified: false,
   };
 
-  public static $inject = ['coordinates', 'currentReplicas', '$uibModalInstance', 'application'];
+  public static $inject = ['$scope', 'coordinates', 'currentReplicas', '$uibModalInstance', 'application'];
   constructor(
+    private $scope: IScope,
     coordinates: IManifestCoordinates,
     currentReplicas: number,
     private $uibModalInstance: IModalServiceInstance,
@@ -35,13 +35,18 @@ class KubernetesManifestScaleController implements IController {
       modalInstance: $uibModalInstance,
     });
 
-    this.command = {
+    this.$scope.command = {
       manifestName: coordinates.name,
       location: coordinates.namespace,
       account: coordinates.account,
       reason: null,
       replicas: currentReplicas,
     };
+
+    // used by react components to update command fields in parent (angular) scope
+    this.$scope.onChange = () => {
+      this.$scope.$applyAsync();
+    };
   }
 
   public isValid(): boolean {
@@ -54,7 +59,7 @@ class KubernetesManifestScaleController implements IController {
 
   public scale(): void {
     this.taskMonitor.submit(() => {
-      const payload = copy(this.command) as any;
+      const payload = copy(this.$scope.command) as any;
       payload.cloudProvider = 'kubernetes';
 
       return ManifestWriter.scaleManifest(payload, this.application);

package/src/manifest/scale/scale.html

@@ -3,14 +3,19 @@
   <form role="form" name="scaleForm">
     <modal-close dismiss="$dismiss()"></modal-close>
     <div class="modal-header">
-      <h4 class="modal-title">Scale {{ctrl.command.manifestName | robotToHuman}} in {{ctrl.command.location}}</h4>
+      <h4 class="modal-title">
+        Scale {{ctrl.$scope.command.manifestName | robotToHuman}} in {{ctrl.$scope.command.location}}
+      </h4>
     </div>
     <div class="modal-body confirmation-modal">
-      <kubernetes-scale-manifest-settings-form settings="ctrl.command"></kubernetes-scale-manifest-settings-form>
-      <task-reason command="ctrl.command"></task-reason>
+      <kubernetes-scale-manifest-settings-form
+        options="ctrl.$scope.command"
+        on-change="ctrl.$scope.onChange"
+      ></kubernetes-scale-manifest-settings-form>
+      <task-reason command="ctrl.$scope.command"></task-reason>
     </div>
     <div class="modal-footer">
-      <user-verification account="ctrl.command.account" verification="ctrl.verification"></user-verification>
+      <user-verification account="ctrl.$scope.command.account" verification="ctrl.verification"></user-verification>
       <button type="submit" ng-click="ctrl.scale()" style="display: none"></button>
       <!-- Allows form submission via enter keypress-->
       <button class="btn btn-default" ng-click="ctrl.cancel()">Cancel</button>

package/src/manifest/scale/scaleSettingsForm.component.ts

@@ -1,29 +1,11 @@
-import type { IComponentOptions } from 'angular';
 import { module } from 'angular';
-
-const kubernetesScaleManifestSettingsFormComponent: IComponentOptions = {
-  bindings: { settings: '=' },
-  controllerAs: 'ctrl',
-  template: `
-    <div class="form-horizontal">
-      <div class="form-group form-inline">
-        <div class="col-md-3 sm-label-right">
-          Replicas
-        </div>
-        <div class="col-md-4">
-          <input type="text"
-                 class="form-control input-sm highlight-pristine"
-                 ng-model="ctrl.settings.replicas"
-                 min="0"/>
-        </div>
-      </div>
-    </div>
-  `,
-};
+import { react2angular } from 'react2angular';
+import { withErrorBoundary } from '@spinnaker/core';
+import { ScaleSettingsForm } from './ScaleSettingsForm';
 
 export const KUBERNETES_SCALE_MANIFEST_SETTINGS_FORM =
   'spinnaker.kubernetes.v2.kubernetes.manifest.scale.settingsForm.component';
 module(KUBERNETES_SCALE_MANIFEST_SETTINGS_FORM, []).component(
   'kubernetesScaleManifestSettingsForm',
-  kubernetesScaleManifestSettingsFormComponent,
+  react2angular(withErrorBoundary(ScaleSettingsForm, 'kubernetesScaleManifestSettingsForm'), ['options', 'onChange']),
 );

package/src/pipelines/stages/deleteManifest/deleteManifestStage.ts

@@ -15,7 +15,7 @@ Registry.pipeline.registerStage({
   cloudProvider: 'kubernetes',
   component: DeleteManifestStageConfig,
   executionDetailsSections: [manifestExecutionDetails(STAGE_KEY), ExecutionDetailsTasks],
-  accountExtractor: (stage: IStage): string[] => (stage.account ? [stage.account] : []),
+  accountExtractor: (stage: IStage): string[] => (stage.context.account ? [stage.context.account] : []),
   configAccountExtractor: (stage: any): string[] => (stage.account ? [stage.account] : []),
   validators: manifestSelectorValidators(STAGE_NAME),
 });

package/src/pipelines/stages/deployManifest/DeployManifestStageForm.tsx

@@ -13,6 +13,7 @@ import {
   ArtifactTypePatterns,
   CheckboxInput,
   RadioButtonInput,
+  SETTINGS,
   StageArtifactSelectorDelegate,
   StageConfigField,
   yamlDocumentsToString,
@@ -25,15 +26,23 @@ import { ManifestBindArtifactsSelector } from './ManifestBindArtifactsSelector';
 import { ManifestDeploymentOptions } from './ManifestDeploymentOptions';
 import { NamespaceSelector } from './NamespaceSelector';
 import { ManifestSource } from '../../../manifest/ManifestSource';
+import type { IManifestLabelSelector } from '../../../manifest/selector/IManifestLabelSelector';
+import type { IManifestSelector } from '../../../manifest/selector/IManifestSelector';
+import { SelectorMode } from '../../../manifest/selector/IManifestSelector';
+import LabelEditor from '../../../manifest/selector/labelEditor/LabelEditor';
 import { ManifestBasicSettings } from '../../../manifest/wizard/BasicSettings';
 
 interface IDeployManifestStageConfigFormProps {
   accounts: IAccountDetails[];
+  selector?: IManifestSelector;
+  modes?: SelectorMode.Label;
 }
 
 interface IDeployManifestStageConfigFormState {
   rawManifest: string;
   overrideNamespace: boolean;
+  selector: IManifestSelector;
+  labelSelectors: IManifestLabelSelector[];
 }
 
 export class DeployManifestStageForm extends React.Component<
@@ -55,6 +64,13 @@ export class DeployManifestStageForm extends React.Component<
     this.state = {
       rawManifest: !isEmpty(manifests) && isTextManifest ? yamlDocumentsToString(manifests) : '',
       overrideNamespace: get(stage, 'namespaceOverride', '') !== '',
+      selector: {
+        account: '',
+        location: '',
+        mode: SelectorMode.Label,
+        labelSelectors: { selectors: [] },
+      },
+      labelSelectors: [],
     };
   }
 
@@ -186,6 +202,51 @@ export class DeployManifestStageForm extends React.Component<
             stage={stage}
           />
         </StageConfigField>
+        {SETTINGS.feature.deployManifestStageAdvancedConfiguration && (
+          <>
+            <hr />
+            <h4>Deploy Configuration</h4>
+            <StageConfigField label="Skip Spec Template Labels" helpKey="kubernetes.manifest.skipSpecTemplateLabels">
+              <CheckboxInput
+                checked={stage.skipSpecTemplateLabels === true}
+                onChange={(e: any) => this.props.formik.setFieldValue('skipSpecTemplateLabels', e.target.checked)}
+              />
+            </StageConfigField>
+            <StageConfigField label="Label Selectors" helpKey="kubernetes.manifest.deployLabelSelectors">
+              <CheckboxInput
+                checked={stage.labelSelectors != null}
+                onChange={(e: any) => {
+                  if (e.target.checked) {
+                    this.props.formik.setFieldValue('labelSelectors', { selectors: [] });
+                    this.props.formik.setFieldValue('allowNothingSelected', false);
+                  } else {
+                    this.props.formik.setFieldValue('labelSelectors', null);
+                    this.props.formik.setFieldValue('allowNothingSelected', null);
+                  }
+                }}
+              />
+            </StageConfigField>
+            {stage.labelSelectors && stage.labelSelectors.selectors && (
+              <>
+                <StageConfigField label="Labels">
+                  <LabelEditor
+                    labelSelectors={this.props.formik.values.labelSelectors.selectors}
+                    onLabelSelectorsChange={this.handleLabelSelectorsChange}
+                  />
+                </StageConfigField>
+                <StageConfigField
+                  label="Allow nothing selected"
+                  helpKey="kubernetes.manifest.deployLabelSelectors.allowNothingSelected"
+                >
+                  <CheckboxInput
+                    checked={stage.allowNothingSelected === true}
+                    onChange={(e: any) => this.props.formik.setFieldValue('allowNothingSelected', e.target.checked)}
+                  />
+                </StageConfigField>
+              </>
+            )}
+          </>
+        )}
         <hr />
         <ManifestDeploymentOptions
           accounts={this.props.accounts}
@@ -196,4 +257,9 @@ export class DeployManifestStageForm extends React.Component<
       </div>
     );
   }
+
+  private handleLabelSelectorsChange = (labelSelectors: IManifestLabelSelector[]): void => {
+    this.setState({ labelSelectors });
+    this.props.formik.setFieldValue('labelSelectors.selectors', labelSelectors);
+  };
 }

package/src/pipelines/stages/deployManifest/deployManifestStage.ts

@@ -21,7 +21,7 @@ Registry.pipeline.registerStage({
   producesArtifacts: true,
   supportsCustomTimeout: true,
   validators: deployManifestValidators(),
-  accountExtractor: (stage: IStage): string[] => (stage.account ? [stage.account] : []),
+  accountExtractor: (stage: IStage): string[] => (stage.context.account ? [stage.context.account] : []),
   configAccountExtractor: (stage: any): string[] => (stage.account ? [stage.account] : []),
   artifactExtractor: ExpectedArtifactService.accumulateArtifacts(['manifestArtifactId', 'requiredArtifactIds']),
   artifactRemover: ArtifactReferenceService.removeArtifactFromFields(['manifestArtifactId', 'requiredArtifactIds']),

package/src/pipelines/stages/findArtifactsFromResource/FindArtifactsFromResourceConfig.tsx

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

package/src/pipelines/stages/findArtifactsFromResource/FindArtifactsFromResourceStageForm.tsx

@@ -0,0 +1,37 @@
+import React from 'react';
+
+import type { IFormikStageConfigInjectedProps } from '@spinnaker/core';
+
+import type { IManifestSelector } from '../../../manifest/selector/IManifestSelector';
+import { SelectorMode } from '../../../manifest/selector/IManifestSelector';
+import { ManifestSelector } from '../../../manifest/selector/ManifestSelector';
+
+interface IFindArtifactsFromResourceStageConfigFormProps {
+  stageFieldUpdated: () => void;
+}
+
+export function FindArtifactsFromResourceStageForm({
+  application,
+  formik,
+  stageFieldUpdated,
+}: IFindArtifactsFromResourceStageConfigFormProps & IFormikStageConfigInjectedProps) {
+  const stage = formik.values;
+
+  const onManifestSelectorChange = () => {
+    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}
+      />
+    </div>
+  );
+}

package/src/pipelines/stages/findArtifactsFromResource/findArtifactsFromResourceStage.ts

@@ -1,28 +1,21 @@
-import { module } from 'angular';
-
+import type { IStage } from '@spinnaker/core';
 import { ExecutionArtifactTab, ExecutionDetailsTasks, Registry } from '@spinnaker/core';
 
-import { KubernetesV2FindArtifactsFromResourceConfigCtrl } from './findArtifactsFromResourceConfig.controller';
-import { KUBERNETES_MANIFEST_SELECTOR } from '../../../manifest/selector/selector.component';
+import { FindArtifactsFromResourceConfig } from './FindArtifactsFromResourceConfig';
 import { manifestSelectorValidators } from '../validators/manifestSelectorValidators';
 
-export const KUBERNETES_FIND_ARTIFACTS_FROM_RESOURCE_STAGE =
-  'spinnaker.kubernetes.v2.pipeline.stage.findArtifactsFromResource';
-
 const STAGE_NAME = 'Find Artifacts From Resource (Manifest)';
-module(KUBERNETES_FIND_ARTIFACTS_FROM_RESOURCE_STAGE, [KUBERNETES_MANIFEST_SELECTOR])
-  .config(() => {
-    Registry.pipeline.registerStage({
-      label: STAGE_NAME,
-      description: 'Finds artifacts from a Kubernetes resource.',
-      key: 'findArtifactsFromResource',
-      cloudProvider: 'kubernetes',
-      templateUrl: require('./findArtifactsFromResourceConfig.html'),
-      controller: 'KubernetesV2FindArtifactsFromResourceConfigCtrl',
-      controllerAs: 'ctrl',
-      executionDetailsSections: [ExecutionDetailsTasks, ExecutionArtifactTab],
-      producesArtifacts: true,
-      validators: manifestSelectorValidators(STAGE_NAME),
-    });
-  })
-  .controller('KubernetesV2FindArtifactsFromResourceConfigCtrl', KubernetesV2FindArtifactsFromResourceConfigCtrl);
+const STAGE_KEY = 'findArtifactsFromResource';
+
+Registry.pipeline.registerStage({
+  label: STAGE_NAME,
+  description: 'Finds artifacts from a Kubernetes resource.',
+  key: STAGE_KEY,
+  cloudProvider: 'kubernetes',
+  component: FindArtifactsFromResourceConfig,
+  executionDetailsSections: [ExecutionDetailsTasks, ExecutionArtifactTab],
+  producesArtifacts: true,
+  validators: manifestSelectorValidators(STAGE_NAME),
+  accountExtractor: (stage: IStage): string[] => (stage.context.account ? [stage.context.account] : []),
+  configAccountExtractor: (stage: any): string[] => (stage.account ? [stage.account] : []),
+});

package/src/pipelines/stages/index.ts

@@ -1,5 +1,8 @@
 export * from './deleteManifest/deleteManifestStage';
 export * from './deployManifest/deployManifestStage';
+export * from './findArtifactsFromResource/findArtifactsFromResourceStage';
 export * from './patchManifest/patchManifestStage';
 export * from './rolloutRestartManifest/rolloutRestartManifestStage';
 export * from './runJob/runJobStage';
+export * from './undoRolloutManifest/undoRolloutManifestStage';
+export * from './scaleManifest/scaleManifestStage';

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

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