@spinnaker/amazon 0.13.9 → 0.14.1

package/src/pipeline/stages/deleteLambda/constants/deleteVersion.constants.ts

@@ -0,0 +1,37 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+export interface IDeleteVersionConstant {
+  description: string;
+  label: string;
+  value: string;
+}
+
+export const DeleteVersionList: IDeleteVersionConstant[] = [
+  {
+    label: 'Newest Function Version',
+    value: '$LATEST',
+    description: 'Delete the most recently deployed function version when this stage starts.',
+  },
+  {
+    label: 'Previous Function Version',
+    value: '$PREVIOUS',
+    description: 'Delete the second-most recently deployed function version when this stage starts.',
+  },
+  {
+    label: 'Older Than N',
+    value: '$MOVING',
+    description: 'Delete all version but the N most recent versions.',
+  },
+  {
+    label: 'Provide Version Number',
+    value: '$PROVIDED',
+    description: 'Provide a specific version number to delete.',
+  },
+  {
+    label: 'All Function Versions',
+    value: '$ALL',
+    description:
+      'Delete all function versions and function infrastructure. This will completely delete the Lambda function.',
+  },
+];

package/src/pipeline/stages/deleteLambda/constants/deleteVersion.picker.tsx

@@ -0,0 +1,47 @@
+// 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 type { IDeleteVersionConstant } from './deleteVersion.constants';
+import { DeleteVersionList } from './deleteVersion.constants';
+
+export interface IVersionPickerProps {
+  config: IFormikStageConfigInjectedProps;
+  value: string;
+  showingDetails: boolean;
+}
+
+export interface IVersionPickerState {
+  value: string;
+  label: string;
+  description: string;
+}
+
+export class DeleteVersionPicker extends React.Component<IVersionPickerProps, IVersionPickerState> {
+  constructor(props: IVersionPickerProps) {
+    super(props);
+
+    const { value } = this.props;
+
+    const versionDetails = DeleteVersionList.filter((v: IDeleteVersionConstant) => 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/deleteLambda/constants/index.ts

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

package/src/pipeline/stages/deleteLambda/index.ts

@@ -0,0 +1,11 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+import { Registry, SETTINGS } from '@spinnaker/core';
+import { lambdaDeleteStage } from './LambdaDeleteStage';
+
+export * from './LambdaDeleteStage';
+
+if (SETTINGS.feature.lambdaAdditionalStages) {
+  Registry.pipeline.registerStage(lambdaDeleteStage);
+}

package/src/pipeline/stages/deployLambda/components/AwsLambdaFunctionStageForm.tsx

@@ -0,0 +1,139 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+import classNames from 'classnames';
+import React from 'react';
+import type { Option } from 'react-select';
+
+import type { IFormikStageConfigInjectedProps, IFormInputProps } from '@spinnaker/core';
+import {
+  FormikFormField,
+  HelpField,
+  MapEditorInput,
+  NumberInput,
+  ReactSelectInput,
+  TetheredCreatable,
+  TextInput,
+} from '@spinnaker/core';
+import { NumberConcurrencyInput } from '@spinnaker/core/dist/presentation/forms/inputs/NumberConcurrencyInput';
+
+import { BasicSettingsForm, ExecutionRoleForm, LambdaAtEdgeForm, NetworkForm, TriggerEventsForm } from './index';
+
+export function AwsLambdaFunctionStageForm(props: IFormikStageConfigInjectedProps) {
+  const { values, errors } = props.formik;
+
+  const className = classNames({
+    well: true,
+    'alert-danger': !!errors.functionName,
+    'alert-info': !errors.functionName,
+  });
+
+  const onLayerChange = (o: Option, field: any) => {
+    props.formik.setFieldValue(
+      field,
+      o.map((layer: any) => layer.value),
+    );
+  };
+
+  return (
+    <div className="form-horizontal">
+      <div className={className}>
+        <strong>Your function will be named: </strong>
+        <HelpField id="aws.function.name" />
+        <span>{values.functionName ? values.functionName : props.application.name}</span>
+        <FormikFormField name="functionName" input={() => null} />
+      </div>
+      <h4>Basic Settings</h4>
+      <BasicSettingsForm {...props} />
+      <h4> Execution Role </h4>
+      <ExecutionRoleForm />
+      <h4> Environment </h4>
+      {values.enableLambdaAtEdge !== true ? (
+        <>
+          <FormikFormField
+            name="envVariables"
+            label="Env Variables"
+            input={(props) => <MapEditorInput {...props} allowEmptyValues={true} addButtonLabel="Add" />}
+          />
+          <FormikFormField
+            name="encryptionKMSKeyArn"
+            label="Key ARN"
+            help={<HelpField id="aws.function.kmsKeyArn" />}
+            input={(props) => <TextInput {...props} />}
+          />
+        </>
+      ) : (
+        <div className="horizontal center">Environment variables not available with Lambda@Edge functions.</div>
+      )}
+      <h4> Tags </h4>
+      <FormikFormField
+        name="tags"
+        input={(props) => <MapEditorInput {...props} allowEmptyValues={false} addButtonLabel="Add" />}
+      />
+      <h4> Settings </h4>
+      <FormikFormField name="description" label="Description" input={(props) => <TextInput {...props} />} />
+      <FormikFormField
+        name="layers"
+        label="Layer ARNs"
+        help={
+          <HelpField content="The resource ARNs for Lambda layer. Input the entire ARN and select `Create option TRIGGER-ARN-INPUT` to add the ARN." />
+        }
+        input={(inputProps: IFormInputProps) => (
+          <TetheredCreatable
+            {...inputProps}
+            multi={true}
+            placeholder={'Layer ARN...'}
+            onChange={(e: Option) => {
+              onLayerChange(e, 'layers');
+            }}
+            value={values.layers ? values.layers.map((layer: string) => ({ value: layer, label: layer })) : []}
+          />
+        )}
+      />
+      <FormikFormField
+        name="reservedConcurrentExecutions"
+        label="Reserved Concurrency"
+        help={
+          <HelpField content="The total number of current executions of your Lambda function that can be instantiated at any time." />
+        }
+        input={(props) => <NumberConcurrencyInput {...props} min={0} max={3000} />}
+      />
+      <FormikFormField
+        name="memorySize"
+        label="Memory (MB)"
+        help={<HelpField id="aws.functionBasicSettings.memorySize" />}
+        input={(props) => <NumberInput {...props} min={128} max={values.enableLambdaAtEdge === true ? 128 : 3008} />}
+      />
+      <FormikFormField
+        name="timeout"
+        label="Timeout (seconds)"
+        help={<HelpField id="aws.functionBasicSettings.timeout" />}
+        input={(props) => <NumberInput {...props} min={1} max={values.enableLambdaAtEdge === true ? 5 : 900} />}
+      />
+      <LambdaAtEdgeForm {...props} />
+      <h4> Network </h4>
+      {values.enableLambdaAtEdge !== true ? (
+        <NetworkForm {...props} />
+      ) : (
+        <div className="horizontal center">VPC configuration not available with Lambda@Edge functions.</div>
+      )}
+      <h4> Event Triggers </h4>
+      <TriggerEventsForm {...props} />
+      <h4> Debugging and Error Handling </h4>
+      Dead Letter Config
+      <FormikFormField
+        name="deadLetterConfig.targetArn"
+        label="Target ARN"
+        help={<HelpField id="aws.function.deadletterqueue" />}
+        input={(props) => <TextInput {...props} />}
+      />
+      X-Ray Tracing
+      <FormikFormField
+        name="tracingConfig.mode"
+        label="Mode"
+        help={<HelpField id="aws.function.tracingConfig.mode" />}
+        input={(props) => <ReactSelectInput {...props} stringOptions={['Active', 'PassThrough']} clearable={true} />}
+      />
+    </div>
+  );
+}

package/src/pipeline/stages/deployLambda/components/BasicSettingsForm.tsx

@@ -0,0 +1,176 @@
+// 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 {
+  IAccount,
+  IAccountDetails,
+  IFormikStageConfigInjectedProps,
+  IFormInputProps,
+  IRegion,
+} from '@spinnaker/core';
+import {
+  AccountService,
+  CheckboxInput,
+  FormikFormField,
+  HelpField,
+  NameUtils,
+  ReactSelectInput,
+  TetheredCreatable,
+  TextInput,
+  useData,
+} from '@spinnaker/core';
+
+import { availableRuntimes, lambdaHelpFields } from './function.constants';
+
+export function BasicSettingsForm(props: IFormikStageConfigInjectedProps) {
+  const { values } = props.formik;
+
+  const setFunctionName = () => {
+    const ns = NameUtils.getClusterName(props.application.name, values.stackName, values.detailName);
+    const fn = values.functionUid;
+
+    props.formik.setFieldValue('functionName', `${ns}-${fn}`);
+  };
+
+  const onAliasChange = (o: Option, field: any) => {
+    props.formik.setFieldValue(
+      field,
+      o.map((layer: any) => layer.value),
+    );
+  };
+
+  const onRegionChange = (fieldValue: string) => {
+    props.formik.setFieldValue('enableLambdaAtEdge', false);
+    props.formik.setFieldValue('region', fieldValue);
+  };
+
+  const onFunctionUidChange = (fieldValue: string) => {
+    props.formik.setFieldValue('functionUid', fieldValue);
+    setFunctionName();
+  };
+
+  const onStackNameChange = (fieldValue: string) => {
+    props.formik.setFieldValue('stackName', fieldValue);
+    setFunctionName();
+  };
+
+  const onDetailChange = (fieldValue: string) => {
+    props.formik.setFieldValue('detailName', fieldValue);
+    setFunctionName();
+  };
+
+  const { result: fetchAccountsResult, status: fetchAccountsStatus } = useData(
+    () => AccountService.listAccounts('aws'),
+    [],
+    [],
+  );
+
+  return (
+    <div>
+      <FormikFormField
+        label="Account"
+        name="account"
+        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
+            {...inputProps}
+            clearable={false}
+            isLoading={fetchAccountsStatus === 'PENDING'}
+            stringOptions={fetchAccountsResult
+              .filter((acc: IAccountDetails) => acc.name === values.account)
+              .flatMap((acc: IAccountDetails) => acc.regions)
+              .map((reg: IRegion) => reg.name)}
+          />
+        )}
+      />
+
+      <FormikFormField
+        name="functionUid"
+        label="Function Name"
+        onChange={onFunctionUidChange}
+        help={<HelpField id="aws.function.name" />}
+        input={(props) => <TextInput {...props} />}
+      />
+
+      <FormikFormField
+        name="stackName"
+        label="Stack"
+        help={<HelpField content={lambdaHelpFields.stack} />}
+        onChange={onStackNameChange}
+        input={(props) => <TextInput {...props} />}
+      />
+      <FormikFormField
+        name="detailName"
+        label="Detail"
+        help={<HelpField content={lambdaHelpFields.detail} />}
+        onChange={onDetailChange}
+        input={(props) => <TextInput {...props} />}
+      />
+      <FormikFormField
+        name="aliasNames"
+        label="Alias Name"
+        help={
+          <HelpField content="AWS Lambda aliases are like a pointer to a specific function version. Users can access the function version using the alias Amazon Resource Name (ARN). Input the alias name and select `Create option ALIAS-INPUT` to add the alias." />
+        }
+        input={(inputProps: IFormInputProps) => (
+          <TetheredCreatable
+            {...inputProps}
+            multi={true}
+            clearable={false}
+            placeholder={'Input Alias Name...'}
+            onChange={(e: Option) => {
+              onAliasChange(e, 'aliases');
+            }}
+            value={values.aliases ? values.aliases.map((alias: string) => ({ value: alias, label: alias })) : []}
+          />
+        )}
+      />
+      <FormikFormField
+        name="runtime"
+        label="Runtime"
+        help={<HelpField id="aws.function.runtime" />}
+        input={(props) => <ReactSelectInput {...props} stringOptions={availableRuntimes} clearable={true} />}
+      />
+      <FormikFormField
+        name="s3bucket"
+        label="S3 Bucket"
+        help={<HelpField id="aws.function.s3bucket" />}
+        input={(props) => <TextInput {...props} placeholder="S3 bucket name" />}
+      />
+      <FormikFormField
+        name="s3key"
+        label="S3 Key"
+        help={<HelpField id="aws.function.s3key" />}
+        input={(props) => <TextInput {...props} placeholder="object.zip" />}
+      />
+      <FormikFormField
+        name="handler"
+        label="Handler"
+        help={<HelpField id="aws.function.handler" />}
+        input={(props) => <TextInput {...props} placeholder="filename.method" />}
+      />
+      <FormikFormField
+        name="publish"
+        label="Publish"
+        help={<HelpField id="aws.function.publish" />}
+        input={(props) => <CheckboxInput {...props} />}
+      />
+    </div>
+  );
+}

