Merge pull request #1965 from DFurnes/dependency-man

Conditionally loads polyfills based on feature detection.

Author: DFurnes

lib/themes/dosomething/paraneue_dosomething/bower.json

@@ -25,8 +25,11 @@
     "mailcheck": "~1.0.3",
     "html5shiv": "~3.7.0",
     "requirejs": "~2.1.11",
+    "requirejs-text": "requirejs/text#~2.0.12",
     "lodash": "~2.4.1",
     "unveil": "~1.3.0",
-    "jquery-once": "~1.2.6"
+    "jquery-once": "~1.2.6",
+    "respond": "~1.4.2",
+    "REM-unit-polyfill": "~1.2.3"
   }
 }

lib/themes/dosomething/paraneue_dosomething/js/config.js

@@ -8,17 +8,4 @@
 (function() {
   "use strict";
 
-
-  require.config({
-    baseUrl: "/profiles/dosomething/themes/dosomething/paraneue_dosomething/js/",
-    include: "main",
-    paths: {
-      "neue": "../bower_components/neue/js",
-      "mailcheck": "../bower_components/mailcheck/src/mailcheck",
-      "lodash": "../bower_components/lodash/dist/lodash"
-    },
-    shim: {
-      "mailcheck": { exports: "Kicksend.mailcheck" }
-    }
-  });
 })();

lib/themes/dosomething/paraneue_dosomething/js/main.js

@@ -1,23 +1,61 @@
-//
-//
-// The main DS app. This guy runs the show.
-//
-//
+/**
+ * We configure RequireJS options, paths, and shims here.
+ *
+ *  - baseURL: Path where modules will be loaded from at runtime.
+ *  - paths: Load any Bower components in here.
+ *  - excludeShallow: Any components that should *not* be included
+ *    in the minified production build. They will be loaded in on
+ *    demand via the RequireJS loader.
+ *  - shim: Shim any non-AMD scripts.
+ *
+ *  @see https://github.com/jrburke/r.js/blob/master/build/example.build.js
+ */
+require.config({
+  baseUrl: "/profiles/dosomething/themes/dosomething/paraneue_dosomething/js/",
+  include: "main",
+  includeRequire: "main",
+  paths: {
+    "neue": "../bower_components/neue/js",
+    "mailcheck": "../bower_components/mailcheck/src/mailcheck",
+    "lodash": "../bower_components/lodash/dist/lodash",
+    "text": "../bower_components/requirejs-text/text",
+    "rem-unit-polyfill": "../bower_components/REM-unit-polyfill/js/rem",
+    "respond": "../bower_components/respond/dest/respond.min",
+  },
+  excludeShallow: [
+    "respond",
+    "rem-unit-polyfill"
+  ],
+  shim: {
+    "mailcheck": { exports: "Kicksend.mailcheck" }
+  }
+});
+
 
+/**
+ * This is where we load and initialize components of our app.
+ */
 define("main", function(require) {
   "use strict";
 
   // let's get going
   var $ = window.jQuery;
   var Finder = require("finder/Finder");
+  var Features = require("utils/features");
+
 
-  require("neue/main");
 
   // Load polyfills
-  require("neue/vendor/polyfills/respond");
-  require("neue/vendor/polyfills/rem");
+  if(!Features.mediaQueries) {
+    require("respond");
+  }
+
+  if(!Features.remUnits) {
+    require("rem-unit-polyfill");
+  }
 
   // Initialize modules on load
+  require("neue/main");
   require("campaign/sources");
   require("campaign/tips");
   require("campaign/ImageUploader");
@@ -34,6 +72,4 @@ define("main", function(require) {
       );
     }
   });
-
-
 });