ember-gsap/index.js

GSAP - Greensock Animation Platform as ES6 Modules for Ember.js applications.

/* eslint-env node */
'use strict';

const Funnel = require('broccoli-funnel');
const mergeTrees = require('broccoli-merge-trees');
const BroccoliDebug = require('broccoli-debug');
const fastbootTransform = require('fastboot-transform');
const path = require('path');

module.exports = {
  name: 'ember-gsap',

  included(app) {
    if (typeof app.import !== 'function' && app.app) {
      app = app.app;
    }
    this.app = app;

    this.addonConfig = this.app.project.config(app.env)['ember-gsap'] || {};
    this.importDependencies(app);

    return this._super.included.apply(this, arguments);
  },

  importDependencies(app) {
    let importConfig = this.addonConfig.core || ['TweenMax'],
        pluginConfig = Array.isArray(this.addonConfig.plugins) ? this.addonConfig.plugins : [],
        vendor = this.treePaths.vendor,
        dir = `${vendor}/gsap`;

    importConfig.forEach(key => {
      app.import(`${dir}/${key}.js`);
    });

    let plugins = {
      'attr': 'AttrPlugin.js',
      'bezier': 'BezierPlugin.js',
      'colorProps': 'ColorPropsPlugin.js',
      'css': 'CSSPlugin.js',
      'cssRule': 'CSSRulePlugin.js',
      'directionalRotation': 'DirectionalRotationPlugin.js',
      'draggable': 'Draggable.js',
      'easel': 'EaselPlugin.js',
      'modifiers': 'ModifiersPlugin.js',
      'raphael': 'RaphaelPlugin.js',
      'roundProps': 'RoundPropsPlugin.js',
      'scrollTo': 'ScrollToPlugin.js',
      'TextPlugin': 'TextPlugin.js'
    };

    if (!Array.prototype.includes) {
      require('./vendor/polyfills/array.includes.js');
    }

    Object.keys(plugins).forEach(key => {
      if (pluginConfig.includes(key)) {
        app.import(`${dir}/${plugins[key]}`);
      }
    });

    app.import('vendor/shims/gsap.js', {
      exports: {
        'gsap': ['TweenMax', 'TweenLite', 'TimelineMax', 'TimelineLite', 'easing'],
        'TweenMax': ['default'],
        'TweenLite': ['default'],
        'TimelineMax': ['default'],
        'TimelineLite': ['default']
      }
    });

  },

  treeForVendor(vendorTree) {
    let debugTree = BroccoliDebug.buildDebugCallback(this.name);
    let trees = [];

    if (vendorTree) {
      trees.push(
        debugTree(vendorTree, 'vendorTree')
      );
    }

    let gsap = fastbootTransform(
      moduleToFunnel('gsap')
    );
    trees.push(debugTree(gsap, 'gsap'));

    return debugTree(mergeTrees(trees), 'mergedTrees');
  }

};

function moduleToFunnel(moduleName, destination) {
  return new Funnel(resolveModulePath(moduleName), {
    destDir: destination || moduleName
  });
}

function resolveModulePath(moduleName) {
  return path.dirname(require.resolve(moduleName));
}