package/src/pipeline/stages/deployLambda/components/EnvironmentForm.tsx

@@ -0,0 +1,24 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { FormikFormField, HelpField, MapEditorInput, TextInput } from '@spinnaker/core';
+
+export function ExecutionRoleForm() {
+  return (
+    <div>
+      <FormikFormField
+        name="envVariables"
+        label="Env Variables"
+        input={(props) => <MapEditorInput {...props} allowEmptyValues={true} addButtonLabel="Add" />}
+      />
+      <FormikFormField
+        name="KMSKeyArn"
+        label="Key ARN"
+        help={<HelpField id="aws.function.kmsKeyArn" />}
+        input={(props) => <TextInput {...props} />}
+      />
+    </div>
+  );
+}

package/src/pipeline/stages/deployLambda/components/ExecutionRoleForm.tsx

@@ -0,0 +1,15 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+
+import { FormikFormField, TextInput } from '@spinnaker/core';
+
+export function ExecutionRoleForm() {
+  return (
+    <FormikFormField
+      name="role"
+      label="Role ARN"
+      input={(props) => <TextInput {...props} placeholder="Enter role ARN" name="role" />}
+    />
+  );
+}

package/src/pipeline/stages/deployLambda/components/LambdaAtEdgeForm.tsx

@@ -0,0 +1,28 @@
+// 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 { CheckboxInput, FormikFormField, HelpField } from '@spinnaker/core';
+
+const helpFieldContent = {
+  lambdaAtEdge:
+    'Validate AWS Lambda function configuration against Lambda@Edge requirements. This will not enable Lambda@Edge on this function. ',
+};
+export function LambdaAtEdgeForm(props: IFormikStageConfigInjectedProps) {
+  const { values } = props.formik;
+  if (values.region !== 'us-east-1') {
+    return <div className="horizontal center">Lambda@Edge is only available in region us-east-1.</div>;
+  }
+  return (
+    <div>
+      <FormikFormField
+        name="enableLambdaAtEdge"
+        label="Enable Lambda@Edge Validation"
+        help={<HelpField content={helpFieldContent.lambdaAtEdge} />}
+        input={(props) => <CheckboxInput {...props} />}
+      />
+    </div>
+  );
+}

