Function formatPropValue

src/utils/codeGeneration.js:13–49

(value, propName)

 * - Functions: shown as reference
 */
export function formatPropValue(value, propName) {
  if (value === undefined || value === null) {
    return null;
  }

  const type = typeof value;

  if (type === 'string') {
    return `"${value}"`;
  }

  if (type === 'number') {
    return `{${value}}`;
  }

  if (type === 'boolean') {
    return value ? '' : `{${value}}`; // true props can be just the prop name
  }

  if (type === 'function') {
    // Check if it's a named function
    if (value.name && value.name !== 'anonymous') {
      return `{${value.name}}`;
    }
    return `{handle${propName.charAt(0).toUpperCase() + propName.slice(1)}}`;
  }

  if (Array.isArray(value)) {
    return `{${JSON.stringify(value)}}`;
  }

  if (type === 'object') {
    return `{${JSON.stringify(value)}}`;
  }

  return `{${value}}`;
}

/**
 * Generates JSX props string from a props object.