@spinnaker/tencentcloud 0.0.0-main-2

package/src/logo/tencentcloud.icon.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="120px" height="48px" viewBox="0 0 120 48" style="enable-background:new 0 0 120 48;" xml:space="preserve">
+<g>
+	<g>
+		<path style="fill:#00A3FF;" d="M75.718,33.89c-0.764,0.756-2.125,1.613-4.361,1.689c-1.034,0.035-2.241,0.039-2.793,0.039
+			c-0.603,0-5.918,0-12.012,0c4.37-4.245,8.182-7.947,8.615-8.367c0.396-0.385,1.287-1.237,2.056-1.929
+			c1.687-1.519,3.206-1.825,4.28-1.815c1.683,0.016,3.214,0.703,4.308,1.813C78.152,27.712,78.097,31.536,75.718,33.89
+			 M78.595,22.597c-1.795-1.83-4.296-2.983-7.077-2.984c-2.404,0-4.474,0.829-6.281,2.3c-0.788,0.641-1.614,1.409-2.653,2.419
+			c-0.516,0.501-15.485,15.026-15.485,15.026c0.785,0.112,1.864,0.145,2.826,0.151c0.902,0.006,18.1,0.004,18.82,0.004
+			c1.449,0,2.392-0.002,3.405-0.076c2.323-0.17,4.518-1.022,6.292-2.764C82.381,32.805,82.44,26.526,78.595,22.597z"/>
+		<path style="fill:#00C8DC;" d="M54.445,21.663c-1.76-1.317-3.729-2.053-5.963-2.05c-2.781,0-5.283,1.153-7.077,2.984
+			c-3.845,3.93-3.786,10.209,0.154,14.077c1.582,1.553,3.498,2.398,5.541,2.684l3.854-3.74c-0.623-0.003-1.518-0.011-2.311-0.038
+			c-2.235-0.076-3.597-0.934-4.361-1.689c-2.379-2.354-2.434-6.178-0.094-8.57c1.094-1.11,2.625-1.797,4.308-1.813
+			c1.055-0.004,2.486,0.302,4.103,1.643c0.772,0.64,2.486,2.147,3.239,2.825c0.038,0.035,0.084,0.038,0.129,0.001l2.654-2.589
+			c0.046-0.045,0.043-0.105-0.002-0.146C57.343,24.088,55.534,22.474,54.445,21.663"/>
+		<path style="fill:#006EFF;" d="M72.561,17.365C70.73,12.193,65.799,8.487,60,8.487c-6.652,0-12.165,4.892-13.164,11.264
+			c0.535-0.09,1.085-0.138,1.646-0.138c0.781-0.001,1.529,0.09,2.248,0.263c0.014,0.003,0.028,0.005,0.042,0.008
+			c0.901-4.302,4.705-7.498,9.228-7.498c3.767,0,7.072,2.272,8.562,5.492c0.023,0.051,0.063,0.067,0.104,0.056
+			c1.121-0.308,2.464-0.487,3.762-0.391C72.554,17.552,72.602,17.481,72.561,17.365"/>
+	</g>
+</g>
+</svg>

package/src/logo/tencentcloud.logo.less

@@ -0,0 +1,5 @@
+.cloud-provider-logo {
+  .icon-tencentcloud {
+    mask-image: url('tencentcloud.icon.svg');
+  }
+}

