@spinnaker/amazon 0.13.9 → 0.14.0

package/src/pipeline/stages/routeLambda/RouteLambdaFunctionStageForm.tsx

@@ -0,0 +1,151 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+
+import type {
+  IAccount,
+  IAccountDetails,
+  IFormikStageConfigInjectedProps,
+  IFormInputProps,
+  IFunction,
+  IRegion,
+} from '@spinnaker/core';
+import {
+  AccountService,
+  FormikFormField,
+  HelpField,
+  NumberInput,
+  ReactSelectInput,
+  TextInput,
+  useData,
+} from '@spinnaker/core';
+import { NumberConcurrencyInput } from '@spinnaker/core/dist/presentation/forms/inputs/NumberConcurrencyInput';
+
+import { TriggerEventsForm } from './TriggerEventsForm';
+import { DeploymentStrategyForm } from './components';
+import { DeploymentStrategyList, DeploymentStrategyPicker } from './constants';
+
+export function RouteLambdaFunctionStageForm(props: IFormikStageConfigInjectedProps) {
+  const { values } = props.formik;
+  const { functions } = props.application;
+
+  const { result: fetchAccountsResult, status: fetchAccountsStatus } = useData(
+    () => AccountService.listAccounts('aws'),
+    [],
+    [],
+  );
+
+  const onAccountChange = (fieldValue: any): void => {
+    props.formik.setFieldValue('region', null);
+    props.formik.setFieldValue('functionName', null);
+
+    props.formik.setFieldValue('account', fieldValue);
+  };
+
+  const onRegionChange = (fieldValue: any): void => {
+    props.formik.setFieldValue('functionName', null);
+    props.formik.setFieldValue('region', fieldValue);
+  };
+
+  const availableFunctions =
+    values.account && values.region
+      ? functions.data
+          .filter((f: IFunction) => f.account === values.account)
+          .filter((f: IFunction) => f.region === values.region)
+          .map((f: IFunction) => f.functionName)
+      : [];
+
+  return (
+    <div className="form-horizontal">
+      <h4> Basic Settings </h4>
+      <FormikFormField
+        label="Account"
+        name="account"
+        onChange={onAccountChange}
+        required={true}
+        input={(inputProps: IFormInputProps) => (
+          <ReactSelectInput
+            {...inputProps}
+            clearable={false}
+            isLoading={fetchAccountsStatus === 'PENDING'}
+            stringOptions={fetchAccountsResult.map((acc: IAccount) => acc.name)}
+          />
+        )}
+      />
+      <FormikFormField
+        label="Region"
+        name="region"
+        onChange={onRegionChange}
+        input={(inputProps: IFormInputProps) => (
+          <ReactSelectInput
+            clearable={false}
+            disabled={!values.account}
+            placeholder={values.account ? 'Select...' : 'Select an Account...'}
+            {...inputProps}
+            isLoading={fetchAccountsStatus === 'PENDING'}
+            stringOptions={fetchAccountsResult
+              .filter((acc: IAccountDetails) => acc.name === values.account)
+              .flatMap((acc: IAccountDetails) => acc.regions)
+              .map((reg: IRegion) => reg.name)}
+          />
+        )}
+      />
+      <FormikFormField
+        label="Function Name"
+        name="functionName"
+        input={(inputProps: IFormInputProps) => (
+          <ReactSelectInput
+            clearable={false}
+            disabled={!(values.account && values.region)}
+            placeholder={values.account && values.region ? 'Select...' : 'Select an Account and Region...'}
+            {...inputProps}
+            stringOptions={availableFunctions}
+          />
+        )}
+      />
+
+      <FormikFormField
+        label="Alias"
+        name="aliasName"
+        input={(inputProps: IFormInputProps) => <TextInput {...inputProps} />}
+      />
+
+      <h4> Alias Settings </h4>
+      <TriggerEventsForm {...props} />
+
+      <FormikFormField
+        name="provisionedConcurrentExecutions"
+        label="Provisioned Concurrency"
+        help={
+          <HelpField content="To enable your function to scale without fluctuations in latency, use provisioned concurrency. Provisioned concurrency runs continually and has separate pricing for concurrency and execution duration. Concurrency cannot be provisioned with a weighted deployment strategy." />
+        }
+        input={(props) =>
+          values.deploymentStrategy === '$WEIGHTED' ? (
+            <NumberInput {...props} min={0} max={0} />
+          ) : (
+            <NumberConcurrencyInput {...props} min={0} max={3000} />
+          )
+        }
+        required={false}
+      />
+
+      <h4> Deployment Strategy </h4>
+      <FormikFormField
+        label="Strategy"
+        name="deploymentStrategy"
+        help={<HelpField content="" />}
+        input={(inputProps: IFormInputProps) => (
+          <ReactSelectInput
+            {...inputProps}
+            clearable={false}
+            options={DeploymentStrategyList}
+            optionRenderer={(option) => (
+              <DeploymentStrategyPicker config={props} value={option.value as any} showingDetails={true} />
+            )}
+          />
+        )}
+      />
+      {values.deploymentStrategy ? <DeploymentStrategyForm {...props} /> : null}
+    </div>
+  );
+}

