@spinnaker/appengine 0.0.0-2025.1-0

package/dist/loadBalancer/transformer.d.ts

@@ -0,0 +1,40 @@
+import type { Application, ILoadBalancer, ILoadBalancerUpsertCommand } from '@spinnaker/core';
+import type { IAppengineLoadBalancer, IAppengineTrafficSplit, ShardBy } from '../domain/index';
+export interface IAppengineAllocationDescription {
+    serverGroupName?: string;
+    target?: string;
+    cluster?: string;
+    allocation: number;
+    locatorType: 'fromExisting' | 'targetCoordinate' | 'text';
+}
+export interface IAppengineTrafficSplitDescription {
+    shardBy: ShardBy;
+    allocationDescriptions: IAppengineAllocationDescription[];
+}
+export declare class AppengineLoadBalancerUpsertDescription implements ILoadBalancerUpsertCommand, IAppengineLoadBalancer {
+    credentials: string;
+    account: string;
+    loadBalancerName: string;
+    name: string;
+    splitDescription: IAppengineTrafficSplitDescription;
+    split?: IAppengineTrafficSplit;
+    migrateTraffic: boolean;
+    region: string;
+    cloudProvider: string;
+    serverGroups?: any[];
+    static convertTrafficSplitToTrafficSplitDescription(split: IAppengineTrafficSplit): IAppengineTrafficSplitDescription;
+    constructor(loadBalancer: IAppengineLoadBalancer);
+    mapAllocationsToDecimals(): void;
+    mapAllocationsToPercentages(): void;
+}
+export declare class AppengineLoadBalancerTransformer {
+    private $q;
+    static $inject: string[];
+    constructor($q: ng.IQService);
+    normalizeLoadBalancer(loadBalancer: ILoadBalancer): PromiseLike<ILoadBalancer>;
+    convertLoadBalancerForEditing(loadBalancer: IAppengineLoadBalancer, application: Application): PromiseLike<IAppengineLoadBalancer>;
+    convertLoadBalancerToUpsertDescription(loadBalancer: IAppengineLoadBalancer): AppengineLoadBalancerUpsertDescription;
+    private buildInstanceCounts;
+    private transformInstance;
+}
+export declare const APPENGINE_LOAD_BALANCER_TRANSFORMER = "spinnaker.appengine.loadBalancer.transformer.service";

package/dist/pipeline/pipeline.module.d.ts

@@ -0,0 +1 @@
+export declare const APPENGINE_PIPELINE_MODULE = "spinnaker.appengine.pipeline.module";

package/dist/pipeline/stages/appengineStage.controller.d.ts

@@ -0,0 +1,12 @@
+import type { IController } from 'angular';
+import type { IAppengineStageScope } from '../../domain';
+export declare class AppengineStageCtrl implements IController {
+    protected $scope: IAppengineStageScope;
+    static $inject: string[];
+    constructor($scope: IAppengineStageScope);
+    setStageRegion(): void;
+    protected setStageCloudProvider(): void;
+    protected setAccounts(): PromiseLike<void>;
+    protected setTargets(): void;
+    protected setStageCredentials(): void;
+}

package/dist/pipeline/stages/deployAppengineConfig/DeployAppengineConfigForm.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { IAccount, IFormikStageConfigInjectedProps } from '@spinnaker/core';
+export interface IAppEngineDeployConfigSettingsState {
+    accounts: IAccount[];
+}
+export declare class DeployAppengineConfigForm extends React.Component<IFormikStageConfigInjectedProps, IAppEngineDeployConfigSettingsState> {
+    private static readonly excludedArtifactTypes;
+    private destroy$;
+    state: IAppEngineDeployConfigSettingsState;
+    componentDidMount(): void;
+    private onTemplateArtifactEdited;
+    private onTemplateArtifactSelected;
+    private removeInputArtifact;
+    private getInputArtifact;
+    render(): JSX.Element;
+}

package/dist/pipeline/stages/deployAppengineConfig/DeployAppengineConfigurationConfig.d.ts

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

package/dist/pipeline/stages/deployAppengineConfig/deployAppengineConfigStage.d.ts

@@ -0,0 +1 @@
+export declare const DEPLOY_APPENGINE_CONFIG_STAGE_KEY = "deployAppEngineConfiguration";

package/dist/pipeline/stages/destroyAsg/appengineDestroyAsgStage.d.ts

