updating todo example

Author: bryanjos

.babelrc

@@ -0,0 +1,12 @@
+
+{
+  "presets": [
+    ["env", {
+      "targets": {
+        "chrome": 52
+      },
+      "modules": "commonjs",
+      "loose": true
+    }]
+  ]
+}

.gitignore

@@ -4,7 +4,7 @@
 /deps
 /*.ez
 
-# Generate on crash by the VM
+# Generated on crash by the VM
 erl_crash.dump
 
 # Static artifacts
@@ -22,3 +22,4 @@ erl_crash.dump
 # secrets file as long as you replace its contents by environment
 # variables.
 /config/prod.secret.exs
+web/static/js/build/

README.md

@@ -1,13 +1,19 @@
 # Todo
 
-A Todo app built using Elixirscript.
-
-
 To start your Phoenix app:
 
   * Install dependencies with `mix deps.get`
-  * Create and migrate your database with `mix ecto.create && mix ecto.migrate`
   * Install Node.js dependencies with `npm install`
   * Start Phoenix endpoint with `mix phoenix.server`
 
 Now you can visit [`localhost:4000`](http://localhost:4000) from your browser.
+
+Ready to run in production? Please [check our deployment guides](http://www.phoenixframework.org/docs/deployment).
+
+## Learn more
+
+  * Official website: http://www.phoenixframework.org/
+  * Guides: http://phoenixframework.org/docs/overview
+  * Docs: https://hexdocs.pm/phoenix
+  * Mailing list: http://groups.google.com/group/phoenix-talk
+  * Source: https://github.com/phoenixframework/phoenix

brunch-config.js

@@ -2,74 +2,57 @@ exports.config = {
   // See http://brunch.io/#documentation for docs.
   files: {
     javascripts: {
-      joinTo: "js/app.js"
-
       // To use a separate vendor.js bundle, specify two files path
-      // https://github.com/brunch/brunch/blob/stable/docs/config.md#files
+      // http://brunch.io/docs/config#-files-
       // joinTo: {
       //  "js/app.js": /^(web\/static\/js)/,
       //  "js/vendor.js": /^(web\/static\/vendor)|(deps)/
       // }
       //
       // To change the order of concatenation of files, explicitly mention here
-      // https://github.com/brunch/brunch/tree/master/docs#concatenation
       // order: {
       //   before: [
       //     "web/static/vendor/js/jquery-2.1.1.js",
       //     "web/static/vendor/js/bootstrap.min.js"
       //   ]
       // }
+      joinTo: 'js/app.js',
     },
     stylesheets: {
-      joinTo: "css/app.css"
+      joinTo: 'css/app.css',
+      order: {
+        // concat app.css last
+        after: [ 'web/static/css/app.css' ],
+      },
     },
-    templates: {
-      joinTo: "js/app.js"
-    }
+    templates: { joinTo: 'js/app.js' },
   },
-
   conventions: {
     // This option sets where we should place non-css and non-js assets in.
     // By default, we set this to "/web/static/assets". Files in this directory
     // will be copied to `paths.public`, which is "priv/static" by default.
-    assets: /^(web\/static\/assets)/
+    assets: /^(web\/static\/assets)/,
   },
-
   // Phoenix paths configuration
   paths: {
     // Dependencies and current project directories to watch
-    watched: [
-      "web/static",
-      "test/static"
-    ],
-
+    watched: [ 'web/static', 'test/static' ],
     // Where to compile files to
-    public: "priv/static"
+    public: 'priv/static',
   },
-
   // Configure your plugins
   plugins: {
     babel: {
+      presets: [
+        [
+          'env',
+          { targets: { chrome: 52 }, modules: 'commonjs', loose: true },
+        ],
+      ],
       // Do not use ES6 compiler in vendor code
-      ignore: [/web\/static\/vendor/]
+      ignore: [ /web\/static\/vendor/ ],
     },
-    elixirscript: {
-      inputFolder: "web/static/exjs",
-      outputFolder: "web/static/js",
-      mainModule: "Todo"
-    }
   },
-
-  modules: {
-    autoRequire: {
-      "js/app.js": ["web/static/js/main"]
-    }
-  },
-
-  npm: {
-    enabled: true,
-    // Whitelist the npm deps to be pulled in as front-end assets.
-    // All other deps in package.json will be excluded from the bundle.
-    whitelist: ["phoenix", "phoenix_html"]
-  }
+  modules: { autoRequire: { 'js/app.js': [ 'web/static/js/app' ] } },
+  npm: { enabled: true },
 };

config/config.exs

@@ -8,9 +8,8 @@ use Mix.Config
 # Configures the endpoint
 config :todo, Todo.Endpoint,
   url: [host: "localhost"],
-  root: Path.dirname(__DIR__),
-  secret_key_base: "iyanJp73OeHaopWgaSRc3dazQENLfmMw6/+gy7QGjAoLqE17fKBSJskQPFPs8Fbr",
-  render_errors: [accepts: ~w(html json)],
+  secret_key_base: "DSFpJTbLbzxovpyVZ0kynrtvPaeCpZHgWL9Dh7GRDZC6adtg4+7g7D52/uN1zpR+",
+  render_errors: [view: Todo.ErrorView, accepts: ~w(html json)],
   pubsub: [name: Todo.PubSub,
            adapter: Phoenix.PubSub.PG2]
 
@@ -22,8 +21,3 @@ config :logger, :console,
 # Import environment specific config. This must remain at the bottom
 # of this file so it overrides the configuration defined above.
 import_config "#{Mix.env}.exs"
-
-# Configure phoenix generators
-config :phoenix, :generators,
-  migration: true,
-  binary_id: false

config/dev.exs

@@ -11,7 +11,9 @@ config :todo, Todo.Endpoint,
   debug_errors: true,
   code_reloader: true,
   check_origin: false,
-  watchers: [node: ["node_modules/brunch/bin/brunch", "watch", "--stdin"]]
+  watchers: [node: ["node_modules/brunch/bin/brunch", "watch", "--stdin",
+                    cd: Path.expand("../", __DIR__)], mix: ["elixirscript.watch"]]
+
 
 # Watch static and templates for browser reloading.
 config :todo, Todo.Endpoint,
@@ -27,16 +29,6 @@ config :todo, Todo.Endpoint,
 # Do not include metadata nor timestamps in development logs
 config :logger, :console, format: "[$level] $message\n"
 
-# Set a higher stacktrace during development.
-# Do not configure such in production as keeping
-# and calculating stacktraces is usually expensive.
+# Set a higher stacktrace during development. Avoid configuring such
+# in production as building large stacktraces may be expensive.
 config :phoenix, :stacktrace_depth, 20
-
-# Configure your database
-config :todo, Todo.Repo,
-  adapter: Ecto.Adapters.Postgres,
-  username: "postgres",
-  password: "postgres",
-  database: "todo_dev",
-  hostname: "localhost",
-  pool_size: 10

config/prod.exs

@@ -55,10 +55,6 @@ config :logger, level: :info
 #
 #     config :todo, Todo.Endpoint, server: true
 #
-# You will also need to set the application root to `.` in order
-# for the new static assets to be served after a hot upgrade:
-#
-#     config :todo, Todo.Endpoint, root: "."
 
 # Finally import the config/prod.secret.exs
 # which should be versioned separately.

config/test.exs

@@ -8,12 +8,3 @@ config :todo, Todo.Endpoint,
 
 # Print only warnings and errors during test
 config :logger, level: :warn
-
-# Configure your database
-config :todo, Todo.Repo,
-  adapter: Ecto.Adapters.Postgres,
-  username: "postgres",
-  password: "postgres",
-  database: "todo_test",
-  hostname: "localhost",
-  pool: Ecto.Adapters.SQL.Sandbox

web/models/todo.ex renamed to lib/shared/todo.ex

@@ -4,15 +4,14 @@ defmodule Todo do
   # See http://elixir-lang.org/docs/stable/elixir/Application.html
   # for more information on OTP Applications
   def start(_type, _args) do
-    import Supervisor.Spec, warn: false
+    import Supervisor.Spec
 
+    # Define workers and child supervisors to be supervised
     children = [
       # Start the endpoint when the application starts
       supervisor(Todo.Endpoint, []),
-      # Start the Ecto repository
-      supervisor(Todo.Repo, []),
-      worker(Todo.Store, []),
-      # Here you could define other workers and supervisors as children
+      worker(Todo.Store, [])
+      # Start your own worker by calling: Todo.Worker.start_link(arg1, arg2, arg3)
       # worker(Todo.Worker, [arg1, arg2, arg3]),
     ]