package/src/pipeline/stages/routeLambda/TriggerEventsForm.tsx

@@ -0,0 +1,51 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import type { Option } from 'react-select';
+
+import type { IFormikStageConfigInjectedProps, IFormInputProps } from '@spinnaker/core';
+import { FormikFormField, HelpField, NumberInput, TetheredCreatable } from '@spinnaker/core';
+
+export function TriggerEventsForm(props: IFormikStageConfigInjectedProps) {
+  const { values } = props.formik;
+
+  const onChange = (o: Option, field: any) => {
+    props.formik.setFieldValue(
+      field,
+      o.map((arn: any) => arn.value),
+    );
+  };
+
+  return (
+    <div>
+      <FormikFormField
+        name="triggerArns"
+        label="Event ARNs"
+        help={
+          <HelpField content="The resource ARNs for Lambda event trigger sources. Input the entire ARN and select `Create option TRIGGER-ARN-INPUT` to add the ARN." />
+        }
+        input={(inputProps: IFormInputProps) => (
+          <TetheredCreatable
+            {...inputProps}
+            multi={true}
+            placeholder={'Input ARN...'}
+            onChange={(e: Option) => {
+              onChange(e, 'triggerArns');
+            }}
+            value={values.triggerArns ? values.triggerArns.map((arn: string) => ({ value: arn, label: arn })) : []}
+          />
+        )}
+        required={false}
+      />
+
+      <FormikFormField
+        name="batchsize"
+        label="Event Batch Size"
+        input={(inputProps: IFormInputProps) => <NumberInput {...inputProps} min={1} max={10} />}
+        required={false}
+      />
+    </div>
+  );
+}

package/src/pipeline/stages/routeLambda/components/BlueGreenDeployment/BlueGreenDeploymentForm.tsx

@@ -0,0 +1,27 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import type { IFormikStageConfigInjectedProps, IFormInputProps } from '@spinnaker/core';
+import { FormikFormField, ReactSelectInput } from '@spinnaker/core';
+
+import { retrieveHealthCheck } from './HealthCheckStrategy';
+import { HealthCheckList } from './health.constants';
+
+export function BlueGreenDeploymentForm(props: IFormikStageConfigInjectedProps) {
+  const { values } = props.formik;
+
+  return (
+    <div>
+      <FormikFormField
+        label="Health Check Type"
+        name="healthCheckType"
+        input={(inputProps: IFormInputProps) => (
+          <ReactSelectInput {...inputProps} clearable={false} options={HealthCheckList} />
+        )}
+      />
+      {values.healthCheckType ? retrieveHealthCheck(values.healthCheckType, props) : null}
+    </div>
+  );
+}

package/src/pipeline/stages/routeLambda/components/BlueGreenDeployment/HealthCheckStrategy.tsx

@@ -0,0 +1,21 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import type { IFormikStageConfigInjectedProps } from '@spinnaker/core';
+
+import { InvokeLambdaHealthCheck } from './InvocationHealthCheck';
+
+export function retrieveHealthCheck(value: string, props: IFormikStageConfigInjectedProps) {
+  switch (value) {
+    case '$LAMBDA':
+      return <InvokeLambdaHealthCheck {...props} />;
+    case '$WEIGHTED':
+      return null;
+    case '$BLUEGREEN':
+      return null;
+    default:
+      return null;
+  }
+}

package/src/pipeline/stages/routeLambda/components/BlueGreenDeployment/InvocationHealthCheck.tsx

