treeForVendor: function( tree ) {
var vendorTree = tree;
if ( !this.isAddon() && !isLessAddonInstalled ) {
var compiledLessTree = compileLess(
new Funnel( path.join( this.nodeModulesPath, '../', 'app' ) ),
'styles/' + this.name + '.less',
this.getCssFileName(), {
modifyVars: {
'component-class-prefix': componentClassPrefix
}
}
);
compiledLessTree = autoprefixer(
compiledLessTree,
{
browsers: [
'Android 2.3',
'Android >= 4',
'Chrome >= 20',
'Firefox >= 24',
'Explorer >= 8',
'iOS >= 6',
'Opera >= 12',
'Safari >= 6'
]
}
);
vendorTree = ( tree ) ? mergeTrees([ tree, compiledLessTree ]) : compiledLessTree;
}
return vendorTree;
},
postprocessTree: function(type, tree) {
if (type === 'all' || type === 'styles') {
tree = autoprefixer(tree, { browsers: ['last 2 versions'] });
}
return tree;
}
module.exports = function(defaults) {
var angularAppTree = new Angular2App(defaults, {
sourceDir: 'src/',
sassCompiler: {
includePaths: [
'src/core/style'
]
},
vendorNpmFiles: [
'systemjs/dist/system-polyfills.js',
'systemjs/dist/system.src.js',
'zone.js/dist/*.js',
'es6-shim/es6-shim.js',
'reflect-metadata/*.js',
'rxjs/**/*.js',
'@angular/**/*.js',
]
});
const cssAutoprefixed = autoPrefixerTree(new Funnel(angularAppTree, {
include: [ '**/*.css' ]
}));
return new MergeTree([
new Funnel('src', { include: ['**/*.scss']}),
angularAppTree,
cssAutoprefixed,
], { overwrite: true });
};
EmberCLIAutoprefixer.prototype.postprocessTree = function (type, tree) {
if (type === 'all' || type === 'styles') {
tree = autoprefixer(tree, this.options);
}
return tree;
};
Tree.prototype.read = function(readTree) {
if (!this.cachedTree) {
this.cachedTree = autoprefixer(this.inputTree, {
browsers: ['ie >= 8', 'ios >= 7', 'last 2 versions', 'Firefox ESR', 'Opera 12.1'],
map: this.options.debug ? {inline: false} : false
})
}
return readTree(this.cachedTree)
}
module.exports = function(defaults) {
// The Angular Application tree.
const appTree = _buildAppTree(defaults);
// The CSS tree that is auto prefixed with browser support.
const cssAutoprefixed = autoPrefixerTree(new Funnel(appTree, {
include: [ '**/*.css' ]
}));
return new MergeTree([appTree, cssAutoprefixed], { overwrite: true });
};
module.exports = function(defaults) {
// The Angular Application tree.
const appTree = _buildAppTree(defaults);
// The CSS tree that is auto prefixed with browser support.
const cssAutoprefixed = autoPrefixerTree(new Funnel(appTree, {
include: [ '**/*.css' ]
}));
// Include the scss sources in the output for when we publish.
const scssSources = new Funnel('src', {include: ['**/*.scss']});
return new MergeTree([appTree, cssAutoprefixed, scssSources], { overwrite: true });
};
css: function (masterTree) {
var cssTree = funnel(dirs.styles, {
include: ["**/*.less", "**/*.css"]
});
var lessTree = less(
cssTree,
files.mainLess + ".less",
"/" + files.mainCssDist + ".css",
{}
);
lessTree = autoprefixer(lessTree);
return mergeTrees([masterTree, lessTree], {overwrite: true});
},
module.exports = function(defaults) {
var angularAppTree = new Angular2App(defaults, {
sourceDir: 'src/',
sassCompiler: {
includePaths: [
'src/core/style'
]
},
vendorNpmFiles: []
});
const ngTree = angularAppTree.toTree();
const cssAutoprefixed = autoPrefixerTree(new Funnel(ngTree, {
include: [ '**/*.css' ]
}));
return new MergeTree([
new Funnel('src', { include: ['**/*.scss']}),
angularAppTree.toTree(),
cssAutoprefixed
], { overwrite: true });
};
var scripts = bMerge(['src/scripts', 'bower_components', templateJs]);
var appJs = bConcat(scripts, {
inputFiles: [
'lodash/dist/lodash.js',
'jquery/dist/jquery.js',
'backbone/backbone.js',
'backbone.babysitter/lib/backbone.babysitter.js',
'backbone.picky/lib/backbone.picky.js',
'backbone.marionette/lib/backbone.marionette.js',
'backbone.wreqr/lib/backbone.wreqr.js',
'bootstrap/dist/js/bootstrap.js',
'extensions/*.js',
'config/' + env + '.js',
'models/*.js',
'collections/*.js',
'controllers/*.js',
'routers/*.js',
'views/*.js',
'*.js'
],
outputFile: '/app.js',
wrapInEval: env !== 'production'
});
var lessTree = bMerge(['src/styles','bower_components/bootstrap/less']);
var appCss = bLess(lessTree, 'app.less', 'app.css');
appCss = bPrefix(appCss);
module.exports = bMerge([appJs, appCss, 'src/static', 'src/images']);
var outputPath = 'dist';
var jadeTemplates = pickFiles(rootPath, {
srcDir: '/',
files: ['**/*.jade'],
destDir: '/'
});
var stylusStyles = pickFiles(rootPath, {
srcDir: '/',
files: ['**/*.styl'],
destDir: '/'
});
var html = jade(jadeTemplates);
var html = htmlmin(html);
var styles = stylus(stylusStyles);
var styles = autoprefixer(styles);
var styles = cleanCSS(styles);
var tree = mergeTrees([html, styles]);
var tree = moveFile(tree, {
files: {
'resume.html': 'index.html'
}
});
module.exports = tree;
element !== 'Makefile' &&
element !== 'node_modules' &&
element !== 'package.json' &&
element !== 'README.md' &&
element !== 'tmp' &&
element[0] !== '.';
});
if (!(this instanceof Jekyll)) return new Jekyll(filteredTrees);
this.inputTrees = filteredTrees;
this.description = 'Jekyll';
}
Jekyll.prototype.write = function(readTree, destDir) {
return mapSeries(this.inputTrees, function iterator(tree) {
return readTree(tree);
}).then(function onceDone() {
execSync('bundle exec jekyll build -d ' + destDir);
});
};
//
// Build
//
var scss = autoprefixer(compileSass(['asset', '_vendor/foundation/scss'], 'app.scss', 'asset/app.css'));
var site = injectLivereload(Jekyll());
module.exports = mergeTrees([site, scss]);
var jade = require('broccoli-jade');
var mergeTrees = require('broccoli-merge-trees');
var pickFiles = require('broccoli-static-compiler');
var compileSass = require('broccoli-sass');
var autoprefixer = require('broccoli-autoprefixer');
var html = jade('templates', {
basedir: 'templates'
});
var css = compileSass(['styles'], 'main.scss', 'style.css', {sourceMap: true, outputStyle: 'compressed'});
css = autoprefixer(css);
var assets = pickFiles('public', {
srcDir: '/',
destDir: '/'
})
module.exports = mergeTrees([html, css, assets]);
var filterCoffeeScript = require('broccoli-coffee');
var filterTemplates = require('broccoli-template');
var vndFilterES6Modules = require('broccoli-dist-es6-module');
var compileSass = require('broccoli-sass');
var autoprefixer = require('broccoli-autoprefixer');
var mergeTrees = require('broccoli-merge-trees');
var lib = 'lib';
var scss = 'scss';
function filterES6Modules(tree, opts) {
return mergeTrees(vndFilterES6Modules(tree, opts));
}
styles = compileSass([scss], 'emberui.scss', 'emberui.css');
styles = autoprefixer(styles);
defaultTheme = compileSass([scss], 'default-theme.scss', 'default-theme.css');
defaultTheme = autoprefixer(defaultTheme);
lib = filterTemplates(lib, {
extensions: ['hbs'],
compileFunction: 'Ember.Handlebars.compile'
});
lib = filterCoffeeScript(lib, {
bare: true
})
lib = filterES6Modules(lib, {
global: 'eui',
var broccoli = require('broccoli');
var uglifyJavaScript = require('broccoli-uglify-js');
var browserify = require('broccoli-browserify');
var mergeTrees = require('broccoli-merge-trees');
var jshintTree = require('broccoli-jshint');
var compileSass = require('broccoli-sass');
var autoprefixer = require('broccoli-autoprefixer');
var pickFiles = require('broccoli-static-compiler');
var treeCss = compileSass(['src/scss/'], './app.scss', 'css/app.css', {
outputStyle: "compressed"
});
treeCss = autoprefixer(treeCss);
treeTest = jshintTree('src/js/');
var treeJs = browserify(
'src/js/',
{
entries: ['./app.js'],
outputFile: 'js/app.js'
}
);
var tree404 = browserify(
'src/js/',
{
entries: ['./canvas-component.js'],
outputFile: 'js/canvas-component.js'
}
angularScssFiles = new AngularScssFilter(angularScssFiles, {
annotation: 'AngularScssFilter'
});
return this._super.treeForStyles(mergeTrees([angularScssFiles, tree], { overwrite: true }));
},
/*
Rely on the `resolve` package to mimic node's resolve algorithm.
It finds the angular-material-source module in a manner that works for npm 2.x,
3.x, and yarn in both the addon itself and projects that depend on this addon.
This is an edge case b/c angular-material-source does not have a main
module we can require.resolve through node itself and similarily ember-cli
does not have such a hack for the same reason.
tl;dr - We want the non built scss files, and b/c this dep is only provided via
bower, we use this hack. Please change it if you read this and know a better way.
*/
pathBase(packageName) {
return path.dirname(resolve.sync(`${packageName}/package.json`, { basedir: __dirname }));
},
postprocessTree(type, tree) {
if (type === 'all' || type === 'styles') {
tree = autoprefixer(tree, this.app.options.autoprefixer || { browsers: ['last 2 versions'] });
}
return tree;
}
};