feat: resource recommender

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.15.1",
+    "version": "1.15.1-beta-5",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

src/Common/RJSF/rjsfForm.scss

@@ -26,6 +26,10 @@
 
         input.form__input {
             padding: 6px 8px;
+
+            &[readonly] {
+                opacity: 0.5;
+            }
         }
     }
 

src/Pages/ResourceBrowser/ResourceBrowser.Types.ts

@@ -14,8 +14,11 @@
  * limitations under the License.
  */
 
-import { RefObject } from 'react'
+import { Dispatch, RefObject, SetStateAction } from 'react'
+import { GroupBase } from 'react-select'
 
+import { ServerErrors } from '@Common/ServerError'
+import { SelectPickerOptionType } from '@Shared/Components'
 import { Nodes, NodeType } from '@Shared/types'
 
 export interface GVKType {
@@ -59,8 +62,54 @@ export interface K8sResourceListPayloadType {
     k8sRequest: ResourceListPayloadK8sRequestType
 }
 
+export enum ResourceRecommenderHeaderType {
+    NAME = 'name',
+    NAMESPACE = 'namespace',
+    KIND = 'kind',
+    API_VERSION = 'apiVersion',
+    CONTAINER_NAME = 'containerName',
+    CPU_REQUEST = 'cpuRequest',
+    CPU_LIMIT = 'cpuLimit',
+    MEMORY_REQUEST = 'memoryRequest',
+    MEMORY_LIMIT = 'memoryLimit',
+}
+
+export type ResourceRecommenderHeaderWithStringValue = Extract<
+    ResourceRecommenderHeaderType,
+    | ResourceRecommenderHeaderType.NAME
+    | ResourceRecommenderHeaderType.NAMESPACE
+    | ResourceRecommenderHeaderType.KIND
+    | ResourceRecommenderHeaderType.API_VERSION
+    | ResourceRecommenderHeaderType.CONTAINER_NAME
+>
+
+export type ResourceRecommenderHeaderWithRecommendation = Extract<
+    ResourceRecommenderHeaderType,
+    | ResourceRecommenderHeaderType.CPU_REQUEST
+    | ResourceRecommenderHeaderType.CPU_LIMIT
+    | ResourceRecommenderHeaderType.MEMORY_REQUEST
+    | ResourceRecommenderHeaderType.MEMORY_LIMIT
+>
+
 export type K8sResourceDetailDataType = {
     [key: string]: string | number | object | boolean
+    additionalMetadata?: Partial<
+        Record<
+            ResourceRecommenderHeaderWithRecommendation,
+            {
+                // In case there is not limit or request set, it will be null
+                current: {
+                    value: string | 'none'
+                } | null
+                // In case cron is yet to run
+                recommended: {
+                    value: string | 'none'
+                } | null
+                // In case any of current or recommended is null, delta will be null
+                delta: number | null
+            }
+        >
+    >
 }
 
 export interface K8sResourceDetailType {
@@ -69,19 +118,21 @@ export interface K8sResourceDetailType {
 }
 
 export interface BulkSelectionActionWidgetProps {
+    isResourceRecommendationView: boolean
     count: number
     handleOpenBulkDeleteModal: () => void
     handleClearBulkSelection: () => void
     handleOpenCordonNodeModal: () => void
     handleOpenUncordonNodeModal: () => void
     handleOpenDrainNodeModal: () => void
     handleOpenRestartWorkloadModal: () => void
+    handleOpenApplyResourceRecommendationModal: () => void
     parentRef: RefObject<HTMLDivElement>
     showBulkRestartOption: boolean
     showNodeListingOptions: boolean
 }
 
-export type RBBulkOperationType = 'restart' | 'delete' | 'cordon' | 'uncordon' | 'drain'
+export type RBBulkOperationType = 'restart' | 'delete' | 'cordon' | 'uncordon' | 'drain' | 'applyResourceRecommendation'
 
 export interface CreateResourceRequestBodyType {
     appId: string
@@ -95,6 +146,7 @@ export interface CreateResourceRequestBodyType {
 export interface ResourceManifestDTO {
     manifestResponse: {
         manifest: Record<string, unknown>
+        recommendedManifest?: Record<string, unknown>
     }
     secretViewAccess: boolean
 }
@@ -146,3 +198,21 @@ export interface NodeActionRequest {
     version: string
     kind: string
 }
+
+export interface GVKOptionValueType {
+    kind: string
+    apiVersion: string
+}
+
+export interface GetResourceRecommenderResourceListPropsType {
+    resourceList: K8sResourceDetailType
+    reloadResourceListData: () => void
+    setShowAbsoluteValuesInResourceRecommender: Dispatch<SetStateAction<boolean>>
+    showAbsoluteValuesInResourceRecommender: boolean
+    gvkOptions: GroupBase<SelectPickerOptionType<GVKOptionValueType>>[]
+    areGVKOptionsLoading: boolean
+    reloadGVKOptions: () => void
+    gvkOptionsError: ServerErrors
+    isResourceListLoading: boolean
+    resourceListError: ServerErrors
+}

src/Pages/ResourceBrowser/constants.tsx

@@ -111,3 +111,6 @@ export const NODE_DRAIN_OPTIONS_CHECKBOX_CONFIG: {
         label: DRAIN_NODE_MODAL_MESSAGING.IgnoreDaemonSets.heading,
     },
 ] as const
+
+export const GVK_FILTER_KIND_QUERY_PARAM_KEY = 'gvkFilterKind'
+export const GVK_FILTER_API_VERSION_QUERY_PARAM_KEY = 'gvkFilterApiVersion'

src/Pages/ResourceBrowser/service.ts

@@ -39,7 +39,9 @@ export const getK8sResourceList = (
 
 export const createNewResource = (
     resourceListPayload: CreateResourcePayload,
-): Promise<ResponseType<CreateResourceDTO[]>> => post(ROUTES.K8S_RESOURCE_CREATE, resourceListPayload)
+    abortControllerRef?: APIOptions['abortControllerRef'],
+): Promise<ResponseType<CreateResourceDTO[]>> =>
+    post(ROUTES.K8S_RESOURCE_CREATE, resourceListPayload, { abortControllerRef })
 
 export const deleteResource = (
     resourceListPayload: ResourceListPayloadType,