@@ -0,0 +1,93 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import type { IArtifact, IExpectedArtifact, IFormikStageConfigInjectedProps } from '@spinnaker/core';
+import {
+  ArtifactTypePatterns,
+  CheckboxInput,
+  excludeAllTypesExcept,
+  FormikFormField,
+  NumberInput,
+  StageArtifactSelectorDelegate,
+} from '@spinnaker/core';
+
+export function InvokeLambdaHealthCheck(props: IFormikStageConfigInjectedProps) {
+  const { values } = props.formik;
+
+  const excludedArtifactTypes = excludeAllTypesExcept(
+    ArtifactTypePatterns.BITBUCKET_FILE,
+    ArtifactTypePatterns.CUSTOM_OBJECT,
+    ArtifactTypePatterns.EMBEDDED_BASE64,
+    ArtifactTypePatterns.GCS_OBJECT,
+    ArtifactTypePatterns.GITHUB_FILE,
+    ArtifactTypePatterns.GITLAB_FILE,
+    ArtifactTypePatterns.S3_OBJECT,
+    ArtifactTypePatterns.HTTP_FILE,
+  );
+
+  const onTemplateArtifactEdited = (artifact: IArtifact, name: string) => {
+    props.formik.setFieldValue(`${name}.id`, null);
+    props.formik.setFieldValue(`${name}.artifact`, artifact);
+    props.formik.setFieldValue(`${name}.account`, artifact.artifactAccount);
+  };
+
+  const onTemplateArtifactSelected = (id: string, name: string) => {
+    props.formik.setFieldValue(`${name}.id`, id);
+    props.formik.setFieldValue(`${name}.artifact`, null);
+  };
+
+  const getInputArtifact = (stage: any, name: string) => {
+    if (!stage[name]) {
+      return {
+        account: '',
+        id: '',
+      };
+    } else {
+      return stage[name];
+    }
+  };
+
+  return (
+    <div>
+      <FormikFormField
+        name="destroyOnFail"
+        label="On Fail"
+        input={(props) => <CheckboxInput text={'Destroy latest lambda version on fail.'} {...props} />}
+      />
+      <FormikFormField name="timeout" label="Timeout" input={(props) => <NumberInput {...props} min={0} max={900} />} />
+
+      <StageArtifactSelectorDelegate
+        artifact={getInputArtifact(values, 'payloadArtifact').artifact}
+        excludedArtifactTypePatterns={excludedArtifactTypes}
+        expectedArtifactId={getInputArtifact(values, 'payloadArtifact').id}
+        label="Payload Artifact"
+        onArtifactEdited={(artifact) => {
+          onTemplateArtifactEdited(artifact, 'payloadArtifact');
+        }}
+        helpKey={''}
+        onExpectedArtifactSelected={(artifact: IExpectedArtifact) =>
+          onTemplateArtifactSelected(artifact.id, 'payloadrtifact')
+        }
+        pipeline={props.pipeline}
+        stage={values}
+      />
+      <StageArtifactSelectorDelegate
+        artifact={getInputArtifact(values, 'outputArtifact').artifact}
+        excludedArtifactTypePatterns={excludedArtifactTypes}
+        expectedArtifactId={getInputArtifact(values, 'outputArtifact').id}
+        label="Output Artifact"
+        onArtifactEdited={(artifact) => {
+          onTemplateArtifactEdited(artifact, 'outputArtifact');
+        }}
+        helpKey={''}
+        onExpectedArtifactSelected={(artifact: IExpectedArtifact) =>
+          onTemplateArtifactSelected(artifact.id, 'outputArtifact')
+        }
+        pipeline={props.pipeline}
+        stage={values}
+      />
+    </div>
+  );
+}

package/src/pipeline/stages/routeLambda/components/BlueGreenDeployment/health.constants.ts

@@ -0,0 +1,14 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+export interface IHealthConstant {
+  label: string;
+  value: string;
+}
+
+export const HealthCheckList: IHealthConstant[] = [
+  {
+    label: 'Lambda Invocation',
+    value: '$LAMBDA',
+  },
+];

package/src/pipeline/stages/routeLambda/components/BlueGreenDeployment/index.ts

@@ -0,0 +1,4 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+export * from './BlueGreenDeploymentForm';

package/src/pipeline/stages/routeLambda/components/DeploymentStrategyForm.tsx

@@ -0,0 +1,18 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import type { IFormikStageConfigInjectedProps } from '@spinnaker/core';
+
+import { retrieveComponent } from './RenderStrategy';
+
+export function DeploymentStrategyForm(props: IFormikStageConfigInjectedProps) {
+  const { values } = props.formik;
+
+  return (
+    <div className="form-horizontal">
+      {values.deploymentStrategy ? retrieveComponent(values.deploymentStrategy, props) : null}
+    </div>
+  );
+}

package/src/pipeline/stages/routeLambda/components/RenderStrategy.tsx

