ember-cli-build.js

/* eslint-env node */

const fs = require('fs');
const EmberApp = require('ember-cli/lib/broccoli/ember-app');
const Funnel = require('broccoli-funnel');
const config = require('./config/environment')(process.env.EMBER_ENV);
const autoprefixer = require('autoprefixer');
const postcss = require('postcss');

const nonCdnEnvironments = ['development', 'test'];

module.exports = function(defaults) {
    const useCdn = (nonCdnEnvironments.indexOf(process.env.EMBER_ENV) === -1);

    const css = {
        app: '/assets/registries-service.css',
    };

    const brands = fs.readdirSync('./app/styles/brands');

    for (let brand of brands) {
        if (/^_/.test(brand)) { continue; }

        brand = brand.replace(/\..*$/, '');
        css[`brands/${brand}`] = `/assets/css/${brand}.css`;
    }

    // Reference: https://github.com/travis-ci/travis-web/blob/master/ember-cli-build.js
    const app = new EmberApp(defaults, {
        'ember-bootstrap': {
            bootstrapVersion: 3,
            importBootstrapFont: true,
            importBootstrapCSS: false,
        },
        // Needed for branded themes
        fingerprint: {
            customHash: config.ASSET_SUFFIX,
        },
        outputPaths: {
            app: {
                css,
            },
        },
        sassOptions: {
            includePaths: [
                'node_modules/bootstrap-sass/assets/stylesheets',
                'node_modules/@centerforopenscience/ember-osf/addon/styles',
                'node_modules/@centerforopenscience/osf-style/sass',
                'node_modules/hint.css',
            ],
        },
        sourcemaps: {
            enabled: true,
            extensions: ['js'],
        },
        inlineContent: {
            raven: {
                enabled: useCdn,
                content: `
                    <script src="https://cdn.ravenjs.com/3.22.1/ember/raven.min.js"></script>
                    <script>
                        var encodedConfig = document.head.querySelector("meta[name$='/config/environment']").content;
                        var config = JSON.parse(unescape(encodedConfig));
                        if (config.sentryDSN) {
                            Raven.config(config.sentryDSN, config.sentryOptions || {}).install();
                        }
                    </script>
                `.trim(),
            },
            cdn: {
                enabled: useCdn,
                content: `
                    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
                    <script src="//cdnjs.cloudflare.com/ajax/libs/ember.js/2.18.0/ember.prod.js"></script>
                `.trim(),
            },
        },
        postcssOptions: {
            compile: {
                enabled: false,
            },
            filter: {
                enabled: true,
                plugins: [{
                    module: autoprefixer,
                    options: {
                        browsers: ['last 4 versions'],
                        cascade: false,
                    },
                }, {
                    // Wrap progid declarations with double-quotes
                    module: postcss.plugin('progid-wrapper', () => {
                        return css =>
                            css.walkDecls((declaration) => {
                                if (declaration.value.startsWith('progid')) {
                                    const newDeclaration = declaration;
                                    newDeclaration.value = `"${declaration.value}"`;
                                    return newDeclaration;
                                }
                            });
                    }),
                }],
            },
        },
        // bable options included to fix issue with testing discover controller
        // http://stackoverflow.com/questions/32231773/ember-tests-passing-in-chrome-not-in-phantomjs
        'ember-cli-babel': {
            includePolyfill: true,
        },
    });

    // Use `app.import` to add additional libraries to the generated
    // output files.
    //
    // If you need to use different assets in different
    // environments, specify an object as the first parameter. That
    // object's keys should be the environment name and the values
    // should be the asset to use in that environment.
    //
    // If the library that you are including contains AMD or ES6
    // modules that you would like to import into your application
    // please specify an object with the list of modules as keys
    // along with the exports of each module as its value.
    // Import component styles from addon
    app.import('vendor/assets/ember-osf.css');

    const assets = [
        new Funnel('node_modules/@centerforopenscience/osf-style/img', {
            srcDir: '/',
            destDir: 'img',
        }),
    ];

    return app.toTree(assets);
};