package/src/logo/tencentcloud.logo.svg

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="120px" height="48px" viewBox="0 0 120 48" style="enable-background:new 0 0 120 48;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M93.829,13.731H81.181v1.83h3.808v6.673h-4.364v1.83h4.364v11.19h2.013v-11.19h4.814V35.02h3.802v-1.831h-1.788V13.731z
+			 M87.002,22.234v-6.673h4.814v6.673H87.002z"/>
+		<rect x="58.743" y="30.136" width="9.979" height="1.83"/>
+		<path d="M51.944,26.749c0,3.328-0.269,5.854-0.823,8.093c-0.058,0.207,0.004,0.263,0.113,0.263c0.038,0,1.525,0,1.835,0
+			c0.613-3.075,0.693-5.626,0.703-7.477h2.565v5.69h-1.821c-0.089,0-0.157,0.058-0.11,0.184l0.502,1.646h3.257V13.777h-6.22V26.749z
+			 M53.774,25.98V21.6h2.563v4.38H53.774z M56.337,15.607v4.346h-2.563v-4.346H56.337z"/>
+		<path d="M69.429,21.196h2.457v-1.647h-7.16c0.216-0.526,0.41-1.091,0.588-1.702h6.123V16.2h-1.794
+			c0.299-1.018,0.651-2.219,0.672-2.288c0.036-0.122-0.028-0.169-0.107-0.169h-1.558L67.927,16.2h-2.202
+			c0.205-0.952,0.384-2.007,0.547-3.191c0.019-0.137-0.055-0.164-0.146-0.164c-0.073,0-1.278,0-1.774,0
+			c-0.181,1.258-0.371,2.342-0.614,3.355h-1.08l-0.722-2.457h-1.558c-0.079,0-0.143,0.047-0.107,0.169
+			c0.02,0.07,0.373,1.271,0.672,2.288h-1.747v1.647h4.079c-0.166,0.52-0.41,1.133-0.67,1.702h-3.858v1.647h2.898
+			c-1.168,1.659-2.417,2.422-2.915,2.727c0,0.234,0,1.83,0,1.884c0,0.095,0.075,0.196,0.373,0.027
+			c0.542-0.307,1.12-0.655,1.705-1.087h6.817l-0.058,2.467h-5.382l0.082-1.475c0-0.064-0.046-0.111-0.112-0.111
+			c-0.102,0-1.721,0-1.721,0l-0.173,3.122c0,0.064,0.046,0.111,0.112,0.111c0.102,0,9.285,0,9.285,0v4.454h-4.185
+			c-0.089,0-0.157,0.058-0.11,0.184l0.502,1.646h5.807v-7.931h-2.273l0.075-3.203c0.85,0.79,1.712,1.379,2.497,1.824
+			c0.298,0.169,0.373,0.068,0.373-0.027c0-0.054,0-1.651,0-1.884C71.844,23.618,70.597,22.853,69.429,21.196z M67.188,21.196
+			c0.438,0.721,0.91,1.351,1.398,1.903h-5.991c0.465-0.537,0.915-1.163,1.335-1.903H67.188z"/>
+		<path d="M82.457,28.864c-0.034,0.026-1.742,1.32-3.395,2.572V19.538h-4.704v2.013h2.704v11.4
+			c-0.644,0.488-1.081,0.819-1.081,0.819l1.105,1.459l5.552-4.207c0,0,0-2.021,0-2.073C82.639,28.851,82.529,28.809,82.457,28.864z"
+			/>
+		<path d="M77.329,17.736c0,0,2.15,0,2.2,0c0.098,0,0.137-0.106,0.094-0.171c-0.04-0.061-2.775-4.238-2.775-4.238s-2.117,0-2.2,0
+			c-0.083,0-0.144,0.096-0.098,0.166C74.596,13.562,77.329,17.736,77.329,17.736z"/>
+		<rect x="99.874" y="14.22" width="15.888" height="2.013"/>
+		<path d="M105.637,23.841H118v-2.013H97.636v2.013h5.65c-1.167,3.064-4.095,10.753-4.115,10.809
+			c-0.032,0.089,0.026,0.155,0.104,0.155c0.049,0,17.523,0,17.564,0c0.083,0,0.131-0.082,0.101-0.16
+			c-0.019-0.049-2.619-6.885-2.619-6.885s-2.103,0-2.186,0s-0.133,0.08-0.105,0.153c0.028,0.073,1.853,4.879,1.853,4.879h-11.646
+			L105.637,23.841z"/>
+	</g>
+	<g>
+		<path style="fill:#00A3FF;" d="M39.157,33.89c-0.764,0.756-2.125,1.613-4.361,1.689c-1.034,0.035-2.241,0.039-2.793,0.039
+			c-0.603,0-5.918,0-12.012,0c4.37-4.245,8.182-7.947,8.615-8.367c0.396-0.385,1.287-1.237,2.056-1.929
+			c1.687-1.519,3.206-1.825,4.28-1.815c1.683,0.016,3.214,0.703,4.308,1.813C41.591,27.712,41.535,31.536,39.157,33.89
+			 M42.034,22.597c-1.795-1.83-4.296-2.983-7.077-2.984c-2.404,0-4.474,0.829-6.281,2.3c-0.788,0.641-1.614,1.409-2.653,2.419
+			c-0.516,0.501-15.485,15.026-15.485,15.026c0.785,0.112,1.864,0.145,2.826,0.151c0.902,0.006,18.1,0.004,18.82,0.004
+			c1.449,0,2.392-0.002,3.405-0.076c2.323-0.17,4.518-1.022,6.292-2.764C45.82,32.805,45.879,26.526,42.034,22.597z"/>
+		<path style="fill:#00C8DC;" d="M17.883,21.663c-1.76-1.317-3.729-2.053-5.963-2.05c-2.781,0-5.283,1.153-7.077,2.984
+			c-3.845,3.93-3.786,10.209,0.154,14.077c1.582,1.553,3.498,2.398,5.541,2.684l3.854-3.74c-0.623-0.003-1.518-0.011-2.311-0.038
+			c-2.235-0.076-3.597-0.934-4.361-1.689c-2.379-2.354-2.434-6.178-0.094-8.57c1.094-1.11,2.625-1.797,4.308-1.813
+			c1.055-0.004,2.486,0.302,4.103,1.643c0.772,0.64,2.486,2.147,3.239,2.825c0.038,0.035,0.084,0.038,0.129,0.001l2.654-2.589
+			c0.046-0.045,0.043-0.105-0.002-0.146C20.781,24.088,18.972,22.474,17.883,21.663"/>
+		<path style="fill:#006EFF;" d="M36,17.365c-1.831-5.172-6.762-8.879-12.562-8.879c-6.652,0-12.165,4.892-13.164,11.264
+			c0.535-0.09,1.085-0.138,1.646-0.138c0.781-0.001,1.529,0.09,2.248,0.263c0.014,0.003,0.028,0.005,0.042,0.008
+			c0.901-4.302,4.705-7.498,9.228-7.498c3.767,0,7.072,2.272,8.562,5.492c0.023,0.051,0.063,0.067,0.104,0.056
+			c1.121-0.308,2.464-0.487,3.762-0.391C35.992,17.552,36.04,17.481,36,17.365"/>
+	</g>
+</g>
+</svg>