@@ -0,0 +1,23 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import type { IFormikStageConfigInjectedProps } from '@spinnaker/core';
+
+import { BlueGreenDeploymentForm } from './BlueGreenDeployment';
+import { SimpleDeploymentForm } from './SimpleDeploymentForm';
+import { WeightedDeploymentForm } from './WeightedDeploymentForm';
+
+export function retrieveComponent(value: string, props: IFormikStageConfigInjectedProps) {
+  switch (value) {
+    case '$SIMPLE':
+      return <SimpleDeploymentForm {...props} />;
+    case '$WEIGHTED':
+      return <WeightedDeploymentForm {...props} />;
+    case '$BLUEGREEN':
+      return <BlueGreenDeploymentForm {...props} />;
+    default:
+      return null;
+  }
+}

package/src/pipeline/stages/routeLambda/components/SimpleDeploymentForm.tsx

@@ -0,0 +1,67 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import type { IFormikStageConfigInjectedProps, IFormInputProps } from '@spinnaker/core';
+import { FormikFormField, NumberInput, ReactSelectInput } from '@spinnaker/core';
+
+import { VersionPicker } from './VersionPicker';
+import { VersionList } from '../constants';
+import type { IAmazonFunctionSourceData } from '../../../../domain';
+
+export function SimpleDeploymentForm(props: IFormikStageConfigInjectedProps) {
+  const { values } = props.formik;
+  const { functions } = props.application;
+
+  const onVersionChange = (fieldValue: any): void => {
+    props.formik.setFieldValue('trafficPercentA', 100);
+    props.formik.setFieldValue('versionNameA', fieldValue);
+  };
+
+  return (
+    <div className="form-horizontal">
+      <FormikFormField
+        label="Target Version"
+        name="versionNameA"
+        onChange={onVersionChange}
+        input={(inputProps: IFormInputProps) => (
+          <ReactSelectInput
+            {...inputProps}
+            clearable={false}
+            options={VersionList}
+            optionRenderer={(option) => <VersionPicker value={option.value as any} showingDetails={true} />}
+          />
+        )}
+      />
+      {values.versionNameA === '$PROVIDED' ? (
+        <FormikFormField
+          label="Version Number"
+          name="versionNumberA"
+          input={(inputProps: IFormInputProps) => (
+            <ReactSelectInput
+              {...inputProps}
+              clearable={false}
+              stringOptions={functions.data
+                .filter((f: IAmazonFunctionSourceData) => f.account === values.account)
+                .filter((f: IAmazonFunctionSourceData) => f.region === values.region)
+                .filter((f: IAmazonFunctionSourceData) => f.functionName === values.functionName)
+                .flatMap((f: IAmazonFunctionSourceData) =>
+                  Object.values(f.revisions).sort(function (a: number, b: number) {
+                    return b - a;
+                  }),
+                )
+                .filter((r: any) => r !== '$LATEST')}
+            />
+          )}
+        />
+      ) : null}
+
+      <FormikFormField
+        name="trafficPercentA"
+        label="Traffic %"
+        input={(props) => <NumberInput {...props} min={0} max={100} value={100} disabled={true} />}
+      />
+    </div>
+  );
+}

package/src/pipeline/stages/routeLambda/components/VersionPicker.tsx

@@ -0,0 +1,43 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import type { IVersionConstant } from '../constants';
+import { VersionList } from '../constants';
+
+export interface IVersionPickerProps {
+  value: string;
+  showingDetails: boolean;
+}
+
+export interface IVersionPickerState {
+  value: string;
+  label: string;
+  description: string;
+}
+
+export class VersionPicker extends React.Component<IVersionPickerProps, IVersionPickerState> {
+  constructor(props: IVersionPickerProps) {
+    super(props);
+
+    // In here we will link the 'value' to an actual version id - when this is passed to Orca it will have the ID
+
+    const { value } = this.props;
+    const versionDetails = VersionList.filter((v: IVersionConstant) => v.value === value)[0];
+    this.state = {
+      label: versionDetails.label,
+      value: versionDetails.value,
+      description: versionDetails.description,
+    };
+  }
+
+  public render() {
+    return (
+      <div>
+        <b> {this.state.label} </b> <br />
+        <small> {this.state.description} </small>
+      </div>
+    );
+  }
+}

package/src/pipeline/stages/routeLambda/components/WeightedDeploymentForm.tsx

