Working bootstrap Javascript

brunch-config.js

@@ -64,6 +64,12 @@ exports.config = {
   },
 
   npm: {
-    enabled: true
+    enabled: true,
+    whitelist: [
+      "jquery",
+      "bootstrap",
+      "bootstrap-select",
+      "phoenix",
+      "phoenix_html"],
   }
 };

package.json

@@ -6,6 +6,9 @@
     "watch": "brunch watch --stdin"
   },
   "dependencies": {
+    "bootstrap": ">=3.3.7",
+    "bootstrap-select": ">=1.10.0",
+    "jquery": ">=3.0",
     "phoenix": "file:deps/phoenix",
     "phoenix_html": "file:deps/phoenix_html"
   },

web/static/js/app.js

@@ -13,6 +13,18 @@
 // to also remove its path from "config.paths.watched".
 import "phoenix_html"
 
+import $ from "jquery"
+import "jquery"
+import "bootstrap-select"
+
+// Original version had this note about next line:
+// "Needed for tether or bootstrap..."
+// Because I don't know how/when the problem would
+// show up if it's required for bootstrap, I'm leaving
+// it in.
+global.jQuery = require("jquery")
+global.bootstrap = require("bootstrap")
+
 // Import local files
 //
 // Local files can be imported directly using relative