@@ -0,0 +1 @@
+export declare const APPENGINE_DESTROY_ASG_STAGE = "spinnaker.appengine.pipeline.stage.destroyAsgStage";

package/dist/pipeline/stages/disableAsg/appengineDisableAsgStage.d.ts

@@ -0,0 +1 @@
+export declare const APPENGINE_DISABLE_ASG_STAGE = "spinnaker.appengine.pipeline.stage.disableAsgStage";

package/dist/pipeline/stages/editLoadBalancer/appengineEditLoadBalancerStage.d.ts

@@ -0,0 +1 @@
+export declare const APPENGINE_EDIT_LOAD_BALANCER_STAGE = "spinnaker.appengine.pipeline.stage.editLoadBalancerStage";

package/dist/pipeline/stages/editLoadBalancer/loadBalancerChoice.modal.controller.d.ts

@@ -0,0 +1 @@
+export declare const APPENGINE_LOAD_BALANCER_CHOICE_MODAL_CTRL = "spinnaker.appengine.loadBalancerChoiceModal.controller";

package/dist/pipeline/stages/enableAsg/appengineEnableAsgStage.d.ts

@@ -0,0 +1 @@
+export declare const APPENGINE_ENABLE_ASG_STAGE = "spinnaker.appengine.pipeline.stage.enableAsgStage";

package/dist/pipeline/stages/shrinkCluster/appengineShrinkClusterStage.d.ts

@@ -0,0 +1 @@
+export declare const APPENGINE_SHRINK_CLUSTER_STAGE = "spinnaker.appengine.pipeline.stage.shrinkClusterStage";

package/dist/pipeline/stages/startServerGroup/appengineStartServerGroupStage.d.ts

@@ -0,0 +1 @@
+export declare const APPENGINE_START_SERVER_GROUP_STAGE = "spinnaker.appengine.pipeline.stage.startServerGroupStage";

package/dist/pipeline/stages/stopServerGroup/appengineStopServerGroupStage.d.ts

@@ -0,0 +1 @@
+export declare const APPENGINE_STOP_SERVER_GROUP_STAGE = "spinnaker.appengine.pipeline.stage.stopServerGroupStage";

package/dist/serverGroup/configure/serverGroupCommandBuilder.service.d.ts

@@ -0,0 +1,74 @@
+import type { IQService } from 'angular';
+import type { Application, IArtifact, IArtifactAccountPair, IExpectedArtifact, IPipeline, IStage } from '@spinnaker/core';
+import type { GitCredentialType, IAppengineGitTrigger, IAppengineJenkinsTrigger, IAppengineServerGroup } from '../../domain';
+import type { AppengineDeployDescription } from '../transformer';
+export interface IAppengineServerGroupCommand {
+    application?: string;
+    stack?: string;
+    freeFormDetails?: string;
+    configFilepaths?: string[];
+    configFiles?: string[];
+    configArtifacts?: IArtifactAccountPair[];
+    applicationDirectoryRoot: string;
+    branch?: string;
+    repositoryUrl?: string;
+    credentials: string;
+    region: string;
+    selectedProvider: string;
+    promote?: boolean;
+    stopPreviousVersion?: boolean;
+    suppressVersionString?: boolean;
+    type?: string;
+    backingData: any;
+    viewState: IViewState;
+    strategy?: string;
+    strategyApplication?: string;
+    strategyPipeline?: string;
+    fromTrigger?: boolean;
+    trigger?: IAppengineGitTrigger | IAppengineJenkinsTrigger;
+    gitCredentialType?: GitCredentialType;
+    storageAccountName?: string;
+    interestingHealthProviderNames: string[];
+    fromArtifact: boolean;
+    expectedArtifactId: string;
+    expectedArtifact?: IArtifact;
+    sourceType: string;
+    containerImageUrl?: string;
+}
+export declare enum AppengineSourceType {
+    GCS = "gcs",
+    GIT = "git",
+    ARTIFACT = "artifact",
+    CONTAINER_IMAGE = "containerImage"
+}
+export interface IViewState {
+    mode: string;
+    submitButtonLabel: string;
+    disableStrategySelection: boolean;
+    stage?: IStage;
+    pipeline?: IPipeline;
+}
+export declare class AppengineServerGroupCommandBuilder {
+    private $q;
+    private static getTriggerOptions;
+    private static getExpectedArtifacts;
+    static $inject: string[];
+    constructor($q: IQService);
+    buildNewServerGroupCommand(app: Application, selectedProvider: string, mode?: string): PromiseLike<IAppengineServerGroupCommand>;
+    buildServerGroupCommandFromExisting(app: Application, serverGroup: IAppengineServerGroup): PromiseLike<IAppengineServerGroupCommand>;
+    buildNewServerGroupCommandForPipeline(_stage: IStage, pipeline: IPipeline): PromiseLike<{
+        viewState: {
+            stage: IStage;
+            pipeline: IPipeline;
+        };
+        backingData: {
+            triggerOptions: Array<IAppengineGitTrigger | IAppengineJenkinsTrigger>;
+            expectedArtifacts: IExpectedArtifact[];
+        };
+    }>;
+    buildServerGroupCommandFromPipeline(app: Application, cluster: AppengineDeployDescription, _stage: IStage, pipeline: IPipeline): PromiseLike<IAppengineServerGroupCommand>;
+    private getCredentials;
+    private getRegion;
+    private getSubmitButtonLabel;
+}
+export declare const APPENGINE_SERVER_GROUP_COMMAND_BUILDER = "spinnaker.appengine.serverGroupCommandBuilder.service";

