Function injectPropsIntoUsage

src/utils/codeGeneration.js:113–136

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

 * @returns {string} Updated usage code with current props
 */
export function injectPropsIntoUsage(usageTemplate, componentName, props, defaultProps = {}, options = {}) {
  const { exclude = ['className', 'key', 'ref'], include = [] } = options;

  // Generate the props string
  const propsString = generatePropsString(props, defaultProps, { exclude, include, indent: 2 });

  // Find the component usage in the template and replace its props
  // This regex matches <ComponentName followed by props and closing />
  const componentRegex = new RegExp(`(<${componentName})([^>]*)(\\s*/>)`, 's');

  const match = usageTemplate.match(componentRegex);

  if (!match) {
    // If no match found, return original
    return usageTemplate;
  }

  // Build new component usage
  if (propsString) {
    return usageTemplate.replace(componentRegex, `$1\n${propsString}\n$3`);
  }

  return usageTemplate;
}

/**
 * Creates a simple usage example for a component with given props.