Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | /*
* Copyright 2021 Harness Inc. All rights reserved.
* Use of this source code is governed by the PolyForm Shield 1.0.0 license
* that can be found in the licenses directory at the root of this repository, also available at
* https://polyformproject.org/wp-content/uploads/2020/06/PolyForm-Shield-1.0.0.txt.
*/
import React from 'react'
import { useParams, useHistory } from 'react-router-dom'
import { getCIPipelineStages } from '@ci/components/PipelineStudio/CIPipelineStagesUtils'
import { getCITrialDialog } from '@ci/modals/CITrial/useCITrialModal'
import factory from '@pipeline/components/PipelineSteps/PipelineStepFactory'
import { stagesCollection } from '@pipeline/components/PipelineStudio/Stages/StagesCollection'
import routes from '@common/RouteDefinitions'
import { useFeatureFlag } from '@common/hooks/useFeatureFlag'
import type {
AccountPathProps,
GitQueryParams,
PipelinePathProps,
PipelineType
} from '@common/interfaces/RouteInterfaces'
import { useStrings } from 'framework/strings'
import { PipelineProvider } from '@pipeline/components/PipelineStudio/PipelineContext/PipelineContext'
import { PipelineStudio } from '@pipeline/components/PipelineStudio/PipelineStudio'
import type { PipelineInfoConfig } from 'services/cd-ng'
import { useQueryParams } from '@common/hooks'
import { useLicenseStore } from 'framework/LicenseStore/LicenseStoreContext'
import { TrialType } from '@pipeline/components/TrialModalTemplate/trialModalUtils'
import { FeatureFlag } from '@common/featureFlags'
import type { ModuleLicenseType } from '@common/constants/SubscriptionTypes'
import { TemplateDrawer } from '@templates-library/components/TemplateDrawer/TemplateDrawer'
import css from './CIPipelineStudio.module.scss'
const CIPipelineStudio: React.FC = (): JSX.Element => {
const { accountId, projectIdentifier, orgIdentifier, pipelineIdentifier, module } =
useParams<PipelineType<PipelinePathProps & AccountPathProps>>()
const { getString } = useStrings()
const history = useHistory()
const getTrialPipelineCreateForm = (
onSubmit: (values: PipelineInfoConfig) => void,
onClose: () => void
): React.ReactElement =>
getCITrialDialog({
actionProps: { onSuccess: onSubmit },
trialType: TrialType.SET_UP_PIPELINE,
onCloseModal: onClose
})
const { modal, branch, repoIdentifier } = useQueryParams<{ modal?: ModuleLicenseType } & GitQueryParams>()
const getOtherModal = modal ? getTrialPipelineCreateForm : undefined
const handleRunPipeline = (): void => {
history.push(
routes.toPipelineStudio({
accountId,
orgIdentifier,
projectIdentifier,
pipelineIdentifier,
module,
branch,
runPipeline: true
})
)
}
const isCDEnabled = useFeatureFlag(FeatureFlag.CDNG_ENABLED)
const isCFEnabled = useFeatureFlag(FeatureFlag.CFNG_ENABLED)
const isCIEnabled = useFeatureFlag(FeatureFlag.CING_ENABLED)
const isSTOEnabled = useFeatureFlag(FeatureFlag.SECURITY_STAGE)
const { licenseInformation } = useLicenseStore()
return (
<PipelineProvider
stagesMap={stagesCollection.getAllStagesAttributes(getString)}
queryParams={{ accountIdentifier: accountId, orgIdentifier, projectIdentifier, repoIdentifier, branch }}
pipelineIdentifier={pipelineIdentifier}
renderPipelineStage={args =>
getCIPipelineStages(
args,
getString,
licenseInformation['CI'] && isCIEnabled,
licenseInformation['CD'] && isCDEnabled,
licenseInformation['CF'] && isCFEnabled,
isSTOEnabled,
true
)
}
stepsFactory={factory}
runPipeline={handleRunPipeline}
>
<PipelineStudio
className={css.container}
routePipelineStudio={routes.toPipelineStudio}
routePipelineDetail={routes.toPipelineDetail}
routePipelineProject={routes.toDeployments}
routePipelineList={routes.toPipelines}
getOtherModal={getOtherModal}
/>
<TemplateDrawer />
</PipelineProvider>
)
}
export default CIPipelineStudio
|