Initial commit

Author: bryanjos

.gitignore

@@ -0,0 +1,22 @@
+# The directory Mix will write compiled artifacts to.
+/_build/
+
+# If you run "mix test --cover", coverage assets end up here.
+/cover/
+
+# The directory Mix downloads your dependencies sources to.
+/deps/
+
+# Where 3rd-party dependencies like ExDoc output generated docs.
+/doc/
+
+# Ignore .fetch files in case you like to edit your project deps locally.
+/.fetch
+
+# If the VM crashes, it generates a dump, let's ignore it too.
+erl_crash.dump
+
+# Also ignore archive artifacts (built via "mix archive.build").
+*.ez
+
+node_modules

README.md

@@ -0,0 +1,47 @@
+# ElixirScriptReact
+
+A library for using React with ElixirScript
+
+## Example
+
+```elixir
+  use ReactUI
+
+  def my_section()
+    section id: "todoapp" do
+      header id: "header" do
+        h1 do
+          "todos"
+        end
+        input [
+          id: "new-todo",
+          placeholder: "What needs to be done?",
+          autoFocus: true,
+          onKeyPress: fn(event, _) -> process_event(event) end
+        ]
+      end
+    end
+  end
+
+  ReactDOM.render(my_section(), "my_dom_container_query")
+```
+
+`my_dom_container_query` is a string that is passed to `document.querySelector` in the browser
+
+## Installation
+
+If [available in Hex](https://hex.pm/docs/publish), the package can be installed
+by adding `elixir_script_react` to your list of dependencies in `mix.exs`:
+
+```elixir
+def deps do
+  [
+    {:elixir_script_react, "~> 0.1.0"}
+  ]
+end
+```
+
+Documentation can be generated with [ExDoc](https://github.com/elixir-lang/ex_doc)
+and published on [HexDocs](https://hexdocs.pm). Once published, the docs can
+be found at [https://hexdocs.pm/elixir_script_react](https://hexdocs.pm/elixir_script_react).
+

config/config.exs

@@ -0,0 +1,30 @@
+# This file is responsible for configuring your application
+# and its dependencies with the aid of the Mix.Config module.
+use Mix.Config
+
+# This configuration is loaded before any dependency and is restricted
+# to this project. If another project depends on this project, this
+# file won't be loaded nor affect the parent project. For this reason,
+# if you want to provide default values for your application for
+# 3rd-party users, it should be done in your "mix.exs" file.
+
+# You can configure your application as:
+#
+#     config :elixir_script_react, key: :value
+#
+# and access this configuration in your application as:
+#
+#     Application.get_env(:elixir_script_react, :key)
+#
+# You can also configure a 3rd-party app:
+#
+#     config :logger, level: :info
+#
+
+# It is also possible to import configuration files, relative to this
+# directory. For example, you can emulate configuration per environment
+# by uncommenting the line below and defining dev.exs, test.exs and such.
+# Configuration from the imported file will override the ones defined
+# here (which is why it is important to import them last).
+#
+#     import_config "#{Mix.env}.exs"

lib/react.ex

@@ -0,0 +1,5 @@
+defmodule React do
+  use ElixirScript.FFI
+
+  foreign createElement(type, props, children)
+end

lib/react_dom.ex

@@ -0,0 +1,5 @@
+defmodule ReactDOM do
+  use ElixirScript.FFI
+
+  foreign render(element, container)
+end

lib/reactui.ex

@@ -0,0 +1,67 @@
+defmodule ReactUI do
+
+  defmacro __using__(_) do
+    quote do
+      import ReactUI
+    end
+  end
+
+  @external_resource tags_path = Path.join([__DIR__, "tags.txt"])
+
+  @tags (for line <- File.stream!(tags_path, [], :line) do
+    line |> String.strip |> String.to_atom
+  end)
+
+  for tag <- @tags do
+    @doc """
+    Defines a macro for the html element, #{tag}
+    """
+    defmacro unquote(tag)(attrs, do: inner) do
+      tag = Atom.to_string(unquote(tag))
+      { inner, attributes } = do_tag(inner, attrs)
+
+      quote do
+        React.createElement(unquote(tag), unquote(attributes), unquote(inner))
+      end
+    end
+
+    defmacro unquote(tag)(attrs \\ []) do
+      tag = Atom.to_string(unquote(tag))
+
+      { inner, attributes } = Dict.pop(attrs, :do)
+      { inner, attributes } = do_tag(inner, attributes)
+
+      quote do
+        React.createElement(unquote(tag), unquote(attributes), unquote(inner))
+      end
+    end
+  end
+
+  defp do_tag(inner, attributes) do
+    inner = case inner do
+      {:__block__, _, params} ->
+        params
+      nil ->
+        []
+      x ->
+        [x]
+    end
+
+    attributes = config_to_map(attributes)
+
+    {inner, attributes}
+  end
+
+  defp config_to_map(config) do
+    config = Enum.map(config, fn({key, value}) ->
+    if is_atom(key) do
+      {Atom.to_string(key), value}
+    else
+      {key, value}
+    end
+    end)
+
+    {:%{}, [], config}
+  end
+
+end

lib/tags.txt

@@ -0,0 +1,109 @@
+a
+abbr
+address
+area
+article
+aside
+audio
+b
+base
+bdi
+bdo
+blockquote
+body
+br
+button
+canvas
+caption
+cite
+code
+col
+colgroup
+command
+datalist
+dd
+del
+details
+dfn
+dialog
+div
+dl
+dt
+em
+embed
+fieldset
+figcaption
+figure
+footer
+form
+h1
+h2
+h3
+h4
+head
+header
+hgroup
+hr
+html
+i
+iframe
+img
+input
+ins
+kbd
+keygen
+label
+legend
+li
+link
+main
+map
+mark
+menu
+menuitem
+meta
+meter
+nav
+noscript
+object
+ol
+optgroup
+option
+output
+p
+param
+pre
+progress
+q
+rp
+rt
+ruby
+s
+samp
+script
+section
+select
+small
+source
+span
+strong
+style
+sub
+summary
+sup
+table
+tbody
+td
+textarea
+tfoot
+th
+thead
+time
+title
+tr
+track
+u
+ul
+var
+video
+wbr

mix.exs

@@ -0,0 +1,25 @@
+defmodule ElixirScriptReact.Mixfile do
+  use Mix.Project
+
+  def project do
+    [
+      app: :elixir_script_react,
+      version: "1.0.0-react.15.6.1",
+      elixir: "~> 1.5",
+      start_permanent: Mix.env == :prod,
+      deps: deps()
+    ]
+  end
+
+  def application do
+    [
+      extra_applications: [:logger]
+    ]
+  end
+
+  defp deps do
+    [
+      {:elixir_script, git: "[email protected]:elixirscript/elixirscript.git", ref: "72b8adea911569667901ed9d38a0a52ddaa8fc0f"},
+    ]
+  end
+end

mix.lock

@@ -0,0 +1,3 @@
+%{"elixir_script": {:git, "[email protected]:elixirscript/elixirscript.git", "72b8adea911569667901ed9d38a0a52ddaa8fc0f", [ref: "72b8adea911569667901ed9d38a0a52ddaa8fc0f"]},
+  "estree": {:hex, :estree, "2.6.0", "86a301b0c355fa55c19e7ef9dceb1b1e983c6df526a2b7846818a38c258fc3fb", [], [], "hexpm"},
+  "fs": {:hex, :fs, "3.4.0", "6d18575c250b415b3cad559e6f97a4c822516c7bc2c10bfbb2493a8f230f5132", [], [], "hexpm"}}