package/dist/serverGroup/configure/wizard/ConfigFileArtifactList.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { IArtifactAccountPair, IPipeline, IStage } from '@spinnaker/core';
+interface IConfigFileArtifactListProps {
+    configArtifacts: IArtifactAccountPair[];
+    pipeline: IPipeline;
+    stage: IStage;
+    updateConfigArtifacts: (configArtifacts: any[]) => void;
+}
+export declare const ConfigFileArtifactList: (props: IConfigFileArtifactListProps) => JSX.Element;
+export {};

package/dist/serverGroup/configure/wizard/basicSettings.controller.d.ts

@@ -0,0 +1 @@
+export declare const APPENGINE_SERVER_GROUP_BASIC_SETTINGS_CTRL = "spinnaker.appengine.basicSettings.controller";

package/dist/serverGroup/configure/wizard/cloneServerGroup.controller.d.ts

@@ -0,0 +1,2 @@
+import './serverGroupWizard.less';
+export declare const APPENGINE_CLONE_SERVER_GROUP_CTRL = "spinnaker.appengine.cloneServerGroup.controller";

package/dist/serverGroup/configure/wizard/configFileArtifactList.module.d.ts

@@ -0,0 +1 @@
+export declare const CONFIG_FILE_ARTIFACT_LIST = "spinnaker.appengine.configFileArtifactList.component";

package/dist/serverGroup/configure/wizard/configFiles.component.d.ts

@@ -0,0 +1,20 @@
+import type { IScope } from 'angular';
+import type { IArtifact, IArtifactAccountPair } from '@spinnaker/core';
+import { ExpectedArtifactSelectorViewController, NgAppengineConfigArtifactDelegate } from '@spinnaker/core';
+import './serverGroupWizard.less';
+export interface IAppengineConfigFileConfigurerCtrlCommand {
+    configFiles: string[];
+    configArtifacts: ConfigArtifact[];
+    sourceType: string;
+}
+declare class ConfigArtifact implements IArtifactAccountPair {
+    $scope: IScope;
+    controller: ExpectedArtifactSelectorViewController;
+    delegate: NgAppengineConfigArtifactDelegate;
+    id: string;
+    account: string;
+    artifact?: IArtifact;
+    constructor($scope: IScope, pair?: IArtifactAccountPair);
+}
+export declare const APPENGINE_CONFIG_FILE_CONFIGURER = "spinnaker.appengine.configFileConfigurer.component";
+export {};

package/dist/serverGroup/configure/wizard/dynamicBranchLabel.component.d.ts

@@ -0,0 +1 @@
+export declare const APPENGINE_DYNAMIC_BRANCH_LABEL = "spinnaker.appengine.dynamicBranchLabel.component";

package/dist/serverGroup/details/details.controller.d.ts

@@ -0,0 +1 @@
+export declare const APPENGINE_SERVER_GROUP_DETAILS_CTRL = "spinnaker.appengine.serverGroup.details.controller";

package/dist/serverGroup/transformer.d.ts

