Files
Opal-Estate-Pro/node_modules/gulp-inject/src/transform/index.js
2019-09-13 11:27:52 +07:00

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;
}