Function stringifyJSXComponent

packages/extension/utils/component.ts:364–398

(
  component: DevComponent,
  indentLevel = 0,
  isInline?: (tag: string) => boolean
)

}

function stringifyJSXComponent(
  component: DevComponent,
  indentLevel = 0,
  isInline?: (tag: string) => boolean
) {
  return stringifyBaseComponent(
    component,
    (key, value) => {
      if (EVENT_HANDLER_RE.test(key)) {
        const callback = typeof value === 'string' ? value : '() => {}'
        return `${key}="{${callback.trim()}}"`
      }

      if (typeof value === 'string') {
        return `${key}="${escapeHTML(value).trim()}"`
      }

      if (typeof value === 'boolean') {
        return value ? key : `${key}={false}`
      }

      if (typeof value === 'object' && value != null) {
        const pruned = prune(value)
        if (pruned == null) {
          return ''
        }
        return `${key}={${stringify(pruned)}}`
      }

      return `${key}={${stringify(value)}}`
    },
    indentLevel,
    isInline
  )
}

type SerializeOptions = {
  lang?: SupportedLang