Got working with latest version of elixirscript master

Author: bryanjos

.tool-versions

@@ -1,3 +1,3 @@
 erlang 20.0
-elixir ref-v1.5.0-rc.0
-nodejs 8.1.0
+elixir ref-v1.5.0-rc.1
+nodejs 8.1.0

mix.exs

@@ -12,11 +12,7 @@ defmodule Todo.Mixfile do
      deps: deps(),
      elixir_script: [
        input: [Main],
-       output: "web/static/js/build",
-       js_modules: [
-         {React, "react"},
-         {ReactDOM, "react-dom"}
-       ]
+       output: "web/static/js/build"
      ]
     ]
   end
@@ -43,7 +39,7 @@ defmodule Todo.Mixfile do
      {:phoenix_live_reload, "~> 1.0", only: :dev},
      {:gettext, "~> 0.11"},
      {:cowboy, "~> 1.0"},
-     {:elixir_script, github: "elixirscript/elixirscript"},
+     {:elixir_script, git: "git@github.com:elixirscript/elixirscript.git"},
      {:fs, "2.12.0", override: true}
     ]
   end

mix.lock

@@ -1,6 +1,6 @@
 %{"cowboy": {:hex, :cowboy, "1.0.4", "a324a8df9f2316c833a470d918aaf73ae894278b8aa6226ce7a9bf699388f878", [:make, :rebar], [{:cowlib, "~> 1.0.0", [hex: :cowlib, repo: "hexpm", optional: false]}, {:ranch, "~> 1.0", [hex: :ranch, repo: "hexpm", optional: false]}], "hexpm"},
   "cowlib": {:hex, :cowlib, "1.0.2", "9d769a1d062c9c3ac753096f868ca121e2730b9a377de23dec0f7e08b1df84ee", [:make], [], "hexpm"},
-  "elixir_script": {:git, "https://github.com/elixirscript/elixirscript.git", "9f4630dbfcd5455a41eb94b6a757245fe6e76507", []},
+  "elixir_script": {:git, "git@github.com:elixirscript/elixirscript.git", "b3277f8c01f20e9c2c00557a55af8b08f10f3857", []},
   "estree": {:hex, :estree, "2.6.0", "86a301b0c355fa55c19e7ef9dceb1b1e983c6df526a2b7846818a38c258fc3fb", [:mix], [], "hexpm"},
   "fs": {:hex, :fs, "2.12.0", "ad631efacc9a5683c8eaa1b274e24fa64a1b8eb30747e9595b93bec7e492e25e", [:rebar3], [], "hexpm"},
   "gettext": {:hex, :gettext, "0.13.0", "daafbddc5cda12738bb93b01d84105fe75b916a302f1c50ab9fb066b95ec9db4", [:mix], [], "hexpm"},

priv/elixir_script/data/http.js

@@ -0,0 +1,7 @@
+export default {
+  fetch: function(...args) {
+    return fetch(...args);
+  },
+  stringify: JSON.stringify,
+  log: console.log
+};

priv/elixir_script/document.js

@@ -0,0 +1,5 @@
+export default {
+  getElementById: function(id) {
+    return document.getElementById(id);
+  }
+};

priv/elixir_script/react.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export default React;

priv/elixir_script/react_dom.js

@@ -0,0 +1,3 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+export default ReactDOM;

web/static/exjs/data.ex

@@ -1,49 +1,49 @@
 defmodule Todo.Data do
     def list() do
-    JS.fetch("/api/todo").then(fn(response) ->
+    Data.Http.fetch("/api/todo").then(fn(response) ->
       response.json()
     end).then(fn(todos) ->
         todos
       |> Enum.map(fn(x) -> %Todo.Models.Todo{ id: x.id, completed: x.completed, title: x.title } end)
       |> Main.update()
     end).catch(fn(err) ->
-      :console.debug(err)
+      Data.Http.log(err)
     end)
   end
 
   def add(the_title) do
-    JS.fetch("/api/todo", %{
+    Data.Http.fetch("/api/todo", %{
       "method" => "post",
       "headers" => %{
         "Content-type" => "application/json"
       },
-      "body" => JS.JSON.stringify(%{"title" => the_title})
+      "body" => Data.Http.stringify(%{"title" => the_title})
     }).then(fn(response) ->
       list()
     end).catch(fn(err) ->
-      JS.console.debug(err)
+      Data.Http.log(err)
     end)
   end
 
   def remove(id) do
-    JS.fetch("/api/todo/" <> id, %{ "method" => "delete" }).then(fn(response) ->
+    Data.Http.fetch("/api/todo/" <> id, %{ "method" => "delete" }).then(fn(response) ->
       list()
     end).catch(fn(err) ->
-      JS.console.debug(err)
+      Data.Http.log(err)
     end)
   end
 
   def update(id, completed) do
-    JS.fetch("/api/todo/" <> id, %{
+    Data.Http.fetch("/api/todo/" <> id, %{
       "method" => "put",
       "headers" => %{
         "Content-type" => "application/json"
       },
-      "body" => JS.JSON.stringify(%{ "completed" => completed })
+      "body" => Data.Http.stringify(%{ "completed" => completed })
     }).then(fn(response) ->
       list()
     end).catch(fn(err) ->
-      JS.console.debug(err)
+      Data.Http.log(err)
     end)
   end
 end

web/static/exjs/data_http.ex

@@ -0,0 +1,8 @@
+defmodule Data.Http do
+  use ElixirScript.FFI
+
+  foreign fetch(url)
+  foreign fetch(url, init)
+  foreign stringify(data)
+  foreign log(data)
+end

web/static/exjs/document.ex

@@ -0,0 +1,5 @@
+defmodule Document do
+  use ElixirScript.FFI
+
+  foreign getElementById(id)
+end