@devtron-labs/devtron-fe-common-lib 0.0.58-beta-1 → 0.0.58-beta-4

package/src/Pages/GlobalConfigurations/BuildInfra/services.tsx

@@ -0,0 +1,183 @@
+// TODO: Remove these comment on API integration
+/* eslint-disable no-console */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { ROUTES, ResponseType, get, put, showError } from '../../../Common'
+import { CREATE_PROFILE_BASE_VALUE, CREATE_VIEW_CHECKED_CONFIGS } from './constants'
+import {
+    BuildInfraConfigTypes,
+    BuildInfraConfigurationMapType,
+    BuildInfraConfigurationType,
+    BuildInfraProfileAPIResponseType,
+    BuildInfraProfileBase,
+    BuildInfraProfileResponseDataType,
+    BuildInfraProfileResponseType,
+    BuildInfraProfileTransformerType,
+    BuildInfraProfileVariants,
+    BuildInfraUnitsMapType,
+    ConfigurationUnitMapType,
+    CreateBuildInfraProfileType,
+    CreateBuildInfraServicePayloadType,
+    CreateBuildInfraServiceConfigurationType,
+    GetBuildInfraProfileType,
+    UpdateBuildInfraProfileType,
+} from './types'
+
+const getBaseProfileObject = (
+    fromCreateView: boolean,
+    profile: BuildInfraProfileResponseDataType,
+): BuildInfraProfileBase => {
+    if (fromCreateView) {
+        return CREATE_PROFILE_BASE_VALUE
+    }
+
+    return {
+        id: profile.id,
+        name: profile.name,
+        description: profile.description,
+        type: profile.type,
+        appCount: profile.appCount,
+    }
+}
+
+// Would receive a single profile and return transformed response
+export const getTransformedBuildInfraProfileResponse = ({
+    configurationUnits,
+    defaultConfigurations,
+    profile,
+    fromCreateView,
+}: BuildInfraProfileTransformerType): BuildInfraProfileResponseType => {
+    // Assuming would contain all the keys
+    const defaultConfigurationsMap =
+        defaultConfigurations?.reduce((acc, configuration) => {
+            acc[configuration.key] = configuration
+            return acc
+        }, {}) ?? {}
+
+    const profileConfigurations =
+        profile?.configurations?.reduce((acc, configuration) => {
+            acc[configuration.key] = configuration
+            return acc
+        }, {}) ?? {}
+
+    // traversing defaultConfigurationsMap and if key is present in profileConfigurations then use that else use defaultConfigurationsMap
+    const configurations = Object.keys(defaultConfigurationsMap).reduce((acc, key) => {
+        const defaultConfiguration: BuildInfraConfigurationType = defaultConfigurationsMap[key]
+        const profileConfiguration = profileConfigurations[key]
+        if (fromCreateView) {
+            acc[key] = {
+                key,
+                value: defaultConfiguration.value,
+                unit: defaultConfiguration.unit,
+                active: CREATE_VIEW_CHECKED_CONFIGS[key] ?? false,
+            }
+        } else if (profileConfiguration) {
+            acc[key] = profileConfiguration
+        } else {
+            // Removing id from it since we do not have a configuration
+            // While generating payload, we will check on the basis of id and active flag.
+            acc[key] = {
+                key,
+                value: defaultConfiguration.value,
+                // saving profile name as undefined and this would be a check, if we are deriving from default or not
+                unit: defaultConfiguration.unit,
+                active: false,
+            }
+        }
+        acc[key].defaultValue = {
+            value: defaultConfiguration.value,
+            unit: defaultConfiguration.unit,
+        }
+        return acc
+    }, {} as BuildInfraConfigurationMapType)
+
+    return {
+        configurationUnits,
+        profile: {
+            ...(profile && getBaseProfileObject(fromCreateView, profile)),
+            configurations,
+        },
+    }
+}
+
+export const getBuildInfraProfileByName = async ({
+    name,
+    fromCreateView,
+}: GetBuildInfraProfileType): Promise<BuildInfraProfileResponseType> => {
+    try {
+        const response = await get(`${ROUTES.INFRA_CONFIG_PROFILE}/${name}`)
+        const {
+            result: { configurationUnits, defaultConfigurations, profile },
+        } = response as ResponseType<BuildInfraProfileAPIResponseType>
+
+        return getTransformedBuildInfraProfileResponse({
+            configurationUnits,
+            defaultConfigurations,
+            profile,
+            fromCreateView,
+        })
+    } catch (error) {
+        showError(error)
+        throw error
+    }
+}
+
+const getBuildInfraProfilePayload = (
+    profileInput: CreateBuildInfraProfileType['profileInput'],
+): CreateBuildInfraServicePayloadType => {
+    const currentConfigurations = profileInput.configurations
+    const configurationKeys = Object.keys(currentConfigurations) as BuildInfraConfigTypes[]
+    // would only keep the configurations with id or active flag as true
+    const configurations: CreateBuildInfraServiceConfigurationType[] = configurationKeys.reduce((acc, key) => {
+        const configuration = currentConfigurations[key]
+        if (configuration.id || configuration.active) {
+            acc.push({
+                id: configuration.id,
+                key,
+                value: configuration.value,
+                unit: configuration.unit,
+                active: configuration.active,
+            })
+        }
+        return acc
+    }, [] as CreateBuildInfraServiceConfigurationType[])
+
+    const payload: CreateBuildInfraServicePayloadType = {
+        name: profileInput.name,
+        description: profileInput.description,
+        type: profileInput.type,
+        configurations,
+    }
+    return payload
+}
+
+export const updateBuildInfraProfile = ({ name, profileInput }: UpdateBuildInfraProfileType) => {
+    const payload = getBuildInfraProfilePayload(profileInput)
+    // TODO: Would remove this
+    console.log(payload, 'edit payload')
+    return put(`${ROUTES.INFRA_CONFIG_PROFILE}/${name}`, payload)
+}
+
+export const createBuildInfraProfile = async ({ profileInput }: CreateBuildInfraProfileType) => {
+    // Adding a timeout to show the loader
+    // eslint-disable-next-line no-promise-executor-return
+    await new Promise((resolve) => setTimeout(resolve, 1000))
+    const payload = getBuildInfraProfilePayload(profileInput)
+    // TODO: Remove this
+    console.log(payload, 'create payload')
+    return Promise.resolve({
+        code: 200,
+        result: profileInput,
+    })
+    // return post(`${ROUTES}/${name}`, payload)
+}
+
+export const deleteBuildInfraProfileByName = async (name: string) => {
+    // Adding a timeout to show the loader
+    // eslint-disable-next-line no-promise-executor-return
+    await new Promise((resolve) => setTimeout(resolve, 1000))
+    return Promise.resolve({
+        code: 200,
+        result: null,
+    })
+    // return trash(`${ROUTES}/${name}`)
+}

