Function generateComponentData

src/createBlueKit.js:71–117

(config, file, directory)

}

function generateComponentData(config, file, directory) {
  const filePath = path.join(directory, file);

  try {
    const docgen = getDocgen(config, filePath);

    const doc = {
      ...docgen,
      propsDefinition: objectToString(docgen.props)
    }

    const normalizedFile = normalizePath(file);
    const menu = normalizedFile
      .replace(/\.\.\//g, '')
      .replace('.react', '')
      .replace(/\.(js|jsx|tsx)$/, '')
      .replace(/(?:^|\/)(\w)/g, (_, c) => c ? ` ${c.toUpperCase()}` : '')
      .replace(/(?:^|[-_])(\w)/g, (_, c) => c ? `${c.toUpperCase()}` : '')
      .replace(/\//g, '')
      .trim();


    const name = menu.replace(/\W/g, '');

    const importFile = normalizePath(getImportFile(directory, file));
    const componentName = normalizedFile.replace(/.*\//, '').split('.')[0];
    const simpleProps = objectToString(buildProps(docgen.props))
    const fullProps = objectToString(buildProps(docgen.props, true))

    return {
      file: importFile,
      componentName,
      menu,
      name,
      simpleProps,
      fullProps,
      ...doc,
    };
  }
  catch (error) {
    if (error.message !== 'No suitable component definition found.')
      console.error(`\u001b[31mError parsing component ${file}: ${error.message}\u001b[0m`, error.stack) // eslint-disable-line no-console
    else
      console.warn(`\u001b[33m No suitable component definition found in ${file}\u001b[0m`) // eslint-disable-line no-console
    return null;
  }
}

function getValidFiles(files) {
  return [].concat.apply([], files).filter(file => !!file);