Function formatProps

packages/generator/src/shared.ts:18–25

(props: Record<string, string | null | undefined>, options: FormatPropsOptions = {})

}

export const formatProps = (props: Record<string, string | null | undefined>, options: FormatPropsOptions = {}) => {
  const { keyValueSeparator = ': ', propSeparator = ', ', quoteStyle = 'single' } = options
  const quote = quoteStyle === 'single' ? "'" : quoteStyle === 'double' ? '"' : ''
  return Object.entries(props)
    .filter(([_, value]) => value != null)
    .map(([key, value]) => `${key}${keyValueSeparator}${quote}${value}${quote}`)
    .join(propSeparator)
}

export const formatJsxComponent = (component: string, props: Record<string, string | null | undefined>) => {
  const formattedProps = formatProps(props, { keyValueSeparator: '=', propSeparator: ' ', quoteStyle: 'double' })