moog16

{
    "link_template": "http://api.rottentomatoes.com/api/public/v1.0/lists/movies/box_office.json?limit={num-results}&country={country-code}",
    "links": {
        "alternate": "http://www.rottentomatoes.com/movie/box-office/",
        "self": "http://api.rottentomatoes.com/api/public/v1.0/lists/movies/box_office.json?limit=20&country=us"
    },
    "movies": [
        {
            "abridged_cast": [
                {

moog16

{
    "link_template": "http://api.rottentomatoes.com/api/public/v1.0/lists/dvds/top_rentals.json?limit={num-results}&country={country-code}",
    "links": {
        "alternate": "http://www.rottentomatoes.com/dvd/top_rentals",
        "self": "http://api.rottentomatoes.com/api/public/v1.0/lists/dvds/top_rentals.json?limit=20&country=us"
    },
    "movies": [
        {
            "abridged_cast": [
                {

moog16

'use strict'
/************************************
 * Configure build directory structure
 ************************************/

const buildDir        = './dist';
const staticAssetsDir = `${buildDir}/static`;
const cssDir          = `${staticAssetsDir}/css`;
const jsDir           = `${staticAssetsDir}/js`;
const imgDir          = `${staticAssetsDir}/img`;

moog16

System.config({
  defaultJSExtensions: true,
  transpiler: "babel",
  babelOptions: {
    "blacklist": [],
    "optional": [
      "runtime",
      "optimisation.modules.system"
    ]
  },

moog16

const path = require('path');
const webpack = require('webpack');
const validate = require('webpack-validator');
const merge = require('webpack-merge');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');

// ENV Variables

moog16

const argv = require('yargs').argv;
const webpackConfig = {
  colors: true,
  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /(node_modules|jspm_packages)/,
        loader: 'babel'
      }, {

moog16

const webpack          	 = require('webpack');
const WebpackDevServer 	 = require('webpack-dev-server');
const webpackConfig    	 = require('./webpack.config.js');
const browserSync 	     = require('browser-sync');
// a nice npm module written to have BrowserSync work with Webpack 
// and webpack-dev-server
const BrowserSyncPlugin  = require('browser-sync-webpack-plugin');
const renderTemplate	   = require('./build/gulp/template');
const clients 		       = require('./build/gulp/clients')();
let browserSyncInstance;

moog16

const gulp             	 = require('gulp');
const sass             	 = require('gulp-sass');
const path             	 = require('path');
const gutil            	 = require("gulp-util");
// custom importer for scss files that resolve file names in 
// main app.scss manifest
const importer         	 = require('../scssImporter'); 
const postcss          	 = require('gulp-postcss');
const autoprefixer     	 = require('autoprefixer');
const cssnano          	 = require('cssnano');

moog16

const path = require('path');
const merge = require('webpack-merge');
const webpack = require('webpack');
// args.getArgs is a custom function that I wrote for yarn
const args = require('./build/utils/args');

// ENV Variables
const client = args.getArg('client') || 'default';
const stubs = args.getArg('stubs');
const PORT = 8080;

moog16

// I run this right after webpack-dev-server task is complete
gulp.task('watch', () => {
  gulp.watch('./styles/**/*.scss', ['watchCss']);
});

// this triggers whenever a `.scss` file changes
// which triggers a new scss compliation
gulp.task('watchCss', ['buildStyles'], () => {
  // browserSyncInstance is defined in my above gist 
  // https://gist.github.com/moog16/095f6e6e592ae83c0182e0977c8a8762