Function formatWithJSX

packages/backend/src/common/parseJSX.ts:4–26

(
  property: string,
  isJsx: boolean,
  value: number | string,
)

import { numberToFixedString } from "./numToAutoFixed";

export const formatWithJSX = (
  property: string,
  isJsx: boolean,
  value: number | string,
): string => {
  // convert font-size to fontSize.
  const jsx_property = property
    .split("-")
    .map((d, i) => (i > 0 ? d.charAt(0).toUpperCase() + d.slice(1) : d))
    .join("");

  if (typeof value === "number") {
    if (isJsx) {
      return `${jsx_property}: ${numberToFixedString(value)}`;
    } else {
      return `${property}: ${numberToFixedString(value)}px`;
    }
  } else if (isJsx) {
    return `${jsx_property}: '${value}'`;
  } else {
    return `${property}: ${value}`;
  }
};

export const formatMultipleJSXArray = (
  styles: Record<string, string | number>,