index.js

/* jshint node: true */
'use strict';
var path = require('path');
var fs = require('fs');
var babel = require('babel-core');
var VersionChecker = require('ember-cli-version-checker');
var Funnel = require('broccoli-funnel');
var mergeTrees = require('broccoli-merge-trees');

module.exports = {
  name: 'ember-cli-foundation-6-sass',
  included: function included(app) {
    this._super.included(app);
    var options = app.options['ember-cli-foundation-6-sass'];

    var checker = new VersionChecker(this);
    var isGTE6_3_0 = checker.for('foundation-sites', 'npm').satisfies('>=6.3.0');

    app.options.sassOptions = app.options.sassOptions || {};
    app.options.sassOptions.includePaths = app.options.sassOptions.includePaths || [];

    // Calculate the path using require.resolve which checks the whole path.
    // This gives us a specific file in dist/js/npm.js hence the need to path.resolve our way back up.
    var foundationPath = path.resolve(require.resolve('foundation-sites'), '../..');

    // >=6.3.0 changed some paths.
    if (isGTE6_3_0) {
      foundationPath = path.resolve(require.resolve('foundation-sites'), '../../..'); // go deeper
      var foundationFunnel = mergeTrees([new Funnel(foundationPath, {
        include: ['_vendor/**/*']
      }), new Funnel(path.join(foundationPath, 'scss'), {
        destDir: 'foundation-sites',
        include: ['**/*']
      })]);

      app.options.sassOptions.includePaths.push(foundationFunnel);
    }
    app.options.sassOptions.includePaths.push(foundationPath);

    // Include the js paths
    if ( !process.env.EMBER_CLI_FASTBOOT ) {
      if (options && options.foundationJs) {
        if ((typeof options.foundationJs === 'string') ||
            (options.foundationJs instanceof String)) {
          if (options.foundationJs === 'all') {

            // >=6.3.0 changed some paths.
            if (isGTE6_3_0) {
              app.import(path.join(foundationPath, 'dist', 'js', 'foundation.js'));
            } else {
              app.import(path.join(foundationPath, 'foundation-sites', 'js', 'foundation.js'));
            }
          }
        }
        else if (options.foundationJs instanceof Array) {
          options.foundationJs.forEach(function(componentName) {
            var foundationJsPath = path.join(foundationPath, 'js');
            var es5code = babel.transformFileSync(path.join(foundationJsPath, 'foundation.' + componentName + '.js'), {
              'plugins': [
                require.resolve('babel-plugin-transform-es2015-arrow-functions'),
                require.resolve('babel-plugin-transform-es2015-block-scoped-functions'),
                require.resolve('babel-plugin-transform-es2015-block-scoping'),
                require.resolve('babel-plugin-transform-es2015-classes'),
                require.resolve('babel-plugin-transform-es2015-destructuring'),
                require.resolve('babel-plugin-transform-es2015-modules-commonjs'),
                require.resolve('babel-plugin-transform-es2015-parameters'),
                require.resolve('babel-plugin-transform-es2015-shorthand-properties'),
                require.resolve('babel-plugin-transform-es2015-spread'),
                require.resolve('babel-plugin-transform-es2015-template-literals')
              ]
            }).code;
            var filenameAndPath = path.join(foundationJsPath, 'foundation.' + componentName + '.es5.js');
            fs.writeFileSync(filenameAndPath, es5code);
            app.import(filenameAndPath);
          });
        }
      }
    }
  }
};