package/src/pipeline/stages/disableCluster/DisableClusterConfig.tsx

@@ -0,0 +1,27 @@
+import { cloneDeep } from 'lodash';
+import React from 'react';
+
+import type { IStageConfigProps } from '@spinnaker/core';
+import { FormikStageConfig } from '@spinnaker/core';
+
+import { DisableClusterStageForm } from './DisableClusterStageForm';
+
+export function DisableClusterConfig({ application, pipeline, stage, updateStage }: IStageConfigProps) {
+  const stageWithDefaults = React.useMemo(() => {
+    return {
+      cloudProvider: 'tencentcloud',
+      regions: stage.regions || [],
+      ...cloneDeep(stage),
+    };
+  }, []);
+
+  return (
+    <FormikStageConfig
+      application={application}
+      onChange={updateStage}
+      pipeline={pipeline}
+      stage={stageWithDefaults}
+      render={(props) => <DisableClusterStageForm {...props} />}
+    />
+  );
+}

package/src/pipeline/stages/disableCluster/DisableClusterStageForm.tsx

@@ -0,0 +1,87 @@
+import React from 'react';
+
+import type { IAccount, IFormikStageConfigInjectedProps } from '@spinnaker/core';
+import { AccountService, FormikFormField, NgReact, NumberInput, SelectInput, StageConfigField } from '@spinnaker/core';
+
+const { useEffect, useState } = React;
+const { AccountRegionClusterSelector } = NgReact;
+
+export function DisableClusterStageForm({ application, formik, pipeline }: IFormikStageConfigInjectedProps) {
+  const stage = formik.values;
+  const { setFieldValue } = formik;
+  const [accounts, setAccounts] = useState([]);
+
+  useEffect(() => {
+    AccountService.listAccounts('tencentcloud').then((accounts: IAccount[]) => {
+      setAccounts(accounts);
+    });
+
+    if (
+      stage.isNew &&
+      application?.attributes?.platformHealthOnlyShowOverride &&
+      application?.attributes?.platformHealthOnly
+    ) {
+      setFieldValue('interestingHealthProviderNames', ['Tencentcloud']);
+    }
+
+    if (!stage.credentials && application?.defaultCredentials?.tencentcloud) {
+      setFieldValue('credentials', application?.defaultCredentials?.tencentcloud);
+    }
+
+    if (!stage?.regions?.length && application?.defaultRegions?.tencentcloud) {
+      setFieldValue('regions', [...stage.regions, application?.defaultRegions?.tencentcloud]);
+    }
+
+    if (stage.remainingEnabledServerGroups === undefined) {
+      setFieldValue('remainingEnabledServerGroups', 1);
+    }
+
+    if (stage.preferLargerOverNewer === undefined) {
+      setFieldValue('preferLargerOverNewer', 'false');
+    }
+  }, []);
+
+  const pluralize = function (str: string, val: string | number) {
+    if (val === 1) {
+      return str;
+    }
+    return str + 's';
+  };
+
+  return (
+    <div className="form-horizontal">
+      {!pipeline.strategy && (
+        <AccountRegionClusterSelector
+          application={application}
+          clusterField="cluster"
+          component={stage}
+          accounts={accounts}
+        />
+      )}
+      <StageConfigField label="Disable Options">
+        <div className="form-inline">
+          Keep the
+          <FormikFormField
+            name="remainingEnabledServerGroups"
+            required
+            input={(props) => <NumberInput {...props} min={0} />}
+          />
+          <FormikFormField
+            name="preferLargerOverNewer"
+            required
+            input={(props) => (
+              <SelectInput
+                options={[
+                  { label: 'largest', value: 'true' },
+                  { label: 'newest', value: 'false' },
+                ]}
+                {...props}
+              />
+            )}
+          />
+          {pluralize('server group', stage.remainingEnabledServerGroups)} enabled.
+        </div>
+      </StageConfigField>
+    </div>
+  );
+}

