Updated to work with latest version of ElixirScript in master

Author: bryanjos

mix.exs

@@ -39,7 +39,7 @@ defmodule Todo.Mixfile do
      {:phoenix_live_reload, "~> 1.0", only: :dev},
      {:gettext, "~> 0.11"},
      {:cowboy, "~> 1.0"},
-     {:elixir_script, git: "[email protected]:elixirscript/elixirscript.git", ref: "b3277f8c01f20e9c2c00557a55af8b08f10f3857"},
+     {:elixir_script, git: "[email protected]:elixirscript/elixirscript.git", ref: "4d40ad36f9dedb2bd6793aafc2e5553f4a4cbb92"},
      {:fs, "2.12.0", override: true}
     ]
   end

priv/elixir_script/data/http.js

@@ -2,6 +2,8 @@ export default {
   fetch: function(...args) {
     return fetch(...args);
   },
-  stringify: JSON.stringify,
+  stringify: function(map) {
+    return JSON.stringify(map);
+  },
   log: console.log
 };

priv/elixir_script/react.js

@@ -1,2 +1,24 @@
 import React from 'react';
-export default React;
+
+function mapToObject(map) {
+  const object = {};
+
+  for ([key, value] of map.entries()) {
+    if (value instanceof Map) {
+      object[key] = mapToObject(value);
+    } else {
+      object[key] = value;
+    }
+  }
+
+  return object;
+}
+
+function createElement(tag, attributes, elements) {
+  const props = mapToObject(attributes);
+  return React.createElement(tag, props, ...elements);
+}
+
+export default {
+  createElement
+};

web/static/exjs/data.ex

@@ -12,35 +12,35 @@ defmodule Todo.Data do
   end
 
   def add(the_title) do
-    Data.Http.fetch("/api/todo", %{
+    Data.Http.fetch("/api/todo", ElixirScript.JS.map_to_object(%{
       "method" => "post",
       "headers" => %{
         "Content-type" => "application/json"
       },
-      "body" => Data.Http.stringify(%{"title" => the_title})
-    }).then(fn(response) ->
+      "body" => Data.Http.stringify(ElixirScript.JS.map_to_object(%{"title" => the_title}))
+    })).then(fn(response) ->
       list()
     end).catch(fn(err) ->
       Data.Http.log(err)
     end)
   end
 
   def remove(id) do
-    Data.Http.fetch("/api/todo/" <> id, %{ "method" => "delete" }).then(fn(response) ->
+    Data.Http.fetch("/api/todo/" <> id, ElixirScript.JS.map_to_object(%{ "method" => "delete" })).then(fn(response) ->
       list()
     end).catch(fn(err) ->
       Data.Http.log(err)
     end)
   end
 
   def update(id, completed) do
-    Data.Http.fetch("/api/todo/" <> id, %{
+    Data.Http.fetch("/api/todo/" <> id, ElixirScript.JS.map_to_object(%{
       "method" => "put",
       "headers" => %{
         "Content-type" => "application/json"
       },
-      "body" => Data.Http.stringify(%{ "completed" => completed })
-    }).then(fn(response) ->
+      "body" => Data.Http.stringify(ElixirScript.JS.map_to_object(%{ "completed" => completed }))
+    })).then(fn(response) ->
       list()
     end).catch(fn(err) ->
       Data.Http.log(err)

web/static/exjs/main.ex

@@ -1,10 +1,10 @@
 defmodule Main do
   use ReactUI
 
-  defp process_event(%{} = event) do
+  defp process_event(event) do
     if event.which == 13 do
       Todo.Data.add(event.target.value)
-      ElixirScript.JS.mutate(event.target, %{"value" => ""})
+      ElixirScript.JS.mutate(event.target, "value", "")
     else
       Data.Http.log(event)
     end

web/static/exjs/react_ui.ex

@@ -21,7 +21,7 @@ defmodule ReactUI do
       { inner, attributes } = do_tag(inner, attrs)
 
       quote do
-        React.createElement(unquote(tag), unquote(attributes), unquote_splicing(inner))
+        React.createElement(unquote(tag), unquote(attributes), unquote(inner))
       end
     end
 
@@ -32,7 +32,7 @@ defmodule ReactUI do
       { inner, attributes } = do_tag(inner, attributes)
 
       quote do
-        React.createElement(unquote(tag), unquote(attributes), unquote_splicing(inner))
+        React.createElement(unquote(tag), unquote(attributes), unquote(inner))
       end
     end
   end