avalon-loader/html-loader/index.js

A single-file webpack loader for avalon.js

/*
	MIT License http://www.opensource.org/licenses/mit-license.php
	Author Tobias Koppers @sokra
*/
var attrParse = require( './attributesParser' );
var loaderUtils = require( 'loader-utils' );
var url = require( 'url' );
var assign = require( 'object-assign' );
var compile = require( 'es6-templates' ).compile;

function randomIdent() {
	return 'xxxHTMLLINKxxx' + Math.random() + Math.random() + 'xxx';
}

function getLoaderConfig( context ) {
	var query = loaderUtils.parseQuery( context.query );
	var configKey = query.config || 'htmlLoader';
	var config = context.options && context.options.hasOwnProperty( configKey ) ? context.options[ configKey ] : {};

	delete query.config;

	return assign( query, config );
}

module.exports = function ( content ) {
	this.cacheable && this.cacheable();
	var config = getLoaderConfig( this );
	var attributes = [ 'img:src' ];
	if ( config.attrs !== undefined ) {
		if ( typeof config.attrs === 'string' )			{
			attributes = config.attrs.split( ' ' );
		}		else if ( Array.isArray( config.attrs ) )			{
			attributes = config.attrs;
		}		else if ( config.attrs === false )			{
			attributes = [];
		}		else			{
			throw new Error( 'Invalid value to config parameter attrs' );
		}
	}
	var root = config.root;
	var links = attrParse( content, function ( tag, attr ) {
		return attributes.indexOf( tag + ':' + attr ) >= 0;
	} );
	links.reverse();
	var data = {};
	content = [ content ];
	links.forEach( function ( link ) {
		if ( !loaderUtils.isUrlRequest( link.value, root ) ) {
			return;
		}

		var uri = url.parse( link.value );
		if ( uri.hash !== null && uri.hash !== undefined ) {
			uri.hash = null;
			link.value = uri.format();
			link.length = link.value.length;
		}

		do {
			var ident = randomIdent();
		} while ( data[ ident ] );
		data[ ident ] = link.value;
		var x = content.pop();
		content.push( x.substr( link.start + link.length ) );
		content.push( ident );
		content.push( x.substr( 0, link.start ) );
	} );
	content.reverse();
	content = content.join( '' ).replace( /\n/g, '' );

	if ( config.interpolate ) {
		content = compile( '`' + content + '`' ).code;
	}

	return {
		html: content,
		data: data,
		root: root
	};
};