package/src/pipeline/stages/disableCluster/disableClusterStage.ts

@@ -0,0 +1,12 @@
+import { Registry } from '@spinnaker/core';
+
+import { DisableClusterConfig } from './DisableClusterConfig';
+import { validate } from './disableClusterValidators';
+
+Registry.pipeline.registerStage({
+  provides: 'disableCluster',
+  key: 'disableCluster',
+  cloudProvider: 'tencentcloud',
+  component: DisableClusterConfig,
+  validateFn: validate,
+});

package/src/pipeline/stages/disableCluster/disableClusterValidators.ts

@@ -0,0 +1,10 @@
+import type { IContextualValidator, IStage } from '@spinnaker/core';
+import { FormValidator } from '@spinnaker/core';
+
+export const validate: IContextualValidator = (stage: IStage) => {
+  const formValidator = new FormValidator(stage);
+  formValidator.field('credentials', 'Account').required();
+  formValidator.field('regions', 'Regions').required();
+  formValidator.field('cluster', 'Cluster').required();
+  return formValidator.validateForm();
+};

package/src/pipeline/stages/rollbackCluster/RollbackClusterConfig.tsx

@@ -0,0 +1,27 @@
+import { cloneDeep } from 'lodash';
+import React from 'react';
+
+import type { IStageConfigProps } from '@spinnaker/core';
+import { FormikStageConfig } from '@spinnaker/core';
+
+import { RollbackClusterStageForm } from './RollbackClusterStageForm';
+
+export function RollbackClusterConfig({ application, pipeline, stage, updateStage }: IStageConfigProps) {
+  const stageWithDefaults = React.useMemo(() => {
+    return {
+      cloudProvider: 'tencentcloud',
+      regions: stage.regions || [],
+      ...cloneDeep(stage),
+    };
+  }, []);
+
+  return (
+    <FormikStageConfig
+      application={application}
+      onChange={updateStage}
+      pipeline={pipeline}
+      stage={stageWithDefaults}
+      render={(props) => <RollbackClusterStageForm {...props} />}
+    />
+  );
+}