package/src/Pages/GlobalConfigurations/BuildInfra/types.tsx

@@ -0,0 +1,334 @@
+import { FormEvent, FunctionComponent, ReactNode } from 'react'
+import { Breadcrumb } from '../../../Common/BreadCrumb/Types'
+import { ValidationResponseType } from '../../../Shared'
+import { ServerErrors } from '../../../Common'
+
+/**
+ * Unique actions that will be dispatched and,
+ * Keeping some values (cpu_limit, etc) in sync with backend
+ */
+export enum BuildInfraConfigTypes {
+    CPU_LIMIT = 'cpu_limit',
+    CPU_REQUEST = 'cpu_request',
+    MEMORY_LIMIT = 'memory_limit',
+    MEMORY_REQUEST = 'memory_request',
+    BUILD_TIMEOUT = 'timeout',
+}
+
+/**
+ * Combination of BuildInfraConfigTypes and BuildInfraMetaConfigTypes is going to derive error state and actions(actions will also be derived with BuildInfraInheritActions)
+ */
+export enum BuildInfraMetaConfigTypes {
+    NAME = 'name',
+    DESCRIPTION = 'description',
+}
+
+/**
+ * Would be used as key for few components and would be appending activate and de_activate actions to it
+ */
+export enum BuildInfraLocators {
+    CPU = 'cpu',
+    MEMORY = 'memory',
+    // This name can be also different from BuildInfraConfigTypes[BUILD_TIMEOUT] in case we want to show different label
+    BUILD_TIMEOUT = 'timeout',
+}
+
+// FIXME: Derive this from BuildInfraLocators
+// Appending the locators from above
+export enum BuildInfraInheritActions {
+    ACTIVATE_CPU = `activate_cpu`,
+    DE_ACTIVATE_CPU = `de_activate_cpu`,
+    ACTIVATE_MEMORY = `activate_memory`,
+    DE_ACTIVATE_MEMORY = `de_activate_memory`,
+    ACTIVATE_BUILD_TIMEOUT = `activate_build_timeout`,
+    DE_ACTIVATE_BUILD_TIMEOUT = `de_activate_build_timeout`,
+}
+
+// TODO: Better name would be BuildInfraConfigActionMap
+export const BuildInfraLocatorsActionMap = {
+    [BuildInfraConfigTypes.BUILD_TIMEOUT]: BuildInfraLocators.BUILD_TIMEOUT,
+    [BuildInfraConfigTypes.CPU_LIMIT]: BuildInfraLocators.CPU,
+    [BuildInfraConfigTypes.CPU_REQUEST]: BuildInfraLocators.CPU,
+    [BuildInfraConfigTypes.MEMORY_LIMIT]: BuildInfraLocators.MEMORY,
+    [BuildInfraConfigTypes.MEMORY_REQUEST]: BuildInfraLocators.MEMORY,
+}
+
+export enum BuildInfraProfileVariants {
+    DEFAULT = 'DEFAULT',
+    NORMAL = 'NORMAL',
+    CUSTOM = 'CUSTOM',
+}
+
+export interface DescriptorProps {
+    /**
+     * In case we want to restrict the max-width
+     */
+    additionalContainerClasses?: string
+    breadCrumbs: Breadcrumb[]
+    /**
+     * Would stick at right of div
+     */
+    children?: ReactNode
+}
+
+export interface BuildInfraActionType {
+    /**
+     * Type of action to be dispatched, would be suffixed with type of change
+     */
+    actionType: BuildInfraConfigTypes
+    /**
+     * Label to be shown above input
+     */
+    label: string
+    /**
+     * Placeholder for input, can be optional
+     */
+    placeholder?: string
+    // Can add a prop for variant, if there is a need to show different types of inputs
+}
+
+export interface BuildInfraConfigurationMarkerProps {
+    className?: string
+}
+
+export interface BuildInfraFormFieldType {
+    /**
+     * Heading of the form item
+     */
+    heading: ReactNode
+    /**
+     * Icon/Checkbox to be shown in front of heading
+     */
+    marker: FunctionComponent<BuildInfraConfigurationMarkerProps>
+    /**
+     * Actions to be shown in the form item
+     */
+    actions: BuildInfraActionType[]
+    /**
+     * Unique identifier for the form item used for key
+     */
+    locator: BuildInfraLocators
+}
+
+export interface ConfigurationUnitType {
+    name: string
+    conversionFactor: number
+}
+
+// key would be the name of ConfigurationUnitType
+export type ConfigurationUnitMapType = {
+    [key: ConfigurationUnitType['name']]: ConfigurationUnitType
+}
+
+export type BuildInfraUnitsMapType = {
+    [key in BuildInfraConfigTypes]: ConfigurationUnitMapType
+}
+
+export interface BuildInfraConfigValuesType {
+    value: string
+    unit?: ConfigurationUnitType['name']
+}
+
+interface BuildInfraProfileConfigBase {
+    id?: number
+    key: BuildInfraConfigTypes
+    profileName: string
+    active: boolean
+}
+
+export interface BuildInfraProfileConfigResponseDataType
+    extends BuildInfraConfigValuesType,
+        BuildInfraProfileConfigBase {}
+
+export interface BuildInfraConfigurationType extends BuildInfraConfigValuesType, BuildInfraProfileConfigBase {
+    defaultValue: BuildInfraConfigValuesType
+}
+
+export type BuildInfraConfigurationMapType = {
+    [key in BuildInfraConfigTypes]: BuildInfraConfigurationType
+}
+
+export interface BuildInfraProfileBase {
+    id?: number
+    name: string
+    description: string
+    type: BuildInfraProfileVariants
+    appCount: number
+}
+
+export interface BuildInfraProfileResponseDataType extends BuildInfraProfileBase {
+    configurations: BuildInfraProfileConfigResponseDataType[]
+}
+
+export interface BuildInfraProfileData extends BuildInfraProfileBase {
+    configurations: BuildInfraConfigurationMapType
+}
+
+export interface GetBuildInfraProfileType {
+    name: string
+    fromCreateView?: boolean
+}
+
+export interface BuildInfraProfileResponseType {
+    configurationUnits: BuildInfraUnitsMapType | null
+    profile: BuildInfraProfileData | null
+}
+
+export interface UseBuildInfraFormProps {
+    /**
+     * Name of the profile, if not provided assumption would be for create view
+     */
+    name?: string
+    /**
+     * If true, would send put request else would create profile via post
+     */
+    editProfile?: boolean
+    /**
+     * If true, call this on form submission success
+     */
+    handleSuccessRedirection?: () => void
+}
+
+export type ProfileInputErrorType = {
+    [key in BuildInfraConfigTypes | BuildInfraMetaConfigTypes]: string
+}
+
+export interface ProfileInputDispatchDataType {
+    value: string
+    unit?: string
+}
+
+export interface HandleProfileInputChangeType {
+    action: BuildInfraConfigTypes | BuildInfraInheritActions | BuildInfraMetaConfigTypes
+    data?: ProfileInputDispatchDataType
+}
+
+export interface UseBuildInfraFormResponseType {
+    isLoading: boolean
+    profileResponse: BuildInfraProfileResponseType | null
+    responseError: ServerErrors | null
+    reloadRequest: () => void
+    profileInput: BuildInfraProfileData
+    profileInputErrors: ProfileInputErrorType
+    handleProfileInputChange: ({ action, data }: HandleProfileInputChangeType) => void
+    loadingActionRequest: boolean
+    handleSubmit: (e: FormEvent<HTMLFormElement>) => Promise<void>
+}
+
+export interface BuildInfraFormItemProps extends Pick<BuildInfraFormFieldType, 'marker' | 'heading'> {
+    children?: ReactNode
+    /**
+     * If true, means profile is inheriting values from other profile (e.g, default)
+     */
+    isInheriting?: boolean
+    /**
+     * Would be false for last item
+     */
+    showDivider?: boolean
+
+    /**
+     * Would be used to dispatch inherit actions (activate_cpu, de_activate_cpu, etc)
+     */
+    handleProfileInputChange: UseBuildInfraFormResponseType['handleProfileInputChange']
+    locator: BuildInfraFormFieldType['locator']
+    isDefaultProfile: boolean
+}
+
+export interface ValidateRequestLimitType {
+    request: BuildInfraConfigValuesType
+    limit: BuildInfraConfigValuesType
+    unitsMap: ConfigurationUnitMapType
+}
+
+export interface ValidateRequestLimitResponseType {
+    request: ValidationResponseType
+    limit: ValidationResponseType
+}
+
+export interface BuildInfraConfigFormProps
+    extends Pick<UseBuildInfraFormResponseType, 'profileInput' | 'profileInputErrors' | 'handleProfileInputChange'> {
+    isDefaultProfile?: boolean
+    unitsMap?: BuildInfraProfileResponseType['configurationUnits']
+    configurationContainerLabel?: ReactNode
+}
+
+export interface BuildInfraFormActionProps extends BuildInfraActionType {
+    handleProfileInputChange: UseBuildInfraFormResponseType['handleProfileInputChange']
+    currentValue: BuildInfraConfigValuesType['value']
+    error?: string
+    isRequired?: boolean
+    profileUnitsMap?: ConfigurationUnitMapType
+    currentUnitName?: BuildInfraConfigValuesType['unit']
+}
+
+export interface FooterProps {
+    /**
+     * If true, means form contains errors
+     */
+    disabled?: boolean
+    hideCancelButton?: boolean
+    /**
+     * If true would show save changes else would show save for submit button
+     */
+    editProfile?: boolean
+    loading?: boolean
+}
+
+export interface UpdateBuildInfraProfileType extends Pick<UseBuildInfraFormResponseType, 'profileInput'> {
+    name: string
+}
+
+export interface CreateBuildInfraProfileType extends Pick<UseBuildInfraFormResponseType, 'profileInput'> {}
+
+export interface CreateBuildInfraServiceConfigurationType {
+    key: BuildInfraConfigTypes
+    value: string
+    active: boolean
+    unit?: string
+    /**
+     * Would send for those that are available in profileInput
+     */
+    id?: number
+}
+
+export interface CreateBuildInfraServicePayloadType {
+    name: string
+    description: string
+    type: BuildInfraProfileVariants
+    configurations: CreateBuildInfraServiceConfigurationType[]
+}
+
+export interface BuildInfraInputFieldComponentProps {
+    handleProfileInputChange: UseBuildInfraFormResponseType['handleProfileInputChange']
+    currentValue: BuildInfraConfigValuesType['value']
+    error?: string
+}
+
+export interface InheritingHeaderProps {
+    defaultHeading: BuildInfraFormFieldType['heading']
+    inheritingData: BuildInfraConfigValuesType[]
+    isInheriting: boolean
+    isDefaultProfile: boolean
+}
+
+export interface BuildInfraConfigResponseDataType {
+    name: BuildInfraConfigTypes
+    units: ConfigurationUnitType[]
+}
+
+interface BaseBuildInfraProfileResponseType {
+    defaultConfigurations: BuildInfraProfileConfigResponseDataType[]
+    configurationUnits: BuildInfraUnitsMapType
+}
+
+export interface BuildInfraListResponseType extends BaseBuildInfraProfileResponseType {
+    profiles: BuildInfraProfileResponseDataType[]
+}
+
+export interface BuildInfraProfileAPIResponseType extends BaseBuildInfraProfileResponseType {
+    profile: BuildInfraProfileResponseDataType
+}
+
+export interface BuildInfraProfileTransformerType
+    extends BuildInfraProfileAPIResponseType,
+        Pick<GetBuildInfraProfileType, 'fromCreateView'> {}