index.js

/* jshint node: true */
'use strict';
const path = require('path');
const chalk = require('chalk');
const Funnel = require('broccoli-funnel');
const mergeTrees = require('broccoli-merge-trees');

module.exports = {
  name: 'ui-bootstrap',
  description: 'An Ember-flavoured Bootstrap 4.x eco-system',

  included(app, parentAddon) {
    const target = (parentAddon || app);
    this._super.included(target);
    const scssPath = path.join('node_modules', 'bootstrap/scss');
    const cssPath = path.join('node_modules', 'bootstrap/dist/css');

    if (app.registry.availablePlugins['ember-cli-sass']) {
      const sassOptions = app.options.sassOptions || { includePaths: []};
      sassOptions.includePaths.push(scssPath);
    } else {
      this.ui.writeLine(chalk.bold('ui-bootstrap: ') + ' did not detect ' + chalk.bold.green('ember-cli-sass') + ' so using CSS configuration, installing this addon will switch ui-bootstrap to use SASS.');
      // target.import(path.join(cssPath, 'bootstrap.css'));
      target.import('vendor/ui-bootstrap/bootstrap.css');
    }

    // ui-bootstrap additions/fixes
    target.import('vendor/ui-bootstrap/ui-bootstrap-improvements.css');
  },

  treeForStyles: function(tree) {
    const bootstrapPath = path.join('node_modules', 'bootstrap/scss');
    const trees = [];
    if(tree) {
      trees.push(tree);
    }
    const existingStyle = this._super.treeForStyles.apply(this, arguments);
    const bootstrap = new Funnel(bootstrapPath, {
      srcDir: '/',
      destDir: '/'
    });
    trees.push(bootstrap);
    if (existingStyle) {
      trees.push(existingStyle);
    }

    return mergeTrees(trees);
  },

  isDevelopingAddon: function () {
    return true;
  }
};