generator-bannertime/generators/copy/modules/files.js

Yeoman generator for creating HTML5 advertising campaigns

/*
 * Generate files and process them.
 */

const download = require('download');
const getVendorScript = require('../../app/modules/getVendorScript');
const fs = require('fs');

module.exports = function files() {
  // Set the default html file based on the type of banner
  switch (this.props.bannerType) {
    case 'Studio (formerly Doubleclick Studio)':
      this.bannerSuffix = 'doubleclick';
      break;
    case 'Sizmek':
      this.bannerSuffix = 'sizmek';
      break;
    case 'Adform':
      this.bannerSuffix = 'adform';
      break;
    case 'Campaign Manager / CM':
      this.bannerSuffix = 'dcm';
      break;
    case 'Atlas':
      this.bannerSuffix = 'atlas';
      break;
    case 'Flashtalking':
      this.bannerSuffix = 'flashtalking';
      break;
    case 'IAB':
      this.bannerSuffix = 'iab';
      break;
    case 'Google Ads / GDA / GDN':
      this.bannerSuffix = 'none';
      break;
    case 'None':
      this.bannerSuffix = 'none';
      break;
    default:
      this.bannerSuffix = 'doubleclick';
  }

  const props = {
    bannerName: this.props.bannerName,
    bannerDesc: this.props.bannerDesc,
    bannerType: this.props.bannerType,
    bannerWidth: this.props.bannerWidth,
    bannerHeight: this.props.bannerHeight,
    bannerRepo: this.props.bannerRepo,
    includeTimeline: this.props.includeTimeline,
    includeOfflineEnabler: this.props.includeOfflineScripts
  };

  // Process the html files
  const filePath = './src/index.html';

  this.fs.copy(
    filePath,
    filePath,
    {
      process: (content) => {
        const regEx = new RegExp('</ul>');
        const newContent = content
          .toString()
          .replace(regEx, `  <li><a href="${props.bannerName}/" class="done">${props.bannerName}</a></li>\n      </ul>`);
        return newContent;
      }
    }
  );
  this.fs.copyTpl(
    this.templatePath('../../app/templates/src/300x250/_index.html'),
    this.destinationPath(`src/${this.props.bannerName}/index.html`),
    props
  );

  /**
   * Process the scss files.
   */
  this.fs.copy(
    this.destinationPath(`src/${this.props.bannerMaster}/styles`),
    this.destinationPath(`src/${this.props.bannerName}/styles`)
  );
  this.fs.copy(
    this.destinationPath(`src/${this.props.bannerMaster}/styles/base/_banner.scss`),
    this.destinationPath(`src/${this.props.bannerName}/styles/base/_banner.scss`),
    {
      process: (content) => {
        const regExWidth = new RegExp(/\$banner-width:\s*[0-9]*px;/);
        const regExHeight = new RegExp(/\$banner-height:\s*[0-9]*px;/);
        const newContent = content
          .toString()
          .replace(regExWidth, `$banner-width: ${props.bannerWidth}px;`)
          .replace(regExHeight, `$banner-height: ${props.bannerHeight}px;`);
        return newContent;
      }
    }
  );

  /**
   * Process the js files.
   */
  this.fs.copy(
    this.destinationPath(`src/${this.props.bannerMaster}/js`),
    this.destinationPath(`src/${this.props.bannerName}/js`)
  );
  this.fs.copy(
    this.templatePath(`../../app/templates/src/300x250/js/loader.${this.bannerSuffix}.js`),
    this.destinationPath(`src/${this.props.bannerName}/js/banner.loader.js`)
  );
  if (this.props.bannerType === 'Sizmek') {
    this.fs.copy(
      this.templatePath('../../app/templates/src/300x250/js/libs/EBLoader.js'),
      this.destinationPath(`src/${this.props.bannerName}/js/EBLoader.js`)
    );
  }
  if (this.props.bannerType === 'Adform') {
    this.fs.copy(
      this.templatePath('../../app/templates/src/300x250/js/libs/AdformDHTML.js'),
      this.destinationPath(`src/${this.props.bannerName}/js/AdformDHTML.js`)
    );
  }

  /**
   * Process the images.
   */
  this.fs.copy(
    this.destinationPath(`src/${this.props.bannerMaster}/images`),
    this.destinationPath(`src/${this.props.bannerName}/images`)
  );

  /**
   * Process the videos.
   */
  if (fs.existsSync(this.destinationPath(`src/${this.props.bannerMaster}/videos`))) {
    this.fs.copy(
      this.destinationPath(`src/${this.props.bannerMaster}/videos`),
      this.destinationPath(`src/${this.props.bannerName}/videos`)
    );
  }

  /**
   * Process the manifest file.
   */
  if (this.props.bannerType === 'Adform') {
    this.fs.copyTpl(
      this.templatePath('../../app/templates/src/300x250/js/_manifest.json'),
      this.destinationPath(`src/${this.props.bannerName}/manifest.json`),
      props
    );
  }
  if (this.props.bannerType === 'Flashtalking') {
    this.fs.copyTpl(
      this.templatePath('../../app/templates/src/300x250/js/_manifest.flashtalking.js'),
      this.destinationPath(`src/${this.props.bannerName}/manifest.js`),
      props
    );
  }

  /**
   * Process the offline vendor scripts.
   */
  if (this.props.includeOfflineScripts === true) {
    download(getVendorScript(this.props.bannerType), 'offline');
  }
};