package/src/pipeline/stages/rollbackCluster/RollbackClusterStageForm.tsx

@@ -0,0 +1,74 @@
+import React from 'react';
+
+import type { IAccount, IFormikStageConfigInjectedProps } from '@spinnaker/core';
+import { AccountService, FormikFormField, NgReact, NumberInput, StageConfigField } from '@spinnaker/core';
+
+const { useEffect, useState } = React;
+const { AccountRegionClusterSelector } = NgReact;
+
+export function RollbackClusterStageForm({ application, formik, pipeline }: IFormikStageConfigInjectedProps) {
+  const stage = formik.values;
+  const { setFieldValue } = formik;
+  const [accounts, setAccounts] = useState([]);
+
+  useEffect(() => {
+    AccountService.listAccounts('tencentcloud').then((accounts: IAccount[]) => {
+      setAccounts(accounts);
+    });
+
+    if (
+      stage.isNew &&
+      application?.attributes?.platformHealthOnlyShowOverride &&
+      application?.attributes?.platformHealthOnly
+    ) {
+      setFieldValue('interestingHealthProviderNames', ['Tencentcloud']);
+    }
+
+    if (!stage.credentials && application?.defaultCredentials?.tencentcloud) {
+      setFieldValue('credentials', application?.defaultCredentials?.tencentcloud);
+    }
+
+    if (!stage?.regions?.length && application?.defaultRegions?.tencentcloud) {
+      setFieldValue('regions', [...stage.regions, application?.defaultRegions?.tencentcloud]);
+    }
+
+    if (stage.remainingEnabledServerGroups === undefined) {
+      setFieldValue('remainingEnabledServerGroups', 1);
+    }
+
+    if (stage.preferLargerOverNewer === undefined) {
+      setFieldValue('preferLargerOverNewer', 'false');
+    }
+  }, []);
+
+  return (
+    <div className="form-horizontal">
+      {!pipeline.strategy && (
+        <AccountRegionClusterSelector
+          application={application}
+          clusterField="cluster"
+          component={stage}
+          accounts={accounts}
+        />
+      )}
+      <StageConfigField label="Rollback Options">
+        <div className="row">
+          <div className="col-sm-10 col-sm-offset-2">
+            Wait
+            <FormikFormField name="wait" required input={(props) => <NumberInput {...props} min={0} />} />
+            seconds between regional rollbacks.
+          </div>
+          <div className="col-sm-10 col-sm-offset-2">
+            Consider rollback successful when
+            <FormikFormField
+              name="remainingEnabledServerGroups"
+              required
+              input={(props) => <NumberInput {...props} min={0} max={100} />}
+            />
+            percent of instances are healthy.
+          </div>
+        </div>
+      </StageConfigField>
+    </div>
+  );
+}

package/src/pipeline/stages/rollbackCluster/rollbackClusterStage.ts

