241 lines
5.7 KiB
JavaScript
241 lines
5.7 KiB
JavaScript
'use strict';
|
|
var extname = require('../extname');
|
|
|
|
/**
|
|
* Constants
|
|
*/
|
|
var TARGET_TYPES = ['html', 'jade', 'pug', 'slm', 'slim', 'jsx', 'haml', 'less', 'sass', 'scss', 'twig'];
|
|
var IMAGES = ['jpeg', 'jpg', 'png', 'gif'];
|
|
var DEFAULT_TARGET = TARGET_TYPES[0];
|
|
|
|
/**
|
|
* Transform module
|
|
*/
|
|
var transform = module.exports = exports = function (filepath, i, length, sourceFile, targetFile) {
|
|
var type;
|
|
if (targetFile && targetFile.path) {
|
|
var ext = extname(targetFile.path);
|
|
type = typeFromExt(ext);
|
|
}
|
|
if (!isTargetType(type)) {
|
|
type = DEFAULT_TARGET;
|
|
}
|
|
var func = transform[type];
|
|
if (func) {
|
|
return func.apply(transform, arguments);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Options
|
|
*/
|
|
|
|
transform.selfClosingTag = false;
|
|
|
|
/**
|
|
* Transform functions
|
|
*/
|
|
TARGET_TYPES.forEach(function (targetType) {
|
|
transform[targetType] = function (filepath) {
|
|
var ext = extname(filepath);
|
|
var type = typeFromExt(ext);
|
|
var func = transform[targetType][type];
|
|
if (func) {
|
|
return func.apply(transform[targetType], arguments);
|
|
}
|
|
};
|
|
});
|
|
|
|
transform.html.css = function (filepath) {
|
|
return '<link rel="stylesheet" href="' + filepath + '"' + end();
|
|
};
|
|
|
|
transform.html.js = function (filepath) {
|
|
return '<script src="' + filepath + '"></script>';
|
|
};
|
|
transform.html.map = transform.html.js;
|
|
|
|
transform.html.jsx = function (filepath) {
|
|
return '<script type="text/jsx" src="' + filepath + '"></script>';
|
|
};
|
|
|
|
transform.html.html = function (filepath) {
|
|
return '<link rel="import" href="' + filepath + '"' + end();
|
|
};
|
|
|
|
transform.html.coffee = function (filepath) {
|
|
return '<script type="text/coffeescript" src="' + filepath + '"></script>';
|
|
};
|
|
|
|
transform.html.image = function (filepath) {
|
|
return '<img src="' + filepath + '"' + end();
|
|
};
|
|
|
|
transform.jade.css = function (filepath) {
|
|
return 'link(rel="stylesheet", href="' + filepath + '")';
|
|
};
|
|
|
|
transform.jade.js = function (filepath) {
|
|
return 'script(src="' + filepath + '")';
|
|
};
|
|
|
|
transform.jade.jsx = function (filepath) {
|
|
return 'script(type="text/jsx", src="' + filepath + '")';
|
|
};
|
|
|
|
transform.jade.jade = function (filepath) {
|
|
return 'include ' + filepath;
|
|
};
|
|
|
|
transform.jade.html = function (filepath) {
|
|
return 'link(rel="import", href="' + filepath + '")';
|
|
};
|
|
|
|
transform.jade.coffee = function (filepath) {
|
|
return 'script(type="text/coffeescript", src="' + filepath + '")';
|
|
};
|
|
|
|
transform.jade.image = function (filepath) {
|
|
return 'img(src="' + filepath + '")';
|
|
};
|
|
|
|
transform.pug.css = function (filepath) {
|
|
return 'link(rel="stylesheet", href="' + filepath + '")';
|
|
};
|
|
|
|
transform.pug.js = function (filepath) {
|
|
return 'script(src="' + filepath + '")';
|
|
};
|
|
|
|
transform.pug.jsx = function (filepath) {
|
|
return 'script(type="text/jsx", src="' + filepath + '")';
|
|
};
|
|
|
|
transform.pug.pug = function (filepath) {
|
|
return 'include ' + filepath;
|
|
};
|
|
|
|
transform.pug.html = function (filepath) {
|
|
return 'link(rel="import", href="' + filepath + '")';
|
|
};
|
|
|
|
transform.pug.coffee = function (filepath) {
|
|
return 'script(type="text/coffeescript", src="' + filepath + '")';
|
|
};
|
|
|
|
transform.pug.image = function (filepath) {
|
|
return 'img(src="' + filepath + '")';
|
|
};
|
|
|
|
transform.slm.css = function (filepath) {
|
|
return 'link rel="stylesheet" href="' + filepath + '"';
|
|
};
|
|
|
|
transform.slm.js = function (filepath) {
|
|
return 'script src="' + filepath + '"';
|
|
};
|
|
|
|
transform.slm.html = function (filepath) {
|
|
return 'link rel="import" href="' + filepath + '"';
|
|
};
|
|
|
|
transform.slm.coffee = function (filepath) {
|
|
return 'script type="text/coffeescript" src="' + filepath + '"';
|
|
};
|
|
|
|
transform.slm.image = function (filepath) {
|
|
return 'img src="' + filepath + '"';
|
|
};
|
|
|
|
transform.slim.css = transform.slm.css;
|
|
|
|
transform.slim.js = transform.slm.js;
|
|
|
|
transform.slim.html = transform.slm.html;
|
|
|
|
transform.slim.coffee = transform.slm.coffee;
|
|
|
|
transform.slim.image = transform.slm.image;
|
|
|
|
transform.haml.css = function (filepath) {
|
|
return '%link{rel:"stylesheet", href:"' + filepath + '"}';
|
|
};
|
|
|
|
transform.haml.js = function (filepath) {
|
|
return '%script{src:"' + filepath + '"}';
|
|
};
|
|
|
|
transform.haml.html = function (filepath) {
|
|
return '%link{rel:"import", href:"' + filepath + '"}';
|
|
};
|
|
|
|
transform.haml.coffee = function (filepath) {
|
|
return '%script{type:"text/coffeescript", src:"' + filepath + '"}';
|
|
};
|
|
|
|
transform.haml.image = function (filepath) {
|
|
return '%img{src:"' + filepath + '"}';
|
|
};
|
|
|
|
transform.less.less = function (filepath) {
|
|
return '@import "' + filepath + '";';
|
|
};
|
|
|
|
transform.less.css = transform.less.less;
|
|
|
|
transform.sass.sass = function (filepath) {
|
|
return '@import "' + filepath + '"';
|
|
};
|
|
|
|
transform.sass.scss = transform.sass.sass;
|
|
transform.sass.css = transform.sass.sass;
|
|
|
|
transform.scss.sass = transform.less.less;
|
|
transform.scss.scss = transform.scss.sass;
|
|
transform.scss.css = transform.scss.sass;
|
|
|
|
transform.twig.css = function (filepath) {
|
|
return '<link rel="stylesheet" href="{{ asset("' + filepath + '") }}"' + end();
|
|
};
|
|
|
|
transform.twig.js = function (filepath) {
|
|
return '<script src="{{ asset("' + filepath + '") }}"></script>';
|
|
};
|
|
|
|
/**
|
|
* Transformations for jsx is like html
|
|
* but always with self closing tags, invalid jsx otherwise
|
|
*/
|
|
Object.keys(transform.html).forEach(function (type) {
|
|
transform.jsx[type] = function () {
|
|
var originalOption = transform.selfClosingTag;
|
|
transform.selfClosingTag = true;
|
|
var result = transform.html[type].apply(transform.html, arguments);
|
|
transform.selfClosingTag = originalOption;
|
|
return result;
|
|
};
|
|
});
|
|
|
|
function end() {
|
|
return transform.selfClosingTag ? ' />' : '>';
|
|
}
|
|
|
|
function typeFromExt(ext) {
|
|
ext = ext.toLowerCase();
|
|
if (isImage(ext)) {
|
|
return 'image';
|
|
}
|
|
return ext;
|
|
}
|
|
|
|
function isImage(ext) {
|
|
return IMAGES.indexOf(ext) > -1;
|
|
}
|
|
|
|
function isTargetType(type) {
|
|
if (!type) {
|
|
return false;
|
|
}
|
|
return TARGET_TYPES.indexOf(type) > -1;
|
|
}
|