ember-spin-spinner/index.js

Ember component wrapper for spin.js.

'use strict';

const path = require('path');
const resolve = require('resolve');
const Rollup = require('broccoli-rollup');
const Funnel = require('broccoli-funnel');
const mergeTrees = require('broccoli-merge-trees');
const transformer = require('ember-cli-es6-transform');

module.exports = {
  name: require('./package').name,

  included(app) {
    // this._super.included.apply(app, arguments);
    this._super.included.apply(this, arguments);
    this.app = this._findHost();

    app.import('vendor/spin.js');
  },

  // Code borrowed from https://github.com/kiwiupover/ember-cli-spinjs
  
  treeForVendor(tree) {
    const spinJsPath = path.join(resolve.sync('spin.js'), '..');

    let allTrees = [];

    let rollupTree = new Rollup(spinJsPath, {
      rollup: {
        input: 'spin.js',
        output: {
          file: 'spin.js',
          format: 'es'
        },
        onwarn: function(warning) {

          // Suppress known error message caused by TypeScript compiled code with Rollup
          // https://github.com/rollup/rollup/wiki/Troubleshooting#this-is-undefined
          if (warning.code === 'THIS_IS_UNDEFINED') {
            return;
          }

          // eslint-disable-next-line no-console
          console.log("Rollup warning: ", warning.message);
        },
      }
    });

    const babel = this.app.project.findAddonByName('ember-cli-babel');
    const babelOptions = babel.buildBabelOptions();
    const es6Tree = transformer.es6Transform(rollupTree, babelOptions);

    allTrees.push(es6Tree);

    if (tree) {
      allTrees.push(tree);
    }

    return mergeTrees(allTrees);
  },

  treeForAddonStyles: function (tree) {
    const spinJsPath = path.join(resolve.sync('spin.js'), '..');

    let spinJsCSSTree = new Funnel(spinJsPath, {
      include: ['spin.css']
    });

    let allCSSTrees = [spinJsCSSTree];

    if (tree) {
      allCSSTrees.push(tree);
    }

    return mergeTrees(allCSSTrees);
  }
};