@@ -0,0 +1,12 @@
+import { Registry } from '@spinnaker/core';
+
+import { RollbackClusterConfig } from './RollbackClusterConfig';
+import { validate } from './rollbackClusterValidators';
+
+Registry.pipeline.registerStage({
+  provides: 'rollbackCluster',
+  key: 'rollbackCluster',
+  cloudProvider: 'tencentcloud',
+  component: RollbackClusterConfig,
+  validateFn: validate,
+});

package/src/pipeline/stages/rollbackCluster/rollbackClusterValidators.ts

@@ -0,0 +1,10 @@
+import type { IContextualValidator, IStage } from '@spinnaker/core';
+import { FormValidator } from '@spinnaker/core';
+
+export const validate: IContextualValidator = (stage: IStage) => {
+  const formValidator = new FormValidator(stage);
+  formValidator.field('credentials', 'Account').required();
+  formValidator.field('regions', 'Regions').required();
+  formValidator.field('cluster', 'Cluster').required();
+  return formValidator.validateForm();
+};

package/src/pipeline/stages/scaleDownCluster/ScaleDownClusterConfig.tsx

@@ -0,0 +1,27 @@
+import { cloneDeep } from 'lodash';
+import React from 'react';
+
+import type { IStageConfigProps } from '@spinnaker/core';
+import { FormikStageConfig } from '@spinnaker/core';
+
+import { ScaleDownClusterStageForm } from './ScaleDownClusterStageForm';
+
+export function ScaleDownClusterConfig({ application, pipeline, stage, updateStage }: IStageConfigProps) {
+  const stageWithDefaults = React.useMemo(() => {
+    return {
+      cloudProvider: 'tencentcloud',
+      regions: stage.regions || [],
+      ...cloneDeep(stage),
+    };
+  }, []);
+
+  return (
+    <FormikStageConfig
+      application={application}
+      onChange={updateStage}
+      pipeline={pipeline}
+      stage={stageWithDefaults}
+      render={(props) => <ScaleDownClusterStageForm {...props} />}
+    />
+  );
+}

package/src/pipeline/stages/scaleDownCluster/ScaleDownClusterStageForm.tsx

@@ -0,0 +1,102 @@
+import React from 'react';
+
+import type { IAccount, IFormikStageConfigInjectedProps } from '@spinnaker/core';
+import {
+  AccountService,
+  CheckboxInput,
+  FormikFormField,
+  NgReact,
+  NumberInput,
+  SelectInput,
+  StageConfigField,
+} from '@spinnaker/core';
+
+const { useEffect, useState } = React;
+const { AccountRegionClusterSelector } = NgReact;
+
+export function ScaleDownClusterStageForm({ application, formik, pipeline }: IFormikStageConfigInjectedProps) {
+  const stage = formik.values;
+  const { setFieldValue } = formik;
+  const [accounts, setAccounts] = useState([]);
+
+  useEffect(() => {
+    AccountService.listAccounts('tencentcloud').then((accounts: IAccount[]) => {
+      setAccounts(accounts);
+    });
+
+    if (
+      stage.isNew &&
+      application?.attributes?.platformHealthOnlyShowOverride &&
+      application?.attributes?.platformHealthOnly
+    ) {
+      setFieldValue('interestingHealthProviderNames', ['Tencentcloud']);
+    }
+
+    if (!stage.credentials && application?.defaultCredentials?.tencentcloud) {
+      setFieldValue('credentials', application?.defaultCredentials?.tencentcloud);
+    }
+
+    if (!stage?.regions?.length && application?.defaultRegions?.tencentcloud) {
+      setFieldValue('regions', [...stage.regions, application?.defaultRegions?.tencentcloud]);
+    }
+
+    if (stage.remainingEnabledServerGroups === undefined) {
+      setFieldValue('remainingEnabledServerGroups', 1);
+    }
+
+    if (stage.preferLargerOverNewer === undefined) {
+      setFieldValue('preferLargerOverNewer', 'false');
+    }
+  }, []);
+
+  const pluralize = function (str: string, val: string | number) {
+    if (val === 1) {
+      return str;
+    }
+    return str + 's';
+  };
+
+  return (
+    <div className="form-horizontal">
+      {!pipeline.strategy && (
+        <AccountRegionClusterSelector
+          application={application}
+          clusterField="cluster"
+          component={stage}
+          accounts={accounts}
+        />
+      )}
+      <StageConfigField label="ScaleDown Options">
+        <div className="form-inline">
+          Keep the
+          <FormikFormField
+            name="remainingEnabledServerGroups"
+            required
+            input={(props) => <NumberInput {...props} min={0} />}
+          />
+          <FormikFormField
+            name="preferLargerOverNewer"
+            required
+            input={(props) => (
+              <SelectInput
+                options={[
+                  { label: 'largest', value: 'true' },
+                  { label: 'newest', value: 'false' },
+                ]}
+                {...props}
+              />
+            )}
+          />
+          {pluralize('server group', stage.remainingFullSizeServerGroups)} at current size.
+          <p>The remaining server groups will be scaled down to zero instances.</p>
+        </div>
+      </StageConfigField>
+      <div className="form-group">
+        <FormikFormField
+          name="allowScaleDownActive"
+          input={(props) => <CheckboxInput {...props} text="Allow scale down of active server groups" />}
+        />
+      </div>
+    </div>
+  );
+}

