Using brunch again

Author: bryanjos

config/dev.exs

@@ -11,7 +11,7 @@ config :todo, Todo.Endpoint,
   debug_errors: true,
   code_reloader: true,
   check_origin: false,
-  watchers: [npm: ["run", "watch",
+  watchers: [node: ["node_modules/brunch/bin/brunch", "watch", "--stdin",
                     cd: Path.expand("../", __DIR__)], mix: ["elixirscript.watch"]]
 
 

lib/todo/store.ex

@@ -14,7 +14,7 @@ defmodule Todo.Store do
 
   def add(title) do
     Agent.update(__MODULE__, fn(state) ->
-      Map.put(state, Set.size(state), %Todo.Models.Todo{ title: title, completed: false, id: Set.size(state) })
+      Map.put(state, length(Map.keys(state)), %Todo.Models.Todo{ title: title, completed: false, id: length(Map.keys(state)) })
     end)
   end
 

package.json

@@ -2,24 +2,22 @@
   "repository": {},
   "license": "MIT",
   "scripts": {
-    "deploy": "webpack -p",
-    "watch": "webpack --watch-stdin --color"
+    "deploy": "brunch build --production",
+    "watch": "brunch watch --stdin"
   },
   "dependencies": {
     "phoenix": "file:deps/phoenix",
-    "phoenix_html": "file:deps/phoenix_html"
+    "phoenix_html": "file:deps/phoenix_html",
+    "react": "^15.4.0",
+    "react-dom": "^15.4.0"
   },
   "devDependencies": {
-    "babel-core": "6.21.0 ",
-    "babel-preset-env": "1.1.4",
-    "react": "^15.4.0",
-    "react-dom": "^15.4.0",
-    "babel-loader": "^6.2.10",
-    "css-loader": "^0.26.1",
-    "raw-loader": "^0.5.1",
-    "style-loader": "^0.13.1",
-    "webpack": "^2.2.0",
-    "copy-webpack-plugin": "^4.0.1",
-    "extract-text-webpack-plugin": "^2.0.0-beta.4"
+    "babel-brunch": "~6.0.0",
+    "brunch": "2.7.4",
+    "clean-css-brunch": "~2.0.0",
+    "css-brunch": "~2.0.0",
+    "javascript-brunch": "~2.0.0",
+    "uglify-js-brunch": "~2.0.1",
+    "babel-preset-env": "1.1.4"
   }
 }

web/static/exjs/data.ex

@@ -26,15 +26,15 @@ defmodule Todo.Data do
   end
 
   def remove(id) do
-    :window.fetch("/api/todo/#{id}", %{ "method" => "delete" }).then(fn(response) ->
+    :window.fetch("/api/todo/" <> id, %{ "method" => "delete" }).then(fn(response) ->
       list()
     end).catch(fn(err) ->
       :console.debug(err)
     end)
   end
 
   def update(id, completed) do
-    :window.fetch("/api/todo/#{id}", %{
+    :window.fetch("/api/todo/" <> id, %{
       "method" => "put",
       "headers" => %{
         "Content-type" => "application/json"