@cmk/fe_utils/src/html_editor/renderer/actions/queryAction.ts

frontend utility library

import { ResponseType } from 'axios'
import { query, QUERY_METHOD } from '../../../api/utils/httpQuerys'
import { AppController } from '../../types'
import { BodyParam } from '../../types/bodyParam'
import { Header } from '../../types/Header'
import { Param } from '../../types/param'

const replacePlaceholders = (
  text: string,
  placeholders: { [key: string]: string },
  debug: boolean | string | number = false
) => {
  if (!['string', 'number'].includes(typeof text) || !placeholders) {
    console.debug('replacePlaceholders out1', text, placeholders)
    return text
  }
  let result = text
  for (const key in placeholders) {
    if (!result.includes('{' + key + '}')) {
      continue
    }
    result = result?.replaceAll?.('{' + key + '}', placeholders[key])
    const regexOnlyNumbersOrDecimal = /^[0-9]+(\.[0-9]+)?$/
    const isNumberOrDecimal = regexOnlyNumbersOrDecimal.test(placeholders[key])
    if (isNumberOrDecimal && result !== text) {
      result = placeholders[key]
      // currently a number placeholder can only be replaced alone
      break
    }
  }
  if (debug) {
    console.debug('replacePlaceholders out' + debug, result, placeholders)
  }
  return result
}

export const queryAction = async (
  appController: AppController,
  actionId: string,
  method: string,
  url: string,
  use_cookies: boolean,
  payload: BodyParam[] = [],
  headers: Header[] = [],
  params: Param[] = [],
  response_type?: string,
  basicAuth?: { username: string; password: string },
  placeholders: Record<string, string> = {}
) => {
  const adjMethod = replacePlaceholders(method, placeholders)

  const adjParams = {
    url: replacePlaceholders(url, placeholders),
    payload:
      payload?.reduce((acc, param) => {
        return {
          ...acc,
          [param.key]: replacePlaceholders(param.value, placeholders, true),
        }
      }, {}) ?? {},

    // Object.keys(payload ?? {}).reduce((acc, key) => {
    //   return { ...acc, [key]: replacePlaceholders(payload[key], placeholders) }
    // }, {}),
    withCredentials: use_cookies,
    auth: basicAuth,
    headers:
      headers?.reduce((acc, header) => {
        return {
          ...acc,
          [header.key]: replacePlaceholders(header.value, placeholders),
        }
      }, {}) ?? {},
    params:
      params?.reduce((acc, param) => {
        return {
          ...acc,
          [param.key]: replacePlaceholders(param.value, placeholders),
        }
      }, {}) ?? {},

    // Object.keys(headers ?? {}).reduce((acc, key) => {
    //   return { ...acc, [key]: replacePlaceholders(headers[key], placeholders) }
    // }, {}),
    // params: Object.keys(params ?? {}).reduce((acc, key) => {
    //   return { ...acc, [key]: replacePlaceholders(params[key], placeholders) }
    // }, {}),
    responseType: response_type
      ? (replacePlaceholders(response_type, placeholders) as ResponseType)
      : undefined,
  }

  // IMPLEMENTATION -> replace all relevantProps with placeholders if any
  // -> url, payload per key, headers per key, params per key, responseType, method,

  console.debug(
    'queryAction inner ',
    adjMethod,
    adjParams,
    'payload',
    payload,
    payload?.reduce((acc, param) => {
      return {
        ...acc,
        [param.key]: param.value,
      }
    }, {}) ?? {},
    payload?.reduce((acc, param) => {
      return {
        ...acc,
        [param.key]: replacePlaceholders(
          param.value,
          placeholders,
          'innerQueryAction'
        ),
      }
    }, {}) ?? {},
    'PL END',
    placeholders,
    method,
    url
  )
  const response = await query(adjMethod as QUERY_METHOD, adjParams)

  const responseRaw = response?.data
  if (responseRaw) {
    appController.actions.updateData(
      actionId,
      responseRaw as Record<string, unknown>
    )
  }

  return response
}