package/src/pipeline/stages/scaleDownCluster/scaleDownClusterStage.ts

@@ -0,0 +1,12 @@
+import { Registry } from '@spinnaker/core';
+
+import { ScaleDownClusterConfig } from './ScaleDownClusterConfig';
+import { validate } from './scaledownClusterValidators';
+
+Registry.pipeline.registerStage({
+  provides: 'scaleDownCluster',
+  key: 'scaleDownCluster',
+  cloudProvider: 'tencentcloud',
+  component: ScaleDownClusterConfig,
+  validateFn: validate,
+});

package/src/pipeline/stages/scaleDownCluster/scaledownClusterValidators.ts

@@ -0,0 +1,10 @@
+import type { IContextualValidator, IStage } from '@spinnaker/core';
+import { FormValidator } from '@spinnaker/core';
+
+export const validate: IContextualValidator = (stage: IStage) => {
+  const formValidator = new FormValidator(stage);
+  formValidator.field('credentials', 'Account').required();
+  formValidator.field('regions', 'Regions').required();
+  formValidator.field('cluster', 'Cluster').required();
+  return formValidator.validateForm();
+};

package/src/pipeline/stages/shrinkCluster/ShrinkClusterConfig.tsx

@@ -0,0 +1,27 @@
+import { cloneDeep } from 'lodash';
+import React from 'react';
+
+import type { IStageConfigProps } from '@spinnaker/core';
+import { FormikStageConfig } from '@spinnaker/core';
+
+import { ShrinkClusterStageForm } from './ShrinkClusterStageForm';
+
+export function ShrinkClusterConfig({ application, pipeline, stage, updateStage }: IStageConfigProps) {
+  const stageWithDefaults = React.useMemo(() => {
+    return {
+      cloudProvider: 'tencentcloud',
+      regions: stage.regions || [],
+      ...cloneDeep(stage),
+    };
+  }, []);
+
+  return (
+    <FormikStageConfig
+      application={application}
+      onChange={updateStage}
+      pipeline={pipeline}
+      stage={stageWithDefaults}
+      render={(props) => <ShrinkClusterStageForm {...props} />}
+    />
+  );
+}

package/src/pipeline/stages/shrinkCluster/ShrinkClusterStageForm.tsx