@@ -0,0 +1,45 @@
+import type { IArtifact, IArtifactAccountPair, IServerGroup } from '@spinnaker/core';
+import type { IAppengineServerGroupCommand } from './configure/serverGroupCommandBuilder.service';
+import type { GitCredentialType, IAppengineGitTrigger, IAppengineJenkinsTrigger } from '../domain/index';
+export declare class AppengineDeployDescription {
+    cloudProvider: string;
+    provider: string;
+    credentials: string;
+    account: string;
+    application: string;
+    stack?: string;
+    freeFormDetails?: string;
+    repositoryUrl: string;
+    branch: string;
+    configFilepaths: string[];
+    configFiles: string[];
+    configArtifacts: IArtifactAccountPair[];
+    applicationDirectoryRoot: string;
+    promote?: boolean;
+    stopPreviousVersion?: boolean;
+    type: string;
+    region: string;
+    strategy?: string;
+    strategyApplication?: string;
+    strategyPipeline?: string;
+    fromTrigger?: boolean;
+    trigger?: IAppengineGitTrigger | IAppengineJenkinsTrigger;
+    gitCredentialType: GitCredentialType;
+    interestingHealthProviderNames: string[];
+    expectedArtifactId: string;
+    expectedArtifact: IArtifact;
+    fromArtifact: boolean;
+    sourceType: string;
+    storageAccountName?: string;
+    containerImageUrl?: string;
+    suppressVersionString?: boolean;
+    constructor(command: IAppengineServerGroupCommand);
+}
+export declare class AppengineServerGroupTransformer {
+    private $q;
+    static $inject: string[];
+    constructor($q: ng.IQService);
+    normalizeServerGroup(serverGroup: IServerGroup): PromiseLike<IServerGroup>;
+    convertServerGroupCommandToDeployConfiguration(command: IAppengineServerGroupCommand): AppengineDeployDescription;
+}
+export declare const APPENGINE_SERVER_GROUP_TRANSFORMER = "spinnaker.appengine.serverGroup.transformer.service";

package/dist/serverGroup/writer/serverGroup.write.service.d.ts

@@ -0,0 +1,8 @@
+import type { Application, ITask } from '@spinnaker/core';
+import type { IAppengineServerGroup } from '../../domain/index';
+export declare class AppengineServerGroupWriter {
+    startServerGroup(serverGroup: IAppengineServerGroup, application: Application): PromiseLike<ITask>;
+    stopServerGroup(serverGroup: IAppengineServerGroup, application: Application): PromiseLike<ITask>;
+    private buildJob;
+}
+export declare const APPENGINE_SERVER_GROUP_WRITER = "spinnaker.appengine.serverGroup.write.service";

package/dist/validation/ApplicationNameValidator.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@spinnaker/appengine",
+  "license": "Apache-2.0",
+  "version": "0.0.0-2025.1-0",
+  "module": "dist/index.js",
+  "typings": "dist/index.d.ts",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "scripts": {
+    "clean": "shx rm -rf dist",
+    "prepublishOnly": "npm run build",
+    "build": "npm run clean && spinnaker-scripts build",
+    "dev": "spinnaker-scripts start",
+    "dev:push": "spinnaker-scripts start --push",
+    "lib": "npm run build"
+  },
+  "dependencies": {
+    "@spinnaker/core": "^0.29.1",
+    "@uirouter/angularjs": "1.0.26",
+    "angular": "1.6.10",
+    "angular-ui-bootstrap": "2.5.0",
+    "classnames": "2.2.6",
+    "enzyme": "3.11.0",
+    "formik": "1.5.1",
+    "lodash": "4.17.21",
+    "react": "16.14.0",
+    "react2angular": "3.2.1",
+    "rxjs": "6.6.7"
+  },
+  "devDependencies": {
+    "@spinnaker/eslint-plugin": "^3.0.2",
+    "@spinnaker/mocks": "1.0.7",
+    "@spinnaker/scripts": "^0.4.0",
+    "@types/angular": "1.6.26",
+    "@types/angular-ui-bootstrap": "0.13.41",
+    "@types/classnames": "2.2.0",
+    "@types/enzyme": "3.10.3",
+    "@types/lodash": "4.14.64",
+    "@types/react": "16.14.10",
+    "shx": "0.3.3",
+    "typescript": "5.0.4"
+  },
+  "gitHead": "34dbf558fc510cee68ecbc8c7921590ef3048dba"
+}

package/src/appengine.module.ts