package/src/pipeline/stages/deployLambda/components/NetworkForm.tsx

@@ -0,0 +1,123 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+import { uniqBy } from 'lodash';
+import React from 'react';
+import type { Option } from 'react-select';
+
+import type { IFormikStageConfigInjectedProps, IFormInputProps, ISecurityGroup, ISubnet, IVpc } from '@spinnaker/core';
+import {
+  FormikFormField,
+  NetworkReader,
+  ReactInjector,
+  ReactSelectInput,
+  SubnetReader,
+  TetheredSelect,
+  useData,
+} from '@spinnaker/core';
+
+const toSubnetOption = (value: ISubnet): Option<string> => {
+  return { value: value.id, label: value.id };
+};
+
+export function NetworkForm(props: IFormikStageConfigInjectedProps) {
+  const { values } = props.formik;
+
+  const onChangeVpc = (vpcs: any) => {
+    props.formik.setFieldValue('securityGroupIds', null);
+    props.formik.setFieldValue('subnetIds', null);
+    props.formik.setFieldValue('vpcId', vpcs.target.value);
+  };
+
+  const onChangeSubnet = (subnets: any) => {
+    const subnetsSelected = subnets.map((o: any) => o.value);
+    props.formik.setFieldValue('subnetIds', subnetsSelected);
+  };
+
+  const onChangeSG = (sgs: any) => {
+    const sgsSelected = sgs.map((o: any) => o.value);
+    props.formik.setFieldValue('securityGroupIds', sgsSelected);
+  };
+
+  const { result: fetchVpcsResult, status: fetchVpcsStatus } = useData(
+    () => NetworkReader.listNetworksByProvider('aws'),
+    [],
+    [],
+  );
+
+  const { result: fetchSubnetsResult } = useData(() => SubnetReader.listSubnetsByProvider('aws'), [], []);
+
+  const { result: fetchSGsResult } = useData(
+    () => ReactInjector.securityGroupReader.getAllSecurityGroups(),
+    undefined,
+    [],
+  );
+
+  const availableVpcs =
+    values.account && values.region && fetchVpcsStatus !== 'PENDING'
+      ? fetchVpcsResult
+          .filter((v: IVpc) => v.deprecated === false)
+          .filter((v: IVpc) => v.account === values.account)
+          .filter((v: IVpc) => v.region === values.region)
+          .map((v: IVpc) => v.id)
+      : [];
+
+  const dedupedSubnets = uniqBy(
+    fetchSubnetsResult.filter((s: ISubnet) => s.vpcId === values.vpcId),
+    'id',
+  );
+
+  const availableSGs =
+    values.account && values.region && values.vpcId
+      ? fetchSGsResult[values.account]['aws'][values.region]
+          .filter((sg: ISecurityGroup) => sg.vpcId === values.vpcId)
+          .map((sg: ISecurityGroup) => ({ value: sg.id, label: sg.name }))
+      : [];
+
+  return (
+    <div>
+      <FormikFormField
+        name="vpcId"
+        label="VPC Id"
+        input={(inputProps: IFormInputProps) => (
+          <ReactSelectInput
+            {...inputProps}
+            onChange={onChangeVpc}
+            isLoading={fetchVpcsStatus === 'PENDING'}
+            stringOptions={availableVpcs}
+            clearable={true}
+          />
+        )}
+      />
+      <div className="form-group">
+        <div className="col-md-4 sm-label-right">
+          <b>Subnets </b>
+        </div>
+        {dedupedSubnets.length === 0 ? (
+          <div className="form-control-static">No subnets found in the selected account/region/VPC </div>
+        ) : (
+          <div className="col-md-6">
+            <TetheredSelect
+              multi={true}
+              options={dedupedSubnets.map((s: ISubnet) => toSubnetOption(s))}
+              value={values.subnetIds}
+              onChange={onChangeSubnet}
+            />
+          </div>
+        )}
+      </div>
+      <div className="form-group">
+        <div className="col-md-4 sm-label-right">
+          <b>Security Groups </b>
+        </div>
+        {availableSGs.length === 0 ? (
+          <div className="form-control-static">No security groups found in the selected account/region/VPC </div>
+        ) : (
+          <div className="col-md-6">
+            <TetheredSelect multi={true} options={availableSGs} value={values.securityGroupIds} onChange={onChangeSG} />
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}

package/src/pipeline/stages/deployLambda/components/TriggerEventsForm.tsx

@@ -0,0 +1,49 @@
+// 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. Triggers created here will only be applied to the higher level function, and will NOT be applied to function aliases. 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 })) : []}
+          />
+        )}
+      />
+
+      <FormikFormField
+        name="batchsize"
+        label="Event Batch Size"
+        input={(inputProps: IFormInputProps) => <NumberInput {...inputProps} min={1} max={1000} />}
+      />
+    </div>
+  );
+}