@@ -0,0 +1,104 @@
+import React from 'react';
+
+import type { IAccount, IFormikStageConfigInjectedProps } from '@spinnaker/core';
+import {
+  AccountService,
+  CheckboxInput,
+  FormikFormField,
+  NgReact,
+  NumberInput,
+  SelectInput,
+  StageConfigField,
+} from '@spinnaker/core';
+
+const { useEffect, useState } = React;
+const { AccountRegionClusterSelector } = NgReact;
+
+export function ShrinkClusterStageForm({ application, formik, pipeline }: IFormikStageConfigInjectedProps) {
+  const stage = formik.values;
+  const { setFieldValue } = formik;
+  const [accounts, setAccounts] = useState([]);
+
+  useEffect(() => {
+    AccountService.listAccounts('tencentcloud').then((accounts: IAccount[]) => {
+      setAccounts(accounts);
+    });
+
+    if (
+      stage.isNew &&
+      application?.attributes?.platformHealthOnlyShowOverride &&
+      application?.attributes?.platformHealthOnly
+    ) {
+      setFieldValue('interestingHealthProviderNames', ['Tencentcloud']);
+    }
+
+    if (!stage.credentials && application?.defaultCredentials?.tencentcloud) {
+      setFieldValue('credentials', application?.defaultCredentials?.tencentcloud);
+    }
+
+    if (!stage?.regions?.length && application?.defaultRegions?.tencentcloud) {
+      setFieldValue('regions', [...stage.regions, application?.defaultRegions?.tencentcloud]);
+    }
+
+    if (stage.remainingEnabledServerGroups === undefined) {
+      setFieldValue('remainingEnabledServerGroups', 1);
+    }
+
+    if (stage.preferLargerOverNewer === undefined) {
+      setFieldValue('preferLargerOverNewer', 'false');
+    }
+  }, []);
+
+  const pluralize = function (str: string, val: string | number) {
+    if (val === 1) {
+      return str;
+    }
+    return str + 's';
+  };
+
+  return (
+    <div className="form-horizontal">
+      {!pipeline.strategy && (
+        <AccountRegionClusterSelector
+          application={application}
+          clusterField="cluster"
+          component={stage}
+          accounts={accounts}
+        />
+      )}
+      <StageConfigField label="Shrink Options">
+        <div className="form-inline">
+          Shrink to
+          <FormikFormField
+            name="remainingEnabledServerGroups"
+            required
+            input={(props) => <NumberInput {...props} min={0} />}
+          />
+          {pluralize('server group', stage.shrinkToSize)}, keeping the
+          <FormikFormField
+            name="retainLargerOverNewer"
+            required
+            input={(props) => (
+              <SelectInput
+                options={[
+                  { label: 'largest', value: 'true' },
+                  { label: 'newest', value: 'false' },
+                ]}
+                {...props}
+              />
+            )}
+          />
+          {pluralize('server group', stage.remainingEnabledServerGroups)} enabled.
+        </div>
+      </StageConfigField>
+      <div className="form-group">
+        <div className="col-md-offset-3 col-md-6 checkbox">
+          <FormikFormField
+            name="allowDeleteActive"
+            input={(props) => <CheckboxInput {...props} text="Allow deletion of active server groups" />}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}

package/src/pipeline/stages/shrinkCluster/shrinkClusterStage.ts

@@ -0,0 +1,12 @@
+import { Registry } from '@spinnaker/core';
+
+import { ShrinkClusterConfig } from './ShrinkClusterConfig';
+import { validate } from './shrinkClusterValidators';
+
+Registry.pipeline.registerStage({
+  provides: 'shrinkCluster',
+  key: 'shrinkCluster',
+  cloudProvider: 'tencentcloud',
+  component: ShrinkClusterConfig,
+  validateFn: validate,
+});

package/src/pipeline/stages/shrinkCluster/shrinkClusterValidators.ts

@@ -0,0 +1,10 @@
+import type { IContextualValidator, IStage } from '@spinnaker/core';
+import { FormValidator } from '@spinnaker/core';
+
+export const validate: IContextualValidator = (stage: IStage) => {
+  const formValidator = new FormValidator(stage);
+  formValidator.field('credentials', 'Account').required();
+  formValidator.field('regions', 'Regions').required();
+  formValidator.field('cluster', 'Cluster').required();
+  return formValidator.validateForm();
+};