styleguide.loader.js

var fs = require('fs');
var path = require('path');
var glob = require('glob');
var prettyjson = require('prettyjson');
var _ = require('lodash');
var config = require('../src/utils/config');

function processComponent(filepath) {
    // If component name can’t be detected in runtime use filename or folder name (if file name is 'index')
	var filename = path.basename(filepath).replace(/\.\w+$/, '');
	var nameFallbak = filename === 'index' ? path.basename(path.dirname(filepath)) : filename;

	return '{' + [
		'filepath: ' + JSON.stringify(filepath),
		'nameFallbak: ' + JSON.stringify(nameFallbak),
		'pathLine: ' + JSON.stringify(config.getComponentPathLine(path.relative(config.configDir, filepath))),
		'module: ' + requireIt(filepath),
		'props: ' + requireIt('!!props!' + filepath),
		'examples: ' + getExamples(filepath, nameFallbak)
	].join(',') + '}';
}

function getExamples(filepath, nameFallbak) {
	var examplesFile = config.getExampleFilename(filepath);

	if (hasExamples(filepath)) {
		return requireIt('examples!' + examplesFile);
	}

	if (config.defaultExample) {
		return requireIt('examples?componentName=' + nameFallbak + '!' + config.defaultExample);
	}

	return null;
}

function hasExamples(filepath) {
	var examplesFile = config.getExampleFilename(filepath);
	return !!fs.existsSync(examplesFile);
}

function requireIt(filepath) {
	return 'require(' + JSON.stringify(filepath) + ')';
}

function processComponentsSource(components, config) {
	if (!components) return null;

	var componentSources;
	if (typeof components === 'function') {
		componentSources = components();
	}
	else {
		componentSources = glob.sync(path.resolve(config.configDir, components));
	}

	if (config.verbose) {
		console.log();
		console.log('Loading components:');
		console.log(prettyjson.render(componentSources));
		console.log();
	}

	if (config.skipComponentsWithoutExample) {
		componentSources = _.filter(componentSources, hasExamples);
	}

	return '[' + componentSources.map(processComponent).join(',') + ']';
}

function processSection(section, config) {
	return '{' + [
		'name: ' + JSON.stringify(section.name),
		'content: ' + (section.content ? requireIt('examples!' + section.content) : null),
		'components: ' + processComponentsSource(section.components, config),
		'sections: ' + processSectionsList(section.sections, config)
	].join(',') + '}';
}

function processSectionsList(sections, config) {
	if (!sections) return null;

	return '[' +
		sections.map(function(section) { return processSection(section, config); }).join(',') +
	']';
}

module.exports = function() {};
module.exports.pitch = function() {
	this.cacheable && this.cacheable();

	var simplifiedConfig = _.pick(config, [
		'title',
		'highlightTheme'
	]);

	return [
		'module.exports = {',
		'	config: ' + JSON.stringify(simplifiedConfig) + ',',
		'	components: ' + processComponentsSource(config.components, config) + ',',
		'	sections: ' + processSectionsList(config.sections, config),
		'};'
	].join('\n');
};