@@ -0,0 +1,70 @@
+import { module } from 'angular';
+
+import { CloudProviderRegistry, DeploymentStrategyRegistry } from '@spinnaker/core';
+
+import { APPENGINE_COMPONENT_URL_DETAILS } from './common/componentUrlDetails.component';
+import { APPENGINE_CONDITIONAL_DESCRIPTION_LIST_ITEM } from './common/conditionalDescriptionListItem.component';
+import { APPENGINE_LOAD_BALANCER_CREATE_MESSAGE } from './common/loadBalancerMessage.component';
+import './helpContents/appengineHelpContents';
+import { APPENGINE_INSTANCE_DETAILS_CTRL } from './instance/details/details.controller';
+import { APPENGINE_LOAD_BALANCER_MODULE } from './loadBalancer/loadBalancer.module';
+import logo from './logo/appengine.logo.png';
+import { APPENGINE_PIPELINE_MODULE } from './pipeline/pipeline.module';
+import './pipeline/stages/deployAppengineConfig/deployAppengineConfigStage';
+import { APPENGINE_SERVER_GROUP_COMMAND_BUILDER } from './serverGroup/configure/serverGroupCommandBuilder.service';
+import { APPENGINE_SERVER_GROUP_BASIC_SETTINGS_CTRL } from './serverGroup/configure/wizard/basicSettings.controller';
+import { APPENGINE_CLONE_SERVER_GROUP_CTRL } from './serverGroup/configure/wizard/cloneServerGroup.controller';
+import { CONFIG_FILE_ARTIFACT_LIST } from './serverGroup/configure/wizard/configFileArtifactList.module';
+import { APPENGINE_SERVER_GROUP_DETAILS_CTRL } from './serverGroup/details/details.controller';
+import { APPENGINE_SERVER_GROUP_TRANSFORMER } from './serverGroup/transformer';
+import { APPENGINE_SERVER_GROUP_WRITER } from './serverGroup/writer/serverGroup.write.service';
+import './validation/ApplicationNameValidator';
+
+import './logo/appengine.logo.less';
+
+export const APPENGINE_MODULE = 'spinnaker.appengine';
+
+module(APPENGINE_MODULE, [
+  APPENGINE_CLONE_SERVER_GROUP_CTRL,
+  APPENGINE_COMPONENT_URL_DETAILS,
+  APPENGINE_CONDITIONAL_DESCRIPTION_LIST_ITEM,
+  APPENGINE_INSTANCE_DETAILS_CTRL,
+  APPENGINE_LOAD_BALANCER_CREATE_MESSAGE,
+  APPENGINE_LOAD_BALANCER_MODULE,
+  APPENGINE_PIPELINE_MODULE,
+  APPENGINE_SERVER_GROUP_BASIC_SETTINGS_CTRL,
+  APPENGINE_SERVER_GROUP_COMMAND_BUILDER,
+  APPENGINE_SERVER_GROUP_DETAILS_CTRL,
+  APPENGINE_SERVER_GROUP_TRANSFORMER,
+  APPENGINE_SERVER_GROUP_WRITER,
+  CONFIG_FILE_ARTIFACT_LIST,
+]).config(() => {
+  CloudProviderRegistry.registerProvider('appengine', {
+    name: 'App Engine',
+    instance: {
+      detailsTemplateUrl: require('./instance/details/details.html'),
+      detailsController: 'appengineInstanceDetailsCtrl',
+    },
+    serverGroup: {
+      transformer: 'appengineServerGroupTransformer',
+      detailsController: 'appengineServerGroupDetailsCtrl',
+      detailsTemplateUrl: require('./serverGroup/details/details.html'),
+      commandBuilder: 'appengineServerGroupCommandBuilder',
+      cloneServerGroupController: 'appengineCloneServerGroupCtrl',
+      cloneServerGroupTemplateUrl: require('./serverGroup/configure/wizard/serverGroupWizard.html'),
+      skipUpstreamStageCheck: true,
+    },
+    loadBalancer: {
+      transformer: 'appengineLoadBalancerTransformer',
+      createLoadBalancerTemplateUrl: require('./loadBalancer/configure/wizard/wizard.html'),
+      createLoadBalancerController: 'appengineLoadBalancerWizardCtrl',
+      detailsTemplateUrl: require('./loadBalancer/details/details.html'),
+      detailsController: 'appengineLoadBalancerDetailsCtrl',
+    },
+    logo: {
+      path: logo,
+    },
+  });
+});
+
+DeploymentStrategyRegistry.registerProvider('appengine', ['custom']);

