style Dashboard

node_modules/gulp-inject/src/transform/index.js

@@ -0,0 +1,240 @@
+'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;
+}