feat: Plugin for image scanning in Pre/Post step

src/components/CIPipelineN/CIPipeline.tsx

@@ -790,6 +790,7 @@ export default function CIPipeline({
                                         sharedPlugins={sharedPlugins}
                                         isJobView={isJobCard}
                                         mandatoryPluginsMap={mandatoryPluginsMap}
+                                        isSecurityModuleInstalled={isSecurityModuleInstalled}
                                     />
                                 </Route>
                             )}
@@ -799,6 +800,7 @@ export default function CIPipeline({
                                         presetPlugins={presetPlugins}
                                         sharedPlugins={sharedPlugins}
                                         mandatoryPluginsMap={mandatoryPluginsMap}
+                                        isSecurityModuleInstalled={isSecurityModuleInstalled}
                                     />
                                 </Route>
                             )}

src/components/CIPipelineN/PluginCardListContainer.tsx

@@ -1,11 +1,13 @@
 import React from 'react'
 import { PluginType, PluginDetailType, VariableType } from '@devtron-labs/devtron-fe-common-lib'
 import { PluginCard } from './PluginCard'
+import { VulnerabilityScanning } from './ciPipeline.utils'
 
 export function PluginCardListContainer({
     pluginListTitle,
     pluginList,
     setPluginType,
+    isSecurityModuleInstalled
 }: {
     pluginListTitle: string
     pluginList: PluginDetailType[]
@@ -17,36 +19,40 @@ export function PluginCardListContainer({
         inputVariables: VariableType[],
         outputVariables: VariableType[],
     ) => void
+    isSecurityModuleInstalled: boolean
 }) {
     return (
         pluginList.length > 0 && (
             <div className="plugin-container">
                 <div data-testid="preset-plugin-heading" className="cn-5 fw-6 fs-13 mt-20 mb-8">
                     {pluginListTitle}
                 </div>
-                {pluginList.map((pluginDetails) => (
-                    <div
-                        key={pluginDetails.id}
-                        onClick={() =>
-                            setPluginType(
-                                PluginType.PLUGIN_REF,
-                                pluginDetails.id,
-                                pluginDetails.name,
-                                pluginDetails.description,
-                                pluginDetails.inputVariables ?? [],
-                                pluginDetails.outputVariables ?? [],
-                            )
-                        }
-                    >
-                        <PluginCard
-                            dataTestId={`${pluginDetails.name}-button`}
-                            imgSource={pluginDetails.icon}
-                            title={pluginDetails.name}
-                            subTitle={pluginDetails.description}
-                            tags={pluginDetails.tags}
-                        />
-                    </div>
-                ))}
+                {pluginList.map(
+                    (pluginDetails) =>
+                        (pluginDetails.name !== VulnerabilityScanning || isSecurityModuleInstalled) && (
+                            <div
+                                key={pluginDetails.id}
+                                onClick={() =>
+                                    setPluginType(
+                                        PluginType.PLUGIN_REF,
+                                        pluginDetails.id,
+                                        pluginDetails.name,
+                                        pluginDetails.description,
+                                        pluginDetails.inputVariables ?? [],
+                                        pluginDetails.outputVariables ?? [],
+                                    )
+                                }
+                            >
+                                <PluginCard
+                                    dataTestId={`${pluginDetails.name}-button`}
+                                    imgSource={pluginDetails.icon}
+                                    title={pluginDetails.name}
+                                    subTitle={pluginDetails.description}
+                                    tags={pluginDetails.tags}
+                                />
+                            </div>
+                        ),
+                )}
             </div>
         )
     )

src/components/CIPipelineN/PreBuild.tsx

@@ -25,7 +25,7 @@ import { importComponentFromFELibrary } from '../common'
 import { pipelineContext } from '../workflowEditor/workflowEditor'
 
 const isRequired = importComponentFromFELibrary('isRequired', null, 'function')
-export function PreBuild({ presetPlugins, sharedPlugins, mandatoryPluginsMap, isJobView }: PreBuildType) {
+export function PreBuild({ presetPlugins, sharedPlugins, mandatoryPluginsMap, isJobView, isSecurityModuleInstalled}: PreBuildType) {
     const {
         formData,
         isCdPipeline,
@@ -151,11 +151,13 @@ export function PreBuild({ presetPlugins, sharedPlugins, mandatoryPluginsMap, is
                     setPluginType={setPluginType}
                     pluginListTitle="PRESET PLUGINS"
                     pluginList={presetPlugins}
+                    isSecurityModuleInstalled={isSecurityModuleInstalled}
                 />
                 <PluginCardListContainer
                     setPluginType={setPluginType}
                     pluginListTitle="SHARED PLUGINS"
                     pluginList={sharedPlugins}
+                    isSecurityModuleInstalled={isSecurityModuleInstalled}
                 />
             </>
         )

src/components/CIPipelineN/ciPipeline.utils.ts

@@ -261,3 +261,5 @@ export const reactSelectStyles = {
         }
     },
 }
+
+export const VulnerabilityScanning = 'Vulnerability Scanning'

src/components/cdPipeline/NewCDPipeline.tsx

@@ -16,7 +16,7 @@ import {
 import React, { useEffect, useMemo, useRef, useState } from 'react'
 import { ReactComponent as Close } from '../../assets/icons/ic-close.svg'
 import { NavLink, Redirect, Route, Switch, useParams, useRouteMatch } from 'react-router-dom'
-import { CDDeploymentTabText, DELETE_ACTION, SourceTypeMap, TriggerType, ViewType } from '../../config'
+import { CDDeploymentTabText, DELETE_ACTION, ModuleNameMap, SourceTypeMap, TriggerType, ViewType } from '../../config'
 import { ButtonWithLoader, FloatingVariablesSuggestions, sortObjectArrayAlphabetically } from '../common'
 import BuildCD from './BuildCD'
 import { CD_PATCH_ACTION, Environment, GeneratedHelmPush } from './cdPipeline.types'
@@ -52,6 +52,8 @@ import { calculateLastStepDetailsLogic, checkUniqueness, validateTask } from './
 import { pipelineContext } from '../workflowEditor/workflowEditor'
 import { PipelineFormDataErrorType, PipelineFormType } from '../workflowEditor/types'
 import { getDockerRegistryMinAuth } from '../ciConfig/service'
+import { getModuleInfo } from '../v2/devtronStackManager/DevtronStackManager.service'
+import { ModuleStatus } from '../v2/devtronStackManager/DevtronStackManager.type'
 
 export enum deleteDialogType {
     showForceDeleteDialog = 'showForceDeleteDialog',
@@ -176,6 +178,8 @@ export default function NewCDPipeline({
         preBuildStage: Map<string, VariableType>[]
         postBuildStage: Map<string, VariableType>[]
     }>({ preBuildStage: [], postBuildStage: [] })
+    const [isSecurityModuleInstalled, setSecurityModuleInstalled] = useState<boolean>(false)
+
 
     useEffect(() => {
         getInit()
@@ -195,6 +199,7 @@ export default function NewCDPipeline({
     }
 
     const getInit = () => {
+        getSecurityModuleStatus()
         Promise.all([
             getDeploymentStrategyList(appId),
             getGlobalVariable(Number(appId), true),
@@ -276,6 +281,15 @@ export default function NewCDPipeline({
             })
     }
 
+    const getSecurityModuleStatus = async (): Promise<void> => {
+        try {
+            const { result } = await getModuleInfo(ModuleNameMap.SECURITY)
+            if (result?.status === ModuleStatus.INSTALLED) {
+                setSecurityModuleInstalled(true)
+            }
+        } catch (error) {}
+    }
+
     const calculateLastStepDetail = (
         isFromAddNewTask: boolean,
         _formData: PipelineFormType,
@@ -1028,12 +1042,12 @@ export default function NewCDPipeline({
                         <Switch>
                             {isAdvanced && (
                                 <Route path={`${path}/pre-build`}>
-                                    <PreBuild presetPlugins={presetPlugins} sharedPlugins={sharedPlugins} />
+                                    <PreBuild presetPlugins={presetPlugins} sharedPlugins={sharedPlugins} isSecurityModuleInstalled={isSecurityModuleInstalled} />
                                 </Route>
                             )}
                             {isAdvanced && (
                                 <Route path={`${path}/post-build`}>
-                                    <PreBuild presetPlugins={presetPlugins} sharedPlugins={sharedPlugins} />
+                                    <PreBuild presetPlugins={presetPlugins} sharedPlugins={sharedPlugins} isSecurityModuleInstalled={isSecurityModuleInstalled} />
                                 </Route>
                             )}
                             <Route path={`${path}/build`}>

src/components/ciPipeline/types.ts

@@ -397,6 +397,7 @@ export interface PreBuildType {
   sharedPlugins: PluginDetailType[]
   mandatoryPluginsMap?: Record<number, MandatoryPluginDetailType>
   isJobView?: boolean
+  isSecurityModuleInstalled?: boolean
 }
 
 export enum CIPipelineBuildType {