package/src/appengine.settings.ts

@@ -0,0 +1,14 @@
+import type { IProviderSettings } from '@spinnaker/core';
+import { SETTINGS } from '@spinnaker/core';
+
+export interface IAppengineProviderSettings extends IProviderSettings {
+  defaults: {
+    account?: string;
+  };
+}
+
+export const AppengineProviderSettings: IAppengineProviderSettings = (SETTINGS.providers
+  .appengine as IAppengineProviderSettings) || { defaults: {} };
+if (AppengineProviderSettings) {
+  AppengineProviderSettings.resetToOriginal = SETTINGS.resetProvider('appengine');
+}

package/src/common/FormikAccountRegionSelector.tsx

@@ -0,0 +1,107 @@
+import type { FormikProps } from 'formik';
+import { get } from 'lodash';
+import React from 'react';
+import { from as observableFrom, Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+
+import type { Application, IAccount, IServerGroup, IServerGroupFilter, IStage } from '@spinnaker/core';
+import { AppListExtractor, FormikFormField, ReactSelectInput } from '@spinnaker/core';
+
+export interface IFormikAccountRegionSelectorProps {
+  accounts: IAccount[];
+  application: Application;
+  cloudProvider: string;
+  componentName?: string;
+  credentialsField?: string;
+  formik: FormikProps<IStage>;
+}
+
+export interface IFormikAccountRegionSelectorState {
+  availableRegions: string[];
+  cloudProvider: string;
+  componentName: string;
+  credentialsField: string;
+}
+
+export class FormikAccountRegionSelector extends React.Component<
+  IFormikAccountRegionSelectorProps,
+  IFormikAccountRegionSelectorState
+> {
+  private destroy$ = new Subject();
+
+  constructor(props: IFormikAccountRegionSelectorProps) {
+    super(props);
+    const credentialsField = props.credentialsField || 'credentials';
+    this.state = {
+      availableRegions: [],
+      cloudProvider: props.cloudProvider,
+      componentName: props.componentName || '',
+      credentialsField,
+    };
+  }
+
+  public componentDidMount(): void {
+    const { componentName, formik } = this.props;
+    const { credentialsField } = this.state;
+    const credentials = get(
+      formik.values,
+      componentName ? `${componentName}.${credentialsField}` : `${credentialsField}`,
+      undefined,
+    );
+    this.setRegionList(credentials);
+  }
+
+  public componentWillUnmount(): void {
+    this.destroy$.next();
+  }
+
+  private setRegionList = (credentials: string): void => {
+    const { application } = this.props;
+    const accountFilter: IServerGroupFilter = (serverGroup: IServerGroup) =>
+      serverGroup ? serverGroup.account === credentials : true;
+    observableFrom(application.ready())
+      .pipe(takeUntil(this.destroy$))
+      .subscribe(() => {
+        const availableRegions = AppListExtractor.getRegions([application], accountFilter);
+        availableRegions.sort();
+        this.setState({ availableRegions });
+      });
+  };
+
+  public accountChanged = (credentials: string): void => {
+    this.setRegionList(credentials);
+  };
+
+  public render() {
+    const { accounts } = this.props;
+    const { credentialsField, availableRegions, componentName } = this.state;
+    return (
+      <div className="col-md-9">
+        <div className="sp-margin-m-bottom">
+          <FormikFormField
+            name={componentName ? `${componentName}.${credentialsField}` : `${credentialsField}`}
+            label="Account"
+            input={(props) => (
+              <ReactSelectInput
+                {...props}
+                stringOptions={accounts && accounts.map((acc: IAccount) => acc.name)}
+                clearable={false}
+              />
+            )}
+            onChange={this.accountChanged}
+            required={true}
+          />
+        </div>
+
+        <div className="sp-margin-m-bottom">
+          <FormikFormField
+            name={componentName ? `${componentName}.region` : 'region'}
+            label="Region"
+            input={(props) => <ReactSelectInput {...props} stringOptions={availableRegions} clearable={false} />}
+            required={true}
+          />
+        </div>
+      </div>
+    );
+  }
+}

package/src/common/appengineHealth.ts

@@ -0,0 +1,3 @@
+export class AppengineHealth {
+  public static PLATFORM = 'App Engine Service';
+}

package/src/common/componentUrlDetails.component.ts

@@ -0,0 +1,29 @@
+import type { IComponentOptions } from 'angular';
+import { module } from 'angular';
+
+const appengineComponentUrlDetailsComponent: IComponentOptions = {
+  bindings: { component: '<' },
+  template: `
+    <dt>HTTPS</dt>
+    <dl class="small">
+      <a href="{{$ctrl.component.httpsUrl}}" target="_blank">{{$ctrl.component.httpsUrl}}</a>
+      <copy-to-clipboard class="copy-to-clipboard copy-to-clipboard-sm"
+                         tool-tip="'Copy URL to clipboard'"
+                         text="$ctrl.component.httpsUrl"></copy-to-clipboard>
+    </dl>
+    <dt>HTTP</dt>
+    <dl class="small">
+      <a href="{{$ctrl.component.httpUrl}}" target="_blank">{{$ctrl.component.httpUrl}}</a>
+      <copy-to-clipboard class="copy-to-clipboard copy-to-clipboard-sm"
+                         tool-tip="'Copy URL to clipboard'"
+                         text="$ctrl.component.httpUrl"></copy-to-clipboard>
+    </dl>
+  `,
+};
+
+export const APPENGINE_COMPONENT_URL_DETAILS = 'spinnaker.appengine.componentUrlDetails.component';
+
+module(APPENGINE_COMPONENT_URL_DETAILS, []).component(
+  'appengineComponentUrlDetails',
+  appengineComponentUrlDetailsComponent,
+);

package/src/common/conditionalDescriptionListItem.component.ts

@@ -0,0 +1,37 @@
+import type { IComponentOptions, IController, IFilterService } from 'angular';
+import { module } from 'angular';
+
+class AppengineConditionalDescriptionListItemCtrl implements IController {
+  public label: string;
+  public key: string;
+  public component: any;
+
+  public static $inject = ['$filter'];
+  constructor(private $filter: IFilterService) {}
+
+  public $onInit(): void {
+    if (!this.label) {
+      this.label = this.$filter<Function>('robotToHuman')(this.key);
+    }
+  }
+}
+
+const appengineConditionalDescriptionListItem: IComponentOptions = {
+  bindings: { label: '@', key: '@', component: '<' },
+  transclude: {
+    keyLabel: '?keyText',
+    valueLabel: '?valueLabel',
+  },
+  template: `
+    <dt ng-if="$ctrl.component[$ctrl.key]">{{$ctrl.label}}<span ng-transclude="keyLabel"></span></dt>
+    <dd ng-if="$ctrl.component[$ctrl.key]">{{$ctrl.component[$ctrl.key]}}<span ng-transclude="valueLabel"></span></dd>
+  `,
+  controller: AppengineConditionalDescriptionListItemCtrl,
+};
+
+export const APPENGINE_CONDITIONAL_DESCRIPTION_LIST_ITEM = 'spinnaker.appengine.conditionalDescriptionListItem';
+
+module(APPENGINE_CONDITIONAL_DESCRIPTION_LIST_ITEM, []).component(
+  'appengineConditionalDtDd',
+  appengineConditionalDescriptionListItem,
+);

package/src/common/loadBalancerMessage.component.html

@@ -0,0 +1,33 @@
+<div class="row">
+  <div class="col-md-offset-{{ $ctrl.columnOffset || 0 }} col-md-{{ $ctrl.columns || 12 }}">
+    <div class="well">
+      <p>
+        <span ng-if="$ctrl.showCreateMessage">Spinnaker cannot create a load balancer for App Engine.</span>
+        A Spinnaker load balancer maps to an App Engine service, which is specified in a version's
+        <code>app.yaml</code>.
+      </p>
+      <p>For example, the following <code>app.yaml</code></p>
+      <pre class="text-left" style="white-space: pre-line">
+  			runtime: python27
+  			api_version: 1
+        &hellip;
+  			service: mobile
+        &hellip;
+  		</pre
+      >
+      <p>
+        deploys to the <code>mobile</code> service. If you do not specify a service, your version will be deployed to
+        the <code>default</code> service.
+      </p>
+      <p>
+        If a service does not exist when a version is deployed, it will be created. It will then be editable as a load
+        balancer within Spinnaker.
+      </p>
+      <p>
+        <a href="https://cloud.google.com/appengine/docs/python/config/appref" target="_blank"
+          >App Engine Documentation</a
+        >
+      </p>
+    </div>
+  </div>
+</div>