ractive/src/config/config.js

Next-generation DOM manipulation

import css from 'config/options/css/css';
import data from 'config/options/data';
import defaults from 'config/defaults/options';
import template from 'config/options/template/template';

import parseOptions from 'config/options/groups/parseOptions';
import registries from 'config/options/groups/registries';

import wrap from 'utils/wrapPrototypeMethod';
import deprecate from 'config/deprecate';


var custom, options, config;

custom = {
	data: data,
	template: template,
	css: css
};

options = Object.keys( defaults )
	.filter( key => !registries[ key ] && !custom[ key ] && !parseOptions[ key ] );

// this defines the order:
config = [].concat(
	custom.data,
	parseOptions,
	options,
	registries,
	custom.template,
	custom.css
);

for( let key in custom ) {
	config[ key ] = custom[ key ];
}

// for iteration
config.keys = Object.keys( defaults ).concat( registries.map( r => r.name ) ).concat( [ 'css' ] );

config.parseOptions = parseOptions;
config.registries = registries;


function customConfig ( method, key, Parent, instance, options ) {
	custom[ key ][ method ]( Parent, instance, options );
}

config.extend = function ( Parent, proto, options ) {
	configure( 'extend', Parent, proto, options );
};

config.init = function ( Parent, ractive, options ) {
	configure( 'init', Parent, ractive, options );

	if ( ractive._config ) {
		ractive._config.options = options;
	}
};

function configure ( method, Parent, instance, options ) {
	deprecate( options );

	customConfig( method, 'data', Parent, instance, options );

	config.parseOptions.forEach( key => {
		if ( key in options ) {
			instance[ key ] = options[ key ];
		}
	});

	for ( let key in options ) {
		if ( key in defaults && !( key in config.parseOptions ) && !( key in custom ) ) {
			let value = options[ key ];
			instance[ key ] = typeof value === 'function'
				? wrap( Parent.prototype, key, value )
				: value;
		}
	}

	config.registries.forEach( registry => {
		registry[ method ]( Parent, instance, options );
	});

	customConfig( method, 'template', Parent, instance, options );
	customConfig( method, 'css', Parent, instance, options );
}

config.reset = function ( ractive ) {
	return config.filter( c => {
		return c.reset && c.reset( ractive );
	});
};

export default config;