Merge pull request #1915 from devtron-labs/feat/create-plugin

feat: create plugin

Author: AbhishekA1509

.eslintignore

@@ -55,7 +55,6 @@ src/components/CIPipelineN/EnvironmentList.tsx
 src/components/CIPipelineN/InputPluginSelect.tsx
 src/components/CIPipelineN/MultiplsPort.tsx
 src/components/CIPipelineN/OutputDirectoryPath.tsx
-src/components/CIPipelineN/PluginCard.tsx
 src/components/CIPipelineN/PreBuild.tsx
 src/components/CIPipelineN/Sidebar.tsx
 src/components/CIPipelineN/TaskDetailComponent.tsx
@@ -269,7 +268,6 @@ src/components/common/DatePickers/Calender.tsx
 src/components/common/DatePickers/DayPickerRangeController.tsx
 src/components/common/DeprecatedUpdateWarn.tsx
 src/components/common/Description/GenericDescription.tsx
-src/components/common/DetectBottom.tsx
 src/components/common/DynamicTabs/__tests__/DynamicTabs.test.tsx
 src/components/common/ExportToCsv/ExportToCsv.tsx
 src/components/common/FloatingVariablesSuggestions/FloatingVariablesSuggestions.tsx

package.json

@@ -4,7 +4,7 @@
     "private": true,
     "homepage": "/dashboard",
     "dependencies": {
-        "@devtron-labs/devtron-fe-common-lib": "0.2.22",
+        "@devtron-labs/devtron-fe-common-lib": "0.2.24",
         "@esbuild-plugins/node-globals-polyfill": "0.2.3",
         "@rjsf/core": "^5.13.3",
         "@rjsf/utils": "^5.13.3",

src/assets/icons/ic-asterisk.svg

@@ -26,7 +26,6 @@ import {
     RefVariableType,
     VariableType,
     MandatoryPluginDataType,
-    MandatoryPluginDetailType,
     ButtonWithLoader,
     PluginDataStoreType,
     ProcessPluginDataReturnType,
@@ -35,6 +34,11 @@ import {
     getPluginsDetail,
     ErrorScreenManager,
     getUpdatedPluginStore,
+    ModuleNameMap,
+    SourceTypeMap,
+    DEFAULT_ENV,
+    getEnvironmentListMinPublic,
+    ModuleStatus,
     Environment,
     PipelineFormType,
 } from '@devtron-labs/devtron-fe-common-lib'
@@ -50,11 +54,9 @@ import {
     BuildStageVariable,
     BuildTabText,
     JobPipelineTabText,
-    ModuleNameMap,
     TriggerType,
     URLS,
     ViewType,
-    SourceTypeMap,
 } from '../../config'
 import {
     deleteCIPipeline,
@@ -71,14 +73,11 @@ import { Sidebar } from './Sidebar'
 import { Build } from './Build'
 import { ReactComponent as WarningTriangle } from '../../assets/icons/ic-warning.svg'
 import { getModuleInfo } from '../v2/devtronStackManager/DevtronStackManager.service'
-import { ModuleStatus } from '../v2/devtronStackManager/DevtronStackManager.type'
 import { MULTI_REQUIRED_FIELDS_MSG } from '../../config/constantMessaging'
 import { LoadingState } from '../ciConfig/types'
 import { pipelineContext } from '../workflowEditor/workflowEditor'
 import { calculateLastStepDetailsLogic, checkUniqueness, validateTask } from '../cdPipeline/cdpipeline.util'
 import { PipelineContext, PipelineFormDataErrorType } from '../workflowEditor/types'
-import { getEnvironmentListMinPublic } from '../../services/service'
-import { DEFAULT_ENV } from '../app/details/triggerView/Constants'
 
 const processPluginData = importComponentFromFELibrary('processPluginData', null, 'function')
 const validatePlugins = importComponentFromFELibrary('validatePlugins', null, 'function')
@@ -203,11 +202,13 @@ export default function CIPipeline({
         structuredClone(DEFAULT_PLUGIN_DATA_STORE),
     )
     const [availableTags, setAvailableTags] = useState<string[]>([])
+    const [hideScopedVariableWidget, setHideScopedVariableWidget] = useState<boolean>(false)
+    const [disableParentModalClose, setDisableParentModalClose] = useState<boolean>(false)
 
     const selectedBranchRef = useRef(null)
 
-    const mandatoryPluginsMap: Record<number, MandatoryPluginDetailType> = useMemo(() => {
-        const _mandatoryPluginsMap: Record<number, MandatoryPluginDetailType> = {}
+    const mandatoryPluginsMap: PipelineContext['mandatoryPluginsMap'] = useMemo(() => {
+        const _mandatoryPluginsMap: PipelineContext['mandatoryPluginsMap'] = {}
         if (mandatoryPluginData?.pluginData.length) {
             for (const plugin of mandatoryPluginData.pluginData) {
                 _mandatoryPluginsMap[plugin.parentPluginId] = plugin
@@ -224,6 +225,18 @@ export default function CIPipeline({
         )
     }
 
+    const handleHideScopedVariableWidgetUpdate: PipelineContext['handleHideScopedVariableWidgetUpdate'] = (
+        hideScopedVariableWidgetValue: boolean,
+    ) => {
+        setHideScopedVariableWidget(hideScopedVariableWidgetValue)
+    }
+
+    const handleDisableParentModalCloseUpdate: PipelineContext['handleDisableParentModalCloseUpdate'] = (
+        disableParentModalCloseValue: boolean,
+    ) => {
+        setDisableParentModalClose(disableParentModalCloseValue)
+    }
+
     const handleUpdateAvailableTags: PipelineContext['handleUpdateAvailableTags'] = (tags) => {
         setAvailableTags(tags)
     }
@@ -521,6 +534,10 @@ export default function CIPipeline({
     }, [location.pathname, ciPipeline.pipelineType])
 
     const handleClose = () => {
+        if (disableParentModalClose) {
+            return null
+        }
+
         close()
     }
 
@@ -737,7 +754,7 @@ export default function CIPipeline({
                 <NavLink
                     data-testid={`${toLink}-button`}
                     replace
-                    className="tab-list__tab-link fs-13 pt-5 pb-5 flexbox"
+                    className="tab-list__tab-link fs-13 pt-0 pb-8 flexbox"
                     activeClassName="active"
                     to={toLink}
                     onClick={() => {
@@ -747,7 +764,7 @@ export default function CIPipeline({
                     {isJobCard ? JobPipelineTabText[stageName] : BuildTabText[stageName]}
                     {(showAlert || showWarning) && (
                         <WarningTriangle
-                            className={`icon-dim-16 mr-5 ml-5 mt-3 ${
+                            className={`icon-dim-16 mr-5 ml-5 mt-2 ${
                                 showAlert ? 'alert-icon-r5-imp' : 'warning-icon-y7-imp'
                             }`}
                         />
@@ -780,6 +797,9 @@ export default function CIPipeline({
             pageState,
             availableTags,
             handleUpdateAvailableTags,
+            handleHideScopedVariableWidgetUpdate,
+            handleDisableParentModalCloseUpdate,
+            mandatoryPluginsMap,
         }
     }, [
         formData,
@@ -792,6 +812,7 @@ export default function CIPipeline({
         globalVariables,
         pluginDataStore,
         availableTags,
+        mandatoryPluginsMap,
     ])
 
     const renderCIPipelineModalContent = () => {
@@ -827,7 +848,6 @@ export default function CIPipeline({
                                     isJobCI={isJobCI}
                                     mandatoryPluginData={mandatoryPluginData}
                                     setInputVariablesListFromPrevStep={setInputVariablesListFromPrevStep}
-                                    mandatoryPluginsMap={mandatoryPluginsMap}
                                     environments={environments}
                                     selectedEnv={selectedEnv}
                                     setSelectedEnv={setSelectedEnv}
@@ -837,12 +857,12 @@ export default function CIPipeline({
                         <Switch>
                             {isAdvanced && (
                                 <Route path={`${path}/pre-build`}>
-                                    <PreBuild isJobView={isJobCard} mandatoryPluginsMap={mandatoryPluginsMap} />
+                                    <PreBuild isJobView={isJobCard} />
                                 </Route>
                             )}
                             {isAdvanced && (
                                 <Route path={`${path}/post-build`}>
-                                    <PreBuild mandatoryPluginsMap={mandatoryPluginsMap} />
+                                    <PreBuild />
                                 </Route>
                             )}
                             <Route path={`${path}/build`}>
@@ -901,7 +921,7 @@ export default function CIPipeline({
                     isAdvanced ? 'advanced-option-container' : 'bottom-border-radius'
                 }`}
             >
-                <div className="flex flex-align-center flex-justify bcn-0 py-12 pr-20 pl-20">
+                <div className="flex flex-align-center flex-justify bcn-0 py-12 px-20">
                     <h2 className="fs-16 fw-6 lh-1-43 m-0" data-testid="build-pipeline-heading">
                         {title}
                     </h2>
@@ -917,7 +937,11 @@ export default function CIPipeline({
     }
 
     const renderFloatingVariablesWidget = () => {
-        if (!window._env_.ENABLE_SCOPED_VARIABLES || activeStageName === BuildStageVariable.Build) {
+        if (
+            !window._env_.ENABLE_SCOPED_VARIABLES ||
+            activeStageName === BuildStageVariable.Build ||
+            hideScopedVariableWidget
+        ) {
             return <></>
         }
 

src/assets/icons/ic-lego-block.svg

@@ -49,3 +49,8 @@ export const triggerStageStyles = {
 export const TIPPY_VAR_MSG = 'This is a variable. It will be replaced with the value during execution.'
 
 export const excludeVariables = ['DOCKER_IMAGE_TAG', 'DOCKER_IMAGE']
+
+export const INLINE_PLUGIN_TEXT = {
+    TITLE: 'Execute custom task',
+    DESCRIPTION: 'Write a script to perform custom task or create custom plugin',
+}