@@ -0,0 +1,107 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+
+import type { IFormikStageConfigInjectedProps, IFormInputProps } from '@spinnaker/core';
+import { FormikFormField, NumberInput, ReactSelectInput } from '@spinnaker/core';
+
+import { VersionPicker } from './VersionPicker';
+import { VersionList } from '../constants';
+import type { IAmazonFunctionSourceData } from '../../../../domain';
+
+export function WeightedDeploymentForm(props: IFormikStageConfigInjectedProps) {
+  const { values } = props.formik;
+  const { functions } = props.application;
+
+  return (
+    <div className="form-horizontal">
+      <FormikFormField
+        label="Target Version"
+        name="versionNameA"
+        input={(inputProps: IFormInputProps) => (
+          <ReactSelectInput
+            {...inputProps}
+            clearable={false}
+            options={VersionList}
+            optionRenderer={(option) => <VersionPicker value={option.value as any} showingDetails={true} />}
+          />
+        )}
+      />
+      {values.versionNameA === '$PROVIDED' ? (
+        <FormikFormField
+          label="Version Number"
+          name="versionNumberA"
+          input={(inputProps: IFormInputProps) => (
+            <ReactSelectInput
+              {...inputProps}
+              clearable={false}
+              stringOptions={functions.data
+                .filter((f: IAmazonFunctionSourceData) => f.account === values.account)
+                .filter((f: IAmazonFunctionSourceData) => f.region === values.region)
+                .filter((f: IAmazonFunctionSourceData) => f.functionName === values.functionName)
+                .flatMap((f: IAmazonFunctionSourceData) =>
+                  Object.values(f.revisions).sort(function (a: number, b: number) {
+                    return b - a;
+                  }),
+                )
+                .filter((r: any) => r !== '$LATEST')}
+            />
+          )}
+        />
+      ) : null}
+      <FormikFormField
+        name="trafficPercentA"
+        label="Traffic %"
+        input={(props) => <NumberInput {...props} min={0} max={100} />}
+      />
+
+      <FormikFormField
+        label="Version Name"
+        name="versionNameB"
+        input={(inputProps: IFormInputProps) => (
+          <ReactSelectInput
+            {...inputProps}
+            clearable={false}
+            options={VersionList}
+            optionRenderer={(option) => <VersionPicker value={option.value as any} showingDetails={true} />}
+          />
+        )}
+      />
+      {values.versionNameB === '$PROVIDED' ? (
+        <FormikFormField
+          label="Version Number"
+          name="versionNumberB"
+          input={(inputProps: IFormInputProps) => (
+            <ReactSelectInput
+              {...inputProps}
+              clearable={false}
+              stringOptions={functions.data
+                .filter((f: IAmazonFunctionSourceData) => f.account === values.account)
+                .filter((f: IAmazonFunctionSourceData) => f.region === values.region)
+                .filter((f: IAmazonFunctionSourceData) => f.functionName === values.functionName)
+                .flatMap((f: IAmazonFunctionSourceData) =>
+                  Object.values(f.revisions).sort(function (a: number, b: number) {
+                    return b - a;
+                  }),
+                )
+                .filter((r: any) => r !== '$LATEST')}
+            />
+          )}
+        />
+      ) : null}
+      <FormikFormField
+        name="trafficPercentB"
+        label="Traffic %"
+        input={(props) => (
+          <NumberInput
+            {...props}
+            min={0}
+            max={100}
+            disabled={true}
+            value={values.trafficPercentA || values.trafficPercentA === 0 ? 100 - values.trafficPercentA : null}
+          />
+        )}
+      />
+    </div>
+  );
+}

package/src/pipeline/stages/routeLambda/components/index.ts

@@ -0,0 +1,4 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+export * from './DeploymentStrategyForm';

package/src/pipeline/stages/routeLambda/constants/index.ts

@@ -0,0 +1,6 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+export * from './strategy.constants';
+export * from './strategy.picker';
+export * from './versions.constants';

package/src/pipeline/stages/routeLambda/constants/strategy.constants.tsx

@@ -0,0 +1,26 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+export interface IStrategyConstant {
+  description: string;
+  label: string;
+  value: string;
+}
+
+export const DeploymentStrategyList: IStrategyConstant[] = [
+  {
+    label: 'Simple',
+    value: '$SIMPLE',
+    description: 'Route 100% of traffic to specified version',
+  },
+  {
+    label: 'Weighted Deployment',
+    value: '$WEIGHTED',
+    description: 'Split the traffic weight between two function versions.',
+  },
+  {
+    label: 'Blue/Green',
+    value: '$BLUEGREEN',
+    description: 'Disable all previous versions once the latest version passes health checks.',
+  },
+];