Function generatePropsString

src/utils/codeGeneration.js:62–100

(props, defaultProps = {}, options = {})

 * @returns {string} Formatted props string for JSX
 */
export function generatePropsString(props, defaultProps = {}, options = {}) {
  const { exclude = [], include = [], indent = 2 } = options;
  const indentStr = ' '.repeat(indent);

  const propsEntries = Object.entries(props).filter(([key, value]) => {
    // Always exclude certain internal props
    if (exclude.includes(key)) return false;

    // Always include specified props
    if (include.includes(key)) return true;

    // Skip if value matches default
    if (JSON.stringify(value) === JSON.stringify(defaultProps[key])) {
      return false;
    }

    // Skip undefined/null
    if (value === undefined || value === null) return false;

    return true;
  });

  if (propsEntries.length === 0) {
    return '';
  }

  return propsEntries
    .map(([key, value]) => {
      const formattedValue = formatPropValue(value, key);

      // For boolean true, just show the prop name
      if (typeof value === 'boolean' && value === true) {
        return `${indentStr}${key}`;
      }

      return `${indentStr}${key}=${formattedValue}`;
    })
    .join('\n');
}

/**
 * Injects dynamic props into a usage code template.